@charset "UTF-8";
/* CSS Document */
/*　/sell/search01_login/common.css を上書き　*/
.sph_br{display:none;}
#header{border:none;}
#header #header_box{width:100%;max-width:1020px;}
@media screen and (min-width:768px){#header #header_box{padding:0 0 20px;}}
#header_box #header_logo{width:230px;height:65px;float:left;margin:20px 0 0 0;}
.title_sell_top{ float: left; width:200px;font-size:1px;line-height:0px;padding:53px 10px 0 0;}
.title_sell_top img{ width: 100%; height:auto;}
#gm,
#formB{display:none;}
#contents_login #contents_login_box{width:100%;max-width:1020px;margin:0 auto;text-align:center;}
.accordion .contents{display:none;}/*店舗アコーディオン*/
#header_login{display:none;}
#login_wrap{padding:0px;margin:0 0 -60px;}
#login_title{font-size:1px;line-height:0px;padding:20px 0 30px;}
#login{width:500px;float:left;background:#FF9300;text-align:center;}
#login .login_cap{font-size:1px;line-height:0px;padding:20px 20px 10px;}
#login p{font-size:1px;line-height:0px;padding:0px 20px 10px;}
#login dl{width:460px;text-align:center;margin:0px auto;background:#fff;padding:10px 0 0;}
#login dt{width:440px;font-size:1px;line-height:0px;margin:0 auto;padding:0 0 5px;text-align:left;}
#login dd{font-size:1px;line-height:0px;padding:0 0 10px;margin:0 auto;}
#login dd input{font-size:16px;width:440px;height:35px;border:1px solid #999999;padding:2px;}
@media screen and (min-width:1024px){#login dd input[type="text"]:hover{border:1px solid #666666;}}
#login dd input[type="text"]:focus{background-color:#FFFFCC;border:1px solid #333333;}
#login .btn{width:300px;font-size:1px;line-height:0px;margin:10px auto 10px;}
#login .save{font-size:14px;line-height:20px;padding:0 0 10px;}
#login .warning{width:460px;margin:0 auto 10px;padding:5px 0;background:#ff0000;font-size:16px;line-height:20px;font-weight:700;color:#fff;}
#login .forget{font-size:14px;line-height:20px;padding:0 0 20px;}
#login .forget a{text-decoration:underline;color:#0000FF;}
#explanation{width:490px;float:right;text-align:left;}
#explanation dl{padding:20px 0px 0px;}
#explanation dt{font-size:1px;line-height:0px;padding:0px 0px 25px;}
#explanation dd{font-size:20px;font-weight:700;line-height:36px;padding:0px 0px 0px 10px;}
#explanation dd span{font-weight:700;color:#ff0000;}

#contents{background:url(/sell/assessment/2018/images/bg.gif) repeat-x center 100px;padding:105px 0 0;background-size:auto 60px;}
#contents #contents_box{width:100%;margin:0 auto;text-align:center;}
#form{margin:0 0 50px;}
#form .form_inner{background:#00258A;padding:0 0 35px;}
#form .title_sell{width:100%;max-width:1010px;margin:0 auto 0px;}

#form .title_sell_top img{width:auto;height:36px;}
#form .title_sell_pc{display:block;}
#form .title_sell_sp{display:none!important;}
#form .title_sell img{width:100%;}

#form .select_box{margin:0 auto 10px;width:100%;max-width:1020px; box-sizing:border-box; padding:0 10px;}
#form .select_box img{width:100%;}
#form .select_box .pc_main_image{display:block;}
#form .select_box .sp_main_image{display:none;}
#form .sp_main_image_box{display:none;}

#form .start_box{background:#fff;width:100%;max-width:1020px;margin:0 auto 45px;box-sizing:border-box;padding:40px 30px;position:relative;}
#form .start_box:before{content:"";position:absolute;bottom:-45px;left:50%;margin-left:-12px;border:24px solid transparent;border-top:24px solid #FFF;z-index:2;}
#form .start_box ul{text-align:left;letter-spacing:-1em;}
#form .start_box ul li{width:25%;display:inline-block;box-sizing:border-box;letter-spacing:normal;}
@media screen and (max-width:1024px){#form .start_box ul li{width:50%;}}
#form .start_box ul li + li{padding:0 0 0 15px;}
@media screen and (max-width:1024px){#form .start_box ul li:nth-of-type(3){padding:0;}}
#form .start_box ul li .pc_step{width:114px;display:block;overflow:hidden;margin:0 0 5px;}
#form .start_box ul li .pc_step img{margin:0 0 0 -123px;}
#form .start_box ul li .select_icon{position:relative;display:block;width:100%;border:5px solid #ddd;border-radius:9px;margin:0 0 5px;box-sizing:border-box;background:url(/sell/assessment/2018/images/pc_check_next.png) 0 center no-repeat;padding:0;}
#form .start_box ul li .select_icon:before{display:block;content:"";position:absolute;right:10px;bottom:0;top:-20px;margin:auto;width:0;height:10px;border:5px solid transparent;border-bottom:5px solid #333;background:none;-webkit-border-radius:0;border-radius:0;}
#form .start_box ul li .select_icon:after{display:block;content:"";position:absolute;right:10px;bottom:-25px;top:0;margin:auto;width:0;height:10px;border:5px solid transparent;border-top:5px solid #333;}
#form .start_box ul li .select_icon select{padding:4px 6px 4px 54px;}
#form .start_box p{ font-size:14px; line-height:1.1; color:#00258A; text-align:right; padding:10px 0 0;}

#form input,
#form select,
#form select option{font-size:18px;margin:4px 0 4px;}
#form select::-ms-expand{ display:none;}
/*@media screen and (min-width:1024px){#form select option{height:50px;box-sizing:border-box;padding:0 0 0 50px;}}*/
#form select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;	display:block;	margin:0 0 0;	height:50px;-webkit-appearance:menulist-button;color:#000;background:none;	border:none;outline:none;	font-size:18px;	line-height:1.2;	padding:4px 6px;width:100%;box-sizing:border-box;opacity:0.4;}

/* 次の入力 */
#form .start_box ul li:nth-of-type(1) .select_icon,
#form .start_box ul li.must_checked + li .select_icon{background:url(/sell/assessment/2018/images/sp_tenmetsu.gif) 0 0 repeat;border:0;padding:5px;}
#form .start_box ul li:nth-of-type(1) .select_icon select,
#form .start_box ul li.must_checked + li .select_icon select{background:#FFF url(/sell/assessment/2018/images/pc_check_next.png) 0 center no-repeat;padding-left:60px;cursor:pointer;opacity:1.0;}
/* 入力完了 */
#form .start_box ul li.must_checked .select_icon{border:5px solid #ddd!important; background:none!important; padding:0!important;}
#form .start_box ul li.must_checked .select_icon select{background:#FFF url(/sell/assessment/2018/images/pc_check_ok.png) 0 center no-repeat!important;}
#form .start_box ul li.must_checked .pc_step img{margin:0 0 0 0;}
#form .next_btn.next_btn_wide{max-width:100%;width:100%;padding:45px 0 35px;}/*扉ページのボタン*/
#form .input_error{background:#FFF28E;width:80%;max-width:550px;display:block;margin:0 auto 0;padding:10px 0;font-size:16px;font-weight:bold;border:2px solid;-webkit-border-radius:30px;border-radius:30px;color:#FF8000;}
#form .error_box{padding:20px 0;}
#form .error_box p{color:#FFF28E;line-height:1.6;}
#form .start_btn{width:100%;padding:0 0;box-sizing:border-box;max-width:650px; height:90px;margin:0 auto; overflow:hidden; background: url(/sell/assessment/2018/images/start_btn.jpg) 0 -180px no-repeat; background-size:650px 270px; cursor: default;}
#form .start_btn.next_btn img{ margin:-90px 0 0;}
#form .start_btn a:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0; cursor: default;}
#form .start_btn.next_btn a:hover img{filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0; cursor:pointer;}

#form .start_btn img{width:100%;}
#form .start_btn .start_btn_pc{display:block;}
#form .start_btn .start_btn_sp{display:none;}
#form .hidden{display:none;}
#footer_box{width:100%;max-width:1020px; box-sizing:border-box; padding:0 10px;}


/*ここからバナー追加 20211102*/
.no1_banner{max-width:835px;margin:90px auto 0;padding:0 10px;box-sizing:border-box;}
.no1_banner img{width:100%;height:auto;}
.no1_banner .sp_main_image,
.no1_banner.sp_main_image{display:none;}
.no1_banner .sp_main_image{display:none;}
/*ここまでバナー追加 20211102*/



@media screen and (max-width:767px){
.sph_br{display:inline;}
.pc_br{display:none;}
#form .title_sell_top,#form .title_sell,#thanks .title_sell{text-align: left;width:100%;margin:0 auto 20px;box-sizing:border-box;font-size:1px;line-height:0px;padding:10px 0 10px;}
#form .title_sell_top,#thanks .title_sell_top{display:none!important;}
#form .title_sell_pc,#thanks .title_sell_pc{display:none!important;}
#form .title_sell_sp,#thanks .title_sell_sp{display:block!important;margin:0 auto;background:#00258A;}

#header_wrapper{position:static!important;width:100%;z-index:inherit;background:none;}
#header_box{width:100%;box-sizing:border-box;margin:0 auto;position:relative!important;height:auto;}
#header_box .pkg{text-align:left;}
#header_box #header_logo{width:107px;height:33px;padding:10px 0 0 10px;float:none;clear:both;margin:0 0 0 0;display:inline-block;vertical-align:bottom;}
#header_box #header_logo h1{margin:0;}
#header_box #header_logo{width:107px;height:33px;position:relative!important;}/**/
#header_box #header_logo img{width:100%;position:relative!important;}
#header_box #header_count_demo,#header_box #header_count{width:auto;float:none;clear:both;margin:0 0 0 0;font-size:11px;font-weight:700;color:#000000;line-height:1.5em;text-align:left;display:inline-block;vertical-align:bottom;}
#header_box #header_count em,#header_box #header_count_demo em{font-size:18px;font-weight:700;color:#FF6600;margin:0 0px;}
.title_sell_top{ height:20px; width:120px;padding:22px 10px 0 0; float: right;}
.title_sell_top img{  width: auto; height:20px;}
#contents{padding:10px 0 0;background:none;}
#contents #contents_box{width:100%;box-sizing:border-box;}

#form .select_box{margin:0;box-sizing:border-box;width:100%;padding:0 10px 15px;}
#form .select_box .select_box_bg{background:url(../../sell_demo/assessment/images/flash.gif) repeat;line-height:0.1;padding:0;margin:0;vertical-align:bottom;}
#form .select_box img{width:100%;box-sizing:border-box;}
#form .select_box_top{margin:0;box-sizing:border-box;width:100%;padding:0 0 15px;}
#form .select_box_top img{width:100%;box-sizing:border-box;}
#form .select_box .select_box_bg img{margin:0 0 -80px;}
#form .start_box p{text-align: left;}
#form .start_btn{margin:0 auto 20px;}
.mark_into_box{width:100%;box-sizing:border-box;}

#form .select_icon{width:100%;}

#form select{width:100%;display:block;margin:0 0;height:auto;-webkit-appearance:menulist-button;}
#form label{margin-right:20px;cursor:pointer;padding:5px 0px;font-size:16px;}

#form select,
#form select option{margin:4px 0 4px;}
#form td .accordion label.d_ib20{width:50%;margin:0;box-sizing:border-box;display:inline-block;}
#form .about_text{border:1px solid #FF2626;display:table;box-sizing:border-box;width:100%;background:#FFF;}/*だいたいで構いません*/
#form .about_text span img{width:20px;height:auto;vertical-align:middle;margin:-3px 5px 0 0;}/*だいたいで構いません*/
#form .about_text span:first-child{padding-left:5px;padding-right:0;}
#reTop{display:none;height:40px;width:40px;right:10px;position:fixed;bottom:10px;}
#reTop a{display:block;background:url(/sell/images/gotop_bg.png) no-repeat 0 0;background-size:40px 80px;height:40px;width:40px;}
#reTop a img{width:100%;}
#footer_box{width:100%;box-sizing:border-box;}

#form .form_inner{background:#00258A;padding:0 0 35px;}
#form .title_sell_top{text-align:left;width:100%;max-width:1010px;margin:0 auto 0px;font-size:1px;line-height:0px;padding:0 0 30px;}
#form .title_sell_top img{width:auto;height:36px;}
#form .title_sell_pc{display:none!important;}
#form .title_sell_sp{display:block!important;padding:10px 0 0;margin:0 auto;}
#form .title_sell_sp img{width:100%;box-sizing:border-box;}
#form .select_box{margin:0 auto 0;width:100%;max-width:1020px;}
#form .select_box .pc_main_image{display:none;}
#form .select_box .sp_main_image{display:block;}

#form .sp_main_image_box{padding:0 10px 20px;display:block;width:100%;box-sizing:border-box;}
#form .sp_main_image_box img{width:100%;}

#form .start_box{width:auto;margin:0 10px 40px;box-sizing:border-box;padding:10px;position:relative;}
#form .start_box:before{content:"";position:absolute;bottom:-45px;left:50%;margin-left:-12px;border:24px solid transparent;border-top:24px solid #FFF;z-index:2;}
#form .start_box ul{}
#form .start_box ul li{width:100%;display:block;}
#form .start_box ul li + li{padding:0;}
#form .start_box ul li .pc_step{display:none;}
#form .start_box ul li .select_icon{position:relative;display:block;width:100%;border:5px solid #ddd;border-radius:9px;margin:0 0 10px;box-sizing:border-box;background:url(/sell/assessment/2018/images/pc_check_next.png) 0 center no-repeat;padding:0 0 0 55px;}
#form .start_box ul li:nth-of-type(4) .select_icon{margin:0;}
#form .start_box ul li .select_icon:before{display:none;}
#form .start_box ul li .select_icon:after{display:none;}

#form input,
#form select,
#form select option{font-size:18px;margin:4px 0 4px;}
#form select::-ms-expand{ display:none;}
#form select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;	display:block;	margin:0 0 0;	height:50px;-webkit-appearance:menulist-button;color:#000;background:none;	border:none;outline:none;	font-size:18px;	line-height:1.2;	padding:4px 6px;	width:100%;box-sizing:border-box;opacity:0.4;}
/* 次の入力 */
#form .start_box ul li:nth-of-type(1) .select_icon{background:url(/sell/assessment/2018/images/sp_tenmetsu.gif) 0 0 repeat;border:0;padding:5px;}
#form .start_box ul li:nth-of-type(1) .select_icon select{background-color:#FFF;background-image:url(/sell/assessment/2018/images/sp_step01_next.png),url(/sell/assessment/2018/images/sp_check_next.png);background-position:0 center,right 5px center;background-repeat:no-repeat,no-repeat;background-size:55px auto,auto 20px;padding-left:60px;}
#form .start_box ul li:nth-of-type(2) .select_icon{background:url(/sell/assessment/2018/images/sp_step02_none.png) 0 center no-repeat;background-size:55px auto;}
#form .start_box ul li:nth-of-type(2) .select_icon select{background:url(/sell/assessment/2018/images/sp_check_none.png) right 5px center no-repeat;background-size:auto 20px;padding:0 0 0 5px;}
#form .start_box ul li:nth-of-type(3) .select_icon{background:url(/sell/assessment/2018/images/sp_step03_none.png) 0 center no-repeat;background-size:55px auto;}
#form .start_box ul li:nth-of-type(3) .select_icon select{background:url(/sell/assessment/2018/images/sp_check_none.png) right 5px center no-repeat;background-size:auto 20px;padding:0 0 0 5px;}
#form .start_box ul li:nth-of-type(4) .select_icon{background:url(/sell/assessment/2018/images/sp_step04_none.png) 0 center no-repeat;background-size:55px auto;}
#form .start_box ul li:nth-of-type(4) .select_icon select{background:url(/sell/assessment/2018/images/sp_check_none.png) right 5px center no-repeat;background-size:auto 20px;padding:0 0 0 5px;}
#form .start_box ul li.must_checked:nth-of-type(1) + li:nth-of-type(2) .select_icon{background:url(/sell/assessment/2018/images/sp_tenmetsu.gif) 0 0 repeat;border:0;padding:5px;}
#form .start_box ul li.must_checked:nth-of-type(1) + li:nth-of-type(2) .select_icon select{background-color:#FFF;background-image:url(/sell/assessment/2018/images/sp_step02_next.png),url(/sell/assessment/2018/images/sp_check_next.png);background-position:0 center,right 5px center;background-repeat:no-repeat,no-repeat;background-size:55px auto,auto 20px;padding-left:60px;border-radius:6px;}
#form .start_box ul li.must_checked:nth-of-type(2) + li:nth-of-type(3) .select_icon{background:url(/sell/assessment/2018/images/sp_tenmetsu.gif) 0 0 repeat;border:0;padding:5px;}
#form .start_box ul li.must_checked:nth-of-type(2) + li:nth-of-type(3) .select_icon select{background-color:#FFF;background-image:url(/sell/assessment/2018/images/sp_step03_next.png),url(/sell/assessment/2018/images/sp_check_next.png);background-position:0 center,right 5px center;background-repeat:no-repeat,no-repeat;background-size:55px auto,auto 20px;padding-left:60px;border-radius:6px;}
#form .start_box ul li.must_checked:nth-of-type(3) + li:nth-of-type(4) .select_icon{background:url(/sell/assessment/2018/images/sp_tenmetsu.gif) 0 0 repeat;border:0;padding:5px;}
#form .start_box ul li.must_checked:nth-of-type(3) + li:nth-of-type(4) .select_icon select{background-color:#FFF;background-image:url(/sell/assessment/2018/images/sp_step04_next.png),url(/sell/assessment/2018/images/sp_check_next.png);background-position:0 center,right 5px center;background-repeat:no-repeat,no-repeat;background-size:55px auto,auto 20px;padding-left:60px;border-radius:6px;}
#form .start_box ul li:nth-of-type(1) .select_icon select,
#form .start_box ul li.must_checked + li .select_icon select{cursor:pointer;opacity:1.0;}
/* 入力完了 */
#form .start_box ul li.must_checked .select_icon{border:5px solid #ddd!important;background:none;}
#form .start_box ul li.must_checked:nth-of-type(1) .select_icon{background:url(/sell/assessment/2018/images/sp_step01_ok.png) 0 center no-repeat!important;padding:0!important;background-size:55px auto!important;}
#form .start_box ul li.must_checked:nth-of-type(1) .select_icon select{background:url(/sell/assessment/2018/images/sp_check_ok.png) right 5px center no-repeat!important;background-size:auto 20px!important;padding:0 0 0 60px;}
#form .start_box ul li.must_checked:nth-of-type(2) .select_icon{background:url(/sell/assessment/2018/images/sp_step02_ok.png) 0 center no-repeat!important;padding:0!important;background-size:55px auto!important;}
#form .start_box ul li.must_checked:nth-of-type(2) .select_icon select{background:url(/sell/assessment/2018/images/sp_check_ok.png) right 5px center no-repeat!important;background-size:auto 20px!important;padding:0 0 0 60px;}
#form .start_box ul li.must_checked:nth-of-type(3) .select_icon{background:url(/sell/assessment/2018/images/sp_step03_ok.png) 0 center no-repeat!important;padding:0!important;background-size:55px auto!important;}
#form .start_box ul li.must_checked:nth-of-type(3) .select_icon select{background:url(/sell/assessment/2018/images/sp_check_ok.png) right 5px center no-repeat!important;background-size:auto 20px!important;padding:0 0 0 60px;}
#form .start_box ul li.must_checked:nth-of-type(4) .select_icon{background:url(/sell/assessment/2018/images/sp_step04_ok.png) 0 center no-repeat!important;padding:0!important;background-size:55px auto!important;}
#form .start_box ul li.must_checked:nth-of-type(4) .select_icon select{background:url(/sell/assessment/2018/images/sp_check_ok.png) right 5px center no-repeat!important;background-size:auto 20px!important;padding:0 0 0 60px;}



#form .start_box ul li.must_checked .pc_step img{margin:0 0 0 0;}
#form .next_btn.next_btn_wide{max-width:100%;width:100%;padding:45px 0 35px;}/*扉ページのボタン*/
#form .input_error{background:#FFF28E;width:80%;max-width:550px;display:block;margin:0 auto 0;padding:10px 0;font-size:16px;font-weight:bold;border:2px solid;-webkit-border-radius:30px;border-radius:30px;color:#FF8000;}
#form .error_box{padding:20px 0;}
#form .error_box p{color:#FFF28E;line-height:1.6;}
#form .start_btn{padding:0 10px;box-sizing:border-box;max-width: none; height: auto;background:none;}
#form .start_btn .start_btn_sp_next{ display:none;}
#form .start_btn.next_btn .start_btn_sp{ display:none;}
#form .start_btn.next_btn .start_btn_sp_next{ display: block;}
#form .start_btn.next_btn img {margin: 0 0 0;width:100%;}
#form .start_btn.next_btn a:hover img{filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}

#form .start_btn .start_btn_pc{display:none;}
#form .start_btn .start_btn_sp{display:block;}
#form .hidden{display:none;}

/*ここからバナー追加 20211102*/
.no1_banner{margin:50px auto 0;}
.no1_banner .pc_main_image,
.no1_banner.pc_main_image{display:none;}
.no1_banner .sp_main_image,
.no1_banner.sp_main_image{display:block;}
/*ここまでバナー追加 20211102*/
}