@charset "UTF-8"; 

/* #kv ------------------------------------------------------------------------------------------*/

#kv {
	position: relative; 
}

#kv .kv_wrap {
	width: 1440px; 
	margin: 0 auto; 
	display: flex; 
	flex-wrap: nowrap; 
	flex-direction: column; 
	justify-content: flex-end; 
	padding: 0 0 calc(90/1440*100%) calc(90/1440*100%); 
}

#kv video {
	position: absolute; 
	height: auto; 
	width: 100%; 
	left: 0; 
	bottom: 0; 
}

main #kv h1 {
	position: relative; 
	color: #FFF; 
}

main #kv p {
	position: relative; 
	line-height: 154%; 
	color: #FFF; 
	margin-top: 2%; 
}

/* #program ------------------------------------------------------------------------------------------*/

#program {
	height: calc(1040/1440*100vw); 
	background-image: url(/assets/img/top/program_bg_pc.jpg); 
	background-size: cover; 
}

#program .program_wrap {
	display: flex; 
}

#program .program_wrap .program_mainImg {
	height: calc(1040/1440*100vw); 
	width: calc(552/1440*100%); 
	background-image: url(/assets/img/top/program_main.png); 
	background-position: center center; 
	background-size: cover; 
}

#program .program_wrap .program_content {
	width: calc(890/1440*100%); 
	padding: calc(138/1440*100%) 0 0 calc(112/1440*100%); 
	overflow-x: hidden; 
}

#program .program_wrap .program_content .cont_text {
	margin-bottom: 2%; 
}

#program .program_wrap .program_content .program_slider {
	width: 103%; 
	margin-left: -1.5%; 
}

#program .program_wrap .program_content .program_slider li {
	padding: 0 0.5% 0 0; 
}

#program .program_wrap .program_content .program_slider li div {
	background-color: #FFF; 
}

.slick-list {
	padding-right: 35%; 
}

#program .program_wrap .program_content .program_slider .slide_textArea {
	padding: 3% 5%; 
	height: 217px; 
}

#program .program_wrap .program_content .program_slider .slide_textArea h3 {
	text-align: center; 
	font-size: 36px; 
	color: #6C7D7F; 
	line-height: 1; 
	margin: 0 0 1.5%; 
}

#program .program_wrap .program_content .program_slider .slide_textArea h4 {
	font-size: 16px; 
	text-align: center; 
	font-weight: 400; 
	line-height: 1; 
	color: #6C7D7F; 
	margin: 0 0 3%; 
}

#program .program_wrap .program_content .program_slider .slide_textArea p {
	font-size: 15px; 
	color: #525252; 
	line-height: 150%; 
}

/* #function ------------------------------------------------------------------------------------------*/

#function {
	height: 960px; 
	background-image: url(/assets/img/top/function_bg_pc.jpg); 
	background-size: cover; 
	background-position: center center; 
	padding-left: calc(117/1400*100%); 
}

#function .cont_head {
	color: #FFF; 
	padding-top: 660px; 
}

#function .cont_text {
	color: #FFF; 
}

/* #amenity ------------------------------------------------------------------------------------------*/

#amenity {
	height: 1294px; 
	background-image: url(/assets/img/top/amenity_bg_pc.jpg); 
	background-size: cover; 
	background-position: center center; 
	padding-top: 120px; 
}

#amenity .cont_head {
	color: #FFF; 
	text-align: center; 
}

#amenity .cont_text {
	text-align: center; 
	color: #FFF; 
	margin-bottom: 30px; 
}

#amenity .amenity_image {
	width: 845px; 
	margin: 0 auto; 
}

/* #review ------------------------------------------------------------------------------------------*/

#review {
	background-color: #F8F8F8; 
}

#review .inner {
	padding-top: 93px; 
}

#review .inner .cont_head {
	text-align: center; 
	font-size: 64px; 
	margin-bottom: 10px; 
}

#review .inner .embedsocial-hashtag {
	max-width: 1200px; 
	margin: 0 auto; 
}

/* #trial ------------------------------------------------------------------------------------------*/

