@charset "utf-8";

/*--------------------------------------------------
	First View
--------------------------------------------------*/
.fv_wrap{
	position: relative;
}
	.fv_wrap::after{
		content: '';
		display: inline-block;
		width: 100vw;
		height: 100vh;
		background-image: url(../img/fv_bottom.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		vertical-align: middle;
		position: absolute;
		top: 0;
		z-index: 100;
	}
	.fv_wrap h2{
		color: #695e41;
		font-size: 52px;
		text-shadow: 0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
		position: absolute;
        font-weight: 500;
		top: 20vh;
		left: 10vw;
		z-index: calc(infinity)
	}

.mv_full{
	overflow: hidden;
}
	.mv_full div {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
		width: 100vw;
		height: 100vh;
		overflow: hidden;
		margin: 0;
		position: relative;
		z-index: 1;
	}
		.mv_full div.img_01 {
			background-image: url(../img/slide_01.jpg);
		}
		.mv_full div.img_02 {
			background-image: url(../img/slide_02.jpg);
		}
		.mv_full div.img_03 {
			background-image: url(../img/slide_03.jpg);
		}

@keyframes zoomUp {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1.15);
	}
}
.slick-animation {
	animation: zoomUp 10s linear 0s normal both;
}


@media (max-width:767px) {
	.fv_wrap::after{
		background-image: url(../img/fv_bottom_sp.png);
		top: -20vh;
		z-index: 2;
	}
	.fv_wrap h2{
		font-size: 8vw;
		top: 40vh;
		left: calc(50% - 30vw);
		z-index:2;
	}

	.mv_full div {
		width: 100vw;
		height: 80vh;
	}
		.mv_full div.img_01 {
			background-image: url(../img/slide_01_sp.jpg);
		}
		.mv_full div.img_02 {
			background-image: url(../img/slide_02_sp.jpg);
		}
		.mv_full div.img_03 {
			background-image: url(../img/slide_03_sp.jpg);
		}
}
/*
==============================================
hatch
==============================================
*/

.hatch{
	animation-name: hatch;
	-webkit-animation-name: hatch;	

	animation-duration: 2s;	
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;	
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%; 

	visibility: visible !important;		
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		transform: rotate(2deg) scaleY(1);
	}
	50% {
		transform: rotate(-2deg);
	}	
	65% {
		transform: rotate(1deg);
	}	
	80% {
		transform: rotate(-1deg);
	}		
	100% {
		transform: rotate(0deg);
	}									
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}
	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}
	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}
	50% {
		-webkit-transform: rotate(-2deg);
	}	
	65% {
		-webkit-transform: rotate(1deg);
	}	
	80% {
		-webkit-transform: rotate(-1deg);
	}		
	100% {
		-webkit-transform: rotate(0deg);
	}		
}


/*--------------------------------------------------
	追記
--------------------------------------------------*/
html{
	overflow-x: hidden;
}
.hamburger {
    position: absolute;
    top: 0;
    background: url(../img/fv_top.png) no-repeat;
	background-size: contain;
    height: 330px;
    z-index: calc(infinity - 1);
}
.gNav .gNav-menu {
    background-color: rgba(255,255,255,0);
}
.fixed_btn {
    z-index: calc(infinity);
}

@media (max-width:767px) {
	.hamburger {
		background: url(../img/fv_top_sp.png) no-repeat;
		background-size: contain;
		height: 25vh;
		z-index: 3;
	}
	.gNav.open {
		z-index: 6;
	}
	section#service{
		margin-top: 30px;
	}
}