@charset "UTF-8";
/*====================================================================================
■01.MARGIN DEFAULT
====================================================================================*/
.m00 { margin: 0px !important; }

.m05 { margin: 5px !important; }

.m10 { margin: 10px !important; }

.m15 { margin: 15px !important; }

.m20 { margin: 20px !important; }

.m25 { margin: 25px !important; }

.m30 { margin: 30px !important; }

.m35 { margin: 35px !important; }

.m40 { margin: 40px !important; }

.m45 { margin: 45px !important; }

.m50 { margin: 50px !important; }

.m55 { margin: 55px !important; }

.m60 { margin: 60px !important; }

.mt00 { margin-top: 0px !important; }

.mt01 { margin-top: 1px !important; }

.mt02 { margin-top: 2px !important; }

.mt03 { margin-top: 3px !important; }

.mt04 { margin-top: 4px !important; }

.mt05 { margin-top: 5px !important; }

.mt06 { margin-top: 6px !important; }

.mt07 { margin-top: 7px !important; }

.mt08 { margin-top: 8px !important; }

.mt09 { margin-top: 9px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt90 { margin-top: 90px !important; }

.mt100 { margin-top: 100px !important; }

.mr00 { margin-right: 0px !important; }

.mr05 { margin-right: 5px !important; }

.mr10 { margin-right: 10px !important; }

.mr15 { margin-right: 15px !important; }

.mr20 { margin-right: 20px !important; }

.mr25 { margin-right: 25px !important; }

.mr30 { margin-right: 30px !important; }

.mr35 { margin-right: 35px !important; }

.mr40 { margin-right: 40px !important; }

.mr45 { margin-right: 45px !important; }

.mr50 { margin-right: 50px !important; }

.mr55 { margin-right: 55px !important; }

.mr60 { margin-right: 60px !important; }

.mb00 { margin-bottom: 0px !important; }

.mb01 { margin-bottom: 1px !important; }

.mb02 { margin-bottom: 2px !important; }

.mb03 { margin-bottom: 3px !important; }

.mb04 { margin-bottom: 4px !important; }

.mb05 { margin-bottom: 5px !important; }

.mb06 { margin-bottom: 6px !important; }

.mb07 { margin-bottom: 7px !important; }

.mb08 { margin-bottom: 8px !important; }

.mb09 { margin-bottom: 9px !important; }

.mb10 { margin-bottom: 10px !important; }

.mb15 { margin-bottom: 15px !important; }

.mb20 { margin-bottom: 20px !important; }

.mb25 { margin-bottom: 25px !important; }

.mb30 { margin-bottom: 30px !important; }

.mb35 { margin-bottom: 35px !important; }

.mb40 { margin-bottom: 40px !important; }

.mb45 { margin-bottom: 45px !important; }

.mb50 { margin-bottom: 50px !important; }

.mb55 { margin-bottom: 55px !important; }

.mb60 { margin-bottom: 60px !important; }

.ml00 { margin-left: 0px !important; }

.ml05 { margin-left: 5px !important; }

.ml10 { margin-left: 10px !important; }

.ml15 { margin-left: 15px !important; }

.ml20 { margin-left: 20px !important; }

.ml25 { margin-left: 25px !important; }

.ml30 { margin-left: 30px !important; }

.ml35 { margin-left: 35px !important; }

.ml40 { margin-left: 40px !important; }

.ml45 { margin-left: 45px !important; }

.ml50 { margin-left: 50px !important; }

.ml55 { margin-left: 55px !important; }

.ml60 { margin-left: 60px !important; }

/*====================================================================================
■PADDING DEFAULT
====================================================================================*/
.p00 { padding: 0px !important; }

.p01 { padding: 1px !important; }

.p02 { padding: 2px !important; }

.p03 { padding: 3px !important; }

.p04 { padding: 4px !important; }

.p05 { padding: 5px !important; }

.p06 { padding: 6px !important; }

.p07 { padding: 7px !important; }

.p08 { padding: 8px !important; }

.p09 { padding: 9px !important; }

.p10 { padding: 10px !important; }

.p15 { padding: 15px !important; }

.p20 { padding: 20px !important; }

.p25 { padding: 25px !important; }

.p30 { padding: 30px !important; }

.p35 { padding: 35px !important; }

.p40 { padding: 40px !important; }

.p45 { padding: 45px !important; }

.p50 { padding: 50px !important; }

.p55 { padding: 55px !important; }

.p60 { padding: 60px !important; }

.pl00 { padding-left: 0px !important; }

.pl05 { padding-left: 5px !important; }

.pl10 { padding-left: 10px !important; }

.pl15 { padding-left: 15px !important; }

.pl20 { padding-left: 20px !important; }

.pl25 { padding-left: 25px !important; }

.pl30 { padding-left: 30px !important; }

.pl35 { padding-left: 35px !important; }

.pl40 { padding-left: 40px !important; }

.pl45 { padding-left: 45px !important; }

.pl50 { padding-left: 50px !important; }

.pl55 { padding-left: 55px !important; }

.pl60 { padding-left: 60px !important; }

.pr00 { padding-right: 0px !important; }

.pr05 { padding-right: 5px !important; }

.pr10 { padding-right: 10px !important; }

.pr15 { padding-right: 15px !important; }

.pr20 { padding-right: 20px !important; }

.pr25 { padding-right: 25px !important; }

.pr30 { padding-right: 30px !important; }

.pr35 { padding-right: 35px !important; }

.pr40 { padding-right: 40px !important; }

.pr45 { padding-right: 45px !important; }

.pr50 { padding-right: 50px !important; }

.pr55 { padding-right: 55px !important; }

.pr60 { padding-right: 60px !important; }

.pb00 { padding-bottom: 0px !important; }

.pb05 { padding-bottom: 5px !important; }

.pb10 { padding-bottom: 10px !important; }

.pb15 { padding-bottom: 15px !important; }

.pb20 { padding-bottom: 20px !important; }

.pb25 { padding-bottom: 25px !important; }

.pb30 { padding-bottom: 30px !important; }

.pb35 { padding-bottom: 35px !important; }

.pb40 { padding-bottom: 40px !important; }

.pb45 { padding-bottom: 45px !important; }

.pb50 { padding-bottom: 50px !important; }

.pb55 { padding-bottom: 55px !important; }

.pb60 { padding-bottom: 60px !important; }

.pt00 { padding-top: 0px !important; }

.pt05 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

/*====================================================================================
■WIDTH DEFAULT
====================================================================================*/
.w5 { width: 5% !important; }

.w10 { width: 10% !important; }

.w15 { width: 15% !important; }

.w20 { width: 20% !important; }

.w25 { width: 25% !important; }

.w30 { width: 30% !important; }

.w35 { width: 35% !important; }

.w40 { width: 40% !important; }

.w45 { width: 45% !important; }

.w49 { width: 49% !important; }

.w50 { width: 50% !important; }

.w55 { width: 55% !important; }

.w59 { width: 59% !important; }

.w60 { width: 60% !important; }

.w65 { width: 65% !important; }

.w70 { width: 70% !important; }

.w80 { width: 80% !important; }

.w90 { width: 90% !important; }

.w100 { width: 100% !important; }

/*====================================================================================
■MARGIN% DEFAULT
====================================================================================*/
.ml1per { margin-left: 1%; }

.ml2per { margin-left: 2%; }

.ml3per { margin-left: 3%; }

.ml4per { margin-left: 4%; }

.mr1per { margin-right: 1%; }

.mr2per { margin-right: 2%; }

.mr3per { margin-right: 3%; }

.mr4per { margin-right: 4%; }

.mt1per { margin-top: 1%; }

.mt2per { margin-top: 2%; }

.mt3per { margin-top: 3%; }

.mt4per { margin-top: 4%; }

.mt5per { margin-top: 5%; }

.mt6per { margin-top: 6%; }

.mt7per { margin-top: 7%; }

.mt8per { margin-top: 8%; }

.mt9per { margin-top: 9%; }

.mt10per { margin-top: 10%; }

.pd1per { padding: 1%; }

.pd2per { padding: 2%; }

.pd3per { padding: 3%; }

.pd4per { padding: 4%; }

.pull_left { float: left; }

.pull_right { float: right; }

.text_left { text-align: left !important; }

.text_right { text-align: right !important; }

.text_center { text-align: center !important; }

.text_justify { text-align: justify !important; }

.text_nowrap { white-space: nowrap !important; }

.text_lower { text-transform: lowercase !important; }

.text_upper { text-transform: uppercase !important; }

.text_capitalize { text-transform: capitalize !important; }

.text_normal { font-weight: normal !important; }

.text_bold { font-weight: bold !important; }

.text_line { text-decoration: underline; }

.text_noline { text-decoration: none !important; }

.text_over { overflow: hidden !important; }

.fz10 { font-size: 10px !important; }

.fz11 { font-size: 11px !important; }

.fz12 { font-size: 12px !important; }

.fz13 { font-size: 13px !important; }

.fz14 { font-size: 14px !important; }

.fz15 { font-size: 15px !important; }

.fz16 { font-size: 16px !important; }

.fz17 { font-size: 17px !important; }

.fz18 { font-size: 18px !important; }

.fz19 { font-size: 19px !important; }

.fz20 { font-size: 20px !important; }

.fz22 { font-size: 22px !important; }

.fz24 { font-size: 24px !important; }

.lhnm { line-height: normal !important; }

.lh00 { line-height: 0 !important; }

.lh12 { line-height: 1.2 !important; }

.lh13 { line-height: 1.3 !important; }

.lh14 { line-height: 1.4 !important; }

.lh15 { line-height: 1.5 !important; }

.lh16 { line-height: 1.6 !important; }

.lh17 { line-height: 1.7 !important; }

.lh18 { line-height: 1.8 !important; }

.lh20 { line-height: 2 !important; }

.lh23 { line-height: 2.3 !important; }

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

.visible { visibility: visible; }

.visible-hidden { visibility: hidden; }

.dispc, .breakpc { display: block; }

@media all and (max-width: 960px) { .dispc, .breakpc { display: none; } }

.dissp, .breaksp { display: block; }

@media all and (min-width: 961px) { .dissp, .breaksp { display: none; } }

.flexFont { font-size: 100%; }

.obj__fit, .imgfit { width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

.overflow { overflow: hidden; }

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

html { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-transition: border-box; box-sizing: border-box; overflow-x: hidden; }

body { -webkit-text-size-adjust: 100%; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; }

h1 { font-size: 2em; }

hr { box-sizing: content-box; overflow: visible; display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; }

pre { font-family: monospace, monospace; font-size: 1em; }

abbr[title] { border-bottom: none; text-decoration: underline; }

b, strong { font-weight: bold !important; }

code, kbd, pre, samp, tt { font-family: monospace, monospace; font-size: 1em; }

small { font-size: 80%; }

sub, sup { font-size: 75%; position: relative; vertical-align: baseline; border: 0; outline: 0; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ }

button, input { /* 1 */ overflow: visible; -webkit-transition: all .2s ease-in-out 0s; transition: all .2s ease-in-out 0s; }

button, select { /* 1 */ text-transform: none; }

input, select { vertical-align: middle; }

input:focus { outline: 0; }

textarea { overflow: auto; }

fieldset { padding: 0.35em 0.75em 0.625em; }

table { border-spacing: 0; border-collapse: collapse; table-layout: fixed; }

progress { vertical-align: baseline; }

button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

[type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ }

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

summary { display: list-item; }

template, [hidden], .hidden { display: none; }

blockquote, q { quotes: none; }

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

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section { display: block; }

img { vertical-align: top; border-style: none; line-height: 0; font-size: 0; -ms-interpolation-mode: bicubic; background: 0 0; zoom: 1; }

ol, ul { list-style: none; }

a { background-color: transparent; font-size: 100%; vertical-align: baseline; text-decoration: none; background: 0 0; }

a:focus { outline: 0; }

a img { opacity: 1; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; }

a img:hover { opacity: 0.7; -webkit-transition: ease-out 0.3s; transition: ease-out 0.3s; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: 700; }

del { text-decoration: line-through; }

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

a, button, input { -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; }

/*====================================================================================
笆�14.OTHER
====================================================================================*/
@-webkit-keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft { 0% { opacity: 0;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0); } }

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); animation-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.fontDin { font-family: "din-2014"; }

.fontGintronic { font-family: "gintronic"; }

