@charset "UTF-8";

/*==================================================================================
 default
==================================================================================*/
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&display=swap');
/* -------------------------------------------
 * initialize
 */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDE0IDc5LjE1Njc5NywgMjAxNC8wOC8yMC0wOTo1MzowMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEI1MzY2NTA1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEI1MzY2NTE1RTY2MTFFNUExRTlDMDdERTNCNDFENkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowQjUzNjY0RTVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowQjUzNjY0RjVFNjYxMUU1QTFFOUMwN0RFM0I0MUQ2QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj3ggHcAAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC");
}

/* For Android */
body * {
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

article, aside, dialog, figure, footer, header, hgroup, nav, section, main {
	display: block;
}

sup {
	font-size: 10px;
	vertical-align: super;
}

sub {
	font-size: 10px;
	vertical-align: sub;
}

div {
	line-height: 0;
}

ul li, ol li {
	list-style: none;
}

input, select {
	vertical-align: middle;
}

.hide {
	display: none;
}

body {
	font-family: YuMincho, Yu Mincho, "游明朝", serif;
}

img {
	-ms-interpolation-mode: bicubic;
}

a {
	text-decoration: none;
}
@media (min-width: 1001px) {
	a:hover {
		opacity: 0.7;
	}
}

.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}

iframe {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
}

.serif {
	font-family: YuMincho, Yu Mincho, "游明朝", serif;
}

.gothic {
	font-family: YuGothic, Yu Gothic, "游ゴシック", sans-serif;
}
.shippori-mincho-regular {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
	letter-spacing: .075em;
}
.seasons-font-light{
	font-family: "the-seasons", sans-serif;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .075em;
}
.seasons-font-regular{
	font-family: "the-seasons", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .075em;
}
.seasons-font-bold{
	font-family: "the-seasons", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .075em;
}
.times-font{
	font-family: "times-new-roman", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .075em;
}



.bold {
	font-weight: bold;
}

.wrap {
	margin: 0 auto;
	width: 98%;
	max-width: 1000px;
}
.wrap img {
	max-width: 100%;
	height: auto;
}

@media screen and (min-width: 768px) {
	a.tel {
		pointer-events: none;
	}
}

@media (max-width: 1000px) {
	main img,
	header img,
	footer img {
		max-width: 100%;
		height: auto;
	}
}

/*==================================================================================
 common
==================================================================================*/
.allWrap {
	padding-top: 129px;
	overflow-x: hidden;
}

.pageAnnotation {
	padding: 20px 0;
	line-height: 1.4;
	font-size: 12px;
}
@media (max-width: 767px) {
	.pageAnnotation {
		padding: 10px 0 20px;
		font-size: 10px;
	}
}

.slideArea {
	position: relative;
}
.slideArea .slideFrame {
	position: relative;
	margin: 0 auto;
	width: 280px;
	height: 240px;
	overflow: hidden;
}
.slideArea .slider {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.slideArea .slider li {
	float: left;
	width: 280px;
}
.slideArea .slider li img {
	width: 100%;
}
.slideArea .controller li {
	position: absolute;
	top: 30%;
	left: 50%;
	width: 30px;
}
.slideArea .controller li:first-child {
	margin-left: -150px;
}
.slideArea .controller li:last-child {
	margin-left: 120px;
}

@media (max-width: 1000px) {
	.allWrap {
		padding-top: 60px;
	}
}

.is-fv {
	opacity: 0;
	visibility: hidden;
	animation-fill-mode: both;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}
.text-left {
	text-align: left;
}
.en-font{
	font-family: 'EB Garamond', serif;
}
.small-text {
	font-size: 75%;
}
.mid-text{
	font-size: 125%;
}
.large-text{
	font-size: 150%;
}
.vertical-text{
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
}
.fit-img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.has-max {
	height: auto;
	max-width: 100%;
}
.flex-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.img-wrapper{
	position: relative;
}
.img-wrapper .caption{
	position: absolute;
	bottom: 0;
	left: 8px;
	right: 8px;
	z-index: 1;
}
.img-wrapper .caption.has-bg{
	margin: 0 ;
	bottom: 0;
	left:auto;
	right: 0;
	padding: .4em .8em;
	background: rgba(0, 0, 0, 0.7);
	z-index: 1;
}
.inline-block{
	display: inline-block;
}
.primary-heading{
	margin-bottom: .8em;
	font-size: 46px;
	font-weight: 500;
	line-height: 1.3;
}
.primary-heading.has-copy{
	margin-bottom: .2em;
}
.primary-heading.has-copy + .tertiary-heading{
	margin-bottom: 3em;
}
.primary-heading.has-copy + .js-copy-field .tertiary-heading{
	margin-bottom: 3em;
}
.primary-heading.seasons-font-light{
	font-weight: 300;
}
.secondary-heading{
	margin-bottom: .8em;
	font-size: 30px;
	font-weight: 500;
	line-height: 1.3;
}
.tertiary-heading{
	margin-bottom: .8em;
	font-size: 22px;
	font-weight: 500;
	line-height: 1.4;
}
.page-heading{
	margin-bottom: .8em;
	font-size: 34px;
	font-weight: 500;
	line-height: 1.3;
}
@media screen and (max-width: 767px){
	.primary-heading{
		font-size: 29px;
	}
	.secondary-heading{
		font-size: 20px;
	}
	.tertiary-heading{
		font-size: 16px;
	}
}
.note{
	margin: 1em 0;
	font-size: 16px;
	line-height: 1.6;
}
.lead{
	margin-bottom: 1em;
	font-size: 22px;
	line-height: 1.6;
}
.wide-line-height{
	line-height: 2;
}
.wide-letter{
	letter-spacing: .3em;
}
.caption{
	margin: .4em 0;
	font-weight: 300;
	font-size: 12px;
	line-height: 1.4;
}
@media screen and (max-width: 767px){
	.note{
		font-size: 14px;
	}
	.lead{
		font-size: 14px;
	}
	.caption{
		font-size: 10px;
	}
}
.btn{
	padding: 8px 16px;
	display: inline-block;
	position: relative;
	background: #333;
	color: #fff;
	font-size: 16px;
	transition: background .3s ease-out;
}
.general-btn{
	margin: 8px;
	padding: 0 16px;
	width: 100%;
	max-width: 300px;
	height: 58px;
	position: relative;
	background: #6F6E48;
	font-size: 20px;
	line-height: 58px;
}
.btn-space{
	margin: 32px 0;
	text-align: center;
}
.btn-space:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 767px){
	.general-btn{
		width: calc(100% - 16px);
		max-width: 280px;
		height: 48px;
		font-size: 16px;
		line-height: 48px;
	}
	.btn-space{
		margin: 16px 0;
	}
	.btn-space:last-child{
		margin-bottom: 0;
	}
}
@media screen and (max-width: 370px){
	.general-btn{
		max-width: 260px;
	}
}
.request-btn{
	background: linear-gradient(120deg, rgba(151,143,97,1) 0%, rgba(95,91,37,1) 100%);
	background: linear-gradient(120deg, rgb(151 143 96) 0%, rgb(220 208 134) 25%, rgb(227 210 108) 50%, rgb(170 152 48) 75%, rgb(131 127 54) 100%);
	text-shadow: 1px 1px 18px rgba(255,255,255,.6);
	color: #000;
	transition: opacity .8s ease-out;
}
.video-wrapper{
	position: relative;
	padding-top: 56.25%;
	height: 0;
	display: block;
	content: "";
}
.mv-video{
	width: 100%;
	height: 100%;
	aspect-ratio: 1259/710;
}
@media screen and (max-width: 767px){
	.video-wrapper{
		padding-top: 125%;
	}
	.mv-video{
		aspect-ratio: 1259/1600;
	}
}
.video-wrapper iframe,
.video-wrapper video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.loading{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 3;
	content: "";
}
.general-section .inner{
	margin: 0 auto;
	padding: 80px 0;
	width: calc(100% - 48px);
	max-width: 1200px;
}
.general-section .inner-min{
	padding: 32px 0;
}
.general-section .inner-narrow{
	max-width: 900px;
}
.general-section .inner-mid{
	max-width: 1000px;
}
.general-section .right-inner{
	margin: 0 0 0 auto;
	width: calc(100% - 16px);
	padding: 80px 0 80px calc((100% - 1248px) / 2);
	box-sizing: border-box;
}
@media screen and (max-width: 767px){
	.general-section .inner{
		padding: 32px 0;
		width: calc(100% - 32px);
	}
	.general-section .inner-min{
		padding: 16px 0;
	}
}
.general-section .inner-fit{
	width: 100%;
	max-width: none;
}
.general-section .inner-full{
	max-width: none;
}
.general-section .inner + .inner{
	padding-top: 0;
}
.general-parts{
	margin-bottom: 32px;
}
.has-gap{
	gap: 32px;
}
.col-2{
	width: 50%;
}
.has-gap > .col-2{
	width: calc(50% - 16px);
}
.col-3{
	width: calc(100% / 3);
}
.has-gap > .col-3{
	width: calc(100% / 3 - 22px);
}
@media screen and (max-width: 767px){
	.has-gap{
		gap: 16px;
	}
	.col-2,
	.has-gap > .col-2{
		width: 100%;
	}
	.col-3,
	.has-gap > .col-3{
		width: 100%;
	}
	.sp-col-2{
		width: 50%;
	}
	.has-gap > .sp-col-2{
		width: calc(50% - 8px);
	}
}

