@charset "utf-8";

/* main_visual */
#main_visual {
	position: relative;
}
#main_visual h2 {
	color: #fff;
	font-size: 1.2vw;
	font-weight: 100;
	letter-spacing: -2px;
}
#main_visual h2,
#main_visual h2+p {
	position: absolute;
	top: 40%;
	right: 12%;
	z-index: 50;
}
#main_visual h2+p {
	top: 45%;
	width: 29%;
}
#main_visual ul+p {
	position: absolute;
	top: 89.5%;
	left: 50%;
	z-index: 150;
	width: 111px;
	margin-left: -55px;
}
#main_visual h2+p img {
	width: 100%;
}




#main_visual,
#about_visual {
	position: relative;
	font-size: 0;
}
#main_visual .owl-carousel,
#about_visual .owl-carousel {
	position: relative;
}
#main_visual .owl-carousel li,
#about_visual .owl-carousel li {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
#main_visual .owl-carousel li div,
#about_visual .owl-carousel li div {
	width: 100%;
	height: 100%;
	background-position: center center;
	background-size: cover;
	transform-origin: 50% 50%;
}



/*#main_visual .slider,*/
/*#about_visual .sub_slider {*/
/*	position: relative;*/
/*	overflow: hidden;*/
/*}*/
/*#main_visual .slider li,*/
/*#about_visual .sub_slider li {*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	left: 0;*/
/*	top: 0;*/
/*}*/
/*#main_visual .slider li div,*/
/*#about_visual .sub_slider li div {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background-position: center center;*/
/*}*/
#mobile {
	display: none;
}








/* about */
#about {
	height: 1080px;
	background: url(../img/about_bg.png) 100% 0 no-repeat;
	overflow: hidden;
}
#about .content {
	float: left;
	width: 50%;
}
#about .title {
	width: 801px;
	margin-top: 67px;
}
#about .title h2:after {
	content: "";
	display: block;
	width: 509px;
	height: 2px;
	background-color: #B7B7B7;
	margin-left: 312px;
}
#about .title p {
	margin: 22px 0 92px 0;
}
#about .title+p {
	width: 801px;
}
#about .title+p+p {
	width: 801px;
	margin: 14px 0 58px 0;
	color: #666666;
	font-size: 20px;
}
#about .content .about_img1 {
	max-width: 100%;
}
#about .about_img2 {
	float: right;
	margin-top: 59px;
	max-width: 49%;
}




/* special */
#special {
	width: 100%;
	height: 750px;
	background: url(../img/special_bg.jpg) 0 0 no-repeat;
	background-size: cover;
}
#special h2.pc_tit,
#special p.text {
	text-align: right;
}
#special h2.pc_tit {
	padding: 68px 0 26px 0;
	font-size: 70px;
	line-height: 66px;
	color: #fff;
}
#special h2.mobile_tit {
	display: none;
}
#special p.text {
	color: #fff;
	font-size: 1.04vw;
	margin-bottom: 58px;
}
#special ul {
/*	position: absolute;*/
	overflow: hidden;
}
#special ul li {
	float: left;
	width: 32.3%;
	margin-bottom: 1%;
}
#special ul li a{
	display: inline-block;
	position: relative;
}
#special ul li:nth-child(3n+2) {
	margin-left: 1.5%; 
	margin-right: 1.5%; 
}
#special ul li p {
	width: 42%;
	height: 17%;
	position: absolute;
	bottom: 4.5px;
	right: 0;
	background-color: #00868a;
	color: #fff;
	font-size: 1.3vw;
	padding: 6px 0 0 20px;
}
#special ul li p small {
	display: block;
	font-size: 1vw;
	margin-top: 3px;
}
#special ul li img.img1 {
	width: 100%;
}
#special ul li img.img2 {
	display: none;
}



/* preview */
#preview {
	margin-top: 240px;
	margin-bottom: 170px;
	height: 100%;
	position: relative;
}
#preview h2.pc_tit {
	width: 600px;
	font-size: 70px;
	line-height: 66px;
	color: #333333;
	letter-spacing: -1px;
}
#preview p.text {
	width: 550px;
	color: #666666;
	font-size: 1.04vw;
	margin: 22px 0 30px 0;
}
#preview h2.mobile_tit {
	display: none;
}
#preview p.text+p {
	width: 550px;
	height: 90px;
	margin-bottom: 30px;
}
#preview p.text+p a {
	font-weight: 600;
	display: inline-block;
	width: 319px;
	height: 90px;
	line-height: 90px;
	text-align: center;
	font-size: 24px;
	color: #333333;
	border: 1px solid #333333;
	transition: all 0.2s;
}
#preview p.text+p a:hover {
	background-color: #333333;
	color: #fff;
}
#preview ul {
	overflow: hidden;
}
#preview ul li {
	float: left;
	position: relative;
	width: 32.3%;
	margin-bottom:1%;
}
#preview ul li:nth-child(3n+2) {
	margin-left:1.5%; 
	margin-right:1.5%; 
}

