@charset "UTF-8";
/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, 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, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

/* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img, object, embed { max-width: 100%; }

/* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */
/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */
ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

html { font-size: 13px; overflow-x: hidden; }

#customer_header,#customer_footer {font-size: 62.5%;}

html.is_fixed { overflow: hidden; }

body { color: #000; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; font-size: 1.4rem; line-height: 1.5; overflow-x: hidden; }

@media screen and (max-width: 768px) { body { font-size: 1.6rem; line-height: 1.4; min-width: 320px; -webkit-text-size-adjust: 100%; } }

body.is_fixed { overflow: hidden; }

a { color: inherit; text-decoration: none; }

a:hover { opacity: 0.8; }

@media screen and (max-width: 768px) { a:hover { opacity: unset; } }

.main { display: block; overflow-x: hidden; }

.header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-left: 20px; position: relative; width: 100%; z-index: 2; }

@media screen and (max-width: 768px) { .header { height: 74px; padding-left: 0; width: 100%; z-index: 3; } }

@media screen and (max-width: 768px) { .header__logo { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; } }

.header__link { display: block; }

@media screen and (max-width: 768px) { .header__link { padding: 12px 0px 10px; text-align: center; width: 100%; } }

.header__link:hover { opacity: 1; }

.header__linkImg { height: 84px; width: 270px; }

@media screen and (max-width: 768px) { .header__linkImg { height: 30px; width: 266px; } }

.header__btn { display: none; }

@media screen and (max-width: 768px) { .header__btn { cursor: pointer; height: 60px; position: fixed; right: 0; top: 0; width: 60px; z-index: 3; } }

.header.is_open .header__btn { display: block; }

