@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');
.contents_inner>section{padding:60px 0}
#block-mv .container{padding-top:2.4rem}
#block-foot p,#block-lead p{font-size:2rem;font-weight:700;color:#098211;text-align:center}
#block-lead{background:#f8ffe2}
#block-howto .block-howto-item+.block-howto-item{margin-top:40px;padding-top:80px;position:relative}
#block-howto .block-howto-item+.block-howto-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#79b31e}
#block-howto .block-howto-item+.block-howto-item:after{content:"";position:absolute;top:0;left:50%;width:100px;height:52px;background:url(/assets/img/about/howto_arrow.jpg);transform:translateX(-50%)}
#block-howto .block-howto-head{margin-bottom:30px}
#block-howto .block-howto-head .ttl{text-align:center;font-size:28px;font-weight:700;color:#098211}
#block-howto .block-howto-head .ttl .logo{vertical-align:text-bottom}
#block-howto .block-howto-head .ttl .logo img{width:186px;vertical-align:middle}
#block-howto .block-howto-head .num{text-align:center;font-size:50px;line-height:1;color:#098211;font-family: "Roboto", serif;font-weight: 700;}
#block-howto .block-howto-con .img{display:flex;justify-content:center;gap:0 15px}
#block-howto .block-howto-con .img+p{font-size:1.6rem;text-align:center;margin-top:30px;font-weight:700}
#block-foot{position:relative;background: url(/assets/img/about/bg_1_pc.png) center / 1442px auto no-repeat #f8ffe2;}
#block-foot .img{position:relative;z-index:1;background:url(/assets/img/about/bg1_l.png) center left/auto 100% no-repeat,url(/assets/img/about/bg1_r.png) center right/auto 100% no-repeat;margin-bottom: 80px}
#block-foot .img{position:relative;z-index:1}
#block-foot .img .phone img{margin:40px auto -60px;padding-right:40px}
#block-foot .bg img{margin:auto}
#block-link{padding:0;background:#fff}
#block-link .common-btn{background:0 0;color:#098211;border-color:#098211;border-radius:100px}
#block-link .common-btn .icon_arrow:before{border-color:#098211;left:10px}
#block-qa {background: url(/assets/img/about/bg_2.png) top left / auto repeat #c2de66;}
#block-qa .ttl {font-size: 32px;font-weight: 700;text-align: center;padding-bottom: 2rem;}
#block-qa .qa_list>li+li{margin-top:10px}
#block-qa .qa_list>.common-accordion{border:solid 2px #b3d640;border-radius:8px;overflow:hidden;background:#fff}
#block-qa .qa_list>.common-accordion .common-accordion-toggle{border:none;background:#ecf4cf;padding:1.5rem;padding-right:50px;padding-left:50px;position:relative;font-size:18px;font-weight:700;color:#098211;text-align:left}
#block-qa .qa_list>.common-accordion .common-accordion-contents{padding:1.5rem;padding-left:50px;position:relative;font-size:16px}
#block-qa .qa_list>.common-accordion .common-accordion-contents:before,#block-qa .qa_list>.common-accordion .common-accordion-toggle:before{font-family:Roboto,serif;font-weight:700;font-size:28px;position:absolute;top:calc(50% - .25rem);left:1.5rem;transform:translateY(-50%)}
#block-qa .qa_list>.common-accordion .common-accordion-toggle:before{content:"Q."}
#block-qa .qa_list>.common-accordion .common-accordion-contents:before{content:"A.";color:#79b31e}
#block-qa .qa_list>.common-accordion .common-accordion-toggle>span:before{content:"";position:absolute;top:50%;right:12px;border-radius:100%;background:#b3d640;width:28px;height:28px;transform:translateY(-50%)}
#block-qa .qa_list>.common-accordion .common-accordion-toggle>span:after{content:"";position:absolute;top:calc(50% - 2px);right:21px;width:8px;height:8px;border-top:solid 2px #fff;border-right:solid 2px #fff;transform:translateY(-50%) rotate(135deg);transition:.3s}
#block-qa .qa_list>.common-accordion .common-accordion-toggle.active>span:after{top:calc(50% + 2px);transform:translateY(-50%) rotate(-45deg)}

