@charset "UTF-8";

/**********************************************************
 *
 * 満足度調査 改良版 PC
 *
 **********************************************************/


/* animation */
@keyframes survey-bg-fadein {
0% {opacity: 0;}
100% {opacity: 0.8;}
}
@keyframes survey-main-fadein {
0% {opacity: 0;}
100% {opacity: 1;}
}
.mfp-bg.survey-mfp-fade{
opacity: 0;
animation: survey-bg-fadein 0.2s ease 2s forwards;
}
.mfp-wrap.survey-mfp-fade{
opacity: 0;
animation: survey-main-fadein 0.2s ease 2s forwards;
}


/* layout
-------------------------------------------*/
#survey_questionnaire_block{
display: none;
}
#survey_questionnaire_block *{
box-sizing: border-box;
}
#survey_questionnaire_block fieldset{
border: none;
margin: 0;
padding: 0;
}
#survey_questionnaire_block{
width: 940px;
margin: 25px auto 70px;
border: #EFEFEF 10px solid;
border-radius: 10px;
color: #333;
background-color: #FFF;
}


/* button */
#survey_questionnaire_block .button{
display: block;
padding: 0;
border: 0;
pointer-events: none;
}
#survey_questionnaire_block .button-label{
display: block;
width: 200px;
margin: 0 auto;
padding: 7px 30px;
text-align: center;
color: #207ffb;
background-color: #FFF;
border: #b8b8b8 2px solid;
font-size: 14px;
font-weight: bold;
border-radius: 20px;
line-height: 1.2;
}
#survey_questionnaire_block .button-label:hover{
background-color: #eee;
-webkit-box-shadow: 0 1px 5px rgb(4 0 0 / 35%);
box-shadow: 0 1px 5px rgb(4 0 0 / 35%);
}
#survey_questionnaire_block .survey_questionnaire_log--send .button-label{
padding: 7px 10px;
background: #63A5FC;
border-color: #63A5FC;
color: #FFF;
}
#survey_questionnaire_block .button:disabled + .button-label,
#survey_questionnaire_block .button:disabled + .button-label:hover{
background-color: #C5C5C5;
border-color: #C5C5C5;
color: #FFF;
cursor: default;
-webkit-box-shadow: none;
box-shadow: none;
}
#survey_questionnaire_block .selected:disabled + .button-label,
#survey_questionnaire_block .selected:disabled + .button-label:hover{
background: #63A5FC url(/images_osp/common/survey/check_mark.png) no-repeat right 14px center;
border-color: #63A5FC;
background-size: 10px 18px;
color: #FFF;
-webkit-box-shadow: none;
box-shadow: none;
}

#survey_questionnaire_block .survey-send-button{
display: block;
width: 200px;
margin: 0 auto;
padding: 7px 10px;
text-align: center;
color: #FFF;
background-color: #63A5FC;
border: #63A5FC 2px solid;
font-size: 14px;
font-weight: bold;
border-radius: 20px;
line-height: 1.2;
text-decoration: none;
}
#survey_questionnaire_block .survey-send-button.survey-send-button-disabled{
background-color: #C5C5C5;
border: #C5C5C5 2px solid;
pointer-events: none;
}
/* */


/* radio buttons */
.survey_questionnaire_log_q2--select{
margin: 0;
padding: 0;
font-size: 0;
font-family: 'Roboto';
text-align: center;
}
.survey_questionnaire_log_q2--select li{
display: inline-block;
vertical-align: top;
margin: 0 0 0 7px;
}
.survey_questionnaire_log_q2--select li:first-child{
margin-left: 0;
}
.survey_questionnaire_log_q2--select li label{
display: table;
width: 40px;
height: 40px;
background-color: #FFF;
border: #707070 1px solid;
border-radius: 6px;
color: #707070;
font-size: 18px;
line-height: 1.2;
cursor: pointer;
}
.survey_questionnaire_log_q2--select li input[type="radio"]:not(:checked) + label:hover{
border-color: #207ffb;
color: #207ffb;
}
.survey_questionnaire_log_q2--select li input[type="radio"]:disabled + label,
.survey_questionnaire_log_q2--select li input[type="radio"]:disabled + label:hover{
background-color: #FFF;
border-color: #b8b8b8;
color: #b8b8b8;
cursor: default;
}
.survey_questionnaire_log_q2--select li label em{
display: table-cell;
vertical-align: middle;
text-align: center;
font-weight: bold;
font-style: normal;
}
.survey_questionnaire_log_q2--select input[type="radio"]{
display: none;
}
.survey_questionnaire_log_q2--select input[type="radio"]:checked + label{
background-color: #207ffb;
border-color: #207ffb;
color: #FFF;
}
/* */


.survey_questionnaire_block--inner{
padding: 40px 100px;
}
.survey_questionnaire_log--inner{
margin-bottom: 20px;
}
.survey_questionnaire_block--title{
display: block;
width: 100%;
margin-bottom: 20px;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.survey_questionnaire_block--button-list{
text-align: center;
font-size: 0;
margin: 0;
padding: 0;
}
.survey_questionnaire_block--button-list li{
display: inline-block;
width: 200px;
margin: 0 20px 20px 20px;
padding: 0;
}

.survey_questionnaire_log--indicator-wrap{
position: relative;
margin-bottom: 20px;
}
.survey_questionnaire_log_q2--indicator{
width: 520px;
margin: 0 auto;
}

#survey_questionnaire_block .survey-notes{
font-weight: bold;
color: #c03;
font-size: 16px;
}
.survey_questionnaire_log--guide .txt-left{
position: absolute;
left: 0;
top: 0;
text-align: center;
}
.survey_questionnaire_log--guide .txt-right{
position: absolute;
right: 0;
top: 0;
text-align: center;
}


/* 回答後 */
.survey_questionnaire_block-thanks{
width: 940px;
margin: 25px auto 70px;
border-radius: 10px;
color: #333;
background-color: #EFEFEF;
}
.survey_questionnaire_block-thanks--inner{
padding: 40px 0;
}
.survey_questionnaire-thanks--title{
margin-bottom: 24px;
font-size: 18px;
text-align: center;
font-weight: bold;
}
.survey_questionnaire-thanks--txt{
width: 90%;
margin: 0 auto 16px;
font-size: 14px;
text-align: center;
}
.survey_questionnaire-thanks--txt-inner{
display: inline-block;
text-align: left;
}
.survey_questionnaire-thanks--notice{
width: 90%;
margin: 0 auto 20px;
font-size: 12px;
text-align: left;
}
.survey_questionnaire-thanks--notice:last-child{
margin-bottom: 0;
}
.survey_questionnaire-thanks--notice-item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.survey_questionnaire-thanks--notice-item:before {
content: "\203b";
margin-right: 5px;
}
/* */