@media screen and (max-width: 768px) { .header__bar { background-color: #fff; display: block; height: 1px; left: 10px; position: relative; -webkit-transition: opacity 0.7s, -webkit-transform 0.4s ease-in; transition: opacity 0.7s, -webkit-transform 0.4s ease-in; transition: opacity 0.7s, transform 0.4s ease-in; transition: opacity 0.7s, transform 0.4s ease-in, -webkit-transform 0.4s ease-in; width: 34px; } }

.header__bar:nth-child(1) { top: 32px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.header__bar:nth-child(2) { top: 30px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.gnav { padding-right: 20px; }

@media screen and (max-width: 768px) { .gnav { background: #817b8e; height: 100vh; left: 0; opacity: 0; overflow-y: scroll; padding: 32px 46px 80px; position: fixed; top: 0; -webkit-transition: 0.5s ease-in; transition: 0.5s ease-in; visibility: hidden; width: 100%; } }

.gnav.is_open { opacity: 1; visibility: visible; z-index: 2; }

@media (orientation: landscape) { .gnav.is_open { overflow-y: scroll; } }

@media screen and (max-width: 768px) { .gnav.is_open .gnav__subList { visibility: visible; } }

.gnav__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 1100px) { .gnav__inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

@media screen and (max-width: 768px) { .gnav__inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } }

.gnav__inner.wrap { padding: 0; }

@media screen and (max-width: 768px) { .gnav__inner.wrap { padding: 0 0 60px; } }

@media screen and (max-width: 768px) and (orientation: landscape) { .gnav__inner.wrap { height: 600px; } }

.gnav__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; }

@media screen and (max-width: 768px) { .gnav__list { display: block; margin-top: -6px; } }

.gnav__list_mode_sp { display: none; }

@media screen and (max-width: 768px) { .gnav__list_mode_sp { display: block; margin-top: 6px; } }

.gnav__item { position: relative; }

@media screen and (max-width: 768px) { .gnav__item { border-bottom: 1px solid #fff; } }

.gnav__list_mode_sp .gnav__item { border-bottom: none; }

.gnav__item:last-of-type { border-bottom: none; }

.gnav__item_btn_down { cursor: pointer; }

.gnav__item_btn_down:hover > .gnav__subList { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); visibility: visible; }

.gnav__subList { background: #fff; left: -32px; opacity: 0; padding: 30px 0 0; position: absolute; -webkit-transition: 0.5s; transition: 0.5s; -webkit-transform: translateY(-10px); transform: translateY(-10px); visibility: hidden; top: 0; z-index: -1; }

@media screen and (max-width: 768px) { .gnav__subList { background: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 1; padding: 0; position: static; -webkit-transform: none; transform: none; } }

.gnav__subItem { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 6px; }

@media screen and (max-width: 768px) { .gnav__subItem:after { color: #fff; content: "|"; margin: -10px 7px 0; } }

.gnav__subItem:last-of-type:after { content: none; }

.gnav__link, .gnav__subLink { display: block; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-transition: 0.3s; transition: 0.3s; padding: 0 12px; white-space: nowrap; }

@media screen and (max-width: 768px) { .gnav__link, .gnav__subLink { color: #fff; } }

.gnav__link { font-size: 1.2rem; display: inline-block; position: relative; }

@media screen and (max-width: 1024px) { .gnav__link { font-size: 1.4rem; padding: 0 10px; } }

@media screen and (max-width: 900px) { .gnav__link { font-size: 1.3rem; padding: 0 8px; } }

@media screen and (max-width: 768px) { .gnav__link { display: block; font-size: 2.2rem; padding: 9px 0; } }

.gnav__link:hover { opacity: 1; }

.gnav__link:hover:hover:after { width: calc(100% - 16px); }

@media screen and (max-width: 768px) { .gnav__link:before { bottom: 0; border-right: 1px solid #fff; border-top: 1px solid #fff; content: ""; display: block; height: 12px; margin: auto; position: absolute; right: 12px; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 12px; } }

.gnav__link:after { background: #000; content: ""; display: block; height: 1px; left: 0; margin: auto; position: absolute; right: 0; bottom: -2px; -webkit-transition: 0.5s; transition: 0.5s; width: 0; }

@media screen and (max-width: 768px) { .gnav__link:after { content: none; } }

.gnav__item:first-of-type .gnav__link:before, .gnav__item:first-of-type .gnav__link:after { content: none; }

.gnav__subLink { padding: 0 20px; text-align: center; width: 100%; }

@media screen and (max-width: 768px) { .gnav__subLink { font-size: 1rem; padding: 2px 0 10px; } }

.gnav__subLink:hover { opacity: 1; }

.gnav__btn { color: #fff; display: block; font-size: 2.8rem; font-weight: bold; padding: 6px 0; text-align: center; }

@media screen and (max-width: 768px) { .gnav__item:nth-of-type(1) .gnav__btn { background: #c5a25f; margin-bottom: 10px; } }

@media screen and (max-width: 768px) { .gnav__item:nth-of-type(2) .gnav__btn { border: 1px solid #fff; } }

.access { background: #817b8e; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .access { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.access__map { width: 61.5%; }

@media screen and (max-width: 768px) { .access__map { height: 408px; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; } }

.access__iframe { -webkit-filter: grayscale(100%); filter: grayscale(100%); height: 100%; width: 100%; }

.access__box { color: #fff; max-width: 415px; padding: 40px 38px 50px 42px; width: 38.5%; }

@media screen and (max-width: 768px) { .access__box { padding: 20px 20px 0 20px; max-width: none; width: 100%; } }

.access__ttl { margin-bottom: 22px; }

@media screen and (max-width: 768px) { .access__ttl { margin-bottom: 30px; text-align: center; } }

.access__ttlEn { display: block; font-size: 4.2rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-bottom: -2px; }

@media screen and (max-width: 768px) { .access__ttlEn { font-size: 3.6rem; } }

.access__ttlJa { display: block; font-size: 1.6rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.access__txt { font-size: 1.6rem; margin-bottom: 42px; position: relative; white-space: nowrap; }

@media screen and (max-width: 768px) { .access__txt { text-align: center; white-space: normal; } }

@media screen and (max-width: 480px) { .access__txt { text-align: left; } }

.access__txt:after { bottom: -22px; background: #fff; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; }

.access__dl { margin-bottom: 35px; position: relative; }

@media screen and (max-width: 768px) { .access__dl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media screen and (max-width: 480px) { .access__dl { display: block; } }

.access__dl:after { bottom: -15px; background: #fff; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; }

.access__dl:last-of-type { margin-bottom: 28px; }

.access__dt { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: bold; margin-bottom: 8px; }

@media screen and (max-width: 768px) { .access__dt { margin-bottom: 12px; } }

.access__car { height: 29px; margin-right: 12px; width: 35px; }

.access__train { height: 33px; margin-right: 12px; width: 29px; }

.access__dd { font-size: 1.6rem; }

.fixNav { display: none; }

@media screen and (max-width: 768px) { .fixNav { bottom: 0; background: #817b8e; display: block; left: 0; position: fixed; width: 100%; z-index: 2; } }

.fixNav__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.fixNav__item { position: relative; width: 25%; }

.fixNav__item:after { background: #fff; content: ""; height: 60px; position: absolute; right: -1px; top: 12px; width: 1px; }

.fixNav__item_type_menu { cursor: pointer; }

.fixNav__item:nth-of-type(3):after { content: none; }

.fixNav__item:nth-of-type(4) { background: #c5a25f; }

.fixNav__item:nth-of-type(4):after { content: none; }

.fixNav__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 16px 0 6px; }

.fixNav__img { height: 59px; width: 74px; }

.footer { background: #000; color: #fff; padding: 34px 0 84px; }

@media screen and (max-width: 768px) { .footer { padding: 34px 0 90px; } }

.footer__info { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 16px; }

@media screen and (max-width: 768px) { .footer__info { display: block; } }

.footer__logo { width: 310px; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }

@media screen and (max-width: 768px) { .footer__logo { margin-bottom: 12px; text-align: center; width: 100%; } }

.footer__logoImg { height: 32px; margin: 0 30px 0 3px; width: 276px; }

@media screen and (max-width: 768px) { .footer__logoImg { height: 25px; margin: 0; width: 228px; } }

.footer__dd { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; white-space: nowrap; width: 100%; }

@media screen and (max-width: 1024px) { .footer__dd { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-left: auto; } }

@media screen and (max-width: 768px) { .footer__dd { display: block; } }

.footer__address { font-size: 1rem; letter-spacing: 0.05em; }

@media screen and (max-width: 768px) { .footer__address { line-height: 1.6; margin-bottom: 10px; text-align: center; } }

.footer__address br { display: none; }

@media screen and (max-width: 768px) { .footer__address br { display: block; } }

.footer__tel { font-size: 2rem; letter-spacing: 0.05em; }

@media screen and (max-width: 768px) { .footer__tel { text-align: center; } }

@media screen and (max-width: 480px) { .footer__tel { font-size: 1rem; } }

.footer__number { font-size: 2.6rem; letter-spacing: 0.05em; }

@media screen and (max-width: 480px) { .footer__number { font-size: 2rem; } }

.footer__nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.footer__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-left: 10px; position: relative; width: 100%; }

@media screen and (max-width: 768px) { .footer__list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-left: 0; } }

.footer__list:after { background: #000; bottom: 0; content: ""; height: calc(100% - 12px); height: 134px; position: absolute; right: 0; top: 0; width: 1px; }

.footer__list:last-of-type:after { content: none; }

.footer__item { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; width: 142px; }

@media screen and (max-width: 768px) { .footer__item { margin: 0 0 28px; width: 120px; } }

@media screen and (max-width: 480px) { .footer__item { width: 50%; } }

@media screen and (max-width: 768px) { .footer__item:nth-of-type(4) { width: 80px; } }

@media screen and (max-width: 480px) { .footer__item:nth-of-type(4) { width: 50%; } }

.footer__item_type_contact { margin-left: auto; width: auto; }

@media screen and (max-width: 768px) { .footer__item_type_contact { margin: 0 auto 40px; -webkit-box-ordinal-group: 0; -webkit-order: -1; -ms-flex-order: -1; order: -1; width: 100%; } }

@media screen and (max-width: 768px) { .footer__subItem { padding-left: 2px; } }

.footer__link { font-size: 1.6rem; line-height: 1; padding: 0 0 10px; }

@media screen and (max-width: 768px) { .footer__link { margin-left: calc(100% - 114px); padding-bottom: 14px; width: 114px; } }

.footer__item:nth-of-type(even) .footer__link { margin-left: 0; margin-right: calc(100% - 114px); }

.footer__subLink { color: #fff; display: block; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; padding-bottom: 4px; }

@media screen and (max-width: 768px) { .footer__subLink { font-size: 1rem; margin-left: calc(100% - 114px); padding-bottom: 6px; width: 114px; } }

.footer__item:nth-of-type(even) .footer__subLink { margin-left: 0; margin-right: calc(100% - 114px); }

.footer__subLink:before { content: ">"; margin-right: 6px; }

.footer__item:nth-of-type(4) .footer__link { padding-bottom: 15px; }

.footer__item_type_contact .footer__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; background: #fff; color: #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; height: 36px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0; -webkit-transition: 0.5s; transition: 0.5s; width: 210px; }

@media screen and (max-width: 768px) { .footer__item_type_contact .footer__link { margin: 0 auto; } }

.footer__item_type_contact .footer__link:hover { background: #000; color: #fff; }

.footer__link, .footer__subLink { display: inline-block; position: relative; }

.footer__subLink { font-size: 1.1rem; }

.footer__link:after, .footer__subLink:after { background: #fff; content: ""; display: block; height: 1px; left: 0; opacity: 0; position: absolute; top: 22px; -webkit-transition: 0.5s; transition: 0.5s; width: calc(100% + 4px); }

.footer__subLink:after { left: 14px; top: 20px; width: calc(100% - 14px); }

.footer__link:hover, .footer__subLink:hover { opacity: 1; }

.footer__link:hover:after { opacity: 1; top: 24px; }

.footer__subLink:hover:after { opacity: 1; top: 22px; }

.footer span.footer__link:after { content: none; }

.footer__item_type_contact .footer__link:after { content: none; }

.footer__copy { color: #fff; display: block; letter-spacing: 0.05em; text-align: right; padding: 6px 0; }

@media screen and (max-width: 768px) { .footer__copy { text-align: center; } }

@media screen and (max-width: 480px) { .footer__copy { font-size: 0.5rem; white-space: nowrap; } }

@-webkit-keyframes isShow { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes isShow { 0% { opacity: 0; }
  100% { opacity: 1; } }

.reserve { bottom: 0; left: 0; position: fixed; -webkit-transition: 0.3s ease-in; transition: 0.3s ease-in; width: 100%; z-index: 3; }

@media screen and (max-width: 768px) { .reserve { bottom: 80px; visibility: hidden; display: none; } }

.reserve.is_show { -webkit-animation: isShow 0.5s 0.7s forwards; animation: isShow 0.5s 0.7s forwards; }

.reserve.is_open { opacity: 1; visibility: visible; }

.reserve:before, .reserve:after { content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.reserve:before { background: #fff; z-index: 1; }

.reserve:after { background: -webkit-gradient(linear, left top, right top, from(#cba660), color-stop(30%, #cba660), color-stop(30%, rgba(203, 166, 96, 0.5)), to(rgba(203, 166, 96, 0.5))); background: linear-gradient(90deg, #cba660 0%, #cba660 30%, rgba(203, 166, 96, 0.5) 30%, rgba(203, 166, 96, 0.5) 100%); z-index: 2; }

@media screen and (max-width: 1400px) { .reserve:after { background: -webkit-gradient(linear, left top, right top, from(#cba660), color-stop(20%, #cba660), color-stop(20%, rgba(203, 166, 96, 0.5)), to(rgba(203, 166, 96, 0.5))); background: linear-gradient(90deg, #cba660 0%, #cba660 20%, rgba(203, 166, 96, 0.5) 20%, rgba(203, 166, 96, 0.5) 100%); } }

@media screen and (max-width: 768px) { .reserve:after { background: rgba(203, 166, 96, 0.5); } }

.reserve__inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 3; }

@media screen and (max-width: 768px) { .reserve__inner { display: block; } }

.reserve__ttl { background: #cba660; color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-right: 72px; padding: 4px 0; position: relative; width: 296px; }

@media screen and (max-width: 768px) { .reserve__ttl { margin: 0 0 16px -20px; padding: 16px 0; text-align: center; width: calc(100% + 40px); } }

.reserve__ttl:after { border-style: solid; border-width: 72px 72px 0 72px; border-color: #cba660 transparent transparent transparent; content: ""; height: 0; position: absolute; right: -72px; top: 0; width: 0; z-index: -1; }

@media screen and (max-width: 768px) { .reserve__ttl:after { content: none; } }

.reserve__ttlEn { display: block; font-size: 2.6rem; }

.reserve__ttlJa { font-size: 1.6rem; }

.reserve__overlay { bottom: 0; content: ""; display: none; height: 100vh; left: 0; position: fixed; width: 100%; z-index: -1; }

.reserve.is_open .reserve__overlay { background: rgba(0, 0, 0, 0.3); display: block; }

.reserve__altBtn { background: #cba660; border: navajowhite; color: #fff; font-size: 1.8rem; margin-left: auto; padding: 6px 30px; white-space: nowrap; }

@media screen and (max-width: 768px) { .reserve__altBtn { display: block; margin: 16px auto; } }

.reserve__altBtn:focus { outline: none; }

.date_489ban dt, .stay_489ban dt, .room_489ban dt, .date_489ban input[name="date"] + label { display: none; }

#search_489ban form, .inbox_489ban, .room_489ban dd { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { #search_489ban form, .inbox_489ban, .room_489ban dd { display: block; } }

#search_489ban input, #search_489ban select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../images/arrow_select.svg) no-repeat right 12px center/18px 9px; border-radius: 0; font-size: 1.6rem; border: none; height: 40px; margin-right: 16px; padding: 6px 20px; width: 104px; }

@media screen and (max-width: 768px) { #search_489ban input, #search_489ban select { margin: 0 0 10px; padding: 6px 20px; width: 100%; } }

#search_489ban input:focus, #search_489ban select:focus { outline: none; }

#search_489ban input::-ms-expand, #search_489ban select::-ms-expand { display: none; }

#search_489ban input { width: 198px; }

@media screen and (max-width: 768px) { #search_489ban input { margin-bottom: 10px; width: 100%; } }

#search_489ban .digits + span { font-size: 1.6rem; position: relative; right: 74px; }

@media screen and (max-width: 768px) { #search_489ban .digits + span { right: 0; } }

@media screen and (max-width: 768px) { #search_489ban .room_489ban { margin-bottom: -10px; } }

@media screen and (max-width: 768px) { #search_489ban .room_489ban .digits { width: calc(100% - 24px); } }

#search_489ban button { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #cba660; border: none; border: navajowhite; color: #fff; font-size: 1.8rem; margin-left: -16px; padding: 6px 30px; white-space: nowrap; }

@media screen and (max-width: 768px) { #search_489ban button { display: block; margin: 16px auto; } }

#search_489ban button:focus { outline: none; }

.wrap { margin-left: auto; margin-right: auto; padding: 0 40px; position: relative; max-width: 1080px; width: 100%; }

@media screen and (max-width: 768px) { .wrap { padding: 0 16px; } }

.gold { color: #cba660; }

.pageTtl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; height: 300px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.pageTtl__wrap { padding: 15px 35px; position: relative; }

@media screen and (max-width: 321px) { .pageTtl__wrap { padding: 15px 20px; } }

.pageTtl__wrap:before { background: #817b8e; content: ""; display: block; height: 100%; left: 0; mix-blend-mode: multiply; position: absolute; top: 0; width: 100%; }

@media all and (-ms-high-contrast: none) { .pageTtl__wrap:before { background-color: rgba(30, 0, 51, 0.6); } }

.pageTtl__en { color: #cba660; font-size: 4.6rem; letter-spacing: 0.05em; position: relative; text-align: center; z-index: 1; }

@media screen and (max-width: 768px) { .pageTtl__en { font-size: 2.7rem; } }

.pageTtl__ja { color: #fff; font-size: 1.8rem; position: relative; text-align: center; z-index: 1; }

@media screen and (max-width: 768px) { .pageTtl__ja { font-size: 1.4rem; } }

.btnLink { border: 1px solid #000; font-size: 1.8rem; font-weight: bold; display: inline-block; height: 46px; letter-spacing: 0.05em; line-height: 2.555; padding: 0 56px 0 36px; position: relative; text-align: center; -webkit-transition: 0.5s ease-in; transition: 0.5s ease-in; }

@media screen and (max-width: 768px) { .btnLink { font-size: 1.8rem; height: 46px; line-height: 46px; padding: 0; } }

.btnLink:hover { background-color: #000; color: #fff; }

.btnLink:after { bottom: 0; border-right: 2px solid #000; border-top: 2px solid #000; content: ""; display: block; height: 12px; margin: auto; position: absolute; right: 12px; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: 0.5s ease-in; transition: 0.5s ease-in; width: 12px; }

.btnLink:hover:after { border-color: #fff; }

.pcBr { display: block; }

@media screen and (max-width: 768px) { .pcBr { display: none; } }

.spBr { display: none; }

@media screen and (max-width: 768px) { .spBr { display: block; } }

.topAbout__ttl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbout__ttl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbout__ttl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbout__txt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbout__txt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbout__txt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbout__btn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbout__btn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbout__btn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbout__fig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbout__fig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbout__fig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topCovid__box { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topCovid__box { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topCovid__box.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.sectionTtl__en { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .sectionTtl__en { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.sectionTtl__en.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.sectionTtl__ja { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .sectionTtl__ja { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.sectionTtl__ja.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topRooms { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topRooms { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topRooms.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topRooms__lead { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topRooms__lead { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topRooms__lead.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topRooms__fig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topRooms__fig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topRooms__fig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topRooms__btn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topRooms__btn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topRooms__btn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topRooms__link { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topRooms__link { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topRooms__link.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topFacility__item { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topFacility__item { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topFacility__item.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topFacility__subTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topFacility__subTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topFacility__subTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topFacility__more { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topFacility__more { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topFacility__more.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topService__ttl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topService__ttl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topService__ttl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topService__item { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topService__item { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topService__item.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbtown { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbtown { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbtown.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbtown__fig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbtown__fig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbtown__fig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbtown__txt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbtown__txt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbtown__txt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbtown__link { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topAbtown__link { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topAbtown__link.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topNews__link { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topNews__link { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topNews__link.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topicsDt__body h2 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topicsDt__body h2 { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topicsDt__body h2.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topicsDt__body h3 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topicsDt__body h3 { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topicsDt__body h3.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topicsDt__body h4 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topicsDt__body h4 { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topicsDt__body h4.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topicsDt__body p { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topicsDt__body p { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topicsDt__body p.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topicsDt__body figure { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topicsDt__body figure { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topicsDt__body figure.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__ttl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__ttl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__ttl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__txt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__txt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__txt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__fig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__fig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__fig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__logo { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__logo { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__logo.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__uniTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__uniTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__uniTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__uniTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__uniTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__uniTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__btn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__btn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__btn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__abtown { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__abtown { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__abtown.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__abfig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__abfig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__abfig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__abTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__abTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__abTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.about__abTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .about__abTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.about__abTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.pageTtl__en { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .pageTtl__en { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.pageTtl__en.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.pageTtl__ja { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .pageTtl__ja { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.pageTtl__ja.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.pageTtl__lead { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .pageTtl__lead { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.pageTtl__lead.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.room__ttlEn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .room__ttlEn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.room__ttlEn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.room__ttlJa { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .room__ttlJa { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.room__ttlJa.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.room__lead { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .room__lead { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.room__lead.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.room__leadTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .room__leadTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.room__leadTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.room__main { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .room__main { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.room__main.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.room__item { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .room__item { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.room__item.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.room__data { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .room__data { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.room__data.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.point__secTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .point__secTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.point__secTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.point__ttl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .point__ttl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.point__ttl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.point__fig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .point__fig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.point__fig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.point__txt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .point__txt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.point__txt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.rTable__dl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .rTable__dl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.rTable__dl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.rTable__btn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .rTable__btn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.rTable__btn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.covid__lead { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .covid__lead { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.covid__lead.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.covid__leadTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .covid__leadTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.covid__leadTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.covid__unitTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .covid__unitTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.covid__unitTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.covid__fig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .covid__fig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.covid__fig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.covid__txt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .covid__txt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.covid__txt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__lead { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__lead { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__lead.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__leadTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__leadTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__leadTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__unitTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__unitTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__unitTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__unitBg { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__unitBg { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__unitBg.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__unitTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__unitTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__unitTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__unitBtn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__unitBtn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__unitBtn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__detFig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__detFig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__detFig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__detTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__detTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__detTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__detTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__detTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__detTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__itemFig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__itemFig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__itemFig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__itemTtl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__itemTtl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__itemTtl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__itemTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__itemTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__itemTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.fac__dl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .fac__dl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.fac__dl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__lead { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__lead { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__lead.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__leadTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__leadTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__leadTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__leadFig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__leadFig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__leadFig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__fig { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__fig { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__fig.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__num { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__num { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__num.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__ttl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__ttl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__ttl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__txt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__txt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__txt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__item { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__item { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__item.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.meet__dl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .meet__dl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.meet__dl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.qa__lead { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .qa__lead { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.qa__lead.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.qa__leadTxt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .qa__leadTxt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.qa__leadTxt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.qa__queWrap { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .qa__queWrap { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.qa__queWrap.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.qa__ansWrap { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .qa__ansWrap { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.qa__ansWrap.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.qa__btn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .qa__btn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.qa__btn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.contact__txt { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .contact__txt { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.contact__txt.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.contact__dl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .contact__dl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.contact__dl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.contact__btn { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .contact__btn { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.contact__btn.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.contact__button { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .contact__button { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.contact__button.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.contact__button button { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .contact__button button { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.contact__button button.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topics__item { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .topics__item { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.topics__item.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.pagination__list { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .pagination__list { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.pagination__list.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__date { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__date { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__date.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__cat { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__cat { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__cat.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__ttl { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__ttl { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__ttl.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__body p { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__body p { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__body p.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__body h2 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__body h2 { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__body h2.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__body h3 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__body h3 { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__body h3.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__body h4 { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__body h4 { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__body h4.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.newsDt__linkArea { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

@media screen and (max-width: 768px) { .newsDt__linkArea { -webkit-transform: translateY(40px); transform: translateY(40px); } }

.newsDt__linkArea.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.footer__list:nth-of-type(2) { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }

@media screen and (max-width: 768px) { .footer__list:nth-of-type(2) { -webkit-transition-delay: 0; transition-delay: 0; } }

.footer__list:nth-of-type(3) { -webkit-transition-delay: 0.6s; transition-delay: 0.6s; }

@media screen and (max-width: 768px) { .footer__list:nth-of-type(3) { -webkit-transition-delay: 0; transition-delay: 0; } }

.top .facility__item:nth-of-type(2) { -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

@media screen and (max-width: 768px) { .top .facility__item:nth-of-type(2) { -webkit-transition-delay: 0; transition-delay: 0; } }

.top .facility__item:nth-of-type(3) { -webkit-transition-delay: 0.4s; transition-delay: 0.4s; }

@media screen and (max-width: 768px) { .top .facility__item:nth-of-type(3) { -webkit-transition-delay: 0; transition-delay: 0; } }

.top .topics__item { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

.top .topics__item.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.access_page_top .access__ttlJa, .access_page_top .access__map, .access_page_top .access__txt, .access_page_top .access__dl, .footer_page_top .footer__logo, .footer_page_top .footer__address, .footer_page_top .footer__tel, .footer_page_top .footer__item, .footer_page_top .footer__copy { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, -webkit-transform 0.7s ease-out; }

.access_page_top .access__ttlJa.js_active, .access_page_top .access__map.js_active, .access_page_top .access__txt.js_active, .access_page_top .access__dl.js_active, .footer_page_top .footer__logo.js_active, .footer_page_top .footer__address.js_active, .footer_page_top .footer__tel.js_active, .footer_page_top .footer__item.js_active, .footer_page_top .footer__copy.js_active { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }

.topAbout__btn, .topRooms__btn, .topAbtown__link { -webkit-transition: opacity 0.7s, background-color 0.5s ease-in, color 0.5s ease-in, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, background-color 0.5s ease-in, color 0.5s ease-in, -webkit-transform 0.7s ease-out; transition: opacity 0.7s, transform 0.7s ease-out, background-color 0.5s ease-in, color 0.5s ease-in; transition: opacity 0.7s, transform 0.7s ease-out, background-color 0.5s ease-in, color 0.5s ease-in, -webkit-transform 0.7s ease-out; }

/* All a user has to do to change the calendar size is change the font-size on the container and everything magically resizes accordingly. Relative units ftw! */
.qs-datepicker-container { font-size: 1rem; font-family: sans-serif; color: black; position: absolute; width: 19.8em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; z-index: 9001; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid gray; border-radius: 0.33444em; overflow: hidden; background: white; -webkit-box-shadow: 0 1.584em 1.584em -1.188em rgba(0, 0, 0, 0.3); box-shadow: 0 1.584em 1.584em -1.188em rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 768px) { .qs-datepicker-container { width: 100%; } }

.qs-datepicker-container * { -webkit-box-sizing: border-box; box-sizing: border-box; }

.qs-centered { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.qs-hidden { display: none; }

.qs-overlay { position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); color: white; width: 100%; height: 100%; padding: .5em; z-index: 1; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

.qs-overlay.qs-hidden { opacity: 0; z-index: -1; }

.qs-overlay .qs-overlay-year { border: none; background: transparent; border-bottom: 1px solid white; border-radius: 0; color: white; font-size: 1.1088em; padding: .25em 0; width: 80%; text-align: center; margin: 0 auto; display: block; }

.qs-overlay .qs-overlay-year::-webkit-inner-spin-button { -webkit-appearance: none; }

.qs-overlay .qs-close { padding: .5em; cursor: pointer; position: absolute; top: 0; right: 0; }

.qs-overlay .qs-submit { border: 1px solid white; border-radius: 0.33444em; padding: .5em; margin: 0 auto auto; cursor: pointer; background: rgba(128, 128, 128, 0.4); }

.qs-overlay .qs-submit.qs-disabled { color: gray; border-color: gray; cursor: not-allowed; }

.qs-overlay .qs-overlay-month-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; }

.qs-overlay .qs-overlay-month { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: calc(100% / 3); cursor: pointer; opacity: .5; -webkit-transition: opacity 0.15s; transition: opacity 0.15s; }

.qs-overlay .qs-overlay-month.active, .qs-overlay .qs-overlay-month:hover { opacity: 1; }

.qs-controls { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; background: lightgray; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transition: -webkit-filter 0.3s; transition: -webkit-filter 0.3s; transition: filter 0.3s; transition: filter 0.3s, -webkit-filter 0.3s; }

.qs-controls.qs-blur { -webkit-filter: blur(5px); filter: blur(5px); }

.qs-arrow { height: 1.98em; width: 1.98em; position: relative; cursor: pointer; border-radius: 0.33444em; -webkit-transition: background .15s; transition: background .15s; }

.qs-arrow:hover { background: rgba(0, 0, 0, 0.1); }

.qs-arrow:hover.qs-left:after { border-right-color: black; }

.qs-arrow:hover.qs-right:after { border-left-color: black; }

.qs-arrow:after { content: ''; border: 0.495em solid transparent; position: absolute; top: 50%; -webkit-transition: border .2s; transition: border .2s; }

.qs-arrow.qs-left:after { border-right-color: gray; right: 50%; -webkit-transform: translate(25%, -50%); transform: translate(25%, -50%); }

.qs-arrow.qs-right:after { border-left-color: gray; left: 50%; -webkit-transform: translate(-25%, -50%); transform: translate(-25%, -50%); }

.qs-month-year { font-weight: bold; -webkit-transition: border .2s; transition: border .2s; border-bottom: 1px solid transparent; cursor: pointer; }

.qs-month-year:hover { border-bottom: 1px solid gray; }

.qs-month-year:focus, .qs-month-year:active:focus { outline: none; }

.qs-month { padding-right: .5ex; }

.qs-year { padding-left: .5ex; }

.qs-squares { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.396em; -webkit-filter: blur(0px); filter: blur(0px); -webkit-transition: -webkit-filter 0.3s; transition: -webkit-filter 0.3s; transition: filter 0.3s; transition: filter 0.3s, -webkit-filter 0.3s; }

.qs-squares.qs-blur { -webkit-filter: blur(5px); filter: blur(5px); }

.qs-square { width: calc(100% / 7); height: 1.98em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; -webkit-transition: background .1s; transition: background .1s; border-radius: 0.33444em; }

.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover { background: orange; }

.qs-current { font-weight: bold; text-decoration: underline; }

/* 3 possibilities: 1. Single, active date. 2. Daterange start selection. 3. Daterange end selection. */
.qs-active, .qs-range-start, .qs-range-end { background: lightblue; }

.qs-range-start:not(.qs-range-6) { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.qs-range-middle { background: #d4ebf2; }

.qs-range-middle:not(.qs-range-0):not(.qs-range-6) { border-radius: 0; }

.qs-range-middle.qs-range-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; }

.qs-range-middle.qs-range-6 { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.qs-range-end:not(.qs-range-0) { border-top-left-radius: 0; border-bottom-left-radius: 0; }

.qs-disabled, .qs-outside-current-month { opacity: .2; }

.qs-disabled { cursor: not-allowed; }

.qs-empty { cursor: default; }

.qs-day { cursor: default; font-weight: bold; color: gray; }

.qs-event { position: relative; }

.qs-event:after { content: ''; position: absolute; width: 0.594em; height: 0.594em; border-radius: 50%; background: #07f; bottom: 0; right: 0; }

.page404 { padding-bottom: 100px; }

.page404__pageTtl { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; font-size: 2.8rem; margin: 80px auto; text-align: center; }

@media screen and (max-width: 768px) { .page404__pageTtl { font-size: 2rem; margin-bottom: 30px; } }

.page404__secTtl { font-size: 1.8rem; line-height: 2; margin-bottom: 30px; text-align: center; }

@media screen and (max-width: 768px) { .page404__secTtl { font-size: 1.4rem; margin-bottom: 30px; } }

.page404__secTtl br { display: none; }

@media screen and (max-width: 480px) { .page404__secTtl br { display: block; } }

.page404__txt { font-size: 1.8rem; line-height: 2; margin-bottom: 30px; text-align: center; }

@media screen and (max-width: 768px) { .page404__txt { font-size: 1.4rem; margin-bottom: 30px; }
  .page404__txt:last-of-type { margin: 0; } }

@media screen and (max-width: 480px) { .page404__txt { text-align: left; } }

.page404__secTtl br { display: block; }

@media screen and (max-width: 480px) { .page404__secTtl br { display: none; } }

.page404__link { border: 1px solid #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: bold; height: 46px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0.05em; line-height: 2.555; margin: 50px auto; padding: 0 56px 0 36px; position: relative; -webkit-transition: 0.5s ease-in; transition: 0.5s ease-in; text-align: center; width: 263px; }

@media screen and (max-width: 768px) { .page404__link { margin: 50px auto 0; } }

.about { overflow: hidden; }

.about__contents { padding-bottom: 90px; }

@media screen and (max-width: 768px) { .about__contents { padding-bottom: 0px; } }

.about__ttlArea { margin-bottom: 45px; }

@media screen and (max-width: 768px) { .about__ttlArea { margin-bottom: 20px; } }

.about__mvImg { background: url(../images/about_mv.jpg) no-repeat center/cover; height: 665px; }

@media screen and (max-width: 768px) { .about__mvImg { height: 522px; } }

.about__mv { position: relative; z-index: -1; overflow: hidden; }

.about__inn { max-width: 900px; margin: 0 auto; padding: 0px 180px; position: absolute; top: 100px; }

@media screen and (max-width: 1024px) { .about__inn { padding: 0px 40px; } }

@media screen and (max-width: 768px) { .about__inn { padding: 20px 20px; top: 30px; } }

.about__ttl { color: #fff; font-size: 3.6rem; font-weight: bold; letter-spacing: 0.05em; line-height: 1.5; margin-bottom: 30px; }

@media screen and (max-width: 768px) { .about__ttl { font-size: 2.4rem; letter-spacing: -0.01em; margin-bottom: 30px; } }

@media screen and (max-width: 321px) { .about__ttl { font-size: 2.2rem; } }

.about__txt { color: #fff; font-size: 1.6rem; letter-spacing: 0.1em; line-height: 1.7; }

@media screen and (max-width: 768px) { .about__txt { font-size: 1.4rem; letter-spacing: -0.01em; line-height: 1.9; } }

@media screen and (max-width: 321px) { .about__txt { font-size: 1.3rem; } }

.about__unit { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 125px; }

@media screen and (max-width: 1024px) { .about__unit { margin-bottom: 75px; } }

@media screen and (max-width: 768px) { .about__unit { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 98px; } }

.about__unit:nth-of-type(1) { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-top: -55px; margin-bottom: 135px; }

@media screen and (max-width: 1024px) { .about__unit:nth-of-type(1) { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 85px; margin-top: 50px; } }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(1) { margin-top: 15px; margin-bottom: 70px; } }

.about__unit:nth-of-type(1) .about__uniTxt { font-size: 1.6rem; margin-bottom: 0px; }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(1) .about__uniTxt { font-size: 1.4rem; line-height: 1.9; } }

.about__unit:nth-of-type(1) .about__fig { min-width: 585px; width: 585px; }

@media screen and (max-width: 1024px) { .about__unit:nth-of-type(1) .about__fig { min-width: 45%; width: 45%; } }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(1) .about__fig { margin-bottom: 20px; min-width: 100%; width: 100%; } }

.about__unit:nth-of-type(3) { margin-bottom: 80px; }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(3) { margin-bottom: 106px; } }

.about__unit:nth-of-type(3) .about__fig { min-width: 405px; width: 405px; }

@media screen and (max-width: 1024px) { .about__unit:nth-of-type(3) .about__fig { min-width: 45%; width: 45%; } }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(3) .about__fig { min-width: 100%; width: 100%; } }

.about__unit:nth-of-type(3) .about__btn { margin-right: 0px; }

.about__unit:nth-of-type(even) .about__fig { margin-right: 0px; margin-left: 50px; }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(even) .about__fig { margin-left: 0px; } }

.about__unit:nth-of-type(odd) .about__fig { margin-left: 0px; margin-right: 50px; }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(odd) .about__fig { margin-right: 0px; } }

.about__unit:nth-of-type(4) { margin-bottom: 90px; }

@media screen and (max-width: 768px) { .about__unit:nth-of-type(4) { margin-bottom: 96px; }
  .about__unit:nth-of-type(4) .about__fig { margin-bottom: 30px; } }

@media screen and (max-width: 768px) { .about__txtArea { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } }

.about__uniTtl { font-size: 3rem; font-weight: bold; letter-spacing: 0.2em; line-height: 1.4; margin-bottom: 17px; }

.about__uniTtl_type_gold { color: #cda95b; }

@media screen and (max-width: 1024px) { .about__uniTtl { font-size: 2.5rem; } }

@media screen and (max-width: 768px) { .about__uniTtl { font-size: 2.4rem; letter-spacing: 0.1em; line-height: 1.5; margin-bottom: 10px; } }

@media screen and (max-width: 321px) { .about__uniTtl { font-size: 2.1rem; } }

.about__uniTxt { font-size: 1.8rem; letter-spacing: 0.01em; line-height: 1.7; margin-bottom: 41px; }

@media screen and (max-width: 768px) { .about__uniTxt { font-size: 1.4rem; line-height: 1.9; margin-bottom: 30px; } }

.about__fig { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 60px; min-width: 415px; width: 415px; }

@media screen and (max-width: 1024px) { .about__fig { min-width: 45%; width: 45%; } }

@media screen and (max-width: 768px) { .about__fig { height: 100%; margin-bottom: 14px; margin-left: 0; min-width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; width: 100%; } }

.about__img { width: 100%; }

.about__logo { height: 93px; margin: 0px 0px 8px -10px; width: 277px; }

@media screen and (max-width: 768px) { .about__logo { height: 80px; margin: 0 auto 12px; width: 240px; } }

.about__btnWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.about__btn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.14em; margin-right: -40px; padding: 9px 20px; position: relative; }

@media screen and (max-width: 768px) { .about__btn { margin-right: 0px; padding: 9px 53px 9px 25px; } }

.about__btn:after { content: ""; border-right: solid 1px #000; border-top: solid 1px #000; display: block; height: 10px; margin-left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }

@media screen and (max-width: 768px) { .about__btn:after { position: absolute; right: 13px; top: 50%; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); } }

.about__btn_type_ab { border: 1px solid #fff; color: #fff; margin: 0; }

.about__btn_type_ab:after { border-right: solid 1px #fff; border-top: solid 1px #fff; }

.about__abtown { background: url(../images/about_05.jpg) no-repeat center/cover; padding: 75px 70px 40px; position: relative; width: 100%; }

.about__abtown .about__btnWrap { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; }

@media screen and (max-width: 1024px) { .about__abtown { padding: 50px 30px; } }

@media screen and (max-width: 768px) { .about__abtown { padding: 48px 20px 57px; margin-left: -15px; margin-right: -15px; width: auto; } }

.about__abContent { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 44px; }

@media screen and (max-width: 768px) { .about__abContent { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 43px; } }

.about__abFig { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 200px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 110px; min-width: 287px; padding: 20px 40px; width: 287px; }

@media screen and (max-width: 1024px) { .about__abFig { height: 180px; margin-left: 0px; margin-right: 40px; min-width: 250px; width: 250px; } }

@media screen and (max-width: 768px) { .about__abFig { height: 165px; margin: 0 auto 34px; max-width: 235px; min-width: auto; padding: 20px 25px; } }

.about__abLogo { height: 113px; width: 207px; }

.about__abTtl { color: #fff; font-size: 2.4rem; font-weight: bold; letter-spacing: 0.05em; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .about__abTtl { font-size: 1.8rem; line-height: 1.6; margin-bottom: 11px; } }

.about__abTxt { color: #fff; font-size: 1.6rem; letter-spacing: 0.1em; line-height: 1.5; }

@media screen and (max-width: 768px) { .about__abTxt { font-size: 1.4rem; } }

.about__spBr { display: none; }

@media screen and (max-width: 768px) { .about__spBr { display: block; } }

.contact + .access { display: none; }

.contact { padding: 16px 0 140px; }

@media screen and (max-width: 768px) { .contact { padding: 16px 0 110px; } }

.contact .pageTtl { height: auto; margin-bottom: 24px; }

@media screen and (max-width: 768px) { .contact .pageTtl { margin-bottom: 18px; } }

.contact .pageTtl__wrap { background: none; }

.contact .pageTtl__wrap:before { content: none; }

.contact .pageTtl__en { color: #817b8e; display: block; font-size: 4.6rem; letter-spacing: 0.15em; margin-bottom: -4px; }

@media screen and (max-width: 480px) { .contact .pageTtl__en { font-size: 2.6rem; margin-bottom: 0; } }

.contact .pageTtl__ja { color: #000; display: block; }

.contact__txt { font-size: 1.8rem; line-height: 1.888; margin-bottom: 8px; text-align: center; }

@media screen and (max-width: 768px) { .contact__txt { font-size: 1.4rem; line-height: 1.75; margin-bottom: 20px; white-space: nowrap; } }

@media screen and (max-width: 350px) { .contact__txt { font-size: 1.3rem; } }

.contact__txt:last-of-type { margin-bottom: 46px; }

@media screen and (max-width: 768px) { .contact__txt:last-of-type { font-size: 1.6rem; margin-bottom: 40px; } }

@media screen and (max-width: 480px) { .contact__txt:last-of-type { text-align: center; } }

@media screen and (max-width: 350px) { .contact__txt:last-of-type { font-size: 1.5rem; } }

.contact__req { color: #e60012; margin-left: 8px; }

.contact__contents { max-width: 980px; }

.contact__dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 4px; min-height: 108px; position: relative; }

@media screen and (max-width: 768px) { .contact__dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; min-height: auto; } }

.contact__dt { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1.8rem; font-weight: bold; width: 278px; white-space: nowrap; }

@media screen and (max-width: 768px) { .contact__dt { font-size: 1.8rem; margin: 0 0 12px; max-width: none; width: 100%; } }

.contact__dt label { font-weight: bold; }

.contact__dd { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.8rem; position: relative; width: calc(100% - 278px); }

@media screen and (max-width: 768px) { .contact__dd { font-size: 1.6rem; margin-bottom: 24px; max-width: none; width: 100%; } }

.contact__dd input { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #898989; border-radius: 4px; font-size: 1.6rem; height: 52px; padding: 0 10px; width: 100%; }

@media screen and (max-width: 768px) { .contact__dd input { padding: 8px 10px; } }

.contact__dd input:focus { outline: none; }

.contact__dd textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #898989; border-radius: 4px; height: 240px; resize: none; padding: 8px 10px; width: 100%; }

@media screen and (max-width: 768px) { .contact__dd textarea { height: 262px; margin-top: 6px; } }

.contact__dd textarea:focus { outline: none; }

.contact__dl_box_content { margin-top: 38px; }

@media screen and (max-width: 768px) { .contact__dl_box_content { margin-top: 0; } }

.contact__dl_box_content .contact__dt { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 8px; }

.contact__dl_box_policy { margin: 64px 0 25px; position: relative; }

@media screen and (max-width: 768px) { .contact__dl_box_policy { margin: 4px 0 20px; padding: 0 0 28px; } }

.contact__dl_box_policy .contact__dt { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 8px; white-space: normal; }

@media screen and (max-width: 768px) { .contact__dl_box_policy .contact__dt { font-weight: bold; margin-bottom: 16px; padding-top: 16px; } }

.contact__dl_box_policy .contact__dd { background: #efefef; font-size: 1.4rem; height: 196px; line-height: 1.75; overflow-y: scroll; padding: 16px 34px; text-align: justify; width: 100%; }

@media screen and (max-width: 768px) { .contact__dl_box_policy .contact__dd { font-size: 1.2rem; height: 196px; line-height: 2; margin: 0 0 -20px; padding: 14px 22px 20px 22px; } }

.contact__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .contact__button { display: block; text-align: center; } }

.contact__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .contact__button { display: block; } }

.contact__button br { display: none; }

.contact__privacy { display: none; }

.contact__privacy:checked ~ .contact__checkTxt:after { content: ""; }

.contact__checkTxt { display: block; font-size: 1.8rem; padding-left: 46px; position: relative; }

@media screen and (max-width: 768px) { .contact__checkTxt { font-size: 1.8rem; margin: 0 auto; padding-left: 32px; width: 130px; } }

.contact__checkTxt:before { border: 2px solid #231815; content: ""; display: block; height: 26px; left: 6px; position: absolute; top: 0px; width: 26px; }

@media screen and (max-width: 768px) { .contact__checkTxt:before { height: 22px; left: 10px; top: 0; width: 22px; } }

.contact__checkTxt:after { border-left: 2px solid #231815; border-top: 2px solid #231815; content: none; display: block; height: 18px; left: 14px; position: absolute; top: 2px; -webkit-transform: rotate(225deg); transform: rotate(225deg); width: 10px; }

@media screen and (max-width: 768px) { .contact__checkTxt:after { top: -2px; left: 16px; } }

.contact__submit { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #000; border: 1px solid #000; color: #fff; height: 68px; letter-spacing: 0.1em; margin-top: 64px; padding: 0; text-decoration: none; width: 282px; }

@media screen and (max-width: 768px) { .contact__submit { font-size: 1.6rem; height: auto; margin: 52px auto 0; max-width: 282px; padding: 10px 0; width: 100%; } }

.contact__submit:before { content: none; }

.contact__submit:after { border-color: #fff; right: 18px; }

.contact__submit:focus { outline: none; }

.contact__submit:hover { background: #fff; border-color: #000; color: #000; }

.contact__submit:hover:after { border-color: #000; }

.contact__submit[disabled] { border-color: #777; background: #777; color: #fff; cursor: default; }

.contact__submit[disabled]:hover:after { border-color: #fff; }

.contact .mw_wp_form_input .contact__button { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.contact .mw_wp_form_input .contact__button:before { content: ""; display: block; height: 1px; width: 276px; }

.contact .mw_wp_form .contact__error, .contact .mw_wp_form .error { bottom: 0; color: #e60012; font-size: 1.4rem; left: 0; margin-left: 4px; position: absolute; }

@media screen and (max-width: 768px) { .contact .mw_wp_form .contact__error, .contact .mw_wp_form .error { font-size: 1.4rem; margin: 4px 0 0 1em; position: static; } }

.contact .mw_wp_form .contact__dl_box_content .error { bottom: -28px; }

.contact .mw_wp_form_confirm .contact__dd { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .contact .mw_wp_form_confirm .contact__dd { font-size: 1.8rem; } }

.contact .mw_wp_form_confirm .contact__dl_box_content .contact__dd { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-top: 10px; }

@media screen and (max-width: 768px) { .contact .mw_wp_form_confirm .contact__dl_box_content .contact__dd { padding-top: 0; } }

.contact .mw_wp_form_confirm .contact__dl_box_policy { display: none; }

.mw_wp_form_confirm .contact__button:before { content: none; }

.mw_wp_form_confirm .contact__button { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

@media screen and (max-width: 768px) { .mw_wp_form_confirm .contact__button { margin: 0 auto; max-width: 490px; } }

@media screen and (max-width: 480px) { .mw_wp_form_confirm .contact__button { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } }

.contact .mw_wp_form_confirm .contact__checkTxt { display: none; }

.contact__submit_type_back { background: #4d4746; margin-right: 30px; width: 200px; }

@media screen and (max-width: 480px) { .contact__submit_type_back { margin: 26px auto 0; width: 100%; } }

.contact__submit_type_back:after { content: none; }

@media screen and (max-width: 480px) { .contact__submit_type_send { margin-top: 12px; padding: 10px 0; } }

.contact__submit_type_send:hover { background: #fff; color: #4d4746; }

.contact .mw_wp_form_complete { padding-top: 40px; }

@media screen and (max-width: 768px) { .contact .mw_wp_form_complete { padding-top: 20px; } }

.contact .mw_wp_form_complete .contact__txt { margin-bottom: 12px; white-space: normal; }

@media screen and (max-width: 768px) { .contact .mw_wp_form_complete .contact__txt { font-size: 1.4rem; } }

@media screen and (max-width: 480px) { .contact .mw_wp_form_complete .contact__txt { text-align: justify; } }

@media screen and (max-width: 480px) { .contact .mw_wp_form_complete .contact__txt br { display: none; } }

@media screen and (max-width: 480px) { .contact .mw_wp_form_complete .contact__txt:last-of-type { font-size: 1.4rem; } }

.contact .mw_wp_form_complete .contact__btnArea { text-align: center; }

.contact .mw_wp_form_complete .contact__btn { height: 68px; letter-spacing: 0.1em; line-height: 68px; margin: 60px auto -40px; width: 282px; }

@media screen and (max-width: 768px) { .contact .mw_wp_form_complete .contact__btn { height: 52px; line-height: 52px; margin: 30px auto 0; } }

.contact .mw_wp_form_complete .contact__btn:after { right: 20px; }

.contact .mw_wp_form_complete .contact__btn:hover { opacity: 1; }

.covid .pageTtl { background: url(../images/bg_covid.jpg) no-repeat center/cover; }

.covid .pageTtl__wrap:before { content: none; }

.covid .pageTtl__ja { color: #fff; font-size: 4.2rem; }

@media screen and (max-width: 768px) { .covid .pageTtl__ja { font-size: 2.8rem; line-height: 1.75; } }

.covid__contents { padding-bottom: 153px; }

@media screen and (max-width: 768px) { .covid__contents { padding-bottom: 88px; } }

.covid__leadWrap { padding: 60px 0px 57px; }

@media screen and (max-width: 768px) { .covid__leadWrap { padding: 38px 0px 45px; } }

.covid__lead { font-size: 3.6rem; font-weight: bold; text-align: center; letter-spacing: 0.05em; margin-bottom: 15px; }

@media screen and (max-width: 768px) { .covid__lead { font-size: 2.4rem; letter-spacing: 0em; margin-bottom: 15px; } }

@media screen and (max-width: 321px) { .covid__lead { font-size: 2rem; } }

.covid__leadTxt { font-size: 1.6rem; text-align: center; letter-spacing: 0.05em; line-height: 1.75; }

@media screen and (max-width: 768px) { .covid__leadTxt { font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.85; text-align: left; } }

.covid__unit:not(:last-of-type) { margin-bottom: 93px; }

@media screen and (max-width: 768px) { .covid__unit:not(:last-of-type) { margin-bottom: 67px; } }

.covid__unitTtl { background-color: #8d8198; color: #fff; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 3.2rem; letter-spacing: 0.05em; margin-bottom: 48px; padding: 5px 0px; text-align: center; }

@media screen and (max-width: 768px) { .covid__unitTtl { font-size: 2rem; margin-bottom: 15px; } }

@media screen and (max-width: 321px) { .covid__unitTtl { font-size: 1.7rem; } }

.covid__unitWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .covid__unitWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.covid__fig { margin-right: 45px; height: 257px; min-width: 390px; width: 390px; }

@media screen and (max-width: 1024px) { .covid__fig { height: 207px; min-width: 300px; width: 300px; } }

@media screen and (max-width: 768px) { .covid__fig { height: 100%; margin-bottom: 17px; margin-right: 0; min-width: 100%; width: 100%; } }

.covid__img { height: 257px; -o-object-fit: cover; object-fit: cover; width: 100%; }

@media screen and (max-width: 1024px) { .covid__img { height: 207px; } }

@media screen and (max-width: 768px) { .covid__img { height: auto; } }

.covid__txt { font-size: 1.8rem; letter-spacing: 0.01em; line-height: 1.6; margin-top: 5px; }

@media screen and (max-width: 768px) { .covid__txt { font-size: 1.4rem; line-height: 1.7; margin-top: px; } }

.fac .pageTtl { background: url(../images/bg_fac.jpg) no-repeat center/cover; }

.fac__contents { padding-bottom: 115px; }

@media screen and (max-width: 768px) { .fac__contents { padding-bottom: 88px; } }

.fac__leadWrap { padding: 60px 0px 90px; }

@media screen and (max-width: 768px) { .fac__leadWrap { padding: 33px 0px 61px; } }

.fac__lead { font-size: 3.6rem; font-weight: bold; text-align: center; letter-spacing: 0.05em; margin-bottom: 15px; }

@media screen and (max-width: 768px) { .fac__lead { font-size: 2.4rem; letter-spacing: 0em; margin-bottom: 15px; } }

@media screen and (max-width: 321px) { .fac__lead { font-size: 2rem; } }

.fac__leadTxt { font-size: 1.6rem; text-align: center; letter-spacing: 0.05em; line-height: 1.75; }

@media screen and (max-width: 768px) { .fac__leadTxt { font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.85; text-align: left; } }

.fac__unitWrap { margin-bottom: 140px; }

@media screen and (max-width: 768px) { .fac__unitWrap { margin-bottom: 97px; } }

.fac__unit { position: relative; }

.fac__unit:not(:last-of-type) { margin-bottom: 77px; }

@media screen and (max-width: 768px) { .fac__unit:not(:last-of-type) { margin-bottom: 70px; } }

.fac__unitTtl { color: #d1ae5b; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 3rem; letter-spacing: 0.05em; margin-bottom: 20px; text-align: center; }

@media screen and (max-width: 768px) { .fac__unitTtl { font-size: 2.4rem; line-height: 1.2; margin-bottom: 12px; } }

.fac__unitFig { height: 200px; margin-bottom: 10px; min-width: 100%; width: 100%; }

@media screen and (max-width: 768px) { .fac__unitFig { height: 194px; margin-left: -20px; margin-right: -20px; min-width: calc(100% - -40px); width: calc(100% - -40px); } }

.fac__unitBg { height: 195px; margin-bottom: 10px; min-width: 100%; width: 100%; }

.fac__unitBg_num_01 { background: url(../images/fac_01.jpg) no-repeat top/cover; }

@media screen and (max-width: 768px) { .fac__unitBg_num_01 { background: url(../images/fac_01.jpg) no-repeat left -15px top -2px/auto 255px; } }

.fac__unitBg_num_02 { background: url(../images/fac_02.jpg) no-repeat center/cover; }

.fac__unitBg_num_03 { background: url(../images/fac_03.jpg) no-repeat top -60px center/cover; }

@media screen and (max-width: 768px) { .fac__unitBg_num_03 { background: url(../images/fac_03.jpg) no-repeat center/cover; } }

@media screen and (max-width: 768px) { .fac__unitBg { height: 194px; margin-bottom: 15px; margin-left: -20px; margin-right: -20px; min-width: calc(100% - -40px); width: calc(100% - -40px); } }

.fac__unitTxt { font-size: 1.3rem; }

@media screen and (max-width: 768px) { .fac__unitTxt { font-size: 1.4rem; line-height: 1.7; } }

.fac__unitBtn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #fff; border: 1px solid #000; bottom: -6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: bold; padding: 9px 10px 9px 20px; position: absolute; right: 24px; }

@media screen and (max-width: 768px) { .fac__unitBtn { font-size: 1.8rem; padding: 11px 10px 11px 18px; position: relative; margin: 9px auto 0px; right: auto; width: 190px; } }

.fac__unitBtn:after { content: ""; border-right: solid 1px #000; border-top: solid 1px #000; display: block; height: 10px; margin-left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }

@media screen and (max-width: 768px) { .fac__unitBtn:after { margin-left: 20px; } }

.fac__detailWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 1024px) { .fac__detailWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.fac__detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 47%; }

@media screen and (max-width: 1024px) { .fac__detail { width: 100%; }
  .fac__detail:first-of-type { margin-bottom: 20px; } }

@media screen and (max-width: 1024px) and (max-width: 768px) { .fac__detail:first-of-type { margin-bottom: 60px; } }

.fac__detFig { height: 180px; margin-right: 25px; min-width: 260px; width: 260px; }

@media screen and (max-width: 768px) { .fac__detFig { height: calc(180 / 768 * 100vw); margin-right: 10px; min-width: calc(260 / 768 * 100vw); min-height: 140px; width: calc(260 / 768 * 100vw); } }

@media screen and (max-width: 375px) { .fac__detFig { margin-right: 18px; min-width: 170px; } }

@media screen and (max-width: 321px) { .fac__detFig { margin-right: 14px; min-width: 140px; } }

.fac__detImg { height: 180px; -o-object-fit: cover; object-fit: cover; width: 100%; }

@media screen and (max-width: 768px) { .fac__detImg { height: calc(180 / 768 * 100vw); min-height: 140px; } }

.fac__detTxtWrap { padding: 10px 0; }

@media screen and (max-width: 768px) { .fac__detTxtWrap { padding: 0px; } }

.fac__detTtl { color: #8d8198; font-size: 2.2rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; letter-spacing: 0.05em; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .fac__detTtl { font-size: 1.8rem; } }

@media screen and (max-width: 321px) { .fac__detTtl { font-size: 1.6rem; letter-spacing: 0em; } }

.fac__detTxt { font-size: 1.4rem; line-height: 1.7; }

@media screen and (max-width: 768px) { .fac__detTxt { font-size: 1.3rem; } }

.fac__serviceWrap { background-color: #f7f3e9; padding: 60px 40px 75px; }

@media screen and (max-width: 768px) { .fac__serviceWrap { padding: 30px 15px 35px; } }

.fac__service { background-color: #fff; padding: 55px 60px; max-width: 1000px; margin-left: auto; margin-right: auto; position: relative; width: 100%; }

@media screen and (max-width: 768px) { .fac__service { background-color: #f7f3e9; padding: 0; } }

.fac__serTtl { color: #d1ae5b; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 3rem; letter-spacing: 0.05em; margin-bottom: 40px; text-align: center; }

@media screen and (max-width: 768px) { .fac__serTtl { font-size: 2.4rem; margin-bottom: 31px; } }

.fac__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.fac__item { width: calc(33.3333% - 35px); }

.fac__item:nth-of-type(-n + 3) { margin-bottom: 20px; }

@media screen and (max-width: 768px) { .fac__item:nth-of-type(-n + 3) { margin-bottom: 17px; } }

@media screen and (max-width: 768px) { .fac__item { width: calc(50% - 20px); }
  .fac__item:not(:nth-last-of-type(-n + 2)) { margin-bottom: 17px; } }

@media screen and (max-width: 321px) { .fac__item { width: calc(50% - 15px); } }

.fac__itemTtl { font-size: 2.2rem; letter-spacing: 0.05em; margin-bottom: 5px; }

@media screen and (max-width: 768px) { .fac__itemTtl { line-height: 1.3; } }

@media screen and (max-width: 321px) { .fac__itemTtl { font-size: 2rem; } }

.fac__itemTxt { font-size: 1.4rem; line-height: 1.7; }

@media screen and (max-width: 768px) { .fac__itemTxt { line-height: 1.6; } }

.fac__itemFig { height: 152px; margin-bottom: 15px; width: 100%; }

@media screen and (max-width: 768px) { .fac__itemFig { height: auto; margin-bottom: 5px; min-height: 120px; } }

.fac__itemImg { height: 152px; -o-object-fit: cover; object-fit: cover; width: 100%; }

@media screen and (max-width: 768px) { .fac__itemImg { height: auto; min-height: 140px; } }

.fac__info { padding: 90px 40px 125px; }

@media screen and (max-width: 768px) { .fac__info { padding: 50px 16px 42px; } }

.fac__infoTtl { color: #8d8198; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2.4rem; letter-spacing: 0.05em; margin-bottom: 30px; text-align: center; }

@media screen and (max-width: 768px) { .fac__infoTtl { margin-bottom: 12px; } }

.fac__dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .fac__dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 16px 0px 10px; }
  .fac__dl:not(:last-of-type) { border-bottom: 1px solid #8d8198; } }

.fac__dt { border-bottom: 2px solid #8d8198; font-size: 1.6rem; padding: 20px 8px; min-width: 240px; width: 240px; }

@media screen and (max-width: 768px) { .fac__dt { border-bottom: none; color: #8d8198; min-width: auto; padding: 0px 0px 8px; } }

.fac__dd { border-bottom: 1px solid #8d8198; font-size: 1.6rem; line-height: 1.5; padding: 20px 30px; width: 100%; }

@media screen and (max-width: 768px) { .fac__dd { border-bottom: none; font-size: 1.4rem; padding: 0px; } }

.fac__time { font-size: 1.6rem; }

.fac__ddSpan { font-size: 1.4rem; }

@media screen and (max-width: 768px) { .fac__ddSpan { display: block; font-size: 1.3rem; line-height: 1.6; margin-top: -3px; } }

/** マスクを使ったスライダー Image Slider with Masking Effect https://lab.sonicmoov.com/markup/css/image-slider/ */
.slide__wrap:after { content: ""; position: absolute; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%); background: -webkit-linear-gradient(to bottom, transparent 70%, rgba(0, 0, 0, 0.6) 100%); pointer-events: none; z-index: 1; }

.slide__item { position: absolute; top: 0; left: 0; -webkit-transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1); transition: 0.45s all cubic-bezier(0.65, 0.05, 0.36, 1); -webkit-clip-path: inset(0 0 0 0); clip-path: inset(0 0 0 0); }

.slide__item:before { content: ""; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.125); }

.slide__item.slide-on { -webkit-clip-path: inset(0 100% 0 0); clip-path: inset(0 100% 0 0); }

.slide__control { border-radius: 3px; -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 3px 3px 3px rgba(0, 0, 0, 0.15); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; display: none; position: absolute; right: 30px; bottom: 30px; overflow: hidden; width: 80px; z-index: 2; }

@media screen and (max-width: 480px) { .slide__control { bottom: 90px; right: 20px; } }

.slide__icon { background: white; cursor: pointer; display: block; height: 40px; line-height: 40px; -webkit-transition: 0.3s all ease; transition: 0.3s all ease; position: relative; width: 50%; }

.slide__icon.disabled { background: #dedede; pointer-events: none; }

.slide__icon.disabled:before { content: none; }

.slide__icon:before { border-right: 2px solid #000; border-top: 2px solid #000; content: ""; display: block; height: 12px; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transition: 0.5s ease-in; transition: 0.5s ease-in; width: 12px; }

.slide__icon_btn_prev:before { right: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); }

.slide__icon_btn_next:before { right: 14px; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.body__bg { -webkit-animation: bgAnime 8s infinite; animation: bgAnime 8s infinite; background: url(../images/bg_page.png) repeat-y top center/100% auto; height: 3000px; left: 0; position: absolute; top: 0px; width: 100vw; z-index: -1; }

@media screen and (max-width: 480px) { .body__bg { background: url(../images/bg_page_sp.png) repeat-y center/100% auto; } }

@-webkit-keyframes bgAnime { 0% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 0; }
  10% { -webkit-filter: blur(1px); filter: blur(1px);
    opacity: 1; }
  50% { -webkit-filter: blur(6px); filter: blur(6px);
    opacity: 1; }
  90% { -webkit-filter: blur(1px); filter: blur(1px);
    opacity: 1; }
  100% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 0; } }

@keyframes bgAnime { 0% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 0; }
  10% { -webkit-filter: blur(1px); filter: blur(1px);
    opacity: 1; }
  50% { -webkit-filter: blur(6px); filter: blur(6px);
    opacity: 1; }
  90% { -webkit-filter: blur(1px); filter: blur(1px);
    opacity: 1; }
  100% { -webkit-filter: blur(0px); filter: blur(0px);
    opacity: 0; } }

.top { position: relative; }

.top .sectionTtl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

.top .sectionTtl__en { display: block; font-size: 4.2rem; line-height: 1; margin-bottom: 4px; }

@media screen and (max-width: 768px) { .top .sectionTtl__en { font-size: 3.6rem; margin-bottom: 6px; } }

.top .sectionTtl__ja { font-size: 1.6rem; display: block; }

.mv { opacity: 0; position: relative; -webkit-transition: 0.7s 0.5s; transition: 0.7s 0.5s; }

@media screen and (max-width: 768px) { .mv { height: calc(100vh - 62px); margin-top: 8px; } }

.mv.js_loaded { opacity: 1; }

.mv__inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; height: 666px; z-index: 1; }

@media screen and (max-width: 768px) { .mv__inner { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; height: 100%; } }

@media screen and (max-width: 768px) { .mv__ttl { background: -webkit-gradient(linear, left top, left bottom, from(rgba(68, 64, 81, 0.8)), color-stop(80%, rgba(68, 64, 81, 0.4)), to(rgba(68, 64, 81, 0))); background: linear-gradient(180deg, rgba(68, 64, 81, 0.8) 0%, rgba(68, 64, 81, 0.4) 80%, rgba(68, 64, 81, 0) 100%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 410px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 34px; position: relative; right: -16px; width: 74px; } }

.mv__ttlPc { height: 340px; width: 316px; }

@media screen and (max-width: 768px) { .mv__ttlPc { display: none; } }

.mv__ttlSp { display: none; }

@media screen and (max-width: 768px) { .mv__ttlSp { display: block; height: 270px; width: 26px; } }

.mv__slide { height: 666px; position: absolute; left: 0; top: 0; width: 65%; }

@media screen and (max-width: 1400px) { .mv__slide { left: auto; right: 30%; width: 996px; } }

@media screen and (max-width: 768px) { .mv__slide { height: calc(100vh - 62px); left: 0; right: 0; width: 100%; } }

.mv__img { font-family: "object-fit: cover;"; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }

.topAbout { padding: 88px 0 0px; }

@media screen and (max-width: 768px) { .topAbout { padding: 34px 0 0; } }

.topAbout__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .topAbout__inner { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 73px; } }

.topAbout__inner:last-of-type { height: 234px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; width: 50vw; }

@media screen and (max-width: 768px) { .topAbout__inner:last-of-type { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; height: 290px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px 20px; width: 100%; } }

@media screen and (max-width: 480px) { .topAbout__inner:last-of-type { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 170px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 0px 20px; } }

.topAbout__ttl { font-size: 3.6rem; font-weight: bold; line-height: 1.4; margin-bottom: 18px; text-indent: 10px; }

@media screen and (max-width: 768px) { .topAbout__ttl { font-size: 2.4rem; line-height: 1.5; letter-spacing: -0.02em; margin-bottom: 14px; text-indent: 4px; white-space: nowrap; } }

@media screen and (max-width: 350px) { .topAbout__ttl { font-size: 2.1rem; } }

.topAbout__ttl .gold { font-weight: bold; }

.topAbout__txt { font-size: 1.6rem; font-weight: bold; line-height: 1.85; margin-bottom: 22px; }

@media screen and (max-width: 768px) { .topAbout__txt { font-size: 1.4rem; line-height: 2; text-align: justify; } }

@media screen and (max-width: 768px) { .topAbout__txt br { display: none; } }

.topAbout__txt:last-of-type { margin-bottom: 32px; }

@media screen and (max-width: 768px) { .topAbout__txt:last-of-type { margin-bottom: 20px; } }

.topAbout__btn { letter-spacing: 0.14em; margin-left: 144px; position: relative; z-index: 1; }

@media screen and (max-width: 768px) { .topAbout__btn { bottom: 0; left: 0; margin: 0 auto; position: absolute; right: 0; width: 164px; } }

@media screen and (max-width: 768px) { .topAbout__box { width: 100%; } }

.topAbout__box:first-of-type { margin-right: auto; }

.topAbout__box .topAbout__fig { position: relative; top: 125px; }

@media screen and (max-width: 768px) { .topAbout__box .topAbout__fig { margin: 12px auto 0; position: static; width: 422px; } }

@media screen and (max-width: 480px) { .topAbout__box .topAbout__fig { height: calc(220 / 375 * 100vw); margin: 0 auto; overflow: hidden; width: 100%; } }

.topAbout__box .topAbout__fig:before { background: #817b8e; content: ""; height: 100%; left: 150px; opacity: 0.3; position: absolute; top: -60px; width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .topAbout__box .topAbout__fig:before { left: 30px; top: -30px; } }

@media screen and (max-width: 480px) { .topAbout__box .topAbout__fig:before { content: none; } }

.topAbout__box .topAbout__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }

.topAbout__fig_p_hotel { margin: -52px 200px 0 0; }

@media screen and (max-width: 1400px) { .topAbout__fig_p_hotel { margin: -40px calc(95 / 1400 * 100vw) 0 calc(80 / 1400 * 100vw); } }

@media screen and (max-width: 1200px) { .topAbout__fig_p_hotel { margin: -10px calc(30 / 1200 * 100vw) 0 calc(20 / 1200 * 100vw); } }

@media screen and (max-width: 768px) { .topAbout__fig_p_hotel { margin: 0; } }

@media screen and (max-width: 480px) { .topAbout__fig_p_hotel { margin-right: 10px; margin-left: -7px; width: 70%; } }

.topAbout__fig_p_hotel + .topAbout__fig { margin-top: -20px; }

@media screen and (max-width: 480px) { .topAbout__fig_p_hotel + .topAbout__fig { margin-top: -20px; } }

.topCovid { background-color: #fff; padding: 36px 0px; }

@media screen and (max-width: 768px) { .topCovid { padding: 19px 5px; } }

.topCovid__inner { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 82px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

@media screen and (max-width: 768px) { .topCovid__inner { height: 78px; } }

@media screen and (max-width: 480px) { .topCovid__inner { height: 112px; } }

.topCovid__box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 82px; }

@media screen and (max-width: 768px) { .topCovid__box { display: block; height: auto; text-align: center; } }

@media screen and (max-width: 768px) { .topCovid__icon { width: 70px; } }

.topCovid__link { font-size: 2.4rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; display: inline-block; margin: 12px 28px 0; padding: 0 30px 0 5px; position: relative; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }

@media screen and (max-width: 768px) { .topCovid__link { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1.6rem; line-height: 1.666; margin: 0; padding: 0 18px; width: 186px; } }

.topCovid__link:before { bottom: -10px; background: #cba660; content: ""; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; }

@media screen and (max-width: 768px) { .topCovid__link:before { bottom: -16px; height: 1px; } }

.topCovid__link:after { bottom: 0; border-right: 2px solid #000; border-top: 2px solid #000; content: ""; display: block; height: 10px; margin: auto; position: absolute; -webkit-transition: 0.5s; transition: 0.5s; right: 10px; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }

@media screen and (max-width: 768px) { .topCovid__link:after { border-width: 1px; bottom: 6px; height: 8px; opacity: 1; right: 4px; top: auto; width: 8px; } }

.topCovid__link:hover:before { background: #000; left: 50%; right: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 103%; }

.topCovid__link br { display: none; }

@media screen and (max-width: 768px) { .topCovid__link br { display: block; } }

.topRooms { background: url(../images/bg_top_rooms.jpg) no-repeat center/cover; color: #fff; padding: 68px 0 80px; text-align: center; }

@media screen and (max-width: 768px) { .topRooms { padding: 34px 0 54px; } }

.topRooms .sectionTtl { margin-bottom: 25px; }

@media screen and (max-width: 768px) { .topRooms .sectionTtl { margin-bottom: 22px; } }

.topRooms .sectionTtl__en { color: #cba660; }

.topRooms__lead { font-size: 1.6rem; letter-spacing: 0.1em; margin-bottom: 35px; }

@media screen and (max-width: 768px) { .topRooms__lead { font-size: 1.4rem; letter-spacing: 0.05em; margin-bottom: 25px; } }

.topRooms__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 78px; }

@media screen and (max-width: 768px) { .topRooms__inner { display: block; margin-bottom: 42px; } }

@media screen and (max-width: 768px) { .topRooms__inner.wrap { padding: 0; } }

.topRooms__box { position: relative; }

@media screen and (max-width: 768px) { .topRooms__box:nth-of-type(2) .topRooms__btn { letter-spacing: -0.05em; bottom: 10px; padding-right: 10px; } }

.topRooms__box:first-of-type { margin-right: 40px; }

@media screen and (max-width: 768px) { .topRooms__box:first-of-type { margin-right: 0; } }

.topRooms__fig { height: 194px; margin-bottom: 20px; overflow: hidden; width: 328px; }

@media screen and (max-width: 768px) { .topRooms__fig { height: auto; height: calc(320 / 750 * 100vw); margin: 0 auto 1px; max-width: 420px; width: 100%; } }

@media screen and (max-width: 480px) { .topRooms__fig { height: calc(220 / 375 * 100vw); } }

.topRooms__img { font-family: "object-fit: cover"; height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }

.topRooms__btn { border-color: #fff; font-size: 1.6rem; font-weight: normal; height: 34px; line-height: 2.2; -webkit-transition: 0.5s; transition: 0.5s; padding: 0 34px 0 30px; }

@media screen and (max-width: 768px) { .topRooms__btn { background: rgba(0, 0, 0, 0.5); bottom: 20px; font-size: 1.6rem; left: 0; margin: auto; padding: 0; position: absolute; right: 0; width: 130px; } }

.topRooms__btn:hover { border-color: #000; }

.topRooms__btn:after { border-color: #fff; border-width: 1px; height: 8px; width: 8px; }

.topRooms__btn:hover:after { right: 10px; }

.topRooms__link { font-size: 2.4rem; display: inline-block; letter-spacing: 0.1em; padding: 0 3px; position: relative; -webkit-transition: 0.5s; transition: 0.5s; }

@media screen and (max-width: 768px) { .topRooms__link { font-size: 2.6rem; font-weight: bold; letter-spacing: 0.05em; } }

.topRooms__link:before { bottom: -14px; background: #cba660; content: ""; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; -webkit-transition: 0.5s; transition: 0.5s; width: 100%; }

.topRooms__link:after { bottom: 0; border-right: 2px solid #fff; border-top: 2px solid #fff; content: ""; display: block; height: 10px; margin: auto; opacity: 0; position: absolute; -webkit-transition: 0.5s; transition: 0.5s; right: 0; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }

@media screen and (max-width: 768px) { .topRooms__link:after { content: none; } }

.topRooms__link:hover:before { background: #fff; }

.topRooms__link:hover:after { content: ""; opacity: 1; right: -6px; }

.topFacility { background: #fff; padding: 104px 0 158px; position: relative; }

@media screen and (max-width: 768px) { .topFacility { padding: 45px 0 0; } }

.topFacility .sectionTtl { position: absolute; right: 58px; top: 78px; }

@media screen and (max-width: 768px) { .topFacility .sectionTtl { margin-bottom: 26px; position: static; text-align: center; } }

.topFacility .sectionTtl__en { color: #cba660; letter-spacing: 0.05em; margin-bottom: 16px; position: relative; }

@media screen and (max-width: 768px) { .topFacility .sectionTtl__en { margin-bottom: 6px; } }

.topFacility .sectionTtl__en:after { bottom: -8px; background: #817b8e; content: ""; display: block; height: 2px; left: 0; margin: auto; position: absolute; right: 0; width: 100vw; }

@media screen and (max-width: 768px) { .topFacility .sectionTtl__en:after { content: none; } }

.topFacility .sectionTtl__ja { letter-spacing: 0.1em; }

.topFacility__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .topFacility__list { display: block; } }

.topFacility__item { position: relative; }

.topFacility__item:not(:last-child) { margin-right: 70px; }

@media screen and (max-width: 768px) { .topFacility__item:not(:last-child) { margin: 0 auto 10px; } }

@media screen and (max-width: 768px) { .topFacility__item:last-child { margin: 0 auto; } }

@media screen and (max-width: 768px) { .topFacility__item { max-width: 420px; position: static; } }

@media screen and (max-width: 480px) { .topFacility__item { max-width: none; } }

.topFacility__item:nth-of-type(2) { top: 50px; }

.topFacility__item:nth-of-type(3) { top: 108px; margin-right: 0; }

@media screen and (max-width: 768px) { .topFacility__item:nth-of-type(3) { margin-right: auto; } }

.topFacility__link { display: block; }

@media screen and (max-width: 768px) { .topFacility__link { position: relative; } }

.topFacility__link:hover { opacity: 0.9; }

.topFacility__fig { height: 272px; overflow: hidden; width: 228px; }

@media screen and (max-width: 768px) { .topFacility__fig { height: calc(420 / 750 * 100vw); width: 100%; } }

@media screen and (max-width: 480px) { .topFacility__fig { height: auto; } }

.topFacility__img { font-family: "object-fit: cover"; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.5s ease-out; transition: 0.5s ease-out; width: 100%; }

.topFacility__link:hover .topFacility__img { -webkit-transform: scale(1.1); transform: scale(1.1); }

.topFacility .subTtl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; left: -26px; margin-bottom: -30px; position: relative; top: -26px; }

@media screen and (max-width: 768px) { .topFacility .subTtl { background: #fff; display: inline-block; left: 0; padding: 10px 14px 10px 10px; top: -38px; } }

.topFacility .subTtl__en { color: #817b8e; display: block; font-size: 3.2rem; letter-spacing: 0.03em; margin-bottom: -2px; }

.topFacility .subTtl__ja { font-size: 1.6rem; }

.topFacility__more { display: block; font-size: 1.6rem; text-align: right; text-decoration: underline; }

@media screen and (max-width: 768px) { .topFacility__more { color: #817b8e; bottom: 38px; position: absolute; right: 24px; text-decoration: none; } }

@media screen and (max-width: 768px) { .topFacility__more:after { bottom: 0; border-right: 1px solid #817b8e; border-top: 1px solid #817b8e; content: ""; display: block; height: 8px; margin: auto; position: absolute; right: -16px; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; } }

.topFacility__link:hover .topFacility__more { text-decoration: none; }

.topService { background: #fff; padding-bottom: 92px; }

@media screen and (max-width: 768px) { .topService { padding: 16px 0 12px; } }

.topService__ttl { font-size: 3.2rem; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin: 0 auto 26px; max-width: 910px; position: relative; text-align: center; }

@media screen and (max-width: 768px) { .topService__ttl { font-size: 2.2rem; margin-bottom: 24px; } }

@media screen and (max-width: 480px) { .topService__ttl { font-size: 2rem; } }

.topService__ttl:before, .topService__ttl:after { bottom: 0; background: #817b8e; content: ""; display: block; height: 1px; margin: auto; max-width: 240px; position: absolute; top: 0; width: 30%; }

@media screen and (max-width: 768px) { .topService__ttl:before, .topService__ttl:after { width: 21%; } }

@media screen and (max-width: 480px) { .topService__ttl:before, .topService__ttl:after { width: 14%; } }

.topService__ttl:before { left: 0; }

.topService__ttl:after { right: 0; }

.topService__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .topService__list { display: block; } }

.topService__item { max-width: 302px; text-align: center; width: 33.3333%; }

@media screen and (max-width: 768px) { .topService__item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 28px; max-width: none; width: 100%; } }

.topService__fig { height: 72px; margin: 0 auto 14px; width: 98px; }

@media screen and (max-width: 768px) { .topService__fig { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 0 20px 0 0; width: 78px; } }

.topService__txt { font-size: 1.6rem; letter-spacing: 0.1em; }

@media screen and (max-width: 768px) { .topService__txt { text-align: left; } }

.topAbtown { background: #fff url(../images/bg_top_abtown.jpg) no-repeat center/cover; padding: 30px 0 40px; text-align: center; }

@media screen and (max-width: 768px) { .topAbtown { padding: 30px 0 52px; } }

.topAbtown__fig { height: 113px; margin: 0 auto 22px; width: 206px; }

.topAbtown__txt { font-size: 1.6rem; line-height: 1.8; margin-bottom: 24px; }

@media screen and (max-width: 768px) { .topAbtown__txt { font-size: 1.4rem; margin-bottom: 34px; padding: 0 16px; } }

@media screen and (max-width: 480px) { .topAbtown__txt { text-align: justify; } }

@media screen and (max-width: 480px) { .topAbtown__txt br { display: none; } }

.topAbtown__link { background-color: rgba(255, 255, 255, 0.5); padding: 0 48px 0 28px; }

.topNews { background: #fff; padding: 70px 0; }

@media screen and (max-width: 768px) { .topNews { padding: 24px 0 30px; } }

.topNews__inner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .topNews__inner { display: block; } }

.topNews__ttlArea { width: 188px; }

@media screen and (max-width: 768px) { .topNews__ttlArea { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 18px; white-space: nowrap; width: 100%; } }

.topNews__ttl { margin-bottom: 20px; padding-top: 2px; }

@media screen and (max-width: 768px) { .topNews__ttl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 0; } }

@media screen and (max-width: 768px) { .topNews .sectionTtl__en { margin: 0 12px 0 8px; } }

@media screen and (max-width: 480px) { .topNews .sectionTtl__en { margin: 0 8px 0 0; } }

@media screen and (max-width: 480px) { .topNews .sectionTtl__ja { font-size: 1.4rem; } }

.topNews__link { border: none; color: #817b8e; font-size: 1.6rem; height: auto; padding: 0 22px 0 0; }

@media screen and (max-width: 768px) { .topNews__link { font-weight: normal; margin-left: auto; } }

@media screen and (max-width: 480px) { .topNews__link { font-size: 1.4rem; } }

.topNews__link:before { bottom: -4px; background: #817b8e; content: ""; display: block; height: 2px; left: 0; opacity: 0; position: absolute; -webkit-transition: 0.5s 0.2s; transition: 0.5s 0.2s; width: 90px; }

@media screen and (max-width: 768px) { .topNews__link:before { content: none; } }

.topNews__link:after { border-color: #817b8e; border-width: 1px; height: 8px; width: 8px; }

.topNews__link:hover { background: transparent; color: #817b8e; }

.topNews__link:hover:before { opacity: 1; left: 6px; }

.topNews__link:hover:after { border-color: #817b8e; right: 6px; }

.topNews__list { margin-top: 4px; width: calc(100% - 188px); }

@media screen and (max-width: 768px) { .topNews__list { margin-top: 0; width: 100%; } }

.topNews .topics__item { border-top: 1px solid #000; }

.topNews .topics__item:last-of-type { border-bottom: 1px solid #000; }

@media screen and (max-width: 768px) { .topNews .topics__item:last-of-type { border-bottom: none; } }

.topNews .topics__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.6rem; padding: 16px 12px; }

@media screen and (max-width: 768px) { .topNews .topics__link { font-size: 1.4rem; padding: 14px 10px 16px; } }

@media screen and (max-width: 480px) { .topNews .topics__link { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.topNews .topics__date { display: inline-block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 104px; }

@media screen and (max-width: 768px) { .topNews .topics__date { letter-spacing: 0.05em; width: 106px; } }

.topNews .topics__cat { background: #817b8e; color: #fff; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 32px; line-height: 2; margin-right: 22px; padding: 0 20px; }

@media screen and (max-width: 768px) { .topNews .topics__cat { line-height: 32px; } }

@media screen and (max-width: 480px) { .topNews .topics__cat { margin-right: 0; padding: 0 24px; } }

.topNews .topics__ttl { font-size: 1.6rem; }

@media screen and (max-width: 768px) { .topNews .topics__ttl { font-size: 1.4rem; } }

@media screen and (max-width: 480px) { .topNews .topics__ttl { margin-top: 12px; width: 100%; } }

.meet .pageTtl { background: url(../images/bg_meet.jpg) no-repeat center/cover; }

.meet__contents { padding-bottom: 125px; }

@media screen and (max-width: 768px) { .meet__contents { padding-bottom: 70px; } }

.meet__leadWrap { padding: 60px 0px 156px; }

@media screen and (max-width: 768px) { .meet__leadWrap { padding: 35px 0px 65px; } }

.meet__lead { font-size: 3.6rem; font-weight: bold; text-align: center; letter-spacing: 0.05em; margin-bottom: 15px; }

@media screen and (max-width: 768px) { .meet__lead { font-size: 2.4rem; letter-spacing: -0.06em; margin-bottom: 19px; } }

@media screen and (max-width: 321px) { .meet__lead { font-size: 2rem; } }

.meet__leadTxt { font-size: 1.6rem; text-align: center; letter-spacing: 0.05em; line-height: 1.75; }

@media screen and (max-width: 768px) { .meet__leadTxt { font-size: 1.4rem; text-align: left; } }

.meet__leadImgWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 32px; }

@media screen and (max-width: 768px) { .meet__leadImgWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-top: 19px; } }

.meet__leadFig { height: 230px; width: 335px; }

.meet__leadFig:first-of-type { margin-right: 23px; }

@media screen and (max-width: 768px) { .meet__leadFig:first-of-type { margin: 0px 0px 10px; } }

@media screen and (max-width: 768px) { .meet__leadFig { height: 100%; width: 100%; } }

.meet__leadImg { height: 230px; -o-object-fit: cover; object-fit: cover; width: 335px; }

@media screen and (max-width: 768px) { .meet__leadImg { height: auto; width: 100%; } }

.meet__point { border-bottom: 1px solid #231815; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 41px; }

.meet__point:first-of-type { margin-bottom: 50px; }

@media screen and (max-width: 768px) { .meet__point:first-of-type { margin-bottom: 55px; } }

.meet__point:first-of-type .meet__txtWrap { padding: 5px 0px 5px 50px; }

@media screen and (max-width: 768px) { .meet__point:first-of-type .meet__txtWrap { padding: 0px; } }

.meet__point:last-of-type .meet__txtWrap { padding: 5px 50px 5px 0px; }

@media screen and (max-width: 768px) { .meet__point:last-of-type .meet__txtWrap { padding: 0px; } }

.meet__point:last-of-type .meet__ttl { letter-spacing: -0.05em; }

@media screen and (max-width: 768px) { .meet__point { border-bottom: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 0px; } }

.meet__fig { height: 248px; min-width: 470px; width: 470px; }

@media screen and (max-width: 1024px) { .meet__fig { height: 206px; min-width: 372px; width: 372px; } }

@media screen and (max-width: 768px) { .meet__fig { height: 100%; min-width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; } }

.meet__img { height: 248px; min-width: 470px; width: 470px; }

@media screen and (max-width: 1024px) { .meet__img { height: 206px; min-width: 372px; width: 372px; } }

@media screen and (max-width: 768px) { .meet__img { height: auto; min-width: auto; width: 100%; } }

@media screen and (max-width: 768px) { .meet__txtWrap { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

.meet__num { font-size: 1.6rem; font-weight: bold; padding-left: 50px; position: relative; }

.meet__num:before { content: ""; display: block; background: url(../images/meet_icn_crown.svg) no-repeat center/cover; height: 26px; left: 0; position: absolute; width: 38px; }

.meet__numSpan { font-size: 2rem; font-weight: bold; }

.meet__ttl { color: #8d8198; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 3.6rem; letter-spacing: 0.05em; margin-bottom: 22px; }

@media screen and (max-width: 1024px) { .meet__ttl { font-size: 3rem; margin-bottom: 22px; } }

@media screen and (max-width: 768px) { .meet__ttl { margin-bottom: 15px; } }

.meet__txt { font-size: 1.6rem; letter-spacing: 0.1em; line-height: 1.9; }

@media screen and (max-width: 768px) { .meet__txt { font-size: 1.4rem; line-height: 1.7; margin-bottom: 10px; } }

.meet__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 710px; padding: 60px 0; }

@media screen and (max-width: 768px) { .meet__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 65px 10px 30px; } }

.meet__item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width: 768px) { .meet__item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin-bottom: 25px; } }

.meet__iconFig { margin-bottom: 5px; width: 120px; }

@media screen and (max-width: 768px) { .meet__iconFig { margin: 0px 15px 0px 0px; width: 90px; } }

.meet__iconTxt { font-size: 1.8rem; line-height: 1.3; letter-spacing: 0.05em; text-align: center; }

@media screen and (max-width: 768px) { .meet__iconTxt { text-align: left; } }

.meet__dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .meet__dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 15px 0px; }
  .meet__dl:not(:last-of-type) { border-bottom: 1px solid #8d8198; } }

.meet__dt { border-bottom: 2px solid #8d8198; font-size: 1.6rem; padding: 20px 15px; min-width: 240px; width: 240px; }

@media screen and (max-width: 768px) { .meet__dt { border-bottom: none; color: #8d8198; min-width: auto; padding: 0px 0px 10px; } }

.meet__dd { border-bottom: 1px solid #8d8198; font-size: 1.6rem; padding: 20px 30px; width: 100%; }

@media screen and (max-width: 768px) { .meet__dd { border-bottom: none; font-size: 1.4rem; line-height: 1.7; padding: 0px; } }

.news + .access, .newsDt + .access { display: none; }

.news .pageTtl, .newsDt .pageTtl { height: auto; }

.news .pageTtl__wrap, .newsDt .pageTtl__wrap { background: none; }

.news .pageTtl__wrap:before, .newsDt .pageTtl__wrap:before { content: none; }

.news .pageTtl__en, .newsDt .pageTtl__en { color: #817b8e; display: block; font-size: 4.6rem; letter-spacing: 0.1em; margin-bottom: -4px; }

@media screen and (max-width: 480px) { .news .pageTtl__en, .newsDt .pageTtl__en { font-size: 2.6rem; margin-bottom: 0; } }

.news .pageTtl__ja, .newsDt .pageTtl__ja { color: #000; display: block; }

.news .pageTtl__lead, .newsDt .pageTtl__lead { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Sogoe UI", Verdana, "メイリオ", Meiryo, sans-serif; font-size: 1.6rem; }

@media screen and (max-width: 480px) { .news .pageTtl__lead, .newsDt .pageTtl__lead { line-height: 1.75; text-align: center; } }

.news { padding: 26px 0 102px; }

@media screen and (max-width: 768px) { .news { padding: 20px 0 78px; } }

.news .pageTtl { height: auto; margin-bottom: 38px; }

@media screen and (max-width: 480px) { .news .pageTtl { margin-bottom: 20px; } }

.news .pageTtl__ja { margin-bottom: 48px; }

@media screen and (max-width: 480px) { .news .pageTtl__ja { margin-bottom: 32px; } }

.news__list { margin: 0 auto 52px; max-width: 812px; }

@media screen and (max-width: 1024px) { .news__list { width: 100%; } }

@media screen and (max-width: 480px) { .news__list { margin-bottom: 38px; } }

.news__link { border: none; font-size: 1.6rem; height: auto; padding: 0 22px 0 0; }

@media screen and (max-width: 768px) { .news__link { font-weight: normal; margin-left: auto; } }

@media screen and (max-width: 480px) { .news__link { font-size: 1.4rem; } }

.news__link:after { border-width: 1px; height: 8px; width: 8px; }

.news .topics__item { border-top: 1px solid #000; }

.news .topics__item:last-of-type { border-bottom: 1px solid #000; }

.news .topics__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.6rem; padding: 16px 12px; }

@media screen and (max-width: 768px) { .news .topics__link { font-size: 1.4rem; padding: 14px 10px 16px; } }

@media screen and (max-width: 480px) { .news .topics__link { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.news .topics__date { display: inline-block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 104px; }

@media screen and (max-width: 768px) { .news .topics__date { letter-spacing: 0.05em; width: 106px; } }

.news .topics__cat { background: #817b8e; color: #fff; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 32px; line-height: 2; margin-right: 22px; padding: 0 20px; }

@media screen and (max-width: 768px) { .news .topics__cat { line-height: 32px; } }

@media screen and (max-width: 480px) { .news .topics__cat { margin-right: 0; padding: 0 24px; } }

.news .topics__ttl { font-size: 1.6rem; }

@media screen and (max-width: 768px) { .news .topics__ttl { font-size: 1.4rem; } }

@media screen and (max-width: 480px) { .news .topics__ttl { margin-top: 12px; } }

.pagination__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 768px) { .pagination__list { padding: 0px 15px; } }

.pagination__item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.pagination__item_type_leader { padding: 0px 10px; }

.pagination__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background-color: #817b8e; border: 1px solid #817b8e; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; text-decoration: none; font-size: 1.8rem; float: left; height: 42px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 6px; width: 42px; position: relative; }

@media screen and (max-width: 768px) { .pagination__link { font-size: 2rem; height: 40px; margin: 0 6px; width: 40px; } }

@media screen and (max-width: 375px) { .pagination__link { font-size: 1.6rem; height: 25px; margin: 0 6px; width: 25px; } }

.pagination__link:hover { color: #fff; background-color: #000; border: 1px solid #000; }

.pagination__link_current { background-color: #fff; border: 1px solid #817b8e; color: #817b8e; }

.newsDt { padding: 26px 0 116px; }

@media screen and (max-width: 768px) { .newsDt { padding: 20px 0 78px; } }

.newsDt .pageTtl { height: auto; }

.newsDt .pageTtl__ja { margin-bottom: 36px; }

@media screen and (max-width: 480px) { .newsDt .pageTtl__ja { margin-bottom: 8px; } }

.newsDt__contents { background: #f7f8f8; margin-bottom: 50px; padding: 60px 122px; width: calc(100% - 40px); }

@media screen and (max-width: 768px) { .newsDt__contents { padding: 60px 40px; } }

@media screen and (max-width: 480px) { .newsDt__contents { margin-bottom: 32px; padding: 26px 20px; width: 100%; } }

.newsDt__head { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 42px; }

@media screen and (max-width: 480px) { .newsDt__head { margin-bottom: 32px; } }

.newsDt__date { display: inline-block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1.6rem; letter-spacing: 0.05em; white-space: nowrap; width: 100px; }

@media screen and (max-width: 768px) { .newsDt__date { width: 98px; } }

.newsDt__cat { background: #817b8e; color: #fff; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1.6rem; height: 32px; line-height: 32px; margin-right: 22px; padding: 0 20px; white-space: nowrap; }

@media screen and (max-width: 480px) { .newsDt__cat { margin-right: 0; padding: 0 18px; } }

.newsDt__ttl { font-size: 2.6rem; margin-top: 8px; position: relative; width: 100%; }

@media screen and (max-width: 480px) { .newsDt__ttl { font-size: 2.2rem; margin-top: 14px; } }

.newsDt__ttl:after { background: #000; bottom: -10px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }

@media screen and (max-width: 480px) { .newsDt__ttl:after { bottom: -6px; } }

.newsDt__body p { color: #000; font-size: 1.6rem; line-height: 1.888; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .newsDt__body p { line-height: 1.8; margin-bottom: 14px; } }

.newsDt__body img { display: block; margin: 70px auto; height: auto; }

@media screen and (max-width: 768px) { .newsDt__body img { margin: 40px auto; padding: 0px 25px; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; width: 100%; } }

@media screen and (max-width: 480px) { .newsDt__body img { margin: 18px auto; padding: 0 4px; } }

.newsDt__body img.aligncenter { margin-left: auto; margin-right: auto; }

.newsDt__body img.alignleft { margin-left: 0; margin-right: auto; }

.newsDt__body img.alignright { margin-left: auto; margin-right: 0; }

.newsDt__body h2 { border-bottom: 1px solid #000; display: inline-block; font-size: 2.4rem; line-height: 1.4; margin-bottom: 22px; }

@media screen and (max-width: 768px) { .newsDt__body h2 { font-size: 2rem; margin-bottom: 14px; } }

.newsDt__body h3, .newsDt__body h4 { font-size: 2rem; line-height: 1.4; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .newsDt__body h3, .newsDt__body h4 { font-size: 1.8rem; margin-bottom: 14px; } }

.newsDt__linkArea { text-align: center; }

.newsDt__link { padding: 0 62px 0 40px; }

.qa .pageTtl { background: url(../images/bg_qa.jpg) no-repeat center/cover; }

.qa__leadTxt { font-size: 1.8rem; letter-spacing: 0.05em; line-height: 2; text-align: center; padding: 42px 0 28px; }

@media screen and (max-width: 768px) { .qa__leadTxt { font-size: 1.4rem; padding: 30px 0 12px; } }

@media screen and (max-width: 321px) { .qa__leadTxt { font-size: 1.3rem; } }

.qa__list { border-bottom: 1px solid #8d8198; padding: 25px 0px; }

@media screen and (max-width: 768px) { .qa__list { padding: 20px 0px; } }

.qa__queWrap, .qa__ansWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.qa__queWrap { margin-bottom: 10px; }

.qa__qIcn, .qa__aIcn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-right: 14px; min-width: 33px; width: 33px; }

@media screen and (max-width: 768px) { .qa__qIcn, .qa__aIcn { margin-right: 16px; min-width: 37px; width: 37px; } }

.qa__qIcn { background-color: #8d8198; }

.qa__aIcn { background-color: #d1ae5b; }

@media screen and (max-width: 768px) { .qa__aIcn { padding: 10px 0px; } }

.qa__que { color: #8d8198; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2.8rem; letter-spacing: 0.05em; line-height: 1.5; padding: 10px 0px; }

@media screen and (max-width: 768px) { .qa__que { font-size: 2.2rem; line-height: 1.3; padding: 2px 0px; } }

.qa__ans { font-size: 2rem; line-height: 1.6; padding: 10px 0px; }

@media screen and (max-width: 768px) { .qa__ans { font-size: 1.6rem; padding: 10px 0px; } }

.qa__btnWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 70px 0 112px; }

@media screen and (max-width: 768px) { .qa__btnWrap { margin: 60px 0 93px; } }

.qa__btn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.14em; padding: 9px 20px 9px 25px; position: relative; }

@media screen and (max-width: 768px) { .qa__btn { padding: 11px 20px 11px 25px; } }

.qa__btn:after { content: ""; border-right: solid 1px #000; border-top: solid 1px #000; display: block; height: 10px; margin-left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }

.single .pageTtl { background: url(../images/bg_single.jpg) no-repeat center/cover; }

@media screen and (max-width: 768px) { .single .pageTtl { height: 220px; } }

.barrier-free .pageTtl { background: url(../images/bg_barrier_free.jpg) no-repeat center/cover; }

@media screen and (max-width: 768px) { .barrier-free .pageTtl { height: 220px; } }

.room__leadWrap { padding: 60px 40px 47px; }

@media screen and (max-width: 768px) { .room__leadWrap { padding: 28px 16px 15px; } }

.room__ttl { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; margin-bottom: 48px; letter-spacing: 0.05em; text-align: center; }

@media screen and (max-width: 768px) { .room__ttl { margin-bottom: 23px; } }

.room__ttlEn { color: #817b8e; display: block; font-size: 4.8rem; margin-bottom: -8px; }

@media screen and (max-width: 768px) { .room__ttlEn { font-size: 3.6rem; margin-bottom: 0px; } }

.room__ttlJa { display: block; font-size: 1.8rem; }

@media screen and (max-width: 768px) { .room__ttlJa { font-size: 1.6rem; } }

.room__lead { font-size: 3.6rem; font-weight: bold; text-align: center; letter-spacing: 0.05em; margin-bottom: 15px; }

@media screen and (max-width: 768px) { .room__lead { font-size: 2.4rem; letter-spacing: 0em; margin-bottom: 21px; } }

.room__leadTxt { font-size: 1.6rem; text-align: center; letter-spacing: 0.05em; line-height: 1.75; }

@media screen and (max-width: 768px) { .room__leadTxt { font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.85; text-align: left; } }

.room__photo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding-bottom: 118px; }

@media screen and (max-width: 768px) { .room__photo { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-bottom: 43px; } }

.room__main { margin-right: 52px; max-width: 550px; height: 350px; width: 55%; }

@media screen and (max-width: 768px) { .room__main { margin-bottom: 14px; margin-right: 0px; max-width: none; height: auto; width: 100%; } }

.room__img { font-family: "object-fit: cover"; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.4s; transition: 0.4s; width: 100%; }

.room__box { width: calc(45% - 52px); }

@media screen and (max-width: 768px) { .room__box { width: 100%; } }

.room__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .room__list { margin-bottom: 40px; } }

.room__item { cursor: pointer; height: 80px; margin-right: 12px; position: relative; width: 33.3333%; }

@media screen and (max-width: 768px) { .room__item { height: 65px; } }

.room__item:last-of-type { margin-right: 0; }

.room__item:before { background: #817b8e; content: none; height: calc(100% + 6px); left: -3px; position: absolute; top: -3px; width: calc(100% + 6px); z-index: -1; }

.room__item.is_active:before { content: ""; }

.room__thumb { height: 100%; width: 100%; }

.room__data { border-top: 1px solid #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 32px; }

.room__dt { border-bottom: 1px solid #000; font-size: 1.6rem; border-right: 1px solid #000; padding: 17px 10px; width: 103px; }

@media screen and (max-width: 768px) { .room__dt { width: 86px; padding: 20px 10px; } }

.room__dd { border-bottom: 1px solid #000; font-size: 1.6rem; padding: 17px 35px; width: calc(100% - 103px); }

@media screen and (max-width: 768px) { .room__dd { width: calc(100% - 86px); padding: 20px 30px; } }

.point { background-color: rgba(197, 162, 95, 0.15); padding: 50px 0px 72px; }

@media screen and (max-width: 768px) { .point { padding: 40px 0px 55px; } }

.point__secTtl { color: #cba660; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 4.8rem; letter-spacing: 0.05em; margin-bottom: 20px; text-align: center; }

@media screen and (max-width: 768px) { .point__secTtl { font-size: 3.6rem; margin-bottom: 27px; } }

.point__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 768px) { .point__list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.point__item { width: calc(33.3333% - 40px); }

@media screen and (max-width: 1024px) { .point__item { width: calc(33.3333% - 20px); } }

@media screen and (max-width: 768px) { .point__item { height: 100%; width: 100%; }
  .point__item:not(:last-of-type) { margin-bottom: 63px; } }

.point__ttl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 2.4rem; height: 80px; letter-spacing: 0.05em; margin-bottom: 10px; }

@media screen and (max-width: 1024px) { .point__ttl { font-size: 2.2rem; } }

@media screen and (max-width: 768px) { .point__ttl { font-size: 2.4rem; height: auto; line-height: 1.3; margin-bottom: 11px; } }

.point__num { color: #cba660; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-size: 3.6rem; margin-right: 20px; }

@media screen and (max-width: 1024px) { .point__num { font-size: 3.4rem; margin-right: 10px; } }

@media screen and (max-width: 768px) { .point__num { font-size: 3.6rem; margin-right: 25px; } }

.point__fig { margin-bottom: 24px; }

@media screen and (max-width: 768px) { .point__fig { margin-bottom: 7px; } }

.point__txt { font-size: 1.4rem; letter-spacing: 0.05em; line-height: 1.7; }

.point__txtSpan { display: block; font-size: 1.2rem; letter-spacing: 0.05em; line-height: 1.5; margin-top: 10px; }

.rTable { padding: 70px 40px 120px; }

@media screen and (max-width: 768px) { .rTable { padding: 13px 16px 95px; } }

.rTable__dl { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .rTable__dl { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding: 16px 6px; }
  .rTable__dl:not(:last-of-type) { border-bottom: 1px solid #8d8198; } }

.rTable__dt { border-bottom: 2px solid #8d8198; font-size: 1.6rem; padding: 20px 8px; min-width: 240px; width: 240px; }

@media screen and (max-width: 768px) { .rTable__dt { border-bottom: none; color: #8d8198; min-width: auto; padding: 0px 0px 8px; } }

.rTable__dd { border-bottom: 1px solid #8d8198; font-size: 1.6rem; line-height: 1.5; padding: 20px 30px; width: 100%; }

@media screen and (max-width: 768px) { .rTable__dd { border-bottom: none; font-size: 1.4rem; padding: 0px; } }

.rTable__btnWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 50px; }

@media screen and (max-width: 768px) { .rTable__btnWrap { margin-top: 35px; } }

.rTable__btn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #000; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; font-weight: bold; letter-spacing: 0.14em; padding: 9px 20px 9px 25px; position: relative; }

@media screen and (max-width: 768px) { .rTable__btn { padding: 11px 20px 11px 25px; } }

.rTable__btn:after { content: ""; border-right: solid 1px #000; border-top: solid 1px #000; display: block; height: 10px; margin-left: 20px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; }