@media screen and (min-width:1500px){
	#block-mv { background: url(/assets/img/about/kv_bg.jpg) center / cover no-repeat;}
}
@media screen and (min-width:1000px){	
}
@media screen and (min-width:1160px){
	#block-mv{background:url(/assets/img/about/kv_bg_pc.jpg) center/ cover no-repeat;height:680px;overflow:hidden}
	#block-mv .ttl{display:flex;justify-content:space-around;width:100%;align-items:center}
	#block-mv .ttl .txt{padding-bottom:70px}
}
@media screen and (min-width:1px) and (max-width:1159px){
	#block-mv{height:0;padding-top:0;padding-bottom:50%;background:url(/assets/img/about/kv_bg.jpg) center/100% auto no-repeat;position:relative}
	#block-mv .container{position:absolute;top:0;left:0;width:100%;height:100%;padding:12px 6% 0}
	#block-mv .container .mv_inner,#block-mv .ttl{position:relative;width:100%;height:100%}
	#block-mv .ttl{position:relative;justify-content:flex-end;padding-top:15%}
	#block-mv .ttl .txt{padding:0;width:55%;position:absolute;top:50%;left:15%;transform:translateY(-50%)}
	#block-mv .ttl .img{position:absolute;bottom:0;right:10px;width:36.4%}
}
@media screen and (min-width:1px) and (max-width:999px){
	.contents_inner > section {padding: 30px 0;}
	#block-mv{padding-bottom:66.7%}
	#block-mv .ttl .txt{left:0}
	#block-foot p,#block-lead p{font-size:1.1rem;line-height:2;letter-spacing:.03em}
	#block-howto .block-howto-item+.block-howto-item{margin-top:34px;padding-top:38px}
	#block-howto .block-howto-con .img.col-2{margin-top:36px}
	#block-howto .block-howto-con .img.col-2>li{width:30%;text-align: center;}
	#block-howto .block-howto-head{margin-bottom:24px}
	#block-howto .block-howto-head .ttl{font-size:2rem;margin-top:4px}
	#block-howto .block-howto-head .ttl .logo img{width:108px;vertical-align:bottom}
	#block-howto .block-howto-con .img{margin:0 10px}
	#block-howto .block-howto-con .img+p{font-size:1rem;margin-top:24px;line-height:1.75}
	#block-howto .block-howto-item+.block-howto-item:after{width:50px;height:24px;background:url(/assets/img/about/howto_arrow.jpg) center/100% auto no-repeat}
	#block-foot{padding-top:46px;background: url(/assets/img/about/bg_1.png) center / 100% auto no-repeat #f8ffe2;}
	#block-foot .img {background: url(/assets/img/about/bg1_l.png) center left / auto 90% no-repeat, url(/assets/img/about/bg1_r.png) center right / auto 90% no-repeat;margin-bottom: 40px}
	#block-foot .img .phone{width:50%;margin:auto}
	#block-foot .img .phone img{margin:15px auto -48px;padding-right:34px;margin-left:7px}
	#block-link {padding: 1rem 0;}
	#block-link .common-btn {padding: 1rem 1rem;max-width: 240px;font-size: 1.3rem}
	#block-qa {background: url(/assets/img/about/bg_2.png) top left / 50% auto repeat #c2de66;}
	#block-qa .ttl {font-size: 2.3rem;}
	#block-qa .qa_list>li+li{margin-top:10px}
	#block-qa .qa_list>.common-accordion .common-accordion-toggle{padding-left:40px;font-size:1.3rem}
	#block-qa .qa_list>.common-accordion .common-accordion-contents{padding-left:40px;font-size:1.2rem}
	#block-qa .qa_list>.common-accordion .common-accordion-contents:before,#block-qa .qa_list>.common-accordion .common-accordion-toggle:before{font-size:2rem;left:1.5rem}
	#block-qa .qa_list>.common-accordion .common-accordion-toggle>span:before{right:12px;width:18px;height:18px}
	#block-qa .qa_list>.common-accordion .common-accordion-toggle>span:after{top:calc(50% - 1px);right:18px;width:5px;height:5px;border-top:solid 1px #fff;border-right:solid 1px #fff}
	#block-qa .qa_list>.common-accordion .common-accordion-toggle.active>span:after{top:calc(50% + 1px)}
}
@media screen and (min-width:1px) and (max-width:622px){
}