@charset "utf-8";

.disp_pc{display:block;}
.disp_sp{display:none;}
.disp_in_pc{display:inline-block;}
.disp_in_sp{display:none;}
img{ max-width:100%;}
html {font-size: 62.5%;}
body {font-size: 1.6em;}
.none{ display:none;}
.bold{ font-weight:bold;}

#head{ padding:10px; max-width:1320px; box-sizing:border-box; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
#head div a{font-size: 1.4rem; color: #333333;}

/*mv*/
.bc{background: #f1f1f1; padding: 5px 10px; font-size: 12px; border-top: 1px solid #dcdde9; border-bottom: 1px solid #dcdde9;}
.bc p{ margin: 0 auto; max-width: 1000px;}
.mbg{background:url("/special/toushin-qa100/images/bg1.png") no-repeat scroll 0 0; background-size: cover;}
.mv_inner{padding:10px; max-width:1200px; margin: 0 auto;}
.mv_inner h1{ width: 48%; float: left; padding: 10% 0 4%;}
.mv_inner .mbg2{ float: right; width: 45.5%; position: relative;}
.mv_inner .mbg2 img{ position: absolute; top: 0; left: 0;}

/*cont1*/
.cont1{ margin:7% 0 0;}
.cont1 .txt{ text-align: center; color: #44b272; font-size: 3.1rem; font-weight: bold;}
.contbg{background:url("/special/toushin-qa100/images/bg2.png") repeat-y scroll center top; background-size: 100%; padding-bottom: 30px;}
.cont1 h2{font-size:7.8rem; font-weight: bold; text-align: center; margin-top:100px; color: #44b272;}
.cont1 h2 span{padding: 0 20px; background: linear-gradient(transparent 50%, #edff9f 50%);}
.stepbox.s1{ margin: 150px auto 0; max-width: 1280px; background: url("/special/toushin-qa100/images/step1_bg.png") no-repeat scroll 0 0; min-height: 430px; background-size: 100%;}
.stepbox.s2{ margin: 130px auto 0; max-width: 1280px; background: url("/special/toushin-qa100/images/step2_bg.png") no-repeat scroll 0 0; min-height: 430px; background-size: 100%;}
.stepbox.s3{ margin: 130px auto 0; max-width: 1280px; background: url("/special/toushin-qa100/images/step3_bg.png") no-repeat scroll 0 0; min-height: 430px; background-size: 100%;}
.stepbox.s4{ margin: 130px auto 0; max-width: 1280px; background: url("/special/toushin-qa100/images/step4_bg.png") no-repeat scroll 0 0; min-height: 476px; background-size: 100%;}
.stepbox .txt2{ text-align: center; margin-top: 0px;}
.stepbox .txt2 span{ display:inline-block; padding: 60px 23px; background:#b8dd31; color: #fff; font-size: 3.4rem; border-radius: 100px; margin:-100px 0 0 0;}
.stepbox.s4 .txt2 span{margin:-30px 0 0 0;}
.stepbox h3{ text-align:center; margin: 15px 0 0 0; font-weight: bold; color: #000; font-size:6.0rem}
.stepbox .txt3{text-align:center; margin: 10px 0 0 0; color: #000; font-size:2.3rem}
.stepbox .center{text-align:center; margin: 15px 0 0 0;}
.stepbox .qbtn{ margin: 15px auto; display: block; width: 390px; padding: 10px 0; text-align: center; color: #fff; font-size: 3.0rem; font-weight: bold; border-radius: 50px; background: #44b272; text-decoration: none;}
.qabox.q1{ margin: 100px auto 0; max-width: 1280px; background: url("/special/toushin-qa100/images/s1_bg.png") no-repeat scroll 0 0; min-height: 430px; background-size: 100%;}
.qabox.q2{ margin: 80px auto 0; max-width: 1280px; background: url("/special/toushin-qa100/images/s2_bg.png") no-repeat scroll 0 0; min-height: 467px; background-size: 100%;}
.qabox h3{ text-align:center; padding: 40px 0; font-weight: bold; color: #fff; font-size:6.0rem}
.qabox .txt3{text-align:center; margin: 10px 0 0 0; color: #000; font-size:2.3rem}
.qabox .center{text-align:center; margin: 15px 0 0 0;}
.qabox .qbtn{ margin: 15px auto; display: block; width: 390px; padding: 10px 0; text-align: center; color: #fff; font-size: 3.0rem; font-weight: bold; border-radius: 50px; background: #44b272; text-decoration: none;}

/*cont2*/
.cont2{border-top: 2px solid #f0f0f0; padding: 100px 0;}
.coinner{margin:0 auto 0; max-width: 1020px; padding: 0 10px;}
.cont2 h2{color: #000; font-size: 3.0rem; font-weight: bold;}
.cont2 .pickup-mov {margin: 80px 0 0 0;}
.cont2 .pickup-mov .minibox {width: 25%; float: left; text-align: center; padding: 0 15px;}
.cont2 .pickup-mov .minibox img {padding: 0 19px;}
.cont2 .pickup-mov .minibox .pick-com {padding: 10px 3px 0; font-size: 1.6rem; text-align: center;}
.cont2 .pickup-mov .minibox .pick-com span {font-weight: bold;}

/*footer*/
#foot p{ padding: 20px 0; font-size: 1.3rem; text-align:center; font-weight: bold;}

/*下層*/
/*mv*/
.mv_inner{padding:10px; max-width:1200px; margin: 0 auto;}
.mv_inner .mttl{ width: 100%; float: none; padding: 2% 0 5%; font-size: 4.0rem; text-align: center; color: #fff; font-weight: bold;}
.mv_inner .rtxt{ text-align: center; padding: 7% 0 0 0;}
.mv_inner .rtxt span{color:#44b272; font-weight: bold; font-size:2.9rem; background: #fff; padding: 8px 40px; border-radius: 25px;}
.ttl_inner{padding:0 10px; max-width:1260px; margin: 0 auto;}
.qa_inner{padding:0 10px; max-width:980px; margin: 0 auto;}
.cont1 .sttl{text-align: center; margin-top:50px;}
.acMenu{ margin:50px 0 100px 0;}
.acMenu dt{display:flex; cursor: pointer; border: 2px solid #44b272; font-size: 3.2rem; color: #000; background: #edff9f; margin-top: 20px; align-items: stretch; justify-content: space-between; line-height: 120%;}
.acMenu dt .qu{background:url("/special/toushin-qa100/images/q.png") no-repeat scroll 25px 10px; padding: 10px 0 10px 70px; width: 92%;}
.acMenu dt .qui{width: 8%; padding: 10px; text-align: center; background: url("/special/toushin-qa100/images/open.png") no-repeat scroll center center #44b272; background-size: 24px;}
.acMenu dt.active .qui{background: url("/special/toushin-qa100/images/close.png") no-repeat scroll center center #44b272; background-size: 24px;}
.acMenu dd{display:none; border: 2px solid #44b272; border-top: none; padding: 4% 3%; background: #fff;}
.acMenu dd .ans{ background: url("/special/toushin-qa100/images/a.png") no-repeat scroll left top; padding: 0 0 0 50px;}
.acMenu dd .ans p{ margin-bottom:30px; font-size:2.0rem;}
.acMenu dd .ans p:last-child{ margin-bottom:0;}
.acMenu dt.active{}
.cont1 .sttl_sub{text-align: center; margin-bottom:30px;}
.top_btn{ text-align:center; margin-top: 100px;}
.top_btn a{ display:inline-block; font-size: 4.0rem; font-weight: bold; padding: 10px 65px; color: #fff!important; background: #44b272; text-decoration: none; border-radius: 25px;}
.cont1 .mb{ margin-bottom:50px;}

@media screen and (max-width: 1280px) {
.stepbox .txt2 span {padding: 5% 2%; font-size: 2.6vw;}
.stepbox h3 {font-size: 5.4vw; margin: 0% 0 0 0;}
.stepbox .txt3 {font-size: 1.8vw; margin: 0% 0 0 0;}
.stepbox .center {margin: 0% 0 0 0;}
.stepbox .qbtn{font-size: 2.8vw; padding: 1% 0; margin: 1% auto;}
.qabox h3{font-size: 5.4vw; margin: 0% 0 0 0; padding: 2.5% 0 3% 0;}
.qabox .txt3 {font-size: 1.8vw; margin: 0% 0 0 0;}
.qabox .center {margin: 0% 0 0 0;}
.qabox .qbtn{font-size: 2.8vw; padding: 1% 0; margin: 1% auto;}
.cont1{ margin:8.5% 0 0;}
}

@media screen and (max-width: 940px) {
	.stepbox .txt2 span {padding: 4% 2%;}
}
@media screen and (max-width: 850px) {
	.stepbox.s1{ min-height: 300px; margin: 90px auto 0;}
	.stepbox.s2{ min-height: 300px; margin: 60px auto 0;}
	.stepbox.s3{min-height: 300px; margin: 60px auto 0;}
	.stepbox.s4{ min-height: 335px; margin: 60px auto 0;}
	.qabox.q1{ min-height: 300px; margin: 90px auto 0;}
	.qabox.q2{ min-height: 335px; margin: 60px auto 0;}
}
@media screen and (max-width: 767px) {
.disp_pc{display:none;}
.disp_sp{display:block;}
.disp_in_pc{display:none;}
.disp_in_sp{display:inline-block;}
.none{display:block;}
.br2{display:block; text-align:center;}

#head{ padding:10px; max-width:100%; box-sizing:border-box; margin:0 auto; display: flex; justify-content: space-between; align-items: center;}
#head div{ line-height: 100%;}
#head div img{max-width: 140px;}
#head div a{font-size: 0.7rem; color: #333333;}

/*mv*/
.bc{background: #f1f1f1; padding: 5px 5px; font-size: 1rem; border-top: 1px solid #dcdde9; border-bottom: 1px solid #dcdde9;}
.bc p{ margin: 0 auto; max-width: 100%;}
.mbg{background:none;}
.mv_inner{padding:0px; max-width:100%; margin: 0 auto;}
.mv_inner h1{ width: 100%; float: none; padding: 0;}
.mv_inner .mbg2{ float:none; width: 100%; position: relative;}
.mv_inner .mbg2 img{ position: static; top: 0; left: 0;}

/*cont1*/
.cont1{ margin:6% 0 0;}
.cont1 .txt{ text-align: center; color: #44b272; font-size: 1.8rem; font-weight: bold;}
.contbg{background:url("/special/toushin-qa100/images/sp/bg2.png") repeat-y scroll center top; background-size: 100%; padding-bottom: 30px;}
.cont1 h2{font-size:3.2rem; font-weight: bold; text-align: center; margin-top:45px; color: #44b272;}
.cont1 h2 span{padding: 0 20px; background: linear-gradient(transparent 50%, #edff9f 50%);}
.stepbox.s1{ margin: 70px auto 0; max-width: 90%; background: url("/special/toushin-qa100/images/sp/step1_bg.png") no-repeat scroll 0 bottom #fff; min-height: auto; background-size: 100%; padding-bottom: 53%; border:2px solid #000000;}
.stepbox.s2{ margin: 50px auto 0; max-width: 90%; background: url("/special/toushin-qa100/images/sp/step2_bg.png") no-repeat scroll 0 bottom #fff; min-height: auto; background-size: 100%; padding-bottom: 53%; border:2px solid #000000;}
.stepbox.s3{ margin: 50px auto 0; max-width: 90%; background: url("/special/toushin-qa100/images/sp/step3_bg.png") no-repeat scroll 0 bottom #fff; min-height: auto; background-size: 100%; padding-bottom: 53%; border:2px solid #000000;}
.stepbox.s4{ margin: 50px auto 0; max-width: 90%; background: url("/special/toushin-qa100/images/sp/step4_bg.png") no-repeat scroll 0 bottom #fff; min-height: auto; background-size: 100%; padding-bottom: 53%; border:2px solid #000000;}
.stepbox .txt2{ text-align: center; margin-top: -15px;}
.stepbox .txt2 span{ display:inline-block; padding: 25px 15px; background:#b8dd31; color: #fff; font-size: 1.5rem; border-radius: 100px; margin:-25px 0 0 0;}
.stepbox.s4 .txt2 span{margin:-30px 0 0 0;}
.stepbox h3{ text-align:center; margin: 1% 0 0 0; font-weight: bold; color: #000; font-size:8.0vw}
.stepbox .txt3{text-align:center; margin: 1% 0 0 0; color: #000; font-size: 3.8vw;}
.stepbox .center{text-align:center; margin: 1% 0 0 0;}
.stepbox .center img{ width:30px;}
.stepbox .qbtn{ margin: 1% auto; display: block; width: 90%; padding: 5px 0; text-align: center; color: #fff; font-size: 5vw; font-weight: bold; border-radius: 50px; background: #44b272; text-decoration: none;}
.qabox.q1{ margin: 70px auto 0; max-width: 90%; background: url("/special/toushin-qa100/images/sp/s1_bg.png") no-repeat scroll 0 bottom; min-height: auto; background-size: 100%; padding-bottom: 38%; border:2px solid #000000;}
.qabox.q2{ margin: 50px auto 0; max-width: 90%; background: url("/special/toushin-qa100/images/sp/s2_bg.png") no-repeat scroll 0 bottom; min-height: auto; background-size: 100%; padding-bottom: 38%; border:2px solid #000000;}
.qabox h3{ text-align:center; padding: 20px 0; font-weight: bold; color: #fff; font-size:8.0vw; background: #44b272;}
.qabox .txt3{text-align:center; margin: 10px 0 0 0; color: #000; font-size:3.8vw;}
.qabox .center{text-align:center; margin: 1% 0 0 0;}
.qabox .center img{ width:30px;}
.qabox .qbtn{ margin: 15px auto; display: block; width: 90%; padding: 5px 0; text-align: center; color: #fff; font-size: 5vw; font-weight: bold; border-radius: 50px; background: #44b272; text-decoration: none;}

/*cont2*/
.cont2{border-top: 2px solid #f0f0f0; padding: 50px 0;}
.coinner{margin:0 auto 0; max-width: 1020px; padding: 0 10px;}
.cont2 h2{color: #000; font-size: 2.6rem; font-weight: bold;}
.cont2 .pickup-mov {max-width: 490px; margin:30px auto 0;}
.cont2 .pickup-mov .minibox {width: 245px; float: left; text-align: center; margin-bottom: 25px; padding: 0 15px;}
.cont2 .pickup-mov .minibox img {padding: 0 0px;}
.cont2 .pickup-mov .minibox .pick-com {padding: 10px 3px 0; font-size: 1.4rem; text-align: center;}
.cont2 .pickup-mov .minibox .pick-com span {font-weight: bold;}

/*footer*/
#foot{}
	
/*下層*/
/*mv*/
.spbg .mbg{background:url("/special/toushin-qa100/images/bg1.png") no-repeat scroll 0 0; background-size: cover;}
.mv_inner{padding:0; max-width:100; margin: 0 auto;}
.mv_inner .mttl{ width: 100%; float: none; padding: 2% 0 5%; font-size: 7vw; text-align: center; color: #fff; font-weight: bold;}
.mv_inner .rtxt{ text-align: center; padding: 7% 0 0 0;}
.mv_inner .rtxt span{color:#44b272; font-weight: bold; font-size:5vw; background: #fff; padding: 5px 5%; border-radius: 25px;}
.ttl_inner{padding:0; max-width:90%; margin: 0 auto;}
.qa_inner{padding:0; max-width:100%; margin: 0 auto;}
.cont1 .sttl{text-align: center; margin-top:20px;}
.acMenu{ margin:30px 0 50px 0;}
.acMenu dt{display:flex; cursor: pointer; border: 2px solid #44b272; font-size: 4.5vw; color: #000; background: #edff9f; margin-top: 15px; align-items: stretch; justify-content: space-between; line-height: 120%;}
.acMenu dt .qui{width: 10%; padding: 10px; text-align: center; background: url("/special/toushin-qa100/images/open.png") no-repeat scroll center center #44b272; background-size: 20px;}
.acMenu dt.active .qui{background: url("/special/toushin-qa100/images/close.png") no-repeat scroll center center #44b272; background-size: 20px;}
.acMenu dt .qu{background:url("/special/toushin-qa100/images/q.png") no-repeat scroll 2% center; padding: 2% 0 2% 35px; background-size:25px; width: 90%; }
.acMenu dd{display:none; border: 2px solid #44b272; border-top: none; padding: 4% 2%; background: #fff;}
.acMenu dd .ans{ background: url("/special/toushin-qa100/images/a.png") no-repeat scroll left top; padding: 0 0 0 30px; background-size:25px;}
.acMenu dd .ans p{ margin-bottom:30px; font-size:1.4rem;}
.acMenu dd .ans p:last-child{ margin-bottom:0;}
.acMenu dt.active{}
.cont1 .sttl_sub{text-align: center; margin-bottom:30px;}
.top_btn{ text-align:center; margin-top: 100px;}
.top_btn a{ display:inline-block; font-size: 5vw; font-weight: bold; padding: 10px 65px; color: #fff!important; background: #44b272; text-decoration: none; border-radius: 25px;}
.cont1 .mb{ margin-bottom:50px;}


}

@media screen and (max-width: 575px) {
	.cont2 .pickup-mov .minibox {width: 50%; float: left; text-align: center; padding: 0 5%;margin-bottom: 25px;}
	.cont2 .pickup-mov .minibox .pick-com {padding: 10px 3px 0; font-size: 1.2rem; text-align: center;}
}

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