/*==================================================================================
 siteHeader
==================================================================================*/
.siteHeader {
	position: fixed;
	top: 0;
	left: 0;
	padding-top: 25px;
	width: 100%;
	background: #fff;
	z-index: 100;
}
.siteHeader .wrap {
	position: relative;
	max-width: 1200px;
}
.siteHeader .headerLogo {
	max-width: 275px;
	width: 100%;
	position: absolute;
	top: 5px;
	left: 0;
	line-height: 0;
	z-index: 1;
}
.siteHeader .headerLogo a:hover {
	opacity: 1;
}
.siteHeader .headerNavi {
	position: absolute;
	bottom: -37px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 13px;
	background: #fff;
}
@media (min-width: 1201px) {
	.siteHeader .headerNavi {
		padding-top: 37px;
	}
}
.siteHeader .headerNavi li {
	position: relative;
	float: left;
	width: calc(100% / 10);
	box-sizing: border-box;
	/* border-right: 1px solid #707070; */
}
.siteHeader .headerNavi li:first-child{
	/* border-left: 1px solid #707070; */
}
.siteHeader .headerNavi li:nth-of-type(10)::after{
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	/* height: 100%; */
	background: #707070;
	height: 100%;
}
.siteHeader .headerNavi li:nth-of-type(11){
	letter-spacing: -.1em;
}
.siteHeader .headerNavi li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 100%;
	background: #707070;
	z-index: 1;
}
.siteHeader .headerNavi li:last-child:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	/* height: 100%; */
	background: #707070;
	transform: translateY(9px);
	height: 31px;
}
.siteHeader .headerNavi li.disable a {
	pointer-events: none;
	opacity: .5;
}
.siteHeader .headerNavi li.outline, .siteHeader .headerNavi li.map {
	display: none;
}
.siteHeader .headerNavi a {
	display: block;
	position: relative;
	padding: 4px 0 5px;
	color: #000;
}
/* .siteHeader .headerNavi .premium a{
	padding: 18px 0 8px;
}  */
.siteHeader .headerNavi a.new:before {
	content: "";
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	text-align: center;
	height: 10px;
	background: url(../img/common/icon-new.png) no-repeat center center;
}
.siteHeader .headerNavi .premium a.new:before {
	z-index: 2;
}
.siteHeader .headerNavi .premium a.new:after {
	content: "";
	position: absolute;
	top: -16px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	width: 50%;
	height: 16px;
	background: #614236;
	z-index: 1;
}
.siteHeader.fixing .headerNavi .premium a.new:after {
	top: -20px;
}


.siteHeader .headerNavi .current a{
	background: #cecece;
}
.siteHeader .asahikaseiLogo,
.siteHeader .brandMenu {
	float: right;
	padding-bottom: 22px;
}
.siteHeader .asahikaseiLogo {
	margin-left: 15px;
}
.siteHeader .otherLinks {
	position: absolute;
	top: 0;
	right: 140px;
	display: flex;
	align-items: center;
	font-size: 12px;
}
.siteHeader .otherLinks li {
	float: left;
	padding-right: 10px;
	line-height: 1.2;
}
.siteHeader .otherLinks li:last-child {
	padding-right: 0;
}
.siteHeader .otherLinks a {
	position: relative;
}
.siteHeader .otherLinks .outline,
.siteHeader .otherLinks .map {
	padding-top: 2px;
}
.siteHeader .otherLinks .outline a,
.siteHeader .otherLinks .map a {
	display: block;
	position: relative;
	padding: 2px 0 2px 18px;
	color: #345D7B;
}
.siteHeader .otherLinks .outline a:before,
.siteHeader .otherLinks .map a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 100%;
	background: url("../img/common/icon-outline.png") no-repeat center center;
}
.siteHeader .otherLinks .map a:before {
	background-image: url("../img/common/icon-map.png");
}
.siteHeader .otherLinks .request a,
.siteHeader .otherLinks .reserve a {
	box-sizing: border-box;
	display: block;
	position: relative;
	padding: 8px 10px 8px 30px;
	color: #345D7B;
	border: 1px solid #707070;
}
.siteHeader .otherLinks .request a:before,
.siteHeader .otherLinks .reserve a:before {
	content: "";
	position: absolute;
	top: 0;
	left: 10px;
	width: 13px;
	height: 100%;
	background: url("../img/common/icon-request.png") no-repeat center center;
}
.siteHeader .otherLinks .request {
	padding-right: 5px;
}
.siteHeader .otherLinks .request a {
	color: #04245f;
}
.siteHeader .otherLinks .reserve a {
	border-color: #c19397;
	color: #7d1d25;
}
.siteHeader .otherLinks .reserve a:before {
	background-image: url("../img/common/icon-reserve.png");
}
.siteHeader .brandMenu {
	position: relative;
	z-index: 10;
}
.siteHeader .brandMenu .btn {
	cursor: pointer;
}
@media (min-width: 1001px) {
	.siteHeader .brandMenu .btn:hover {
		opacity: .7;
	}
}
.siteHeader .brandMenu ul {
	display: none;
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	left: 50%;
	padding: 30px;
	width: 200px;
	text-align: center;
	background: rgba(0, 0, 0, 0.85);
	transform: translateX(-50%);
}
.siteHeader .brandMenu ul li {
	padding-bottom: 30px;
}
.siteHeader .brandMenu ul li:last-child {
	padding: 0;
}
.siteHeader .brandMenu ul a {
	color: #fff;
}
@media (min-width: 1001px) {
	.siteHeader .brandMenu ul a:hover {
		opacity: 1;
		text-decoration: underline;
	}
}
@media (min-width: 1001px) {
	.siteHeader {
		transition: top 0.3s;
	}
	.siteHeader .naviArea {
		display: block !important;
	}
	.siteHeader .otherLinks {
		transition-property: top, right;
		transition-duration: 0.3s;
	}
	.siteHeader.fixing {
		top: -80px;
		background: rgba(255, 255, 255, 0.95);
	}
	.siteHeader.fixing .headerNavi {
		border-bottom: 1px solid #09152f;
		font-size: 12px;
		letter-spacing: -1px;
		background: rgba(255, 255, 255, 0.9);
		transition: background 0.3s;
		bottom: -51px;
	}
	.siteHeader.fixing .headerNavi li {
		width: calc(100% / 12);
		font-size: 10px;
	}
	.siteHeader.fixing .headerNavi li a {
		color: #333;
		transition: color 0.3s;
		padding: 20px 0 19px;
	}
	.siteHeader.fixing .headerNavi .current a {
		background: linear-gradient(0deg,transparent 0,transparent 17%, #cecece 17%, #cecece 83%,transparent 83%, transparent 100%);
	}
	.siteHeader.fixing .headerNavi li::before {
		transform: translateY(9px);
		height: 31px;
	}
	.siteHeader.fixing .headerNavi li:nth-of-type(10)::after{
		opacity: 0;
	}
	.siteHeader.fixing .headerNavi li.outline, .siteHeader.fixing .headerNavi li.map {
		display: block;
	}
	.siteHeader.fixing .headerNavi li.outline a, .siteHeader.fixing .headerNavi li.map a {
		padding: 29px 0 10px;
		font-size: 10px;
	}
	.siteHeader.fixing .headerNavi li.outline a:before, .siteHeader.fixing .headerNavi li.map a:before {
		content: "";
		position: absolute;
		top: 7px;
		left: 0;
		width: 100%;
		height: 18px;
		background: url("../img/common/icon-outline.png") no-repeat center center;
	}
	.siteHeader.fixing .headerNavi li.map a:before {
		background-image: url("../img/common/icon-map.png");
	}
	.siteHeader.fixing .otherLinks {
		float: none;
		clear: both;
		position: absolute;
		top: 105px;
		right: 0;
		font-size: 11px;
	}
	.siteHeader.fixing .otherLinks li {
		padding-right: 0;
	}
	.siteHeader.fixing .otherLinks li a {
		box-sizing: border-box;
		padding: 8px 0 8px 20px;
		width: 220px;
		border: none;
		text-align: center;
		border-radius: 0 0 10px 0;
	}
	.siteHeader.fixing .otherLinks li a:before {
		left: 50%;
		margin-left: -50px;
	}
	.siteHeader.fixing .otherLinks li br {
		display: none;
	}
	.siteHeader.fixing .otherLinks .outline,
	.siteHeader.fixing .otherLinks .map {
		display: none;
		padding-top: 0;
	}
	.siteHeader.fixing .otherLinks .outline a,
	.siteHeader.fixing .otherLinks .map a {
		color: #fff;
		background: #424242;
	}
	.siteHeader.fixing .otherLinks .outline .outline a:before,
	.siteHeader.fixing .otherLinks .map .outline a:before {
		background-image: url("../img/common/icon-outline-white.png");
	}
	.siteHeader.fixing .otherLinks .outline .map a:before,
	.siteHeader.fixing .otherLinks .map .map a:before {
		margin-left: -92px;
		background-image: url("../img/common/icon-map-white.png");
	}
	.siteHeader.fixing .otherLinks .request a {
		color: #fff;
		background: #04245f;
	}
	.siteHeader.fixing .otherLinks .request a:before {
		background-image: url("../img/common/icon-request-white.png");
	}
	.siteHeader.fixing .otherLinks .reserve a {
		color: #fff;
		background: #7d1d25;
	}
	.siteHeader.fixing .otherLinks .reserve a:before {
		background-image: url("../img/common/icon-reserve-white.png");
	}
}
@media (max-width: 1200px) {
	.siteHeader .headerNavi {
		font-size: 11px;
	}
	.siteHeader .headerNavi a {
		padding: 12px 0 12px;
	}
	.siteHeader.fixing .headerNavi {
		font-size: 10px;
	}
	/* .siteHeader.fixing .headerNavi li.outline a, .siteHeader.fixing .headerNavi li.map a {
		padding: 31px 0 9px;
	} */
	/* .siteHeader.fixing .headerNavi a {
		padding: 21px 0 19px;
	} */
}
@media (max-width: 1000px) {
	.siteHeader {
		padding-top: 10px;
	}
	.siteHeader .headerLogo {
        width: 185px;
        position: static;
        float: left;
        padding-top: 10px;
	}
	.siteHeader .menuBtn {
		display: block !important;
		float: right;
		margin-bottom: 10px;
	}
	.siteHeader .naviArea {
		display: none;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		background: #fff;
	}
	.siteHeader .naviArea > .wrap {
		width: auto;
	}
	.siteHeader .headerNavi {
		position: relative;
		bottom: auto;
		left: auto;
		text-align: left;
		font-size: 11px !important;
		background: none;
		z-index: 3;
	}
	.siteHeader .headerNavi ul {
		width: auto;
	}
	.siteHeader .headerNavi li {
		box-sizing: border-box;
		clear: both;
		width: 50%;
		border-top: 1px solid #a1a2a3;
	}
	.siteHeader .headerNavi li:nth-child(2n) {
		float: right;
		clear: none;
		border-left: 1px solid #a1a2a3;
	}
	.siteHeader .headerNavi li:nth-of-type(10)::after{
		content: '';
		display: block;
		width: calc(100% + 1px);
		height: 1px;
		background: #a1a2a3;
		position: absolute;
		bottom: -1px;
		left: -1px;
	}
	.siteHeader .headerNavi li:nth-of-type(11)::after{
		content: '';
		display: block;
		width: 1px;
		height: 100%;
		background: #a1a2a3;
		position: absolute;
		top: 0;
		right: -1px;
	}
	.siteHeader .headerNavi li.space {
		border-left: 1px solid #a1a2a3;
		height: 43px;
	}
	.siteHeader .headerNavi li:before, .siteHeader .headerNavi li:last-child:after {
		display: none;
	}
	.siteHeader .headerNavi a {
		padding: 16px 5% 14px !important;
		color: #333;
	}
	.siteHeader .headerNavi a.new:before {
		top: 0;
		right: 18px;
		left: auto;
		width: 32px;
		height: 100%;
		background-image: url("../img/sp/common/icon-new.png");
		background-size: contain;
	}
	.siteHeader .headerNavi .premium a.new:before{
  		animation: blinking 1s ease-in-out infinite alternate;
	}
	@keyframes blinking {
		0%   {
			opacity: 0;
		}
		100% {
			opacity: 1;
		}
	}
	.siteHeader .headerNavi a:after,
	.siteHeader .headerNavi .premium a.new:after {
		content: ">";
		display: block;
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%);
	}
	.siteHeader .headerNavi .premium a.new:after{
		width: auto;
		height: auto;
		background-color: transparent;
		left: auto;
	}
	.siteHeader .asahikaseiLogo,
	.siteHeader .brandMenu,
	.siteHeader .otherLinks {
		float: none;
		clear: both;
		padding-bottom: 0;
	}
	.siteHeader .asahikaseiLogo,
	.siteHeader .brandMenu {
		margin-left: 0;
	}
	.siteHeader .asahikaseiLogo {
		display: none;
	}
	.siteHeader .otherLinks {
		position: static;
		text-align: center;
		flex-wrap: wrap;
	}
	.siteHeader .otherLinks li {
		box-sizing: border-box;
		clear: both;
		width: 50%;
		padding: 0 !important;
		border-top: 1px solid #a1a2a3;
		line-height: 1;
	}
	.siteHeader .otherLinks li:nth-child(2n) {
		float: right;
		clear: none;
		border-left: 1px solid #a1a2a3;
	}
	.siteHeader .otherLinks li .pc {
		display: none !important;
	}
	.siteHeader .otherLinks li .sp {
		display: block !important;
	}
	.siteHeader .otherLinks a {
		padding: 16px 5% 14px !important;
		border: none !important;
		color: #fff !important;
		background: #454647;
	}
	/* .siteHeader .otherLinks .map a{
		padding: 11px 5% 7px !important;
	} */
	.siteHeader .otherLinks a:before {
		display: none !important;
	}
	.siteHeader .otherLinks .request a {
		background: #04245f;
	}
	.siteHeader .otherLinks .reserve a {
		background: #7d1d25;
	}
	.siteHeader .brandMenu {
		font-size: 12px;
		background: #09152f;
	}
	.siteHeader .brandMenu .btn {
		display: none;
	}
	.siteHeader .brandMenu .menuTitle {
		display: block !important;
		text-align: center;
		padding: 13px 0;
		font-size: 14px;
		color: #fff;
	}
	.siteHeader .brandMenu ul {
		display: block !important;
		position: static;
		padding: 0;
		width: auto;
		text-align: left;
		background: none;
		transform: translateX(0);
	}
	.siteHeader .brandMenu ul li {
		box-sizing: border-box;
		float: left;
		clear: both;
		padding-bottom: 0;
		width: 50%;
		border-top: 1px solid #2f3749;
	}
	.siteHeader .brandMenu ul li:nth-child(2n) {
		float: right;
		clear: none;
		border-left: 1px solid #2f3749;
	}
	.siteHeader .brandMenu ul a {
		display: block;
		position: relative;
		padding: 16px 5% 14px;
	}
	.siteHeader .brandMenu ul a:after {
		content: ">";
		display: block;
		position: absolute;
		top: 50%;
		right: 5px;
		transform: translateY(-50%);
	}
	.siteHeader .closeBtn {
		display: block !important;
		text-align: center;
		padding: 13px 0;
		line-height: 1;
		font-size: 14px;
		background: #22252c;
		color: #fff;
	}
	.siteHeader .layer {
		display: block !important;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background: rgba(0, 0, 0, 0.85);
		z-index: -1;
	}
}
@media (max-width: 370px) {
	.siteHeader .headerLogo {
		width: 250px;
	}
}


