@charset "utf-8";
@import "/css/basic.css";
@import "/css/normalize.css";
@import "/css/response.css";

html {overflow-y:scroll}

/* body */
#wrap {position:relative; width:100%; overflow:hidden; background:#939393;}
#container {clear:both; position:relative; width:100%; max-width:1000px; margin:0 auto; overflow:hidden; background:#fff;}

/*temp*/
.temp_footer {position:relative; text-align:center;}
.btn_temp {position:absolute; top:0; width:100%; text-align:center;}
.btn_temp span {padding:0 2%;}
.btn_temp2 {position:absolute; bottom:40.3%; left:9%;}

/* default */
.login_top {background:#dd6908; position:relative; width:100%; height:50px; /*padding:1% 4%; text-align:right; font-size:0; */}
.login_top .right {position:absolute; top:13px; right:15px;}
.login_top .left {float:left;}


@media screen and (max-width:640px){

}


.login_ares {width:88%; margin:0 auto;}
.login_box {border:3px solid #bbbbba; background:#fff; display:inline-block; padding:3% 0 3% 0;}
.login_box ul {width:91%; margin:0 auto;}
.login_box ul li {float:left;}
.login_box ul li:nth-child( 1 ) {width:66%;}
.login_box ul li:nth-child( 1 ) label {display:inline-block; vertical-align:middle;}


.login_box ul li span.hy {width:4.1%; height:43px; line-height:43px; font-size:26px; font-weight:400; color:#a7b0c6; display:inline-block; vertical-align:middle; text-align:center; margin-top:-8px; margin-left:3px;}
.login_box input {width:72%; height:43px; text-align:center; vertical-align:middle; font-size:1.3em; background:#f2f2f2; border:1px solid #bca8ce;}
.login_box input.hp_input {width:20%; background:#f2f2f2; border:1px solid #bca8ce;}

.login_txt {padding:3% 0;}

/*background-size:100% 100%; display:inline-block; */
/*.login_ares {width:100%; height:256px; background-image:url('/img/bg_loginbox.jpg'); position:relative; padding:5% 0;}
.login_ares .login_box {width:85%; margin:0 auto 3% auto; text-align:center;}
.login_ares .login_box label {margin-right:0;}
.login_ares .login_box input.text {width:16%; height:40px; text-align:center; vertical-align:middle; font-size:1.3em; background:#ededed; border:1px solid #242f7a;}

.login_ares .login_box span {display:inline-block; width:2%; height:40px; line-height:30px; text-align:center; color:#004990; font-size:28px; font-weight:400; vertical-align:middle;}
.login_ares .login_box img {vertical-align:middle;}
.btn_replay {vertical-align:middle; margin-left:1.5%;}
*/



.agenda {width:85%; margin:0 auto; text-align:center;}
/*
.login_ares .login_box label {margin-right:1%;}
.login_ares .login_box input {width:18%; height:32px; text-align:center; vertical-align:middle; font-size:1.3em; border:1px solid #d2d2d2;}
.login_ares .login_box span {display:inline-block; width:7%; text-align:center; color:#004990; font-weight:600;}
.login_ares .login_box img {vertical-align:middle;}
*/

.btn {position:absolute; top:18%; width:100%; text-align:center;}

.btn_survey {text-align:center;}

.btn01 {text-align:center; padding:4%0 0 0;}
.btn01 input {margin:0 2%;}

.btn_regis {text-align:center; padding:4% 0 0 0;}
.btn_regis2 {text-align:center; padding:3% 0 5% 0;}
.btn_modify2 {text-align:center; padding:4% 0 0 0;}


.footer {position:relative; text-align:center; padding:2.5% 0 2% 0;}
.footer .main_logo {margin-bottom:64px;}



.serial {position:absolute; right:1.5%; bottom:2.5%; z-index:99;}
.serial_login {position:absolute; right:2.3%; bottom:17.2%; z-index:99;}


/* registration */


.regis_ares {width:100%; background:#f1f9fe url('/img/bg_regis.jpg')no-repeat 0 0; position:relative; padding:5% 0; }

/*.regis_ares {vertical-align:middle; margin-bottom:4%;}*/
.regis_ares label {display:inline-block; vertical-align:middle; margin-right:11px;}


.regis_ares h2 {position:absolute; top:6.1%; left:4.8%;}

.regis_radius {width:90%; margin:14% auto 0 auto; background:#fff; border:2px solid #29b9cc; border-radius:0px 20px 20px 20px; padding:2.5% 0 6% 0;}
.regis_radius2 {width:90%; margin:14% auto 0 auto; background:#fff; border:2px solid #29b9cc; border-radius:0px 20px 20px 20px; padding:2.5% 0 6% 0;}

.right_txt {width:94%; margin:0 auto; text-align:right; padding-bottom:4%;}

.regis_box {width:780px; margin:0 auto;}



.regis_box ul {}
.regis_box ul li {margin-bottom:2%;}
.regis_box ul li label {vertical-align:middle; display:inline-block; margin-top:-1%; padding-right:2%;}
.regis_box ul li label img {max-width:100%;}

.regis_box input.text {width:71%; height:40px; background:#ededed; border:1px solid #d5d5d5; border-radius:8px; font-size:1.4em; padding:0 1%;}
.regis_box input.phone_input {width:13.5%; height:40px; background:#ededed; border:1px solid #d5d5d5; border-radius:8px; font-size:1.4em; padding:0 1%; vertical-align:middle;}
.regis_box .input_radio {width:25px; height:25px; vertical-align:middle;}



.regis_box span.hypen {display:inline-block; width:3%; height:40px; line-height:38px; text-align:center; color:#585656; font-weight:600; vertical-align:top;}
.regis_box span.phone_txt {display:inline-block; margin:1% 0 0 21.5%;}
.regis_box .last label {margin-top:0;}
.regis_box .last {}
.regis_box img {vertical-align:middle;}


.reigs_pay {border:1px solid #29b9cc;}
.reigs_pay h3 {background:#29b9cc; text-align:center; padding:1% 0;}
.reigs_pay ul {width:94%; margin:3.5% auto 3.5% auto;}
.reigs_pay ul li img {vertical-align:middle;}
.reigs_pay ul li input {border:1px solid #a6a6a6; background:#ededed; border-radius:6px; width:75%; height:40px; vertical-align:middle;}

.agree_ares {margin-top:3%;}
.agree_ares .agree {border:1px solid #989898; padding:3%;}
.agree_ares .agree img {max-width:100%; vertical-align:middle;}
.agree_ares .agree .txt {padding:1% 0 2.5% 0;}

.agree_ares .check {text-align:right;}
.agree_ares .check img {vertical-align:middle;}
.agree_ares .check input {width:22px; height:22px; vertical-align:middle;}

/*FAQ*/
.faq_ares {width:90%; margin:4% auto 4% auto;}
.faq_ares dl dt {cursor:hand;}
.faq_ares dl dd {background:#f8f8f8;}



@media all and (max-width:1000px){
	/*.regis_box ul li label {}
	.regis_box input.text {width:76%;}
	.regis_box input.phone_input {width:10%;}
	*/
}


/* survey */
.survey_ares {background:url('/img/bg_survey.jpg') repeat-y 0 0; background-size:100% 100%; display:inline-block;}

.survey_box {position:relative; width:79%; margin:0 auto; padding-bottom:3%;}
/*.survey_box .live_mark {position:absolute; right:-5%; top:7%;}
.survey_box h2 {text-align:center; margin:7% 0 4% 0;}*/
.survey_box h2 {margin:3% 0 2% 0}
.survey_box h3 {font-size:1em; font-weight:700; color:#fff; text-align:center; padding:1px 0 3px 0;}
.survey_box h3.col_01 {background:#036eb7;}
.survey_box h3.col_02 {background:#00a199;}
.survey_box h3.col_03 {background:#a38a77;}


.tbl_survey01 {width:100%; border-collapse: collapse;}
.tbl_survey01 th, td {border:1px solid #bbbbbb;}
.tbl_survey01 th {width:15%; background:#d7ecf6; text-align:center;}
.tbl_survey01 td {text-align:left; padding:1% 1% 1% 2%;}
.tbl_survey01 td.w1 {width:30%;}

.input_01 {width:30%; margin:0 1%; padding:0 1%;}

.survey_box dl {margin-bottom:2%;}
.survey_box dl dt {color:#102b63; font-weight:500; margin-bottom:1%;}
.survey_box .box1 {display:inline-block; border:1px solid #cfcece; padding:1%; font-size:12px; line-height:16px; margin-top:1%;}
.survey_box .box2 {border-top:1px solid #d3d2d2; border-bottom:1px solid #d3d2d2; padding:1.5% 0;}
.survey_box .box2 textarea {width:100%; height:100px; border:1px solid #fff;}
.txt_ju {color:#c30d23; font-size:12px;}
/*
.tbl_survey {width:100%; border-collapse: collapse;}
.tbl_survey th, td {border-bottom:1px solid #9f9f9f; border-right:1px solid #9f9f9f; text-align:center;}
.tbl_survey th:last-child {border-right:none;}
.tbl_survey td:last-child {border-right:none;}
.tbl_survey th {background:#dbdcdc; border-bottom:1px solid #182987; font-size:1.1em; font-weight:700; color:#000;  line-height:1em; padding:1% 0 1.5% 0;}
.tbl_survey th span.score {font-size:0.875em; font-weight:500;}
.tbl_survey td {font-size:0.938em; line-height:1.063em; padding:2% 0;}
.tbl_survey td.number {width:6%; font-size:1.1em; font-weight:700; color:#000;}
.tbl_survey td textarea {width:92%; height:100px; margin:0 3%; padding:1%; border:1px solid #fff;}
.tbl_survey td input {width:18px; height:18px; vertical-align:middle;}
*/
.thank {text-align:center; padding:3% 0 4% 0;}



input[id="is_agree"] + label {display: inline-block; width:22px; height:22px; border:1px solid #004e95; cursor: pointer; vertical-align:middle;}
input[id="is_agree"]:checked + label:after {content: '\2714'; font-size: 36px; line-height:10px;}
input[id="is_agree"] {display: none;}