@charset "utf-8";
html{
	-webkit-text-size-adjust: 100%;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	font-weight:bold;
	text-align:center;
	color:#04234C;
/*	font-feature-settings: "palt";*/
}

.mincho{
	font-family: "Noto Serif JP", serif;
}

.gothic{
	font-family: "Noto Sans JP", sans-serif;
}


a {
	transition : opacity 0.4s;
	-webkit-transition : opacity 0.4s;
	opacity:1;
	outline:none;
}
a:hover {
	opacity: 0.7;
}

@media screen and (max-width:768px){
	a:hover {
		opacity: 1;
	}
}

img{
	max-width:100%;
	vertical-align:bottom;
}

.only_sp,
.only_sp_i,
.only_sp_f{
	display:none !important;
}

@media screen and (max-width:768px){
	.only_pc{
		display:none !important;
	}
	.only_sp{
		display:block !important;
	}
	.only_sp_i{
		display:inline-block !important;
	}
	.only_sp_f{
		display: -webkit-flex !important;
		display: flex !important;
	}
}

#wrapper{
}

.inner{
	width:min(1024px,94%);
	margin:auto;
}



/* 色関係 */
.bg_navy{
	color:#fff;
	background:#04234C;
}
.blue{
	color:#003E81;
}
.bg_blue{
	color:#fff;
	background-color:#003E81;
}
.bg_blue_grad{
	color:#fff;
	background:linear-gradient(#0752A5,#042953);
}
.orange{
	color:#F8B62B;
}
.bg_orange{
	color:#fff;
	background:#F8B62B;
}
.bg_orange_grad{
	color:#fff;
	background:linear-gradient(#FF8900,#F8B62B);
}
.gray{
	color:#4B4949;
}
.red{
	color:#B50000;
}
.gold{
	color:#A67607;
}
.bg_gold_grad{
	color:#fff;
	background:linear-gradient(#F8B62B,#D18E00);
}

/* 書式 */
.text_left{
	text-align:left !important;
}
.text_right{
	text-align:right !important;
}
.text_center{
	text-align:center !important;
}

.bold{
	font-weight:bold;
}

.blc{
	display:block;
}

.dot{
	background-image: radial-gradient(circle at center, #fff 15%, transparent 15%);
	background-position: top right;
	background-repeat: repeat-x;
	background-size: 1em 0.3em;
	padding-top: .08em;
}


/* header */
header{
	width:100%;
	padding:min(1.5%,15px) min(3%,30px);
	text-align:right;
	position:absolute;
	z-index:100;
}
header .head_logo{
	display:inline-block;
	width:min(24%,236px);
}


/* main */
main{
	overflow:hidden;
}


/* #mv */
#mv{
}
#mv h1{
	line-height:1;
	padding:min(6%,60px) 0 min(14%,140px) 0.5em;
	font-size:min(6.7vw,67px);
	background:url(../images/mv_bg.webp)no-repeat center bottom;
	background-size:cover;
	position:relative;
}
#mv h1:before{
	content:'';
	display:block;
	width:100%;
	height:min(13vw,130px);
	background-color:#04234C;
	position:absolute;
	top:0;
	left:0;
	transform:rotate(-15deg);
	transform-origin:left bottom;
}
#mv h1:after{
	content:'';
	display:block;
	width:100%;
	height:min(3.7vw,37px);
	background-color:#04234C;
	position:absolute;
	bottom:0;
	left:0;
}
#mv h1 .large{
	line-height:1.3;
	display:block;
	font-weight:900;
	letter-spacing:-0.03em;
}
#mv h1 .small{
	line-height:1.5;
	margin-top:0.3em;
	display:block;
	font-size:min(3.1vw,31px);
	letter-spacing:-0.02em;
}
#mv h1 .middle{
	display:inline-block;
	position:relative;
	font-size:min(4.4vw,44px);
	font-weight:900;
}
#mv h1 .middle .box{
	display:inline-block;
	width:1.4em;
	height:1.4em;
	line-height:1.3;
	margin:0 -0.05em;
	position:relative;
}
#mv h1 .middle .last{
	letter-spacing:0.05em;
	font-size:min(4.2vw,42px);
	position:absolute;
	left:calc(100% + 0.3em);
	top:50%;
	transform:translateY(-50%);
	white-space:nowrap;
}
#mv h1 img{
	display:block;
	width:114vw;
	max-width:1114px;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:1;
	transform:translateX(-50%);
}
#mv .sec{
	padding-bottom:min(6.8vw,68px);
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	background:linear-gradient(#04234C,#01070F);
}
#mv .sec h2{
	line-height:1.5;
	margin-top:max(-7%,-70px);
}
#mv .sec h2 .small{
	display:block;
	font-size:min(3.2vw,36px);
	letter-spacing:-0.02em;
	color:#fff;
}
#mv .sec h2 .large{
	line-height:1;
	font-size:min(5.3vw,58px);
	font-weight:900;
	letter-spacing:-0.02em;
}
#mv .sec h2 .middle{
	font-size:min(3.4vw,38px);
	letter-spacing:-0.02em;
	color:#fff;
}
#mv .sec .plan{
	display:flex;
	margin-top:max(-6%,-60px);
	transform:translateY(-13%);
	position:relative;
	z-index:1;
}
#mv .sec .plan li{
	width:min(24.5vw,266px);
	height:min(24.5vw,266px);
	margin-left:2em;
	padding-bottom:2em;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	background-color:#fff;
	border-radius:100%;
	box-shadow:8px 8px 8px #000;
	position:relative;
}
#mv .sec .plan li .num{
	width:3.5em;
	height:3.5em;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	line-height:1;
	font-size:min(2.8vw,30px);
	font-weight:900;
	color:#fff;
	background-color:#414141;
	border-radius:100%;
	position:absolute;
	left:0;
	top:0.15em;
	transform:translateX(-35%);
}
#mv .sec .plan li .num:before{
	content:'PLAN';
	font-size:min(1.7vw,18px);
}
#mv .sec .plan li .small{
	display:block;
	width:90%;
	line-height:1.5;
	margin-bottom:0.5em;
	padding-left:1.2em;
	padding-bottom:0.1em;
	font-size:min(2.1vw,23px);
	letter-spacing:-0.02em;
	border-bottom:5px solid #D0D0D0;
}
#mv .sec .plan li .large{
	line-height:1.2;
	font-size:min(3.4vw,37px);
	font-weight:900;
}
#mv .sec .plan li .middle{
	display:block;
	font-size:min(2.8vw,30px);
}
#mv .sec .link{
	width:100%;
}
#mv .sec .link .fuki{
	display:inline-block;
	padding:0 1.5em;
	font-size:min(3.5vw,35px);
	font-weight:bold;
	color:#fff;
	letter-spacing:-0.02em;
	background:url(../images/mv_fuki.png)no-repeat center center;
	background-size:100% auto;
}
#mv .sec .link .fuki .large{
	font-size:min(4.5vw,45px);
	letter-spacing:0.02em;
}
#mv .sec .link .btn{
	line-height:1.9;
	display:block;
	width:min(83%,832px);
	margin:0.5em auto 0;
	font-size:min(6vw,60px);
	font-weight:900;
	border-radius:200px;
	position:relative;
}
#mv .sec .link .btn:before{
	content:'';
	display:block;
	width:90%;
	height:1em;
	background-color:rgba(255,255,255,0.1);
	filter: blur(3px);
	border-radius:100px;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,10%);
}
#mv .sec .link .btn:after{
	content:'';
	display:block;
	width:0.65em;
	height:0.65em;
	border-top:min(1.1vw,11px) solid;
	border-right:min(1.1vw,11px) solid;
	position:absolute;
	right:0.8em;
	top:50%;
	transform:translateY(-50%) rotate(45deg);
}

