@charset "utf-8";
#wrapper { padding-top: 74px;}
@media (max-width: 801px) {
	#wrapper { padding-top: 62px;}
}
@media (max-width: 481px) {
	#wrapper { padding-top: 42px;}
}

#hd .hd-nav ul li.exp a { background: #ead7d7;}
#hd .hd-nav ul li.exp a:hover { background: #d2a7a5; color: #fff;}
#hd .hd-nav ul li.reserve a { background: #d6d4cb;}
#hd .hd-nav ul li.reserve a:hover { background: #B1AD9E; color: #fff;}


aside.sns ul li a svg { fill: #776F6B;}
#ft { background: #DFDDDC;}
#ft .ft-nav .flex .nav-1,
#ft .ft-nav .flex .nav-2,
#ft .ft-nav .flex .nav-3 { padding-left: 20px; border-left: solid 1px #776F6B;}
#ft .ft-nav .flex ul li ul.area2 li dl dt span { color: #776F6B; text-decoration: underline;}
#ft .copyright p { color: #776F6B;}
@media (max-width: 641px) {
	#ft .ft-nav .flex .nav-1,
	#ft .ft-nav .flex .nav-2,
	#ft .ft-nav .flex .nav-3 { padding-left: 0px; border-left: none;}
}
#otherbrands { background: #E0E7E8;}

#amenities .inner-sct { padding: 60px 0;}
#amenities ul { font-size: 0; text-align: center;}
#amenities ul li { display: inline-block; width: 20%; vertical-align: top; font-size: 16px;}
@media (max-width: 481px) {
	#amenities ul li { width: 50%;}
}

.btn-more {}
.btn-more a{ position: relative;}
.btn-exp { width: 88%; max-width: 600px; margin: 0 auto;}
.btn-exp a { position: relative; display: block; background: #776F6B; border-radius: 50px; box-shadow: 0 3px 6px rgba(0,0,0,.16);
 color: #fff; font-size: 21px; text-decoration: none; text-align: center; transition: 0.3s ease;
}
.btn-exp a span { position: relative; display: inline-block; padding: 28px 12px; background: #776F6B; letter-spacing: 0.12rem; z-index: 2;}
.btn-exp a:after{ content: ''; display: block; width: 130px; height: 8px; position: absolute; top: 40%; right: 36px; z-index: 2;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 140 8.5"><polygon points="139.77 8.54 0 8.54 0 7.48 137.17 7.48 121.91 .98 122.32 0 139.98 7.52 139.77 8.54" fill="%23ffffff"/></svg>');
 background-size: auto 100%; background-repeat: no-repeat; background-position: 100% 50%;
}
.btn-exp a:hover { opacity: 0.5;}

.btn-report {}
.btn-report a { position: relative; display: block;}


#trial .ttl { display: none;}
#trial .outer { position: relative; width: 100%; max-width: 1420px; margin: 0 auto;}
#trial .outer .img { position: absolute; left: 0; top: 50%; transform: translateY(-54%); width: 50%; padding-right: 68px;}
#trial .outer .img img { width: 100%;}
#trial .ctn { width: 90%; max-width: 1000px; margin: 0 auto;}
#trial .ctn .flex { display: flex; justify-content: space-between;}
#trial .ctn .pht { width: 50%;}
#trial .ctn .txt { width: 50%;}
#trial .ctn .txt h3 { margin-bottom: 80px;}
#trial .ctn .txt p{ font-size: 15px; letter-spacing: 0.08rem; line-height: 2.0;}
#trial .ctn .txt p.tit { margin-bottom: 50px; font-size: 14px; line-height: 1.2;}
#trial .ctn .txt p.tit span { display: block; margin-bottom: 4px; color: #344446; font-size: 35px;}
@media (max-width: 1001px){}
@media (max-width: 801px) {}
@media (max-width: 481px) {
	#trial .ttl { display: block;}
}



#faq .ctn { width: 90%; max-width: 1000px; margin: 0 auto;}
#faq ul { width: 100%; max-width: 1000px; margin: 0 auto 40px; border-top: solid 1px #DFDDDC;}
#faq ul li { position: relative; border-bottom: solid 1px #DFDDDC;}
#faq ul li dl dt { position: relative; padding: 30px 100px 30px 50px; color: #776F6B; font-size: 18px; letter-spacing: 0.08rem;}
#faq ul li dl dt:after { content: 'Q'; font-family: "Josefin Sans", sans-serif; color: #a09a97; font-size: 30px; font-weight: 600; line-height: 1;
 position: absolute; left: 0px; top: 32px;
}
#faq ul li dl dd { padding: 0px 100px 20px 50px; font-size: 14px; line-height: 2;}
#faq ul li dl dd a { color: #000;}
#faq ul li dl dd a:hover { text-decoration: none;}
#faq ul li svg { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 40px; }
#faq ul li svg circle { fill: #DFDDDC; stroke: #DFDDDC; stroke-width: 1px;}
#faq ul li svg line { stroke: #fff; stroke-width: 1.5px;}
#faq ul li svg line.v { transform-origin: 50% 50%; transform: rotate(45deg);}