/*==================================================================================
 siteFooter
==================================================================================*/
.siteFooter .footerNavi {
	padding: 16px 0;
	text-align: center;
	font-size: 12px;
	background: #fff;
	border-top: 1px solid #c8c8c8;
}
.siteFooter .footerNavi li {
	display: inline-block;
	margin-right: 5px;
	padding-right: 10px;
	border-right: 1px solid #5e5e5e;
}
.siteFooter .footerNavi li:last-child {
	margin: 0;
	padding: 0;
	border-right: none;
}
.siteFooter .footerNavi li.disable a {
	pointer-events: none;
	opacity: .3;
}
.siteFooter .footerNavi a {
	color: #333;
	padding: 4px 0;
	display: block;
}
.siteFooter .footerNavi a:hover {
	opacity: 1;
}
@media (min-width: 1001px) {
	.siteFooter .footerNavi a:hover {
		text-decoration: underline;
	}
}
.siteFooter + .atlasFooter{
	margin-top: 32px;
}
.siteFooter .contactArea {
	padding: 20px 0;
	text-align: center;
	color: #fff;
	background: #003349;
}
.siteFooter .contactArea .title {
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	color: #807643;
}
.siteFooter .contactArea .text {
	line-height: 1.4;
	font-size: 16px;
}
.siteFooter .contactArea .text .tel {
	display: block;
	margin: 5px 0;
	text-align: center;
	font-size: 240%;
	color: #fff;
}
@media (max-width: 767px) {
	.siteFooter .footerNavi {
		margin-bottom: -8px;
		padding-bottom: 18px;
	}
	.siteFooter .footerNavi .wrap{
		max-width: 340px;
	}
	.siteFooter .footerNavi li {
		margin-bottom: 8px;
	}
	.siteFooter .footerNavi li:nth-of-type(4),
	.siteFooter .footerNavi li:nth-of-type(8) {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}
	.siteFooter + .atlasFooter{
		margin-top: 30px;
	}
	.siteFooter .contactArea {
		padding: 15px 0;
	}
	.siteFooter .contactArea .title {
		padding-bottom: 10px;
	}
	.siteFooter .contactArea .text {
		font-size: 14px;
	}
	.siteFooter .contactArea .text .tel {
		margin: 3px 0;
		font-size: 240%;
	}
}

/*==================================================================================
 commonAsides
==================================================================================*/
.commonAsides {
	padding-bottom: 80px;
}
.commonAsides h4 {
	padding-bottom: 30px;
	text-align: center;
}
.commonAsides > ul li {
	float: left;
	padding: 0 2% 30px 0;
	width: 32%;
}
.commonAsides > ul li:nth-child(3n) {
	padding-right: 0;
}
.commonAsides > ul li:nth-child(3n+1) {
	clear: both;
}
.commonAsides > ul li:nth-last-child(-n+3) {
	padding-bottom: 0;
}
.commonAsides > ul li a {
	box-sizing: border-box;
	display: block;
}
.commonAsides .bnrs {
	text-align: center;
}
.commonAsides .bnrs li a {
	padding: 22px 3% 16px;
	border: 1px solid #877259;
}
.commonAsides.recommend ul.pc {
	width: 100%;
}
.commonAsides.recommend ul.pc li a,
.commonAsides.recommend .slider li a {
	color: #000;
}
.commonAsides.recommend ul.pc li .image,
.commonAsides.recommend .slider li .image {
	padding-bottom: 5px;
}
.commonAsides.recommend ul.pc li dt,
.commonAsides.recommend .slider li dt {
	padding-bottom: 5px;
	line-height: 1.4;
	font-size: 15px;
}
.commonAsides.recommend ul.pc li dd,
.commonAsides.recommend .slider li dd {
	line-height: 1.7;
	font-size: 12px;
}
.commonAsides.related {
	padding-bottom: 100px;
}
.commonAsides.related li a {
	padding: 19px 3% 14px;
}
@media (max-width: 767px) {
	.commonAsides {
		padding-bottom: 50px;
	}
	.commonAsides h4 {
		padding-bottom: 20px;
	}
	.commonAsides h4 img {
		max-width: 240px !important;
	}
	.commonAsides > ul li {
		float: none;
		clear: both;
		padding: 0 0 20px !important;
		width: auto;
	}
	.commonAsides > ul li:last-child {
		padding-bottom: 0 !important;
	}
	.commonAsides .bnrs li {
		padding: 0 0 10px !important;
	}
	.commonAsides .bnrs li a {
		padding: 12px 3% 10px;
	}
	.commonAsides .bnrs li a img {
		width: auto;
		height: 30px;
	}
	.commonAsides.recommend ul.pc li .image img,
	.commonAsides.recommend .slider li .image img {
		width: 100%;
	}
	.commonAsides.recommend ul.pc li dt,
	.commonAsides.recommend .slider li dt {
		font-size: 13px;
	}
	.commonAsides.recommend ul.pc li dd,
	.commonAsides.recommend .slider li dd {
		font-size: 11px;
	}
	.commonAsides.related {
		padding-bottom: 80px;
	}
	.commonAsides.related li a {
		padding: 15px 3% 11px;
	}
}