@media screen and (max-width:768px){
	#mv h1{
		padding:12% 0 9% 0.5em;
		font-size:6.8vw;
	}
	#mv h1 .small{
		margin-top:0.8em;
		font-size:3.6vw;
	}
	#mv h1 .middle{
		font-size:5vw;
	}
	#mv h1 .middle .last{
		font-size:4.7vw;
	}
	#mv h1 img{
		width:114vw;
	}
	#mv .sec{
		padding:3% 0 9%;
		display:block;
	}
	#mv .sec h2{
		line-height:1.5;
		margin-top:0;
	}
	#mv .sec h2 .small{
		display:inline;
		font-size:3.4vw;
	}
	#mv .sec h2 .large{
		font-size:6.5vw;
	}
	#mv .sec h2 .middle{
		font-size:4.4vw;
	}
	#mv .sec .plan{
		display:flex;
		justify-content:center;
		margin-top:5%;
		padding-left:3%;
		transform:none;
	}
	#mv .sec .plan li{
		width:42vw;
		height:42vw;
		margin:0 3%;
		padding-bottom:3%;
		box-shadow:5px 5px 5px #000;
	}
	#mv .sec .plan li .num{
		width:3.5em;
		height:3.5em;
		font-size:4.7vw;
		left:0;
		top:0.15em;
		transform:translateX(-30%);
	}
	#mv .sec .plan li .num:before{
		font-size:2.9vw;
	}
	#mv .sec .plan li .small{
		display:block;
		width:90%;
		line-height:1.5;
		margin-bottom:1em;
		padding-left:1.2em;
		padding-bottom:0.3em;
		font-size:3.1vw;
		letter-spacing:-0.02em;
		border-bottom:2px solid #D0D0D0;
	}
	#mv .sec .plan li .large{
		font-size:5.5vw;
	}
	#mv .sec .plan li .middle{
		font-size:4.4vw;
	}
	#mv .sec .link{
		margin-top:5%;
	}
	#mv .sec .link .fuki{
		font-size:4.2vw;
	}
	#mv .sec .link .fuki .large{
		font-size:5.2vw;
	}
	#mv .sec .link .btn{
		line-height:1.9;
		display:block;
		width:86%;
		margin:0.5em auto 0;
		font-size:7.3vw;
	}
	#mv .sec .link .btn:after{
		width:0.5em;
		height:0.5em;
		border-top:1.3vw solid;
		border-right:1.3vw solid;
		right:0.6em;
	}
}


