@charset "utf-8";
/* CSS Document */

#line{width: 90%; max-width: 1000px; margin: auto;}
#line .mvarea{position: relative;width: 100%; max-width: 1000px;}
#line .mv{max-width: 1000px;}
#line .mv_img{margin-bottom: 10px;}
#line .mv img{width: 100%;}
#line .illust{width: 107px;position:absolute;bottom: 3%;right: 12%;}
#line .midashi img{display: block;margin-left: 0;width: 100%; max-width: 984px;}
#line .arrow{width: 31px; margin: 20px auto 0px;display: block;}
#line .step{border: 3px solid #000;margin: 10px auto 0px;padding: 50px 0px;width: 97%; max-width: 967px;}
#line .step .step_img{margin: auto;display: block;width: 90%; max-width: 833px;}
#line .step .kanryo_img{margin: 80px auto;display: block;width: 90%; max-width: 700px;}
#line .zyuuyou{color: #fff;font-weight: bold;background-color: #22AC38;width: 240px;font-size: 20px;text-align: center;padding: 20px 0px;}
#line .zyuuyou_txt{background-color: #E2E2E2;width: 80%;margin: -40px auto 0px;padding: 6%;line-height: 1.8;font-size: 18px;z-index: -1;position: relative;}
#line .zyuuyou_txt span{color: #BABABA;}
#line .touroku_img{margin: 100px auto;width: 100%;}
#line .w767{display: block;}
#line .w767-2{display: none;}
@media screen and (max-width: 895px){
	#line .illust {width: 11%;}
}
@media screen and (max-width: 768px){
	#line {width: 96%;}
}
@media screen and (max-width: 767px){
	#line .w767{display: none;}
	#line .w767-2{display: block;}
	#line .illust {bottom: -5%;}
	#line .touroku_area{background-color: #E1F2E4;margin: 100px auto;padding: 80px 0px 50px;}
	#line .touroku_ttl{margin: 0px auto 30px;width: 60%;display: block;}
	#line .touroku_btn{width: 257px;margin: 0px auto 20px;display: block;}
	#line .line_id{background-color: #fff;color: #22AC38;font-weight: bold;font-size: 18px;text-align: center;width: 257px;margin: auto;padding: 10px 0px;}
	#line .touroku_coupon{width: 80%;margin: 40px auto 0px;display: block;}
}
@media screen and (max-width: 428px){
	#line .illust {width: 15%;bottom: -10%;}
	#line .zyuuyou {padding: 10px 0px;}
	#line .zyuuyou_txt {padding: 10%;width: 70%;margin: -20px auto 0px;}
	#line .touroku_ttl,#line .touroku_coupon{width: 90%;}
}