/*==================================================================================
 atlasFooter
==================================================================================*/
.atlasFooter {
	text-align: center;
}
.atlasFooter .siteTitle {
	padding-bottom: 8px;
	font-size: 16px;
	line-height: 1.5;
}
.atlasFooter .otherLinks {
	margin-bottom: 32px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dbd8d8;
	text-align: center;
	font-size: 12px;
}
.atlasFooter .otherLinks li {
	display: inline-block;
}
.atlasFooter .otherLinks li:after {
	content: "";
	display: inline-block;
	position: relative;
	top: 1px;
	margin: 0 2px 0 7px;
	width: 1px;
	height: 12px;
	background: #7a7a7a;
}
.atlasFooter .otherLinks li a {
	color: #333;
}
.atlasFooter .otherLinks li a:hover {
	opacity: 1;
}
@media (min-width: 1001px) {
	.atlasFooter .otherLinks li a:hover {
		text-decoration: underline;
	}
}
.atlasFooter .otherLinks li:last-child:after {
	display: none;
}
.atlasFooter .logos {
	padding-bottom: 18px;
	text-align: center;
}
.atlasFooter .logos li {
	display: inline-block;
	padding-right: 30px;
}
.atlasFooter .logos li:last-child {
	padding-right: 0;
}
.atlasFooter .logos a:hover {
	opacity: 1;
}
.atlasFooter .copyright {
	padding: 10px 0;
	font-size: 12px;
	color: #fff;
	background: #6b6969;
}
.mutual-bnr-wrap{
	padding: 50px 0;
	background: #fff;
}
.mutual-bnr{
	display: block;
	margin: 0 auto;
	max-width: 540px;
	width: calc(100% - 32px);
}
@media (max-width: 1000px) {
	.mutual-bnr-wrap{
		padding: 30px 0;
	}
	.atlasFooter {
		padding-bottom: 60px;
	}
	.atlasFooter .fixingBtns {
		box-sizing: border-box;
		display: flex;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 6px 5px;
		width: 100%;
		font-size: 10px;
		z-index: 90;
		background: #fff;
	}
	.atlasFooter .fixingBtns li {
		box-sizing: border-box;
		flex: 1;
		padding-right: 5px;
		width: 20%;
		text-align: center;
	}
	.atlasFooter .fixingBtns li:nth-of-type(4) {
		letter-spacing: -.1em;
	}
	.atlasFooter .fixingBtns li:last-child {
		padding-right: 0;
	}
	.atlasFooter .fixingBtns li a {
		display: block;
		position: relative;
		padding: 7px 0 8px;
		border: 1px solid #333;
		color: #333;
	}
	.atlasFooter .fixingBtns li a:before {
		content: "";
		display: block;
		margin-bottom: 3px;
		width: 100%;
		height: 18px;
		background: url("../img/sp/common/icon-tel.png") no-repeat center center;
	}
	.atlasFooter .fixingBtns li.outline a:before {
		background-image: url("../img/common/icon-outline.png");
	}
	.atlasFooter .fixingBtns li.map a:before {
		background-image: url("../img/common/icon-map.png");
	}
	.atlasFooter .fixingBtns li.request a {
		border-color: #04245f;
		color: #04245f;
	}
	.atlasFooter .fixingBtns li.request a:before {
		background-image: url("../img/common/icon-request.png");
	}
	.atlasFooter .fixingBtns li.reserve a {
		border-color: #7d1d25;
		color: #7d1d25;
	}
	.atlasFooter .fixingBtns li.reserve a:before {
		background-image: url("../img/common/icon-reserve.png");
	}
}
@media (max-width: 767px) {
	.atlasFooter .siteTitle {
		padding-bottom: 15px;
	}
	.atlasFooter .otherLinks {
		margin-bottom: 20px;
		padding-bottom: 20px;
		font-size: 11px;
	}
	.atlasFooter .otherLinks li:after {
		margin: 0 1px 0 5px;
		height: 11px;
	}
	.atlasFooter .logos {
		padding-bottom: 16px;
	}
	.atlasFooter .logos li {
		margin-bottom: 0;
		padding-right: 0;
		display: block;
	}
	.atlasFooter .logos li:not(:first-child) {
		margin-top: 24px;
	}
	.atlasFooter .copyright {
		padding: 8px 0;
		font-size: 10px;
	}
}


/*==================================================================================
 print
==================================================================================*/
@media print {
	.siteHeader,
	.siteFooter,
	.commonWindowBtns {
		display: none !important;
	}
}
/*==================================================================================
 top
==================================================================================*/
.mv-container-wrap{
	position: relative;
}
.mv-container-wrap .mv-badge{
	position: absolute;
	bottom: 7%;
	right: 2%;
	width: 240px;
}
.mv-slider{
	position:relative;
}
.mv-slider::before{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    content: "";
}
.mv-slide-text{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	opacity: 0;
	filter: blur(8px);
}
.slide-animation .mv-slide-text{
	animation: mvText 1.2s .8s forwards;
}
@keyframes mvText {
	0%{
		opacity: 0;
		filter: blur(8px);
	}
	100%{
		opacity: 1;
		filter: blur(0);
	}
}
.mv-containar .mv-txt{
	position: absolute;
	top: 0;
	right: 50px;
	width: 12vw;
	height: auto;
}
.main-image{
	width: 100vw;
	height: 107.8vw;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/top/mv.jpg) no-repeat center center;
	background-size: cover;
	animation: viewAnimation 10s ease-out 1s both;
}
@media screen and (max-width: 767px ){
	.mv-container-wrap .mv-badge{
		bottom: auto;
		top: 2%;
		right: 2%;
		width: 25%;
	}
	.mv-containar .mv-txt{
		right: 15px;
		width: 25vw;
	}
	.main-image{
		width: 100vw;
		height: 107.8vw;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/top/mv.jpg) no-repeat center center;
		background-size: cover;
		animation: viewAnimation 10s ease-out 1s both;
	}
}
.mv-overlay{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	content: "";
	background: url(../img/top/mv-overlay.png) no-repeat top right;
	background-size: cover;
}
.mv-copy{
	position: absolute;
	right: 7.4vw;
	top: 2.6vw;
	z-index: 3;
	font-size: 2.125vw;
	font-weight: 500;
	line-height: 2.6;
	letter-spacing: .1em;
}
.mv-copy span{
	margin: 0 1.4em;
	display: block;
	opacity: 0;
}
.mv-copy span:nth-child(1){
	animation: dropDown 1.8s ease-out 1.8s both;
}
.mv-copy span:nth-child(2){
	animation: dropDown 1.8s ease-out 3.8s both;
}
.mv-copy span:nth-child(3){
	animation: dropDown 1.8s ease-out 5.8s both;
}
@keyframes viewAnimation {
	0%{
		transform: scale(1.5) translate(0,10%);
		filter: blur(100px);
	}
	20%{
		filter: blur(0);
		transform: scale(1) translate(0,0);
	}
	100%{
		transform: translate(0,-47.5%);
	}
}
@keyframes dropDown{
	0%{
		transform: translate(0, -40px);
		filter: blur(20px);
		opacity: 0;
	}
	100%{
		transform: translate(0, 0);
		filter: blur(0);
		opacity: 1;
	}
}
@media (max-width: 767px) {
	.mainVisual {
		height: 130vw;
	}
	.main-image{
		height: 160vw;
		background-image: url(../img/top/mv.jpg);
	}
	.mv-overlay{
		display: none;
	}
	.mv-copy{
		top: 40px;
		right: 50%;
		transform: translateX(50%);
		font-size: 18px;
	}
	@keyframes viewAnimation {
		0%{
			transform: scale(1.5) translate(0,5%);
			filter: blur(100px);
		}
		20%{
			filter: blur(0);
			transform: scale(1) translate(0,0);
		}
		100%{
			transform: translate(0,-19%);
		}
	}
}

.top-mv-container{
	overflow: hidden;
}
.mv-img{
	transform-origin: center bottom;
}
.mv-text{
	position: absolute;
	opacity: 0;
}
.mv-text-01{
	max-width: 460px;
	width: 32vw;
	top: 17%;
	right: 5%;
}
.mv-text-02{
    max-width: 575px;
	width: 40vw;
    top: 17%;
    left: 7.5%;
}
.mv-text-03{
    max-width: 565px;
	width: 39.5vw;
    top: 17%;
    right: 7%;
}
.mv-text-04{
    max-width: 370px;
	width: 26vw;
    top: 66.5%;
    left: 5%;
}
.slide-animation .mv-img{
	animation: scaleUp 12s linear;
}
.slide-animation .mv-text{
	animation: mvText 3s 2.2s forwards;
}
.slide-animation .mv-img-04{
	animation: scaleUp2 5s linear;
	transform: scale(1.05);
}
@keyframes mvText {
	0%{
		opacity: 0;
		filter: blur(8px);
	}
	100%{
		opacity: 1;
		filter: blur(0);
	}
}
@keyframes scaleUp {
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.1);
	}
}
@keyframes scaleUp2 {
	0%{
		transform: scale(1);
	}
	100%{
		transform: scale(1.05);
	}
}
@media screen and (max-width: 767px) {
	.mv-text-01{
		max-width: 270px;
		width: 69.5vw;
		top: 15%;
		right: 1%;
	}
	.mv-text-02{
		max-width: 290px;
		width: 75vw;
		top: 15%;
		left: 1%;
	}
	.mv-text-03{
		max-width: 335px;
		width: 86vw;
		top: 14%;
		right: 50%;
		transform: translateX(50%);
	}
	.mv-text-04{
		max-width: 226px;
		width: 58vw;
		top: 13.5%;
		left: 50%;
		transform: translateX(-50%);
	}
}