body { font-family: "Noto Sans JP", sans-serif; color: #333; font-style: normal; font-size: 16px; overflow-x: hidden; }

body p { font-family: "Noto Sans JP", sans-serif; font-size: 14px; line-height: 1.8; color: #333; }

body a { color: #333; line-height: normal; }

body img, body iframe { max-width: 100%; line-height: 0; }

.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:after, .slick-track:before { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir=rtl] .slick-slide { float: right; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

.slick-next, .slick-prev { position: absolute; display: block; line-height: 0; font-size: 0; width: 50px; height: 50px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 9; border-radius: 100%; }

@media all and (max-width: 844px) { .slick-next, .slick-prev { width: 50px; height: 50px; } }

.slick-next { background: url(../images/arr-next.svg) no-repeat center center; background-size: 95px; }

@media all and (max-width: 844px) { .slick-next { background-size: 95px; } }

.slick-prev { background: url(../images/arr-prev.svg) no-repeat center center; background-size: 95px; }

@media all and (max-width: 844px) { .slick-prev { background-size: 95px; } }

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover { opacity: 0.7; }

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before { opacity: 1; }

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before { opacity: 0.25; }

.slick-prev { left: -2px; }

@media all and (max-width: 960px) { .slick-prev { left: 22px; } }

[dir=rtl] .slick-prev { left: auto; right: 0; }

@media all and (max-width: 1160px) { [dir=rtl] .slick-prev { right: -10px; } }

.slick-prev:before { content: "←"; }

[dir=rtl] .slick-prev:before { content: "→"; }

.slick-next { right: -2px; }

@media all and (max-width: 960px) { .slick-next { right: 22px; } }

[dir=rtl] .slick-next { left: 0; right: auto; }

@media all and (max-width: 1160px) { [dir=rtl] .slick-next { left: -10px; } }

.slick-next:before { content: "→"; }

[dir=rtl] .slick-next:before { content: "←"; }

.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; bottom: 20px; }

@media all and (min-width: 961px) { .slick-dots { bottom: 30px; } }

.slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { display: block; height: 10px; width: 10px; outline: none; color: transparent; padding: 5px; background: #fff; border-radius: 100%; border: 1px solid #707070; cursor: pointer; }

@media all and (min-width: 961px) { .slick-dots li button { width: 12px; height: 12px; } }

.slick-dots li button:focus, .slick-dots li button:hover { outline: none; }

.slick-dots li button:focus:before, .slick-dots li button:hover:before { opacity: 1; }

.slick-dots li.slick-active button { background: #222; }

body:after { content: url(../images/close.png) url(../images/loading-icon.svg) url(../images/prevb.png) url(../images/nextb.png); display: none; }

body.lb-disable-scrolling { overflow: hidden; }

.lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 1000; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; display: none; }

.lightbox { position: absolute; left: 0; width: 100%; z-index: 9999; line-height: 0; font-weight: normal; }

.lightbox .lb-image { display: block; height: auto; max-width: inherit; border-radius: 3px; }

.lightbox a img { border: none; }

.lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; }

.lb-outerContainer:after { content: ""; display: table; clear: both; }

.lb-container { padding: 4px; }

.lb-loader { position: absolute; top: 43%; left: 0; height: 25%; width: 100%; text-align: center; line-height: 0; }

.lb-cancel { display: block; width: 32px; height: 32px; margin: 0 auto; /* background: url(loading-icon.svg) no-repeat; */ }

.lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

.lb-container > .nav { left: 0; }

.lb-nav a { outline: none; background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="); }

.lb-prev, .lb-next { height: 100%; cursor: pointer; display: block; }

.lb-nav a.lb-prev { width: 34%; left: 0; float: left; background: url(../images/prev.png) left 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-prev:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-nav a.lb-next { width: 64%; right: 0; float: right; background: url(../images/next.png) right 48% no-repeat; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.6s; transition: opacity 0.6s; }

.lb-nav a.lb-next:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }

.lb-dataContainer:after { content: ""; display: table; clear: both; }

.lb-data { padding: 0 4px; color: #ccc; }

.lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; }

.lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; }

.lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 12px; color: #999999; }

.lb-data .lb-close { display: block; float: right; width: 30px; height: 30px; background: url(../images/close.png) top right no-repeat; text-align: right; outline: none; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; }

.lb-data .lb-close:hover { cursor: pointer; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; }

.dflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.dflex-start { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.dflex-end { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.dflex-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.container { max-width: 1160px; margin: 0 auto; padding: 0 30px; }

@media all and (max-width: 960px) { .container { padding: 0 20px; } }

.container-large { max-width: 1160px; padding: 0 30px; margin: 0 auto; }

@media all and (max-width: 960px) { .container-large { padding: 0 20px; } }

.container-xlarge { max-width: 1920px; padding: 0 30px; margin: 0 auto; }

@media all and (max-width: 960px) { .container-xlarge { padding: 0 20px; } }

.header { margin: 0 auto; padding: 12.5px 0; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; -webkit-transition: all .3s; transition: all .3s; }

@media all and (min-width: 961px) { .header { max-height: 100px; } }

@media all and (max-width: 960px) { .header { height: 80px; padding: 10px 0; } }

.header-navsp { background: #fff; position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100%; overflow-y: scroll; -webkit-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; padding: 130px 0; /* scrollbar style */ }

@media all and (max-width: 960px) { .header-navsp { padding-top: 100px; padding-bottom: 30px; overflow-x: hidden; } }

.header-navsp::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3); background-color: #ffff; }

.header-navsp::-webkit-scrollbar { width: 5px; background-color: #fff; }

.header-navsp::-webkit-scrollbar-thumb { background-color: #eee; border-radius: 10px; }

.header-navsp .container { max-width: 1120px; }

.header-navsp .secContact { background: url(../images/bgContact.png) no-repeat center center !important; background-size: cover !important; margin-bottom: 70px; margin-top: 90px; padding: 0 80px; }

.header-navsp .secContact .titPage { margin-bottom: 0; }

@media all and (max-width: 960px) { .header-navsp .secContact { margin-top: 40px; margin-bottom: 30px; width: calc(100% + 44px); margin-left: -22px; padding: 0; }
  .header-navsp .secContact .dflex { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

.header-navsp .secContact .dflex { height: 340px; }

@media all and (max-width: 540px) { .header-navsp .secContact .dflex { height: auto; } }

.header-navsp .secContact .tit { font-size: 49px; }

.header-navsp .secContact p { font-size: 16px !important; line-height: 1.6; }

.header-navsp .alink { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; }

.header-navsp .alink a { font-size: 24px; margin: 0 15px; font-family: "din-2014-narrow",sans-serif; }

@media all and (max-width: 960px) { .header-navsp .alink a { font-size: 16px; margin: 0 8px; white-space: nowrap; }
  .header-navsp .alink a:first-child { margin-left: 0; }
  .header-navsp .alink a:last-child { margin-right: 0; } }

.header-navsp .nav { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: #fff; }

.header-navsp .nav li { -webkit-box-flex: 0; -webkit-flex: 0 0 49%; -ms-flex: 0 0 49%; flex: 0 0 49%; margin-top: 50px; }

.header-navsp .nav li:first-child, .header-navsp .nav li:nth-child(2) { margin-top: 0; }

@media all and (max-width: 960px) { .header-navsp .nav li { margin-top: 25px; } }

.header-navsp .nav a { font-size: 60px; line-height: 1.2; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-family: "din-2014"; font-weight: normal; }

.header-navsp .nav a small { font-size: 20px; background: url(../images/ico-arr2.svg) no-repeat right bottom 6px; padding-right: 75px; color: #707070; font-family: "Noto Sans JP", sans-serif; text-transform: capitalize; }

@media all and (min-width: 961px) { .header-navsp .nav a:hover { opacity: .7; } }

@media all and (max-width: 960px) { .header-navsp .nav a { font-size: 24px; }
  .header-navsp .nav a small { font-size: 10px; background: url(../images/ico-arr3.svg) no-repeat right bottom 6px; background-size: 30px; padding-right: 50px; margin-top: 5px; } }

.header-top { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; padding: 0 30px; }

@media all and (max-width: 960px) { .header-top { padding: 0 20px; } }

.header-top-logo { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (min-width: 961px) { .header-top-logo { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; } }

@media all and (min-width: 1400px) { .header-top-logo { -webkit-box-flex: 0; -webkit-flex: 0 0 200px; -ms-flex: 0 0 200px; flex: 0 0 200px; } }

.header-top-logo a { line-height: 0; }

.header-top-logo a img { max-height: 75px; }

.header-top-logo span { font-weight: bold; font-size: 14px; margin-left: 25px; display: none; }

.header-top-logo img { height: 100px; }

@media all and (max-width: 960px) { .header-top-logo img { height: 60px; } }

.header-top-menu { -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; }

.header-top-menu .header-nav { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: inherit; }

@media all and (min-width: 961px) { .header-top-menu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-right: 130px; } }

@media all and (min-width: 1400px) { .header-top-menu { padding-right: 170px; } }

.header-nav { position: relative; z-index: 98; max-width: 880px; }

@media all and (max-width: 960px) { .header-nav-inside { position: absolute; width: 100%; left: -100%; top: 0; padding: 0; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; } }

.header .icon-hamburger { position: absolute; right: 0; top: 0; cursor: pointer; z-index: 100; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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: 100px; height: 100px; background: #F1E760; -webkit-transition: all .3s; transition: all .3s; }

@media all and (min-width: 961px) { .header .icon-hamburger:hover { background: #f5ee8f; -webkit-transition: -webkit-background 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: -webkit-background 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9); -webkit-transition: background 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition: background 0.3s cubic-bezier(0.26, 0.8, 0.62, 0.9); transition-delay: 0; -webkit-transition-delay: 0; } }

@media all and (max-width: 960px) { .header .icon-hamburger { width: 80px; height: 80px; } }

.header .icon-hamburger span { left: 0; height: 2px; position: absolute; background: #fff; display: inline-block; width: 100%; border-radius: 3px; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }

.header .icon-hamburger span:first-child { top: 0; }

.header .icon-hamburger span:nth-child(2) { top: 0; bottom: 0; margin: auto; position: absolute; display: none; }

.header .icon-hamburger span:last-child { bottom: 0; }

@media all and (max-width: 960px) { .header .icon { margin-left: 10px; } }

.header .icon-bar { position: relative; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; height: 18%; width: 56%; }

.header .icon-bar img { max-width: 30px; }

/* ------------------------
/* MENU
------------------------- */
@media all and (min-width: 961px) { .menu { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; } }

@media all and (max-width: 960px) { .menu { height: auto; padding: 0 3%; overflow: hidden; background: rgba(51, 51, 51, 0.75); } }

.menu-item { position: relative; }

@media all and (min-width: 1580px) { .menu-item { margin: 0 15px; } }

.menu-item a { position: relative; font-size: 19px; line-height: 1; color: #333; display: block; padding: 8px 0 4px; text-align: center; font-family: "din-2014-narrow",sans-serif; }

@media all and (max-width: 1120px) { .menu-item a { font-size: 16px; } }

.menu-item a:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.menu-item a:after { bottom: -1px; display: block; height: 1px; width: 0%; content: ""; background-color: #333; left: 50%; }

@media all and (min-width: 961px) { .menu-item a:hover { opacity: 1; color: #333; }
  .menu-item a:hover:after { opacity: 1; width: 100%; left: 0; } }

/* ------------------------
/* MENU OPEN
------------------------- */
.open-menu { position: relative; overflow-y: hidden; height: 100vh !important; }

.open-menu .header-navsp.show { left: 0; opacity: 1; visibility: visible; }

@media all and (max-width: 960px) { .open-menu .header-top-logo { z-index: 100; } }

.open-menu .header-top-menu .icon { position: fixed; right: 0; top: 0; background: #333; }

.open-menu .icon-hamburger span:nth-child(1) { -webkit-transform: translateY(4px) rotate(-225deg); -ms-transform: translateY(4px) rotate(-225deg); transform: translateY(4px) rotate(-225deg); }

@media all and (max-width: 960px) { .open-menu .icon-hamburger span:nth-child(1) { -webkit-transform: translateY(6px) rotate(-225deg); -ms-transform: translateY(6px) rotate(-225deg); transform: translateY(6px) rotate(-225deg); } }

.open-menu .icon-hamburger span:nth-child(3) { -webkit-transform: translateY(-12px) rotate(225deg); -ms-transform: translateY(-12px) rotate(225deg); transform: translateY(-12px) rotate(225deg); }

@media all and (max-width: 960px) { .open-menu .icon-hamburger span:nth-child(3) { -webkit-transform: translateY(-6px) rotate(225deg); -ms-transform: translateY(-6px) rotate(225deg); transform: translateY(-6px) rotate(225deg); } }

@media all and (max-width: 960px) { .open--menu .menu--item { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); animation-timing-function: cubic-bezier(0, 0.2, 0.8, 1); -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } }

.open--menu .menu--item:nth-child(1) { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; }

.open--menu .menu--item:nth-child(2) { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }

.open--menu .menu--item:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; }

.open--menu .menu--item:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; }

.open--menu .menu--item:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }

.open--menu .menu--item:nth-child(6) { -webkit-animation-delay: 0.6s; animation-delay: 0.6s; }

/* -----------------------------------------------
/* FOOTER
-------------------------------------------------- */
.footer { padding: 50px 0 20px; background: #131A22; }

@media all and (max-width: 960px) { .footer { padding: 60px 0 20px; } }

.footer-info { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; margin-bottom: 70px; }

@media all and (max-width: 960px) { .footer-info { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0; } }

.footer-info .logoft img { max-height: 90px; }

@media all and (max-width: 960px) { .footer-info .logoft img { max-height: 90px; } }

@media all and (max-width: 960px) { .footer-info .logoft { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; margin-bottom: 40px; } }

.footer-bottom { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; }

@media all and (max-width: 960px) { .footer-bottom { margin-top: 60px; } }

.footer-bottom .alink a { font-size: 13px; margin-right: 45px; font-family: "din-2014-narrow",sans-serif; color: #fff; }

@media all and (min-width: 961px) { .footer-bottom .alink a:hover { color: #fff; }
  .footer-bottom .alink a:hover::after { background-color: #fff; } }

.footer-bottom p { font-size: 10px; font-family: "din-2014-narrow",sans-serif; color: #fff; }

@media all and (max-width: 960px) { .footer-bottom p { font-size: 12px; text-align: center; } }

.footer .navft { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 960px) { .footer .navft { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

@media all and (min-width: 961px) { .footer .navft ul:last-child { margin-left: 200px; } }

@media all and (max-width: 960px) { .footer .navft ul { margin: 0 30px; } }

@media all and (min-width: 961px) { .footer .navft li { margin-top: 22px; }
  .footer .navft li:first-child { margin-top: 0; } }

@media all and (max-width: 960px) { .footer .navft li { margin: 12px 0; } }

.footer .navft a { font-size: 17px; font-family: "din-2014-narrow",sans-serif; color: #fff; }

@media all and (min-width: 961px) { .footer .navft a:hover { color: #fff; }
  .footer .navft a:hover::after { background-color: #fff; } }

@media all and (max-width: 960px) { .footer .navft a { font-size: 16px; } }

/* -----------------------------------------------
/* BUTTON COMMON
-------------------------------------------------- */
button { border: none; outline: none; cursor: pointer; }

.cm__btn { margin: 0 auto; width: 100%; max-width: 210px; margin-top: 30px; -webkit-transition: all .3s; transition: all .3s; }

@media all and (max-width: 960px) { .cm__btn { margin-top: 20px; max-width: 180px; } }

.cm__btn a, .cm__btn button { display: block; text-align: center; padding: 10px 0; font-size: 20px; color: #fff; background: #000; }

@media all and (max-width: 960px) { .cm__btn a, .cm__btn button { font-size: 18px; padding: 5px 0; } }

.cm__btn a span, .cm__btn button span { z-index: 2; position: relative; }

.cm__btn a span::before, .cm__btn button span::before { content: ''; background: transparent; position: absolute; width: 8px; height: 8px; right: 0; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all .3s; transition: all .3s; }

.cm__btn--back { margin-top: 0; margin-left: 0; }

.cm__btn--back a span::before { position: absolute; top: 50%; width: 8px; height: 8px; background: transparent; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transition: all .3s; transition: all .3s; right: inherit; left: 0%; margin-left: -30px; -webkit-transform: rotate(-135deg) !important; -ms-transform: rotate(-135deg) !important; transform: rotate(-135deg) !important; margin-right: 0; }

.cm__btn--next { margin-top: 0; margin-right: 0; }

/* -----------------------------------------------
/* TEXT LINK
-------------------------------------------------- */
@media all and (min-width: 961px) { a[href*="tel:"] { pointer-events: none; cursor: default; text-decoration: none; } }

.alink { position: relative; }

.alink a { position: relative; }

.alink a:after { position: absolute; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }

.alink a:after { bottom: -1px; display: block; height: 1px; width: 0%; content: ""; background-color: #333; left: 50%; }

@media all and (min-width: 961px) { .alink a:hover { opacity: 1; color: #333; }
  .alink a:hover:after { opacity: 1; width: 100%; left: 0; } }

body { background: url(../images/bg.png) repeat top center; background-size: auto; }

@media all and (max-width: 960px) { body { background-size: 100%; } }

body.over_150 .header { background: rgba(255, 255, 255, 0.9); }

@media all and (min-width: 961px) { .banner { margin-bottom: 30px; } }

.banner .container-xlarge { padding: 0; }

.banner .item { position: relative; }

.banner .img { position: relative; z-index: 1; overflow: hidden; aspect-ratio: 1.84848; max-height: 660px; width: 100%; }

.banner .img img { object-fit: cover; width: 100%; height: 100%; }

.banner .img img { width: 100%; }

@media all and (max-width: 960px) { .banner .img { height: calc(100vh - 80px); } }

.banner .txt { position: absolute; z-index: 3; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; font-size: 32px; font-weight: 900; color: #fff; left: 0; top: 0; padding: 0 30px; line-height: 1.6; }

@media all and (max-width: 768px) { .banner .txt { font-size: 22px; line-height: 2; padding: 0 20px; } }

.banner .txt span, .banner .txt h1, .banner .txt small, .banner .txt .titBanner { display: block; color: #fff; font-weight: 900; text-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); width: 100%; max-width: 1160px; padding: 0 30px; margin: 0 auto; }

@media all and (max-width: 960px) { .banner .txt span, .banner .txt h1, .banner .txt small, .banner .txt .titBanner { padding: 0 20px; } }

.banner .txt small { font-size: 28px; margin-bottom: 30px; }

@media all and (max-width: 768px) { .banner .txt small { font-size: 22px; margin-bottom: 15px; } }

.banner .txt span, .banner .txt h1, .banner .txt .titBanner { font-size: 32px; line-height: 1.6; }

@media all and (max-width: 768px) { .banner .txt span, .banner .txt h1, .banner .txt .titBanner { font-size: 22px; line-height: 2; } }

.banner .txt p { display: block; font-size: 28px; color: #fff; font-weight: 900; margin-bottom: 30px; }

@media all and (max-width: 768px) { .banner .txt p { font-size: 22px; margin-bottom: 15px; } }

.banner .txt p strong { width: 100%; font-size: 32px; font-weight: 900; color: #fff; z-index: 3; text-align: left; line-height: 1.6; }

@media all and (max-width: 768px) { .banner .txt p strong { font-size: 22px; line-height: 2; } }

.banner .videoTop { position: relative; aspect-ratio: 16/9; }

@media all and (max-width: 960px) { .banner .videoTop { height: calc(100svh - 80px); } }

.banner .videoTop .video { position: relative; overflow: hidden; width: 100%; height: 100%; aspect-ratio: 16/9; }

.banner .videoTop iframe { position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 100%; height: 100%; aspect-ratio: 16/9; }

@media all and (max-width: 768px) { .banner .videoTop iframe { left: 20%; } }

.breadcrumb { margin-bottom: 30px; }

@media all and (max-width: 960px) { .breadcrumb { display: none; } }

.breadcrumb-item { display: inline-block; margin-left: 5px; color: #333; padding: 5px 0; font-size: 12px; text-transform: capitalize; }

.breadcrumb-item:first-child { padding-left: 0; margin-left: 0; }

.breadcrumb-item a { position: relative; padding-right: 15px; font-size: 12px; }

.breadcrumb-item a::before { content: ''; background: transparent; position: absolute; width: 6px; height: 6px; right: 0; top: 50%; margin-top: -4px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transition: all .3s; transition: all .3s; }

.breadcrumb-item a:hover { text-decoration: underline; opacity: 0.8; }

.breadcrumb-item a::before { margin-top: -3px; }

.btnmore { background: url(../images/ico-arr2.svg) no-repeat right bottom 6px; background-size: 70px; padding-right: 75px; font-size: 15px; color: #000; font-family: "din-2014-narrow",sans-serif; }

.btnmore:hover { opacity: .7; }

@media all and (max-width: 960px) { .btnmore { font-size: 13px; } }

@media all and (max-width: 960px) { .secInfo { margin-top: 40px; } }

@media all and (max-width: 844px) { .secInfo { margin-top: 20px; } }

.secInfo .head { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; }

@media all and (max-width: 960px) { .secInfo .head { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 15px; text-align: right; } }

@media all and (max-width: 960px) { .secInfo .tit { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; } }

.secInfo .tit span { font-size: 40px; margin-left: 15px; font-weight: bold; font-family: "din-2014"; }

@media all and (max-width: 960px) { .secInfo .tit span { font-size: 32px; margin-left: 10px; line-height: 1; } }

.secInfo .tit img { height: 54px; }

@media all and (max-width: 960px) { .secInfo .tit img { width: 15%; height: auto; } }

.secInfo .link { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 10px; }

.secInfo .link.dissp { display: none; }

@media all and (max-width: 1280px) { .secInfo .link { text-align: right; }
  .secInfo .link.dispc { display: none; }
  .secInfo .link.dissp { display: block; } }

.secInfo .link p { font-size: 22px; font-weight: bold; line-height: 1.5; }

@media all and (max-width: 1280px) { .secInfo .link p { font-size: 20px; margin: 20px 0 15px; } }

.secInfo .link .more { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-left: 20px; }

.secInfo .link .more span { font-size: 16px; margin-right: 12px; }

.secInfo .info { padding: 20px 30px; border-top: 1px solid #333; border-bottom: 1px solid #333; }

@media all and (max-width: 960px) { .secInfo .info { padding: 25px 0 15px; } }

.secInfo dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 50px 0; }

@media all and (max-width: 960px) { .secInfo dl { margin: 0; margin-bottom: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.secInfo dl dt { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; }

@media all and (max-width: 960px) { .secInfo dl dt { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; } }

.secInfo dl dt .date { min-width: 180px; display: inline-block; }

@media all and (max-width: 1280px) { .secInfo dl dt .date { min-width: 140px; } }

@media all and (max-width: 480px) { .secInfo dl dt .date { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

.secInfo dl dt .cate { min-width: 140px; display: inline-block; }

@media all and (max-width: 1280px) { .secInfo dl dt .cate { min-width: 120px; } }

@media all and (max-width: 960px) { .secInfo dl dt .cate { -webkit-box-flex: 0; -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

.secInfo dl dd { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; }

.secInfo dl dd a:hover { text-decoration: underline; }

.titPage { margin-bottom: 70px; }

@media all and (max-width: 960px) { .titPage { margin-bottom: 40px; } }

.titPage .tit { font-size: 51px; margin-bottom: 10px; line-height: 1; font-family: "din-2014-narrow",sans-serif; font-weight: normal; }

@media all and (max-width: 960px) { .titPage .tit { font-size: 45px; } }

.titPage p { font-size: 16px; font-weight: bold; line-height: 1.2; text-transform: capitalize; }

.secAbout { margin-top: 160px; }

@media all and (max-width: 960px) { .secAbout { margin-top: 100px; } }

.secAbout .block1 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; position: relative; }

@media all and (min-width: 961px) { .secAbout .block1 .img { overflow: hidden; aspect-ratio: 1.17857; border-radius: 30px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 58%; margin-left: -30px; }
  .secAbout .block1 .img img { object-fit: cover; width: 100%; height: 100%; } }

@media all and (max-width: 960px) { .secAbout .block1 .img { margin: 0; width: calc(100% + 44px); margin-left: -22px; margin-bottom: 30px; }
  .secAbout .block1 .img img { width: 100%; } }

.secAbout .block1 .txt { width: calc(42% + 30px); padding-left: 50px; position: relative; }

@media all and (max-width: 960px) { .secAbout .block1 .txt { padding: 0; width: 100%; } }

.secAbout .block1 .txt .imgpos { position: absolute; right: 0; top: 0; width: 32%; text-align: right; }

@media all and (min-width: 961px) { .secAbout .block1 .txt .imgpos { top: -50px; } }

@media all and (min-width: 1140px) { .secAbout .block1 .txt .imgpos { top: -80px; } }

@media all and (min-width: 1300px) { .secAbout .block1 .txt .imgpos { top: -100px; } }

@media all and (max-width: 960px) { .secAbout .block1 .txt .imgpos { width: 100%; top: -35px; padding-left: 35%; left: 0; text-align: left; right: inherit; } }

@media all and (max-width: 480px) { .secAbout .block1 .txt .imgpos { text-align: right; } }

.secAbout .block1 .txt .imgpos img { max-height: 100px; }

@media all and (max-width: 1060px) { .secAbout .block1 .txt .imgpos img { max-height: 80px; } }

@media all and (max-width: 960px) { .secAbout .block1 .txt { padding-left: 0; } }

.secAbout .block1 .titPage { margin-bottom: 30px; position: relative; }

@media all and (min-width: 961px) { .secAbout .block1 .titPage { max-width: 480px; } }

.secAbout .block1 p.desc { margin-bottom: 30px; }

@media all and (min-width: 961px) { .secAbout .block1 p.desc { max-width: 440px; } }

.secAbout .block2 { margin-top: -30px; }

@media all and (max-width: 1400px) { .secAbout .block2 { margin-top: 0; } }

@media all and (max-width: 1060px) { .secAbout .block2 { margin-top: 20px; } }

@media all and (min-width: 961px) { .secAbout .block2 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; } }

@media all and (max-width: 960px) { .secAbout .block2 { margin-top: 0; } }

@media all and (min-width: 961px) { .secAbout .block2 .img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; border-radius: 20px; overflow: hidden; aspect-ratio: 1.52083; width: 43%; margin-right: -30px; border-top-right-radius: 0; border-bottom-right-radius: 0; }
  .secAbout .block2 .img img { object-fit: cover; width: 100%; height: 100%; } }

@media all and (max-width: 960px) { .secAbout .block2 .img { margin: 0; }
  .secAbout .block2 .img img { width: 100%; } }

.secAbout .block2 .txt { position: relative; }

@media all and (min-width: 961px) { .secAbout .block2 .txt { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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(57% + 30px); } }

.secAbout .block2 .txt .imgpos { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; height: 100%; width: 100%; padding-bottom: 10%; }

@media all and (max-width: 960px) { .secAbout .block2 .txt .imgpos { width: 83%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-bottom: 0; margin-top: 50px; } }

.secAbout .block2 .txt .imgpos img { max-height: 100px; }

@media all and (max-width: 960px) { .secAbout .block2 .text_right { margin-top: 30px; } }

.secAbout.secRoom-Dinner { margin: 0; padding: 130px 0; }

@media all and (max-width: 960px) { .secAbout.secRoom-Dinner { padding-top: 100px; padding-bottom: 0; }
  .secAbout.secRoom-Dinner .titPage .tit { font-size: 40px; } }

@media all and (min-width: 961px) { .secAbout .block-room .img { overflow: hidden; aspect-ratio: 1.08387; }
  .secAbout .block-room .img img { object-fit: cover; width: 100%; height: 100%; } }

.secAbout .block-room .titPage { margin-bottom: 40px; }

@media all and (max-width: 1160px) and (min-width: 961px) { .secAbout .block-room .titPage { margin-bottom: 12%; } }

@media all and (max-width: 960px) { .secAbout .block-room .titPage { margin-bottom: 40px; } }

.secAbout .block-room p.desc { margin-bottom: 50px; }

.secAbout .block-room .titPage { position: relative; max-width: 440px; }

@media all and (max-width: 960px) { .secAbout .block-room .titPage { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } }

.secAbout .block-room .txt { position: relative; }

.secAbout .block-room .txt .tit { margin-bottom: 0; }

.secAbout .block-room .txt .imgpos2 { width: 55%; margin-left: 40px; margin-top: -15px; }

@media all and (min-width: 961px) { .secAbout .block-room .txt .imgpos2 { position: absolute; right: 0; top: -100px; max-width: 240px; } }

@media all and (max-width: 960px) { .secAbout .block-room .txt .imgpos2 { max-width: 150px; } }

.secAbout .block-dinner { margin-top: 100px; position: relative; }

.secAbout .block-dinner .txt .tit { margin-bottom: 0; }

@media all and (min-width: 961px) { .secAbout .block-dinner .txt { max-width: 1100px; width: 100%; position: absolute; left: 50%; top: 0; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

@media all and (min-width: 961px) { .secAbout .block-dinner .titPage { margin-bottom: 40px; background: url(../images/im4.png) no-repeat right bottom; background-size: 100px; padding-right: 150px; padding-top: 80px; } }

.secAbout .block-dinner p.desc { margin-bottom: 50px; }

@media all and (min-width: 961px) { .secAbout .block-dinner p.desc { max-width: 480px; } }

@media all and (min-width: 961px) { .secAbout .block-dinner .img { width: 50%; overflow: hidden; aspect-ratio: 1.32558; margin-right: -30px; margin-left: auto; border-top-left-radius: 30px; border-bottom-left-radius: 30px; }
  .secAbout .block-dinner .img img { object-fit: cover; width: 100%; height: 100%; } }

@media all and (max-width: 960px) { .secAbout .block-dinner .img { margin-bottom: 30px; margin-right: -20px; border-top-left-radius: 30px; border-bottom-left-radius: 30px; } }

.grid { display: grid; }

.grid-2 { grid-gap: 60px; }

@media all and (min-width: 961px) { .grid-2 { grid-template-columns: repeat(2, 1fr); } }

@media all and (max-width: 1280px) { .grid-2 { grid-gap: 40px; } }

@media all and (min-width: 961px) { .grid-3 { grid-template-columns: repeat(3, 1fr); grid-gap: 25px; } }

@media all and (max-width: 960px) { .grid-3 { grid-gap: 40px; } }

@media all and (min-width: 961px) { .grid-4 { grid-template-columns: repeat(4, 1fr); grid-gap: 90px 20px; } }

@media all and (max-width: 960px) { .grid-4 { grid-template-columns: repeat(2, 1fr); grid-gap: 40px 10px; } }

.secGlamping { margin: 100px 0; }

.secGlamping .container-xlarge { max-width: 1160px; padding: 0 30px; }

@media all and (max-width: 960px) { .secGlamping { margin: 100px 0; } }

@media all and (max-width: 960px) { .secGlamping .item { margin-bottom: 20px; }
  .secGlamping .item:last-child { margin-bottom: 0; } }

.secGlamping .item .img { border-radius: 30px; overflow: hidden; }

.secGlamping .item .tit { font-size: 35px; margin: 35px 0 25px; line-height: 1.2; font-weight: 500; }

@media all and (max-width: 1280px) { .secGlamping .item .tit { font-size: 34px; } }

@media all and (max-width: 960px) { .secGlamping .item .tit { font-size: 40px; text-align: center; } }

.secGlamping .item p.text_right { margin-top: 35px; }

@media all and (max-width: 960px) { .btn { text-align: center; } }

.btn a { background: #fff; border-radius: 50px; border: 1px solid #333; font-size: 18px; font-weight: bold; padding: 5px 0 8px; padding-left: 25px; padding-right: 45px; min-width: 180px; display: inline-block; text-align: center; position: relative; }

.btn a::after { position: absolute; content: ''; background: url(../images/ico-arr.svg) no-repeat right center; background-size: 14px; width: 14px; height: 14px; right: 20px; top: 50%; margin-top: -7px; }

@media all and (min-width: 961px) { .btn a:hover { background: #333; color: #fff; }
  .btn a:hover::after { background: url(../images/ico-arr-white.svg) no-repeat right center; background-size: 14px; } }

@media all and (max-width: 960px) { .btn a { font-size: 20px; min-width: 300px; padding: 14px 0 16px; }
  .btn a::after { background-size: 15px; } }

.secContact { background: url(../images/bgContact.png) no-repeat center center; background-size: cover; position: relative; }

@media all and (max-width: 960px) { .secContact { background: url(../images/bgContact.png) no-repeat center center; background-size: cover; } }

.secContact .container-large, .secContact .dflex { height: 490px; }

@media all and (max-width: 960px) { .secContact .container-large, .secContact .dflex { padding: 8% 20px; } }

.secContact .container-large { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; }

@media all and (max-width: 540px) { .secContact .container-large { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; height: auto; } }

.secContact .button .btn { margin: 30px 0; }

@media all and (max-width: 960px) { .secContact .button .btn { margin: 20px 0; } }

.secContact .button .btn a { min-width: 290px; }

@media all and (max-width: 540px) { .secContact .button { text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
  .secContact .button .btn:last-child { margin-bottom: 0; } }

.secContact .titPage { margin-bottom: 0; }

@media all and (max-width: 540px) { .secContact .titPage { text-align: center; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 10px; } }

.secContact .titPage .tit { color: #fff; margin-bottom: 20px; }

@media all and (max-width: 960px) { .secContact .titPage .tit { font-size: 40px; } }

.secContact .titPage p { color: #fff; font-size: 18px; }

@media all and (max-width: 960px) { .secContact .titPage p { font-size: 15px; line-height: 1.4; } }

@media all and (max-width: 960px) { .secContact .titPage .btn { margin: 0 auto; } }

@media all and (max-width: 960px) { .secContact .btn a { font-size: 16px; }
  .secContact .btn a::after { right: 15px; } }

.main-body { padding-top: 120px; }

@media all and (max-width: 960px) { .main-body { padding-top: 100px; } }

.topGeneral .secContact { background: url(../images/bgContactGen.png) no-repeat center center; background-size: cover; }

@media all and (max-width: 960px) { .topGeneral .secContact { background: url(../images/bgContactGen_sp.png) no-repeat center center; background-size: cover; } }

.topGeneral .main-body { padding-top: 100px; }

@media all and (max-width: 960px) { .topGeneral .main-body { padding-top: 80px; } }

@media all and (min-width: 961px) { .topGeneral .header-top-logo { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; } }

@media all and (min-width: 1401px) { .topGeneral .header-top-menu { width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .topGeneral .header-top-menu .header-nav { max-width: 1000px; margin: 0 auto; } }

@media all and (max-width: 1400px) { .topGeneral .header-top-menu .menu { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }
  .topGeneral .header-top-menu .menu .menu-item { margin: 0 40px; } }

@media all and (max-width: 1140px) { .topGeneral .header-top-menu .menu .menu-item { margin: 0 20px; } }

.topGeneral .header .icon-hamburger, .topGeneral .footer .navft { display: none; }

.social { margin-top: 35px; justify-content: flex-start; }

.social a { display: block; }

.social li{ margin-right: 20px; }

.social a img{ height: 35px; }

@media all and (max-width: 960px) { .logoft .dflex { justify-content: center; } .social { justify-content: center; } .social li{ margin: 0 10px; } }

.home .main-body { padding-top: 100px; }

@media all and (max-width: 960px) { .home .main-body { padding-top: 80px; } }

@media all and (min-width: 1300px) { .home .header .menu { padding-right: 0; padding-left: 0; } }

@media all and (max-width: 960px) { .home .secAbout .block1 .btnmore { display: none; }
  .home .secAbout .block2 .imgpos { display: none; } }

@media all and (max-width: 480px) { .home .btn a { width: 100%; max-width: 335px; } }

.backtop { width: 100%; max-width: 100%; position: fixed; z-index: 8; bottom: 20px; right: 0; -webkit-transition: all .3s; transition: all .3s; }

.backtop--icon { cursor: pointer; display: block; position: absolute; bottom: 0; right: 20px; zoom: 1; z-index: 8; }

.backtop--icon a { display: block; width: 65px; }

@media all and (max-width: 960px) { .backtop--icon a { width: 40px; } }

@media all and (max-width: 960px) { .backtop--icon { right: 15px; } }

.backtop--icon img { width: 65px; }

@media all and (max-width: 960px) { .backtop--icon img { width: 40px; } }

@media all and (min-width: 961px) { .secondPage .content-contact { padding-top: 120px; } }

.content-privacy, .content-company { padding-bottom: 200px; }

@media all and (max-width: 960px) { .content-privacy, .content-company { padding-bottom: 100px; } }

.content-company .secContent dl { margin-top: 80px; }

.content-company .secContent dl:first-child { margin-top: 0; }

@media all and (max-width: 960px) { .content-company .secContent dl { margin-top: 60px; } }

.content-company .secContent dt { font-size: 29px; font-weight: bold; border-bottom: 1px solid #333; padding-bottom: 35px; margin-bottom: 40px; }

@media all and (max-width: 960px) { .content-company .secContent dt { font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; } }

.outlink { background: url(../images/ico-link.svg) no-repeat right center; background-size: 29px; padding-right: 70px; }

@media all and (max-width: 960px) { .outlink { padding-right: 30px; background-size: 20px; } }

@media all and (min-width: 961px) { .outlink:hover { text-decoration: underline; } }

.bgoverlay { background: url(../images/bgoverlay.png) repeat-x left bottom; background-size: cover; }

.txtlink { font-size: 9px; background: #fff; line-height: 1.2; padding: 2px 15px; border-radius: 30px; display: inline-block; text-align: center; }

@media all and (max-width: 960px) { .txtlink { font-size: 12px; padding-left: 10px; padding-right: 10px; } }

@media all and (min-width: 961px) { a.txtlink:hover { opacity: 0.7; } }

@media all and (min-width: 961px) { .articlePost { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .articlePost .item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; }
  .articlePost .item .biglink { max-width: calc(100% - 25px); } }

@media all and (max-width: 960px) { .articlePost { margin-left: 0 !important; margin-right: 0 !important; }
  .articlePost .item .biglink { max-width: calc(100% - 20px); } }

@media all and (min-width: 961px) { .articlePost.disflex { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .articlePost.disflex .item { -webkit-box-flex: 0; -webkit-flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; }
  .articlePost.disflex .item .biglink { max-width: calc(100% - 25px); } }

@media all and (max-width: 960px) { .articlePost.disflex { margin-left: 0 !important; margin-right: 0 !important; }
  .articlePost.disflex .item .biglink { max-width: calc(100% - 20px); } }

.articlePost .grid { position: relative; }

.articlePost .imgpost { position: absolute; left: 10px; top: -35px; z-index: 2; width: 8%; }

.articlePost .imgpost img { max-width: 75px; }

.articlePost .item { padding: 0 12.5px; position: relative; -webkit-transition: all .3s; transition: all .3s; }

@media all and (max-width: 960px) { .articlePost .item { padding: 0 10px; } }

@media all and (min-width: 961px) { .articlePost .item:hover { opacity: 0.7; } }

.articlePost .biglink { position: absolute; width: 100%; height: 100%; z-index: 2; }

.articlePost .img { background: #f7f7f7; overflow: hidden; aspect-ratio: 1; position: relative; }

.articlePost .img img { object-fit: cover; width: 100%; height: 100%; }

.articlePost .img .txtlink { position: absolute; right: 0; top: 25px; padding: 8px 15px 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 120px; z-index: 3; text-transform: capitalize; }

@media all and (max-width: 960px) { .articlePost .img .txtlink { display: none; } }

.articlePost .desc { 
  /* position: absolute; 
  left: 12.5px; 
  bottom: 0; 
  z-index: 1; 
  width: calc(100% - 25px);  */
  padding: 16px 0; 
}

/* @media all and (max-width: 960px) { .articlePost .desc { width: calc(100% - 20px); left: 10px; } } */

.articlePost .desc .tit { 
  font-size: 13px; 
  font-weight: bold; 
  /* color: #fff;  */
  line-height: 1.4; 
  display: block; 
}

@media all and (max-width: 960px) { .articlePost .desc .tit { font-size: 14px; margin: 5px 0; } }

.articlePost .desc .tit a { 
  font-size: 13px; 
  font-weight: bold; 
  /* color: #fff;  */
  line-height: 1.4; 
  display: block; 
}

.articlePost .desc .tit a:hover { opacity: .7; }

@media all and (max-width: 960px) { .articlePost .desc .tit a { font-size: 14px; } }

.articlePost .desc .txtlink { border: 1px solid #222; margin-right: 0; text-transform: capitalize; }

.articlePost .desc .txtlink:last-child { margin-right: 0; }

@media all and (max-width: 960px) { .articlePost .desc .txtlink { border: none; } }

/* @media all and (min-width: 961px) { .articlePost .desc .keyword { min-height: 20px; line-height: 1; } } */

.articlePost .desc .note { color: #fff; font-size: 11px; font-weight: bold; margin-bottom: 2px; }

@media all and (max-width: 960px) { .articlePost .desc .note { font-size: 14px; } }

.slick-slide .biglink { max-width: calc(100% - 50px); }

@media all and (max-width: 960px) { .slick-slide .biglink { max-width: calc(100% - 20px); } }

.secPlan .video a, .secPlan li a, .secVideo .video a, .secVideo li a { background: #f7f7f7; display: block; }

.secPlan li a { margin-bottom: 20px; border-radius: 20px; overflow: hidden; aspect-ratio: 4/3; }

.secPlan li a img { object-fit: cover; width: 100%; height: 100%; }

.secVideo .btn { margin-top: 50px; }

@media all and (max-width: 960px) { .secVideo .btn { margin-top: 40px; } }

.secVideo .video a { position: relative; border-radius: 20px; overflow: hidden; aspect-ratio: 1.45833; }

.secVideo .video a img { object-fit: cover; width: 100%; height: 100%; }

.secVideo .video a::after { position: absolute; content: ''; background: url(../images/ico-youtube.svg) no-repeat center center; background-size: 145px; width: 145px; height: 97px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (min-width: 961px) { .secVideo .video a:hover { opacity: 0.7; }
  .secVideo .video a:hover img { opacity: 1; } }

@media all and (max-width: 960px) { .secVideo .video a { border-radius: 20px; overflow: hidden; aspect-ratio: 1.25; }
  .secVideo .video a img { object-fit: cover; width: 100%; height: 100%; }
  .secVideo .video a::after { background-size: 80%; } }

@media all and (max-width: 960px) { .secVideo .container-large { padding: 0; }
  .secVideo .container-large .slick-slide { padding: 0 10px; } }

.secArticlePost { margin-bottom: 100px; }

.secArticlePost .articlePost { margin-left: -12.5px; margin-right: -12.5px; }

@media all and (max-width: 960px) { .secArticlePost { margin: 50px 0; } }

.secActivity { margin: 120px 0; }

@media all and (max-width: 960px) { .secActivity { margin: 80px 0; } }

@media all and (min-width: 961px) { .secActivity .grid-3 { grid-gap: 50px 25px; } }

.secActivity .img { border-radius: 10px; overflow: hidden; aspect-ratio: 1; position: relative; display: block; background: #f7f7f7; }

.secActivity .img img { object-fit: cover; width: 100%; height: 100%; }

@media all and (min-width: 961px) { .secActivity .img:hover { opacity: 0.7; }
  .secActivity .img:hover img { opacity: 1; } }

.secActivity .img .txtlink { position: absolute; right: 0; top: 25px; padding: 8px 15px 8px; border-top-right-radius: 0; border-bottom-right-radius: 0; min-width: 120px; }

@media all and (max-width: 960px) { .secActivity .img .txtlink { display: none; } }

.secActivity .txt .tit { font-size: 23px; font-weight: 500; margin: 15px 0; }

@media all and (max-width: 960px) { .secActivity .txt .tit { font-size: 24px; } }

.secActivity .txt p:not(.text_right) { margin-bottom: 30px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }

@media all and (max-width: 960px) { .secActivity .txt p:not(.text_right) { margin-bottom: 15px; -webkit-line-clamp: 2; } }

@media all and (max-width: 960px) { .secActivity .txt .text_right { text-align: left !important; } }

.secReport { position: relative; padding: 90px 0; background: #fff; margin: 0; }

@media all and (max-width: 960px) { .secReport { margin-top: 100px; padding-bottom: 100px; } }

@media all and (min-width: 961px) { .secReport .titPage { margin-bottom: 50px; } }

.secReport .titPage .tit { font-size: 40px; border-bottom: 1px solid #222; margin-bottom: 15px; padding-bottom: 15px; }

@media all and (max-width: 960px) { .secReport .titPage .tit { font-size: 32px; border-bottom: 0; padding-bottom: 0; margin-bottom: 20px; } }

.secReport .titPage p { font-size: 16px; text-transform: capitalize; }

.secReport .btn { margin-top: 50px; }

@media all and (max-width: 960px) { .secReport .btn { margin-top: 40px; } }

@media all and (min-width: 961px) { .secAccess { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } }

.secAccess article { overflow: hidden; aspect-ratio: 1.33929; position: relative; }

.secAccess article img { object-fit: cover; width: 100%; height: 100%; }

@media all and (min-width: 961px) { .secAccess article { overflow: hidden; aspect-ratio: 1.525; width: 50%; -webkit-align-self: stretch; -ms-flex-item-align: stretch; align-self: stretch; -webkit-transition: all .3s; transition: all .3s; }
  .secAccess article img { object-fit: cover; width: 100%; height: 100%; }
  .secAccess article:hover { opacity: 0.7; } }

.secAccess article a.biglink { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; }

.secAccess article .bgoverlay { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; width: 100%; padding: 35px 40px; position: absolute; left: 0; bottom: 0; }

.secAccess article .bgoverlay .titpage { background: url(../images/ico-arr5.svg) no-repeat left bottom; background-size: 48px; padding-bottom: 65px; }

@media all and (max-width: 960px) { .secAccess article .bgoverlay { padding: 7% 20px; }
  .secAccess article .bgoverlay .titpage { background: url(../images/ico-arr5.svg) no-repeat right center; background-size: 40px; padding-bottom: 0; width: 100%; } }

.secAccess article .bgoverlay .tit { font-size: 42px; color: #fff; font-family: "din-2014-narrow",sans-serif; font-weight: normal; }

@media all and (max-width: 540px) { .secAccess article .bgoverlay .tit { font-size: 23px; } }

.secAccess article .bgoverlay p { color: #fff; font-size: 18px; font-weight: bold; }

@media all and (max-width: 540px) { .secAccess article .bgoverlay p { font-size: 10px; } }

.secAccess article .bgoverlay .arr { -webkit-box-flex: 0; -webkit-flex: 0 0 15%; -ms-flex: 0 0 15%; flex: 0 0 15%; display: none; }

@media all and (max-width: 960px) { .secAccess article .bgoverlay .arr { -webkit-box-flex: 0; -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; min-width: 50px; } }

.secAccess .seeing { background: url(../images/img-seeing.png) no-repeat center center; background-size: cover; }

.secAccess .access { background: url(../images/img-map.png) no-repeat center center; background-size: cover; }

.secColumn { padding: 160px 0 200px; margin: 0; }

@media all and (max-width: 960px) { .secColumn { padding-top: 100px; padding-bottom: 80px; } }

@media all and (min-width: 961px) { .secColumn .titPage { margin-bottom: 50px; } }

.secColumn .titPage .tit { font-size: 40px; border-bottom: 1px solid #222; margin-bottom: 15px; padding-bottom: 15px; }

@media all and (max-width: 960px) { .secColumn .titPage .tit { font-size: 32px; border-bottom: 0; padding-bottom: 0; margin-bottom: 20px; } }

.secColumn .titPage p { font-size: 16px; }

.secColumn .btn { margin-top: 50px; }

@media all and (max-width: 960px) { .secColumn .btn { margin-top: 40px; } }

.secNews .titPage { margin-bottom: 80px; }

@media all and (max-width: 960px) { .secNews .titPage { margin-bottom: 40px; } }

.secNews .titPage .tit { font-size: 40px; margin-bottom: 0; }

@media all and (max-width: 960px) { .secNews .titPage .tit { font-size: 32px; } }

.secNews .container-xlarge { padding: 0 0 160px; position: relative; }

@media all and (max-width: 960px) { .secNews .container-xlarge { padding: 0; } }

.secNews .container-large { position: relative; background: #F0F0E9; padding-bottom: 85px; padding-top: 85px; z-index: 1; }

@media all and (max-width: 960px) { .secNews .container-large { padding: 80px 20px 60px; } }

.secNews .container-large::after { position: absolute; content: ''; background: url(../images/im5.png) no-repeat left top; background-size: 100%; width: 7%; height: 100%; left: 5%; top: -90px; }

@media all and (max-width: 1400px) { .secNews .container-large::after { right: 3%; bottom: 2%; } }

@media all and (max-width: 1240px) { .secNews .container-large::after { right: 1%; bottom: 2%; } }

@media all and (max-width: 960px) { .secNews .container-large::after { width: 100%; bottom: inherit; top: 4%; background-position: right top; right: 15%; left: inherit; height: 94px; background-size: contain; } }

.secNews .info { position: relative; }

.secNews .info .imgpos { position: absolute; left: 0; top: -50px; width: 100px; }

@media all and (max-width: 960px) { .secNews .info .imgpos { display: none; } }

.secNews .info-news { background: #fff; border-radius: 20px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.08); margin: 30px 0; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .secNews .info-news { padding: 10px; margin: 10px 0; border-radius: 10px; } }

.secNews .info .img { overflow: hidden; aspect-ratio: 1; width: 125px; height: 125px; border-radius: 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 125px; -ms-flex: 0 0 125px; flex: 0 0 125px; background: #f7f7f7; }

.secNews .info .img img { object-fit: cover; width: 100%; height: 100%; }

@media all and (max-width: 960px) { .secNews .info .img { -webkit-box-flex: 0; -webkit-flex: 0 0 100px; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; height: 100px; } }

.secNews .info .desc { padding-left: 20px; }

@media all and (max-width: 960px) { .secNews .info .desc { padding-left: 15px; } }

.secNews .info .desc .newlink { margin-bottom: 30px; }

@media all and (max-width: 960px) { .secNews .info .desc .newlink { margin-bottom: 10px; } }

.secNews .info .desc .newlink a { font-size: 14px; }

@media all and (min-width: 961px) { .secNews .info .desc .newlink a:hover { text-decoration: underline; opacity: .7; } }

@media all and (max-width: 960px) { .secNews .info .desc .newlink a { font-size: 15px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } }

.secNews .info .desc span { font-size: 12px; color: #707070; }

.secNews .info .desc .cate { margin-left: 40px; }

@media all and (min-width: 961px) { .secNews .info .dflex { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } }

.secNews .btn { margin-top: 50px; }

@media all and (max-width: 960px) { .secNews .btn { margin-top: 40px; } }

.secInstagram { padding-bottom: 160px; }

@media all and (max-width: 960px) { .secInstagram { padding-top: 60px; padding-bottom: 80px; } }

.secInstagram .titPage { margin-bottom: 40px; }

.secInstagram .titPage .tit { background: url(../images/ico-int.svg) no-repeat center top; background-size: 25px; font-size: 40px; padding-top: 40px; }

@media all and (max-width: 960px) { .secInstagram .titPage .tit { font-size: 36px; } }

@media all and (max-width: 960px) { .secCalendar { display: none; } }

.secCalendar .calendar { position: fixed; right: 0; top: 240px; z-index: 10; }

.secCalendar .calendar a { background: #A2CB2F; height: 120px; display: block; border-radius: 22px; text-align: center; padding: 20px; padding-bottom: 130px; }

@media all and (max-width: 1300px) { .secCalendar .calendar a { padding-left: 10px; padding-right: 10px; padding-bottom: 115px; border-radius: 32px; } }

.secCalendar .calendar a .img { width: 90%; margin: 0 auto; margin-top: -45px; margin-bottom: 10px; }

.secCalendar .calendar a span { font-size: 18px; color: #fff; font-weight: bold; display: block; margin-bottom: 10px; }

@media all and (max-width: 1300px) { .secCalendar .calendar a span { font-size: 12px; } }

.secCalendar .calendar a img { max-height: 53px; }

@media all and (min-width: 961px) { .secCalendar .calendar a:hover { opacity: .7; }
  .secCalendar .calendar a:hover img { opacity: 1; } }

.secCalendar .pickup { position: fixed; right: 0; z-index: 10; top: 425px; text-align: right; max-width: 150px; width: 17%; }

.secCalendar .pickup a { background: #f7f7f7; border: 1px solid #fff; overflow: hidden; aspect-ratio: 1; display: block; }

.secCalendar .pickup a img { object-fit: cover; width: 100%; height: 100%; }

.border { border: 1px solid #707070; }

.content-access .secContent { padding-bottom: 150px; }

@media all and (max-width: 960px) { .content-access .secContent { padding-bottom: 100px; } }

.content-access .iframe { height: 900px; margin-bottom: 20px; }

.content-access .iframe iframe { height: 100%; }

@media all and (max-width: 960px) { .content-access .iframe { width: calc(100% + 40px); margin-left: -20px; height: 420px; } }

.content-access .image { margin: 100px 0; }

@media all and (max-width: 960px) { .content-access .image { width: calc(100% + 40px); margin: 50px 0; margin-left: -20px; } }

.content-access .titcheckin { margin-bottom: 100px; text-align: center; }

@media all and (max-width: 960px) { .content-access .titcheckin { text-align: left; margin-bottom: 40px; } }

.content-access .titcheckin .tit { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; margin-bottom: 40px; }

@media all and (max-width: 960px) { .content-access .titcheckin .tit { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; text-align: center; } }

.content-access .titcheckin .tit span { font-size: 53px; font-weight: bold; }

@media all and (max-width: 960px) { .content-access .titcheckin .tit span { font-size: 45px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; line-height: 1.1; margin-top: 10px; } }

.content-access .titcheckin .tit img { width: 23%; max-width: 78px; }

@media all and (min-width: 961px) { .content-access .titcheckin .tit img { max-width: 148px; margin-right: 40px; } }

.content-access p.strong { font-size: 32px; font-weight: bold; margin-bottom: 20px; line-height: 1.4; }

.content-access .location { border-radius: 10px; overflow: hidden; }

@media all and (min-width: 961px) { .content-access .location { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; padding: 20px; } }

.content-access .location .txt { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-left: 10%; }

@media all and (max-width: 960px) { .content-access .location .txt { padding-left: 0; background: #fff; border-radius: 30px; padding: 30px 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-top: 0; } }

.content-access .location .txt p:not(.strong) { font-size: 20px; }

@media all and (max-width: 960px) { .content-access .location .txt p:not(.strong) { font-size: 18px; } }

@media all and (max-width: 960px) { .content-access .location .txt p.strong { text-align: center; width: 100%; font-size: 24px; } }

.content-access .location .img { overflow: hidden; aspect-ratio: 1.52273; border-radius: 10px; -webkit-box-flex: 0; -webkit-flex: 0 0 44.7%; -ms-flex: 0 0 44.7%; flex: 0 0 44.7%; }

.content-access .location .img img { object-fit: cover; width: 100%; height: 100%; }

.content-access .comingby { margin-top: 180px; background: #fff; border-radius: 10px; position: relative; padding: 80px 50px; }

@media all and (max-width: 960px) { .content-access .comingby { margin-top: 50px; padding: 70px 20px 50px; }
  .content-access .comingby p.strong { font-size: 20px; } }

.content-access .comingby .imgpos { position: relative; margin-top: -158px; margin-bottom: 30px; max-width: 254px; text-align: center; }

@media all and (max-width: 960px) { .content-access .comingby .imgpos { max-width: 150px; margin-top: -120px; margin-bottom: 20px; } }

.content-access .comingby .imgpos img { max-height: 170px; max-width: 254px; }

@media all and (max-width: 960px) { .content-access .comingby .imgpos img { max-width: 150px; max-height: 114px; } }

.content-access .comingby p.strong { border-bottom: 1px solid #707070; padding-bottom: 20px; margin-bottom: 30px; }

@media all and (max-width: 960px) { .content-access .comingby p.strong { margin-bottom: 20px; padding-bottom: 15px; } }

.content-access .comingby .fz24 { font-weight: bold; margin-bottom: 20px; }

@media all and (max-width: 960px) { .content-access .comingby .fz24 { font-size: 18px !important; } }

@media all and (max-width: 960px) { .content-access .comingby-train { margin-top: 100px; } }

.content-access .comingby-train .imgpos { margin-bottom: 45px; margin-top: -198px; }

@media all and (max-width: 960px) { .content-access .comingby-train .imgpos { margin-top: -130px; margin-bottom: 30px; margin-left: -20px; } }

@media all and (max-width: 960px) { .titHead .tit { margin-bottom: 5px; } }

.secEyeCatch { overflow: hidden; margin-bottom: 40px; }

@media all and (max-width: 960px) { .secEyeCatch .image { overflow: hidden; aspect-ratio: 2; }
  .secEyeCatch .image img { object-fit: cover; width: 100%; height: 100%; } }

.content-about .secContent { padding-bottom: 120px; }

@media all and (max-width: 768px) { .content-about .secContent { padding-bottom: 100px; } }

.content-about .block { margin-top: 100px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

@media all and (max-width: 768px) { .content-about .block { margin-top: 40px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.content-about .block:nth-child(odd) .img { margin-left: -6.5%; }

@media all and (max-width: 768px) { .content-about .block:nth-child(odd) .img { margin-left: -10%; } }

.content-about .block:nth-child(odd) .txt { padding-left: 50px; padding-right: 100px; }

@media all and (max-width: 1160px) and (min-width: 1025px) { .content-about .block:nth-child(odd) .txt { padding-right: 6%; } }

@media all and (max-width: 1024px) { .content-about .block:nth-child(odd) .txt { padding-left: 20px; padding-right: 20px; } }

.content-about .block:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

.content-about .block:nth-child(even) .img { margin-right: -6.5%; }

@media all and (max-width: 768px) { .content-about .block:nth-child(even) .img { margin-right: -10%; } }

.content-about .block:nth-child(even) .txt { padding-left: 150px; padding-right: 50px; }

@media all and (max-width: 1160px) and (min-width: 1025px) { .content-about .block:nth-child(even) .txt { padding-left: 6%; } }

@media all and (max-width: 1024px) { .content-about .block:nth-child(even) .txt { padding-left: 20px; padding-right: 20px; } }

.content-about .block .img { position: relative; max-width: 1180px; -webkit-box-flex: 0; -webkit-flex: 0 0 62%; -ms-flex: 0 0 62%; flex: 0 0 62%; }

@media all and (max-width: 768px) { .content-about .block .img { -webkit-box-flex: 0; -webkit-flex: 0 0 86%; -ms-flex: 0 0 86%; flex: 0 0 86%; } }

.content-about .block .img img { border-radius: 10px; }

/* @media all and (max-width: 1600px) { .content-about .block .img img { border-radius: 120px; } }

@media all and (max-width: 1024px) { .content-about .block .img img { border-radius: 60px; } } */

.content-about .block .img .imgpos { position: absolute; max-width: 150px; width: 15%; top: -10%; }

.content-about .block .img .imgpos img { border-radius: 0; }

@media all and (max-width: 768px) { .content-about .block .img .imgpos { width: 20%; } }

.content-about .block .txt { padding-top: 10%; -webkit-box-flex: 1; -webkit-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; }

@media all and (max-width: 1024px) { .content-about .block .txt { padding-top: 5%; } }

@media all and (max-width: 768px) { .content-about .block .txt { padding-top: 0; margin-top: 30px; } }

.content-about .block .txt .tit { font-size: 29px; font-weight: bold; margin-bottom: 30px; text-transform: capitalize; }

@media all and (max-width: 1160px) and (min-width: 1025px) { .content-about .block .txt .tit { margin-bottom: 20px; } }

@media all and (max-width: 1024px) { .content-about .block .txt .tit { font-size: 20px; margin-bottom: 15px; } }

@media all and (max-width: 768px) { .content-about .block .txt .tit { margin-bottom: 10px; } }

.content-about .block .txt .time { font-family: "din-2014-narrow",sans-serif; font-size: 80px; line-height: 1; margin-bottom: 40px; }

@media all and (min-width: 1800px) { .content-about .block .txt .time { font-size: 84px; } }

@media all and (max-width: 1800px) and (min-width: 1025px) { .content-about .block .txt .time { font-size: 4.6vw; } }

@media all and (max-width: 1024px) { .content-about .block .txt .time { font-size: 5vw; margin-bottom: 20px; } }

@media all and (max-width: 768px) { .content-about .block .txt .time { font-size: 29px; margin-bottom: 10px; } }

.content-about .block .txt .imgpos { position: relative; text-align: right; }

.content-about .block1 .img .imgpos { left: 16%; }

.content-about .block1 .txt .imgpos { margin-bottom: 50px; margin-top: -35%; margin-right: 10%; width: 79%; max-width: 550px; right: -100px; }

@media all and (max-width: 768px) { .content-about .block1 .txt .imgpos { display: none; } }

.content-about .block1 .txt .imgpos.disspx { display: none; }

@media all and (max-width: 768px) { .content-about .block1 .txt .imgpos.disspx { display: block; position: relative; margin: 0; width: 48%; margin-left: auto; margin-right: 0; right: inherit; margin-top: 20px; } }

@media all and (max-width: 768px) { .content-about .block1 .txt { margin-top: 15px; } }

@media all and (max-width: 768px) { .content-about .block1 .txt .tit { font-size: 28px; background: url(../images/im19.png) no-repeat right top; background-size: 55px; display: inline-block; padding-right: 55px; padding-top: 15px; } }

.content-about .block3 .txt .imgpos { margin: 0 auto; margin-top: 60px; width: 75.5%; }

@media all and (max-width: 1800px) and (min-width: 1025px) { .content-about .block3 .txt .imgpos { margin-top: 8%; } }

@media all and (max-width: 1024px) { .content-about .block3 .txt .imgpos { margin-top: 30px; width: 70%; } }

@media all and (max-width: 768px) { .content-about .block3 .txt .imgpos { width: 48%; margin-right: 0; margin-top: 15px; } }

@media all and (max-width: 1800px) and (min-width: 1025px) { .content-about .block4 .txt { padding-top: 8%; } }

.content-about .block4 .txt .imgpos { margin-top: 80px; width: 38%; margin-left: 52%; }

@media all and (max-width: 1800px) and (min-width: 1025px) { .content-about .block4 .txt .imgpos { margin-top: 10%; } }

@media all and (max-width: 1024px) { .content-about .block4 .txt .imgpos { margin-top: 40px; } }

@media all and (max-width: 768px) { .content-about .block4 .txt .imgpos { margin-top: 0; width: 25%; position: absolute; margin-left: 0; left: 180px; top: -3%; max-width: 90px; } }

@media all and (max-width: 1800px) and (min-width: 1025px) { .content-about .block6 .txt { padding-top: 7%; padding-right: 2% !important; } }

.content-about .block6 .img .imgpos { right: 22%; }

@media all and (max-width: 768px) { .content-about .block6 .img .imgpos { right: 68%; } }

.content-about .block6 .txt .imgpos { margin-top: 80px; width: 40.5%; margin-left: 40%; }

@media all and (max-width: 1800px) and (min-width: 1025px) { .content-about .block6 .txt .imgpos { margin-top: 10%; } }

@media all and (max-width: 1024px) { .content-about .block6 .txt .imgpos { margin-top: 40px; } }

@media all and (max-width: 768px) { .content-about .block6 .txt .imgpos { margin-top: 0; position: absolute; width: 25%; margin-left: 0; top: 0; right: 10%; max-width: 80px; } }

.content-about .block8 .txt .imgpos { width: 52.5%; margin-left: 35%; }

@media all and (max-width: 1024px) { .content-about .block8 .txt .imgpos { margin-top: 90px; } }

@media all and (min-width: 1025px) { .content-about .block8 .txt .imgpos { margin-top: 100px; } }

@media all and (min-width: 1400px) { .content-about .block8 .txt .imgpos { margin-top: 150px; } }

@media all and (max-width: 768px) { .content-about .block8 .txt .imgpos { margin: 0 auto; margin-top: 50px; width: 45%; } }

.content-about .text { margin-top: 120px; }

@media all and (max-width: 768px) { .content-about .text { margin-top: 40px; } }

.content-about .text p { font-size: 32px; line-height: 1.4; }

@media all and (max-width: 1024px) { .content-about .text p { font-size: 20px; } }

@media all and (min-width: 961px) { .secPoint { background: #fff; padding: 120px 0 150px; } }

@media all and (max-width: 960px) { .secPoint { padding-bottom: 100px; }
  .secPoint .container-large { padding: 0 5px; } }

@media all and (min-width: 961px) { .secPoint .grid-3 { grid-gap: 60px 30px; display: grid; grid-template-columns: repeat(6, 1fr); }
  .secPoint .grid-3 > * { grid-column: span 2; }
  .secPoint .grid-3 > *:nth-last-child(2):nth-child(even) { grid-column: 2/span 2; }
  .secPoint .grid-3 .item:nth-last-child(2) { grid-column: 2 / span 2; }
  .secPoint .grid-3 .item:last-child { grid-column: 4 / span 2; } }

@media all and (max-width: 960px) { .secPoint .grid-3 { grid-gap: 20px 10px; grid-template-columns: repeat(2, 1fr); } }

.secPoint .titPage { text-align: center; }

.secPoint .item .img { margin-bottom: 25px; }

@media all and (max-width: 960px) { 
  .secPoint .item .img { margin-bottom: 15px; }
}

@media all and (max-width: 768px) { .secPoint .titPage { margin-bottom: 20px; } }

.secPoint .titPage .tit { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; background: url(../images/im11.png) no-repeat left center; background-size: 86px; padding-left: 100px; }

@media all and (max-width: 1400px) { .secPoint .titPage .tit { background-size: contain; padding-left: 8%; } }

@media all and (max-width: 768px) { .secPoint .titPage .tit { margin-bottom: 10px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background: none; padding: 0; } }

.secPoint .titPage span { font-size: 145px; line-height: 0.7; }

@media all and (max-width: 1400px) { .secPoint .titPage span { font-size: 10vw; } }

@media all and (max-width: 768px) { .secPoint .titPage span { font-size: 99px; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; background: url(../images/im11.png) no-repeat left 80px top; background-size: 56px; padding-left: 60px; padding-top: 5px; } }

.secPoint .desc .tile3 { text-align: center; font-size: 22px; margin: 0 0 25px 0; }

@media all and (min-width: 960px) {
  .secPoint .item .tile3:nth-child(4), 
  .secPoint .item .tile3:nth-child(5), 
  .secPoint .item .tile3:nth-child(6) { 
    min-height: 96px;
  }
}

@media all and (max-width: 960px) { .secPoint .desc .tile3 { font-size: 16px; padding: 0 5px; margin: 15px 0 20px; } }

.secPoint .desc p { padding: 0 20px; }

@media all and (max-width: 960px) { .secPoint .desc p { font-size: 14px; padding: 0 10px; } }

.secPoint button.more { font-size: 16px; background: url(../images/arr-down.svg) no-repeat top center; background-size: 23px; padding-top: 22px; text-align: center; margin: 0 auto; width: 50px; display: block; margin-top: 10px; }

@media all and (min-width: 961px) { .secPoint button.more { display: none; } }

.secPoint button.more.close { background: url(../images/arr-up.svg) no-repeat top center; background-size: 23px; }

@media all and (min-width: 961px) { .blogLayout { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .blogLayout .sidebar { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; }
  .blogLayout .articlePost { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -webkit-flex: 0 0 75.4%; -ms-flex: 0 0 75.4%; flex: 0 0 75.4%; display: block; } }

.blogLayout .articlePost { grid-gap: 20px; }

.blogLayout .articlePost .grid.grid-3 { margin-bottom: 100px; }

@media all and (max-width: 960px) { .blogLayout .articlePost { background: #fff; width: calc(100% + 40px); margin-left: -20px !important; padding: 65px 20px 50px; margin-top: 40px; }
  .blogLayout .articlePost .grid.grid-3 { margin-bottom: 50px; } }

.blogLayout .articlePost .item { padding: 0; }

@media all and (max-width: 960px) { .blogLayout .articlePost .item { margin-bottom: 0; }
  .blogLayout .articlePost .item:last-child { margin-bottom: 0; } }

.blogLayout .articlePost .item .biglink { max-width: 100%; }

.blogLayout .articlePost .desc { width: 100%; left: 0; }

.term-3 .blogLayout .articlePost .desc { border-radius: 0 0 10px 10px; }

/* @media all and (max-width: 960px) { .blogLayout .articlePost .desc { padding: 40px 30px 20px 30px; } } */

@media all and (max-width: 960px) { .blogLayout .articlePost .img .txtlink { display: block; } }

.sidebar { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 30px; }

@media all and (max-width: 960px) { .sidebar { padding-left: 0; } }

.sidebar .widget { margin-top: 100px; }

.sidebar .widget:first-child { margin-top: 0; }

@media all and (max-width: 960px) { .sidebar .widget { margin-top: 100px; } }

.sidebar .tit { font-size: 32px; font-weight: bold; border-bottom: 1px solid #333; line-height: 1; padding-bottom: 15px; margin-bottom: 30px; font-family: "din-2014"; position: relative; }

@media all and (max-width: 960px) { .sidebar .tit { font-size: 28px; margin-bottom: 20px; } }

.sidebar .tit::after { position: absolute; content: ''; background: #333; width: 30px; height: 1px; right: -30px; bottom: -1px; }

.sidebar .ttlink a { font-size: 20px; font-weight: bold; margin-bottom: 22px; }

@media all and (min-width: 961px) { .sidebar .ttlink a:hover { text-decoration: underline; opacity: .7; } }

@media all and (max-width: 960px) { .sidebar .ttlink a { font-size: 18px; } }

@media all and (min-width: 961px) { .sidebar .menucate { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.sidebar .menucate a { display: inline-block; text-transform: capitalize; }

.sidebar .menucate a:last-child { margin-bottom: 0; }

@media all and (max-width: 960px) { .sidebar .menucate a { margin-right: 35px; } }

.sidebar .key a { display: inline-block; margin-right: 25px; text-transform: capitalize; }

.sidebar .key a:last-child { margin-right: 0; }

.sidebar .pickup { margin-top: 20px; margin-bottom: 40px; text-align: right; margin-right: -30px; }

.sidebar .pickup a { overflow: hidden; aspect-ratio: 2; display: inline-block; max-width: 344px; background: #f7f7f7; }

.sidebar .pickup a img { object-fit: cover; width: 100%; height: 100%; }

@media all and (max-width: 960px) { .sidebar .pickup { display: none; } }

.sidebar .img { max-width: 268px; }

@media all and (min-width: 961px) { .sidebar .img { margin: 0 auto; margin-top: 40px; } }

@media all and (max-width: 960px) { .sidebar .img { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; margin-left: auto; margin-right: -25px; margin-top: 40px; } }

.content-blog .secContent { padding-bottom: 150px; }

@media all and (max-width: 960px) { .content-blog .secContent { padding-bottom: 50px; } }

@media all and (max-width: 960px) { .content-blog .secContent.dissp { padding-bottom: 100px; } }

@media all and (min-width: 961px) { .content-blog .secHeadTit .titHead { text-align: center; } }

@media all and (max-width: 960px) { .content-single .secContent.dissp { padding-bottom: 70px; padding-top: 35px; } }

.articleSingle { padding-top: 70px; padding-bottom: 100px; }

@media all and (min-width: 961px) { .articleSingle { margin-left: -30px; background: #fff; border-radius: 50px; } }

@media all and (min-width: 1400px) { .articleSingle { border-radius: 100px; } }

@media all and (max-width: 960px) { .articleSingle.articlePost { padding-top: 0; background: none; margin-top: 0; } }

.articleSingle .wpcontent { padding: 0 100px; }

@media all and (max-width: 960px) { .articleSingle .wpcontent { padding: 0; } }

.articleSingle .wpcontent a { color: #8ed1fc; }

@media all and (min-width: 961px) { .articleSingle .wpcontent a:hover { opacity: 0.7; text-decoration: underline; } }

.articleSingle .wpcontent p { margin-bottom: 10px; }

.articleSingle .wpcontent p:last-child { margin-bottom: 0; }

.articleSingle .head { padding: 0 100px; margin-bottom: 70px; }

@media all and (max-width: 960px) { .articleSingle .head { padding: 0 20px; margin-bottom: 30px; } }

.articleSingle .head h1 { font-size: 42px; margin-bottom: 30px; }

@media all and (max-width: 960px) { .articleSingle .head h1 { font-size: 24px; } }

.articleSingle .head .cate { font-size: 20px; font-family: "din-2014"; font-weight: bold; margin-bottom: 20px; }

.articleSingle .head .key { font-family: "din-2014"; font-weight: bold; }

@media all and (max-width: 960px) { .articleSingle .head .key { font-size: 20px; } }

.articleSingle .featureImg { border-radius: 20px; overflow: hidden; aspect-ratio: 1.82222; margin-bottom: 100px; border: 1px solid #707070; }

.articleSingle .featureImg img { object-fit: cover; width: 100%; height: 100%; }

@media all and (max-width: 960px) { .articleSingle .featureImg { margin-bottom: 40px; } }

.articleSingle h1.wp-block-heading { margin-bottom: 50px; }

.articleSingle h2 { font-size: 32px; background: url(../images/ico.png) no-repeat left center; background-size: 95px; border-bottom: 1px solid #333; padding: 25px 0; padding-left: 140px; margin: 50px 0; }

@media all and (max-width: 960px) { .articleSingle h2 { text-align: center; font-size: 22px; background-position: top center; background-size: 78px; padding: 0; padding-top: 70px; padding-bottom: 20px; } }

.articleSingle h3 { font-size: 24px; margin: 40px 0; }

@media all and (min-width: 961px) { .articleSingle h3 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; flex-direction: row-reverse;}
  .articleSingle h3 span { -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; margin-right: 25px; }
  .articleSingle h3 span img { width: 45px; } }

@media all and (max-width: 960px) { .articleSingle h3 { text-align: center; font-size: 20px; background: url(../images/im15.png) no-repeat top 10px center; background-size: 40px; padding: 0; padding-top: 60px; } }

.articleSingle h4 { font-size: 24px; margin: 40px 0 30px; }

@media all and (min-width: 961px) { .articleSingle h4 { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
  .articleSingle h4 span { -webkit-box-flex: 0; -webkit-flex: 0 0 45px; -ms-flex: 0 0 45px; flex: 0 0 45px; margin-left: 35px; }
  .articleSingle h4 span img { width: 45px; } }

@media all and (max-width: 960px) { .articleSingle h4 { text-align: center; font-size: 18px; background: url(../images/im16.png) no-repeat top center; background-size: 45px; padding: 0; padding-top: 65px; } }

.articleSingle .wp-block-gallery figure { border-radius: 20px; overflow: hidden; }

.articleSingle .wp-block-images figure { border-radius: 20px; }

@media all and (min-width: 961px) { .articleSingle .wp-block-images { display: grid; grid-gap: 20px; grid-template-columns: repeat(2, 1fr); } }

@media all and (max-width: 960px) { .articleSingle .wp-block-images figure { margin-bottom: 20px; }
  .articleSingle .wp-block-images figure:last-child { margin-bottom: 0; } }

.articleSingle .wp-block-embed { text-align: center; }

.articleSingle .wp-block-video figure { overflow: hidden; aspect-ratio: 1.5; border-radius: 15px; position: relative; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; }

.articleSingle .wp-block-video figure img { object-fit: cover; width: 100%; height: 100%; }

.articleSingle .wp-block-video figure::after { position: absolute; content: ''; background: url(../images/ico-youtube.svg) no-repeat center center; background-size: 290px; width: 290px; height: 195px; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

@media all and (min-width: 961px) { .articleSingle .wp-block-video figure:hover { opacity: 0.7; }
  .articleSingle .wp-block-video figure:hover img { opacity: 1; } }

@media all and (max-width: 960px) { .articleSingle .wp-block-video figure::after { background-size: 145px; } }

.articleSingle figure.wp-block-image, .articleSingle .wp-block-images, .articleSingle .wp-block-table, .articleSingle .wp-block-embed, .articleSingle .wp-block-video, .articleSingle .wp-block-gallery { margin: 40px 0; }

.articleSingle .pager { text-align: center; margin: 100px auto; }

@media all and (max-width: 960px) { .articleSingle .pager { margin: 50px 0; } }

.articleSingle .pager span.txt { min-width: 100px; display: inline-block; }

.articleSingle .pager a, .articleSingle .pager span { font-size: 24px; font-weight: bold; }

@media all and (min-width: 961px) { .articleSingle .pager a:hover { text-decoration: underline; opacity: .7; } }

@media all and (max-width: 960px) { .articleSingle .btnarr a { font-size: 24px; width: 100%; max-width: 380px; } }

.articleSingle iframe { width: 100%; }

.secRelated { background: #F0F0E9; padding: 100px 0; position: relative; }

@media all and (max-width: 960px) { .secRelated { padding: 50px 0; } }

.secRelated .articlePost { margin-left: -25px; margin-right: -25px; }

.secRelated .text_center { margin-bottom: 40px; }

.secRelated .text_center img { max-width: 95px; }

@media all and (max-width: 960px) { .secRelated .text_center img { max-width: 78px; } }

.secRelated .text_center p { font-size: 32px; }

@media all and (max-width: 960px) { .secRelated .text_center p { font-size: 22px; font-weight: bold; margin-top: 10px; } }

.secRelated .articlePost .item .img { border-radius: 20px; overflow: hidden; }

.secRelated .articlePost .item .desc { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }

.content-room .secContent { position: relative; padding-bottom: 100px; }

.content-room .secContent .image { margin-bottom: 150px; }

@media all and (max-width: 1160px) and (min-width: 961px) { .content-room .secContent .image { margin-bottom: 12%; } }

@media all and (max-width: 960px) { .content-room .secContent .image { margin-bottom: 70px; } }

.content-room .secContent .image .imgpos2 { width: 48%; margin-top: 20px; margin-left: -20px; }

.content-room .secContent .image .imgpos { position: absolute; left: 0; margin-top: -100px; max-width: 400px; width: 21%; }

@media all and (max-width: 960px) { .content-room .secContent .image .imgpos { display: none; } }

.content-room .secContent .imgmap { position: relative; z-index: 2; }

@media all and (max-width: 1600px) { .content-room .secContent .imgmap { z-index: 0; } }

@media all and (max-width: 960px) { .content-room .secContent .imgmap { width: calc(100% + 40px); margin-left: -20px; } }

.content-room .secContent p.text_center { margin-top: 100px; }

@media all and (max-width: 1160px) and (min-width: 961px) { .content-room .secContent p.text_center { margin-top: 8%; } }

@media all and (max-width: 960px) { .content-room .secContent p.text_center { text-align: left !important; margin-top: 25px; } }

.content-room .slider-for .item { border-radius: 20px; overflow: hidden; aspect-ratio: 1.63889; }

.content-room .slider-for .item img { object-fit: cover; width: 100%; height: 100%; }

.content-room .slider-nav { margin-left: -8px; margin-right: -8px; padding: 0 50px; margin-top: 65px; }

@media all and (max-width: 768px) { .content-room .slider-nav { display: none; } }

.content-room .slider-nav .slick-slide { padding: 0 8px; }

.content-room .slider-nav .item.content-room .slider-nav .item { overflow: hidden; aspect-ratio: 1.63889; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }

.content-room .slider-nav .item img { object-fit: cover; width: 100%; height: 100%; }

@media all and (min-width: 961px) { .content-room .slider-nav .item:hover { opacity: 0.7; } }

.content-room .slick-prev { left: -20px; }

@media all and (min-width: 961px) { .content-room .slick-prev { background: url(../images/arr-prev3.png) no-repeat center center; background-size: 35px; left: 0; } }

.content-room .slick-next { right: -20px; }

@media all and (min-width: 961px) { .content-room .slick-next { background: url(../images/arr-next3.png) no-repeat center center; background-size: 35px; right: 0; } }

.content-room .roomInfo { margin-top: 100px; }

@media all and (max-width: 960px) { .content-room .roomInfo { margin-top: 30px; } }

@media all and (min-width: 961px) { .content-room .roomInfo .imgpos { position: absolute; right: 5%; width: 14.5%; margin-top: -100px; } }

@media all and (max-width: 1600px) { .content-room .roomInfo .imgpos { right: 1%; } }

@media all and (max-width: 960px) { .content-room .roomInfo .imgpos { width: 35%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin: 30px 0; margin-left: auto; margin-right: 0; } }

.content-room .roomInfo .titPage { margin-bottom: 40px; }

@media all and (max-width: 960px) { .content-room .roomInfo .titPage { margin-bottom: 20px; } }

.content-room table { margin-top: 70px; width: 100%; border-top: 1px solid #333; }

@media all and (max-width: 960px) { .content-room table { margin-top: 25px; } }

.content-room table th, .content-room table td { font-weight: normal; font-size: 20px; border-bottom: 1px solid #333; padding: 18px 0; }

@media all and (max-width: 960px) { .content-room table th, .content-room table td { font-size: 18px; } }

.content-room table th { width: 22%; border-right: 1px solid #707070; text-align: center; min-width: 230px; }

@media all and (max-width: 960px) { .content-room table th { padding-left: 20px; text-align: left; width: 40%; } }

.content-room table td { padding-left: 70px; }

@media all and (max-width: 960px) { .content-room table td { padding-left: 20px; } }

.content-room .sliderDelux { margin-top: 300px; }

@media all and (max-width: 960px) { .content-room .sliderDelux { margin-top: 60px; } }

.secFacility { background: #fff; padding-top: 100px; padding-bottom: 100px; }

@media all and (max-width: 960px) { .secFacility { background: none; padding-top: 0; padding-bottom: 100px; } }

.secFacility .titPage { text-align: center; }

@media all and (max-width: 960px) { .secFacility .titPage { margin-bottom: 40px; } }

.secFacility .item .img { border-radius: 10px; overflow: hidden; aspect-ratio: 1; }

.secFacility .item .img img { object-fit: cover; width: 100%; height: 100%; }

/* @media all and (max-width: 960px) { .secFacility .item .img { border-radius: 30px; } } */

.secFacility .item .tile4 { font-size: 18px; text-align: center; margin: 30px 0 25px; }

.secFacility .item .tile4 small { font-size: 18px; }

@media all and (max-width: 960px) { .secFacility .item .tile4 { font-size: 16px; margin: 15px 0; }
  .secFacility .item .tile4 small { font-size: 13px; } }

@media all and (max-width: 960px) { .secFacility .item p { font-size: 14px; } }

@media all and (max-width: 960px) { .secFood { padding: 0 20px; } }

.secFood .titPage { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 100px 0; }

.secFood .titPage .tit { margin-bottom: 0; padding-top: 12px; }

.secFood .titPage span { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; margin-right: 50px; }

@media all and (max-width: 960px) { .secFood .titPage { margin: 50px 0 30px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .secFood .titPage span { -webkit-box-flex: 0; -webkit-flex: 0 0 78px; -ms-flex: 0 0 78px; flex: 0 0 78px; margin-right: 0; }
  .secFood .titPage .tit { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; } }

.secFood-menu { margin-top: 150px; }

@media all and (max-width: 960px) { .secFood-menu { margin-top: 0; margin-bottom: 100px; } }

.secFood-menu .img { border-radius: 20px; overflow: hidden; aspect-ratio: 1.61644; max-width: 1175px; }

.secFood-menu .img img { object-fit: cover; width: 100%; height: 100%; }

@media all and (max-width: 960px) { .secFood-menu .img { margin-bottom: 20px; } }

.secFood-menu .txt { max-width: 1130px; background: #fff; border: 1px solid #333; border-radius: 80px; padding: 80px; padding-right: 0; }

@media all and (max-width: 960px) { .secFood-menu .txt { border-radius: 25px; padding: 50px 0 70px; position: relative; } }

.secFood-menu .txt .imgpos { position: absolute; }

.secFood-menu .txt-stand .imgpos { width: 16%; right: 45%; top: -34%; }

@media all and (max-width: 1160px) { .secFood-menu .txt-stand .imgpos { top: -27%; } }

@media all and (max-width: 1240px) { .secFood-menu .txt-stand .imgpos { top: -22%; } }

@media all and (max-width: 960px) { .secFood-menu .txt-stand .imgpos { top: inherit; bottom: -8%; width: 30%; right: 10%; max-width: 100px; } }

.secFood-menu .txt-pre .imgpos { width: 21.5%; right: 15%; bottom: 20%; }

@media all and (max-width: 1240px) { .secFood-menu .txt-pre .imgpos { bottom: 22%; right: 10%; } }

@media all and (max-width: 960px) { .secFood-menu .txt-pre .imgpos { top: inherit; bottom: -8%; width: 45%; right: 5%; max-width: 138px; } }

.secFood-menu .txt-kids .imgpos { width: 12%; top: -9%; }

@media all and (max-width: 960px) { .secFood-menu .txt-kids .imgpos { display: none; } }

@media all and (max-width: 960px) { .secFood-menu .txt-kids .ico { margin-right: -110px; } }

.secFood-menu .txt-bfast .imgpos { width: 14.5%; right: 12%; bottom: 25%; }

@media all and (max-width: 960px) { .secFood-menu .txt-bfast .imgpos { width: 100px; right: 8%; bottom: inherit; top: 180px; } }

.secFood-menu .ico { position: absolute; }

.secFood-menu .ico span { background: #fff; border-radius: 100%; border: 1px solid #707070; aspect-ratio: 1/1; font-family: "din-2014-narrow",sans-serif; font-size: 42px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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: 280px; text-align: center; line-height: 1; }

@media all and (max-width: 1160px) and (min-width: 961px) { .secFood-menu .ico span { width: 250px; } }

@media all and (max-width: 960px) { .secFood-menu .ico span { font-size: 18px; width: 120px; } }

.secFood-menu .ico .kids { background: #00A7CD; color: #fff; margin-right: -50px; }

@media all and (max-width: 960px) { .secFood-menu .ico .kids { margin-right: -20px; z-index: 2; } }

@media all and (min-width: 961px) { .secFood-menu1 { position: relative; padding-top: 17.2%; } }

@media all and (min-width: 961px) { .secFood-menu1 .img { width: 60%; border-top-left-radius: 0; border-bottom-left-radius: 0; position: absolute; left: 0; top: 0; z-index: 1; } }

@media all and (min-width: 961px) { .secFood-menu1 .txt { position: relative; z-index: 2; width: 60%; margin-left: auto; margin-right: 0; } }

.secFood-menu1 .ico { margin-top: -280px; right: 18%; }

@media all and (max-width: 1160px) { .secFood-menu1 .ico { right: 10%; margin-top: -250px; } }

@media all and (max-width: 1240px) { .secFood-menu1 .ico { right: 5%; } }

@media all and (max-width: 960px) { .secFood-menu1 .ico { right: 50%; top: -80px; margin-right: -60px; margin-top: 0; } }

.secFood-menu2 { max-width: 1100px; margin-left: auto; margin-right: auto; }

@media all and (min-width: 961px) { .secFood-menu2 .img, .secFood-menu2 .txt { width: 100%; margin: 0 auto; } }

.secFood-menu2 .txt { border-color: #000; z-index: 2; }

@media all and (min-width: 961px) { .secFood-menu2 .txt { margin-top: -80px; position: relative; width: 96%; } }

@media all and (max-width: 960px) { .secFood-menu2 .txt { padding-bottom: 40px; } }

.secFood-menu2 .imgpossp { display: none; }

@media all and (max-width: 960px) { .secFood-menu2 .imgpossp { display: block; width: 78px; margin: 0 auto; position: relative; top: 30px; } }

.secFood-menu2 .ico { right: 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: -280px; }

@media all and (max-width: 1160px) and (min-width: 961px) { .secFood-menu2 .ico { margin-top: -250px; } }

@media all and (max-width: 960px) { .secFood-menu2 .ico { right: 50%; top: -80px; margin-right: -60px; margin-top: 0; } }

.secFood .head { border-bottom: 1px solid #333; padding-bottom: 30px; margin-bottom: 30px; }

@media all and (max-width: 960px) { .secFood .head { padding-bottom: 20px; margin-bottom: 20px; } }

.secFood .head h3 { font-family: "din-2014"; font-size: 53px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.secFood .head h3 span { -webkit-box-flex: 0; -webkit-flex: 0 0 380px; -ms-flex: 0 0 380px; flex: 0 0 380px; }

.secFood .head h3 small { font-size: 24px; font-weight: bold; text-transform: capitalize; }

@media all and (max-width: 1240px) { .secFood .head h3 { font-size: 4.2vw; }
  .secFood .head h3 span { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 20px; } }

@media all and (max-width: 960px) { .secFood .head h3 { font-size: 32px; -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; }
  .secFood .head h3 span { margin: 0; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; }
  .secFood .head h3 small { font-size: 20px; } }

.secFood .desc p { line-height: 3; font-weight: 500; }

.secFood .desc .small { line-height: 1.8; margin-top: 30px; font-family: "din-2014"; }

@media all and (max-width: 960px) { .secFood .desc .small { margin-top: 20px; } }

@media all and (max-width: 960px) { .secFood .desc { padding: 0 10px; } }

.secOption { margin-top: 200px; }

@media all and (max-width: 960px) { .secOption { margin-top: 100px; margin-bottom: 120px; } }

.secOption .container-xlarge { max-width: 1100px; background: #F0F0E9; border-top-left-radius: 30px; border-bottom-left-radius: 30px; padding: 140px 0; position: relative; }

@media all and (min-width: 961px) { .secOption .container-xlarge::after { position: absolute; content: ''; background: #F0F0E9; width: 25%; height: 100%; right: -25%; top: 0; } }

@media all and (max-width: 960px) { .secOption .container-xlarge { background: none; padding: 0 20px; } }

@media all and (min-width: 960px) { .secOption .container-large { padding-left: 70px; padding-right: 70px; } }

@media all and (max-width: 960px) { .secOption .container-large { background: #F0F0E9; padding: 80px 20px 60px; border-radius: 40px; position: relative; } }

.secOption .ico { position: absolute; left: 0; top: -140px; }

.secOption .ico span { background: #fff; border-radius: 100%; border: 1px solid #707070; aspect-ratio: 1/1; font-family: "gintronic"; font-size: 42px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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: 280px; text-align: center; line-height: 1; }

@media all and (max-width: 1160px) and (min-width: 961px) { .secOption .ico span { width: 250px; top: -125px; } }

@media all and (max-width: 960px) { .secOption .ico span { width: 120px; font-size: 18px; } }

@media all and (max-width: 960px) { .secOption .ico { top: -60px; z-index: 2; left: 20px; } }

.secOption .tit { font-family: "din-2014"; font-size: 42px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 60px; }

@media all and (min-width: 961px) { .secOption .tit { position: relative; }
  .secOption .tit::after { position: absolute; content: ''; background: #000; width: 100%; height: 1px; right: -100%; bottom: -1px; z-index: 2; } }

.secOption .tit span { width: 8%; margin-left: 10%; }

@media all and (max-width: 1240px) { .secOption .tit { font-size: 3.5vw; } }

@media all and (max-width: 960px) { .secOption .tit { font-size: 20px; margin-bottom: 20px; }
  .secOption .tit span { width: 95px; position: absolute; right: 8%; bottom: -60px; } }

.secDrink { margin-top: 150px; background: #fff; padding-top: 150px; padding-bottom: 150px; }

/* @media all and (max-width: 960px) { .secDrink { display: none; } } */

.secDrink .titPage { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 100px; }

.secDrink .titPage .tit { margin-bottom: 0; padding-top: 12px; }

.secDrink .titPage span:not(.im2) { -webkit-box-flex: 0; -webkit-flex: 0 0 150px; -ms-flex: 0 0 150px; flex: 0 0 150px; margin-right: 50px; }

.secDrink .titPage .im2 { width: 13%; margin-left: 70px; margin-top: -100px; }

.secDrink .grid { grid-gap: 70px; margin-bottom: 120px; }

.secDrink .item .img { border: 1px solid #707070; overflow: hidden; aspect-ratio: 1; border-radius: 50px; }

.secDrink .item .img img { object-fit: cover; width: 100%; height: 100%; }

.secDrink .item .desc { text-align: center; }

.secDrink .item .tile2 { font-family: "din-2014"; font-size: 35px; margin: 35px 0 25px; line-height: 1; }

@media all and (max-width: 1160px) and (min-width: 961px) { .secDrink .item .tile2 { font-size: 4vw; } }

.secDrink .item p:not(.small) { font-size: 20px; font-weight: normal; margin-bottom: 30px; }

.secDrink .item p.small { font-weight: bold; line-height: 3; }

@media all and (min-width: 961px) { .secDrink p.text_center { font-size: 20px; } }

.content-food .secHeadTit .titPage h1 { font-family: "din-2014-narrow",sans-serif; }

@media all and (max-width: 960px) { .content-food .secHeadTit .titPage { margin-bottom: 20px; }
  .content-food .secHeadTit p.text_center { text-align: left !important; } }

.page-contact .secCalendar .pickup, .page-complete .secCalendar .pickup, .page-confirm .secCalendar .pickup { display: none; }

.content-contact { padding-bottom: 150px; }

@media all and (max-width: 960px) { .content-contact { padding-bottom: 100px; } }

.content-contact .titPage { margin-bottom: 50px; }

@media all and (max-width: 960px) { .content-contact .titPage { margin-bottom: 25px; } }

.content-contact .content { background: #fff; border: 1px solid #707070; margin-top: 50px; padding: 100px; }

@media all and (max-width: 960px) { .content-contact .content { padding-top: 35px; padding-left: 15px; padding-right: 15px; margin-top: 30px; padding-bottom: 60px; } }

.content-contact .process { margin-bottom: 100px; }

@media all and (max-width: 960px) { .content-contact .process { margin-bottom: 40px; } }

.content-contact .process ul { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; margin: 0 auto; max-width: 540px; }

@media all and (max-width: 960px) { .content-contact .process ul { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } }

.content-contact .process li { text-align: center; margin: 0 50px; }

@media all and (max-width: 960px) { .content-contact .process li { margin: 0 25px; }
  .content-contact .process li:first-child { margin-left: 0; }
  .content-contact .process li:last-child { margin-right: 0; } }

@media all and (max-width: 420px) { .content-contact .process li { margin: 0 15px; } }

.content-contact .process li span.img { width: 105px; height: 105px; border-radius: 100%; background: #F0F0E9; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; margin-bottom: 15px; position: relative; }

.content-contact .process li span.img::after { position: absolute; content: ''; background: #333; width: 100%; height: 1px; left: 100%; top: 50%; }

@media all and (max-width: 960px) { .content-contact .process li span.img { width: 52px; height: 52px; } }

.content-contact .process li span { text-align: center; font-size: 16px; display: block; text-transform: capitalize; }

.content-contact .process li span img { position: relative; z-index: 2; }

@media all and (max-width: 960px) { .content-contact .process li span { font-size: 14px; } }

.content-contact .process li.active span.img { background: none; }

@media all and (max-width: 960px) { .content-contact .process li.active span.img { width: 78px; } }

@media all and (max-width: 960px) { .content-contact .process li.active span.img:after { left: 90%; } }

.content-contact .process li:last-child span.img::after { background: none; }

.table_template { max-width: 1030px; margin: 0 auto; }

.table_template dl { margin-bottom: 35px; }

.table_template dl:first-child { margin-bottom: 80px; }

@media all and (max-width: 960px) { .table_template dl:first-child { margin-bottom: 40px; } }

.table_template dt { font-size: 24px; font-weight: bold; font-family: "din-2014"; border-bottom: 1px solid #333; margin-bottom: 40px; padding-bottom: 15px; }

@media all and (max-width: 960px) { .table_template dt { font-size: 20px; margin-bottom: 15px; } }

.table_template dt span { font-size: 18px; color: #FF0000; margin-left: 20px; }

@media all and (max-width: 960px) { .table_template dt span { font-size: 14px; } }

.table_template dt small { font-size: 16px; font-family: "Noto Sans JP", sans-serif; font-weight: normal; }

@media all and (max-width: 960px) { .table_template dt small { display: block; font-size: 14px; } }

.table_template input[type="text"], .table_template input[type="email"], .table_template textarea { background: #F0F0E9; font-size: 16px; border: none; padding: 21px 30px; width: 100%; min-height: 66px; }

.table_template input[type="text"]::-webkit-input-placeholder, .table_template input[type="email"]::-webkit-input-placeholder, .table_template textarea::-webkit-input-placeholder { color: #989696; }

.table_template input[type="text"]::-moz-placeholder, .table_template input[type="email"]::-moz-placeholder, .table_template textarea::-moz-placeholder { color: #989696; }

.table_template input[type="text"]:-ms-input-placeholder, .table_template input[type="email"]:-ms-input-placeholder, .table_template textarea:-ms-input-placeholder { color: #989696; }

.table_template input[type="text"]::-ms-input-placeholder, .table_template input[type="email"]::-ms-input-placeholder, .table_template textarea::-ms-input-placeholder { color: #989696; }

.table_template input[type="text"]::placeholder, .table_template input[type="email"]::placeholder, .table_template textarea::placeholder { color: #989696; }

.table_template input[type="text"]:focus, .table_template input[type="email"]:focus, .table_template textarea:focus { outline: none; }

@media all and (max-width: 960px) { .table_template input[type="text"], .table_template input[type="email"], .table_template textarea { font-size: 14px; padding: 20px 10px; min-height: 60px; } }

.table_template textarea { min-height: 360px; }

@media all and (max-width: 960px) { .table_template textarea { min-height: 260px; } }

.table_template .blockBtn { text-align: center; margin-top: 90px; }

@media all and (max-width: 960px) { .table_template .blockBtn { margin-top: 45px; } }

.table_template .bconfirm button, .table_template .bsubmit button { background: #E95D90; border-radius: 40px; text-align: center; color: #fff; font-weight: bold; font-size: 20px; }

@media all and (min-width: 961px) { .table_template .bconfirm button, .table_template .bsubmit button { min-width: 440px; padding: 15px 0; }
  .table_template .bconfirm button:hover, .table_template .bsubmit button:hover { opacity: .7; } }

@media all and (max-width: 960px) { .table_template .bconfirm button, .table_template .bsubmit button { width: 100%; max-width: 340px; margin: 0 auto; padding: 12px 0; font-size: 16px; } }

.table_template .bconfirm small, .table_template .bsubmit small { display: block; color: #fff; font-size: 16px; margin-top: 5px; font-family: "din-2014"; }

@media all and (max-width: 960px) { .table_template .bconfirm small, .table_template .bsubmit small { font-size: 14px; } }

.table_template .bback button { background: none; text-decoration: underline; font-size: 16px; }

@media all and (max-width: 960px) { .table_template .bback button { font-size: 16px; } }

.page-complete .process { margin-bottom: 50px; }

@media all and (max-width: 960px) { .page-complete .process { margin-bottom: 30px; } }

.page-complete .desc p { font-size: 18px; }

@media all and (max-width: 960px) { .page-complete .desc p { font-size: 16px; } }

.page-complete .desc .tel { margin: 40px 0; }

@media all and (max-width: 960px) { .page-complete .desc .tel { margin: 20px 0; } }

.page-complete .desc .tel-link { font-size: 40px; }

@media all and (max-width: 960px) { .page-complete .desc .tel-link { font-size: 32px; } }

.page-complete .desc .backlink { margin-top: 40px; }

@media all and (max-width: 960px) { .page-complete .desc .backlink { margin-top: 30px; } }

.page-complete .desc .backlink a { font-size: 18px; font-weight: bold; text-decoration: underline; }

@media all and (max-width: 960px) { .page-complete .desc .backlink a { font-size: 16px; } }

.mw_wp_form .error { font-size: 14px !important; margin-top: 10px; }

.mw_wp_form .contentInquiry { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media all and (max-width: 960px) { .mw_wp_form .contentInquiry { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

@media all and (min-width: 961px) { .mw_wp_form .contentInquiry .item { margin-right: 140px; }
  .mw_wp_form .contentInquiry .item:last-child { margin-right: 0; } }

@media all and (max-width: 960px) { .mw_wp_form .contentInquiry .item { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; margin: 10px 0; } }

.mw_wp_form .contentInquiry .txtIp { font-size: 16px; line-height: 1; }

.mw_wp_form .contentInquiry .txtIp span.mwform-checkbox-field-text { position: relative; cursor: pointer; line-height: 1; padding-left: 34px; font-size: 16px; }

.mw_wp_form .contentInquiry .txtIp span.mwform-checkbox-field-text::before { position: absolute; content: ''; width: 22px; height: 22px; left: 1px; top: 3px; background: #F0F0E9; }

@media all and (max-width: 960px) { .mw_wp_form .contentInquiry .txtIp span.mwform-checkbox-field-text::before { top: 0; } }

.mw_wp_form .contentInquiry .txtIp span.mwform-checkbox-field-text::after { position: absolute; content: ''; display: block; width: 22px; height: 22px; left: 1px; top: 3px; }

@media all and (max-width: 960px) { .mw_wp_form .contentInquiry .txtIp span.mwform-checkbox-field-text::after { top: 0; } }

.mw_wp_form .contentInquiry .txtIp input { padding: 0; height: initial; width: initial; margin-bottom: 0; display: none; cursor: pointer; }

.mw_wp_form .contentInquiry .txtIp input:checked + span::after { background: url(../images/ico-check.png) no-repeat center center; background-size: 22px; }

.mw_wp_form_input .txtCf { display: none; }

.mw_wp_form_confirm .bback { margin-top: 45px; }

@media all and (max-width: 960px) { .mw_wp_form_confirm .bback { margin-top: 30px; } }

.mw_wp_form_confirm .inputCf, .mw_wp_form_confirm .textareaCf { background: #F0F0E9; font-size: 16px; border: none; padding: 20px 40px; width: 100%; min-height: 66px; }

@media all and (max-width: 960px) { .mw_wp_form_confirm .inputCf, .mw_wp_form_confirm .textareaCf { font-size: 14px; padding: 20px 10px; min-height: 60px; } }

.mw_wp_form_confirm .textareaCf { min-height: 200px; }

.mw_wp_form_confirm .txtIp { display: none; }

.mw_wp_form_confirm .txtCf { position: relative; font-size: 16px; line-height: 1; padding-left: 34px; }

@media all and (max-width: 960px) { .mw_wp_form_confirm .txtCf { font-size: 16px; } }

.mw_wp_form_confirm .txtCf::before { position: absolute; content: ''; width: 22px; height: 22px; left: 1px; top: 3px; background: #F0F0E9; }

@media all and (max-width: 960px) { .mw_wp_form_confirm .txtCf::before { top: 0; } }

.mw_wp_form_confirm .txtCf.hasValue::after { position: absolute; content: ''; background: url(../images/ico-check.png) no-repeat center center; background-size: 22px; width: 24px; height: 24px; left: 1px; top: 1px; }

@media all and (max-width: 960px) { .mw_wp_form_confirm .txtCf.hasValue::after { top: 0; } }

.pagination { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; }

.pagination a, .pagination span { width: 40px; height: 40px; background: #fff; border-radius: 100%; border: 1px solid #333; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; margin: 0 10px; color: #000; }

@media all and (max-width: 960px) { .pagination a, .pagination span { margin: 0 5px; } }

.pagination a.current, .pagination span.current { background: #000; color: #fff; }

.pagination a.prev, .pagination a.next, .pagination span.prev, .pagination span.next { display: none; }

.page-company .secContact, .page-company .navft, .page-company .header-top-menu, .page-privacy .secContact, .page-privacy .navft, .page-privacy .header-top-menu { display: none; }

.page-company .header .secContact, .page-privacy .header .secContact { display: block; }

.content-plan .secHeadTit .titPage { position: relative; }

@media all and (max-width: 960px) { .content-plan .secHeadTit .titPage { margin-bottom: 20px; } }

.content-plan .secHeadTit .imgpos { position: absolute; width: 8%; right: 50%; margin-right: -25%; top: 0; }

@media all and (max-width: 1500px) { .content-plan .secHeadTit .imgpos { margin-right: -27%; } }

@media all and (max-width: 960px) { .content-plan .secHeadTit .imgpos { right: 5%; margin-right: 0; width: 20%; top: inherit; bottom: -330%; } }

.content-plan .contentPlan { margin: 0 0 30px; }

.secPlan { padding-bottom: 200px; }

@media all and (max-width: 960px) { .secPlan { padding-bottom: 100px; } }

.secPlan .item { background: #fff; border: 1px solid #707070; padding-top: 100px; margin-top: 100px; }

@media all and (max-width: 960px) { .secPlan .item { border: none; padding-top: 50px; margin-top: 50px; } }

.secPlan .head { border-bottom: 1px solid #333; padding-bottom: 25px; margin-bottom: 40px; }

@media all and (max-width: 960px) { .secPlan .head { padding-bottom: 40px; margin-bottom: 40px; } }

.secPlan .head h2 { font-family: "din-2014"; font-size: 30px; background: url(../images/ico.png) no-repeat left center; background-size: 105px; padding: 15px 0; padding-left: 150px; }

@media all and (max-width: 960px) { .secPlan .head h2 { font-size: 20px; background-position: center top; padding-left: 0; background-size: 78px; padding-top: 70px; padding-bottom: 0; } }

.secPlan .img { max-width: 1420px; margin: 0 auto; overflow: hidden; aspect-ratio: 1.4; border-radius: 10px; margin-bottom: 80px; }

.secPlan .img img { object-fit: cover; width: 100%; height: 100%; }

@media all and (max-width: 960px) { .secPlan .img { margin-bottom: 40px; } }

.secPlan .desc { padding: 0 40px; }

@media all and (max-width: 960px) { .secPlan .desc { padding: 0; } }

.secPlan .desc dl { margin: 30px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.secPlan .desc dl:first-child { margin-top: 0; }

@media all and (max-width: 960px) { .secPlan .desc dl { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0; } }

.secPlan .desc dt { font-weight: bold; font-size: 24px; }

@media all and (max-width: 960px) { .secPlan .desc dt { font-size: 20px; } }

.secPlan .desc dd { font-size: 24px; padding-left: 30px; }

@media all and (max-width: 960px) { .secPlan .desc dd { font-size: 18px; padding: 0; margin-top: 10px; } }

.secPlan .special { background: #00A7CD; border-radius: 10px; margin-top: 80px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; padding: 25px 15px; min-height: 140px; position: relative; }

.secPlan .special::after { position: absolute; content: ''; background: url(../images/ico.png) no-repeat left center; background-size: 100%; width: 105px; height: 75px; right: 60px; top: -40px; }

@media all and (max-width: 960px) { .secPlan .special::after { width: 78px; height: 55px; right: 30px; top: -20px; } }

.secPlan .special p { font-weight: bold; font-size: 30px; color: #fff; text-align: center; }

@media all and (max-width: 960px) { .secPlan .special p { font-size: 18px; } }

@media all and (max-width: 960px) { .secPlan .special { padding: 30px 20px; padding-top: 45px; margin-top: 40px; } }

.secPlan .point { margin-top: 80px; }

@media all and (max-width: 960px) { .secPlan .point { margin-top: 50px; } }

.secPlan .point .titPoint { font-size: 53px; text-align: center; font-family: "din-2014"; margin-bottom: 80px; }

.secPlan .point .titPoint small { font-size: 24px; display: block; margin-top: 10px; }

@media all and (max-width: 960px) { .secPlan .point .titPoint { font-size: 32px; margin-bottom: 40px; }
  .secPlan .point .titPoint small { font-size: 20px; } }

.secPlan .point-desc dl { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 50px 0; }

@media all and (max-width: 960px) { .secPlan .point-desc dl { margin: 35px 0; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } }

.secPlan .point-desc dt { -webkit-box-flex: 0; -webkit-flex: 0 0 125px; -ms-flex: 0 0 125px; flex: 0 0 125px; }

.secPlan .point-desc dt .strong { display: none; }

@media all and (max-width: 960px) { .secPlan .point-desc dt { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }
  .secPlan .point-desc dt .strong { display: block; font-size: 18px; font-weight: bold; padding-left: 12px; } }

.secPlan .point-desc dt .num { aspect-ratio: 1/1; background: #00A7CD; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 15px; }

@media all and (max-width: 960px) { .secPlan .point-desc dt .num { width: 90px; -webkit-box-flex: 0; -webkit-flex: 0 0 90px; -ms-flex: 0 0 90px; flex: 0 0 90px; margin-top: 5px; } }

.secPlan .point-desc dt span, .secPlan .point-desc dt small { color: #fff; font-family: "gintronic"; text-align: center; line-height: 1; }

.secPlan .point-desc dt span { font-size: 23px; }

@media all and (max-width: 960px) { .secPlan .point-desc dt span { font-size: 19px; } }

.secPlan .point-desc dt small { font-size: 35px; }

@media all and (max-width: 960px) { .secPlan .point-desc dt small { font-size: 29px; } }

.secPlan .point-desc dd { padding-left: 20px; }

@media all and (max-width: 960px) { .secPlan .point-desc dd { padding-left: 0; margin-top: 15px; } }

.secPlan .point-desc dd p.strong { font-size: 24px; font-weight: bold; }

@media all and (max-width: 960px) { .secPlan .point-desc dd p.strong { display: none; } }

.secPlan .point-desc dd p { font-size: 20px; }

@media all and (max-width: 960px) { .secPlan .point-desc dd p { font-size: 16px; } }

.secPlan .point-url { margin: 0 auto; margin-top: 120px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; }

@media all and (max-width: 960px) { .secPlan .point-url { margin-top: 50px; } }

.secPlan .point-url a { width: 100%; max-width: 300px; background: #A2CB2F; border-radius: 25px; color: #fff; font-size: 24px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; padding: 15px 0; }

@media all and (max-width: 960px) { .secPlan .point-url a { padding: 15px 0; font-size: 20px; max-width: 250px; } }

.secPlan .point-url a img { max-width: 55px; margin-right: 20px; }

@media all and (max-width: 960px) { .secPlan .point-url a img { max-width: 45px; } }

@media all and (min-width: 961px) { .secPlan .point-url a:hover { opacity: .7; }
  .secPlan .point-url a:hover img { opacity: 1; } }

.secPlan .acr_con { padding-bottom: 80px; display: none; }

@media all and (max-width: 960px) { .secPlan .acr_con { padding-bottom: 40px; } }

.secPlan .acr_arrow { border-top: 1px solid #333; padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 960px) { .secPlan .acr_arrow { padding-bottom: 40px; padding-top: 35px; } }

.secPlan .acr_arrow .close { font-size: 40px; font-family: "din-2014"; font-weight: bold; background: url(../images/arr-down.svg) no-repeat left center; background-size: 40px; padding-left: 55px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }

@media all and (min-width: 961px) { .secPlan .acr_arrow .close:hover { opacity: .7; } }

@media all and (max-width: 960px) { .secPlan .acr_arrow .close { font-size: 18px; background-position: top center; background-size: 30px; padding-top: 30px; padding-left: 0; } }

.secPlan .acr_arrow .txt { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; font-size: 20px; font-weight: bold; }

.secPlan .acr_arrow.open .close { background: url(../images/ico-close.png) no-repeat left center; background-size: 40px; padding-left: 55px; }

@media all and (max-width: 960px) { .secPlan .acr_arrow.open .close { padding: 10px 55px; padding-right: 0; } }

.secPlan .acr_arrow.open .txt { display: none; opacity: 0; visibility: hidden; }

.line-clamp-5 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; }

.home .secPlan { padding-bottom: 0; }

@media all and (min-width: 961px) { .single .content-blog .secContent { padding-bottom: 0; } }

@media all and (max-width: 960px) { .single .content-blog .secContent .sidebar .widget { margin-top: 75px; } }

.txtUpper { text-transform: uppercase; }

/* prettier-ignore */
.iseshimaBase .header .icon-hamburger { background: #A1CA2D; }

.iseshimaBase .secCalendar .calendar a, .iseshimaBase .secPlan .point-url a { background: #32A6CD; }

@media all and (min-width: 961px) { .iseshimaBase .backtop a { background: url(../images/backTop2.png) no-repeat right center; height: 107px; background-size: 100%; }
  .iseshimaBase .backtop .backtop--icon img { display: none; }
  .iseshimaBase .content-about .block8 .txt .imgpos { width: 80%; margin-left: 20%; } }

@media all and (min-width: 961px) { .iseshimaBase .secAbout .block1 .txt .imgpos { top: -80px; margin-right: 18%; } }

@media all and (min-width: 1140px) { .iseshimaBase .secAbout .block1 .txt .imgpos { top: -120px; margin-right: 12%; }
  .iseshimaBase .secAbout .block1 .txt .imgpos img { max-height: 120px; } }

@media all and (min-width: 1300px) { .iseshimaBase .secAbout .block1 .txt .imgpos { top: -150px; width: 45%; }
  .iseshimaBase .secAbout .block1 .txt .imgpos img { max-height: inherit; } }

.iseshimaBase .secAbout .block2 .txt .imgpos { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 4%; }

.iseshimaBase .secAbout .block2 .txt .imgpos img { width: 40%; max-height: 300px; }

/* prettier-ignore */
.pickupSp { width: 100%; z-index: 99; position: fixed; left: 0; bottom: 0; -webkit-transform: translateY(200px); -ms-transform: translateY(200px); transform: translateY(200px); -webkit-transition: all .3s; transition: all .3s; }

@media all and (min-width: 961px) { .pickupSp { display: none; } }

.pickupSp.scrolling { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }

/* .pickupSp .pickup { background: #A2CA2F; } */

.pickupSp .pickup a { display: block; background: #fff; }

.pickupSp ul.dflex { background: #fff; }

.pickupSp ul.dflex li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border-right: 1px solid #707070; }

.pickupSp ul.dflex li a { display: block; padding: 7px 0; }

.pickupSp ul.dflex li:last-child { border-right: 0; }

.pickupSp ul.dflex li .img { height: 30px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; margin-bottom: 8px; }

.pickupSp ul.dflex li img { max-height: 30px; }

.pickupSp ul.dflex li span { font-weight: bold; display: block; text-align: center; font-size: 14px; line-height: 1; }

.footer .backtop { display: none; }

@media all and (min-width: 961px) { .secContact .backtop { position: absolute; bottom: inherit; top: -15px; }
  .secContact .backtop img { width: 60px; } }

@media all and (min-width: 961px) and (max-width: 960px) { .secContact .backtop img { width: 40px; } }

@media all and (max-width: 960px) { body.scroll.topGeneral .backtop { bottom: 20px; } }

.bannerbrn { margin-bottom: 140px; }

@media all and (max-width: 960px) { .bannerbrn { margin-bottom: 80px; } }

@media all and (min-width: 961px) { .bannerbrn ul { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px; } }

@media all and (max-width: 960px) { .bannerbrn ul li { margin-bottom: 30px; }
  .bannerbrn ul li:last-child { margin-bottom: 0; } }

.bannerbrn ul a { display: block; text-align: center; }

.bannerbrn ul span.name { font-size: 16px; text-align: center; background: url(../images/ico-arr.svg) no-repeat left center; background-size: 15px; padding-left: 25px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-top: 15px; line-height: 20px; }

.bannerbrn ul span.img { position: relative; display: block; }

.bannerbrn ul span.img span { position: absolute; right: 0; top: 0; background: #fff; text-align: center; font-size: 16px; width: 240px; padding: 5px 0; }

.secNotice { margin-bottom: 100px; }

.secNotice-list { max-width: 70%; margin: 0 auto; }

@media all and (max-width: 960px) { .secNotice-list { max-width: 100%; } }

.secNotice-item { margin-bottom: 12px; }

.secNotice-item:last-child { margin-bottom: 0; }

@media all and (max-width: 960px) { .secNotice-item { margin-bottom: 15px; } }

@media all and (min-width: 961px) { .secNotice-item { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: grid; grid-template-columns: 28% auto; } }

.secNotice-item .cate { margin-left: 10px; }

@media all and (min-width: 961px) { .secNotice-item .title:hover { opacity: .7; text-decoration: underline; } }

@media all and (max-width: 960px) { .secNotice-item .title { display: block; margin-top: 5px; } }

.secMovie { background: #fff; padding: 100px 0 150px; }

@media all and (max-width: 960px) { .secMovie { padding: 100px 0 50px; } }

.secMovie .container-xlarge { max-width: 1660px; margin: 0 auto; }

.secMovie .titPage { margin-bottom: 25px; }

@media all and (min-width: 961px) { .secMovie .titPage { margin-bottom: 50px; } }

@media all and (min-width: 961px) { .secMovie .movieList { grid-gap: 45px; } }

@media all and (max-width: 960px) { .secMovie .movieList { padding: 0 45px; } }

.secMovie .video { aspect-ratio: 26/47; overflow: hidden; }

/* .secMovie.videoIse .video { aspect-ratio: 26/47; overflow: hidden; } */

.secMovie .video video { width: 100%; height: 100%; object-fit: cover;}

@media all and (max-width: 960px) { .secMovie .slick-prev { background: url(../images/arr-prev3.png) no-repeat center center; background-size: 40px; left: -15px; }
  .secMovie .slick-next { background: url(../images/arr-next3.png) no-repeat center center; background-size: 40px; right: -15px; } }

/* .content-food .secMovie .movieList{ grid-template-columns: repeat(1, 1fr); } */

@media all and (min-width: 961px) { .content-food .secMovie .movieList { display: flex; justify-content: center;} }

@media all and (min-width: 961px) { .content-room .secMovie .movieList { display: flex; justify-content: center;} }

.content-food .secMovie .movieList .item{ flex: 0 0 33%; }

.content-room .secMovie .movieList .item{ flex: 0 0 33%; }

.videoIse { padding: 0; padding-bottom: 150px; }

@media all and (max-width: 960px) { .videoIse { padding-bottom: 100px; } .videoIse .grid-3{ grid-gap: 0 } }

@media all and (max-width: 960px) {
  .secDrink { padding: 100px 0 0; margin-top: 100px;}
  .secDrink .titPage span:not(.im2) { flex: 0 0 80px; margin-right: 0; order: 2; }
  .secDrink .titPage { margin: 0 0 30px; flex-wrap: wrap; justify-content: center;}
  .secDrink .titPage .tit { flex: 0 0 100%; text-align: center; order: 3; }
  .secDrink .titPage .im2 { order: 1; flex: 0 0 100%; margin-left: 0; margin-top: 0; text-align: center; margin-bottom: 25px; }
  .secDrink .titPage .im2 img{ width: 80px; }
  .secDrink .grid { grid-gap: 40px; margin-bottom: 50px; }
  .secDrink .item p.small { line-height: 2; }
  .secDrink .item .tile2 { font-size: 28px; margin: 25px 0 15px; }
  .secDrink .item p:not(.small) { font-size: 16px; margin-bottom: 15px; }
  .secDrink .im2 { width: 100%; text-align: right; display: block; margin-bottom: 30px; padding-right: 10%; } 
  .secDrink .im2 img{ width: 123px; } 
}

.articleSingle h2 + h3 { border-top: none; padding-top: 0; margin-top: 0; }

.term-activity .articlePost .img { border-radius: 10px; }

.single-blog .articleSingle .cate_blog-faq h3 { border-top: 1px dashed #000; padding-top: 20px; }

.single-blog .articleSingle .cate_blog-faq h2 + h3 { border-top: none; padding-top: 0; margin-top: 0; }

.single-blog .articleSingle .cate_blog-faq h3 { 
  border-top: 1px dashed #000; 
}

.single-blog .articleSingle .cate_blog-faq h2 + h3 { 
  border-top: none; 
  padding-top: 60px; 
  margin-top: 0; 
}

.secPlan .acr_arrow2 { border-top: 1px solid #333; padding: 30px 0; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; 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; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media all and (max-width: 960px) { .secPlan .acr_arrow2 { padding-bottom: 40px; padding-top: 35px; } }

.secPlan .acr_arrow2 .close { font-size: 40px; font-family: "din-2014"; font-weight: bold; background: url(../images/arr-down.svg) no-repeat left center; background-size: 40px; padding-left: 55px; cursor: pointer; -webkit-transition: all .3s; transition: all .3s; }
@media all and (min-width: 961px) { .secPlan .acr_arrow2 .close:hover { opacity: .7; } }

@media all and (max-width: 960px) { .secPlan .acr_arrow2 .close { font-size: 18px; background-position: top center; background-size: 30px; padding-top: 30px; padding-left: 0; } }

.secPlan .acr_arrow2 .txt { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; font-size: 20px; font-weight: bold; }
.secPlan .acr_arrow2.open .close { background: url(../images/ico-close.png) no-repeat left center; background-size: 40px; padding-left: 55px; }

@media all and (max-width: 960px) { .secPlan .acr_arrow2.open .close { padding: 10px 55px; padding-right: 0; } }

.secPlan .acr_arrow2.open .txt { display: none; opacity: 0; visibility: hidden; }

.articlePost .desc.bgoverlay{ background: none; }

@media all and (max-width: 960px) { #gt_float_wrapper{ right: 100px !important; } }

.secPoint .item .tile3 font + br { display: none; }

@media all and (min-width: 961px) { 
  #gt_float_wrapper{ top: 145px !important; } 
  .secPoint .item .tile3 font + br { display: none; }
}

.roomFeatures ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 30px;
  flex-wrap: wrap;
}

.roomFeatures ul li{
  flex: 0 0 100%;
}

.roomFeatures ul li:first-child,
.roomFeatures ul li:nth-child(2){
  flex: 0 0 50%;
  text-align: center;
  padding-bottom: 10px;
}

.roomFeatures ul li:first-child{
  border-right: 1px dashed #000;
}

.roomFeatures ul li:nth-child(3),
.roomFeatures ul li:nth-child(4){
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px 0;
  border-top: 1px dashed #000;
  margin-top: 15px;
}

.roomFeatures .ico{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  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;
  flex-wrap: wrap;
}

.roomFeatures span{
  font-weight: bold;
  display: block;
  font-size: 16px;
}

.roomFeatures span.txt{
  flex: 0 0 100%;
  text-align: center;
  margin-top: 10px;
}

.roomFeatures ul li:nth-child(3) .ico,
.roomFeatures ul li:nth-child(4) .ico{
  flex: 0 0 100px;
  margin-right: 10px;
  text-align: center;
}

@media all and (min-width: 961px) { 
  .roomFeatures span.tit{
    padding-top: 10px;
  }
  .roomFeatures ul li:nth-child(3) span.tit{
    padding-top: 15px;
  }
}

.secFood .listMenu{
  display: grid;
  grid-template-columns: repeat(3,158px);
  gap: 15px;
}

@media all and (max-width: 560px) { 
  .secFood .listMenu{
    grid-template-columns: repeat(2,1fr);
    gap: 10px;
  }
}

.secFood .listMenu li{
  flex: 0 0 calc(50% -15px);
  max-width: 200px;
  margin-bottom: 20px;
}

@media all and (max-width: 560px) { 
  .secFood .listMenu li{
    max-width: inherit;
  }
}

.secFood .listMenu .tit{
  font-weight: bold;
  font-size: 16px;
  text-align: center;
  border: 1px solid #000;
  display: block;
  max-width: 92px;
  padding: 3px 0 4px;
  margin-bottom: 15px;
}


.secFood .listMenu .name{
  font-weight: bold;
  font-size: 13px;
  text-align: center;
  margin-top: 10px;
  display: block;
}

.secFood .desc p.note{
  line-height: 1.8;
  margin-top: 20px;
}

.secFood .listMenu .img{
  aspect-ratio: 1/1;
  background: #D9D9D9;
  position: relative;
  border-radius: 0;
  max-width: inherit;
  left: inherit;
  top: inherit;
  display: block;
  width: 100%;
}

.titPage span{
  font-size: 50px;
  font-weight: bold;
  font-family: "Noto Sans JP", sans-serif;
}

.titPage small{
  font-size: 34px;
  display: block;
  margin-top: 5px;
}

@media all and (max-width: 960px) { 
  .titPage span{
    font-size: 24px;
  }

  .titPage small{
    font-size: 16px;
  }
}

/* =====================================================================
   修正対応 2026-06  （修正確認書_02 : #2 / #14 / #15）
   ※既存ルールをカスケード（後勝ち）で上書き。元に戻す場合は本ブロックを削除。
===================================================================== */

/* --- #2 見出しデザイン：日本語を大きく・英語を小さく（.titPage 共通） ---
   span = 日本語（主役・大）/ small = 英語（補助・小） */
.titPage span{
  font-size: 32px;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .02em;
  font-family: "Noto Sans JP", sans-serif;
}
.titPage small{
  display: block;
  margin-top: 6px;
  font-size: 17px;
  letter-spacing: .14em;
  color: #9a9a8e;
  text-transform: uppercase;
  font-weight: normal;
  font-family: "din-2014-narrow", sans-serif;
}
@media all and (max-width: 960px){
  .titPage span{ font-size: 24px; }
  .titPage small{ font-size: 12px; margin-top: 4px; }
}

/* --- #14 8POINTS カードデザイン刷新 + #15 マークアップ整理 --- */
.secPoint .item{
  background: #fff;
  border: 1px solid #e9e7df;
  border-radius: 14px;
  padding: 18px 18px 24px;
}
.secPoint .item .img{
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 20px;
}
.secPoint .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.secPoint .pointNum{
  display: inline-block;
  font-family: "din-2014-narrow", sans-serif;
  letter-spacing: .12em;
  font-size: 13px;
  color: #7a8b5a;
  border-bottom: 1px solid #cfd6bd;
  padding-bottom: 4px;
  margin-bottom: 14px;
}
.secPoint .desc .tile3{
  font-size: 20px;
  line-height: 1.5;
  margin: 0 0 16px;
}
@media all and (max-width: 960px){
  .secPoint .item{ padding: 14px 14px 18px; border-radius: 12px; }
  .secPoint .desc .tile3{ font-size: 16px; margin-bottom: 20px; }
}
/* 見出しの確保高さ（本文位置揃え用）を 96px → 48px に縮小し、見出し〜本文の余白を圧縮 */
@media all and (min-width: 961px){
  .secPoint .item .tile3{ min-height: 48px; }
}

/* =====================================================================
   #3 行間を全体的にフォントサイズの1.5倍に統一（本文・見出し）
   ※コンテンツ領域(.main-body)に限定。装飾的な大型数字等は個別ルールで除外。
===================================================================== */
.main-body p,
.main-body li,
.main-body dt,
.main-body dd,
.main-body .desc,
.main-body .tile3,
.main-body .titPage span,
.main-body h1.tit,
.main-body h2.tit,
.main-body h3.tit,
.main-body h4.tit{
  line-height: 1.5;
}
/* 装飾用の大型数字「8」POINTSは詰めたまま維持 */
.secPoint .titPage span{ line-height: 0.7; }

/* =====================================================================
   aboutページ 締めテキストの囲み装飾（二重フレーム＋淡いパネル）
===================================================================== */
.content-about .text{
  max-width: 640px;
  margin: 120px auto 0;
  padding: 62px 48px 48px;   /* 上はYetiバッジぶん＋本文余白 */
  position: relative;
  background: rgba(255,255,255,.55);
  border: 1px solid #b3bb9e;
  border-radius: 4px;
}
.content-about .text::before{
  content: "";
  position: absolute;
  inset: 7px;
  border: 1px solid #d2d8c3;
  border-radius: 2px;
  pointer-events: none;
}
/* 上部中央のワンポイント装飾（白丸バッジ＋Yetiイラスト） */
.content-about .text::after{
  content: "";
  position: absolute;
  top: -46px;
  left: 50%;
  transform: translateX(-50%);
  width: 92px;
  height: 92px;
  border-radius: 50%;
  border: 1px solid #b3bb9e;
  background: #fff url(../images/Yeti.svg) no-repeat center / 64px auto;
}
.content-about .text p{ position: relative; font-size: 26px; }
@media all and (max-width: 768px){
  .content-about .text{ margin-top: 40px; padding: 48px 24px 32px; }
  .content-about .text::before{ inset: 5px; }
  .content-about .text::after{ top: -40px; width: 80px; height: 80px; background-size: 56px auto; }
  .content-about .text p{ font-size: 20px; }
}