body {
	text-align: center;
	background: #ccc;
	margin: 0;
}
h1, h2, h3, h4, h5 {
	display: none;
}
header,
main {
	width: 100%;
	margin: 0 auto;
}
.wrapper {
	width: 1200px;
	margin: 0 auto;
}

footer {
	display: none;
}
img {
	width: 100%;
	vertical-align: top;
}

/* button */
.btnwrap {
	position: relative;
}
div.button {
	width: 1008px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 210px;
}
div.button a:hover {
	opacity: 0.5;
}
div.pb1 {
	transform: translate(-50%,0);
}
div.pb2 {
	transform: translate(-50%,10px);
}
div.pb3 {
	transform: translate(-50%,0);
}

/* slider */
.slideBpk {
	background: url(https://ns.le-chainon.jp/basic-skills2/img/renew/slider/back.jpg) repeat-y;
}
.splide {
	width: 100%;
	margin: 0 auto;
	padding: 200px 0 50px;
}
.splide__track,
.splide__list {
	width: 802px;
	margin: 0 auto;
}
.splide__pagination {
	display: none;
}
.splide__arrow {
	background: none;
	width: 60px;
}
.splide__arrow:disabled {
	opacity: 1;
}
.splide__arrow--prev:after {
	content: "";
	width: 100px;
	aspect-ratio: 1/2;
	clip-path: polygon(100% 0,0 50%,100% 100%);
	background: #bf649d;
}
.splide__arrow--next:after {
	content: "";
	width: 100px;
	aspect-ratio: 1/2;
	clip-path: polygon(0 0,100% 50%,0 100%);
	background: #bf649d;
}
.splide__arrow--next {
	right: 110px;
}
.splide__arrow--prev {
	left: 110px;
}

/* reserve info */
.reserve-info {
	position: absolute;
	background: #fff;
	bottom: 30px;
	left: 50%;
	transform: translateX(-50%);
	padding: 20px 30px;
	font-size: 26px;
	border-radius: 30px;
}
.reserve-info table,
.reserve-info table tr,
.reserve-info table td {
	border: none;
	text-align: left;
}
.reserve-info table td {
	padding-right: 20px;
}


/* resposive */

.pc {
	display: block;
}

.sp {
	display: none;
}

@media screen and (max-width: 1200px) {

	.btnwrap {
		width: 100%;
	}
	div.button {
		width: 84%;
		top: 210px;
	}

}

@media screen and (max-width: 600px) {
	.wrapper {
		width: 100%;
	}
	.sp {
		display: block;
	}
	.pc {
		display: none;
	}
	.btnwrap {
		width: 100%;
		position: relative;
	}
	div.button {
		width: 90%;
		top: 40%;
	}
	div.sb1 {
		transform: translate(-50%, 0);
	}
	div.sb2 {
		transform: translate(-50%, 0);
	}
	div.sb3 {
		transform: translate(-50%, 0);
	}
	/* reserve info */
	.reserve-info {
		width: 70%;
		font-size: 18px;
		border-radius: 20px;
	}
	.reserve-info table td {
		padding-right: 10px;
	}

.slideBpk {
	background: url(https://ns.le-chainon.jp/basic-skills2/img/renew/slider/spback.jpg) repeat-y;
	background-size: 100%;
}
.splide {
	width: 100%;
	margin: 0 auto;
	padding: 95px 0 25px;
}
.splide__track {
	width:  80%;

}
.splide__list {
	width: 100%;
	margin: 0 auto;
}
.splide__pagination {
	display: none;
}
.splide__arrow {
	background: none;
	width: 30px;
}
.splide__arrow:disabled {
	opacity: 1;
}
.splide__arrow--prev:after {
	content: "";
	width: 30px;
	aspect-ratio: 1/2;
	clip-path: polygon(100% 0,0 50%,100% 100%);
	background: #bf649d;
}
.splide__arrow--next:after {
	content: "";
	width: 30px;
	aspect-ratio: 1/2;
	clip-path: polygon(0 0,100% 50%,0 100%);
	background: #bf649d;
}
.splide__arrow--next {
	right: 10px;
}
.splide__arrow--prev {
	left: 10px;
}


}

@media screen and (max-width: 450px) {

.splide__arrow {
	width: 25px;
}

.splide__arrow--prev:after {
	width: 25px;
}
.splide__arrow--prev:after {
	width: 25px;
}
.splide__arrow--next {
	right: 5px;
}
.splide__arrow--prev {
	left: 5px;
}
	.reserve-info {
		font-size: 16px;
		border-radius: 20px;
	}
	.reserve-info table td {
		padding-right: 5px;
	}



}