@charset "utf-8";
/* CSS Document */
@media screen and (min-width:1000px) {
#wrapper_pc{
	overflow: hidden;
}
#wrapper_sp{
	display: none;
}

.inner{
	width: 950px;
	position: relative;
	margin: 0 auto;
}
.fv{
	background:url("../img/fv_bg.jpg") top center no-repeat;
	height: 741px;
	text-align: center;
	box-sizing: border-box;
	padding-top: 76px;
}
.sec01{
	background:url("../img/sec01_bg.jpg") top center no-repeat;
	text-align: center;
	padding-bottom: 86px;
}
.offer01{
	background:url("../img/offer01_bg.jpg") top center no-repeat;
	height: 610px;
	text-align: center;
}
.sec02{
	background:url("../img/sec02_bg.jpg") top center no-repeat;
}

.point0{
	padding:0 0 159px 76px;
}

.point1{
	background:url("../img/point1_bg.png") top left no-repeat;
	height: 640px;
	text-align: right;
	padding:59px 25px 0 0;
}
.point1 img:first-child{
	display: inline-block;
	margin-bottom: 36px;
}
.point2_bg{
	background:#EDE4DF;
	height: 760px;
}
.point2{
	background:url("../img/point2_bg.png") top center no-repeat;
	height: 671px;
}
.point2 .img{
position: absolute;
	bottom: -89px;
	left: -258px;
}
.point3_bg{
	background:url("../img/point3_bg.jpg") top center no-repeat;
	height: 510px;
}

.sec03{
	background: url("../img/sec03_bg.jpg") top center no-repeat;
	height: 3262px;
	text-align: center;
}

.sec03 h2{
	margin-top: 50px;
}
.sec04{
	background: #EDD5C6;
	text-align: center;
	padding: 60px 0 82px;
}
.box01{
	background: #fff;
}
.box02{
	background: #F6EAE2;
}
.box03{
	background: #fff;
	position: relative;
}
.box03 .img{
	position: absolute;
	right: 0;
	bottom: 0;
}
.box04{
	background: #F6EAE2;
}
.offer02{
	background:url("../img/offer02_bg.jpg") top center no-repeat;
	height: 926px;
	text-align: center;
}
.offer02 .last{
	margin-top: 52px;
}

.laulappie01{
	background: url("../img/LAULAPIE01_bg.png")  top center no-repeat;
	width: 374px;
	height: 265px;
	box-sizing: border-box;
	padding: 120px 15px 26px 17px;
}

.tel_area{
	width: 800px;
	display: flex;
	justify-content:space-between;
	margin: 0 auto 30px;
}
.laulappie02{
	background: url("../img/LAULAPIE02_bg.png")  top center no-repeat;
	width: 374px;
	height: 265px;
	box-sizing: border-box;
	padding: 120px 15px 26px 17px;
}
.laulappie01 a:first-child,.laulappie02 a:first-child{
	display: block;
	margin-bottom: 6px;
}

.footer{
	border-bottom: solid 5px #000;
	height: 364px;
	text-align: center;
	padding-top: 82px;
	box-sizing: border-box;
}
.footer a{
	display: block;
	margin-bottom: 68px;
}
}
@media screen and (min-width:769px) and ( max-width:999px){
#wrapper_pc{
	overflow: hidden;
}
#wrapper_sp{
	display: none;
}

.inner{
	width: 95vw;
	position: relative;
	margin: 0 auto;
}
.fv{
	background:url("../img/fv_bg.jpg") top center no-repeat;
	height: 74.1vw;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	padding-top: 7.6vw;
}
	.fv img{
		width: 95vw;
	}
.sec01{
	background:url("../img/sec01_bg.jpg") top center no-repeat;
	
	text-align: center;
	padding-bottom: 8.6vw;
}
		.sec01 img{
		width: 90vw;
	}
.offer01{
	background:url("../img/offer01_bg.jpg") top center no-repeat;
	background-size: cover;
	height: 61vw;
	text-align: center;
}
.sec02{
	background:url("../img/sec02_bg.jpg") top center no-repeat;
	max-width: 1000px;
}