/* #cont1 */
#cont1{
	padding-top:min(9%,90px);
	background:url(../images/cont1_bg.webp)no-repeat center center;
	background-size:cover;
}
#cont1 h2{
	line-height:1.3;
	padding-bottom:1.5em;
	font-size:min(6.8vw,68px);
	letter-spacing:-0.02em;
	background:url(../images/cont1_h2.png)no-repeat center bottom;
	background-size:100% auto;
}
#cont1 .cont_wrapper{
	width:min(64%,643px);
	margin:min(12%,120px) auto 0;
	position:relative;
}
#cont1 .cont_wrapper dl{
	line-height:1.1;
	font-size:min(3.5vw,35px);
	font-weight:bold;
	letter-spacing:-0.02em;
}
#cont1 .cont_wrapper dl dt{
	position:absolute;
	bottom:100%;
	left:0;
	transform:translate(-35%,-50%);
}
#cont1 .cont_wrapper dl dd{
	width:10em;
	padding:2em 0;
	background-color:#fff;
	border-radius:100%;
	box-shadow:8px 8px 8px #CECECE;
	position:absolute;
}
#cont1 .cont_wrapper dl dd:first-of-type{
	left:0;
	top:0;
	transform:translateX(-50%);
}
#cont1 .cont_wrapper dl dd:nth-of-type(2){
	right:0;
	top:0;
	transform:translate(20%,-40%);
}
#cont1 .cont_wrapper dl dd:last-of-type{
	padding:1.8em 0;
	right:0;
	top:50%;
	transform:translate(60%,-50%);
}
#cont1 .cont_wrapper img{
	position:relative;
}

