@charset "utf-8";

body {
   margin: 0;
   padding: 0;
   color:#333333;
   font-family: sans-serif;
   line-height: 1.5;
}

h1,h2,h3,h4,h5,h6 {font-size:1em; padding:0px;margin:0px;}
p { margin:0px; }
ul li { list-style-type:none; }
a img { border:0; }
a { outline: none; }
body{text-align:center;}

.mar-t-20{margin-top:20px !important}
.mar-t-30{margin-top:30px !important}
.mar-t-50{margin-top:50px !important}
.mar-b-10{margin-bottom:10px !important}
.mar-b-20{margin-bottom:20px !important}
.mar-r-0{margin-right:0px !important}
.align-center{text-align:center !important}

/* CLEAR FIX*/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*
*/

header{text-align:right;position:relative;padding:5px;background-color:#ff4a72;font-size:12px;}
header div{margin:0px auto;}
header h1{float:left;display:block;padding:3px;}
header h1 img{width:100px;}

.topHeaderMenuWrap{display: inline-block;margin:0px 20px;padding: 0px;font-size:14px;}
header i.fa-bars{display:none;}
.layer{
    position: fixed;
    top: 0;
    z-index: 1;
    display: none;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.HeaderMenu{margin:0px;padding:0px;display:inline-block;}
.HeaderMenu li{margin:0px 10px;padding:0px;color:#fff;display:inline-block;position:relative;}
.HeaderMenu li a{padding:10px;display:block;color:#fff;text-decoration: none;border-radius:5px;transition-duration:0.5s;}
.HeaderMenu li a.current{background-color:#ff85a0;}
.HeaderMenu li a:hover{background-color:#ff85a0;}

.HeaderMenu li ul{
opacity: 0;
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: -10;
  margin: 0;
  padding: 0;
	text-align: left;
	visibility: hidden;
	transition: .5s;
}

.HeaderMenu li:hover ul{
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.HeaderMenu li ul li{
  width: 100%;
background-color:#ff4a72;
border:1px solid #fff;
border-width:1px 1px 0px 1px;
transition-duration:0.5s;
}

.HeaderMenu li ul li:hover{border-radius:0px;background-color:#ff85a0;}

.HeaderMenu li ul li:first-child{border-bottom:1px;border-radius:5px 5px 0px 0px;}
.HeaderMenu li ul li:last-child{border-bottom:1px;border-radius:0px 0px 5px 5px;}

.HeaderMenu li ul li a{white-space: nowrap;padding:10px 20px;border-radius:0px;}
.HeaderMenu li ul li a:hover{background-color:transparent;}

.HeaderSign{
  *zoom: 1;
  list-style-type: none;
  display:inline-block;
  margin:0px 20px 0px 0px;
  padding: 0;
}

.HeaderSign li{
  position: relative;
  margin: 0;
  padding: 0;
  display:block;
background-color:#ff4a72;
border:1px solid #fff;
	border-radius:5px;
}

.HeaderSign li:hover{background-color:#ff85a0;border-radius:5px 5px 0px 0px;}
	
.HeaderSign li a{
  display: block;
  margin: 0;
  padding:5px 10px;
	color:#fff;
	text-decoration: none;
}
.HeaderSign li ul{
  visibility: hidden;
  opacity: 0;
  transition: 0s;
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: -1;
  margin: 0;
  padding: 0;
	width: 100%;
	text-align: left;
}

.HeaderSign li:hover ul{
  visibility: visible;
  opacity: 1;
}

.HeaderSign li ul li{
  width: 100%;
border-width:1px 1px 0px 1px;
border-radius:0px;
}

.HeaderSign li ul li:hover{border-radius:0px;}

.HeaderSign li ul li:last-child{border-bottom:1px;border-radius:0px 0px 5px 5px;}

.HeaderSign li ul li a{
  visibility: hidden;
  opacity: 0;
  transition: .5s;
}
.HeaderSign li:hover ul li a{
  visibility: visible;
  opacity: 1;
}

#mypageContent{
margin:20px;
}

.mypageContentStart{
border:1px solid #e5e5e5;
background-color:#f5f5f5;
padding:20px;
text-align:center;
margin-bottom:30px;
}

.mypageContentStart .mypageContentMainBtn{margin:0px 10px !important;}

.mypageContentMainBtn{
font-size: 16px;
padding: 10px 30px;
border-width: 0px 0px 4px;
border-bottom: 4px solid #005dae;
background-color: #007ae4;
color: #FFF !important;
font-weight: bold;
text-decoration: none;
display: inline-block;
text-align: center;
box-shadow: 1px 1px 3px #B8B6B2;
margin: 10px 30px 20px;
cursor:pointer;
-webkit-appearance: none;
transition-duration:0.5s;
}

.mypageContentMainBtn:hover{text-decoration: none;background-color: #005dae;}

.mypageContentMainBtn i{
font-size: 24px;
}

.mypageContentMainBlock{margin-bottom:50px;}

.mypageContentMainSubBlockTitle h3{
float:left;
padding:5px;
background-color:#ff4a72;
color:#fff;
font-size:14px;
}

.mypageContentMainSubBlockTitle a{float:right;margin:5px 10px;color:#ff6600;font-size:14px;}
.mypageContentMainSubBlockTitle span{float:right;margin:5px 10px;display:block;}

.mypageContentTableWrap{margin:50px 20px 20px;}
.mypageContentTable{border-collapse:collapse;font-size:12px;width:100%}

.mypageContentTable th{
text-align:center;
font-weight:bold;
padding:3px 0px;
border-bottom:1px solid #999;
cursor:pointer;
vertical-align:middle;
}

.mypageContentTable th i{color:#ccc;}
.mypageContentTable th:hover i{color:#007ae4;}
.mypageContentTable th i.current{color:#007ae4;}

.mypageContentTable td{
text-align:center;
padding:5px 8px 5px 0px;
border-bottom:1px solid #ccc;
vertical-align:middle;
}

.mypageContentTable td.align-center{padding:5px 10px 5px;}

.mypageContentTable td.text-center a{white-space:nowrap;}

.mypageContentTable td.projectTitleTd,.mypageContentTable td.engineerNameTd{white-space:normal;}


.mypageContentTable tr:hover{background-color:#f2f2f2;}
.mypageContentTable tr.thLine:hover{background-color:#fff;}

.mypageContentTable td:last-child{padding:5px 0px 5px 0px;}

.mypageContentTable td span{color:red;font-weight:bold;display:inline-block;margin-left:10px;}
.mypageContentTable td a{color:#ff6600;}
.mypageContentTable td.smpNumTd{text-align:center;position:relative;white-space: nowrap !important;padding-right:5px !important;}
.mypageContentTable td.smpNumTd span{display:inline-block;background-color:red;color:#fff;border-radius:10px;padding:3px 4px;line-height:1em;font-size:10px;position:relative;top:-2px;}
.mypageContentTable td.smpNumTd i{display:none;}

.mypageContentMainSubBlock{
border:1px solid #999;
background-color:#fff;
margin-bottom:30px;
    overflow-x: auto;
}

ul.mypageMenu{
float:left;
display:block;
margin:0px 20px;
padding:0px;
border-left:1px solid #ff85a0;
}

ul.mypageMenu li{
display:inline-block;
margin:0px;padding:0px;
}

ul.mypageMenu li a{
display:block;
padding:23px 20px;
color:#fff;
text-decoration:none;
border-right:1px solid #ff85a0;
transition-duration:0.5s;
}

ul.mypageMenu li a:hover,ul.mypageMenu li a.current{background-color:#ff85a0;}

.grey{color:#B4B4B4}

.resultTitle{
display:block;
font-size:1.5em;
text-align:left;
color:#ff4a72;
font-weight:normal;
}

.title-popup {
    color: #ff4a72;
    font-size: 1.5rem;
}

.resultTitle span{color:#ABABAB;font-size:0.5em;display:inline-block;margin-left:20px;}

.resultTab ul{
margin:20px 0px 0px;
padding:0px;
display:block;
border-bottom:1px solid #A8A8A8;
position:relative;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
}

.resultTab ul li{
margin:0px 5px;
padding:0px;
display:inline-block;
border:1px solid #A8A8A8;
border-bottom:0px;
border-radius:5px 5px 0px 0px;
position:relative;
background-color:#D6D6D6;
transition-duration:0.5s;
}

.resultTab ul li a{
display:block;
padding:10px 30px;
color:#282828;
text-decoration:none;
}

.resultTab ul li.current{
top:1px;
background-color:#fff;
}
.resultTab ul li.current a{
color:#000;
font-weight:bold;
}

.resultTab ul li:hover{background-color:#fff;}

.resultSummary{
margin:20px 0px 0px;
font-size:0.8em;
text-align:left;
}

.resultSummary dl{margin:0px 6px 20px 0px;padding:0px;display:inline-block;white-space:nowrap;}
.resultSummary dl dt{
	background-color:#E4E4E4;
	border:1px solid #A8A8A8;
	padding:10px;
	color:#6A6A6A;
	display:inline-block;
	margin:0px;
	border-radius:3px 0px 0px 3px;
}

.resultSummary dl dd{
	background-color:#fff;
	border:1px solid #A8A8A8;
	border-left:0px;
	padding:10px;
	color:#000000;
	display:inline-block;
	margin:0px 20px 0px 0px;
	border-radius:0px 3px 3px 0px;
}

.mypageContentStart span{
display:block;
margin-top:10px;
color:#5E5E5E;
font-size:12px;
}

.resultBlock{
border:1px solid #999;
background-color:#fff;
margin-bottom:30px;
padding:20px;
text-align:left;
}

.resultBlock h3{
display:block;
font-size:1.3em;
color:#ff4a72;
}

.resultBlock textarea{
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
    width: 100%;
	height:50px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.resultBlock textarea:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}

.resultBlock input.submit{
font-size: 12px;
padding: 10px 30px;
border:0px;
border-bottom: 2px solid #005dae;
background-color: #007ae4;
color: #FFF !important;
font-weight: bold;
text-decoration: none;
display: inline-block;
text-align: center;
box-shadow: 1px 1px 3px #B8B6B2;
margin: 10px 0px 20px;
cursor:pointer;
-webkit-appearance: none;
transition-duration:0.5s;
}

.resultBlock input.submit:hover{text-decoration: none;background-color: #005dae;}

.resultChart{margin:0px 300px 30px 0px}

.resultBlockOptions{
font-size:0.8em;
background-color:#ffe9ee;
border-radius:5px;
margin:0px;
padding:20px;
color:#ff4a72;
clear:both;
float:right;
}

.resultBlockOptions p{
display:block;
margin:0px 0px 20px;
}

.resultBlockOptions p:last-child{margin:0px 0px 0px;}

.chartType{text-align:left;width:220px;}

.resultIndivInfo{
font-size:0.8em;
background-color:#ffe9ee;
border-radius:5px;
margin:0px 0px 30px;
padding:20px;
text-align:left;
margin-top:30px;
}

.resultIndivInfoImage{
float:left;
width:150px;
height:150px;
background-size:cover;
border:1px solid #C4C4C4;
border-radius:50%;
}

.resultIndivInfo h2{color:#ff4a72;font-size:1.5em;display:block;margin-left:180px;}
.resultIndivInfo h2 span{color:#6F6F6F;font-size:0.5em;}

.resultIndivInfo table{margin-top:0px;margin-left:180px;}
.resultIndivInfo table th{white-space:nowrap;font-weight:bold;text-align:right;padding:5px 5px 5px 0px;}
.resultIndivInfo table td{white-space:nowrap;padding:5px 30px 5px 0px;}

.font-small{font-size:0.9em;}
.resultIndivInfo table.font-small th,.resultIndivInfo table.font-small td{padding:3px 3px 0px;}

.resultIndivInfoDetail{margin-top:10px;margin-left:180px;}

.resultIndivInfoDetail p{
white-space:nowrap;
font-size:0.9em;
display:inline-block;
margin:0px 10px 5px 0px;
}

.resultIndivInfoDetail p span{font-weight:bold;}

.resultIndivAnswer{margin-top:10px;}

.resultIndivAnswer p{margin:0px 0px 5px;}
.resultIndivAnswer p label{color:#B4B4B4;}

.resultIndivAnswer p label.choice{color:#000;}

.rejectBtn{
font-size: 14px;
padding: 5px 20px;
border-width: 0px 0px 3px;
border-bottom: 3px solid #bf0404;
background-color: #ff6d6d;
color: #FFF !important;
font-weight: bold;
text-decoration: none;
display: inline-block;
text-align: center;
box-shadow: 1px 1px 3px #B8B6B2;
margin: 0px;
cursor:pointer;
-webkit-appearance: none;
transition-duration:0.5s;
}

.rejectBtn:hover{text-decoration: none;background-color: #bf0404;}

.rejectBtn i{
font-size: 16px;
}

.resultIndivOption{padding:20px 0px 0px;text-align:left;}

.resultIndivOption p{float:right;}

.resultIndivOption input:focus{
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
.resultIndivOption input{
    display: inline-block;
    margin-bottom: 0px;
    vertical-align: middle;
    background-color: #FFF;
    border: 1px solid #CCC;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    padding: 4px 6px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    border-radius: 3px;
    width: 40px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	text-align:center;
	font-weight:bolder;
}

.resultIndivOption p i{display:inline-block;margin:5px;cursor:pointer;color:#007ae4;}

.flash-notice{
display:inline-block;
    color:#555;
    border-radius:5px;
    font-size:12px;
    background:#e9ffd9;
    border:1px solid #a6ca8a;
	margin-top:20px;
	opacity :0;
	visibility: hidden;
	animation: fadeout 5s;
	height:0px;
	overflow: hidden;
	padding:0px;
}

@keyframes fadeout { 0% { opacity :1;visibility:visible;height:auto;padding:10px 30px; } 80% { opacity :1;visibility:visible;height:auto;padding:10px 30px; } 100% { opacity:0;visibility: hidden;height:0px;padding:0px; } }

.optionDescription{margin-top:-12px;font-size:12px;color:#767676;}

#menu label{display: none;}
#menuOpen{display: none;}

.onProcess{
margin:30px;
padding:30px;
height: calc(100vh - 428px + 53px);
}

.onProcess .title-thanks {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  color: #333;
  margin-top: 48px;
}

.onProcess .description-thanks {
  font-size: 14px;
  color: #333;
  padding-top: 20px;
  margin-bottom: 68px;
}

.onProcess p{
color:#666666;
font-size:12px;
margin-bottom:20px;
}

.onProcess a.ctaBtn{display: inline-block;}

.onProcess a.ctaBtn{
  display:inline-block;
  background-color:#3774ff;
  border-radius:10px;
  color:#fff;
  font-size:16px;
  text-shadow: 0px -1px 2px #1c3a7e;
  position:relative;
  text-decoration:none;
  padding:20px 35px 20px 20px;
}

.onProcess a.ctaBtn i{
  font-size:20px;
  position:absolute;
  top:22px;
  right:10px;
}

.onProcess a.ctaBtn:hover{background-color:#5589ff;}

@media screen and (max-width: 698px) {
  .onProcess {
    margin: 0px !important;
  }
  .onProcess > img {
    width: 32%;
    max-width: 107px;
  }
  .onProcess > .ctaBtn {
    padding: 12px 35px 12px 20px !important;
  }
  .onProcess > .ctaBtn > i {
    height: 100%;
    top: 0px !important;
    display: flex;
    align-items: center;
  }
}
.pagination{
  text-align: center;
  margin: 10px 0px 30px;
font-size:12px;
}
.pagination a {
  color: #4A4A4A;
  border: 0; outline: 0;
}
  .pagination a,.pagination em,.pagination span {
    display: inline-block;
    text-decoration: none;
	padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857;
color: #008be8;
text-decoration: none;
background-color: #FFF;
border: 1px solid #DDD;
}
.pagination a:hover {
    background-color: #BEBEBE;
    color: #fff;
}
.pagination a:active {
	background: rgba(190, 190, 190, 0.75);
}
.pagination em{
    color: #fff;
background-color: #0099ff;
border-color: #0099ff;
font-style:normal;
font-weight: bold;
}

.m-l-25 {
    margin-left: 25px !important;
}

.mb-1 {
  margin-bottom: 16px;
}