.point0{
	padding:0 0 15.9vw 3.6vw;
	height: 52.1vw;
}
.point0 img{
	width: 86vw;
	}

.point1{
	background:url("../img/point1_bg.png") top left no-repeat;
	background-size: contain;
	height: 64vw;
	text-align: right;
	padding:5.9vw 2.5vw 0 0;
}
.point1 img:first-child{
	display: inline-block;
	margin-bottom: 3.6vw;
	width: 75vw;
}
.point2_bg{
	background:#EDE4DF;
	height: 76vw;
	margin-top: 5vw;
}
.point2{
	background:url("../img/point2_bg.png") top center no-repeat;
	background-size: cover;
	height: 67.1vw;
}
	.point2 img:first-child{
		width: 60vw;
	}
.point2 .img{
position: absolute;
	bottom: -8.9vw;
	left: -25.8vw;
	width: 70vw;
}
.point3_bg{
	background:url("../img/point3_bg.jpg") top center no-repeat;
	background-size: cover;
	height: 51vw;
}
	.point3_bg img{
		width: 95vw;
	}

.sec03{
	background: url("../img/sec03_bg.jpg") top center no-repeat;
	background-size: cover;
	height: 326.2vw;
	text-align: center;
}
	.sec03 img{
		width: 90vw;
	}

.sec03 h2{
	margin-top: 5vw;
}
.sec04{
	background: #EDD5C6;
	text-align: center;
	padding: 6vw 0 8.2vw;
}
	.sec04 img{
		width: 90vw;
	}
.box01{
	background: #fff;
}
.box02{
	background: #F6EAE2;
}
.box03{
	background: #fff;
	position: relative;
}
.box03 .img{
	position: absolute;
	right: 0;
	bottom: 0;
	width:40vw;
}
.box04{
	background: #F6EAE2;
}
.offer02{
	background:url("../img/offer02_bg.jpg") top center no-repeat;
	background-size: cover;
	height: 92.6vw;
	text-align: center;
}
.offer02 .last{
	margin-top: 5.2vw;
}
	.offer02 .last img{
		width: 80vw;
	}

.laulappie01{
	background: url("../img/LAULAPIE01_bg.png")  top center no-repeat;
	background-size: cover;
	width: 37.4vw;
	height: 26.5vw;
	box-sizing: border-box;
	padding: 12vw 1.5vw 2.6vw 1.7vw;
}

.tel_area{
	width: 80vw;
	display: flex;
	justify-content:space-between;
	margin: 0 auto 30px;
}
.tel_area img{
	width: 34vw;
	}
.laulappie02{
	background: url("../img/LAULAPIE02_bg.png")  top center no-repeat;
	background-size: cover;
	width: 37.4vw;
	height: 26.5vw;
	box-sizing: border-box;
	padding: 12vw 1.5vw 2.6vw 1.7vw;
}
	.line img{
		width: 80vw;
	}
.laulappie01 a:first-child,.laulappie02 a:first-child{
	display: block;
	margin-bottom: 0.6vw;
}

.footer{
	border-bottom: solid 5px #000;
	height: 36.4vw;
	text-align: center;
	padding-top: 8.2vw;
	box-sizing: border-box;
}
.footer a{
	display: block;
	margin-bottom: 6.8vw;
}
}
	
	


@media screen and (max-width:768px) {
#wrapper_pc{
	display: none;
}
#wrapper_sp{
	overflow: hidden;
	width: 100vw;
	margin: 0 auto;
}
#wrapper_sp img{
		width: 100%;
	}
#wrapper_sp div{
	position: relative;
}
#wrapper_sp p:nth-of-type(1) {
	position: absolute;
	top: 40vw;
	left: 10vw;
}
#wrapper_sp p:nth-of-type(2) {
	position: absolute;
	top: 93.333vw;
	left: 10vw;
}
	#wrapper_sp p img{
		width: 79.2vw;
		height: 12.133vw;
	}
#wrapper_sp p a.link01{
	display: block;
	margin-bottom: 1.333vw;
}

.inner{
	position: relative;
	}

}