@media screen and (max-width:768px){
	#cont1{
		background:url(../images/cont1_bg_s.webp)no-repeat center center;
		background-size:cover;
	}
	#cont1 .cont_wrapper dl dt{
		font-size:4.2vw;
	}
	#cont1 .cont_wrapper dl dd:first-of-type{
		width:9em;
		transform:translateX(-45%);
	}
	#cont1 .cont_wrapper dl dd:last-of-type{
		width:9em;
	}
}


/* #cont2 */
#cont2{
	margin-top:-1px;
	position:relative;
	z-index:1;
}
#cont2 h2 .inner{
	padding:0.9em 0;
	line-height:1.4;
	display:block;
	font-size:min(6.2vw,65px);
	letter-spacing:-0.02em;
	position:relative;
}
#cont2 h2 .inner img{
	width:5em;
	position:absolute;
	left:0;
	top:0;
	transform:translateY(-70%);
}
#cont2 .lead{
	line-height:1.5;
	font-size:min(4.5vw,45px);
	letter-spacing:-0.02em;
}
#cont2 .lead .small{
	width:12em;
	line-height:2.5;
	margin:0 auto 1.5em;
	display:block;
	font-size:min(3.8vw,38px);
	color:#04234C;
	clip-path:polygon(0 0, 100% 0, 50% 100%);
}
#cont2 .fig{
	margin-top:-9%;
}

#cont2 .sec{
	margin-top:min(5%,50px);
}
#cont2 .sec h3{
	line-height:2.2;
	font-size:min(4.5vw,48px);
	letter-spacing:-0.03em;
	text-indent:-0.5em;
	color:#fff;
	background:linear-gradient(#003E81,#01070F);
	box-shadow:8px 8px 5px rgba(0,0,0,0.16);
	white-space:nowrap;
}
#cont2 .sec p{
	line-height:1.3;
	margin-top:min(5%,50px);
	font-size:min(2.7vw,27px);
}

@media screen and (max-width:768px){
	#cont2 .sec h3{
		font-size:4.3vw;
	}
	#cont2 .sec p{
		padding:0 9%;
		font-size:3.6vw;
		text-align:left;
	}
}


/* #cont3 */
#cont3{
	margin-top:-1.5%;
	padding:0 0 min(5%,50px);
	background:linear-gradient(#003E81,#001F41);
	position:relative;
}
#cont3:before{
	content:'';
	display:block;
	width:100%;
	aspect-ratio:1440 / 236;
	transform:translateY(-1px);
	background:#fff;
	clip-path:polygon(0 0, 100% 0, 50% 100%);
}
#cont3 .service{
	margin-top:min(3%,30px);
	display:flex;
	justify-content:space-between;
	position:relative;
}
#cont3 .service:after{
	content:'×';
	display:block;
	width:1.5em;
	height:1.5em;
	line-height:1.4;
	font-size:min(7.5vw,81px);
	color:#fff;
	background:#F8B62B;
	border-radius:50%;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-10%);
}
#cont3 .service li{
	width:min(47%,476px);
	padding:3% 0 3%;
	background-color:#fff;
}
#cont3 .service li figure img{
	width:62%;
}
#cont3 .service li figure figcaption{
	line-height:1.3;
	margin-top:3%;
}
#cont3 .service li figure figcaption .small{
	font-size:min(4.2vw,45px);
}
#cont3 .service li figure figcaption .large{
	display:block;
	font-size:min(7.5vw,81px);
}
#cont3 .service li figure figcaption .middle{
	font-size:min(6.6vw,71px);
}
#cont3 h2{
	margin:1em 0;
	line-height:1.3;
	font-size:min(4.5vw,48px);
	letter-spacing:-0.02em;
	color:#fff;
}
#cont3 p.inner{
	line-height:1.3;
	max-width:957px;
	padding:0.8em 0;
	background-color:#fff;
	font-size:min(2.8vw,28px);
	font-weight:bold;
	letter-spacing:-0.02em;
}

