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


body{
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
a{
	color: #2eb29d;
	text-decoration: none;
	font-weight: bold;
}

.wrapper{
	max-width: 750px;
	margin: auto;
}



.youtubeOuter{
	position: relative;
	margin: 0 11.5%;
}
.youtube {
  position: absolute;
  width: 100%;
  padding-top: 56.25%;
  bottom: 545px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width:767px){
	.youtube{	bottom: 73vw;}
}

/*　オファー　swipe.js
------------------------*/
.swiper-container {}
.swiper-pagination-original {
	background: url("../images/offer_tab-bg.png") no-repeat 50% 0 / contain;
	width: 100%;
	height: 8%;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	margin: auto;
	padding: 0 6.7%;
}
.swiper-pagination-original a {
	display: inline-block;
	width: 33.3%;
	height: 100%;
}
.swiper-pagination-original a:nth-child(1).active {
	background: url("../images/offer_tab-bg01.png") no-repeat 50% 0 / contain;
}
.swiper-pagination-original a:nth-child(2).active {
	background: url("../images/offer_tab-bg02.png") no-repeat 50% 0 / contain;
}
.swiper-pagination-original a:nth-child(3).active {
	background: url("../images/offer_tab-bg03.png") no-repeat 50% 0 / contain;
}
.swiper-wrapper {
	margin-top: 16.4%;
}
div.swiper-button-prev {
	color: rgba(0, 0, 0, 0);
	left: 15px;
	height: 60%;
	top: 10%;
	width: 10%;
}
div.swiper-button-next {
	color: rgba(0, 0, 0, 0);
	right: 15px;
	height: 60%;
	top: 10%;
	width: 10%;
}
div.swiper-button-prev:active ,div.swiper-button-next:active ,a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

/*　オファー　btn
------------------------*/
.offer{	position: relative;}
button{
	background: transparent;
	border: none;
	position: absolute;
	cursor: pointer;
}
button.regular{	bottom: 16%;	left: 8%;}
div.swiper-wrapper._ver2 button.regular{	bottom: 16%;}
button.normal{	bottom: 7.2%;	left: 11.2%;}
div.swiper-wrapper._ver2 button.normal{	bottom: 5.2%;}

input[type=radio] {	display: none;}

@media screen and (max-width:767px){
	button{
	}
	button.regular{	left: 7.5vw; width: 85vw;}
	button.normal{	left: 10.5vw; width: 79vw;}
}


footer{
	font-size: 24px;
	line-height: 1.8;
	max-width: 750px;
	margin: auto;
	padding: 10px;
}

footer ul{	margin: 100px 0 50px;}
footer li{	list-style: none;}

footer p{
	color: #2eb29d;
	font-weight: bold;
}

footer figure{	max-width: 350px; margin: 30px auto 10px;}

@media screen and (max-width:767px){
	footer{	font-size: 3vw;}
	footer ul{	margin: 5vw 0;}
	footer figure{	max-width: 70%; margin: 3% auto 0;}
}