@charset "UTF-8";
/* CSS Document */
html, :root { font-size:62.5%;}
body , button, input ,select , textarea { font-family: 'Noto Serif JP',"Sawarabi Mincho", "游明朝体", "Yu Mincho", YuMincho ,"Hiragino Mincho ProN",HGS明朝E, "Roboto","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;font-feature-settings : "palt" 1;letter-spacing: .03em;font-size:16px;font-size: 1.6rem;}
@media (max-width: 767px){
	body { font-size:13px;font-size: 1.3rem;}
}
body { line-height: 1.8;color:#000;}
* { box-sizing: border-box;}
h1 ,h2 ,h3 ,h4{font-weight:normal;}
img { vertical-align: middle; max-width: 100%; height: auto;}
[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: none;}
a { text-decoration: none;color:#000;transition: 0.3s}
a:hover { color: inherit; text-decoration: none; opacity: 0.65;}
img { max-width: 100%; height: auto;}
 div[id^="section"]{ position: relative;padding:150px 0 80px;}
.container { position:relative;width: calc(100% - 200px);max-width: 1500px; margin: auto; }
@media (max-width: 767px){
	.container{ width: calc(100% - 30px);}
}
.row { display: -webkit-flex; display: flex;flex-wrap: wrap;}
.txt-gothic{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;font-weight:500;}
small{ font-size:80%;}
.txtS{ font-size:70%;}
.txtL{ font-size:110%;}
.txtXL{ font-size:130%;}
.txtB{ font-weight:bold;}
.writingRL { -ms-writing-mode: tb-rl; -webkit-writing-mode: vertical-rl; writing-mode: vertical-rl; margin: 0 auto;}
.txt-pink { color:#ff8d8d;}
.txt-blue { color:#0065ad;}
.txt-gold { color:#867412;}
.txt-gray { color:#555;}
.txt-white{ color:#fff;}
.txt_box { padding:3em;background:#fff;}
.img_box { overflow: hidden;margin-bottom: 80px}
@media (max-width: 767px){
	.txt_box { padding:1.5em;background:#fff;}
}
/* button
--------------------- */
a[class^="btn"],
.form input[type="submit"]{ cursor: pointer;box-sizing:border-box;border-radius:4px;padding: 10px 20px; background: #ff8d8d;
		background: -moz-linear-gradient(top, #ff8d8d 0%, #de6868 90%);
		background: -webkit-linear-gradient(top, #ff8d8d 0%,#de6868 90%);
		background: linear-gradient(to bottom, #ff8d8d 0%,#de6868 90%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d8d', endColorstr='#de6868',GradientType=0 );
		font-size: 18px; transition: 0.3s;font-weight: 500;white-space: nowrap}
a[class^="btn"]{ transition: 0.3s;}
a[class^="btn"] span,
.form .btn-entry span{ position: relative;color:#fff;transition: 0s; }
.form .btn-entry:hover { opacity:1;}
a[class^="btn"]:hover { opacity:.7;}
a[class^="btn"] span::after,
.form .btn-entry::after{ content:"";position: absolute;top: 50%;right:-.8em;margin-top:-5px; background:url(../images/lp-images/ico_arrow.png)center no-repeat;background-size:contain;width:7px;height:10px; }
/* title
--------------------- */
h2{ margin-bottom: 1em; font-size:30px;font-size:3rem;font-weight:normal;line-height: 1.4}
h2 small { display: block; font-size:18px;font-size:1.8rem}
h3{ margin-bottom: 1em; }
@media (max-width: 767px){
	h2{font-size:2rem;}
	h2 small { font-size:16px;font-size:1.6rem}

}
ul.list { list-style-type: circle; margin-left: 1.5em;}
dl.dl-list dd { padding-left:6px;border-left:2px solid #ff8d8d;;}

.fade.marker { position: relative}
.fade.marker::after { content: ""; position: absolute;left:0;bottom: -0.2em;height:2px;width:0%;background: #ff8d8d;transition: all 2s ease;
	transition-delay: 1s;}
.fade.marker { opacity: 1}
.fade.marker.active::after { width:100%;}
h2 .chapter { font-size: 36px;font-size:3.6rem; font-family: 'Cardo', serif; color:#dad5bd;}
@media (min-width: 768px){
	.spShow { display: none;}
}
@media (max-width: 767px){
	.spHide { display: none;}
	 div[id^="section"]{ position: relative;padding:40px 0;}
}
/* header
--------------------- */
#nav { position: fixed; top:0; left:0; right: 0; padding: 10px 0; z-index: 10; transition: 0.3s;background: #fff; }
#nav.scroll { box-shadow:0 0 8px -2px rgba(0,0,0,.8);background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 60%, rgba(255,255,255,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0.6) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 60%,rgba(255,255,255,0.6) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#99ffffff',GradientType=0 );}
#nav .container{ padding:0;}
header .logo { font-family: 'Cardo', serif;color: #b99b00;font-size: 32px;font-weight: normal}
header ul{ display:flex;justify-content:space-between;align-items:center;margin:0 auto;}
header .btn-header { padding: 10px 20px;font-size: 14px;}
@media (max-width: 767px){
	#nav {padding: 20px 6px;line-height: 1;text-align: center}
	header .logo { font-size: 20px;}
	header ul.menu { justify-content:space-between;align-items:center; align-content:center;  }
	header ul.menu li { width: 100%}
	header ul.menu img {  width:50px; margin:6px 0 0;  }
	header .btn-header { display: inline-block;padding: 6px 18px 6px 6px;font-size:10px;}
}

.kv { position: relative;margin-top: 80px;padding:17% 0 0;min-height: 70vh; text-align:center;overflow: auto;;color: #fff}
#mail-magazine .kv::before { content: "";position: fixed;top:80px;left:0;width:100%;height:90%;background: url(../images/lp-images/main.jpg) no-repeat center bottom; background-size: cover; z-index: -1}
#mail-thanks .kv::before { content: "";position: fixed;top:80px;left:0;width:100%;height:90%;background: url(../images/lp-images/bg_thanks.jpg) no-repeat center bottom; background-size: cover; z-index: -1}
#method .kv::before { content: "";position: fixed;top:80px;left:0;width:100%;height:90%;background: url(../images/lp-method-images/bg_method.jpg) no-repeat center bottom; background-size: cover; z-index: -1}

#mail-thanks .kv .container { background:rgba(255,255,255,.8);padding:50px 2em;}
#mail-thanks .kv .container img { width:80%;max-width:700px;}
#mail-magazine .kv .kv_txt { margin: 0 auto 0;padding:1em 1em ;background:rgba(255,255,255,.5);}
#mail-magazine .kv h1 { margin: 0 auto 0;font-weight: 500;font-size:40px;}
#mail-magazine .kv h2 { margin-bottom:0;font-weight: 500;font-size:18px;}
#mail-magazine .kv h2 span { position: inherit}
@media (max-width: 767px){
	#method .kv{  margin-top: 120px; padding: 0;}
	#method .kv::before{ top: 0; background: url(../images/lp-method-images/bg_method.jpg) no-repeat left 30% bottom; background-size: cover;}
	#mail-magazine .kv { margin-top: 0px;padding:20px 0 12px;min-height: inherit;}
	#mail-thanks .kv { margin-top: 0px; padding: 10vh 0 10vh; min-height: inherit;}
	#mail-magazine .kv::before { top:0px;left:0;width:100%;height:88%;background: url(../images/lp-images/main.jpg) no-repeat center bottom; background-size: cover; z-index: -1}
	#mail-thanks .kv::before { top:0px;left:0;width:100%;height:80%;background: url(../images/lp-images/bg_thanks.jpg) no-repeat center bottom; background-size: cover; z-index: -1}
	#mail-thanks .kv .container { padding:40px 0;}
	#mail-thanks .kv .container img { width:90%;}
	#mail-magazine .kv h1 { margin: 0 auto 0;font-size:28px;line-height: 1.2}
	#mail-magazine .kv h2 { margin: 0 auto 0;font-size: 13px;}
	#mail-magazine .kv .kv_txt { width: 95%; margin: 0 auto 85%;padding: 1em; }
	#mail-magazine .kv .submitArea { margin: 6px auto;}
}
ul{list-style-type: none;}

#section1,#section1-2 { background:#fff url("../images/lp-images/img_flower01.png") no-repeat left bottom;background-size:30% auto;}
#section1::before,
#section1-2::before { content: "";position: absolute;width:30%;height:100%;right:0;top:0;background: url("../images/lp-images/img_flower02.png") no-repeat right top;background-size:contain; }
#section1 .container,
#section1-2 .container  { padding:0}
#section1 h2,
#section1-2 h2 { text-align: center;font-size:3vw;}

@media (min-width: 980px){
	#section1 h2,
	#section1-2 h2 { text-align: center;font-size:28px;}
}
@media (max-width: 767px){
	#section1 ,#section1-2 { background: #fff url(../images/lp-images/img_flower01.png) no-repeat left bottom; background-size: 40% auto;}
	#section1::before,
	#section1-2::before  { width: 40%;}
	#section1 h2,
	#section1-2 h2 { position: relative; top:inherit; padding: .5em 0; font-size: 20px;}
}

.column_right { background:#f7f5ef}
.column_right h2 { text-align: left;}
.column_right h4.fade { opacity: 1}
.column_right .img_box{ position: absolute; top: 80px; left: 0; width: 60%; }
.column_right .txt_box{ width: 62%;margin: 0 0 0 38%;  }
@media (max-width: 767px){
	.column_right .container { padding: 30px 2px 0;font-size:13px;}
	.column_right  .img_box{position: absolute;top: 3%;left: 0;width: 90%;}
	.column_right .txt_box {width: 95%;margin: 30% auto 0 ;}
}

.column_left { background:#f7f5ef}
.column_left h2 { text-align: left;}
.column_left h4.fade { opacity: 1}
.column_left .img_box { position: absolute; top:80px; right: 0; width: 60%; }
.column_left .txt_box{ width: 62%;margin: 0 38% 0 0 ;  }
@media (max-width: 767px){
	.column_left .container { padding: 30px 2px 0;font-size:13px;}
	.column_left .img_box{position: absolute;top: 3%;left: 0;width: 90%;}
	.column_left .txt_box {width: 95%;margin: 30% auto 0;}
}
.container p{
	margin-bottom: 10px;
}
#section6 { background:#fff url("../images/lp-images/img_flower01.png") no-repeat left bottom;background-size:30% auto;}
#section6::before { content: "";position: absolute;width:30%;height:100%;right:0;top:0;background: url("../images/lp-images/img_flower02.png") no-repeat right top;background-size:contain; }
#section6 .container{ padding:0}
#section6 h2{ text-align: center;}
#section6 p { }
@media (max-width: 767px){
	#section06 {
		background-image: url(../images/lp-method-images/sec06.jpg);
		background-position: left 20% center;
	}
}
#section7 .container{ width:60%;text-align: center}
#section7 .txt_box { background: rgba(255,255,255,.9);border-radius:6px;border:2px solid #fff;}
@media (max-width: 767px){
	#section7 .container{ width:90%;text-align:left}
}

/* お客様の声 */
#voice { background: #fbeaea url(../images/lp-images/bg_voice.png)repeat-y;
background-size: 100% auto; padding: 100px 0;}
#voice .split_6 { padding:20px;text-align: center}
#voice .split_6 img { width:100%;max-width:450px;}
#voice .split_6 img + img  { margin-top: 40px}
#voice dl { margin-top:40px;padding:2em;background:rgba(255,255,255,.9);text-align: left}
#voice dl dt { font-size:120%;}
@media (max-width: 767px){
	#voice .container{ width:90%;text-align:left}
	#voice .split_6 { padding:0px;}
	#voice .split_6 img + img  { margin-top: 30px}
	#voice .split_6 + .split_6 img  { margin-top: 30px}
	#voice dl { margin-top: 30px;}
}
/* FAQ */
#faq { background: #fff; padding: 100px 0}
#faq dt,
#faq dd{ display: flex;align-items: center; padding: .8em; }
#faq dt{ margin-top:1em;background:#fff4f4; }
#faq dt:before,
#faq dd:before{ content: "Q"; width: 2em; height:100%; font-size: 28px;color: #b99b00; }
#faq dd:before{ content: "A"; color:#ff8d8d; }
#faq dt p,
#faq dd p{  width : 98% ;width : -webkit-calc(100% - 2em) ;width : calc(100% - 2em) ;margin: 0 }
@media (max-width: 767px){
	#faq{ padding: 50px 0}
	#faq .container{ width:90%;text-align:left}
}
#section16 { background: #fff url("../images/lp-images/bg_profile.png")repeat;background-size:500px auto; }
#section16 .container { padding:2.5em 3em 3em;background: rgba(255,255,255,.9);border:1px solid #fff;border-radius:8px;}
.section16_img { width:90%;max-width:300px;}
@media (max-width: 767px){
	#section16 .container { padding:1.5em;}
	#section16 .split_12 .split_8 { -webkit-box-ordinal-group:2;-webkit-order:2;order:2; }
	#section16 .split_12 .split_4 { -webkit-box-ordinal-group:1;-webkit-order:1;order:1; }
	#section16 .split_12 .split_12 { -webkit-box-ordinal-group:3;-webkit-order:3;order:3; }
}

/**
 * 全画面共通
**/
.screen-full{
	text-align: center;
	padding: 150px 0 80px;
	position: relative;
	-webkit-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
/*  min-height: 95vh;
	overflow: auto;
*/
}
@media (max-width: 767px){
	.screen-full{
		background-attachment: inherit;
		padding: 80px 0 70px;

/*
		-webkit-background-size: auto 100vh;
		background-size: auto 100vh;
*/
	}
}
.screen-full .bg-white{
	background-color: rgba(255, 255, 255, 0.85);
	margin: 50px auto;
	padding: 30px;
	width: 75%;
	max-width: 620px;
}
@media (max-width: 767px){
	.screen-full .bg-white{
		margin: 0 auto;
		padding: 15px;
		width: calc(100% - 20px);
	}
}
/*
.screen-full:before{
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 98%;
	z-index: -1;
}
*/
/**
 * 全画面指定  - 個別
**/
/*#section02::before {content:'';background: url("../images/lp-images/bg_22.jpg") no-repeat center bottom; -webkit-background-size: cover; background-size: cover; position:sticky; width: 100%; height: 100vh;}*/
#section02 {background: url("../images/lp-images/bg_22.jpg") no-repeat center right;background-size:cover;}
#section03 {background-image: url("../images/lp-method-images/sec03.jpg");background-position: center bottom; background-size: 300%;}
#section06 {background-image: url("../images/lp-method-images/sec06.jpg")}
#section13 {background-image: url("../images/lp-method-images/sec13.jpg"); background-position: left top;}
#section14 {background-image: url("../images/lp-method-images/sec14.jpg")}
#section17 {background-image: url("../images/lp-method-images/sec17.jpg")}
#section19 {background-image: url("../images/lp-method-images/sec19.jpg")}
#section21 {background-image: url("../images/lp-method-images/sec21.jpg")}
#section24 {background-image: url("../images/lp-method-images/sec24.jpg")}
#section25 {background-image: url("../images/lp-method-images/sec25.jpg")}
#section27 {background-image: url("../images/lp-method-images/sec27.jpg");}
#section30 {background-image: url("../images/lp-method-images/sec30.jpg")}
#section33 {background-image: url("../images/lp-method-images/sec33.jpg");background-position: center;}
#section35 {background-image: url("../images/lp-method-images/sec35.jpg")}
#section39 {background-image: url("../images/lp-method-images/sec39.jpg")}
#section40 {background-image: url("../images/lp-method-images/sec40.jpg")}
#section41 {background-image: url("../images/lp-method-images/sec41.jpg")}
.section-bokeh{background-image: url("../images/lp-method-images/sec-bokeh.jpg")}
.section-method{background: url("../images/lp-images/bg_method-contact.jpg") no-repeat top center; background-size:cover; background-color: #fff;}
@media (max-width: 767px){
	#section02{ background-image: url("../images/lp-method-images/bg_22_sp.jpg"); background-size: contain; background-color: #000; background-position: right center;}
	#section13{ background-image: url("../images/lp-method-images/sec13_sp.jpg"); background-size: cover; background-color: #000; background-position: left center;}
	#section14 {background-image: url("../images/lp-method-images/sec14_sp.jpg"); background-position: top center; padding-bottom: 50%;}
	#section19 { background-size: contain;background-color: #f7f5ef;}
	#section24 {background-image: url("../images/lp-method-images/sec24_sp.jpg")}
	#section27 {background-position:10% center;}
	.section-method{background: url("../images/lp-images/bg_method-contact.jpg") no-repeat bottom center;background-size:cover;padding: 30px 0;}
	#section06 .container, #section13 .container, #section27 .container{background-color: rgba(255, 255, 255, 0.85); margin: 0 auto; padding: 15px; width: calc(100% - 20px); color: #000;}
	#section21 .container,
	#section25 .container { background:rgba(255,255,255,.6);}
	#section21 .container .tx_white,
	#section25 .container .tx_white{ color: #000;}
	#section27 .container .tx_white{ color: #000;}
}
/* ***
* 個別指定
*** */
#section02 .heading{
	color: #fff;
	font-size: 2rem;
}
#section02 ul{
	margin: 50px auto;
	width:70%;
	min-width:740px;
}
@media (max-width: 767px){
	#section02 ul{
		margin: 25px auto;
		width:calc(100% - 60px);
	min-width: auto;
	}
}
#section23{
	background: url("../images/lp-method-images/sec23.jpg") repeat top left;
}
#section23 .bg-white{
	background-color: rgba(255, 255, 255, 0.85);
}#section40 p{
	font-size:2rem;
}
#section41 .bg-white{
	background-color: rgba(255, 255, 255, 0.75);
}
.submitArea{ position: relative;margin: 20px auto;}
.form { background: #8abdd1 url("../images/lp-images/bg_form.jpg") center bottom no-repeat ;background-size:cover;padding:70px 0 42px;}

.form-method { /*padding:6% 0 20% 40%;*/text-align:center;}

.form .container { border:1px solid #ff8d8d;background: rgba(255,255,255,.8) ;border-radius:10px;padding:50px 20px 20px;z-index: 1}
.form-method .container {
	text-align: right;
}
.form-method .form-main { display:inline-block;border:1px solid #fff;background: rgba(255,255,255,.9) ;padding:2em; width: 55%; max-width:450px; z-index: 1}
.form input.btn-entry { position:absolute;margin:0;padding:16px 2em;top:0;left:0;width:100%;max-width:380px;border:none;border-bottom:6px solid #c15353;font-size:22px;font-size:2.2rem;text-align: center;color:#fff;cursor: pointer;box-sizing:border-box;border-radius:4px;font-weight: 500;transition: 0s;}
.form label { line-height:2;}
.form p img { margin: -74px auto 20px;width:80%;max-width: 500px}
.form button[type="submit"]:hover,
.btn-entry:hover { top: 6px;border:none;}
.form .form-inner { max-width:650px;}
.form form { z-index:3;}
.form h2 { text-align: center}
.form-method h2 { font-size:26px;}
.form dl{ display:flex;flex-wrap: wrap;align-items:center;width:90%;max-width:760px;margin:20px auto 0px;}
.form dt{ width:32%;padding:10px; display: flex; justify-content: space-between; align-items: center;}
.form dd{ position:relative;width:68%;padding:10px; }
#mail-thanks .form dt{ width:40%; }
#mail-thanks .form dd{ width:60%; }
.form input[type="text"],.form textarea,.form select,.form textarea{ -webkit-appearance: none;  padding:16px; border:1px solid #ccc;border-radius:4px;width: 100%;font-size:16px;}
.form select { background: #fff url(../images/lp-images/ico_arrow2.png)no-repeat right 10px center ;background-size:8px;}
.form span.req{ margin-right: 6px;padding: 4px 8px;background: #ff8484; color: #fff;font-size: .9em;line-height: 1;}
.form span.req2{ margin-right: 6px;padding: 4px 8px;background: #ccc; font-size: .9em;line-height: 1;}
.form p { position:relative;text-align:center;}
.form .btn-mail-area,  .form-method .btn-mail-area{ margin: 30px auto 20px; }
.form .btn-mail ,
.form-method .btn-mail {padding: .5em 2em;font-size: 22px;display: block;text-align: center;}
.form .submitArea{ position: relative;width:90%;max-width:380px;min-height:100px;margin: 30px auto 0; text-align:center;}

@media (max-width: 767px){
	.form-method .form-main{
		width: 62%;
		padding: 1em;
		text-align: left;
	}
	.form-method .form-main .btn-mail{
		font-size: 13px;
		/* display: block; */
		padding: .5em 1em;
	}
}

.form .btn-entry::after {
		content: "";
		position: absolute;
		top: 100%;
		right: 2em;
		margin-top: -5px;
		background-size: contain;
		width: 8px;
		height: 10px;
}
.form .btn-back{ margin: 0 auto 0; padding: .4em 1.5em; background: #eee; border:1px solid #ccc;color: #999; font-size: 1rem;cursor: pointer;box-sizing:border-box;}

.form input[type="submit"]:hover{background:#c15353;border:none;top:6px;}
.form .submitArea:hover::after{ top: -10px; }
.form .error_message{ width:80%;margin:10px auto 0;padding:14px;background:#ffcdce;color:#E87072;text-align: center;}
.form .error{ position: absolute;top: -15px; right: 14px; background: #ffcdce; padding: 2px 1em; color:#e87072;}

@media (max-width: 767px){
	.form p img { margin-top: -36px;width: 100%;}
	.form label { line-height: 1.3; display: inline-block; width: 100%;}
	.form span+label { line-height: 1.6; display: inline; width: auto;}
	.form button[type="submit"],
	.btn-entry{ display:inline-block;position:relative;margin:0 auto;padding:12px 0;top:inherit;left:inherit;width:90%;text-align: center;color:#fff;font-size:18px;white-space: nowrap;    line-height: 1.6;}
	.form dl {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 100%;
		margin: 0px auto 0px;
		}
	.form{padding:40px 10px;}
	.form .container { padding: 16px;}
	#form .container { padding: 16px 16px 48px;}
	#mail-thanks .form dt,#mail-thanks .form dd,
	.form dt,.form dd{ width:100%;padding:8px 0 0; }
	.form dd ,#mail-thanks .form dd{ padding-bottom:10px;}
	.form .submitArea{min-height:36px;}
	.form .submitArea::after { top: -5px;}
	.form .btn-mail { padding: .5em 1.5em; font-size: 18px;}
	.form input.btn-entry { padding: 9px 2em;}
}

#copyright { padding: 30px 0 20px;background:#fff;font-size:12px;}
#mail-magazine #copyright { margin-top:80vh;}
#copyright ul { display:flex;justify-content: center;flex-wrap: wrap;margin-bottom: 1em}
#copyright ul li { padding:0 1.5em;}
#copyright p { text-align: center;}

.fixed_bottom { display: none; position: fixed; bottom: 0; left: 0; right: 0; z-index: 5; background: rgba(255,255,255,.9); padding: 10px 2px 8px; font-size: 1.0769rem; text-align: center;}
.fixed_bottom .btn-footer { padding: 8px 20px;background: #ff8d8d; background: -moz-linear-gradient(top, #ff8d8d 0%, #de6868 90%); background: -webkit-linear-gradient(top, #ff8d8d 0%,#de6868 90%); background: linear-gradient(to bottom, #ff8d8d 0%,#de6868 90%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8d8d', endColorstr='#de6868',GradientType=0 ); font-size: 14px;transition: 0.3s}
@media (max-width: 767px){
	#footer { padding: 50px 10px; background-size: 130% auto, 50px auto;}
	#copyright { border-width: 1px; padding: 20px 0 50px;}
}

/* アニメーション */
@media (min-width: 768px){
	#nav {background:#fff; -webkit-animation: navInit 1.5s; animation: navInit 1.5s;}
}
.spMenu { -webkit-animation: navInit 1.5s; animation: navInit 1.5s;}
@keyframes navInit {
	0% { transform: translate(0, 30%); opacity: 0;}
	100% { transform: translate(0, 0); opacity: 1;}
}
@-webkit-keyframes navInit {
	0% { -webkit-transform: translate(0, 30%); opacity: 0;}
	100% { -webkit-transform: translate(0, 0); opacity: 1;}
}

.kv h1 ,.kv h2 ,.btn-entry { -webkit-animation: logoInit 4s; animation: logoInit 4s;}
@keyframes logoInit {
	0%, 35% { transform: translate(0, -5px); opacity: 0;}
	100% { transform: translate(0, 0); opacity: 1;}
}
@-webkit-keyframes logoInit {
	0%, 35% { -webkit-transform: translate(0, -5px); opacity: 0;}
	100% { -webkit-transform: translate(0, 0); opacity: 1;}
}

.fade { opacity:0;}
.fade.fadein-up.active { animation: fadein-up 1.5s; opacity: 1;}
@keyframes fadein-up {
	0% { transform: translate(0, 20px); opacity: 0;}
	100% { transform: translate(0, 0px); opacity: 1;}
}
@-webkit-keyframes fadein-up {
	0% { -webkit-transform: translate(0, 20px); opacity: 0;}
	100% { -webkit-transform: translate(0, 0px); opacity: 1;}
}

.fade.img_fade { opacity:0;}
.fade.img_fade.active  { -webkit-animation: img_fade  2s; animation: img_fade  2s;opacity: 1;}
@keyframes img_fade  {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@-webkit-keyframes img_fade {
	0% { opacity: 0;}
	100% { opacity: 1;}
}

.img_fade2.active  { -webkit-animation: img_fade2  2s; animation: img_fade2  2s;opacity: 1;}
@keyframes img_fade2 {
	0%, 35% { transform: scale(1.13);opacity: 1;}
	100% { transform: scale(1);opacity: 1;}
}
@-webkit-keyframes img_fade2  {
	0%, 35% {  -webkit-transform: scale(1.13);opacity: 1;}
	100% {  -webkit-transform: scale(1);opacity: 1;}
}