.canvas-wrapper canvas {
	display: block; width: 100%;
}
.canvas-wrapper{
	overflow-x: hidden;
}
@media screen and (max-width: 768px) {
	.canvas-wrapper canvas { width: auto; height: 70vh; transform: translateX(calc((16 * 70vh / 9 - 100vw)/ -2));}
}
.points {
	box-sizing: border-box;
	padding: 32px 48px;
	width: 100%;
	text-align: center;
	background: #fff;
}
@media (max-width: 960px) {
	.points {
		padding-bottom: 0;
	}
}
.points-wrap{
	justify-content: center;
	align-items: flex-end;
}
.point-item{
	padding: 8px;
	max-width: 350px;
	flex: 1;
	position: relative;
	box-sizing: border-box;
}
.point-item:last-child{
	max-width: 250px;
}
.point-item::before{
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	background: #000;
}
.point-item:last-child::after{
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	content: "";
	background: #000;
}
.point-lead{
	font-size: 15px;
}
.point-main{
	position: relative;
	display: inline-block;
	font-size: 26px;
	font-feature-settings: "palt";
}
.point-main sub{
	vertical-align: baseline;
	margin-left: .4em;
}
@media  (min-width: 961px) and (max-width: 1150px) {
	.point-lead{
		font-size: 12px;
	}
	.point-main{
		font-size: 20px;
	}	
}
.point-item:nth-child(n+2) .point-main{
	margin-top: 13px;
}
.point-item:nth-of-type(3) .point-main{
	margin-top: 2px;
}
.point-item:nth-of-type(4) .point-main{
	margin-bottom: 4px;
}
.point-item:last-child .point-main{
	margin-top: 0;
}
.point-main .caption{
	position: absolute;
	right: 0;
	bottom: -16px;
	font-size: 10px;
}
@media (max-width: 960px) {
	.points-wrap{
		align-items: center;
		flex-direction: column;
	}
	.point-item{
		padding: 16px 0;
		width: 90%;
		flex: auto;
	}
	.point-item:last-child{
		max-width: 350px;
	}
	.point-item:first-child{
		padding-bottom: 24px;
	}
	.point-item::before{
		width: 100%;
		height: 1px;
	}
	.point-item:first-child::before,
	.point-item:last-child::after{
		display: none;
	}
	.point-item:last-child:after{
		width: 100%;
		height: 1px;
    display: block;
    position: absolute;
    left: 0;
		right: 0;
    bottom: 0;
		top: auto;
    content: "";
    background: #000;
	}
}
@media (max-width: 767px) {
	.points {
		padding: 8px 3% 16px;
	}
	.point-lead{
		font-size: 12px;
	}
	.point-main{
		font-size: 20px;
	}
	.point-item:nth-child(n+2) .point-main{
		margin-top: 7px;
	}
}
.top-concept .secondary-heading{
	margin-bottom: 2em;
}
.usp-section{
	background: url(../img/top/usp-bg.webp) no-repeat center center;
	background-size: cover;
}
.usp-section .img-wrapper{
	margin-bottom: 32px;
}
.usp-section .inner{
	padding-top: 50px;
}
.usp-section .tertiary-heading{
	margin-bottom: 2em;
}
.usp-lists{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 16px 36px;
	margin-bottom: 48px;
}
.usp-list{
	padding-top: 16px;
	border-top: 1px solid #707070;
	font-size: clamp(14px , 1.5vw , 18px);
	line-height: 1.5;
	letter-spacing: .015em;
	font-feature-settings: "palt";
	background: rgba(255, 255, 255, 0.7);
	padding: 16px;
}
.usp-list .is-key{
	font-weight: 600;
}
.usp-list.access{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
}
.usp-list.row-1{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.usp-list.row-1 > span{
	line-height: 1.4;
}
.usp-access{
	width: calc(calc(100% - 2vw) / 2);
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-end;
}
.access-info{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: baseline;
	justify-content: flex-end;
}
/* .usp-list:nth-of-type(3) .caption{
	margin-top: 0;
	display: block;
} */
.usp-list .caption.text-indent{
	text-indent: -1em;
	padding-left: 1em;
}
.usp-lists-thumb{
	max-width: 1035px;
	width: calc(100% - 24px);
	margin-top: 32px;
	position: relative;
	height: 3px;
}
.usp-lists-thumb .slick-track{
	width: 100%;
	transform: none !important;
}
.usp-lists-thumb::before{
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	background: rgba(51, 51, 51, 0.4);
	width: 100%;
	height: 1px;
}
.usp-lists-thumb-slide{
	width: 100%;
	height: 3px;
	position: relative;
}
.usp-lists-thumb-slide.slick-current{
	background: #333333;
}
.info-wrap{
	margin-top: clamp(40px, 5vw, 50px);
}
.gd-bnr{
	margin: 0 auto;
	display: block;
	max-width: 800px;
	width: 100%;
	transition: .4s;
}
.entry-box{
	margin-top: clamp(40px, 5vw, 50px);
	padding: clamp(36px, 4.4vw, 44px) 24px 36px;
	display: grid;
	place-items: center;
	background: linear-gradient(90deg,rgba(180, 164, 147, .5) 0%, rgba(244, 242, 235, 0.5) 50%, rgba(180, 164, 147, .5) 100%);
}
.entry-project-ttl{
	padding-bottom: .6rem;
	font-size: 1.1rem;
	font-feature-settings: "palt";
	letter-spacing: .1rem;
	line-height: 1.8;
	position: relative;
}
.entry-project-ttl::after{
	content: '';
	max-width: 700px;
	width: 80vw;
	height: 1px;
	background-color: #707070;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.project-name{
	display: inline-flex;
	align-items: baseline;
	font-size: clamp(1.4rem, 2.88vw, 1.8rem);
}
.project-name .small-text{
	margin-right: 4px;
	font-size: 60%;
	letter-spacing: .1rem;
}
.entry-box .lead{
	margin: 8px 0 0;
	font-size: clamp(1.4rem, 2.88vw, 1.8rem);
	text-align: center;
	line-height: 1.5;
}
.entry-box .note{
	margin-bottom: 20px;
	font-size: clamp(12px, 1.4vw, 14px);
	text-align: center;
}
.entry-box .entry-btn{
	margin: 0 auto;
	padding: 28px 8px;
	max-width: 330px;
	width: 90%;
	display: block;
	background-color: #003349;
	color: #fff;
	text-align: center;
	font-size: clamp(1rem, 1.7vw, 1.1rem);
}
.entry-box .entry-caption{
	font-size: clamp(10px, 1.4vw, 14px);
	margin-top: 16px;
}
.top-contents-section{
	aspect-ratio: 1680 / 945;
}
.top-contents-section::before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	background-color: rgba(0, 0, 0, .5);
	-webkit-mix-blend-mode: multiply;
	mix-blend-mode: multiply;
	transform: translate3d(0,0,0);
}
.top-contents-section.contents-concept::before{
	background-color: rgba(0, 0, 0, .3);
}
.contents-concept{
	background: url(../img/top/contents-concept-bg.webp) no-repeat center center/ cover;
}
.contents-location{
	background: url(../img/top/contents-location-bg.webp) no-repeat center center/ cover;
}
.contents-access{
	background: url(../img/top/contents-access-bg.webp) no-repeat center center/ cover;
}
.contents-text-box{
	width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.contents-text-box .lead{
    font-size: clamp(.9rem, 1.6vw, 1rem);
}
.contents-text-box .tertiary-heading{
    font-size:clamp(1.45rem, 2vw, 2rem);
}
.contents-concept .tertiary-heading{
	margin-left: 2.5ch;
}
.contents-text-box .top-season-btn.contetns-btn{
	margin: clamp(35px, 8vw,80px) auto 0;
	padding: 4px 2px 2px;
	max-width: 120px;
	width: 100%;
	height: 20px;
	display: grid;
	place-items: center;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 20px;
    font-size: 11.5px;
	text-align: center;
}
.contents-text-box .top-season-btn.contetns-btn:hover{
	opacity: 1;
	color: #333;
}
.contents-text-box .top-season-btn.contetns-btn:hover::before{
	background-color: #fff;
}
@media screen and (max-width: 767px) {
	.top-contents-section{
		aspect-ratio: 1 / 1;
	}
	.contents-concept{
		background: url(../img/top/contents-concept-bg-sp.webp) no-repeat center center/ cover;
	}
	.contents-location{
		background: url(../img/top/contents-location-bg-sp.webp) no-repeat center center/ cover;
	}
	.contents-access{
		background: url(../img/top/contents-access-bg-sp.webp) no-repeat center center/ cover;
	}
	.contents-concept .lead{
		margin-bottom: .6em;
	}
	.contents-text-box .top-season-btn.contetns-btn{
		max-width: 160px;
		height: 34px;
		border-radius: 25px;
		font-size: 14.5px;
	}
}

.season-btns{
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
	display: flex;
	height: 55px;
	border: 1px solid #797979;
	border-radius: 27.5px;
	overflow: hidden;
	font-size: 16px;
}
.season-btn{
	width: calc(100% / 4);
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 27px;
	color: #CECECE;
}
.season-btn.js-tab{
	cursor: pointer;
	color: #000;
}
#season-01.season-btn.is-active{
	background: #D3A1D3;
	color: #fff;
}
#season-02.season-btn.is-active{
	background: #A1D1D3;
	color: #fff;
}
.top-season-body{
	margin-top: 16px;
	display: flex;
	gap: 16px;
	justify-content: space-between;
	align-items: center;
}
.top-season-body .note{
	margin: 0;
}
.top-season-time{
	margin-bottom: .2em;
	font-size: 28px;
}
.top-season-btn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 145px;
	height: 34px;
	border: 1px solid #3C4862;
	color: #333;
	border-radius: 17px;
	background: #fff;
	position: relative;
	overflow: hidden;
	z-index: 1;
}
.top-season-btn::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	opacity: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #333;
	transition: .4s;
	z-index: -1;
}
.top-season-btn:hover{
	opacity: 1;
	color: #fff;
}
.top-season-btn:hover::before{
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
	width: 145px;
	height: 145px;
}
.top-season-01{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 16px;
}
.top-season-01 .top-season-item:nth-of-type(1){
	width: calc(50% - 60px);
	padding-bottom: 120px;
}
.top-season-01 .top-season-item:nth-of-type(2){
	width: calc(40% - 60px);
}
.top-season-02{
	margin: 100px auto 150px;
	width: 75%;
}
.top-season-03{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 16px;
}
.top-season-03 .top-season-item:nth-of-type(1){
	width: calc(50% - 60px);
	padding-bottom: 120px;
}
.top-season-03 .top-season-item:nth-of-type(2){
	width: calc(50% - 60px);
}
.top-plan-container{
	margin-top: 60px;
}
.top-plan-body{
	margin-top: 24px;
	padding: 0 24px;
	border-left: 1px solid #333;
}
.top-plan-head{
	/* margin-bottom: 24px; */
	padding: 0 24px 16px;
	border-left: 1px solid #333;
}
.top-plan-type{
	margin-bottom: .6em;
	font-size: 16px;
}
.top-plan-total{
	/* margin-bottom: .6em; */
	font-size: clamp(18px, 1.8vw, 26px);
}
.top-plan-total .inline-block{
	font-weight: 600;
}
.top-plan-btn{
	width: 190px;
	height: 34px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 12px;
	border: 1px solid #333;
	border-radius: 17px;
	position: relative;
	overflow: hidden;
}
.top-plan-btn::after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	z-index: -2;
}
.top-plan-btn::before{
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	opacity: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #333;
	transition: .4s;
	z-index: -1;
}
.top-plan-slide a{
	display: block;
}
.top-plan-slide a:hover .top-plan-btn{
	opacity: 1;
	color: #fff;
}
.top-plan-slide a:hover .top-plan-btn::before{
	opacity: 1;
	transform: translate(-50%,-50%) scale(1);
	width: 190px;
	height: 190px;
}
.top-plan-slide{
	margin-right: 30px;
	/* transform: translateX(calc(-55% + -30px)); */
	padding-bottom: 4px;
}
.top-plan-slide a{
	color: #333;
	opacity: 1;
}
.top-plan-section{
	background: url(../img/top/top-plan-section.webp) no-repeat center center;
	background-size: cover;
}
.top-plan-thumb{
	max-width: 1035px;
	width: calc(100% - 24px);
	margin-top: 80px;
	position: relative;
	height: 3px;
}
.top-plan-thumb .slick-track{
	width: 100%;
	transform: none !important;
}
.top-plan-thumb::before{
	content: '';
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	right: 0;
	background: rgba(51, 51, 51, 0.4);
	width: 100%;
	height: 1px;
}