@media screen and (max-width:768px){
	#cont3 h2{
		margin:1.5em 0;
	}
	#cont3 p.inner{
		padding:0.8em 1em;
		font-size:3.6vw;
		text-align:left;
	}
}


/* #cont4 */
#cont4{
	padding:min(3%,30px) 0;
	background:url(../images/cont1_bg.webp)no-repeat center center;
	background-size:cover;
}
#cont4 h2{
	padding:min(2.2%,22px) 0 min(12%,120px);
	background:url(../images/cont4_h2.webp)no-repeat center center;
	background-size:auto 100%;
	font-weight:900;
}
#cont4 h2 > span{
	display:inline-block;
	line-height:1.3;
	font-size:min(3.3vw,33px);
	color:#fff;
	text-shadow:0 3px 2em rgba(255,255,255,1);
	border-radius:100%;
}
#cont4 h2 > span .large{
	line-height:1.3;
	font-size:min(4.1vw,41px);
}
#cont4 .lead1{
	line-height:1.6;
	margin-top:-0.5em;
	font-size:min(3vw,30px);
	font-weight:bold;
	letter-spacing:-0.02em;
}
#cont4 .plan{
	display:flex;
	justify-content:space-between;
}
#cont4 .plan > div{
	width:46%;
	margin-top:5%;
	padding:0 0 3%;
	background-color:rgba(255,255,255,0.9);
	border-radius:1em;
	box-shadow:10px 10px 2px rgba(0,0,0,0.16);
	position:relative;
}
#cont4 .plan > div > dt{
	width:6em;
	height:6em;
	line-height:1.1;
	margin:auto;
	font-size:min(1.95vw,25px);
	font-weight:900;
	border-radius:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	position:absolute;
	left:0;
	top:0;
	transform:translate(-25%,-33%);
}
#cont4 .plan > div > dt span{
	font-size:min(4.2vw,42px);
}
#cont4 .plan > div > dd h3 .small{
	line-height:1.3;
	padding:1em 0 1em 25%;
	display:block;
	font-size:min(2.2vw,22px);
	text-align:left;
}
#cont4 .plan > div > dd h3 .large{
	padding:0.3em 0;
	line-height:1.2;
	display:block;
	font-size:min(4.8vw,48px);
	font-weight:900;
}
#cont4 .plan > div:first-child > dd h3 .large{
	background-color:#E3F0FF;
}
#cont4 .plan > div:last-child > dd h3 .large{
	background-color:#F5E8CB;
}
#cont4 .plan > div > dd figure{
	margin-top:5%;
}
#cont4 .plan > div > dd figure img{
	width:88%;
}
#cont4 .plan > div > dd figure figcaption{
	line-height:1.5;
	margin:0.5em 0;
	font-size:min(1.5vw,15px);
}
#cont4 .plan > div > dd .point{
	margin:0 3%;
	padding:3% 0 3% 10%;
}
#cont4 .plan > div:first-child > dd .point{
	background-color:#E3F0FF;
}
#cont4 .plan > div:last-child > dd .point{
	background-color:#F5E8CB;
}
#cont4 .plan > div > dd .point li{
	padding-left:1.5em;
	font-size:min(1.9vw,21px);
	text-align:left;
	background:url(../images/cont4_check.png)no-repeat left center;
	background-size:1.2em auto;
}
#cont4 .plan > div > dd .merit{
	margin-top:0.5em;
	font-size:min(2.5vw,25px);
	white-space:nowrap;
}
#cont4 .plan > div > dd .price{
	margin:5% 3% 3%;
	padding:5% 0 1.5%;
	background-color:rgba(0,62,129,0.05);
	display:flex;
	justify-content: center;
	align-items: center;
	font-weight:900;
	text-align:left;
}
#cont4 .plan > div:last-child > dd .price{
	background-color:rgba(223,94,8,0.05);
}
#cont4 .plan > div > dd .price div:first-child dt{
	font-size:min(1.6vw,16px);
}
#cont4 .plan > div > dd .price div:first-child dd{
	font-size:min(1.8vw,18px);
}
#cont4 .plan > div > dd .price div:last-child{
	padding-left:1.5em;
	font-size:min(2.1vw,21px);
}
#cont4 .plan > div > dd .price div:last-child .large{
	line-height:1;
	font-size:min(4.1vw,41px);
}
#cont4 .plan > div > dd .price div:last-child dd{
	position:relative;
}
#cont4 .plan > div > dd .price div:last-child dd:before{
	content:'';
	display:block;
	width:0.9em;
	height:1.1em;
	background-color:#B50000;
	clip-path:polygon(0 0, 100% 50%, 0 100%);
	position:absolute;
	right:calc(100% + 0.2em);
	top:0.1em;
}
#cont4 .plan > div > dd .deadline{
	margin:0 3%;
	padding:0.7em 0 0.7em;
	font-size:min(1.8vw,18px);
	font-weight:900;
	border-radius:1em;
}
#cont4 .plan > div > dd .deadline .large{
	font-size:min(2.8vw,28px);
}
#cont4 .bottom{
	margin-top:1.5em;
	font-size:min(3vw,30px);
}

