@charset "UTF-8";

/*-----共通----------------------------------*/

.sec_ttl_img{
	width: 200px;
	margin: auto;
}


/*-----mv----------------------------------*/

#mv .wrap{
	padding-bottom: 100px;
}
#mv .slider li{
	position: relative;
	padding: 0 50px;
	outline: none;
}
#mv .slider .btn{
 	max-width: 240px;
 	position: absolute;
 	bottom: 40px;
 	right: 50px;
}
#mv .slider .btn a{
	display: block;
	background: url("../img/common/mv_btn01_hover.jpg") no-repeat center;
}
#mv .slider .btn a:hover img{
	opacity: 0;
}

#mv .slide-arrow.prev-arrow.slick-arrow,
#mv .slide-arrow.next-arrow.slick-arrow{
	position: absolute;
	top: 48%;
	left: 0;
	right: 0;
	width: 34px;
	margin: -17px auto 0;
	cursor: pointer;
	z-index: 2;
}
#mv .slide-arrow.prev-arrow.slick-arrow{
	right: 1050px;
}
#mv .slide-arrow.next-arrow.slick-arrow{
	left: 1050px;
}


/*-----message----------------------------------*/

#message{
	background: url("../img/common/message_bg01.jpg") no-repeat center bottom;
	background-size: cover;
}
#message .wrap{
	padding: 76px 0 115px;
}
#message .sec_ttl_img{
	margin-bottom: 55px;
}
#message .main_txt{
	font-size: 3rem;
	letter-spacing: 0.08em;
	color: #80b4e6;
	line-height: 1.6;
	text-align: center;
}
.ie11 #message .main_txt .ul{
	display: none;
}
.ie11 #message .main_txt .ie11_only{
	max-width: 640px;
	margin: auto;
}
#message .main_txt .ul{
	border-bottom: 2px solid #80b4e6;
	padding-bottom: 2px;
}
#message .txt{
	font-size: 1.4rem;
	line-height: 2.2;
	text-align: center;
	margin-top: 60px;
	letter-spacing: 1.5px;
}
#message .txt + .txt{
	margin-top: 40px;
}



/*-----link----------------------------------*/

#link .wrap{
	padding: 77px 0;
	max-width: 1400px;
	width: 100%;
}
#link ul{
	display: flex;
	justify-content: space-between;
}
#link ul li{
	max-width: 460px;
	background: #f5f5f5;
}
#link ul li + li{
	margin-left: 10px;
}
#link ul li a{
	display: block;
}
#link ul li a .img{
	overflow: hidden;
}
#link ul li a img{
	-webkit-transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	-webkit-backface-visibility: hidden;
}
#link ul li a:hover img{
	opacity: 1;
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}
#link ul li a dl{
	padding: 20px 5px;
	letter-spacing: 1.5px;
}
#link ul li a dl dt{
	font-size: 2rem;
	color: #80b4e6;
	font-weight: bold;
	text-align: center;
}
#link ul li a dl dd{
	font-size: 1.4rem;
	line-height: 1.6;
	text-align: center;
	margin-top: 15px;
}



@media screen and (max-width: 1100px) {

/*-----mv----------------------------------*/

	#mv .slider li{
		padding: 0 10px;
	}
	#mv .slider .btn{
		bottom: 6%;
		right: 10px;
		width: 24%;
	}
	#mv .slide-arrow.prev-arrow.slick-arrow{
		right: 90%;
	}
	#mv .slide-arrow.next-arrow.slick-arrow{
		left: 90%;
	}

}



@media screen and (max-width: 768px) {

/*-----mv----------------------------------*/

	#mv .wrap{
		padding-bottom: 18%;
	}
	#mv .slider{
		padding-left: 6.666%;
		margin-bottom: 0;
	}
	#mv .slider li{
		padding: 0;
	}
	#mv .slider .btn{
		right: auto;
		left: 0;
		bottom: 5%;
		width: 60%;
		max-width: 100%;
	}
	#mv .slider .btn a{
		background: none;
	}
	#mv .slider .btn a:hover img{
		opacity: 1;
	}
	#mv .slick-dots{
		bottom: -9%;
		right: 0;
	}
	#mv .slick-dots li{
		max-width: 100%;
		margin: 0 4px;
		padding-bottom: 0;
		width: 8px;
		height: 8px;
	}
	#mv .slick-dots li button{
		width: 8px;
		height: 8px;
		padding: 4px;
		border-radius: 50%;
		background: #bbbbbb;
	}
	#mv .slick-dots li.slick-active button{
		background: #80b4e6;
	}
	#mv .slick-dots li button:before{
		display: none;
	}
	#mv .slick-dots li.slick-active button:before{
		display: none;
	}
	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		position: absolute;
		top: calc(100% - -7.5%);
		left: 0;
		right: 0;
		width: 10px;
		margin: 0 auto;
		cursor: pointer;
		z-index: 2;
	}
	#mv .slide-arrow.prev-arrow.slick-arrow{
		right: 170px;
	}
	#mv .slide-arrow.next-arrow.slick-arrow{
		left: 170px;
	}


/*-----message----------------------------------*/

	#message .wrap{
		padding: 10% 0 10%;
	}
	#message .sec_ttl_img{
		margin-bottom: 7%;
		/* width: 50%; */
		width: 125px;
	}
	#message .main_txt{
		font-size: 2rem;
		line-height: 1.8;
		letter-spacing: 0.1em;
	}
	#message .main_txt .ul{
		border-bottom-width: 1px;
	}
	#message .txt{
		font-size: 1.3rem;
		margin-top: 8%;
		line-height: 1.8;
		letter-spacing: 1px;
	}
	#message .txt + .txt{
		margin-top: 6%;
	}


/*-----link----------------------------------*/

	#link .wrap{
		padding: 10% 0;
		width: 88%;
	}
	#link ul{
		display: block;
	}
	#link ul li{
		max-width: 100%;
	}
	#link ul li + li{
		margin-left: 0;
		margin-top: 5%;
	}
	#link ul li a dl{
		padding: 5% 0;
	}
	#link ul li a dl dt{
		font-size: 1.6rem;
	}
	#link ul li a dl dd{
		font-size: 1.2rem;
		margin-top: 3%;
	}



}


@media screen and (max-width: 659px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -7.3%);
	}

}
@media screen and (max-width: 600px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -7.2%);
	}

}
@media screen and (max-width: 550px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -7.1%);
	}

}
@media screen and (max-width: 500px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -6.9%);
	}

}
@media screen and (max-width: 450px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -6.8%);
	}

}
@media screen and (max-width: 400px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -6.2%);
	}

}
@media screen and (max-width: 350px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -6.0%);
	}

}

@media screen and (max-width: 320px) {

	#mv .slide-arrow.prev-arrow.slick-arrow,
	#mv .slide-arrow.next-arrow.slick-arrow{
		top: calc(100% - -5.5%);
	}
	#message .txt{
		font-size: 1.2rem;
	}

}