@keyframes fadeInset {
	0% {
		/* opacity: 0; */
		clip-path: inset(0 0 100% 0);
	}
	100% {
		/* opacity: 1; */
		clip-path: inset(0 0 0% 0);
	}
}
.fadeInset {
    animation-name: fadeInset;
    animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
}
@keyframes progressbar-anime {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}
.top-plan-thumb-slide{
	width: 100%;
	height: 3px;
	position: relative;
}
/* .top-plan-thumb-slide::before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
}
.top-plan-thumb-slide.slick-current::before{
	background: #333333;
	animation: progressbar-anime 4.5s linear forwards;
} */
.top-plan-thumb-slide.slick-current{
	background: #333333;
}
.top-season-section{
	position: relative;
	overflow: hidden;
}
.top-season-section .inner{
	padding-bottom: 140px;
}
.top-line{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	stroke-dasharray: 2400;
	width: 100%;
	height: auto;
	z-index: -1;
}
.top-line-02{
	position: absolute;
	top: 56%;
	left: 0;
	right: 0;
	stroke-dasharray: 2400;
	width: 100%;
	height: auto;
	z-index: -1;
}
.top-line-03{
	position: absolute;
	top: 6%;
	left: 0;
	right: 0;
	stroke-dasharray: 2400;
	width: 100%;
	height: auto;
	z-index: -1;
}
.top-line-04{
	position: absolute;
	top: 40%;
	left: 0;
	right: 0;
	stroke-dasharray: 2400;
	width: 100%;
	height: auto;
	z-index: -1;
}
.top-line-05{
	position: absolute;
	top: 58%;
	left: 0;
	right: 0;
	stroke-dasharray: 2400;
	width: 100%;
	height: auto;
	z-index: -1;
}
.top-line-06{
	position: absolute;
	top: 88%;
	left: 0;
	right: 0;
	stroke-dasharray: 2400;
	width: 100%;
	height: auto;
	z-index: -1;
}
.top-concept{
	background: url(../img/top/top-concept-bg.webp) no-repeat center center;
	background-size: cover;
	min-height: 39vw;
	display: flex;
	justify-content: center;
	align-items: center;
}
.footer-contents{
	padding: 8vw 0 13.5vw;
	background: url(../img/common/contents-bg.webp) no-repeat center center;
	background-size: cover;
}
.footer-contents-lists{
	margin: 0 auto;
	display: flex;
	max-width: 1200px;
	width: calc(100% - 48px);
	justify-content: space-between;
}
.footer-contents-lists:hover .footer-contents-list a{
	opacity: .5;
}
.footer-contents-list a{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 32px;
	color: #fff;
	transition: opacity .4s;
	font-size: clamp(16px, 1.8vw ,24px) ;
}
.footer-contents-list a.none{
	opacity: .3 !important;
}
.footer-contents-lists .footer-contents-list a:hover{
	opacity: 1;
}
.footer-contents-list a .jp{
	writing-mode: vertical-rl;
	font-size: 18px;
	letter-spacing: .15em;
}
@media (min-width: 768px) and (max-width: 950px) {
	.usp-lists {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
	}
	.usp-list {
		font-size: 2.2vw;
		padding-left: 3vw;
	}
}
@media (max-width: 1119px) {
	.usp-access{
		width: 50%;
	}
}
@media (max-width: 950px) {
	.usp-access{
		width: 100%;
		justify-content: flex-start;
	}
	.usp-access .caption{
		width: 100%;
	}
	.usp-access:first-of-type .caption{
		width: 31vw;
	}
	.usp-access:last-of-type .caption{
		width: 29vw;
	}
}
@media (max-width: 767px) {
	.top-season-section{
		padding: 20px 0 60px;
	}
	.usp-section{
		padding: 20px 0;
	}
	.season-btns{
		height: 40px;
		font-size: 12px;
	}
	.top-season-01 .top-season-item:nth-of-type(1){
		width: 80%;
    padding-bottom: 120px;
	}
	.top-season-01 .top-season-item:nth-of-type(2){
		width: 60%;
		margin: 0 0 0 auto;
	}
	.top-season-02 {
    margin: 100px auto 150px;
    width: 90%;
	}
	.top-season-03 .top-season-item:nth-of-type(1) {
    width: 75%;
    padding-bottom: 120px;
	}
	.usp-list.row-1 > span{
		line-height: 1.7;
		text-align: center;
	}
	.info-wrap .tertiary-heading{
		margin-bottom: 1.4em;
	}
	.top-season-03 .top-season-item:nth-of-type(2){
		width: 70%;
		margin: 0 0 0 auto;
	}
	.top-season-time {
    font-size: 20px;
	}
	.top-season-body {
		flex-direction: column;
		align-items: flex-start;
	}
	.top-plan-slide {
    margin-right: 30px;
    transform: translateX(calc(-77% + -30px));
	}
	.footer-contents-list a {
    flex-direction: row;
    gap: 24px;
    font-size: 18px;
	}
	.footer-contents-lists {
		flex-direction: column;
		align-items: center;
		gap: 24px;
	}
	.footer-contents-list a .en {
		width: 8em;
	}
	.footer-contents-list a .jp {
		writing-mode: unset;
    font-size: 14px;
		width: 8em;
	}
	.usp-lists{
		display: block;
		/* margin-right: -16px; */
	}
	.usp-list{
		/* margin-right: 16px; */
		/* transform: translateX(calc(-68.5% - 16px)); */
		font-size: 5.2vw;
		padding: 16px 24px;
	}
	.usp-list:not(:first-child){
		margin-top: 12px;
	}
	.footer-contents {
    padding: 22vw 0 22.5vw;
	}
	.usp-list .caption{
		display: block;
	}
	.top-plan-section{
		background: url(../img/top/top-plan-section-sp.webp) no-repeat center center;
		background-size: cover;
	}
	.usp-section .tertiary-heading{
		font-size: 18px;
	}
	.usp-access:first-of-type .caption{
		width: 72vw;
	}
	.usp-access:last-of-type .caption{
		width: 67vw;
	}
}

.locaiton-movie{
	background: url(../img/top/locaiton-bg.jpg) no-repeat center center;
    background-size: cover;
	font-feature-settings: "palt";
}
.video-item{
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}
.locaiton-movie .video-wrapper{
	position: relative;
	padding-top: 56.25%;
	height: 0;
	display: block;
	content: "";
}
.video-wrapper iframe, .video-wrapper video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.movie-heading{
	font-size: 28px;
	color: #807b4c;
	font-weight: 500;
	letter-spacing: .1em;
}
.movie-heading img{
	display: block;
	width: 37px;
	height: 46px;
	margin: 30px auto 52px;
}
.locaiton-movie .note{
	line-height: 3;
}
.movie-note{
	margin: 100px 0 20px;
}
.holiday-text{
	padding: 16px;
	margin: 0 auto 48px;
	max-width: 742px;
	width: calc(100% - 32px);
	line-height: 1.5;
	border: 1px solid #8E8757;
	background: #fff;
	box-sizing: border-box;
}
.sp-movie{
	margin-top: 60px;
	background: url("../img/top/sp-movie-bg.jpg") no-repeat center center;
	background-size: cover;
}
.sp-movie .movie-note{
	margin-top: 60px;
}

#top section.information .sp-movie h2{
	font-size: 20px;
	font-weight: 500;
	color: #847643;
	letter-spacing: .5em;
	text-indent: 0.5em;
}