.last_arrow{
	margin-top:min(5%,50px);
	filter: drop-shadow(10px 10px 6px rgba(0,0,0,0.16));
}
.last_arrow span{
	display:block;
	width:min(96%,1100px);
	margin:auto;
	padding-bottom:1em;
	aspect-ratio:1354 / 283;
	background:linear-gradient(#01070F,#004AAC);
	clip-path:polygon(0 0, 100% 0, 50% 100%);
	line-height:1.3;
	font-size:min(4.5vw,45px);
	font-weight:900;
	color:#fff;
	display:flex;
	justify-content:center;
	align-items:center;
}

@media screen and (max-width:768px){
	#cont4{
		padding-bottom:7%;
		background:url(../images/cont1_bg_s.webp)no-repeat center center;
		background-size:cover;
	}
	#cont4 h2{
		padding:2.2% 0 15%;
		background:url(../images/cont4_h2.webp)no-repeat center center;
		background-size:100% 100%;
	}
	#cont4 h2 > span{
		font-size:3.7vw;
	}
	#cont4 h2 > span .large{
		font-size:4.2vw;
	}
	#cont4 .lead1{
		font-size:3.8vw;
	}
	#cont4 .plan{
		width:86%;
		display:block;
	}
	#cont4 .plan > div{
		width:auto;
		margin-top:15%;
		padding:0 0 7%;
		box-shadow:6px 6px 2px rgba(0,0,0,0.16);
	}
	#cont4 .plan > div > dt{
		width:6em;
		height:6em;
		line-height:1.1;
		margin:auto;
		font-size:4.4vw;
		transform:translate(-25%,-33%);
	}
	#cont4 .plan > div > dt span{
		font-size:7.8vw;
	}
	#cont4 .plan > div > dd h3 .small{
		padding:1em 0 1em 26%;
		font-size:4.2vw;
	}
	#cont4 .plan > div > dd h3 .large{
		line-height:1.3;
		padding:0.6em 0;
		font-size:7.8vw;
	}
	#cont4 .plan > div > dd figure figcaption{
		margin:0.5em 0;
		font-size:3.7vw;
	}
	#cont4 .plan > div > dd .point{
		margin:0 3%;
		padding:3% 0 3% 10%;
	}
	#cont4 .plan > div > dd .point li{
		padding-left:1.5em;
		font-size:3.9vw;
	}
	#cont4 .plan > div > dd .merit{
		margin-top:1em;
		font-size:4.5vw;
	}
	#cont4 .plan > div > dd .price{
		margin:5% 3% 3%;
		padding:5% 0 1.5%;
	}
	#cont4 .plan > div > dd .price div:first-child dt{
		font-size:2.8vw;
	}
	#cont4 .plan > div > dd .price div:first-child dd{
		font-size:3vw;
	}
	#cont4 .plan > div > dd .price div:last-child{
		padding-left:2.5em;
		font-size:3.7vw;
	}
	#cont4 .plan > div > dd .price div:last-child .large{
		font-size:9.2vw;
	}
	#cont4 .plan > div > dd .price div:last-child dd{
		position:relative;
	}
	#cont4 .plan > div > dd .price div:last-child dd:before{
		right:calc(100% + 0.6em);
	}
	#cont4 .plan > div > dd .deadline{
		margin-top:1em;
		font-size:4vw;
		border-radius:100px;
	}
	#cont4 .plan > div > dd .deadline .large{
		font-size:6.3vw;
	}
	#cont4 .bottom{
		margin-top:1.5em;
		font-size:5.2vw;
	}

	.last_arrow span{
		aspect-ratio:363 / 96;
		font-size;4.7vw;
	}
}