#preview ul li span {
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 1.3vw;
	color: #fff;
	padding: 0 0 12px 10px;
}
#preview ul li img {
	width: 100%;
}
#preview ul div:hover  {
	opacity: 0.8;
}
#preview ul div {
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
	-moz-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
	-o-transition: all 0.3s cubic-bezier(0.6, 0.2, 0.1, 1);
}
#preview ul div p {
	text-align: center;
	color: #fff;
}
#preview ul div p:first-child {
	font-size: 1.6vw;
	margin: 17% 0 5% 0;
}
#preview ul div p:first-child+p a {
	display: block;
	width: 50%;
	margin: 0 auto;
	font-size: 1vw;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	line-height: 50px;
	color: #fff;
}














/* tourist */
#tourist {
	height: 100%;
	background-color: #F1F1F1;
}
#tourist h2.pc_tit {
	padding: 140px 0 26px 0;
	text-align: center;
	font-size: 70px;
	color: #333333;
	font-weight: normal;
}
#tourist h2.pc_tit strong {
	font-weight: bold;
}
#tourist h2.mobile_tit {
	display: none;
}
#tourist p.text {
	font-size: 1.04vw;
	text-align: center;
	color: #666666;
}
#tourist .content {
	padding-bottom: 10%;
}
#tourist .content ul{
	font-size: 0px;
}
#tourist .content li {
	display: inline-block;
	text-align: center;
	margin-top: 4.5%;
	width: 18%;
	font-size: 0px;
}

#tourist .content li:nth-child(5n+1) {
	padding-right:1.25%;
}
#tourist .content li:nth-child(5n+2) {
	padding-left:1.25%; 
	padding-right:1.25%;
}
#tourist .content li:nth-child(5n+3) {
	padding-left:1.25%;
	padding-right:1.25%;
}
#tourist .content li:nth-child(5n+4) {
	padding-left:1.25%;
	padding-right:1.25%;
}
#tourist .content li:nth-child(5n+5) {
	padding-left:1.25%;
}

#tourist .content li img {
	width:100%;
}
#tourist .content li h3 {
	line-height:38px;
	font-size: 1.2vw;
	color: #333333;
	font-weight: 600;
	padding-top:10px;
	
}
#tourist .content li span {
	display: inline-block;
	margin-bottom: 13%;
	font-size: 0.88vw;
	color: #666666;
/*	line-height:25px;*/
}


#tourist .content li p.more a {
	font-weight: 600;
	font-size: 1vw;
	display: inline-block;
	width: 69%;
/*	height: 55px;*/
	line-height: 2.9vw;
	border: 1px solid #666666;
	background-color: #fff;
	color: #333333;
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#tourist .content li p.more a:hover {
	background-color: #41bec2;
	border: 1px solid #41bec2;
	color: #fff;
}



/* violet */
#violet {
	height: 100%;
	text-align: center;
}
#violet h2 {
	padding: 6.5% 0 3.7% 0;
	width: 36%;
	margin: 0 auto;
}
#violet h2 img {
	max-width: 100%;
}
#violet h2+p {
	font-family:'Malgun Gothic bold';
	margin-bottom: 2%;
	font-size: 15px;
	letter-spacing: 25px;
	color: #333333;
}	
#violet h2+p+p {
	color: #333333;
	line-height: 1.5vw;
	margin-bottom: 7%;
	font-size: 1vw;
}



/* exterior */
#exterior {
	width: 100%;
	height: 100%;
	background: url(../img/exterior_bg.jpg) 0 0 no-repeat;
	background-size: 100% 100%;
	text-align: center;
}
#exterior h2:before {
	content: "";
	display: block;
	width: 22%;
	height: 3px;
	background-color: #fff;
	margin: 0 auto 8.5%;
}
#exterior h2 {
	padding-top: 15.3%;
	width: 41%;
	margin: 0 auto;
}
#exterior h2 img {
	max-width: 100%;
}
#exterior h2+p {
	color: #fff;
/*	font-size: 22px;*/
	font-size: 1.15vw;
	margin: 0.8% 0 3.7% 0;
}
#exterior h2+p+span {
	display: block;
	padding-bottom: 11.2%;
}
#exterior h2+p+span a {
	display: inline-block;
	width: 10%;
}
#exterior h2+p+span img {
	max-width: 100%;
}