@media (max-width: 767px) {
	.sp-movie .movie-note{
		margin-top: 40px;
	}
	#top section.information h2 {
		padding-bottom: 15px;
	}
	#top section.information .text {
		margin: 0 auto;
		width: 94%;
	}
	.presentation{
		font-size: 22px;
	}
	.presentation-text{
		font-size: 18px;
	}
	.presentation-sub{
		margin: 20px 0 20px;
		padding-top: 15px;
		font-size: 20px;
	}
	.presentation-sub .large-text{
		margin: 0;
	}
	.update{
		margin-top: 32px;
	}
	.info-body{
		padding: 24px 0;
		width: calc(100vw - 32px);
		max-width: none;
	}
	.info-list{
		display: block;
	}
	.info-list .date{
		margin-bottom: 8px;
		opacity: .6;
	}
	.bnr-item a.pc{
		display: none;
	}
	.information-frame{
		width: calc(100vw - 32px);
		margin: 15px auto 0;
	}
	.information-frame p{
		font-size: 12px;
	}
	.information-frame .request-btn{
		margin-top: 10px;
	}
	.movie-heading{
		font-size: 19px;
	}
	.movie-heading img{
		width: 25px;
		height: 32px;
		margin: 15px auto 35px;
	}
	.movie-note{
		margin: 50px 0 10px;
		font-size: 12px;
	}
	.locaiton-movie .note{
		line-height: 2;
	}
	.locaiton-movie{
		padding: 20px 0;
	}
	.holiday-text{
		font-size: 12px;
	}
}
#top main {
	min-height: 100vh;
}
#top .beigeArea {
	position: relative;
	padding: 60px 0;
	text-align: center;
	background: #414541;
	color: #fff;
}
#top .beigeArea > .wrap {
	max-width: 1200px;
	position: relative;
	z-index: 3;
}
#top .beigeArea:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("../img/top/contact-border.png") no-repeat center center;
	z-index: 1;
}
#top .beigeArea h3 {
	padding-bottom: 40px;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	color: #847643;
}
#top .beigeArea h3::before{
	width: 1px;
	height: 40px;
	display: block;
	position: absolute;
	left: 50%;
	top: -60px;
	background: #fff;
	content: "";
}
#top .beigeArea section {
	padding: 0 16px;
	position: relative;
	float: right;
	width: 50%;
	box-sizing: border-box;
}
#top .beigeArea section:last-of-type {
	float: left;
}
#top .beigeArea section .text {
	font-size: 16px;
	line-height: 1.4;
}
#top .beigeArea section.request .text {
	padding-bottom: 15px;
}
#top .beigeArea section.request .bnrs {
	margin: auto;
	width: 466px;
	text-align: center;
	font-size: 18px;
}
#top .beigeArea section.request .bnrs li:first-child {
	padding-bottom: 15px;
}
#top .beigeArea section.request .bnrs li:first-child a {
	background: linear-gradient(120deg, rgba(151,143,97,1) 0%, rgba(95,91,37,1) 100%);
	background: linear-gradient(120deg, rgb(151 143 96) 0%, rgb(220 208 134) 25%, rgb(227 210 108) 50%, rgb(170 152 48) 75%, rgb(131 127 54) 100%);
	text-shadow: 1px 1px 18px rgba(255,255,255,.6);
	font-feature-settings: "pkna";
	color: #000;
}
#top .beigeArea section.request .bnrs li:last-child a .btn-cap{
	border-left: 1px solid #fff;
}
#top .beigeArea section.request .bnrs a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	padding: 17px 16px 15px;
	color: #fff;
	background: #7d1d25;
	transition: opacity .8s ease-out;
}
#top .beigeArea section.request .bnrs a div:first-child{
	width: 115px;
}
.beigeArea .request .bnrs a .caption{
	text-align: left;
	font-size: 12px;
}
.btn-cap{
	margin-left: 16px;
	padding-left: 16px;
	border-left: 1px solid rgb(124, 120, 105);
}
#top .beigeArea section.contact .number {
	display: block;
	padding: 15px 0;
	font-size: 220%;
}
#top .beigeArea section.contact .number a {
	color: #fff;
}
#top .grayArea {
	padding: 60px 0;
	background: #292928;
}
@media (max-width: 1000px) {
	#top .beigeArea section .text {
		font-size: 12px;
	}
	#top .beigeArea section.contact .number {
		padding: 20px 0;
	}
	#top .beigeArea section.request .bnrs {
		margin: auto;
		width: 100%;
		font-size: 16px;
	}
	#top .beigeArea section.request .bnrs a {
		padding: 14px 12px 12px;
		display: block;
	}
	.beigeArea .request .bnrs a div:first-child{
		padding: 16px;
	}
	.beigeArea .request .bnrs a .caption{
		text-align: center;
	}
	#top .beigeArea section.request .bnrs a div:first-child{
		width: 100%;
		box-sizing: border-box;
	}
	.btn-cap{
		margin-left: 0;
		padding-left: 0;
		border-left: none;
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid rgb(124, 120, 105);
	}
	#top .beigeArea section.request .bnrs li:last-child a .btn-cap {
    border-top: 1px solid #fff;
    border-left: none;
	}
}
@media (max-width: 767px) {
	#top .beigeArea {
		padding: 30px 0;
	}
	#top .beigeArea:after {
		display: none;
	}
	#top .beigeArea h3 {
		padding-bottom: 15px;
	}
	#top .beigeArea h3::before{
		height: 20px;
		top: -30px;
	}
	#top .beigeArea section {
		float: none !important;
		clear: both;
		width: auto;
	}
	#top .beigeArea section.request {
		margin-bottom: 30px;
		padding-bottom: 16px;
	}
	#top .beigeArea section.request .text {
		padding-bottom: 10px;
	}
	#top .beigeArea section.request .bnrs {
		margin: auto;
		width: 100%;
		font-size: 16px;
	}
	#top .beigeArea section.contact .number {
		padding: 10px 0;
	}
	#top .grayArea {
		padding: 30px 0;
	}
}
.concept-section{
	padding: 80px 0 60px;
	background: url("../img/top/bg-concept.jpg") no-repeat;
	background-size: cover;
}
.concept-title{
	padding-bottom: 40px;
	font-size: 16px;
	font-weight: 500;
	color: #847643;
	letter-spacing: .5em;
	text-indent: .5em;
}
.concept-title::after{
	margin: 16px auto;
	width: 1px;
	height: 21px;
	display: block;
	content: "";
	background: #847643;
}
.wide-letter-s{
	letter-spacing: .8em;
}
@media (max-width: 767px) {
	.concept-section{
		padding: 40px 0;
		background: url("../img/top/bg-concept-sp.jpg") no-repeat;
		background-size: cover;
	}
	.concept-title{
		padding-bottom: 20px;
	}
	.concept-title::after{
		margin: 8px auto;
		height: 16px;
	}
}

@media screen and (max-width: 767px ){
	#top .philosophy-section{
		padding: 40px 0;
	}
}
#top .philosophy-section .philosophy-title{
	padding-bottom: 60px;
	font-size: 20px;
	font-weight: 500;
	color: #847643;
	letter-spacing: .5em;
	text-indent: 0.5em;
}
#top .philosophy-section .primary-heading{
	margin-bottom: 70px;
    font-size: 30px;
    line-height: 2;
}
#top .philosophy-section .caption{
	bottom: 21%;
    left: unset;
    right: 1%;
}
#top .general-section.philosophy-section .inner{
	padding-bottom: 50px;
}
@media screen and (max-width: 767px ){
	#top .philosophy-section .philosophy-title{
		padding-bottom: 30px;
		font-size: 16px;
	}
	#top .philosophy-section .primary-heading{
		margin-bottom: 50px;
		font-size: 18px;
	}
	#top .philosophy-section .caption{
		bottom: 4%;
		left: unset;
		right: 3%;
	}
	#top .general-section.philosophy-section .inner{
		padding-bottom: 10px;
	}
}
#top .privacy-section{
	background: url("../img/top/bg-privacy.jpg") no-repeat;
	background-size: cover;
}
#top .privacy-section.privacy-section .inner{
	max-width: 1300px;
	display: flex;
}
#top .privacy-section .privacy-lead-wrap{
    margin-right: auto;
    width: 50%;
}
#top .privacy-section .privacy-slide-wrap{
	width: 50vw;
    margin-right: calc(50% - 50vw);
    overflow: hidden;
}
#top .privacy-section .privacy-lead-wrap .privacy-lead-box{
	width: 89%;
}
#top .privacy-section .privacy-lead-wrap .privacy-title{
	padding-bottom: 25px;
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: 500;
	color: #847643;
	letter-spacing: .5em;
	text-indent: 0.5em;
	border-bottom: solid 1px #cccab7;
}
#top .privacy-section .privacy-lead-wrap .primary-heading{
	margin-bottom: 30px;
	font-size: 35px;
	font-weight: 500;
	line-height: 1.6;
}
#top .privacy-section .privacy-lead-wrap .detail{
	font-size: 18px;
	line-height: 2.8;
	margin-bottom: 50px;
	font-feature-settings: "palt";
}
.sub-text{
	vertical-align: baseline;
}
@media screen and (max-width: 1280px){
	#top .privacy-section .privacy-lead-wrap .primary-heading{
		font-size: 2.6vw;
	}
	#top .privacy-section .privacy-lead-wrap .detail{
		font-size: 1.7vw;
	}
}
.privacy-link-btn{
	position: relative;
	width: 300px;
	line-height: 45px;
	letter-spacing: .09rem;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #807b4c;
    border: 1px solid #807b4c;
    transition: .2s;
}
.privacy-link-btn::before{
    margin-top: -0.5px;
    width: 0;
    height: 1px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    background: #807b4c;
    transition: all .3s ease-out;
		z-index: 1;
}

.privacy-link-btn:hover::before{
	width: 40px;
	left: calc(100% - 20px);
}
/* .privacy-link-btn:hover{
    background: #807b4c;
    color: #fff;
} */
.privacy-link-btn::after{
    content: "";
    position: absolute;
		margin-top: -0.5px;
    top: 50%;
    right: -5%;
    width: 30px;
    height: 1px;
    background: #807b4c;
    transition: .2s;
}
/* .privacy-link-btn:hover::after{
    right: 0;
    background: #fff;
} */

.home-privacy-video{
	width: min(100% - 32px ,830px);
	margin: 0 auto;
	padding-bottom: 80px;
}
.home-privacy-video .logica-player{
	position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}
@media screen and (max-width: 767px ){
	#top .privacy-section.privacy-section .inner{
		max-width: none;
		flex-wrap: wrap;
		padding: 72px 0;
	}
	#top .privacy-section .privacy-lead-wrap{
		margin-right: auto;
		width: 100%;
	}
	#top .privacy-section .privacy-slide-wrap{
		width: 100vw;
		margin-right: calc(50% - 50vw);
		overflow: hidden;
	}
	#top .privacy-section .privacy-lead-wrap .privacy-lead-box{
		width: 93%;
	}
	#top .privacy-section .privacy-lead-wrap .privacy-title{
		padding-bottom: 15px;
		margin-bottom: 15px;
		font-size: 16px;
	}
	#top .privacy-section .privacy-lead-wrap .primary-heading{
		margin-bottom: 20px;
		font-size: 18px;
	}
	#top .privacy-section .privacy-lead-wrap .detail{
		font-size: 14px;
		line-height: 2;
		margin-bottom: 40px;
	}
	#top .privacy-link-btn-wrap{
		margin: 0 auto;
	}
	#top .privacy-link-btn{
		position: relative;
		width: 71vw;
		line-height: 40px;
		font-size: 16px;
	}
	.home-privacy-video{
		margin-top: -40px;
		padding-bottom: 40px;
	}
	.top-concept{
		background: url(../img/top/top-concept-bg-sp.webp) no-repeat center top;
		background-size: cover;
		padding: 15vw 0 23vw;
	}
}

