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

body{
	margin:0;
	padding:0;
	font-size:14px;
	font-family: "Noto Sans Japanese";
	line-height:1.5;
}

#wrapper{
	width:100%;
	margin:0 auto;
	background:#FFF;
}

footer{background:#000;}
footer p{color:#fff; margin:1% 0 0; padding-bottom:0.5%;}


h3{font-size:20px; margin:2.5% auto 2%;}
h4{font-size:18px; margin:1.5% auto;}

.flex{display:flex; flex-wrap:wrap;}
.mx-auto{margin-left:auto; margin-right:auto;}
.mt-3{margin-top:3%;}
.mb-2{margin-bottom:2%;}
.mb-3{margin-bottom:3%;}
.mb-5{margin-bottom:5%;}

.list-none{list-style:none; padding-left:0;}

.red{color:#c00;}

.attention{font-size:13px; color:#737373; text-align: center; margin:1% 0;}
.step{width:17%;}
.d-block{display:block;}
.text-center{text-align:center;}

.bt-dotted{padding-top:3%; border-top:2px dotted #E84709;}
.bb-dotted{padding-top:3%; border-bottom:2px dotted #E84709;}

.sns{width:90%; padding:2.5%; box-sizing:border-box; border:2px solid #000;}

.arrow{position:relative;}
.arrow:after{content:""; width:0; display:block; position:relative; left:0; right:0; top:5px; border-top: 20px solid #E84709; border-right: 20px solid transparent; border-left: 20px solid transparent; margin:auto;}

.button{width:50%; background:#E84709; padding:1.5% 2.5%; color:#fff; font-size:16px; text-decoration:none; border-radius:30px;}
ul.taisyou{list-style:none; border:5px solid #E84709; color:#E84709; padding:4% 2.5% 0.5%; position:relative;}
ul.taisyou h5{width:70%; font-size:18px; position:absolute; top:-50px; left:0; right:0; background:#E84709; padding:1% 5%; color:#fff;}
ul.taisyou li{font-size:15px; font-weight:bold;}

/*header img{display:block; width:100%; max-width:1080px; margin:0 auto;}*/

section img{max-width:100%;}

section#s1{max-width:800px; box-sizing:border-box; background:#fff; padding:2.5%;}
section#s1 ul{margin:2% 0; background:#E84709; padding:2.5%; justify-content:space-between; border-radius:30px;}
section#s1 ul li{width:49%;}
section#s1 ul li p{font-size:14px; text-align: center; color:#fff; margin:0;}

section#s2{max-width:700px; box-sizing:border-box; background:#fff; padding:2.5%;}
section#s2 p{font-size:13px;}
section#s2 ul.flex{margin:2% 0; justify-content:space-between;}
section#s2 ul.flex li{width:32%;}

section#s3{max-width:700px; box-sizing:border-box; background:#fff; padding:0 2.5% 2.5%;}
section#s3 div{margin:2% 0; background:none; padding:2.5%; justify-content:space-between; border-radius:30px;}
section#s3 div img{width:32%;}

section#s4{max-width:700px; box-sizing:border-box; background:#fff; padding:0 2.5% 2.5%;}
section#s4 ul{margin:2% 0; background:#E84709; padding:2.5%; justify-content:space-between; border-radius:30px;}
section#s4 ul li{width:49%;}
section#s4 h3 span.small{font-size:14px;}
section#s4 ul li p{font-size:14px; text-align: center; color:#fff; margin:0;}

section#kiyaku{max-width:700px; box-sizing:border-box; background:#fff; padding:2.5%;}
section#kiyaku div{margin:2% 0; background:none; padding:2.5%; justify-content:space-between; border-radius:30px;}
section#kiyaku p{font-size:14px;}
section#kiyaku h6{display:block; margin:1% 0; font-size:16px; color:#fff; background:#E84709; padding:1.5% 3%; border-radius:15px; font-weight:500;}
section#kiyaku div img{width:32%;}
section#kiyaku ul{padding-left:4.5%; list-style:disc;}

section#s5{max-width:700px; box-sizing:border-box; background:#fff; padding:1.5% 2.5% 2.5%;}
section#s5 h2{font-size:40px; color:#E84709;  text-align:center; margin:1% auto 1%; display: block;}
section#s5 h3{font-size:18px; color:#E84709;  text-align:center; border-bottom:dotted 2px #E84709; margin:3% auto 0; display: block;}
section#s5 h5{font-size:18px; text-align:center; margin:0 auto 1%; display: block;}
section#s5 p{font-size:14px; text-align: center; color:#000; margin:0;}
section#s5 p.attention{font-size:13px; color:#737373; text-align: center; margin:1% 0;}
.free{width:60px;}