@charset "utf-8";

/* #slick */
#slick div.item{
	position:relative;
}
#slick div.item p{
	max-width:871px;
	width:80%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}

#slick .slick-center img{
	animation-name: anime;
	animation-delay: 0s;
	animation-duration: 15s;
}
@keyframes anime {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(1);
	}
}

@media screen and (max-width:768px){
	#slick div.item p{
		width:70%;
	}
}


/* #nav */
#nav li{
	margin-top:80px;
	padding:80px 0;
}
#nav li:first-child{
	background:url(../images/top/cont1_bg.jpg)no-repeat center center;
	background-size:cover;
}
#nav li:nth-child(2){
	background:url(../images/top/cont2_bg.jpg)no-repeat center center;
	background-size:cover;
}
#nav li:nth-child(3){
	background:url(../images/top/cont3_bg.jpg)no-repeat center center;
	background-size:cover;
}
#nav li:last-child{
	background:url(../images/top/cont4_bg.jpg)no-repeat center center;
	background-size:cover;
}

#nav li section{
	width:320px;
	padding-top:184px;
	margin:auto;
	position:relative;
}
#nav li section:before{
	content:'';
	width:100%;
	height:100%;
	background-color:rgba(171,133,27,1);
	mix-blend-mode: multiply;
	position:absolute;
	left:0;
	top:0;
}
#nav li:nth-child(2) section:before{
	background-color:rgba(176,89,6,1);
}
#nav li:nth-child(3) section:before{
	background-color:rgba(130,159,75,1);
}
#nav li:last-child section:before{
	background-color:rgba(82,99,46,1);
}
#nav li section div{
	width:100%;
	color:#fff;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
#nav li section div h2{
	margin-bottom:0.5em;
	font-size:28px;
	letter-spacing:0.2em;
	text-indent:0.2em;
}
#nav li section div a{
	display:block;
	width:140px;
	margin:auto;
	line-height:50px;
	color:#fff;
	border:1px solid;
}
#nav li section div a:after{
	content:'';
	display:inline-block;
	width: 0;
	height: 0;
	margin-left:0.3em;
	border-style: solid;
	border-width: 5px 0 5px 8px;
	border-color: transparent transparent transparent #fff;
}

@media screen and (max-width:768px){
	#nav li{
		margin-top:6%;
		padding:15% 0;
	}
	#nav li:first-child{
		background:url(../images/top/cont1_bg_s.jpg)no-repeat center center;
		background-size:cover;
	}
	#nav li:nth-child(2){
		background:url(../images/top/cont2_bg_s.jpg)no-repeat center center;
		background-size:cover;
	}
	#nav li:nth-child(3){
		background:url(../images/top/cont3_bg_s.jpg)no-repeat center center;
		background-size:cover;
	}
	#nav li:last-child{
		background:url(../images/top/cont4_bg_s.jpg)no-repeat center center;
		background-size:cover;
	}

	#nav li section{
		width:50%;
		padding-top:30%;
	}
	#nav li section div h2{
		font-size:5vw;
	}
	#nav li section div a{
		width:56%;
		line-height:2.2;
	}
	#nav li section div a:after{
		border-width: 0.3em 0 0.3em 0.5em;
	}
}