/* slick設定 */
#top .privacy-section .privacy-slide-wrap .pick-slide{
	margin: 0 .3%;
    transform: translateX(-87%);
}
#top .privacy-section .privacy-slide-wrap .slick-dots li {
    background: #807b4c;
    opacity: .5
}
#top .privacy-section .privacy-slide-wrap .slick-dots li.slick-active{
    opacity: 1;
}
#top .privacy-section .privacy-slide-wrap .slick-dots li button:before{
	font-size: 0;
}
#top .privacy-section .privacy-slide-wrap .slick-dots {
	bottom: -25px;
	padding: 0;
	margin: 0;
	text-align: left;
}
#top .privacy-section .privacy-slide-wrap .pick-slide-txt{
	margin-bottom: 60px;
	padding-left: 6px;
}
#top .privacy-section .privacy-slide-wrap .pick-slide-txt .small-text{
	font-size: 65%;
}
#top .privacy-section .privacy-slide-wrap .pick-slide-txt .lead{
	font-size: 20px;
    margin-bottom: 5px;
    padding-top: 20px;
}
#top .privacy-section .privacy-slide-wrap .pick-slide-txt .detail{
	font-size: 24px;
	color: #807b4c;
	font-feature-settings: "palt";
}
@media screen and (max-width: 990px){
	#top .privacy-section .privacy-slide-wrap .pick-slide-txt .lead{
		font-size: 2.4vw;
	}
	#top .privacy-section .privacy-slide-wrap .pick-slide-txt .detail{
		font-size: 2.2vw;
	}
}
@media screen and (max-width: 767px ){
	/* slick設定 */
	#top .privacy-section .privacy-slide-wrap .pick-slide{
		margin: 0 .4%;
		transform: translateX(-91%);
	}
	#top .privacy-section .privacy-slide-wrap .slick-dots {
		bottom: -25px;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	#top .privacy-section .slick-dots li{
		width: 14px;
		height: 14px;
		margin: 0 2px;
	}
	#top .privacy-section .privacy-slide-wrap .slick-dots {
		bottom: -25px;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	#top .privacy-section .slick-arrow{
		position: absolute;
		bottom: -26%;
		width: 34px;
		height: auto;
		z-index:10;
	}
	#top .privacy-section .slick-dotted.slick-slider{
		margin-bottom: 120px;
	}
	#top .privacy-section .prev-arrow{
		left: 0;
	}
	#top .privacy-section .next-arrow{
		left: 45px;
	}
	#top .privacy-section .privacy-slide-wrap .pick-slide-txt{
		margin-bottom: 30px;
	}
	#top .privacy-section .privacy-slide-wrap .pick-slide-txt .small-text{
		font-size: 65%;
	}
	#top .privacy-section .privacy-slide-wrap .pick-slide-txt .lead{
		font-size: 14px;
		margin-bottom: 3px;
		padding-top: 15px;
	}
	#top .privacy-section .privacy-slide-wrap .pick-slide-txt .detail{
		font-size: 16px;
	}
}




#top .comfort-section{
	background: none;
}






.nav-location,
.nav-view,
.nav-plan{
	position: relative;
}
.nav-location + .bnr-list.top-bnr{
	margin-top: 0;
}
.nav-location + .bnr-list .bnr-item{
	padding-bottom: 0;
}
.contents-nav-img{
	margin-bottom: 5vw;
	width: 80vw;
	max-width: 1280px;
}
.nav-view .contents-nav-img{
	margin: 0 0 5vw auto;
}
.contents-nav-box{
	padding: 48px 16px 16px;
	width: 453px;
	height: 580px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	bottom: 80px;
	background: rgba(255,255,255,.9);
	border: 6px solid #5f5b25;
	border-image: linear-gradient(120deg, rgba(95,91,37,1) 0%, rgba(201,193,147,1) 25%, rgba(151,143,97,1) 50%, rgba(201,193,147,1) 75%, rgba(95,91,37,1) 100%);
	border-image-slice: 1;
	box-sizing: border-box;
}
.nav-location .contents-nav-box,
.nav-plan .contents-nav-box{
	right: 15vw;
}
.nav-view .contents-nav-box{
	left: 15vw;
}
.contents-nav-lead{
	width: 200px;
	font-size: 26px;
	line-height: 2.6;
}
.contents-nav-title{
	font-size: 40px;
	font-weight: 500;
	color: #807b4c;
	letter-spacing: .6em;
	text-indent: .6em;
}
@media (max-width: 960px) {
	.contents-nav-box{
		width: 320px;
		height: 428px;
		bottom: 40px;
	}
	.contents-nav-lead{
		font-size: 18px;
	}
	.contents-nav-title{
		font-size: 24px;
	}
}
@media (max-width: 767px) {
	.contents-nav-img{
		margin-bottom: 28vw;
		width: 93vw;;
	}
	.nav-view .contents-nav-img{
		margin: 0 0 28vw auto;
	}
	.contents-nav-box{
		width: 270px;
		height: 348px;
		bottom: 40px;
	}
	.contents-nav-img .caption{
		padding: 0 8px;
		width: calc(100vw - 274px);
		position: static;
		color: #000;
	}
	.contents-nav-img .caption.text-right{
		margin-left: auto;
	}
	.nav-location .contents-nav-box,
	.nav-plan .contents-nav-box{
		right: 0;
	}
	.nav-location + .bnr-list.top-bnr{
		margin: 10px auto 20px;
	}
	.nav-view .contents-nav-box{
		left: 0;
	}
	.contents-nav-lead{
		width: 117px;
		font-size: 15px;
	}
	.contents-nav-title{
		font-size: 24px;
	}
}

.more-btn{
	padding: 18px 0;
	width: 300px;
	position: relative;
	background: transparent;
	font-size: 14px;
	color: #704c22;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	box-sizing: border-box;
	transition: all .3s ease-out;
}
.more-btn::after{
	width: 16px;
	height: 1px;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	background: #704c22;
	transform: translateY(-50%);
}
.more-btn::before{
	margin-top: -0.5px;
	width: 0;
	height: 1px;
	display:block; 
	position: absolute;
	left: 50%;
	top: 50%;
	content: "";
	background: #000;
	transition: all .3s ease-out;
}
.more-btn:hover{
	color: #b17d42;
	border-color: #704c22;
}
.more-btn:hover::before{
	width: 30px;
	left: calc(100% - 20px);
}
.more-btn.coming-soon{
	border-color: #ccc;
	pointer-events: none;
}
.more-btn.coming-soon::after{
	display: none;
}
@media (max-width: 960px) {
	.more-btn{
		width: 250px;
	}
}
@media (max-width: 767px) {
	.more-btn{
		width: 200px;
	}

}
/* float-banner */
.float-banner {
	position: fixed;
	right: 0;
	bottom: 6.5em;
	opacity: 1;
	z-index: 5;
	transition: opacity .4s ease;
}
@media screen and (max-width: 767px){
	.float-banner {
		right: 0;
		bottom: 60px;
	}
}
/* .is-visible {
	opacity: 1;
	display: block;
} */

.float-banner .banner-space {
	margin: 0;
	padding: 0;
	max-width: 300px;
	position: relative;
	width: 100%;
}
.float-banner a:hover{
	opacity: 1;
}
@media screen and (max-width: 767px){
	.float-banner .banner-space {
		max-width: 100%;
	}
	/* #top .atlasFooter{
		padding-bottom: 130px;
	} */
}
.float-close {
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	right: 0;
	top: -24px;
	z-index: 6;
	cursor: pointer;
  background: #00212f;
}

@media screen and (max-width: 767px){
	.float-close {
		width: 20px;
		height: 20px;
		top: -20px;
	}
}
.float-close::before, .float-close::after {
	width: 15px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	content: "";
	background: #fff;
}
@media screen and (max-width: 767px){
	.float-close::before, .float-close::after {
		width: 12px;
	}
}
.float-close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
.bnr-value .float-close::before, .bnr-value .float-close::after {
	background-color: #fff;
}
.float-close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}
.bnr-list.top-bnr{
	margin: 64px auto 0;
	max-width: 742px;
	width: calc(100% - 32px);
}
.bnr-list.top-bnr.wide{
	margin: 40px auto 60px ;
	max-width: 1000px;
}
@media screen and (max-width: 767px){
	.bnr-list.top-bnr{
		margin: 32px auto 0;
	}
	.bnr-list.top-bnr.wide{
		margin: 32px auto;
	}
}
.bnr-item{
	padding-bottom: 36px;
}
.bnr-item.pb-none{
	padding-bottom: 0;
}
.bnr-item a{
	display: block;
	transition: .4s;
}
@media screen and (max-width: 767px){
	.bnr-item{
		padding-bottom: 14px;
	}
}

/*==================================================================================
 lower common
==================================================================================*/
/*==================================================================================
 page
==================================================================================*/
/*==================================================================================
 page
==================================================================================*/


/*==================================================================================
 state
==================================================================================*/
.none{
	opacity: .3;
	pointer-events: none;
}
.is-none{
	display: none;
}
.is-light{
	color: #fff;
}
.is-dark{
	color: #333;
}
.is-key{
	color: #9c831b;
}
.is-shadow{
	text-shadow: 0 0 1px rgba(0,0,0,.8), 0 0 4px rgba(0,0,0,.4);
}
.is-shadow-w{
	text-shadow: 1px 1px 2px #fff, -1px -1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff;
}
.line-wide{
	line-height: 2;
}
@media (min-width: 768px) {
	.sp {
		display: none;
	}
	.slick-slide .sp{
		display: none;
	}
}
@media (max-width: 767px) {
	sup,
	sub,
	.sub {
		font-size: 8px;
	}

	.pc {
		display: none;
	}
	.slick-slide .pc{
		display: none;
	}
}