@charset "utf-8";
/* CSS Document */
/*-----------------------------
 reset
-------------------------------*/
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, 
img, small, strong, sub, sup,b, i,dl, dt, dd, ol, ul, li,
 form, label,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,
time, mark, audio, video {
margin:0;	padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent;line-height:1.7;
}
th{font-style:normal;font-weight:normal;}
ul li{list-style:none; }
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%;}

body {line-height:1;font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","ＭＳ Ｐゴシック",Helvetica,Sans-Serif;}
nav ul {list-style:none;}
table {	border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
article, aside, figure, footer, header,hgroup, nav, section { display:block; }
img{vertical-align:bottom;width:100%;display: block;}
/*-----------------------------
 common
-------------------------------*/
.wrap{
max-width: 640px;
margin: 0 auto;
background:#fff;
}
.overlaid{
	position: relative;
	z-index: 1;
}
.float{
	position: relative;
	z-index: 5;
}
.abs{
	position: absolute;
}
/* fvアニメーション */
.fv_wrap{
	overflow: hidden;
}
.fv{
	width: 100vw;
	max-width: 640px;
}
.stage_01{
	position: absolute;
	left: 0;
	top: 0;
}
.stage_02{
	width: 0%;
}
.stage_03{
	width: 100%;
	transition: 2s;
}
/* slider */
.slide_wrap{
	top: 31%;
	width: 100%;
}
.slick-slide {
    padding: 0 0.2%;
}
.prev{
	position: absolute;
    z-index: 5;
	top: 28.9%;
    left: -0.1%;
	transform: scale(-1,-1);
	width: 11.09375%;
}
.next{
	position: absolute;
	z-index: 5;
	top: 28.9%;
	right: -0.1%;
	width: 11.09375%;
}
/* common */
.option_01{
	width: 54.6%;
	top: 30.1%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform: scale(0);
	transition: all 1s;
	transform-origin: center;
}
.option_on{
	transform: scale(1);
}
.option_02{
	width: 54.6%;
	top: 30.1%;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.gif_01{
	top: -3%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 88%;
    z-index: -1;
}
.movie01{
	top: 30%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 77%;
    z-index: -1;
}
.offer_btn{
	top: 52.3%;
    left: 46.5%;
    width: 50%;
}

/* フッター */
.f-g{
	font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.f-m{
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.Footer{
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	position: relative;
	padding: 90px 0;
	background: bottom center / 100% auto no-repeat url(../img/footer/footer_bg.jpg);
}
.Footer::before{
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 34px 34px 0 34px;
	border-color: #DC84AC transparent transparent transparent;
}
.FooterHead__ttl{
	font-size: 36px;
	text-align: center;
	color: #DC84AC;
	font-weight: bold;
	line-height: 1.4;
	margin: 0 0 25px;
}
.FooterHead__text{
	text-align: center;
	line-height: 1.5;
	text-align: center;
	color: #575757;
	font-size: 20px;
	font-weight: 500;
}
.FooterHead__img--01{
	margin: 6.2% auto 0 10%;
    width: 73.5%;
}
.FooterHead__img--02{
    margin: 2.1% auto 6% 10.6%;
    width: 76.5%;
}
.FooterHead__tel{
	margin: 0 auto 8.6%;
    width: 84%;
    display: block;
}
.FooterContent__head{
    width: 85%;
    margin: 0 0 3% 6.3%;
}
.FooterContent__img--01{
	width: 85.4%;
    margin: -1.3% 0 0 6.2%;
}
.FooterContent__img--02{
	width: 88%;
    margin: 2.4% 0 3% 5.7%;
}
.FooterContent__ttl{
	color: #DC84AC;
	font-size: 30px;
	text-indent: 10px;
	position: relative;
	font-weight: bold;
	margin: 0 0 0.7% 7.8%;
}
.FooterContent__ttl::before{
	position: absolute;
	content: "";
	background-color: #DC84AC;
	width: 6px;
	height: 20px;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.FooterContent__text{
	font-size: 25px;
	font-weight: 500;
	margin: 0 7.7% 1.8% 7.7%;
	line-height: 1.5;
	text-align: justify;
}
.FooterContent__text span{
	color: #DC84AC;
}
.FooterContent__list{
    margin: 0 0 3.3%;
}
.FooterContent__list--02{
	margin: 0 0 14.3%;
}
.FooterContent__text--02{
	margin: 0 7.7% 5.1% 7.7%;
}
.FooterLogo{
	margin: 13% 19.2% 3.7% 21%;
}
.FooterCopy{
	text-align: center;
    font-size: 16px;
}
@media screen and (max-width: 640px){
	.Footer{
		padding: 14.0625vw 0;
	}
	.Footer::before{
		border-width: 5.3125vw 5.3125vw 0 5.3125vw;
	}
	.FooterHead__ttl{
		font-size: 5.625vw;
	}
	.FooterHead__text{
		font-size: 3.125vw;
	}
	.FooterContent__ttl{
		font-size: 4.6875vw;
		text-indent: 1.5625vw;
	}
	.FooterContent__ttl::before{
		width: 0.9375vw;
		height: 3.125vw;
	}
	.FooterContent__text{
		font-size: 3.90625vw;
	}
	.FooterCopy{
		font-size: 2.5vw;
	}
}
.Footernav{
	text-decoration: none;
		color:#835f35;
	font-size:80%;
	text-align: center;
}