/* #contact */
#contact{
	padding:min(9%,90px) 0;
}
#contact h2{
	font-size:min(3.4vw,34px);
}
#contact .form_wrapper{
	margin-top:5%;
}

@media screen and (max-width:768px){
	#contact{
		padding:15% 0;
	}
	#contact h2{
		font-size:5vw;
	}
}



/* footer */
footer{
	padding:5% 0;
	background-color:#1F1F1F;
}
footer a{
	font-size:2vw;
	color:#fff;
}
footer .copy{
	margin-top:1em;
	font-size:1vw;
	color:#fff;
}

@media screen and (max-width:768px){
	footer a{
		font-size:3.4vw;
	}
	footer .copy{
		font-size:2.4vw;
	}
}


/* fadein */
.fadein0 {
  opacity : 0.01;
  -webkit-transition-property: opacity;
  transition-property : opacity;
  -webkit-transition-duration: 1.5s;
  transition-duration : 1.5s;
}
.fadein {
  opacity : 0;
  -webkit-transform : translate(0, 70px);
  transform : translate(0, 70px);
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
}
.fadein_l {
  opacity : 0;
  -webkit-transform : translate(-100px, 0);
  transform : translate(-100px, 0);
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
}
.fadein_r {
  opacity : 0;
  -webkit-transform : translate(100px, 0);
  transform : translate(100px, 0);
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
}

.delay1 {
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
  -webkit-transition-delay: 0.2s;
  transition-delay : 0.2s;
}
.delay2 {
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
  -webkit-transition-delay: 0.4s;
  transition-delay : 0.4s;
}
.delay3 {
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
  -webkit-transition-delay: 0.6s;
  transition-delay : 0.6s;
}
.delay4 {
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
  -webkit-transition-delay: 0.8s;
  transition-delay : 0.8s;
}
.delay5 {
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
  -webkit-transition-delay: 1.0s;
  transition-delay : 1.0s;
}
.delay6 {
  -webkit-transition-property: transform,opacity;
  transition-property : transform,opacity;
  -webkit-transition-duration: 1s;
  transition-duration : 1s;
  -webkit-transition-delay: 1.2s;
  transition-delay : 1.2s;
}

.fadein0.scrollin{
  opacity : 1;
}
.fadein.scrollin,
.fadein_l.scrollin,
.fadein_r.scrollin{
  opacity : 1;
  -webkit-transform : translate(0, 0);
  transform : translate(0, 0);
}


/* popup */
.popup {
  -webkit-transform : scale(0);
  transform : scale(0);
  -webkit-transition-property: transform;
  transition-property : transform;
  -webkit-transition-duration: 0.4s;
  transition-duration : 0.4s;
  -webkit-transition-timing-function: cubic-bezier(.17,.67,.68,1.34);
  transition-timing-function: cubic-bezier(.17,.67,.68,1.34);
}
.popup.scrollin {
  -webkit-transform : scale(1);
  transform : scale(1);
}