#trial {
	background-image: url(/assets/img/top/trial_bg_pc.jpg); 
	background-size: cover; 
	background-position: center center; 
	height: 1065px; 
	padding-top: 160px; 
}

#trial .cont_head.font_gar {
	font-size: 48px; 
	font-weight: 400; 
	line-height: 77%; 
	text-align: center; 
	margin-bottom: 10px; 
}

#trial .cont_text {
	font-size: 21px; 
	line-height: 1; 
	letter-spacing: 4.2px; 
	text-align: center; 
}

/* Liquid ------------------------------------------------------------------------------------------*/

@media (max-width: 1690px) {
	main #kv {
		height: calc(700/1440*100vw); 
	}

	main #kv .kv_wrap {
		height: calc(700/1440*100vw); 
	}
}

@media (max-width: 1440px) {
	#kv {
		position: relative; 
	}

	#kv .kv_wrap {
		width: 100%; 
		padding: 0 0 calc(90/1440*100%) calc(90/1440*100%); 
	}

	/* #program ------------------------------------------------------------------------------------------*/

	#program .program_wrap .program_content .program_slider .slide_textArea {
		padding: 3% 5%; 
		height: 217px; 
	}

	#program .program_wrap .program_content .program_slider .slide_textArea h3 {
		font-size: min(calc(36/1440*100vw), 36px); 
	}

	#program .program_wrap .program_content .program_slider .slide_textArea h4 {
		font-size: min(calc(16/1440*100vw), 16px); 
	}

	#program .program_wrap .program_content .program_slider .slide_textArea p {
		font-size: min(calc(15/1440*100vw), 15px); 
	}

	/* #function ------------------------------------------------------------------------------------------*/

	#function {
		height: min(calc(960/1440*100vw), 960px); 
	}

	#function .cont_head {
		color: #FFF; 
		padding-top: min(calc(660/1440*100vw), 660px); 
	}

	#function .cont_text {
		color: #FFF; 
	}

	/* #amenity ------------------------------------------------------------------------------------------*/

	#amenity {
		height: min(calc(1294/1440*100vw), 1294px); 
		background-image: url(/assets/img/top/amenity_bg_pc.jpg); 
		background-size: cover; 
		background-position: center center; 
		padding-top: min(calc(120/1440*100vw), 120px); 
	}

	#amenity .cont_text {
		margin-bottom: min(calc(30/1440*100vw), 30px); 
	}

	#amenity .amenity_image {
		width: min(calc(845/1440*100vw), 845px); 
		margin: 0 auto; 
	}

	/* #review ------------------------------------------------------------------------------------------*/

	#review .inner {
		padding-top: min(calc(93/1440*100vw), 93px); 
	}

	#review .inner .cont_head {
		text-align: center; 
		font-size: min(calc(64/1440*100vw), 64px); 
		margin-bottom: min(calc(10/1440*100vw), 10px); 
	}

	#review .inner .embedsocial-hashtag {
		max-width: 1200px; 
		margin: 0 auto; 
	}

	/* #trial ------------------------------------------------------------------------------------------*/

	#trial {
		height: min(calc(1065/1440*100vw), 1065px); 
		padding-top: min(calc(160/1440*100vw), 160px); 
	}

	#trial .cont_head.font_gar {
		font-size: min(calc(48/1440*100vw), 48px); 
		margin-bottom: min(calc(10/1440*100vw), 10px); 
	}

	#trial .cont_text {
		font-size: min(calc(21/1440*100vw), 21px); 
		letter-spacing: min(calc(4.2/1440*100vw), 4.2px); 
	}
}

/* Smartphone ------------------------------------------------------------------------------------------*/

