@charset "utf-8";

#s01 h2{
	margin-bottom: 10px;
}
#s01 .s01-t1{
	margin-bottom: 5px;
	font-size:8.5vw;
}
#s01 .s01-t2{
	display: inline-block;
	padding-right: 80px;
	padding-bottom: 10px;
	font-size:12vw;
	background: url("../images/top/icon1.png") no-repeat right center;
	background-size:60px;
}
#s01 .s01-t3{
	font-size:5vw;
}
#s02 .hstyle01{
	margin-bottom: 10px;
	font-size: 4.8vw;
}
#s02 .s02-t1{
	padding: 10px;
	padding-left: 50px;
	background: url("../images/top/icon2.png") no-repeat left center;
	background-size:40px;
	font-size:6vw;
}
.s02-ul1{
	border-top: solid 1px #ff001a;
	border-left: solid 1px #ff001a;
	display: flex;
	flex-wrap: wrap;
}
.s02-ul1 li{
	border-bottom: solid 1px #ff001a;
	border-right: solid 1px #ff001a;
	padding:5% 5%;
	width: 50%;
	text-align: center;
	background:#fff url("../images/top/ai1.png") no-repeat center center;
	background-size:auto 70%;
	line-height: 1.8;
	font-weight: bold;
	font-size:3.8vw;
}
.s02-ul1 li:nth-of-type(2){
	background:#fff url("../images/top/ai2.png") no-repeat center center;
	background-size:auto 70%;
}
.s02-ul1 li:nth-of-type(3){
	background:#fff url("../images/top/ai3.png") no-repeat center center;
	background-size:auto 70%;
}
.s02-ul1 li:nth-of-type(4){
	background:#fff url("../images/top/ai4.png") no-repeat center center;
	background-size:auto 70%;
}
.s02-i1{
	padding:0 20%;
}
.s02-ul2{
	padding:3%;
	border:solid 1px #ff001a;
	border-radius: 5px;
}
.s02-ul2 li{
	display: flex;
	align-items: center;
	margin-bottom:5px;
	font-size:4.5vw;
}
.s02-ul2 li .no{
	margin-right: 10px;
	padding-top: 5px;
	width:35px;
	height:35px;
	background: #ff001a;
	color: #fff;
	border-radius: 50%;
	text-align: center;
}
#s03 .inner1{
	border-bottom:solid 10px #fff;
	margin-bottom: 30px;
}
.pointlist li .point{
	display: block;
	padding: 5px;
	width: 25%;
	font-size:4vw;
	background: #ff001a;
	color: #fff;
	text-align: center;
	border-radius: 3px;
}
.pointlist li .text{
	display: block;
	width: 70%;
	padding-right: 20px;
	font-size:4vw;
	font-weight: bold;
}
.pointlist li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 65px;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 5px;
	text-decoration: none;
	background: #fff url("../images/common/list03.png") no-repeat right 10px center;
	background-size:20px;
}
.pointinner{
	padding:20px;
	background: #fff;
	border-radius: 5px;
}
.pointinner.bor{
	border:solid 1px #ff001a;
}
.pointinner .ttl1{
	padding:2px 10px;
	display: inline-block;
	background: #ff001a;
	color: #fff;
	border-radius: 5px;
}
.pointinner .ttl2{
	font-size:120%;
	font-weight: bold;
	text-align: center;
}
.pointinner .ttl3{
	display: inline-block;
	padding: 0 10px 5px;
	border-bottom: solid 2px #ff001a;
	font-weight: bold;
}
.pointinner .ttl3 span{
	margin-left:5px;
}
.pointinner .pad1{
	padding: 0 5%;
}
.pointinner .pad2{
	padding: 0 10%;
}
.pointinner .pad3{
	padding: 0 15%;
}
.pointinner .pad4{
	padding: 0 20%;
}
.pointinner .pad5{
	padding: 0 30%;
}
.sliderlist li{
	padding: 20px;
}
.sliderlist li dl{
	padding: 0 2%;
	display: flex;
	justify-content: space-between;
}
.sliderlist li dl dt{
	width: 65%;
}
.sliderlist li dl dd{
	width: 33%;
}
.slider-w .slick-dots li button:before{
	color: #ccc;
}
.slider-w .slick-dots li.slick-active button:before{
	color: #ff001a;
}
#s3-point3 .slick-dotted.slick-slider{
	margin-bottom: 10px;
}
#s3-point3 .slider1 figure img{
	height: 110px;
	margin: 0 auto;
}
#s3-point3 .slider1 figure img.s3-img1{
	height: 130px;
}
#s04{
	padding-top:10%;
	padding-bottom:10%;
}
#s04 h2{
	position: relative;
}
#s04 h2::before{
	content: " ";
	width: 80px;
	height: 100px;
	position: absolute;
	top:-20px;
	right:10px;
	background: url("../images/top/damedashi.png") no-repeat center top;
	background-size:100%;
}
#s05{
	background: #eef3ff;
}
#top-area .box02 ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#top-area .box02 ul li{
	border-right: solid 1px #ff001a;
	width: 33.3%;
	text-align: center;
}
#top-area .box02 ul:first-of-type{
	border-right: none;
}
#top-area .box02 ul li:nth-of-type(3n){
	border-right:none;
}
#top-area .box02 ul li.bornone{
	border-bottom:none;
}
#s06 .step .stepimg{
	padding: 0 25%;
}
#s06 .step h3{
	font-size:6.5vw;
}
#s06 .pricebox{
	padding: 10px;
	background: #ffebb1
}
.s06-bg1{
	padding: 0 15%;
	background: url("../images/top/job_bg1.png") no-repeat center center;
	background-size:100%;
}
.s06-bg2{
	padding: 0 5%;
	background: url("../images/top/job_bg1.png") no-repeat center center;
	background-size:100%;
}
.s06-t1{
	padding: 10% 10% 2%;
	font-size:6.5vw;
	background: url("../images/top/chatkeishiki_bg.png") no-repeat center center;
	background-size:contain;
}
.girlbox{
	position: relative;
	max-width: 300px;
	margin: 0 auto;
	padding: 10px;
	border: solid 1px #ff001a;
}
.girlbox .inner{
	padding-left: 30%;
}
.girlbox .s07-i1{
	position: absolute;
	left: 0;
	top:-12px;
	width:27%;
}
#s08{
	padding-top: 8%;
}
#s10 ul.ulstyle01 li p{
	font-size:90%;
	line-height: 1.5;
}
#s11 .slider1 figure img{
	margin: 0 auto;
}
#s11 .slick-dotted.slick-slider{
	margin-bottom: 10px;
}
#s14 .slider1 figure img{
	margin: 0 auto;
}
#s14 .slick-dotted.slick-slider{
	margin-bottom: 10px;
}
.flow-list{
	position: relative;
}
.flow-list::before{
	content: " ";
	position: absolute;
	left: 50%;
	top:0;
	width: 1px;
	height: 100%;
	border-right:dashed 2px #ff001a;
	z-index: 1;
}
.flow-list li{
	position: relative;
	z-index: 2;
	margin-bottom: 20px;
	border:solid 1px #ff001a;
	background: #fff;
	border-radius: 5px;
}
.flow-list li:last-of-type{
	margin-bottom: 0;
}
.flow-list li .top{
	padding: 10px;
	border-radius: 0 5px 0 0;
}
#s15 .flow-list li:first-of-type .top{
	background: url("../images/top/flow_img1.png") no-repeat right center;
	background-size:50%;
}
#s15 .flow-list li:nth-of-type(2) .top{
	background: url("../images/top/flow_img2.png") no-repeat right center;
	background-size:50%;
}
#s15 .flow-list li:nth-of-type(3) .top{
	background: url("../images/top/flow_img3.png") no-repeat right center;
	background-size:50%;
}
#s15 .flow-list li:nth-of-type(4) .top{
	background: url("../images/top/flow_img4.png") no-repeat right center;
	background-size:50%;
}
#s15 .flow-list li:nth-of-type(5) .top{
	background: url("../images/top/flow_img5.png") no-repeat right center;
	background-size:50%;
}
.flow-list li .top .step{
	margin-bottom: 20px;
	display: inline-block;
	padding: 3px 10px;
	background: #ff001a;
	color: #fff;
	text-align: center;
	border-radius: 5px;
}
.flow-list li .top .ttl{
	padding-bottom: 5px;
	font-size:110%;
	font-weight: bold;
}
.flow-list li .bottom{
	padding: 5%;
	font-size:90%;
}
.s15-m1{
	margin-bottom: 100px;
}
#s15 .inner-s1{
	position: relative;
	padding-top: 90px;
}
#s15 .inner-s1 .hstyle03{
	position: absolute;
	top:-10px;
	left: 0;
	width: 100%;
}
#s15 .inner-s1 h3{
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: dashed 2px #ff001a;
}
#s15 .inner-s1 ul.list{
	background: #fbf2da;
	padding: 10px;
}
#s15 .inner-s1 ul.list li{
	list-style-type: disc;
	margin-left: 20px;
}
#s15 .inner-s1 ul.list p{
	line-height: 1.5;
}
.box-inner1{
	padding:20px;
	border:solid 1px #ff001a;
	background: #fff;
	border-radius: 5px;
}
.box-inner1 .top{
	padding: 5% 0 10% 50%;
	background: url("../images/top/mensetsu.png") no-repeat left 15px top;
	background-size:45%;
}
.box-inner1:nth-of-type(2) .top{
	padding: 3% 0 8% 40%;
	background: url("../images/top/koutuhi.png") no-repeat left top;
	background-size:30%;
}
.box-inner1 .top .ttl{
	font-size:110%;
	font-weight: bold;
}
#s18 table{
	font-size:90%;
}

#s19 table{
	font-size:90%;
}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑spサイズ
----------------------------------
↓pcサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/


@media (min-width: 500px) {
	#s01 .s01-t1{
		font-size:40px;
	}
	#s01 .s01-t2{
		font-size:60px;
	}
	#s01 .s01-t3,#s02 .hstyle01{
		font-size:24px;
	}
	#s02 .s02-t1,#s06 .step h3,.s06-t1{
		font-size:30px;
	}
	.s02-ul2 li{
		font-size:22px;	
}
	.s02-ul1 li{
		font-size:18px;
	}
	.s02-ul2 li .no{
		width: 50px;
		height: 50px;
	}
	.pointlist li .point{
		font-size:16px;
	}
	.pointlist li .text{
		font-size:18px;
	}

}