@charset "UTF-8";

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	English
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*------------------------------------------------------------
  mv
------------------------------------------------------------*/
.eng .mv .mv-ttl {
	background: url("../images/en-mv-ttl.png") center center no-repeat;
	background-size: 100% auto;
	max-width: 864px;
	height: 341px;
	margin: 200px auto 0;
}

@media screen and (max-width: 768px){
	.eng .mv .inner {
		background: url("../images/en-sp-mv.jpg") 0 0 no-repeat;
		background-size: 100% auto;
	}
}

/*------------------------------------------------------------
  ttl
------------------------------------------------------------*/
.eng .ttl-box h2 {
	line-height: 1.2em;
}

/*------------------------------------------------------------
  sec01
------------------------------------------------------------*/
.eng .sec01 .page-link li {
	height: 108px;
	line-height: 1.5em;
}
.eng .sec01 .page-link li a:before {
	top: 90px;
}
.eng .sec01 .page-link li a:after {
	top: 140px;
}

@media screen and (max-width: 768px){
	.eng .sec01 .page-link ul {
		display: block;
	}
	.eng .sec01 .page-link li {
		width: 100%;
		height: 50px;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.eng .sec01 .page-link li:last-child {
		margin-bottom: 0;
	}
	.eng .sec01 .page-link li a:before {
		top: 80%;
	}
	.eng .sec01 .page-link li a:after {
		top: inherit;
		bottom: -49%;
	}
}

/*------------------------------------------------------------
  sec02
------------------------------------------------------------*/
.eng .sec02 .img-box {
	margin-top: 40px;
}

@media screen and (max-width: 768px){
	.eng .sec02 .img-box {
		margin-top: 0;
	}
}

/*------------------------------------------------------------
  sec03
------------------------------------------------------------*/
.eng .sec03 .img-box {
	background: url("../images/en-img02.png") 0 0 no-repeat;
	background-size: 100% auto;
	max-width: 1211px;
	height: 791px;
	margin: -120px auto 0;
}

@media screen and (max-width: 768px){
	.eng .sec03 .img-box {
		background: none;
		background-size: 100% auto;
		max-width: 100%;
		height: auto;
		margin: 20px auto 0;
	}
	.eng .sec03 .sp-box01 {
		background: url("../images/en-sp-img02.png") 0 0 no-repeat;
		background-size: 100% auto;
	}
	.eng .sec03 .sp-box02 {
		background: url("../images/en-sp-img03.png") 0 0 no-repeat;
		background-size: 100% auto;
	}
}

/*------------------------------------------------------------
  sec04
------------------------------------------------------------*/
.eng .sec04 .resort-list {
	background: url("../images/img03_02.png") 0 0 no-repeat;
	background-size: 100% auto;
	margin-top: 70px;
}