@media (max-width: 1000px) {

	/* #kv ------------------------------------------------------------------------------------------*/

	#kv {
		position: relative; 
	}

	main #kv {
		height: 80vh; 
	}

	main #kv .kv_wrap {
		height: 80vh; 
		width: 100%; 
		padding: 0 0 calc(120/786*100%) calc(64/786*100%); 
	}

	/* #program ------------------------------------------------------------------------------------------*/

	#program {
		height: auto; 
		background-image: url(/assets/img/top/program_bg_sp.jpg); 
	}

	#program .program_wrap {
		display: block; 
	}

	#program .program_wrap .program_content {
		width: 100%; 
		padding: calc(48/786*100%) 0 calc(48/786*100%) 0; 
	}

	#program .program_wrap .program_content .cont_head {
		padding-left: calc(44/786*100%); 
	}

	#program .program_wrap .program_content .cont_text {
		margin-bottom: 15%; 
		padding-left: calc(44/786*100%); 
		padding-right: calc(40/786*100%); 
	}

	#program .program_wrap .program_content .program_slider {
		width: 103%; 
		margin-left: -1.5%; 
	}

	#program .program_wrap .program_content .program_slider li {
		padding: 0 0.3% 0; 
	}

	#program .program_wrap .program_content .program_slider li div {
		background-color: #FFF; 
	}

	.slick-list {
		padding-left: 0%; 
	}

	#program .program_wrap .program_content .program_slider .slide_textArea {
		padding: 10% 5%; 
		height: min(calc(434/786*100vw), 434px); 
	}

	#program .program_wrap .program_content .program_slider .slide_textArea h3 {
		text-align: center; 
		font-size: min(calc(50/786*100vw), 50px); 
		color: #6C7D7F; 
		line-height: 1; 
		margin: 0 0 3%; 
	}

	#program .program_wrap .program_content .program_slider .slide_textArea h4 {
		font-size: min(calc(26/786*100vw), 26px); 
		margin: 0 0 7%; 
	}

	#program .program_wrap .program_content .program_slider .slide_textArea p {
		font-size: min(calc(24/786*100vw), 24px); 
		letter-spacing: min(calc(2/786*100vw), 2px); 
	}

	/* #function ------------------------------------------------------------------------------------------*/

	#function {
		height: min(calc(520/786*100vw), 520px); 
		background-image: url(/assets/img/top/function_bg_sp.jpg); 
		padding-left: calc(40/786*100%); 
	}

	#function .cont_head {
		padding-top: min(calc(238/786*100vw), 238px); 
	}

	/* #amenity ------------------------------------------------------------------------------------------*/

	#amenity {
		height: min(calc(974/786*100vw), 974px); 
		background-image: url(/assets/img/top/amenity_bg_sp.jpg); 
		padding-top: min(calc(60/786*100vw), 60px); 
	}

	#amenity .cont_head {
		color: #FFF; 
		text-align: center; 
	}

	#amenity .cont_text {
		text-align: center; 
		color: #FFF; 
		font-size: min(calc(24/786*100vw), 24px); 
		letter-spacing: min(calc(1.32/786*100vw), 1.32px); 
		margin-bottom: min(calc(40/786*100vw), 40px); 
	}

	#amenity .amenity_image {
		width: calc(626/786*100%); 
		margin: 0 auto; 
	}

	/* #review ------------------------------------------------------------------------------------------*/

	#review .inner {
		padding-top: min(calc(50/786*100vw), 50px); 
	}

	#review .inner .cont_head {
		text-align: center; 
		font-size: min(calc(80/786*100vw), 80px); 
		margin-bottom: 0; 
	}

	#review .inner .embedsocial-hashtag {
		max-width: 100%; 
	}

	/* #trial ------------------------------------------------------------------------------------------*/

	#trial {
		background-image: url(/assets/img/top/trial_bg_sp.jpg); 
		background-size: cover; 
		background-position: center center; 
		height: min(calc(812/786*100vw), 812px); 
		padding-top: min(calc(106/786*100vw), 106px); 
	}

	#trial .cont_head.font_gar {
		font-size: min(calc(60/786*100vw), 60px); 
		margin-bottom: min(calc(30/786*100vw), 30px); 
	}

	#trial .cont_text {
		font-size: min(calc(26/786*100vw), 26px); 
		line-height: 1; 
		letter-spacing: 4.2px; 
		text-align: center; 
	}
}