@charset "UTF-8";
:root {
    --color-dark: #1a1a1a;
    --color-black: #000;
    --color-blue: #13386a;
    --color-blue-hover: #476d9e;
    --color-dark-blue: #13386a;
    --color-dark-blue-hover: #1f3a5e;
    --color-white-hover: #eeebe7;
    --color-en-bllue: #88ade2;
    --color-gold: #a89469;
    --color-gold-hover: #867654;
    --color-brown: #332727;
    --color-gray: #eeebe7;
    --color-beige: #d1c3bc;
    --color-font-dark: #1a1a1a;
    --color-bg-primary: #f9f8f6;
    --color-bg-gray: #eeebe7;
    --color-bg-light-gray: #f4f2ef;
    --color-bg-dark-blue: #30517b;
    --color-bg-dark: #171513;
    --color-border-gray: rgb(255 255 255 / 25%);
    --color-border-dark-gray: rgba(0,0,0,0.25);
    --color-border-light-gray: rgba(0,0,0,0.06);
    --color-border-white-gray: rgba(255,255,255,0.3);
    --color-link: #1a1a1a;
    --color-link-hover: #1a1a1a;
    --color-facebook: #5aa8df;
    --color-instagram: #1a1a1a;
    --color-twitter: #3b5998;
    --color-line: #00c600;
    --font-size-body-xl: 1.6rem;
    --font-size-body-lg: 1.5rem;
    --font-size-body-md: 1.4rem;
    --font-size-body-sm: 1.3rem;
    --font-size-body-xs: 1.2rem;
    --font-size-body-2xs: 1.1rem;
    --font-size-body-3xs: 1rem;
    --font-size-heading-2xl: 4.4rem;
    --font-size-heading-xl: 4rem;
    --font-size-heading-lg: 3.2rem;
    --font-size-heading-md: 2.4rem;
    --font-size-heading-sm: 2rem;
    --font-size-heading-xs: 1.8rem;
    --font-size-heading-2xs: 1.6rem;
    --font-size-heading-3xs: 1.4rem;
    --font-size-heading-4xs: 1.2rem;
    --font-weight-normal: 350;
    --font-weight-medium: 500;
    --line-height-body: 2;
    --line-height-body-sm: 1.8;
    --line-height-heading: 1.6;
    --line-height-copy: 1.7;
    --line-height-heading-eng: 1.2;
    --letter-spacing-body: 0.1em;
    --letter-spacing-heading: 0.1em;
    --letter-spacing-heading-en: 0.06em;
    --letter-spacing-copy: 0.1em;
    --letter-spacing-xxl: 0.2em;
    --letter-spacing-xl: 0.15em;
    --letter-spacing-l: 0.12em;
    --letter-spacing-m: 0.1em;
    --letter-spacing-s: 0.05em;
    --letter-spacing-xs: 0.02em;
    --letter-spacing-no: 0;
    --font-family-sans: "Inter","Noto Sans JP",hiragino-kaku-gothic-pron,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",yugothic,meiryo,sans-serif;
    --font-family-serif: "notoSerifJp","Noto Serif JP","游明朝","Yu Mincho",yumincho,"Hiragino Mincho Pro",serif;
    --font-family-eng: "Cardo",serif;
    --font-family-eng-sub: "Inter",sans-serif;
    --font-family-eng-connoisseur: "Cormorant",serif;
    --site-padding: 6.25vw;
    --space-section-lg: 22rem;
    --space-section-md: 15rem;
    --space-section-sm: 10rem;
    --space-element-3xl: 12rem;
    --space-element-2xl: 9.6rem;
    --space-element-xl: 8rem;
    --space-element-lg: 6.4rem;
    --space-element-md: 4.8rem;
    --space-element-sm: 3.6rem;
    --space-element-xs: 2.4rem;
    --space-element-2xs: 1.6rem;
    --space-element-3xs: 1.2rem;
    --space-element-4xs: 0.8rem;
    --header-height: 8rem
}

@media (max-width: 1024px) {
    :root {
        --font-size-heading-2xl:4rem;
        --font-size-heading-xl: 3.6rem;
        --font-size-heading-lg: 2.8rem;
        --font-size-heading-md: 2.2rem;
        --font-size-heading-sm: 1.8rem;
        --font-size-heading-xs: 1.6rem;
        --font-size-heading-2xs: 1.5rem;
        --font-size-heading-3xs: 1.4rem;
        --font-size-heading-4xs: 1.2rem;
        --space-section-lg: 14rem;
        --space-section-md: 12rem;
        --space-section-sm: 8rem;
        --space-element-3xl: 10.4rem;
        --space-element-2xl: 8.8rem;
        --space-element-xl: 7.2rem;
        --space-element-lg: 5.6rem;
        --space-element-md: 4rem;
        --space-element-sm: 2.8rem;
        --space-element-xs: 2.2rem;
        --space-element-2xs: 1.6rem;
        --space-element-3xs: 1.2rem;
        --space-element-4xs: 0.8rem
    }
}

@media (max-width: 767px) {
    :root {
        --font-size-body-xl:1.5rem;
        --font-size-body-lg: 1.4rem;
        --font-size-body-md: 1.3rem;
        --font-size-body-sm: 1.2rem;
        --font-size-body-xs: 1.1rem;
        --font-size-body-2xs: 1rem;
        --font-size-body-3xs: 1rem;
        --font-size-heading-2xl: 3.2rem;
        --font-size-heading-xl: 2.8rem;
        --font-size-heading-lg: 2.4rem;
        --font-size-heading-md: 1.9rem;
        --font-size-heading-sm: 1.7rem;
        --font-size-heading-xs: 1.5rem;
        --font-size-heading-2xs: 1.4rem;
        --font-size-heading-3xs: 1.3rem;
        --font-size-heading-4xs: 1.1rem;
        --site-padding: min(8vw,4rem);
        --space-section-lg: 10rem;
        --space-section-md: 8rem;
        --space-section-sm: 6rem;
        --space-element-3xl: 8rem;
        --space-element-2xl: 6.4rem;
        --space-element-xl: 5.6rem;
        --space-element-lg: 4.8rem;
        --space-element-md: 3.2rem;
        --space-element-sm: 2.4rem;
        --space-element-xs: 2rem;
        --space-element-2xs: 1.4rem;
        --space-element-3xs: 1rem;
        --space-element-4xs: 0.6rem;
        --header-height: 7rem
    }
}

:root [data-page=connoisseur] {
    --color-blue: var(--color-gold);
    --color-blue-hover: var(--color-gold-hover);
    --color-dark-blue: var(--color-gold-hover);
    --color-dark-blue-hover: var(--color-gold-hover);
    --font-family-sans: var(--font-family-serif)
}

.is-en {
    --line-height-body: 1.8;
    --line-height-body-sm: 1.6;
    --line-height-heading: 1.5;
    --line-height-copy: 1.5;
    --line-height-heading-eng: 1.2;
    --font-family-sans: "Inter",sans-serif;
    --font-family-serif: "Cardo",serif;
    --letter-spacing-body: 0.04em;
    --letter-spacing-heading: 0.04em;
    --letter-spacing-heading-en: 0.06em;
    --letter-spacing-copy: 0.04em;
    --letter-spacing-xxl: 0.12em;
    --letter-spacing-xl: 0.1em;
    --letter-spacing-l: 0.06em;
    --letter-spacing-m: 0.04em;
    --letter-spacing-s: 0.02em;
    --letter-spacing-xs: 0.01em;
    --letter-spacing-no: 0
}

.is-en [data-page=connoisseur] {
    --font-family-sans: "Cardo",serif;
    --font-family-serif: "Cardo",serif
}

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block;
    background-image: url(/assets/img/cmn_bg.jpg);
}

address,blockquote,dl,figure,form,iframe,p,pre,table {
    margin: 0
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

ol,ul {
    padding: 0;
    margin: 0;
    list-style: none
}

dt {
    font-weight: bold
}

dd {
    margin-left: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 0;
    overflow: visible;
    clear: both;
    color: inherit;
    border-top-width: 1px
}

pre {
    font-family: monospace,monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

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

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bolder
}

/* auto slider ベース設定 */
.js-auto-slider-wrap {
  overflow: hidden;
}

.js-auto-slider {
  display: flex;
}

.js-auto-slider-wrap img {
  height: auto;
  width: 100%;
  object-fit: cover;
}

.js-auto-slider-wrap--1 {
  width: 65%;
}

.js-auto-slider-wrap--2 {
  width: 35%;
  position: absolute;
  top: -112px;
  right: 0;
}

.js-auto-slider-wrap--1 img {
  aspect-ratio: 604/375;
}

.js-auto-slider-wrap--2 img {
  aspect-ratio: 494/356;
}

.js-auto-slider-wrap--3 img {
  /**aspect-ratio: 252/366;**/
}

.js-auto-slider-elm {
  overflow: hidden;
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  display: block;
}

.js-auto-slider-wrap--1 .js-auto-slider-elm {
  width: 100%;
}

.js-auto-slider-wrap--2 .js-auto-slider-elm {
  width: 100%;
}

.js-auto-slider-wrap--3 .js-auto-slider-elm {
  width: 100%;
}

.js-auto-slider-elm__title {
  text-align: center;
  width: 100%;
  color: #fff;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.js-auto-slider-img img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* auto slider 表示エリア */
.js-auto-slider-inner {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.js-auto-slider-elm__back {
  opacity: 0;
  transition: background-color 0.3s;
  position: absolute;
  width: 100%;
  height: 100%;
}

.js-auto-slider-elm:hover .js-auto-slider-elm__back {
  background-color: black;
  opacity: 0.4;
}

.js-auto-slider-elm:hover .js-auto-slider-elm__title {
  opacity: 1;
}

.works .arrow__btn {
  margin-left: auto;
}

code,kbd,samp {
    font-family: monospace,monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

embed,iframe,img,object,svg {
    vertical-align: bottom
}

button,input,optgroup,select,textarea {
    padding: 0;
    margin: 0;
    font: inherit;
    /* color: inherit; */
    text-align: inherit;
    text-transform: inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 0
}

[type=button],[type=reset],[type=submit],button {
    cursor: pointer
}

[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled {
    cursor: default
}

:-moz-focusring {
    outline: auto
}

select:disabled {
    opacity: inherit
}

option {
    padding: 0
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

[type=search] {
    outline-offset: -2px
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    appearance: button
}

[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable]:focus {
    outline: auto
}

table {
    border-collapse: collapse;
    border-color: inherit
}

caption {
    text-align: left
}

td,th {
    padding: 0;
    vertical-align: top
}

th {
    font-weight: bold;
    text-align: left
}

html {
    font-size: 10px
}

html.is-modal-show {
    overflow: hidden
}

@media (max-width: 1024px) {
    html {
        font-size:10px
    }
}

@media (max-width: 767px) {
    html {
        font-size:10px
    }
}

body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overscroll-behavior-y: none;
    font-family: var(--font-family-sans);
    font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-normal);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-optical-sizing: auto;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    line-height: var(--line-height-body);
    color: #ffffff;
    letter-spacing: var(--letter-spacing-body);
    word-wrap: break-word;
    white-space: normal;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--color-bg-primary);
    background-image: url(/assets/img/cmn_bg.jpg);
}

.is-unscroll body {
    overflow: hidden
}

.has-scroll-smooth body {
    height: 100%;
    overflow: hidden
}

body.is-invert {
    color: #fff
}

h1,h2,h3,h4,h5,h6 {
    font-weight: var(--font-weight-medium)
}

a {
    color: #ffffff;
    -webkit-tap-highlight-color: transparent
}

a:hover {
    /* color: #000000; */
    text-decoration: none
}

a:focus {
    text-decoration: none
}

:active,:focus,:hover,:visited,a,a:active,a:focus,a:hover,a:visited {
    text-decoration: none;
    outline: none!important
}

blockquote {
    margin: 0
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom
}
img.right_arrow,
img.up_arrow{
    width: 60%;
}
.lenis.lenis-smooth {
    scroll-behavior: auto
}

.lenis.lenis-smooth [data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain
}

.lenis.lenis-stopped {
    overflow: hidden
}

.lenis.lenis-scrolling iframe {
    pointer-events: none
}

.l-container {
    width: 100%;
    max-width: calc(168rem + var(--site-padding) * 2);
    padding-right: var(--site-padding);
    padding-left: var(--site-padding);
    margin: 0 auto
}

.l-wrapper {
    position: relative;
    width: 100%
}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.l-header__inner {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 6rem;
    -webkit-transition: opacity 0.3s cubic-bezier(0.33,1,0.68,1),visibility 0.3s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.3s cubic-bezier(0.33,1,0.68,1),visibility 0.3s cubic-bezier(0.33,1,0.68,1)
}

.is-header-hide .l-header__inner {
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.is-gnav-open .l-header__inner {
    pointer-events: initial;
    visibility: visible;
    opacity: 1
}

@media (max-width: 1024px) {
    .l-header__inner {
        padding:0 4rem
    }
}

@media (max-width: 767px) {
    .l-header__inner {
        padding:0 2rem
    }
}

.l-header__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--header-height)
}

.l-header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: var(--header-height);
    padding-right: 7.2rem
}

[data-page=connoisseur] .l-header__body {
    padding-right: 0
}

@media (max-width: 1024px) {
    [data-page=connoisseur] .l-header__body {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 767px) {
    .l-header__body {
        padding-right:6.4rem
    }
}

.l-header-logo {
    width: 13rem;
}

@media (max-width: 767px) {
    .l-header-logo {
        width: 9rem;
        top: 2px;
        position: relative;
    }
    .p-top-kv__logo-item.en_logo{
        width: 11% !important;
        margin-right: 10px !important;
    }
}

.l-header-logo__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.l-header-logo__svg {
    width: 20rem;
    height: 1.7005rem;
    fill: #000;
    -webkit-transition: fill 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: fill 0.5s cubic-bezier(0.33,1,0.68,1)
}

.is-header-invert .l-header-logo__svg {
    fill: #fff
}

.is-scrolled .l-header-logo__svg {
    fill: #000
}

.is-megamenu-open .l-header-logo__svg {
    fill: #000
}

@media (max-width: 767px) {
    .l-header-logo__svg {
        width:16rem;
        height: 1.36rem
    }
}

.l-header-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 2rem;
    padding-right: min(1.6666666667vw,3.2rem);
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1)
}

.is-header-invert .l-header-gnav {
    border-color: rgba(255,255,255,0.2)
}

.is-scrolled .l-header-gnav {
    border-right: 1px solid rgba(0,0,0,0.2)
}

.is-megamenu-open .l-header-gnav {
    border-right: 1px solid rgba(0,0,0,0.2)
}

@media (width <= 1160px) {
    .l-header-gnav {
        display: none
    }
}

@media (max-width: 1024px) {
    .l-header-gnav {
        display:none
    }
}

.l-header-gnav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: min(1.6666666667vw,2.4rem);
    -moz-column-gap: min(1.6666666667vw,2.4rem);
    column-gap: min(1.6666666667vw,2.4rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (max-width: 1024px) {
    .l-header-gnav__menu {
        display:block;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 3.2rem 0
    }
}

@media (max-width: 767px) {
    .l-header-gnav__menu {
        display:block;
        padding: 3.2rem 0
    }
}

.l-header-gnav__menu-item {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    height: 100%;
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .l-header-gnav__menu-item {
        height:initial;
        padding: 0.8rem 0;
        font-size: 1.8rem;
        letter-spacing: 0.08em
    }
}

@media (max-width: 767px) {
    .l-header-gnav__menu-item {
        padding:0.8rem 0;
        font-size: 1.6rem
    }
}

.l-header-gnav__menu-link {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    /* color: var(--color-font-dark); */
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1)
}

.l-header-gnav__menu-link:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: var(--header-height);
    content: ""
}

.is-header-invert .l-header-gnav__menu-link {
    color: #fff
}

.is-scrolled .l-header-gnav__menu-link {
    color: var(--color-font-dark)
}

.is-megamenu-open .l-header-gnav__menu-link {
    color: var(--color-font-dark)
}

.is-current .l-header-gnav__menu-link:after,.is-open .l-header-gnav__menu-link:after {
    opacity: 1
}

@media (hover: hover) and (pointer:fine) {
    .l-header-gnav__menu-link:hover {
        opacity:0.5
    }
}

.l-header-gnav__dropdown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    padding: var(--header-height) 6rem 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.33,1,0.68,1) 0s,visibility 0.2s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: opacity 0.2s cubic-bezier(0.33,1,0.68,1) 0s,visibility 0.2s cubic-bezier(0.33,1,0.68,1) 0s
}

.is-open .l-header-gnav__dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s,visibility 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s;
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s,visibility 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s
}

.is-header-hide .l-header-gnav__dropdown {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

@media (max-width: 1024px) {
    .l-header-gnav__dropdown {
        display:none
    }
}

.l-header-gnav__dropdown-wrap {
    padding: 3rem 0 4rem;
    border-top: solid 1px var(--color-border-gray)
}

.l-header-gnav__dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -2rem
}

.l-header-gnav__dropdown-menu-item {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    width: 20%;
    padding: 0 2rem
}

.l-header-gnav__dropdown-menu-item>a {
    position: relative;
    display: block;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s
}

.l-header-gnav__dropdown-menu-item>a:hover {
    color: var(--color-dark);
    opacity: 0.6
}

.l-header-gnav__dropdown-menu-img img {
    width: 100%;
    aspect-ratio: 6 / 9;
    object-fit: cover;
}

.l-header-gnav__dropdown-menu-label {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 1.2rem;
    text-align: center;
    color: black;
}

.l-header-member-ship {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    padding: 0 min(1.6666666667vw,3.2rem);
    font-family: var(--font-family-eng);
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1)
}

.is-header-invert .l-header-member-ship {
    border-color: rgba(255,255,255,0.2)
}

.is-scrolled .l-header-member-ship {
    border-right: 1px solid rgba(0,0,0,0.2)
}

.is-megamenu-open .l-header-member-ship {
    border-right: 1px solid rgba(0,0,0,0.2)
}

@media (width <= 1160px) {
    .l-header-member-ship {
        display: none
    }
}

@media (max-width: 1024px) {
    .l-header-member-ship {
        display:none
    }
}

.l-header-member-ship__link {
    position: relative;
    color: var(--color-font-dark);
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1)
}

.l-header-member-ship__link:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: var(--header-height);
    content: ""
}

.is-header-invert .l-header-member-ship__link {
    color: #fff
}

.is-scrolled .l-header-member-ship__link {
    color: var(--color-font-dark)
}

.is-megamenu-open .l-header-member-ship__link {
    color: var(--color-font-dark)
}

@media (hover: hover) and (pointer:fine) {
    .l-header-member-ship__link:hover {
        opacity:0.5
    }
}

.l-header-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    padding: 0 min(1.6666666667vw,3.2rem);
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1)
}

.is-header-invert .l-header-language {
    border-color: rgba(255,255,255,0.2)
}

.is-scrolled .l-header-language {
    border-right: 1px solid rgba(0,0,0,0.2)
}

.is-megamenu-open .l-header-language {
    border-right: 1px solid rgba(0,0,0,0.2)
}

[data-page=connoisseur] .l-header-language {
    padding-right: 0;
    border: none
}

@media (max-width: 1024px) {
    .l-header-language {
        padding:0 2.4rem
    }
}

@media (max-width: 767px) {
    .l-header-language {
        padding:0 1.6rem
    }
}

.l-header-language__item {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng)
}

.l-header-language__item a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: var(--color-font-dark);
    opacity: 0.5;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1)
}

.l-header-language__item a.is-current {
    opacity: 1
}

.is-header-invert .l-header-language__item a {
    color: #fff
}

.is-scrolled .l-header-language__item a {
    color: var(--color-font-dark)
}

.is-megamenu-open .l-header-language__item a {
    color: var(--color-font-dark)
}

@media (hover: hover) and (pointer:fine) {
    .l-header-language__item a:hover {
        opacity:1
    }
}

@media (max-width: 1024px) {
    .l-header-language__item {
        font-size:1.2rem
    }
}

.l-header-language__bar {
    width: 1px;
    height: 1.1rem;
    margin: 0 0.8rem;
    background-color: var(--color-font-dark);
    opacity: 0.5;
    -webkit-transition: background-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: background-color 0.5s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)
}

.is-header-invert .l-header-language__bar {
    background-color: #fff
}

.is-scrolled .l-header-language__bar {
    background-color: var(--color-font-dark)
}

.is-megamenu-open .l-header-language__bar {
    background-color: var(--color-font-dark)
}

.l-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: var(--color-bg-primary);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-filter 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: -webkit-transform 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-filter 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: transform 0.5s cubic-bezier(0.33,1,0.68,1),filter 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: transform 0.5s cubic-bezier(0.33,1,0.68,1),filter 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-filter 0.5s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
    will-change: box-shadow
}

.is-scrolled .l-header-bg {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-header-hide .l-header-bg {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%)
}

.is-megamenu-open .l-header-bg {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-gnav-open .l-header-bg {
    pointer-events: initial;
    visibility: visible;
    -webkit-filter: none;
    filter: none;
    opacity: 1
}

.l-header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    background-color: rgba(0,0,0,0.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: opacity,backdrop-filter
}

.is-gnav-open .l-header-overlay {
    pointer-events: initial;
    visibility: visible
}

.c-link-anim__item {
    display: inline;
    background: -webkit-gradient(linear,left top,left bottom,from(currentcolor),to(currentcolor)) 100% 100%/0 1px no-repeat;
    background: linear-gradient(currentcolor,currentcolor) 100% 100%/0 1px no-repeat;
    -webkit-transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size
}

.c-link-anim__item:hover,a:hover .c-link-anim__item {
    background-position: 0 100%;
    background-size: 100% 1px
}

.c-link-anim-2,.c-table__desc a:not(.c-button,.c-button-rect) {
    display: inline;
    background: -webkit-gradient(linear,left top,left bottom,from(currentcolor),to(currentcolor)) 0 100%/100% 1px no-repeat;
    background: linear-gradient(currentcolor,currentcolor) 0 100%/100% 1px no-repeat;
    -webkit-transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size
}

.c-link-anim-2:hover,.c-table__desc a:hover a:not(.c-button,.c-button-rect),.c-table__desc a:hover:not(.c-button,.c-button-rect),a:hover .c-link-anim-2,a:hover .c-table__desc a:not(.c-button,.c-button-rect) {
    background-position: 100% 100%;
    background-size: 0 1px
}

.l-footer {
    position: relative;
    z-index: 1;
    background-image: url(/assets/img/cmn_bg.jpg);
}

[data-page=connoisseur] .l-footer {
    color: #fff;
    background-color: var(--color-black)
}

[data-page=connoisseur] .l-footer a {
    color: #fff
}

.l-footer__wrapper {
    padding-top: 8rem;
    padding-bottom: 4.8rem
}

@media (max-width: 1024px) {
    .l-footer__wrapper {
        padding-top:6rem;
        padding-bottom: 3.2rem
    }
}

@media (max-width: 767px) {
    .l-footer__wrapper {
        padding-top:4.8rem;
        padding-bottom: 7rem;
    }
}

.l-footer__top {
    padding-bottom: 4.8rem
}

@media (max-width: 1024px) {
    .l-footer__top {
        padding-bottom:4rem
    }
}

@media (max-width: 767px) {
    .l-footer__top {
        padding-bottom:3.2rem
    }
}

.l-footer__top-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.l-footer__medium {
    padding-top: 4.8rem;
    padding-bottom: 3.2rem;
    border-top: 1px solid var(--color-border-gray)
}

[data-page=connoisseur] .l-footer__medium {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    border-top: 1px solid var(--color-border-white-gray)
}

@media (max-width: 1024px) {
    .l-footer__medium {
        padding-top:4rem;
        padding-bottom: 2.4rem
    }

    [data-page=connoisseur] .l-footer__medium {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .l-footer__medium {
        padding-top:3.2rem
    }

    [data-page=connoisseur] .l-footer__medium {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.l-footer__medium-bottom {
    position: relative;
    margin-top: 10rem
}

@media (max-width: 1024px) {
    .l-footer__medium-bottom {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .l-footer__medium-bottom {
        margin-top:3.2rem
    }
}

.l-footer__medium-bottom-inner {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

[data-page=connoisseur] .l-footer__medium-bottom-inner {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.l-footer__bottom {
    width: 100%;
    padding-top: 3.2rem;
    border-top: 1px solid var(--color-border-gray)
}

[data-page=connoisseur] .l-footer__bottom {
    border-top: 1px solid var(--color-border-white-gray)
}

.l-footer__bottom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem
}

.l-footer__bottom-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1024px) {
    .l-footer__row {
        display:block
    }
}

.l-footer__col {
}

.l-footer__col:first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[data-page=connoisseur] .l-footer__col:last-child {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: auto
}

@media (max-width: 1024px) {
    .l-footer__col:last-child {
        max-width:100%
    }
}

.l-footer-logo__link {
    display: block
}

.l-footer-logo__svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30rem;
    height: 2.5508rem
}

[data-page=connoisseur] .l-footer-logo__svg {
    fill: #fff
}

@media (max-width: 1024px) {
    .l-footer-logo__svg {
        width:24rem;
        height: 2.041rem
    }
}

@media (max-width: 767px) {
    .l-footer-logo__svg {
        width:18rem;
        height: 1.53rem
    }
}

.l-footer-pagetop {
    width: 2rem;
    margin-left: auto
}

@media (max-width: 767px) {
    .l-footer-pagetop {
        width:1.6rem
    }
}

.l-footer-pagetop__link {
    display: block;
    width: 100%;
    height: 100%
}

.l-footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

.l-footer-nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 28.57%;
    flex-basis: 28.57%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    max-width: 28.57%
}

.l-footer-nav__menu:last-child {
    padding-left: 2rem
}

@media (max-width: 1024px) {
    .l-footer-nav__menu {
        -ms-flex-preferred-size:50%;
        flex-basis: 50%;
        max-width: 50%
    }

    .l-footer-nav__menu:last-child {
        padding-left: 0
    }
}

.l-footer-nav__menu-item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .l-footer-nav__menu-item {
        font-size:1.1rem
    }
}

.l-footer-contact {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .l-footer-contact {
        margin-top:3.2rem
    }
}

.l-footer-contact__link {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    width: 24rem;
    padding: 1.3rem 2rem;
    font-family: var(--font-family-serif);
    color: #fff;
    text-align: center;
    background: var(--color-dark-blue)
}

@media (hover: hover) and (pointer:fine) {
    .l-footer-contact__link:hover {
        color:#fff
    }
}

@media (max-width: 767px) {
    .l-footer-contact__link {
        width:100%;
        font-size: 1.2rem
    }
}

.l-footer-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.8rem
}

@media (max-width: 1024px) {
    .l-footer-button {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .l-footer-button {
        margin-top:3.2rem
    }
}

.l-footer-button__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 2rem 2rem 3rem;
    border: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .l-footer-button__item-link {
        padding:1.6rem 2rem 1.6rem 2.4rem
    }
}

@media (max-width: 767px) {
    .l-footer-button__item-link {
        padding:1.2rem 2rem 1.2rem 2rem
    }
}

.l-footer-button__item-icon {
    line-height: 1
}

.l-footer-button__item-body {
    padding: 0 3rem
}

@media (max-width: 1024px) {
    .l-footer-button__item-body {
        padding:0 2.4rem
    }
}

@media (max-width: 767px) {
    .l-footer-button__item-body {
        padding:0 2rem
    }
}

.l-footer-button__item-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: 0.02em;
    font-family: var(--font-family-eng)
}

.l-footer-button__item-heading span {
    margin-left: 0.4rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .l-footer-button__item-heading {
        font-size:1.4rem
    }
}

.l-footer-button__item-text {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-xl);
    margin-top: 0.4rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .l-footer-button__item-text {
        font-size:1rem
    }
}

.l-footer-button__item-icon-arrow {
    margin-left: auto
}

.l-footer-address {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 3.2rem;
    font-family: var(--font-family-serif)
}

[data-page=connoisseur] .l-footer-address {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .l-footer-address {
        margin-bottom:3.2rem
    }

    [data-page=connoisseur] .l-footer-address {
        margin-bottom: 0
    }
}

@media (max-width: 1024px) {
    .l-footer-sns {
        position:absolute;
        right: 0;
        bottom: 0;
        margin-top: 3.2rem
    }

    [data-page=connoisseur] .l-footer-sns {
        position: static;
        margin-top: 0
    }
}

.l-footer-sns__heading {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2 var(--letter-spacing-s);
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 1.2rem
}

@media (max-width: 1024px) {
    .l-footer-sns__heading {
        margin-bottom:0.8rem;
        font-size: 1.2rem
    }
}

@media (max-width: 767px) {
    .l-footer-sns__heading {
        font-size:1.1rem
    }
}

.l-footer-sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem
}

@media (max-width: 1024px) {
    .l-footer-sns__list {
        -webkit-column-gap:1.6rem;
        -moz-column-gap: 1.6rem;
        column-gap: 1.6rem
    }
}

.l-footer-sns__list-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
}

[data-page=connoisseur] .l-footer-sns__list-item a {
    opacity: 0.7
}

.l-footer-logo-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .l-footer-logo-link {
        margin-bottom:4.8rem
    }
}

@media (max-width: 767px) {
    .l-footer-logo-link {
        -webkit-column-gap:2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

.l-footer-logo-link__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-footer-logo-link__item[date-logo=tachihi] {
    width: 6.8rem
}

.l-footer-logo-link__item[date-logo=tokito] {
    width: 1.2845rem
}

.l-footer-logo-link__item[date-logo=brewery] {
    width: 7.1183rem
}

.l-footer-logo-link__item[date-logo=green] {
    width: 5.5616rem
}

.l-footer-logo-link__item[date-logo=gareden] {
    width: 5.4913rem
}

.l-footer-logo-link__item[date-logo=iglta] {
    width: 6.1014rem
}

.l-footer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem
}

@media (max-width: 1024px) {
    .l-footer-link {
        row-gap:1.2rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media (max-width: 767px) {
    .l-footer-link {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1.2rem
    }
}

.l-footer-link__item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    white-space: nowrap
}

@media (max-width: 767px) {
    .l-footer-link__item {
        width:calc((100% - 1.2rem) / 2);
        font-size: 1.1rem
    }
}

.l-footer-bottom-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 0.8rem;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1024px) {
    .l-footer-bottom-link {
        -webkit-column-gap:2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media (max-width: 767px) {
    .l-footer-bottom-link {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1.2rem
    }
}

.l-footer-bottom-link__item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .l-footer-bottom-link__item {
        width:calc((100% - 1.2rem) / 2);
        font-size: 1.1rem
    }
}

.l-footer-copyright {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2 var(--letter-spacing-s);
    letter-spacing: var(--letter-spacing-m);
    margin-top: 3.2rem;
    font-family: var(--font-family-eng-sub)
}

@media (max-width: 1024px) {
    .l-footer-copyright {
        margin-top:4.8rem;
        font-size: 1.1rem
    }
}

@media (max-width: 1024px) {
    .l-footer__official {
        margin-top:4rem
    }
}

@media (max-width: 767px) {
    .l-footer__official {
        margin-top:3.2rem
    }
}

.l-gnav {
    position: fixed;
    top: 0;
    left: -9999px;
    z-index: 20000;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden
}

.is-gnav-open .l-gnav {
    left: 0;
    display: block;
    pointer-events: all;
    visibility: visible;
    background-image: url(/assets/img/cmn_bg.jpg);
}

.l-gnav__wrapper {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-image: url(/assets/img/cmn_bg.jpg);
}

.l-gnav__inner {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%
}

@media (max-width: 767px) {
    .l-gnav__inner {
        display:block;
        background-image: url(/assets/img/cmn_bg.jpg);
    }
}

.l-gnav__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: center;
    width: 69.4444444444%;
    padding: 6.1728395062vh var(--site-padding) 6.1728395062vh;
    /* background: #133869; */
    background-image: url(/assets/img/cmn_bg.jpg);
}

@media (max-width: 1024px) {
    .l-gnav__main {
        padding-top:6rem;
        padding-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .l-gnav__main {
        width:100%
    }
}

.l-gnav__header {
    position: relative
}

.l-gnav__body {
    padding: 6rem 0 4rem
}

@media (max-width: 1024px) {
    .l-gnav__body {
        padding:8rem 0 6rem
    }
}

.l-gnav__body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

@media (max-width: 1024px) {
    .l-gnav__body-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 3.2rem
    }
}

@media (max-width: 767px) {
    .l-gnav__body-row {
        row-gap:2.4rem
    }
}

.l-gnav__body-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 34rem
}

@media (max-width: 1024px) {
    .l-gnav__body-col {
        -webkit-box-flex:1;
        -ms-flex: auto;
        flex: auto;
        max-width: 100%
    }
}

.l-gnav__footer {
    position: relative
}

.l-gnav__footer-top {
    position: relative
}

.l-gnav__footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem
}

@media (max-width: 1024px) {
    .l-gnav__footer-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1.2rem
    }
}

.l-gnav__footer-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 34rem
}

@media (max-width: 1024px) {
    .l-gnav__footer-col {
        -webkit-box-flex:1;
        -ms-flex: auto;
        flex: auto;
        max-width: 100%
    }
}

.l-gnav__footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.950617284vh
}

@media (max-width: 1024px) {
    .l-gnav__footer-bottom {
        display:block;
        margin-top: 2.4rem
    }
}

.l-gnav__side {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30.5555555556%;
    min-width: 30rem
}

@media (max-width: 1024px) {
    .l-gnav__side {
        padding:6rem 0
    }
}

@media (max-width: 767px) {
    .l-gnav__side {
        width:100%;
        min-width: initial
    }
}

.l-gnav__side-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.l-gnav__side-bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.l-gnav-logo__svg {
    width: 24rem;
    height: 2.04rem
}

.l-gnav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.4rem
}

@media (max-width: 767px) {
    .l-gnav-menu {
        row-gap:2rem
    }
}

.l-gnav-menu__item {
    position: relative
}

.l-gnav-menu__link {
    display: inline-block
}

.l-gnav-menu__label {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

[data-size=sm] .l-gnav-menu__label {
    font-size: 1.6rem
}

.l-gnav-sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    margin-top: 2.4rem
}

.l-gnav-sub-menu__item {
    position: relative
}

.l-gnav-sub-menu__link {
    display: inline-block
}

.l-gnav-sub-menu__label {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding-left: 1.8rem;
    font-family: var(--font-family-serif)
}

.l-gnav-sub-menu__label:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1px;
    content: "";
    background: var(--color-border-dark-gray);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.l-gnav-button__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.6rem;
    padding: 0 2rem;
    border: 1px solid var(--color-border-gray)
}

@media (max-width: 767px) {
    .l-gnav-button__link {
        padding:0 1.6rem
    }
}

.l-gnav-button__icon {
    line-height: 1
}

@media (max-width: 767px) {
    .l-gnav-button__icon svg {
        width:1.6rem;
        height: 1.6rem
    }
}

.l-gnav-button__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2rem
}

@media (max-width: 767px) {
    .l-gnav-button__body {
        padding:0 1.6rem
    }
}

.l-gnav-button__heading {
    font-size: 1.3rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-xs);
    font-family: var(--font-family-eng)
}

.l-gnav-button__heading span {
    font-size: 1.3rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    margin-left: 0.2rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .l-gnav-button__heading {
        font-size:1.2rem
    }

    .l-gnav-button__heading span {
        font-size: 1.2rem
    }
}

.l-gnav-button__icon-arrow {
    margin-left: auto
}

.l-gnav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem
}

@media (max-width: 1024px) {
    .l-gnav-link {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        row-gap: 0.8rem;
        -webkit-column-gap: 1.2rem;
        -moz-column-gap: 1.2rem;
        column-gap: 1.2rem
    }
}

@media (max-width: 1024px) {
    .l-gnav-link__item {
        width:calc((100% - 2.4rem) / 3)
    }
}

@media (max-width: 767px) {
    .l-gnav-link__item {
        width:calc((100% - 1.2rem) / 2)
    }
}

.l-gnav-link__item-link {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

.l-gnav-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
    margin-left: auto
}

@media (max-width: 1024px) {
    .l-gnav-sns {
        margin-top:2.4rem
    }
}

.l-gnav-reservation {
    position: relative;
    z-index: 10;
    width: 26rem;
    margin: auto;
    color: #fff
}

.l-gnav-reservation__heading {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    margin-bottom: 2.4rem;
    font-family: var(--font-family-eng);
    text-align: center
}

.l-gnav-reservation__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem
}

.l-gnav-reservation__button-item {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    text-align: center
}

.l-gnav-reservation__button-item span {
    font-size: 1.2rem
}

.l-gnav-reservation__button-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 5.6rem;
    padding: 1.2rem;
    color: #fff;
    background: var(--color-dark-blue)
}

.l-gnav-reservation__button-item-link[data-type=border] {
    background: none;
    border: 1px solid #fff
}

@media (hover: hover) and (pointer:fine) {
    .l-gnav-reservation__button-item-link:hover {
        color:#fff
    }
}

.l-gnav-bg {
    position: fixed;
    top: 0;
    left: -9999px;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    background: var(--color-bg-primary);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.is-gnav-open .l-gnav-bg {
    left: 0;
    visibility: visible
}

.l-gnav-toggle {
    position: fixed;
    top: calc((var(--header-height) - 4rem) / 2);
    right: 6rem;
    z-index: 40000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    -webkit-transition: background-color 0.3s,mix-blend-mode 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: background-color 0.3s,mix-blend-mode 0.5s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.is-modal-show .l-gnav-toggle {
    display: none
}

.is-gnav-animating .l-gnav-toggle {
    pointer-events: none
}

.is-scrolled .l-gnav-toggle {
    mix-blend-mode: difference
}

.is-megamenu-open .l-gnav-toggle {
    mix-blend-mode: difference
}

.is-gnav-open .l-gnav-toggle {
    mix-blend-mode: normal
}

@media (max-width: 1024px) {
    .l-gnav-toggle {
        right:4rem
    }
}

@media (max-width: 767px) {
    .l-gnav-toggle {
        right:2rem
    }

    .is-gnav-open .l-gnav-toggle {
        mix-blend-mode: difference
    }
}

.l-gnav-toggle__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0.6rem
}

.l-gnav-toggle__bar {
    position: absolute;
    width: 100%;
    height: 1px;
    overflow: hidden;
    -webkit-transform-origin: center center;
    transform-origin: center center
}

.l-gnav-toggle__bar:first-child {
    top: 0;
    left: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s
}

.l-gnav-toggle__bar:nth-child(2) {
    bottom: 0;
    left: 0;
    -webkit-transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s
}

.is-gnav-open .l-gnav-toggle__bar:first-child {
    top: calc(50% - 0.5px);
    -webkit-transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.is-gnav-open .l-gnav-toggle__bar:nth-child(2) {
    bottom: calc(50% - 1px);
    -webkit-transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)
}

.l-gnav-toggle__bar-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark)
}

.is-header-invert .l-gnav-toggle__bar-front {
    background: #fff
}

.is-scrolled .l-gnav-toggle__bar-front {
    background: #fff
}

.is-gnav-open .l-gnav-toggle__bar-front {
    background: #fff
}

.l-gnav-toggle__bar-back {
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,0.2)
}

.is-header-invert .l-gnav-toggle__bar-back {
    background: rgba(255,255,255,0.2)
}

.is-scrolled .l-gnav-toggle__bar-back {
    background: rgba(255,255,255,0.2)
}

.is-gnav-open .l-gnav-toggle__bar-back {
    background: rgba(255,255,255,0.2)
}

.l-main {
    width: 100%
}

.l-content-kv {
    position: relative;
    z-index: 0;
    height: 100vh;
    height: 100lvh;
    overflow: hidden
}

.l-content-kv__inner {
    position: relative;
    height: 100vh;
    height: 100svh
}

.l-content-kv__bottom {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%
}

.l-content-kv__heading {
    margin-bottom: 3.4rem;
    opacity: 0
}

@media (max-width: 1024px) {
    .l-content-kv__heading {
        margin-bottom:2.8rem
    }
}

@media (max-width: 767px) {
    .l-content-kv__heading {
        margin-bottom:2rem
    }
}

.l-content-kv__heading-main {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    color: #fff
}

@media (max-width: 1024px) {
    .l-content-kv__heading-main {
        font-size:6.4rem
    }
}

@media (max-width: 767px) {
    .l-content-kv__heading-main {
        font-size:4rem
    }
}

.l-content-kv__heading-sub {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.8rem;
    font-family: var(--font-family-serif);
    color: #fff
}

@media (max-width: 1024px) {
    .l-content-kv__heading-sub {
        font-size:1.5rem
    }
}

@media (max-width: 767px) {
    .l-content-kv__heading-sub {
        font-size:1.4rem
    }
}

.l-content-kv__heading-sub-label {
    display: block
}

.l-content-kv__bottom-border {
    position: relative;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

@media (max-width: 767px) {
    .l-content-kv__bottom-border {
        padding-top:2.4rem;
        padding-bottom: 2.4rem
    }
}

.l-content-kv__bottom-line {
    position: absolute;
    top: 0;
    left: -2.0833333333vw;
    display: block;
    width: calc(100% + 4.1666666667vw);
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    opacity: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@media (max-width: 1024px) {
    .l-content-kv__bottom-line {
        left:-1.953125vw;
        width: calc(100% + 3.90625vw)
    }
}

@media (max-width: 767px) {
    .l-content-kv__bottom-line {
        left:-2.6666666667vw;
        width: calc(100% + 5.3333333333vw)
    }
}

.l-content-kv__scroll {
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto
}

.l-content-kv__scroll-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
    cursor: pointer
}

@media (hover: hover) and (pointer:fine) {
    .l-content-kv__scroll-link:hover {
        color:#fff
    }
}

.l-content-kv__scroll-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em
}

@media (max-width: 1024px) {
    .l-content-kv__scroll-label {
        font-size:1.1rem
    }
}

@media (max-width: 767px) {
    .l-content-kv__scroll-label {
        font-size:1rem
    }
}

.l-content-kv__scroll-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.4rem
}

.l-content-kv__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform
}

.l-content-kv__image-item {
    width: 100%;
    height: 100%
}

.l-content-kv__image-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.l-content-kv__cover {
    display: none
}

.l-content-kv__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4
}

.l-content-header {
    position: relative;
    padding-top: 25rem;
    padding-bottom: 15rem;
    overflow: hidden
}

.l-content-header[data-border] {
    border-bottom: solid 1px var(--color-border-gray);
    background-image: url(/assets/img/main001.webp);
    background-size: cover;
}
.basic .l-content-header[data-border]{
    background-image: url(/assets/img/main003.webp);
}
.special .l-content-header[data-border]{
    background-image: url(/assets/img/main008.webp);
}

section.l-content-header {
    background-image: url(/assets/img/main008.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.free_drink .l-content-header[data-border]{
    background-image: url(/assets/img/plan004_sp.webp);
}
.shabu_shabu .l-content-header[data-border]{
    background-image: url(/assets/img/main008.webp);
}


[data-page=connoisseur] .l-content-header {
    color: #fff;
    background-color: var(--color-black);
    background-image: url("../images/connoisseur/bg_connoisseur_header.jpg");
    background-position: center;
    background-size: cover
}

@media (max-width: 1024px) {
    .l-content-header {
        padding-top:20rem;
        padding-bottom: 10rem
    }
}

@media (max-width: 767px) {
    .l-content-header {
        padding-top:15rem;
        padding-bottom: 8rem
    }
}

.l-content-header__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.l-content-header__heading--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.l-content-header__heading-main {
    font-size: 4.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)
}

[data-page=connoisseur] .l-content-header__heading-main {
    font-family: var(--font-family-eng-connoisseur)
}

@media (max-width: 1024px) {
    .l-content-header__heading-main {
        font-size:4rem
    }
}

@media (max-width: 767px) {
    .l-content-header__heading-main {
        font-size:3.2rem
    }
}

.l-content-header__heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.8rem;
    font-family: var(--font-family-serif)
}

.l-content-body {
    position: relative;
    padding-bottom: var(--space-section-lg)
}

.l-content-body[data-pb=none] {
    padding-bottom: 0!important
}

.l-content-body__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .l-content-body__row {
        display:block
    }
}

.l-content-body__main {
    width: 75%
}

@media (max-width: 1024px) {
    .l-content-body__main {
        width:100%
    }
}

.l-content-body__side {
    width: 25%;
    padding-right: 4rem
}

@media (max-width: 1024px) {
    .l-content-body__side {
        width:100%;
        padding-right: 0;
        margin-bottom: 4rem
    }
}

.l-content-lead__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .l-content-lead__inner {
        display:block
    }
}

.l-content-lead__copy {
    width: 50%;
    padding-right: 6rem
}

@media (max-width: 1024px) {
    .l-content-lead__copy {
        width:100%;
        padding-right: 0
    }
}

.l-content-lead__body {
    width: 50%;
    padding-left: 2rem
}

@media (max-width: 1024px) {
    .l-content-lead__body {
        width:100%;
        padding-left: 0
    }
}

.l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--gutter-y) * -1);
    margin-right: calc(var(--gutter-x) / -2);
    margin-left: calc(var(--gutter-x) / -2);
    --gutter-x: 2rem;
    --gutter-y: 4rem
}

@media (min-width: 768px) {
    .l-flex {
        --gutter-x:2rem;
        --gutter-y: 4rem
    }
}

@media (min-width: 1025px) {
    .l-flex {
        --gutter-x:4rem;
        --gutter-y: 6rem
    }
}

.l-flex>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) / 2);
    padding-left: calc(var(--gutter-x) / 2);
    margin-top: var(--gutter-y)
}

.l-flex__col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0
}

@media (min-width: 768px) {
    .l-flex__col>:first-child {
        margin-top:0
    }
}

@media (max-width: 767px) {
    .l-flex__col:first-child>:first-child {
        margin-top:0
    }
}

.-cols-auto>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%
}

.-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%
}

.-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%
}

.l-flex__col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.l-flex__col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%
}

.l-flex__col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%
}

.l-flex__col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.l-flex__col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%
}

.l-flex__col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%
}

.l-flex__col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.l-flex__col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%
}

.l-flex__col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%
}

.l-flex__col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%
}

.l-flex__col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%
}

.l-flex__col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%
}

.l-flex__col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

.-offset-1 {
    margin-left: 8.3333333333%
}

.-offset-2 {
    margin-left: 16.6666666667%
}

.-offset-3 {
    margin-left: 25%
}

.-offset-4 {
    margin-left: 33.3333333333%
}

.-offset-5 {
    margin-left: 41.6666666667%
}

.-offset-6 {
    margin-left: 50%
}

.-offset-7 {
    margin-left: 58.3333333333%
}

.-offset-8 {
    margin-left: 66.6666666667%
}

.-offset-9 {
    margin-left: 75%
}

.-offset-10 {
    margin-left: 83.3333333333%
}

.-offset-11 {
    margin-left: 91.6666666667%
}

.-g,.-gx {
    --gutter-x: 5rem
}

.-g,.-gy {
    --gutter-y: 5rem
}

.-g-0,.-gx-0 {
    --gutter-x: 0
}

.-g-0,.-gy-0 {
    --gutter-y: 0
}

.-g-1,.-gx-1 {
    --gutter-x: 1rem
}

.-g-1,.-gy-1 {
    --gutter-y: 1rem
}

.-g-2,.-gx-2 {
    --gutter-x: 2rem
}

.-g-2,.-gy-2 {
    --gutter-y: 2rem
}

.-g-3,.-gx-3 {
    --gutter-x: 3rem
}

.-g-3,.-gy-3 {
    --gutter-y: 3rem
}

.-g-4,.-gx-4 {
    --gutter-x: 4rem
}

.-g-4,.-gy-4 {
    --gutter-y: 4rem
}

.-g-5,.-gx-5 {
    --gutter-x: 5rem
}

.-g-5,.-gy-5 {
    --gutter-y: 5rem
}

@media (min-width: 768px) {
    .-cols-sm-auto>* {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .-cols-sm-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-cols-sm-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .-cols-sm-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .-cols-sm-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .-cols-sm-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .-cols-sm-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .l-flex__col-sm-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-flex__col-sm-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .l-flex__col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-flex__col-sm-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-flex__col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .l-flex__col-sm-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-flex__col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-flex__col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .l-flex__col-sm-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-flex__col-sm-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-flex__col-sm-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-offset-sm-0 {
        margin-left: 0
    }

    .-offset-sm-1 {
        margin-left: 8.3333333333%
    }

    .-offset-sm-2 {
        margin-left: 16.6666666667%
    }

    .-offset-sm-3 {
        margin-left: 25%
    }

    .-offset-sm-4 {
        margin-left: 33.3333333333%
    }

    .-offset-sm-5 {
        margin-left: 41.6666666667%
    }

    .-offset-sm-6 {
        margin-left: 50%
    }

    .-offset-sm-7 {
        margin-left: 58.3333333333%
    }

    .-offset-sm-8 {
        margin-left: 66.6666666667%
    }

    .-offset-sm-9 {
        margin-left: 75%
    }

    .-offset-sm-10 {
        margin-left: 83.3333333333%
    }

    .-offset-sm-11 {
        margin-left: 91.6666666667%
    }

    .-g,.-gy {
        --gutter-y: 3rem
    }

    .-g-sm-0,.-gx-sm-0 {
        --gutter-x: 0
    }

    .-g-sm-0,.-gy-sm-0 {
        --gutter-y: 0
    }

    .-g-sm-1,.-gx-sm-1 {
        --gutter-x: 1rem
    }

    .-g-sm-1,.-gy-sm-1 {
        --gutter-y: 1rem
    }

    .-g-sm-2,.-gx-sm-2 {
        --gutter-x: 2rem
    }

    .-g-sm-2,.-gy-sm-2 {
        --gutter-y: 2rem
    }

    .-g-sm-3,.-gx-sm-3 {
        --gutter-x: 3rem
    }

    .-g-sm-3,.-gy-sm-3 {
        --gutter-y: 3rem
    }

    .-g-sm-4,.-gx-sm-4 {
        --gutter-x: 4rem
    }

    .-g-sm-4,.-gy-sm-4 {
        --gutter-y: 4rem
    }

    .-g-sm-5,.-gx-sm-5 {
        --gutter-x: 5rem
    }

    .-g-sm-5,.-gy-sm-5 {
        --gutter-y: 5rem
    }
}

@media (min-width: 1025px) {
    .-cols-md-auto>* {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .-cols-md-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-cols-md-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .-cols-md-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .-cols-md-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .-cols-md-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .-cols-md-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .l-flex__col-md-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-flex__col-md-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .l-flex__col-md-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-flex__col-md-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-flex__col-md-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .l-flex__col-md-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-flex__col-md-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-flex__col-md-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .l-flex__col-md-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-flex__col-md-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-flex__col-md-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-offset-md-0 {
        margin-left: 0
    }

    .-offset-md-1 {
        margin-left: 8.3333333333%
    }

    .-offset-md-2 {
        margin-left: 16.6666666667%
    }

    .-offset-md-3 {
        margin-left: 25%
    }

    .-offset-md-4 {
        margin-left: 33.3333333333%
    }

    .-offset-md-5 {
        margin-left: 41.6666666667%
    }

    .-offset-md-6 {
        margin-left: 50%
    }

    .-offset-md-7 {
        margin-left: 58.3333333333%
    }

    .-offset-md-8 {
        margin-left: 66.6666666667%
    }

    .-offset-md-9 {
        margin-left: 75%
    }

    .-offset-md-10 {
        margin-left: 83.3333333333%
    }

    .-offset-md-11 {
        margin-left: 91.6666666667%
    }

    .-g-md-0,.-gx-md-0 {
        --gutter-x: 0
    }

    .-g-md-0,.-gy-md-0 {
        --gutter-y: 0
    }

    .-g-md-1,.-gx-md-1 {
        --gutter-x: 1rem
    }

    .-g-md-1,.-gy-md-1 {
        --gutter-y: 1rem
    }

    .-g-md-2,.-gx-md-2 {
        --gutter-x: 2rem
    }

    .-g-md-2,.-gy-md-2 {
        --gutter-y: 2rem
    }

    .-g-md-3,.-gx-md-3 {
        --gutter-x: 3rem
    }

    .-g-md-3,.-gy-md-3 {
        --gutter-y: 3rem
    }

    .-g-md-4,.-gx-md-4 {
        --gutter-x: 4rem
    }

    .-g-md-4,.-gy-md-4 {
        --gutter-y: 4rem
    }

    .-g-md-5,.-gx-md-5 {
        --gutter-x: 5rem
    }

    .-g-md-5,.-gy-md-5 {
        --gutter-y: 5rem
    }
}

@media (min-width: 1441px) {
    .-cols-lg-auto>* {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .-cols-lg-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-cols-lg-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .-cols-lg-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .-cols-lg-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .-cols-lg-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .-cols-lg-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .l-flex__col-lg-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-flex__col-lg-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .l-flex__col-lg-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-flex__col-lg-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-flex__col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .l-flex__col-lg-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-flex__col-lg-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-flex__col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .l-flex__col-lg-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-flex__col-lg-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-flex__col-lg-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-offset-lg-0 {
        margin-left: 0
    }

    .-offset-lg-1 {
        margin-left: 8.3333333333%
    }

    .-offset-lg-2 {
        margin-left: 16.6666666667%
    }

    .-offset-lg-3 {
        margin-left: 25%
    }

    .-offset-lg-4 {
        margin-left: 33.3333333333%
    }

    .-offset-lg-5 {
        margin-left: 41.6666666667%
    }

    .-offset-lg-6 {
        margin-left: 50%
    }

    .-offset-lg-7 {
        margin-left: 58.3333333333%
    }

    .-offset-lg-8 {
        margin-left: 66.6666666667%
    }

    .-offset-lg-9 {
        margin-left: 75%
    }

    .-offset-lg-10 {
        margin-left: 83.3333333333%
    }

    .-offset-lg-11 {
        margin-left: 91.6666666667%
    }

    .-g-lg-0,.-gx-lg-0 {
        --gutter-x: 0
    }

    .-g-lg-0,.-gy-lg-0 {
        --gutter-y: 0
    }

    .-g-lg-1,.-gx-lg-1 {
        --gutter-x: 1rem
    }

    .-g-lg-1,.-gy-lg-1 {
        --gutter-y: 1rem
    }

    .-g-lg-2,.-gx-lg-2 {
        --gutter-x: 2rem
    }

    .-g-lg-2,.-gy-lg-2 {
        --gutter-y: 2rem
    }

    .-g-lg-3,.-gx-lg-3 {
        --gutter-x: 3rem
    }

    .-g-lg-3,.-gy-lg-3 {
        --gutter-y: 3rem
    }

    .-g-lg-4,.-gx-lg-4 {
        --gutter-x: 4rem
    }

    .-g-lg-4,.-gy-lg-4 {
        --gutter-y: 4rem
    }

    .-g-lg-5,.-gx-lg-5 {
        --gutter-x: 5rem
    }

    .-g-lg-5,.-gy-lg-5 {
        --gutter-y: 5rem
    }
}

@media (min-width: 1681px) {
    .-cols-xl-auto>* {
        -webkit-box-flex:0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .-cols-xl-1>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-cols-xl-2>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .-cols-xl-3>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .-cols-xl-4>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .-cols-xl-5>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20%
    }

    .-cols-xl-6>* {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-xl-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .l-flex__col-xl-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.3333333333%
    }

    .l-flex__col-xl-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .l-flex__col-xl-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .l-flex__col-xl-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .l-flex__col-xl-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.6666666667%
    }

    .l-flex__col-xl-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .l-flex__col-xl-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.3333333333%
    }

    .l-flex__col-xl-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.6666666667%
    }

    .l-flex__col-xl-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .l-flex__col-xl-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.3333333333%
    }

    .l-flex__col-xl-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.6666666667%
    }

    .l-flex__col-xl-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }

    .-offset-xl-0 {
        margin-left: 0
    }

    .-offset-xl-1 {
        margin-left: 8.3333333333%
    }

    .-offset-xl-2 {
        margin-left: 16.6666666667%
    }

    .-offset-xl-3 {
        margin-left: 25%
    }

    .-offset-xl-4 {
        margin-left: 33.3333333333%
    }

    .-offset-xl-5 {
        margin-left: 41.6666666667%
    }

    .-offset-xl-6 {
        margin-left: 50%
    }

    .-offset-xl-7 {
        margin-left: 58.3333333333%
    }

    .-offset-xl-8 {
        margin-left: 66.6666666667%
    }

    .-offset-xl-9 {
        margin-left: 75%
    }

    .-offset-xl-10 {
        margin-left: 83.3333333333%
    }

    .-offset-xl-11 {
        margin-left: 91.6666666667%
    }

    .-g-xl-0,.-gx-xl-0 {
        --gutter-x: 0
    }

    .-g-xl-0,.-gy-xl-0 {
        --gutter-y: 0
    }

    .-g-xl-1,.-gx-xl-1 {
        --gutter-x: 1rem
    }

    .-g-xl-1,.-gy-xl-1 {
        --gutter-y: 1rem
    }

    .-g-xl-2,.-gx-xl-2 {
        --gutter-x: 2rem
    }

    .-g-xl-2,.-gy-xl-2 {
        --gutter-y: 2rem
    }

    .-g-xl-3,.-gx-xl-3 {
        --gutter-x: 3rem
    }

    .-g-xl-3,.-gy-xl-3 {
        --gutter-y: 3rem
    }

    .-g-xl-4,.-gx-xl-4 {
        --gutter-x: 4rem
    }

    .-g-xl-4,.-gy-xl-4 {
        --gutter-y: 4rem
    }

    .-g-xl-5,.-gx-xl-5 {
        --gutter-x: 5rem
    }

    .-g-xl-5,.-gy-xl-5 {
        --gutter-y: 5rem
    }
}

.-flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.-flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

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

@media (max-width: 1920px) {
    .-flex-xl-row-reverse {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .-flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
}

@media (max-width: 1500px) {
    .-flex-lg-row-reverse {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .-flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
}

@media (max-width: 1024px) {
    .-flex-md-row-reverse {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .-flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
}

@media (max-width: 767px) {
    .-flex-sm-row-reverse {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .-flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }
}

.c-preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    /* background-color: var(--color-dark-blue); */
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background-image: url(/assets/img/cmn_bg.jpg);
}

.is-page-loaded .c-preloader {
    pointer-events: none
}

[data-page=connoisseur] .c-preloader {
    background-color: var(--color-gold)
}

.c-circle-icon {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: 100%
}

.c-circle-icon[data-size=lg] {
    width: 3.9rem;
    height: 3.9rem
}

@media (max-width: 767px) {
    .c-circle-icon {
        width:2.5rem;
        height: 2.5rem
    }

    .c-circle-icon[data-size=lg] {
        width: 3.9rem;
        height: 3.9rem
    }
}

.c-circle-icon__wrap {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

a:hover .c-circle-icon__wrap {
    -webkit-animation: left-in 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: left-in 1s cubic-bezier(0.33,1,0.68,1) forwards
}

a:hover [data-direction=backward] .c-circle-icon__wrap {
    -webkit-animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards
}

a:hover [data-direction=diagonal] .c-circle-icon__wrap {
    -webkit-animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards
}

a[data-direction=backward]:hover .c-circle-icon__wrap {
    -webkit-animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards
}

a[data-direction=diagonal]:hover .c-circle-icon__wrap {
    -webkit-animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards
}

@media (max-width: 1024px) {
    .c-circle-icon__wrap {
        -webkit-animation:none!important;
        animation: none!important
    }
}

.c-circle-icon__in {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1.6rem;
    height: 100%;
    max-height: 1.6rem
}
.c-circle-icon__in.other{
    max-width: 1rem;
    margin-left: 10px;
}

.c-circle-icon__svg[class*=" c-svg-"],.c-circle-icon__svg[class^=c-svg-] {
    fill: #fff;
    -webkit-transition: fill 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: fill 0.3s cubic-bezier(0.16,1,0.3,1);
    will-change: fill
}

a:hover .c-circle-icon__svg[class*=" c-svg-"],a:hover .c-circle-icon__svg[class^=c-svg-] {
    fill: #fff
}

.c-circle-icon__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-blue);
    border-radius: 100%;
    -webkit-transition: 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    will-change: width,height
}

.c-circle-icon__bg:after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-dark-blue);
    border-radius: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.87,0,0.13,1);
    transition: -webkit-transform 0.3s cubic-bezier(0.87,0,0.13,1);
    transition: transform 0.3s cubic-bezier(0.87,0,0.13,1);
    transition: transform 0.3s cubic-bezier(0.87,0,0.13,1),-webkit-transform 0.3s cubic-bezier(0.87,0,0.13,1);
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform
}

a:hover .c-circle-icon__bg {
    width: 100%;
    height: 100%
}

a:hover .c-circle-icon__bg:after {
    -webkit-transform: scale(1);
    transform: scale(1)
}

[class*=" c-svg-"],[class^=c-svg-] {
    vertical-align: initial;
    fill: var(--color-font-dark)
}

[class*=" c-svg-"][data-color=white],[class^=c-svg-][data-color=white],[data-color=white] [class*=" c-svg-"] {
    fill: #fff
}

[class*=" c-svg-"][data-color=dark],[class^=c-svg-][data-color=dark],[data-color=dark] [class*=" c-svg-"] {
    fill: var(--color-dark)
}

[class*=" c-svg-"][data-color=gold],[class^=c-svg-][data-color=gold],[data-color=gold] [class*=" c-svg-"] {
    fill: var(--color-gold)
}

.c-svg-arrow-left {
    width: 1rem;
    height: 0.8rem
}

.c-svg-arrow-right {
    width: 1rem;
    height: 0.8rem
}

.c-svg-arrow-up {
    width: 0.8rem;
    height: 1rem
}

.c-svg-arrow-down {
    width: 0.8rem;
    height: 1rem
}

.c-svg-arrow-diagonal {
    width: 1.2rem;
    height: 1.2rem
}

.c-svg-arrow-left-s {
    width: 0.7rem;
    height: 0.6rem
}

.c-svg-arrow-right-s {
    width: 0.7rem;
    height: 0.6rem
}

.c-svg-arrow-up-s {
    width: 0.6rem;
    height: 0.7rem
}

.c-svg-arrow-down-s {
    width: 0.6rem;
    height: 0.7rem
}

.c-svg-pdf {
    width: 1.6rem;
    height: 1.6rem
}

.c-svg-x {
    width: 2rem;
    height: 2rem;
    fill: rgba(0,0,0,0.5)
}

.c-svg-instagram {
    width: 2rem;
    height: 2rem;
    fill: rgba(0,0,0,0.5)
}

.c-svg-facebook {
    width: 2rem;
    height: 2rem;
    fill: rgba(0,0,0,0.5)
}

.c-svg-tiktok {
    width: 2rem;
    height: 2rem
}

.c-svg-line {
    width: 2rem;
    height: 2rem
}

.c-svg-gift {
    width: 2.4rem;
    height: 2.4rem
}

.c-svg-lock {
    width: 2.4rem;
    height: 2.4rem
}

.c-svg-user {
    width: 1.6rem;
    height: 1.6rem
}

.c-svg-notice {
    width: 1.6rem;
    height: 1.6rem
}

.c-svg-calendar {
    width: 1.6rem;
    height: 1.7rem
}

.c-svg-new-window {
    width: 1.6rem;
    height: 1.6rem
}

.c-svg-plus {
    width: 1.6rem;
    height: 1.6rem
}

.c-svg-mail {
    width: 2.4rem;
    height: 2.4rem
}

.c-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1024px) {
    .c-button {
        -webkit-column-gap:1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
}

.c-button__label {
    font-size: 1.3rem;
    font-weight: 350;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding: 0.7rem 0;
    overflow: hidden;
    font-family: var(--font-family-sans);
    white-space: nowrap
}

.c-button__label:after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background-color: #dfdfdfa6;
}

[data-color=white] .c-button__label {
    color: #fff
}

[data-color=white] .c-button__label:after {
    background-color: #fff
}

@media (hover: hover) and (pointer:fine) {
    a:hover .c-button__label:after {
        -webkit-animation:forward 1s cubic-bezier(0.65,0,0.35,1) forwards;
        animation: forward 1s cubic-bezier(0.65,0,0.35,1) forwards
    }
}

@media (max-width: 1024px) {
    .c-button__label {
        font-size:1.2rem
    }
}

.c-button-rect {
    font-size: 1.4rem;
    font-weight: 350;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 32rem;
    min-height: 5.6rem;
    padding: 1rem 5rem;
    overflow: hidden;
    font-family: Cardo,var(--font-family-serif);
    text-align: center;
    cursor: pointer;
    -webkit-transition: color 0.4s,background-color 0.4s;
    transition: color 0.4s,background-color 0.4s;
    will-change: background-color
}

.c-button-rect[data-width="100%"] {
    width: 100%;
    min-width: initial
}

.c-button-rect[data-size=sm] {
    min-height: 4rem;
    padding: 0 1rem;
    font-size: 1.2rem
}

.c-button-rect[data-color=dark-blue] {
    color: #fff;
    background-color: var(--color-dark-blue)
}

.c-button-rect[data-color=dark-blue] svg {
    fill: #fff
}

.c-button-rect[data-color=blue] {
    color: #fff;
    background-color: var(--color-blue)
}

.c-button-rect[data-color=blue] svg {
    fill: #fff
}

.c-button-rect[data-color=white] {
    background-color: var(--color-bg-primary)
}

.c-button-rect[data-color=white] svg {
    fill: var(--color-dark)
}

.c-button-rect[data-type=border] {
    border: 1px solid #ffffffb0;
}

.c-button-rect[data-type=border-white] {
    color: #fff;
    background: transparent;
    border: 1px solid var(--color-border-white-gray)
}

.c-button-rect[data-type=border-white] svg {
    fill: #fff
}

@media (hover: hover) and (pointer:fine) {
    .c-button-rect:hover {
        background-color:var(--color-white-hover)
    }

    .c-button-rect:hover[data-color=dark-blue] {
        background-color: var(--color-dark-blue-hover)
    }

    .c-button-rect:hover[data-color=blue] {
        background-color: var(--color-blue-hover)
    }

    .c-button-rect:hover[data-color=white] {
        background-color: var(--color-white-hover)
    }

    .c-button-rect:hover[data-color=gold] {
        background-color: var(--color-gold-hover)
    }

    .c-button-rect:hover[data-type=border-white] {
        color: var(--color-dark)
    }

    .c-button-rect:hover[data-type=border-white] svg {
        fill: var(--color-dark)
    }
}

@media (max-width: 1024px) {
    .c-button-rect {
        font-size:1.2rem
    }

    .c-button-rect[data-size=sm] {
        min-height: 3.6rem
    }
}

@media (max-width: 767px) {
    .c-button-rect {
        width:100%;
        min-width: initial;
        padding: 0 4rem
    }
}

.c-button-rect__label {
    display: block;
    color: white;
}

.c-button-rect__labelset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    padding: 1.6rem 0
}

.c-button-rect__labelset-main {
    font-family: var(--font-family-eng);
    font-size: var(--font-size-heading-md)
}

.c-button-rect__icon {
    position: absolute;
    top: 50%;
    right: 2rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-button-rect__icon--backward {
    right: auto;
    left: 2rem
}

@media (max-width: 767px) {
    .c-button-rect__icon {
        right:1.6rem
    }
}

.c-section {
    padding-top: var(--space-section-md)
}

.c-section[data-bg=gray] {
    background: var(--color-bg-light-gray)
}

.c-section[data-pt=none] {
    padding-top: 0
}

.c-section[data-pt=sm] {
    padding-top: var(--space-section-sm)
}

.c-section[data-pt=md] {
    padding-top: var(--space-section-md)
}

.c-section[data-pt=lg] {
    padding-top: var(--space-section-lg)
}

.c-section[data-pb=sm] {
    padding-bottom: var(--space-section-sm)
}

.c-section[data-pb=md] {
    padding-bottom: var(--space-section-md)
}

.c-section[data-pb=lg] {
    padding-bottom: var(--space-section-lg)
}

[class*=" c-heading-"][data-color=green],[class^=c-heading-][data-color=green],[data-color=green] [class*=" c-heading-"] {
    color: var(--color-blue)
}

.c-heading {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

.c-heading[data-size="2xl"] {
    font-size: var(--font-size-heading-2xl)
}

.c-heading[data-size=xl] {
    font-size: var(--font-size-heading-xl)
}

.c-heading[data-size=lg] {
    font-size: var(--font-size-heading-lg)
}

.c-heading[data-size=md] {
    font-size: var(--font-size-heading-md)
}

.c-heading[data-size=sm] {
    font-size: var(--font-size-heading-sm)
}

.c-heading[data-size=xs] {
    font-size: var(--font-size-heading-xs)
}

.c-heading[data-size="2xs"] {
    font-size: var(--font-size-heading-2xs)
}

.c-heading[data-size="3xs"] {
    font-size: var(--font-size-heading-3xs)
}

.c-heading[data-size="4xs"] {
    font-size: var(--font-size-heading-4xs)
}

.c-heading-set {
    margin-bottom: 3.2rem
}

.c-heading-set[data-margin-none] {
    margin-bottom: 0
}

.c-heading-set__main {
    font-size: var(--font-size-heading-2xl);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading-eng);
    letter-spacing: var(--letter-spacing-heading-en);
    display: block;
    font-family: var(--font-family-eng)
}

[data-size=sm] .c-heading-set__main {
    font-size: var(--font-size-heading-lg)
}

[data-size=xs] .c-heading-set__main {
    font-size: var(--font-size-heading-sm)
}

.c-heading-set__sub {
    font-size: 1.3rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    display: block;
    padding-bottom: 0.8rem;
    margin-top: 0.6rem;
    font-family: var(--font-family-serif)
}

.c-heading-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10rem;
    padding-top: 10rem;
}

@media (max-width: 1024px) {
    .c-heading-section {
        padding-bottom:8rem
    }
}

@media (max-width: 767px) {
    .c-heading-section {
        padding-bottom:6rem;
        padding-top: 6rem;
    }
}

.c-heading-section__label {
    font-size: var(--font-size-heading-xs);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)
}

[data-color=white] .c-heading-section__label {
    color: #fff
}

.c-heading-section__border {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    background-color: rgb(255 255 255 / 25%);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left
}

.is-onscreen .c-heading-section__border {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

[data-color=white] .c-heading-section__border {
    background-color: rgba(255,255,255,0.4)
}

.c-copy {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-copy);
    letter-spacing: var(--letter-spacing-copy);
    margin-bottom: 3.2rem;
    font-family: var(--font-family-serif)
}

.c-copy[data-size=xs] {
    font-size: var(--font-size-heading-xs)
}

.c-copy[data-size=sm] {
    font-size: var(--font-size-heading-sm)
}

.c-copy[data-size=lg] {
    font-size: var(--font-size-heading-lg)
}

.c-copy[data-size=xl] {
    font-size: var(--font-size-heading-xl)
}

.c-copy[data-size="2xl"] {
    font-size: var(--font-size-heading-2xl)
}

.c-copy[data-margin-none] {
    margin-bottom: 0
}

@media (max-width: 1024px) {
    .c-copy {
        margin-bottom:2.4rem
    }
}

.c-text {
    font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body);
    text-align: justify
}

.is-en .c-text {
    text-align: left
}

.c-text[data-font=sans] {
    font-family: var(--font-family-sans)
}

.c-text[data-font=serif] {
    font-family: var(--font-family-serif)
}

.c-text[data-size=xl] {
    font-size: var(--font-size-body-xl)
}

.c-text[data-size=lg] {
    font-size: var(--font-size-body-lg)
}

.c-text[data-size=sm] {
    font-size: var(--font-size-body-sm)
}

.c-text[data-size=xs] {
    font-size: var(--font-size-body-xs)
}

.c-text[data-size="2xs"] {
    font-size: var(--font-size-body-2xs)
}

.c-text[data-size="3xs"] {
    font-size: var(--font-size-body-3xs)
}

.c-thumb {
    overflow: hidden
}

.c-thumb img {
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1),-webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform-origin: center;
    transform-origin: center
}

a:hover .c-thumb img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)
}

@media (hover: hover) and (pointer:fine) {
    .c-thumb:hover img {
        -webkit-transform:scale(1.08);
        transform: scale(1.08)
    }
}

.c-thumb__image {
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1),-webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform-origin: center;
    transform-origin: center
}

@media (hover: hover) and (pointer:fine) {
    .c-thumb__image:hover {
        -webkit-transform:scale(1.08);
        transform: scale(1.08)
    }
}

.c-reservation {
    position: relative;
    padding: 18rem 0;
    overflow: hidden
}

@media (max-width: 1024px) {
    .c-reservation {
        padding:12rem 0
    }
}

@media (max-width: 767px) {
    .c-reservation {
        padding:10rem 0
    }
}

.c-reservation__inner {
    position: relative;
    z-index: 10;
    color: #fff;
    text-align: center
}

.c-reservation__heading {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading-eng);
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    text-align: center
}

@media (max-width: 1024px) {
    .c-reservation__heading {
        font-size:2.4rem
    }
}

.c-reservation__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .c-reservation__button {
        -webkit-column-gap:1.2rem;
        -moz-column-gap: 1.2rem;
        column-gap: 1.2rem
    }
}

@media (max-width: 767px) {
    .c-reservation__button {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1rem
    }
}

.c-reservation__button-item {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    width: 48.3333%;
    font-family: var(--font-family-serif);
    color: #fff
}

.c-reservation__button-item span {
    font-size: 1.2rem
}

@media (max-width: 1024px) {
    .c-reservation__button-item {
        font-size:1.4rem
    }
}

@media (max-width: 767px) {
    .c-reservation__button-item {
        width:100%
    }
}

.c-reservation__button-item-link {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 3rem 2rem;
    color: #fff;
    background: var(--color-dark-blue)
}

@media (hover: hover) and (pointer:fine) {
    .c-reservation__button-item-link:hover {
        color:#fff
    }
}

@media (max-width: 1024px) {
    .c-reservation__button-item-link {
        padding:3rem 2rem
    }
}

@media (max-width: 767px) {
    .c-reservation__button-item-link {
        padding:2.5rem 2rem
    }
}

.c-reservation__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%
}

.c-reservation__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.4rem 0.8rem;
    font-family: var(--font-family-serif);
    color: #fff;
    background: #13386a;
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .c-category-item {
        font-size:1rem
    }
}

.c-modal {
    position: fixed;
    top: 0;
    z-index: 1000000;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),visibility 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),visibility 0.5s cubic-bezier(0.33,1,0.68,1);
    will-change: opacity,visibility
}

.c-modal.is-modal-active {
    left: 0;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.c-modal__container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.c-modal__wrap {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh
}

.c-modal__inner {
    position: relative;
    width: 100%;
    margin: 0 auto
}

.c-modal__content {
    position: relative;
    z-index: 10;
    display: none;
    margin: 0 auto;
    pointer-events: all;
    -webkit-overflow-scrolling: touch
}

.c-modal__content.is-show {
    display: block
}

@media (max-width: 1024px) {
    .c-modal__content {
        width:100%
    }
}

.c-modal__close {
    position: fixed;
    top: 2rem;
    right: 2rem;
    z-index: 100;
    display: block;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    -webkit-transition: opacity 1s cubic-bezier(0.61,1,0.88,1) 1s;
    transition: opacity 1s cubic-bezier(0.61,1,0.88,1) 1s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.is-page-loaded .c-modal__close {
    opacity: 1
}

@media (max-width: 1024px) {
    .c-modal__close {
        top:1.6rem;
        right: 1.6rem;
        width: 4.2rem;
        height: 4.2rem
    }
}

@media (max-width: 767px) {
    .c-modal__close {
        top:0.4rem;
        right: 0.4rem;
        width: 4rem;
        height: 4rem
    }
}

.c-modal__close-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.c-modal__close-icon-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 0.1rem;
    margin-left: -2.8rem;
    background: var(--color-dark)
}

.c-modal__close-icon-bar:before {
    position: absolute;
    inset: 0;
    content: "";
    background: var(--color-dark)
}

.c-modal__close-icon-bar--1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.c-modal__close-icon-bar--2 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.c-modal__close:hover .c-modal__close-icon-bar--2:before {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s
}

@media (max-width: 1024px) {
    .c-modal__close-icon-bar {
        width:3.2rem;
        margin-left: -1.6rem
    }
}

@media (max-width: 767px) {
    .c-modal__close-icon-bar {
        width:2rem;
        margin-left: -1rem
    }
}

.c-modal__close-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 100%
}

.c-modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: var(--color-bg-primary);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.is-modal-active .c-modal__bg {
    pointer-events: all
}

.c-recommend {
    padding-top: var(--space-section-sm);
    padding-bottom: var(--space-section-sm);
    margin-top: var(--space-section-md);
    background-color: var(--color-bg-light-gray)
}

.c-recommend__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-recommend__header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

.c-recommend__header-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer
}

@media (max-width: 1024px) {
    .c-recommend__header-nav-item:first-child {
        padding-left:0
    }

    .c-recommend__header-nav-item:last-child {
        padding-right: 0
    }
}

.c-recommend__header-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-recommend__header-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)
}

.c-recommend__header-button {
    margin-left: 2.8rem
}

@media (max-width: 1024px) {
    .c-recommend__header-button {
        display:none
    }
}

.c-recommend__body {
    margin-top: 4.8rem
}

@media (max-width: 1024px) {
    .c-recommend__body {
        margin-top:3.2rem
    }
}

.c-recommend__footer {
    display: none
}

@media (max-width: 1024px) {
    .c-recommend__footer {
        display:block;
        margin-top: 3.2rem
    }
}

@media (max-width: 767px) {
    .c-recommend__footer {
        margin-top:2.4rem
    }
}

.c-recommend__footer-button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto
}

.c-recommend-list {
}

.c-recommend-card__image {
    aspect-ratio: 3/2
}

.c-recommend-card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-recommend-card__body {
    margin-top: 2.4rem
}

.c-recommend-card__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem
}

.c-recommend-card__date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)
}

.c-recommend-card__category {
    padding-left: 1.2rem;
    margin-left: 1.2rem;
    border-left: 1px solid var(--color-border-gray)
}

.c-recommend-card__heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    text-align: justify
}

.is-en .c-recommend-card__heading {
    text-align: left
}

@media (max-width: 1024px) {
    .c-recommend-card__heading {
        font-size:1.3rem
    }
}

@font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
}

:root {
    --swiper-theme-color: #007aff
}

:host {
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto
}

.swiper {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    list-style: none
}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform
}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
    content: ""
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper: before {
    width:var(--swiper-centered-offset-after);
    height: 100%;
    min-height: 1px
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper: before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,0.15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))
}

.swiper-lazy-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    content: ""
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
    width: var(--swiper-virtual-size);
    height: 1px
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
    width: 1px;
    height: var(--swiper-virtual-size)
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    pointer-events: none;
    cursor: auto;
    opacity: 0.35
}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    pointer-events: none;
    cursor: auto;
    opacity: 0
}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important
}

.swiper-button-next svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center
}

.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    right: auto;
    left: var(--swiper-navigation-sides-offset,10px)
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-lock {
    display: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: initial;
    line-height: 1;
    text-transform: none!important;
    letter-spacing: 0
}

.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after {
    content: "prev"
}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto
}

.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after {
    content: "next"
}

:root {
    --swiper-pagination-bullet-horizontal-gap: 0
}

.swiper-pagination {
    position: absolute;
    z-index: 10;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    top: var(--swiper-pagination-top,auto);
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)
}

.swiper-pagination-bullet {
    display: inline-block;
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,0.2)
}

button.swiper-pagination-bullet {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet:only-child {
    display: none!important
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)
}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    top: 50%;
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top,200ms -webkit-transform;
    transition: 200ms top,200ms -webkit-transform;
    transition: 200ms transform,200ms top;
    transition: 200ms transform,200ms top,200ms -webkit-transform
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left,200ms -webkit-transform;
    transition: 200ms left,200ms -webkit-transform;
    transition: 200ms transform,200ms left;
    transition: 200ms transform,200ms left,200ms -webkit-transform
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right,200ms -webkit-transform;
    transition: 200ms right,200ms -webkit-transform;
    transition: 200ms transform,200ms right;
    transition: 200ms transform,200ms right,200ms -webkit-transform
}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)
}

.swiper-pagination-progressbar {
    position: absolute;
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,0.25))
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px)
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%
}

.swiper-pagination-lock {
    display: none
}

:root {
}

.swiper-scrollbar {
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1));
    border-radius: var(--swiper-scrollbar-border-radius,10px)
}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important
}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    bottom: var(--swiper-scrollbar-bottom,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    height: var(--swiper-scrollbar-size,4px)
}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    top: var(--swiper-scrollbar-sides-offset,1%);
    right: var(--swiper-scrollbar-right,4px);
    left: var(--swiper-scrollbar-left,auto);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px)
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    -ms-touch-action: none;
    touch-action: none;
    cursor: move
}

.swiper .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    pointer-events: none;
    opacity: 0
}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap
}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active {
    pointer-events: auto
}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube {
    overflow: visible
}

.swiper-cube .swiper-slide {
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6
}

.swiper-cube .swiper-cube-shadow:before {
    position: absolute;
    inset: 0;
    content: "";
    background: #000;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip {
    overflow: visible
}

.swiper-flip .swiper-slide {
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform
}

.swiper-cards {
    overflow: visible
}

.swiper-cards .swiper-slide {
    overflow: hidden;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@-webkit-keyframes modal-video {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes modal-video-inner {
    0% {
        -webkit-transform: translate(0,50px);
        transform: translate(0,50px)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

@keyframes modal-video-inner {
    0% {
        -webkit-transform: translate(0,50px);
        transform: translate(0,50px)
    }

    to {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0,0,0,0.6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: opacity 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-animation-name: modal-video;
    animation-name: modal-video;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.16,1,0.3,1);
    animation-timing-function: cubic-bezier(0.16,1,0.3,1);
    will-change: backdrop-filter,opacity
}

.modal-video-close {
    opacity: 0
}

.modal-video-close .modal-video-movie-wrap {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px)
}

.modal-video-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 90vw;
    height: 100%;
    padding: 0 10px;
    margin: 0 auto
}

@media (max-width: 767px) {
    .modal-video-body {
        max-width:96vw
    }
}

.modal-video-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media (orientation: landscape) {
    .modal-video-inner {
        -webkit-box-sizing:border-box;
        box-sizing: border-box;
        padding: 10px 60px
    }
}

.modal-video-movie-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #333;
    transition: -webkit-transform 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.3s cubic-bezier(0.16,1,0.3,1),-webkit-transform 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-animation-name: modal-video-inner;
    animation-name: modal-video-inner;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.16,1,0.3,1);
    animation-timing-function: cubic-bezier(0.16,1,0.3,1)
}

.modal-video-movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modal-video-close-btn {
    position: absolute;
    top: -45px;
    right: 0;
    z-index: 2;
    display: inline-block;
    display: none;
    width: 35px;
    height: 35px;
    overflow: hidden;
    background: transparent;
    border: none
}

@media (orientation: landscape) {
    .modal-video-close-btn {
        top:0;
        right: -45px
    }
}

.modal-video-close-btn:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.modal-video-close-btn:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.modal-video-close-btn:after,.modal-video-close-btn:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -6px;
    content: "";
    background: #fff;
    border-radius: 5px
}

.c-typo-anim {
    clip-path: polygon(0 -50%,100% -50%,100% -50%,0 0%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    will-change: clip-path,transform
}

.c-typo-anim.is-onscreen,.is-onscreen .c-typo-anim {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    -webkit-transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.c-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2rem;
    width: 54rem;
    padding-left: 2rem;
    border-left: solid 1px rgb(255 255 255 / 25%);
    padding-top: 4rem;
    padding-bottom: 4rem;
    margin-top: 5rem;
}

@media (max-width: 767px) {
    .c-anchor {
        width:100%;
        padding-left: 1.5rem
    }
}

.c-anchor__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-anchor__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    overflow: hidden;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s
}

@media (hover: hover) and (pointer:fine) {
    a:hover .c-anchor__name {
        opacity:0.3
    }
}

@media (max-width: 767px) {
    .c-anchor__name {
        -webkit-column-gap:0.8rem;
        -moz-column-gap: 0.8rem;
        column-gap: 0.8rem
    }
}

.c-anchor__name-main {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng)
}

@media (max-width: 767px) {
    .c-anchor__name-main {
        font-size:1.3rem
    }
}

.c-anchor__name-sub {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-l);
    font-family: var(--font-family-serif)
}

.is-en .c-anchor__name-sub {
    display: none
}

@media (max-width: 767px) {
    .c-anchor__name-sub {
        font-size:1rem
    }
}

.c-anchor__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 1.5rem;
    margin-left: auto;
    overflow: hidden
}
.c-anchor__icon.down2 img{
    width: 0.7rem;
}

@media (hover: hover) and (pointer:fine) {
    a:hover .c-anchor__icon svg {
        -webkit-animation:down 0.6s cubic-bezier(0.33,1,0.68,1) forwards;
        animation: down 0.6s cubic-bezier(0.33,1,0.68,1) forwards
    }
}

.c-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.8rem;
    -moz-column-gap: 0.8rem;
    column-gap: 0.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-slider-pagination .swiper-pagination-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    background: none!important;
    opacity: 1!important
}

.c-slider-pagination .swiper-pagination-bullet:after {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    content: "";
    background: rgb(255 255 255 / 22%) !important;
    border-radius: 100%
}

.c-slider-pagination .swiper-pagination-bullet-active:after {
    background: #dfdfdf !important;
}

.c-slider-pagination[data-color=white] .swiper-pagination-bullet:after,.c-slider-pagination[date-color=white] .swiper-pagination-bullet:after {
    background: #fff!important
}

.c-slider-pagination[data-color=white] .swiper-pagination-bullet-active:after,.c-slider-pagination[date-color=white] .swiper-pagination-bullet-active:after {
    background: var(--color-dark-blue)!important
}

.c-floating-reservation {
    position: fixed;
    right: 2rem;
    bottom: 0;
    z-index: 100;
    display: block;
    width: 26rem;
    height: 5.5rem;
    color: #fff;
    background-color: var(--color-dark-blue);
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}
.c-floating-reservation.contact{
    right: 28rem;
    border-right: 1px solid #ffffff5c;
}

.c-floating-reservation:hover {
    color: #fff;
    background-color: var(--color-dark-blue-hover)
}

@media (max-width: 767px) {
    .c-floating-reservation {
        right:0;
        width: 50%;
        height: 4.8rem
    }
    .flex .c-floating-reservation.contact{
       left: 0;
    border-right: 1px solid #ffffff5e;
        
    }
}

.c-floating-reservation__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 0 3rem
}

@media (max-width: 767px) {
    .c-floating-reservation__inner {
        padding:0 2rem
    }
}

.c-floating-reservation__heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .c-floating-reservation__heading {
        font-size:1.3rem
    }
}

.c-floating-reservation__heading-sub {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng);
    opacity: 0.6
}

.c-tab__nav {
    max-width: 85%;
    margin: 0 auto
}

@media (max-width: 767px) {
    .c-tab__nav {
        max-width:initial;
        margin: 0 -1.5rem
    }
}

.c-tab__nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    padding-top: 8rem;
    margin-top: -8rem
}

.c-tab__nav-menu-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 6rem;
    padding: 1.6rem 0;
    text-align: center;
    cursor: pointer;
    background: var(--color-bg-gray)
}

.c-tab__nav-menu-item.is-current {
    color: #fff;
    background: var(--color-dark-blue)
}

.c-tab__nav-menu-item.is-current:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    border-color: var(--color-dark-blue) transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%)
}

@media (max-width: 767px) {
    .c-tab__nav-menu-item {
        min-height:4rem;
        padding: 1.2rem 0
    }
}

.c-tab__nav-menu-button-label {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .c-tab__nav-menu-button-label {
        font-size:1.5rem
    }
}

@media (max-width: 767px) {
    .c-tab__nav-menu-button-label {
        font-size:1.4rem
    }
}

.c-tab__body-container {
    display: none
}

.c-tab__body-container.is-show {
    display: block
}

.c-side-nav {
    position: sticky;
    top: 12rem;
    max-width: 30rem
}

@media (max-width: 1024px) {
    .c-side-nav {
        position:relative;
        top: 0;
        width: 100%;
        max-width: 100%;
        /* background-color: var(--color-bg-light-gray); */
        border-radius: 0.5rem;
        -webkit-transition: background-color 0.3s cubic-bezier(0.33,1,0.68,1);
        transition: background-color 0.3s cubic-bezier(0.33,1,0.68,1);
        will-change: background-color;
        border: 1px solid #ffffff9c;
    }

    .c-side-nav.is-open {
        /* background-color: var(--color-bg-gray); */
    }
}

.c-side-nav__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .c-side-nav__header {
        position:relative;
        z-index: 1;
        padding: 0;
        padding: 3rem 2.5rem
    }
}

@media (max-width: 767px) {
    .c-side-nav__header {
        padding:2.5rem 2rem
    }
}

.c-side-nav__header-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-family: var(--font-family-serif)
}

.c-side-nav__header-toggle {
    position: relative;
    display: none;
    width: 11px;
    height: 11px
}

.c-side-nav__header-toggle:after,.c-side-nav__header-toggle:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    background-color: #ffffff;
}

.c-side-nav__header-toggle:before {
    top: 0;
    left: calc(50% - 0.5px);
    width: 1px;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,0,0.35,1);
    transition: -webkit-transform 0.3s cubic-bezier(0.65,0,0.35,1);
    transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);
    transition: transform 0.3s cubic-bezier(0.65,0,0.35,1),-webkit-transform 0.3s cubic-bezier(0.65,0,0.35,1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    will-change: transform
}

.c-side-nav__header-toggle:after {
    top: calc(50% - 0.5px);
    left: 0;
    width: 100%;
    height: 1px
}

.is-open .c-side-nav__header-toggle:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@media (max-width: 1024px) {
    .c-side-nav__header-toggle {
        display:block
    }
}

@media (max-width: 1024px) {
    .c-side-nav__body {
        position:relative;
        z-index: 1;
        height: 0;
        overflow: hidden
    }
}

.c-side-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 4rem
}

@media (max-width: 1024px) {
    .c-side-nav__list {
        row-gap:1.2rem;
        padding: 0 2.5rem 3rem
    }
}

@media (max-width: 1024px) {
    .c-side-nav__list {
        padding:0 2rem 2.5rem
    }
}

.c-side-nav__list-item {
    position: relative
}

.c-side-nav__list-link {
    position: relative;
    display: block
}

.c-side-nav__list-label {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: inline;
    font-family: var(--font-family-serif);
    background: -webkit-gradient(linear,left top,left bottom,from(var(--color-font-dark)),to(var(--color-font-dark))) 100% 100%/0 1px no-repeat;
    background: linear-gradient(var(--color-font-dark),var(--color-font-dark)) 100% 100%/0 1px no-repeat;
    -webkit-transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size
}

.is-current .c-side-nav__list-label {
    background-position: 0 100%;
    background-size: 100% 1px
}

@media (hover: hover) and (pointer:fine) {
    a:hover .c-side-nav__list-label {
        background-position:0 100%;
        background-size: 100% 1px
    }
}

.c-table {
    width: 100%
}

@media (max-width: 767px) {
    .c-table {
        display:block
    }

    .c-table colgroup {
        display: none
    }
}

@media (max-width: 767px) {
    .c-table__row {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

.c-table__heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    padding: 2rem 2rem 2rem 0;
    border-bottom: 1px solid var(--color-border-gray)
}

.c-table__heading[data-font-size=sm],[data-font-size=sm] .c-table__heading {
    font-size: var(--font-size-body-sm)
}

@media (max-width: 767px) {
    .c-table__heading {
        padding:2rem 0 0 0;
        margin-bottom: 1.2rem;
        font-size: 1.3rem;
        border-bottom: none
    }
}

.c-table__desc {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-border-gray);
}

.c-table__desc[data-font-size=sm],[data-font-size=sm] .c-table__desc {
    font-size: var(--font-size-body-sm)
}

@media (max-width: 767px) {
    .c-table__desc {
        padding:0 0 2rem;
        font-size: 1.3rem
    }
}

.c-list {
    position: relative
}

.c-list[data-type=num] {
    counter-reset: circle 0
}

.c-list__item {
    font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body);
    position: relative;
    text-align: justify
}

.is-en .c-list__item {
    text-align: left
}

[data-type=disc] .c-list__item {
    padding-left: 1.2em
}

[data-type=disc] .c-list__item:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    font-weight: bold;
    content: "・"
}

[data-type=num] .c-list__item {
    padding-left: 2em
}

[data-type=num] .c-list__item:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    display: block;
    width: 2.4rem;
    text-align: right;
    content: counter(circle) ".";
    counter-increment: circle 1
}

.c-list__item[data-font-size=sm],[data-font-size=sm] .c-list__item {
    font-size: var(--font-size-body-sm)
}

::-webkit-input-placeholder {
    color: #848280
}

::-moz-placeholder {
    color: #848280
}

:-ms-input-placeholder {
    color: #848280
}

::-ms-input-placeholder {
    color: #848280
}

::placeholder {
    color: #848280
}

::input-placeholder {
    color: #848280
}

:input-placeholder {
    color: #848280
}

.wpcf7 form .wpcf7-response-output {
    margin-right: 0;
    margin-left: 0
}

.wpcf7-form-control-wrap>.wpcf7-not-valid-tip {
    /* display: none; */
    margin-top: 10px
}

.wpcf7-form-control-wrap.is-show>.wpcf7-not-valid-tip {
    display: block
}

.wpcf7-submit:disabled {
    opacity: 0.3
}

.wpcf7-form-control-wrap {
    width: 100%
}

.c-form {
    max-width: 100rem
}

.c-form[date-status=confirm] {
    margin: 0 auto
}

@media (max-width: 1024px) {
    .c-form {
        max-width:initial
    }
}

.c-form__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 3.2rem
}

[date-status=confirm] .c-form__header {
    margin-top: 0
}

@media (max-width: 767px) {
    .c-form__header {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        margin-top: 3.2rem
    }
}

.c-form__header-note {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto
}

@media (max-width: 767px) {
    .c-form__header-note {
        margin-top:1.2rem;
        margin-left: 0;
        font-size: 1rem
    }
}

.c-form__body {
    margin-top: 4.6rem
}

@media (max-width: 767px) {
    .c-form__body {
        margin-top:3.2rem
    }
}

.c-form__block {
    margin-top: 4rem
}

.c-form__block:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .c-form__block {
        margin-top:3.2rem
    }
}

@media (max-width: 767px) {
    .c-form__block {
        margin-top:2rem
    }
}

.c-form__block-body {
    margin-top: 1rem
}

.c-form__block-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin: 1rem 0 0
}

.c-form__block-row:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .c-form__block-row {
        -webkit-column-gap:2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

@media (max-width: 767px) {
    .c-form__block-row {
        -webkit-column-gap:1.6rem;
        -moz-column-gap: 1.6rem;
        column-gap: 1.6rem
    }
}

.c-form__block-col {
    width: calc(50% - 2rem)
}

.c-form__block-col[data-width="100%"] {
    width: 100%
}

@media (max-width: 1024px) {
    .c-form__block-col {
        width:calc(50% - 1rem)
    }
}

@media (max-width: 767px) {
    .c-form__block-col {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        width: calc(50% - 0.8rem)
    }
}

.c-form__footer {
    margin-top: 2.8rem
}

@media (max-width: 767px) {
    .c-form__footer {
        margin-top:2.4rem
    }
}

.c-form-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-form-nav__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 6rem
}

.c-form-nav__item:after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 3rem;
    height: 1px;
    content: "";
    background: var(--color-border-dark-gray);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-form-nav__item:last-child {
    padding-right: 0
}

.c-form-nav__item:last-child:after {
    display: none
}

.c-form-nav__item-icon {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.5rem;
    border: 1px solid var(--color-border-gray);
    border-radius: 100%
}

.is-current .c-form-nav__item-icon {
    background: var(--color-dark-blue);
    border: 1px solid var(--color-dark-blue)
}

.c-form-nav__item-text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: 0;
    font-family: var(--font-family-eng-sub);
    color: #999
}

.is-current .c-form-nav__item-text {
    color: var(--color-font-dark)
}

.c-form-require {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    margin: 0 0.2rem;
    color: #f44
}

@media (max-width: 767px) {
    .c-form-require {
        font-size:1.2rem
    }
}

.c-form-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .c-form-label {
        font-size:1.3rem
    }
}

.c-form-select {
    position: relative;
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

.c-form-select select {
    width: 100%;
    height: 5rem;
    padding: 0 2.4rem;
    background: var(--color-bg-gray)
}

[date-status=confirm] .c-form-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2.4rem 1.2rem;
    background: var(--color-bg-light-gray)
}

@media (max-width: 767px) {
    .c-form-select {
        font-size:1.2rem
    }

    .c-form-select select {
        padding: 0 1.5rem
    }

    [date-status=confirm] .c-form-select {
        padding: 1rem 1.5rem 1.2rem
    }
}

.c-form-select__icon {
    position: absolute;
    top: 2rem;
    right: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.02rem;
    pointer-events: none
}

.c-form-input {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

.c-form-input input {
    width: 100%;
    height: 5rem;
    padding: 0 2.4rem;
    background: var(--color-bg-gray)
}

[date-status=confirm] .c-form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2.4rem 1.2rem;
    background: var(--color-bg-light-gray)
}

@media (max-width: 767px) {
    .c-form-input {
        font-size:1.2rem
    }

    .c-form-input input {
        padding: 0 1.5rem
    }

    [date-status=confirm] .c-form-input {
        padding: 1rem 1.5rem 1.2rem
    }
}

.c-form-textarea {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

.c-form-textarea textarea {
    width: 100%;
    height: 30rem;
    padding: 1.2rem 2.4rem;
    background: var(--color-bg-gray)
}

[date-status=confirm] .c-form-textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 2.4rem 2.4rem 2.8rem;
    background: var(--color-bg-light-gray)
}

@media (max-width: 767px) {
    .c-form-textarea {
        font-size:1.2rem
    }

    .c-form-textarea textarea {
        padding: 0.8rem 1.5rem
    }

    [date-status=confirm] .c-form-textarea {
        padding: 2rem 1.5rem 1.6rem
    }
}

.c-form-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .c-form-button {
        -webkit-column-gap:2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

@media (max-width: 767px) {
    .c-form-button {
        -webkit-box-orient:vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        row-gap: 1.2rem;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.c-form-button__col {
    width: calc(50% - 2rem)
}

@media (max-width: 1024px) {
    .c-form-button__col {
        width:calc(50% - 1rem)
    }
}

@media (max-width: 767px) {
    .c-form-button__col {
        width:100%
    }
}

.c-form-button__item {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 7rem;
    color: #fff;
    cursor: pointer;
    background: var(--color-dark-blue)
}

.c-form-button__item.is-border,.c-form-button__item[data-type=border] {
    color: var(--color-dark);
    background: none;
    border: 1px solid var(--color-border-dark-gray, )
}

.c-form-password {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem
}

@media (max-width: 767px) {
    .c-form-password {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.8rem
    }
}

.c-form-password__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.6rem;
    padding: 1.6rem 2.4rem;
    color: var(--color-dark);
    background-color: var(--color-bg-gray)
}

@media (max-width: 767px) {
    .c-form-password__input {
        width:100%;
        height: 4.8rem;
        padding: 1.2rem 2rem
    }
}

.c-form-password__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14rem;
    height: 5.6rem;
    text-align: center;
    background-color: var(--color-blue)
}

[data-page=connoisseur] .c-form-password__button {
    background-color: var(--color-gold)
}

@media (max-width: 767px) {
    .c-form-password__button {
        width:100%;
        height: 4.8rem
    }
}

.c-editor,.wp-editor {
    font-size: var(--font-size-body-lg)
}

.c-editor .has-white-color,.wp-editor .has-white-color {
    color: #fff
}

.c-editor .has-red-color,.wp-editor .has-red-color {
    color: #ff3535
}

.c-editor .has-gold-color,.wp-editor .has-gold-color {
    color: #a89469
}

.c-editor .has-blue-color,.wp-editor .has-blue-color {
    color: #5988c6
}

.c-editor .has-x-large-font-size,.wp-editor .has-x-large-font-size {
    font-size: var(--font-size-heading-md)
}

.c-editor .has-large-font-size,.wp-editor .has-large-font-size {
    font-size: var(--font-size-heading-sm)
}

.c-editor .has-medium-font-size,.wp-editor .has-medium-font-size {
    font-size: var(--font-size-body-lg)
}

.c-editor .has-small-font-size,.wp-editor .has-small-font-size {
    font-size: var(--font-size-body-sm)
}

.c-editor .wp-element-caption,.wp-editor .wp-element-caption {
    font-size: var(--font-size-body-sm)
}

.c-editor>:first-child,.wp-editor>:first-child {
    margin-top: 0!important
}

.c-editor a:not(.c-button-rect,.wp-element-button),.wp-editor a:not(.c-button-rect,.wp-element-button) {
    display: inline;
    background: -webkit-gradient(linear,left top,left bottom,from(var(--color-font-dark)),to(var(--color-font-dark))) 0 100%/100% 1px no-repeat;
    background: linear-gradient(var(--color-font-dark),var(--color-font-dark)) 0 100%/100% 1px no-repeat;
    -webkit-transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size
}

.c-editor a:not(.c-button-rect,.wp-element-button):hover,.wp-editor a:not(.c-button-rect,.wp-element-button):hover,a:hover .c-editor a:not(.c-button-rect,.wp-element-button),a:hover .wp-editor a:not(.c-button-rect,.wp-element-button) {
    background-position: 100% 100%;
    background-size: 0 1px
}

.c-editor .c-button-rect,.c-editor .wp-block-buttons,.wp-editor .c-button-rect,.wp-editor .wp-block-buttons {
    margin-top: 3.2rem;
    margin-bottom: 0
}

.c-editor .wp-block-buttons,.wp-editor .wp-block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-editor .wp-element-button,.wp-editor .wp-element-button {
    font-size: 1.4rem;
    font-weight: 350;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 32rem;
    min-height: 5.6rem;
    padding: 0 5rem;
    overflow: hidden;
    font-family: Cardo,var(--font-family-serif);
    color: #fff;
    background-color: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 0;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
    will-change: background-color
}

@media (hover: hover) and (pointer:fine) {
    .c-editor .wp-element-button:hover,.wp-editor .wp-element-button:hover {
        background-color:var(--color-blue-hover)
    }
}

@media (max-width: 1024px) {
    .c-editor .wp-element-button,.wp-editor .wp-element-button {
        font-size:1.2rem
    }
}

@media (max-width: 767px) {
    .c-editor .wp-element-button,.wp-editor .wp-element-button {
        width:100%;
        min-width: initial;
        padding: 0 4rem
    }
}

.c-editor .is-style-outline .wp-element-button,.wp-editor .is-style-outline .wp-element-button {
    border: 1px solid var(--color-border-dark-gray)
}

@media (hover: hover) and (pointer:fine) {
    .c-editor .is-style-outline .wp-element-button:hover,.wp-editor .is-style-outline .wp-element-button:hover {
        background-color:var(--color-white-hover)
    }
}

.c-editor .wp-block-columns,.wp-editor .wp-block-columns {
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4.8rem
}

.c-editor .wp-block-columns figure,.wp-editor .wp-block-columns figure {
    margin: 2rem 0 0
}

.c-editor .wp-block-columns figure>:first-child,.wp-editor .wp-block-columns figure>:first-child {
    margin-top: 0!important
}

.c-editor .wp-block-column>:first-child,.wp-editor .wp-block-column>:first-child {
    margin-top: 0!important
}

.c-editor h1,.c-editor h2,.wp-editor h1,.wp-editor h2 {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    padding: 3rem 0;
    margin-top: 8rem;
    margin-bottom: 4.8rem;
    font-family: var(--font-family-serif);
    border-top: 1px solid var(--color-border-gray);
    border-bottom: 5px solid var(--color-dark-blue)
}

.c-editor h3,.wp-editor h3 {
    font-size: var(--font-size-heading-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding: 0 0 0 2.4rem;
    margin-top: 8rem;
    margin-bottom: 4rem;
    font-family: var(--font-family-serif)
}

.c-editor h3:before,.wp-editor h3:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    content: "";
    background: #ffffff;
}

.c-editor h3:after,.wp-editor h3:after {
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-border-gray)
}

.c-editor h4,.wp-editor h4 {
    font-size: var(--font-size-heading-xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding: 0 0 0 2rem;
    margin-top: 5rem;
    margin-bottom: 3.2rem;
    font-family: var(--font-family-serif)
}

.c-editor h4:before,.wp-editor h4:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1rem;
    content: "";
    background: var(--color-blue);
    border-radius: 100%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)
}

.c-editor h4:after,.wp-editor h4:after {
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-border-gray)
}

.c-editor h5,.c-editor h6,.wp-editor h5,.wp-editor h6 {
    font-size: var(--font-size-heading-2xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-family: var(--font-family-serif)
}

.c-editor p,.wp-editor p {
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body);
    margin-top: 2rem
}

.c-editor p>:first-child,.wp-editor p>:first-child {
    margin-top: 0
}

.c-editor ul,.wp-editor ul {
    margin-top: 3.2rem;
    margin-bottom: 2rem
}

.c-editor ul li,.wp-editor ul li {
    position: relative;
    padding-left: 1em;
    text-align: justify
}
.c-editor .gallery li,.wp-editor .gallery li {
   position: static;
   padding: 0;
}

.is-en .c-editor ul li,.is-en .wp-editor ul li {
    text-align: left
}

.c-editor ul li:before,.wp-editor ul li:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    font-weight: bold;
    content: "・"
}
.c-editor .gallery li:before,.wp-editor .gallery li:before {
   display: none;
}

.c-editor ol,.wp-editor ol {
    margin-top: 3.2rem;
    margin-bottom: 2rem;
    counter-reset: circle 0
}

.c-editor ol li,.wp-editor ol li {
    position: relative;
    padding-left: 2.8rem;
    text-align: justify
}

.is-en .c-editor ol li,.is-en .wp-editor ol li {
    text-align: left
}

.c-editor ol li:before,.wp-editor ol li:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    display: block;
    width: 2.4rem;
    text-align: right;
    content: counter(circle) ".";
    counter-increment: circle 1
}

.c-editor dt,.wp-editor dt {
    font-weight: 700
}

.c-editor img,.wp-editor img {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem
}

.c-editor figure,.wp-editor figure {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem
}

.c-editor figure>img:first-child,.wp-editor figure>img:first-child {
    margin-top: 0
}

.c-editor figure img,.wp-editor figure img {
    margin-bottom: 0
}

.c-editor figcaption,.wp-editor figcaption {
    margin-top: 1.6rem;
    margin-bottom: 0
}

.c-editor table td,.c-editor table th,.wp-editor table td,.wp-editor table th {
    border-color: var(--color-border-gray);
    font-family: var(--font-family-serif);
}

.c-editor .plan_table,.wp-editor .plan_table {
    margin-bottom: 6rem
}

.c-editor .plan_table table,.wp-editor .plan_table table {
    border: none!important
}

.c-editor .plan_table tr>:first-child,.wp-editor .plan_table tr>:first-child {
    padding-top: 1.6rem;
    padding-right: 1.6rem;
    padding-bottom: 1.6rem;
    font-weight: 700;
    white-space: nowrap
}

.c-editor .plan_table tr>:first-child:after,.wp-editor .plan_table tr>:first-child:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--color-blue)
}

.c-editor .plan_table td,.wp-editor .plan_table td {
    position: relative;
    padding: 1.6rem 0 1.6rem 0.8rem;
    vertical-align: middle;
    border-right: none!important;
    border-bottom: 1px solid #ffffff87 !important;
    border-left: none!important
}

.c-editor hr,.wp-editor hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: 6rem 0;
    background-color: var(--color-border-gray);
    border: none
}

.c-editor strong,.wp-editor strong {
    font-weight: bold
}

.c-editor b,.wp-editor b {
    font-weight: 700
}

.c-editor blockquote,.wp-editor blockquote {
    position: relative;
    display: inline-block;
    padding: 1em
}

.c-editor blockquote:before,.wp-editor blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '"'
}

.c-editor blockquote:after,.wp-editor blockquote:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '"'
}

.c-editor pre,.wp-editor pre {
    display: block;
    padding: 0.6em;
    margin: 0 0 0.8em;
    font-size: 0.8em;
    line-height: 1.4;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px
}

.c-editor pre code,.wp-editor pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0
}

.c-editor strong,.wp-editor strong {
    font-weight: bold
}

.c-editor em,.wp-editor em {
    font-style: italic
}

.c-editor del,.wp-editor del {
    text-decoration: line-through
}

.c-editor .alignleft,.wp-editor .alignleft {
    margin-right: 0
}

.c-editor .alignright,.wp-editor .alignright {
    margin-left: 0
}

.c-editor .aligncenter,.wp-editor .aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
    clear: both
}

.c-editor img[class*=attachment-],.c-editor img[class*=wp-image-],.wp-editor img[class*=attachment-],.wp-editor img[class*=wp-image-] {
    max-width: 100%;
    height: auto
}

@media (max-width: 1024px) {
    .c-editor,.wp-editor {
    }

    .c-editor .c-button-rect,.c-editor .wp-element-button,.wp-editor .c-button-rect,.wp-editor .wp-element-button {
        margin-top: 2.8rem
    }

    .c-editor .wp-block-columns,.wp-editor .wp-block-columns {
        row-gap: 2rem;
        -webkit-column-gap: 1.2rem;
        -moz-column-gap: 1.2rem;
        column-gap: 1.2rem
    }

    .c-editor .wp-block-columns figure,.wp-editor .wp-block-columns figure {
        margin: 0.8rem 0 0
    }

    .c-editor .wp-block-columns figure>:first-child,.wp-editor .wp-block-columns figure>:first-child {
        margin-top: 0!important
    }

    .c-editor h1,.c-editor h2,.wp-editor h1,.wp-editor h2 {
        padding: 2.8rem 0;
        margin-top: 6.8rem;
        margin-bottom: 4.2rem;
        border-bottom: 4px solid var(--color-dark-blue)
    }

    .c-editor h3,.wp-editor h3 {
        padding: 0 0 0 1.6rem;
        margin-top: 6.8rem;
        margin-bottom: 4rem
    }

    .c-editor h3:after,.wp-editor h3:after {
        bottom: -1.8rem
    }

    .c-editor h4,.wp-editor h4 {
        padding: 0 0 0 1.6rem;
        margin-top: 4.8rem;
        margin-bottom: 3.2rem
    }

    .c-editor h4:before,.wp-editor h4:before {
        width: 0.8rem;
        height: 0.8rem;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    .c-editor h4:after,.wp-editor h4:after {
        bottom: -0.6rem
    }

    .c-editor h5,.c-editor h6,.wp-editor h5,.wp-editor h6 {
        margin-top: 3.2rem;
        margin-bottom: 2rem
    }

    .c-editor p,.wp-editor p {
        margin-top: 2.8rem
    }

    .c-editor ul,.wp-editor ul {
        margin-top: 2.8rem;
        margin-bottom: 1.6rem
    }

    .c-editor ol,.wp-editor ol {
        margin-top: 2.8rem;
        margin-bottom: 1.6rem
    }

    .c-editor ol li,.wp-editor ol li {
        padding-left: 2.8rem
    }

    .c-editor img,.wp-editor img {
        width: initial;
        max-width: 100%;
        height: auto;
        margin-top: 4.8rem;
        margin-bottom: 4.8rem;
        overflow: hidden
    }

    .c-editor figure,.wp-editor figure {
        margin-top: 4.8rem;
        margin-bottom: 4.8rem
    }

    .c-editor figcaption,.wp-editor figcaption {
        margin-top: 1.6rem
    }

    .c-editor hr,.wp-editor hr {
        margin: 4.8rem 0
    }
}

@media (max-width: 767px) {
    .c-editor .c-button-rect,.c-editor .wp-element-button,.wp-editor .c-button-rect,.wp-editor .wp-element-button {
        margin-top:2rem
    }

    .c-editor .col_img_right,.wp-editor .col_img_right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .c-editor h1,.c-editor h2,.wp-editor h1,.wp-editor h2 {
        padding: 2.5rem 0;
        margin-top: 6rem;
        margin-bottom: 4rem;
        border-bottom: 3px solid var(--color-dark-blue)
    }

    .c-editor h3,.wp-editor h3 {
        padding: 0 0 0 1.6rem;
        margin-top: 6rem;
        margin-bottom: 4rem
    }

    .c-editor h3:after,.wp-editor h3:after {
        bottom: -1.8rem
    }

    .c-editor h4,.wp-editor h4 {
        padding: 0 0 0 1.6rem;
        margin-top: 4rem;
        margin-bottom: 2.4rem
    }

    .c-editor h4:before,.wp-editor h4:before {
        width: 0.8rem;
        height: 0.8rem;
        -webkit-transform: translateY(-40%);
        transform: translateY(-40%)
    }

    .c-editor h4:after,.wp-editor h4:after {
        bottom: -0.6rem
    }

    .c-editor h5,.c-editor h6,.wp-editor h5,.wp-editor h6 {
        margin-top: 3.2rem;
        margin-bottom: 1.6rem
    }

    .c-editor p,.wp-editor p {
        margin-top: 2.4rem
    }

    .c-editor ul,.wp-editor ul {
        margin-top: 2.8rem;
        margin-bottom: 1.6rem
    }

    .c-editor ol,.wp-editor ol {
        margin-top: 2.8rem;
        margin-bottom: 1.6rem
    }

    .c-editor ol li,.wp-editor ol li {
        padding-left: 2.8rem
    }

    .c-editor img,.wp-editor img {
        width: initial;
        max-width: 100%;
        height: auto;
        margin-top: 4rem;
        margin-bottom: 4rem;
        overflow: hidden
    }

    .c-editor figure,.wp-editor figure {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .c-editor figcaption,.wp-editor figcaption {
        margin-top: 1.6rem
    }

    .c-editor hr,.wp-editor hr {
        margin: 4rem 0
    }

    .c-editor .wp-block-table,.wp-editor .wp-block-table {
        overflow-x: auto;
        overflow-y: hidden
    }

    .c-editor table,.wp-editor table {
        white-space: nowrap
    }

    .c-editor .plan_table table,.wp-editor .plan_table table {
        display: block;
        width: 100%
    }

    .c-editor .plan_table tr>:first-child,.wp-editor .plan_table tr>:first-child {
        padding: 1.6rem 0 0.8rem
    }

    .c-editor .plan_table td,.wp-editor .plan_table td {
        display: block;
        width: 100%;
        padding: 1.6rem 0
    }
}

.c-editor__footer {
    padding-top: 2rem;
    margin-top: 10rem;
    border-top: solid 1px var(--color-border-gray)
}

.c-editor__footer>:first-child {
    padding-top: 0!important
}

@media (max-width: 1024px) {
    .c-editor__footer {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .c-editor__footer {
        margin-top:6rem
    }
}

.c-post-video {
    margin-bottom: 8.8rem
}

@media (max-width: 1024px) {
    .c-post-video {
        margin-right:calc(var(--site-padding) * -1);
        margin-bottom: 7.2rem;
        margin-left: calc(var(--site-padding) * -1)
    }
}

@media (max-width: 767px) {
    .c-post-video {
        margin-bottom:6rem
    }
}

.c-post-video__inner iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

.c-post-slider {
    margin-bottom: 8.8rem
}

@media (max-width: 1024px) {
    .c-post-slider {
        margin-right:calc(var(--site-padding) * -1);
        margin-bottom: 7.2rem;
        margin-left: calc(var(--site-padding) * -1)
    }
}

@media (max-width: 767px) {
    .c-post-slider {
        margin-bottom:6rem
    }
}

.c-post-slider__item {
    aspect-ratio: 3/2
}

.c-post-slider__item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.c-post-slider__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1.2rem
}

@media (max-width: 1024px) {
    .c-post-slider__nav {
        margin-right:var(--site-padding)
    }
}

@media (max-width: 767px) {
    .c-post-navi {
        margin-right:calc(var(--site-padding) * -1);
        margin-left: calc(var(--site-padding) * -1)
    }
}

.c-post-navi__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4rem 0;
    border-top: 1px solid var(--color-border-gray);
    border-bottom: 1px solid var(--color-border-gray)
}

@media (max-width: 767px) {
    .c-post-navi__inner {
        padding:2.4rem 0
    }
}

.c-post-navi__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%;
}

.c-post-navi__item[data-type=prev] {
    padding-right: 4rem
}

.c-post-navi__item[data-type=next] {
    padding-left: 4rem
}

.c-post-navi__item:nth-child(2) {
    border-left: 1px solid var(--color-border-gray)
}

@media (max-width: 767px) {
    .c-post-navi__item[data-type=prev] {
        padding-right:2rem
    }

    .c-post-navi__item[data-type=next] {
        padding-left: 2rem
    }
}

.c-post-navi__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-type=prev] .c-post-navi__item-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.c-post-navi__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

[data-type=prev] .c-post-navi__item-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 767px) {
    .c-post-navi__item-inner {
        -webkit-box-align:initial;
        -ms-flex-align: initial;
        align-items: initial
    }
}

.c-post-navi__item-image {
    width: 12rem;
    aspect-ratio: 4/3
}

.c-post-navi__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 767px) {
    .c-post-navi__item-image {
        width:4rem;
        aspect-ratio: initial
    }
}

.c-post-navi__item-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 3rem;
    font-family: var(--font-family-serif)
}

[data-type=prev] .c-post-navi__item-label {
    text-align: right
}

@media (max-width: 1024px) {
    .c-post-navi__item-label {
        display:-webkit-box;
        /* overflow: hidden; */
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4
    }
}

@media (max-width: 767px) {
    .c-post-navi__item-label {
        padding:0 2rem;
        font-size: 1.1rem;
        -webkit-line-clamp: 3;
        color: white;
    }
}

@media (max-width: 767px) {
    .c-post-navi__item-icon {
        display:none
    }
}

.c-post-navi__index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .c-post-navi__index {
        margin-top:3.2rem
    }
}

@media (max-width: 767px) {
    .c-post-navi__index {
        margin-top:2.4rem
    }
}

@media (max-width: 767px) {
    .c-scroll-content {
        margin:0 calc(var(--site-padding) * -1);
        overflow: auto
    }

    .c-scroll-content::-webkit-scrollbar {
        display: none
    }
}

@media (max-width: 767px) {
    .c-scroll-content__inner {
        padding-left:var(--site-padding)
    }
}

.c-booking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3rem 0
}

@media (max-width: 1024px) {
    .c-booking {
        display:block;
        padding: 0
    }
}

.c-booking__date {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-column-gap: 2.0833333333vw;
    -moz-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    padding-right: 2.0833333333vw;
    border-right: solid 1px var(--color-border-gray)
}

@media (max-width: 1024px) {
    .c-booking__date {
        -webkit-column-gap:3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
}

@media (max-width: 767px) {
    .c-booking__date {
        -webkit-column-gap:4vw;
        -moz-column-gap: 4vw;
        column-gap: 4vw
    }
}

@media (max-width: 1024px) {
    .c-booking__date {
        width:100%;
        padding-right: 0;
        border-right: none
    }
}

.c-booking__date-picker {
    width: 50%
}

@media (max-width: 1024px) {
    .c-booking__date-picker {
        padding-bottom:0.6rem;
        border-bottom: solid 1px var(--color-border-gray)
    }
}

.c-booking__date-picker-label {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-xs);
    margin-bottom: 0.6rem
}

@media (max-width: 767px) {
    .c-booking__date-picker-label {
        font-size:1rem
    }
}

.c-booking__date-picker-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-booking__date-picker-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.c-booking__date-picker-item input {
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    width: 100%;
    font-family: var(--font-family-eng-sub)
}

@media (max-width: 767px) {
    .c-booking__date-picker-item input {
        font-size:1.6rem
    }
}

.c-booking__date-picker-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: 1.6rem;
    line-height: 1.2;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .c-booking__date-picker-icon {
        margin-left:0.8rem
    }
}

.c-booking__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 1024px) {
    .c-booking__num {
        -webkit-column-gap:1.5rem;
        -moz-column-gap: 1.5rem;
        column-gap: 1.5rem;
        width: 100%;
        padding-top: 2.4rem
    }
}

@media (max-width: 767px) {
    .c-booking__num {
        padding-top:2rem
    }
}

.c-booking__num-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: solid 1px var(--color-border-gray)
}

@media (max-width: 1024px) {
    .c-booking__num-item {
        padding-bottom:0.6rem;
        border-right: none;
        border-bottom: solid 1px var(--color-border-gray)
    }
}

.c-booking__select {
    text-align: center
}

.c-booking__select-label {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-xs);
    display: block;
    margin-bottom: 0.6rem
}

.c-booking__select-label small {
    margin-left: 0.4rem;
    font-size: 1rem
}

.c-booking__select-body {
    position: relative;
    width: 100%
}

.c-booking__select-body select {
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    width: 100%;
    font-family: var(--font-family-eng-sub)
}

@media (max-width: 767px) {
    .c-booking__select-body select {
        font-size:1.6rem
    }
}

.c-booking__select-icon {
    position: absolute;
    top: 50%;
    right: 2.0833333333vw;
    line-height: 1;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.c-booking__select-icon:before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: var(--color-dark) transparent transparent;
    border-style: solid;
    border-width: 5px 3px 0
}

.c-booking__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20rem;
    padding-left: 1.3888888889vw
}

@media (max-width: 1024px) {
    .c-booking__button {
        width:100%;
        padding-left: 0;
        margin-top: 2.4rem
    }
}

@media (max-width: 767px) {
    .c-booking__button {
        margin-top:2rem
    }
}

.c-booking__button-item {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 60rem;
    height: 100%;
    padding: 2rem;
    font-family: var(--font-family-serif);
    color: #fff;
    background: var(--color-dark-blue)
}

.c-booking__button-item:hover {
    color: #fff
}

.c-youtube iframe {
    width: 100%;
    aspect-ratio: 16/9
}

.c-pager .wp-pagenavi {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-none);
    letter-spacing: var(--letter-spacing-md);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: var(--font-family-eng)
}

.c-pager .nextpostslink,.c-pager .previouspostslink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2.4rem;
    height: 2.4rem;
    border-bottom: 1px solid var(--color-border-light-gray);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.c-pager .nextpostslink img,.c-pager .previouspostslink img {
    width: 0.6rem
}

.c-pager .page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2.4rem;
    height: 2.4rem;
    border-bottom: 1px solid var(--color-border-light-gray);
    -webkit-transition: 0.3s;
    transition: 0.3s
}

.c-pager .current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2.4rem;
    height: 2.4rem;
    border-bottom: 1px solid var(--color-dark)
}

.c-pager .extend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .c-pager .wp-pagenavi {
        -webkit-column-gap:0.4rem;
        -moz-column-gap: 0.4rem;
        column-gap: 0.4rem;
        font-size: 1.2rem
    }

    .c-pager .nextpostslink,.c-pager .previouspostslink {
        -ms-flex-preferred-size: 2.4rem;
        flex-basis: 2.4rem;
        max-width: 2.4rem;
        height: 2.4rem
    }

    .c-pager .nextpostslink .c-svg-angle-left,.c-pager .previouspostslink .c-svg-angle-left {
        width: 0.4rem
    }

    .c-pager .nextpostslink .c-svg-angle-right,.c-pager .previouspostslink .c-svg-angle-right {
        width: 0.4rem
    }

    .c-pager .page {
        -ms-flex-preferred-size: 2.4rem;
        flex-basis: 2.4rem;
        max-width: 2.4rem;
        height: 2.4rem
    }

    .c-pager .current {
        -ms-flex-preferred-size: 2.4rem;
        flex-basis: 2.4rem;
        max-width: 2.4rem;
        height: 2.4rem
    }
}

.flatpickr-calendar {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: 100%;
    max-width: 36rem;
    padding: 0;
    padding: 3rem;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    visibility: hidden;
    background: transparent;
    background: #fff;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    opacity: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr
}

.flatpickr-calendar.inline,.flatpickr-calendar.open {
    max-height: 640px;
    visibility: visible;
    opacity: 1
}

.flatpickr-calendar.open {
    z-index: 1000000;
    display: inline-block
}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23,1,0.32,1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23,1,0.32,1)
}

.flatpickr-calendar.inline {
    position: relative;
    top: 2px;
    display: block
}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none!important;
    box-shadow: none!important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0
}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto
}

.flatpickr-calendar:after,.flatpickr-calendar:before {
    position: absolute;
    left: 22px;
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    content: "";
    border: solid transparent
}

.flatpickr-calendar.arrowRight:after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before {
    right: 22px;
    left: auto
}

.flatpickr-calendar.arrowCenter:after,.flatpickr-calendar.arrowCenter:before {
    right: 50%;
    left: 50%
}

.flatpickr-calendar:before {
    margin: 0 -5px;
    border-width: 5px
}

.flatpickr-calendar:after {
    margin: 0 -4px;
    border-width: 4px
}

.flatpickr-calendar.arrowTop:after,.flatpickr-calendar.arrowTop:before {
    bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
    border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
    border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,.flatpickr-calendar.arrowBottom:before {
    top: 100%
}

.flatpickr-calendar.arrowBottom:before {
    border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
    border-top-color: #fff
}

.flatpickr-calendar:focus {
    outline: 0
}

.flatpickr-wrapper {
    position: relative;
    display: inline-block
}

.flatpickr-months {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.2rem
}

.flatpickr-months .flatpickr-month {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    height: 34px;
    overflow: hidden;
    line-height: 1;
    color: rgba(0,0,0,0.9);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    fill: rgba(0,0,0,0.9);
    -webkit-box-flex: 1
}

.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month {
    position: absolute;
    top: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    padding: 10px;
    color: rgba(0,0,0,0.9);
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: rgba(0,0,0,0.9)
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none
}

.flatpickr-months .flatpickr-next-month i,.flatpickr-months .flatpickr-prev-month i {
    position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0
}

.flatpickr-months .flatpickr-next-month:hover,.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9
}

.flatpickr-months .flatpickr-next-month:hover svg,.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: var(--color-blue)
}

.flatpickr-months .flatpickr-next-month svg,.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,.flatpickr-months .flatpickr-prev-month svg path {
    fill: inherit;
    -webkit-transition: fill 0.1s;
    transition: fill 0.1s
}

.numInputWrapper {
    position: relative;
    height: auto
}

.numInputWrapper input,.numInputWrapper span {
    display: inline-block
}

.numInputWrapper input {
    width: 100%
}

.numInputWrapper input::-ms-clear {
    display: none
}

.numInputWrapper input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

.numInputWrapper span {
    position: absolute;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 50%;
    padding: 0 4px 0 2px;
    line-height: 50%;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    opacity: 0
}

.numInputWrapper span:hover {
    background: rgba(0,0,0,0.1)
}

.numInputWrapper span:active {
    background: rgba(0,0,0,0.2)
}

.numInputWrapper span:after {
    position: absolute;
    display: block;
    content: ""
}

.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
    top: 26%;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    border-left: 4px solid transparent
}

.numInputWrapper span.arrowDown {
    top: 50%
}

.numInputWrapper span.arrowDown:after {
    top: 40%;
    border-top: 4px solid rgba(57,57,57,0.6);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent
}

.numInputWrapper span svg {
    width: inherit;
    height: auto
}

.numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5)
}

.numInputWrapper:hover {
    background: rgba(0,0,0,0.05)
}

.numInputWrapper:hover span {
    opacity: 1
}

.flatpickr-current-month {
    position: absolute;
    left: 12.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 75%;
    height: 34px;
    font-size: 135%;
    font-weight: 300;
    line-height: inherit;
    line-height: 1;
    color: inherit;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.flatpickr-current-month span.cur-month {
    display: inline-block;
    padding: 0;
    margin-left: 0.5ch;
    font-family: inherit;
    font-weight: 700;
    color: inherit
}

.flatpickr-current-month span.cur-month:hover {
    background: rgba(0,0,0,0.05)
}

.flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,0.9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: rgba(0,0,0,0.9)
}

.flatpickr-current-month input.cur-year {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    padding: 0 0 0 0.5ch;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    color: inherit;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    cursor: text;
    background: transparent;
    border: 0;
    border-radius: 0
}

.flatpickr-current-month input.cur-year:focus {
    outline: 0
}

.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,0.5);
    pointer-events: none;
    background: transparent
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0 0 0 0.5ch;
    margin: -1px 0 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    color: inherit;
    vertical-align: initial;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 0;
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background: rgba(0,0,0,0.05)
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    padding: 0;
    background-color: transparent;
    outline: none
}

.flatpickr-weekdays {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    height: 28px;
    overflow: hidden;
    text-align: center;
    background: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

span.flatpickr-weekday {
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    color: rgba(0,0,0,0.54);
    text-align: center;
    cursor: default;
    background: transparent;
    -webkit-box-flex: 1
}

.dayContainer,.flatpickr-weeks {
    padding: 1px 0 0
}

.flatpickr-days {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start
}

.flatpickr-days:focus {
    outline: 0
}

.dayContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0;
    text-align: left;
    outline: 0;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -ms-flex-pack: justify
}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14.2857143%;
    aspect-ratio: 1/1;
    margin: 0;
    font-weight: 400;
    color: var(--color-dark);
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 100%
}

.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover {
    cursor: pointer;
    background: #e6e6e6;
    border-color: #e6e6e6;
    outline: 0
}

.flatpickr-day.today {
    border-color: #959ea9
}

.flatpickr-day.today:focus,.flatpickr-day.today:hover {
    color: #fff;
    background: #959ea9;
    border-color: #959ea9
}

.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
    color: #fff;
    background: var(--color-blue);
    border-color: var(--color-blue);
    -webkit-box-shadow: none;
    box-shadow: none
}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 var(--color-blue);
    box-shadow: -10px 0 0 var(--color-blue)
}

.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px
}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay {
    color: rgba(57,57,57,0.3);
    cursor: default;
    background: transparent;
    border-color: transparent
}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover {
    color: rgba(57,57,57,0.1);
    cursor: not-allowed
}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 var(--color-blue),5px 0 0 var(--color-blue);
    box-shadow: -5px 0 0 var(--color-blue),5px 0 0 var(--color-blue)
}

.flatpickr-day.hidden {
    visibility: hidden
}

.rangeMode .flatpickr-day {
    margin-top: 1px
}

.flatpickr-weekwrapper {
    float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,0.3);
    cursor: default;
    background: transparent;
    border: none
}

.flatpickr-innerContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    overflow: hidden
}

.flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0
}

.flatpickr-time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    height: 0;
    max-height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    outline: 0
}

.flatpickr-time:after {
    display: table;
    clear: both;
    content: ""
}

.flatpickr-time .numInputWrapper {
    -ms-flex: 1;
    flex: 1;
    float: left;
    width: 40%;
    height: 40px;
    -webkit-box-flex: 1
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
    border-bottom-color: var(--color-dark)
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
    border-top-color: var(--color-dark)
}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%
}

.flatpickr-time input {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: inherit;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: inherit;
    color: var(--color-dark);
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.flatpickr-time input.flatpickr-hour {
    font-weight: bold
}

.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400
}

.flatpickr-time input:focus {
    border: 0;
    outline: 0
}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
    -ms-grid-row-align: center;
    align-self: center;
    float: left;
    width: 2%;
    height: inherit;
    font-weight: bold;
    line-height: inherit;
    color: var(--color-dark);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-item-align: center
}

.flatpickr-time .flatpickr-am-pm {
    width: 18%;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    outline: 0
}

.flatpickr-time .flatpickr-am-pm:focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover {
    background: #eee
}

.flatpickr-input[readonly] {
    cursor: pointer
}

@-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.c-language-switcher {
    display: none
}

.c-scrollable {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 12rem;
    height: 12rem;
    overflow: hidden;
    background-color: rgba(255,255,255,0.9);
    border-radius: 100%;
    -webkit-transform: translate(-50%,calc(-50% - 2.6rem));
    transform: translate(-50%,calc(-50% - 2.6rem))
}

.is-hide .c-scrollable {
    display: none
}

@media (max-width: 1024px) {
    .c-scrollable {
        display:none
    }
}

.c-scrollable__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-animation: swipe 1.5s cubic-bezier(0.61,1,0.88,1) infinite;
    animation: swipe 1.5s cubic-bezier(0.61,1,0.88,1) infinite
}

@-webkit-keyframes swipe {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.5rem,0%);
        transform: translate(1.5rem,0%)
    }

    20% {
        opacity: 1;
        -webkit-transform: translate(1.5rem,0%);
        transform: translate(1.5rem,0%)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(-1.5rem,0%);
        transform: translate(-1.5rem,0%)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-1.5rem,0%);
        transform: translate(-1.5rem,0%)
    }
}

@keyframes swipe {
    0% {
        opacity: 0;
        -webkit-transform: translate(1.5rem,0%);
        transform: translate(1.5rem,0%)
    }

    20% {
        opacity: 1;
        -webkit-transform: translate(1.5rem,0%);
        transform: translate(1.5rem,0%)
    }

    80% {
        opacity: 1;
        -webkit-transform: translate(-1.5rem,0%);
        transform: translate(-1.5rem,0%)
    }

    to {
        opacity: 0;
        -webkit-transform: translate(-1.5rem,0%);
        transform: translate(-1.5rem,0%)
    }
}

.p-top {
    position: relative
}

.p-top-kv {
    position: relative;
    z-index: 0;
    height: 100vh;
    height: 100svh;
    color: #fff;
    /* background-color: var(--color-dark-blue); */
    background-image: url(/assets/img/cmn_bg.jpg);
    
    
    @charset "UTF-8";:
    root {
    --color-dark: #1a1a1a;
    --color-black: #000;
    --color-blue: #5988c6;
    --color-blue-hover: #476d9e;
    --color-dark-blue: #274875;
    --color-dark-blue-hover: #1f3a5e;
    --color-white-hover: #eeebe7;
    --color-en-bllue: #88ade2;
    --color-gold: #a89469;
    --color-gold-hover: #867654;
    --color-brown: #332727;
    --color-gray: #eeebe7;
    --color-beige: #d1c3bc;
    --color-font-dark: #1a1a1a;
    --color-bg-primary: #f9f8f6;
    --color-bg-gray: #eeebe7;
    --color-bg-light-gray: #f4f2ef;
    --color-bg-dark-blue: #30517b;
    --color-bg-dark: #171513;
    --color-border-gray: rgba(0,0,0,0.12);
    --color-border-dark-gray: rgba(0,0,0,0.25);
    --color-border-light-gray: rgba(0,0,0,0.06);
    --color-border-white-gray: rgba(255,255,255,0.3);
    --color-link: #1a1a1a;
    --color-link-hover: #1a1a1a;
    --color-facebook: #5aa8df;
    --color-instagram: #1a1a1a;
    --color-twitter: #3b5998;
    --color-line: #00c600;
    --font-size-body-xl: 1.6rem;
    --font-size-body-lg: 1.5rem;
    --font-size-body-md: 1.4rem;
    --font-size-body-sm: 1.3rem;
    --font-size-body-xs: 1.2rem;
    --font-size-body-2xs: 1.1rem;
    --font-size-body-3xs: 1rem;
    --font-size-heading-2xl: 4.4rem;
    --font-size-heading-xl: 4rem;
    --font-size-heading-lg: 3.2rem;
    --font-size-heading-md: 2.4rem;
    --font-size-heading-sm: 2rem;
    --font-size-heading-xs: 1.8rem;
    --font-size-heading-2xs: 1.6rem;
    --font-size-heading-3xs: 1.4rem;
    --font-size-heading-4xs: 1.2rem;
    --font-weight-normal: 350;
    --font-weight-medium: 500;
    --line-height-body: 2;
    --line-height-body-sm: 1.8;
    --line-height-heading: 1.6;
    --line-height-copy: 1.7;
    --line-height-heading-eng: 1.2;
    --letter-spacing-body: 0.1em;
    --letter-spacing-heading: 0.1em;
    --letter-spacing-heading-en: 0.06em;
    --letter-spacing-copy: 0.1em;
    --letter-spacing-xxl: 0.2em;
    --letter-spacing-xl: 0.15em;
    --letter-spacing-l: 0.12em;
    --letter-spacing-m: 0.1em;
    --letter-spacing-s: 0.05em;
    --letter-spacing-xs: 0.02em;
    --letter-spacing-no: 0;
    --font-family-sans: "Inter","Noto Sans JP",hiragino-kaku-gothic-pron,"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic",yugothic,meiryo,sans-serif;
    --font-family-serif: "notoSerifJp","Noto Serif JP","游明朝","Yu Mincho",yumincho,"Hiragino Mincho Pro",serif;
    --font-family-eng: "Cardo",serif;
    --font-family-eng-sub: "Inter",sans-serif;
    --font-family-eng-connoisseur: "Cormorant",serif;
    --site-padding: 6.25vw;
    --space-section-lg: 22rem;
    --space-section-md: 15rem;
    --space-section-sm: 10rem;
    --space-element-3xl: 12rem;
    --space-element-2xl: 9.6rem;
    --space-element-xl: 8rem;
    --space-element-lg: 6.4rem;
    --space-element-md: 4.8rem;
    --space-element-sm: 3.6rem;
    --space-element-xs: 2.4rem;
    --space-element-2xs: 1.6rem;
    --space-element-3xs: 1.2rem;
    --space-element-4xs: 0.8rem;
    --header-height: 8rem}
    @media (max-width: 1024px) {
    :root {
        --font-size-heading-2xl:4rem;
    --font-size-heading-xl: 3.6rem;
    --font-size-heading-lg: 2.8rem;
    --font-size-heading-md: 2.2rem;
    --font-size-heading-sm: 1.8rem;
    --font-size-heading-xs: 1.6rem;
    --font-size-heading-2xs: 1.5rem;
    --font-size-heading-3xs: 1.4rem;
    --font-size-heading-4xs: 1.2rem;
    --space-section-lg: 14rem;
    --space-section-md: 12rem;
    --space-section-sm: 8rem;
    --space-element-3xl: 10.4rem;
    --space-element-2xl: 8.8rem;
    --space-element-xl: 7.2rem;
    --space-element-lg: 5.6rem;
    --space-element-md: 4rem;
    --space-element-sm: 2.8rem;
    --space-element-xs: 2.2rem;
    --space-element-2xs: 1.6rem;
    --space-element-3xs: 1.2rem;
    --space-element-4xs: 0.8rem}
}
    @media (max-width: 767px) {
    :root {
        --font-size-body-xl:1.5rem;
    --font-size-body-lg: 1.4rem;
    --font-size-body-md: 1.3rem;
    --font-size-body-sm: 1.2rem;
    --font-size-body-xs: 1.1rem;
    --font-size-body-2xs: 1rem;
    --font-size-body-3xs: 1rem;
    --font-size-heading-2xl: 3.2rem;
    --font-size-heading-xl: 2.8rem;
    --font-size-heading-lg: 2.4rem;
    --font-size-heading-md: 1.9rem;
    --font-size-heading-sm: 1.7rem;
    --font-size-heading-xs: 1.5rem;
    --font-size-heading-2xs: 1.4rem;
    --font-size-heading-3xs: 1.3rem;
    --font-size-heading-4xs: 1.1rem;
    --site-padding: min(8vw,4rem);
    --space-section-lg: 10rem;
    --space-section-md: 8rem;
    --space-section-sm: 6rem;
    --space-element-3xl: 8rem;
    --space-element-2xl: 6.4rem;
    --space-element-xl: 5.6rem;
    --space-element-lg: 4.8rem;
    --space-element-md: 3.2rem;
    --space-element-sm: 2.4rem;
    --space-element-xs: 2rem;
    --space-element-2xs: 1.4rem;
    --space-element-3xs: 1rem;
    --space-element-4xs: 0.6rem;
    --header-height: 7rem}
}

:
    root [data-page=connoisseur] {
    --color-blue: var(--color-gold);
    --color-blue-hover: var(--color-gold-hover);
    --color-dark-blue: var(--color-gold-hover);
    --color-dark-blue-hover: var(--color-gold-hover);
    --font-family-sans: var(--font-family-serif)}

.is-en {
    --line-height-body: 1.8;
    --line-height-body-sm: 1.6;
    --line-height-heading: 1.5;
    --line-height-copy: 1.5;
    --line-height-heading-eng: 1.2;
    --font-family-sans: "Inter",sans-serif;
    --font-family-serif: "Cardo",serif;
    --letter-spacing-body: 0.04em;
    --letter-spacing-heading: 0.04em;
    --letter-spacing-heading-en: 0.06em;
    --letter-spacing-copy: 0.04em;
    --letter-spacing-xxl: 0.12em;
    --letter-spacing-xl: 0.1em;
    --letter-spacing-l: 0.06em;
    --letter-spacing-m: 0.04em;
    --letter-spacing-s: 0.02em;
    --letter-spacing-xs: 0.01em;
    --letter-spacing-no: 0}

.is-en [
    data-page=connoisseur] {
    --font-family-sans: "Cardo",serif;
    --font-family-serif: "Cardo",serif}

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,:
    after,:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-style: solid;
    border-width: 0}
    html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent}
    body {
    margin: 0}
    main {
    display: block;
    background-image: url(/assets/img/cmn_bg.jpg);
}
    address,blockquote,dl,figure,form,iframe,p,pre,table {
    margin: 0}
    h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit}
    ol,ul {
    padding: 0;
    margin: 0;
    list-style: none}
    dt {
    font-weight: bold}
    dd {
    margin-left: 0}
    hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    margin: 0;
    overflow: visible;
    clear: both;
    color: inherit;
    border-top-width: 1px}
    pre {
    font-family: monospace,monospace;
    font-size: inherit}
    address {
    font-style: inherit}
    a {
    color: inherit;
    text-decoration: none;
    background-color: transparent}
    abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted}
    b,strong {
    font-weight: bolder}
    code,kbd,samp {
    font-family: monospace,monospace;
    font-size: inherit}
    small {
    font-size: 80%}
    sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline}
    sub {
    bottom: -0.25em}
    sup {
    top: -0.5em}
    embed,iframe,img,object,svg {
    vertical-align: bottom}
    button,input,optgroup,select,textarea {
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    text-align: inherit;
    text-transform: inherit;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    background: transparent;
    border-radius: 0}

[
    type=button],[type=reset],[type=submit],button {
    cursor: pointer}

[
    type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled {
    cursor: default}

:
    -moz-focusring {
    outline: auto}
    select:disabled {
    opacity: inherit}
    option {
    padding: 0}
    fieldset {
    min-width: 0;
    padding: 0;
    margin: 0}
    legend {
    padding: 0}
    progress {
    vertical-align: baseline}
    textarea {
    overflow: auto}

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

[
    type=search] {
    outline-offset: -2px}

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

::
    -webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
    appearance: button}

[
    type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield}
    label[for] {
    cursor: pointer}
    details {
    display: block}
    summary {
    display: list-item}

[
    contenteditable]:focus {
    outline: auto}
    table {
    border-collapse: collapse;
    border-color: inherit}
    caption {
    text-align: left}
    td,th {
    padding: 0;
    vertical-align: top}
    th {
    font-weight: bold;
    text-align: left}
    html {
    font-size: 10px}
    html.is-modal-show {
    overflow: hidden}
    @media (max-width: 1024px) {
    html {
        font-size:10px}
}
    @media (max-width: 767px) {
    html {
        font-size:10px}
}
    body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: hidden;
    overscroll-behavior-y: none;
    font-family: var(--font-family-sans);
    font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-normal);
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-optical-sizing: auto;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    line-height: var(--line-height-body);
    color: #ffffff;
    letter-spacing: var(--letter-spacing-body);
    word-wrap: break-word;
    white-space: normal;
    vertical-align: baseline;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: var(--color-bg-primary)}

.is-unscroll
    body {
    overflow: hidden}

.has-scroll-smooth
    body {
    height: 100%;
    overflow: hidden}
    body.is-invert {
    color: #fff}
    h1,h2,h3,h4,h5,h6 {
    font-weight: var(--font-weight-medium)}
    a {
    color: #ffffff;
    -webkit-tap-highlight-color: transparent}
    a:hover {
    color: var(--color-font-dark);
    text-decoration: none}
    a:focus {
    text-decoration: none}

:
    active,:focus,:hover,:visited,a,a:active,a:focus,a:hover,a:visited {
    text-decoration: none;
    outline: none!important}
    blockquote {
    margin: 0}
    button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    cursor: pointer}
    button[disabled],html input[disabled] {
    cursor: default}
    img {
    max-width: 100%;
    height: auto;
    vertical-align: bottom}

.lenis.lenis-smooth {
    scroll-behavior: auto}

.lenis.lenis-smooth [
    data-lenis-prevent] {
    -ms-scroll-chaining: none;
    overscroll-behavior: contain}

.lenis.lenis-stopped {
    overflow: hidden}

.lenis.lenis-scrolling
    iframe {
    pointer-events: none}

.l-container {
    width: 100%;
    max-width: calc(168rem + var(--site-padding) * 2);
    padding-right: var(--site-padding);
    padding-left: var(--site-padding);
    margin: 0 auto}

.l-wrapper {
    position: relative;
    width: 100%}

.l-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.l-header__inner {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 0 6rem;
    -webkit-transition: opacity 0.3s cubic-bezier(0.33,1,0.68,1),visibility 0.3s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.3s cubic-bezier(0.33,1,0.68,1),visibility 0.3s cubic-bezier(0.33,1,0.68,1)}

.is-header-hide .l-header__inner {
    pointer-events: none;
    visibility: hidden;
    opacity: 0}

.is-gnav-open .l-header__inner {
    pointer-events: initial;
    visibility: visible;
    opacity: 1}
    @media (max-width: 1024px) {
    .l-header__inner {
        padding:0 4rem}
}
    @media (max-width: 767px) {
    .l-header__inner {
        padding:0 2rem}
}

.l-header__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0;
    flex: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: var(--header-height)}

.l-header__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: var(--header-height);
    padding-right: 7.2rem}

[
    data-page=connoisseur] .l-header__body {
    padding-right: 0}
    @media (max-width: 1024px) {
    [data-page=connoisseur] .l-header__body {
        display:-webkit-box;
    display: -ms-flexbox;
    display: flex}
}
    @media (max-width: 767px) {
    .l-header__body {
        padding-right:6.4rem}
}

.l-header-logo {
    width: 20rem}
    @media (max-width: 767px) {
    .l-header-logo {
        width:16rem}
}

.l-header-logo__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.l-header-logo__svg {
    width: 20rem;
    height: 1.7005rem;
    fill: #000;
    -webkit-transition: fill 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: fill 0.5s cubic-bezier(0.33,1,0.68,1)}

.is-header-invert .l-header-logo__svg {
    fill: #fff}

.is-scrolled .l-header-logo__svg {
    fill: #000}

.is-megamenu-open .l-header-logo__svg {
    fill: #000}
    @media (max-width: 767px) {
    .l-header-logo__svg {
        width:16rem;
    height: 1.36rem}
}

.l-header-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    height: 2rem;
    padding-right: min(1.6666666667vw,3.2rem);
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1)}

.is-header-invert .l-header-gnav {
    border-color: rgba(255,255,255,0.2)}

.is-scrolled .l-header-gnav {
    border-right: 1px solid rgba(0,0,0,0.2)}

.is-megamenu-open .l-header-gnav {
    border-right: 1px solid rgba(0,0,0,0.2)}
    @media (width <= 1160px) {
    .l-header-gnav {
        display: none}
}
    @media (max-width: 1024px) {
    .l-header-gnav {
        display:none}
}

.l-header-gnav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: min(1.6666666667vw,2.4rem);
    -moz-column-gap: min(1.6666666667vw,2.4rem);
    column-gap: min(1.6666666667vw,2.4rem);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%}
    @media (max-width: 1024px) {
    .l-header-gnav__menu {
        display:block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 3.2rem 0}
}
    @media (max-width: 767px) {
    .l-header-gnav__menu {
        display:block;
    padding: 3.2rem 0}
}

.l-header-gnav__menu-item {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    height: 100%;
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .l-header-gnav__menu-item {
        height:initial;
    padding: 0.8rem 0;
    font-size: 1.8rem;
    letter-spacing: 0.08em}
}
    @media (max-width: 767px) {
    .l-header-gnav__menu-item {
        padding:0.8rem 0;
    font-size: 1.6rem}
}

.l-header-gnav__menu-link {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    color: var(--color-font-dark);
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1)}

.l-header-gnav__menu-link:
    after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: var(--header-height);
    content: ""}

.is-header-invert .l-header-gnav__menu-link {
    color: #fff}

.is-scrolled .l-header-gnav__menu-link {
    color: var(--color-font-dark)}

.is-megamenu-open .l-header-gnav__menu-link {
    color: var(--color-font-dark)}

.is-current .l-header-gnav__menu-link:
    after,.is-open .l-header-gnav__menu-link:after {
    opacity: 1}
    @media (hover: hover) and (pointer:fine) {
    .l-header-gnav__menu-link:hover {
        opacity:0.5}
}

.l-header-gnav__dropdown {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    padding: var(--header-height) 6rem 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.2s cubic-bezier(0.33,1,0.68,1) 0s,visibility 0.2s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: opacity 0.2s cubic-bezier(0.33,1,0.68,1) 0s,visibility 0.2s cubic-bezier(0.33,1,0.68,1) 0s}

.is-open .l-header-gnav__dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s,visibility 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s;
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s,visibility 0.5s cubic-bezier(0.33,1,0.68,1) 0.2s}

.is-header-hide .l-header-gnav__dropdown {
    visibility: hidden;
    opacity: 0;
    -webkit-transition-delay: 0s;
    transition-delay: 0s}
    @media (max-width: 1024px) {
    .l-header-gnav__dropdown {
        display:none}
}

.l-header-gnav__dropdown-wrap {
    padding: 3rem 0 4rem;
    border-top: solid 1px var(--color-border-gray)}

.l-header-gnav__dropdown-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -2rem}

.l-header-gnav__dropdown-menu-item {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    width: 20%;
    padding: 0 2rem}

.l-header-gnav__dropdown-menu-item>
    a {
    position: relative;
    display: block;
    -webkit-transition: opacity 0.6s;
    transition: opacity 0.6s}

.l-header-gnav__dropdown-menu-item>
    a:hover {
    color: var(--color-dark);
    opacity: 0.6}

.l-header-gnav__dropdown-menu-img
    img {
    width: 100%}

.l-header-gnav__dropdown-menu-label {
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 1.2rem;
    text-align: center}

.l-header-member-ship {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    padding: 0 min(1.6666666667vw,3.2rem);
    font-family: var(--font-family-eng);
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1)}

.is-header-invert .l-header-member-ship {
    border-color: rgba(255,255,255,0.2)}

.is-scrolled .l-header-member-ship {
    border-right: 1px solid rgba(0,0,0,0.2)}

.is-megamenu-open .l-header-member-ship {
    border-right: 1px solid rgba(0,0,0,0.2)}
    @media (width <= 1160px) {
    .l-header-member-ship {
        display: none}
}
    @media (max-width: 1024px) {
    .l-header-member-ship {
        display:none}
}

.l-header-member-ship__link {
    position: relative;
    color: var(--color-font-dark);
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1)}

.l-header-member-ship__link:
    after {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: var(--header-height);
    content: ""}

.is-header-invert .l-header-member-ship__link {
    color: #fff}

.is-scrolled .l-header-member-ship__link {
    color: var(--color-font-dark)}

.is-megamenu-open .l-header-member-ship__link {
    color: var(--color-font-dark)}
    @media (hover: hover) and (pointer:fine) {
    .l-header-member-ship__link:hover {
        opacity:0.5}
}

.l-header-language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 2rem;
    padding: 0 min(1.6666666667vw,3.2rem);
    border-right: 1px solid rgba(0,0,0,0.2);
    -webkit-transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: border-color 0.5s cubic-bezier(0.33,1,0.68,1)}

.is-header-invert .l-header-language {
    border-color: rgba(255,255,255,0.2)}

.is-scrolled .l-header-language {
    border-right: 1px solid rgba(0,0,0,0.2)}

.is-megamenu-open .l-header-language {
    border-right: 1px solid rgba(0,0,0,0.2)}

[
    data-page=connoisseur] .l-header-language {
    padding-right: 0;
    border: none}
    @media (max-width: 1024px) {
    .l-header-language {
        padding:0 2.4rem}
}
    @media (max-width: 767px) {
    .l-header-language {
        padding:0 1.6rem}
}

.l-header-language__item {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng)}

.l-header-language__item
    a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: var(--color-font-dark);
    opacity: 0.5;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),color 0.5s cubic-bezier(0.33,1,0.68,1)}

.l-header-language__item
    a.is-current {
    opacity: 1}

.is-header-invert .l-header-language__item
    a {
    color: #fff}

.is-scrolled .l-header-language__item
    a {
    color: var(--color-font-dark)}

.is-megamenu-open .l-header-language__item
    a {
    color: var(--color-font-dark)}
    @media (hover: hover) and (pointer:fine) {
    .l-header-language__item a:hover {
        opacity:1}
}
    @media (max-width: 1024px) {
    .l-header-language__item {
        font-size:1.2rem}
}

.l-header-language__bar {
    width: 1px;
    height: 1.1rem;
    margin: 0 0.8rem;
    background-color: var(--color-font-dark);
    opacity: 0.5;
    -webkit-transition: background-color 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: background-color 0.5s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg)}

.is-header-invert .l-header-language__bar {
    background-color: #fff}

.is-scrolled .l-header-language__bar {
    background-color: var(--color-font-dark)}

.is-megamenu-open .l-header-language__bar {
    background-color: var(--color-font-dark)}

.l-header-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: var(--color-bg-primary);
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-filter 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: -webkit-transform 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-filter 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: transform 0.5s cubic-bezier(0.33,1,0.68,1),filter 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: transform 0.5s cubic-bezier(0.33,1,0.68,1),filter 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.5s cubic-bezier(0.33,1,0.68,1),-webkit-filter 0.5s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%);
    will-change: box-shadow}

.is-scrolled .l-header-bg {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}

.is-header-hide .l-header-bg {
    -webkit-transform: translateY(-101%);
    transform: translateY(-101%)}

.is-megamenu-open .l-header-bg {
    -webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05);
    box-shadow: 0 10px 30px 0 rgba(0,0,0,0.05);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}

.is-gnav-open .l-header-bg {
    pointer-events: initial;
    visibility: visible;
    -webkit-filter: none;
    filter: none;
    opacity: 1}

.l-header-overlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    background-color: rgba(0,0,0,0.3);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    will-change: opacity,backdrop-filter}

.is-gnav-open .l-header-overlay {
    pointer-events: initial;
    visibility: visible}

.c-link-anim__item {
    display: inline;
    background: -webkit-gradient(linear,left top,left bottom,from(currentcolor),to(currentcolor)) 100% 100%/0 1px no-repeat;
    background: linear-gradient(currentcolor,currentcolor) 100% 100%/0 1px no-repeat;
    -webkit-transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size}

.c-link-anim__item:
    hover,a:hover .c-link-anim__item {
    background-position: 0 100%;
    background-size: 100% 1px}

.c-link-anim-2,.c-table__desc
    a:not(.c-button,.c-button-rect) {
    display: inline;
    background: -webkit-gradient(linear,left top,left bottom,from(currentcolor),to(currentcolor)) 0 100%/100% 1px no-repeat;
    background: linear-gradient(currentcolor,currentcolor) 0 100%/100% 1px no-repeat;
    -webkit-transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size}

.c-link-anim-2:
    hover,.c-table__desc a:hover a:not(.c-button,.c-button-rect),.c-table__desc a:hover:not(.c-button,.c-button-rect),a:hover .c-link-anim-2,a:hover .c-table__desc a:not(.c-button,.c-button-rect) {
    background-position: 100% 100%;
    background-size: 0 1px}

.l-footer {
    position: relative;
    z-index: 1}

[
    data-page=connoisseur] .l-footer {
    color: #fff;
    background-color: var(--color-black)}

[
    data-page=connoisseur] .l-footer a {
    color: #fff}

.l-footer__wrapper {
    padding-top: 8rem;
    padding-bottom: 4.8rem}
    @media (max-width: 1024px) {
    .l-footer__wrapper {
        padding-top:6rem;
    padding-bottom: 3.2rem}
}
    @media (max-width: 767px) {
    .l-footer__wrapper {
        padding-top:4.8rem;
    padding-bottom: 2rem}
}

.l-footer__top {
    padding-bottom: 4.8rem}
    @media (max-width: 1024px) {
    .l-footer__top {
        padding-bottom:4rem}
}
    @media (max-width: 767px) {
    .l-footer__top {
        padding-bottom:3.2rem}
}

.l-footer__top-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

.l-footer__medium {
    padding-top: 4.8rem;
    padding-bottom: 3.2rem;
    border-top: 1px solid var(--color-border-gray)}

[
    data-page=connoisseur] .l-footer__medium {
    padding-top: 4.8rem;
    padding-bottom: 4.8rem;
    border-top: 1px solid var(--color-border-white-gray)}
    @media (max-width: 1024px) {
    .l-footer__medium {
        padding-top:4rem;
    padding-bottom: 2.4rem}

    [data-page=connoisseur] .l-footer__medium {
    padding-top: 4rem;
    padding-bottom: 4rem}
}
    @media (max-width: 767px) {
    .l-footer__medium {
        padding-top:3.2rem}

    [data-page=connoisseur] .l-footer__medium {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem}
}

.l-footer__medium-bottom {
    position: relative;
    margin-top: 10rem}
    @media (max-width: 1024px) {
    .l-footer__medium-bottom {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .l-footer__medium-bottom {
        margin-top:3.2rem}
}

.l-footer__medium-bottom-inner {
    -webkit-box-align: end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important}

[
    data-page=connoisseur] .l-footer__medium-bottom-inner {
    -webkit-box-align: center!important;
    -ms-flex-align: center!important;
    align-items: center!important}

.l-footer__bottom {
    width: 100%;
    padding-top: 3.2rem;
    border-top: 1px solid var(--color-border-gray)}

[
    data-page=connoisseur] .l-footer__bottom {
    border-top: 1px solid var(--color-border-white-gray)}

.l-footer__bottom-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem}

.l-footer__bottom-inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.l-footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}
    @media (max-width: 1024px) {
    .l-footer__row {
        display:block}
}

.l-footer__col {
}

.l-footer__col:
    first-child {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

[
    data-page=connoisseur] .l-footer__col:last-child {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    max-width: auto}
    @media (max-width: 1024px) {
    .l-footer__col:last-child {
        max-width:100%}
}

.l-footer-logo__link {
    display: block}

.l-footer-logo__svg {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30rem;
    height: 2.5508rem}

[
    data-page=connoisseur] .l-footer-logo__svg {
    fill: #fff}
    @media (max-width: 1024px) {
    .l-footer-logo__svg {
        width:24rem;
    height: 2.041rem}
}
    @media (max-width: 767px) {
    .l-footer-logo__svg {
        width:18rem;
    height: 1.53rem}
}

.l-footer-pagetop {
    width: 2rem;
    margin-left: auto}
    @media (max-width: 767px) {
    .l-footer-pagetop {
        width:1.6rem}
}

.l-footer-pagetop__link {
    display: block;
    width: 100%;
    height: 100%}

.l-footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}

.l-footer-nav__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 28.57%;
    flex-basis: 28.57%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    max-width: 28.57%}

.l-footer-nav__menu:
    last-child {
    padding-left: 2rem}
    @media (max-width: 1024px) {
    .l-footer-nav__menu {
        -ms-flex-preferred-size:50%;
    flex-basis: 50%;
    max-width: 50%}

    .l-footer-nav__menu:
    last-child {
        padding-left: 0}
}

.l-footer-nav__menu-item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .l-footer-nav__menu-item {
        font-size:1.1rem}
}

.l-footer-contact {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .l-footer-contact {
        margin-top:3.2rem}
}

.l-footer-contact__link {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    width: 24rem;
    padding: 1.3rem 2rem;
    font-family: var(--font-family-serif);
    color: #fff;
    text-align: center;
    background: var(--color-dark-blue)}
    @media (hover: hover) and (pointer:fine) {
    .l-footer-contact__link:hover {
        color:#fff}
}
    @media (max-width: 767px) {
    .l-footer-contact__link {
        width:100%;
    font-size: 1.2rem}
}

.l-footer-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.8rem}
    @media (max-width: 1024px) {
    .l-footer-button {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .l-footer-button {
        margin-top:3.2rem}
}

.l-footer-button__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 2rem 2rem 3rem;
    border: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .l-footer-button__item-link {
        padding:1.6rem 2rem 1.6rem 2.4rem}
}
    @media (max-width: 767px) {
    .l-footer-button__item-link {
        padding:1.2rem 2rem 1.2rem 2rem}
}

.l-footer-button__item-icon {
    line-height: 1}

.l-footer-button__item-body {
    padding: 0 3rem}
    @media (max-width: 1024px) {
    .l-footer-button__item-body {
        padding:0 2.4rem}
}
    @media (max-width: 767px) {
    .l-footer-button__item-body {
        padding:0 2rem}
}

.l-footer-button__item-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: 0.02em;
    font-family: var(--font-family-eng)}

.l-footer-button__item-heading
    span {
    margin-left: 0.4rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .l-footer-button__item-heading {
        font-size:1.4rem}
}

.l-footer-button__item-text {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-xl);
    margin-top: 0.4rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .l-footer-button__item-text {
        font-size:1rem}
}

.l-footer-button__item-icon-arrow {
    margin-left: auto}

.l-footer-address {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 3.2rem;
    font-family: var(--font-family-serif)}

[
    data-page=connoisseur] .l-footer-address {
    margin-bottom: 0}
    @media (max-width: 1024px) {
    .l-footer-address {
        margin-bottom:3.2rem}

    [data-page=connoisseur] .l-footer-address {
    margin-bottom: 0}
}
    @media (max-width: 1024px) {
    .l-footer-sns {
        position:absolute;
    right: 0;
    bottom: 0;
    margin-top: 3.2rem}

    [data-page=connoisseur] .l-footer-sns {
    position: static;
    margin-top: 0}
}

.l-footer-sns__heading {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2 var(--letter-spacing-s);
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 1.2rem}
    @media (max-width: 1024px) {
    .l-footer-sns__heading {
        margin-bottom:0.8rem;
    font-size: 1.2rem}
}
    @media (max-width: 767px) {
    .l-footer-sns__heading {
        font-size:1.1rem}
}

.l-footer-sns__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem}
    @media (max-width: 1024px) {
    .l-footer-sns__list {
        -webkit-column-gap:1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem}
}

.l-footer-sns__list-item
    a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

[
    data-page=connoisseur] .l-footer-sns__list-item a {
    opacity: 0.7}

.l-footer-logo-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}
    @media (max-width: 1024px) {
    .l-footer-logo-link {
        margin-bottom:4.8rem}
}
    @media (max-width: 767px) {
    .l-footer-logo-link {
        -webkit-column-gap:2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
}

.l-footer-logo-link__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.l-footer-logo-link__item[
    date-logo=tachihi] {
    width: 6.8rem}

.l-footer-logo-link__item[
    date-logo=tokito] {
    width: 1.2845rem}

.l-footer-logo-link__item[
    date-logo=brewery] {
    width: 7.1183rem}

.l-footer-logo-link__item[
    date-logo=green] {
    width: 5.5616rem}

.l-footer-logo-link__item[
    date-logo=gareden] {
    width: 5.4913rem}

.l-footer-logo-link__item[
    date-logo=iglta] {
    width: 6.1014rem}

.l-footer-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem}
    @media (max-width: 1024px) {
    .l-footer-link {
        row-gap:1.2rem;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem}
}
    @media (max-width: 767px) {
    .l-footer-link {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem}
}

.l-footer-link__item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    white-space: nowrap}
    @media (max-width: 767px) {
    .l-footer-link__item {
        width:calc((100% - 1.2rem) / 2);
    font-size: 1.1rem}
}

.l-footer-bottom-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 0.8rem;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end}
    @media (max-width: 1024px) {
    .l-footer-bottom-link {
        -webkit-column-gap:2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem}
}
    @media (max-width: 767px) {
    .l-footer-bottom-link {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem}
}

.l-footer-bottom-link__item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .l-footer-bottom-link__item {
        width:calc((100% - 1.2rem) / 2);
    font-size: 1.1rem}
}

.l-footer-copyright {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2 var(--letter-spacing-s);
    letter-spacing: var(--letter-spacing-m);
    margin-top: 3.2rem;
    font-family: var(--font-family-eng-sub)}
    @media (max-width: 1024px) {
    .l-footer-copyright {
        margin-top:4.8rem;
    font-size: 1.1rem}
}
    @media (max-width: 1024px) {
    .l-footer__official {
        margin-top:4rem}
}
    @media (max-width: 767px) {
    .l-footer__official {
        margin-top:3.2rem}
}

.l-gnav {
    position: fixed;
    top: 0;
    left: -9999px;
    z-index: 20000;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    visibility: hidden}

.is-gnav-open .l-gnav {
    left: 0;
    display: block;
    pointer-events: all;
    visibility: visible;
    background-image: url(/assets/img/cmn_bg.jpg);
}

.l-gnav__wrapper {
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    background-image: url(/assets/img/cmn_bg.jpg);
}

.l-gnav__inner {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100%}
    @media (max-width: 767px) {
    .l-gnav__inner {
        display:block;
    background-image: url(/assets/img/cmn_bg.jpg);
    }
}

.l-gnav__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 69.4444444444%;
    padding: 6.1728395062vh var(--site-padding) 6.1728395062vh}
    @media (max-width: 1024px) {
    .l-gnav__main {
        padding-top:6rem;
    padding-bottom: 4rem}
}
    @media (max-width: 767px) {
    .l-gnav__main {
        width:100%}
}

.l-gnav__header {
    position: relative}

.l-gnav__body {
    padding: 6rem 0 4rem}
    @media (max-width: 1024px) {
    .l-gnav__body {
        padding:8rem 0 6rem}
}

.l-gnav__body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
    @media (max-width: 1024px) {
    .l-gnav__body-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 3.2rem}
}
    @media (max-width: 767px) {
    .l-gnav__body-row {
        row-gap:2.4rem}
}

.l-gnav__body-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 34rem}
    @media (max-width: 1024px) {
    .l-gnav__body-col {
        -webkit-box-flex:1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%}
}

.l-gnav__footer {
    position: relative}

.l-gnav__footer-top {
    position: relative}

.l-gnav__footer-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
    @media (max-width: 1024px) {
    .l-gnav__footer-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem}
}

.l-gnav__footer-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 34rem}
    @media (max-width: 1024px) {
    .l-gnav__footer-col {
        -webkit-box-flex:1;
    -ms-flex: auto;
    flex: auto;
    max-width: 100%}
}

.l-gnav__footer-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 3.950617284vh}
    @media (max-width: 1024px) {
    .l-gnav__footer-bottom {
        display:block;
    margin-top: 2.4rem}
}

.l-gnav__side {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30.5555555556%;
    min-width: 30rem}
    @media (max-width: 1024px) {
    .l-gnav__side {
        padding:6rem 0}
}
    @media (max-width: 767px) {
    .l-gnav__side {
        width:100%;
    min-width: initial}
}

.l-gnav__side-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%}

.l-gnav__side-bg
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.l-gnav-logo__svg {
    width: 24rem;
    height: 2.04rem}

.l-gnav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.4rem}
    @media (max-width: 767px) {
    .l-gnav-menu {
        row-gap:2rem}
}

.l-gnav-menu__item {
    position: relative}

.l-gnav-menu__link {
    display: inline-block}

.l-gnav-menu__label {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}

[
    data-size=sm] .l-gnav-menu__label {
    font-size: 1.6rem}

.l-gnav-sub-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    margin-top: 2.4rem}

.l-gnav-sub-menu__item {
    position: relative}

.l-gnav-sub-menu__link {
    display: inline-block}

.l-gnav-sub-menu__label {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding-left: 1.8rem;
    font-family: var(--font-family-serif)}

.l-gnav-sub-menu__label:
    before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1px;
    content: "";
    background: var(--color-border-dark-gray);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.l-gnav-button__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.6rem;
    padding: 0 2rem;
    border: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .l-gnav-button__link {
        padding:0 1.6rem}
}

.l-gnav-button__icon {
    line-height: 1}
    @media (max-width: 767px) {
    .l-gnav-button__icon svg {
        width:1.6rem;
    height: 1.6rem}
}

.l-gnav-button__body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 2rem}
    @media (max-width: 767px) {
    .l-gnav-button__body {
        padding:0 1.6rem}
}

.l-gnav-button__heading {
    font-size: 1.3rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-xs);
    font-family: var(--font-family-eng)}

.l-gnav-button__heading
    span {
    font-size: 1.3rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    margin-left: 0.2rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .l-gnav-button__heading {
        font-size:1.2rem}

    .l-gnav-button__heading span {
    font-size: 1.2rem}
}

.l-gnav-button__icon-arrow {
    margin-left: auto}

.l-gnav-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem}
    @media (max-width: 1024px) {
    .l-gnav-link {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    row-gap: 0.8rem;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem}
}
    @media (max-width: 1024px) {
    .l-gnav-link__item {
        width:calc((100% - 2.4rem) / 3)}
}
    @media (max-width: 767px) {
    .l-gnav-link__item {
        width:calc((100% - 1.2rem) / 2)}
}

.l-gnav-link__item-link {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}

.l-gnav-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
    margin-left: auto}
    @media (max-width: 1024px) {
    .l-gnav-sns {
        margin-top:2.4rem}
}

.l-gnav-reservation {
    position: relative;
    z-index: 10;
    width: 26rem;
    margin: auto;
    color: #fff}

.l-gnav-reservation__heading {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    margin-bottom: 2.4rem;
    font-family: var(--font-family-eng);
    text-align: center}

.l-gnav-reservation__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem}

.l-gnav-reservation__button-item {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    text-align: center}

.l-gnav-reservation__button-item
    span {
    font-size: 1.2rem}

.l-gnav-reservation__button-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 5.6rem;
    padding: 1.2rem;
    color: #fff;
    background: var(--color-dark-blue)}

.l-gnav-reservation__button-item-link[
    data-type=border] {
    background: none;
    border: 1px solid #fff}
    @media (hover: hover) and (pointer:fine) {
    .l-gnav-reservation__button-item-link:hover {
        color:#fff}
}

.l-gnav-bg {
    position: fixed;
    top: 0;
    left: -9999px;
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    background: var(--color-bg-primary);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.is-gnav-open .l-gnav-bg {
    left: 0;
    visibility: visible}

.l-gnav-toggle {
    position: fixed;
    top: calc((var(--header-height) - 4rem) / 2);
    right: 6rem;
    z-index: 40000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    cursor: pointer;
    -webkit-transition: background-color 0.3s,mix-blend-mode 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: background-color 0.3s,mix-blend-mode 0.5s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.is-modal-show .l-gnav-toggle {
    display: none}

.is-gnav-animating .l-gnav-toggle {
    pointer-events: none}

.is-scrolled .l-gnav-toggle {
    mix-blend-mode: difference}

.is-megamenu-open .l-gnav-toggle {
    mix-blend-mode: difference}

.is-gnav-open .l-gnav-toggle {
    mix-blend-mode: normal}
    @media (max-width: 1024px) {
    .l-gnav-toggle {
        right:4rem}
}
    @media (max-width: 767px) {
    .l-gnav-toggle {
        right:2rem}

    .is-gnav-open .l-gnav-toggle {
    mix-blend-mode: difference}
}

.l-gnav-toggle__inner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 0.6rem}

.l-gnav-toggle__bar {
    position: absolute;
    width: 100%;
    height: 1px;
    overflow: hidden;
    -webkit-transform-origin: center center;
    transform-origin: center center}

.l-gnav-toggle__bar:
    first-child {
    top: 0;
    left: 0;
    -webkit-transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: top 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s}

.l-gnav-toggle__bar:nth-child(2) {
    bottom: 0;
    left: 0;
    -webkit-transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s;
    transition: bottom 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.32,0,0.67,0) 0s}

.is-gnav-open .l-gnav-toggle__bar:
    first-child {
    top: calc(50% - 0.5px);
    -webkit-transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: top 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)}

.is-gnav-open .l-gnav-toggle__bar:nth-child(2) {
    bottom: calc(50% - 1px);
    -webkit-transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: bottom 0.2s cubic-bezier(0.32,0,0.67,0) 0s,transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 0.2s cubic-bezier(0.16,1,0.3,1) 0.2s;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg)}

.l-gnav-toggle__bar-front {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--color-dark)}

.is-header-invert .l-gnav-toggle__bar-front {
    background: #fff}

.is-scrolled .l-gnav-toggle__bar-front {
    background: #fff}

.is-gnav-open .l-gnav-toggle__bar-front {
    background: #fff}

.l-gnav-toggle__bar-back {
    width: 100%;
    height: 2px;
    background: rgba(0,0,0,0.2)}

.is-header-invert .l-gnav-toggle__bar-back {
    background: rgba(255,255,255,0.2)}

.is-scrolled .l-gnav-toggle__bar-back {
    background: rgba(255,255,255,0.2)}

.is-gnav-open .l-gnav-toggle__bar-back {
    background: rgba(255,255,255,0.2)}

.l-main {
    width: 100%}

.l-content-kv {
    position: relative;
    z-index: 0;
    height: 100vh;
    height: 100lvh;
    overflow: hidden}

.l-content-kv__inner {
    position: relative;
    height: 100vh;
    height: 100svh}

.l-content-kv__bottom {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%}

.l-content-kv__heading {
    margin-bottom: 3.4rem;
    opacity: 0}
    @media (max-width: 1024px) {
    .l-content-kv__heading {
        margin-bottom:2.8rem}
}
    @media (max-width: 767px) {
    .l-content-kv__heading {
        margin-bottom:2rem}
}

.l-content-kv__heading-main {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    color: #fff}
    @media (max-width: 1024px) {
    .l-content-kv__heading-main {
        font-size:6.4rem}
}
    @media (max-width: 767px) {
    .l-content-kv__heading-main {
        font-size:4rem}
}

.l-content-kv__heading-sub {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.8rem;
    font-family: var(--font-family-serif);
    color: #fff}
    @media (max-width: 1024px) {
    .l-content-kv__heading-sub {
        font-size:1.5rem}
}
    @media (max-width: 767px) {
    .l-content-kv__heading-sub {
        font-size:1.4rem}
}

.l-content-kv__heading-sub-label {
    display: block}

.l-content-kv__bottom-border {
    position: relative;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem}
    @media (max-width: 767px) {
    .l-content-kv__bottom-border {
        padding-top:2.4rem;
    padding-bottom: 2.4rem}
}

.l-content-kv__bottom-line {
    position: absolute;
    top: 0;
    left: -2.0833333333vw;
    display: block;
    width: calc(100% + 4.1666666667vw);
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    opacity: 0;
    -webkit-transform-origin: left center;
    transform-origin: left center}
    @media (max-width: 1024px) {
    .l-content-kv__bottom-line {
        left:-1.953125vw;
    width: calc(100% + 3.90625vw)}
}
    @media (max-width: 767px) {
    .l-content-kv__bottom-line {
        left:-2.6666666667vw;
    width: calc(100% + 5.3333333333vw)}
}

.l-content-kv__scroll {
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto}

.l-content-kv__scroll-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
    cursor: pointer}
    @media (hover: hover) and (pointer:fine) {
    .l-content-kv__scroll-link:hover {
        color:#fff}
}

.l-content-kv__scroll-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em}
    @media (max-width: 1024px) {
    .l-content-kv__scroll-label {
        font-size:1.1rem}
}
    @media (max-width: 767px) {
    .l-content-kv__scroll-label {
        font-size:1rem}
}

.l-content-kv__scroll-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.4rem}

.l-content-kv__image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    will-change: transform}

.l-content-kv__image-item {
    width: 100%;
    height: 100%}

.l-content-kv__image-item
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.l-content-kv__cover {
    display: none}

.l-content-kv__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4}

.l-content-header {
    position: relative;
    padding-top: 25rem;
    padding-bottom: 15rem;
    overflow: hidden}

.l-content-header[
    data-border] {
    border-bottom: solid 1px var(--color-border-gray)}

[
    data-page=connoisseur] .l-content-header {
    color: #fff;
    background-color: var(--color-black);
    background-image: url("../images/connoisseur/bg_connoisseur_header.jpg");
    background-position: center;
    background-size: cover}
    @media (max-width: 1024px) {
    .l-content-header {
        padding-top:20rem;
    padding-bottom: 10rem}
}
    @media (max-width: 767px) {
    .l-content-header {
        padding-top:15rem;
    padding-bottom: 8rem}
}

.l-content-header__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}

.l-content-header__heading--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.l-content-header__heading-main {
    font-size: 4.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)}

[
    data-page=connoisseur] .l-content-header__heading-main {
    font-family: var(--font-family-eng-connoisseur)}
    @media (max-width: 1024px) {
    .l-content-header__heading-main {
        font-size:4rem}
}
    @media (max-width: 767px) {
    .l-content-header__heading-main {
        font-size:3.2rem}
}

.l-content-header__heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.8rem;
    font-family: var(--font-family-serif)}

.l-content-body {
    position: relative;
    padding-bottom: var(--space-section-lg)}

.l-content-body[
    data-pb=none] {
    padding-bottom: 0!important}

.l-content-body__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 1024px) {
    .l-content-body__row {
        display:block}
}

.l-content-body__main {
    width: 75%}
    @media (max-width: 1024px) {
    .l-content-body__main {
        width:100%}
}

.l-content-body__side {
    width: 25%;
    padding-right: 4rem}
    @media (max-width: 1024px) {
    .l-content-body__side {
        width:100%;
    padding-right: 0;
    margin-bottom: 4rem}
}

.l-content-lead__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 1024px) {
    .l-content-lead__inner {
        display:block}
}

.l-content-lead__copy {
    width: 50%;
    padding-right: 6rem}
    @media (max-width: 1024px) {
    .l-content-lead__copy {
        width:100%;
    padding-right: 0}
}

.l-content-lead__body {
    width: 50%;
    padding-left: 2rem}
    @media (max-width: 1024px) {
    .l-content-lead__body {
        width:100%;
    padding-left: 0}
}

.l-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--gutter-y) * -1);
    margin-right: calc(var(--gutter-x) / -2);
    margin-left: calc(var(--gutter-x) / -2);
    --gutter-x: 2rem;
    --gutter-y: 4rem}
    @media (min-width: 768px) {
    .l-flex {
        --gutter-x:2rem;
    --gutter-y: 4rem}
}
    @media (min-width: 1025px) {
    .l-flex {
        --gutter-x:4rem;
    --gutter-y: 6rem}
}

.l-flex>* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--gutter-x) / 2);
    padding-left: calc(var(--gutter-x) / 2);
    margin-top: var(--gutter-y)}

.l-flex__col {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0px;
    flex: 1 0 0}
    @media (min-width: 768px) {
    .l-flex__col>:first-child {
        margin-top:0}
}
    @media (max-width: 767px) {
    .l-flex__col:first-child>:first-child {
        margin-top:0}
}

.-cols-auto>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

.-cols-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

.-cols-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

.-cols-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

.-cols-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

.-cols-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%}

.-cols-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

.l-flex__col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

.l-flex__col-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%}

.l-flex__col-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

.l-flex__col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

.l-flex__col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

.l-flex__col-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%}

.l-flex__col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

.l-flex__col-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%}

.l-flex__col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%}

.l-flex__col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%}

.l-flex__col-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%}

.l-flex__col-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%}

.l-flex__col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

.-offset-1 {
    margin-left: 8.3333333333%}

.-offset-2 {
    margin-left: 16.6666666667%}

.-offset-3 {
    margin-left: 25%}

.-offset-4 {
    margin-left: 33.3333333333%}

.-offset-5 {
    margin-left: 41.6666666667%}

.-offset-6 {
    margin-left: 50%}

.-offset-7 {
    margin-left: 58.3333333333%}

.-offset-8 {
    margin-left: 66.6666666667%}

.-offset-9 {
    margin-left: 75%}

.-offset-10 {
    margin-left: 83.3333333333%}

.-offset-11 {
    margin-left: 91.6666666667%}

.-g,.-gx {
    --gutter-x: 5rem}

.-g,.-gy {
    --gutter-y: 5rem}

.-g-0,.-gx-0 {
    --gutter-x: 0}

.-g-0,.-gy-0 {
    --gutter-y: 0}

.-g-1,.-gx-1 {
    --gutter-x: 1rem}

.-g-1,.-gy-1 {
    --gutter-y: 1rem}

.-g-2,.-gx-2 {
    --gutter-x: 2rem}

.-g-2,.-gy-2 {
    --gutter-y: 2rem}

.-g-3,.-gx-3 {
    --gutter-x: 3rem}

.-g-3,.-gy-3 {
    --gutter-y: 3rem}

.-g-4,.-gx-4 {
    --gutter-x: 4rem}

.-g-4,.-gy-4 {
    --gutter-y: 4rem}

.-g-5,.-gx-5 {
    --gutter-x: 5rem}

.-g-5,.-gy-5 {
    --gutter-y: 5rem}
    @media (min-width: 768px) {
    .-cols-sm-auto>* {
        -webkit-box-flex:0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .-cols-sm-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-cols-sm-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .-cols-sm-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .-cols-sm-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .-cols-sm-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%}

    .-cols-sm-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-sm-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .l-flex__col-sm-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%}

    .l-flex__col-sm-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-sm-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .l-flex__col-sm-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .l-flex__col-sm-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%}

    .l-flex__col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .l-flex__col-sm-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%}

    .l-flex__col-sm-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%}

    .l-flex__col-sm-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%}

    .l-flex__col-sm-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%}

    .l-flex__col-sm-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%}

    .l-flex__col-sm-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-offset-sm-0 {
    margin-left: 0}

    .-offset-sm-1 {
    margin-left: 8.3333333333%}

    .-offset-sm-2 {
    margin-left: 16.6666666667%}

    .-offset-sm-3 {
    margin-left: 25%}

    .-offset-sm-4 {
    margin-left: 33.3333333333%}

    .-offset-sm-5 {
    margin-left: 41.6666666667%}

    .-offset-sm-6 {
    margin-left: 50%}

    .-offset-sm-7 {
    margin-left: 58.3333333333%}

    .-offset-sm-8 {
    margin-left: 66.6666666667%}

    .-offset-sm-9 {
    margin-left: 75%}

    .-offset-sm-10 {
    margin-left: 83.3333333333%}

    .-offset-sm-11 {
    margin-left: 91.6666666667%}

    .-g,.-gy {
    --gutter-y: 3rem}

    .-g-sm-0,.-gx-sm-0 {
    --gutter-x: 0}

    .-g-sm-0,.-gy-sm-0 {
    --gutter-y: 0}

    .-g-sm-1,.-gx-sm-1 {
    --gutter-x: 1rem}

    .-g-sm-1,.-gy-sm-1 {
    --gutter-y: 1rem}

    .-g-sm-2,.-gx-sm-2 {
    --gutter-x: 2rem}

    .-g-sm-2,.-gy-sm-2 {
    --gutter-y: 2rem}

    .-g-sm-3,.-gx-sm-3 {
    --gutter-x: 3rem}

    .-g-sm-3,.-gy-sm-3 {
    --gutter-y: 3rem}

    .-g-sm-4,.-gx-sm-4 {
    --gutter-x: 4rem}

    .-g-sm-4,.-gy-sm-4 {
    --gutter-y: 4rem}

    .-g-sm-5,.-gx-sm-5 {
    --gutter-x: 5rem}

    .-g-sm-5,.-gy-sm-5 {
    --gutter-y: 5rem}
}
    @media (min-width: 1025px) {
    .-cols-md-auto>* {
        -webkit-box-flex:0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .-cols-md-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-cols-md-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .-cols-md-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .-cols-md-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .-cols-md-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%}

    .-cols-md-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-md-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .l-flex__col-md-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%}

    .l-flex__col-md-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-md-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .l-flex__col-md-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .l-flex__col-md-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%}

    .l-flex__col-md-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .l-flex__col-md-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%}

    .l-flex__col-md-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%}

    .l-flex__col-md-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%}

    .l-flex__col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%}

    .l-flex__col-md-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%}

    .l-flex__col-md-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-offset-md-0 {
    margin-left: 0}

    .-offset-md-1 {
    margin-left: 8.3333333333%}

    .-offset-md-2 {
    margin-left: 16.6666666667%}

    .-offset-md-3 {
    margin-left: 25%}

    .-offset-md-4 {
    margin-left: 33.3333333333%}

    .-offset-md-5 {
    margin-left: 41.6666666667%}

    .-offset-md-6 {
    margin-left: 50%}

    .-offset-md-7 {
    margin-left: 58.3333333333%}

    .-offset-md-8 {
    margin-left: 66.6666666667%}

    .-offset-md-9 {
    margin-left: 75%}

    .-offset-md-10 {
    margin-left: 83.3333333333%}

    .-offset-md-11 {
    margin-left: 91.6666666667%}

    .-g-md-0,.-gx-md-0 {
    --gutter-x: 0}

    .-g-md-0,.-gy-md-0 {
    --gutter-y: 0}

    .-g-md-1,.-gx-md-1 {
    --gutter-x: 1rem}

    .-g-md-1,.-gy-md-1 {
    --gutter-y: 1rem}

    .-g-md-2,.-gx-md-2 {
    --gutter-x: 2rem}

    .-g-md-2,.-gy-md-2 {
    --gutter-y: 2rem}

    .-g-md-3,.-gx-md-3 {
    --gutter-x: 3rem}

    .-g-md-3,.-gy-md-3 {
    --gutter-y: 3rem}

    .-g-md-4,.-gx-md-4 {
    --gutter-x: 4rem}

    .-g-md-4,.-gy-md-4 {
    --gutter-y: 4rem}

    .-g-md-5,.-gx-md-5 {
    --gutter-x: 5rem}

    .-g-md-5,.-gy-md-5 {
    --gutter-y: 5rem}
}
    @media (min-width: 1441px) {
    .-cols-lg-auto>* {
        -webkit-box-flex:0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .-cols-lg-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-cols-lg-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .-cols-lg-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .-cols-lg-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .-cols-lg-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%}

    .-cols-lg-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-lg-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .l-flex__col-lg-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%}

    .l-flex__col-lg-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-lg-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .l-flex__col-lg-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .l-flex__col-lg-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%}

    .l-flex__col-lg-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .l-flex__col-lg-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%}

    .l-flex__col-lg-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%}

    .l-flex__col-lg-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%}

    .l-flex__col-lg-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%}

    .l-flex__col-lg-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%}

    .l-flex__col-lg-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-offset-lg-0 {
    margin-left: 0}

    .-offset-lg-1 {
    margin-left: 8.3333333333%}

    .-offset-lg-2 {
    margin-left: 16.6666666667%}

    .-offset-lg-3 {
    margin-left: 25%}

    .-offset-lg-4 {
    margin-left: 33.3333333333%}

    .-offset-lg-5 {
    margin-left: 41.6666666667%}

    .-offset-lg-6 {
    margin-left: 50%}

    .-offset-lg-7 {
    margin-left: 58.3333333333%}

    .-offset-lg-8 {
    margin-left: 66.6666666667%}

    .-offset-lg-9 {
    margin-left: 75%}

    .-offset-lg-10 {
    margin-left: 83.3333333333%}

    .-offset-lg-11 {
    margin-left: 91.6666666667%}

    .-g-lg-0,.-gx-lg-0 {
    --gutter-x: 0}

    .-g-lg-0,.-gy-lg-0 {
    --gutter-y: 0}

    .-g-lg-1,.-gx-lg-1 {
    --gutter-x: 1rem}

    .-g-lg-1,.-gy-lg-1 {
    --gutter-y: 1rem}

    .-g-lg-2,.-gx-lg-2 {
    --gutter-x: 2rem}

    .-g-lg-2,.-gy-lg-2 {
    --gutter-y: 2rem}

    .-g-lg-3,.-gx-lg-3 {
    --gutter-x: 3rem}

    .-g-lg-3,.-gy-lg-3 {
    --gutter-y: 3rem}

    .-g-lg-4,.-gx-lg-4 {
    --gutter-x: 4rem}

    .-g-lg-4,.-gy-lg-4 {
    --gutter-y: 4rem}

    .-g-lg-5,.-gx-lg-5 {
    --gutter-x: 5rem}

    .-g-lg-5,.-gy-lg-5 {
    --gutter-y: 5rem}
}
    @media (min-width: 1681px) {
    .-cols-xl-auto>* {
        -webkit-box-flex:0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .-cols-xl-1>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-cols-xl-2>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .-cols-xl-3>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .-cols-xl-4>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .-cols-xl-5>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20%}

    .-cols-xl-6>* {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-xl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto}

    .l-flex__col-xl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.3333333333%}

    .l-flex__col-xl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.6666666667%}

    .l-flex__col-xl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%}

    .l-flex__col-xl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.3333333333%}

    .l-flex__col-xl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.6666666667%}

    .l-flex__col-xl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%}

    .l-flex__col-xl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.3333333333%}

    .l-flex__col-xl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.6666666667%}

    .l-flex__col-xl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%}

    .l-flex__col-xl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.3333333333%}

    .l-flex__col-xl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.6666666667%}

    .l-flex__col-xl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%}

    .-offset-xl-0 {
    margin-left: 0}

    .-offset-xl-1 {
    margin-left: 8.3333333333%}

    .-offset-xl-2 {
    margin-left: 16.6666666667%}

    .-offset-xl-3 {
    margin-left: 25%}

    .-offset-xl-4 {
    margin-left: 33.3333333333%}

    .-offset-xl-5 {
    margin-left: 41.6666666667%}

    .-offset-xl-6 {
    margin-left: 50%}

    .-offset-xl-7 {
    margin-left: 58.3333333333%}

    .-offset-xl-8 {
    margin-left: 66.6666666667%}

    .-offset-xl-9 {
    margin-left: 75%}

    .-offset-xl-10 {
    margin-left: 83.3333333333%}

    .-offset-xl-11 {
    margin-left: 91.6666666667%}

    .-g-xl-0,.-gx-xl-0 {
    --gutter-x: 0}

    .-g-xl-0,.-gy-xl-0 {
    --gutter-y: 0}

    .-g-xl-1,.-gx-xl-1 {
    --gutter-x: 1rem}

    .-g-xl-1,.-gy-xl-1 {
    --gutter-y: 1rem}

    .-g-xl-2,.-gx-xl-2 {
    --gutter-x: 2rem}

    .-g-xl-2,.-gy-xl-2 {
    --gutter-y: 2rem}

    .-g-xl-3,.-gx-xl-3 {
    --gutter-x: 3rem}

    .-g-xl-3,.-gy-xl-3 {
    --gutter-y: 3rem}

    .-g-xl-4,.-gx-xl-4 {
    --gutter-x: 4rem}

    .-g-xl-4,.-gy-xl-4 {
    --gutter-y: 4rem}

    .-g-xl-5,.-gx-xl-5 {
    --gutter-x: 5rem}

    .-g-xl-5,.-gy-xl-5 {
    --gutter-y: 5rem}
}

.-flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important}

.-flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important}

.-justify-content-center {
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important}
    @media (max-width: 1920px) {
    .-flex-xl-row-reverse {
        -webkit-box-orient:horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important}

    .-flex-xl-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important}
}
    @media (max-width: 1500px) {
    .-flex-lg-row-reverse {
        -webkit-box-orient:horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important}

    .-flex-lg-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important}
}
    @media (max-width: 1024px) {
    .-flex-md-row-reverse {
        -webkit-box-orient:horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important}

    .-flex-md-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important}
}
    @media (max-width: 767px) {
    .-flex-sm-row-reverse {
        -webkit-box-orient:horizontal!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important}

    .-flex-sm-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important}
}

.c-preloader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    background-color: var(--color-dark-blue);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.is-page-loaded .c-preloader {
    pointer-events: none}

[
    data-page=connoisseur] .c-preloader {
    background-color: var(--color-gold)}

.c-circle-icon {
    position: relative;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    overflow: hidden;
    border-radius: 100%}

.c-circle-icon[
    data-size=lg] {
    width: 3.9rem;
    height: 3.9rem}
    @media (max-width: 767px) {
    .c-circle-icon {
        width:2.5rem;
    height: 2.5rem}

    .c-circle-icon[data-size=lg] {
    width: 3.9rem;
    height: 3.9rem}
}

.c-circle-icon__wrap {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%}
    a:hover .c-circle-icon__wrap {
    -webkit-animation: left-in 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: left-in 1s cubic-bezier(0.33,1,0.68,1) forwards}
    a:hover [data-direction=backward] .c-circle-icon__wrap {
    -webkit-animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards}
    a:hover [data-direction=diagonal] .c-circle-icon__wrap {
    -webkit-animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards}
    a[data-direction=backward]:hover .c-circle-icon__wrap {
    -webkit-animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: right-in 1s cubic-bezier(0.33,1,0.68,1) forwards}
    a[data-direction=diagonal]:hover .c-circle-icon__wrap {
    -webkit-animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: diagonal 1s cubic-bezier(0.33,1,0.68,1) forwards}
    @media (max-width: 1024px) {
    .c-circle-icon__wrap {
        -webkit-animation:none!important;
    animation: none!important}
}

.c-circle-icon__in {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 1.6rem;
    height: 100%;
    max-height: 1.6rem}

.c-circle-icon__svg[
    class*=" c-svg-"],.c-circle-icon__svg[class^=c-svg-] {
    fill: #fff;
    -webkit-transition: fill 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: fill 0.3s cubic-bezier(0.16,1,0.3,1);
    will-change: fill}
    a:hover .c-circle-icon__svg[class*=" c-svg-"],a:hover .c-circle-icon__svg[class^=c-svg-] {
    fill: #fff}

.c-circle-icon__bg {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: var(--color-blue);
    border-radius: 100%;
    -webkit-transition: 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    will-change: width,height}

.c-circle-icon__bg:
    after {
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: var(--color-dark-blue);
    border-radius: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.87,0,0.13,1);
    transition: -webkit-transform 0.3s cubic-bezier(0.87,0,0.13,1);
    transition: transform 0.3s cubic-bezier(0.87,0,0.13,1);
    transition: transform 0.3s cubic-bezier(0.87,0,0.13,1),-webkit-transform 0.3s cubic-bezier(0.87,0,0.13,1);
    -webkit-transform: scale(0);
    transform: scale(0);
    will-change: transform}
    a:hover .c-circle-icon__bg {
    width: 100%;
    height: 100%}
    a:hover .c-circle-icon__bg:after {
    -webkit-transform: scale(1);
    transform: scale(1)}

[
    class*=" c-svg-"],[class^=c-svg-] {
    vertical-align: initial;
    fill: var(--color-font-dark)}

[
    class*=" c-svg-"][data-color=white],[class^=c-svg-][data-color=white],[data-color=white] [class*=" c-svg-"] {
    fill: #fff}

[
    class*=" c-svg-"][data-color=dark],[class^=c-svg-][data-color=dark],[data-color=dark] [class*=" c-svg-"] {
    fill: var(--color-dark)}

[
    class*=" c-svg-"][data-color=gold],[class^=c-svg-][data-color=gold],[data-color=gold] [class*=" c-svg-"] {
    fill: var(--color-gold)}

.c-svg-arrow-left {
    width: 1rem;
    height: 0.8rem}

.c-svg-arrow-right {
    width: 1rem;
    height: 0.8rem}

.c-svg-arrow-up {
    width: 0.8rem;
    height: 1rem}

.c-svg-arrow-down {
    width: 0.8rem;
    height: 1rem}

.c-svg-arrow-diagonal {
    width: 1.2rem;
    height: 1.2rem}

.c-svg-arrow-left-s {
    width: 0.7rem;
    height: 0.6rem}

.c-svg-arrow-right-s {
    width: 0.7rem;
    height: 0.6rem}

.c-svg-arrow-up-s {
    width: 0.6rem;
    height: 0.7rem}

.c-svg-arrow-down-s {
    width: 0.6rem;
    height: 0.7rem}

.c-svg-pdf {
    width: 1.6rem;
    height: 1.6rem}

.c-svg-x {
    width: 2rem;
    height: 2rem;
    fill: rgba(0,0,0,0.5)}

.c-svg-instagram {
    width: 2rem;
    height: 2rem;
    fill: rgba(0,0,0,0.5)}

.c-svg-facebook {
    width: 2rem;
    height: 2rem;
    fill: rgba(0,0,0,0.5)}

.c-svg-tiktok {
    width: 2rem;
    height: 2rem}

.c-svg-line {
    width: 2rem;
    height: 2rem}

.c-svg-gift {
    width: 2.4rem;
    height: 2.4rem}

.c-svg-lock {
    width: 2.4rem;
    height: 2.4rem}

.c-svg-user {
    width: 1.6rem;
    height: 1.6rem}

.c-svg-notice {
    width: 1.6rem;
    height: 1.6rem}

.c-svg-calendar {
    width: 1.6rem;
    height: 1.7rem}

.c-svg-new-window {
    width: 1.6rem;
    height: 1.6rem}

.c-svg-plus {
    width: 1.6rem;
    height: 1.6rem}

.c-svg-mail {
    width: 2.4rem;
    height: 2.4rem}

.c-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}
    @media (max-width: 1024px) {
    .c-button {
        -webkit-column-gap:1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem}
}

.c-button__label {
    font-size: 1.3rem;
    font-weight: 350;
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding: 0.7rem 0;
    overflow: hidden;
    font-family: var(--font-family-sans);
    white-space: nowrap}

.c-button__label:
    after {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--color-border-dark-gray)}

[
    data-color=white] .c-button__label {
    color: #fff}

[
    data-color=white] .c-button__label:after {
    background-color: #fff}
    @media (hover: hover) and (pointer:fine) {
    a:hover .c-button__label:after {
        -webkit-animation:forward 1s cubic-bezier(0.65,0,0.35,1) forwards;
    animation: forward 1s cubic-bezier(0.65,0,0.35,1) forwards}
}
    @media (max-width: 1024px) {
    .c-button__label {
        font-size:1.2rem}
}

.c-button-rect {
    font-size: 1.4rem;
    font-weight: 350;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 32rem;
    min-height: 5.6rem;
    padding: 1rem 5rem;
    overflow: hidden;
    font-family: Cardo,var(--font-family-serif);
    text-align: center;
    cursor: pointer;
    -webkit-transition: color 0.4s,background-color 0.4s;
    transition: color 0.4s,background-color 0.4s;
    will-change: background-color}

.c-button-rect[
    data-width="100%"] {
    width: 100%;
    min-width: initial}

.c-button-rect[
    data-size=sm] {
    min-height: 4rem;
    padding: 0 1rem;
    font-size: 1.2rem}

.c-button-rect[
    data-color=dark-blue] {
    color: #fff;
    background-color: var(--color-dark-blue)}

.c-button-rect[
    data-color=dark-blue] svg {
    fill: #fff}

.c-button-rect[
    data-color=blue] {
    color: #fff;
    background-color: var(--color-blue)}

.c-button-rect[
    data-color=blue] svg {
    fill: #fff}

.c-button-rect[
    data-color=white] {
    background-color: var(--color-bg-primary)}

.c-button-rect[
    data-color=white] svg {
    fill: var(--color-dark)}

.c-button-rect[
    data-type=border] {
    border: 1px solid var(--color-border-dark-gray)}

.c-button-rect[
    data-type=border-white] {
    color: #fff;
    background: transparent;
    border: 1px solid var(--color-border-white-gray)}

.c-button-rect[
    data-type=border-white] svg {
    fill: #fff}
    @media (hover: hover) and (pointer:fine) {
    .c-button-rect:hover {
        background-color:var(--color-white-hover)}

    .c-button-rect:
    hover[data-color=dark-blue] {
        background-color: var(--color-dark-blue-hover)}

    .c-button-rect:
    hover[data-color=blue] {
        background-color: var(--color-blue-hover)}

    .c-button-rect:
    hover[data-color=white] {
        background-color: var(--color-white-hover)}

    .c-button-rect:
    hover[data-color=gold] {
        background-color: var(--color-gold-hover)}

    .c-button-rect:
    hover[data-type=border-white] {
        color: var(--color-dark)}

    .c-button-rect:
    hover[data-type=border-white] svg {
        fill: var(--color-dark)}
}
    @media (max-width: 1024px) {
    .c-button-rect {
        font-size:1.2rem}

    .c-button-rect[data-size=sm] {
    min-height: 3.6rem}
}
    @media (max-width: 767px) {
    .c-button-rect {
        width:100%;
    min-width: initial;
    padding: 0 4rem}
}

.c-button-rect__label {
    display: block}

.c-button-rect__labelset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    padding: 1.6rem 0}

.c-button-rect__labelset-main {
    font-family: var(--font-family-eng);
    font-size: var(--font-size-heading-md)}

.c-button-rect__icon {
    position: absolute;
    top: 50%;
    right: 2rem;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.c-button-rect__icon--backward {
    right: auto;
    left: 2rem}
    @media (max-width: 767px) {
    .c-button-rect__icon {
        right:1.6rem}
}

.c-section {
    padding-top: var(--space-section-md)}

.c-section[
    data-bg=gray] {
    background: var(--color-bg-light-gray)}

.c-section[
    data-pt=none] {
    padding-top: 0}

.c-section[
    data-pt=sm] {
    padding-top: var(--space-section-sm)}

.c-section[
    data-pt=md] {
    padding-top: var(--space-section-md)}

.c-section[
    data-pt=lg] {
    padding-top: var(--space-section-lg)}

.c-section[
    data-pb=sm] {
    padding-bottom: var(--space-section-sm)}

.c-section[
    data-pb=md] {
    padding-bottom: var(--space-section-md)}

.c-section[
    data-pb=lg] {
    padding-bottom: var(--space-section-lg)}

[
    class*=" c-heading-"][data-color=green],[class^=c-heading-][data-color=green],[data-color=green] [class*=" c-heading-"] {
    color: var(--color-blue)}

.c-heading {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}

.c-heading[
    data-size="2xl"] {
    font-size: var(--font-size-heading-2xl)}

.c-heading[
    data-size=xl] {
    font-size: var(--font-size-heading-xl)}

.c-heading[
    data-size=lg] {
    font-size: var(--font-size-heading-lg)}

.c-heading[
    data-size=md] {
    font-size: var(--font-size-heading-md)}

.c-heading[
    data-size=sm] {
    font-size: var(--font-size-heading-sm)}

.c-heading[
    data-size=xs] {
    font-size: var(--font-size-heading-xs)}

.c-heading[
    data-size="2xs"] {
    font-size: var(--font-size-heading-2xs)}

.c-heading[
    data-size="3xs"] {
    font-size: var(--font-size-heading-3xs)}

.c-heading[
    data-size="4xs"] {
    font-size: var(--font-size-heading-4xs)}

.c-heading-set {
    margin-bottom: 3.2rem}

.c-heading-set[
    data-margin-none] {
    margin-bottom: 0}

.c-heading-set__main {
    font-size: var(--font-size-heading-2xl);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading-eng);
    letter-spacing: var(--letter-spacing-heading-en);
    display: block;
    font-family: var(--font-family-eng)}

[
    data-size=sm] .c-heading-set__main {
    font-size: var(--font-size-heading-lg)}

[
    data-size=xs] .c-heading-set__main {
    font-size: var(--font-size-heading-sm)}

.c-heading-set__sub {
    font-size: 1.3rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    display: block;
    padding-bottom: 0.8rem;
    margin-top: 0.6rem;
    font-family: var(--font-family-serif)}

.c-heading-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10rem}
    @media (max-width: 1024px) {
    .c-heading-section {
        padding-bottom:8rem}
}
    @media (max-width: 767px) {
    .c-heading-section {
        padding-bottom:6rem}
}

.c-heading-section__label {
    font-size: var(--font-size-heading-xs);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)}

[
    data-color=white] .c-heading-section__label {
    color: #fff}

.c-heading-section__border {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 1px;
    background-color: var(--color-border-gray);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left}

.is-onscreen .c-heading-section__border {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}

[
    data-color=white] .c-heading-section__border {
    background-color: rgba(255,255,255,0.4)}

.c-copy {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-copy);
    letter-spacing: var(--letter-spacing-copy);
    margin-bottom: 3.2rem;
    font-family: var(--font-family-serif)}

.c-copy[
    data-size=xs] {
    font-size: var(--font-size-heading-xs)}

.c-copy[
    data-size=sm] {
    font-size: var(--font-size-heading-sm)}

.c-copy[
    data-size=lg] {
    font-size: var(--font-size-heading-lg)}

.c-copy[
    data-size=xl] {
    font-size: var(--font-size-heading-xl)}

.c-copy[
    data-size="2xl"] {
    font-size: var(--font-size-heading-2xl)}

.c-copy[
    data-margin-none] {
    margin-bottom: 0}
    @media (max-width: 1024px) {
    .c-copy {
        margin-bottom:2.4rem}
}

.c-text {
    font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body);
    text-align: justify}

.is-en .c-text {
    text-align: left}

.c-text[
    data-font=sans] {
    font-family: var(--font-family-sans)}

.c-text[
    data-font=serif] {
    font-family: var(--font-family-serif)}

.c-text[
    data-size=xl] {
    font-size: var(--font-size-body-xl)}

.c-text[
    data-size=lg] {
    font-size: var(--font-size-body-lg)}

.c-text[
    data-size=sm] {
    font-size: var(--font-size-body-sm)}

.c-text[
    data-size=xs] {
    font-size: var(--font-size-body-xs)}

.c-text[
    data-size="2xs"] {
    font-size: var(--font-size-body-2xs)}

.c-text[
    data-size="3xs"] {
    font-size: var(--font-size-body-3xs)}

.c-thumb {
    overflow: hidden}

.c-thumb
    img {
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1),-webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform-origin: center;
    transform-origin: center}
    a:hover .c-thumb img {
    -webkit-transform: scale(1.08);
    transform: scale(1.08)}
    @media (hover: hover) and (pointer:fine) {
    .c-thumb:hover img {
        -webkit-transform:scale(1.08);
    transform: scale(1.08)}
}

.c-thumb__image {
    -webkit-transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: -webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1);
    transition: transform 2s cubic-bezier(0.33,1,0.68,1),-webkit-transform 2s cubic-bezier(0.33,1,0.68,1);
    -webkit-transform-origin: center;
    transform-origin: center}
    @media (hover: hover) and (pointer:fine) {
    .c-thumb__image:hover {
        -webkit-transform:scale(1.08);
    transform: scale(1.08)}
}

.c-reservation {
    position: relative;
    padding: 18rem 0;
    overflow: hidden}
    @media (max-width: 1024px) {
    .c-reservation {
        padding:12rem 0}
}
    @media (max-width: 767px) {
    .c-reservation {
        padding:10rem 0}
}

.c-reservation__inner {
    position: relative;
    z-index: 10;
    color: #fff;
    text-align: center}

.c-reservation__heading {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading-eng);
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    text-align: center}
    @media (max-width: 1024px) {
    .c-reservation__heading {
        font-size:2.4rem}
}

.c-reservation__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .c-reservation__button {
        -webkit-column-gap:1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem}
}
    @media (max-width: 767px) {
    .c-reservation__button {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem}
}

.c-reservation__button-item {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    width: 33.3333%;
    font-family: var(--font-family-serif);
    color: #fff}

.c-reservation__button-item
    span {
    font-size: 1.2rem}
    @media (max-width: 1024px) {
    .c-reservation__button-item {
        font-size:1.4rem}
}
    @media (max-width: 767px) {
    .c-reservation__button-item {
        width:100%}
}

.c-reservation__button-item-link {
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 3rem 2rem;
    color: #fff;
    background: var(--color-dark-blue)}
    @media (hover: hover) and (pointer:fine) {
    .c-reservation__button-item-link:hover {
        color:#fff}
}
    @media (max-width: 1024px) {
    .c-reservation__button-item-link {
        padding:3rem 2rem}
}
    @media (max-width: 767px) {
    .c-reservation__button-item-link {
        padding:2.5rem 2rem}
}

.c-reservation__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%}

.c-reservation__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.c-category-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.c-category-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.4rem 0.8rem;
    font-family: var(--font-family-serif);
    color: #fff;
    background: var(--color-blue);
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .c-category-item {
        font-size:1rem}
}

.c-modal {
    position: fixed;
    top: 0;
    z-index: 1000000;
    width: 100%;
    height: 100vh;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),visibility 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1),visibility 0.5s cubic-bezier(0.33,1,0.68,1);
    will-change: opacity,visibility}

.c-modal.is-modal-active {
    left: 0;
    pointer-events: all;
    visibility: visible;
    opacity: 1}

.c-modal__container {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch}

.c-modal__wrap {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 100vh}

.c-modal__inner {
    position: relative;
    width: 100%;
    margin: 0 auto}

.c-modal__content {
    position: relative;
    z-index: 10;
    display: none;
    margin: 0 auto;
    pointer-events: all;
    -webkit-overflow-scrolling: touch}

.c-modal__content.is-show {
    display: block}
    @media (max-width: 1024px) {
    .c-modal__content {
        width:100%}
}

.c-modal__close {
    position: fixed;
    top: 2rem;
    right: 2rem;
    z-index: 100;
    display: block;
    width: 3.6rem;
    height: 3.6rem;
    cursor: pointer;
    -webkit-transition: opacity 1s cubic-bezier(0.61,1,0.88,1) 1s;
    transition: opacity 1s cubic-bezier(0.61,1,0.88,1) 1s;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.is-page-loaded .c-modal__close {
    opacity: 1}
    @media (max-width: 1024px) {
    .c-modal__close {
        top:1.6rem;
    right: 1.6rem;
    width: 4.2rem;
    height: 4.2rem}
}
    @media (max-width: 767px) {
    .c-modal__close {
        top:0.4rem;
    right: 0.4rem;
    width: 4rem;
    height: 4rem}
}

.c-modal__close-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}

.c-modal__close-icon-bar {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5rem;
    height: 0.1rem;
    margin-left: -2.8rem;
    background: var(--color-dark)}

.c-modal__close-icon-bar:
    before {
    position: absolute;
    inset: 0;
    content: "";
    background: var(--color-dark)}

.c-modal__close-icon-bar--1 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)}

.c-modal__close-icon-bar--2 {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)}

.c-modal__close:
    hover .c-modal__close-icon-bar--2:before {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s}
    @media (max-width: 1024px) {
    .c-modal__close-icon-bar {
        width:3.2rem;
    margin-left: -1.6rem}
}
    @media (max-width: 767px) {
    .c-modal__close-icon-bar {
        width:2rem;
    margin-left: -1rem}
}

.c-modal__close-bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    border-radius: 100%}

.c-modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: var(--color-bg-primary);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.is-modal-active .c-modal__bg {
    pointer-events: all}

.c-recommend {
    padding-top: var(--space-section-sm);
    padding-bottom: var(--space-section-sm);
    margin-top: var(--space-section-md);
    background-color: var(--color-bg-light-gray)}

.c-recommend__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.c-recommend__header-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto}

.c-recommend__header-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer}
    @media (max-width: 1024px) {
    .c-recommend__header-nav-item:first-child {
        padding-left:0}

    .c-recommend__header-nav-item:
    last-child {
        padding-right: 0}
}

.c-recommend__header-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

.c-recommend__header-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)}

.c-recommend__header-button {
    margin-left: 2.8rem}
    @media (max-width: 1024px) {
    .c-recommend__header-button {
        display:none}
}

.c-recommend__body {
    margin-top: 4.8rem}
    @media (max-width: 1024px) {
    .c-recommend__body {
        margin-top:3.2rem}
}

.c-recommend__footer {
    display: none}
    @media (max-width: 1024px) {
    .c-recommend__footer {
        display:block;
    margin-top: 3.2rem}
}
    @media (max-width: 767px) {
    .c-recommend__footer {
        margin-top:2.4rem}
}

.c-recommend__footer-button {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto}

.c-recommend-list {
}

.c-recommend-card__image {
    aspect-ratio: 3/2}

.c-recommend-card__image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.c-recommend-card__body {
    margin-top: 2.4rem}

.c-recommend-card__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem}

.c-recommend-card__date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)}

.c-recommend-card__category {
    padding-left: 1.2rem;
    margin-left: 1.2rem;
    border-left: 1px solid var(--color-border-gray)}

.c-recommend-card__heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    text-align: justify}

.is-en .c-recommend-card__heading {
    text-align: left}
    @media (max-width: 1024px) {
    .c-recommend-card__heading {
        font-size:1.3rem}
}
    @font-face {
    font-family: swiper-icons;
    font-style: normal;
    font-weight: 400;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")}

:
    root {
    --swiper-theme-color: #007aff}

:
    host {
    position: relative;
    z-index: 1;
    display: block;
    margin-right: auto;
    margin-left: auto}

.swiper {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    list-style: none}

.swiper-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}

.swiper-wrapper {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform}

.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.swiper-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y}

.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x}

.swiper-slide {
    position: relative;
    display: block;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform}

.swiper-slide-invisible-blank {
    visibility: hidden}

.swiper-autoheight,.swiper-autoheight .swiper-slide {
    height: auto}

.swiper-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height,-webkit-transform;
    transition-property: height,-webkit-transform;
    transition-property: transform,height;
    transition-property: transform,height,-webkit-transform}

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px}

.swiper-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d}

.swiper-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px}

.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none}

.swiper-css-mode>.swiper-wrapper::
    -webkit-scrollbar {
    display: none}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
    -ms-scroll-snap-type: none;
    scroll-snap-type: none}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: none}

.swiper-css-mode.swiper-centered>.swiper-wrapper:
    before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999;
    content: ""}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop:always}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:
    first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:
    before {
    width:var(--swiper-centered-offset-after);
    height: 100%;
    min-height: 1px}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:
    first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start:var(--swiper-centered-offset-before)}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:
    before {
    width:100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)}

.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    pointer-events: none}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0,0,0,0.15)}

.swiper-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to left,rgba(0,0,0,0.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0))}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0)));
    background-image: linear-gradient(to bottom,rgba(0,0,0,0.5),rgba(0,0,0,0))}

.swiper-lazy-preloader {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    margin-left: -21px;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-transform-origin: 50%;
    transform-origin: 50%}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    -webkit-animation: swiper-preloader-spin 1s infinite linear;
    animation: swiper-preloader-spin 1s infinite linear}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000}
    @-webkit-keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
    transform: rotate(0deg)}

    to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)}
}
    @keyframes swiper-preloader-spin {
    0% {
        -webkit-transform: rotate(0deg);
    transform: rotate(0deg)}

    to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)}
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)}

.swiper-virtual.swiper-css-mode .swiper-wrapper:
    after {
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    content: ""}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:
    after {
    width: var(--swiper-virtual-size);
    height: 1px}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:
    after {
    width: 1px;
    height: var(--swiper-virtual-size)}

:
    root {
    --swiper-navigation-size: 44px}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset,50%);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    color: var(--swiper-navigation-color,var(--swiper-theme-color));
    cursor: pointer}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    pointer-events: none;
    cursor: auto;
    opacity: 0.35}

.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden {
    pointer-events: none;
    cursor: auto;
    opacity: 0}

.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev {
    display: none!important}

.swiper-button-next
    svg,.swiper-button-prev svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transform-origin: center;
    transform-origin: center}

.swiper-rtl .swiper-button-next
    svg,.swiper-rtl .swiper-button-prev svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)}

.swiper-button-prev,.swiper-rtl .swiper-button-next {
    right: auto;
    left: var(--swiper-navigation-sides-offset,10px)}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto}

.swiper-button-lock {
    display: none}

.swiper-button-next:
    after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    font-variant: initial;
    line-height: 1;
    text-transform: none!important;
    letter-spacing: 0}

.swiper-button-prev:
    after,.swiper-rtl .swiper-button-next:after {
    content: "prev"}

.swiper-button-next,.swiper-rtl .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset,10px);
    left: auto}

.swiper-button-next:
    after,.swiper-rtl .swiper-button-prev:after {
    content: "next"}

:
    root {
    --swiper-pagination-bullet-horizontal-gap: 0}

.swiper-pagination {
    position: absolute;
    z-index: 10;
    text-align: center;
    -webkit-transition: 300ms opacity;
    transition: 300ms opacity;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0}

.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled {
    display: none!important}

.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
    top: var(--swiper-pagination-top,auto);
    bottom: var(--swiper-pagination-bottom,8px);
    left: 0;
    width: 100%}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    position: relative;
    -webkit-transform: scale(0.33);
    transform: scale(0.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    -webkit-transform: scale(1);
    transform: scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(0.66);
    transform: scale(0.66)}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(0.33);
    transform: scale(0.33)}

.swiper-pagination-bullet {
    display: inline-block;
    width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));
    height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));
    background: var(--swiper-pagination-bullet-inactive-color,#000);
    border-radius: var(--swiper-pagination-bullet-border-radius,50%);
    opacity: var(--swiper-pagination-bullet-inactive-opacity,0.2)}
    button.swiper-pagination-bullet {
    padding: 0;
    margin: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer}

.swiper-pagination-bullet:
    only-child {
    display: none!important}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    opacity: var(--swiper-pagination-bullet-opacity,1)}

.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets {
    top: 50%;
    right: var(--swiper-pagination-right,8px);
    left: var(--swiper-pagination-left,auto);
    -webkit-transform: translate3d(0,-50%,0);
    transform: translate3d(0,-50%,0)}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    display: block;
    margin: var(--swiper-pagination-bullet-vertical-gap,6px) 0}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    width: 8px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: 200ms top,200ms -webkit-transform;
    transition: 200ms top,200ms -webkit-transform;
    transition: 200ms transform,200ms top;
    transition: 200ms transform,200ms top,200ms -webkit-transform}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,4px)}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms left,200ms -webkit-transform;
    transition: 200ms left,200ms -webkit-transform;
    transition: 200ms transform,200ms left;
    transition: 200ms transform,200ms left,200ms -webkit-transform}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: 200ms right,200ms -webkit-transform;
    transition: 200ms right,200ms -webkit-transform;
    transition: 200ms transform,200ms right;
    transition: 200ms transform,200ms right,200ms -webkit-transform}

.swiper-pagination-fraction {
    color: var(--swiper-pagination-fraction-color,inherit)}

.swiper-pagination-progressbar {
    position: absolute;
    background: var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,0.25))}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top}

.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 0;
    left: 0;
    width: 100%;
    height: var(--swiper-pagination-progressbar-size,4px)}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar {
    top: 0;
    left: 0;
    width: var(--swiper-pagination-progressbar-size,4px);
    height: 100%}

.swiper-pagination-lock {
    display: none}

:
    root {}

.swiper-scrollbar {
    position: relative;
    -ms-touch-action: none;
    touch-action: none;
    background: var(--swiper-scrollbar-bg-color,rgba(0,0,0,0.1));
    border-radius: var(--swiper-scrollbar-border-radius,10px)}

.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none!important}

.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    top: var(--swiper-scrollbar-top,auto);
    bottom: var(--swiper-scrollbar-bottom,4px);
    left: var(--swiper-scrollbar-sides-offset,1%);
    z-index: 50;
    width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
    height: var(--swiper-scrollbar-size,4px)}

.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    top: var(--swiper-scrollbar-sides-offset,1%);
    right: var(--swiper-scrollbar-right,4px);
    left: var(--swiper-scrollbar-left,auto);
    z-index: 50;
    width: var(--swiper-scrollbar-size,4px);
    height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}

.swiper-scrollbar-drag {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,0.5));
    border-radius: var(--swiper-scrollbar-border-radius,10px)}

.swiper-scrollbar-cursor-drag {
    cursor: move}

.swiper-scrollbar-lock {
    display: none}

.swiper-zoom-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center}

.swiper-zoom-container>
    canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain}

.swiper-slide-zoomed {
    -ms-touch-action: none;
    touch-action: none;
    cursor: move}

.swiper .swiper-notification {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1000;
    pointer-events: none;
    opacity: 0}

.swiper-free-mode>.swiper-wrapper {
    margin: 0 auto;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out}

.swiper-grid>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap}

.swiper-grid-column>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap}

.swiper-fade.swiper-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out}

.swiper-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none}

.swiper-fade .swiper-slide-active {
    pointer-events: auto}

.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto}

.swiper-cube {
    overflow: visible}

.swiper-cube .swiper-slide {
    z-index: 1;
    width: 100%;
    height: 100%;
    pointer-events: none;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none}

.swiper-cube.swiper-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto}

.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0.6}

.swiper-cube .swiper-cube-shadow:
    before {
    position: absolute;
    inset: 0;
    content: "";
    background: #000;
    -webkit-filter: blur(50px);
    filter: blur(50px)}

.swiper-cube .swiper-slide-next+.swiper-slide {
    pointer-events: auto;
    visibility: visible}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden}

.swiper-flip {
    overflow: visible}

.swiper-flip .swiper-slide {
    z-index: 1;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none}

.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    -webkit-transition-property: opacity,height,-webkit-transform;
    transition-property: opacity,height,-webkit-transform;
    transition-property: transform,opacity,height;
    transition-property: transform,opacity,height,-webkit-transform}

.swiper-cards {
    overflow: visible}

.swiper-cards .swiper-slide {
    overflow: hidden;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden}
    @-webkit-keyframes modal-video {
    0% {
        opacity: 0}

    to {
    opacity: 1}
}
    @keyframes modal-video {
    0% {
        opacity: 0}

    to {
    opacity: 1}
}
    @-webkit-keyframes modal-video-inner {
    0% {
        -webkit-transform: translate(0,50px);
    transform: translate(0,50px)}

    to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)}
}
    @keyframes modal-video-inner {
    0% {
        -webkit-transform: translate(0,50px);
    transform: translate(0,50px)}

    to {
    -webkit-transform: translate(0,0);
    transform: translate(0,0)}
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000000;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: rgba(0,0,0,0.6);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 1;
    -webkit-transition: opacity 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: opacity 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-animation-name: modal-video;
    animation-name: modal-video;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.16,1,0.3,1);
    animation-timing-function: cubic-bezier(0.16,1,0.3,1);
    will-change: backdrop-filter,opacity}

.modal-video-close {
    opacity: 0}

.modal-video-close .modal-video-movie-wrap {
    -webkit-transform: translate(0,50px);
    transform: translate(0,50px)}

.modal-video-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 90vw;
    height: 100%;
    padding: 0 10px;
    margin: 0 auto}
    @media (max-width: 767px) {
    .modal-video-body {
        max-width:96vw}
}

.modal-video-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%}
    @media (orientation: landscape) {
    .modal-video-inner {
        -webkit-box-sizing:border-box;
    box-sizing: border-box;
    padding: 10px 60px}
}

.modal-video-movie-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    background-color: #333;
    transition: -webkit-transform 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.3s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.3s cubic-bezier(0.16,1,0.3,1),-webkit-transform 0.3s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
    -webkit-animation-name: modal-video-inner;
    animation-name: modal-video-inner;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: cubic-bezier(0.16,1,0.3,1);
    animation-timing-function: cubic-bezier(0.16,1,0.3,1)}

.modal-video-movie-wrap
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}

.modal-video-close-btn {
    position: absolute;
    top: -45px;
    right: 0;
    z-index: 2;
    display: inline-block;
    display: none;
    width: 35px;
    height: 35px;
    overflow: hidden;
    background: transparent;
    border: none}
    @media (orientation: landscape) {
    .modal-video-close-btn {
        top:0;
    right: -45px}
}

.modal-video-close-btn:
    before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)}

.modal-video-close-btn:
    after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)}

.modal-video-close-btn:
    after,.modal-video-close-btn:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -6px;
    content: "";
    background: #fff;
    border-radius: 5px}

.c-typo-anim {
    clip-path: polygon(0 -50%,100% -50%,100% -50%,0 0%);
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    will-change: clip-path,transform}

.c-typo-anim.is-onscreen,.is-onscreen .c-typo-anim {
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    -webkit-transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    transition: clip-path 1s cubic-bezier(0.16,1,0.3,1) 0.2s,transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s,-webkit-transform 1s cubic-bezier(0.16,1,0.3,1) 0.2s;
    -webkit-transform: translateY(0);
    transform: translateY(0)}

.c-anchor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2rem;
    width: 34rem;
    padding-left: 2rem;
    border-left: solid 1px var(--color-border-dark-gray)}
    @media (max-width: 767px) {
    .c-anchor {
        width:100%;
    padding-left: 1.5rem}
}

.c-anchor__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.c-anchor__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    overflow: hidden;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s}
    @media (hover: hover) and (pointer:fine) {
    a:hover .c-anchor__name {
        opacity:0.3}
}
    @media (max-width: 767px) {
    .c-anchor__name {
        -webkit-column-gap:0.8rem;
    -moz-column-gap: 0.8rem;
    column-gap: 0.8rem}
}

.c-anchor__name-main {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng)}
    @media (max-width: 767px) {
    .c-anchor__name-main {
        font-size:1.3rem}
}

.c-anchor__name-sub {
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-l);
    font-family: var(--font-family-serif)}

.is-en .c-anchor__name-sub {
    display: none}
    @media (max-width: 767px) {
    .c-anchor__name-sub {
        font-size:1rem}
}

.c-anchor__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 1.5rem;
    margin-left: auto;
    overflow: hidden}
    @media (hover: hover) and (pointer:fine) {
    a:hover .c-anchor__icon svg {
        -webkit-animation:down 0.6s cubic-bezier(0.33,1,0.68,1) forwards;
    animation: down 0.6s cubic-bezier(0.33,1,0.68,1) forwards}
}

.c-slider-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.8rem;
    -moz-column-gap: 0.8rem;
    column-gap: 0.8rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.c-slider-pagination .swiper-pagination-bullet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.6rem;
    height: 1.6rem;
    background: none!important;
    opacity: 1!important}

.c-slider-pagination .swiper-pagination-bullet:
    after {
    display: block;
    width: 0.6rem;
    height: 0.6rem;
    content: "";
    background: var(--color-dark)!important;
    border-radius: 100%}

.c-slider-pagination .swiper-pagination-bullet-active:
    after {
    background: var(--color-blue)!important}

.c-slider-pagination[
    data-color=white] .swiper-pagination-bullet:after,.c-slider-pagination[date-color=white] .swiper-pagination-bullet:after {
    background: #fff!important}

.c-slider-pagination[
    data-color=white] .swiper-pagination-bullet-active:after,.c-slider-pagination[date-color=white] .swiper-pagination-bullet-active:after {
    background: var(--color-dark-blue)!important}

.c-floating-reservation {
    position: fixed;
    right: 2rem;
    bottom: 0;
    z-index: 100;
    display: block;
    width: 26rem;
    height: 5.5rem;
    color: #fff;
    background-color: var(--color-dark-blue);
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s}

.c-floating-reservation:
    hover {
    color: #fff;
    background-color: var(--color-dark-blue-hover)}
    @media (max-width: 767px) {
    .c-floating-reservation {
        right:0;
    width: 20rem;
    height: 4.8rem}
}

.c-floating-reservation__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%;
    padding: 0 3rem}
    @media (max-width: 767px) {
    .c-floating-reservation__inner {
        padding:0 2rem}
}

.c-floating-reservation__heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .c-floating-reservation__heading {
        font-size:1.3rem}
}

.c-floating-reservation__heading-sub {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng);
    opacity: 0.6}

.c-tab__nav {
    max-width: 85%;
    margin: 0 auto}
    @media (max-width: 767px) {
    .c-tab__nav {
        max-width:initial;
    margin: 0 -1.5rem}
}

.c-tab__nav-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    padding-top: 8rem;
    margin-top: -8rem}

.c-tab__nav-menu-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 6rem;
    padding: 1.6rem 0;
    text-align: center;
    cursor: pointer;
    background: var(--color-bg-gray)}

.c-tab__nav-menu-item.is-current {
    color: #fff;
    background: var(--color-dark-blue)}

.c-tab__nav-menu-item.is-current:
    after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    content: "";
    border-color: var(--color-dark-blue) transparent transparent;
    border-style: solid;
    border-width: 6px 4px 0;
    -webkit-transform: translate(-50%,100%);
    transform: translate(-50%,100%)}
    @media (max-width: 767px) {
    .c-tab__nav-menu-item {
        min-height:4rem;
    padding: 1.2rem 0}
}

.c-tab__nav-menu-button-label {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .c-tab__nav-menu-button-label {
        font-size:1.5rem}
}
    @media (max-width: 767px) {
    .c-tab__nav-menu-button-label {
        font-size:1.4rem}
}

.c-tab__body-container {
    display: none}

.c-tab__body-container.is-show {
    display: block}

.c-side-nav {
    position: sticky;
    top: 12rem;
    max-width: 30rem}
    @media (max-width: 1024px) {
    .c-side-nav {
        position:relative;
    top: 0;
    width: 100%;
    max-width: 100%;
    background-color: var(--color-bg-light-gray);
    border-radius: 0.5rem;
    -webkit-transition: background-color 0.3s cubic-bezier(0.33,1,0.68,1);
    transition: background-color 0.3s cubic-bezier(0.33,1,0.68,1);
    will-change: background-color}

    .c-side-nav.is-open {
    background-color: var(--color-bg-gray)}
}

.c-side-nav__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}
    @media (max-width: 1024px) {
    .c-side-nav__header {
        position:relative;
    z-index: 1;
    padding: 0;
    padding: 3rem 2.5rem}
}
    @media (max-width: 767px) {
    .c-side-nav__header {
        padding:2.5rem 2rem}
}

.c-side-nav__header-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    font-family: var(--font-family-serif)}

.c-side-nav__header-toggle {
    position: relative;
    display: none;
    width: 11px;
    height: 11px}

.c-side-nav__header-toggle:
    after,.c-side-nav__header-toggle:before {
    position: absolute;
    z-index: 1;
    display: block;
    content: "";
    background-color: var(--color-dark)}

.c-side-nav__header-toggle:
    before {
    top: 0;
    left: calc(50% - 0.5px);
    width: 1px;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.65,0,0.35,1);
    transition: -webkit-transform 0.3s cubic-bezier(0.65,0,0.35,1);
    transition: transform 0.3s cubic-bezier(0.65,0,0.35,1);
    transition: transform 0.3s cubic-bezier(0.65,0,0.35,1),-webkit-transform 0.3s cubic-bezier(0.65,0,0.35,1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transform-origin: center top;
    transform-origin: center top;
    will-change: transform}

.c-side-nav__header-toggle:
    after {
    top: calc(50% - 0.5px);
    left: 0;
    width: 100%;
    height: 1px}

.is-open .c-side-nav__header-toggle:
    before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom}
    @media (max-width: 1024px) {
    .c-side-nav__header-toggle {
        display:block}
}
    @media (max-width: 1024px) {
    .c-side-nav__body {
        position:relative;
    z-index: 1;
    height: 0;
    overflow: hidden}
}

.c-side-nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 4rem}
    @media (max-width: 1024px) {
    .c-side-nav__list {
        row-gap:1.2rem;
    padding: 0 2.5rem 3rem}
}
    @media (max-width: 1024px) {
    .c-side-nav__list {
        padding:0 2rem 2.5rem}
}

.c-side-nav__list-item {
    position: relative}

.c-side-nav__list-link {
    position: relative;
    display: block}

.c-side-nav__list-label {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: inline;
    font-family: var(--font-family-serif);
    background: -webkit-gradient(linear,left top,left bottom,from(var(--color-font-dark)),to(var(--color-font-dark))) 100% 100%/0 1px no-repeat;
    background: linear-gradient(var(--color-font-dark),var(--color-font-dark)) 100% 100%/0 1px no-repeat;
    -webkit-transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size}

.is-current .c-side-nav__list-label {
    background-position: 0 100%;
    background-size: 100% 1px}
    @media (hover: hover) and (pointer:fine) {
    a:hover .c-side-nav__list-label {
        background-position:0 100%;
    background-size: 100% 1px}
}

.c-table {
    width: 100%}
    @media (max-width: 767px) {
    .c-table {
        display:block}

    .c-table colgroup {
    display: none}
}
    @media (max-width: 767px) {
    .c-table__row {
        display:-webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%}
}

.c-table__heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    padding: 2rem 2rem 2rem 0;
    border-bottom: 1px solid var(--color-border-gray)}

.c-table__heading[
    data-font-size=sm],[data-font-size=sm] .c-table__heading {
    font-size: var(--font-size-body-sm)}
    @media (max-width: 767px) {
    .c-table__heading {
        padding:2rem 0 0 0;
    margin-bottom: 1.2rem;
    font-size: 1.3rem;
    border-bottom: none}
}

.c-table__desc {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-border-gray)}

.c-table__desc[
    data-font-size=sm],[data-font-size=sm] .c-table__desc {
    font-size: var(--font-size-body-sm)}
    @media (max-width: 767px) {
    .c-table__desc {
        padding:0 0 2rem;
    font-size: 1.3rem}
}

.c-list {
    position: relative}

.c-list[
    data-type=num] {
    counter-reset: circle 0}

.c-list__item {
    font-size: var(--font-size-body-md);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body);
    position: relative;
    text-align: justify}

.is-en .c-list__item {
    text-align: left}

[
    data-type=disc] .c-list__item {
    padding-left: 1.2em}

[
    data-type=disc] .c-list__item:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    font-weight: bold;
    content: "・"}

[
    data-type=num] .c-list__item {
    padding-left: 2em}

[
    data-type=num] .c-list__item:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    display: block;
    width: 2.4rem;
    text-align: right;
    content: counter(circle) ".";
    counter-increment: circle 1}

.c-list__item[
    data-font-size=sm],[data-font-size=sm] .c-list__item {
    font-size: var(--font-size-body-sm)}

::
    -webkit-input-placeholder {
    color: #848280}

::
    -moz-placeholder {
    color: #848280}

:
    -ms-input-placeholder {
    color: #848280}

::
    -ms-input-placeholder {
    color: #848280}

::
    placeholder {
    color: #848280}

::
    input-placeholder {
    color: #848280}

:
    input-placeholder {
    color: #848280}

.wpcf7
    form .wpcf7-response-output {
    margin-right: 0;
    margin-left: 0}

.wpcf7-form-control-wrap>.wpcf7-not-valid-tip {
    display: none;
    margin-top: 10px}

.wpcf7-form-control-wrap.is-show>.wpcf7-not-valid-tip {
    display: block}

.wpcf7-submit:
    disabled {
    opacity: 0.3}

.wpcf7-form-control-wrap {
    width: 100%}

.c-form {
    max-width: 100rem}

.c-form[
    date-status=confirm] {
    margin: 0 auto}
    @media (max-width: 1024px) {
    .c-form {
        max-width:initial}
}

.c-form__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-top: 3.2rem}

[
    date-status=confirm] .c-form__header {
    margin-top: 0}
    @media (max-width: 767px) {
    .c-form__header {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    margin-top: 3.2rem}
}

.c-form__header-note {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto}
    @media (max-width: 767px) {
    .c-form__header-note {
        margin-top:1.2rem;
    margin-left: 0;
    font-size: 1rem}
}

.c-form__body {
    margin-top: 4.6rem}
    @media (max-width: 767px) {
    .c-form__body {
        margin-top:3.2rem}
}

.c-form__block {
    margin-top: 4rem}

.c-form__block:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .c-form__block {
        margin-top:3.2rem}
}
    @media (max-width: 767px) {
    .c-form__block {
        margin-top:2rem}
}

.c-form__block-body {
    margin-top: 1rem}

.c-form__block-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin: 1rem 0 0}

.c-form__block-row:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .c-form__block-row {
        -webkit-column-gap:2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
}
    @media (max-width: 767px) {
    .c-form__block-row {
        -webkit-column-gap:1.6rem;
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem}
}

.c-form__block-col {
    width: calc(50% - 2rem)}

.c-form__block-col[
    data-width="100%"] {
    width: 100%}
    @media (max-width: 1024px) {
    .c-form__block-col {
        width:calc(50% - 1rem)}
}
    @media (max-width: 767px) {
    .c-form__block-col {
        -webkit-box-flex:1;
    -ms-flex: 1;
    flex: 1;
    width: calc(50% - 0.8rem)}
}

.c-form__footer {
    margin-top: 2.8rem}
    @media (max-width: 767px) {
    .c-form__footer {
        margin-top:2.4rem}
}

.c-form-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.c-form-nav__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 6rem}

.c-form-nav__item:
    after {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    width: 3rem;
    height: 1px;
    content: "";
    background: var(--color-border-dark-gray);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.c-form-nav__item:
    last-child {
    padding-right: 0}

.c-form-nav__item:
    last-child:after {
    display: none}

.c-form-nav__item-icon {
    display: block;
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 0.5rem;
    border: 1px solid var(--color-border-gray);
    border-radius: 100%}

.is-current .c-form-nav__item-icon {
    background: var(--color-dark-blue);
    border: 1px solid var(--color-dark-blue)}

.c-form-nav__item-text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: 0;
    font-family: var(--font-family-eng-sub);
    color: #999}

.is-current .c-form-nav__item-text {
    color: var(--color-font-dark)}

.c-form-require {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    margin: 0 0.2rem;
    color: #f44}
    @media (max-width: 767px) {
    .c-form-require {
        font-size:1.2rem}
}

.c-form-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .c-form-label {
        font-size:1.3rem}
}

.c-form-select {
    position: relative;
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}

.c-form-select
    select {
    width: 100%;
    height: 5rem;
    padding: 0 2.4rem;
    background: var(--color-bg-gray)}

[
    date-status=confirm] .c-form-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2.4rem 1.2rem;
    background: var(--color-bg-light-gray)}
    @media (max-width: 767px) {
    .c-form-select {
        font-size:1.2rem}

    .c-form-select select {
    padding: 0 1.5rem}

    [date-status=confirm] .c-form-select {
    padding: 1rem 1.5rem 1.2rem}
}

.c-form-select__icon {
    position: absolute;
    top: 2rem;
    right: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 1.02rem;
    pointer-events: none}

.c-form-input {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}

.c-form-input
    input {
    width: 100%;
    height: 5rem;
    padding: 0 2.4rem;
    background: var(--color-bg-gray)}

[
    date-status=confirm] .c-form-input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 1rem 2.4rem 1.2rem;
    background: var(--color-bg-light-gray)}
    @media (max-width: 767px) {
    .c-form-input {
        font-size:1.2rem}

    .c-form-input input {
    padding: 0 1.5rem}

    [date-status=confirm] .c-form-input {
    padding: 1rem 1.5rem 1.2rem}
}

.c-form-textarea {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}

.c-form-textarea
    textarea {
    width: 100%;
    height: 30rem;
    padding: 1.2rem 2.4rem;
    background: var(--color-bg-gray)}

[
    date-status=confirm] .c-form-textarea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 2.4rem 2.4rem 2.8rem;
    background: var(--color-bg-light-gray)}
    @media (max-width: 767px) {
    .c-form-textarea {
        font-size:1.2rem}

    .c-form-textarea textarea {
    padding: 0.8rem 1.5rem}

    [date-status=confirm] .c-form-textarea {
    padding: 2rem 1.5rem 1.6rem}
}

.c-form-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .c-form-button {
        -webkit-column-gap:2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
}
    @media (max-width: 767px) {
    .c-form-button {
        -webkit-box-orient:vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    row-gap: 1.2rem;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0}
}

.c-form-button__col {
    width: calc(50% - 2rem)}
    @media (max-width: 1024px) {
    .c-form-button__col {
        width:calc(50% - 1rem)}
}
    @media (max-width: 767px) {
    .c-form-button__col {
        width:100%}
}

.c-form-button__item {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 7rem;
    color: #fff;
    cursor: pointer;
    background: var(--color-dark-blue)}

.c-form-button__item.is-border,.c-form-button__item[
    data-type=border] {
    color: var(--color-dark);
    background: none;
    border: 1px solid var(--color-border-dark-gray, )}

.c-form-password {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem}
    @media (max-width: 767px) {
    .c-form-password {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.8rem}
}

.c-form-password__input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.6rem;
    padding: 1.6rem 2.4rem;
    color: var(--color-dark);
    background-color: var(--color-bg-gray)}
    @media (max-width: 767px) {
    .c-form-password__input {
        width:100%;
    height: 4.8rem;
    padding: 1.2rem 2rem}
}

.c-form-password__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14rem;
    height: 5.6rem;
    text-align: center;
    background-color: var(--color-blue)}

[
    data-page=connoisseur] .c-form-password__button {
    background-color: var(--color-gold)}
    @media (max-width: 767px) {
    .c-form-password__button {
        width:100%;
    height: 4.8rem}
}

.c-editor,.wp-editor {
    font-size: var(--font-size-body-lg)}

.c-editor .has-white-color,.wp-editor .has-white-color {
    color: #fff}

.c-editor .has-red-color,.wp-editor .has-red-color {
    color: #ff3535}

.c-editor .has-gold-color,.wp-editor .has-gold-color {
    color: #a89469}

.c-editor .has-blue-color,.wp-editor .has-blue-color {
    color: #5988c6}

.c-editor .has-x-large-font-size,.wp-editor .has-x-large-font-size {
    font-size: var(--font-size-heading-md)}

.c-editor .has-large-font-size,.wp-editor .has-large-font-size {
    font-size: var(--font-size-heading-sm)}

.c-editor .has-medium-font-size,.wp-editor .has-medium-font-size {
    font-size: var(--font-size-body-lg)}

.c-editor .has-small-font-size,.wp-editor .has-small-font-size {
    font-size: var(--font-size-body-sm)}

.c-editor .wp-element-caption,.wp-editor .wp-element-caption {
    font-size: var(--font-size-body-sm)}

.c-editor>:
    first-child,.wp-editor>:first-child {
    margin-top: 0!important}

.c-editor
    a:not(.c-button-rect,.wp-element-button),.wp-editor a:not(.c-button-rect,.wp-element-button) {
    display: inline;
    background: -webkit-gradient(linear,left top,left bottom,from(var(--color-font-dark)),to(var(--color-font-dark))) 0 100%/100% 1px no-repeat;
    background: linear-gradient(var(--color-font-dark),var(--color-font-dark)) 0 100%/100% 1px no-repeat;
    -webkit-transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    transition: background-size 1.2s cubic-bezier(0.33,1,0.68,1) 0s;
    will-change: background-size}

.c-editor
    a:not(.c-button-rect,.wp-element-button):hover,.wp-editor a:not(.c-button-rect,.wp-element-button):hover,a:hover .c-editor a:not(.c-button-rect,.wp-element-button),a:hover .wp-editor a:not(.c-button-rect,.wp-element-button) {
    background-position: 100% 100%;
    background-size: 0 1px}

.c-editor .c-button-rect,.c-editor .wp-block-buttons,.wp-editor .c-button-rect,.wp-editor .wp-block-buttons {
    margin-top: 3.2rem;
    margin-bottom: 0}

.c-editor .wp-block-buttons,.wp-editor .wp-block-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.c-editor .wp-element-button,.wp-editor .wp-element-button {
    font-size: 1.4rem;
    font-weight: 350;
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    z-index: 2;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 32rem;
    min-height: 5.6rem;
    padding: 0 5rem;
    overflow: hidden;
    font-family: Cardo,var(--font-family-serif);
    color: #fff;
    background-color: var(--color-blue);
    border: 1px solid var(--color-blue);
    border-radius: 0;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
    will-change: background-color}
    @media (hover: hover) and (pointer:fine) {
    .c-editor .wp-element-button:hover,.wp-editor .wp-element-button:hover {
        background-color:var(--color-blue-hover)}
}
    @media (max-width: 1024px) {
    .c-editor .wp-element-button,.wp-editor .wp-element-button {
        font-size:1.2rem}
}
    @media (max-width: 767px) {
    .c-editor .wp-element-button,.wp-editor .wp-element-button {
        width:100%;
    min-width: initial;
    padding: 0 4rem}
}

.c-editor .is-style-outline .wp-element-button,.wp-editor .is-style-outline .wp-element-button {
    border: 1px solid var(--color-border-dark-gray)}
    @media (hover: hover) and (pointer:fine) {
    .c-editor .is-style-outline .wp-element-button:hover,.wp-editor .is-style-outline .wp-element-button:hover {
        background-color:var(--color-white-hover)}
}

.c-editor .wp-block-columns,.wp-editor .wp-block-columns {
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4.8rem}

.c-editor .wp-block-columns
    figure,.wp-editor .wp-block-columns figure {
    margin: 2rem 0 0}

.c-editor .wp-block-columns
    figure>:first-child,.wp-editor .wp-block-columns figure>:first-child {
    margin-top: 0!important}

.c-editor .wp-block-column>:
    first-child,.wp-editor .wp-block-column>:first-child {
    margin-top: 0!important}

.c-editor
    h1,.c-editor h2,.wp-editor h1,.wp-editor h2 {
    font-size: var(--font-size-heading-md);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    padding: 3rem 0;
    margin-top: 8rem;
    margin-bottom: 4.8rem;
    font-family: var(--font-family-serif);
    border-top: 1px solid var(--color-border-gray);
    border-bottom: 5px solid var(--color-dark-blue)}

.c-editor
    h3,.wp-editor h3 {
    font-size: var(--font-size-heading-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding: 0 0 0 2.4rem;
    margin-top: 8rem;
    margin-bottom: 4rem;
    font-family: var(--font-family-serif)}

.c-editor
    h3:before,.wp-editor h3:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 2px;
    height: 100%;
    content: "";
    background: var(--color-dark-blue)}

.c-editor
    h3:after,.wp-editor h3:after {
    position: absolute;
    bottom: -2rem;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-border-gray)}

.c-editor
    h4,.wp-editor h4 {
    font-size: var(--font-size-heading-xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    position: relative;
    padding: 0 0 0 2rem;
    margin-top: 5rem;
    margin-bottom: 3.2rem;
    font-family: var(--font-family-serif)}

.c-editor
    h4:before,.wp-editor h4:before {
    position: absolute;
    top: 50%;
    left: 0;
    width: 1rem;
    height: 1rem;
    content: "";
    background: var(--color-blue);
    border-radius: 100%;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)}

.c-editor
    h4:after,.wp-editor h4:after {
    position: absolute;
    bottom: -1.2rem;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-border-gray)}

.c-editor
    h5,.c-editor h6,.wp-editor h5,.wp-editor h6 {
    font-size: var(--font-size-heading-2xs);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    margin-top: 4rem;
    margin-bottom: 2rem;
    font-family: var(--font-family-serif)}

.c-editor
    p,.wp-editor p {
    font-size: var(--font-size-body-lg);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-body);
    letter-spacing: var(--letter-spacing-body);
    margin-top: 2rem}

.c-editor
    p>:first-child,.wp-editor p>:first-child {
    margin-top: 0}

.c-editor
    ul,.wp-editor ul {
    margin-top: 3.2rem;
    margin-bottom: 2rem}

.c-editor
    ul li,.wp-editor ul li {
    position: relative;
    padding-left: 1em;
    text-align: justify}

.is-en .c-editor
    ul li,.is-en .wp-editor ul li {
    text-align: left}

.c-editor
    ul li:before,.wp-editor ul li:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    font-weight: bold;
    content: "・"}

.c-editor
    ol,.wp-editor ol {
    margin-top: 3.2rem;
    margin-bottom: 2rem;
    counter-reset: circle 0}

.c-editor
    ol li,.wp-editor ol li {
    position: relative;
    padding-left: 2.8rem;
    text-align: justify}

.is-en .c-editor
    ol li,.is-en .wp-editor ol li {
    text-align: left}

.c-editor
    ol li:before,.wp-editor ol li:before {
    position: absolute;
    top: 0;
    left: 0.2rem;
    display: block;
    width: 2.4rem;
    text-align: right;
    content: counter(circle) ".";
    counter-increment: circle 1}

.c-editor
    dt,.wp-editor dt {
    font-weight: 700}

.c-editor
    img,.wp-editor img {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem}

.c-editor
    figure,.wp-editor figure {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem}

.c-editor
    figure>img:first-child,.wp-editor figure>img:first-child {
    margin-top: 0}

.c-editor
    figure img,.wp-editor figure img {
    margin-bottom: 0}

.c-editor
    figcaption,.wp-editor figcaption {
    margin-top: 1.6rem;
    margin-bottom: 0}

.c-editor
    table td,.c-editor table th,.wp-editor table td,.wp-editor table th {
    border-color: var(--color-border-gray)}

.c-editor .plan_table,.wp-editor .plan_table {
    margin-bottom: 6rem}

.c-editor .plan_table
    table,.wp-editor .plan_table table {
    border: none!important}

.c-editor .plan_table
    tr>:first-child,.wp-editor .plan_table tr>:first-child {
    padding-top: 1.6rem;
    padding-right: 1.6rem;
    padding-bottom: 1.6rem;
    font-weight: 700;
    white-space: nowrap}

.c-editor .plan_table
    tr>:first-child:after,.wp-editor .plan_table tr>:first-child:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--color-blue)}

.c-editor .plan_table
    td,.wp-editor .plan_table td {
    position: relative;
    padding: 1.6rem 0 1.6rem 0.8rem;
    vertical-align: middle;
    border-right: none!important;
    border-bottom: 1px solid var(--color-border-gray)!important;
    border-left: none!important}

.c-editor
    hr,.wp-editor hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: 6rem 0;
    background-color: var(--color-border-gray);
    border: none}

.c-editor
    strong,.wp-editor strong {
    font-weight: bold}

.c-editor
    b,.wp-editor b {
    font-weight: 700}

.c-editor
    blockquote,.wp-editor blockquote {
    position: relative;
    display: inline-block;
    padding: 1em}

.c-editor
    blockquote:before,.wp-editor blockquote:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '"'}

.c-editor
    blockquote:after,.wp-editor blockquote:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: '"'}

.c-editor
    pre,.wp-editor pre {
    display: block;
    padding: 0.6em;
    margin: 0 0 0.8em;
    font-size: 0.8em;
    line-height: 1.4;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px}

.c-editor
    pre code,.wp-editor pre code {
    padding: 0;
    font-size: inherit;
    color: inherit;
    white-space: pre-wrap;
    background-color: transparent;
    border-radius: 0}

.c-editor
    strong,.wp-editor strong {
    font-weight: bold}

.c-editor
    em,.wp-editor em {
    font-style: italic}

.c-editor
    del,.wp-editor del {
    text-decoration: line-through}

.c-editor .alignleft,.wp-editor .alignleft {
    margin-right: 0}

.c-editor .alignright,.wp-editor .alignright {
    margin-left: 0}

.c-editor .aligncenter,.wp-editor .aligncenter {
    display: block;
    margin-right: auto;
    margin-left: auto;
    clear: both}

.c-editor
    img[class*=attachment-],.c-editor img[class*=wp-image-],.wp-editor img[class*=attachment-],.wp-editor img[class*=wp-image-] {
    max-width: 100%;
    height: auto}
    @media (max-width: 1024px) {
    .c-editor,.wp-editor {}

    .c-editor .c-button-rect,.c-editor .wp-element-button,.wp-editor .c-button-rect,.wp-editor .wp-element-button {
    margin-top: 2.8rem}

    .c-editor .wp-block-columns,.wp-editor .wp-block-columns {
    row-gap: 2rem;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem}

    .c-editor .wp-block-columns figure,.wp-editor .wp-block-columns figure {
    margin: 0.8rem 0 0}

    .c-editor .wp-block-columns figure>:
    first-child,.wp-editor .wp-block-columns figure>:first-child {
        margin-top: 0!important}

    .c-editor h1,.c-editor h2,.wp-editor h1,.wp-editor h2 {
    padding: 2.8rem 0;
    margin-top: 6.8rem;
    margin-bottom: 4.2rem;
    border-bottom: 4px solid var(--color-dark-blue)}

    .c-editor h3,.wp-editor h3 {
    padding: 0 0 0 1.6rem;
    margin-top: 6.8rem;
    margin-bottom: 4rem}

    .c-editor h3:
    after,.wp-editor h3:after {
        bottom: -1.8rem}

    .c-editor h4,.wp-editor h4 {
    padding: 0 0 0 1.6rem;
    margin-top: 4.8rem;
    margin-bottom: 3.2rem}

    .c-editor h4:
    before,.wp-editor h4:before {
        width: 0.8rem;
    height: 0.8rem;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)}

    .c-editor h4:
    after,.wp-editor h4:after {
        bottom: -0.6rem}

    .c-editor h5,.c-editor h6,.wp-editor h5,.wp-editor h6 {
    margin-top: 3.2rem;
    margin-bottom: 2rem}

    .c-editor p,.wp-editor p {
    margin-top: 2.8rem}

    .c-editor ul,.wp-editor ul {
    margin-top: 2.8rem;
    margin-bottom: 1.6rem}

    .c-editor ol,.wp-editor ol {
    margin-top: 2.8rem;
    margin-bottom: 1.6rem}

    .c-editor ol li,.wp-editor ol li {
    padding-left: 2.8rem}

    .c-editor img,.wp-editor img {
    width: initial;
    max-width: 100%;
    height: auto;
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
    overflow: hidden}

    .c-editor figure,.wp-editor figure {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem}

    .c-editor figcaption,.wp-editor figcaption {
    margin-top: 1.6rem}

    .c-editor hr,.wp-editor hr {
    margin: 4.8rem 0}
}
    @media (max-width: 767px) {
    .c-editor .c-button-rect,.c-editor .wp-element-button,.wp-editor .c-button-rect,.wp-editor .wp-element-button {
        margin-top:2rem}

    .c-editor .col_img_right,.wp-editor .col_img_right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse}

    .c-editor h1,.c-editor h2,.wp-editor h1,.wp-editor h2 {
    padding: 2.5rem 0;
    margin-top: 6rem;
    margin-bottom: 4rem;
    border-bottom: 3px solid var(--color-dark-blue)}

    .c-editor h3,.wp-editor h3 {
    padding: 0 0 0 1.6rem;
    margin-top: 6rem;
    margin-bottom: 4rem}

    .c-editor h3:
    after,.wp-editor h3:after {
        bottom: -1.8rem}

    .c-editor h4,.wp-editor h4 {
    padding: 0 0 0 1.6rem;
    margin-top: 4rem;
    margin-bottom: 2.4rem}

    .c-editor h4:
    before,.wp-editor h4:before {
        width: 0.8rem;
    height: 0.8rem;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%)}

    .c-editor h4:
    after,.wp-editor h4:after {
        bottom: -0.6rem}

    .c-editor h5,.c-editor h6,.wp-editor h5,.wp-editor h6 {
    margin-top: 3.2rem;
    margin-bottom: 1.6rem}

    .c-editor p,.wp-editor p {
    margin-top: 2.4rem}

    .c-editor ul,.wp-editor ul {
    margin-top: 2.8rem;
    margin-bottom: 1.6rem}

    .c-editor ol,.wp-editor ol {
    margin-top: 2.8rem;
    margin-bottom: 1.6rem}

    .c-editor ol li,.wp-editor ol li {
    padding-left: 2.8rem}

    .c-editor img,.wp-editor img {
    width: initial;
    max-width: 100%;
    height: auto;
    margin-top: 4rem;
    margin-bottom: 4rem;
    overflow: hidden}

    .c-editor figure,.wp-editor figure {
    margin-top: 4rem;
    margin-bottom: 4rem}

    .c-editor figcaption,.wp-editor figcaption {
    margin-top: 1.6rem}

    .c-editor hr,.wp-editor hr {
    margin: 4rem 0}

    .c-editor .wp-block-table,.wp-editor .wp-block-table {
    overflow-x: auto;
    overflow-y: hidden}

    .c-editor table,.wp-editor table {
    white-space: nowrap}

    .c-editor .plan_table table,.wp-editor .plan_table table {
    display: block;
    width: 100%}

    .c-editor .plan_table tr>:
    first-child,.wp-editor .plan_table tr>:first-child {
        padding: 1.6rem 0 0.8rem}

    .c-editor .plan_table td,.wp-editor .plan_table td {
    display: block;
    width: 100%;
    padding: 1.6rem 0}
}

.c-editor__footer {
    padding-top: 2rem;
    margin-top: 10rem;
    border-top: solid 1px var(--color-border-gray)}

.c-editor__footer>:
    first-child {
    padding-top: 0!important}
    @media (max-width: 1024px) {
    .c-editor__footer {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .c-editor__footer {
        margin-top:6rem}
}

.c-post-video {
    margin-bottom: 8.8rem}
    @media (max-width: 1024px) {
    .c-post-video {
        margin-right:calc(var(--site-padding) * -1);
    margin-bottom: 7.2rem;
    margin-left: calc(var(--site-padding) * -1)}
}
    @media (max-width: 767px) {
    .c-post-video {
        margin-bottom:6rem}
}

.c-post-video__inner
    iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9}

.c-post-slider {
    margin-bottom: 8.8rem}
    @media (max-width: 1024px) {
    .c-post-slider {
        margin-right:calc(var(--site-padding) * -1);
    margin-bottom: 7.2rem;
    margin-left: calc(var(--site-padding) * -1)}
}
    @media (max-width: 767px) {
    .c-post-slider {
        margin-bottom:6rem}
}

.c-post-slider__item {
    aspect-ratio: 3/2}

.c-post-slider__item
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.c-post-slider__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1.2rem}
    @media (max-width: 1024px) {
    .c-post-slider__nav {
        margin-right:var(--site-padding)}
}
    @media (max-width: 767px) {
    .c-post-navi {
        margin-right:calc(var(--site-padding) * -1);
    margin-left: calc(var(--site-padding) * -1)}
}

.c-post-navi__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4rem 0;
    border-top: 1px solid var(--color-border-gray);
    border-bottom: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .c-post-navi__inner {
        padding:2.4rem 0}
}

.c-post-navi__item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 50%}

.c-post-navi__item[
    data-type=prev] {
    padding-right: 4rem}

.c-post-navi__item[
    data-type=next] {
    padding-left: 4rem}

.c-post-navi__item:nth-child(2) {
    border-left: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .c-post-navi__item[data-type=prev] {
        padding-right:2rem}

    .c-post-navi__item[data-type=next] {
    padding-left: 2rem}
}

.c-post-navi__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

[
    data-type=prev] .c-post-navi__item-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse}

.c-post-navi__item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

[
    data-type=prev] .c-post-navi__item-inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse}
    @media (max-width: 767px) {
    .c-post-navi__item-inner {
        -webkit-box-align:initial;
    -ms-flex-align: initial;
    align-items: initial}
}

.c-post-navi__item-image {
    width: 12rem;
    aspect-ratio: 4/3}

.c-post-navi__item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}
    @media (max-width: 767px) {
    .c-post-navi__item-image {
        width:4rem;
    aspect-ratio: initial}
}

.c-post-navi__item-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 3rem;
    font-family: var(--font-family-serif)}

[
    data-type=prev] .c-post-navi__item-label {
    text-align: right}
    @media (max-width: 1024px) {
    .c-post-navi__item-label {
        display:-webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4}
}
    @media (max-width: 767px) {
    .c-post-navi__item-label {
        padding:0 2rem;
    font-size: 1.1rem;
    -webkit-line-clamp: 3}
}
    @media (max-width: 767px) {
    .c-post-navi__item-icon {
        display:none}
}

.c-post-navi__index {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .c-post-navi__index {
        margin-top:3.2rem}
}
    @media (max-width: 767px) {
    .c-post-navi__index {
        margin-top:2.4rem}
}
    @media (max-width: 767px) {
    .c-scroll-content {
        margin:0 calc(var(--site-padding) * -1);
    overflow: auto}

    .c-scroll-content::
    -webkit-scrollbar {
        display: none}
}
    @media (max-width: 767px) {
    .c-scroll-content__inner {
        padding-left:var(--site-padding)}
}

.c-booking {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 3rem 0}
    @media (max-width: 1024px) {
    .c-booking {
        display:block;
    padding: 0}
}

.c-booking__date {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-column-gap: 2.0833333333vw;
    -moz-column-gap: 2.0833333333vw;
    column-gap: 2.0833333333vw;
    padding-right: 2.0833333333vw;
    border-right: solid 1px var(--color-border-gray)}
    @media (max-width: 1024px) {
    .c-booking__date {
        -webkit-column-gap:3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem}
}
    @media (max-width: 767px) {
    .c-booking__date {
        -webkit-column-gap:4vw;
    -moz-column-gap: 4vw;
    column-gap: 4vw}
}
    @media (max-width: 1024px) {
    .c-booking__date {
        width:100%;
    padding-right: 0;
    border-right: none}
}

.c-booking__date-picker {
    width: 50%}
    @media (max-width: 1024px) {
    .c-booking__date-picker {
        padding-bottom:0.6rem;
    border-bottom: solid 1px var(--color-border-gray)}
}

.c-booking__date-picker-label {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-xs);
    margin-bottom: 0.6rem}
    @media (max-width: 767px) {
    .c-booking__date-picker-label {
        font-size:1rem}
}

.c-booking__date-picker-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.c-booking__date-picker-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.c-booking__date-picker-item
    input {
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    width: 100%;
    font-family: var(--font-family-eng-sub)}
    @media (max-width: 767px) {
    .c-booking__date-picker-item input {
        font-size:1.6rem}
}

.c-booking__date-picker-icon {
    position: absolute;
    top: 50%;
    right: 0;
    margin-left: 1.6rem;
    line-height: 1.2;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}
    @media (max-width: 767px) {
    .c-booking__date-picker-icon {
        margin-left:0.8rem}
}

.c-booking__num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}
    @media (max-width: 1024px) {
    .c-booking__num {
        -webkit-column-gap:1.5rem;
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
    width: 100%;
    padding-top: 2.4rem}
}
    @media (max-width: 767px) {
    .c-booking__num {
        padding-top:2rem}
}

.c-booking__num-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-right: solid 1px var(--color-border-gray)}
    @media (max-width: 1024px) {
    .c-booking__num-item {
        padding-bottom:0.6rem;
    border-right: none;
    border-bottom: solid 1px var(--color-border-gray)}
}

.c-booking__select {
    text-align: center}

.c-booking__select-label {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-xs);
    display: block;
    margin-bottom: 0.6rem}

.c-booking__select-label
    small {
    margin-left: 0.4rem;
    font-size: 1rem}

.c-booking__select-body {
    position: relative;
    width: 100%}

.c-booking__select-body
    select {
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    width: 100%;
    font-family: var(--font-family-eng-sub)}
    @media (max-width: 767px) {
    .c-booking__select-body select {
        font-size:1.6rem}
}

.c-booking__select-icon {
    position: absolute;
    top: 50%;
    right: 2.0833333333vw;
    line-height: 1;
    pointer-events: none;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.c-booking__select-icon:
    before {
    display: block;
    width: 0;
    height: 0;
    content: "";
    border-color: var(--color-dark) transparent transparent;
    border-style: solid;
    border-width: 5px 3px 0}

.c-booking__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 20rem;
    padding-left: 1.3888888889vw}
    @media (max-width: 1024px) {
    .c-booking__button {
        width:100%;
    padding-left: 0;
    margin-top: 2.4rem}
}
    @media (max-width: 767px) {
    .c-booking__button {
        margin-top:2rem}
}

.c-booking__button-item {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    max-width: 60rem;
    height: 100%;
    padding: 2rem;
    font-family: var(--font-family-serif);
    color: #fff;
    background: var(--color-dark-blue)}

.c-booking__button-item:
    hover {
    color: #fff}

.c-youtube
    iframe {
    width: 100%;
    aspect-ratio: 16/9}

.c-pager .wp-pagenavi {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-none);
    letter-spacing: var(--letter-spacing-md);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: var(--font-family-eng)}

.c-pager .nextpostslink,.c-pager .previouspostslink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2.4rem;
    height: 2.4rem;
    border-bottom: 1px solid var(--color-border-light-gray);
    -webkit-transition: 0.3s;
    transition: 0.3s}

.c-pager .nextpostslink
    img,.c-pager .previouspostslink img {
    width: 0.6rem}

.c-pager .page {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2.4rem;
    height: 2.4rem;
    border-bottom: 1px solid var(--color-border-light-gray);
    -webkit-transition: 0.3s;
    transition: 0.3s}

.c-pager .current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 2.4rem;
    height: 2.4rem;
    border-bottom: 1px solid var(--color-dark)}

.c-pager .extend {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}
    @media (max-width: 767px) {
    .c-pager .wp-pagenavi {
        -webkit-column-gap:0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    font-size: 1.2rem}

    .c-pager .nextpostslink,.c-pager .previouspostslink {
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    max-width: 2.4rem;
    height: 2.4rem}

    .c-pager .nextpostslink .c-svg-angle-left,.c-pager .previouspostslink .c-svg-angle-left {
    width: 0.4rem}

    .c-pager .nextpostslink .c-svg-angle-right,.c-pager .previouspostslink .c-svg-angle-right {
    width: 0.4rem}

    .c-pager .page {
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    max-width: 2.4rem;
    height: 2.4rem}

    .c-pager .current {
    -ms-flex-preferred-size: 2.4rem;
    flex-basis: 2.4rem;
    max-width: 2.4rem;
    height: 2.4rem}
}

.flatpickr-calendar {
    position: absolute;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: none;
    width: 100%;
    max-width: 36rem;
    padding: 0;
    padding: 3rem;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    visibility: hidden;
    background: transparent;
    background: #fff;
    border: 0;
    border-radius: 5px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    box-shadow: 1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);
    opacity: 0;
    -webkit-animation: none;
    animation: none;
    direction: ltr}

.flatpickr-calendar.inline,.flatpickr-calendar.open {
    max-height: 640px;
    visibility: visible;
    opacity: 1}

.flatpickr-calendar.open {
    z-index: 1000000;
    display: inline-block}

.flatpickr-calendar.animate.open {
    -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23,1,0.32,1);
    animation: fpFadeInDown 300ms cubic-bezier(0.23,1,0.32,1)}

.flatpickr-calendar.inline {
    position: relative;
    top: 2px;
    display: block}

.flatpickr-calendar.static {
    position: absolute;
    top: calc(100% + 2px)}

.flatpickr-calendar.static.open {
    z-index: 999;
    display: block}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(
    n+1) .flatpickr-day.inRange:nth-child(7n+7) {
    -webkit-box-shadow: none!important;
    box-shadow: none!important}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(
    n+2) .flatpickr-day.inRange:nth-child(7n+1) {
    -webkit-box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -2px 0 0 #e6e6e6,5px 0 0 #e6e6e6}

.flatpickr-calendar .hasTime .dayContainer,.flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0}

.flatpickr-calendar .hasWeeks .dayContainer {
    border-left: 0}

.flatpickr-calendar.hasTime .flatpickr-time {
    height: 40px;
    border-top: 1px solid #e6e6e6}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
    height: auto}

.flatpickr-calendar:
    after,.flatpickr-calendar:before {
    position: absolute;
    left: 22px;
    display: block;
    width: 0;
    height: 0;
    pointer-events: none;
    content: "";
    border: solid transparent}

.flatpickr-calendar.arrowRight:
    after,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.rightMost:before {
    right: 22px;
    left: auto}

.flatpickr-calendar.arrowCenter:
    after,.flatpickr-calendar.arrowCenter:before {
    right: 50%;
    left: 50%}

.flatpickr-calendar:
    before {
    margin: 0 -5px;
    border-width: 5px}

.flatpickr-calendar:
    after {
    margin: 0 -4px;
    border-width: 4px}

.flatpickr-calendar.arrowTop:
    after,.flatpickr-calendar.arrowTop:before {
    bottom: 100%}

.flatpickr-calendar.arrowTop:
    before {
    border-bottom-color: #e6e6e6}

.flatpickr-calendar.arrowTop:
    after {
    border-bottom-color: #fff}

.flatpickr-calendar.arrowBottom:
    after,.flatpickr-calendar.arrowBottom:before {
    top: 100%}

.flatpickr-calendar.arrowBottom:
    before {
    border-top-color: #e6e6e6}

.flatpickr-calendar.arrowBottom:
    after {
    border-top-color: #fff}

.flatpickr-calendar:
    focus {
    outline: 0}

.flatpickr-wrapper {
    position: relative;
    display: inline-block}

.flatpickr-months {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.2rem}

.flatpickr-months .flatpickr-month {
    position: relative;
    -ms-flex: 1;
    flex: 1;
    height: 34px;
    overflow: hidden;
    line-height: 1;
    color: rgba(0,0,0,0.9);
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    fill: rgba(0,0,0,0.9);
    -webkit-box-flex: 1}

.flatpickr-months .flatpickr-next-month,.flatpickr-months .flatpickr-prev-month {
    position: absolute;
    top: 0;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 34px;
    padding: 10px;
    color: rgba(0,0,0,0.9);
    text-decoration: none;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    fill: rgba(0,0,0,0.9)}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled,.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none}

.flatpickr-months .flatpickr-next-month
    i,.flatpickr-months .flatpickr-prev-month i {
    position: relative}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 0}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 0}

.flatpickr-months .flatpickr-next-month:
    hover,.flatpickr-months .flatpickr-prev-month:hover {
    color: #959ea9}

.flatpickr-months .flatpickr-next-month:
    hover svg,.flatpickr-months .flatpickr-prev-month:hover svg {
    fill: var(--color-blue)}

.flatpickr-months .flatpickr-next-month
    svg,.flatpickr-months .flatpickr-prev-month svg {
    width: 14px;
    height: 14px}

.flatpickr-months .flatpickr-next-month
    svg path,.flatpickr-months .flatpickr-prev-month svg path {
    fill: inherit;
    -webkit-transition: fill 0.1s;
    transition: fill 0.1s}

.numInputWrapper {
    position: relative;
    height: auto}

.numInputWrapper
    input,.numInputWrapper span {
    display: inline-block}

.numInputWrapper
    input {
    width: 100%}

.numInputWrapper
    input::-ms-clear {
    display: none}

.numInputWrapper
    input::-webkit-inner-spin-button,.numInputWrapper input::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none}

.numInputWrapper
    span {
    position: absolute;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 50%;
    padding: 0 4px 0 2px;
    line-height: 50%;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    opacity: 0}

.numInputWrapper
    span:hover {
    background: rgba(0,0,0,0.1)}

.numInputWrapper
    span:active {
    background: rgba(0,0,0,0.2)}

.numInputWrapper
    span:after {
    position: absolute;
    display: block;
    content: ""}

.numInputWrapper
    span.arrowUp {
    top: 0;
    border-bottom: 0}

.numInputWrapper
    span.arrowUp:after {
    top: 26%;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    border-left: 4px solid transparent}

.numInputWrapper
    span.arrowDown {
    top: 50%}

.numInputWrapper
    span.arrowDown:after {
    top: 40%;
    border-top: 4px solid rgba(57,57,57,0.6);
    border-right: 4px solid transparent;
    border-left: 4px solid transparent}

.numInputWrapper
    span svg {
    width: inherit;
    height: auto}

.numInputWrapper
    span svg path {
    fill: rgba(0,0,0,0.5)}

.numInputWrapper:
    hover {
    background: rgba(0,0,0,0.05)}

.numInputWrapper:
    hover span {
    opacity: 1}

.flatpickr-current-month {
    position: absolute;
    left: 12.5%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 75%;
    height: 34px;
    font-size: 135%;
    font-weight: 300;
    line-height: inherit;
    line-height: 1;
    color: inherit;
    text-align: center;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.flatpickr-current-month
    span.cur-month {
    display: inline-block;
    padding: 0;
    margin-left: 0.5ch;
    font-family: inherit;
    font-weight: 700;
    color: inherit}

.flatpickr-current-month
    span.cur-month:hover {
    background: rgba(0,0,0,0.05)}

.flatpickr-current-month .numInputWrapper {
    display: inline-block;
    width: 6ch;
    width: 7ch\0}

.flatpickr-current-month .numInputWrapper
    span.arrowUp:after {
    border-bottom-color: rgba(0,0,0,0.9)}

.flatpickr-current-month .numInputWrapper
    span.arrowDown:after {
    border-top-color: rgba(0,0,0,0.9)}

.flatpickr-current-month
    input.cur-year {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    height: auto;
    padding: 0 0 0 0.5ch;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    color: inherit;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    cursor: text;
    background: transparent;
    border: 0;
    border-radius: 0}

.flatpickr-current-month
    input.cur-year:focus {
    outline: 0}

.flatpickr-current-month
    input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover {
    font-size: 100%;
    color: rgba(0,0,0,0.5);
    pointer-events: none;
    background: transparent}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0 0 0 0.5ch;
    margin: -1px 0 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 300;
    line-height: inherit;
    color: inherit;
    vertical-align: initial;
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    appearance: menulist;
    cursor: pointer;
    background: transparent;
    border: none;
    border-radius: 0;
    outline: none}

.flatpickr-current-month .flatpickr-monthDropdown-months:
    active,.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
    outline: none}

.flatpickr-current-month .flatpickr-monthDropdown-months:
    hover {
    background: rgba(0,0,0,0.05)}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    padding: 0;
    background-color: transparent;
    outline: none}

.flatpickr-weekdays {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    align-items: center;
    width: 100%;
    height: 28px;
    overflow: hidden;
    text-align: center;
    background: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}
    span.flatpickr-weekday {
    display: block;
    -ms-flex: 1;
    flex: 1;
    margin: 0;
    font-size: 90%;
    font-weight: bolder;
    line-height: 1;
    color: rgba(0,0,0,0.54);
    text-align: center;
    cursor: default;
    background: transparent;
    -webkit-box-flex: 1}

.dayContainer,.flatpickr-weeks {
    padding: 1px 0 0}

.flatpickr-days {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    align-items: flex-start;
    width: 100%;
    overflow: hidden;
    -webkit-box-align: start;
    -ms-flex-align: start}

.flatpickr-days:
    focus {
    outline: 0}

.dayContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    display: flexbox;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 0;
    text-align: left;
    outline: 0;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -ms-flex-pack: justify}

.dayContainer+.dayContainer {
    -webkit-box-shadow: -1px 0 0 #e6e6e6;
    box-shadow: -1px 0 0 #e6e6e6}

.flatpickr-day {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 14.2857143%;
    flex-basis: 14.2857143%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 14.2857143%;
    aspect-ratio: 1/1;
    margin: 0;
    font-weight: 400;
    color: var(--color-dark);
    text-align: center;
    cursor: pointer;
    background: none;
    border: 1px solid transparent;
    border-radius: 100%}

.flatpickr-day.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.nextMonthDay:
    focus,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.today.inRange,.flatpickr-day:focus,.flatpickr-day:hover {
    cursor: pointer;
    background: #e6e6e6;
    border-color: #e6e6e6;
    outline: 0}

.flatpickr-day.today {
    border-color: #959ea9}

.flatpickr-day.today:
    focus,.flatpickr-day.today:hover {
    color: #fff;
    background: #959ea9;
    border-color: #959ea9}

.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange.nextMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange:
    focus,.flatpickr-day.endRange:hover,.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover {
    color: #fff;
    background: var(--color-blue);
    border-color: var(--color-blue);
    -webkit-box-shadow: none;
    box-shadow: none}

.flatpickr-day.endRange.startRange,.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange {
    border-radius: 50px 0 0 50px}

.flatpickr-day.endRange.endRange,.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange {
    border-radius: 0 50px 50px 0}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -10px 0 0 var(--color-blue);
    box-shadow: -10px 0 0 var(--color-blue)}

.flatpickr-day.endRange.startRange.endRange,.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange {
    border-radius: 50px}

.flatpickr-day.inRange {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;
    box-shadow: -5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:
    hover,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.nextMonthDay,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.prevMonthDay {
    color: rgba(57,57,57,0.3);
    cursor: default;
    background: transparent;
    border-color: transparent}

.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:
    hover {
    color: rgba(57,57,57,0.1);
    cursor: not-allowed}

.flatpickr-day.week.selected {
    border-radius: 0;
    -webkit-box-shadow: -5px 0 0 var(--color-blue),5px 0 0 var(--color-blue);
    box-shadow: -5px 0 0 var(--color-blue),5px 0 0 var(--color-blue)}

.flatpickr-day.hidden {
    visibility: hidden}

.rangeMode .flatpickr-day {
    margin-top: 1px}

.flatpickr-weekwrapper {
    float: left}

.flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 #e6e6e6;
    box-shadow: 1px 0 0 #e6e6e6}

.flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px}

.flatpickr-weekwrapper
    span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(57,57,57,0.3);
    cursor: default;
    background: transparent;
    border: none}

.flatpickr-innerContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    overflow: hidden}

.flatpickr-rContainer {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 0}

.flatpickr-time {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: flexbox;
    display: flex;
    height: 0;
    max-height: 40px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    outline: 0}

.flatpickr-time:
    after {
    display: table;
    clear: both;
    content: ""}

.flatpickr-time .numInputWrapper {
    -ms-flex: 1;
    flex: 1;
    float: left;
    width: 40%;
    height: 40px;
    -webkit-box-flex: 1}

.flatpickr-time .numInputWrapper
    span.arrowUp:after {
    border-bottom-color: var(--color-dark)}

.flatpickr-time .numInputWrapper
    span.arrowDown:after {
    border-top-color: var(--color-dark)}

.flatpickr-time.hasSeconds .numInputWrapper {
    width: 26%}

.flatpickr-time.time24hr .numInputWrapper {
    width: 49%}

.flatpickr-time
    input {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: inherit;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: inherit;
    color: var(--color-dark);
    text-align: center;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    background: transparent;
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none}

.flatpickr-time
    input.flatpickr-hour {
    font-weight: bold}

.flatpickr-time
    input.flatpickr-minute,.flatpickr-time input.flatpickr-second {
    font-weight: 400}

.flatpickr-time
    input:focus {
    border: 0;
    outline: 0}

.flatpickr-time .flatpickr-am-pm,.flatpickr-time .flatpickr-time-separator {
    -ms-grid-row-align: center;
    align-self: center;
    float: left;
    width: 2%;
    height: inherit;
    font-weight: bold;
    line-height: inherit;
    color: var(--color-dark);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-flex-item-align: center}

.flatpickr-time .flatpickr-am-pm {
    width: 18%;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    outline: 0}

.flatpickr-time .flatpickr-am-pm:
    focus,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time input:hover {
    background: #eee}

.flatpickr-input[
    readonly] {
    cursor: pointer}
    @-webkit-keyframes fpFadeInDown {
    0% {
        opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)}

    to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}
}
    @keyframes fpFadeInDown {
    0% {
        opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)}

    to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}
}
    @keyframes fpFadeInDown {
    0% {
        opacity: 0;
    -webkit-transform: translate3d(0,-20px,0);
    transform: translate3d(0,-20px,0)}

    to {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}
}

.c-language-switcher {
    display: none}

.c-scrollable {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 12rem;
    height: 12rem;
    overflow: hidden;
    background-color: rgba(255,255,255,0.9);
    border-radius: 100%;
    -webkit-transform: translate(-50%,calc(-50% - 2.6rem));
    transform: translate(-50%,calc(-50% - 2.6rem))}

.is-hide .c-scrollable {
    display: none}
    @media (max-width: 1024px) {
    .c-scrollable {
        display:none}
}

.c-scrollable__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    -webkit-animation: swipe 1.5s cubic-bezier(0.61,1,0.88,1) infinite;
    animation: swipe 1.5s cubic-bezier(0.61,1,0.88,1) infinite}
    @-webkit-keyframes swipe {
    0% {
        opacity: 0;
    -webkit-transform: translate(1.5rem,0%);
    transform: translate(1.5rem,0%)}

    20% {
    opacity: 1;
    -webkit-transform: translate(1.5rem,0%);
    transform: translate(1.5rem,0%)}

    80% {
    opacity: 1;
    -webkit-transform: translate(-1.5rem,0%);
    transform: translate(-1.5rem,0%)}

    to {
    opacity: 0;
    -webkit-transform: translate(-1.5rem,0%);
    transform: translate(-1.5rem,0%)}
}
    @keyframes swipe {
    0% {
        opacity: 0;
    -webkit-transform: translate(1.5rem,0%);
    transform: translate(1.5rem,0%)}

    20% {
    opacity: 1;
    -webkit-transform: translate(1.5rem,0%);
    transform: translate(1.5rem,0%)}

    80% {
    opacity: 1;
    -webkit-transform: translate(-1.5rem,0%);
    transform: translate(-1.5rem,0%)}

    to {
    opacity: 0;
    -webkit-transform: translate(-1.5rem,0%);
    transform: translate(-1.5rem,0%)}
}

.p-top {
    position: relative}

.p-top-kv {
    position: relative;
    z-index: 0;
    height: 100vh;
    height: 100svh;
    color: #fff;
    background-color: var(--color-dark-blue)}

.p-top-kv__inner {
    position: relative;
    height: 100vh;
    height: 100svh}

.p-top-kv__content {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 100%;
    padding-bottom: 9.8765432099vh;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}
    @media (max-width: 1024px) {
    .p-top-kv__content {
        padding-bottom:0}
}

.p-top-kv__content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end}
    @media (max-width: 1024px) {
    .p-top-kv__content-inner {
        -webkit-box-pack:start;
    -ms-flex-pack: start;
    justify-content: flex-start}
}

.p-top-kv__content-box {
    opacity: 0;
    will-change: opacity}
    @media (max-width: 1024px) {
    .p-top-kv__content-box {
        padding:0 2rem}
}
    @media (max-width: 767px) {
    .p-top-kv__content-box {
        padding:0 1.5rem}
}

.p-top-kv__heading {
    font-size: 2.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: 0.3em;
    font-family: var(--font-family-serif)
    }

.is-en .p-top-kv__heading {
    letter-spacing: 0.1em}

.p-top-kv__text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2.2;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 3.2rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-top-kv__text {
        margin-top:2.4rem;
    font-size: 1.3rem}
}
    @media (max-width: 767px) {
    .p-top-kv__text {
        font-size:1.1rem}
}

.p-top-kv__bottom {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%}

.p-top-kv__logo {
    overflow: hidden;
    text-align: center;
    opacity: 0;
    display: flex;
    align-items: center;
    }
    .p-top-kv__logo-item.en_logo {
        width: 11% !important;
        margin-right: 20px;
    }

.p-top-kv__logo-item {
    width: 100%;
    fill: #fff}
.p-top-kv__logo-item.en_logo{
    width:10%;
}
.p-top-kv__bottom-border {
    position: relative;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem}
    @media (max-width: 767px) {
    .p-top-kv__bottom-border {
        padding-top:2.4rem;
    padding-bottom: 2.4rem}
}

.p-top-kv__bottom-line {
    position: absolute;
    top: 0;
    left: -2.0833333333vw;
    display: block;
    width: calc(100% + 4.1666666667vw);
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    -webkit-transform-origin: left center;
    transform-origin: left center}
    @media (max-width: 1024px) {
    .p-top-kv__bottom-line {
        left:-1.953125vw;
    width: calc(100% + 3.90625vw)}
}
    @media (max-width: 767px) {
    .p-top-kv__bottom-line {
        left:-2.6666666667vw;
    width: calc(100% + 5.3333333333vw)}
}

.p-top-kv__scroll {
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto}

.p-top-kv__scroll-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
    cursor: pointer}
    @media (hover: hover) and (pointer:fine) {
    .p-top-kv__scroll-link:hover {
        color:#fff}
}

.p-top-kv__scroll-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em}
    @media (max-width: 1024px) {
    .p-top-kv__scroll-label {
        font-size:1.1rem}
}
    @media (max-width: 767px) {
    .p-top-kv__scroll-label {
        font-size:1rem}
}

.p-top-kv__scroll-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.4rem}

.p-top-kv__slider {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.p-top-kv__slider-wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden}

.p-top-kv__slider-item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    will-change: opacity}

.p-top-kv__slider-item.is-active {
    opacity: 1}

.p-top-kv__slider-image {
    width: 100%;
    height: 100%}

.p-top-kv__slider-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-top-kv__cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    /* background-color: var(--color-dark-blue); */
    background-image: url(/assets/img/cmn_bg.jpg);
}

.p-top-kv__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.1;
    will-change: opacity
    }

.p-top-information {
    border-bottom: 1px solid var(--color-border-gray)}

.p-top-information__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 1024px) {
    .p-top-information__inner {
        display:block;
    padding: 0}
}

.p-top-information__news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 12rem;
    padding-right: 3rem;
    overflow: hidden;
    border-right: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-top-information__news {
        height:8rem;
    padding: 0 3.2rem;
    border-right: none;
    border-bottom: 1px solid var(--color-border-gray)}
}
    @media (max-width: 767px) {
    .p-top-information__news {
        height:6rem;
    padding: 0 2rem}
}

.p-top-information__news-heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    padding-right: 2rem;
    font-family: var(--font-family-eng);
    border-right: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-top-information__news-heading {
        font-size:1.2rem}
}
    @media (max-width: 1024px) {
    .p-top-information__news-heading {
        padding-right:1.6rem}
}

.p-top-information__news-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 2.4rem;
    overflow: hidden}
    @media (max-width: 1024px) {
    .p-top-information__news-item {
        padding-left:2rem}
}
    @media (max-width: 767px) {
    .p-top-information__news-item {
        padding-left:1.6rem}
}

.p-top-information__news-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline}

.p-top-information__news-item-date {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    margin-right: 2.4rem;
    font-family: var(--font-family-eng-sub)}
    @media (max-width: 1024px) {
    .p-top-information__news-item-date {
        margin-right:2rem;
    font-size: 1.1rem}
}
    @media (max-width: 767px) {
    .p-top-information__news-item-date {
        margin-right:1.6rem;
    font-size: 1rem}
}

.p-top-information__news-item-title {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1.2rem;
    overflow: hidden;
    font-family: var(--font-family-serif);
    text-overflow: ellipsis;
    white-space: nowrap}
    @media (max-width: 1024px) {
    .p-top-information__news-item-title {
        font-size:1.2rem}
}
    @media (max-width: 767px) {
    .p-top-information__news-item-title {
        font-size:1.1rem}
}

.p-top-information__news-item-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto}

.p-top-member-ship {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48rem;
    height: 12rem;
    border-right: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-top-member-ship {
        width:100%;
    height: auto;
    padding-top: 2rem;
    padding-right: none;
    padding-bottom: 2rem}
}
    @media (max-width: 767px) {
    .p-top-member-ship {
        padding-top:1.6rem;
    padding-bottom: 1.6rem}
}

.p-top-member-ship__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 3.2rem}
    @media (max-width: 1024px) {
    .p-top-member-ship__link {
        padding:0 3.2rem}
}
    @media (max-width: 767px) {
    .p-top-member-ship__link {
        padding:0 2rem}
}

.p-top-member-ship__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    background-color: var(--color-blue);
    border-radius: 100%}
    @media (max-width: 1024px) {
    .p-top-member-ship__icon {
        width:3.6rem;
    height: 3.6rem}

    .p-top-member-ship__icon svg {
    width: 1.6rem;
    height: 1.6rem}
}

.p-top-member-ship__body {
    padding-left: 2.4rem}

.p-top-member-ship__heading {
    font-family: var(--font-family-serif);
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 1024px) {
    .p-top-member-ship__heading {
        font-size:1.6rem}
}
    @media (max-width: 767px) {
    .p-top-member-ship__heading {
        font-size:1.5rem}
}

.p-top-member-ship__text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 1024px) {
    .p-top-member-ship__text {
        font-size:1.1rem}
}

.p-top-member-ship__icon-arrow {
    margin-left: auto}
    @media (max-width: 1024px) {
    .p-top-booking {
        width:calc(100% - 2rem);
    padding: 3rem 4rem;
    margin: 1rem auto 0;
    background-color: var(--color-bg-light-gray)}

    .p-top-booking .l-container {
    padding: 0}
}
    @media (max-width: 767px) {
    .p-top-booking {
        padding:3rem 2rem}
}

.p-top-booking__top {
    border-bottom: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-top-booking__top {
        border-bottom:none}
}

.p-top-booking__note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1.2rem;
    margin-left: auto}
    @media (max-width: 1024px) {
    .p-top-booking__note {
        -webkit-box-pack:center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: auto}
}

.p-top-booking__note-icon {
    margin-right: 0.3rem;
    line-height: 1}

.p-top-booking__note-label {
    text-decoration-line: underline;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m)}

.p-top-section-header {
    margin-bottom: 4.8rem}
    @media (max-width: 1024px) {
    .p-top-section-header {
        margin-bottom:4rem}
}

.p-top-section-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}
    @media (max-width: 1024px) {
    .p-top-section-header__inner {
        display:block}
}

.p-top-section-header__heading {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%}
    @media (max-width: 1024px) {
    .p-top-section-header__heading {
        max-width:100%}
}

.p-top-section-header__lead {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 1024px) {
    .p-top-section-header__lead {
        max-width:100%;
    margin-top: 4rem}
}

.p-top-section-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 3.2rem;
    margin-left: auto}
    @media (max-width: 1024px) {
    .p-top-section-header__nav {
        display:none}
}

.p-top-section-footer {
    display: none}
    @media (max-width: 1024px) {
    .p-top-section-footer {
        display:block;
    margin-top: 3.2rem}
}
    @media (max-width: 767px) {
    .p-top-section-footer {
        margin-top:2.4rem}
}

.p-top-section-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%}

.p-top-section-footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}

.p-top-section-footer__button {
    margin-left: auto}

.p-top-plan {
    overflow: hidden}

.p-top-plan__inner {
    overflow: visible}

.p-top-plan__list-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.8rem}

.p-top-plan__list-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer}
    @media (max-width: 767px) {
    .p-top-plan__list-nav-item:first-child {
        padding-left:0}

    .p-top-plan__list-nav-item:
    last-child {
        padding-right: 0}
}

.p-top-plan__list-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

.p-top-plan__list-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)}

.p-top-plan__body {
    overflow: visible}

.p-top-plan__list {
    overflow: visible}

.p-top-plan__list-wrapper {
    overflow: visible}

.p-top-plan__list-wrapper .p-top-plan__list-item {
    counter-increment: mycounter}

.p-top-plan__list-item {
    height: initial}

.p-top-plan__card {
    height: 100%}

.p-top-plan__card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%}

.p-top-plan__card-image {
    width: 100%;
    aspect-ratio: 3/4}

.p-top-plan__card-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-top-plan__card-header {
    position: relative;
    padding-left: 7rem;
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-top-plan__card-header {
        padding-left:4.8rem;
    margin-top: 2.4rem}
}

.p-top-plan__card-number {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    position: absolute;
    top: 0.9rem;
    left: 0;
    font-family: var(--font-family-eng-sub)}

.p-top-plan__card-number:
    before {
    content: counter(mycounter,decimal-leading-zero)}

.p-top-plan__card-number:
    after {
    position: absolute;
    top: 1.6rem;
    left: -0.8rem;
    width: 5.374rem;
    height: 1px;
    content: "";
    background-color: var(--color-border-gray);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)}
    @media (max-width: 1024px) {
    .p-top-plan__card-number {
        font-size:1.1rem}

    .p-top-plan__card-number:
    after {
        position: absolute;
    top: 1.6rem;
    left: -0.8rem;
    width: 4.52rem}
}
    @media (max-width: 767px) {
    .p-top-plan__card-number {
        font-size:1rem}
}

.p-top-plan__card-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-top-plan__card-heading {
        font-size:1.5rem}
}
    @media (max-width: 767px) {
    .p-top-plan__card-heading {
        font-size:1.4rem}
}

.p-top-plan__card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 3.2rem;
    padding-bottom: 1.2rem;
    margin-top: auto;
    border-bottom: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-top-plan__card-price {
        padding-top:2.4rem}
}

.p-top-plan__card-price-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2rem}

.p-top-plan__card-price-item {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    margin-left: auto;
    font-family: var(--font-family-eng)}

.p-top-plan__card-price-item
    small {
    margin-left: 0.4rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-sans)}
    @media (max-width: 1024px) {
    .p-top-plan__card-price-item {
        font-size:1.8rem}

    .p-top-plan__card-price-item small {
    font-size: 1.1rem}
}

.p-top-news {
    position: relative;
    padding-bottom: 20rem}

.p-top-news__inner {
    position: relative;
    z-index: 10}

.p-top-news__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-top-news__row {
        display:block}
}

.p-top-news__col {
    width: 50%}

.p-top-news__col:
    first-child {
    padding-right: 4rem}
    @media (max-width: 1024px) {
    .p-top-news__col {
        width:100%}

    .p-top-news__col:
    first-child {
        padding-right: 0}
}
    @media (max-width: 1024px) {
    .p-top-news__list {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-top-news__list {
        margin-top:4rem}
}

.p-top-news__list-item {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--color-border-gray)}

.p-top-news__list-item:
    first-child {
    padding-top: 0}

.p-top-news__list-item:
    last-child {
    padding-bottom: 0;
    border-bottom: none}
    @media (max-width: 1024px) {
    .p-top-news__list-item {
        padding-top:3.2rem;
    padding-bottom: 3.2rem}

    .p-top-news__list-item:
    last-child {
        padding-bottom: 3.2rem;
    border-bottom: 1px solid var(--color-border-gray)}
}
    @media (max-width: 767px) {
    .p-top-news__list-item {
        padding-top:2.4rem;
    padding-bottom: 2.4rem}

    .p-top-news__list-item:
    last-child {
        padding-bottom: 2.4rem}
}

.p-top-news__list-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}

[
    data-type=vertical] .p-top-news__list-item-link {
    display: block}
    @media (max-width: 1024px) {
    .p-top-news__list-item-link {
        -webkit-column-gap:3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem}
}
    @media (max-width: 767px) {
    .p-top-news__list-item-link {
        -webkit-column-gap:2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
}

.p-top-news__list-item-image {
    max-width: 17.7rem;
    aspect-ratio: 57/38}

.p-top-news__list-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

[
    data-type=vertical] .p-top-news__list-item-image {
    max-width: inherit}
    @media (max-width: 767px) {
    .p-top-news__list-item-image {
        max-width:8rem;
    aspect-ratio: 1/1}

    [data-type=vertical] .p-top-news__list-item-image {
    max-width: inherit;
    aspect-ratio: 57/38}
}

.p-top-news__list-item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

[
    data-type=vertical] .p-top-news__list-item-body {
    margin-top: 2.4rem}

.p-top-news__list-item-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem}

.p-top-news__list-item-date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)}

.p-top-news__list-item-category {
    padding-left: 1.2rem;
    margin-left: 1.2rem;
    border-left: 1px solid var(--color-border-gray)}

.p-top-news__list-item-heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-top-news__list-item-heading {
        font-size:1.3rem}
}

.p-top-news__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    pointer-events: none}

.p-top-news__bg
    img {
    width: 100%}

.p-top-well-being {
    position: relative;
    padding-top: 0}

.p-top-well-being__vis {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100lvh;
    overflow: hidden}

.p-top-well-being__vis-image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40%;
    height: 40%;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}

.p-top-well-being__vis-image-item {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transform-origin: center;
    transform-origin: center}

.p-top-well-being__vis-image-item
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-top-well-being__vis-image-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.35);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    opacity: 0;
    will-change: opacity,backdrop-filter}

.p-top-well-being__vis-marquee {
    font-size: 16rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    font-family: var(--font-family-eng);
    color: var(--color-blue);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    will-change: clip-path}
    @media (max-width: 1024px) {
    .p-top-well-being__vis-marquee {
        font-size:12rem}
}
    @media (max-width: 767px) {
    .p-top-well-being__vis-marquee {
        font-size:8rem}
}

.p-top-well-being__vis-marquee-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5em;
    pointer-events: none;
    -webkit-animation: marquee 30s linear infinite;
    animation: marquee 30s linear infinite;
    will-change: transform}

.p-top-well-being__spacer-1 {
    height: 200lvh}
    @media (max-width: 1024px) {
    .p-top-well-being__spacer-1 {
        height:100lvh}
}

.p-top-well-being__body {
    position: relative;
    z-index: 1}

.p-top-well-being__body-inner {
    position: relative;
    z-index: 1;
    max-width: 83.3%;
    margin: 0 auto}
    @media (max-width: 767px) {
    .p-top-well-being__body-inner {
        max-width:73.3333333333vw}
}

.p-top-well-being__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 1024px) {
    .p-top-well-being__row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}
}

.p-top-well-being__copy {
    width: 60%;
    padding-right: 2rem;
    color: #fff}
    @media (max-width: 1024px) {
    .p-top-well-being__copy {
        width:100%;
    padding-right: 0;
    margin-bottom: 6rem}
}
    @media (max-width: 767px) {
    .p-top-well-being__copy {
        margin-bottom:4rem}
}

.p-top-well-being__block {
    width: 40%;
    padding-left: 2rem}
    @media (max-width: 1024px) {
    .p-top-well-being__block {
        width:100%;
    padding-left: 0}
}

.p-top-well-being__text {
    color: #fff}

.p-top-well-being__button {
    margin-top: 5.4rem}
    @media (max-width: 1024px) {
    .p-top-well-being__button {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .p-top-well-being__button {
        margin-top:4rem}
}

.p-top-well-being__image {
    position: relative;
    z-index: 1;
    max-width: 50%;
    padding-right: 2rem;
    margin-top: 12rem}
    @media (max-width: 1024px) {
    .p-top-well-being__image {
        max-width:83.3%;
    margin-top: 15rem;
    margin-right: auto;
    margin-left: auto}
}
    @media (max-width: 767px) {
    .p-top-well-being__image {
        max-width:73.3333333333vw}
}

.p-top-well-being__image-item {
    aspect-ratio: 3/2;
    overflow: hidden}

.p-top-well-being__bottom {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 0;
    width: 100%;
    pointer-events: none}

.p-top-well-being__bottom
    img {
    width: 100%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom}

.p-top-well-being__bottom.is-onscreen
    img {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)}

.p-top-plans__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px;
    padding: 0 2rem}
    @media (max-width: 1024px) {
    .p-top-plans__list {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    row-gap: 1px;
    padding: 0 0.5rem}
}
    @media (max-width: 767px) {
    .p-top-plans__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
    padding: 0 1px}
}

.p-top-plans__list-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%}
    @media (max-width: 1024px) {
    .p-top-plans__list-item {
        -ms-flex-preferred-size:calc((100% - 1px) / 2);
    flex-basis: calc((100% - 1px) / 2);
    max-width: calc((100% - 1px) / 2)}
}
    @media (max-width: 767px) {
    .p-top-plans__list-item {
        max-width:100%}
}

.p-top-plans__card-link {
    position: relative;
    display: block}

.p-top-plans__card-heading {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 100%;
    font-family: var(--font-family-eng);
    color: #fff;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
    @media (hover: hover) and (pointer:fine) {
    .p-top-plans__card-link:hover .p-top-plans__card-heading {
        opacity:0}
}
    @media (max-width: 1024px) {
    .p-top-plans__card-heading {
        font-size:2rem}
}

.p-top-plans__card-image {
    width: 100%;
    aspect-ratio: 7/10}
    @media (max-width: 1024px) {
    .p-top-plans__card-image {
        aspect-ratio:1/1}
}
    @media (max-width: 767px) {
    .p-top-plans__card-image {
        aspect-ratio:3/2}
}

.p-top-plans__card-image-item {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-top-plans__card-body {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 6rem 2rem 4rem;
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 1.2s cubic-bezier(0.33,1,0.68,1)}
    @media (hover: hover) and (pointer:fine) {
    .p-top-plans__card-link:hover .p-top-plans__card-body {
        opacity:1}
}
    @media (max-width: 1024px) {
    .p-top-plans__card-body {
        display:none}
}

.p-top-plans__card-body-lsit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    text-align: center}

.p-top-plans__card-body-lsit-item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    color: #fff}

.p-top-plans__card-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s}
    @media (hover: hover) and (pointer:fine) {
    .p-top-plans__card-link:hover .p-top-plans__card-cover {
        mix-blend-mode:normal;
    opacity: 0.7}
}

.p-top-restaurant {
    overflow: hidden}

.p-top-restaurant__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 767px) {
    .p-top-restaurant__row {
        display:block}
}

.p-top-restaurant__col-image {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%}
    @media (max-width: 1024px) {
    .p-top-restaurant__col-image {
        -ms-flex-preferred-size:40%;
    flex-basis: 40%;
    max-width: 40%}
}
    @media (max-width: 767px) {
    .p-top-restaurant__col-image {
        -ms-flex-preferred-size:100%;
    flex-basis: 100%;
    max-width: 100%}
}

.p-top-restaurant__col-body {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%}
    @media (max-width: 1024px) {
    .p-top-restaurant__col-body {
        -ms-flex-preferred-size:60%;
    flex-basis: 60%;
    max-width: 60%}
}
    @media (max-width: 767px) {
    .p-top-restaurant__col-body {
        -ms-flex-preferred-size:100%;
    flex-basis: 100%;
    max-width: 100%;
    margin-top: 4rem}
}
    @media (max-width: 1024px) {
    .p-top-restaurant__main-image {
        width:50rem;
    margin-top: -10rem;
    -webkit-transform: translateX(-20rem);
    transform: translateX(-20rem)}
}
    @media (max-width: 767px) {
    .p-top-restaurant__main-image {
        width:48rem;
    margin-top: -2rem;
    -webkit-transform: translateX(-12.5rem);
    transform: translateX(-12.5rem)}
}

.p-top-restaurant__main-heading {
    margin-top: 17%}
    @media (max-width: 1024px) {
    .p-top-restaurant__main-heading {
        margin-top:0}
}

.p-top-restaurant__main-button {
    margin-top: 3.2rem}
    @media (max-width: 767px) {
    .p-top-restaurant__main-button {
        margin-top:2.4rem}
}

.p-top-restaurant__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4.2rem}
    @media (max-width: 1024px) {
    .p-top-restaurant__list {
        -webkit-column-gap:2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    margin-top: 6rem}
}
    @media (max-width: 767px) {
    .p-top-restaurant__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4rem}
}

.p-top-restaurant__list-item {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%}
    @media (max-width: 767px) {
    .p-top-restaurant__list-item {
        -ms-flex-preferred-size:100%;
    flex-basis: 100%;
    max-width: 100%}
}

.p-top-restaurant__list-item-image {
    width: 100%;
    aspect-ratio: 1/1}

.p-top-restaurant__list-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-top-restaurant__list-item-name {
    border-bottom: 1px solid var(--color-border-gray)}

.p-top-restaurant__list-item-name-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 9.5rem}

.p-top-restaurant__list-item-name-logo
    img {
    width: auto;
    height: 2.3rem}

[
    data-type=restaurant] .p-top-restaurant__list-item-name-logo img {
    height: 1.6rem}
    @media (max-width: 1024px) {
    .p-top-restaurant__list-item-name-logo {
        height:8rem}

    .p-top-restaurant__list-item-name-logo img {
    height: 1.38rem}

    [data-type=restaurant] .p-top-restaurant__list-item-name-logo img {
    height: 0.96rem}
}
    @media (max-width: 767px) {
    .p-top-restaurant__list-item-name-logo {
        height:7.2rem}

    .p-top-restaurant__list-item-name-logo img {
    height: 1.84rem}

    [data-type=restaurant] .p-top-restaurant__list-item-name-logo img {
    height: 1.28rem}
}

.p-top-restaurant__list-item-body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2rem}

.p-top-restaurant__list-item-name-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-top-restaurant__list-item-name-label {
        font-size:1.3rem}
}

.p-top-restaurant__list-item-floor {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.1rem 0.8rem;
    font-family: var(--font-family-eng);
    border: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-top-restaurant__list-item-floor {
        font-size:1.1rem}
}

.p-top-restaurant__list-item-detail {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 1.6rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-top-restaurant__list-item-detail {
        font-size:1.1rem}
}

.p-top-spa__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 var(--site-padding) 0 2rem}
    @media (max-width: 1024px) {
    .p-top-spa__inner {
        display:block;
    padding: 0 0.5rem}
}

.p-top-spa__image {
    position: relative;
    -ms-flex-preferred-size: 64.5112781955%;
    flex-basis: 64.5112781955%;
    min-width: 64.5112781955%;
    overflow: hidden}

.p-top-spa__image
    img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}
    @media (max-width: 1024px) {
    .p-top-spa__image {
        max-width:100%;
    aspect-ratio: 1/1}
}

.p-top-spa__body {
    -ms-flex-preferred-size: 35.4887218045%;
    flex-basis: 35.4887218045%;
    min-width: 35.4887218045%;
    max-width: 47.2rem;
    padding: 15rem 0}
    @media (max-width: 1024px) {
    .p-top-spa__body {
        max-width:100%;
    padding: 6rem var(--site-padding) 0}
}
    @media (max-width: 767px) {
    .p-top-spa__body {
        padding-top:4rem}
}

.p-top-spa__body-inner {
    padding: 4rem 0 4rem 8rem;
    border-top: 1px solid var(--color-border-dark-gray)}

.p-top-spa__body-inner:
    first-child {
    padding-top: 0;
    border-top: none}

.p-top-spa__body-inner:
    last-child {
    padding-bottom: 0}
    @media (max-width: 1024px) {
    .p-top-spa__body-inner {
        padding:0}

    .p-top-spa__body-inner:
    first-child {
        padding-bottom: 4rem}

    .p-top-spa__body-inner:
    last-child {
        padding-top: 3.2rem}
}
    @media (max-width: 767px) {
    .p-top-spa__body-inner:first-child {
        padding-bottom:3.2rem}

    .p-top-spa__body-inner:
    last-child {
        padding-top: 2.4rem}
}

.p-top-spa__button {
    margin-top: 3.2rem}
    @media (max-width: 767px) {
    .p-top-spa__button {
        margin-top:2.4rem}
}

.p-top-spa__pick-up-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem}

.p-top-spa__pick-up-heading-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    background: var(--color-dark-blue);
    border-radius: 100%}

.p-top-spa__pick-up-heading-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}

.p-top-spa__pick-up-item {
    border-top: 1px solid var(--color-border-gray)}

.p-top-spa__pick-up-item:
    first-child {
    border-top: none}
    @media (max-width: 1024px) {
    .p-top-spa__pick-up-item {
        border-bottom:1px solid var(--color-border-gray)}
}

.p-top-spa__pick-up-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.4rem 0}

.p-top-spa__pick-up-item-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-top-spa__pick-up-item-heading {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-top-spa__pick-up-item-heading {
        font-size:2rem}
}
    @media (max-width: 767px) {
    .p-top-spa__pick-up-item-heading {
        font-size:1.8rem}
}

.p-top-spa__pick-up-item-text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-l);
    margin-top: 0.4rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-top-spa__pick-up-item-text {
        font-size:1.3rem}
}

.p-top-spa__pick-up-item-icon {
    width: 3.9rem;
    margin-left: auto}

.p-top-access__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 83.3%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-top-access__row {
        -webkit-column-gap:4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    max-width: 100%}
}
    @media (max-width: 767px) {
    .p-top-access__row {
        display:block}
}

.p-top-access__col-image {
    width: 50%}
    @media (max-width: 767px) {
    .p-top-access__col-image {
        width:100%}
}

.p-top-access__col-body {
    width: 50%}
    @media (max-width: 767px) {
    .p-top-access__col-body {
        width:100%;
    margin-top: 4rem}
}

.p-top-access__image-1 {
    aspect-ratio: 1/1;
    overflow: hidden}

.p-top-access__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-top-access__button {
        -webkit-column-gap:2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem}
}
    @media (max-width: 767px) {
    .p-top-access__button {
        margin-top:2.4rem}
}

.p-top-access__image-2 {
    margin-top: 12rem}
    @media (max-width: 1024px) {
    .p-top-access__image-2 {
        margin-top:10rem}
}
    @media (max-width: 767px) {
    .p-top-access__image-2 {
        margin-top:8rem}
}

.p-top-gallery {
    overflow: hidden}

.p-top-gallery__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 83.3%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-top-gallery__inner {
        max-width:100%}
}

.p-top-gallery__heading {
    text-align: center}

.p-top-gallery__list {
    overflow: visible}

.p-top-gallery__list-wrapper {
    overflow: visible}

.p-top-gallery__list-item {
    position: relative;
    cursor: pointer}

.p-top-gallery__list-item-image {
    aspect-ratio: 16/9}

.p-top-gallery__list-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-top-gallery__list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
    @media (max-width: 1024px) {
    .p-top-gallery__list-item-icon {
        width:4.8rem;
    height: 4.8rem}
}

.p-top-gallery__list-item-icon-item {
    position: relative;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent var(--color-dark);
    border-style: solid;
    border-width: 4px 0 4px 8px}

.p-top-gallery__list-item-icon-circle {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1s cubic-bezier(0.16,1,0.3,1)}

.p-top-gallery__list-item:
    hover .p-top-gallery__list-item-icon-circle {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)}

.p-top-gallery__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-top-gallery__button {
        -webkit-column-gap:2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem;
    margin-top: 2.4rem}
}
    @media (max-width: 767px) {
    .p-top-gallery__button {
        row-gap:2rem}
}
    @media (max-width: 767px) {
    .p-top-gallery__button-item {
        display:-webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

    .p-top-gallery__button-item:
    first-child {
        width: 100%}
}

.p-top-link {
    padding: 20rem 0 6rem}
    @media (max-width: 1024px) {
    .p-top-link {
        padding:12rem 0 4rem}
}
    @media (max-width: 767px) {
    .p-top-link {
        padding:8rem 0 4rem}
}
    @media (max-width: 1024px) {
    .p-top-link__inner {
        border-top:1px solid var(--color-border-gray)}
}

.p-top-link__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 6rem;
    border-top: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-top-link__row {
        display:block;
    padding-top: 0;
    border-top: none}
}

.p-top-link__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%}

.p-top-link__item:
    first-child {
    padding-right: 6rem}

.p-top-link__item:
    last-child {
    padding-left: 6rem;
    border-left: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-top-link__item {
        max-width:100%;
    padding: 2.4rem 0}

    .p-top-link__item:
    first-child {
        padding-right: 0}

    .p-top-link__item:
    last-child {
        padding-left: 0;
    border-top: 1px solid var(--color-border-gray);
    border-left: none}
}

.p-top-link__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.p-top-link__item:
    first-child .p-top-link__item-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse}
    @media (max-width: 1024px) {
    .p-top-link__item:first-child .p-top-link__item-link {
        -webkit-box-orient:horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row}
}

.p-top-link__item-link-image {
    width: 20rem}
    @media (max-width: 1024px) {
    .p-top-link__item-link-image {
        width:18rem}
}
    @media (max-width: 767px) {
    .p-top-link__item-link-image {
        width:12rem}
}

.p-top-link__item-link-image-item {
    aspect-ratio: 4/3}
    @media (max-width: 767px) {
    .p-top-link__item-link-image-item {
        aspect-ratio:1/1}
}

.p-top-link__item-link-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.8rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}

.p-top-link__item:
    first-child .p-top-link__item-link-body {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 3.2rem;
    text-align: right}

.p-top-link__item:
    last-child .p-top-link__item-link-body {
    padding-left: 3.2rem}
    @media (max-width: 1024px) {
    .p-top-link__item:first-child .p-top-link__item-link-body {
        -webkit-box-align:start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-right: 0;
    padding-left: 3.2rem;
    text-align: left}
}
    @media (max-width: 767px) {
    .p-top-link__item-link-body {
        row-gap:1.2rem}

    .p-top-link__item:
    first-child .p-top-link__item-link-body {
        padding-left: 2.4rem}

    .p-top-link__item:
    last-child .p-top-link__item-link-body {
        padding-left: 2.4rem}
}

.p-top-link__item-heading {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-top-link__item-heading {
        font-size:1.8rem}
}
    @media (max-width: 767px) {
    .p-top-link__item-heading {
        font-size:1.4rem}
}

.p-top-link__item-text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-top-link__item-text {
        font-size:1.1rem}
}

.p-reservation-modal {
    padding: 12rem 0 15rem}
    @media (max-width: 1024px) {
    .p-reservation-modal {
        padding:10rem 0 12rem}
}
    @media (max-width: 767px) {
    .p-reservation-modal {
        padding:8rem 0 10rem}
}

.p-reservation-modal__inner {
    max-width: calc(108rem + var(--site-padding) * 2);
    padding-right: var(--site-padding);
    padding-left: var(--site-padding)}

.p-reservation-modal__header {
    padding-bottom: 8rem}
    @media (max-width: 1024px) {
    .p-reservation-modal__header {
        padding-bottom:6rem}
}
    @media (max-width: 767px) {
    .p-reservation-modal__header {
        padding-bottom:4rem}
}

.p-reservation-modal__header-heading {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.4;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 10rem;
    font-family: var(--font-family-serif);
    text-align: center}
    @media (max-width: 1024px) {
    .p-reservation-modal__header-heading {
        margin-bottom:8rem;
    font-size: 2.8rem}
}
    @media (max-width: 767px) {
    .p-reservation-modal__header-heading {
        margin-bottom:6rem;
    font-size: 2.4rem}
}

.p-reservation-modal__body {
    padding-top: 6rem;
    border-top: 1px solid var(--color-border-gray)}

.p-reservation-modal__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-reservation-modal__body-inner {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 8rem}
}
    @media (max-width: 767px) {
    .p-reservation-modal__body-inner {
        row-gap:6rem}
}

.p-reservation-modal__body-main {
    width: 66.6666%}
    @media (max-width: 1024px) {
    .p-reservation-modal__body-main {
        width:100%}
}

.p-reservation-modal__blcok-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-reservation-modal__blcok-header {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 3.2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-bottom: 1.6rem}
}

.p-reservation-modal__blcok-header-heading {
    font-family: var(--font-family-serif);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m)}

.p-reservation-modal__blcok-header-button {
    margin-left: auto}
    @media (max-width: 1024px) {
    .p-reservation-modal__blcok-header-button {
        margin-left:0}
}

.p-reservation-modal__link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 0;
    border-bottom: 1px solid var(--color-border-gray)}

.p-reservation-modal__link-item-label {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2.4rem;
    padding-left: 1.2rem}

.p-reservation-modal__link-item-label:
    before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    background-color: var(--color-blue);
    border-radius: 100%}

.p-reservation-modal__link-item-label-main {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    font-family: var(--font-family-serif)}

.p-reservation-modal__link-item-label-sub {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    margin-top: 0.4rem;
    font-family: var(--font-family-serif)}

.p-reservation-modal__link-item-icon {
    padding-right: 1.2rem;
    margin-left: auto}

.p-reservation-modal__body-side {
    width: 33.3333%}
    @media (max-width: 1024px) {
    .p-reservation-modal__body-side {
        width:100%}
}

.p-reservation-modal__dl {
    margin-top: 2.4rem}

.p-reservation-modal__dt {
    font-family: var(--font-family-serif);
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m)}

.p-reservation-modal__dd {
    margin-top: 2rem}

.p-reservation-modal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem}

.p-reservation-modal__list-item {
    position: relative;
    padding-left: 1.2rem;
    font-family: var(--font-family-serif);
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}

.p-reservation-modal__list-item:
    before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    background-color: var(--color-blue);
    border-radius: 100%}

.p-reservation-modal__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    margin-top: 4rem}
    @media (max-width: 767px) {
    .p-reservation-modal__button {
        row-gap:1rem;
    margin-top: 3.2rem}
}

.p-reservation-modal__button-item .c-button-rect {
    width: 100%}
    @media (max-width: 1024px) {
    .p-restaurant {
        overflow:hidden}
}

.p-restaurant-detail__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--color-border-dark-gray)}
    @media (max-width: 767px) {
    .p-restaurant-detail__item:first-child {
        display:none}

    .p-restaurant-detail__item:nth-child(2) {
    border-top: 1px solid var(--color-border-dark-gray)}
}

.p-restaurant-detail__item-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 2.4rem 0;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s}

.p-restaurant-detail__item-link:
    hover {
    background-color: var(--color-bg-gray)}
    @media (max-width: 767px) {
    .p-restaurant-detail__item-link {
        position:relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 1.6rem}
}

.p-restaurant-detail__item-header {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    width: 26.5873015873%;
    font-family: var(--font-family-eng)}
    @media (max-width: 767px) {
    .p-restaurant-detail__item-header {
        width:100%;
    padding-bottom: 2.5rem;
    border-bottom: 1px solid var(--color-border-gray)}
}

.p-restaurant-detail__item-body {
    width: 73.4126984127%}
    @media (max-width: 767px) {
    .p-restaurant-detail__item-body {
        width:100%;
    padding-top: 1.6rem}
}

.p-restaurant-detail__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 767px) {
    .p-restaurant-detail__item-row {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap}
}

.p-restaurant-detail__item-col {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1.6rem;
    font-family: var(--font-family-eng-sub)}

.p-restaurant-detail__item-col[
    data-type=none] {
    width: 20%}

.p-restaurant-detail__item-col[
    data-type=morning] {
    width: 20%}

.p-restaurant-detail__item-col[
    data-type=noon] {
    width: 20%}

.p-restaurant-detail__item-col[
    data-type=night] {
    width: 20%}

.p-restaurant-detail__item-col[
    data-type=time] {
    width: 40%}

.p-restaurant-detail__item-col[
    data-type=floor] {
    width: 20%}
    @media (max-width: 1024px) {
    .p-restaurant-detail__item-col {
        font-size:1rem}
}
    @media (max-width: 767px) {
    .p-restaurant-detail__item-col {
        padding:2rem 0 0.8rem;
    font-size: 1.1rem}

    .p-restaurant-detail__item-col:
    before {
        position: absolute;
    top: 0.5rem;
    left: 0;
    display: block;
    font-size: 0.9rem}

    .p-restaurant-detail__item-col[data-type=none] {
    display: none}

    .p-restaurant-detail__item-col[data-type=morning] {
    position: relative;
    width: 33.3333%}

    .p-restaurant-detail__item-col[data-type=morning]:
    before {
        content: "MORNING"}

    .p-restaurant-detail__item-col[data-type=noon] {
    position: relative;
    width: 33.3333%}

    .p-restaurant-detail__item-col[data-type=noon]:
    before {
        content: "NOON"}

    .p-restaurant-detail__item-col[data-type=night] {
    position: relative;
    width: 33.3333%}

    .p-restaurant-detail__item-col[data-type=night]:
    before {
        content: "NOON"}

    .p-restaurant-detail__item-col[data-type=time] {
    position: relative;
    width: 66.6666%}

    .p-restaurant-detail__item-col[data-type=time]:
    before {
        content: "TIME"}

    .p-restaurant-detail__item-col[data-type=floor] {
    position: relative;
    width: 33.3333%}

    .p-restaurant-detail__item-col[data-type=floor]:
    before {
        content: "FLOOR"}
}

.p-restaurant-detail__label {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    padding-bottom: 0.8rem;
    font-family: var(--font-family-eng-sub)}

.p-restaurant-detail__item-icon {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin-left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}
    @media (max-width: 1024px) {
    .p-restaurant-detail__item-icon {
        right:0.8rem}
}
    @media (max-width: 767px) {
    .p-restaurant-detail__item-icon {
        top:2rem;
    right: 1rem;
    -webkit-transform: none;
    transform: none}
}

.p-restaurant-floor__heading {
    position: relative}

.p-restaurant-floor__heading:
    after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--color-border-dark-gray);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left}

.p-restaurant-floor__heading.is-onscreen:
    after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)}

.p-restaurant-floor__heading-logo {
    display: block;
    line-height: 1}

[
    data-type=daichino-restaurant] .p-restaurant-floor__heading-logo {
    max-width: 47.071rem}

[
    data-type=top-bar] .p-restaurant-floor__heading-logo {
    max-width: 44.996rem}

[
    data-type=ima-lounge] .p-restaurant-floor__heading-logo {
    max-width: 24.111rem}

.p-restaurant-floor__body {
    margin-top: 12rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__body {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__body {
        margin-top:4rem}
}

.p-restaurant-floor__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    padding-left: var(--site-padding)}
    @media (max-width: 1024px) {
    .p-restaurant-floor__body-inner {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: var(--site-padding)}
}

.p-restaurant-floor__mv {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 108rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__mv {
        min-height:initial;
    margin: 0 -4rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__mv {
        margin:0 -2rem}
}

.p-restaurant-floor__mv-image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden}

.p-restaurant-floor__mv-image
    img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}
    @media (max-width: 1024px) {
    .p-restaurant-floor__mv-image {
        aspect-ratio:1/1}
}

.p-restaurant-floor__main {
    width: 54.2rem;
    padding: 0 5rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__main {
        width:100%;
    padding: 0}
}

.p-restaurant-floor__main-label {
    position: relative;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    padding-top: 2.4rem;
    font-family: var(--font-family-eng)}

.p-restaurant-floor__main-label:
    before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    height: 2px;
    content: "";
    background: var(--color-blue)}

.p-restaurant-floor__main-name {
    margin-top: 8rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__main-name {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__main-name {
        margin-top:4.8rem}
}

.p-restaurant-floor__main-text {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__main-text {
        margin-top:3.6rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__main-text {
        margin-top:3.2rem}
}

.p-restaurant-floor__main-button {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__main-button {
        margin-top:3.6rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__main-button {
        margin-top:3.2rem}
}

.p-restaurant-floor__hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding-top: 6rem;
    margin-top: 6rem;
    border-top: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-restaurant-floor__hours {
        padding-top:4.8rem;
    margin-top: 4.8rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__hours {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2rem;
    padding-top: 4rem;
    margin-top: 4rem}
}

.p-restaurant-floor__hours-heading {
    width: 8rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .p-restaurant-floor__hours-heading {
        font-size:1.1rem}
}

.p-restaurant-floor__hours-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-restaurant-floor__hours-dl {
    margin-top: 3.2rem}

.p-restaurant-floor__hours-dl:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .p-restaurant-floor__hours-dl {
        margin-top:2.8rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__hours-dl {
        margin-top:2rem}
}

.p-restaurant-floor__hours-dt {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .p-restaurant-floor__hours-dt {
        font-size:1.1rem}
}

.p-restaurant-floor__hours-time {
    display: block;
    color: var(--color-blue)}

.p-restaurant-floor__hours-dd {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .p-restaurant-floor__hours-dd {
        font-size:1.1rem}
}

.p-restaurant-floor__hours-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.p-restaurant-floor__hours-list-label {
    width: 7rem}
    @media (max-width: 767px) {
    .p-restaurant-floor__hours-list-label {
        width:6.4rem}
}

.p-restaurant-floor__hours-list-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-restaurant-floor__hours-text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .p-restaurant-floor__hours-text {
        font-size:1.1rem}
}

.p-restaurant-floor__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4.8rem;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem}
    @media (max-width: 767px) {
    .p-restaurant-floor__menu-list {
        -ms-flex-wrap:nowrap;
    flex-wrap: nowrap}
}

.p-restaurant-floor__menu-list-item {
    width: calc((100% - 0.8rem) / 3)}
    @media (max-width: 767px) {
    .p-restaurant-floor__menu-list-item {
        -ms-flex-negative:0;
    flex-shrink: 0;
    width: 31.5rem}
}

.p-restaurant-floor__menu-list-item-wrap {
    position: relative;
    display: block}

.p-restaurant-floor__menu-list-item-link {
    position: relative;
    display: block}

.p-restaurant-floor__menu-list-item-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    padding: 0 2rem 2rem 3rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__menu-list-item-inner {
        padding:0 1.6rem 1.2rem 2rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__menu-list-item-inner {
        padding:0 1.6rem 1.2rem 2rem}
}

.p-restaurant-floor__menu-list-item-heading {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng);
    color: #fff}
    @media (max-width: 1024px) {
    .p-restaurant-floor__menu-list-item-heading {
        font-size:1.6rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__menu-list-item-heading {
        font-size:1.6rem}
}

.p-restaurant-floor__menu-list-item-icon {
    margin-left: auto;
    line-height: 1}

.p-restaurant-floor__menu-list-item-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2)}

.p-restaurant-floor__menu-list-item-image {
    position: relative;
    z-index: 0;
    aspect-ratio: 3/2}

.p-restaurant-floor__menu-list-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-restaurant-floor__menu-list-item-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    padding: 0 0.8rem;
    margin-top: 1.2rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__menu-list-item-button {
        padding:0 0.4rem}
}

.p-restaurant-floor__menu-list-item-button-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-restaurant-floor__menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 4rem}
    @media (max-width: 767px) {
    .p-restaurant-floor__menu-button {
        margin-top:3.2rem}
}

.p-restaurant-floor__faq-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6rem;
    -webkit-column-gap: 6rem;
    -moz-column-gap: 6rem;
    column-gap: 6rem}
    @media (max-width: 1024px) {
    .p-restaurant-floor__faq-list {
        row-gap:3rem;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__faq-list {
        -ms-flex-wrap:nowrap;
    flex-wrap: nowrap;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
}

.p-restaurant-floor__faq-list-item {
    width: calc((100% - 12rem) / 3)}
    @media (max-width: 1024px) {
    .p-restaurant-floor__faq-list-item {
        width:calc((100% - 3rem) / 2)}
}
    @media (max-width: 767px) {
    .p-restaurant-floor__faq-list-item {
        -ms-flex-negative:0;
    flex-shrink: 0;
    width: 31.5rem}
}

.p-restaurant-floor__faq-card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}

.p-restaurant-floor__faq-card-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 3.2rem;
    font-family: var(--font-family-eng);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl}

.p-restaurant-floor__faq-card-label:
    after {
    position: absolute;
    bottom: -1rem;
    left: 0.8rem;
    width: 1px;
    height: 5rem;
    content: "";
    background: var(--color-border-gray);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)}

.p-restaurant-floor__faq-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-restaurant-floor__faq-image {
    aspect-ratio: 3/2}

.p-restaurant-floor__faq-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-restaurant-floor__faq-text {
    margin-top: 2rem;
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .p-restaurant-floor__faq-text {
        font-size:1.3rem}
}

.p-restaurant-giftshop__inner {
    max-width: 82.6rem;
    margin: 0 auto}

.p-restaurant-giftshop__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--color-bg-light-gray);
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s}

.p-restaurant-giftshop__link:
    hover {
    background-color: var(--color-bg-gray)}
    @media (max-width: 767px) {
    .p-restaurant-giftshop__link {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}
}

.p-restaurant-giftshop__image {
    width: 24rem}
    @media (max-width: 767px) {
    .p-restaurant-giftshop__image {
        width:100%}
}

.p-restaurant-giftshop__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem 2.5rem 2.5rem 4rem}
    @media (max-width: 767px) {
    .p-restaurant-giftshop__body {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    padding: 3rem 2rem 1.5rem 2rem}
}

.p-restaurant-giftshop__body-inner {
    padding-right: 4rem;
    border-right: 1px solid var(--color-border-light-gray)}
    @media (max-width: 767px) {
    .p-restaurant-giftshop__body-inner {
        padding-right:0;
    border-right: none}
}

.p-restaurant-giftshop__heading {
    margin-bottom: 2rem}
    @media (max-width: 1024px) {
    .p-restaurant-giftshop__heading {
        margin-bottom:1.2rem}
}
    @media (max-width: 767px) {
    .p-restaurant-giftshop__heading {
        margin-bottom:0.8rem}
}
    @media (max-width: 767px) {
    .p-restaurant-giftshop__text {
        font-size:1.2rem}
}

.p-restaurant-giftshop__icon {
    padding-left: 2.5rem}
    @media (max-width: 767px) {
    .p-restaurant-giftshop__icon {
        display:-webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    padding: 1rem 0 0;
    margin-top: 2rem;
    border-top: 1px solid var(--color-border-light-gray)}
}

.p-restaurant-chefstable {
    color: #fff;
    background-color: var(--color-brown)}

.p-restaurant-chefstable__mv {
    overflow: hidden}

.p-restaurant-chefstable__slider-item {
    aspect-ratio: 16/9}
    @media (max-width: 767px) {
    .p-restaurant-chefstable__slider-item {
        aspect-ratio:3/2}
}

.p-restaurant-chefstable__slider-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 83%;
    margin: 2rem auto 0}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__slider-nav {
        max-width:60rem;
    margin-top: 1.5rem}
}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__slider-nav {
        margin-top:1rem}
}

.p-restaurant-chefstable__body {
    position: relative;
    z-index: 10}

.p-restaurant-chefstable__inner {
    margin: 2rem auto 0}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__inner {
        max-width:60rem}
}

.p-restaurant-chefstable__heading {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 5rem;
    margin-top: -7rem;
    margin-bottom: 5rem;
    font-family: var(--font-family-eng)}

.p-restaurant-chefstable__heading:
    after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10rem;
    height: 1px;
    content: "";
    background-color: var(--color-gold)}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__heading {
        padding-bottom:4rem;
    margin-top: -6rem;
    margin-bottom: 4rem;
    font-size: 6rem}
}
    @media (max-width: 767px) {
    .p-restaurant-chefstable__heading {
        margin-top:-5rem;
    font-size: 4rem}
}

.p-restaurant-chefstable__heading-main {
    font-size: 10rem;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en)}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__heading-main {
        font-size:6rem}
}
    @media (max-width: 767px) {
    .p-restaurant-chefstable__heading-main {
        font-size:4rem}
}

.p-restaurant-chefstable__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__detail {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 60rem;
    margin-right: auto;
    margin-left: auto}
}

.p-restaurant-chefstable__detail-main {
    width: 30.6349206349%}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__detail-main {
        width:100%}
}

.p-restaurant-chefstable__detail-text {
    margin-top: 1.5em}

.p-restaurant-chefstable__detail-text:
    first-of-type {
    margin-top: 0}

.p-restaurant-chefstable__detail-button {
    margin-top: 4rem}

.p-restaurant-chefstable__detail-image {
    width: 50%}
    @media (max-width: 1024px) {
    .p-restaurant-chefstable__detail-image {
        width:100%;
    margin-top: 8rem}
}
    @media (max-width: 767px) {
    .p-restaurant-chefstable__detail-image {
        margin-top:8rem}
}

.p-restaurant-chefstable__detail-image-item {
    overflow: hidden}

.p-chefstable {
    overflow: hidden}

.p-chefstable__about {
    color: #fff;
    background-color: var(--color-brown)}

.p-chefstable__about-inner {
    position: relative;
    padding-bottom: 26rem}
    @media (max-width: 1024px) {
    .p-chefstable__about-inner {
        padding-bottom:24rem}
}
    @media (max-width: 767px) {
    .p-chefstable__about-inner {
        padding-bottom:18rem}
}

.p-chefstable__about-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 83.1746031746%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-chefstable__about-row {
        display:block}
}

.p-chefstable__about-header {
    width: 50%;
    padding-right: 2rem}
    @media (max-width: 1024px) {
    .p-chefstable__about-header {
        width:100%;
    padding-right: 0}
}

.p-chefstable__about-body {
    width: 50%;
    padding-left: 2rem}
    @media (max-width: 1024px) {
    .p-chefstable__about-body {
        width:100%;
    padding-left: 0}
}

.p-chefstable__about-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: min(27.2916666667vw,39.3rem);
    overflow: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)}
    @media (max-width: 767px) {
    .p-chefstable__about-image {
        width:17.5rem}
}

.p-chefstable__guid {
    padding-top: 30rem;
    background-color: var(--color-beige)}
    @media (max-width: 1024px) {
    .p-chefstable__guid {
        padding-top:20rem}
}
    @media (max-width: 767px) {
    .p-chefstable__guid {
        padding-top:16rem}
}

.p-chefstable__guid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-chefstable__guid-row {
        display:block}
}

.p-chefstable__guid-main {
    width: 50%;
    padding-top: min(6.25vw,9rem);
    padding-right: min(5.5555555556vw,8rem)}
    @media (max-width: 1024px) {
    .p-chefstable__guid-main {
        width:100%;
    max-width: 83.1746031746%;
    margin: 0 auto}
}
    @media (max-width: 1024px) {
    .p-chefstable__guid-main {
        max-width:100%}
}

.p-chefstable__guid-table {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-chefstable__guid-table {
        margin-top:3.2rem}
}
    @media (max-width: 767px) {
    .p-chefstable__guid-table {
        margin-top:2.4rem}
}

.p-chefstable__guid-mv {
    width: 50%}
    @media (max-width: 1024px) {
    .p-chefstable__guid-mv {
        width:100%;
    margin-top: 4rem}
}

.p-chefstable__guid-mv-image {
    height: 100%;
    overflow: hidden}

.p-chefstable__feature {
    position: relative}

.p-chefstable__feature-heading {
    font-size: 10rem;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    top: 0;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}
    @media (max-width: 1024px) {
    .p-chefstable__feature-heading {
        font-size:6rem}
}
    @media (max-width: 767px) {
    .p-chefstable__feature-heading {
        font-size:4.8rem}
}

.p-chefstable__feature-block {
    position: relative;
    margin-top: 10rem}

.p-chefstable__feature-block.
    --1 {
    padding: 0 8.5714285714%;
    margin-top: 0}

.p-chefstable__feature-block.
    --3 {
    padding-right: 8.5714285714%}

.p-chefstable__feature-block.
    --5 {
    margin-top: 15rem}

.p-chefstable__feature-block.
    --7 {
    margin-top: 15rem}
    @media (max-width: 1024px) {
    .p-chefstable__feature-block {
        margin-top:8rem}

    .p-chefstable__feature-block.
    --1 {
        padding: 0}

    .p-chefstable__feature-block.
    --3 {
        padding: 0}

    .p-chefstable__feature-block.
    --5 {
        margin-top: 12rem}

    .p-chefstable__feature-block.
    --7 {
        margin-top: 12rem}
}
    @media (max-width: 767px) {
    .p-chefstable__feature-block.--5 {
        margin-top:10rem}

    .p-chefstable__feature-block.
    --7 {
        margin-top: 10rem}
}

.p-chefstable__feature-typo {
    font-size: 10rem;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    z-index: 1;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    white-space: nowrap}

.
    --2 .p-chefstable__feature-typo {
    top: 13rem;
    right: -6rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl}

.
    --5 .p-chefstable__feature-typo {
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}
    @media (max-width: 1024px) {
    .p-chefstable__feature-typo {
        font-size:6rem}

    .
    --2 .p-chefstable__feature-typo {
        top: 10rem;
    right: -4rem}
}
    @media (max-width: 767px) {
    .p-chefstable__feature-typo {
        font-size:4rem}

    .
    --2 .p-chefstable__feature-typo {
        top: -2rem;
    right: calc(var(--site-padding) * -1)}
}

.p-chefstable__feature-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.
    --2 .p-chefstable__feature-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse}

.
    --4 .p-chefstable__feature-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse}

.
    --5 .p-chefstable__feature-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 8.5714285714%}
    @media (max-width: 1024px) {
    .--5 .p-chefstable__feature-row {
        padding-right:0}
}
    @media (max-width: 767px) {
    .p-chefstable__feature-row {
        display:block}
}

.p-chefstable__feature-vis {
    position: relative}

.
    --1 .p-chefstable__feature-vis {
    width: 40%}

.
    --2 .p-chefstable__feature-vis {
    width: 50%}

.
    --3 .p-chefstable__feature-vis {
    width: 45.4545454545%}

.
    --4 .p-chefstable__feature-vis {
    width: 50%}

.
    --6 .p-chefstable__feature-vis {
    width: 50%}
    @media (max-width: 767px) {
    .--1 .p-chefstable__feature-vis {
        width:100%}

    .
    --2 .p-chefstable__feature-vis {
        width: 100%}

    .
    --3 .p-chefstable__feature-vis {
        width: 100%}

    .
    --4 .p-chefstable__feature-vis {
        width: 100%}

    .
    --6 .p-chefstable__feature-vis {
        width: 100%}
}

.p-chefstable__feature-vis-image {
    overflow: hidden}

.
    --2 .p-chefstable__feature-vis-image {
    margin-right: calc(var(--site-padding) * -1)}

.
    --5 .p-chefstable__feature-vis-image {
    margin-left: calc(var(--site-padding) * -1)}
    @media (max-width: 767px) {
    .--2 .p-chefstable__feature-vis-image {
        height:80vw}

    .
    --5 .p-chefstable__feature-vis-image {
        height: 100vw}

    .
    --5 .p-chefstable__feature-vis-image img {
        -o-object-position: 70% top;
    object-position: 70% top}
}

.p-chefstable__feature-caption {
    margin-top: 1.2rem}

.p-chefstable__feature-main {
    padding: 0 min(4.1666666667vw,6rem)}

.
    --1 .p-chefstable__feature-main {
    width: 60%}

.
    --2 .p-chefstable__feature-main {
    width: 50%}

.
    --3 .p-chefstable__feature-main {
    width: 54.5454545455%}

.
    --4 .p-chefstable__feature-main {
    width: 50%}

.
    --5 .p-chefstable__feature-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin-top: 7rem}

.
    --6 .p-chefstable__feature-main {
    width: 50%}
    @media (max-width: 1024px) {
    .p-chefstable__feature-main {
        padding:0}

    .
    --5 .p-chefstable__feature-main {
        margin-top: 5rem}
}
    @media (max-width: 767px) {
    .p-chefstable__feature-main {
        margin-top:4rem}

    .
    --1 .p-chefstable__feature-main {
        width: 100%}

    .
    --2 .p-chefstable__feature-main {
        width: 100%}

    .
    --3 .p-chefstable__feature-main {
        width: 100%}

    .
    --4 .p-chefstable__feature-main {
        width: 100%}

    .
    --5 .p-chefstable__feature-main {
        display: block}

    .
    --6 .p-chefstable__feature-main {
        width: 100%}
}

.p-chefstable__feature-block-heading {
    padding-bottom: 8rem}

.
    --5 .p-chefstable__feature-block-heading {
    width: 45.4545454545%}
    @media (max-width: 1024px) {
    .p-chefstable__feature-block-heading {
        padding-bottom:6rem}
}
    @media (max-width: 767px) {
    .p-chefstable__feature-block-heading {
        padding-bottom:4rem}

    .
    --5 .p-chefstable__feature-block-heading {
        width: 100%}
}

.p-chefstable__feature-copy {
    margin-bottom: 4rem}
    @media (max-width: 1024px) {
    .p-chefstable__feature-copy {
        margin-bottom:3.2rem;
    font-size: 2rem!important}
}
    @media (max-width: 767px) {
    .p-chefstable__feature-copy {
        margin-bottom:2.4rem;
    font-size: 1.8rem!important}
}

.
    --5 .p-chefstable__feature-text {
    width: 45.4545454545%}
    @media (max-width: 767px) {
    .--5 .p-chefstable__feature-text {
        width:100%}
}

.p-plan-content__wrapper {
    padding-top: 6rem;
    border-top: solid 1px var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-plan-content__wrapper {
        padding-top:4rem}
}

.p-plan-content__inner {
    max-width: 82.5%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-plan-content__inner {
        max-width:100%}
}

.p-plan-content__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    margin-bottom: 6rem}
    @media (max-width: 1024px) {
    .p-plan-content__filter {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    -webkit-column-gap: 0.5rem;
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
    margin-bottom: 5rem}
}
    @media (max-width: 767px) {
    .p-plan-content__filter {
        margin-bottom:4rem}
}

.p-plan-content__filter-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center}
    @media (max-width: 1024px) {
    .p-plan-content__filter-item {
        -webkit-box-flex:1;
    -ms-flex: auto;
    flex: auto;
    width: calc((100% - 1rem) / 3)}

    .p-plan-content__filter-item:
    first-child {
        width: 100%}
}

.p-plan-content__filter-link {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-l);
    display: block;
    width: 100%;
    padding: 0.8rem;
    font-family: var(--font-family-serif);
    font-size: 1.4rem;
    border: solid 1px transparent;
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s}

.p-plan-content__filter-link:
    hover {
    border-color: var(--color-border-gray)}

.p-plan-content__filter-link.is-active {
    background-color: var(--color-bg-gray);
    border-color: var(--color-border-dark-gray)}
    @media (max-width: 1024px) {
    .p-plan-content__filter-link {
        font-size:1.2rem;
    border-color: var(--color-border-gray)}
}

.p-plan-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-plan-list {
        row-gap:6rem}
}
    @media (max-width: 767px) {
    .p-plan-list {
        row-gap:4rem;
    padding: 0 5.3333333333vw}
}

.p-plan-list__item {
    width: calc((100% - 8rem) / 3)}
    @media (max-width: 1024px) {
    .p-plan-list__item {
        width:calc((100% - 4rem) / 2)}
}
    @media (max-width: 767px) {
    .p-plan-list__item {
        width:100%}
}

.p-plan-list__card {
    height: 100%}

.p-plan-list__card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%}

.p-plan-list__card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4}

.p-plan-list__card-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-plan-list__card-category {
    position: absolute;
    bottom: 0.8rem;
    left: 0.8rem}

.p-plan-list__card-header {
    position: relative;
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-plan-list__card-header {
        margin-top:2.4rem}
}

.p-plan-list__card-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-plan-list__card-heading {
        font-size:1.5rem}
}
    @media (max-width: 767px) {
    .p-plan-list__card-heading {
        font-size:1.4rem}
}

.p-plan-list__card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 3.2rem;
    padding-bottom: 1.2rem;
    margin-top: auto;
    border-bottom: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-plan-list__card-price {
        padding-top:2.4rem}
}

.p-plan-list__card-price-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2rem}

.p-plan-list__card-price-item {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    margin-left: auto;
    font-family: var(--font-family-eng)}

.p-plan-list__card-price-item
    small {
    margin-left: 0.4rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-sans)}
    @media (max-width: 1024px) {
    .p-plan-list__card-price-item {
        font-size:1.8rem}

    .p-plan-list__card-price-item small {
    font-size: 1.1rem}
}

.p-plan-list__card-overview {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    margin-top: 1.2rem}

.p-plan-bottom {
    padding-top: var(--space-section-sm);
    padding-bottom: var(--space-section-md);
    background-color: var(--color-bg-gray)}

.p-plan-bottom__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-plan-bottom__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6rem;
    margin: 0 auto}
}

.p-plan-bottom__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-plan-bottom__list-body {
    padding-top: 2.4rem}

.p-plan-bottom__list-text {
    padding-top: 2rem}

.p-plan-bottom__list-button {
    margin-top: 2rem}

.p-plan-detail__wrapper {
    max-width: 96rem;
    padding-top: 8rem;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-plan-detail__wrapper {
        padding-top:6rem}
}
    @media (max-width: 767px) {
    .p-plan-detail__wrapper {
        padding-top:4rem}
}

.p-plan-detail__header {
    padding-bottom: 5rem}
    @media (max-width: 1024px) {
    .p-plan-detail__header {
        padding-bottom:4rem}
}
    @media (max-width: 767px) {
    .p-plan-detail__header {
        padding-bottom:3.2rem}
}

.p-plan-detail__header-inner {
    max-width: 96rem;
    margin: 0 auto}

.p-plan-detail__category {
    margin-bottom: 4rem}
    @media (max-width: 1024px) {
    .p-plan-detail__category {
        margin-bottom:3.2rem}
}
    @media (max-width: 767px) {
    .p-plan-detail__category {
        margin-bottom:2rem}
}

.p-plan-detail__title {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-plan-detail__title {
        font-size:2.8rem}
}
    @media (max-width: 767px) {
    .p-plan-detail__title {
        font-size:2rem}
}

.p-plan-detail__information {
    margin-top: 5rem}
    @media (max-width: 1024px) {
    .p-plan-detail__information {
        margin-top:4rem}
}
    @media (max-width: 767px) {
    .p-plan-detail__information {
        margin-top:3.2rem}
}

.p-plan-detail__information-item {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--color-border-gray)}

.p-plan-detail__information-item:
    first-child {
    padding-top: 0}
    @media (max-width: 1024px) {
    .p-plan-detail__information-item {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}
}
    @media (max-width: 767px) {
    .p-plan-detail__information-item {
        padding:0.6rem 0;
    font-size: 1.2rem}
}

.p-plan-detail__information-item-label {
    width: 15rem}

.p-plan-detail__information-item-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-plan-detail__footer {
    margin-top: 15rem}
    @media (max-width: 1024px) {
    .p-plan-detail__footer {
        margin-top:12rem}
}
    @media (max-width: 767px) {
    .p-plan-detail__footer {
        margin-top:8rem}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul:after,.p-plan-old .con_plan .box_search ul.box_btn:after,.p-plan-old .con_plan .box_search ul.box_check:after,.p-plan-old .con_plan_detail .box_plan_detail .box_photo2:after,.p-plan-old .con_plan_detail .box_plan_detail .box_photo:after,.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st:after,.p-plan-old .con_plan_detail:after {
    display: table;
    clear: both;
    content: ""}

.p-plan-old .con_plan {
    margin-top: 100px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan {
        margin-top: 10%}
}

.p-plan-old .con_plan
    h3 {
    margin-bottom: 45px;
    font-weight: normal;
    text-align: center}

.p-plan-old .con_plan
    h3 em {
    display: block}

.p-plan-old .con_plan
    h3 em.en {
    font-family: Montserrat,sans-serif;
    font-size: 282%;
    color: #a0cfe9;
    letter-spacing: 0.1em}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan h3 em.en {
        font-size: 269%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan h3 em.en {
        font-size: 175%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan h3 {
        margin-bottom: 1em}
}

.p-plan-old .con_plan .box_search {
    padding: 50px;
    margin-bottom: 70px;
    background: #ecf5f9}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search {
        padding: 30px}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search {
        padding: 2em 1em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search {
        margin-bottom: 2em}
}

.p-plan-old .con_plan .box_search
    h4 {
    display: block!important;
    margin-bottom: 20px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search h4 {
        margin-bottom: 1em}
}

.p-plan-old .con_plan .box_search
    h4 em {
    display: inline-block;
    vertical-align: bottom}

.p-plan-old .con_plan .box_search
    h4 em.en {
    font-family: Montserrat,sans-serif;
    font-size: 169%;
    line-height: 1;
    color: #005595}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search h4 em.en {
        font-size: 157%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search h4 em.en {
        font-size: 144%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search h4 em.en {
        display: block}
}

.p-plan-old .con_plan .box_search
    h4 em.jp {
    font-size: 88%;
    font-weight: normal}

.p-plan-old .con_plan .box_search
    ul.box_check {
    padding: 30px 40px;
    background: #fff}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search ul.box_check {
        padding: 15px 20px}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_check {
        padding: 0.5em 1em}
}

.p-plan-old .con_plan .box_search
    ul.box_check li {
    float: left}

.p-plan-old .con_plan .box_search
    ul.box_check li input[type=checkbox] {
    display: none}

.p-plan-old .con_plan .box_search
    ul.box_check li input:disabled+.checkbox {
    color: #e6e6e6}

.p-plan-old .con_plan .box_search
    ul.box_check li .checkbox {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    padding: 1em 2em 1em 1.8em;
    cursor: pointer}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search ul.box_check li .checkbox {
        padding: 0.5em 2em 0.5em 1.8em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_check li .checkbox {
        padding: 0.3em 2em}
}

.p-plan-old .con_plan .box_search
    ul.box_check li .checkbox:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1em;
    height: 1em;
    content: "";
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.p-plan-old .con_plan .box_search
    ul.box_check li .checkbox:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 9px;
    height: 0.8em;
    margin-top: -16px;
    content: "";
    border-right: 2px solid #5896b5;
    border-bottom: 2px solid #5896b5;
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(50%);
    transform: rotate(45deg) translate(50%)}

.p-plan-old .con_plan .box_search
    ul.box_check li input[type=checkbox]:checked+.checkbox:after {
    opacity: 1}

.p-plan-old .con_plan .box_search
    ul.box_btn {
    width: 550px;
    padding-top: 2.72727%;
    margin: auto}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn {
        width: 91.66667%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn {
        padding-top: 1em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn {
        width: 100%;
    margin: 0}
}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn {
    float: left;
    width: 44.90909%}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn li.btn {
        width: 48%}
}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.clear {
    margin: auto}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.clear a {
    display: block;
    padding: 0.8em 0;
    color: #5796b5;
    text-align: center;
    text-decoration: none;
    background: #fff}

.p-plan-old .mouse .con_plan .box_search
    ul.box_btn li.btn.clear a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-plan-old .mouse .con_plan .box_search
    ul.box_btn li.btn.clear a:hover,.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.clear a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-plan-old .touch .con_plan .box_search
    ul.box_btn li.btn.clear a {
    -webkit-tap-highlight-color: transparent}

.p-plan-old .touch .con_plan .box_search
    ul.box_btn li.btn.clear a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.clear a em {
    display: inline-block;
    vertical-align: middle}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.clear a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.clear a {
    border: solid 1px #5796b5}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.clear a:after {
    display: none}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.rsv {
    margin-left: 4.54545%}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv {
        margin-left: 4%}
}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.rsv button {
    display: block;
    width: 100%;
    padding: 0.74em 0;
    font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,sans-serif;
    font-size: 100%;
    color: #fff;
    cursor: pointer;
    background: #5796b5;
    border: none}

.p-plan-old .mouse .con_plan .box_search
    ul.box_btn li.btn.rsv button {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-plan-old .mouse .con_plan .box_search
    ul.box_btn li.btn.rsv button:hover,.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-plan-old .touch .con_plan .box_search
    ul.box_btn li.btn.rsv button {
    -webkit-tap-highlight-color: transparent}

.p-plan-old .touch .con_plan .box_search
    ul.box_btn li.btn.rsv button.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-plan-old .mouse .con_plan .box_search
    ul.box_btn li.btn.rsv button {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-plan-old .mouse .con_plan .box_search
    ul.box_btn li.btn.rsv button:hover,.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-plan-old .touch .con_plan .box_search
    ul.box_btn li.btn.rsv button {
    -webkit-tap-highlight-color: transparent}

.p-plan-old .touch .con_plan .box_search
    ul.box_btn li.btn.rsv button.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.rsv button em,.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv button i {
    display: inline-block;
    vertical-align: middle}

.p-plan-old .con_plan .box_search
    ul.box_btn li.btn.rsv button em img,.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv button i img {
    display: block}

.p-plan-old .con_plan
    ul.box_tab {
    display: table;
    width: 100%;
    margin-bottom: 50px;
    border: solid 1px #80bdda}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan ul.box_tab {
        margin-bottom: 2em}
}

.p-plan-old .con_plan
    ul.box_tab li {
    -webkit-box-sizing: boder-box;
    box-sizing: boder-box;
    display: table-cell;
    width: 33.33333%;
    padding: 15px 0;
    font-family: Montserrat,sans-serif;
    font-size: 113%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-left: solid 1px #80bdda;
    -webkit-transition: background-color 0.5s,color 0.5s;
    transition: background-color 0.5s,color 0.5s}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan ul.box_tab li {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan ul.box_tab li {
        font-size: 88%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan ul.box_tab li {
        padding: 1em 0}
}

.p-plan-old .con_plan
    ul.box_tab li:first-child {
    border-left: none}

.p-plan-old .con_plan
    ul.box_tab li.active,.p-plan-old .con_plan ul.box_tab li:hover {
    color: #fff;
    background-color: #80bdda}

.p-plan-old .con_plan .box_plan
    h4 {
    display: block!important;
    padding-bottom: 1em;
    margin-bottom: 30px;
    border-bottom: solid 1px #291806}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 {
        padding-bottom: 0.5em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 {
        margin-bottom: 1em}
}

.p-plan-old .con_plan .box_plan
    h4 em {
    display: inline-block;
    vertical-align: bottom}

.p-plan-old .con_plan .box_plan
    h4 em.en {
    font-family: Montserrat,sans-serif;
    font-size: 169%;
    line-height: 1}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan h4 em.en {
        font-size: 157%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 em.en {
        font-size: 144%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 em.en {
        display: block}
}

.p-plan-old .con_plan .box_plan
    h4 em.jp {
    font-size: 88%}

.p-plan-old .con_plan .box_plan .box_plan_inner {
    margin-top: -70px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner {
        margin-top: -3em}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    p.plan_st {
    margin-bottom: 50px;
    font-size: 113%;
    text-align: right}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        font-size: 88%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        margin-bottom: 2em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        width: 80%;
    margin-left: 20%}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul {
    width: 100%}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 31.66667%;
    margin-bottom: 30px;
    margin-left: 2.5%;
    border-bottom: solid 1px #dedede;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        float: none}
}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        width: 32%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        width: 100%}
}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        margin-left: 2%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        margin-left: 0}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        margin-bottom: 1.5em}
}
    @media only screen and (width >= 768px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li: nth-child(3n+1) {
        margin-left:0;
    clear: left}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li a {
    display: block;
    text-decoration: none}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li p.photo {
    position: relative;
    z-index: 1;
    width: 100%}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li p.photo img {
    width: 100%}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li p.photo em {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 2;
    font-size: 88%}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        top: 5px}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        top: 0.5em}
}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        left: 5px}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        left: 0.5em}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li p.photo em span {
    display: inline-block;
    padding: 0.2em 0.5em;
    margin-right: 0.2em;
    font-family: Montserrat,sans-serif;
    color: #fff;
    background-color: #5796b5}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li .box_txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt {
        padding: 0.5em}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li .box_txt p.st {
    display: -webkit-box;
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 113%;
    line-height: 1.5;
    text-decoration: underline;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
        margin-bottom: 1em}
}

.p-plan-old .firefox .con_plan .box_plan .box_plan_inner
    ul li .box_txt p.st,.p-plan-old .ie .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
    max-height: 3em}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li .box_txt p.price {
    margin-bottom: 20px;
    font-size: 113%;
    color: #5796b5;
    text-align: right}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.price {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.price {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.price {
        margin-bottom: 1em}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li .box_txt p.information {
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-bottom: 0.3em;
    font-size: 94%;
    background: rgba(87,150,181,0.2)}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.information {
        font-size: 88%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.information {
        font-size: 88%}
}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li .box_txt p.information:before {
    content: "プラン有効期限："}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li .box_txt p.txt {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3}

.p-plan-old .firefox .con_plan .box_plan .box_plan_inner
    ul li .box_txt p.txt,.p-plan-old .ie .con_plan .box_plan .box_plan_inner ul li .box_txt p.txt {
    max-height: 4.5em}

.p-plan-old .con_plan .box_plan .box_plan_inner
    ul li:hover {
    background-color: #efefef}

.p-plan-old .con_plan .box_plan #panel_plan02,.p-plan-old .con_plan .box_plan #panel_plan03 {
    display: none}

.p-plan-old .con_plan
    ul.link_page {
    text-align: center}

.p-plan-old .con_plan
    ul.link_page li {
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    vertical-align: top;
    background-color: #dedede;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s}

.p-plan-old .con_plan
    ul.link_page li:first-child {
    margin-left: 0}

.p-plan-old .con_plan
    ul.link_page li a {
    display: block;
    padding: 0.5em 0;
    font-size: 94%;
    color: #fff;
    text-align: center;
    text-decoration: none}

.p-plan-old .con_plan
    ul.link_page li.btn_next a,.p-plan-old .con_plan ul.link_page li.btn_prev a {
    position: relative;
    padding: 1.25em 0}

.p-plan-old .con_plan
    ul.link_page li.btn_next a:before,.p-plan-old .con_plan ul.link_page li.btn_prev a:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: auto;
    content: "";
    border-top: solid 1px #fff;
    border-right: solid 1px #fff}

.p-plan-old .con_plan
    ul.link_page li.btn_prev a:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)}

.p-plan-old .con_plan
    ul.link_page li.btn_next a:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)}

.p-plan-old .con_plan
    ul.link_page li.active,.p-plan-old .con_plan ul.link_page li:hover {
    background-color: #80bdda}

.p-plan-old .con_plan_detail {
    margin-top: 100px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail {
        margin-top: 10%}
}

.p-plan-old .con_plan_detail .box_plan_detail {
    margin: auto}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail {
        margin-bottom: 2em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #291806}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st {
        padding-bottom: 1em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st {
        margin-bottom: 1em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate {
    margin-bottom: 20px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate {
        margin-bottom: 1em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate
    p.cate span {
    display: inline-block;
    padding: 0 0.5em;
    margin-right: 0.2em;
    font-size: 88%;
    color: #fff;
    vertical-align: middle;
    background-color: #5796b5}
    @media only screen and (width >= 1024px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate p.day {
        display: inline-block;
    margin-left: 0.5em;
    vertical-align: middle}
}
    @media only screen and (width <= 1023px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate p.day {
        display: block;
    margin-top: 0.5em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st
    h3 {
    font-size: 138%;
    font-weight: normal}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3 {
        font-size: 125%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3 {
        font-size: 113%}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn {
    margin: auto}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #5796b5}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn a:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn a {
    -webkit-tap-highlight-color: transparent}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn a em {
    display: inline-block;
    vertical-align: middle}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st
    p.btn a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"}
    @media only screen and (width >= 1024px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
        float: right;
    width: 35%}
}
    @media only screen and (width <= 1023px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3,.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
        float: none}

    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3 {
    width: 100%}

    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
    width: 80%;
    margin-top: 1em}
}
    @media only screen and (width <= 1023px) and (width >= 768px) and (width <= 1023px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
        width: 60%}
}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.slide {
    margin-top: 40px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.slide {
        margin-top: 1.5em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.slide .slick-dots {
    bottom: 20px;
    line-height: 1;
    text-align: center}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.slide .slick-dots {
        bottom: 1em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.slide .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 6px;
    overflow: hidden}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.slide .slick-dots li button {
    height: 0;
    padding: 0;
    cursor: pointer}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.slide .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    border-radius: 100%;
    opacity: 1}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.slide .slick-dots li.slick-active button:before {
    background: #5796b5}

.p-plan-old .con_plan_detail .box_plan_detail
    p.txt {
    line-height: 2}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.txt {
        line-height: 1.8}
}

.p-plan-old .con_plan_detail .box_plan_detail
    p.txt a {
    color: #5796b5}

.p-plan-old .con_plan_detail .box_plan_detail
    p.txt a.arr {
    display: block}

.p-plan-old .con_plan_detail .box_plan_detail
    p.txt a.arr:after {
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    margin-left: 0.5em;
    vertical-align: middle;
    content: "";
    border-top: solid 1px #5796b5;
    border-right: solid 1px #5796b5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)}

.p-plan-old .con_plan_detail .box_plan_detail
    p.txt em.txt_noe {
    display: block;
    color: #ce390d}

.p-plan-old .con_plan_detail .box_plan_detail
    p.photo {
    width: 100%;
    text-align: center}

.p-plan-old .con_plan_detail .box_plan_detail
    h4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    margin-top: 70px;
    margin-bottom: 35px;
    font-size: 138%;
    font-weight: normal;
    color: #fff;
    background-color: #5796b5}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        font-size: 125%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        font-size: 113%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        padding: 0.5em 0.3em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        margin-top: 2em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        margin-bottom: 1.5em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    p.st {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 125%;
    border-left: solid 5px #5796b5}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        font-size: 113%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        padding: 0.5em 0 0.5em 1em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        margin-top: 1em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        margin-bottom: 1em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    p.st_s {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 15px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 113%;
    border-bottom: solid 1px #dfdfdf}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        font-size: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        padding: 0.5em 0 0.5em 1em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        margin-top: 1em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        margin-bottom: 0.5em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    p.st_s:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 0.5em;
    height: 0.5em;
    vertical-align: middle;
    content: "";
    background-color: #5796b5;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.p-plan-old .con_plan_detail .box_plan_detail .wrap_movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden}

.p-plan-old .con_plan_detail .box_plan_detail .wrap_movie
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo {
    width: 100%;
    margin-top: 40px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo {
        margin-top: 2em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo
    p.photo {
    float: left;
    width: 49.375%;
    margin-left: 1.25%}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        width: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        margin-left: 0}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        float: none}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo
    p.photo:first-child {
    margin-left: 0}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo
    p.photo em {
    display: block;
    margin-top: 1em;
    font-size: 94%}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        margin-top: 1em}

    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo:
    first-child {
        margin-top: 0}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo.box_photo_s
    p.photo {
    width: 32.5%}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo.box_photo_s p.photo {
        width: 100%}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2 {
    width: 100%;
    margin-top: 60px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 {
        margin-top: 2em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2
    p.photo {
    width: 50.625%}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.photo {
        width: 100%}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2
    p.txt {
    width: 40%;
    line-height: normal}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.txt {
        width: 100%}
}
    @media only screen and (width >= 1280px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.txt {
        margin-top: 40px}
}
    @media print {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.txt {
        margin-top: 40px}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l
    p.photo {
    float: left}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l p.photo {
        float: none}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l
    p.txt {
    float: right}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l p.txt {
        float: none}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r
    p.photo {
    float: right}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r p.photo {
        float: none}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r
    p.txt {
    float: left}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r p.txt {
        float: none}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.photo {
        margin-bottom: 1em}
}

.p-plan-old .con_plan_detail .box_plan_detail>
    table {
    width: 100%}

.p-plan-old .con_plan_detail .box_plan_detail>
    table tr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px #dfdfdf}

.p-plan-old .con_plan_detail .box_plan_detail>
    table tr td,.p-plan-old .con_plan_detail .box_plan_detail>table tr th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 0 0.5em}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail>table tr td,.p-plan-old .con_plan_detail .box_plan_detail>table tr th {
        display: block}
}

.p-plan-old .con_plan_detail .box_plan_detail>
    table tr th {
    position: relative;
    z-index: 1;
    width: 30%;
    font-weight: normal;
    text-align: center}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail>table tr th {
        width: 30%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail>table tr th {
        width: 100%}
}

.p-plan-old .con_plan_detail .box_plan_detail>
    table tr th:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 3px;
    content: "";
    background-color: #5796b5}

.p-plan-old .con_plan_detail .box_plan_detail>
    table tr td {
    padding-left: 1em}

.p-plan-old .con_plan_detail .box_plan_detail>
    table.plan_table {
    margin-top: 30px}

.p-plan-old .con_plan_detail .box_plan_detail>
    table.plan_table tr td {
    width: 20%;
    padding: 1em}

.p-plan-old .con_plan_detail .box_plan_detail
    div.txt table tr td {
    vertical-align: top}

.p-plan-old .con_plan_detail .box_plan_detail
    div.txt table.plan_table {
    width: 100%}
    @media only screen and (width >= 768px) {
    .p-plan-old .con_plan_detail .box_plan_detail div.txt table.plan_table tr td {
        padding: 1em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn {
    width: 270px;
    margin: auto;
    margin-top: 90px}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_btn {
        width: 80%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_btn {
        margin-top: 2em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn
    p.btn {
    width: 100%;
    margin: auto;
    margin-top: 30px}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn
    p.btn a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #5796b5}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_btn
    p.btn a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_btn
    p.btn a:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail .box_btn p.btn a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_btn
    p.btn a {
    -webkit-tap-highlight-color: transparent}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_btn
    p.btn a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn
    p.btn a em {
    display: inline-block;
    vertical-align: middle}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn
    p.btn a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn {
        margin-top: 1.5em}
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn
    p.btn:first-child {
    margin-top: 0}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn
    p.btn.btn_pdf a:after {
    width: 18px;
    height: 21px;
    content: "";
    background: url("../images/common/ic_pdf_w.png") no-repeat center center/cover}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page {
    display: table;
    width: 100%;
    margin-top: 70px;
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page {
        margin-top: 2em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page li {
    position: relative;
    z-index: 1;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    border-left: solid 1px #dfdfdf}

.p-plan-old .mouse .con_plan_detail .box_plan_detail
    ul.btn_page li {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-plan-old .mouse .con_plan_detail .box_plan_detail
    ul.btn_page li:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail ul.btn_page li.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-plan-old .touch .con_plan_detail .box_plan_detail
    ul.btn_page li {
    -webkit-tap-highlight-color: transparent}

.p-plan-old .touch .con_plan_detail .box_plan_detail
    ul.btn_page li.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page li:first-child {
    border: none}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page li a {
    display: block;
    padding: 15px 0;
    text-align: center;
    text-decoration: none}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li a {
        padding: 0.5em 0}
}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page li a em {
    display: block;
    display: -webkit-box;
    width: 80%;
    margin: auto;
    overflow: hidden;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1}

.p-plan-old .firefox .con_plan_detail .box_plan_detail
    ul.btn_page li a em,.p-plan-old .ie .con_plan_detail .box_plan_detail ul.btn_page li a em {
    max-height: 1.5em}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page li:before {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 0.3em;
    height: 0.3em;
    content: "";
    border-top: solid 1px #6b6b6b;
    border-right: solid 1px #6b6b6b}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page li.btn_prev:before {
    left: 1em;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_prev: before {
        left:0.5em}
}
    @media only screen and (width >= 1601px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_prev: before {
        left:1.5em}
}
    @media print {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_prev:before {
        left: 1.5em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    ul.btn_page li.btn_next:before {
    right: 1em;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_next: before {
        right:0.5em}
}
    @media only screen and (width >= 1601px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_next: before {
        right:1.5em}
}
    @media print {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_next:before {
        right: 1.5em}
}

.p-plan-old .con_plan_detail .box_plan_detail
    p.btn_top {
    width: 270px;
    margin: auto;
    margin-top: 40px}

.p-plan-old .con_plan_detail .box_plan_detail
    p.btn_top a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #80bdda}

.p-plan-old .mouse .con_plan_detail .box_plan_detail
    p.btn_top a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-plan-old .mouse .con_plan_detail .box_plan_detail
    p.btn_top a:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail p.btn_top a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-plan-old .touch .con_plan_detail .box_plan_detail
    p.btn_top a {
    -webkit-tap-highlight-color: transparent}

.p-plan-old .touch .con_plan_detail .box_plan_detail
    p.btn_top a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-plan-old .con_plan_detail .box_plan_detail
    p.btn_top a em {
    display: inline-block;
    vertical-align: middle}

.p-plan-old .con_plan_detail .box_plan_detail
    p.btn_top a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.btn_top {
        margin-top: 1.5em}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.btn_top {
        width: 80%}
}

.p-plan-old .con_plan_detail .box_side {
    float: right;
    width: 23.33333%}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side {
        width: 28%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side {
        width: 100%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side {
        float: none}
}

.p-plan-old .con_plan_detail .box_side
    p.st {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    background-color: #80bdda}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side p.st {
        padding: 1em}
}

.p-plan-old .con_plan_detail .box_side
    p.st em {
    display: inline-block;
    color: #fff;
    vertical-align: middle}

.p-plan-old .con_plan_detail .box_side
    p.st em.en {
    font-family: Montserrat,sans-serif;
    font-size: 144%}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side p.st em.en {
        font-size: 132%}
}
    @media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side p.st em.en {
        font-size: 119%}
}

.p-plan-old .con_plan_detail .box_side
    p.st em.jp {
    font-size: 88%}

.p-plan-old .con_plan_detail .box_side
    ul.link_cate {
    width: 100%}

.p-plan-old .con_plan_detail .box_side
    ul.link_cate li {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px #dfdfdf;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s}

.p-plan-old .con_plan_detail .box_side
    ul.link_cate li a {
    display: block;
    padding: 1em 0 1em 2.5em;
    font-size: 94%;
    text-decoration: none}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side ul.link_cate li a {
        padding: 1em 0 1em 1.5em}
}

.p-plan-old .con_plan_detail .box_side
    ul.link_cate li:before {
    position: absolute;
    top: 50%;
    left: 1em;
    display: block;
    width: 0.3em;
    height: 0.3em;
    content: "";
    border-top: solid 2px #989899;
    border-right: solid 2px #989899;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side ul.link_cate li: before {
        left:0.5em}
}

.p-plan-old .con_plan_detail .box_side
    ul.link_cate li.active,.p-plan-old .con_plan_detail .box_side ul.link_cate li:hover {
    background-color: #efefef}

.p-spa-program {
    padding-bottom: var(--space-section-md)}

.p-spa-program__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}
    @media (max-width: 767px) {
    .p-spa-program__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4rem}
}

.p-spa-program__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-spa-program__list-item
    a {
    display: block}

.p-spa-program__list-image {
    position: relative;
    aspect-ratio: 3/2}

.p-spa-program__list-image:
    after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: 0.5}

.p-spa-program__list-image
    img {
    position: relative;
    z-index: 0}

.p-spa-program__list-heading {
    position: absolute;
    bottom: 2.5rem;
    left: 3rem;
    z-index: 2;
    color: #fff}
    @media (max-width: 1024px) {
    .p-spa-program__list-heading {
        bottom:1.5rem;
    left: 2rem;
    font-size: 1.8rem}
}
    @media (max-width: 767px) {
    .p-spa-program__list-heading {
        bottom:1rem;
    left: 1.5rem}
}

.p-spa-program__list-body {
    padding: 2.4rem 3rem 0}
    @media (max-width: 1024px) {
    .p-spa-program__list-body {
        padding:2rem 3rem 0 0}
}
    @media (max-width: 767px) {
    .p-spa-program__list-body {
        padding:2rem 0 0}
}

.p-spa-guide__header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 767px) {
    .p-spa-guide__header-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}
}

.p-spa-guide__header-heading {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}
    @media (max-width: 767px) {
    .p-spa-guide__header-heading {
        margin-bottom:3.2rem}
}

.p-spa-guide__header-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-spa-guide__body {
    margin-top: 8rem}
    @media (max-width: 1024px) {
    .p-spa-guide__body {
        margin-top:6rem}
}

.p-spa-guide__floor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 767px) {
    .p-spa-guide__floor {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2rem}
}

.p-spa-guide__floor-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-spa-guide__info {
    margin-top: 8rem}
    @media (max-width: 1024px) {
    .p-spa-guide__info {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-spa-guide__info {
        margin-top:4rem}
}

.p-spa-guide__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-spa-guide__info-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: solid 1px var(--color-border-gray)}
}

.p-spa-guide__info-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-spa-guide__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.4rem 0;
    border-top: solid 1px var(--color-border-gray)}

.p-spa-guide__info-item:
    last-child {
    border-bottom: solid 1px var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-spa-guide__info-item:last-child {
        border-bottom:none}
}
    @media (max-width: 1024px) {
    .p-spa-guide__info-item {
        padding:2rem 0}
}

.p-spa-guide__info-term {
    width: 25%;
    padding-right: 2rem}
    @media (max-width: 767px) {
    .p-spa-guide__info-term {
        width:11rem;
    padding-right: 1rem}
}

.p-spa-guide__info-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-spa-guide__info-desc-set {
    margin-top: 2rem}

.p-spa-guide__info-desc-set:
    first-child {
    margin-top: 0}

.p-spa-guide__info-button {
    margin-top: 2rem}

.p-spa-guide__info-notice {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-spa-guide__info-notice {
        margin-top:2.4rem}
}

.p-spa-facilities {
    overflow: hidden}

.p-spa-facilities__header {
    padding-bottom: 10rem}

.p-spa-facilities__header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}
    @media (max-width: 1024px) {
    .p-spa-facilities__header-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start}
}
    @media (max-width: 1024px) {
    .p-spa-facilities__header-anchor {
        margin-top:6rem}
}

.p-spa-facilities__header-loopimg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 9.7222222222vw;
    overflow: hidden}
    @media (max-width: 1024px) {
    .p-spa-facilities__header-loopimg {
        margin-right:calc(var(--site-padding) * -1);
    margin-left: 0}
}

.p-spa-facilities__header-loopimg-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    -webkit-animation: marquee 25s linear infinite;
    animation: marquee 25s linear infinite;
    will-change: transform}
    @media (max-width: 1024px) {
    .p-spa-facilities__header-loopimg-item {
        width:200%}
}
    @media (max-width: 767px) {
    .p-spa-facilities__header-loopimg-item {
        width:250%}
}

.p-spa-facilities__header-loopimg-img {
    width: 20%}

.p-spa-content {
    padding-bottom: var(--space-section-lg);
    overflow: hidden}

.p-spa-content__kv {
    height: 56.25vw;
    overflow: hidden}
    @media (max-width: 1024px) {
    .p-spa-content__kv {
        height:78.125vw}
}
    @media (max-width: 767px) {
    .p-spa-content__kv {
        height:128vw}
}

.p-spa-content__intro {
    padding-top: 6rem}
    @media (max-width: 1024px) {
    .p-spa-content__intro {
        padding-top:0}
}

.p-spa-content__intro-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 1024px) {
    .p-spa-content__intro-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6rem}
}

.p-spa-content__intro-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-spa-content__intro-floor {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    position: relative;
    padding-top: 2.6rem;
    margin-bottom: 4rem;
    font-family: var(--font-family-eng)}

.p-spa-content__intro-floor:
    before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5rem;
    height: 0.2rem;
    content: "";
    background-color: var(--color-blue)}
    @media (max-width: 1024px) {
    .p-spa-content__intro-floor {
        margin-bottom:3rem}
}

.p-top-section-header__heading {
    white-space: nowrap}

.p-spa-content__intro-text {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-spa-content__intro-text {
        margin-top:2.4rem}
}

.p-spa-content__program {
    margin-top: var(--space-section-sm)}

.p-spa-content__program-heading {
    margin-bottom: 4rem}
    @media (max-width: 1024px) {
    .p-spa-content__program-heading {
        margin-bottom:3.2rem}
}
    @media (max-width: 767px) {
    .p-spa-content__program-heading {
        margin-bottom:2.4rem}
}

.p-spa-content__program-list {
    overflow: visible}

.p-spa-content__program-list-wrapper {
    overflow: visible}

.p-spa-content__program-list-link {
    display: block}

.p-spa-content__program-list-image {
    position: relative;
    aspect-ratio: 3/2}

.p-spa-content__program-list-icon {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1}
    @media (max-width: 1024px) {
    .p-spa-content__program-list-icon {
        right:1rem;
    bottom: 1rem}
}

.p-spa-content__program-list-body {
    padding-top: 2.4rem}

.p-spa-content__program-list-text {
    margin-top: 1.6rem}
    @media (max-width: 1024px) {
    .p-spa-content__program-list-text {
        font-size:1.3rem}
}

.p-spa-content__mapping {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: var(--space-section-sm);
    color: #fff;
    background-color: #000}
    @media (max-width: 1024px) {
    .p-spa-content__mapping {
        display:block}
}
    @media (max-width: 767px) {
    .p-spa-content__mapping {
        margin-right:-1.5rem;
    margin-left: -1.5rem}
}

.p-spa-content__mapping-image {
    width: 50%}
    @media (max-width: 1024px) {
    .p-spa-content__mapping-image {
        width:100%;
    aspect-ratio: 16/9}
}
    @media (max-width: 767px) {
    .p-spa-content__mapping-image {
        aspect-ratio:3/2}
}

.p-spa-content__mapping-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    padding: 8rem}
    @media (max-width: 1024px) {
    .p-spa-content__mapping-body {
        width:100%;
    padding: 4rem}
}
    @media (max-width: 767px) {
    .p-spa-content__mapping-body {
        padding:3rem}
}

.p-spa-content__mapping-heading {
    width: 100%}
    @media (max-width: 767px) {
    .p-spa-content__mapping-heading {
        font-size:1.8rem}
}

.p-spa-content__mapping-text {
    width: 100%;
    margin-top: 2.4rem}
    @media (max-width: 767px) {
    .p-spa-content__mapping-text {
        font-size:1.3rem}
}

.p-spa-content__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: var(--space-element-lg)}

.p-spa-content-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.4rem}
    @media (max-width: 1024px) {
    .p-spa-content-sub {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0}
}

.p-spa-content-sub__kv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: clamp(68rem,47.2222222222vw,81rem);
    overflow: hidden}
    @media (max-width: 1024px) {
    .p-spa-content-sub__kv {
        height:78.125vw}
}
    @media (max-width: 767px) {
    .p-spa-content-sub__kv {
        height:128vw}
}

.p-spa-content-sub__intro {
    width: clamp(52.3rem,36.3194444444vw,68rem);
    min-width: 52.3rem;
    padding-right: var(--site-padding);
    padding-left: 6rem}
    @media (max-width: 1024px) {
    .p-spa-content-sub__intro {
        width:100%;
    min-width: initial;
    padding: 0 var(--site-padding) 6rem}
}

.p-spa-content-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.4rem}
    @media (max-width: 1024px) {
    .p-spa-content-sub {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 0}
}

.p-well-being-program__content {
    margin-top: var(--space-section-md)}

.p-well-being-program__content:
    first-of-type {
    margin-top: 0}

.p-well-being-program__content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-well-being-program__content-header {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2rem}
}
    @media (max-width: 767px) {
    .p-well-being-program__content-header {
        row-gap:1rem}
}

.p-well-being-program__content-header-col {
    width: 50%}
    @media (max-width: 1024px) {
    .p-well-being-program__content-header-col {
        width:100%}
}

.p-well-being-program__content-body {
    margin-top: 6rem}
    @media (max-width: 767px) {
    .p-well-being-program__content-body {
        margin-top:4.8rem}
}

.p-well-being-program__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-well-being-program__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.5rem}
}

.p-well-being-program__list-item {
    width: calc((100% - 4rem) / 2)}
    @media (max-width: 1024px) {
    .p-well-being-program__list-item {
        width:100%}
}
    @media (max-width: 767px) {
    .p-well-being-program__list-item {
        height:12rem}
}

.p-well-being-program__card {
    height: 100%}

.p-well-being-program__card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background: var(--color-bg-light-gray)}

.p-well-being-program__card-image {
    width: 40%;
    aspect-ratio: 240/160}
    @media (max-width: 1024px) {
    .p-well-being-program__card-image {
        width:30%}
}
    @media (max-width: 767px) {
    .p-well-being-program__card-image {
        width:25%}
}

.p-well-being-program__card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 2.5rem 2rem 3rem}
    @media (max-width: 767px) {
    .p-well-being-program__card-body {
        width:25%;
    padding: 1rem 1rem 1rem 2rem}
}

.p-well-being-program__card-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-right: 2.4rem;
    border-right: 1px solid var(--color-border-light-gray)}
    @media (max-width: 767px) {
    .p-well-being-program__card-body-inner {
        padding:1.2rem 1.2rem 1.2rem 0}
}

.p-well-being-program__card-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    opacity: 0.5}
    @media (max-width: 767px) {
    .p-well-being-program__card-label {
        font-size:1rem}
}

.p-well-being-program__card-title {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-well-being-program__card-title {
        font-size:1.4rem}
}

.p-well-being-program__card-icon {
    padding-left: 2.4rem;
    margin-left: auto}
    @media (max-width: 767px) {
    .p-well-being-program__card-icon {
        padding-left:1rem}
}

.p-well-being-program__box {
    padding: 4rem;
    margin-top: var(--space-section-sm);
    border: solid 1px var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-well-being-program__box {
        padding:3rem}
}
    @media (max-width: 767px) {
    .p-well-being-program__box {
        padding:2rem}
}

.p-well-being-modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh}
    @media (max-width: 1024px) {
    .p-well-being-modal__wrapper {
        display:block}
}

.p-well-being-modal__header {
    position: relative;
    width: 50%}
    @media (max-width: 1024px) {
    .p-well-being-modal__header {
        width:100%}
}

.p-well-being-modal__vis {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh}
    @media (max-width: 1024px) {
    .p-well-being-modal__vis {
        height:auto;
    aspect-ratio: 3/2}
}
    @media (max-width: 767px) {
    .p-well-being-modal__vis {
        aspect-ratio:1/1}
}

.p-well-being-modal__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%}
    @media (max-width: 1024px) {
    .p-well-being-modal__body {
        width:100%}
}

.p-well-being-modal__body-inner {
    padding: 10rem 6.9444444444vw}

.p-well-being-modal__body-inner>:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .p-well-being-modal__body-inner {
        max-width:64rem;
    padding: 6rem 4rem;
    margin: 0 auto}
}
    @media (max-width: 767px) {
    .p-well-being-modal__body-inner {
        padding:6rem var(--site-padding)}
}

.p-well-being-modal__label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    margin-bottom: 3rem;
    font-family: var(--font-family-eng);
    opacity: 0.5}

.p-well-being-modal__heading {
    margin-bottom: 6rem}
    @media (max-width: 767px) {
    .p-well-being-modal__heading {
        margin-bottom:4.8rem}
}
    @media (max-width: 767px) {
    .p-well-being-modal__heading {
        margin-bottom:4rem}
}

.p-well-being-modal__text {
    margin-top: 1.5em}

.p-well-being-modal__note {
    padding: 3rem;
    margin-top: 3.2rem;
    background-color: var(--color-bg-light-gray)}
    @media (max-width: 767px) {
    .p-well-being-modal__note {
        padding:2rem;
    margin-top: 2.4rem}
}

.p-well-being-modal__image {
    margin-top: 8rem;
    margin-bottom: 5rem}
    @media (max-width: 1024px) {
    .p-well-being-modal__image {
        height:auto;
    aspect-ratio: 3/2;
    margin-bottom: 4rem}
}
    @media (max-width: 767px) {
    .p-well-being-modal__image {
        margin-top:6rem;
    margin-bottom: 3.2rem}
}

.p-well-being-modal__table {
    margin-top: 6rem;
    border-top: solid 1px var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-well-being-modal__table {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .p-well-being-modal__table {
        margin-top:4rem}
}

.p-well-being-modal__info {
    margin-top: 4rem}

.p-well-being-modal__info-heading {
    padding: 1.2rem 0;
    border-top: solid 1px var(--color-border-gray);
    border-bottom: solid 1px var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-well-being-modal__info-heading {
        padding:1rem 0}
}

.p-well-being-modal__info-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    margin-top: 2rem}

.p-well-being-modal__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.p-well-being-modal__info-term {
    width: 18rem;
    font-weight: 600}

.p-well-being-modal__info-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-well-being-modal__block {
    padding-top: 6rem;
    padding-bottom: 6rem}

.p-well-being-modal__block[
    data-border=gray] {
    border-top: solid 1px var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-well-being-modal__block {
        padding-top:5rem;
    padding-bottom: 5rem}
}
    @media (max-width: 767px) {
    .p-well-being-modal__block {
        padding-top:4rem;
    padding-bottom: 4rem}
}

.p-well-being-modal__list {
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-well-being-modal__list {
        margin-top:2.8rem}
}
    @media (max-width: 767px) {
    .p-well-being-modal__list {
        margin-top:2.4rem}
}

.p-well-being-modal__youtube {
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-well-being-modal__youtube {
        margin-top:2.8rem}
}
    @media (max-width: 767px) {
    .p-well-being-modal__youtube {
        margin-top:2.4rem}
}

.p-spa-treatment__lead-note {
    padding: 2rem;
    margin-top: 4rem;
    background: var(--color-bg-light-gray)}
    @media (max-width: 1024px) {
    .p-spa-treatment__lead-note {
        margin-top:3.6rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment__lead-note {
        margin-top:3.2rem}
}

.p-spa-treatment__lead-note-text {
    position: relative;
    margin-top: 0.8rem}

.p-spa-treatment__lead-note-text:
    first-child {
    margin-top: 0}

.p-spa-treatment__lead-note-text-icon {
    position: absolute;
    top: 0;
    left: 0}

.p-spa-treatment__lead-note-text-desc {
    display: block;
    padding-left: 2.2em}

.p-spa-treatment-guide__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-spa-treatment-guide__inner {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}
}

.p-spa-treatment-guide__content {
    width: 50%;
    padding-right: 6rem}
    @media (max-width: 1024px) {
    .p-spa-treatment-guide__content {
        width:100%;
    padding-right: 0}
}

.p-spa-treatment-guide__table {
    margin-top: 6rem}
    @media (max-width: 1024px) {
    .p-spa-treatment-guide__table {
        margin-top:4.8rem;
    border-top: 1px solid var(--color-border-gray)}
}
    @media (max-width: 767px) {
    .p-spa-treatment-guide__table {
        margin-top:4rem}
}

.p-spa-treatment-guide__image {
    position: relative;
    width: 50%}
    @media (max-width: 1024px) {
    .p-spa-treatment-guide__image {
        width:calc(100% + var(--site-padding));
    aspect-ratio: 345/376;
    margin-top: 8rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-guide__image {
        margin-top:6rem}
}

.p-spa-treatment-guide__image-item {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50vw - 2rem);
    height: 100%;
    overflow: hidden}
    @media (max-width: 1024px) {
    .p-spa-treatment-guide__image-item {
        width:100%}
}

.p-spa-treatment-guide__reservation {
    margin-top: 8.8rem;
    background: var(--color-bg-light-gray)}
    @media (max-width: 1024px) {
    .p-spa-treatment-guide__reservation {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-guide__reservation {
        margin-top:4rem}
}

.p-spa-treatment-guide__reservation-inner {
    padding: 5rem;
    text-align: center}
    @media (max-width: 1024px) {
    .p-spa-treatment-guide__reservation-inner {
        padding:3.2rem 3.2rem 4rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-guide__reservation-inner {
        padding:2.8rem 2rem 4rem}
}

.p-spa-treatment-guide__reservation-text {
    margin-top: 2rem;
    margin-bottom: 3rem;
    text-align: center}
    @media (max-width: 767px) {
    .p-spa-treatment-guide__reservation-text {
        margin-top:1.6rem;
    text-align: left}
}

.p-spa-treatment-slider {
    position: relative;
    margin-top: 10rem}
    @media (max-width: 1024px) {
    .p-spa-treatment-slider {
        margin-top:8rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-slider {
        margin-top:6rem}
}

.p-spa-treatment-slider__inner {
    width: 100vw;
    overflow: hidden}

.p-spa-treatment-slider__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem}

.p-spa-treatment-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    width: 150.5555555556vw;
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
    will-change: transform}
    @media (max-width: 1024px) {
    .p-spa-treatment-slider__item {
        width:208.3333333333vw}
}
    @media (max-width: 767px) {
    .p-spa-treatment-slider__item {
        width:270.1333333333vw}
}

.p-spa-treatment-slider__img {
    width: 33.3333%}

.p-spa-treatment-slider__heading {
    font-size: 12rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    bottom: 0;
    left: 50%;
    font-family: var(--font-family-eng);
    color: var(--color-blue);
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)}
    @media (max-width: 1024px) {
    .p-spa-treatment-slider__heading {
        font-size:7.6rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-slider__heading {
        font-size:4.8rem;
    -webkit-transform: translate(-50%,30%);
    transform: translate(-50%,30%)}
}

.p-spa-treatment-program__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-spa-treatment-program__list {
        row-gap:4.8rem;
    -webkit-column-gap: 2.4rem;
    -moz-column-gap: 2.4rem;
    column-gap: 2.4rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-program__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4rem}
}

.p-spa-treatment-program__list-item {
    width: calc(50% - 2rem)}
    @media (max-width: 1024px) {
    .p-spa-treatment-program__list-item {
        width:calc(50% - 1.2rem)}
}
    @media (max-width: 767px) {
    .p-spa-treatment-program__list-item {
        width:100%}
}

.p-spa-treatment-program__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%}

.p-spa-treatment-program__card-image {
    position: relative}

.p-spa-treatment-program__card-tag {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.6rem 1rem;
    color: #fff;
    text-align: center;
    background: var(--color-blue);
    border-radius: 10rem}
    @media (max-width: 767px) {
    .p-spa-treatment-program__card-tag {
        top:1rem;
    left: 1rem}
}

.p-spa-treatment-program__card-body {
    margin-top: 2.6rem}
    @media (max-width: 767px) {
    .p-spa-treatment-program__card-body {
        margin-top:2.4rem}
}

.p-spa-treatment-program__card-heading {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng)}

.p-spa-treatment-program__card-heading
    span {
    font-size: 1.8rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    display: inline-block;
    padding-left: 0.8rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-spa-treatment-program__card-heading {
        font-size:2rem}

    .p-spa-treatment-program__card-heading span {
    font-size: 1.6rem}
}

.p-spa-treatment-program__card-text {
    margin-top: 2.6rem}
    @media (max-width: 767px) {
    .p-spa-treatment-program__card-text {
        margin-top:2.4rem}
}

.p-spa-treatment-program__card-footer {
    padding-top: 2rem;
    margin-top: auto}

.p-spa-treatment-program__card-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 4rem;
    padding: 0.8rem 1.2rem;
    background: var(--color-bg-gray);
    border-radius: 2rem}
    @media (max-width: 1024px) {
    .p-spa-treatment-program__card-meta {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    row-gap: 0.4rem;
    padding: 0.8rem 1rem;
    border-radius: 5rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-program__card-meta {
        border-radius:4rem}
}

.p-spa-treatment-program__card-meta-item {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    margin-right: 1rem}

.p-spa-treatment-program__card-meta-item:
    after {
    padding-left: 1rem;
    content: "/";
    opacity: 0.2}

.p-spa-treatment-program__card-meta-item:
    last-child {
    margin-right: 0}

.p-spa-treatment-program__card-meta-item:
    last-child:after {
    display: none}
    @media (max-width: 1024px) {
    .p-spa-treatment-program__card-meta-item {
        margin-right:0.8rem;
    font-size: 1.4rem}

    .p-spa-treatment-program__card-meta-item:
    after {
        padding-left: 0.8rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-program__card-meta-item {
        margin-right:0.8rem;
    font-size: 1.3rem}

    .p-spa-treatment-program__card-meta-item:
    after {
        padding-left: 0.8rem}
}

.p-spa-treatment-program__card-note {
    padding: 2rem;
    margin-top: 2rem;
    background: var(--color-bg-light-gray)}
    @media (max-width: 767px) {
    .p-spa-treatment-program__card-note {
        padding:1.5rem}
}

.p-spa-treatment-program__card-note-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.p-spa-treatment-program__card-note-item-icon {
    padding-right: 1rem}

.p-spa-treatment-contact {
    position: relative;
    padding: 12rem 0;
    color: #fff}
    @media (max-width: 1024px) {
    .p-spa-treatment-contact {
        padding:8rem 0}
}
    @media (max-width: 767px) {
    .p-spa-treatment-contact {
        padding:6rem 0}
}

.p-spa-treatment-contact__inner {
    position: relative;
    z-index: 10;
    text-align: center}

.p-spa-treatment-contact__heading {
    margin-bottom: 0}

.p-spa-treatment-contact__time {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    margin-top: 0.6rem;
    font-family: var(--font-family-eng-sub)}
    @media (max-width: 767px) {
    .p-spa-treatment-contact__time {
        margin-top:0.4rem;
    font-size: 1.4rem}
}

.p-spa-treatment-contact__note {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.6rem}
    @media (max-width: 767px) {
    .p-spa-treatment-contact__note {
        margin-top:0.4rem;
    font-size: 1rem}
}

.p-spa-treatment-contact__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem}
    @media (max-width: 767px) {
    .p-spa-treatment-contact__button {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.8rem;
    margin-top: 2.4rem}
}

.p-spa-treatment-contact__tel {
    margin-top: 3rem}
    @media (max-width: 767px) {
    .p-spa-treatment-contact__tel {
        margin-top:2.4rem}
}

.p-spa-treatment-contact__tel-number {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)}

.p-spa-treatment-contact__tel-number
    small {
    font-size: 1.6rem}
    @media (max-width: 767px) {
    .p-spa-treatment-contact__tel-number {
        font-size:2rem}

    .p-spa-treatment-contact__tel-number small {
    font-size: 1.4rem}
}

.p-spa-treatment-contact__tel-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.6rem}
    @media (max-width: 767px) {
    .p-spa-treatment-contact__tel-note {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.2rem}
}

.p-spa-treatment-contact__tel-note-item {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 767px) {
    .p-spa-treatment-contact__tel-note-item {
        font-size:1.2rem}
}

.p-spa-treatment-contact__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}

.p-spa-treatment-contact__bg-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: var(--color-dark);
    opacity: 0.8}

.p-spa-treatment-contact__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden}

.p-spa-treatment-information__inner {
    max-width: 83.3%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-spa-treatment-information__inner {
        max-width:100%}
}

.p-spa-treatment-information__block {
    margin-top: 4rem}

.p-spa-treatment-information__block:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .p-spa-treatment-information__block {
        margin-top:3.2rem}
}
    @media (max-width: 767px) {
    .p-spa-treatment-information__block {
        margin-top:2.8rem}
}

.p-spa-treatment-information__heading {
    margin-bottom: 1.2rem}
    @media (max-width: 767px) {
    .p-spa-treatment-information__heading {
        margin-bottom:0.8rem}
}

.p-spa-treatment-information__text {
    margin-top: 1.2rem}
    @media (max-width: 767px) {
    .p-spa-treatment-information__text {
        margin-top:0.8rem}
}

.p-spa-treatment-information__list {
    margin-top: 1.2rem}
    @media (max-width: 767px) {
    .p-spa-treatment-information__list {
        margin-top:0.8rem}
}

.p-spa-treatment-information__button {
    margin-top: 1.2rem}
    @media (max-width: 767px) {
    .p-spa-treatment-information__button {
        margin-top:0.8rem}
}

.p-faq-type {
    padding-bottom: var(--space-section-lg)}

.p-faq-type__header {
    padding-left: var(--site-padding)}

.p-faq-type__header-inner {
    position: relative;
    padding-left: max(9.0277777778vw,13rem)}
    @media (max-width: 1024px) {
    .p-faq-type__header-inner {
        padding-left:0}
}

.p-faq-type__header-heading {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 1024px) {
    .p-faq-type__header-heading {
        position:relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.6rem;
    padding-bottom: 4rem}
}
    @media (max-width: 767px) {
    .p-faq-type__header-heading {
        padding-bottom:3.2rem}
}

.p-faq-type__header-heading-main {
    font-size: 4.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl}
    @media (max-width: 1024px) {
    .p-faq-type__header-heading-main {
        font-size:4rem;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial}
}
    @media (max-width: 767px) {
    .p-faq-type__header-heading-main {
        font-size:3.2rem}
}

.p-faq-type__header-heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    margin-left: 1.5rem;
    font-family: var(--font-family-serif);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl}
    @media (max-width: 1024px) {
    .p-faq-type__header-heading-sub {
        margin-left:0;
    font-size: 1.3rem;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial}
}
    @media (max-width: 767px) {
    .p-faq-type__header-heading-sub {
        font-size:1.2rem}
}

.p-faq-type__mv {
    overflow: hidden}

.p-faq-type__mv-slider {
    position: relative}

.p-faq-type__mv-slider-wrapper {
    overflow: hidden}

.p-faq-type__mv-slider-item {
    aspect-ratio: 16/9}
    @media (max-width: 767px) {
    .p-faq-type__mv-slider-item {
        aspect-ratio:1/1}
}

.p-faq-type__mv-slider-item-caption {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    right: 3rem;
    bottom: 3.4rem;
    font-family: var(--font-family-eng);
    color: #fff}
    @media (max-width: 1024px) {
    .p-faq-type__mv-slider-item-caption {
        right:2rem;
    bottom: 2rem;
    font-size: 1.4rem}
}
    @media (max-width: 767px) {
    .p-faq-type__mv-slider-item-caption {
        right:1.5rem;
    bottom: 1.5rem}
}

.p-faq-type__mv-slider-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 58.2258064516%;
    height: 10rem;
    background: var(--color-bg-primary)}
    @media (max-width: 1024px) {
    .p-faq-type__mv-slider-nav {
        position:static;
    width: 100%;
    height: auto;
    margin-top: 1.5rem}
}
    @media (max-width: 767px) {
    .p-faq-type__mv-slider-nav {
        margin-top:1rem}
}

.p-faq-type__body {
    padding-right: var(--site-padding);
    padding-left: max(15.2777777778vw,22rem);
    margin-top: 2rem}
    @media (max-width: 1024px) {
    .p-faq-type__body {
        padding-left:var(--site-padding);
    margin-top: 5rem}
}

.p-faq-type__list {
    margin-top: 6rem;
    border-bottom: 1px solid var(--color-border-gray)}

.p-faq-type__list-button {
    margin-top: 4rem}

.p-faq-type-faq__header {
    position: relative;
    cursor: pointer}

.p-faq-type-faq__header:
    before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: var(--color-border-gray)}

.is-open .p-faq-type-faq__header:
    before {
    height: 2px;
    background: var(--color-dark)}

.p-faq-type-faq__header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0}
    @media (max-width: 1024px) {
    .p-faq-type-faq__header-inner {
        padding:3.2rem 0}
}
    @media (max-width: 767px) {
    .p-faq-type-faq__header-inner {
        padding:2.4rem 0}
}

.p-faq-type-faq__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}
    @media (max-width: 767px) {
    .p-faq-type-faq__name {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}
}

.p-faq-type-faq__name-main {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-faq-type-faq__name-main {
        font-size:2rem}
}
    @media (max-width: 767px) {
    .p-faq-type-faq__name-main {
        font-size:1.6rem}
}

.p-faq-type-faq__name-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-l);
    margin-left: 1.2rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-faq-type-faq__name-sub {
        margin-left:0}
}

.p-faq-type-faq__header-icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto}
    @media (max-width: 767px) {
    .p-faq-type-faq__header-icon {
        width:1.1rem;
    height: 1.1rem}
}

.p-faq-type-faq__header-icon-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-dark);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)}

.is-open .p-faq-type-faq__header-icon-1 {
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)}

.p-faq-type-faq__header-icon-2 {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-dark);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.p-faq-type-faq__body {
    height: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0}

.is-open .p-faq-type-faq__body {
    height: auto;
    pointer-events: all;
    visibility: visible;
    opacity: 1}

.p-faq-type-faq__slider {
    width: 100%;
    overflow: hidden}

.p-faq-type-faq__slider-item {
    aspect-ratio: 16/9}
    @media (max-width: 767px) {
    .p-faq-type-faq__slider-item {
        aspect-ratio:3/2}
}

.p-faq-type-faq__slider-nav {
    margin-top: 2.4rem}
    @media (max-width: 1024px) {
    .p-faq-type-faq__slider-nav {
        margin-top:1.5rem}
}
    @media (max-width: 767px) {
    .p-faq-type-faq__slider-nav {
        margin-top:1rem}
}

.p-faq-type-faq__body-inner {
    max-width: 120rem;
    padding-bottom: 8rem;
    margin-top: 6.2rem}
    @media (max-width: 1024px) {
    .p-faq-type-faq__body-inner {
        padding-bottom:6rem;
    margin-top: 5rem}
}
    @media (max-width: 767px) {
    .p-faq-type-faq__body-inner {
        padding-bottom:4rem;
    margin-top: 3rem}
}

.p-faq-type-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}
    @media (max-width: 1024px) {
    .p-faq-type-detail {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 60rem;
    margin-right: auto;
    margin-left: auto}
}

.p-faq-type-detail__main {
    width: 54.5454545455%}
    @media (max-width: 1024px) {
    .p-faq-type-detail__main {
        width:100%}
}

.p-faq-type-detail__text {
    margin-top: 1.5em}

.p-faq-type-detail__text:
    first-of-type {
    margin-top: 0}

.p-faq-type-detail__side {
    width: 36.3636363636%}
    @media (max-width: 1024px) {
    .p-faq-type-detail__side {
        width:100%;
    margin-top: 3.2rem}
}

.p-faq-type-detail__side-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-border-gray)}

[
    data-color=white] .p-faq-type-detail__side-list-item {
    border-bottom: 1px solid var(--color-border-white-gray)}

.p-faq-type-detail__side-list-item-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-l);
    width: 4.8rem}

.is-en .p-faq-type-detail__side-list-item-label {
    width: 8rem}

.p-faq-type-detail__side-list-item-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.2rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-l)}

.p-faq-type-detail__side-button {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-faq-type-detail__side-button {
        margin-top:3.2rem}
}

.p-faq-suite {
    color: #fff;
    background: var(--color-bg-dark)}

.p-faq-suite__mv {
    position: relative}

.p-faq-suite__mv-heading {
    position: absolute;
    top: 8.8rem;
    left: var(--site-padding);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 1024px) {
    .p-faq-suite__mv-heading {
        top:auto;
    bottom: 4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.6rem}
}

.p-faq-suite__mv-heading-main {
    font-size: 4.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl}
    @media (max-width: 1024px) {
    .p-faq-suite__mv-heading-main {
        font-size:4rem;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial}
}
    @media (max-width: 767px) {
    .p-faq-suite__mv-heading-main {
        font-size:3.2rem}
}

.p-faq-suite__mv-heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    margin-left: 1.5rem;
    font-family: var(--font-family-serif);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl}
    @media (max-width: 1024px) {
    .p-faq-suite__mv-heading-sub {
        margin-left:0;
    font-size: 1.3rem;
    -webkit-writing-mode: initial;
    -ms-writing-mode: initial;
    writing-mode: initial}
}
    @media (max-width: 767px) {
    .p-faq-suite__mv-heading-sub {
        font-size:1.2rem}
}

.p-faq-suite__mv-caption {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    right: 3.2rem;
    bottom: 3.2rem;
    z-index: 10;
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-faq-suite__mv-caption {
        right:2rem;
    bottom: 2rem;
    font-size: 1.4rem}
}
    @media (max-width: 767px) {
    .p-faq-suite__mv-caption {
        right:1.5rem;
    bottom: 1.5rem}
}

.p-faq-suite__mv-image {
    position: relative;
    z-index: 1;
    aspect-ratio: 16/11}
    @media (max-width: 767px) {
    .p-faq-suite__mv-image {
        aspect-ratio:375/500}
}

.p-faq-suite__mv-image-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32.4444444444%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(34,30,30,0)),to(#221e1e));
    background: linear-gradient(180deg,rgba(34,30,30,0) 0%,#221e1e 100%)}

.p-faq-suite__mv-image-item {
    height: 100%;
    overflow: hidden}

.p-faq-suite__lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 12rem;
    padding-bottom: 12rem}
    @media (max-width: 1024px) {
    .p-faq-suite__lead {
        display:block;
    padding-top: 10rem;
    padding-bottom: 10rem}
}
    @media (max-width: 767px) {
    .p-faq-suite__lead {
        padding-top:6rem;
    padding-bottom: 8rem}
}

.p-faq-suite__lead-copy {
    width: 50%;
    padding-left: 2rem}
    @media (max-width: 1024px) {
    .p-faq-suite__lead-copy {
        width:100%;
    padding-left: 0}
}

.p-faq-suite__spa-slider {
    position: relative;
    overflow: hidden}

.p-faq-suite__spa-slider-item {
    aspect-ratio: 16/9}
    @media (max-width: 767px) {
    .p-faq-suite__spa-slider-item {
        aspect-ratio:3/2}
}

.p-faq-suite__spa-slider-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 83%;
    margin: 2rem auto 0}

.p-faq-type__spa-body-inner {
    max-width: 83%;
    padding: 8rem 0 12rem;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-faq-type__spa-body-inner {
        max-width:60rem;
    padding: 6rem 0 10rem}
}
    @media (max-width: 1024px) {
    .p-faq-type__spa-body-inner {
        padding:4rem 0 8rem}
}

.p-faq-suite__en-suite-slider-item {
    aspect-ratio: 16/9}
    @media (max-width: 767px) {
    .p-faq-suite__en-suite-slider-item {
        aspect-ratio:3/2}
}

.p-faq-suite__en-suite-slider-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 83%;
    margin: 2rem auto 0}
    @media (max-width: 1024px) {
    .p-faq-suite__en-suite-slider-nav {
        max-width:60rem;
    margin-top: 1.5rem}
}
    @media (max-width: 1024px) {
    .p-faq-suite__en-suite-slider-nav {
        margin-top:1rem}
}

.p-faq-suite__en-suite-body {
    position: relative;
    z-index: 10}

.p-faq-suite__en-suite-inner {
    max-width: 83%;
    padding-bottom: 20rem;
    margin: 2rem auto 0}
    @media (max-width: 1024px) {
    .p-faq-suite__en-suite-inner {
        max-width:60rem;
    padding-bottom: 12rem}
}
    @media (max-width: 767px) {
    .p-faq-suite__en-suite-inner {
        padding-bottom:8rem}
}

.p-faq-suite__en-suite-heading {
    margin-top: -9rem;
    margin-bottom: 8rem;
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-faq-suite__en-suite-heading {
        margin-top:-8rem;
    margin-bottom: 6rem;
    font-size: 6rem}
}
    @media (max-width: 767px) {
    .p-faq-suite__en-suite-heading {
        margin-top:-7rem;
    margin-bottom: 4rem;
    font-size: 4rem}
}

.p-faq-suite__en-suite-heading-main {
    font-size: 8rem;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en)}
    @media (max-width: 1024px) {
    .p-faq-suite__en-suite-heading-main {
        font-size:6rem}
}
    @media (max-width: 767px) {
    .p-faq-suite__en-suite-heading-main {
        font-size:4rem}
}

.p-faq-reservation {
    padding: var(--space-section-sm) 0}

.p-faq-reservation__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}
    @media (max-width: 767px) {
    .p-faq-reservation__button {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem}
}

.p-faq-services__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 5.6rem}
    @media (max-width: 767px) {
    .p-faq-services__list {
        row-gap:4.8rem}
}

.p-faq-services__list-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5.5555555556vw;
    -moz-column-gap: 5.5555555556vw;
    column-gap: 5.5555555556vw}
    @media (max-width: 1024px) {
    .p-faq-services__list-item-inner {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}
}

.p-faq-services__list-item-heading {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading-eng);
    letter-spacing: var(--letter-spacing-heading-en);
    display: block;
    width: 17.6rem;
    padding-top: 2rem;
    margin-bottom: auto;
    font-family: var(--font-family-eng);
    border-top: 1px solid var(--color-border-dark-gray)}
    @media (max-width: 1024px) {
    .p-faq-services__list-item-heading {
        width:100%;
    margin-bottom: 4rem}
}
    @media (max-width: 767px) {
    .p-faq-services__list-item-heading {
        margin-bottom:3.2rem}
}

.p-faq-services__list-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-column-gap: 5.5555555556vw;
    -moz-column-gap: 5.5555555556vw;
    column-gap: 5.5555555556vw}
    @media (max-width: 767px) {
    .p-faq-services__list-item-content {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.4rem}
}

.p-faq-services__list-item-image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 31.3%;
    aspect-ratio: 10/9}
    @media (max-width: 767px) {
    .p-faq-services__list-item-image {
        width:100%}
}

.p-faq-services__list-item-body {
    width: 61%}
    @media (max-width: 767px) {
    .p-faq-services__list-item-body {
        width:100%}
}

.p-faq-services__list-item-copy {
    margin-bottom: 2.4rem}
    @media (max-width: 767px) {
    .p-faq-services__list-item-copy {
        margin-bottom:1.6rem}
}

.p-faq-services__list-item-button {
    margin-top: 3.2rem}
    @media (max-width: 767px) {
    .p-faq-services__list-item-button {
        margin-top:2.4rem}
}

.p-faq-quality {
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#30517b),color-stop(52%,#006876),color-stop(99%,#31527c));
    background: linear-gradient(180deg,#30517b 0%,#006876 52%,#31527c 99%)}

.p-faq-quality__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
    @media (max-width: 767px) {
    .p-faq-quality__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4rem}
}

.p-faq-quality__list-item {
    position: relative;
    width: 50%}

.p-faq-quality__list-item:
    first-child {
    padding-right: 6rem;
    padding-left: 6.8rem;
    border-right: 1px solid var(--color-border-white-gray)}

.p-faq-quality__list-item:
    last-child {
    padding-right: 6.8rem;
    padding-left: 6rem}
    @media (max-width: 1024px) {
    .p-faq-quality__list-item:first-child {
        padding-right:4rem;
    padding-left: 4.8rem}

    .p-faq-quality__list-item:
    last-child {
        padding-right: 4.8rem;
    padding-left: 4rem}
}
    @media (max-width: 767px) {
    .p-faq-quality__list-item {
        width:100%}

    .p-faq-quality__list-item:
    first-child {
        padding-right: 0;
    padding-bottom: 4rem;
    padding-left: 4rem;
    border-right: none;
    border-bottom: 1px solid var(--color-border-white-gray)}

    .p-faq-quality__list-item:
    last-child {
        padding-right: 4rem;
    padding-left: 0}
}

.p-faq-quality__list-item-heading {
    position: absolute;
    top: 0;
    height: 500px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl}

.p-faq-quality__list-item:
    first-child .p-faq-quality__list-item-heading {
    left: 0}

.p-faq-quality__list-item:
    last-child .p-faq-quality__list-item-heading {
    right: 0}
    @media (max-width: 1024px) {
    .p-faq-quality__list-item-heading .c-heading-set__main {
        font-size:2rem}
}
    @media (max-width: 767px) {
    .p-faq-quality__list-item-heading .c-heading-set__main {
        font-size:1.8rem}
}

.p-faq-quality__list-item-image {
    aspect-ratio: 3/2}

.p-faq-quality__list-item-content {
    margin-top: 2.4rem}

.p-faq-quality__list-item-copy {
    margin-bottom: 2.4rem}

.p-faq-quality__amenity {
    padding-top: 6rem;
    margin-top: 8rem;
    border-top: 1px solid var(--color-border-white-gray)}
    @media (max-width: 1024px) {
    .p-faq-quality__amenity {
        padding-top:6rem;
    margin-top: 8rem}
}
    @media (max-width: 767px) {
    .p-faq-quality__amenity {
        padding-top:4rem;
    margin-top: 4rem}
}

.p-faq-quality__amenity-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-faq-quality__amenity-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2.4rem}
}

.p-faq-quality__amenity-col {
    width: 50%}
    @media (max-width: 1024px) {
    .p-faq-quality__amenity-col {
        width:100%;
    padding: 0 4.8rem}
}
    @media (max-width: 767px) {
    .p-faq-quality__amenity-col {
        width:100%;
    padding: 0}
}

.p-faq-quality__amenity-iamge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%}
    @media (max-width: 1024px) {
    .p-faq-quality__amenity-iamge {
        max-width:50rem;
    margin: 0 auto}
}

.p-faq-quality__amenity-iamge-item {
    width: 46.393442623%;
    aspect-ratio: 4/6}

.p-faq-quality__amenity-iamge-item:
    last-child {
    margin-top: auto}
    @media (max-width: 1024px) {
    .p-faq-quality__amenity-iamge-item:last-child {
        margin-top:6rem}
}
    @media (max-width: 1024px) {
    .p-faq-quality__amenity-heading .c-heading-set__main {
        font-size:2rem}
}
    @media (max-width: 767px) {
    .p-faq-quality__amenity-heading .c-heading-set__main {
        font-size:1.8rem}
}

.p-faq-quality__amenity-button {
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-faq-quality__amenity-button {
        margin-top:2.4rem}
}

.p-faq-quality__amenity-equipment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 6rem}
    @media (max-width: 767px) {
    .p-faq-quality__amenity-equipment {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6rem}
}

.p-faq-quality__amenity-equipment-block {
    width: 50%;
    padding-left: 2rem;
    border-left: 1px solid var(--color-border-white-gray)}
    @media (max-width: 767px) {
    .p-faq-quality__amenity-equipment-block {
        width:100%}
}

.p-faq-quality__amenity-equipment-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}

.p-faq-quality__amenity-equipment-list {
    margin-top: 1.6rem}

.p-faq-quality__amenity-equipment-list-item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)}

.p-faq-quality__amenity-equipment-button {
    margin-top: 2.4rem}

.p-faq-quality__amenity-equipment-button .c-button-rect {
    width: 100%;
    min-width: auto}

.p-faq-information__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}
    @media (max-width: 767px) {
    .p-faq-information__row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4.8rem}
}

.p-faq-information__col {
    width: 41.6666666667%}
    @media (max-width: 1024px) {
    .p-faq-information__col {
        -webkit-box-flex:1;
    -ms-flex: 1;
    flex: 1;
    width: 50%}
}
    @media (max-width: 767px) {
    .p-faq-information__col {
        width:100%}

    .p-faq-information__col:
    last-child {
        padding-top: 4.8rem;
    border-top: solid 1px var(--color-border-gray)}
}

.p-faq-information__close-text {
    margin-top: 2.4rem}

.p-faq-information__close-button {
    margin-top: 2.4rem}

.p-faq-information__check-in-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-border-dark-gray)}

.p-faq-information__check-in-list-item:
    first-child {
    padding-top: 0;
    padding-bottom: 0.8rem}
    @media (max-width: 1024px) {
    .p-faq-information__check-in-list-item {
        padding:1.2rem 0}
}

.p-faq-information__check-in-list-item-col {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    width: 33.3333%}

.p-faq-information__check-in-list-item-col[
    data-type=label] {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng-sub)}

.p-faq-information__check-in-list-item-col[
    data-type=type] {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 1;
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-faq-information__check-in-list-item-col {
        font-size:1.2rem}

    .p-faq-information__check-in-list-item-col[data-type=label] {
    font-size: 1rem}

    .p-faq-information__check-in-list-item-col[data-type=type] {
    font-size: 1.3rem}
}

.p-faq-information__kids {
    padding-top: 8rem;
    margin-top: 8rem;
    border-top: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-faq-information__kids {
        padding-top:6rem;
    margin-top: 6rem}
}
    @media (max-width: 767px) {
    .p-faq-information__kids {
        padding-top:4.8rem;
    margin-top: 4.8rem}
}

.p-faq-information__kids-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 767px) {
    .p-faq-information__kids-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4rem}
}

.p-faq-information__kids-col {
    width: 50%}
    @media (max-width: 767px) {
    .p-faq-information__kids-col {
        width:100%}
}

.p-faq-information__kids-image {
    aspect-ratio: 16/9}

.p-faq-information__kids-list {
    margin-top: 3.2rem}
    @media (max-width: 1024px) {
    .p-faq-information__kids-list {
        margin-top:2.4rem}
}

.p-faq-information__kids-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2.4rem}

.p-faq-information__kids-list-item:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .p-faq-information__kids-list-item {
        -webkit-column-gap:1.2rem;
    -moz-column-gap: 1.2rem;
    column-gap: 1.2rem}
}
    @media (max-width: 767px) {
    .p-faq-information__kids-list-item {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem}
}

.p-faq-information__kids-list-item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 8rem}
    @media (max-width: 1024px) {
    .p-faq-information__kids-list-item-label {
        width:6rem}
}

.p-faq-information__kids-list-item-label-inner {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    border-bottom: 1px solid var(--color-border-dark-gray)}
    @media (max-width: 1024px) {
    .p-faq-information__kids-list-item-label-inner {
        font-size:1.4rem}
}

.p-faq-information__kids-list-item-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-faq-modal__faqlist {
    padding: 8rem 0}
    @media (max-width: 1024px) {
    .p-faq-modal__faqlist {
        margin:0 -3rem}
}
    @media (max-width: 767px) {
    .p-faq-modal__faqlist {
        padding:6rem 0;
    margin: 0 -2rem}
}

.p-faq-modal__faqlist-wrapper {
    width: 100%;
    padding: 0 2rem}
    @media (max-width: 767px) {
    .p-faq-modal__faqlist-wrapper {
        overflow:auto}
}

.p-faq-modal__faqlist-table {
    width: 100%}

.p-faq-modal__faqlist-table
    td,.p-faq-modal__faqlist-table th {
    padding: 1.2rem 2rem;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-faq-modal__faqlist-table td,.p-faq-modal__faqlist-table th {
        padding:1.2rem 1.2rem}
}
    @media (max-width: 767px) {
    .p-faq-modal__faqlist-table {
        width:80rem}
}

.p-faq-modal__faqlist-table-header {
    background-color: var(--color-bg-light-gray)}

.p-faq-modal__faqlist-table-heading {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    text-align: center}
    @media (max-width: 1024px) {
    .p-faq-modal__faqlist-table-heading {
        font-size:1.1rem}
}

.p-faq-modal__faqlist-table-faq {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng);
    color: #fff;
    background-color: var(--color-dark-blue);
    border: 1px solid var(--color-border-white-gray)!important}
    @media (max-width: 1024px) {
    .p-faq-modal__faqlist-table-faq {
        font-size:1.2rem}
}

.p-faq-modal__faqlist-table-desc {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    text-align: center}
    @media (max-width: 1024px) {
    .p-faq-modal__faqlist-table-desc {
        font-size:1.1rem}
}

.p-faq-modal__layout {
    max-width: 80rem;
    padding: 8rem 0;
    margin: 0 auto}

.p-faq-modal__layout-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem}
    @media (max-width: 1024px) {
    .p-faq-modal__layout-name {
        row-gap:1rem}
}
    @media (max-width: 767px) {
    .p-faq-modal__layout-name {
        row-gap:0.8rem}
}

.p-faq-modal__layout-name-main {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-faq-modal__layout-name-main {
        font-size:2.2rem}
}
    @media (max-width: 767px) {
    .p-faq-modal__layout-name-main {
        font-size:1.8rem}
}

.p-faq-modal__layout-name-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-l);
    font-family: var(--font-family-serif)}

.p-faq-modal__layout-img {
    background-color: var(--color-bg-primary)}

.p-faq-modal__layout-img
    img {
    mix-blend-mode: multiply}

.p-faq-modal__layout-note {
    text-align: center}

.p-access-map {
    padding-bottom: var(--space-section-md)}

.p-access-map__googlemap
    iframe {
    width: 100%}
    @media (max-width: 1024px) {
    .p-access-map__googlemap iframe {
        height:36rem}
}

.p-access-map__button {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-access-map__button {
        margin-top:2.4rem}
}

.p-access-address {
    position: relative;
    padding: var(--space-section-md) 0}

.p-access-address__box {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 39.3rem;
    height: 51rem;
    padding: 8.5rem 6rem 6rem;
    background-color: var(--color-bg-primary)}
    @media (max-width: 1024px) {
    .p-access-address__box {
        padding:8.5rem 4rem 6rem}
}
    @media (max-width: 767px) {
    .p-access-address__box {
        width:100%;
    height: 42rem;
    padding: 6rem 4rem}
}

.p-access-address__logo {
    width: 20rem}
    @media (max-width: 767px) {
    .p-access-address__logo {
        width:16rem}
}

.p-access-address__info-term {
    padding-top: 2rem}
    @media (max-width: 767px) {
    .p-access-address__info-term {
        font-size:1.3rem}
}

.p-access-address__info-desc {
    padding-bottom: 2rem;
    border-bottom: solid 1px var(--color-border-gray)}

.p-access-address__info-desc:
    last-child {
    padding-bottom: 0;
    border-bottom: none}
    @media (max-width: 767px) {
    .p-access-address__info-desc {
        font-size:1.3rem}
}

.p-access-address__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden}

.p-access-car__way {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-access-car__way {
        margin-top:3.2rem}
}

.p-access-car__way-item {
    max-width: 168rem;
    margin: 0 auto;
    text-align: center}

.p-access-car__way-notice {
    margin-top: 2rem;
    text-align: center}
    @media (max-width: 1024px) {
    .p-access-car__way-notice {
        font-size:1.3rem}
}
    @media (max-width: 767px) {
    .p-access-car__way-notice {
        text-align:left}
}

.p-access-car__parking {
    padding: 6rem;
    margin-top: 8rem;
    background-color: var(--color-bg-light-gray)}
    @media (max-width: 1024px) {
    .p-access-car__parking {
        padding:4rem;
    margin-top: 4rem}
}
    @media (max-width: 767px) {
    .p-access-car__parking {
        padding-right:var(--site-padding);
    padding-left: var(--site-padding);
    margin-right: calc(var(--site-padding) * -1);
    margin-left: calc(var(--site-padding) * -1)}
}

.p-access-car__parking-heading {
    margin-bottom: 4rem}
    @media (max-width: 1024px) {
    .p-access-car__parking-heading {
        margin-bottom:3.2rem}
}

.p-access-car__parking-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}
    @media (max-width: 1024px) {
    .p-access-car__parking-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}
}

.p-access-car__parking-col {
    width: 50%}
    @media (max-width: 1024px) {
    .p-access-car__parking-col {
        width:100%}
}

.p-access-car__parking-announse {
    margin-bottom: 2.4rem}

.p-access-car__parking-info {
    border-top: solid 1px var(--color-border-gray)}

.p-access-car__parking-info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.8rem;
    border-bottom: solid 1px var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-access-car__parking-info-row {
        padding:0.8rem 0}
}

.p-access-car__parking-info-term {
    width: 12.4rem}
    @media (max-width: 1024px) {
    .p-access-car__parking-info-term {
        width:11.5rem}
}

.p-access-car__parking-info-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-access-car__parking-map {
    max-width: 60rem;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-access-car__parking-map {
        max-width:50rem;
    margin-top: 2.4rem}
}

.p-access-car__parking-use {
    padding: 4rem;
    margin-top: 6rem;
    background-color: var(--color-bg-primary)}
    @media (max-width: 1024px) {
    .p-access-car__parking-use {
        margin-top:5rem}
}
    @media (max-width: 767px) {
    .p-access-car__parking-use {
        padding:2rem}
}

.p-access-car__parking-use-list {
    margin-top: 2.4rem}
    @media (max-width: 767px) {
    .p-access-car__parking-use-list {
        margin-top:2rem}
}

.p-access-car__parking-use-notice {
    margin-top: 1rem}

.p-access-car__parking-use-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-access-car__parking-use-buttons {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}
}

.p-access-train__heading {
    margin-bottom: 6rem}
    @media (max-width: 1024px) {
    .p-access-train__heading {
        margin-bottom:4rem}
}

.p-access-train__content {
    padding-top: 6rem;
    padding-bottom: 6rem;
    border-top: solid 1px var(--color-border-gray)}

.p-access-train__content:
    last-child {
    padding-bottom: 0}
    @media (max-width: 1024px) {
    .p-access-train__content {
        padding-top:4rem;
    padding-bottom: 4rem}
}

.p-access-train__content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}
    @media (max-width: 767px) {
    .p-access-train__content-row {
        display:block}
}

.p-access-train__content-body {
    width: 38%}
    @media (max-width: 767px) {
    .p-access-train__content-body {
        width:100%}
}
    @media (max-width: 767px) {
    .p-access-train__content-heading {
        font-size:1.8rem!important}
}

.p-access-train__content-list {
    margin-top: 5.6rem}
    @media (max-width: 1024px) {
    .p-access-train__content-list {
        margin-top:4rem}
}
    @media (max-width: 767px) {
    .p-access-train__content-list {
        margin-top:2.4rem}
}

.p-access-train__content-img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 54%}
    @media (max-width: 767px) {
    .p-access-train__content-img {
        width:100%;
    margin-top: 3.2rem}
}

.p-access-train__content-video {
    margin-top: 4rem}
    @media (max-width: 767px) {
    .p-access-train__content-video {
        margin-top:3.2rem}
}

.p-access-train__content-video-item {
    position: relative;
    cursor: pointer}

.p-access-train__content-video-heading {
    margin-bottom: 1.2rem}

.p-access-train__content-video-item-image {
    aspect-ratio: 344/194}

.p-access-train__content-video-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-access-train__content-video-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
    @media (max-width: 767px) {
    .p-access-train__content-video-item-icon {
        width:4.8rem;
    height: 4.8rem}
}

.p-access-train__content-video-item-icon-item {
    position: relative;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent var(--color-dark);
    border-style: solid;
    border-width: 4px 0 4px 8px}

.p-access-train__content-video-item-icon-circle {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1s cubic-bezier(0.16,1,0.3,1)}

.p-access-train__content-video-item:
    hover .p-access-train__content-video-item-icon-circle {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)}

.p-access-airport__way {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-access-airport__way {
        margin-top:3.2rem}
}

.p-access-airport__way-body {
    margin-top: 2.4rem}

.p-access-airport__way-item {
    max-width: 168rem;
    margin: 0 auto;
    text-align: center}

.p-access-airport__way-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}
    @media (max-width: 1024px) {
    .p-access-airport__way-button {
        margin-top:2.4rem}
}
    @media (max-width: 767px) {
    .p-access-airport__way-button {
        margin-top:2.4rem}
}

.p-access-airport__way-bus {
    display: none}
    @media (max-width: 767px) {
    .p-access-airport__way-bus {
        display:block;
    margin-top: 3.2rem;
    text-align: center}
}

.p-access-airport__way-bus-text {
    margin-top: 1.6rem;
    text-align: center!important}

.p-quality {
    position: relative}

.p-quality-slider {
    width: 100vw;
    overflow: hidden}

.p-quality-slider__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem}

.p-quality-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    width: 291.6666666667vw;
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
    will-change: transform}
    @media (max-width: 1024px) {
    .p-quality-slider__item {
        width:390.625vw}
}
    @media (max-width: 767px) {
    .p-quality-slider__item {
        width:533.3333333333vw}
}

.p-quality-slider__img {
    width: 20%}

.p-quality-content__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    margin-top: var(--space-section-sm)}
    @media (max-width: 1024px) {
    .p-quality-content__list {
        row-gap:6rem}
}
    @media (max-width: 767px) {
    .p-quality-content__list {
        row-gap:2.4rem}
}

.p-quality-content__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: background;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s}
    @media (hover: hover) and (pointer:fine) {
    .p-quality-content__list-item:hover {
        background-color:var(--color-bg-gray)}
}
    @media (max-width: 1024px) {
    .p-quality-content__list-item {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}
}

.p-quality-content__list-image {
    width: 50%;
    height: 26.3888888889vw;
    overflow: hidden}
    @media (max-width: 1024px) {
    .p-quality-content__list-image {
        width:100%;
    height: auto;
    aspect-ratio: 16/9;
    padding: 0 1rem;
    margin-bottom: 4rem}
}
    @media (max-width: 767px) {
    .p-quality-content__list-image {
        margin-bottom:3rem}
}

.p-quality-content__list-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5.4rem;
    -moz-column-gap: 5.4rem;
    column-gap: 5.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    padding: 4rem var(--site-padding) 4rem 8rem}
    @media (max-width: 1024px) {
    .p-quality-content__list-body {
        -webkit-column-gap:5rem;
    -moz-column-gap: 5rem;
    column-gap: 5rem;
    width: 100%;
    padding: 0 var(--site-padding)}
}
    @media (max-width: 767px) {
    .p-quality-content__list-body {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}
}

.p-quality-content__list-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    row-gap: 0.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family-eng)}

.p-quality-content__list-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em}
    @media (max-width: 1024px) {
    .p-quality-content__list-sub {
        font-size:1rem}
}

.p-quality-content__list-main {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0}
    @media (max-width: 1024px) {
    .p-quality-content__list-main {
        font-size:6rem}
}
    @media (max-width: 767px) {
    .p-quality-content__list-main {
        font-size:5rem}
}

.p-quality-content__list-copy {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}
    @media (max-width: 767px) {
    .p-quality-content__list-copy {
        font-size:1.6rem}
}

.p-quality-content__list-icon {
    position: absolute;
    top: 50%;
    right: var(--site-padding);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}
    @media (max-width: 767px) {
    .p-quality-content__list-icon {
        position:static;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 1.2rem;
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}

.p-quality-modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh}
    @media (max-width: 1024px) {
    .p-quality-modal__wrapper {
        display:block}
}

.p-quality-modal__header {
    position: relative;
    width: 50%}
    @media (max-width: 1024px) {
    .p-quality-modal__header {
        width:100%}
}

.p-quality-modal__vis {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh}
    @media (max-width: 1024px) {
    .p-quality-modal__vis {
        height:auto;
    aspect-ratio: 3/2}
}
    @media (max-width: 767px) {
    .p-quality-modal__vis {
        aspect-ratio:1/1}
}

.p-quality-modal__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%}
    @media (max-width: 1024px) {
    .p-quality-modal__body {
        width:100%}
}

.p-quality-modal__body-inner {
    padding: 10rem 6.9444444444vw}

.p-quality-modal__body-inner>:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .p-quality-modal__body-inner {
        max-width:64rem;
    padding: 6rem 4rem;
    margin: 0 auto}
}
    @media (max-width: 767px) {
    .p-quality-modal__body-inner {
        padding:6rem var(--site-padding)}
}

.p-quality-modal__heading {
    margin-top: 5rem;
    margin-bottom: 4rem}
    @media (max-width: 767px) {
    .p-quality-modal__heading {
        margin-top:4rem;
    margin-bottom: 3.2rem}
}
    @media (max-width: 767px) {
    .p-quality-modal__heading {
        margin-top:4rem;
    margin-bottom: 2.4rem}
}

.p-quality-modal__text {
    margin-top: 1.5em}

.p-quality-modal__note {
    padding: 3rem;
    margin-top: 3.2rem;
    background-color: var(--color-bg-light-gray)}
    @media (max-width: 767px) {
    .p-quality-modal__note {
        padding:2rem;
    margin-top: 2.4rem}
}

.p-quality-modal__image {
    margin-top: 8rem;
    margin-bottom: 5rem}
    @media (max-width: 1024px) {
    .p-quality-modal__image {
        height:auto;
    aspect-ratio: 3/2;
    margin-bottom: 4rem}
}
    @media (max-width: 767px) {
    .p-quality-modal__image {
        margin-top:6rem;
    margin-bottom: 3.2rem}
}

.p-company__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 767px) {
    .p-company__row {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap}
}

.p-company__heading {
    width: 50%}
    @media (max-width: 1024px) {
    .p-company__heading {
        width:14rem}
}
    @media (max-width: 767px) {
    .p-company__heading {
        width:100%}
}

.p-company__body {
    width: 50%}
    @media (max-width: 1024px) {
    .p-company__body {
        -webkit-box-flex:1;
    -ms-flex: 1;
    flex: 1}
}
    @media (max-width: 767px) {
    .p-company__body {
        width:100%;
    margin-top: 2rem}
}
    @media (max-width: 1024px) {
    .p-company__table {
        margin-top:-1.4rem}
}
    @media (max-width: 767px) {
    .p-company__table {
        margin-top:0}
}

.p-recruit__concept-lead {
    width: 63.4920634921%;
    margin-left: auto}
    @media (max-width: 1024px) {
    .p-recruit__concept-lead {
        width:100%}
}

.p-recruit__concept-list {
    padding-top: 15rem}

.p-recruit__concept-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8rem}

.p-recruit__concept-list-item:
    first-child {
    margin-top: 0}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item {
        -ms-flex-wrap:wrap;
    flex-wrap: wrap}
}

.p-recruit__concept-list-item-heading {
    width: 22.2222222222%}
    @media (max-width: 1024px) {
    .p-recruit__concept-list-item-heading {
        width:18.2291666667%}
}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item-heading {
        width:auto}
}

.p-recruit__concept-list-item-heading-number {
    font-size: 15rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    display: block;
    font-family: var(--font-family-eng);
    font-size: min(10.4166666667vw,15rem)}
    @media (max-width: 1024px) {
    .p-recruit__concept-list-item-heading-number {
        font-size:7.8125vw}
}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item-heading-number {
        font-size:8rem}
}

.p-recruit__concept-list-item-heading-text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-s);
    display: block;
    margin-top: 0.4rem;
    font-family: var(--font-family-eng);
    font-size: min(0.9722222222vw,1.4rem)}
    @media (max-width: 1024px) {
    .p-recruit__concept-list-item-heading-text {
        font-size:1rem}
}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item-heading-text {
        margin-top:0.6rem;
    font-size: 1.3rem}
}

.p-recruit__concept-list-item-copy {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    width: 14.2857142857%;
    font-family: var(--font-family-serif);
    font-size: min(1.3888888889vw,2.6rem);
    -webkit-font-feature-settings: "vpal" on,"vrt2" on,"palt" on;
    font-feature-settings: "vpal" on,"vrt2" on,"palt" on;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright}
    @media (max-width: 1024px) {
    .p-recruit__concept-list-item-copy {
        width:15.625%;
    font-size: 1.8229166667vw}
}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item-copy {
        width:auto;
    margin-left: auto;
    font-size: 1.6rem}
}

.p-recruit__concept-list-item-body {
    width: 63.4920634921%}
    @media (max-width: 1024px) {
    .p-recruit__concept-list-item-body {
        width:79.1666666667%}
}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item-body {
        width:100%;
    margin-top: 5rem}
}

.p-recruit__concept-list-item-image {
    position: relative;
    aspect-ratio: 888/300;
    margin-right: min(var(--site-padding) * -1,(100vw - 192rem)/2 * -1);
    overflow: hidden}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item-image {
        margin:0 calc(var(--site-padding) / -1)}
}

.p-recruit__concept-list-item-text {
    margin-top: 2rem}
    @media (max-width: 767px) {
    .p-recruit__concept-list-item-text {
        margin-top:3.2rem}
}

.p-recruit__requirements-inner {
    max-width: 85.7142857143%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-recruit__requirements-inner {
        max-width:initial}
}

.p-recruit__requirements-content {
    margin-top: 6.4rem}
    @media (max-width: 1024px) {
    .p-recruit__requirements-content {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-content {
        margin-top:4rem}
}

.p-recruit__requirements-block {
    margin-top: 12rem}

.p-recruit__requirements-block:
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .p-recruit__requirements-block {
        margin-top:8rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-block {
        margin-top:6rem}
}

.p-recruit__requirements-block-none {
    padding-top: 4.8rem}
    @media (max-width: 1024px) {
    .p-recruit__requirements-block-none {
        margin-top:4rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-block-none {
        margin-top:3.2rem}
}

.p-recruit__requirements-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-recruit__requirements-heading {
        padding-bottom:3.2rem}
}

.p-recruit__requirements-heading-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.2rem;
    background: var(--color-blue);
    border-radius: 100%}
    @media (max-width: 1024px) {
    .p-recruit__requirements-heading-icon {
        width:1.4rem;
    height: 1.4rem;
    margin-right: 1rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-heading-icon {
        width:1rem;
    height: 1rem;
    margin-right: 0.8rem}
}

.p-recruit__requirements-heading-text {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-recruit__requirements-heading-text {
        font-size:2.2rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-heading-text {
        font-size:1.8rem}
}

.p-recruit__requirements-type-item {
    border-bottom: 1px solid var(--color-border-gray)}

.p-recruit__requirements-type-item:
    first-child {
    border-top: none}

.p-recruit__requirements-type-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0;
    cursor: pointer}
    @media (max-width: 1024px) {
    .p-recruit__requirements-type-item-header {
        padding:2.8rem 0}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-type-item-header {
        padding:2rem 0}
}

.p-recruit__requirements-type-item-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}
    @media (max-width: 767px) {
    .p-recruit__requirements-type-item-heading {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.8rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}
}

.p-recruit__requirements-type-item-heading-main {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    margin-right: 2rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-recruit__requirements-type-item-heading-main {
        font-size:1.8rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-type-item-heading-main {
        margin-right:1.6rem;
    font-size: 1.6rem}
}

.p-recruit__requirements-type-item-heading-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.8rem;
    font-family: var(--font-family-serif);
    color: #fff;
    background: var(--color-bllue,#5988c6)}
    @media (max-width: 1024px) {
    .p-recruit__requirements-type-item-heading-sub {
        padding:0.5rem}
}

.p-recruit__requirements-type-item-header-icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto}

.p-recruit__requirements-type-item-header-icon-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-dark);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)}

.is-open .p-recruit__requirements-type-item-header-icon-1 {
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)}

.p-recruit__requirements-type-item-header-icon-2 {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-dark);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.p-recruit__requirements-type-item-body {
    height: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0}

.is-open .p-recruit__requirements-type-item-body {
    height: auto;
    pointer-events: all;
    visibility: visible;
    opacity: 1}

.p-recruit__requirements-type-item-body-inner {
    padding-bottom: 6.4rem}
    @media (max-width: 1024px) {
    .p-recruit__requirements-type-item-body-inner {
        padding-top:2rem;
    padding-bottom: 4.8rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-type-item-body-inner {
        padding-top:2rem;
    padding-bottom: 4rem}
}

.p-recruit__requirements-type-table {
    padding: 2rem 4rem;
    margin-top: 3.2rem;
    background: var(--color-bg-light-gray)}

.p-recruit__requirements-type-table .c-table__row:
    last-child>* {
    border-bottom: none}
    @media (max-width: 1024px) {
    .p-recruit__requirements-type-table {
        padding:0 2.4rem}
}
    @media (max-width: 767px) {
    .p-recruit__requirements-type-table {
        padding:0 2rem;
    margin-top: 4rem}
}

.p-recruit__application-method-text {
    margin-top: 5.2rem}
    @media (max-width: 1024px) {
    .p-recruit__application-method-text {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .p-recruit__application-method-text {
        margin-top:4rem}
}

.p-recruit__application-method-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-recruit__application-method-row {
        -webkit-column-gap:2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
}
    @media (max-width: 767px) {
    .p-recruit__application-method-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    margin-top: 3.2rem}
}

.p-recruit__application-method-col {
    width: 50%}
    @media (max-width: 767px) {
    .p-recruit__application-method-col {
        width:100%}
}

.p-recruit__application-method-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 6rem 2rem;
    background: var(--color-bg-light-gray)}
    @media (max-width: 1024px) {
    .p-recruit__application-method-card {
        padding:4rem 2.8rem 6rem}
}
    @media (max-width: 767px) {
    .p-recruit__application-method-card {
        padding:2.4rem 2.8rem 4rem}
}

.p-recruit__application-method-card-heading {
    margin-bottom: 3.6rem}
    @media (max-width: 1024px) {
    .p-recruit__application-method-card-heading {
        margin-bottom:2.8rem}
}
    @media (max-width: 767px) {
    .p-recruit__application-method-card-heading {
        margin-bottom:2rem}
}

.p-recruit__application-method-card-text {
    text-align: center}
    @media (max-width: 767px) {
    .p-recruit__application-method-card-text {
        font-size:1.3rem}
}

.p-recruit__application-method-card-mail {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng-sub)}
    @media (max-width: 1024px) {
    .p-recruit__application-method-card-mail {
        font-size:1.8rem}
}
    @media (max-width: 767px) {
    .p-recruit__application-method-card-mail {
        font-size:1.6rem}
}

.p-recruit__application-method-card-button {
    margin-top: 2.4rem}
    @media (max-width: 1024px) {
    .p-recruit__application-method-card-button {
        width:100%}
}
    @media (max-width: 767px) {
    .p-recruit__application-method-card-button {
        margin-top:2rem}
}

.p-recruit__application-method-note {
    margin-top: 2rem}
    @media (max-width: 767px) {
    .p-recruit__application-method-note {
        margin-top:2.4rem;
    font-size: 1.1rem!important}
}

.p-loyaltyprogram-resist__heading {
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    text-align: center}

.p-loyaltyprogram-resist__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem}
    @media (max-width: 767px) {
    .p-loyaltyprogram-resist__buttons {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem}
}

.p-loyaltyprogram-membership {
    border-top: solid 1px var(--color-border-gray)}

.p-loyaltyprogram-membership__heading {
    margin-bottom: var(--space-section-sm)}

.p-loyaltyprogram-membership__heading-section {
    padding-bottom: 8rem}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__heading-section {
        padding-bottom:6rem}
}

.p-loyaltyprogram-membership__heading-sub {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

.p-loyaltyprogram-membership__heading-sub-box {
    position: relative;
    z-index: 1;
    padding: 0.8rem 3rem;
    color: #fff;
    background-color: var(--color-gold)}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__heading-sub-box {
        padding:0.6rem 2rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__heading-sub-box {
        padding:0.4rem 1rem;
    font-size: 1.6rem}
}

.p-loyaltyprogram-membership__heading-sub-border {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-gold)}

.p-loyaltyprogram-membership__rewards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__rewards {
        -webkit-column-gap:3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__rewards {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 4rem}
}

.p-loyaltyprogram-membership__rewards-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-loyaltyprogram-membership__rewards-image {
    position: relative;
    aspect-ratio: 1/1}

.p-loyaltyprogram-membership__rewards-image
    img {
    position: relative;
    z-index: 0}

.p-loyaltyprogram-membership__rewards-typo {
    font-size: 4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__rewards-typo {
        font-size:2rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__rewards-typo {
        font-size:3rem}
}

.p-loyaltyprogram-membership__rewards-body {
    position: relative;
    z-index: 1}

.p-loyaltyprogram-membership__rewards-num {
    font-size: 10rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    margin-top: -0.5em;
    font-family: var(--font-family-eng);
    color: var(--color-gold)}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__rewards-num {
        font-size:5rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__rewards-num {
        font-size:6rem}
}

.p-loyaltyprogram-membership__rewards-heading {
    margin-top: 0.8rem}

.p-loyaltyprogram-membership__rewards-text {
    margin-top: 2.4rem}

.p-loyaltyprogram-membership__rewards-notice {
    margin-top: 1rem}

.p-loyaltyprogram-membership__point {
    margin-top: var(--space-section-sm)}

.p-loyaltyprogram-membership__point-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2rem}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-row {
        -webkit-column-gap:1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-row {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 3rem}
}

.p-loyaltyprogram-membership__point-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column}

.p-loyaltyprogram-membership__point-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family-serif)}

.p-loyaltyprogram-membership__point-heading-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m)}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-heading-sub {
        font-size:1.1rem}
}

.p-loyaltyprogram-membership__point-heading-main {
    font-size: 3.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 0.4rem}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-heading-main {
        font-size:2.8rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-heading-main {
        font-size:2.4rem}
}

.p-loyaltyprogram-membership__point-heading-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.p-loyaltyprogram-membership__point-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 4rem;
    margin-top: 2rem;
    border: solid 1px var(--color-gold);
    border-radius: 5px}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-block {
        padding:3rem;
    margin-top: 1rem;
    font-size: 2.8rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-block {
        padding:2.4rem 2rem;
    font-size: 2.4rem}
}

.p-loyaltyprogram-membership__point-block-heading {
    margin-bottom: 3rem}

.p-loyaltyprogram-membership__point-block-text {
    margin-top: 2rem}

.p-loyaltyprogram-membership__point-block-notice {
    margin-top: 2rem}

.p-loyaltyprogram-membership__point-block-level {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-heading-en);
    margin-top: 2rem}

.p-loyaltyprogram-membership__point-block-level-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.6rem 0;
    border-top: solid 1px var(--color-gold)}

.p-loyaltyprogram-membership__point-block-level-row:
    last-child {
    border-bottom: solid 1px var(--color-gold)}

.p-loyaltyprogram-membership__point-block-level-term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}

.p-loyaltyprogram-membership__point-block-level-term
    span {
    padding-right: 1.2rem;
    font-weight: 500;
    letter-spacing: var(--letter-spacing-s)}

.p-loyaltyprogram-membership__point-block-level-desc {
    font-weight: 500;
    color: var(--color-gold)}

.p-loyaltyprogram-membership__point-block-menu {
    padding-top: 3rem;
    margin-top: 3rem;
    border-top: solid 1px var(--color-border-gray)}

.p-loyaltyprogram-membership__point-notes {
    margin-top: 2.4rem}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-notes {
        margin-top:2rem}
}

.p-loyaltyprogram-membership__point-notes-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.8rem;
    -moz-column-gap: 0.8rem;
    column-gap: 0.8rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}

.p-loyaltyprogram-membership__point-notes-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0.5rem}

.p-loyaltyprogram-membership__point-notes-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

.p-loyaltyprogram-membership__present {
    margin-top: var(--space-section-sm)}

.p-loyaltyprogram-membership__present-heading {
    margin-top: 3.2rem;
    text-align: center}

.p-loyaltyprogram-membership__present-body {
    padding-top: 8rem;
    padding-bottom: 10rem;
    margin-top: 4rem;
    background-color: var(--color-bg-light-gray)}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-body {
        padding-top:4rem;
    padding-bottom: 6rem;
    margin-top: 3.2rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__present-body {
        padding-top:3rem;
    padding-bottom: 6rem;
    margin-top: 2.4rem}
}

.p-loyaltyprogram-membership__present-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-list {
        row-gap:3rem;
    -webkit-column-gap: 3rem;
    -moz-column-gap: 3rem;
    column-gap: 3rem}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__present-list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 2rem}
}

.p-loyaltyprogram-membership__present-list-item {
    width: calc((100% - 8rem) / 3);
    padding: 2.5rem 5rem 3rem;
    background-color: var(--color-bg-primary);
    border-radius: 0.5rem}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-list-item {
        width:calc((100% - 3rem) / 2)}
}
    @media (max-width: 767px) {
    .p-loyaltyprogram-membership__present-list-item {
        width:100%;
    padding: 2.5rem 3rem 3rem}
}

.p-loyaltyprogram-membership__present-list-icon {
    width: 1.6rem;
    margin: 0 auto}

.p-loyaltyprogram-membership__present-list-num {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    margin-top: 1rem;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    text-align: center}

.p-loyaltyprogram-membership__present-list-image {
    max-width: 24rem;
    aspect-ratio: 1/1;
    margin: 1.5rem auto 0;
    overflow: hidden;
    border-radius: 100%}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-list-image {
        max-width:18rem}
}

.p-loyaltyprogram-membership__present-list-heading {
    margin-top: 2rem;
    text-align: center}

.p-loyaltyprogram-membership__present-list-text {
    margin-top: 2rem;
    text-align: center}

.p-loyaltyprogram-membership__present-notice {
    margin-top: 4rem}
    @media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-notice {
        margin-top:3.2rem}
}

.p-gallery-videos {
    overflow: hidden}

.p-gallery-videos__body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between}

.p-gallery-videos__slider {
    overflow: visible}

.p-gallery-videos__slider-wrapper {
    margin-top: 4rem;
    overflow: visible}

.p-gallery-videos__slider-item-head {
    position: relative}

.p-gallery-videos__slider-item-image {
    aspect-ratio: 16/9}

.p-gallery-videos__slider-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-gallery-videos__slider-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)}
    @media (max-width: 1024px) {
    .p-gallery-videos__slider-item-icon {
        width:4.8rem;
    height: 4.8rem}
}

.p-gallery-videos__slider-item-icon-item {
    position: relative;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent var(--color-dark);
    border-style: solid;
    border-width: 4px 0 4px 8px}

.p-gallery-videos__slider-item-icon-circle {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1s cubic-bezier(0.16,1,0.3,1)}

.p-gallery-videos__slider-item:
    hover .p-gallery-videos__slider-item-icon-circle {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)}

.p-gallery-videos__slider-item-body {
    padding-top: 2rem}

.p-gallery-videos__slider-item-desc {
    margin-top: 1.6rem}

.p-gallery-videos__slider-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    margin-top: 5rem;
    border-bottom: solid 1px var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-gallery-videos__slider-footer {
        padding-bottom:2rem;
    margin-top: 4rem}
}

.p-gallery-videos__slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.8rem}

.p-gallery-videos__slider-nav[
    data-display=sp] {
    display: none}
    @media (max-width: 1024px) {
    .p-gallery-videos__slider-nav[data-display=pc] {
        display:none}

    .p-gallery-videos__slider-nav[data-display=sp] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
}

.p-gallery-videos__slider-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer}
    @media (max-width: 767px) {
    .p-gallery-videos__slider-nav-item:first-child {
        padding-left:0}

    .p-gallery-videos__slider-nav-item:
    last-child {
        padding-right: 0}
}

.p-gallery-videos__slider-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

.p-gallery-videos__slider-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)}

.p-gallery-videos__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4.8rem}
    @media (max-width: 767px) {
    .p-gallery-videos__buttons {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem}
}

.p-gallery-videos__buttons-item {
    width: 50%}
    @media (max-width: 767px) {
    .p-gallery-videos__buttons-item {
        width:100%}
}

.p-gallery-photos {
    overflow: hidden}

.p-gallery-photos__slider {
    position: relative;
    overflow: visible}

.p-gallery-photos__slider-wrapper {
    overflow: visible}

.p-gallery-photos__slider-item {
    cursor: -webkit-grab;
    cursor: grab}

.p-gallery-photos__slider-item-box {
    position: relative}

.p-gallery-photos__slider-item-image {
    position: relative;
    z-index: 0;
    aspect-ratio: 16/9}

.p-gallery-photos__slider-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.p-gallery-photos__slider-item-desc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2.4rem 8rem;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1);
    will-change: opacity}

.p-gallery-photos__slider-item:
    hover .p-gallery-photos__slider-item-desc {
    opacity: 1}

.p-gallery-photos__slider-item-desc-caption {
    color: #fff;
    text-align: center;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),-webkit-transform 0.5s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    will-change: transform}

.p-gallery-photos__slider-item:
    hover .p-gallery-photos__slider-item-desc-caption {
    -webkit-transform: translateY(0);
    transform: translateY(0)}

.p-gallery-photos__slider-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    margin-top: 5rem;
    border-bottom: solid 1px var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-gallery-photos__slider-footer {
        padding-bottom:2rem;
    margin-top: 2rem}
}

.p-gallery-photos__slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.p-gallery-photos__slider-nav[
    data-display=pc] {
    position: absolute;
    top: -6rem;
    right: 0}

.p-gallery-photos__slider-nav[
    data-display=sp] {
    display: none;
    margin-right: 2.8rem}
    @media (max-width: 1024px) {
    .p-gallery-photos__slider-nav[data-display=pc] {
        display:none}

    .p-gallery-photos__slider-nav[data-display=sp] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex}
}

.p-gallery-photos__slider-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer}
    @media (max-width: 767px) {
    .p-gallery-photos__slider-nav-item:first-child {
        padding-left:0}

    .p-gallery-photos__slider-nav-item:
    last-child {
        padding-right: 0}
}

.p-gallery-photos__slider-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

.p-gallery-photos__slider-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)}

.p-gallery-photos__slider-button {
    margin-left: auto}

.p-gallery-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px}
    @media (max-width: 767px) {
    .p-gallery-navi {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1px;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0}
}

.p-gallery-navi__item {
    position: relative;
    width: 33.33333%}
    @media (max-width: 1024px) {
    .p-gallery-navi__item {
        width:100%}
}

.p-gallery-navi__label {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    width: 100%;
    padding: 3rem;
    color: #fff}
    @media (max-width: 1024px) {
    .p-gallery-navi__label {
        padding:2rem}
}

.p-gallery-navi__label-main {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.06em;
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-gallery-navi__label-main {
        font-size:1.8rem}
}

.p-gallery-navi__label-sub {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-gallery-navi__label-sub {
        font-size:1.3rem}
}

.p-gallery-navi__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1);
    will-change: opacity}
    a:hover .p-gallery-navi__overlay {
    opacity: 0.6}

.p-gallery-navi__img {
    position: relative;
    z-index: 0;
    aspect-ratio: 3/4}

.p-gallery-navi__img
    img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%}
    @media (max-width: 767px) {
    .p-gallery-navi__img {
        aspect-ratio:16/9}
}

.p-mice-contact {
    padding: 6rem;
    background-color: var(--color-bg-light-gray)}
    @media (max-width: 1024px) {
    .p-mice-contact {
        padding:4rem}
}
    @media (max-width: 767px) {
    .p-mice-contact {
        padding:2.4rem}
}

.p-mice-contact__heading {
    text-align: center}

.p-mice-contact__tel {
    font-size: 3.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.04em;
    margin-top: 3.2rem;
    font-family: var(--font-family-eng-sub);
    text-align: center}

.p-mice-contact__tel
    span {
    font-size: 0.625em}
    @media (max-width: 1024px) {
    .p-mice-contact__tel {
        margin-top:2.8rem;
    font-size: 2.8rem}
}
    @media (max-width: 767px) {
    .p-mice-contact__tel {
        margin-top:2.4rem;
    font-size: 2.4rem}
}

.p-mice-contact__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.4rem}
    @media (max-width: 1024px) {
    .p-mice-contact__buttons {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}
}
    @media (max-width: 1024px) {
    .p-mice-contact__buttons-item {
        width:100%}
}

.p-mice-reason {
    position: relative;
    overflow: hidden;
    color: #fff}

.p-mice-reason__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none}

.p-mice-reason__header {
    position: relative;
    z-index: 1;
    text-align: center}

.p-mice-reason__heading {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.06em;
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-mice-reason__heading {
        font-size:6rem}
}
    @media (max-width: 767px) {
    .p-mice-reason__heading {
        font-size:3.2rem}
}

.p-mice-reason__copy {
    margin-top: 4.8rem;
    margin-bottom: 3.2rem}

.p-mice-reason__text {
    text-align: center}

.p-mice-reason__body {
    position: relative;
    z-index: 2;
    margin-top: 8rem}

.p-mice-reason__slider[
    data-type=left] {
    margin-left: calc(var(--site-padding) * -1)}

.p-mice-reason__slider[
    data-type=right] {
    margin-right: calc(var(--site-padding) * -1)}

.p-mice-reason__slider-item {
    cursor: -webkit-grab;
    cursor: grab}

.p-mice-reason__slider-item-image {
    position: relative;
    z-index: 0;
    aspect-ratio: 1350/560}
    @media (max-width: 1024px) {
    .p-mice-reason__slider-item-image {
        aspect-ratio:16/9}
}

.p-mice-reason__slider-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    margin-top: 5rem;
    border-bottom: solid 1px var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-mice-reason__slider-footer {
        padding-bottom:2rem;
    margin-top: 2rem}
}

.p-mice-reason__slider-pagination {
    margin-top: 1.6rem}

[
    data-type=left] .p-mice-reason__slider-pagination {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end}

[
    data-type=right] .p-mice-reason__slider-pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start}

.p-mice-reason__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 8rem;
    -webkit-column-gap: 6.9444444444vw;
    -moz-column-gap: 6.9444444444vw;
    column-gap: 6.9444444444vw;
    padding-top: var(--space-section-md)}

.p-mice-reason__list[
    data-column="2"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: max(57.5vw,82.8rem);
    margin-right: auto;
    margin-left: auto}
    @media (max-width: 1024px) {
    .p-mice-reason__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 6rem;
    max-width: 36rem;
    margin-right: auto;
    margin-left: auto}

    .p-mice-reason__list[data-column=
    "2"] {
        width: 100%}
}
    @media (max-width: 767px) {
    .p-mice-reason__list {
        row-gap:5rem;
    padding-right: 1.5rem;
    padding-left: 1.5rem}
}

.p-mice-reason__list-item {
    width: 33.33333%}

[
    data-column="2"] .p-mice-reason__list-item {
    width: calc(50% - 3.4722222222vw)}
    @media (max-width: 1024px) {
    .p-mice-reason__list-item {
        width:100%}

    [data-column=
    "2"] .p-mice-reason__list-item {
        width: 100%}
}

.p-mice-reason__list-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.p-mice-reason__list-count-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng)}
    @media (max-width: 767px) {
    .p-mice-reason__list-count-label {
        font-size:1.1rem}
}

.p-mice-reason__list-count-num {
    font-size: 6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-mice-reason__list-count-num {
        font-size:5.4rem}
}
    @media (max-width: 767px) {
    .p-mice-reason__list-count-num {
        font-size:4.8rem}
}

.p-mice-reason__list-heading {
    margin-top: 2.4rem;
    text-align: center}
    @media (max-width: 767px) {
    .p-mice-reason__list-heading {
        margin-top:1.6rem}
}

.p-mice-reason__list-text {
    margin-top: 1.6rem;
    text-align: left}
    @media (max-width: 767px) {
    .p-mice-reason__list-text {
        margin-top:1.2rem}
}

.p-mice-program__header {
    text-align: center}

.p-mice-program__heading-main {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.06em;
    display: block;
    font-family: var(--font-family-eng);
    color: var(--color-blue)}
    @media (max-width: 1024px) {
    .p-mice-program__heading-main {
        font-size:5rem}
}
    @media (max-width: 767px) {
    .p-mice-program__heading-main {
        font-size:4rem}
}

.p-mice-program__heading-sub {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-heading);
    display: block;
    margin-top: 1.2rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-mice-program__heading-sub {
        font-size:1.8rem}
}
    @media (max-width: 767px) {
    .p-mice-program__heading-sub {
        font-size:1.6rem}
}

.p-mice-program__text {
    margin-top: 4.8rem;
    text-align: center!important}

.p-mice-program__body {
    margin-top: 8rem}
    @media (max-width: 1024px) {
    .p-mice-program__body {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-mice-program__body {
        margin-top:4.8rem}
}

.p-mice-program__image {
    max-width: 104.4rem;
    margin: 0 auto}

.p-news__list-item {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--color-border-gray)}

.p-news__list-item:
    first-child {
    padding-top: 0}
    @media (max-width: 1024px) {
    .p-news__list-item {
        padding-top:3.2rem;
    padding-bottom: 3.2rem}
}
    @media (max-width: 767px) {
    .p-news__list-item {
        padding-top:2.4rem;
    padding-bottom: 2.4rem}
}

.p-news__list-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start}

[
    data-type=vertical] .p-news__list-item-link {
    display: block}
    @media (max-width: 1024px) {
    .p-news__list-item-link {
        -webkit-column-gap:3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem}
}
    @media (max-width: 767px) {
    .p-news__list-item-link {
        -webkit-column-gap:2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem}
}

.p-news__list-item-image {
    max-width: 17.7rem;
    aspect-ratio: 57/38}

.p-news__list-item-image
    img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

[
    data-type=vertical] .p-news__list-item-image {
    max-width: inherit}
    @media (max-width: 767px) {
    .p-news__list-item-image {
        max-width:8rem;
    aspect-ratio: 1/1}

    [data-type=vertical] .p-news__list-item-image {
    max-width: inherit;
    aspect-ratio: 57/38}
}

.p-news__list-item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1}

[
    data-type=vertical] .p-news__list-item-body {
    margin-top: 2.4rem}

.p-news__list-item-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem}

.p-news__list-item-date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)}

.p-news__list-item-category {
    padding-left: 1.2rem;
    margin-left: 1.2rem;
    border-left: 1px solid var(--color-border-gray)}

.p-news__list-item-heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-news__list-item-heading {
        font-size:1.3rem}
}

.p-news__footer {
    padding-top: 8rem}
    @media (max-width: 1024px) {
    .p-news__footer {
        padding-top:6rem}
}
    @media (max-width: 767px) {
    .p-news__footer {
        padding-top:4rem}
}

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

.p-news__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

.p-news__more-label {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    font-family: var(--font-family-eng)}
    @media (max-width: 1024px) {
    .p-news__more-label {
        font-size:1.6rem}
}

.p-news__more-icon {
    margin-top: 1.4rem}

.p-privacy__section {
    padding-top: 15rem}

.p-privacy__section:
    first-child {
    margin-top: -15rem}
    @media (max-width: 1024px) {
    .p-privacy__section {
        padding-top:12rem}

    .p-privacy__section:
    first-child {
        margin-top: -12rem}
}
    @media (max-width: 767px) {
    .p-privacy__section {
        padding-top:8rem}

    .p-privacy__section:
    first-child {
        margin-top: -8rem}
}

.p-privacy__block {
    margin-top: 5rem}

.p-privacy__block :
    last-child {
    margin-bottom: 0}

.p-privacy__heading-block {
    margin-bottom: 2rem}

.p-privacy__text {
    margin-bottom: 4rem}

.p-privacy__list {
    margin-bottom: 4rem}

.p-contact__section {
    padding-top: 15rem}

.p-contact__section:
    first-child {
    margin-top: -15rem}
    @media (max-width: 1024px) {
    .p-contact__section {
        padding-top:12.8rem}
}
    @media (max-width: 767px) {
    .p-contact__section {
        padding-top:12rem}
}

.p-contact-customers__body {
    margin-top: 8rem}
    @media (max-width: 1024px) {
    .p-contact-customers__body {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-contact-customers__body {
        margin-top:4rem}
}

.p-contact-customers__content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem 0;
    cursor: pointer;
    border-top: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-contact-customers__content-header {
        padding:2.4rem 0}
}
    @media (max-width: 767px) {
    .p-contact-customers__content-header {
        padding:2rem 0}
}

.p-contact-customers__content-heading {
    padding-right: 2rem}

.p-contact-customers__content-heading-main {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-contact-customers__content-heading-main {
        font-size:1.8rem}
}

.p-contact-customers__content-heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-l);
    display: block;
    margin-top: 0.8rem;
    font-family: var(--font-family-serif)}
    @media (max-width: 767px) {
    .p-contact-customers__content-heading-sub {
        font-size:1.3rem}
}

.p-contact-customers__content-header-icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto}

.p-contact-customers__content-header-icon-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-dark);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)}

.is-open .p-contact-customers__content-header-icon-1 {
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)}

.p-contact-customers__content-header-icon-2 {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-dark);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.p-contact-customers__content-body {
    height: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0}

.is-open .p-contact-customers__content-body {
    height: auto;
    pointer-events: all;
    visibility: visible;
    opacity: 1}

.p-contact-customers__content-body-inner {
    padding-right: 6rem;
    padding-bottom: 6.2rem}

.p-contact-customers__content-body-inner :
    first-child {
    margin-top: 0}
    @media (max-width: 1024px) {
    .p-contact-customers__content-body-inner {
        padding-right:4rem;
    padding-bottom: 4.8rem}
}
    @media (max-width: 767px) {
    .p-contact-customers__content-body-inner {
        padding-right:0;
    padding-bottom: 4rem}
}

.p-contact-customers__content-text {
    margin-top: 0.4rem}

.p-contact-customers__content-list {
    margin-top: 0.4rem}

.p-contact-customers__content-button {
    margin-top: 3rem}

.p-contact-tel__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6rem;
    border-left: 1px solid var(--color-border-gray)}
    @media (max-width: 1024px) {
    .p-contact-tel__list {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .p-contact-tel__list {
        -webkit-box-orient:vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 4rem;
    border-top: 1px solid var(--color-border-gray);
    border-left: none}
}

.p-contact-tel__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.3333%;
    padding: 4rem 2rem;
    border-right: 1px solid var(--color-border-gray)}
    @media (max-width: 767px) {
    .p-contact-tel__list-item {
        width:100%;
    padding: 2.4rem 0;
    border-right: none;
    border-bottom: 1px solid var(--color-border-gray)}
}

.p-contact-tel__list-item-label {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 2rem;
    font-family: var(--font-family-serif);
    text-align: center}
    @media (max-width: 767px) {
    .p-contact-tel__list-item-label {
        margin-bottom:1.6rem;
    font-size: 1.8rem}
}

.p-contact-tel__list-item-desc {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng-sub);
    text-align: center}

.p-contact-tel__list-item-note {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.8rem;
    font-family: var(--font-family-eng-sub)}

.p-contact-confirm__body {
    max-width: 83.3%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-contact-confirm__body {
        max-width:initial}
}

.p-contact-thanks__body {
    max-width: 83.3%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-contact-thanks__body {
        max-width:initial}
}

.p-contact-thanks__body-inner {
    margin-top: 5.6rem}
    @media (max-width: 1024px) {
    .p-contact-thanks__body-inner {
        margin-top:4.8rem}
}
    @media (max-width: 767px) {
    .p-contact-thanks__body-inner {
        margin-top:4rem}
}

.p-contact-thanks__button {
    margin-top: 8.4rem}
    @media (max-width: 1024px) {
    .p-contact-thanks__button {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-contact-thanks__button {
        margin-top:3.2rem}
}

.p-not-found__body {
    max-width: 83.3%;
    margin: 0 auto}
    @media (max-width: 1024px) {
    .p-not-found__body {
        max-width:initial}
}

.p-not-found__text {
    margin-top: 5rem}
    @media (max-width: 1024px) {
    .p-not-found__text {
        margin-top:4rem}
}
    @media (max-width: 767px) {
    .p-not-found__text {
        margin-top:3.2rem}
}

.p-not-found__button {
    margin-top: 6rem}
    @media (max-width: 1024px) {
    .p-not-found__button {
        margin-top:4rem}
}
    @media (max-width: 767px) {
    .p-not-found__button {
        margin-top:3.2rem}
}

.p-news-detail__row {
    margin-top: 8rem}
    @media (max-width: 1024px) {
    .p-news-detail__row {
        margin-top:6rem}
}
    @media (max-width: 767px) {
    .p-news-detail__row {
        margin-top:4rem}
}

.p-news-detail__header {
    padding-bottom: 8rem}
    @media (max-width: 1024px) {
    .p-news-detail__header {
        padding-bottom:6rem}
}
    @media (max-width: 767px) {
    .p-news-detail__header {
        padding-bottom:4rem}
}

.p-news-detail__header-inner {
    max-width: 93.5rem;
    margin: 0 auto}

.p-news-detail__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem}
    @media (max-width: 1024px) {
    .p-news-detail__meta {
        margin-bottom:2.8rem}
}
    @media (max-width: 767px) {
    .p-news-detail__meta {
        margin-bottom:1.6rem}
}

.p-news-detail__date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    position: relative;
    display: block;
    padding-right: 1.2rem;
    margin-right: 1.2rem;
    font-family: var(--font-famiry-eng-sub)}

.p-news-detail__date:
    after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.4rem;
    content: "";
    background-color: var(--color-border-gray);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}
    @media (max-width: 767px) {
    .p-news-detail__date {
        padding-right:1rem;
    margin-right: 1rem;
    font-size: 1rem}
}

.p-news-detail__title {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)}
    @media (max-width: 1024px) {
    .p-news-detail__title {
        font-size:2.8rem}
}
    @media (max-width: 767px) {
    .p-news-detail__title {
        font-size:2rem}
}

.p-news-detail__body-inner {
    max-width: 93.5rem;
    margin: 0 auto}

.p-news-detail__footer {
    margin-top: 15rem}
    @media (max-width: 1024px) {
    .p-news-detail__footer {
        margin-top:12rem}
}
    @media (max-width: 767px) {
    .p-news-detail__footer {
        margin-top:8rem}
}

.p-news-old .con_sns_link:
    after,.p-news-old .news_title .txt_inf:after {
    display: table;
    clear: both;
    content: ""}

.p-news-old .con_news {
    margin-top: 90px;
    overflow: hidden}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_news {
        margin-top: 10%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_news {
        margin-top: 2em}
}

.p-news-old #header .page_title .jp {
    display: none}
    @media only screen and (width <= 767px) {
    .p-news-old .main {
        margin-bottom: 3em}
}

.p-news-old .main .box_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 40px;
    color: #291806;
    letter-spacing: 0.08em;
    border-bottom: 1px solid #291806}
    @media only screen and (width <= 1279px) {
    .p-news-old .main .box_category {
        margin-bottom: 1.2em}
}

.p-news-old .main .box_category .st
    em {
    font-family: Montserrat,sans-serif;
    font-size: 169%}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .main .box_category .st em {
        font-size: 157%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .main .box_category .st em {
        font-size: 132%}
}

.p-news-old .main .box_category .st
    span {
    display: inline-block;
    margin: 0 0 0.5em 0.5em;
    font-size: 88%}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .main .box_category .st span {
        font-size: 82%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .main .box_category .st span {
        font-size: 75%}
}

.p-news-old .main .box_category .sst {
    margin-left: auto;
    font-size: 113%}
    @media only screen and (width <= 767px) {
    .p-news-old .main .box_category .sst {
        font-size: 94%}
}

.p-news-old .main .news_list {
    overflow: hidden}

.p-news-old .main .news_list
    li {
    width: 45.75646%;
    margin-bottom: 7.38007%}

.p-news-old .main .news_list
    li:nth-child(odd) {
    float: left;
    clear: both}

.p-news-old .main .news_list
    li:nth-child(2n) {
    float: right}
    @media only screen and (width <= 767px) {
    .p-news-old .main .news_list li {
        width: 49%}
}

.p-news-old .main .news_list
    li a {
    position: relative;
    display: block;
    text-decoration: none;
    background: #fff;
    border-bottom: 2px solid #dedede;
    -webkit-transition: background 0.5s;
    transition: background 0.5s}

.p-news-old .main .news_list
    li a .photo {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 61.02151%;
    overflow: hidden}

.p-news-old .main .news_list
    li a .photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s,-webkit-transform 0.5s;
    -webkit-transform: scale(1);
    transform: scale(1)}

.p-news-old .main .news_list
    li a .cate {
    display: inline}
    @media only screen and (width >= 1280px) {
    .p-news-old .main .news_list li a .cate {
        float: right}
}
    @media print {
    .p-news-old .main .news_list li a .cate {
        float: right}
}
    @media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .cate {
        vertical-align: text-bottom}
}

.p-news-old .main .news_list
    li a .cate span {
    display: inline-block;
    padding-right: 0.8em;
    font-size: 88%}
    @media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .cate span {
        padding-right: 0.5em;
    font-size: 75%}
}

.p-news-old .main .news_list
    li a .cate .cate01 {
    color: #5796b5}

.p-news-old .main .news_list
    li a .catch {
    position: absolute;
    top: 2.66667%;
    left: 2.15054%;
    color: #fff;
    background: #5796b5}

.p-news-old .main .news_list
    li a .catch span {
    display: inline-block;
    padding: 0.3em 0.8em;
    font-size: 88%;
    text-align: center}
    @media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .catch span {
        padding: 0.2em 0.5em;
    font-size: 75%}
}

.p-news-old .main .news_list
    li a .box_txt {
    position: relative;
    padding: 1em 0.5em}

.p-news-old .main .news_list
    li a .box_txt .time {
    display: inline-block;
    margin-right: 0.8em;
    font-size: 88%}

.p-news-old .main .news_list
    li a .box_txt h4 {
    margin-top: 0.2em;
    clear: right;
    font-weight: normal}
    @media only screen and (width >= 768px) {
    .p-news-old .main .news_list li a .box_txt h4 {
        overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap}
}
    @media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .box_txt h4 {
        display: -webkit-box;
    min-height: 3.4em;
    overflow: hidden;
    font-size: 82%;
    line-height: 1.7;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2}

    .p-news-old .firefox .main .news_list li a .box_txt h4,.p-news-old .ie .main .news_list li a .box_txt h4 {
    max-height: 3.4em}
}

.p-news-old .main .news_list
    li a:hover {
    background: #efefef}

.p-news-old .main .news_list
    li a:hover .photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)}

.p-news-old .box_pager {
    font-size: 88%;
    text-align: center}

.p-news-old .box_pager>
    div {
    display: inline-block;
    vertical-align: middle}

.p-news-old .box_pager>
    div .btn_next,.p-news-old .box_pager>div .btn_prev {
    float: left}

.p-news-old .box_pager>
    div .btn_next a,.p-news-old .box_pager>div .btn_prev a {
    padding: 8px 1em 8px 0.5em}
    @media only screen and (width <= 767px) {
    .p-news-old .box_pager>div .btn_next a,.p-news-old .box_pager>div .btn_prev a {
        padding: 0.3em 0.5em 0.3em 0.4em}
}

.p-news-old .box_pager>
    div .btn_next a:after,.p-news-old .box_pager>div .btn_next a:before,.p-news-old .box_pager>div .btn_prev a:after,.p-news-old .box_pager>div .btn_prev a:before {
    display: inline-block;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle}

.p-news-old .box_pager>
    div .btn_prev a:before {
    margin-left: 0.5em;
    content: "›";
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)}

.p-news-old .box_pager>
    div .btn_next {
    margin-left: 7px}
    @media only screen and (width <= 767px) {
    .p-news-old .box_pager>div .btn_next {
        margin-left: 0.3em}
}

.p-news-old .box_pager>
    div .btn_next a:after {
    margin-left: 0.5em;
    content: "›"}

.p-news-old .box_pager>
    div ul {
    float: left}

.p-news-old .box_pager>
    div ul li {
    float: left;
    margin-left: 7px}
    @media only screen and (width <= 767px) {
    .p-news-old .box_pager>div ul li {
        margin-left: 0.5em}
}

.p-news-old .box_pager>
    div ul li a {
    padding: 8px 12px}
    @media only screen and (width <= 767px) {
    .p-news-old .box_pager>div ul li a {
        padding: 0.3em 0.8em}
}

.p-news-old .box_pager>
    div ul li.active a {
    color: #fff;
    background: #80bdda}

.p-news-old .box_pager>
    div a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: #dedede;
    -webkit-transition: background 0.3s,color 0.3s,border 0.3s;
    transition: background 0.3s,color 0.3s,border 0.3s}

.p-news-old .box_pager>
    div a:hover {
    color: #fff;
    background: #80bdda}
    @media only screen and (width >= 768px) {
    .p-news-old .side {
        float: right;
    width: 23.5%}
}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side {
        width: 26.66667%}
}

.p-news-old .side .con_widget {
    margin-bottom: 100px}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side .con_widget {
        margin-bottom: 60px}
}
    @media only screen and (width <= 767px) {
    .p-news-old .side .con_widget {
        margin-bottom: 3em}
}

.p-news-old .side .con_widget
    h3 {
    padding: 0.5em;
    font-size: 88%;
    font-weight: normal;
    color: #fff;
    text-align: center;
    letter-spacing: -0.4em;
    background: #80bdda}

.p-news-old .side .con_widget
    h3 em {
    display: inline-block;
    font-family: Montserrat,sans-serif;
    font-size: 165%;
    letter-spacing: normal;
    vertical-align: middle}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side .con_widget h3 em {
        font-size: 150%}
}

.p-news-old .side .con_widget
    h3 span {
    display: inline-block;
    margin-left: 0.3em;
    letter-spacing: 0.08em;
    vertical-align: middle}

.p-news-old .side .con_widget
    h3 span:after,.p-news-old .side .con_widget h3 span:before {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    content: "ー"}

.p-news-old .side .con_widget
    h3 span:before {
    margin-right: 0.1em}

.p-news-old .side .con_widget
    h3 span:after {
    margin-left: 0.1em}

.p-news-old .side .con_widget>
    ul>li {
    font-size: 94%}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side .con_widget>ul>li {
        font-size: 88%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .side .con_widget>ul>li {
        font-size: 100%}
}

.p-news-old .side .con_widget>
    ul>li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    border-bottom: 1px solid #dfdfdf}

.p-news-old .side .con_widget>
    ul>li a:before {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin-right: 0.5em;
    line-height: 1;
    vertical-align: middle;
    content: "";
    background: url("../../news/images/ic_arr.png") no-repeat 0 0/contain}

.p-news-old .side .con_widget>
    ul>li .st_acd {
    padding: 1em;
    cursor: pointer;
    border-bottom: 1px solid #dfdfdf}

.p-news-old .side .con_widget>
    ul>li .st_acd:before {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin-right: 0.5em;
    line-height: 1;
    vertical-align: middle;
    content: "";
    background: url("../../news/images/ic_arr.png") no-repeat 0 0/contain}

.p-news-old .side .con_widget>
    ul>li .boxs {
    display: none}

.p-news-old .side .con_widget>
    ul>li .boxs li a {
    padding-left: 2em}

.p-news-old #contents .topicpath
    li {
    vertical-align: middle}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old #contents .topicpath li: nth-child(3) {
        width:58%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap}
}

.p-news-old .con_det .news_title {
    margin-bottom: 40px}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .news_title {
        margin-bottom: 4%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title {
        margin-bottom: 1.2em}
}

.p-news-old .con_det .news_title .txt_inf {
    margin-bottom: 20px;
    letter-spacing: -0.4em}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title .txt_inf {
        margin-bottom: 3%}
}

.p-news-old .con_det .news_title .txt_inf>* {
    letter-spacing: normal}

.p-news-old .con_det .news_title .box_cate {
    display: inline-block;
    margin-left: 15px}

.p-news-old .con_det .news_title .box_cate
    span {
    display: inline-block;
    padding: 0.2em 0.8em;
    font-size: 88%;
    text-align: center;
    letter-spacing: normal}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title .box_cate span {
        font-size: 75%}
}

.p-news-old .con_det .news_title .box_cate .cate01 {
    color: #fff;
    background: #5796b5}

.p-news-old .con_det .news_title .box_cate .cate02 {
    background: #fff;
    border: 1px solid #dedede}

.p-news-old .con_det .news_title .time {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle}

.p-news-old .con_det .news_title .title {
    font-size: 138%;
    font-weight: normal}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .news_title .title {
        font-size: 125%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title .title {
        font-size: 113%}
}

.p-news-old .con_det .btn_basic,.p-news-old .con_det .con_news_detail,.p-news-old .con_det .con_news_detail02,.p-news-old .con_det .con_news_detail03,.p-news-old .con_det .con_news_detail04,.p-news-old .con_det .con_news_detail05,.p-news-old .con_det .con_news_slide {
    margin-bottom: 60px}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .btn_basic,.p-news-old .con_det .con_news_detail,.p-news-old .con_det .con_news_detail02,.p-news-old .con_det .con_news_detail03,.p-news-old .con_det .con_news_detail04,.p-news-old .con_det .con_news_detail05,.p-news-old .con_det .con_news_slide {
        margin-bottom: 6%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .btn_basic,.p-news-old .con_det .con_news_detail,.p-news-old .con_det .con_news_detail02,.p-news-old .con_det .con_news_detail03,.p-news-old .con_det .con_news_detail04,.p-news-old .con_det .con_news_detail05,.p-news-old .con_det .con_news_slide {
        margin-bottom: 2em}
}

.p-news-old .con_det .btn_basic .txt,.p-news-old .con_det .con_news_detail .txt,.p-news-old .con_det .con_news_detail02 .txt,.p-news-old .con_det .con_news_detail03 .txt,.p-news-old .con_det .con_news_detail04 .txt,.p-news-old .con_det .con_news_detail05 .txt,.p-news-old .con_det .con_news_slide .txt {
    font-size: 94%}

.p-news-old .con_det .btn_basic .txt_caption,.p-news-old .con_det .con_news_detail .txt_caption,.p-news-old .con_det .con_news_detail02 .txt_caption,.p-news-old .con_det .con_news_detail03 .txt_caption,.p-news-old .con_det .con_news_detail04 .txt_caption,.p-news-old .con_det .con_news_detail05 .txt_caption,.p-news-old .con_det .con_news_slide .txt_caption {
    margin-top: 0.8em;
    font-size: 94%;
    text-align: center}

.p-news-old .con_det .con_news_slide .box_slide
    span {
    display: block;
    margin-top: 0.8em;
    text-align: center}

.p-news-old .con_det .con_news_slide .slick-dots {
    bottom: 20px;
    line-height: 1;
    text-align: center}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_slide .slick-dots {
        bottom: 1em}
}

.p-news-old .con_det .con_news_slide .slick-dots
    li {
    width: 12px;
    height: 12px;
    margin: 0 6px;
    overflow: hidden}

.p-news-old .con_det .con_news_slide .slick-dots
    li button {
    height: 0;
    padding: 0;
    cursor: pointer}

.p-news-old .con_det .con_news_slide .slick-dots
    li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    border-radius: 100%;
    opacity: 1}

.p-news-old .con_det .con_news_slide .slick-dots
    li.slick-active button:before {
    background: #5796b5}

.p-news-old .con_det .con_news_detail
    h4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em;
    font-size: 138%;
    font-weight: normal;
    color: #fff;
    background: #5796b5}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .con_news_detail h4 {
        font-size: 125%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail h4 {
        font-size: 113%}
}

.p-news-old .con_det .con_news_detail
    h5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em;
    font-size: 125%;
    font-weight: normal;
    border-left: 4px solid #5796b5}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .con_news_detail h5 {
        font-size: 113%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail h5 {
        font-size: 100%}
}

.p-news-old .con_det .con_news_detail
    h6 {
    padding-bottom: 0.5em;
    font-size: 113%;
    font-weight: normal;
    border-bottom: 1px solid #dfdfdf}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .con_news_detail h6 {
        font-size: 107%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail h6 {
        font-size: 94%}
}

.p-news-old .con_det .con_news_detail
    h6 span {
    display: inline-block;
    width: calc(100% - 1.2em);
    vertical-align: middle}

.p-news-old .con_det .con_news_detail
    h6:before {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin-right: 0.3em;
    vertical-align: middle;
    content: "";
    background: #5796b5;
    border-radius: 100%}

.p-news-old .con_det .con_news_detail .photo {
    text-align: center}

.p-news-old .con_det .con_news_detail .wrap_movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden}

.p-news-old .con_det .con_news_detail .wrap_movie
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}

.p-news-old .con_det .con_news_detail .tbl_basic
    th {
    width: 30%}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic th {
        padding-bottom: 0}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic td {
        padding-top: 0.5em}
}

.p-news-old .con_det .con_news_detail .tbl_basic
    td,.p-news-old .con_det .con_news_detail .tbl_basic th {
    padding-bottom: 8px}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic td,.p-news-old .con_det .con_news_detail .tbl_basic th {
        -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-bottom: none}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic tr {
        border-bottom: 3px solid #004c66}
}
    @media only screen and (width >= 1280px) {
    .p-news-old .con_det .con_news_detail .plan_table {
        width: 80%}
}
    @media print {
    .p-news-old .con_det .con_news_detail .plan_table {
        width: 80%}
}

.p-news-old .con_det .con_news_detail02 {
    overflow: hidden}
    @media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail02 dl {
        width: 49%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail02 dl {
        margin-bottom: 1em}
}

.p-news-old .con_det .con_news_detail02
    dl dd {
    margin-top: 0.8em;
    font-size: 94%}
    @media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail02 .con_l {
        float: left}

    .p-news-old .con_det .con_news_detail02 .con_r {
    float: right}
}

.p-news-old .con_det .con_news_detail03 {
    overflow: hidden}
    @media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail03 dl {
        float: left;
    width: 32%;
    margin-right: 2%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail03 dl {
        margin-bottom: 1em}
}

.p-news-old .con_det .con_news_detail03
    dl dd {
    margin-top: 0.8em;
    font-size: 94%}

.p-news-old .con_det .con_news_detail03
    img {
    width: 100%}

.p-news-old .con_det .con_news_detail03 .con_r {
    margin-right: 0}

.p-news-old .con_det .con_news_detail04 {
    width: 100%;
    overflow: hidden}
    @media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail04 {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

    .p-news-old .con_det .con_news_detail04 .box_img {
    width: 49.8155%}

    .p-news-old .con_det .con_news_detail04 .txt {
    width: 44.28044%;
    margin-right: 5.90406%}
}

.p-news-old .con_det .con_news_detail05 {
    width: 100%;
    overflow: hidden}
    @media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail05 {
        display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center}

    .p-news-old .con_det .con_news_detail05 .box_img {
    width: 49.8155%}

    .p-news-old .con_det .con_news_detail05 .txt {
    width: 44.28044%;
    margin-left: 5.90406%}
}

.p-news-old .con_det .btn_basic {
    margin: auto;
    margin-bottom: 60px;
    text-align: center}

.p-news-old .con_det .btn_basic
    a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #5796b5}

.p-news-old .mouse .con_det .btn_basic
    a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-news-old .mouse .con_det .btn_basic
    a:hover,.p-news-old .touch .con_det .btn_basic a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-news-old .touch .con_det .btn_basic
    a {
    -webkit-tap-highlight-color: transparent}

.p-news-old .touch .con_det .btn_basic
    a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-news-old .con_det .btn_basic
    a em {
    display: inline-block;
    vertical-align: middle}

.p-news-old .con_det .btn_basic
    a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .btn_basic {
        margin-bottom: 6%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .btn_basic {
        margin-bottom: 2em}
}

.p-news-old .con_det .btn_basic
    a {
    display: inline-block;
    padding: 0.5em 1.5em}

.p-news-old .con_det .btn_pdf
    a:after {
    width: 18px;
    height: 21px;
    content: "";
    background: url("../images/common/ic_pdf_w.png") no-repeat center/contain}

.p-news-old .con_det .con_pager_detail {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf}

.p-news-old .con_det .con_pager_detail>
    div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 50%}

.p-news-old .con_det .con_pager_detail>
    div a {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    text-decoration: none;
    -webkit-transition: background 0.3s,color 0.3s;
    transition: background 0.3s,color 0.3s}

.p-news-old .con_det .con_pager_detail>
    div a .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap}

.p-news-old .con_det .con_pager_detail>
    div a:hover {
    color: #fff;
    background: #5796b5}

.p-news-old .con_det .con_pager_detail .box_prev {
    border-right: 1px solid #dfdfdf}

.p-news-old .con_det .con_pager_detail .box_prev
    a {
    padding-left: 1.5em}

.p-news-old .con_det .con_pager_detail .box_prev
    a:before {
    position: absolute;
    top: 50%;
    left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    content: "‹";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.p-news-old .con_det .con_pager_detail .box_next
    a {
    padding-right: 1.5em}

.p-news-old .con_det .con_pager_detail .box_next
    a:after {
    position: absolute;
    top: 50%;
    right: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    content: "›";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)}

.p-news-old .con_det .con_pager {
    width: 269px;
    margin: auto;
    margin: 40px auto 0}

.p-news-old .con_det .con_pager
    a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #80bdda}

.p-news-old .mouse .con_det .con_pager
    a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in}

.p-news-old .mouse .con_det .con_pager
    a:hover,.p-news-old .touch .con_det .con_pager a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7}

.p-news-old .touch .con_det .con_pager
    a {
    -webkit-tap-highlight-color: transparent}

.p-news-old .touch .con_det .con_pager
    a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms}

.p-news-old .con_det .con_pager
    a em {
    display: inline-block;
    vertical-align: middle}

.p-news-old .con_det .con_pager
    a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"}
    @media only screen and (width <= 767px) {
    .p-news-old .con_det .con_pager {
        width: 82.29167%;
    margin-top: 1.5em}
}

.p-news-old .news_title .txt_inf
    p.box_cate,.p-news-old .news_title .txt_inf p.time {
    float: left}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .news_title .txt_inf p.box_cate,.p-news-old .news_title .txt_inf p.time {
        float: none}
}
    @media only screen and (width <= 767px) {
    .p-news-old .news_title .txt_inf p.box_cate,.p-news-old .news_title .txt_inf p.time {
        float: none}
}

.p-news-old .news_title .txt_inf .con_sns_link {
    float: right;
    margin-top: 0}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        float: none}
}
    @media only screen and (width <= 767px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        float: none}
}
    @media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        margin-top: 1em}
}
    @media only screen and (width <= 767px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        margin-top: 1em}
}

.p-news-old .con_sns_link
    div.btn {
    float: left;
    width: 120px;
    margin-left: 1.5em;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s}
    @media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn {
        margin-left: 2%}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn {
        width: 32%}
}

.p-news-old .con_sns_link
    div.btn a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0.2em 0;
    font-family: Muli,sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none}

.p-news-old .con_sns_link
    div.btn a:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 1em;
    margin-left: -1.5em;
    vertical-align: middle;
    content: ""}
    @media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn a: before {
        margin-left:-1em}
}
    @media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn a: before {
        margin-right:0.5em}
}

.p-news-old .con_sns_link
    div.btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8}

.p-news-old .con_sns_link
    div.btn.facebook {
    margin-left: 0;
    background-color: #3c5998}

.p-news-old .con_sns_link
    div.btn.facebook a:before {
    background: url("../../news/images/fb.png") no-repeat center center/cover}

.p-news-old .con_sns_link
    div.btn.twitter {
    background-color: #55abee}

.p-news-old .con_sns_link
    div.btn.twitter a:before {
    background: url("../../news/images/tw.png") no-repeat center center/cover}

.p-news-old .con_sns_link
    div.btn.line {
    background-color: #00b833}

.p-news-old .con_sns_link
    div.btn.line a:before {
    background: url("../../news/images/line.png") no-repeat center center/cover}

.p-maintenance__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    min-height: 100svh;
    padding: 6rem var(--site-padding)}
    @media (max-width: 1024px) {
    .p-maintenance__wrapper {
        padding:6rem var(--site-padding)}
}
    @media (max-width: 767px) {
    .p-maintenance__wrapper {
        padding:6rem var(--site-padding)}
}

.p-maintenance__content {
    text-align: center}

.p-maintenance__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 4rem;
    margin: 0 auto}

.p-maintenance__logo-svg {
    width: 13.2rem;
    height: 10.812rem}
    @media (max-width: 1024px) {
    .p-maintenance__logo-svg {
        width:11rem;
    height: 9.01rem}
}

.p-maintenance__heading {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: var(--letter-spacing-2xl)}
    @media (max-width: 767px) {
    .p-maintenance__heading {
        font-size:2rem}
}

.p-maintenance__text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-2xl);
    margin-top: 2.4rem}

.p-maintenance__phone {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-2xl);
    margin-top: 2.4rem}
    @-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)}
}
    @keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)}
}
    @-webkit-keyframes marquee2 {
    0% {
        -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)}
}
    @keyframes marquee2 {
    0% {
        -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    -webkit-transform: translateX(100%);
    transform: translateX(100%)}
}
    @-webkit-keyframes up {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(0%,-100%);
    transform: translate(0%,-100%)}

    30.1% {
    -webkit-transform: translate(0%,100%);
    transform: translate(0%,100%)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @keyframes up {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(0%,-100%);
    transform: translate(0%,-100%)}

    30.1% {
    -webkit-transform: translate(0%,100%);
    transform: translate(0%,100%)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @-webkit-keyframes down {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(0%,100%);
    transform: translate(0%,100%)}

    30.1% {
    -webkit-transform: translate(0%,-100%);
    transform: translate(0%,-100%)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @keyframes down {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(0%,100%);
    transform: translate(0%,100%)}

    30.1% {
    -webkit-transform: translate(0%,-100%);
    transform: translate(0%,-100%)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @-webkit-keyframes forward {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(110%,0);
    transform: translate(110%,0)}

    30.1% {
    -webkit-transform: translate(-110%,0);
    transform: translate(-110%,0)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @keyframes forward {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(110%,0);
    transform: translate(110%,0)}

    30.1% {
    -webkit-transform: translate(-110%,0);
    transform: translate(-110%,0)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @-webkit-keyframes backward {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(-110%,0);
    transform: translate(-110%,0)}

    30.1% {
    -webkit-transform: translate(110%,0);
    transform: translate(110%,0)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @keyframes backward {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(-110%,0);
    transform: translate(-110%,0)}

    30.1% {
    -webkit-transform: translate(110%,0);
    transform: translate(110%,0)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @-webkit-keyframes left-in {
    0% {
        visibility: visible;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)}

    to {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
    @keyframes left-in {
    0% {
        visibility: visible;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)}

    to {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
    @-webkit-keyframes left-in-out {
    0% {
        visibility: visible;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)}

    49% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    visibility: hidden;
    -webkit-transform: translateX(102%);
    transform: translateX(102%)}
}
    @keyframes left-in-out {
    0% {
        visibility: visible;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)}

    49% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    50% {
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    visibility: hidden;
    -webkit-transform: translateX(102%);
    transform: translateX(102%)}
}
    @-webkit-keyframes right-out {
    0% {
        visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    visibility: hidden;
    -webkit-transform: translateX(102%);
    transform: translateX(102%)}
}
    @keyframes right-out {
    0% {
        visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    visibility: hidden;
    -webkit-transform: translateX(102%);
    transform: translateX(102%)}
}
    @-webkit-keyframes right-in {
    0% {
        visibility: visible;
    -webkit-transform: translateX(102%);
    transform: translateX(102%)}

    to {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
    @keyframes right-in {
    0% {
        visibility: visible;
    -webkit-transform: translateX(102%);
    transform: translateX(102%)}

    to {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
    @-webkit-keyframes left-out {
    0% {
        visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    visibility: hidden;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)}
}
    @keyframes left-out {
    0% {
        visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    visibility: hidden;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%)}
}
    @-webkit-keyframes up-in {
    0% {
        -webkit-transform: translateY(-102%);
    transform: translateY(-102%)}

    to {
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @keyframes up-in {
    0% {
        -webkit-transform: translateY(-102%);
    transform: translateY(-102%)}

    to {
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @-webkit-keyframes up-out {
    0% {
        -webkit-transform: translateY(0);
    transform: translateY(0)}

    to {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%)}
}
    @keyframes up-out {
    0% {
        -webkit-transform: translateY(0);
    transform: translateY(0)}

    to {
    -webkit-transform: translateY(-102%);
    transform: translateY(-102%)}
}
    @-webkit-keyframes down-in {
    0% {
        -webkit-transform: translateY(102%);
    transform: translateY(102%)}

    to {
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @keyframes down-in {
    0% {
        -webkit-transform: translateY(102%);
    transform: translateY(102%)}

    to {
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @-webkit-keyframes down-in2 {
    0% {
        -webkit-transform: translateY(102%);
    transform: translateY(102%)}

    to {
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @keyframes down-in2 {
    0% {
        -webkit-transform: translateY(102%);
    transform: translateY(102%)}

    to {
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @-webkit-keyframes down-out {
    0% {
        -webkit-transform: translateY(0);
    transform: translateY(0)}

    to {
    -webkit-transform: translateY(102%);
    transform: translateY(102%)}
}
    @keyframes down-out {
    0% {
        -webkit-transform: translateY(0);
    transform: translateY(0)}

    to {
    -webkit-transform: translateY(102%);
    transform: translateY(102%)}
}
    @-webkit-keyframes right-fadeIn {
    0% {
        opacity: 0;
    -webkit-transform: translateX(-4rem);
    transform: translateX(-4rem)}

    to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
    @keyframes right-fadeIn {
    0% {
        opacity: 0;
    -webkit-transform: translateX(-4rem);
    transform: translateX(-4rem)}

    to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)}
}
    @-webkit-keyframes right-fadeOut {
    0% {
        opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    opacity: 0;
    -webkit-transform: translateX(4rem);
    transform: translateX(4rem)}
}
    @keyframes right-fadeOut {
    0% {
        opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)}

    to {
    opacity: 0;
    -webkit-transform: translateX(4rem);
    transform: translateX(4rem)}
}
    @-webkit-keyframes up-fadeIn {
    0% {
        opacity: 0;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem)}

    to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @keyframes up-fadeIn {
    0% {
        opacity: 0;
    -webkit-transform: translateY(6rem);
    transform: translateY(6rem)}

    to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}
}
    @-webkit-keyframes up-fadeOut {
    0% {
        opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}

    to {
    opacity: 0;
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem)}
}
    @keyframes up-fadeOut {
    0% {
        opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}

    to {
    opacity: 0;
    -webkit-transform: translateY(-6rem);
    transform: translateY(-6rem)}
}
    @-webkit-keyframes circle-in {
    0% {
        -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)}

    to {
    stroke-dashoffset: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)}
}
    @keyframes circle-in {
    0% {
        -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)}

    to {
    stroke-dashoffset: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)}
}
    @-webkit-keyframes circle-out {
    0% {
        stroke-dashoffset: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)}

    to {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)}
}
    @keyframes circle-out {
    0% {
        stroke-dashoffset: 0;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)}

    to {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)}
}
    @-webkit-keyframes diagonal {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(110%,-110%);
    transform: translate(110%,-110%)}

    30.1% {
    -webkit-transform: translate(-110%,110%);
    transform: translate(-110%,110%)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}
    @keyframes diagonal {
    0% {
        -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}

    30% {
    -webkit-transform: translate(110%,-110%);
    transform: translate(110%,-110%)}

    30.1% {
    -webkit-transform: translate(-110%,110%);
    transform: translate(-110%,110%)}

    to {
    -webkit-transform: translate(0%,0%);
    transform: translate(0%,0%)}
}

.u-object-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover}

.u-jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center}

.u-ta-l {
    text-align: left!important}

.u-ta-r {
    text-align: right!important}

.u-ta-c {
    text-align: center!important}

.u-ta-j {
    text-align: justify!important}

.u-op-l {
    -o-object-position: left center;
    object-position: left center}

.u-op-r {
    -o-object-position: right center;
    object-position: right center}

.u-op-t {
    -o-object-position: top center;
    object-position: top center}

.u-op-b {
    -o-object-position: bottom center;
    object-position: bottom center}

.u-font-bold {
    font-weight: bold}

.u-sp-block {
    display: none}
    @media (max-width: 767px) {
    .u-sp-block {
        display:block}
}

.u-sp-tablet-block {
    display: none}
    @media (max-width: 1024px) {
    .u-sp-tablet-block {
        display:block}
}

.u-pc-block {
    display: block}
    @media (max-width: 1024px) {
    .u-pc-block {
        display:none}
}

.u-pc-tablet-block {
    display: block}
    @media (max-width: 767px) {
    .u-pc-tablet-block {
        display:none}
}

.u-tablet-block {
    display: none}
    @media (max-width: 1024px) {
    .u-tablet-block {
        display:block}
}
    @media (max-width: 767px) {
    .u-tablet-block {
        display:none}
}

.u-sp-inline {
    display: none!important}
    @media (max-width: 767px) {
    .u-sp-inline {
        display:inline!important}
}

.u-sp-tablet-inline {
    display: none!important}
    @media (max-width: 1024px) {
    .u-sp-tablet-inline {
        display:inline!important}
}

.u-pc-inline {
    display: inline!important}
    @media (max-width: 1024px) {
    .u-pc-inline {
        display:none!important}
}

.u-pc-tablet-inline {
    display: inline!important}
    @media (max-width: 767px) {
    .u-pc-tablet-inline {
        display:none!important}
}

.u-tablet-inline {
    display: none}
    @media (max-width: 1024px) {
    .u-tablet-inline {
        display:inline}
}
    @media (max-width: 767px) {
    .u-tablet-inline {
        display:none}
}

.u-sp-inlineblock {
    display: none}
    @media (max-width: 767px) {
    .u-sp-inlineblock {
        display:inline-block}
}

.u-sp-tablet-inlineblock {
    display: none}
    @media (max-width: 1024px) {
    .u-sp-tablet-inlineblock {
        display:inline-block}
}

.u-pc-inlineblock {
    display: inline-block}
    @media (max-width: 1024px) {
    .u-pc-inlineblock {
        display:none}
}

.u-pc-tablet-inlineblock {
    display: inline-block}
    @media (max-width: 767px) {
    .u-pc-tablet-inlineblock {
        display:none}
}

.u-tablet-inlineblock {
    display: none}
    @media (max-width: 1024px) {
    .u-tablet-inlineblock {
        display:inline-block}
}
    @media (max-width: 767px) {
    .u-tablet-inlineblock {
        display:none}
}

.is-onscreen .u-delay-004 {
    -webkit-transition-delay: 0.04s!important;
    transition-delay: 0.04s!important;
    -webkit-animation-delay: 0.04s!important;
    animation-delay: 0.04s!important}

.is-onscreen .u-delay-005 {
    -webkit-transition-delay: 0.05s!important;
    transition-delay: 0.05s!important;
    -webkit-animation-delay: 0.05s!important;
    animation-delay: 0.05s!important}

.is-onscreen .u-delay-008 {
    -webkit-transition-delay: 0.08s!important;
    transition-delay: 0.08s!important;
    -webkit-animation-delay: 0.08s!important;
    animation-delay: 0.08s!important}

.is-onscreen .u-delay-010 {
    -webkit-transition-delay: 0.1s!important;
    transition-delay: 0.1s!important;
    -webkit-animation-delay: 0.1s!important;
    animation-delay: 0.1s!important}

.is-onscreen .u-delay-012 {
    -webkit-transition-delay: 0.12s!important;
    transition-delay: 0.12s!important;
    -webkit-animation-delay: 0.12s!important;
    animation-delay: 0.12s!important}

.is-onscreen .u-delay-015 {
    -webkit-transition-delay: 0.15s!important;
    transition-delay: 0.15s!important;
    -webkit-animation-delay: 0.15s!important;
    animation-delay: 0.15s!important}

.is-onscreen .u-delay-016 {
    -webkit-transition-delay: 0.16s!important;
    transition-delay: 0.16s!important;
    -webkit-animation-delay: 0.16s!important;
    animation-delay: 0.16s!important}

.is-onscreen .u-delay-020 {
    -webkit-transition-delay: 0.2s!important;
    transition-delay: 0.2s!important;
    -webkit-animation-delay: 0.2s!important;
    animation-delay: 0.2s!important}

.is-onscreen .u-delay-024 {
    -webkit-transition-delay: 0.24s!important;
    transition-delay: 0.24s!important;
    -webkit-animation-delay: 0.24s!important;
    animation-delay: 0.24s!important}

.is-onscreen .u-delay-025 {
    -webkit-transition-delay: 0.25s!important;
    transition-delay: 0.25s!important;
    -webkit-animation-delay: 0.25s!important;
    animation-delay: 0.25s!important}

.is-onscreen .u-delay-028 {
    -webkit-transition-delay: 0.28s!important;
    transition-delay: 0.28s!important;
    -webkit-animation-delay: 0.28s!important;
    animation-delay: 0.28s!important}

.is-onscreen .u-delay-030 {
    -webkit-transition-delay: 0.3s!important;
    transition-delay: 0.3s!important;
    -webkit-animation-delay: 0.3s!important;
    animation-delay: 0.3s!important}

.is-onscreen .u-delay-032 {
    -webkit-transition-delay: 0.32s!important;
    transition-delay: 0.32s!important;
    -webkit-animation-delay: 0.32s!important;
    animation-delay: 0.32s!important}

.is-onscreen .u-delay-035 {
    -webkit-transition-delay: 0.35s!important;
    transition-delay: 0.35s!important;
    -webkit-animation-delay: 0.35s!important;
    animation-delay: 0.35s!important}

.is-onscreen .u-delay-036 {
    -webkit-transition-delay: 0.36s!important;
    transition-delay: 0.36s!important;
    -webkit-animation-delay: 0.36s!important;
    animation-delay: 0.36s!important}

.is-onscreen .u-delay-040 {
    -webkit-transition-delay: 0.4s!important;
    transition-delay: 0.4s!important;
    -webkit-animation-delay: 0.4s!important;
    animation-delay: 0.4s!important}

.is-onscreen .u-delay-044 {
    -webkit-transition-delay: 0.44s!important;
    transition-delay: 0.44s!important;
    -webkit-animation-delay: 0.44s!important;
    animation-delay: 0.44s!important}

.is-onscreen .u-delay-045 {
    -webkit-transition-delay: 0.45s!important;
    transition-delay: 0.45s!important;
    -webkit-animation-delay: 0.45s!important;
    animation-delay: 0.45s!important}

.is-onscreen .u-delay-048 {
    -webkit-transition-delay: 0.48s!important;
    transition-delay: 0.48s!important;
    -webkit-animation-delay: 0.48s!important;
    animation-delay: 0.48s!important}

.is-onscreen .u-delay-050 {
    -webkit-transition-delay: 0.5s!important;
    transition-delay: 0.5s!important;
    -webkit-animation-delay: 0.5s!important;
    animation-delay: 0.5s!important}

.is-onscreen .u-delay-052 {
    -webkit-transition-delay: 0.52s!important;
    transition-delay: 0.52s!important;
    -webkit-animation-delay: 0.52s!important;
    animation-delay: 0.52s!important}

.is-onscreen .u-delay-055 {
    -webkit-transition-delay: 0.55s!important;
    transition-delay: 0.55s!important;
    -webkit-animation-delay: 0.55s!important;
    animation-delay: 0.55s!important}

.is-onscreen .u-delay-056 {
    -webkit-transition-delay: 0.56s!important;
    transition-delay: 0.56s!important;
    -webkit-animation-delay: 0.56s!important;
    animation-delay: 0.56s!important}

.is-onscreen .u-delay-060 {
    -webkit-transition-delay: 0.6s!important;
    transition-delay: 0.6s!important;
    -webkit-animation-delay: 0.6s!important;
    animation-delay: 0.6s!important}

.is-onscreen .u-delay-064 {
    -webkit-transition-delay: 0.64s!important;
    transition-delay: 0.64s!important;
    -webkit-animation-delay: 0.64s!important;
    animation-delay: 0.64s!important}

.is-onscreen .u-delay-065 {
    -webkit-transition-delay: 0.65s!important;
    transition-delay: 0.65s!important;
    -webkit-animation-delay: 0.65s!important;
    animation-delay: 0.65s!important}

.is-onscreen .u-delay-068 {
    -webkit-transition-delay: 0.68s!important;
    transition-delay: 0.68s!important;
    -webkit-animation-delay: 0.68s!important;
    animation-delay: 0.68s!important}

.is-onscreen .u-delay-070 {
    -webkit-transition-delay: 0.7s!important;
    transition-delay: 0.7s!important;
    -webkit-animation-delay: 0.7s!important;
    animation-delay: 0.7s!important}

.is-onscreen .u-delay-072 {
    -webkit-transition-delay: 0.72s!important;
    transition-delay: 0.72s!important;
    -webkit-animation-delay: 0.72s!important;
    animation-delay: 0.72s!important}

.is-onscreen .u-delay-075 {
    -webkit-transition-delay: 0.75s!important;
    transition-delay: 0.75s!important;
    -webkit-animation-delay: 0.75s!important;
    animation-delay: 0.75s!important}

.is-onscreen .u-delay-076 {
    -webkit-transition-delay: 0.76s!important;
    transition-delay: 0.76s!important;
    -webkit-animation-delay: 0.76s!important;
    animation-delay: 0.76s!important}

.is-onscreen .u-delay-080 {
    -webkit-transition-delay: 0.8s!important;
    transition-delay: 0.8s!important;
    -webkit-animation-delay: 0.8s!important;
    animation-delay: 0.8s!important}

.is-onscreen .u-delay-085 {
    -webkit-transition-delay: 0.85s!important;
    transition-delay: 0.85s!important;
    -webkit-animation-delay: 0.85s!important;
    animation-delay: 0.85s!important}

.is-onscreen .u-delay-090 {
    -webkit-transition-delay: 0.9s!important;
    transition-delay: 0.9s!important;
    -webkit-animation-delay: 0.9s!important;
    animation-delay: 0.9s!important}

.is-onscreen .u-delay-095 {
    -webkit-transition-delay: 0.95s!important;
    transition-delay: 0.95s!important;
    -webkit-animation-delay: 0.95s!important;
    animation-delay: 0.95s!important}

.is-onscreen .u-delay-100 {
    -webkit-transition-delay: 1s!important;
    transition-delay: 1s!important;
    -webkit-animation-delay: 1s!important;
    animation-delay: 1s!important}

.is-onscreen .u-delay-105 {
    -webkit-transition-delay: 1.05s!important;
    transition-delay: 1.05s!important;
    -webkit-animation-delay: 1.05s!important;
    animation-delay: 1.05s!important}

.is-onscreen .u-delay-110 {
    -webkit-transition-delay: 1.1s!important;
    transition-delay: 1.1s!important;
    -webkit-animation-delay: 1.1s!important;
    animation-delay: 1.1s!important}

.is-onscreen .u-delay-105 {
    -webkit-transition-delay: 1.05s!important;
    transition-delay: 1.05s!important;
    -webkit-animation-delay: 1.05s!important;
    animation-delay: 1.05s!important}

.is-onscreen .u-delay-110 {
    -webkit-transition-delay: 1.1s!important;
    transition-delay: 1.1s!important;
    -webkit-animation-delay: 1.1s!important;
    animation-delay: 1.1s!important}

.is-onscreen .u-delay-115 {
    -webkit-transition-delay: 1.15s!important;
    transition-delay: 1.15s!important;
    -webkit-animation-delay: 1.15s!important;
    animation-delay: 1.15s!important}

.is-onscreen .u-delay-120 {
    -webkit-transition-delay: 1.2s!important;
    transition-delay: 1.2s!important;
    -webkit-animation-delay: 1.2s!important;
    animation-delay: 1.2s!important}

.is-onscreen .u-delay-125 {
    -webkit-transition-delay: 1.25s!important;
    transition-delay: 1.25s!important;
    -webkit-animation-delay: 1.25s!important;
    animation-delay: 1.25s!important}

.is-onscreen .u-delay-130 {
    -webkit-transition-delay: 1.3s!important;
    transition-delay: 1.3s!important;
    -webkit-animation-delay: 1.3s!important;
    animation-delay: 1.3s!important}

.is-onscreen .u-delay-135 {
    -webkit-transition-delay: 1.35s!important;
    transition-delay: 1.35s!important;
    -webkit-animation-delay: 1.35s!important;
    animation-delay: 1.35s!important}

.is-onscreen .u-delay-140 {
    -webkit-transition-delay: 1.4s!important;
    transition-delay: 1.4s!important;
    -webkit-animation-delay: 1.4s!important;
    animation-delay: 1.4s!important}

.is-onscreen .u-delay-145 {
    -webkit-transition-delay: 1.45s!important;
    transition-delay: 1.45s!important;
    -webkit-animation-delay: 1.45s!important;
    animation-delay: 1.45s!important}

.is-onscreen .u-delay-150 {
    -webkit-transition-delay: 1.5s!important;
    transition-delay: 1.5s!important;
    -webkit-animation-delay: 1.5s!important;
    animation-delay: 1.5s!important}

.is-onscreen .u-delay-155 {
    -webkit-transition-delay: 1.55s!important;
    transition-delay: 1.55s!important;
    -webkit-animation-delay: 1.55s!important;
    animation-delay: 1.55s!important}

.is-onscreen .u-delay-160 {
    -webkit-transition-delay: 1.6s!important;
    transition-delay: 1.6s!important;
    -webkit-animation-delay: 1.6s!important;
    animation-delay: 1.6s!important}

.is-onscreen .u-delay-165 {
    -webkit-transition-delay: 1.65s!important;
    transition-delay: 1.65s!important;
    -webkit-animation-delay: 1.65s!important;
    animation-delay: 1.65s!important}

.is-onscreen .u-delay-170 {
    -webkit-transition-delay: 1.7s!important;
    transition-delay: 1.7s!important;
    -webkit-animation-delay: 1.7s!important;
    animation-delay: 1.7s!important}

.u-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%}

.u-youtube
    iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important}

.u-hover-shit {
    pointer-events: none}

.js-fadein {
    opacity: 0;
    -webkit-transition: all 1.2s cubic-bezier(0.25,1,0.5,1) 0.3s;
    transition: all 1.2s cubic-bezier(0.25,1,0.5,1) 0.3s;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)}

.js-fadein.is-onscreen {
    opacity: 1!important;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.is-onscreen .js-fadein {
    opacity: 1!important;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)}

.u-fadein {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease 0.1s;
    transition: opacity 0.8s ease 0.1s}

.u-fadein.is-onscreen {
    opacity: 1}

.is-onscreen .u-fadein {
    opacity: 1}

.u-fadeinup {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s,-webkit-transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    transition: opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s,-webkit-transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    transition: transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s,opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    transition: transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s,opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s,-webkit-transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)}

.u-fadeinup.is-onscreen {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}

.is-onscreen .u-fadeinup {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)}

.u-mt-0 {
    margin-top: 0rem}

.u-mt-4 {
    margin-top: 0.4rem}

.u-mt-8 {
    margin-top: 0.8rem}

.u-mt-12 {
    margin-top: 1.2rem}

.u-mt-16 {
    margin-top: 1.6rem}

.u-mt-20 {
    margin-top: 2rem}

.u-mt-24 {
    margin-top: 2.4rem}

.u-mt-28 {
    margin-top: 2.8rem}

.u-mt-32 {
    margin-top: 3.2rem}

.u-mt-36 {
    margin-top: 3.6rem}

.u-mt-40 {
    margin-top: 4rem}

.u-mt-44 {
    margin-top: 4.4rem}

.u-mt-48 {
    margin-top: 4.8rem}

.u-mt-52 {
    margin-top: 5.2rem}

.u-mt-56 {
    margin-top: 5.6rem}

.u-mt-60 {
    margin-top: 6rem}

.u-mt-64 {
    margin-top: 6.4rem}

.u-mt-68 {
    margin-top: 6.8rem}

.u-mt-72 {
    margin-top: 7.2rem}

.u-mt-76 {
    margin-top: 7.6rem}

.u-mt-80 {
    margin-top: 8rem}

.u-mt-84 {
    margin-top: 8.4rem}

.u-mt-88 {
    margin-top: 8.8rem}

.u-mt-92 {
    margin-top: 9.2rem}

.u-mt-96 {
    margin-top: 9.6rem}

.u-mt-100 {
    margin-top: 10rem}

.u-ml-0 {
    margin-left: 0rem}

.u-ml-4 {
    margin-left: 0.4rem}

.u-ml-8 {
    margin-left: 0.8rem}

.u-ml-12 {
    margin-left: 1.2rem}

.u-ml-16 {
    margin-left: 1.6rem}

.u-ml-20 {
    margin-left: 2rem}

.u-ml-24 {
    margin-left: 2.4rem}

.u-ml-28 {
    margin-left: 2.8rem}

.u-ml-32 {
    margin-left: 3.2rem}

.u-ml-36 {
    margin-left: 3.6rem}

.u-ml-40 {
    margin-left: 4rem}

.u-ml-44 {
    margin-left: 4.4rem}

.u-ml-48 {
    margin-left: 4.8rem}

.u-ml-52 {
    margin-left: 5.2rem}

.u-ml-56 {
    margin-left: 5.6rem}

.u-ml-60 {
    margin-left: 6rem}

.u-ml-64 {
    margin-left: 6.4rem}

.u-ml-68 {
    margin-left: 6.8rem}

.u-ml-72 {
    margin-left: 7.2rem}

.u-ml-76 {
    margin-left: 7.6rem}

.u-ml-80 {
    margin-left: 8rem}

.u-ml-84 {
    margin-left: 8.4rem}

.u-ml-88 {
    margin-left: 8.8rem}

.u-ml-92 {
    margin-left: 9.2rem}

.u-ml-96 {
    margin-left: 9.6rem}

.u-ml-100 {
    margin-left: 10rem}

.u-mr-0 {
    margin-right: 0rem}

.u-mr-4 {
    margin-right: 0.4rem}

.u-mr-8 {
    margin-right: 0.8rem}

.u-mr-12 {
    margin-right: 1.2rem}

.u-mr-16 {
    margin-right: 1.6rem}

.u-mr-20 {
    margin-right: 2rem}

.u-mr-24 {
    margin-right: 2.4rem}

.u-mr-28 {
    margin-right: 2.8rem}

.u-mr-32 {
    margin-right: 3.2rem}

.u-mr-36 {
    margin-right: 3.6rem}

.u-mr-40 {
    margin-right: 4rem}

.u-mr-44 {
    margin-right: 4.4rem}

.u-mr-48 {
    margin-right: 4.8rem}

.u-mr-52 {
    margin-right: 5.2rem}

.u-mr-56 {
    margin-right: 5.6rem}

.u-mr-60 {
    margin-right: 6rem}

.u-mr-64 {
    margin-right: 6.4rem}

.u-mr-68 {
    margin-right: 6.8rem}

.u-mr-72 {
    margin-right: 7.2rem}

.u-mr-76 {
    margin-right: 7.6rem}

.u-mr-80 {
    margin-right: 8rem}

.u-mr-84 {
    margin-right: 8.4rem}

.u-mr-88 {
    margin-right: 8.8rem}

.u-mr-92 {
    margin-right: 9.2rem}

.u-mr-96 {
    margin-right: 9.6rem}

.u-mr-100 {
    margin-right: 10rem}

.u-mb-0 {
    margin-bottom: 0rem}

.u-mb-4 {
    margin-bottom: 0.4rem}

.u-mb-8 {
    margin-bottom: 0.8rem}

.u-mb-12 {
    margin-bottom: 1.2rem}

.u-mb-16 {
    margin-bottom: 1.6rem}

.u-mb-20 {
    margin-bottom: 2rem}

.u-mb-24 {
    margin-bottom: 2.4rem}

.u-mb-28 {
    margin-bottom: 2.8rem}

.u-mb-32 {
    margin-bottom: 3.2rem}

.u-mb-36 {
    margin-bottom: 3.6rem}

.u-mb-40 {
    margin-bottom: 4rem}

.u-mb-44 {
    margin-bottom: 4.4rem}

.u-mb-48 {
    margin-bottom: 4.8rem}

.u-mb-52 {
    margin-bottom: 5.2rem}

.u-mb-56 {
    margin-bottom: 5.6rem}

.u-mb-60 {
    margin-bottom: 6rem}

.u-mb-64 {
    margin-bottom: 6.4rem}

.u-mb-68 {
    margin-bottom: 6.8rem}

.u-mb-72 {
    margin-bottom: 7.2rem}

.u-mb-76 {
    margin-bottom: 7.6rem}

.u-mb-80 {
    margin-bottom: 8rem}

.u-mb-84 {
    margin-bottom: 8.4rem}

.u-mb-88 {
    margin-bottom: 8.8rem}

.u-mb-92 {
    margin-bottom: 9.2rem}

.u-mb-96 {
    margin-bottom: 9.6rem}

.u-mb-100 {
    margin-bottom: 10rem}

.u-mx-0 {
    margin: 0 0rem}

.u-mx-4 {
    margin: 0 0.4rem}

.u-mx-8 {
    margin: 0 0.8rem}

.u-mx-12 {
    margin: 0 1.2rem}

.u-mx-16 {
    margin: 0 1.6rem}

.u-mx-20 {
    margin: 0 2rem}

.u-mx-24 {
    margin: 0 2.4rem}

.u-mx-28 {
    margin: 0 2.8rem}

.u-mx-32 {
    margin: 0 3.2rem}

.u-mx-36 {
    margin: 0 3.6rem}

.u-mx-40 {
    margin: 0 4rem}

.u-mx-44 {
    margin: 0 4.4rem}

.u-mx-48 {
    margin: 0 4.8rem}

.u-mx-52 {
    margin: 0 5.2rem}

.u-mx-56 {
    margin: 0 5.6rem}

.u-mx-60 {
    margin: 0 6rem}

.u-mx-64 {
    margin: 0 6.4rem}

.u-mx-68 {
    margin: 0 6.8rem}

.u-mx-72 {
    margin: 0 7.2rem}

.u-mx-76 {
    margin: 0 7.6rem}

.u-mx-80 {
    margin: 0 8rem}

.u-mx-84 {
    margin: 0 8.4rem}

.u-mx-88 {
    margin: 0 8.8rem}

.u-mx-92 {
    margin: 0 9.2rem}

.u-mx-96 {
    margin: 0 9.6rem}

.u-mx-100 {
    margin: 0 10rem}

.u-my-0 {
    margin: 0rem 0}

.u-my-4 {
    margin: 0.4rem 0}

.u-my-8 {
    margin: 0.8rem 0}

.u-my-12 {
    margin: 1.2rem 0}

.u-my-16 {
    margin: 1.6rem 0}

.u-my-20 {
    margin: 2rem 0}

.u-my-24 {
    margin: 2.4rem 0}

.u-my-28 {
    margin: 2.8rem 0}

.u-my-32 {
    margin: 3.2rem 0}

.u-my-36 {
    margin: 3.6rem 0}

.u-my-40 {
    margin: 4rem 0}

.u-my-44 {
    margin: 4.4rem 0}

.u-my-48 {
    margin: 4.8rem 0}

.u-my-52 {
    margin: 5.2rem 0}

.u-my-56 {
    margin: 5.6rem 0}

.u-my-60 {
    margin: 6rem 0}

.u-my-64 {
    margin: 6.4rem 0}

.u-my-68 {
    margin: 6.8rem 0}

.u-my-72 {
    margin: 7.2rem 0}

.u-my-76 {
    margin: 7.6rem 0}

.u-my-80 {
    margin: 8rem 0}

.u-my-84 {
    margin: 8.4rem 0}

.u-my-88 {
    margin: 8.8rem 0}

.u-my-92 {
    margin: 9.2rem 0}

.u-my-96 {
    margin: 9.6rem 0}

.u-my-100 {
    margin: 10rem 0}

.u-pt-0 {
    padding-top: 0rem}

.u-pt-4 {
    padding-top: 0.4rem}

.u-pt-8 {
    padding-top: 0.8rem}

.u-pt-12 {
    padding-top: 1.2rem}

.u-pt-16 {
    padding-top: 1.6rem}

.u-pt-20 {
    padding-top: 2rem}

.u-pt-24 {
    padding-top: 2.4rem}

.u-pt-28 {
    padding-top: 2.8rem}

.u-pt-32 {
    padding-top: 3.2rem}

.u-pt-36 {
    padding-top: 3.6rem}

.u-pt-40 {
    padding-top: 4rem}

.u-pt-44 {
    padding-top: 4.4rem}

.u-pt-48 {
    padding-top: 4.8rem}

.u-pt-52 {
    padding-top: 5.2rem}

.u-pt-56 {
    padding-top: 5.6rem}

.u-pt-60 {
    padding-top: 6rem}

.u-pt-64 {
    padding-top: 6.4rem}

.u-pt-68 {
    padding-top: 6.8rem}

.u-pt-72 {
    padding-top: 7.2rem}

.u-pt-76 {
    padding-top: 7.6rem}

.u-pt-80 {
    padding-top: 8rem}

.u-pt-84 {
    padding-top: 8.4rem}

.u-pt-88 {
    padding-top: 8.8rem}

.u-pt-92 {
    padding-top: 9.2rem}

.u-pt-96 {
    padding-top: 9.6rem}

.u-pt-100 {
    padding-top: 10rem}

.u-pl-0 {
    padding-left: 0rem}

.u-pl-4 {
    padding-left: 0.4rem}

.u-pl-8 {
    padding-left: 0.8rem}

.u-pl-12 {
    padding-left: 1.2rem}

.u-pl-16 {
    padding-left: 1.6rem}

.u-pl-20 {
    padding-left: 2rem}

.u-pl-24 {
    padding-left: 2.4rem}

.u-pl-28 {
    padding-left: 2.8rem}

.u-pl-32 {
    padding-left: 3.2rem}

.u-pl-36 {
    padding-left: 3.6rem}

.u-pl-40 {
    padding-left: 4rem}

.u-pl-44 {
    padding-left: 4.4rem}

.u-pl-48 {
    padding-left: 4.8rem}

.u-pl-52 {
    padding-left: 5.2rem}

.u-pl-56 {
    padding-left: 5.6rem}

.u-pl-60 {
    padding-left: 6rem}

.u-pl-64 {
    padding-left: 6.4rem}

.u-pl-68 {
    padding-left: 6.8rem}

.u-pl-72 {
    padding-left: 7.2rem}

.u-pl-76 {
    padding-left: 7.6rem}

.u-pl-80 {
    padding-left: 8rem}

.u-pl-84 {
    padding-left: 8.4rem}

.u-pl-88 {
    padding-left: 8.8rem}

.u-pl-92 {
    padding-left: 9.2rem}

.u-pl-96 {
    padding-left: 9.6rem}

.u-pl-100 {
    padding-left: 10rem}

.u-pr-0 {
    padding-right: 0rem}

.u-pr-4 {
    padding-right: 0.4rem}

.u-pr-8 {
    padding-right: 0.8rem}

.u-pr-12 {
    padding-right: 1.2rem}

.u-pr-16 {
    padding-right: 1.6rem}

.u-pr-20 {
    padding-right: 2rem}

.u-pr-24 {
    padding-right: 2.4rem}

.u-pr-28 {
    padding-right: 2.8rem}

.u-pr-32 {
    padding-right: 3.2rem}

.u-pr-36 {
    padding-right: 3.6rem}

.u-pr-40 {
    padding-right: 4rem}

.u-pr-44 {
    padding-right: 4.4rem}

.u-pr-48 {
    padding-right: 4.8rem}

.u-pr-52 {
    padding-right: 5.2rem}

.u-pr-56 {
    padding-right: 5.6rem}

.u-pr-60 {
    padding-right: 6rem}

.u-pr-64 {
    padding-right: 6.4rem}

.u-pr-68 {
    padding-right: 6.8rem}

.u-pr-72 {
    padding-right: 7.2rem}

.u-pr-76 {
    padding-right: 7.6rem}

.u-pr-80 {
    padding-right: 8rem}

.u-pr-84 {
    padding-right: 8.4rem}

.u-pr-88 {
    padding-right: 8.8rem}

.u-pr-92 {
    padding-right: 9.2rem}

.u-pr-96 {
    padding-right: 9.6rem}

.u-pr-100 {
    padding-right: 10rem}

.u-pb-0 {
    padding-bottom: 0rem}

.u-pb-4 {
    padding-bottom: 0.4rem}

.u-pb-8 {
    padding-bottom: 0.8rem}

.u-pb-12 {
    padding-bottom: 1.2rem}

.u-pb-16 {
    padding-bottom: 1.6rem}

.u-pb-20 {
    padding-bottom: 2rem}

.u-pb-24 {
    padding-bottom: 2.4rem}

.u-pb-28 {
    padding-bottom: 2.8rem}

.u-pb-32 {
    padding-bottom: 3.2rem}

.u-pb-36 {
    padding-bottom: 3.6rem}

.u-pb-40 {
    padding-bottom: 4rem}

.u-pb-44 {
    padding-bottom: 4.4rem}

.u-pb-48 {
    padding-bottom: 4.8rem}

.u-pb-52 {
    padding-bottom: 5.2rem}

.u-pb-56 {
    padding-bottom: 5.6rem}

.u-pb-60 {
    padding-bottom: 6rem}

.u-pb-64 {
    padding-bottom: 6.4rem}

.u-pb-68 {
    padding-bottom: 6.8rem}

.u-pb-72 {
    padding-bottom: 7.2rem}

.u-pb-76 {
    padding-bottom: 7.6rem}

.u-pb-80 {
    padding-bottom: 8rem}

.u-pb-84 {
    padding-bottom: 8.4rem}

.u-pb-88 {
    padding-bottom: 8.8rem}

.u-pb-92 {
    padding-bottom: 9.2rem}

.u-pb-96 {
    padding-bottom: 9.6rem}

.u-pb-100 {
    padding-bottom: 10rem}

.u-px-0 {
    padding: 0 0rem}

.u-px-4 {
    padding: 0 0.4rem}

.u-px-8 {
    padding: 0 0.8rem}

.u-px-12 {
    padding: 0 1.2rem}

.u-px-16 {
    padding: 0 1.6rem}

.u-px-20 {
    padding: 0 2rem}

.u-px-24 {
    padding: 0 2.4rem}

.u-px-28 {
    padding: 0 2.8rem}

.u-px-32 {
    padding: 0 3.2rem}

.u-px-36 {
    padding: 0 3.6rem}

.u-px-40 {
    padding: 0 4rem}

.u-px-44 {
    padding: 0 4.4rem}

.u-px-48 {
    padding: 0 4.8rem}

.u-px-52 {
    padding: 0 5.2rem}

.u-px-56 {
    padding: 0 5.6rem}

.u-px-60 {
    padding: 0 6rem}

.u-px-64 {
    padding: 0 6.4rem}

.u-px-68 {
    padding: 0 6.8rem}

.u-px-72 {
    padding: 0 7.2rem}

.u-px-76 {
    padding: 0 7.6rem}

.u-px-80 {
    padding: 0 8rem}

.u-px-84 {
    padding: 0 8.4rem}

.u-px-88 {
    padding: 0 8.8rem}

.u-px-92 {
    padding: 0 9.2rem}

.u-px-96 {
    padding: 0 9.6rem}

.u-px-100 {
    padding: 0 10rem}

.u-py-0 {
    padding: 0rem 0}

.u-py-4 {
    padding: 0.4rem 0}

.u-py-8 {
    padding: 0.8rem 0}

.u-py-12 {
    padding: 1.2rem 0}

.u-py-16 {
    padding: 1.6rem 0}

.u-py-20 {
    padding: 2rem 0}

.u-py-24 {
    padding: 2.4rem 0}

.u-py-28 {
    padding: 2.8rem 0}

.u-py-32 {
    padding: 3.2rem 0}

.u-py-36 {
    padding: 3.6rem 0}

.u-py-40 {
    padding: 4rem 0}

.u-py-44 {
    padding: 4.4rem 0}

.u-py-48 {
    padding: 4.8rem 0}

.u-py-52 {
    padding: 5.2rem 0}

.u-py-56 {
    padding: 5.6rem 0}

.u-py-60 {
    padding: 6rem 0}

.u-py-64 {
    padding: 6.4rem 0}

.u-py-68 {
    padding: 6.8rem 0}

.u-py-72 {
    padding: 7.2rem 0}

.u-py-76 {
    padding: 7.6rem 0}

.u-py-80 {
    padding: 8rem 0}

.u-py-84 {
    padding: 8.4rem 0}

.u-py-88 {
    padding: 8.8rem 0}

.u-py-92 {
    padding: 9.2rem 0}

.u-py-96 {
    padding: 9.6rem 0}

.u-py-100 {
    padding: 10rem 0}
    @media (max-width: 1024px) {
    .u-md-mt-0 {
        margin-top:0rem}

    .u-md-mt-4 {
    margin-top: 0.4rem}

    .u-md-mt-8 {
    margin-top: 0.8rem}

    .u-md-mt-12 {
    margin-top: 1.2rem}

    .u-md-mt-16 {
    margin-top: 1.6rem}

    .u-md-mt-20 {
    margin-top: 2rem}

    .u-md-mt-24 {
    margin-top: 2.4rem}

    .u-md-mt-28 {
    margin-top: 2.8rem}

    .u-md-mt-32 {
    margin-top: 3.2rem}

    .u-md-mt-36 {
    margin-top: 3.6rem}

    .u-md-mt-40 {
    margin-top: 4rem}

    .u-md-mt-44 {
    margin-top: 4.4rem}

    .u-md-mt-48 {
    margin-top: 4.8rem}

    .u-md-mt-52 {
    margin-top: 5.2rem}

    .u-md-mt-56 {
    margin-top: 5.6rem}

    .u-md-mt-60 {
    margin-top: 6rem}

    .u-md-mt-64 {
    margin-top: 6.4rem}

    .u-md-mt-68 {
    margin-top: 6.8rem}

    .u-md-mt-72 {
    margin-top: 7.2rem}

    .u-md-mt-76 {
    margin-top: 7.6rem}

    .u-md-mt-80 {
    margin-top: 8rem}

    .u-md-mt-84 {
    margin-top: 8.4rem}

    .u-md-mt-88 {
    margin-top: 8.8rem}

    .u-md-mt-92 {
    margin-top: 9.2rem}

    .u-md-mt-96 {
    margin-top: 9.6rem}

    .u-md-mt-100 {
    margin-top: 10rem}

    .u-md-ml-0 {
    margin-left: 0rem}

    .u-md-ml-4 {
    margin-left: 0.4rem}

    .u-md-ml-8 {
    margin-left: 0.8rem}

    .u-md-ml-12 {
    margin-left: 1.2rem}

    .u-md-ml-16 {
    margin-left: 1.6rem}

    .u-md-ml-20 {
    margin-left: 2rem}

    .u-md-ml-24 {
    margin-left: 2.4rem}

    .u-md-ml-28 {
    margin-left: 2.8rem}

    .u-md-ml-32 {
    margin-left: 3.2rem}

    .u-md-ml-36 {
    margin-left: 3.6rem}

    .u-md-ml-40 {
    margin-left: 4rem}

    .u-md-ml-44 {
    margin-left: 4.4rem}

    .u-md-ml-48 {
    margin-left: 4.8rem}

    .u-md-ml-52 {
    margin-left: 5.2rem}

    .u-md-ml-56 {
    margin-left: 5.6rem}

    .u-md-ml-60 {
    margin-left: 6rem}

    .u-md-ml-64 {
    margin-left: 6.4rem}

    .u-md-ml-68 {
    margin-left: 6.8rem}

    .u-md-ml-72 {
    margin-left: 7.2rem}

    .u-md-ml-76 {
    margin-left: 7.6rem}

    .u-md-ml-80 {
    margin-left: 8rem}

    .u-md-ml-84 {
    margin-left: 8.4rem}

    .u-md-ml-88 {
    margin-left: 8.8rem}

    .u-md-ml-92 {
    margin-left: 9.2rem}

    .u-md-ml-96 {
    margin-left: 9.6rem}

    .u-md-ml-100 {
    margin-left: 10rem}

    .u-md-mr-0 {
    margin-right: 0rem}

    .u-md-mr-4 {
    margin-right: 0.4rem}

    .u-md-mr-8 {
    margin-right: 0.8rem}

    .u-md-mr-12 {
    margin-right: 1.2rem}

    .u-md-mr-16 {
    margin-right: 1.6rem}

    .u-md-mr-20 {
    margin-right: 2rem}

    .u-md-mr-24 {
    margin-right: 2.4rem}

    .u-md-mr-28 {
    margin-right: 2.8rem}

    .u-md-mr-32 {
    margin-right: 3.2rem}

    .u-md-mr-36 {
    margin-right: 3.6rem}

    .u-md-mr-40 {
    margin-right: 4rem}

    .u-md-mr-44 {
    margin-right: 4.4rem}

    .u-md-mr-48 {
    margin-right: 4.8rem}

    .u-md-mr-52 {
    margin-right: 5.2rem}

    .u-md-mr-56 {
    margin-right: 5.6rem}

    .u-md-mr-60 {
    margin-right: 6rem}

    .u-md-mr-64 {
    margin-right: 6.4rem}

    .u-md-mr-68 {
    margin-right: 6.8rem}

    .u-md-mr-72 {
    margin-right: 7.2rem}

    .u-md-mr-76 {
    margin-right: 7.6rem}

    .u-md-mr-80 {
    margin-right: 8rem}

    .u-md-mr-84 {
    margin-right: 8.4rem}

    .u-md-mr-88 {
    margin-right: 8.8rem}

    .u-md-mr-92 {
    margin-right: 9.2rem}

    .u-md-mr-96 {
    margin-right: 9.6rem}

    .u-md-mr-100 {
    margin-right: 10rem}

    .u-md-mb-0 {
    margin-bottom: 0rem}

    .u-md-mb-4 {
    margin-bottom: 0.4rem}

    .u-md-mb-8 {
    margin-bottom: 0.8rem}

    .u-md-mb-12 {
    margin-bottom: 1.2rem}

    .u-md-mb-16 {
    margin-bottom: 1.6rem}

    .u-md-mb-20 {
    margin-bottom: 2rem}

    .u-md-mb-24 {
    margin-bottom: 2.4rem}

    .u-md-mb-28 {
    margin-bottom: 2.8rem}

    .u-md-mb-32 {
    margin-bottom: 3.2rem}

    .u-md-mb-36 {
    margin-bottom: 3.6rem}

    .u-md-mb-40 {
    margin-bottom: 4rem}

    .u-md-mb-44 {
    margin-bottom: 4.4rem}

    .u-md-mb-48 {
    margin-bottom: 4.8rem}

    .u-md-mb-52 {
    margin-bottom: 5.2rem}

    .u-md-mb-56 {
    margin-bottom: 5.6rem}

    .u-md-mb-60 {
    margin-bottom: 6rem}

    .u-md-mb-64 {
    margin-bottom: 6.4rem}

    .u-md-mb-68 {
    margin-bottom: 6.8rem}

    .u-md-mb-72 {
    margin-bottom: 7.2rem}

    .u-md-mb-76 {
    margin-bottom: 7.6rem}

    .u-md-mb-80 {
    margin-bottom: 8rem}

    .u-md-mb-84 {
    margin-bottom: 8.4rem}

    .u-md-mb-88 {
    margin-bottom: 8.8rem}

    .u-md-mb-92 {
    margin-bottom: 9.2rem}

    .u-md-mb-96 {
    margin-bottom: 9.6rem}

    .u-md-mb-100 {
    margin-bottom: 10rem}

    .u-md-mx-0 {
    margin: 0 0rem}

    .u-md-mx-4 {
    margin: 0 0.4rem}

    .u-md-mx-8 {
    margin: 0 0.8rem}

    .u-md-mx-12 {
    margin: 0 1.2rem}

    .u-md-mx-16 {
    margin: 0 1.6rem}

    .u-md-mx-20 {
    margin: 0 2rem}

    .u-md-mx-24 {
    margin: 0 2.4rem}

    .u-md-mx-28 {
    margin: 0 2.8rem}

    .u-md-mx-32 {
    margin: 0 3.2rem}

    .u-md-mx-36 {
    margin: 0 3.6rem}

    .u-md-mx-40 {
    margin: 0 4rem}

    .u-md-mx-44 {
    margin: 0 4.4rem}

    .u-md-mx-48 {
    margin: 0 4.8rem}

    .u-md-mx-52 {
    margin: 0 5.2rem}

    .u-md-mx-56 {
    margin: 0 5.6rem}

    .u-md-mx-60 {
    margin: 0 6rem}

    .u-md-mx-64 {
    margin: 0 6.4rem}

    .u-md-mx-68 {
    margin: 0 6.8rem}

    .u-md-mx-72 {
    margin: 0 7.2rem}

    .u-md-mx-76 {
    margin: 0 7.6rem}

    .u-md-mx-80 {
    margin: 0 8rem}

    .u-md-mx-84 {
    margin: 0 8.4rem}

    .u-md-mx-88 {
    margin: 0 8.8rem}

    .u-md-mx-92 {
    margin: 0 9.2rem}

    .u-md-mx-96 {
    margin: 0 9.6rem}

    .u-md-mx-100 {
    margin: 0 10rem}

    .u-md-my-0 {
    margin: 0rem 0}

    .u-md-my-4 {
    margin: 0.4rem 0}

    .u-md-my-8 {
    margin: 0.8rem 0}

    .u-md-my-12 {
    margin: 1.2rem 0}

    .u-md-my-16 {
    margin: 1.6rem 0}

    .u-md-my-20 {
    margin: 2rem 0}

    .u-md-my-24 {
    margin: 2.4rem 0}

    .u-md-my-28 {
    margin: 2.8rem 0}

    .u-md-my-32 {
    margin: 3.2rem 0}

    .u-md-my-36 {
    margin: 3.6rem 0}

    .u-md-my-40 {
    margin: 4rem 0}

    .u-md-my-44 {
    margin: 4.4rem 0}

    .u-md-my-48 {
    margin: 4.8rem 0}

    .u-md-my-52 {
    margin: 5.2rem 0}

    .u-md-my-56 {
    margin: 5.6rem 0}

    .u-md-my-60 {
    margin: 6rem 0}

    .u-md-my-64 {
    margin: 6.4rem 0}

    .u-md-my-68 {
    margin: 6.8rem 0}

    .u-md-my-72 {
    margin: 7.2rem 0}

    .u-md-my-76 {
    margin: 7.6rem 0}

    .u-md-my-80 {
    margin: 8rem 0}

    .u-md-my-84 {
    margin: 8.4rem 0}

    .u-md-my-88 {
    margin: 8.8rem 0}

    .u-md-my-92 {
    margin: 9.2rem 0}

    .u-md-my-96 {
    margin: 9.6rem 0}

    .u-md-my-100 {
    margin: 10rem 0}

    .u-md-pt-0 {
    padding-top: 0rem}

    .u-md-pt-4 {
    padding-top: 0.4rem}

    .u-md-pt-8 {
    padding-top: 0.8rem}

    .u-md-pt-12 {
    padding-top: 1.2rem}

    .u-md-pt-16 {
    padding-top: 1.6rem}

    .u-md-pt-20 {
    padding-top: 2rem}

    .u-md-pt-24 {
    padding-top: 2.4rem}

    .u-md-pt-28 {
    padding-top: 2.8rem}

    .u-md-pt-32 {
    padding-top: 3.2rem}

    .u-md-pt-36 {
    padding-top: 3.6rem}

    .u-md-pt-40 {
    padding-top: 4rem}

    .u-md-pt-44 {
    padding-top: 4.4rem}

    .u-md-pt-48 {
    padding-top: 4.8rem}

    .u-md-pt-52 {
    padding-top: 5.2rem}

    .u-md-pt-56 {
    padding-top: 5.6rem}

    .u-md-pt-60 {
    padding-top: 6rem}

    .u-md-pt-64 {
    padding-top: 6.4rem}

    .u-md-pt-68 {
    padding-top: 6.8rem}

    .u-md-pt-72 {
    padding-top: 7.2rem}

    .u-md-pt-76 {
    padding-top: 7.6rem}

    .u-md-pt-80 {
    padding-top: 8rem}

    .u-md-pt-84 {
    padding-top: 8.4rem}

    .u-md-pt-88 {
    padding-top: 8.8rem}

    .u-md-pt-92 {
    padding-top: 9.2rem}

    .u-md-pt-96 {
    padding-top: 9.6rem}

    .u-md-pt-100 {
    padding-top: 10rem}

    .u-md-pl-0 {
    padding-left: 0rem}

    .u-md-pl-4 {
    padding-left: 0.4rem}

    .u-md-pl-8 {
    padding-left: 0.8rem}

    .u-md-pl-12 {
    padding-left: 1.2rem}

    .u-md-pl-16 {
    padding-left: 1.6rem}

    .u-md-pl-20 {
    padding-left: 2rem}

    .u-md-pl-24 {
    padding-left: 2.4rem}

    .u-md-pl-28 {
    padding-left: 2.8rem}

    .u-md-pl-32 {
    padding-left: 3.2rem}

    .u-md-pl-36 {
    padding-left: 3.6rem}

    .u-md-pl-40 {
    padding-left: 4rem}

    .u-md-pl-44 {
    padding-left: 4.4rem}

    .u-md-pl-48 {
    padding-left: 4.8rem}

    .u-md-pl-52 {
    padding-left: 5.2rem}

    .u-md-pl-56 {
    padding-left: 5.6rem}

    .u-md-pl-60 {
    padding-left: 6rem}

    .u-md-pl-64 {
    padding-left: 6.4rem}

    .u-md-pl-68 {
    padding-left: 6.8rem}

    .u-md-pl-72 {
    padding-left: 7.2rem}

    .u-md-pl-76 {
    padding-left: 7.6rem}

    .u-md-pl-80 {
    padding-left: 8rem}

    .u-md-pl-84 {
    padding-left: 8.4rem}

    .u-md-pl-88 {
    padding-left: 8.8rem}

    .u-md-pl-92 {
    padding-left: 9.2rem}

    .u-md-pl-96 {
    padding-left: 9.6rem}

    .u-md-pl-100 {
    padding-left: 10rem}

    .u-md-pr-0 {
    padding-right: 0rem}

    .u-md-pr-4 {
    padding-right: 0.4rem}

    .u-md-pr-8 {
    padding-right: 0.8rem}

    .u-md-pr-12 {
    padding-right: 1.2rem}

    .u-md-pr-16 {
    padding-right: 1.6rem}

    .u-md-pr-20 {
    padding-right: 2rem}

    .u-md-pr-24 {
    padding-right: 2.4rem}

    .u-md-pr-28 {
    padding-right: 2.8rem}

    .u-md-pr-32 {
    padding-right: 3.2rem}

    .u-md-pr-36 {
    padding-right: 3.6rem}

    .u-md-pr-40 {
    padding-right: 4rem}

    .u-md-pr-44 {
    padding-right: 4.4rem}

    .u-md-pr-48 {
    padding-right: 4.8rem}

    .u-md-pr-52 {
    padding-right: 5.2rem}

    .u-md-pr-56 {
    padding-right: 5.6rem}

    .u-md-pr-60 {
    padding-right: 6rem}

    .u-md-pr-64 {
    padding-right: 6.4rem}

    .u-md-pr-68 {
    padding-right: 6.8rem}

    .u-md-pr-72 {
    padding-right: 7.2rem}

    .u-md-pr-76 {
    padding-right: 7.6rem}

    .u-md-pr-80 {
    padding-right: 8rem}

    .u-md-pr-84 {
    padding-right: 8.4rem}

    .u-md-pr-88 {
    padding-right: 8.8rem}

    .u-md-pr-92 {
    padding-right: 9.2rem}

    .u-md-pr-96 {
    padding-right: 9.6rem}

    .u-md-pr-100 {
    padding-right: 10rem}

    .u-md-pb-0 {
    padding-bottom: 0rem}

    .u-md-pb-4 {
    padding-bottom: 0.4rem}

    .u-md-pb-8 {
    padding-bottom: 0.8rem}

    .u-md-pb-12 {
    padding-bottom: 1.2rem}

    .u-md-pb-16 {
    padding-bottom: 1.6rem}

    .u-md-pb-20 {
    padding-bottom: 2rem}

    .u-md-pb-24 {
    padding-bottom: 2.4rem}

    .u-md-pb-28 {
    padding-bottom: 2.8rem}

    .u-md-pb-32 {
    padding-bottom: 3.2rem}

    .u-md-pb-36 {
    padding-bottom: 3.6rem}

    .u-md-pb-40 {
    padding-bottom: 4rem}

    .u-md-pb-44 {
    padding-bottom: 4.4rem}

    .u-md-pb-48 {
    padding-bottom: 4.8rem}

    .u-md-pb-52 {
    padding-bottom: 5.2rem}

    .u-md-pb-56 {
    padding-bottom: 5.6rem}

    .u-md-pb-60 {
    padding-bottom: 6rem}

    .u-md-pb-64 {
    padding-bottom: 6.4rem}

    .u-md-pb-68 {
    padding-bottom: 6.8rem}

    .u-md-pb-72 {
    padding-bottom: 7.2rem}

    .u-md-pb-76 {
    padding-bottom: 7.6rem}

    .u-md-pb-80 {
    padding-bottom: 8rem}

    .u-md-pb-84 {
    padding-bottom: 8.4rem}

    .u-md-pb-88 {
    padding-bottom: 8.8rem}

    .u-md-pb-92 {
    padding-bottom: 9.2rem}

    .u-md-pb-96 {
    padding-bottom: 9.6rem}

    .u-md-pb-100 {
    padding-bottom: 10rem}

    .u-md-px-0 {
    padding: 0 0rem}

    .u-md-px-4 {
    padding: 0 0.4rem}

    .u-md-px-8 {
    padding: 0 0.8rem}

    .u-md-px-12 {
    padding: 0 1.2rem}

    .u-md-px-16 {
    padding: 0 1.6rem}

    .u-md-px-20 {
    padding: 0 2rem}

    .u-md-px-24 {
    padding: 0 2.4rem}

    .u-md-px-28 {
    padding: 0 2.8rem}

    .u-md-px-32 {
    padding: 0 3.2rem}

    .u-md-px-36 {
    padding: 0 3.6rem}

    .u-md-px-40 {
    padding: 0 4rem}

    .u-md-px-44 {
    padding: 0 4.4rem}

    .u-md-px-48 {
    padding: 0 4.8rem}

    .u-md-px-52 {
    padding: 0 5.2rem}

    .u-md-px-56 {
    padding: 0 5.6rem}

    .u-md-px-60 {
    padding: 0 6rem}

    .u-md-px-64 {
    padding: 0 6.4rem}

    .u-md-px-68 {
    padding: 0 6.8rem}

    .u-md-px-72 {
    padding: 0 7.2rem}

    .u-md-px-76 {
    padding: 0 7.6rem}

    .u-md-px-80 {
    padding: 0 8rem}

    .u-md-px-84 {
    padding: 0 8.4rem}

    .u-md-px-88 {
    padding: 0 8.8rem}

    .u-md-px-92 {
    padding: 0 9.2rem}

    .u-md-px-96 {
    padding: 0 9.6rem}

    .u-md-px-100 {
    padding: 0 10rem}

    .u-md-py-0 {
    padding: 0rem 0}

    .u-md-py-4 {
    padding: 0.4rem 0}

    .u-md-py-8 {
    padding: 0.8rem 0}

    .u-md-py-12 {
    padding: 1.2rem 0}

    .u-md-py-16 {
    padding: 1.6rem 0}

    .u-md-py-20 {
    padding: 2rem 0}

    .u-md-py-24 {
    padding: 2.4rem 0}

    .u-md-py-28 {
    padding: 2.8rem 0}

    .u-md-py-32 {
    padding: 3.2rem 0}

    .u-md-py-36 {
    padding: 3.6rem 0}

    .u-md-py-40 {
    padding: 4rem 0}

    .u-md-py-44 {
    padding: 4.4rem 0}

    .u-md-py-48 {
    padding: 4.8rem 0}

    .u-md-py-52 {
    padding: 5.2rem 0}

    .u-md-py-56 {
    padding: 5.6rem 0}

    .u-md-py-60 {
    padding: 6rem 0}

    .u-md-py-64 {
    padding: 6.4rem 0}

    .u-md-py-68 {
    padding: 6.8rem 0}

    .u-md-py-72 {
    padding: 7.2rem 0}

    .u-md-py-76 {
    padding: 7.6rem 0}

    .u-md-py-80 {
    padding: 8rem 0}

    .u-md-py-84 {
    padding: 8.4rem 0}

    .u-md-py-88 {
    padding: 8.8rem 0}

    .u-md-py-92 {
    padding: 9.2rem 0}

    .u-md-py-96 {
    padding: 9.6rem 0}

    .u-md-py-100 {
    padding: 10rem 0}
}
    @media (max-width: 767px) {
    .u-sm-mt-0 {
        margin-top:0rem}

    .u-sm-mt-4 {
    margin-top: 0.4rem}

    .u-sm-mt-8 {
    margin-top: 0.8rem}

    .u-sm-mt-12 {
    margin-top: 1.2rem}

    .u-sm-mt-16 {
    margin-top: 1.6rem}

    .u-sm-mt-20 {
    margin-top: 2rem}

    .u-sm-mt-24 {
    margin-top: 2.4rem}

    .u-sm-mt-28 {
    margin-top: 2.8rem}

    .u-sm-mt-32 {
    margin-top: 3.2rem}

    .u-sm-mt-36 {
    margin-top: 3.6rem}

    .u-sm-mt-40 {
    margin-top: 4rem}

    .u-sm-mt-44 {
    margin-top: 4.4rem}

    .u-sm-mt-48 {
    margin-top: 4.8rem}

    .u-sm-mt-52 {
    margin-top: 5.2rem}

    .u-sm-mt-56 {
    margin-top: 5.6rem}

    .u-sm-mt-60 {
    margin-top: 6rem}

    .u-sm-mt-64 {
    margin-top: 6.4rem}

    .u-sm-mt-68 {
    margin-top: 6.8rem}

    .u-sm-mt-72 {
    margin-top: 7.2rem}

    .u-sm-mt-76 {
    margin-top: 7.6rem}

    .u-sm-mt-80 {
    margin-top: 8rem}

    .u-sm-mt-84 {
    margin-top: 8.4rem}

    .u-sm-mt-88 {
    margin-top: 8.8rem}

    .u-sm-mt-92 {
    margin-top: 9.2rem}

    .u-sm-mt-96 {
    margin-top: 9.6rem}

    .u-sm-mt-100 {
    margin-top: 10rem}

    .u-sm-ml-0 {
    margin-left: 0rem}

    .u-sm-ml-4 {
    margin-left: 0.4rem}

    .u-sm-ml-8 {
    margin-left: 0.8rem}

    .u-sm-ml-12 {
    margin-left: 1.2rem}

    .u-sm-ml-16 {
    margin-left: 1.6rem}

    .u-sm-ml-20 {
    margin-left: 2rem}

    .u-sm-ml-24 {
    margin-left: 2.4rem}

    .u-sm-ml-28 {
    margin-left: 2.8rem}

    .u-sm-ml-32 {
    margin-left: 3.2rem}

    .u-sm-ml-36 {
    margin-left: 3.6rem}

    .u-sm-ml-40 {
    margin-left: 4rem}

    .u-sm-ml-44 {
    margin-left: 4.4rem}

    .u-sm-ml-48 {
    margin-left: 4.8rem}

    .u-sm-ml-52 {
    margin-left: 5.2rem}

    .u-sm-ml-56 {
    margin-left: 5.6rem}

    .u-sm-ml-60 {
    margin-left: 6rem}

    .u-sm-ml-64 {
    margin-left: 6.4rem}

    .u-sm-ml-68 {
    margin-left: 6.8rem}

    .u-sm-ml-72 {
    margin-left: 7.2rem}

    .u-sm-ml-76 {
    margin-left: 7.6rem}

    .u-sm-ml-80 {
    margin-left: 8rem}

    .u-sm-ml-84 {
    margin-left: 8.4rem}

    .u-sm-ml-88 {
    margin-left: 8.8rem}

    .u-sm-ml-92 {
    margin-left: 9.2rem}

    .u-sm-ml-96 {
    margin-left: 9.6rem}

    .u-sm-ml-100 {
    margin-left: 10rem}

    .u-sm-mr-0 {
    margin-right: 0rem}

    .u-sm-mr-4 {
    margin-right: 0.4rem}

    .u-sm-mr-8 {
    margin-right: 0.8rem}

    .u-sm-mr-12 {
    margin-right: 1.2rem}

    .u-sm-mr-16 {
    margin-right: 1.6rem}

    .u-sm-mr-20 {
    margin-right: 2rem}

    .u-sm-mr-24 {
    margin-right: 2.4rem}

    .u-sm-mr-28 {
    margin-right: 2.8rem}

    .u-sm-mr-32 {
    margin-right: 3.2rem}

    .u-sm-mr-36 {
    margin-right: 3.6rem}

    .u-sm-mr-40 {
    margin-right: 4rem}

    .u-sm-mr-44 {
    margin-right: 4.4rem}

    .u-sm-mr-48 {
    margin-right: 4.8rem}

    .u-sm-mr-52 {
    margin-right: 5.2rem}

    .u-sm-mr-56 {
    margin-right: 5.6rem}

    .u-sm-mr-60 {
    margin-right: 6rem}

    .u-sm-mr-64 {
    margin-right: 6.4rem}

    .u-sm-mr-68 {
    margin-right: 6.8rem}

    .u-sm-mr-72 {
    margin-right: 7.2rem}

    .u-sm-mr-76 {
    margin-right: 7.6rem}

    .u-sm-mr-80 {
    margin-right: 8rem}

    .u-sm-mr-84 {
    margin-right: 8.4rem}

    .u-sm-mr-88 {
    margin-right: 8.8rem}

    .u-sm-mr-92 {
    margin-right: 9.2rem}

    .u-sm-mr-96 {
    margin-right: 9.6rem}

    .u-sm-mr-100 {
    margin-right: 10rem}

    .u-sm-mb-0 {
    margin-bottom: 0rem}

    .u-sm-mb-4 {
    margin-bottom: 0.4rem}

    .u-sm-mb-8 {
    margin-bottom: 0.8rem}

    .u-sm-mb-12 {
    margin-bottom: 1.2rem}

    .u-sm-mb-16 {
    margin-bottom: 1.6rem}

    .u-sm-mb-20 {
    margin-bottom: 2rem}

    .u-sm-mb-24 {
    margin-bottom: 2.4rem}

    .u-sm-mb-28 {
    margin-bottom: 2.8rem}

    .u-sm-mb-32 {
    margin-bottom: 3.2rem}

    .u-sm-mb-36 {
    margin-bottom: 3.6rem}

    .u-sm-mb-40 {
    margin-bottom: 4rem}

    .u-sm-mb-44 {
    margin-bottom: 4.4rem}

    .u-sm-mb-48 {
    margin-bottom: 4.8rem}

    .u-sm-mb-52 {
    margin-bottom: 5.2rem}

    .u-sm-mb-56 {
    margin-bottom: 5.6rem}

    .u-sm-mb-60 {
    margin-bottom: 6rem}

    .u-sm-mb-64 {
    margin-bottom: 6.4rem}

    .u-sm-mb-68 {
    margin-bottom: 6.8rem}

    .u-sm-mb-72 {
    margin-bottom: 7.2rem}

    .u-sm-mb-76 {
    margin-bottom: 7.6rem}

    .u-sm-mb-80 {
    margin-bottom: 8rem}

    .u-sm-mb-84 {
    margin-bottom: 8.4rem}

    .u-sm-mb-88 {
    margin-bottom: 8.8rem}

    .u-sm-mb-92 {
    margin-bottom: 9.2rem}

    .u-sm-mb-96 {
    margin-bottom: 9.6rem}

    .u-sm-mb-100 {
    margin-bottom: 10rem}

    .u-sm-mx-0 {
    margin: 0 0rem}

    .u-sm-mx-4 {
    margin: 0 0.4rem}

    .u-sm-mx-8 {
    margin: 0 0.8rem}

    .u-sm-mx-12 {
    margin: 0 1.2rem}

    .u-sm-mx-16 {
    margin: 0 1.6rem}

    .u-sm-mx-20 {
    margin: 0 2rem}

    .u-sm-mx-24 {
    margin: 0 2.4rem}

    .u-sm-mx-28 {
    margin: 0 2.8rem}

    .u-sm-mx-32 {
    margin: 0 3.2rem}

    .u-sm-mx-36 {
    margin: 0 3.6rem}

    .u-sm-mx-40 {
    margin: 0 4rem}

    .u-sm-mx-44 {
    margin: 0 4.4rem}

    .u-sm-mx-48 {
    margin: 0 4.8rem}

    .u-sm-mx-52 {
    margin: 0 5.2rem}

    .u-sm-mx-56 {
    margin: 0 5.6rem}

    .u-sm-mx-60 {
    margin: 0 6rem}

    .u-sm-mx-64 {
    margin: 0 6.4rem}

    .u-sm-mx-68 {
    margin: 0 6.8rem}

    .u-sm-mx-72 {
    margin: 0 7.2rem}

    .u-sm-mx-76 {
    margin: 0 7.6rem}

    .u-sm-mx-80 {
    margin: 0 8rem}

    .u-sm-mx-84 {
    margin: 0 8.4rem}

    .u-sm-mx-88 {
    margin: 0 8.8rem}

    .u-sm-mx-92 {
    margin: 0 9.2rem}

    .u-sm-mx-96 {
    margin: 0 9.6rem}

    .u-sm-mx-100 {
    margin: 0 10rem}

    .u-sm-my-0 {
    margin: 0rem 0}

    .u-sm-my-4 {
    margin: 0.4rem 0}

    .u-sm-my-8 {
    margin: 0.8rem 0}

    .u-sm-my-12 {
    margin: 1.2rem 0}

    .u-sm-my-16 {
    margin: 1.6rem 0}

    .u-sm-my-20 {
    margin: 2rem 0}

    .u-sm-my-24 {
    margin: 2.4rem 0}

    .u-sm-my-28 {
    margin: 2.8rem 0}

    .u-sm-my-32 {
    margin: 3.2rem 0}

    .u-sm-my-36 {
    margin: 3.6rem 0}

    .u-sm-my-40 {
    margin: 4rem 0}

    .u-sm-my-44 {
    margin: 4.4rem 0}

    .u-sm-my-48 {
    margin: 4.8rem 0}

    .u-sm-my-52 {
    margin: 5.2rem 0}

    .u-sm-my-56 {
    margin: 5.6rem 0}

    .u-sm-my-60 {
    margin: 6rem 0}

    .u-sm-my-64 {
    margin: 6.4rem 0}

    .u-sm-my-68 {
    margin: 6.8rem 0}

    .u-sm-my-72 {
    margin: 7.2rem 0}

    .u-sm-my-76 {
    margin: 7.6rem 0}

    .u-sm-my-80 {
    margin: 8rem 0}

    .u-sm-my-84 {
    margin: 8.4rem 0}

    .u-sm-my-88 {
    margin: 8.8rem 0}

    .u-sm-my-92 {
    margin: 9.2rem 0}

    .u-sm-my-96 {
    margin: 9.6rem 0}

    .u-sm-my-100 {
    margin: 10rem 0}

    .u-sm-pt-0 {
    padding-top: 0rem}

    .u-sm-pt-4 {
    padding-top: 0.4rem}

    .u-sm-pt-8 {
    padding-top: 0.8rem}

    .u-sm-pt-12 {
    padding-top: 1.2rem}

    .u-sm-pt-16 {
    padding-top: 1.6rem}

    .u-sm-pt-20 {
    padding-top: 2rem}

    .u-sm-pt-24 {
    padding-top: 2.4rem}

    .u-sm-pt-28 {
    padding-top: 2.8rem}

    .u-sm-pt-32 {
    padding-top: 3.2rem}

    .u-sm-pt-36 {
    padding-top: 3.6rem}

    .u-sm-pt-40 {
    padding-top: 4rem}

    .u-sm-pt-44 {
    padding-top: 4.4rem}

    .u-sm-pt-48 {
    padding-top: 4.8rem}

    .u-sm-pt-52 {
    padding-top: 5.2rem}

    .u-sm-pt-56 {
    padding-top: 5.6rem}

    .u-sm-pt-60 {
    padding-top: 6rem}

    .u-sm-pt-64 {
    padding-top: 6.4rem}

    .u-sm-pt-68 {
    padding-top: 6.8rem}

    .u-sm-pt-72 {
    padding-top: 7.2rem}

    .u-sm-pt-76 {
    padding-top: 7.6rem}

    .u-sm-pt-80 {
    padding-top: 8rem}

    .u-sm-pt-84 {
    padding-top: 8.4rem}

    .u-sm-pt-88 {
    padding-top: 8.8rem}

    .u-sm-pt-92 {
    padding-top: 9.2rem}

    .u-sm-pt-96 {
    padding-top: 9.6rem}

    .u-sm-pt-100 {
    padding-top: 10rem}

    .u-sm-pl-0 {
    padding-left: 0rem}

    .u-sm-pl-4 {
    padding-left: 0.4rem}

    .u-sm-pl-8 {
    padding-left: 0.8rem}

    .u-sm-pl-12 {
    padding-left: 1.2rem}

    .u-sm-pl-16 {
    padding-left: 1.6rem}

    .u-sm-pl-20 {
    padding-left: 2rem}

    .u-sm-pl-24 {
    padding-left: 2.4rem}

    .u-sm-pl-28 {
    padding-left: 2.8rem}

    .u-sm-pl-32 {
    padding-left: 3.2rem}

    .u-sm-pl-36 {
    padding-left: 3.6rem}

    .u-sm-pl-40 {
    padding-left: 4rem}

    .u-sm-pl-44 {
    padding-left: 4.4rem}

    .u-sm-pl-48 {
    padding-left: 4.8rem}

    .u-sm-pl-52 {
    padding-left: 5.2rem}

    .u-sm-pl-56 {
    padding-left: 5.6rem}

    .u-sm-pl-60 {
    padding-left: 6rem}

    .u-sm-pl-64 {
    padding-left: 6.4rem}

    .u-sm-pl-68 {
    padding-left: 6.8rem}

    .u-sm-pl-72 {
    padding-left: 7.2rem}

    .u-sm-pl-76 {
    padding-left: 7.6rem}

    .u-sm-pl-80 {
    padding-left: 8rem}

    .u-sm-pl-84 {
    padding-left: 8.4rem}

    .u-sm-pl-88 {
    padding-left: 8.8rem}

    .u-sm-pl-92 {
    padding-left: 9.2rem}

    .u-sm-pl-96 {
    padding-left: 9.6rem}

    .u-sm-pl-100 {
    padding-left: 10rem}

    .u-sm-pr-0 {
    padding-right: 0rem}

    .u-sm-pr-4 {
    padding-right: 0.4rem}

    .u-sm-pr-8 {
    padding-right: 0.8rem}

    .u-sm-pr-12 {
    padding-right: 1.2rem}

    .u-sm-pr-16 {
    padding-right: 1.6rem}

    .u-sm-pr-20 {
    padding-right: 2rem}

    .u-sm-pr-24 {
    padding-right: 2.4rem}

    .u-sm-pr-28 {
    padding-right: 2.8rem}

    .u-sm-pr-32 {
    padding-right: 3.2rem}

    .u-sm-pr-36 {
    padding-right: 3.6rem}

    .u-sm-pr-40 {
    padding-right: 4rem}

    .u-sm-pr-44 {
    padding-right: 4.4rem}

    .u-sm-pr-48 {
    padding-right: 4.8rem}

    .u-sm-pr-52 {
    padding-right: 5.2rem}

    .u-sm-pr-56 {
    padding-right: 5.6rem}

    .u-sm-pr-60 {
    padding-right: 6rem}

    .u-sm-pr-64 {
    padding-right: 6.4rem}

    .u-sm-pr-68 {
    padding-right: 6.8rem}

    .u-sm-pr-72 {
    padding-right: 7.2rem}

    .u-sm-pr-76 {
    padding-right: 7.6rem}

    .u-sm-pr-80 {
    padding-right: 8rem}

    .u-sm-pr-84 {
    padding-right: 8.4rem}

    .u-sm-pr-88 {
    padding-right: 8.8rem}

    .u-sm-pr-92 {
    padding-right: 9.2rem}

    .u-sm-pr-96 {
    padding-right: 9.6rem}

    .u-sm-pr-100 {
    padding-right: 10rem}

    .u-sm-pb-0 {
    padding-bottom: 0rem}

    .u-sm-pb-4 {
    padding-bottom: 0.4rem}

    .u-sm-pb-8 {
    padding-bottom: 0.8rem}

    .u-sm-pb-12 {
    padding-bottom: 1.2rem}

    .u-sm-pb-16 {
    padding-bottom: 1.6rem}

    .u-sm-pb-20 {
    padding-bottom: 2rem}

    .u-sm-pb-24 {
    padding-bottom: 2.4rem}

    .u-sm-pb-28 {
    padding-bottom: 2.8rem}

    .u-sm-pb-32 {
    padding-bottom: 3.2rem}

    .u-sm-pb-36 {
    padding-bottom: 3.6rem}

    .u-sm-pb-40 {
    padding-bottom: 4rem}

    .u-sm-pb-44 {
    padding-bottom: 4.4rem}

    .u-sm-pb-48 {
    padding-bottom: 4.8rem}

    .u-sm-pb-52 {
    padding-bottom: 5.2rem}

    .u-sm-pb-56 {
    padding-bottom: 5.6rem}

    .u-sm-pb-60 {
    padding-bottom: 6rem}

    .u-sm-pb-64 {
    padding-bottom: 6.4rem}

    .u-sm-pb-68 {
    padding-bottom: 6.8rem}

    .u-sm-pb-72 {
    padding-bottom: 7.2rem}

    .u-sm-pb-76 {
    padding-bottom: 7.6rem}

    .u-sm-pb-80 {
    padding-bottom: 8rem}

    .u-sm-pb-84 {
    padding-bottom: 8.4rem}

    .u-sm-pb-88 {
    padding-bottom: 8.8rem}

    .u-sm-pb-92 {
    padding-bottom: 9.2rem}

    .u-sm-pb-96 {
    padding-bottom: 9.6rem}

    .u-sm-pb-100 {
    padding-bottom: 10rem}

    .u-sm-px-0 {
    padding: 0 0rem}

    .u-sm-px-4 {
    padding: 0 0.4rem}

    .u-sm-px-8 {
    padding: 0 0.8rem}

    .u-sm-px-12 {
    padding: 0 1.2rem}

    .u-sm-px-16 {
    padding: 0 1.6rem}

    .u-sm-px-20 {
    padding: 0 2rem}

    .u-sm-px-24 {
    padding: 0 2.4rem}

    .u-sm-px-28 {
    padding: 0 2.8rem}

    .u-sm-px-32 {
    padding: 0 3.2rem}

    .u-sm-px-36 {
    padding: 0 3.6rem}

    .u-sm-px-40 {
    padding: 0 4rem}

    .u-sm-px-44 {
    padding: 0 4.4rem}

    .u-sm-px-48 {
    padding: 0 4.8rem}

    .u-sm-px-52 {
    padding: 0 5.2rem}

    .u-sm-px-56 {
    padding: 0 5.6rem}

    .u-sm-px-60 {
    padding: 0 6rem}

    .u-sm-px-64 {
    padding: 0 6.4rem}

    .u-sm-px-68 {
    padding: 0 6.8rem}

    .u-sm-px-72 {
    padding: 0 7.2rem}

    .u-sm-px-76 {
    padding: 0 7.6rem}

    .u-sm-px-80 {
    padding: 0 8rem}

    .u-sm-px-84 {
    padding: 0 8.4rem}

    .u-sm-px-88 {
    padding: 0 8.8rem}

    .u-sm-px-92 {
    padding: 0 9.2rem}

    .u-sm-px-96 {
    padding: 0 9.6rem}

    .u-sm-px-100 {
    padding: 0 10rem}

    .u-sm-py-0 {
    padding: 0rem 0}

    .u-sm-py-4 {
    padding: 0.4rem 0}

    .u-sm-py-8 {
    padding: 0.8rem 0}

    .u-sm-py-12 {
    padding: 1.2rem 0}

    .u-sm-py-16 {
    padding: 1.6rem 0}

    .u-sm-py-20 {
    padding: 2rem 0}

    .u-sm-py-24 {
    padding: 2.4rem 0}

    .u-sm-py-28 {
    padding: 2.8rem 0}

    .u-sm-py-32 {
    padding: 3.2rem 0}

    .u-sm-py-36 {
    padding: 3.6rem 0}

    .u-sm-py-40 {
    padding: 4rem 0}

    .u-sm-py-44 {
    padding: 4.4rem 0}

    .u-sm-py-48 {
    padding: 4.8rem 0}

    .u-sm-py-52 {
    padding: 5.2rem 0}

    .u-sm-py-56 {
    padding: 5.6rem 0}

    .u-sm-py-60 {
    padding: 6rem 0}

    .u-sm-py-64 {
    padding: 6.4rem 0}

    .u-sm-py-68 {
    padding: 6.8rem 0}

    .u-sm-py-72 {
    padding: 7.2rem 0}

    .u-sm-py-76 {
    padding: 7.6rem 0}

    .u-sm-py-80 {
    padding: 8rem 0}

    .u-sm-py-84 {
    padding: 8.4rem 0}

    .u-sm-py-88 {
    padding: 8.8rem 0}

    .u-sm-py-92 {
    padding: 9.2rem 0}

    .u-sm-py-96 {
    padding: 9.6rem 0}

    .u-sm-py-100 {
    padding: 10rem 0}
}

.u-mt-2xl {
    margin-top: var(--space-element-2xl)!important}

.u-mt-xl {
    margin-top: var(--space-element-xl)!important}

.u-mt-lg {
    margin-top: var(--space-element-lg)!important}

.u-mt-md {
    margin-top: var(--space-element-md)!important}

.u-mt-sm {
    margin-top: var(--space-element-sm)!important}

.u-mt-xs {
    margin-top: var(--space-element-xs)!important}

.u-mt-2xs {
    margin-top: var(--space-element-2xs)!important}

.u-mt-3xs {
    margin-top: var(--space-element-3xs)!important}

.u-mt-4xs {
    margin-top: var(--space-element-4xs)!important}

.u-mb-xl {
    margin-bottom: var(--space-element-xl)!important}

.u-mb-lg {
    margin-bottom: var(--space-element-lg)!important}

.u-mb-md {
    margin-bottom: var(--space-element-md)!important}

.u-mb-sm {
    margin-bottom: var(--space-element-sm)!important}

.u-mb-xs {
    margin-bottom: var(--space-element-xs)!important}

.u-mb-2xs {
    margin-bottom: var(--space-element-2xs)!important}

.u-mb-3xs {
    margin-bottom: var(--space-element-3xs)!important}

.u-mb-4xs {
    margin-bottom: var(--space-element-4xs)!important}

.u-my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important}

.u-mx-auto {
    margin-right: auto!important;
    margin-left: auto!important}

.u-ml-auto {
    margin-left: auto!important}

.u-mr-auto {
    margin-right: auto!important}

.grecaptcha-badge {
    visibility: hidden}
    @font-face {
    font-family: notoSerifJp;
    font-weight: 400;
    src: url("../../assets/fonts/NotoSerifJP-Regular.otf") format("opentype")}
    @font-face {
    font-family: notoSerifJp;
    font-weight: 500;
    src: url("../../assets/fonts/NotoSerifJP-Medium.otf") format("opentype")}
}

.p-top-kv__inner {
    position: relative;
    height: 100vh;
    height: 100svh
}

.p-top-kv__content {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    width: 100%;
    padding-bottom: 9.8765432099vh;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1024px) {
    .p-top-kv__content {
        padding-bottom:0
    }
}

.p-top-kv__content-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width: 1024px) {
    .p-top-kv__content-inner {
        -webkit-box-pack:start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.p-top-kv__content-box {
    opacity: 0;
    will-change: opacity
}

@media (max-width: 1024px) {
    .p-top-kv__content-box {
        padding:0 2rem
    }
}

@media (max-width: 767px) {
    .p-top-kv__content-box {
        padding:0 1.5rem
    }
}

.p-top-kv__heading {
    font-size: var(--font-size-heading-lg);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: 0.3em;
    font-family: var(--font-family-serif)
}

.is-en .p-top-kv__heading {
    letter-spacing: 0.1em
}

.p-top-kv__text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2.2;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 3.2rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-top-kv__text {
        margin-top:2.4rem;
        font-size: 1.3rem
    }
}

@media (max-width: 767px) {
    .p-top-kv__text {
        font-size:1.1rem
    }
}

.p-top-kv__bottom {
    position: absolute;
    bottom: 0;
    z-index: 10;
    width: 100%
}

.p-top-kv__logo {
    overflow: hidden;
    text-align: center;
    opacity: 0
}

.p-top-kv__logo-item {
    width: 100%;
    fill: #fff
}

.p-top-kv__bottom-border {
    position: relative;
    padding-top: 3.2rem;
    padding-bottom: 3.2rem
}

@media (max-width: 767px) {
    .p-top-kv__bottom-border {
        padding-top:2.4rem;
        padding-bottom: 2.4rem
    }
}

.p-top-kv__bottom-line {
    position: absolute;
    top: 0;
    left: -2.0833333333vw;
    display: block;
    width: calc(100% + 4.1666666667vw);
    height: 1px;
    background-color: rgba(255,255,255,0.5);
    -webkit-transform-origin: left center;
    transform-origin: left center
}

@media (max-width: 1024px) {
    .p-top-kv__bottom-line {
        left:-1.953125vw;
        width: calc(100% + 3.90625vw)
    }
}

@media (max-width: 767px) {
    .p-top-kv__bottom-line {
        left:-2.6666666667vw;
        width: calc(100% + 5.3333333333vw)
    }
}

.p-top-kv__scroll {
    position: relative;
    z-index: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto
}

.p-top-kv__scroll-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    color: #fff;
    cursor: pointer
}

@media (hover: hover) and (pointer:fine) {
    .p-top-kv__scroll-link:hover {
        color:#fff
    }
}

.p-top-kv__scroll-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em
}

@media (max-width: 1024px) {
    .p-top-kv__scroll-label {
        font-size:1.1rem
    }
}

@media (max-width: 767px) {
    .p-top-kv__scroll-label {
        font-size:1rem
    }
}

.p-top-kv__scroll-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0.4rem
}

.p-top-kv__slider {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.p-top-kv__slider-wrapper {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.p-top-kv__slider-item {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    will-change: opacity
}

.p-top-kv__slider-item.is-active {
    opacity: 1
}

.p-top-kv__slider-image {
    width: 100%;
    height: 100%
}

.p-top-kv__slider-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-kv__cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    /* background-color: var(--color-dark-blue); */
    background-image: url(/assets/img/cmn_bg.jpg);
}

.p-top-kv__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
    will-change: opacity
}

.p-top-information {
    border-bottom: 1px solid var(--color-border-gray)
}

.p-top-information__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .p-top-information__inner {
        display:block;
        padding: 0
    }
}

.p-top-information__news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 12rem;
    padding-right: 3rem;
    overflow: hidden;
    border-right: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-top-information__news {
        height:8rem;
        padding: 0 3.2rem;
        border-right: none;
        border-bottom: 1px solid var(--color-border-gray)
    }
}

@media (max-width: 767px) {
    .p-top-information__news {
        height:6rem;
        padding: 0 2rem
    }
}

.p-top-information__news-heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    padding-right: 2rem;
    font-family: var(--font-family-eng);
    border-right: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-top-information__news-heading {
        font-size:1.2rem
    }
}

@media (max-width: 1024px) {
    .p-top-information__news-heading {
        padding-right:1.6rem
    }
}

.p-top-information__news-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 2.4rem;
    overflow: hidden
}

@media (max-width: 1024px) {
    .p-top-information__news-item {
        padding-left:2rem
    }
}

@media (max-width: 767px) {
    .p-top-information__news-item {
        padding-left:1.6rem
    }
}

.p-top-information__news-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.p-top-information__news-item-date {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    margin-right: 2.4rem;
    font-family: var(--font-family-eng-sub)
}

@media (max-width: 1024px) {
    .p-top-information__news-item-date {
        margin-right:2rem;
        font-size: 1.1rem
    }
}

@media (max-width: 767px) {
    .p-top-information__news-item-date {
        margin-right:1.6rem;
        font-size: 1rem
    }
}

.p-top-information__news-item-title {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 1.2rem;
    overflow: hidden;
    font-family: var(--font-family-serif);
    text-overflow: ellipsis;
    white-space: nowrap
}

@media (max-width: 1024px) {
    .p-top-information__news-item-title {
        font-size:1.2rem
    }
}

@media (max-width: 767px) {
    .p-top-information__news-item-title {
        font-size:1.1rem
    }
}

.p-top-information__news-item-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.p-top-member-ship {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 48rem;
    height: 12rem;
    border-right: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-top-member-ship {
        width:100%;
        height: auto;
        padding-top: 2rem;
        padding-right: none;
        padding-bottom: 2rem
    }
}

@media (max-width: 767px) {
    .p-top-member-ship {
        padding-top:1.6rem;
        padding-bottom: 1.6rem
    }
}

.p-top-member-ship__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 3.2rem
}

@media (max-width: 1024px) {
    .p-top-member-ship__link {
        padding:0 3.2rem
    }
}

@media (max-width: 767px) {
    .p-top-member-ship__link {
        padding:0 2rem
    }
}

.p-top-member-ship__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.4rem;
    height: 4.4rem;
    background-color: var(--color-blue);
    border-radius: 100%
}

@media (max-width: 1024px) {
    .p-top-member-ship__icon {
        width:3.6rem;
        height: 3.6rem
    }

    .p-top-member-ship__icon svg {
        width: 1.6rem;
        height: 1.6rem
    }
}

.p-top-member-ship__body {
    padding-left: 2.4rem
}

.p-top-member-ship__heading {
    font-family: var(--font-family-serif);
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 1024px) {
    .p-top-member-ship__heading {
        font-size:1.6rem
    }
}

@media (max-width: 767px) {
    .p-top-member-ship__heading {
        font-size:1.5rem
    }
}

.p-top-member-ship__text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 1024px) {
    .p-top-member-ship__text {
        font-size:1.1rem
    }
}

.p-top-member-ship__icon-arrow {
    margin-left: auto
}

@media (max-width: 1024px) {
    .p-top-booking {
        width:calc(100% - 2rem);
        padding: 3rem 4rem;
        margin: 1rem auto 0;
        background-color: var(--color-bg-light-gray)
    }

    .p-top-booking .l-container {
        padding: 0
    }
}

@media (max-width: 767px) {
    .p-top-booking {
        padding:3rem 2rem
    }
}

.p-top-booking__top {
    border-bottom: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-top-booking__top {
        border-bottom:none
    }
}

.p-top-booking__note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-top: 1.2rem;
    margin-left: auto
}

@media (max-width: 1024px) {
    .p-top-booking__note {
        -webkit-box-pack:center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-right: auto
    }
}

.p-top-booking__note-icon {
    margin-right: 0.3rem;
    line-height: 1
}

.p-top-booking__note-label {
    text-decoration-line: underline;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m)
}

.p-top-section-header {
    margin-bottom: 4.8rem
}

@media (max-width: 1024px) {
    .p-top-section-header {
        margin-bottom:4rem
    }
}

.p-top-section-header__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .p-top-section-header__inner {
        display:block
    }
}

.p-top-section-header__heading {
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
    max-width: 33.3333%
}

@media (max-width: 1024px) {
    .p-top-section-header__heading {
        max-width:100%
    }
}

.p-top-section-header__lead {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 1024px) {
    .p-top-section-header__lead {
        max-width:100%;
        margin-top: 4rem
    }
}

.p-top-section-header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 3.2rem;
    margin-left: auto
}

@media (max-width: 1024px) {
    .p-top-section-header__nav {
        display:none
    }
}

.p-top-section-footer {
    display: none
}

@media (max-width: 1024px) {
    .p-top-section-footer {
        display:block;
        margin-top: 3.2rem
    }
}

@media (max-width: 767px) {
    .p-top-section-footer {
        margin-top:2.4rem
    }
}

.p-top-section-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.p-top-section-footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-top-section-footer__button {
    margin-left: auto
}

.p-top-plan {
    overflow: hidden
}

.p-top-plan__inner {
    overflow: visible
}

.p-top-plan__list-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.8rem
}

.p-top-plan__list-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer
}

@media (max-width: 767px) {
    .p-top-plan__list-nav-item:first-child {
        padding-left:0
    }

    .p-top-plan__list-nav-item:last-child {
        padding-right: 0
    }
}

.p-top-plan__list-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-top-plan__list-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)
}

.p-top-plan__body {
    overflow: visible
}

.p-top-plan__list {
    overflow: visible
}

.p-top-plan__list-wrapper {
    overflow: visible
}

.p-top-plan__list-wrapper .p-top-plan__list-item {
    counter-increment: mycounter
}

.p-top-plan__list-item {
    height: initial
}

.p-top-plan__card {
    height: 100%
}

.p-top-plan__card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.p-top-plan__card-image {
    width: 100%;
    aspect-ratio: 3/4
}

.p-top-plan__card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-plan__card-header {
    position: relative;
    padding-left: 7rem;
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-top-plan__card-header {
        padding-left:4.8rem;
        margin-top: 2.4rem
    }
}

.p-top-plan__card-number {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    position: absolute;
    top: 0.9rem;
    left: 0;
    font-family: var(--font-family-eng-sub)
}

.p-top-plan__card-number:before {
    content: counter(mycounter,decimal-leading-zero)
}

.p-top-plan__card-number:after {
    position: absolute;
    top: 1.6rem;
    left: -0.8rem;
    width: 5.374rem;
    height: 1px;
    content: "";
    background-color: var(--color-border-gray);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media (max-width: 1024px) {
    .p-top-plan__card-number {
        font-size:1.1rem
    }

    .p-top-plan__card-number:after {
        position: absolute;
        top: 1.6rem;
        left: -0.8rem;
        width: 4.52rem
    }
}

@media (max-width: 767px) {
    .p-top-plan__card-number {
        font-size:1rem
    }
}

.p-top-plan__card-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-top-plan__card-heading {
        font-size:1.5rem
    }
}

@media (max-width: 767px) {
    .p-top-plan__card-heading {
        font-size:1.4rem
    }
}

.p-top-plan__card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 3.2rem;
    padding-bottom: 1.2rem;
    margin-top: auto;
    border-bottom: 1px solid var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-top-plan__card-price {
        padding-top:2.4rem
    }
}

.p-top-plan__card-price-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2rem
}

.p-top-plan__card-price-item {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    margin-left: auto;
    font-family: var(--font-family-eng)
}

.p-top-plan__card-price-item small {
    margin-left: 0.4rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-sans)
}

@media (max-width: 1024px) {
    .p-top-plan__card-price-item {
        font-size:1.8rem
    }

    .p-top-plan__card-price-item small {
        font-size: 1.1rem
    }
}

.p-top-news {
    position: relative;
    padding-bottom: 20rem
}

.p-top-news__inner {
    position: relative;
    z-index: 10
}

.p-top-news__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-top-news__row {
        display:block
    }
}

.p-top-news__col {
    width: 50%
}

.p-top-news__col:first-child {
    padding-right: 4rem
}

@media (max-width: 1024px) {
    .p-top-news__col {
        width:100%
    }

    .p-top-news__col:first-child {
        padding-right: 0
    }
}

@media (max-width: 1024px) {
    .p-top-news__list {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-top-news__list {
        margin-top:4rem
    }
}

.p-top-news__list-item {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--color-border-gray)
}

.p-top-news__list-item:first-child {
    padding-top: 0
}

.p-top-news__list-item:last-child {
    padding-bottom: 0;
    border-bottom: none
}

@media (max-width: 1024px) {
    .p-top-news__list-item {
        padding-top:3.2rem;
        padding-bottom: 3.2rem
    }

    .p-top-news__list-item:last-child {
        padding-bottom: 3.2rem;
        border-bottom: 1px solid var(--color-border-gray)
    }
}

@media (max-width: 767px) {
    .p-top-news__list-item {
        padding-top:2.4rem;
        padding-bottom: 2.4rem
    }

    .p-top-news__list-item:last-child {
        padding-bottom: 2.4rem
    }
}

.p-top-news__list-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

[data-type=vertical] .p-top-news__list-item-link {
    display: block
}

@media (max-width: 1024px) {
    .p-top-news__list-item-link {
        -webkit-column-gap:3.2rem;
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
    }
}

@media (max-width: 767px) {
    .p-top-news__list-item-link {
        -webkit-column-gap:2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

.p-top-news__list-item-image {
    max-width: 17.7rem;
    aspect-ratio: 57/38;
}

.p-top-news__list-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

[data-type=vertical] .p-top-news__list-item-image {
    max-width: inherit
}

@media (max-width: 767px) {
    .p-top-news__list-item-image {
        max-width:8rem;
        aspect-ratio: 1/1
    }

    [data-type=vertical] .p-top-news__list-item-image {
        max-width: inherit;
        aspect-ratio: 57/38
    }
}

.p-top-news__list-item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[data-type=vertical] .p-top-news__list-item-body {
    margin-top: 2.4rem
}

.p-top-news__list-item-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem
}

.p-top-news__list-item-date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)
}

.p-top-news__list-item-category {
    padding-left: 1.2rem;
    margin-left: 1.2rem;
    border-left: 1px solid var(--color-border-gray)
}

.p-top-news__list-item-heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-top-news__list-item-heading {
        font-size:1.3rem
    }
}

.p-top-news__bg {
    position: absolute;
    bottom: -60px;
    left: 0;
    z-index: 0;
    width: 100%;
    pointer-events: none
}

.p-top-news__bg img {
    width: 100%
}

.p-top-well-being {
    position: relative;
    padding-top: 0
}

.p-top-well-being__vis {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100lvh;
    overflow: hidden
}

.p-top-well-being__vis-image {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 40%;
    height: 40%;
    overflow: hidden;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.p-top-well-being__vis-image-item {
    position: relative;
    z-index: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transform-origin: center;
    transform-origin: center
}

.p-top-well-being__vis-image-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-well-being__vis-image-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.35);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    opacity: 0;
    will-change: opacity,backdrop-filter
}

.p-top-well-being__vis-marquee {
    font-size: 16rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    clip-path: polygon(0% 0%,100% 0%,100% 100%,0% 100%);
    font-family: var(--font-family-eng);
    color: var(--color-blue);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    will-change: clip-path
}

@media (max-width: 1024px) {
    .p-top-well-being__vis-marquee {
        font-size:12rem
    }
}

@media (max-width: 767px) {
    .p-top-well-being__vis-marquee {
        font-size:8rem
    }
}

.p-top-well-being__vis-marquee-item {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.5em;
    pointer-events: none;
    -webkit-animation: marquee 30s linear infinite;
    animation: marquee 30s linear infinite;
    will-change: transform;
    display: flex;
    align-items: center;
}
.p-top-well-being__vis-marquee-item img{
    width: 10%;
}

.p-top-well-being__spacer-1 {
    height: 200lvh
}

@media (max-width: 1024px) {
    .p-top-well-being__spacer-1 {
        height:100lvh
    }
}

.p-top-well-being__body {
    position: relative;
    z-index: 1
}

.p-top-well-being__body-inner {
    position: relative;
    z-index: 1;
    max-width: 83.3%;
    margin: 0 auto
}

@media (max-width: 767px) {
    .p-top-well-being__body-inner {
        max-width:73.3333333333vw
    }
}

.p-top-well-being__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .p-top-well-being__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-top-well-being__copy {
    width: 60%;
    padding-right: 2rem;
    color: #fff
}

@media (max-width: 1024px) {
    .p-top-well-being__copy {
        width:100%;
        padding-right: 0;
        margin-bottom: 6rem
    }
}

@media (max-width: 767px) {
    .p-top-well-being__copy {
        margin-bottom:4rem
    }
}

.p-top-well-being__block {
    width: 40%;
    padding-left: 2rem
}

@media (max-width: 1024px) {
    .p-top-well-being__block {
        width:100%;
        padding-left: 0
    }
}

.p-top-well-being__text {
    color: #fff
}

.p-top-well-being__button {
    margin-top: 5.4rem
}

@media (max-width: 1024px) {
    .p-top-well-being__button {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .p-top-well-being__button {
        margin-top:4rem
    }
}

.p-top-well-being__image {
    position: relative;
    z-index: 1;
    max-width: 50%;
    padding-right: 2rem;
    margin-top: 12rem
}

@media (max-width: 1024px) {
    .p-top-well-being__image {
        max-width:83.3%;
        margin-top: 15rem;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width: 767px) {
    .p-top-well-being__image {
        max-width:73.3333333333vw
    }
}

.p-top-well-being__image-item {
    aspect-ratio: 3/2;
    overflow: hidden
}

.p-top-well-being__bottom {
    position: absolute;
    top: -43%;
    z-index: 1;
    left: 50%;
    width: 100%;
    pointer-events: none;
    transform: translateX(-50%);
}

.p-top-well-being__bottom img {
    width: 20%;
    display: block;
    margin: 0 auto;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

.p-top-well-being__bottom.is-onscreen img {
    -webkit-transform: scaleY(1);
    transform: scaleY(1)
}

.p-top-plans__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px;
    padding: 0 2rem
}

@media (max-width: 1024px) {
    .p-top-plans__list {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        row-gap: 1px;
        padding: 0 0.5rem
    }
}

@media (max-width: 767px) {
    .p-top-plans__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1px;
        padding: 0 1px
    }
}

.p-top-plans__list-item {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%
}

@media (max-width: 1024px) {
    .p-top-plans__list-item {
        -ms-flex-preferred-size:calc((100% - 1px) / 2);
        flex-basis: calc((100% - 1px) / 2);
        max-width: calc((100% - 1px) / 2)
    }
}

@media (max-width: 767px) {
    .p-top-plans__list-item {
        max-width:100%
    }
}

.p-top-plans__card-link {
    position: relative;
    display: block
}

.p-top-plans__card-heading {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    width: 100%;
    font-family: var(--font-family-eng);
    color: #fff;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (hover: hover) and (pointer:fine) {
    .p-top-plans__card-link:hover .p-top-plans__card-heading {
        opacity:0
    }
}

@media (max-width: 1024px) {
    .p-top-plans__card-heading {
        font-size:2rem
    }
}

.p-top-plans__card-image {
    width: 100%;
    aspect-ratio: 7/10
}

@media (max-width: 1024px) {
    .p-top-plans__card-image {
        aspect-ratio:1/1
    }
}

@media (max-width: 767px) {
    .p-top-plans__card-image {
        aspect-ratio:3/2
    }
}

.p-top-plans__card-image-item {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-plans__card-body {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 6rem 2rem 4rem;
    opacity: 0;
    -webkit-transition: opacity 1.2s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 1.2s cubic-bezier(0.33,1,0.68,1)
}

@media (hover: hover) and (pointer:fine) {
    .p-top-plans__card-link:hover .p-top-plans__card-body {
        opacity:1
    }
}

@media (max-width: 1024px) {
    .p-top-plans__card-body {
        display:none
    }
}

.p-top-plans__card-body-lsit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    text-align: center
}

.p-top-plans__card-body-lsit-item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    color: #fff
}

.p-top-plans__card-cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s
}

@media (hover: hover) and (pointer:fine) {
    .p-top-plans__card-link:hover .p-top-plans__card-cover {
        mix-blend-mode:normal;
        opacity: 0.7
    }
}

.p-top-restaurant {
    overflow: hidden
}

.p-top-restaurant__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 767px) {
    .p-top-restaurant__row {
        display:block
    }
}

.p-top-restaurant__col-image {
    position: relative;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

@media (max-width: 1024px) {
    .p-top-restaurant__col-image {
        -ms-flex-preferred-size:40%;
        flex-basis: 40%;
        max-width: 40%
    }
}

@media (max-width: 767px) {
    .p-top-restaurant__col-image {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.p-top-restaurant__col-body {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

@media (max-width: 1024px) {
    .p-top-restaurant__col-body {
        -ms-flex-preferred-size:60%;
        flex-basis: 60%;
        max-width: 60%
    }
}

@media (max-width: 767px) {
    .p-top-restaurant__col-body {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-top: 4rem
    }
}

@media (max-width: 1024px) {
    .p-top-restaurant__main-image {
        width:50rem;
        margin-top: -10rem;
        -webkit-transform: translateX(-20rem);
        transform: translateX(-20rem)
    }
}

@media (max-width: 767px) {
    .p-top-restaurant__main-image {
        width:48rem;
        margin-top: -2rem;
        -webkit-transform: translateX(-12.5rem);
        transform: translateX(-12.5rem)
    }
}

.p-top-restaurant__main-heading {
    margin-top: 17%
}

@media (max-width: 1024px) {
    .p-top-restaurant__main-heading {
        margin-top:0
    }
}

.p-top-restaurant__main-button {
    margin-top: 3.2rem
}

@media (max-width: 767px) {
    .p-top-restaurant__main-button {
        margin-top:2.4rem
    }
}

.p-top-restaurant__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4.2rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 1024px) {
    .p-top-restaurant__list {
        -webkit-column-gap:2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        margin-top: 6rem
    }
}

@media (max-width: 767px) {
    .p-top-restaurant__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4rem
    }
}

.p-top-restaurant__list-item {
    -ms-flex-preferred-size: 45%;
    flex-basis: 47%;
    max-width: 48%;
    margin-bottom: 50px;
}

@media (max-width: 767px) {
    .p-top-restaurant__list-item {
        -ms-flex-preferred-size:100%;
        flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }
}

.p-top-restaurant__list-item-image {
    width: 100%;
    aspect-ratio: 5/3;
}

.p-top-restaurant__list-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-restaurant__list-item-name {
    border-bottom: 1px solid var(--color-border-gray)
}

.p-top-restaurant__list-item-name-logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 9.5rem
}

.p-top-restaurant__list-item-name-logo img {
    width: auto;
    height: 2.3rem
}

[data-type=restaurant] .p-top-restaurant__list-item-name-logo img {
    height: 2.3rem;
}

@media (max-width: 1024px) {
    .p-top-restaurant__list-item-name-logo {
        height:8rem
    }

    .p-top-restaurant__list-item-name-logo img {
        height: 1.38rem
    }

    [data-type=restaurant] .p-top-restaurant__list-item-name-logo img {
        height: 0.96rem
    }
}

@media (max-width: 767px) {
    .p-top-restaurant__list-item-name-logo {
        height:7.2rem
    }

    .p-top-restaurant__list-item-name-logo img {
        height: 1.84rem
    }

    [data-type=restaurant] .p-top-restaurant__list-item-name-logo img {
        height: 1.84rem;
    }
}

.p-top-restaurant__list-item-body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 2rem
}

.p-top-restaurant__list-item-name-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-top-restaurant__list-item-name-label {
        font-size:1.3rem
    }
}

.p-top-restaurant__list-item-floor {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.1rem 0.8rem;
    font-family: var(--font-family-eng);
    border: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-top-restaurant__list-item-floor {
        font-size:1.1rem
    }
}

.p-top-restaurant__list-item-detail {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 1.6rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-top-restaurant__list-item-detail {
        font-size:1.1rem
    }
}

.p-top-spa__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 var(--site-padding) 0 2rem
}

@media (max-width: 1024px) {
    .p-top-spa__inner {
        display:block;
        padding: 0 0.5rem
    }
}

.p-top-spa__image {
    position: relative;
    -ms-flex-preferred-size: 64.5112781955%;
    flex-basis: 64.5112781955%;
    min-width: 64.5112781955%;
    overflow: hidden
}

.p-top-spa__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1024px) {
    .p-top-spa__image {
        max-width:100%;
        aspect-ratio: 1/1
    }
}

.p-top-spa__body {
    -ms-flex-preferred-size: 35.4887218045%;
    flex-basis: 35.4887218045%;
    min-width: 35.4887218045%;
    max-width: 47.2rem;
    padding: 15rem 0
}

@media (max-width: 1024px) {
    .p-top-spa__body {
        max-width:100%;
        padding: 6rem var(--site-padding) 0
    }
}

@media (max-width: 767px) {
    .p-top-spa__body {
        padding-top:4rem
    }
}

.p-top-spa__body-inner {
    padding: 4rem 0 4rem 8rem;
    border-top: 1px solid var(--color-border-dark-gray)
}

.p-top-spa__body-inner:first-child {
    padding-top: 0;
    border-top: none
}

.p-top-spa__body-inner:last-child {
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .p-top-spa__body-inner {
        padding:0
    }

    .p-top-spa__body-inner:first-child {
        padding-bottom: 4rem
    }

    .p-top-spa__body-inner:last-child {
        padding-top: 3.2rem
    }
}

@media (max-width: 767px) {
    .p-top-spa__body-inner:first-child {
        padding-bottom:3.2rem
    }

    .p-top-spa__body-inner:last-child {
        padding-top: 2.4rem
    }
}

.p-top-spa__button {
    margin-top: 3.2rem
}

@media (max-width: 767px) {
    .p-top-spa__button {
        margin-top:2.4rem
    }
}

.p-top-spa__pick-up-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem
}

.p-top-spa__pick-up-heading-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 1rem;
    background: var(--color-dark-blue);
    border-radius: 100%
}

.p-top-spa__pick-up-heading-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

.p-top-spa__pick-up-item {
    border-top: 1px solid var(--color-border-gray)
}

.p-top-spa__pick-up-item:first-child {
    border-top: none
}

@media (max-width: 1024px) {
    .p-top-spa__pick-up-item {
        border-bottom:1px solid var(--color-border-gray)
    }
}

.p-top-spa__pick-up-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.4rem 0
}

.p-top-spa__pick-up-item-inner {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-top-spa__pick-up-item-heading {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-top-spa__pick-up-item-heading {
        font-size:2rem
    }
}

@media (max-width: 767px) {
    .p-top-spa__pick-up-item-heading {
        font-size:1.8rem
    }
}

.p-top-spa__pick-up-item-text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-l);
    margin-top: 0.4rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-top-spa__pick-up-item-text {
        font-size:1.3rem
    }
}

.p-top-spa__pick-up-item-icon {
    width: 3.9rem;
    margin-left: auto
}

.p-top-access__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 83.3%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-top-access__row {
        -webkit-column-gap:4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .p-top-access__row {
        display:block
    }
}

.p-top-access__col-image {
    width: 50%
}

@media (max-width: 767px) {
    .p-top-access__col-image {
        width:100%
    }
}

.p-top-access__col-body {
    width: 50%
}

@media (max-width: 767px) {
    .p-top-access__col-body {
        width:100%;
        margin-top: 4rem
    }
}

.p-top-access__image-1 {
    aspect-ratio: 1/1;
    overflow: hidden
}

.p-top-access__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-top-access__button {
        -webkit-column-gap:2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media (max-width: 767px) {
    .p-top-access__button {
        margin-top:2.4rem
    }
}

.p-top-access__image-2 {
    margin-top: 12rem
}

@media (max-width: 1024px) {
    .p-top-access__image-2 {
        margin-top:10rem
    }
}

@media (max-width: 767px) {
    .p-top-access__image-2 {
        margin-top:8rem
    }
}

.p-top-gallery {
    overflow: hidden;
    padding-bottom: var(--space-section-md);
}

.p-top-gallery__inner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 83.3%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-top-gallery__inner {
        max-width:100%
    }
}

.p-top-gallery__heading {
    text-align: center
}

.p-top-gallery__list {
    overflow: visible
}

.p-top-gallery__list-wrapper {
    overflow: visible
}

.p-top-gallery__list-item {
    position: relative;
    cursor: pointer
}

.p-top-gallery__list-item-image {
    aspect-ratio: 16/9
}

.p-top-gallery__list-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-top-gallery__list-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width: 1024px) {
    .p-top-gallery__list-item-icon {
        width:4.8rem;
        height: 4.8rem
    }
}

.p-top-gallery__list-item-icon-item {
    position: relative;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent var(--color-dark);
    border-style: solid;
    border-width: 4px 0 4px 8px
}

.p-top-gallery__list-item-icon-circle {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1s cubic-bezier(0.16,1,0.3,1)
}

.p-top-gallery__list-item:hover .p-top-gallery__list-item-icon-circle {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.p-top-gallery__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-top-gallery__button {
        -webkit-column-gap:2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem;
        margin-top: 2.4rem
    }
}

@media (max-width: 767px) {
    .p-top-gallery__button {
        row-gap:2rem
    }
}

@media (max-width: 767px) {
    .p-top-gallery__button-item {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .p-top-gallery__button-item:first-child {
        width: 100%
    }
}

.p-top-link {
    padding: 20rem 0 6rem
}

@media (max-width: 1024px) {
    .p-top-link {
        padding:12rem 0 4rem
    }
}

@media (max-width: 767px) {
    .p-top-link {
        padding:8rem 0 4rem
    }
}

@media (max-width: 1024px) {
    .p-top-link__inner {
        border-top:1px solid var(--color-border-gray)
    }
}

.p-top-link__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 6rem;
    border-top: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-top-link__row {
        display:block;
        padding-top: 0;
        border-top: none
    }
}

.p-top-link__item {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%
}

.p-top-link__item:first-child {
    padding-right: 6rem
}

.p-top-link__item:last-child {
    padding-left: 6rem;
    border-left: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-top-link__item {
        max-width:100%;
        padding: 2.4rem 0
    }

    .p-top-link__item:first-child {
        padding-right: 0
    }

    .p-top-link__item:last-child {
        padding-left: 0;
        border-top: 1px solid var(--color-border-gray);
        border-left: none
    }
}

.p-top-link__item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-top-link__item:first-child .p-top-link__item-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

@media (max-width: 1024px) {
    .p-top-link__item:first-child .p-top-link__item-link {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.p-top-link__item-link-image {
    width: 20rem
}

@media (max-width: 1024px) {
    .p-top-link__item-link-image {
        width:18rem
    }
}

@media (max-width: 767px) {
    .p-top-link__item-link-image {
        width:12rem
    }
}

.p-top-link__item-link-image-item {
    aspect-ratio: 4/3
}

@media (max-width: 767px) {
    .p-top-link__item-link-image-item {
        aspect-ratio:1/1
    }
}

.p-top-link__item-link-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.8rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-top-link__item:first-child .p-top-link__item-link-body {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding-right: 3.2rem;
    text-align: right
}

.p-top-link__item:last-child .p-top-link__item-link-body {
    padding-left: 3.2rem
}

@media (max-width: 1024px) {
    .p-top-link__item:first-child .p-top-link__item-link-body {
        -webkit-box-align:start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 0;
        padding-left: 3.2rem;
        text-align: left
    }
}

@media (max-width: 767px) {
    .p-top-link__item-link-body {
        row-gap:1.2rem
    }

    .p-top-link__item:first-child .p-top-link__item-link-body {
        padding-left: 2.4rem
    }

    .p-top-link__item:last-child .p-top-link__item-link-body {
        padding-left: 2.4rem
    }
}

.p-top-link__item-heading {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-top-link__item-heading {
        font-size:1.8rem
    }
}

@media (max-width: 767px) {
    .p-top-link__item-heading {
        font-size:1.4rem
    }
}

.p-top-link__item-text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-top-link__item-text {
        font-size:1.1rem
    }
}

.p-reservation-modal {
    padding: 12rem 0 15rem
}

@media (max-width: 1024px) {
    .p-reservation-modal {
        padding:10rem 0 12rem
    }
}

@media (max-width: 767px) {
    .p-reservation-modal {
        padding:8rem 0 10rem
    }
}

.p-reservation-modal__inner {
    max-width: calc(108rem + var(--site-padding) * 2);
    padding-right: var(--site-padding);
    padding-left: var(--site-padding)
}

.p-reservation-modal__header {
    padding-bottom: 8rem
}

@media (max-width: 1024px) {
    .p-reservation-modal__header {
        padding-bottom:6rem
    }
}

@media (max-width: 767px) {
    .p-reservation-modal__header {
        padding-bottom:4rem
    }
}

.p-reservation-modal__header-heading {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.4;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 10rem;
    font-family: var(--font-family-serif);
    text-align: center
}

@media (max-width: 1024px) {
    .p-reservation-modal__header-heading {
        margin-bottom:8rem;
        font-size: 2.8rem
    }
}

@media (max-width: 767px) {
    .p-reservation-modal__header-heading {
        margin-bottom:6rem;
        font-size: 2.4rem
    }
}

.p-reservation-modal__body {
    padding-top: 6rem;
    border-top: 1px solid var(--color-border-gray)
}

.p-reservation-modal__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-reservation-modal__body-inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 8rem
    }
}

@media (max-width: 767px) {
    .p-reservation-modal__body-inner {
        row-gap:6rem
    }
}

.p-reservation-modal__body-main {
    width: 66.6666%
}

@media (max-width: 1024px) {
    .p-reservation-modal__body-main {
        width:100%
    }
}

.p-reservation-modal__blcok-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-reservation-modal__blcok-header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 3.2rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 1.6rem
    }
}

.p-reservation-modal__blcok-header-heading {
    font-family: var(--font-family-serif);
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m)
}

.p-reservation-modal__blcok-header-button {
    margin-left: auto
}

@media (max-width: 1024px) {
    .p-reservation-modal__blcok-header-button {
        margin-left:0
    }
}

.p-reservation-modal__link-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 1.2rem 0;
    border-bottom: 1px solid var(--color-border-gray)
}

.p-reservation-modal__link-item-label {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2.4rem;
    padding-left: 1.2rem
}

.p-reservation-modal__link-item-label:before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    background-color: var(--color-blue);
    border-radius: 100%
}

.p-reservation-modal__link-item-label-main {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    font-family: var(--font-family-serif)
}

.p-reservation-modal__link-item-label-sub {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    margin-top: 0.4rem;
    font-family: var(--font-family-serif)
}

.p-reservation-modal__link-item-icon {
    padding-right: 1.2rem;
    margin-left: auto
}

.p-reservation-modal__body-side {
    width: 33.3333%
}

@media (max-width: 1024px) {
    .p-reservation-modal__body-side {
        width:100%
    }
}

.p-reservation-modal__dl {
    margin-top: 2.4rem
}

.p-reservation-modal__dt {
    font-family: var(--font-family-serif);
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m)
}

.p-reservation-modal__dd {
    margin-top: 2rem
}

.p-reservation-modal__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem
}

.p-reservation-modal__list-item {
    position: relative;
    padding-left: 1.2rem;
    font-family: var(--font-family-serif);
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

.p-reservation-modal__list-item:before {
    position: absolute;
    top: 1.2rem;
    left: 0;
    width: 0.5rem;
    height: 0.5rem;
    content: "";
    background-color: var(--color-blue);
    border-radius: 100%
}

.p-reservation-modal__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    margin-top: 4rem
}

@media (max-width: 767px) {
    .p-reservation-modal__button {
        row-gap:1rem;
        margin-top: 3.2rem
    }
}

.p-reservation-modal__button-item .c-button-rect {
    width: 100%
}

@media (max-width: 1024px) {
    .p-restaurant {
        overflow:hidden
    }
}

.p-restaurant-detail__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid var(--color-border-dark-gray)
}

@media (max-width: 767px) {
    .p-restaurant-detail__item:first-child {
        display:none
    }

    .p-restaurant-detail__item:nth-child(2) {
        border-top: 1px solid var(--color-border-dark-gray)
    }
}

.p-restaurant-detail__item-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 2.4rem 0;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

.p-restaurant-detail__item-link:hover {
    background-color: var(--color-bg-gray)
}

@media (max-width: 767px) {
    .p-restaurant-detail__item-link {
        position:relative;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 1.6rem
    }
}

.p-restaurant-detail__item-header {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    width: 26.5873015873%;
    font-family: var(--font-family-eng)
}

@media (max-width: 767px) {
    .p-restaurant-detail__item-header {
        width:100%;
        padding-bottom: 2.5rem;
        border-bottom: 1px solid var(--color-border-gray)
    }
}

.p-restaurant-detail__item-body {
    width: 73.4126984127%
}

@media (max-width: 767px) {
    .p-restaurant-detail__item-body {
        width:100%;
        padding-top: 1.6rem
    }
}

.p-restaurant-detail__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .p-restaurant-detail__item-row {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.p-restaurant-detail__item-col {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1.6rem;
    font-family: var(--font-family-eng-sub)
}

.p-restaurant-detail__item-col[data-type=none] {
    width: 20%
}

.p-restaurant-detail__item-col[data-type=morning] {
    width: 20%
}

.p-restaurant-detail__item-col[data-type=noon] {
    width: 20%
}

.p-restaurant-detail__item-col[data-type=night] {
    width: 20%
}

.p-restaurant-detail__item-col[data-type=time] {
    width: 40%
}

.p-restaurant-detail__item-col[data-type=floor] {
    width: 20%
}

@media (max-width: 1024px) {
    .p-restaurant-detail__item-col {
        font-size:1rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-detail__item-col {
        padding:2rem 0 0.8rem;
        font-size: 1.1rem
    }

    .p-restaurant-detail__item-col:before {
        position: absolute;
        top: 0.5rem;
        left: 0;
        display: block;
        font-size: 0.9rem
    }

    .p-restaurant-detail__item-col[data-type=none] {
        display: none
    }

    .p-restaurant-detail__item-col[data-type=morning] {
        position: relative;
        width: 33.3333%
    }

    .p-restaurant-detail__item-col[data-type=morning]:before {
        content: "MORNING"
    }

    .p-restaurant-detail__item-col[data-type=noon] {
        position: relative;
        width: 33.3333%
    }

    .p-restaurant-detail__item-col[data-type=noon]:before {
        content: "NOON"
    }

    .p-restaurant-detail__item-col[data-type=night] {
        position: relative;
        width: 33.3333%
    }

    .p-restaurant-detail__item-col[data-type=night]:before {
        content: "NOON"
    }

    .p-restaurant-detail__item-col[data-type=time] {
        position: relative;
        width: 66.6666%
    }

    .p-restaurant-detail__item-col[data-type=time]:before {
        content: "TIME"
    }

    .p-restaurant-detail__item-col[data-type=floor] {
        position: relative;
        width: 33.3333%
    }

    .p-restaurant-detail__item-col[data-type=floor]:before {
        content: "FLOOR"
    }
}

.p-restaurant-detail__label {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    padding-bottom: 0.8rem;
    font-family: var(--font-family-eng-sub)
}

.p-restaurant-detail__item-icon {
    position: absolute;
    top: 50%;
    right: 1.5rem;
    margin-left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1024px) {
    .p-restaurant-detail__item-icon {
        right:0.8rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-detail__item-icon {
        top:2rem;
        right: 1rem;
        -webkit-transform: none;
        transform: none
    }
}

.p-restaurant-floor__heading {
    position: relative
}

.p-restaurant-floor__heading:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background-color: var(--color-border-dark-gray);
    -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1.2s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1.2s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left;
    transform-origin: left
}

.p-restaurant-floor__heading.is-onscreen:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.p-restaurant-floor__heading-logo {
    display: block;
    line-height: 1
}

[data-type=daichino-restaurant] .p-restaurant-floor__heading-logo {
    max-width: 47.071rem
}

[data-type=top-bar] .p-restaurant-floor__heading-logo {
    max-width: 44.996rem
}

[data-type=ima-lounge] .p-restaurant-floor__heading-logo {
    max-width: 24.111rem
}

.p-restaurant-floor__body {
    margin-top: 12rem
}

@media (max-width: 1024px) {
    .p-restaurant-floor__body {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__body {
        margin-top:4rem
    }
}

.p-restaurant-floor__body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    /* padding-left: var(--site-padding); */
}

@media (max-width: 1024px) {
    .p-restaurant-floor__body-inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-right: var(--site-padding)
    }
}

.p-restaurant-floor__mv {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 108rem
}

@media (max-width: 1024px) {
    .p-restaurant-floor__mv {
        min-height:initial;
        margin: 0 -4rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__mv {
        margin:0 -2rem
    }
}

.p-restaurant-floor__mv-image {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.p-restaurant-floor__mv-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1024px) {
    .p-restaurant-floor__mv-image {
        aspect-ratio:1/1
    }
}

.p-restaurant-floor__main {
    width: 54.2rem;
    padding: 0 5rem;
    padding-left: 0;
}

@media (max-width: 1024px) {
    .p-restaurant-floor__main {
        width:100%;
        padding: 0
    }
}

.p-restaurant-floor__main-label {
    position: relative;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    padding-top: 2.4rem;
    font-family: var(--font-family-eng)
}

.p-restaurant-floor__main-label:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 5rem;
    height: 2px;
    content: "";
    background: var(--color-blue)
}

.p-restaurant-floor__main-name {
    /* margin-top: 8rem; */
}

@media (max-width: 1024px) {
    .p-restaurant-floor__main-name {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__main-name {
        margin-top:4.8rem
    }
}

.p-restaurant-floor__main-text {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

@media (max-width: 1024px) {
    .p-restaurant-floor__main-text {
        margin-top:3.6rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__main-text {
        margin-top:3.2rem;
        margin-bottom: 3.2rem;
    }
}

.p-restaurant-floor__main-button {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-restaurant-floor__main-button {
        margin-top:3.6rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__main-button {
        margin-top:3.2rem
    }
}

.p-restaurant-floor__hours {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding-top: 6rem;
    margin-top: 6rem;
    border-top: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-restaurant-floor__hours {
        padding-top:4.8rem;
        margin-top: 4.8rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__hours {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2rem;
        padding-top: 4rem;
        margin-top: 4rem
    }
}

.p-restaurant-floor__hours-heading {
    width: 8rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .p-restaurant-floor__hours-heading {
        font-size:1.1rem
    }
}

.p-restaurant-floor__hours-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-restaurant-floor__hours-dl {
    margin-top: 3.2rem
}

.p-restaurant-floor__hours-dl:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .p-restaurant-floor__hours-dl {
        margin-top:2.8rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__hours-dl {
        margin-top:2rem
    }
}

.p-restaurant-floor__hours-dt {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .p-restaurant-floor__hours-dt {
        font-size:1.1rem
    }
}

.p-restaurant-floor__hours-time {
    display: block;
    color: var(--color-blue)
}

.p-restaurant-floor__hours-dd {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .p-restaurant-floor__hours-dd {
        font-size:1.1rem
    }
}

.p-restaurant-floor__hours-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-restaurant-floor__hours-list-label {
    width: 30rem;
}

@media (max-width: 767px) {
    .p-restaurant-floor__hours-list-label {
        width: 15.4rem;
    }
}

.p-restaurant-floor__hours-list-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-restaurant-floor__hours-text {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .p-restaurant-floor__hours-text {
        font-size:1.1rem
    }
}

.p-restaurant-floor__menu-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4.8rem;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem
}

@media (max-width: 767px) {
    .p-restaurant-floor__menu-list {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap
    }
}

.p-restaurant-floor__menu-list-item {
    width: calc((100% - 0.8rem) / 3)
}

@media (max-width: 767px) {
    .p-restaurant-floor__menu-list-item {
        -ms-flex-negative:0;
        flex-shrink: 0;
        width: 31.5rem
    }
}

.p-restaurant-floor__menu-list-item-wrap {
    position: relative;
    display: block
}

.p-restaurant-floor__menu-list-item-link {
    position: relative;
    display: block
}

.p-restaurant-floor__menu-list-item-inner {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    padding: 0 2rem 2rem 3rem
}

@media (max-width: 1024px) {
    .p-restaurant-floor__menu-list-item-inner {
        padding:0 1.6rem 1.2rem 2rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__menu-list-item-inner {
        padding:0 1.6rem 1.2rem 2rem
    }
}

.p-restaurant-floor__menu-list-item-heading {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng);
    color: #fff
}

@media (max-width: 1024px) {
    .p-restaurant-floor__menu-list-item-heading {
        font-size:1.6rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__menu-list-item-heading {
        font-size:1.6rem
    }
}

.p-restaurant-floor__menu-list-item-icon {
    margin-left: auto;
    line-height: 1
}

.p-restaurant-floor__menu-list-item-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2)
}

.p-restaurant-floor__menu-list-item-image {
    position: relative;
    z-index: 0;
    aspect-ratio: 3/2
}

.p-restaurant-floor__menu-list-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-restaurant-floor__menu-list-item-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    padding: 0 0.8rem;
    margin-top: 1.2rem
}

@media (max-width: 1024px) {
    .p-restaurant-floor__menu-list-item-button {
        padding:0 0.4rem
    }
}

.p-restaurant-floor__menu-list-item-button-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-restaurant-floor__menu-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 4rem
}

@media (max-width: 767px) {
    .p-restaurant-floor__menu-button {
        margin-top:3.2rem
    }
}

.p-restaurant-floor__faq-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6rem;
    -webkit-column-gap: 6rem;
    -moz-column-gap: 6rem;
    column-gap: 6rem
}

@media (max-width: 1024px) {
    .p-restaurant-floor__faq-list {
        row-gap:3rem;
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__faq-list {
        -ms-flex-wrap:nowrap;
        flex-wrap: nowrap;
        -webkit-column-gap: 2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

.p-restaurant-floor__faq-list-item {
    width: calc((100% - 12rem) / 3)
}

@media (max-width: 1024px) {
    .p-restaurant-floor__faq-list-item {
        width:calc((100% - 3rem) / 2)
    }
}

@media (max-width: 767px) {
    .p-restaurant-floor__faq-list-item {
        -ms-flex-negative:0;
        flex-shrink: 0;
        width: 31.5rem
    }
}

.p-restaurant-floor__faq-card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-restaurant-floor__faq-card-label {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 3.2rem;
    font-family: var(--font-family-eng);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.p-restaurant-floor__faq-card-label:after {
    position: absolute;
    bottom: -1rem;
    left: 0.8rem;
    width: 1px;
    height: 5rem;
    content: "";
    background: var(--color-border-gray);
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.p-restaurant-floor__faq-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-restaurant-floor__faq-image {
    aspect-ratio: 3/2
}

.p-restaurant-floor__faq-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-restaurant-floor__faq-text {
    margin-top: 2rem;
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .p-restaurant-floor__faq-text {
        font-size:1.3rem
    }
}

.p-restaurant-giftshop__inner {
    max-width: 82.6rem;
    margin: 0 auto
}

.p-restaurant-giftshop__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: var(--color-bg-light-gray);
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

.p-restaurant-giftshop__link:hover {
    background-color: var(--color-bg-gray)
}

@media (max-width: 767px) {
    .p-restaurant-giftshop__link {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-restaurant-giftshop__image {
    width: 24rem
}

@media (max-width: 767px) {
    .p-restaurant-giftshop__image {
        width:100%
    }
}

.p-restaurant-giftshop__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem 2.5rem 2.5rem 4rem
}

@media (max-width: 767px) {
    .p-restaurant-giftshop__body {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        padding: 3rem 2rem 1.5rem 2rem
    }
}

.p-restaurant-giftshop__body-inner {
    padding-right: 4rem;
    border-right: 1px solid var(--color-border-light-gray)
}

@media (max-width: 767px) {
    .p-restaurant-giftshop__body-inner {
        padding-right:0;
        border-right: none
    }
}

.p-restaurant-giftshop__heading {
    margin-bottom: 2rem
}

@media (max-width: 1024px) {
    .p-restaurant-giftshop__heading {
        margin-bottom:1.2rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-giftshop__heading {
        margin-bottom:0.8rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-giftshop__text {
        font-size:1.2rem
    }
}

.p-restaurant-giftshop__icon {
    padding-left: 2.5rem
}

@media (max-width: 767px) {
    .p-restaurant-giftshop__icon {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 100%;
        padding: 1rem 0 0;
        margin-top: 2rem;
        border-top: 1px solid var(--color-border-light-gray)
    }
}

.p-restaurant-chefstable {
    color: #fff;
    background-color: var(--color-brown)
}

.p-restaurant-chefstable__mv {
    overflow: hidden
}

.p-restaurant-chefstable__slider-item {
    aspect-ratio: 16/9
}

@media (max-width: 767px) {
    .p-restaurant-chefstable__slider-item {
        aspect-ratio:3/2
    }
}

.p-restaurant-chefstable__slider-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 83%;
    margin: 2rem auto 0
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__slider-nav {
        max-width:60rem;
        margin-top: 1.5rem
    }
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__slider-nav {
        margin-top:1rem
    }
}

.p-restaurant-chefstable__body {
    position: relative;
    z-index: 10
}

.p-restaurant-chefstable__inner {
    margin: 2rem auto 0
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__inner {
        max-width:60rem
    }
}

.p-restaurant-chefstable__heading {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-bottom: 5rem;
    margin-top: -7rem;
    margin-bottom: 5rem;
    font-family: var(--font-family-eng)
}

.p-restaurant-chefstable__heading:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 10rem;
    height: 1px;
    content: "";
    background-color: var(--color-gold)
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__heading {
        padding-bottom:4rem;
        margin-top: -6rem;
        margin-bottom: 4rem;
        font-size: 6rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-chefstable__heading {
        margin-top:-5rem;
        font-size: 4rem
    }
}

.p-restaurant-chefstable__heading-main {
    font-size: 10rem;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en)
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__heading-main {
        font-size:6rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-chefstable__heading-main {
        font-size:4rem
    }
}

.p-restaurant-chefstable__detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__detail {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 60rem;
        margin-right: auto;
        margin-left: auto
    }
}

.p-restaurant-chefstable__detail-main {
    width: 30.6349206349%
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__detail-main {
        width:100%
    }
}

.p-restaurant-chefstable__detail-text {
    margin-top: 1.5em
}

.p-restaurant-chefstable__detail-text:first-of-type {
    margin-top: 0
}

.p-restaurant-chefstable__detail-button {
    margin-top: 4rem
}

.p-restaurant-chefstable__detail-image {
    width: 50%
}

@media (max-width: 1024px) {
    .p-restaurant-chefstable__detail-image {
        width:100%;
        margin-top: 8rem
    }
}

@media (max-width: 767px) {
    .p-restaurant-chefstable__detail-image {
        margin-top:8rem
    }
}

.p-restaurant-chefstable__detail-image-item {
    overflow: hidden
}

.p-chefstable {
    overflow: hidden
}

.p-chefstable__about {
    color: #fff;
    background-color: var(--color-brown)
}

.p-chefstable__about-inner {
    position: relative;
    padding-bottom: 26rem
}

@media (max-width: 1024px) {
    .p-chefstable__about-inner {
        padding-bottom:24rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__about-inner {
        padding-bottom:18rem
    }
}

.p-chefstable__about-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 83.1746031746%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-chefstable__about-row {
        display:block
    }
}

.p-chefstable__about-header {
    width: 50%;
    padding-right: 2rem
}

@media (max-width: 1024px) {
    .p-chefstable__about-header {
        width:100%;
        padding-right: 0
    }
}

.p-chefstable__about-body {
    width: 50%;
    padding-left: 2rem
}

@media (max-width: 1024px) {
    .p-chefstable__about-body {
        width:100%;
        padding-left: 0
    }
}

.p-chefstable__about-image {
    position: absolute;
    bottom: 0;
    left: 0;
    width: min(27.2916666667vw,39.3rem);
    overflow: hidden;
    -webkit-transform: translateY(50%);
    transform: translateY(50%)
}

@media (max-width: 767px) {
    .p-chefstable__about-image {
        width:17.5rem
    }
}

.p-chefstable__guid {
    padding-top: 30rem;
    background-color: var(--color-beige)
}

@media (max-width: 1024px) {
    .p-chefstable__guid {
        padding-top:20rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__guid {
        padding-top:16rem
    }
}

.p-chefstable__guid-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-chefstable__guid-row {
        display:block
    }
}

.p-chefstable__guid-main {
    width: 50%;
    padding-top: min(6.25vw,9rem);
    padding-right: min(5.5555555556vw,8rem)
}

@media (max-width: 1024px) {
    .p-chefstable__guid-main {
        width:100%;
        max-width: 83.1746031746%;
        margin: 0 auto
    }
}

@media (max-width: 1024px) {
    .p-chefstable__guid-main {
        max-width:100%
    }
}

.p-chefstable__guid-table {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-chefstable__guid-table {
        margin-top:3.2rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__guid-table {
        margin-top:2.4rem
    }
}

.p-chefstable__guid-mv {
    width: 50%
}

@media (max-width: 1024px) {
    .p-chefstable__guid-mv {
        width:100%;
        margin-top: 4rem
    }
}

.p-chefstable__guid-mv-image {
    height: 100%;
    overflow: hidden
}

.p-chefstable__feature {
    position: relative
}

.p-chefstable__feature-heading {
    font-size: 10rem;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    top: 0;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1024px) {
    .p-chefstable__feature-heading {
        font-size:6rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__feature-heading {
        font-size:4.8rem
    }
}

.p-chefstable__feature-block {
    position: relative;
    margin-top: 10rem
}

.p-chefstable__feature-block.--1 {
    padding: 0 8.5714285714%;
    margin-top: 0
}

.p-chefstable__feature-block.--3 {
    padding-right: 8.5714285714%
}

.p-chefstable__feature-block.--5 {
    margin-top: 15rem
}

.p-chefstable__feature-block.--7 {
    margin-top: 15rem
}

@media (max-width: 1024px) {
    .p-chefstable__feature-block {
        margin-top:8rem
    }

    .p-chefstable__feature-block.--1 {
        padding: 0
    }

    .p-chefstable__feature-block.--3 {
        padding: 0
    }

    .p-chefstable__feature-block.--5 {
        margin-top: 12rem
    }

    .p-chefstable__feature-block.--7 {
        margin-top: 12rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__feature-block.--5 {
        margin-top:10rem
    }

    .p-chefstable__feature-block.--7 {
        margin-top: 10rem
    }
}

.p-chefstable__feature-typo {
    font-size: 10rem;
    font-weight: 400;
    line-height: 0.9;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    z-index: 1;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    white-space: nowrap
}

.--2 .p-chefstable__feature-typo {
    top: 13rem;
    right: -6rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.--5 .p-chefstable__feature-typo {
    top: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 1024px) {
    .p-chefstable__feature-typo {
        font-size:6rem
    }

    .--2 .p-chefstable__feature-typo {
        top: 10rem;
        right: -4rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__feature-typo {
        font-size:4rem
    }

    .--2 .p-chefstable__feature-typo {
        top: -2rem;
        right: calc(var(--site-padding) * -1)
    }
}

.p-chefstable__feature-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.--2 .p-chefstable__feature-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.--4 .p-chefstable__feature-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.--5 .p-chefstable__feature-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 8.5714285714%
}

@media (max-width: 1024px) {
    .--5 .p-chefstable__feature-row {
        padding-right:0
    }
}

@media (max-width: 767px) {
    .p-chefstable__feature-row {
        display:block
    }
}

.p-chefstable__feature-vis {
    position: relative
}

.--1 .p-chefstable__feature-vis {
    width: 40%
}

.--2 .p-chefstable__feature-vis {
    width: 50%
}

.--3 .p-chefstable__feature-vis {
    width: 45.4545454545%
}

.--4 .p-chefstable__feature-vis {
    width: 50%
}

.--6 .p-chefstable__feature-vis {
    width: 50%
}

@media (max-width: 767px) {
    .--1 .p-chefstable__feature-vis {
        width:100%
    }

    .--2 .p-chefstable__feature-vis {
        width: 100%
    }

    .--3 .p-chefstable__feature-vis {
        width: 100%
    }

    .--4 .p-chefstable__feature-vis {
        width: 100%
    }

    .--6 .p-chefstable__feature-vis {
        width: 100%
    }
}

.p-chefstable__feature-vis-image {
    overflow: hidden
}

.--2 .p-chefstable__feature-vis-image {
    margin-right: calc(var(--site-padding) * -1)
}

.--5 .p-chefstable__feature-vis-image {
    margin-left: calc(var(--site-padding) * -1)
}

@media (max-width: 767px) {
    .--2 .p-chefstable__feature-vis-image {
        height:80vw
    }

    .--5 .p-chefstable__feature-vis-image {
        height: 100vw
    }

    .--5 .p-chefstable__feature-vis-image img {
        -o-object-position: 70% top;
        object-position: 70% top
    }
}

.p-chefstable__feature-caption {
    margin-top: 1.2rem
}

.p-chefstable__feature-main {
    padding: 0 min(4.1666666667vw,6rem)
}

.--1 .p-chefstable__feature-main {
    width: 60%
}

.--2 .p-chefstable__feature-main {
    width: 50%
}

.--3 .p-chefstable__feature-main {
    width: 54.5454545455%
}

.--4 .p-chefstable__feature-main {
    width: 50%
}

.--5 .p-chefstable__feature-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin-top: 7rem
}

.--6 .p-chefstable__feature-main {
    width: 50%
}

@media (max-width: 1024px) {
    .p-chefstable__feature-main {
        padding:0
    }

    .--5 .p-chefstable__feature-main {
        margin-top: 5rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__feature-main {
        margin-top:4rem
    }

    .--1 .p-chefstable__feature-main {
        width: 100%
    }

    .--2 .p-chefstable__feature-main {
        width: 100%
    }

    .--3 .p-chefstable__feature-main {
        width: 100%
    }

    .--4 .p-chefstable__feature-main {
        width: 100%
    }

    .--5 .p-chefstable__feature-main {
        display: block
    }

    .--6 .p-chefstable__feature-main {
        width: 100%
    }
}

.p-chefstable__feature-block-heading {
    padding-bottom: 8rem
}

.--5 .p-chefstable__feature-block-heading {
    width: 45.4545454545%
}

@media (max-width: 1024px) {
    .p-chefstable__feature-block-heading {
        padding-bottom:6rem
    }
}

@media (max-width: 767px) {
    .p-chefstable__feature-block-heading {
        padding-bottom:4rem
    }

    .--5 .p-chefstable__feature-block-heading {
        width: 100%
    }
}

.p-chefstable__feature-copy {
    margin-bottom: 4rem
}

@media (max-width: 1024px) {
    .p-chefstable__feature-copy {
        margin-bottom:3.2rem;
        font-size: 2rem!important
    }
}

@media (max-width: 767px) {
    .p-chefstable__feature-copy {
        margin-bottom:2.4rem;
        font-size: 1.8rem!important
    }
}

.--5 .p-chefstable__feature-text {
    width: 45.4545454545%
}

@media (max-width: 767px) {
    .--5 .p-chefstable__feature-text {
        width:100%
    }
}

.p-plan-content__wrapper {
    padding-top: 6rem;
    border-top: solid 1px var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-plan-content__wrapper {
        padding-top:4rem
    }
}

.p-plan-content__inner {
    max-width: 82.5%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-plan-content__inner {
        max-width:100%
    }
}

.p-plan-content__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    margin-bottom: 6rem
}

@media (max-width: 1024px) {
    .p-plan-content__filter {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        row-gap: 0.5rem;
        -webkit-column-gap: 0.5rem;
        -moz-column-gap: 0.5rem;
        column-gap: 0.5rem;
        margin-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .p-plan-content__filter {
        margin-bottom:4rem
    }
}

.p-plan-content__filter-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

@media (max-width: 1024px) {
    .p-plan-content__filter-item {
        -webkit-box-flex:1;
        -ms-flex: auto;
        flex: auto;
        width: calc((100% - 1rem) / 3)
    }

    .p-plan-content__filter-item:first-child {
        width: 100%
    }
}

.p-plan-content__filter-link {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-l);
    display: block;
    width: 100%;
    padding: 0.8rem;
    font-family: var(--font-family-serif);
    font-size: 1.4rem;
    border: solid 1px transparent;
    -webkit-transition: border-color 0.4s;
    transition: border-color 0.4s
}

.p-plan-content__filter-link:hover {
    border-color: var(--color-border-gray)
}

.p-plan-content__filter-link.is-active {
    /* background-color: var(--color-bg-gray); */
    border-color: #dfdfdf;
}

@media (max-width: 1024px) {
    .p-plan-content__filter-link {
        font-size:1.2rem;
        border-color: var(--color-border-gray)
    }
}

.p-plan-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 8rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-plan-list {
        row-gap:6rem
    }
}

@media (max-width: 767px) {
    .p-plan-list {
        row-gap:4rem;
        padding: 0 5.3333333333vw
    }
}

.p-plan-list__item {
    width: calc((100% - 8rem) / 3)
}

@media (max-width: 1024px) {
    .p-plan-list__item {
        width:calc((100% - 4rem) / 2)
    }
}

@media (max-width: 767px) {
    .p-plan-list__item {
        width:100%
    }
}

.p-plan-list__card {
    height: 100%
}

.p-plan-list__card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.p-plan-list__card-image {
    position: relative;
    width: 100%;
    aspect-ratio: 3/4
}

.p-plan-list__card-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-plan-list__card-category {
    position: absolute;
    bottom: 0.8rem;
    left: 0.8rem
}

.p-plan-list__card-header {
    position: relative;
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-plan-list__card-header {
        margin-top:2.4rem
    }
}

.p-plan-list__card-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-plan-list__card-heading {
        font-size:1.5rem
    }
}

@media (max-width: 767px) {
    .p-plan-list__card-heading {
        font-size:1.4rem
    }
}

.p-plan-list__card-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    padding-top: 3.2rem;
    padding-bottom: 1.2rem;
    margin-top: auto;
    border-bottom: 1px solid #dfdfdf78;
}

@media (max-width: 767px) {
    .p-plan-list__card-price {
        padding-top:2.4rem
    }
}

.p-plan-list__card-price-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-right: 2rem
}

.p-plan-list__card-price-item {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    margin-left: auto;
    font-family: var(--font-family-eng)
}

.p-plan-list__card-price-item small {
    margin-left: 0.4rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-sans)
}

@media (max-width: 1024px) {
    .p-plan-list__card-price-item {
        font-size:1.8rem
    }

    .p-plan-list__card-price-item small {
        font-size: 1.1rem
    }
}

.p-plan-list__card-overview {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    margin-top: 1.2rem
}

.p-plan-bottom {
    padding-top: var(--space-section-sm);
    padding-bottom: var(--space-section-md);
    background-color: #13386a;
}
.kaso.p-plan-bottom{
    background: transparent;
}

.p-plan-bottom__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    flex-wrap: wrap;
    justify-content: space-between;
    /* margin-bottom: 50px; */
}

@media (max-width: 1024px) {
    .p-plan-bottom__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: row;
        row-gap: 10rem;
        margin: 0 auto
    }
}

.p-plan-bottom__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    /* flex: 1; */
    width: 45%;
    margin-bottom: 70px;
}

.p-plan-bottom__list-body {
    padding-top: 2.4rem
}

.p-plan-bottom__list-text {
    padding-top: 2rem
}

.p-plan-bottom__list-button {
    margin-top: 2rem
}

.p-plan-detail__wrapper {
    max-width: 96rem;
    padding-top: 8rem;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-plan-detail__wrapper {
        padding-top:6rem
    }
}

@media (max-width: 767px) {
    .p-plan-detail__wrapper {
        padding-top:4rem
    }
}

.p-plan-detail__header {
    padding-bottom: 5rem
}

@media (max-width: 1024px) {
    .p-plan-detail__header {
        padding-bottom:4rem
    }
}

@media (max-width: 767px) {
    .p-plan-detail__header {
        padding-bottom:3.2rem
    }
}

.p-plan-detail__header-inner {
    max-width: 96rem;
    margin: 0 auto
}

.p-plan-detail__category {
    margin-bottom: 4rem
}

@media (max-width: 1024px) {
    .p-plan-detail__category {
        margin-bottom:3.2rem
    }
}

@media (max-width: 767px) {
    .p-plan-detail__category {
        margin-bottom:2rem
    }
}

.p-plan-detail__title {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-plan-detail__title {
        font-size:2.8rem
    }
}

@media (max-width: 767px) {
    .p-plan-detail__title {
        font-size:2rem
    }
}

.p-plan-detail__information {
    margin-top: 5rem
}

@media (max-width: 1024px) {
    .p-plan-detail__information {
        margin-top:4rem
    }
}

@media (max-width: 767px) {
    .p-plan-detail__information {
        margin-top:3.2rem
    }
}

.p-plan-detail__information-item {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.8rem 0;
    border-bottom: 1px solid var(--color-border-gray)
}

.p-plan-detail__information-item:first-child {
    padding-top: 0
}

@media (max-width: 1024px) {
    .p-plan-detail__information-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (max-width: 767px) {
    .p-plan-detail__information-item {
        padding:0.6rem 0;
        font-size: 1.2rem
    }
}

.p-plan-detail__information-item-label {
    width: 15rem
}

.p-plan-detail__information-item-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-plan-detail__footer {
    margin-top: 15rem
}

@media (max-width: 1024px) {
    .p-plan-detail__footer {
        margin-top:12rem
    }
}

@media (max-width: 767px) {
    .p-plan-detail__footer {
        margin-top:8rem
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul:after,.p-plan-old .con_plan .box_search ul.box_btn:after,.p-plan-old .con_plan .box_search ul.box_check:after,.p-plan-old .con_plan_detail .box_plan_detail .box_photo2:after,.p-plan-old .con_plan_detail .box_plan_detail .box_photo:after,.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st:after,.p-plan-old .con_plan_detail:after {
    display: table;
    clear: both;
    content: ""
}

.p-plan-old .con_plan {
    margin-top: 100px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan {
        margin-top: 10%
    }
}

.p-plan-old .con_plan h3 {
    margin-bottom: 45px;
    font-weight: normal;
    text-align: center
}

.p-plan-old .con_plan h3 em {
    display: block
}

.p-plan-old .con_plan h3 em.en {
    font-family: Montserrat,sans-serif;
    font-size: 282%;
    color: #a0cfe9;
    letter-spacing: 0.1em
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan h3 em.en {
        font-size: 269%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan h3 em.en {
        font-size: 175%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan h3 {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan .box_search {
    padding: 50px;
    margin-bottom: 70px;
    background: #ecf5f9
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search {
        padding: 30px
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search {
        padding: 2em 1em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search {
        margin-bottom: 2em
    }
}

.p-plan-old .con_plan .box_search h4 {
    display: block!important;
    margin-bottom: 20px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search h4 {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan .box_search h4 em {
    display: inline-block;
    vertical-align: bottom
}

.p-plan-old .con_plan .box_search h4 em.en {
    font-family: Montserrat,sans-serif;
    font-size: 169%;
    line-height: 1;
    color: #005595
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search h4 em.en {
        font-size: 157%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search h4 em.en {
        font-size: 144%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search h4 em.en {
        display: block
    }
}

.p-plan-old .con_plan .box_search h4 em.jp {
    font-size: 88%;
    font-weight: normal
}

.p-plan-old .con_plan .box_search ul.box_check {
    padding: 30px 40px;
    background: #fff
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search ul.box_check {
        padding: 15px 20px
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_check {
        padding: 0.5em 1em
    }
}

.p-plan-old .con_plan .box_search ul.box_check li {
    float: left
}

.p-plan-old .con_plan .box_search ul.box_check li input[type=checkbox] {
    display: none
}

.p-plan-old .con_plan .box_search ul.box_check li input:disabled+.checkbox {
    color: #e6e6e6
}

.p-plan-old .con_plan .box_search ul.box_check li .checkbox {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: auto;
    padding: 1em 2em 1em 1.8em;
    cursor: pointer
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_search ul.box_check li .checkbox {
        padding: 0.5em 2em 0.5em 1.8em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_check li .checkbox {
        padding: 0.3em 2em
    }
}

.p-plan-old .con_plan .box_search ul.box_check li .checkbox:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 1em;
    height: 1em;
    content: "";
    background: #fff;
    border: 1px solid #e6e6e6;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-plan-old .con_plan .box_search ul.box_check li .checkbox:after {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 9px;
    height: 0.8em;
    margin-top: -16px;
    content: "";
    border-right: 2px solid #5896b5;
    border-bottom: 2px solid #5896b5;
    opacity: 0;
    -webkit-transform: rotate(45deg) translate(50%);
    transform: rotate(45deg) translate(50%)
}

.p-plan-old .con_plan .box_search ul.box_check li input[type=checkbox]:checked+.checkbox:after {
    opacity: 1
}

.p-plan-old .con_plan .box_search ul.box_btn {
    width: 550px;
    padding-top: 2.72727%;
    margin: auto
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn {
        width: 91.66667%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn {
        padding-top: 1em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn {
        width: 100%;
        margin: 0
    }
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn {
    float: left;
    width: 44.90909%
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn li.btn {
        width: 48%
    }
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.clear {
    margin: auto
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.clear a {
    display: block;
    padding: 0.8em 0;
    color: #5796b5;
    text-align: center;
    text-decoration: none;
    background: #fff
}

.p-plan-old .mouse .con_plan .box_search ul.box_btn li.btn.clear a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-plan-old .mouse .con_plan .box_search ul.box_btn li.btn.clear a:hover,.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.clear a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.clear a {
    -webkit-tap-highlight-color: transparent
}

.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.clear a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.clear a em {
    display: inline-block;
    vertical-align: middle
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.clear a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.clear a {
    border: solid 1px #5796b5
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.clear a:after {
    display: none
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv {
    margin-left: 4.54545%
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv {
        margin-left: 4%
    }
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv button {
    display: block;
    width: 100%;
    padding: 0.74em 0;
    font-family: "游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",Arial,sans-serif;
    font-size: 100%;
    color: #fff;
    cursor: pointer;
    background: #5796b5;
    border: none
}

.p-plan-old .mouse .con_plan .box_search ul.box_btn li.btn.rsv button {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-plan-old .mouse .con_plan .box_search ul.box_btn li.btn.rsv button:hover,.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button {
    -webkit-tap-highlight-color: transparent
}

.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-plan-old .mouse .con_plan .box_search ul.box_btn li.btn.rsv button {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-plan-old .mouse .con_plan .box_search ul.box_btn li.btn.rsv button:hover,.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button {
    -webkit-tap-highlight-color: transparent
}

.p-plan-old .touch .con_plan .box_search ul.box_btn li.btn.rsv button.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv button em,.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv button i {
    display: inline-block;
    vertical-align: middle
}

.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv button em img,.p-plan-old .con_plan .box_search ul.box_btn li.btn.rsv button i img {
    display: block
}

.p-plan-old .con_plan ul.box_tab {
    display: table;
    width: 100%;
    margin-bottom: 50px;
    border: solid 1px #80bdda
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan ul.box_tab {
        margin-bottom: 2em
    }
}

.p-plan-old .con_plan ul.box_tab li {
    -webkit-box-sizing: boder-box;
    box-sizing: boder-box;
    display: table-cell;
    width: 33.33333%;
    padding: 15px 0;
    font-family: Montserrat,sans-serif;
    font-size: 113%;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-left: solid 1px #80bdda;
    -webkit-transition: background-color 0.5s,color 0.5s;
    transition: background-color 0.5s,color 0.5s
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan ul.box_tab li {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan ul.box_tab li {
        font-size: 88%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan ul.box_tab li {
        padding: 1em 0
    }
}

.p-plan-old .con_plan ul.box_tab li:first-child {
    border-left: none
}

.p-plan-old .con_plan ul.box_tab li.active,.p-plan-old .con_plan ul.box_tab li:hover {
    color: #fff;
    background-color: #80bdda
}

.p-plan-old .con_plan .box_plan h4 {
    display: block!important;
    padding-bottom: 1em;
    margin-bottom: 30px;
    border-bottom: solid 1px #291806
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 {
        padding-bottom: 0.5em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan .box_plan h4 em {
    display: inline-block;
    vertical-align: bottom
}

.p-plan-old .con_plan .box_plan h4 em.en {
    font-family: Montserrat,sans-serif;
    font-size: 169%;
    line-height: 1
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan h4 em.en {
        font-size: 157%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 em.en {
        font-size: 144%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan h4 em.en {
        display: block
    }
}

.p-plan-old .con_plan .box_plan h4 em.jp {
    font-size: 88%
}

.p-plan-old .con_plan .box_plan .box_plan_inner {
    margin-top: -70px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner {
        margin-top: -3em
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
    margin-bottom: 50px;
    font-size: 113%;
    text-align: right
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        font-size: 88%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        margin-bottom: 2em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner p.plan_st {
        width: 80%;
        margin-left: 20%
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul {
    width: 100%
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 31.66667%;
    margin-bottom: 30px;
    margin-left: 2.5%;
    border-bottom: solid 1px #dedede;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        float: none
    }
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        width: 32%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        width: 100%
    }
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        margin-left: 2%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        margin-left: 0
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li {
        margin-bottom: 1.5em
    }
}

@media only screen and (width >= 768px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li: nth-child(3n+1) {
        margin-left:0;
        clear: left
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li a {
    display: block;
    text-decoration: none
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo {
    position: relative;
    z-index: 1;
    width: 100%
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo img {
    width: 100%
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
    position: absolute;
    top: 20px;
    left: 15px;
    z-index: 2;
    font-size: 88%
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        top: 5px
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        top: 0.5em
    }
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        left: 5px
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em {
        left: 0.5em
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li p.photo em span {
    display: inline-block;
    padding: 0.2em 0.5em;
    margin-right: 0.2em;
    font-family: Montserrat,sans-serif;
    color: #fff;
    background-color: #5796b5
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 15px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt {
        padding: 0.5em
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
    display: -webkit-box;
    margin-bottom: 15px;
    overflow: hidden;
    font-size: 113%;
    line-height: 1.5;
    text-decoration: underline;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
        margin-bottom: 1em
    }
}

.p-plan-old .firefox .con_plan .box_plan .box_plan_inner ul li .box_txt p.st,.p-plan-old .ie .con_plan .box_plan .box_plan_inner ul li .box_txt p.st {
    max-height: 3em
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.price {
    margin-bottom: 20px;
    font-size: 113%;
    color: #5796b5;
    text-align: right
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.price {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.price {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.price {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.information {
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-bottom: 0.3em;
    font-size: 94%;
    background: rgba(87,150,181,0.2)
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.information {
        font-size: 88%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.information {
        font-size: 88%
    }
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.information:before {
    content: "プラン有効期限："
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li .box_txt p.txt {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
}

.p-plan-old .firefox .con_plan .box_plan .box_plan_inner ul li .box_txt p.txt,.p-plan-old .ie .con_plan .box_plan .box_plan_inner ul li .box_txt p.txt {
    max-height: 4.5em
}

.p-plan-old .con_plan .box_plan .box_plan_inner ul li:hover {
    background-color: #efefef
}

.p-plan-old .con_plan .box_plan #panel_plan02,.p-plan-old .con_plan .box_plan #panel_plan03 {
    display: none
}

.p-plan-old .con_plan ul.link_page {
    text-align: center
}

.p-plan-old .con_plan ul.link_page li {
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    vertical-align: top;
    background-color: #dedede;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s
}

.p-plan-old .con_plan ul.link_page li:first-child {
    margin-left: 0
}

.p-plan-old .con_plan ul.link_page li a {
    display: block;
    padding: 0.5em 0;
    font-size: 94%;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.p-plan-old .con_plan ul.link_page li.btn_next a,.p-plan-old .con_plan ul.link_page li.btn_prev a {
    position: relative;
    padding: 1.25em 0
}

.p-plan-old .con_plan ul.link_page li.btn_next a:before,.p-plan-old .con_plan ul.link_page li.btn_prev a:before {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 0.5em;
    height: 0.5em;
    margin: auto;
    content: "";
    border-top: solid 1px #fff;
    border-right: solid 1px #fff
}

.p-plan-old .con_plan ul.link_page li.btn_prev a:before {
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

.p-plan-old .con_plan ul.link_page li.btn_next a:before {
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

.p-plan-old .con_plan ul.link_page li.active,.p-plan-old .con_plan ul.link_page li:hover {
    background-color: #80bdda
}

.p-plan-old .con_plan_detail {
    margin-top: 100px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail {
        margin-top: 10%
    }
}

.p-plan-old .con_plan_detail .box_plan_detail {
    margin: auto
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail {
        margin-bottom: 2em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st {
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: solid 1px #291806
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st {
        padding-bottom: 1em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate {
    margin-bottom: 20px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate p.cate span {
    display: inline-block;
    padding: 0 0.5em;
    margin-right: 0.2em;
    font-size: 88%;
    color: #fff;
    vertical-align: middle;
    background-color: #5796b5
}

@media only screen and (width >= 1024px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate p.day {
        display: inline-block;
        margin-left: 0.5em;
        vertical-align: middle
    }
}

@media only screen and (width <= 1023px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .box_cate p.day {
        display: block;
        margin-top: 0.5em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3 {
    font-size: 138%;
    font-weight: normal
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3 {
        font-size: 125%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3 {
        font-size: 113%
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
    margin: auto
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #5796b5
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a {
    -webkit-tap-highlight-color: transparent
}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a em {
    display: inline-block;
    vertical-align: middle
}

.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"
}

@media only screen and (width >= 1024px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
        float: right;
        width: 35%
    }
}

@media only screen and (width <= 1023px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3,.p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
        float: none
    }

    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st h3 {
        width: 100%
    }

    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
        width: 80%;
        margin-top: 1em
    }
}

@media only screen and (width <= 1023px) and (width >= 768px) and (width <= 1023px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_st .wrp_st p.btn {
        width: 60%
    }
}

.p-plan-old .con_plan_detail .box_plan_detail ul.slide {
    margin-top: 40px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.slide {
        margin-top: 1.5em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail ul.slide .slick-dots {
    bottom: 20px;
    line-height: 1;
    text-align: center
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.slide .slick-dots {
        bottom: 1em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail ul.slide .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 6px;
    overflow: hidden
}

.p-plan-old .con_plan_detail .box_plan_detail ul.slide .slick-dots li button {
    height: 0;
    padding: 0;
    cursor: pointer
}

.p-plan-old .con_plan_detail .box_plan_detail ul.slide .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    border-radius: 100%;
    opacity: 1
}

.p-plan-old .con_plan_detail .box_plan_detail ul.slide .slick-dots li.slick-active button:before {
    background: #5796b5
}

.p-plan-old .con_plan_detail .box_plan_detail p.txt {
    line-height: 2
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.txt {
        line-height: 1.8
    }
}

.p-plan-old .con_plan_detail .box_plan_detail p.txt a {
    color: #5796b5
}

.p-plan-old .con_plan_detail .box_plan_detail p.txt a.arr {
    display: block
}

.p-plan-old .con_plan_detail .box_plan_detail p.txt a.arr:after {
    display: inline-block;
    width: 0.3em;
    height: 0.3em;
    margin-left: 0.5em;
    vertical-align: middle;
    content: "";
    border-top: solid 1px #5796b5;
    border-right: solid 1px #5796b5;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.p-plan-old .con_plan_detail .box_plan_detail p.txt em.txt_noe {
    display: block;
    color: #ce390d
}

.p-plan-old .con_plan_detail .box_plan_detail p.photo {
    width: 100%;
    text-align: center
}

.p-plan-old .con_plan_detail .box_plan_detail h4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 10px;
    margin-top: 70px;
    margin-bottom: 35px;
    font-size: 138%;
    font-weight: normal;
    color: #fff;
    background-color: #5796b5
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        font-size: 125%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        font-size: 113%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        padding: 0.5em 0.3em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        margin-top: 2em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail h4 {
        margin-bottom: 1.5em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail p.st {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 125%;
    border-left: solid 5px #5796b5
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        font-size: 113%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        padding: 0.5em 0 0.5em 1em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        margin-top: 1em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail p.st_s {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px 0 5px 15px;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 113%;
    border-bottom: solid 1px #dfdfdf
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        font-size: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        padding: 0.5em 0 0.5em 1em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        margin-top: 1em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.st_s {
        margin-bottom: 0.5em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail p.st_s:before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 0.5em;
    height: 0.5em;
    vertical-align: middle;
    content: "";
    background-color: #5796b5;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-plan-old .con_plan_detail .box_plan_detail .wrap_movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.p-plan-old .con_plan_detail .box_plan_detail .wrap_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo {
    width: 100%;
    margin-top: 40px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo {
        margin-top: 2em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
    float: left;
    width: 49.375%;
    margin-left: 1.25%
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        width: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        margin-left: 0
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        float: none
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo:first-child {
    margin-left: 0
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo em {
    display: block;
    margin-top: 1em;
    font-size: 94%
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo {
        margin-top: 1em
    }

    .p-plan-old .con_plan_detail .box_plan_detail .box_photo p.photo:first-child {
        margin-top: 0
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo.box_photo_s p.photo {
    width: 32.5%
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo.box_photo_s p.photo {
        width: 100%
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2 {
    width: 100%;
    margin-top: 60px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 {
        margin-top: 2em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.photo {
    width: 50.625%
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.photo {
        width: 100%
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.txt {
    width: 40%;
    line-height: normal
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.txt {
        width: 100%
    }
}

@media only screen and (width >= 1280px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.txt {
        margin-top: 40px
    }
}

@media print {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.txt {
        margin-top: 40px
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l p.photo {
    float: left
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l p.photo {
        float: none
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l p.txt {
    float: right
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_l p.txt {
        float: none
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r p.photo {
    float: right
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r p.photo {
        float: none
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r p.txt {
    float: left
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2.box_photo2_r p.txt {
        float: none
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_photo2 p.photo {
        margin-bottom: 1em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail>table {
    width: 100%
}

.p-plan-old .con_plan_detail .box_plan_detail>table tr {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px #dfdfdf
}

.p-plan-old .con_plan_detail .box_plan_detail>table tr td,.p-plan-old .con_plan_detail .box_plan_detail>table tr th {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 1em 0 0.5em
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail>table tr td,.p-plan-old .con_plan_detail .box_plan_detail>table tr th {
        display: block
    }
}

.p-plan-old .con_plan_detail .box_plan_detail>table tr th {
    position: relative;
    z-index: 1;
    width: 30%;
    font-weight: normal;
    text-align: center
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_plan_detail>table tr th {
        width: 30%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail>table tr th {
        width: 100%
    }
}

.p-plan-old .con_plan_detail .box_plan_detail>table tr th:before {
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 3px;
    content: "";
    background-color: #5796b5
}

.p-plan-old .con_plan_detail .box_plan_detail>table tr td {
    padding-left: 1em
}

.p-plan-old .con_plan_detail .box_plan_detail>table.plan_table {
    margin-top: 30px
}

.p-plan-old .con_plan_detail .box_plan_detail>table.plan_table tr td {
    width: 20%;
    padding: 1em
}

.p-plan-old .con_plan_detail .box_plan_detail div.txt table tr td {
    vertical-align: top
}

.p-plan-old .con_plan_detail .box_plan_detail div.txt table.plan_table {
    width: 100%
}

@media only screen and (width >= 768px) {
    .p-plan-old .con_plan_detail .box_plan_detail div.txt table.plan_table tr td {
        padding: 1em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn {
    width: 270px;
    margin: auto;
    margin-top: 90px
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_btn {
        width: 80%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_btn {
        margin-top: 2em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn {
    width: 100%;
    margin: auto;
    margin-top: 30px
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #5796b5
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_btn p.btn a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail .box_btn p.btn a:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail .box_btn p.btn a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_btn p.btn a {
    -webkit-tap-highlight-color: transparent
}

.p-plan-old .touch .con_plan_detail .box_plan_detail .box_btn p.btn a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn a em {
    display: inline-block;
    vertical-align: middle
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn {
        margin-top: 1.5em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn:first-child {
    margin-top: 0
}

.p-plan-old .con_plan_detail .box_plan_detail .box_btn p.btn.btn_pdf a:after {
    width: 18px;
    height: 21px;
    content: "";
    background: url("../images/common/ic_pdf_w.png") no-repeat center center/cover
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page {
    display: table;
    width: 100%;
    margin-top: 70px;
    border-top: solid 1px #dfdfdf;
    border-bottom: solid 1px #dfdfdf
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page {
        margin-top: 2em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li {
    position: relative;
    z-index: 1;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    border-left: solid 1px #dfdfdf
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail ul.btn_page li {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail ul.btn_page li:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail ul.btn_page li.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-plan-old .touch .con_plan_detail .box_plan_detail ul.btn_page li {
    -webkit-tap-highlight-color: transparent
}

.p-plan-old .touch .con_plan_detail .box_plan_detail ul.btn_page li.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li:first-child {
    border: none
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li a {
    display: block;
    padding: 15px 0;
    text-align: center;
    text-decoration: none
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li a {
        padding: 0.5em 0
    }
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li a em {
    display: block;
    display: -webkit-box;
    width: 80%;
    margin: auto;
    overflow: hidden;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
}

.p-plan-old .firefox .con_plan_detail .box_plan_detail ul.btn_page li a em,.p-plan-old .ie .con_plan_detail .box_plan_detail ul.btn_page li a em {
    max-height: 1.5em
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li:before {
    position: absolute;
    top: 50%;
    z-index: 1;
    display: block;
    width: 0.3em;
    height: 0.3em;
    content: "";
    border-top: solid 1px #6b6b6b;
    border-right: solid 1px #6b6b6b
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_prev:before {
    left: 1em;
    -webkit-transform: translateY(-50%) rotate(-135deg);
    transform: translateY(-50%) rotate(-135deg)
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_prev: before {
        left:0.5em
    }
}

@media only screen and (width >= 1601px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_prev: before {
        left:1.5em
    }
}

@media print {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_prev:before {
        left: 1.5em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_next:before {
    right: 1em;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_next: before {
        right:0.5em
    }
}

@media only screen and (width >= 1601px) {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_next: before {
        right:1.5em
    }
}

@media print {
    .p-plan-old .con_plan_detail .box_plan_detail ul.btn_page li.btn_next:before {
        right: 1.5em
    }
}

.p-plan-old .con_plan_detail .box_plan_detail p.btn_top {
    width: 270px;
    margin: auto;
    margin-top: 40px
}

.p-plan-old .con_plan_detail .box_plan_detail p.btn_top a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #80bdda
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail p.btn_top a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-plan-old .mouse .con_plan_detail .box_plan_detail p.btn_top a:hover,.p-plan-old .touch .con_plan_detail .box_plan_detail p.btn_top a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-plan-old .touch .con_plan_detail .box_plan_detail p.btn_top a {
    -webkit-tap-highlight-color: transparent
}

.p-plan-old .touch .con_plan_detail .box_plan_detail p.btn_top a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-plan-old .con_plan_detail .box_plan_detail p.btn_top a em {
    display: inline-block;
    vertical-align: middle
}

.p-plan-old .con_plan_detail .box_plan_detail p.btn_top a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.btn_top {
        margin-top: 1.5em
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_plan_detail p.btn_top {
        width: 80%
    }
}

.p-plan-old .con_plan_detail .box_side {
    float: right;
    width: 23.33333%
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side {
        width: 28%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side {
        width: 100%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side {
        float: none
    }
}

.p-plan-old .con_plan_detail .box_side p.st {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    background-color: #80bdda
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side p.st {
        padding: 1em
    }
}

.p-plan-old .con_plan_detail .box_side p.st em {
    display: inline-block;
    color: #fff;
    vertical-align: middle
}

.p-plan-old .con_plan_detail .box_side p.st em.en {
    font-family: Montserrat,sans-serif;
    font-size: 144%
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side p.st em.en {
        font-size: 132%
    }
}

@media only screen and (width <= 767px) {
    .p-plan-old .con_plan_detail .box_side p.st em.en {
        font-size: 119%
    }
}

.p-plan-old .con_plan_detail .box_side p.st em.jp {
    font-size: 88%
}

.p-plan-old .con_plan_detail .box_side ul.link_cate {
    width: 100%
}

.p-plan-old .con_plan_detail .box_side ul.link_cate li {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: solid 1px #dfdfdf;
    -webkit-transition: background-color 0.5s;
    transition: background-color 0.5s
}

.p-plan-old .con_plan_detail .box_side ul.link_cate li a {
    display: block;
    padding: 1em 0 1em 2.5em;
    font-size: 94%;
    text-decoration: none
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side ul.link_cate li a {
        padding: 1em 0 1em 1.5em
    }
}

.p-plan-old .con_plan_detail .box_side ul.link_cate li:before {
    position: absolute;
    top: 50%;
    left: 1em;
    display: block;
    width: 0.3em;
    height: 0.3em;
    content: "";
    border-top: solid 2px #989899;
    border-right: solid 2px #989899;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-plan-old .con_plan_detail .box_side ul.link_cate li: before {
        left:0.5em
    }
}

.p-plan-old .con_plan_detail .box_side ul.link_cate li.active,.p-plan-old .con_plan_detail .box_side ul.link_cate li:hover {
    background-color: #efefef
}

.p-spa-program {
    padding-bottom: var(--space-section-md)
}

.p-spa-program__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media (max-width: 767px) {
    .p-spa-program__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4rem
    }
}

.p-spa-program__list-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-spa-program__list-item a {
    display: block
}

.p-spa-program__list-image {
    position: relative;
    aspect-ratio: 3/2
}

.p-spa-program__list-image:after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #000;
    opacity: 0.5
}

.p-spa-program__list-image img {
    position: relative;
    z-index: 0
}

.p-spa-program__list-heading {
    position: absolute;
    bottom: 2.5rem;
    left: 3rem;
    z-index: 2;
    color: #fff
}

@media (max-width: 1024px) {
    .p-spa-program__list-heading {
        bottom:1.5rem;
        left: 2rem;
        font-size: 1.8rem
    }
}

@media (max-width: 767px) {
    .p-spa-program__list-heading {
        bottom:1rem;
        left: 1.5rem
    }
}

.p-spa-program__list-body {
    padding: 2.4rem 3rem 0
}

@media (max-width: 1024px) {
    .p-spa-program__list-body {
        padding:2rem 3rem 0 0
    }
}

@media (max-width: 767px) {
    .p-spa-program__list-body {
        padding:2rem 0 0
    }
}

.p-spa-guide__header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 767px) {
    .p-spa-guide__header-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-spa-guide__header-heading {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 767px) {
    .p-spa-guide__header-heading {
        margin-bottom:3.2rem
    }
}

.p-spa-guide__header-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-spa-guide__body {
    margin-top: 8rem
}

@media (max-width: 1024px) {
    .p-spa-guide__body {
        margin-top:6rem
    }
}

.p-spa-guide__floor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .p-spa-guide__floor {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2rem
    }
}

.p-spa-guide__floor-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-spa-guide__info {
    margin-top: 8rem
}

@media (max-width: 1024px) {
    .p-spa-guide__info {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-spa-guide__info {
        margin-top:4rem
    }
}

.p-spa-guide__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-spa-guide__info-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        border-bottom: solid 1px var(--color-border-gray)
    }
}

.p-spa-guide__info-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-spa-guide__info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 2.4rem 0;
    border-top: solid 1px var(--color-border-gray)
}

.p-spa-guide__info-item:last-child {
    border-bottom: solid 1px var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-spa-guide__info-item:last-child {
        border-bottom:none
    }
}

@media (max-width: 1024px) {
    .p-spa-guide__info-item {
        padding:2rem 0
    }
}

.p-spa-guide__info-term {
    width: 25%;
    padding-right: 2rem
}

@media (max-width: 767px) {
    .p-spa-guide__info-term {
        width:11rem;
        padding-right: 1rem
    }
}

.p-spa-guide__info-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-spa-guide__info-desc-set {
    margin-top: 2rem
}

.p-spa-guide__info-desc-set:first-child {
    margin-top: 0
}

.p-spa-guide__info-button {
    margin-top: 2rem
}

.p-spa-guide__info-notice {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-spa-guide__info-notice {
        margin-top:2.4rem
    }
}

.p-spa-facilities {
    overflow: hidden
}

.p-spa-facilities__header {
    padding-bottom: 10rem
}

.p-spa-facilities__header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .p-spa-facilities__header-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (max-width: 1024px) {
    .p-spa-facilities__header-anchor {
        margin-top:6rem
    }
}

.p-spa-facilities__header-loopimg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 9.7222222222vw;
    overflow: hidden
}

@media (max-width: 1024px) {
    .p-spa-facilities__header-loopimg {
        margin-right:calc(var(--site-padding) * -1);
        margin-left: 0
    }
}

.p-spa-facilities__header-loopimg-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    -webkit-animation: marquee 25s linear infinite;
    animation: marquee 25s linear infinite;
    will-change: transform
}

@media (max-width: 1024px) {
    .p-spa-facilities__header-loopimg-item {
        width:200%
    }
}

@media (max-width: 767px) {
    .p-spa-facilities__header-loopimg-item {
        width:250%
    }
}

.p-spa-facilities__header-loopimg-img {
    width: 20%
}

.p-spa-content {
    padding-bottom: var(--space-section-lg);
    overflow: hidden
}

.p-spa-content__kv {
    height: 56.25vw;
    overflow: hidden
}

@media (max-width: 1024px) {
    .p-spa-content__kv {
        height:78.125vw
    }
}

@media (max-width: 767px) {
    .p-spa-content__kv {
        height:128vw
    }
}

.p-spa-content__intro {
    padding-top: 6rem
}

@media (max-width: 1024px) {
    .p-spa-content__intro {
        padding-top:0
    }
}

.p-spa-content__intro-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .p-spa-content__intro-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 6rem
    }
}

.p-spa-content__intro-col {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-spa-content__intro-floor {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em;
    position: relative;
    padding-top: 2.6rem;
    margin-bottom: 4rem;
    font-family: var(--font-family-eng)
}

.p-spa-content__intro-floor:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 5rem;
    height: 0.2rem;
    content: "";
    background-color: var(--color-blue)
}

@media (max-width: 1024px) {
    .p-spa-content__intro-floor {
        margin-bottom:3rem
    }
}

.p-top-section-header__heading {
    white-space: nowrap;
    font-family: var(--font-family-serif);
}

.p-spa-content__intro-text {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-spa-content__intro-text {
        margin-top:2.4rem
    }
}

.p-spa-content__program {
    margin-top: var(--space-section-sm)
}

.p-spa-content__program-heading {
    margin-bottom: 4rem
}

@media (max-width: 1024px) {
    .p-spa-content__program-heading {
        margin-bottom:3.2rem
    }
}

@media (max-width: 767px) {
    .p-spa-content__program-heading {
        margin-bottom:2.4rem
    }
}

.p-spa-content__program-list {
    overflow: visible
}

.p-spa-content__program-list-wrapper {
    overflow: visible
}

.p-spa-content__program-list-link {
    display: block
}

.p-spa-content__program-list-image {
    position: relative;
    aspect-ratio: 3/2
}

.p-spa-content__program-list-icon {
    position: absolute;
    right: 1.5rem;
    bottom: 1.5rem;
    z-index: 1
}

@media (max-width: 1024px) {
    .p-spa-content__program-list-icon {
        right:1rem;
        bottom: 1rem
    }
}

.p-spa-content__program-list-body {
    padding-top: 2.4rem
}

.p-spa-content__program-list-text {
    margin-top: 1.6rem
}

@media (max-width: 1024px) {
    .p-spa-content__program-list-text {
        font-size:1.3rem
    }
}

.p-spa-content__mapping {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: var(--space-section-sm);
    color: #fff;
    background-color: #000
}

@media (max-width: 1024px) {
    .p-spa-content__mapping {
        display:block
    }
}

@media (max-width: 767px) {
    .p-spa-content__mapping {
        margin-right:-1.5rem;
        margin-left: -1.5rem
    }
}

.p-spa-content__mapping-image {
    width: 50%
}

@media (max-width: 1024px) {
    .p-spa-content__mapping-image {
        width:100%;
        aspect-ratio: 16/9
    }
}

@media (max-width: 767px) {
    .p-spa-content__mapping-image {
        aspect-ratio:3/2
    }
}

.p-spa-content__mapping-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 50%;
    padding: 8rem
}

@media (max-width: 1024px) {
    .p-spa-content__mapping-body {
        width:100%;
        padding: 4rem
    }
}

@media (max-width: 767px) {
    .p-spa-content__mapping-body {
        padding:3rem
    }
}

.p-spa-content__mapping-heading {
    width: 100%
}

@media (max-width: 767px) {
    .p-spa-content__mapping-heading {
        font-size:1.8rem
    }
}

.p-spa-content__mapping-text {
    width: 100%;
    margin-top: 2.4rem
}

@media (max-width: 767px) {
    .p-spa-content__mapping-text {
        font-size:1.3rem
    }
}

.p-spa-content__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: var(--space-element-lg)
}

.p-spa-content-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.4rem
}

@media (max-width: 1024px) {
    .p-spa-content-sub {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }
}

.p-spa-content-sub__kv {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: clamp(68rem,47.2222222222vw,81rem);
    overflow: hidden
}

@media (max-width: 1024px) {
    .p-spa-content-sub__kv {
        height:78.125vw
    }
}

@media (max-width: 767px) {
    .p-spa-content-sub__kv {
        height:128vw
    }
}

.p-spa-content-sub__intro {
    width: clamp(52.3rem,36.3194444444vw,68rem);
    min-width: 52.3rem;
    padding-right: var(--site-padding);
    padding-left: 6rem
}

@media (max-width: 1024px) {
    .p-spa-content-sub__intro {
        width:100%;
        min-width: initial;
        padding: 0 var(--site-padding) 6rem
    }
}

.p-spa-content-sub {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0.4rem
}

@media (max-width: 1024px) {
    .p-spa-content-sub {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0
    }
}

.p-well-being-program__content {
    margin-top: var(--space-section-md)
}

.p-well-being-program__content:first-of-type {
    margin-top: 0
}

.p-well-being-program__content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-well-being-program__content-header {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2rem
    }
}

@media (max-width: 767px) {
    .p-well-being-program__content-header {
        row-gap:1rem
    }
}

.p-well-being-program__content-header-col {
    width: 50%
}

@media (max-width: 1024px) {
    .p-well-being-program__content-header-col {
        width:100%
    }
}

.p-well-being-program__content-body {
    margin-top: 6rem
}

@media (max-width: 767px) {
    .p-well-being-program__content-body {
        margin-top:4.8rem
    }
}

.p-well-being-program__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-well-being-program__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1.5rem
    }
}

.p-well-being-program__list-item {
    width: calc((100% - 4rem) / 2)
}

@media (max-width: 1024px) {
    .p-well-being-program__list-item {
        width:100%
    }
}

@media (max-width: 767px) {
    .p-well-being-program__list-item {
        height:12rem
    }
}

.p-well-being-program__card {
    height: 100%
}

.p-well-being-program__card-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background: var(--color-bg-light-gray)
}

.p-well-being-program__card-image {
    width: 40%;
    aspect-ratio: 240/160
}

@media (max-width: 1024px) {
    .p-well-being-program__card-image {
        width:30%
    }
}

@media (max-width: 767px) {
    .p-well-being-program__card-image {
        width:25%
    }
}

.p-well-being-program__card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 2.5rem 2rem 3rem
}

@media (max-width: 767px) {
    .p-well-being-program__card-body {
        width:25%;
        padding: 1rem 1rem 1rem 2rem
    }
}

.p-well-being-program__card-body-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.8rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding-right: 2.4rem;
    border-right: 1px solid var(--color-border-light-gray)
}

@media (max-width: 767px) {
    .p-well-being-program__card-body-inner {
        padding:1.2rem 1.2rem 1.2rem 0
    }
}

.p-well-being-program__card-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    opacity: 0.5
}

@media (max-width: 767px) {
    .p-well-being-program__card-label {
        font-size:1rem
    }
}

.p-well-being-program__card-title {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-well-being-program__card-title {
        font-size:1.4rem
    }
}

.p-well-being-program__card-icon {
    padding-left: 2.4rem;
    margin-left: auto
}

@media (max-width: 767px) {
    .p-well-being-program__card-icon {
        padding-left:1rem
    }
}

.p-well-being-program__box {
    padding: 4rem;
    margin-top: var(--space-section-sm);
    border: solid 1px var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-well-being-program__box {
        padding:3rem
    }
}

@media (max-width: 767px) {
    .p-well-being-program__box {
        padding:2rem
    }
}

.p-well-being-modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh
}

@media (max-width: 1024px) {
    .p-well-being-modal__wrapper {
        display:block
    }
}

.p-well-being-modal__header {
    position: relative;
    width: 50%
}

@media (max-width: 1024px) {
    .p-well-being-modal__header {
        width:100%
    }
}

.p-well-being-modal__vis {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh
}

@media (max-width: 1024px) {
    .p-well-being-modal__vis {
        height:auto;
        aspect-ratio: 3/2
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__vis {
        aspect-ratio:1/1
    }
}

.p-well-being-modal__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
}

@media (max-width: 1024px) {
    .p-well-being-modal__body {
        width:100%
    }
}

.p-well-being-modal__body-inner {
    padding: 10rem 6.9444444444vw
}

.p-well-being-modal__body-inner>:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .p-well-being-modal__body-inner {
        max-width:64rem;
        padding: 6rem 4rem;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__body-inner {
        padding:6rem var(--site-padding)
    }
}

.p-well-being-modal__label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    margin-bottom: 3rem;
    font-family: var(--font-family-eng);
    opacity: 0.5
}

.p-well-being-modal__heading {
    margin-bottom: 6rem
}

@media (max-width: 767px) {
    .p-well-being-modal__heading {
        margin-bottom:4.8rem
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__heading {
        margin-bottom:4rem
    }
}

.p-well-being-modal__text {
    margin-top: 1.5em
}

.p-well-being-modal__note {
    padding: 3rem;
    margin-top: 3.2rem;
    background-color: var(--color-bg-light-gray)
}

@media (max-width: 767px) {
    .p-well-being-modal__note {
        padding:2rem;
        margin-top: 2.4rem
    }
}

.p-well-being-modal__image {
    margin-top: 8rem;
    margin-bottom: 5rem
}

@media (max-width: 1024px) {
    .p-well-being-modal__image {
        height:auto;
        aspect-ratio: 3/2;
        margin-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__image {
        margin-top:6rem;
        margin-bottom: 3.2rem
    }
}

.p-well-being-modal__table {
    margin-top: 6rem;
    border-top: solid 1px var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-well-being-modal__table {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__table {
        margin-top:4rem
    }
}

.p-well-being-modal__info {
    margin-top: 4rem
}

.p-well-being-modal__info-heading {
    padding: 1.2rem 0;
    border-top: solid 1px var(--color-border-gray);
    border-bottom: solid 1px var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-well-being-modal__info-heading {
        padding:1rem 0
    }
}

.p-well-being-modal__info-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    margin-top: 2rem
}

.p-well-being-modal__info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-well-being-modal__info-term {
    width: 18rem;
    font-weight: 600
}

.p-well-being-modal__info-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-well-being-modal__block {
    padding-top: 6rem;
    padding-bottom: 6rem
}

.p-well-being-modal__block[data-border=gray] {
    border-top: solid 1px var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-well-being-modal__block {
        padding-top:5rem;
        padding-bottom: 5rem
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__block {
        padding-top:4rem;
        padding-bottom: 4rem
    }
}

.p-well-being-modal__list {
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-well-being-modal__list {
        margin-top:2.8rem
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__list {
        margin-top:2.4rem
    }
}

.p-well-being-modal__youtube {
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-well-being-modal__youtube {
        margin-top:2.8rem
    }
}

@media (max-width: 767px) {
    .p-well-being-modal__youtube {
        margin-top:2.4rem
    }
}

.p-spa-treatment__lead-note {
    padding: 2rem;
    margin-top: 4rem;
    background: var(--color-bg-light-gray)
}

@media (max-width: 1024px) {
    .p-spa-treatment__lead-note {
        margin-top:3.6rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment__lead-note {
        margin-top:3.2rem
    }
}

.p-spa-treatment__lead-note-text {
    position: relative;
    margin-top: 0.8rem
}

.p-spa-treatment__lead-note-text:first-child {
    margin-top: 0
}

.p-spa-treatment__lead-note-text-icon {
    position: absolute;
    top: 0;
    left: 0
}

.p-spa-treatment__lead-note-text-desc {
    display: block;
    padding-left: 2.2em
}

.p-spa-treatment-guide__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-spa-treatment-guide__inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-spa-treatment-guide__content {
    width: 50%;
    padding-right: 6rem
}

@media (max-width: 1024px) {
    .p-spa-treatment-guide__content {
        width:100%;
        padding-right: 0
    }
}

.p-spa-treatment-guide__table {
    margin-top: 6rem
}

@media (max-width: 1024px) {
    .p-spa-treatment-guide__table {
        margin-top:4.8rem;
        border-top: 1px solid var(--color-border-gray)
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-guide__table {
        margin-top:4rem
    }
}

.p-spa-treatment-guide__image {
    position: relative;
    width: 50%
}

@media (max-width: 1024px) {
    .p-spa-treatment-guide__image {
        width:calc(100% + var(--site-padding));
        aspect-ratio: 345/376;
        margin-top: 8rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-guide__image {
        margin-top:6rem
    }
}

.p-spa-treatment-guide__image-item {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50vw - 2rem);
    height: 100%;
    overflow: hidden
}

@media (max-width: 1024px) {
    .p-spa-treatment-guide__image-item {
        width:100%
    }
}

.p-spa-treatment-guide__reservation {
    margin-top: 8.8rem;
    background: var(--color-bg-light-gray)
}

@media (max-width: 1024px) {
    .p-spa-treatment-guide__reservation {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-guide__reservation {
        margin-top:4rem
    }
}

.p-spa-treatment-guide__reservation-inner {
    padding: 5rem;
    text-align: center
}

@media (max-width: 1024px) {
    .p-spa-treatment-guide__reservation-inner {
        padding:3.2rem 3.2rem 4rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-guide__reservation-inner {
        padding:2.8rem 2rem 4rem
    }
}

.p-spa-treatment-guide__reservation-text {
    margin-top: 2rem;
    margin-bottom: 3rem;
    text-align: center
}

@media (max-width: 767px) {
    .p-spa-treatment-guide__reservation-text {
        margin-top:1.6rem;
        text-align: left
    }
}

.p-spa-treatment-slider {
    position: relative;
    margin-top: 10rem
}

@media (max-width: 1024px) {
    .p-spa-treatment-slider {
        margin-top:8rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-slider {
        margin-top:6rem
    }
}

.p-spa-treatment-slider__inner {
    width: 100vw;
    overflow: hidden
}

.p-spa-treatment-slider__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem
}

.p-spa-treatment-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    width: 150.5555555556vw;
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
    will-change: transform
}

@media (max-width: 1024px) {
    .p-spa-treatment-slider__item {
        width:208.3333333333vw
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-slider__item {
        width:270.1333333333vw
    }
}

.p-spa-treatment-slider__img {
    width: 33.3333%
}

.p-spa-treatment-slider__heading {
    font-size: 12rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    bottom: 0;
    left: 50%;
    font-family: var(--font-family-eng);
    color: var(--color-blue);
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translate(-50%,50%);
    transform: translate(-50%,50%)
}

@media (max-width: 1024px) {
    .p-spa-treatment-slider__heading {
        font-size:7.6rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-slider__heading {
        font-size:4.8rem;
        -webkit-transform: translate(-50%,30%);
        transform: translate(-50%,30%)
    }
}

.p-spa-treatment-program__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 6rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-spa-treatment-program__list {
        row-gap:4.8rem;
        -webkit-column-gap: 2.4rem;
        -moz-column-gap: 2.4rem;
        column-gap: 2.4rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-program__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4rem
    }
}

.p-spa-treatment-program__list-item {
    width: calc(50% - 2rem)
}

@media (max-width: 1024px) {
    .p-spa-treatment-program__list-item {
        width:calc(50% - 1.2rem)
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-program__list-item {
        width:100%
    }
}

.p-spa-treatment-program__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.p-spa-treatment-program__card-image {
    position: relative
}

.p-spa-treatment-program__card-tag {
    font-size: 1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.6rem 1rem;
    color: #fff;
    text-align: center;
    background: var(--color-blue);
    border-radius: 10rem
}

@media (max-width: 767px) {
    .p-spa-treatment-program__card-tag {
        top:1rem;
        left: 1rem
    }
}

.p-spa-treatment-program__card-body {
    margin-top: 2.6rem
}

@media (max-width: 767px) {
    .p-spa-treatment-program__card-body {
        margin-top:2.4rem
    }
}

.p-spa-treatment-program__card-heading {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng)
}

.p-spa-treatment-program__card-heading span {
    font-size: 1.8rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    display: inline-block;
    padding-left: 0.8rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-spa-treatment-program__card-heading {
        font-size:2rem
    }

    .p-spa-treatment-program__card-heading span {
        font-size: 1.6rem
    }
}

.p-spa-treatment-program__card-text {
    margin-top: 2.6rem
}

@media (max-width: 767px) {
    .p-spa-treatment-program__card-text {
        margin-top:2.4rem
    }
}

.p-spa-treatment-program__card-footer {
    padding-top: 2rem;
    margin-top: auto
}

.p-spa-treatment-program__card-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    min-height: 4rem;
    padding: 0.8rem 1.2rem;
    background: var(--color-bg-gray);
    border-radius: 2rem
}

@media (max-width: 1024px) {
    .p-spa-treatment-program__card-meta {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        row-gap: 0.4rem;
        padding: 0.8rem 1rem;
        border-radius: 5rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-program__card-meta {
        border-radius:4rem
    }
}

.p-spa-treatment-program__card-meta-item {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    margin-right: 1rem
}

.p-spa-treatment-program__card-meta-item:after {
    padding-left: 1rem;
    content: "/";
    opacity: 0.2
}

.p-spa-treatment-program__card-meta-item:last-child {
    margin-right: 0
}

.p-spa-treatment-program__card-meta-item:last-child:after {
    display: none
}

@media (max-width: 1024px) {
    .p-spa-treatment-program__card-meta-item {
        margin-right:0.8rem;
        font-size: 1.4rem
    }

    .p-spa-treatment-program__card-meta-item:after {
        padding-left: 0.8rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-program__card-meta-item {
        margin-right:0.8rem;
        font-size: 1.3rem
    }

    .p-spa-treatment-program__card-meta-item:after {
        padding-left: 0.8rem
    }
}

.p-spa-treatment-program__card-note {
    padding: 2rem;
    margin-top: 2rem;
    background: var(--color-bg-light-gray)
}

@media (max-width: 767px) {
    .p-spa-treatment-program__card-note {
        padding:1.5rem
    }
}

.p-spa-treatment-program__card-note-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-spa-treatment-program__card-note-item-icon {
    padding-right: 1rem
}

.p-spa-treatment-contact {
    position: relative;
    padding: 12rem 0;
    color: #fff
}

@media (max-width: 1024px) {
    .p-spa-treatment-contact {
        padding:8rem 0
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-contact {
        padding:6rem 0
    }
}

.p-spa-treatment-contact__inner {
    position: relative;
    z-index: 10;
    text-align: center
}

.p-spa-treatment-contact__heading {
    margin-bottom: 0
}

.p-spa-treatment-contact__time {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    margin-top: 0.6rem;
    font-family: var(--font-family-eng-sub)
}

@media (max-width: 767px) {
    .p-spa-treatment-contact__time {
        margin-top:0.4rem;
        font-size: 1.4rem
    }
}

.p-spa-treatment-contact__note {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.6rem
}

@media (max-width: 767px) {
    .p-spa-treatment-contact__note {
        margin-top:0.4rem;
        font-size: 1rem
    }
}

.p-spa-treatment-contact__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 3rem
}

@media (max-width: 767px) {
    .p-spa-treatment-contact__button {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.8rem;
        margin-top: 2.4rem
    }
}

.p-spa-treatment-contact__tel {
    margin-top: 3rem
}

@media (max-width: 767px) {
    .p-spa-treatment-contact__tel {
        margin-top:2.4rem
    }
}

.p-spa-treatment-contact__tel-number {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)
}

.p-spa-treatment-contact__tel-number small {
    font-size: 1.6rem
}

@media (max-width: 767px) {
    .p-spa-treatment-contact__tel-number {
        font-size:2rem
    }

    .p-spa-treatment-contact__tel-number small {
        font-size: 1.4rem
    }
}

.p-spa-treatment-contact__tel-note {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 0.6rem
}

@media (max-width: 767px) {
    .p-spa-treatment-contact__tel-note {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.2rem
    }
}

.p-spa-treatment-contact__tel-note-item {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 767px) {
    .p-spa-treatment-contact__tel-note-item {
        font-size:1.2rem
    }
}

.p-spa-treatment-contact__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-spa-treatment-contact__bg-cover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: var(--color-dark);
    opacity: 0.8
}

.p-spa-treatment-contact__bg-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.p-spa-treatment-information__inner {
    max-width: 83.3%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-spa-treatment-information__inner {
        max-width:100%
    }
}

.p-spa-treatment-information__block {
    margin-top: 4rem
}

.p-spa-treatment-information__block:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .p-spa-treatment-information__block {
        margin-top:3.2rem
    }
}

@media (max-width: 767px) {
    .p-spa-treatment-information__block {
        margin-top:2.8rem
    }
}

.p-spa-treatment-information__heading {
    margin-bottom: 1.2rem
}

@media (max-width: 767px) {
    .p-spa-treatment-information__heading {
        margin-bottom:0.8rem
    }
}

.p-spa-treatment-information__text {
    margin-top: 1.2rem
}

@media (max-width: 767px) {
    .p-spa-treatment-information__text {
        margin-top:0.8rem
    }
}

.p-spa-treatment-information__list {
    margin-top: 1.2rem
}

@media (max-width: 767px) {
    .p-spa-treatment-information__list {
        margin-top:0.8rem
    }
}

.p-spa-treatment-information__button {
    margin-top: 1.2rem
}

@media (max-width: 767px) {
    .p-spa-treatment-information__button {
        margin-top:0.8rem
    }
}

.p-faq-type {
    padding-bottom: var(--space-section-lg)
}

.p-faq-type__header {
    padding-left: var(--site-padding)
}

.p-faq-type__header-inner {
    position: relative;
    padding-left: max(9.0277777778vw,13rem)
}

@media (max-width: 1024px) {
    .p-faq-type__header-inner {
        padding-left:0
    }
}

.p-faq-type__header-heading {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .p-faq-type__header-heading {
        position:relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.6rem;
        padding-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .p-faq-type__header-heading {
        padding-bottom:3.2rem
    }
}

.p-faq-type__header-heading-main {
    font-size: 4.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

@media (max-width: 1024px) {
    .p-faq-type__header-heading-main {
        font-size:4rem;
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial
    }
}

@media (max-width: 767px) {
    .p-faq-type__header-heading-main {
        font-size:3.2rem
    }
}

.p-faq-type__header-heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    margin-left: 1.5rem;
    font-family: var(--font-family-serif);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

@media (max-width: 1024px) {
    .p-faq-type__header-heading-sub {
        margin-left:0;
        font-size: 1.3rem;
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial
    }
}

@media (max-width: 767px) {
    .p-faq-type__header-heading-sub {
        font-size:1.2rem
    }
}

.p-faq-type__mv {
    overflow: hidden
}

.p-faq-type__mv-slider {
    position: relative
}

.p-faq-type__mv-slider-wrapper {
    overflow: hidden
}

.p-faq-type__mv-slider-item {
    aspect-ratio: 16/9
}

@media (max-width: 767px) {
    .p-faq-type__mv-slider-item {
        aspect-ratio:1/1
    }
}

.p-faq-type__mv-slider-item-caption {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    right: 3rem;
    bottom: 3.4rem;
    font-family: var(--font-family-eng);
    color: #fff
}

@media (max-width: 1024px) {
    .p-faq-type__mv-slider-item-caption {
        right:2rem;
        bottom: 2rem;
        font-size: 1.4rem
    }
}

@media (max-width: 767px) {
    .p-faq-type__mv-slider-item-caption {
        right:1.5rem;
        bottom: 1.5rem
    }
}

.p-faq-type__mv-slider-nav {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 58.2258064516%;
    height: 10rem;
    background: var(--color-bg-primary)
}

@media (max-width: 1024px) {
    .p-faq-type__mv-slider-nav {
        position:static;
        width: 100%;
        height: auto;
        margin-top: 1.5rem
    }
}

@media (max-width: 767px) {
    .p-faq-type__mv-slider-nav {
        margin-top:1rem
    }
}

.p-faq-type__body {
    padding-right: var(--site-padding);
    padding-left: max(15.2777777778vw,22rem);
    margin-top: 2rem
}

@media (max-width: 1024px) {
    .p-faq-type__body {
        padding-left:var(--site-padding);
        margin-top: 5rem
    }
}

.p-faq-type__list {
    /* margin-top: 6rem; */
    border-bottom: 1px solid var(--color-border-gray)
}

.p-faq-type__list-button {
    margin-top: 4rem
}

.p-faq-type-faq__header {
    position: relative;
    cursor: pointer
}

.p-faq-type-faq__header:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    content: "";
    background: rgb(255 255 255 / 12%);
}

.is-open .p-faq-type-faq__header:before {
    height: 2px;
    background: var(--color-dark)
}

.p-faq-type-faq__header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0
}

@media (max-width: 1024px) {
    .p-faq-type-faq__header-inner {
        padding:3.2rem 0
    }
}

@media (max-width: 767px) {
    .p-faq-type-faq__header-inner {
        padding:2.4rem 0
    }
}

.p-faq-type-faq__name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
}

@media (max-width: 767px) {
    .p-faq-type-faq__name {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.p-faq-type-faq__name-main {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-faq-type-faq__name-main {
        font-size:2rem
    }
}

@media (max-width: 767px) {
    .p-faq-type-faq__name-main {
        font-size:1.6rem
    }
}

.p-faq-type-faq__name-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-l);
    margin-left: 1.2rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-faq-type-faq__name-sub {
        margin-left:0
    }
}

.p-faq-type-faq__header-icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto
}

@media (max-width: 767px) {
    .p-faq-type-faq__header-icon {
        width:1.1rem;
        height: 1.1rem
    }
}

.p-faq-type-faq__header-icon-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: #ffffff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-open .p-faq-type-faq__header-icon-1 {
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

.p-faq-type-faq__header-icon-2 {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #ffffff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-faq-type-faq__body {
    height: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.is-open .p-faq-type-faq__body {
    height: auto;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.p-faq-type-faq__slider {
    width: 100%;
    overflow: hidden
}

.p-faq-type-faq__slider-item {
    aspect-ratio: 16/9
}

@media (max-width: 767px) {
    .p-faq-type-faq__slider-item {
        aspect-ratio:3/2
    }
}

.p-faq-type-faq__slider-nav {
    margin-top: 2.4rem
}

@media (max-width: 1024px) {
    .p-faq-type-faq__slider-nav {
        margin-top:1.5rem
    }
}

@media (max-width: 767px) {
    .p-faq-type-faq__slider-nav {
        margin-top:1rem
    }
}

.p-faq-type-faq__body-inner {
    max-width: 120rem;
    padding-bottom: 8rem;
    margin-top: 1.2rem;
}

@media (max-width: 1024px) {
    .p-faq-type-faq__body-inner {
        padding-bottom:6rem;
        margin-top: 5rem
    }
}

@media (max-width: 767px) {
    .p-faq-type-faq__body-inner {
        padding-bottom:4rem;
        margin-top: 1rem;
    }
}

.p-faq-type-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1024px) {
    .p-faq-type-detail {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        max-width: 60rem;
        margin-right: auto;
        margin-left: auto
    }
}

.p-faq-type-detail__main {
    width: 54.5454545455%
}

@media (max-width: 1024px) {
    .p-faq-type-detail__main {
        width:100%
    }
}

.p-faq-type-detail__text {
    margin-top: 1.5em
}

.p-faq-type-detail__text:first-of-type {
    margin-top: 0
}

.p-faq-type-detail__side {
    width: 36.3636363636%
}

@media (max-width: 1024px) {
    .p-faq-type-detail__side {
        width:100%;
        /* margin-top: 3.2rem; */
    }
}

.p-faq-type-detail__side-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--color-border-gray)
}

[data-color=white] .p-faq-type-detail__side-list-item {
    border-bottom: 1px solid var(--color-border-white-gray)
}

.p-faq-type-detail__side-list-item-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-l);
    width: 4.8rem
}

.is-en .p-faq-type-detail__side-list-item-label {
    width: 8rem
}

.p-faq-type-detail__side-list-item-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 1.2rem;
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-l)
}

.p-faq-type-detail__side-button {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-faq-type-detail__side-button {
        margin-top:3.2rem
    }
}

.p-faq-suite {
    color: #fff;
    background: var(--color-bg-dark)
}

.p-faq-suite__mv {
    position: relative
}

.p-faq-suite__mv-heading {
    position: absolute;
    top: 8.8rem;
    left: var(--site-padding);
    z-index: 10;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1024px) {
    .p-faq-suite__mv-heading {
        top:auto;
        bottom: 4rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.6rem
    }
}

.p-faq-suite__mv-heading-main {
    font-size: 4.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

@media (max-width: 1024px) {
    .p-faq-suite__mv-heading-main {
        font-size:4rem;
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial
    }
}

@media (max-width: 767px) {
    .p-faq-suite__mv-heading-main {
        font-size:3.2rem
    }
}

.p-faq-suite__mv-heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    margin-left: 1.5rem;
    font-family: var(--font-family-serif);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

@media (max-width: 1024px) {
    .p-faq-suite__mv-heading-sub {
        margin-left:0;
        font-size: 1.3rem;
        -webkit-writing-mode: initial;
        -ms-writing-mode: initial;
        writing-mode: initial
    }
}

@media (max-width: 767px) {
    .p-faq-suite__mv-heading-sub {
        font-size:1.2rem
    }
}

.p-faq-suite__mv-caption {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    position: absolute;
    right: 3.2rem;
    bottom: 3.2rem;
    z-index: 10;
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-faq-suite__mv-caption {
        right:2rem;
        bottom: 2rem;
        font-size: 1.4rem
    }
}

@media (max-width: 767px) {
    .p-faq-suite__mv-caption {
        right:1.5rem;
        bottom: 1.5rem
    }
}

.p-faq-suite__mv-image {
    position: relative;
    z-index: 1;
    aspect-ratio: 16/11
}

@media (max-width: 767px) {
    .p-faq-suite__mv-image {
        aspect-ratio:375/500
    }
}

.p-faq-suite__mv-image-cover {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 32.4444444444%;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(34,30,30,0)),to(#221e1e));
    background: linear-gradient(180deg,rgba(34,30,30,0) 0%,#221e1e 100%)
}

.p-faq-suite__mv-image-item {
    height: 100%;
    overflow: hidden
}

.p-faq-suite__lead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-top: 12rem;
    padding-bottom: 12rem
}

@media (max-width: 1024px) {
    .p-faq-suite__lead {
        display:block;
        padding-top: 10rem;
        padding-bottom: 10rem
    }
}

@media (max-width: 767px) {
    .p-faq-suite__lead {
        padding-top:6rem;
        padding-bottom: 8rem
    }
}

.p-faq-suite__lead-copy {
    width: 50%;
    padding-left: 2rem
}

@media (max-width: 1024px) {
    .p-faq-suite__lead-copy {
        width:100%;
        padding-left: 0
    }
}

.p-faq-suite__spa-slider {
    position: relative;
    overflow: hidden
}

.p-faq-suite__spa-slider-item {
    aspect-ratio: 16/9
}

@media (max-width: 767px) {
    .p-faq-suite__spa-slider-item {
        aspect-ratio:3/2
    }
}

.p-faq-suite__spa-slider-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 83%;
    margin: 2rem auto 0
}

.p-faq-type__spa-body-inner {
    max-width: 83%;
    padding: 8rem 0 12rem;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-faq-type__spa-body-inner {
        max-width:60rem;
        padding: 6rem 0 10rem
    }
}

@media (max-width: 1024px) {
    .p-faq-type__spa-body-inner {
        padding:4rem 0 8rem
    }
}

.p-faq-suite__en-suite-slider-item {
    aspect-ratio: 16/9
}

@media (max-width: 767px) {
    .p-faq-suite__en-suite-slider-item {
        aspect-ratio:3/2
    }
}

.p-faq-suite__en-suite-slider-nav {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 83%;
    margin: 2rem auto 0
}

@media (max-width: 1024px) {
    .p-faq-suite__en-suite-slider-nav {
        max-width:60rem;
        margin-top: 1.5rem
    }
}

@media (max-width: 1024px) {
    .p-faq-suite__en-suite-slider-nav {
        margin-top:1rem
    }
}

.p-faq-suite__en-suite-body {
    position: relative;
    z-index: 10
}

.p-faq-suite__en-suite-inner {
    max-width: 83%;
    padding-bottom: 20rem;
    margin: 2rem auto 0
}

@media (max-width: 1024px) {
    .p-faq-suite__en-suite-inner {
        max-width:60rem;
        padding-bottom: 12rem
    }
}

@media (max-width: 767px) {
    .p-faq-suite__en-suite-inner {
        padding-bottom:8rem
    }
}

.p-faq-suite__en-suite-heading {
    margin-top: -9rem;
    margin-bottom: 8rem;
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-faq-suite__en-suite-heading {
        margin-top:-8rem;
        margin-bottom: 6rem;
        font-size: 6rem
    }
}

@media (max-width: 767px) {
    .p-faq-suite__en-suite-heading {
        margin-top:-7rem;
        margin-bottom: 4rem;
        font-size: 4rem
    }
}

.p-faq-suite__en-suite-heading-main {
    font-size: 8rem;
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en)
}

@media (max-width: 1024px) {
    .p-faq-suite__en-suite-heading-main {
        font-size:6rem
    }
}

@media (max-width: 767px) {
    .p-faq-suite__en-suite-heading-main {
        font-size:4rem
    }
}

.p-faq-reservation {
    padding: var(--space-section-sm) 0
}

.p-faq-reservation__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 767px) {
    .p-faq-reservation__button {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1rem
    }
}

.p-faq-services__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 5.6rem
}

@media (max-width: 767px) {
    .p-faq-services__list {
        row-gap:4.8rem
    }
}

.p-faq-services__list-item-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5.5555555556vw;
    -moz-column-gap: 5.5555555556vw;
    column-gap: 5.5555555556vw
}

@media (max-width: 1024px) {
    .p-faq-services__list-item-inner {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-faq-services__list-item-heading {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading-eng);
    letter-spacing: var(--letter-spacing-heading-en);
    display: block;
    width: 17.6rem;
    padding-top: 2rem;
    margin-bottom: auto;
    font-family: var(--font-family-eng);
    border-top: 1px solid var(--color-border-dark-gray)
}

@media (max-width: 1024px) {
    .p-faq-services__list-item-heading {
        width:100%;
        margin-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .p-faq-services__list-item-heading {
        margin-bottom:3.2rem
    }
}

.p-faq-services__list-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-column-gap: 5.5555555556vw;
    -moz-column-gap: 5.5555555556vw;
    column-gap: 5.5555555556vw
}

@media (max-width: 767px) {
    .p-faq-services__list-item-content {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2.4rem
    }
}

.p-faq-services__list-item-image {
    -ms-flex-item-align: start;
    align-self: flex-start;
    width: 31.3%;
    aspect-ratio: 10/9
}

@media (max-width: 767px) {
    .p-faq-services__list-item-image {
        width:100%
    }
}

.p-faq-services__list-item-body {
    width: 61%
}

@media (max-width: 767px) {
    .p-faq-services__list-item-body {
        width:100%
    }
}

.p-faq-services__list-item-copy {
    margin-bottom: 2.4rem
}

@media (max-width: 767px) {
    .p-faq-services__list-item-copy {
        margin-bottom:1.6rem
    }
}

.p-faq-services__list-item-button {
    margin-top: 3.2rem
}

@media (max-width: 767px) {
    .p-faq-services__list-item-button {
        margin-top:2.4rem
    }
}

.p-faq-quality {
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(#30517b),color-stop(52%,#006876),color-stop(99%,#31527c));
    background: linear-gradient(180deg,#30517b 0%,#006876 52%,#31527c 99%)
}

.p-faq-quality__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 767px) {
    .p-faq-quality__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4rem
    }
}

.p-faq-quality__list-item {
    position: relative;
    width: 50%
}

.p-faq-quality__list-item:first-child {
    padding-right: 6rem;
    padding-left: 6.8rem;
    border-right: 1px solid var(--color-border-white-gray)
}

.p-faq-quality__list-item:last-child {
    padding-right: 6.8rem;
    padding-left: 6rem
}

@media (max-width: 1024px) {
    .p-faq-quality__list-item:first-child {
        padding-right:4rem;
        padding-left: 4.8rem
    }

    .p-faq-quality__list-item:last-child {
        padding-right: 4.8rem;
        padding-left: 4rem
    }
}

@media (max-width: 767px) {
    .p-faq-quality__list-item {
        width:100%
    }

    .p-faq-quality__list-item:first-child {
        padding-right: 0;
        padding-bottom: 4rem;
        padding-left: 4rem;
        border-right: none;
        border-bottom: 1px solid var(--color-border-white-gray)
    }

    .p-faq-quality__list-item:last-child {
        padding-right: 4rem;
        padding-left: 0
    }
}

.p-faq-quality__list-item-heading {
    position: absolute;
    top: 0;
    height: 500px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

.p-faq-quality__list-item:first-child .p-faq-quality__list-item-heading {
    left: 0
}

.p-faq-quality__list-item:last-child .p-faq-quality__list-item-heading {
    right: 0
}

@media (max-width: 1024px) {
    .p-faq-quality__list-item-heading .c-heading-set__main {
        font-size:2rem
    }
}

@media (max-width: 767px) {
    .p-faq-quality__list-item-heading .c-heading-set__main {
        font-size:1.8rem
    }
}

.p-faq-quality__list-item-image {
    aspect-ratio: 3/2
}

.p-faq-quality__list-item-content {
    margin-top: 2.4rem
}

.p-faq-quality__list-item-copy {
    margin-bottom: 2.4rem
}

.p-faq-quality__amenity {
    padding-top: 6rem;
    margin-top: 8rem;
    border-top: 1px solid var(--color-border-white-gray)
}

@media (max-width: 1024px) {
    .p-faq-quality__amenity {
        padding-top:6rem;
        margin-top: 8rem
    }
}

@media (max-width: 767px) {
    .p-faq-quality__amenity {
        padding-top:4rem;
        margin-top: 4rem
    }
}

.p-faq-quality__amenity-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-faq-quality__amenity-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2.4rem
    }
}

.p-faq-quality__amenity-col {
    width: 50%
}

@media (max-width: 1024px) {
    .p-faq-quality__amenity-col {
        width:100%;
        padding: 0 4.8rem
    }
}

@media (max-width: 767px) {
    .p-faq-quality__amenity-col {
        width:100%;
        padding: 0
    }
}

.p-faq-quality__amenity-iamge {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media (max-width: 1024px) {
    .p-faq-quality__amenity-iamge {
        max-width:50rem;
        margin: 0 auto
    }
}

.p-faq-quality__amenity-iamge-item {
    width: 46.393442623%;
    aspect-ratio: 4/6
}

.p-faq-quality__amenity-iamge-item:last-child {
    margin-top: auto
}

@media (max-width: 1024px) {
    .p-faq-quality__amenity-iamge-item:last-child {
        margin-top:6rem
    }
}

@media (max-width: 1024px) {
    .p-faq-quality__amenity-heading .c-heading-set__main {
        font-size:2rem
    }
}

@media (max-width: 767px) {
    .p-faq-quality__amenity-heading .c-heading-set__main {
        font-size:1.8rem
    }
}

.p-faq-quality__amenity-button {
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-faq-quality__amenity-button {
        margin-top:2.4rem
    }
}

.p-faq-quality__amenity-equipment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 6rem
}

@media (max-width: 767px) {
    .p-faq-quality__amenity-equipment {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 6rem
    }
}

.p-faq-quality__amenity-equipment-block {
    width: 50%;
    padding-left: 2rem;
    border-left: 1px solid var(--color-border-white-gray)
}

@media (max-width: 767px) {
    .p-faq-quality__amenity-equipment-block {
        width:100%
    }
}

.p-faq-quality__amenity-equipment-heading {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

.p-faq-quality__amenity-equipment-list {
    margin-top: 1.6rem
}

.p-faq-quality__amenity-equipment-list-item {
    font-size: 1.2rem;
    font-weight: var(--font-weight-medium);
    line-height: 2;
    letter-spacing: var(--letter-spacing-m)
}

.p-faq-quality__amenity-equipment-button {
    margin-top: 2.4rem
}

.p-faq-quality__amenity-equipment-button .c-button-rect {
    width: 100%;
    min-width: auto
}

.p-faq-information__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    .p-faq-information__row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4.8rem
    }
}

.p-faq-information__col {
    width: 41.6666666667%
}

@media (max-width: 1024px) {
    .p-faq-information__col {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1;
        width: 50%
    }
}

@media (max-width: 767px) {
    .p-faq-information__col {
        width:100%
    }

    .p-faq-information__col:last-child {
        padding-top: 4.8rem;
        border-top: solid 1px var(--color-border-gray)
    }
}

.p-faq-information__close-text {
    margin-top: 2.4rem
}

.p-faq-information__close-button {
    margin-top: 2.4rem
}

.p-faq-information__check-in-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding: 2rem 0;
    border-bottom: 1px solid var(--color-border-dark-gray)
}

.p-faq-information__check-in-list-item:first-child {
    padding-top: 0;
    padding-bottom: 0.8rem
}

@media (max-width: 1024px) {
    .p-faq-information__check-in-list-item {
        padding:1.2rem 0
    }
}

.p-faq-information__check-in-list-item-col {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    width: 33.3333%
}

.p-faq-information__check-in-list-item-col[data-type=label] {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng-sub)
}

.p-faq-information__check-in-list-item-col[data-type=type] {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 1;
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-faq-information__check-in-list-item-col {
        font-size:1.2rem
    }

    .p-faq-information__check-in-list-item-col[data-type=label] {
        font-size: 1rem
    }

    .p-faq-information__check-in-list-item-col[data-type=type] {
        font-size: 1.3rem
    }
}

.p-faq-information__kids {
    padding-top: 8rem;
    margin-top: 8rem;
    border-top: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-faq-information__kids {
        padding-top:6rem;
        margin-top: 6rem
    }
}

@media (max-width: 767px) {
    .p-faq-information__kids {
        padding-top:4.8rem;
        margin-top: 4.8rem
    }
}

.p-faq-information__kids-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 767px) {
    .p-faq-information__kids-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4rem
    }
}

.p-faq-information__kids-col {
    width: 50%
}

@media (max-width: 767px) {
    .p-faq-information__kids-col {
        width:100%
    }
}

.p-faq-information__kids-image {
    aspect-ratio: 16/9
}

.p-faq-information__kids-list {
    margin-top: 3.2rem
}

@media (max-width: 1024px) {
    .p-faq-information__kids-list {
        margin-top:2.4rem
    }
}

.p-faq-information__kids-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 3.2rem;
    -moz-column-gap: 3.2rem;
    column-gap: 3.2rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2.4rem
}

.p-faq-information__kids-list-item:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .p-faq-information__kids-list-item {
        -webkit-column-gap:1.2rem;
        -moz-column-gap: 1.2rem;
        column-gap: 1.2rem
    }
}

@media (max-width: 767px) {
    .p-faq-information__kids-list-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1.2rem
    }
}

.p-faq-information__kids-list-item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 8rem
}

@media (max-width: 1024px) {
    .p-faq-information__kids-list-item-label {
        width:6rem
    }
}

.p-faq-information__kids-list-item-label-inner {
    font-size: 1.6rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    border-bottom: 1px solid var(--color-border-dark-gray)
}

@media (max-width: 1024px) {
    .p-faq-information__kids-list-item-label-inner {
        font-size:1.4rem
    }
}

.p-faq-information__kids-list-item-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-faq-modal__faqlist {
    padding: 8rem 0
}

@media (max-width: 1024px) {
    .p-faq-modal__faqlist {
        margin:0 -3rem
    }
}

@media (max-width: 767px) {
    .p-faq-modal__faqlist {
        padding:6rem 0;
        margin: 0 -2rem
    }
}

.p-faq-modal__faqlist-wrapper {
    width: 100%;
    padding: 0 2rem
}

@media (max-width: 767px) {
    .p-faq-modal__faqlist-wrapper {
        overflow:auto
    }
}

.p-faq-modal__faqlist-table {
    width: 100%
}

.p-faq-modal__faqlist-table td,.p-faq-modal__faqlist-table th {
    padding: 1.2rem 2rem;
    text-align: center;
    vertical-align: middle;
    border-collapse: collapse;
    border: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-faq-modal__faqlist-table td,.p-faq-modal__faqlist-table th {
        padding:1.2rem 1.2rem
    }
}

@media (max-width: 767px) {
    .p-faq-modal__faqlist-table {
        width:80rem
    }
}

.p-faq-modal__faqlist-table-header {
    background-color: var(--color-bg-light-gray)
}

.p-faq-modal__faqlist-table-heading {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif);
    text-align: center
}

@media (max-width: 1024px) {
    .p-faq-modal__faqlist-table-heading {
        font-size:1.1rem
    }
}

.p-faq-modal__faqlist-table-faq {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng);
    color: #fff;
    background-color: var(--color-dark-blue);
    border: 1px solid var(--color-border-white-gray)!important
}

@media (max-width: 1024px) {
    .p-faq-modal__faqlist-table-faq {
        font-size:1.2rem
    }
}

.p-faq-modal__faqlist-table-desc {
    font-size: 1.3rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    text-align: center
}

@media (max-width: 1024px) {
    .p-faq-modal__faqlist-table-desc {
        font-size:1.1rem
    }
}

.p-faq-modal__layout {
    max-width: 80rem;
    padding: 8rem 0;
    margin: 0 auto
}

.p-faq-modal__layout-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem
}

@media (max-width: 1024px) {
    .p-faq-modal__layout-name {
        row-gap:1rem
    }
}

@media (max-width: 767px) {
    .p-faq-modal__layout-name {
        row-gap:0.8rem
    }
}

.p-faq-modal__layout-name-main {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-faq-modal__layout-name-main {
        font-size:2.2rem
    }
}

@media (max-width: 767px) {
    .p-faq-modal__layout-name-main {
        font-size:1.8rem
    }
}

.p-faq-modal__layout-name-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-l);
    font-family: var(--font-family-serif)
}

.p-faq-modal__layout-img {
    background-color: var(--color-bg-primary)
}

.p-faq-modal__layout-img img {
    mix-blend-mode: multiply
}

.p-faq-modal__layout-note {
    text-align: center
}

.p-access-map {
    padding-bottom: var(--space-section-md)
}

.p-access-map__googlemap iframe {
    width: 100%
}

@media (max-width: 1024px) {
    .p-access-map__googlemap iframe {
        height:36rem
    }
}

.p-access-map__button {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-access-map__button {
        margin-top:2.4rem
    }
}

.p-access-address {
    position: relative;
    padding: var(--space-section-md) 0
}

.p-access-address__box {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 39.3rem;
    height: 51rem;
    padding: 8.5rem 6rem 6rem;
    background-color: var(--color-bg-primary)
}

@media (max-width: 1024px) {
    .p-access-address__box {
        padding:8.5rem 4rem 6rem
    }
}

@media (max-width: 767px) {
    .p-access-address__box {
        width:100%;
        height: 42rem;
        padding: 6rem 4rem
    }
}

.p-access-address__logo {
    width: 20rem
}

@media (max-width: 767px) {
    .p-access-address__logo {
        width:16rem
    }
}

.p-access-address__info-term {
    padding-top: 2rem
}

@media (max-width: 767px) {
    .p-access-address__info-term {
        font-size:1.3rem
    }
}

.p-access-address__info-desc {
    padding-bottom: 2rem;
    border-bottom: solid 1px var(--color-border-gray)
}

.p-access-address__info-desc:last-child {
    padding-bottom: 0;
    border-bottom: none
}

@media (max-width: 767px) {
    .p-access-address__info-desc {
        font-size:1.3rem
    }
}

.p-access-address__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.p-access-car__way {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-access-car__way {
        margin-top:3.2rem
    }
}

.p-access-car__way-item {
    max-width: 168rem;
    margin: 0 auto;
    text-align: center
}

.p-access-car__way-notice {
    margin-top: 2rem;
    text-align: center
}

@media (max-width: 1024px) {
    .p-access-car__way-notice {
        font-size:1.3rem
    }
}

@media (max-width: 767px) {
    .p-access-car__way-notice {
        text-align:left
    }
}

.p-access-car__parking {
    padding: 6rem;
    margin-top: 8rem;
    background-color: var(--color-bg-light-gray)
}

@media (max-width: 1024px) {
    .p-access-car__parking {
        padding:4rem;
        margin-top: 4rem
    }
}

@media (max-width: 767px) {
    .p-access-car__parking {
        padding-right:var(--site-padding);
        padding-left: var(--site-padding);
        margin-right: calc(var(--site-padding) * -1);
        margin-left: calc(var(--site-padding) * -1)
    }
}

.p-access-car__parking-heading {
    margin-bottom: 4rem
}

@media (max-width: 1024px) {
    .p-access-car__parking-heading {
        margin-bottom:3.2rem
    }
}

.p-access-car__parking-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1024px) {
    .p-access-car__parking-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-access-car__parking-col {
    width: 50%
}

@media (max-width: 1024px) {
    .p-access-car__parking-col {
        width:100%
    }
}

.p-access-car__parking-announse {
    margin-bottom: 2.4rem
}

.p-access-car__parking-info {
    border-top: solid 1px var(--color-border-gray)
}

.p-access-car__parking-info-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.8rem;
    border-bottom: solid 1px var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-access-car__parking-info-row {
        padding:0.8rem 0
    }
}

.p-access-car__parking-info-term {
    width: 12.4rem
}

@media (max-width: 1024px) {
    .p-access-car__parking-info-term {
        width:11.5rem
    }
}

.p-access-car__parking-info-desc {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-access-car__parking-map {
    max-width: 60rem;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-access-car__parking-map {
        max-width:50rem;
        margin-top: 2.4rem
    }
}

.p-access-car__parking-use {
    padding: 4rem;
    margin-top: 6rem;
    background-color: var(--color-bg-primary)
}

@media (max-width: 1024px) {
    .p-access-car__parking-use {
        margin-top:5rem
    }
}

@media (max-width: 767px) {
    .p-access-car__parking-use {
        padding:2rem
    }
}

.p-access-car__parking-use-list {
    margin-top: 2.4rem
}

@media (max-width: 767px) {
    .p-access-car__parking-use-list {
        margin-top:2rem
    }
}

.p-access-car__parking-use-notice {
    margin-top: 1rem
}

.p-access-car__parking-use-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-access-car__parking-use-buttons {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.p-access-train__heading {
    margin-bottom: 6rem
}

@media (max-width: 1024px) {
    .p-access-train__heading {
        margin-bottom:4rem
    }
}

.p-access-train__content {
    padding-top: 6rem;
    padding-bottom: 6rem;
    border-top: solid 1px var(--color-border-gray)
}

.p-access-train__content:last-child {
    padding-bottom: 0
}

@media (max-width: 1024px) {
    .p-access-train__content {
        padding-top:4rem;
        padding-bottom: 4rem
    }
}

.p-access-train__content-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 767px) {
    .p-access-train__content-row {
        display:block
    }
}

.p-access-train__content-body {
    width: 38%
}

@media (max-width: 767px) {
    .p-access-train__content-body {
        width:100%
    }
}

@media (max-width: 767px) {
    .p-access-train__content-heading {
        font-size:1.8rem!important
    }
}

.p-access-train__content-list {
    margin-top: 5.6rem
}

@media (max-width: 1024px) {
    .p-access-train__content-list {
        margin-top:4rem
    }
}

@media (max-width: 767px) {
    .p-access-train__content-list {
        margin-top:2.4rem
    }
}

.p-access-train__content-img {
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 54%
}

@media (max-width: 767px) {
    .p-access-train__content-img {
        width:100%;
        margin-top: 3.2rem
    }
}

.p-access-train__content-video {
    margin-top: 4rem
}

@media (max-width: 767px) {
    .p-access-train__content-video {
        margin-top:3.2rem
    }
}

.p-access-train__content-video-item {
    position: relative;
    cursor: pointer
}

.p-access-train__content-video-heading {
    margin-bottom: 1.2rem
}

.p-access-train__content-video-item-image {
    aspect-ratio: 344/194
}

.p-access-train__content-video-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-access-train__content-video-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width: 767px) {
    .p-access-train__content-video-item-icon {
        width:4.8rem;
        height: 4.8rem
    }
}

.p-access-train__content-video-item-icon-item {
    position: relative;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent var(--color-dark);
    border-style: solid;
    border-width: 4px 0 4px 8px
}

.p-access-train__content-video-item-icon-circle {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1s cubic-bezier(0.16,1,0.3,1)
}

.p-access-train__content-video-item:hover .p-access-train__content-video-item-icon-circle {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.p-access-airport__way {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-access-airport__way {
        margin-top:3.2rem
    }
}

.p-access-airport__way-body {
    margin-top: 2.4rem
}

.p-access-airport__way-item {
    max-width: 168rem;
    margin: 0 auto;
    text-align: center
}

.p-access-airport__way-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1024px) {
    .p-access-airport__way-button {
        margin-top:2.4rem
    }
}

@media (max-width: 767px) {
    .p-access-airport__way-button {
        margin-top:2.4rem
    }
}

.p-access-airport__way-bus {
    display: none
}

@media (max-width: 767px) {
    .p-access-airport__way-bus {
        display:block;
        margin-top: 3.2rem;
        text-align: center
    }
}

.p-access-airport__way-bus-text {
    margin-top: 1.6rem;
    text-align: center!important
}

.p-quality {
    position: relative
}

.p-quality-slider {
    width: 100vw;
    overflow: hidden
}

.p-quality-slider__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem
}

.p-quality-slider__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-column-gap: 0.4rem;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
    width: 291.6666666667vw;
    -webkit-animation: marquee 50s linear infinite;
    animation: marquee 50s linear infinite;
    will-change: transform
}

@media (max-width: 1024px) {
    .p-quality-slider__item {
        width:390.625vw
    }
}

@media (max-width: 767px) {
    .p-quality-slider__item {
        width:533.3333333333vw
    }
}

.p-quality-slider__img {
    width: 20%
}

.p-quality-content__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    margin-top: var(--space-section-sm)
}

@media (max-width: 1024px) {
    .p-quality-content__list {
        row-gap:6rem
    }
}

@media (max-width: 767px) {
    .p-quality-content__list {
        row-gap:2.4rem
    }
}

.p-quality-content__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: background;
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s
}

@media (hover: hover) and (pointer:fine) {
    .p-quality-content__list-item:hover {
        background-color:var(--color-bg-gray)
    }
}

@media (max-width: 1024px) {
    .p-quality-content__list-item {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.p-quality-content__list-image {
    width: 50%;
    height: 26.3888888889vw;
    overflow: hidden
}

@media (max-width: 1024px) {
    .p-quality-content__list-image {
        width:100%;
        height: auto;
        aspect-ratio: 16/9;
        padding: 0 1rem;
        margin-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .p-quality-content__list-image {
        margin-bottom:3rem
    }
}

.p-quality-content__list-body {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 5.4rem;
    -moz-column-gap: 5.4rem;
    column-gap: 5.4rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%;
    padding: 4rem var(--site-padding) 4rem 8rem
}

@media (max-width: 1024px) {
    .p-quality-content__list-body {
        -webkit-column-gap:5rem;
        -moz-column-gap: 5rem;
        column-gap: 5rem;
        width: 100%;
        padding: 0 var(--site-padding)
    }
}

@media (max-width: 767px) {
    .p-quality-content__list-body {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap;
        -webkit-column-gap: 4rem;
        -moz-column-gap: 4rem;
        column-gap: 4rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.p-quality-content__list-num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    row-gap: 0.2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family-eng)
}

.p-quality-content__list-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0.08em
}

@media (max-width: 1024px) {
    .p-quality-content__list-sub {
        font-size:1rem
    }
}

.p-quality-content__list-main {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0
}

@media (max-width: 1024px) {
    .p-quality-content__list-main {
        font-size:6rem
    }
}

@media (max-width: 767px) {
    .p-quality-content__list-main {
        font-size:5rem
    }
}

.p-quality-content__list-copy {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (max-width: 767px) {
    .p-quality-content__list-copy {
        font-size:1.6rem
    }
}

.p-quality-content__list-icon {
    position: absolute;
    top: 50%;
    right: var(--site-padding);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .p-quality-content__list-icon {
        position:static;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        margin-top: 1.2rem;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.p-quality-modal__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh
}

@media (max-width: 1024px) {
    .p-quality-modal__wrapper {
        display:block
    }
}

.p-quality-modal__header {
    position: relative;
    width: 50%
}

@media (max-width: 1024px) {
    .p-quality-modal__header {
        width:100%
    }
}

.p-quality-modal__vis {
    position: sticky;
    top: 0;
    left: 0;
    height: 100vh
}

@media (max-width: 1024px) {
    .p-quality-modal__vis {
        height:auto;
        aspect-ratio: 3/2
    }
}

@media (max-width: 767px) {
    .p-quality-modal__vis {
        aspect-ratio:1/1
    }
}

.p-quality-modal__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
}

@media (max-width: 1024px) {
    .p-quality-modal__body {
        width:100%
    }
}

.p-quality-modal__body-inner {
    padding: 10rem 6.9444444444vw
}

.p-quality-modal__body-inner>:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .p-quality-modal__body-inner {
        max-width:64rem;
        padding: 6rem 4rem;
        margin: 0 auto
    }
}

@media (max-width: 767px) {
    .p-quality-modal__body-inner {
        padding:6rem var(--site-padding)
    }
}

.p-quality-modal__heading {
    margin-top: 5rem;
    margin-bottom: 4rem
}

@media (max-width: 767px) {
    .p-quality-modal__heading {
        margin-top:4rem;
        margin-bottom: 3.2rem
    }
}

@media (max-width: 767px) {
    .p-quality-modal__heading {
        margin-top:4rem;
        margin-bottom: 2.4rem
    }
}

.p-quality-modal__text {
    margin-top: 1.5em
}

.p-quality-modal__note {
    padding: 3rem;
    margin-top: 3.2rem;
    background-color: var(--color-bg-light-gray)
}

@media (max-width: 767px) {
    .p-quality-modal__note {
        padding:2rem;
        margin-top: 2.4rem
    }
}

.p-quality-modal__image {
    margin-top: 8rem;
    margin-bottom: 5rem
}

@media (max-width: 1024px) {
    .p-quality-modal__image {
        height:auto;
        aspect-ratio: 3/2;
        margin-bottom: 4rem
    }
}

@media (max-width: 767px) {
    .p-quality-modal__image {
        margin-top:6rem;
        margin-bottom: 3.2rem
    }
}

.p-company__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 767px) {
    .p-company__row {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.p-company__heading {
    width: 50%
}

@media (max-width: 1024px) {
    .p-company__heading {
        width:14rem
    }
}

@media (max-width: 767px) {
    .p-company__heading {
        width:100%
    }
}

.p-company__body {
    width: 50%
}

@media (max-width: 1024px) {
    .p-company__body {
        -webkit-box-flex:1;
        -ms-flex: 1;
        flex: 1
    }
}

@media (max-width: 767px) {
    .p-company__body {
        width:100%;
        margin-top: 2rem
    }
}

@media (max-width: 1024px) {
    .p-company__table {
        margin-top:-1.4rem
    }
}

@media (max-width: 767px) {
    .p-company__table {
        margin-top:0
    }
}

.p-recruit__concept-lead {
    width: 63.4920634921%;
    margin-left: auto
}

@media (max-width: 1024px) {
    .p-recruit__concept-lead {
        width:100%
    }
}

.p-recruit__concept-list {
    padding-top: 15rem
}

.p-recruit__concept-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 8rem
}

.p-recruit__concept-list-item:first-child {
    margin-top: 0
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item {
        -ms-flex-wrap:wrap;
        flex-wrap: wrap
    }
}

.p-recruit__concept-list-item-heading {
    width: 22.2222222222%
}

@media (max-width: 1024px) {
    .p-recruit__concept-list-item-heading {
        width:18.2291666667%
    }
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item-heading {
        width:auto
    }
}

.p-recruit__concept-list-item-heading-number {
    font-size: 15rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    display: block;
    font-family: var(--font-family-eng);
    font-size: min(10.4166666667vw,15rem)
}

@media (max-width: 1024px) {
    .p-recruit__concept-list-item-heading-number {
        font-size:7.8125vw
    }
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item-heading-number {
        font-size:8rem
    }
}

.p-recruit__concept-list-item-heading-text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-s);
    display: block;
    margin-top: 0.4rem;
    font-family: var(--font-family-eng);
    font-size: min(0.9722222222vw,1.4rem)
}

@media (max-width: 1024px) {
    .p-recruit__concept-list-item-heading-text {
        font-size:1rem
    }
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item-heading-text {
        margin-top:0.6rem;
        font-size: 1.3rem
    }
}

.p-recruit__concept-list-item-copy {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.5;
    letter-spacing: var(--letter-spacing-m);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    width: 14.2857142857%;
    font-family: var(--font-family-serif);
    font-size: min(1.3888888889vw,2.6rem);
    -webkit-font-feature-settings: "vpal" on,"vrt2" on,"palt" on;
    font-feature-settings: "vpal" on,"vrt2" on,"palt" on;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright
}

@media (max-width: 1024px) {
    .p-recruit__concept-list-item-copy {
        width:15.625%;
        font-size: 1.8229166667vw
    }
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item-copy {
        width:auto;
        margin-left: auto;
        font-size: 1.6rem
    }
}

.p-recruit__concept-list-item-body {
    width: 63.4920634921%
}

@media (max-width: 1024px) {
    .p-recruit__concept-list-item-body {
        width:79.1666666667%
    }
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item-body {
        width:100%;
        margin-top: 5rem
    }
}

.p-recruit__concept-list-item-image {
    position: relative;
    aspect-ratio: 888/300;
    margin-right: min(var(--site-padding) * -1,(100vw - 192rem)/2 * -1);
    overflow: hidden
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item-image {
        margin:0 calc(var(--site-padding) / -1)
    }
}

.p-recruit__concept-list-item-text {
    margin-top: 2rem
}

@media (max-width: 767px) {
    .p-recruit__concept-list-item-text {
        margin-top:3.2rem
    }
}

.p-recruit__requirements-inner {
    max-width: 85.7142857143%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-recruit__requirements-inner {
        max-width:initial
    }
}

.p-recruit__requirements-content {
    margin-top: 6.4rem
}

@media (max-width: 1024px) {
    .p-recruit__requirements-content {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-content {
        margin-top:4rem
    }
}

.p-recruit__requirements-block {
    margin-top: 12rem
}

.p-recruit__requirements-block:first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .p-recruit__requirements-block {
        margin-top:8rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-block {
        margin-top:6rem
    }
}

.p-recruit__requirements-block-none {
    padding-top: 4.8rem
}

@media (max-width: 1024px) {
    .p-recruit__requirements-block-none {
        margin-top:4rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-block-none {
        margin-top:3.2rem
    }
}

.p-recruit__requirements-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-recruit__requirements-heading {
        padding-bottom:3.2rem
    }
}

.p-recruit__requirements-heading-icon {
    width: 1.6rem;
    height: 1.6rem;
    margin-right: 1.2rem;
    background: var(--color-blue);
    border-radius: 100%
}

@media (max-width: 1024px) {
    .p-recruit__requirements-heading-icon {
        width:1.4rem;
        height: 1.4rem;
        margin-right: 1rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-heading-icon {
        width:1rem;
        height: 1rem;
        margin-right: 0.8rem
    }
}

.p-recruit__requirements-heading-text {
    font-size: 2.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-recruit__requirements-heading-text {
        font-size:2.2rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-heading-text {
        font-size:1.8rem
    }
}

.p-recruit__requirements-type-item {
    border-bottom: 1px solid var(--color-border-gray)
}

.p-recruit__requirements-type-item:first-child {
    border-top: none
}

.p-recruit__requirements-type-item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4rem 0;
    cursor: pointer
}

@media (max-width: 1024px) {
    .p-recruit__requirements-type-item-header {
        padding:2.8rem 0
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-type-item-header {
        padding:2rem 0
    }
}

.p-recruit__requirements-type-item-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 767px) {
    .p-recruit__requirements-type-item-heading {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.8rem;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.p-recruit__requirements-type-item-heading-main {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    margin-right: 2rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-recruit__requirements-type-item-heading-main {
        font-size:1.8rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-type-item-heading-main {
        margin-right:1.6rem;
        font-size: 1.6rem
    }
}

.p-recruit__requirements-type-item-heading-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-s);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.8rem;
    font-family: var(--font-family-serif);
    color: #fff;
    background: var(--color-bllue,#5988c6)
}

@media (max-width: 1024px) {
    .p-recruit__requirements-type-item-heading-sub {
        padding:0.5rem
    }
}

.p-recruit__requirements-type-item-header-icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto
}

.p-recruit__requirements-type-item-header-icon-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-dark);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-open .p-recruit__requirements-type-item-header-icon-1 {
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

.p-recruit__requirements-type-item-header-icon-2 {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-dark);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-recruit__requirements-type-item-body {
    height: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.is-open .p-recruit__requirements-type-item-body {
    height: auto;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.p-recruit__requirements-type-item-body-inner {
    padding-bottom: 6.4rem
}

@media (max-width: 1024px) {
    .p-recruit__requirements-type-item-body-inner {
        padding-top:2rem;
        padding-bottom: 4.8rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-type-item-body-inner {
        padding-top:2rem;
        padding-bottom: 4rem
    }
}

.p-recruit__requirements-type-table {
    padding: 2rem 4rem;
    margin-top: 3.2rem;
    background: var(--color-bg-light-gray)
}

.p-recruit__requirements-type-table .c-table__row:last-child>* {
    border-bottom: none
}

@media (max-width: 1024px) {
    .p-recruit__requirements-type-table {
        padding:0 2.4rem
    }
}

@media (max-width: 767px) {
    .p-recruit__requirements-type-table {
        padding:0 2rem;
        margin-top: 4rem
    }
}

.p-recruit__application-method-text {
    margin-top: 5.2rem
}

@media (max-width: 1024px) {
    .p-recruit__application-method-text {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .p-recruit__application-method-text {
        margin-top:4rem
    }
}

.p-recruit__application-method-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-recruit__application-method-row {
        -webkit-column-gap:2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

@media (max-width: 767px) {
    .p-recruit__application-method-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 0.4rem;
        margin-top: 3.2rem
    }
}

.p-recruit__application-method-col {
    width: 50%
}

@media (max-width: 767px) {
    .p-recruit__application-method-col {
        width:100%
    }
}

.p-recruit__application-method-card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    padding: 6rem 2rem;
    background: var(--color-bg-light-gray)
}

@media (max-width: 1024px) {
    .p-recruit__application-method-card {
        padding:4rem 2.8rem 6rem
    }
}

@media (max-width: 767px) {
    .p-recruit__application-method-card {
        padding:2.4rem 2.8rem 4rem
    }
}

.p-recruit__application-method-card-heading {
    margin-bottom: 3.6rem
}

@media (max-width: 1024px) {
    .p-recruit__application-method-card-heading {
        margin-bottom:2.8rem
    }
}

@media (max-width: 767px) {
    .p-recruit__application-method-card-heading {
        margin-bottom:2rem
    }
}

.p-recruit__application-method-card-text {
    text-align: center
}

@media (max-width: 767px) {
    .p-recruit__application-method-card-text {
        font-size:1.3rem
    }
}

.p-recruit__application-method-card-mail {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng-sub)
}

@media (max-width: 1024px) {
    .p-recruit__application-method-card-mail {
        font-size:1.8rem
    }
}

@media (max-width: 767px) {
    .p-recruit__application-method-card-mail {
        font-size:1.6rem
    }
}

.p-recruit__application-method-card-button {
    margin-top: 2.4rem
}

@media (max-width: 1024px) {
    .p-recruit__application-method-card-button {
        width:100%
    }
}

@media (max-width: 767px) {
    .p-recruit__application-method-card-button {
        margin-top:2rem
    }
}

.p-recruit__application-method-note {
    margin-top: 2rem
}

@media (max-width: 767px) {
    .p-recruit__application-method-note {
        margin-top:2.4rem;
        font-size: 1.1rem!important
    }
}

.p-loyaltyprogram-resist__heading {
    font-size: 1.8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-heading-en);
    font-family: var(--font-family-eng);
    text-align: center
}

.p-loyaltyprogram-resist__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2rem
}

@media (max-width: 767px) {
    .p-loyaltyprogram-resist__buttons {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1rem
    }
}

.p-loyaltyprogram-membership {
    border-top: solid 1px var(--color-border-gray)
}

.p-loyaltyprogram-membership__heading {
    margin-bottom: var(--space-section-sm)
}

.p-loyaltyprogram-membership__heading-section {
    padding-bottom: 8rem
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__heading-section {
        padding-bottom:6rem
    }
}

.p-loyaltyprogram-membership__heading-sub {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-loyaltyprogram-membership__heading-sub-box {
    position: relative;
    z-index: 1;
    padding: 0.8rem 3rem;
    color: #fff;
    background-color: var(--color-gold)
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__heading-sub-box {
        padding:0.6rem 2rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__heading-sub-box {
        padding:0.4rem 1rem;
        font-size: 1.6rem
    }
}

.p-loyaltyprogram-membership__heading-sub-border {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background-color: var(--color-gold)
}

.p-loyaltyprogram-membership__rewards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__rewards {
        -webkit-column-gap:3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__rewards {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 4rem
    }
}

.p-loyaltyprogram-membership__rewards-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-loyaltyprogram-membership__rewards-image {
    position: relative;
    aspect-ratio: 1/1
}

.p-loyaltyprogram-membership__rewards-image img {
    position: relative;
    z-index: 0
}

.p-loyaltyprogram-membership__rewards-typo {
    font-size: 4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__rewards-typo {
        font-size:2rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__rewards-typo {
        font-size:3rem
    }
}

.p-loyaltyprogram-membership__rewards-body {
    position: relative;
    z-index: 1
}

.p-loyaltyprogram-membership__rewards-num {
    font-size: 10rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    margin-top: -0.5em;
    font-family: var(--font-family-eng);
    color: var(--color-gold)
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__rewards-num {
        font-size:5rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__rewards-num {
        font-size:6rem
    }
}

.p-loyaltyprogram-membership__rewards-heading {
    margin-top: 0.8rem
}

.p-loyaltyprogram-membership__rewards-text {
    margin-top: 2.4rem
}

.p-loyaltyprogram-membership__rewards-notice {
    margin-top: 1rem
}

.p-loyaltyprogram-membership__point {
    margin-top: var(--space-section-sm)
}

.p-loyaltyprogram-membership__point-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 2rem
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-row {
        -webkit-column-gap:1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-row {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 3rem
    }
}

.p-loyaltyprogram-membership__point-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.p-loyaltyprogram-membership__point-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--font-family-serif)
}

.p-loyaltyprogram-membership__point-heading-sub {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m)
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-heading-sub {
        font-size:1.1rem
    }
}

.p-loyaltyprogram-membership__point-heading-main {
    font-size: 3.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 0.4rem
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-heading-main {
        font-size:2.8rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-heading-main {
        font-size:2.4rem
    }
}

.p-loyaltyprogram-membership__point-heading-arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-loyaltyprogram-membership__point-block {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 4rem;
    margin-top: 2rem;
    border: solid 1px var(--color-gold);
    border-radius: 5px
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__point-block {
        padding:3rem;
        margin-top: 1rem;
        font-size: 2.8rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-block {
        padding:2.4rem 2rem;
        font-size: 2.4rem
    }
}

.p-loyaltyprogram-membership__point-block-heading {
    margin-bottom: 3rem
}

.p-loyaltyprogram-membership__point-block-text {
    margin-top: 2rem
}

.p-loyaltyprogram-membership__point-block-notice {
    margin-top: 2rem
}

.p-loyaltyprogram-membership__point-block-level {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-heading-en);
    margin-top: 2rem
}

.p-loyaltyprogram-membership__point-block-level-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.6rem 0;
    border-top: solid 1px var(--color-gold)
}

.p-loyaltyprogram-membership__point-block-level-row:last-child {
    border-bottom: solid 1px var(--color-gold)
}

.p-loyaltyprogram-membership__point-block-level-term {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-loyaltyprogram-membership__point-block-level-term span {
    padding-right: 1.2rem;
    font-weight: 500;
    letter-spacing: var(--letter-spacing-s)
}

.p-loyaltyprogram-membership__point-block-level-desc {
    font-weight: 500;
    color: var(--color-gold)
}

.p-loyaltyprogram-membership__point-block-menu {
    padding-top: 3rem;
    margin-top: 3rem;
    border-top: solid 1px var(--color-border-gray)
}

.p-loyaltyprogram-membership__point-notes {
    margin-top: 2.4rem
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__point-notes {
        margin-top:2rem
    }
}

.p-loyaltyprogram-membership__point-notes-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 0.8rem;
    -moz-column-gap: 0.8rem;
    column-gap: 0.8rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.p-loyaltyprogram-membership__point-notes-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-top: 0.5rem
}

.p-loyaltyprogram-membership__point-notes-label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.p-loyaltyprogram-membership__present {
    margin-top: var(--space-section-sm)
}

.p-loyaltyprogram-membership__present-heading {
    margin-top: 3.2rem;
    text-align: center
}

.p-loyaltyprogram-membership__present-body {
    padding-top: 8rem;
    padding-bottom: 10rem;
    margin-top: 4rem;
    background-color: var(--color-bg-light-gray)
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-body {
        padding-top:4rem;
        padding-bottom: 6rem;
        margin-top: 3.2rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__present-body {
        padding-top:3rem;
        padding-bottom: 6rem;
        margin-top: 2.4rem
    }
}

.p-loyaltyprogram-membership__present-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 4rem;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-list {
        row-gap:3rem;
        -webkit-column-gap: 3rem;
        -moz-column-gap: 3rem;
        column-gap: 3rem
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__present-list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 2rem
    }
}

.p-loyaltyprogram-membership__present-list-item {
    width: calc((100% - 8rem) / 3);
    padding: 2.5rem 5rem 3rem;
    background-color: var(--color-bg-primary);
    border-radius: 0.5rem
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-list-item {
        width:calc((100% - 3rem) / 2)
    }
}

@media (max-width: 767px) {
    .p-loyaltyprogram-membership__present-list-item {
        width:100%;
        padding: 2.5rem 3rem 3rem
    }
}

.p-loyaltyprogram-membership__present-list-icon {
    width: 1.6rem;
    margin: 0 auto
}

.p-loyaltyprogram-membership__present-list-num {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    margin-top: 1rem;
    font-family: var(--font-family-eng);
    color: var(--color-gold);
    text-align: center
}

.p-loyaltyprogram-membership__present-list-image {
    max-width: 24rem;
    aspect-ratio: 1/1;
    margin: 1.5rem auto 0;
    overflow: hidden;
    border-radius: 100%
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-list-image {
        max-width:18rem
    }
}

.p-loyaltyprogram-membership__present-list-heading {
    margin-top: 2rem;
    text-align: center
}

.p-loyaltyprogram-membership__present-list-text {
    margin-top: 2rem;
    text-align: center
}

.p-loyaltyprogram-membership__present-notice {
    margin-top: 4rem
}

@media (max-width: 1024px) {
    .p-loyaltyprogram-membership__present-notice {
        margin-top:3.2rem
    }
}

.p-gallery-videos {
    overflow: hidden
}

.p-gallery-videos__body-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-gallery-videos__slider {
    overflow: visible
}

.p-gallery-videos__slider-wrapper {
    margin-top: 4rem;
    overflow: visible
}

.p-gallery-videos__slider-item-head {
    position: relative
}

.p-gallery-videos__slider-item-image {
    aspect-ratio: 16/9
}

.p-gallery-videos__slider-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-gallery-videos__slider-item-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 5.6rem;
    height: 5.6rem;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media (max-width: 1024px) {
    .p-gallery-videos__slider-item-icon {
        width:4.8rem;
        height: 4.8rem
    }
}

.p-gallery-videos__slider-item-icon-item {
    position: relative;
    z-index: 1;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent var(--color-dark);
    border-style: solid;
    border-width: 4px 0 4px 8px
}

.p-gallery-videos__slider-item-icon-circle {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 100%;
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1);
    transition: transform 1s cubic-bezier(0.16,1,0.3,1),-webkit-transform 1s cubic-bezier(0.16,1,0.3,1)
}

.p-gallery-videos__slider-item:hover .p-gallery-videos__slider-item-icon-circle {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.p-gallery-videos__slider-item-body {
    padding-top: 2rem
}

.p-gallery-videos__slider-item-desc {
    margin-top: 1.6rem
}

.p-gallery-videos__slider-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    margin-top: 5rem;
    border-bottom: solid 1px var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-gallery-videos__slider-footer {
        padding-bottom:2rem;
        margin-top: 4rem
    }
}

.p-gallery-videos__slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2.8rem
}

.p-gallery-videos__slider-nav[data-display=sp] {
    display: none
}

@media (max-width: 1024px) {
    .p-gallery-videos__slider-nav[data-display=pc] {
        display:none
    }

    .p-gallery-videos__slider-nav[data-display=sp] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.p-gallery-videos__slider-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer
}

@media (max-width: 767px) {
    .p-gallery-videos__slider-nav-item:first-child {
        padding-left:0
    }

    .p-gallery-videos__slider-nav-item:last-child {
        padding-right: 0
    }
}

.p-gallery-videos__slider-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-gallery-videos__slider-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)
}

.p-gallery-videos__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    margin-top: 4.8rem
}

@media (max-width: 767px) {
    .p-gallery-videos__buttons {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1rem
    }
}

.p-gallery-videos__buttons-item {
    width: 50%
}

@media (max-width: 767px) {
    .p-gallery-videos__buttons-item {
        width:100%
    }
}

.p-gallery-photos {
    overflow: hidden
}

.p-gallery-photos__slider {
    position: relative;
    overflow: visible
}

.p-gallery-photos__slider-wrapper {
    overflow: visible
}

.p-gallery-photos__slider-item {
    cursor: -webkit-grab;
    cursor: grab
}

.p-gallery-photos__slider-item-box {
    position: relative
}

.p-gallery-photos__slider-item-image {
    position: relative;
    z-index: 0;
    aspect-ratio: 16/9
}

.p-gallery-photos__slider-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.p-gallery-photos__slider-item-desc {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 2.4rem 8rem;
    background-color: rgba(0,0,0,0.7);
    opacity: 0;
    -webkit-transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: opacity 0.5s cubic-bezier(0.16,1,0.3,1);
    will-change: opacity
}

.p-gallery-photos__slider-item:hover .p-gallery-photos__slider-item-desc {
    opacity: 1
}

.p-gallery-photos__slider-item-desc-caption {
    color: #fff;
    text-align: center;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: -webkit-transform 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1);
    transition: transform 0.5s cubic-bezier(0.16,1,0.3,1),-webkit-transform 0.5s cubic-bezier(0.16,1,0.3,1);
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
    will-change: transform
}

.p-gallery-photos__slider-item:hover .p-gallery-photos__slider-item-desc-caption {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-gallery-photos__slider-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    margin-top: 5rem;
    border-bottom: solid 1px var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-gallery-photos__slider-footer {
        padding-bottom:2rem;
        margin-top: 2rem
    }
}

.p-gallery-photos__slider-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-gallery-photos__slider-nav[data-display=pc] {
    position: absolute;
    top: -6rem;
    right: 0
}

.p-gallery-photos__slider-nav[data-display=sp] {
    display: none;
    margin-right: 2.8rem
}

@media (max-width: 1024px) {
    .p-gallery-photos__slider-nav[data-display=pc] {
        display:none
    }

    .p-gallery-photos__slider-nav[data-display=sp] {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.p-gallery-photos__slider-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 1.6rem;
    padding: 0 3.2rem;
    cursor: pointer
}

@media (max-width: 767px) {
    .p-gallery-photos__slider-nav-item:first-child {
        padding-left:0
    }

    .p-gallery-photos__slider-nav-item:last-child {
        padding-right: 0
    }
}

.p-gallery-photos__slider-nav-item-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-gallery-photos__slider-nav-bar {
    width: 1px;
    height: 1.6rem;
    background: var(--color-border-gray)
}

.p-gallery-photos__slider-button {
    margin-left: auto
}

.p-gallery-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 1px;
    -moz-column-gap: 1px;
    column-gap: 1px
}

@media (max-width: 767px) {
    .p-gallery-navi {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1px;
        -webkit-column-gap: 0;
        -moz-column-gap: 0;
        column-gap: 0
    }
}

.p-gallery-navi__item {
    position: relative;
    width: 33.33333%
}

@media (max-width: 1024px) {
    .p-gallery-navi__item {
        width:100%
    }
}

.p-gallery-navi__label {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.4rem;
    width: 100%;
    padding: 3rem;
    color: #fff
}

@media (max-width: 1024px) {
    .p-gallery-navi__label {
        padding:2rem
    }
}

.p-gallery-navi__label-main {
    font-size: 2.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.06em;
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-gallery-navi__label-main {
        font-size:1.8rem
    }
}

.p-gallery-navi__label-sub {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-gallery-navi__label-sub {
        font-size:1.3rem
    }
}

.p-gallery-navi__overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;
    -webkit-transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1);
    transition: opacity 0.5s cubic-bezier(0.33,1,0.68,1);
    will-change: opacity
}

a:hover .p-gallery-navi__overlay {
    opacity: 0.6
}

.p-gallery-navi__img {
    position: relative;
    z-index: 0;
    aspect-ratio: 3/4
}

.p-gallery-navi__img img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width: 767px) {
    .p-gallery-navi__img {
        aspect-ratio:16/9
    }
}

.p-mice-contact {
    padding: 6rem;
    background-color: var(--color-bg-light-gray)
}

@media (max-width: 1024px) {
    .p-mice-contact {
        padding:4rem
    }
}

@media (max-width: 767px) {
    .p-mice-contact {
        padding:2.4rem
    }
}

.p-mice-contact__heading {
    text-align: center
}

.p-mice-contact__tel {
    font-size: 3.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.04em;
    margin-top: 3.2rem;
    font-family: var(--font-family-eng-sub);
    text-align: center
}

.p-mice-contact__tel span {
    font-size: 0.625em
}

@media (max-width: 1024px) {
    .p-mice-contact__tel {
        margin-top:2.8rem;
        font-size: 2.8rem
    }
}

@media (max-width: 767px) {
    .p-mice-contact__tel {
        margin-top:2.4rem;
        font-size: 2.4rem
    }
}

.p-mice-contact__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2rem;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.4rem
}

@media (max-width: 1024px) {
    .p-mice-contact__buttons {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 1rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media (max-width: 1024px) {
    .p-mice-contact__buttons-item {
        width:100%
    }
}

.p-mice-reason {
    position: relative;
    overflow: hidden;
    color: #fff
}

.p-mice-reason__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.p-mice-reason__header {
    position: relative;
    z-index: 1;
    text-align: center
}

.p-mice-reason__heading {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.06em;
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-mice-reason__heading {
        font-size:6rem
    }
}

@media (max-width: 767px) {
    .p-mice-reason__heading {
        font-size:3.2rem
    }
}

.p-mice-reason__copy {
    margin-top: 4.8rem;
    margin-bottom: 3.2rem
}

.p-mice-reason__text {
    text-align: center
}

.p-mice-reason__body {
    position: relative;
    z-index: 2;
    margin-top: 8rem
}

.p-mice-reason__slider[data-type=left] {
    margin-left: calc(var(--site-padding) * -1)
}

.p-mice-reason__slider[data-type=right] {
    margin-right: calc(var(--site-padding) * -1)
}

.p-mice-reason__slider-item {
    cursor: -webkit-grab;
    cursor: grab
}

.p-mice-reason__slider-item-image {
    position: relative;
    z-index: 0;
    aspect-ratio: 1350/560
}

@media (max-width: 1024px) {
    .p-mice-reason__slider-item-image {
        aspect-ratio:16/9
    }
}

.p-mice-reason__slider-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    margin-top: 5rem;
    border-bottom: solid 1px var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-mice-reason__slider-footer {
        padding-bottom:2rem;
        margin-top: 2rem
    }
}

.p-mice-reason__slider-pagination {
    margin-top: 1.6rem
}

[data-type=left] .p-mice-reason__slider-pagination {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

[data-type=right] .p-mice-reason__slider-pagination {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.p-mice-reason__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    row-gap: 8rem;
    -webkit-column-gap: 6.9444444444vw;
    -moz-column-gap: 6.9444444444vw;
    column-gap: 6.9444444444vw;
    padding-top: var(--space-section-md)
}

.p-mice-reason__list[data-column="2"] {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: max(57.5vw,82.8rem);
    margin-right: auto;
    margin-left: auto
}

@media (max-width: 1024px) {
    .p-mice-reason__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 6rem;
        max-width: 36rem;
        margin-right: auto;
        margin-left: auto
    }

    .p-mice-reason__list[data-column="2"] {
        width: 100%
    }
}

@media (max-width: 767px) {
    .p-mice-reason__list {
        row-gap:5rem;
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.p-mice-reason__list-item {
    width: 33.33333%
}

[data-column="2"] .p-mice-reason__list-item {
    width: calc(50% - 3.4722222222vw)
}

@media (max-width: 1024px) {
    .p-mice-reason__list-item {
        width:100%
    }

    [data-column="2"] .p-mice-reason__list-item {
        width: 100%
    }
}

.p-mice-reason__list-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 0.6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-mice-reason__list-count-label {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.08em;
    font-family: var(--font-family-eng)
}

@media (max-width: 767px) {
    .p-mice-reason__list-count-label {
        font-size:1.1rem
    }
}

.p-mice-reason__list-count-num {
    font-size: 6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0;
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-mice-reason__list-count-num {
        font-size:5.4rem
    }
}

@media (max-width: 767px) {
    .p-mice-reason__list-count-num {
        font-size:4.8rem
    }
}

.p-mice-reason__list-heading {
    margin-top: 2.4rem;
    text-align: center
}

@media (max-width: 767px) {
    .p-mice-reason__list-heading {
        margin-top:1.6rem
    }
}

.p-mice-reason__list-text {
    margin-top: 1.6rem;
    text-align: left
}

@media (max-width: 767px) {
    .p-mice-reason__list-text {
        margin-top:1.2rem
    }
}

.p-mice-program__header {
    text-align: center
}

.p-mice-program__heading-main {
    font-size: 8rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: 0.06em;
    display: block;
    font-family: var(--font-family-eng);
    color: var(--color-blue)
}

@media (max-width: 1024px) {
    .p-mice-program__heading-main {
        font-size:5rem
    }
}

@media (max-width: 767px) {
    .p-mice-program__heading-main {
        font-size:4rem
    }
}

.p-mice-program__heading-sub {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-heading);
    display: block;
    margin-top: 1.2rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-mice-program__heading-sub {
        font-size:1.8rem
    }
}

@media (max-width: 767px) {
    .p-mice-program__heading-sub {
        font-size:1.6rem
    }
}

.p-mice-program__text {
    margin-top: 4.8rem;
    text-align: center!important
}

.p-mice-program__body {
    margin-top: 8rem
}

@media (max-width: 1024px) {
    .p-mice-program__body {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-mice-program__body {
        margin-top:4.8rem
    }
}

.p-mice-program__image {
    max-width: 104.4rem;
    margin: 0 auto
}

.p-news__list-item {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid var(--color-border-gray)
}

.p-news__list-item:first-child {
    padding-top: 0
}

@media (max-width: 1024px) {
    .p-news__list-item {
        padding-top:3.2rem;
        padding-bottom: 3.2rem
    }
}

@media (max-width: 767px) {
    .p-news__list-item {
        padding-top:2.4rem;
        padding-bottom: 2.4rem
    }
}

.p-news__list-item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 4rem;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

[data-type=vertical] .p-news__list-item-link {
    display: block
}

@media (max-width: 1024px) {
    .p-news__list-item-link {
        -webkit-column-gap:3.2rem;
        -moz-column-gap: 3.2rem;
        column-gap: 3.2rem
    }
}

@media (max-width: 767px) {
    .p-news__list-item-link {
        -webkit-column-gap:2rem;
        -moz-column-gap: 2rem;
        column-gap: 2rem
    }
}

.p-news__list-item-image {
    max-width: 17.7rem;
    aspect-ratio: 57/38
}

.p-news__list-item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

[data-type=vertical] .p-news__list-item-image {
    max-width: inherit
}

@media (max-width: 767px) {
    .p-news__list-item-image {
        max-width:8rem;
        aspect-ratio: 1/1
    }

    [data-type=vertical] .p-news__list-item-image {
        max-width: inherit;
        aspect-ratio: 57/38
    }
}

.p-news__list-item-body {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

[data-type=vertical] .p-news__list-item-body {
    margin-top: 2.4rem
}

.p-news__list-item-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.6rem
}

.p-news__list-item-date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    font-family: var(--font-family-eng-sub)
}

.p-news__list-item-category {
    padding-left: 1.2rem;
    margin-left: 1.2rem;
    border-left: 1px solid var(--color-border-gray)
}

.p-news__list-item-heading {
    font-size: 1.4rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.8;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-news__list-item-heading {
        font-size:1.3rem
    }
}

.p-news__footer {
    padding-top: 8rem
}

@media (max-width: 1024px) {
    .p-news__footer {
        padding-top:6rem
    }
}

@media (max-width: 767px) {
    .p-news__footer {
        padding-top:4rem
    }
}

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

.p-news__more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-news__more-label {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: 0;
    font-family: var(--font-family-eng)
}

@media (max-width: 1024px) {
    .p-news__more-label {
        font-size:1.6rem
    }
}

.p-news__more-icon {
    margin-top: 1.4rem
}

.p-privacy__section {
    padding-top: 15rem
}

.p-privacy__section:first-child {
    margin-top: -15rem
}

@media (max-width: 1024px) {
    .p-privacy__section {
        padding-top:12rem
    }

    .p-privacy__section:first-child {
        margin-top: -12rem
    }
}

@media (max-width: 767px) {
    .p-privacy__section {
        padding-top:8rem
    }

    .p-privacy__section:first-child {
        margin-top: -8rem
    }
}

.p-privacy__block {
    margin-top: 5rem
}

.p-privacy__block :last-child {
    margin-bottom: 0
}

.p-privacy__heading-block {
    margin-bottom: 2rem
}

.p-privacy__text {
    margin-bottom: 4rem
}

.p-privacy__list {
    margin-bottom: 4rem
}

.p-contact__section {
    padding-top: 15rem
}

.p-contact__section:first-child {
    margin-top: -15rem
}

@media (max-width: 1024px) {
    .p-contact__section {
        padding-top:12.8rem
    }
}

@media (max-width: 767px) {
    .p-contact__section {
        padding-top:12rem
    }
}

.p-contact-customers__body {
    margin-top: 8rem
}

@media (max-width: 1024px) {
    .p-contact-customers__body {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-contact-customers__body {
        margin-top:4rem
    }
}

.p-contact-customers__content-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3rem 0;
    cursor: pointer;
    border-top: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-contact-customers__content-header {
        padding:2.4rem 0
    }
}

@media (max-width: 767px) {
    .p-contact-customers__content-header {
        padding:2rem 0
    }
}

.p-contact-customers__content-heading {
    padding-right: 2rem
}

.p-contact-customers__content-heading-main {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    display: block;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-contact-customers__content-heading-main {
        font-size:1.8rem
    }
}

.p-contact-customers__content-heading-sub {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-l);
    display: block;
    margin-top: 0.8rem;
    font-family: var(--font-family-serif)
}

@media (max-width: 767px) {
    .p-contact-customers__content-heading-sub {
        font-size:1.3rem
    }
}

.p-contact-customers__content-header-icon {
    position: relative;
    width: 1.5rem;
    height: 1.5rem;
    margin-left: auto
}

.p-contact-customers__content-header-icon-1 {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1px;
    height: 100%;
    background: var(--color-dark);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.is-open .p-contact-customers__content-header-icon-1 {
    -webkit-transform: translateX(-50%) rotate(-90deg);
    transform: translateX(-50%) rotate(-90deg)
}

.p-contact-customers__content-header-icon-2 {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: var(--color-dark);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-contact-customers__content-body {
    height: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0
}

.is-open .p-contact-customers__content-body {
    height: auto;
    pointer-events: all;
    visibility: visible;
    opacity: 1
}

.p-contact-customers__content-body-inner {
    padding-right: 6rem;
    padding-bottom: 6.2rem
}

.p-contact-customers__content-body-inner :first-child {
    margin-top: 0
}

@media (max-width: 1024px) {
    .p-contact-customers__content-body-inner {
        padding-right:4rem;
        padding-bottom: 4.8rem
    }
}

@media (max-width: 767px) {
    .p-contact-customers__content-body-inner {
        padding-right:0;
        padding-bottom: 4rem
    }
}

.p-contact-customers__content-text {
    margin-top: 0.4rem
}

.p-contact-customers__content-list {
    margin-top: 0.4rem
}

.p-contact-customers__content-button {
    margin-top: 3rem
}

.p-contact-tel__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 6rem;
    border-left: 1px solid var(--color-border-gray)
}

@media (max-width: 1024px) {
    .p-contact-tel__list {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .p-contact-tel__list {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 4rem;
        border-top: 1px solid var(--color-border-gray);
        border-left: none
    }
}

.p-contact-tel__list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 33.3333%;
    padding: 4rem 2rem;
    border-right: 1px solid var(--color-border-gray)
}

@media (max-width: 767px) {
    .p-contact-tel__list-item {
        width:100%;
        padding: 2.4rem 0;
        border-right: none;
        border-bottom: 1px solid var(--color-border-gray)
    }
}

.p-contact-tel__list-item-label {
    font-size: 2rem;
    font-weight: var(--font-weight-medium);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    margin-bottom: 2rem;
    font-family: var(--font-family-serif);
    text-align: center
}

@media (max-width: 767px) {
    .p-contact-tel__list-item-label {
        margin-bottom:1.6rem;
        font-size: 1.8rem
    }
}

.p-contact-tel__list-item-desc {
    font-size: 1.6rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.6;
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-eng-sub);
    text-align: center
}

.p-contact-tel__list-item-note {
    font-size: 1.2rem;
    font-weight: var(--font-weight-normal);
    line-height: 1;
    letter-spacing: var(--letter-spacing-m);
    margin-top: 0.8rem;
    font-family: var(--font-family-eng-sub)
}

.p-contact-confirm__body {
    max-width: 83.3%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-contact-confirm__body {
        max-width:initial
    }
}

.p-contact-thanks__body {
    max-width: 83.3%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-contact-thanks__body {
        max-width:initial
    }
}

.p-contact-thanks__body-inner {
    margin-top: 5.6rem
}

@media (max-width: 1024px) {
    .p-contact-thanks__body-inner {
        margin-top:4.8rem
    }
}

@media (max-width: 767px) {
    .p-contact-thanks__body-inner {
        margin-top:4rem
    }
}

.p-contact-thanks__button {
    margin-top: 8.4rem
}

@media (max-width: 1024px) {
    .p-contact-thanks__button {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-contact-thanks__button {
        margin-top:3.2rem
    }
}

.p-not-found__body {
    max-width: 83.3%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .p-not-found__body {
        max-width:initial
    }
}

.p-not-found__text {
    margin-top: 5rem
}

@media (max-width: 1024px) {
    .p-not-found__text {
        margin-top:4rem
    }
}

@media (max-width: 767px) {
    .p-not-found__text {
        margin-top:3.2rem
    }
}

.p-not-found__button {
    margin-top: 6rem
}

@media (max-width: 1024px) {
    .p-not-found__button {
        margin-top:4rem
    }
}

@media (max-width: 767px) {
    .p-not-found__button {
        margin-top:3.2rem
    }
}

.p-news-detail__row {
    margin-top: 8rem
}

@media (max-width: 1024px) {
    .p-news-detail__row {
        margin-top:6rem
    }
}

@media (max-width: 767px) {
    .p-news-detail__row {
        margin-top:4rem
    }
}

.p-news-detail__header {
    padding-bottom: 8rem
}

@media (max-width: 1024px) {
    .p-news-detail__header {
        padding-bottom:6rem
    }
}

@media (max-width: 767px) {
    .p-news-detail__header {
        padding-bottom:4rem
    }
}

.p-news-detail__header-inner {
    max-width: 93.5rem;
    margin: 0 auto
}

.p-news-detail__meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem
}

@media (max-width: 1024px) {
    .p-news-detail__meta {
        margin-bottom:2.8rem
    }
}

@media (max-width: 767px) {
    .p-news-detail__meta {
        margin-bottom:1.6rem
    }
}

.p-news-detail__date {
    font-size: 1.1rem;
    font-weight: var(--font-weight-normal);
    line-height: 1.2;
    letter-spacing: var(--letter-spacing-s);
    position: relative;
    display: block;
    padding-right: 1.2rem;
    margin-right: 1.2rem;
    font-family: var(--font-famiry-eng-sub)
}

.p-news-detail__date:after {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1px;
    height: 1.4rem;
    content: "";
    background-color: var(--color-border-gray);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width: 767px) {
    .p-news-detail__date {
        padding-right:1rem;
        margin-right: 1rem;
        font-size: 1rem
    }
}

.p-news-detail__title {
    font-size: 3.2rem;
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-m);
    font-family: var(--font-family-serif)
}

@media (max-width: 1024px) {
    .p-news-detail__title {
        font-size:2.8rem
    }
}

@media (max-width: 767px) {
    .p-news-detail__title {
        font-size:2rem
    }
}

.p-news-detail__body-inner {
    max-width: 93.5rem;
    margin: 0 auto
}

.p-news-detail__footer {
    margin-top: 15rem
}

@media (max-width: 1024px) {
    .p-news-detail__footer {
        margin-top:12rem
    }
}

@media (max-width: 767px) {
    .p-news-detail__footer {
        margin-top:8rem
    }
}

.p-news-old .con_sns_link:after,.p-news-old .news_title .txt_inf:after {
    display: table;
    clear: both;
    content: ""
}

.p-news-old .con_news {
    margin-top: 90px;
    overflow: hidden
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_news {
        margin-top: 10%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_news {
        margin-top: 2em
    }
}

.p-news-old #header .page_title .jp {
    display: none
}

@media only screen and (width <= 767px) {
    .p-news-old .main {
        margin-bottom: 3em
    }
}

.p-news-old .main .box_category {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 8px;
    margin-bottom: 40px;
    color: #291806;
    letter-spacing: 0.08em;
    border-bottom: 1px solid #291806
}

@media only screen and (width <= 1279px) {
    .p-news-old .main .box_category {
        margin-bottom: 1.2em
    }
}

.p-news-old .main .box_category .st em {
    font-family: Montserrat,sans-serif;
    font-size: 169%
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .main .box_category .st em {
        font-size: 157%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .main .box_category .st em {
        font-size: 132%
    }
}

.p-news-old .main .box_category .st span {
    display: inline-block;
    margin: 0 0 0.5em 0.5em;
    font-size: 88%
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .main .box_category .st span {
        font-size: 82%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .main .box_category .st span {
        font-size: 75%
    }
}

.p-news-old .main .box_category .sst {
    margin-left: auto;
    font-size: 113%
}

@media only screen and (width <= 767px) {
    .p-news-old .main .box_category .sst {
        font-size: 94%
    }
}

.p-news-old .main .news_list {
    overflow: hidden
}

.p-news-old .main .news_list li {
    width: 45.75646%;
    margin-bottom: 7.38007%
}

.p-news-old .main .news_list li:nth-child(odd) {
    float: left;
    clear: both
}

.p-news-old .main .news_list li:nth-child(2n) {
    float: right
}

@media only screen and (width <= 767px) {
    .p-news-old .main .news_list li {
        width: 49%
    }
}

.p-news-old .main .news_list li a {
    position: relative;
    display: block;
    text-decoration: none;
    background: #fff;
    border-bottom: 2px solid #dedede;
    -webkit-transition: background 0.5s;
    transition: background 0.5s
}

.p-news-old .main .news_list li a .photo {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 61.02151%;
    overflow: hidden
}

.p-news-old .main .news_list li a .photo img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: -webkit-transform 0.5s;
    -webkit-transition: -webkit-transform 0.5s;
    transition: transform 0.5s;
    transition: transform 0.5s,-webkit-transform 0.5s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-news-old .main .news_list li a .cate {
    display: inline
}

@media only screen and (width >= 1280px) {
    .p-news-old .main .news_list li a .cate {
        float: right
    }
}

@media print {
    .p-news-old .main .news_list li a .cate {
        float: right
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .cate {
        vertical-align: text-bottom
    }
}

.p-news-old .main .news_list li a .cate span {
    display: inline-block;
    padding-right: 0.8em;
    font-size: 88%
}

@media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .cate span {
        padding-right: 0.5em;
        font-size: 75%
    }
}

.p-news-old .main .news_list li a .cate .cate01 {
    color: #5796b5
}

.p-news-old .main .news_list li a .catch {
    position: absolute;
    top: 2.66667%;
    left: 2.15054%;
    color: #fff;
    background: #5796b5
}

.p-news-old .main .news_list li a .catch span {
    display: inline-block;
    padding: 0.3em 0.8em;
    font-size: 88%;
    text-align: center
}

@media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .catch span {
        padding: 0.2em 0.5em;
        font-size: 75%
    }
}

.p-news-old .main .news_list li a .box_txt {
    position: relative;
    padding: 1em 0.5em
}

.p-news-old .main .news_list li a .box_txt .time {
    display: inline-block;
    margin-right: 0.8em;
    font-size: 88%
}

.p-news-old .main .news_list li a .box_txt h4 {
    margin-top: 0.2em;
    clear: right;
    font-weight: normal
}

@media only screen and (width >= 768px) {
    .p-news-old .main .news_list li a .box_txt h4 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .main .news_list li a .box_txt h4 {
        display: -webkit-box;
        min-height: 3.4em;
        overflow: hidden;
        font-size: 82%;
        line-height: 1.7;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2
    }

    .p-news-old .firefox .main .news_list li a .box_txt h4,.p-news-old .ie .main .news_list li a .box_txt h4 {
        max-height: 3.4em
    }
}

.p-news-old .main .news_list li a:hover {
    background: #efefef
}

.p-news-old .main .news_list li a:hover .photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.p-news-old .box_pager {
    font-size: 88%;
    text-align: center
}

.p-news-old .box_pager>div {
    display: inline-block;
    vertical-align: middle
}

.p-news-old .box_pager>div .btn_next,.p-news-old .box_pager>div .btn_prev {
    float: left
}

.p-news-old .box_pager>div .btn_next a,.p-news-old .box_pager>div .btn_prev a {
    padding: 8px 1em 8px 0.5em
}

@media only screen and (width <= 767px) {
    .p-news-old .box_pager>div .btn_next a,.p-news-old .box_pager>div .btn_prev a {
        padding: 0.3em 0.5em 0.3em 0.4em
    }
}

.p-news-old .box_pager>div .btn_next a:after,.p-news-old .box_pager>div .btn_next a:before,.p-news-old .box_pager>div .btn_prev a:after,.p-news-old .box_pager>div .btn_prev a:before {
    display: inline-block;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle
}

.p-news-old .box_pager>div .btn_prev a:before {
    margin-left: 0.5em;
    content: "›";
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1)
}

.p-news-old .box_pager>div .btn_next {
    margin-left: 7px
}

@media only screen and (width <= 767px) {
    .p-news-old .box_pager>div .btn_next {
        margin-left: 0.3em
    }
}

.p-news-old .box_pager>div .btn_next a:after {
    margin-left: 0.5em;
    content: "›"
}

.p-news-old .box_pager>div ul {
    float: left
}

.p-news-old .box_pager>div ul li {
    float: left;
    margin-left: 7px
}

@media only screen and (width <= 767px) {
    .p-news-old .box_pager>div ul li {
        margin-left: 0.5em
    }
}

.p-news-old .box_pager>div ul li a {
    padding: 8px 12px
}

@media only screen and (width <= 767px) {
    .p-news-old .box_pager>div ul li a {
        padding: 0.3em 0.8em
    }
}

.p-news-old .box_pager>div ul li.active a {
    color: #fff;
    background: #80bdda
}

.p-news-old .box_pager>div a {
    display: block;
    color: #fff;
    text-decoration: none;
    background: #dedede;
    -webkit-transition: background 0.3s,color 0.3s,border 0.3s;
    transition: background 0.3s,color 0.3s,border 0.3s
}

.p-news-old .box_pager>div a:hover {
    color: #fff;
    background: #80bdda
}

@media only screen and (width >= 768px) {
    .p-news-old .side {
        float: right;
        width: 23.5%
    }
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side {
        width: 26.66667%
    }
}

.p-news-old .side .con_widget {
    margin-bottom: 100px
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side .con_widget {
        margin-bottom: 60px
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .side .con_widget {
        margin-bottom: 3em
    }
}

.p-news-old .side .con_widget h3 {
    padding: 0.5em;
    font-size: 88%;
    font-weight: normal;
    color: #fff;
    text-align: center;
    letter-spacing: -0.4em;
    background: #80bdda
}

.p-news-old .side .con_widget h3 em {
    display: inline-block;
    font-family: Montserrat,sans-serif;
    font-size: 165%;
    letter-spacing: normal;
    vertical-align: middle
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side .con_widget h3 em {
        font-size: 150%
    }
}

.p-news-old .side .con_widget h3 span {
    display: inline-block;
    margin-left: 0.3em;
    letter-spacing: 0.08em;
    vertical-align: middle
}

.p-news-old .side .con_widget h3 span:after,.p-news-old .side .con_widget h3 span:before {
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    content: "ー"
}

.p-news-old .side .con_widget h3 span:before {
    margin-right: 0.1em
}

.p-news-old .side .con_widget h3 span:after {
    margin-left: 0.1em
}

.p-news-old .side .con_widget>ul>li {
    font-size: 94%
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .side .con_widget>ul>li {
        font-size: 88%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .side .con_widget>ul>li {
        font-size: 100%
    }
}

.p-news-old .side .con_widget>ul>li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    border-bottom: 1px solid #dfdfdf
}

.p-news-old .side .con_widget>ul>li a:before {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin-right: 0.5em;
    line-height: 1;
    vertical-align: middle;
    content: "";
    background: url("../../news/images/ic_arr.png") no-repeat 0 0/contain
}

.p-news-old .side .con_widget>ul>li .st_acd {
    padding: 1em;
    cursor: pointer;
    border-bottom: 1px solid #dfdfdf
}

.p-news-old .side .con_widget>ul>li .st_acd:before {
    display: inline-block;
    width: 5px;
    height: 8px;
    margin-right: 0.5em;
    line-height: 1;
    vertical-align: middle;
    content: "";
    background: url("../../news/images/ic_arr.png") no-repeat 0 0/contain
}

.p-news-old .side .con_widget>ul>li .boxs {
    display: none
}

.p-news-old .side .con_widget>ul>li .boxs li a {
    padding-left: 2em
}

.p-news-old #contents .topicpath li {
    vertical-align: middle
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old #contents .topicpath li: nth-child(3) {
        width:58%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }
}

.p-news-old .con_det .news_title {
    margin-bottom: 40px
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .news_title {
        margin-bottom: 4%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title {
        margin-bottom: 1.2em
    }
}

.p-news-old .con_det .news_title .txt_inf {
    margin-bottom: 20px;
    letter-spacing: -0.4em
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title .txt_inf {
        margin-bottom: 3%
    }
}

.p-news-old .con_det .news_title .txt_inf>* {
    letter-spacing: normal
}

.p-news-old .con_det .news_title .box_cate {
    display: inline-block;
    margin-left: 15px
}

.p-news-old .con_det .news_title .box_cate span {
    display: inline-block;
    padding: 0.2em 0.8em;
    font-size: 88%;
    text-align: center;
    letter-spacing: normal
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title .box_cate span {
        font-size: 75%
    }
}

.p-news-old .con_det .news_title .box_cate .cate01 {
    color: #fff;
    background: #5796b5
}

.p-news-old .con_det .news_title .box_cate .cate02 {
    background: #fff;
    border: 1px solid #dedede
}

.p-news-old .con_det .news_title .time {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle
}

.p-news-old .con_det .news_title .title {
    font-size: 138%;
    font-weight: normal
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .news_title .title {
        font-size: 125%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .news_title .title {
        font-size: 113%
    }
}

.p-news-old .con_det .btn_basic,.p-news-old .con_det .con_news_detail,.p-news-old .con_det .con_news_detail02,.p-news-old .con_det .con_news_detail03,.p-news-old .con_det .con_news_detail04,.p-news-old .con_det .con_news_detail05,.p-news-old .con_det .con_news_slide {
    margin-bottom: 60px
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .btn_basic,.p-news-old .con_det .con_news_detail,.p-news-old .con_det .con_news_detail02,.p-news-old .con_det .con_news_detail03,.p-news-old .con_det .con_news_detail04,.p-news-old .con_det .con_news_detail05,.p-news-old .con_det .con_news_slide {
        margin-bottom: 6%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .btn_basic,.p-news-old .con_det .con_news_detail,.p-news-old .con_det .con_news_detail02,.p-news-old .con_det .con_news_detail03,.p-news-old .con_det .con_news_detail04,.p-news-old .con_det .con_news_detail05,.p-news-old .con_det .con_news_slide {
        margin-bottom: 2em
    }
}

.p-news-old .con_det .btn_basic .txt,.p-news-old .con_det .con_news_detail .txt,.p-news-old .con_det .con_news_detail02 .txt,.p-news-old .con_det .con_news_detail03 .txt,.p-news-old .con_det .con_news_detail04 .txt,.p-news-old .con_det .con_news_detail05 .txt,.p-news-old .con_det .con_news_slide .txt {
    font-size: 94%
}

.p-news-old .con_det .btn_basic .txt_caption,.p-news-old .con_det .con_news_detail .txt_caption,.p-news-old .con_det .con_news_detail02 .txt_caption,.p-news-old .con_det .con_news_detail03 .txt_caption,.p-news-old .con_det .con_news_detail04 .txt_caption,.p-news-old .con_det .con_news_detail05 .txt_caption,.p-news-old .con_det .con_news_slide .txt_caption {
    margin-top: 0.8em;
    font-size: 94%;
    text-align: center
}

.p-news-old .con_det .con_news_slide .box_slide span {
    display: block;
    margin-top: 0.8em;
    text-align: center
}

.p-news-old .con_det .con_news_slide .slick-dots {
    bottom: 20px;
    line-height: 1;
    text-align: center
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_slide .slick-dots {
        bottom: 1em
    }
}

.p-news-old .con_det .con_news_slide .slick-dots li {
    width: 12px;
    height: 12px;
    margin: 0 6px;
    overflow: hidden
}

.p-news-old .con_det .con_news_slide .slick-dots li button {
    height: 0;
    padding: 0;
    cursor: pointer
}

.p-news-old .con_det .con_news_slide .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: #fff;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    border-radius: 100%;
    opacity: 1
}

.p-news-old .con_det .con_news_slide .slick-dots li.slick-active button:before {
    background: #5796b5
}

.p-news-old .con_det .con_news_detail h4 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em;
    font-size: 138%;
    font-weight: normal;
    color: #fff;
    background: #5796b5
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .con_news_detail h4 {
        font-size: 125%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail h4 {
        font-size: 113%
    }
}

.p-news-old .con_det .con_news_detail h5 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.5em;
    font-size: 125%;
    font-weight: normal;
    border-left: 4px solid #5796b5
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .con_news_detail h5 {
        font-size: 113%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail h5 {
        font-size: 100%
    }
}

.p-news-old .con_det .con_news_detail h6 {
    padding-bottom: 0.5em;
    font-size: 113%;
    font-weight: normal;
    border-bottom: 1px solid #dfdfdf
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .con_news_detail h6 {
        font-size: 107%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail h6 {
        font-size: 94%
    }
}

.p-news-old .con_det .con_news_detail h6 span {
    display: inline-block;
    width: calc(100% - 1.2em);
    vertical-align: middle
}

.p-news-old .con_det .con_news_detail h6:before {
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin-right: 0.3em;
    vertical-align: middle;
    content: "";
    background: #5796b5;
    border-radius: 100%
}

.p-news-old .con_det .con_news_detail .photo {
    text-align: center
}

.p-news-old .con_det .con_news_detail .wrap_movie {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.p-news-old .con_det .con_news_detail .wrap_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.p-news-old .con_det .con_news_detail .tbl_basic th {
    width: 30%
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic th {
        padding-bottom: 0
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic td {
        padding-top: 0.5em
    }
}

.p-news-old .con_det .con_news_detail .tbl_basic td,.p-news-old .con_det .con_news_detail .tbl_basic th {
    padding-bottom: 8px
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic td,.p-news-old .con_det .con_news_detail .tbl_basic th {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 100%;
        border-bottom: none
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail .tbl_basic tr {
        border-bottom: 3px solid #004c66
    }
}

@media only screen and (width >= 1280px) {
    .p-news-old .con_det .con_news_detail .plan_table {
        width: 80%
    }
}

@media print {
    .p-news-old .con_det .con_news_detail .plan_table {
        width: 80%
    }
}

.p-news-old .con_det .con_news_detail02 {
    overflow: hidden
}

@media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail02 dl {
        width: 49%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail02 dl {
        margin-bottom: 1em
    }
}

.p-news-old .con_det .con_news_detail02 dl dd {
    margin-top: 0.8em;
    font-size: 94%
}

@media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail02 .con_l {
        float: left
    }

    .p-news-old .con_det .con_news_detail02 .con_r {
        float: right
    }
}

.p-news-old .con_det .con_news_detail03 {
    overflow: hidden
}

@media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail03 dl {
        float: left;
        width: 32%;
        margin-right: 2%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_news_detail03 dl {
        margin-bottom: 1em
    }
}

.p-news-old .con_det .con_news_detail03 dl dd {
    margin-top: 0.8em;
    font-size: 94%
}

.p-news-old .con_det .con_news_detail03 img {
    width: 100%
}

.p-news-old .con_det .con_news_detail03 .con_r {
    margin-right: 0
}

.p-news-old .con_det .con_news_detail04 {
    width: 100%;
    overflow: hidden
}

@media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail04 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .p-news-old .con_det .con_news_detail04 .box_img {
        width: 49.8155%
    }

    .p-news-old .con_det .con_news_detail04 .txt {
        width: 44.28044%;
        margin-right: 5.90406%
    }
}

.p-news-old .con_det .con_news_detail05 {
    width: 100%;
    overflow: hidden
}

@media only screen and (width >= 768px) {
    .p-news-old .con_det .con_news_detail05 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .p-news-old .con_det .con_news_detail05 .box_img {
        width: 49.8155%
    }

    .p-news-old .con_det .con_news_detail05 .txt {
        width: 44.28044%;
        margin-left: 5.90406%
    }
}

.p-news-old .con_det .btn_basic {
    margin: auto;
    margin-bottom: 60px;
    text-align: center
}

.p-news-old .con_det .btn_basic a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #5796b5
}

.p-news-old .mouse .con_det .btn_basic a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-news-old .mouse .con_det .btn_basic a:hover,.p-news-old .touch .con_det .btn_basic a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-news-old .touch .con_det .btn_basic a {
    -webkit-tap-highlight-color: transparent
}

.p-news-old .touch .con_det .btn_basic a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-news-old .con_det .btn_basic a em {
    display: inline-block;
    vertical-align: middle
}

.p-news-old .con_det .btn_basic a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .con_det .btn_basic {
        margin-bottom: 6%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .btn_basic {
        margin-bottom: 2em
    }
}

.p-news-old .con_det .btn_basic a {
    display: inline-block;
    padding: 0.5em 1.5em
}

.p-news-old .con_det .btn_pdf a:after {
    width: 18px;
    height: 21px;
    content: "";
    background: url("../images/common/ic_pdf_w.png") no-repeat center/contain
}

.p-news-old .con_det .con_pager_detail {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf
}

.p-news-old .con_det .con_pager_detail>div {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: table-cell;
    width: 50%
}

.p-news-old .con_det .con_pager_detail>div a {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 1em;
    text-decoration: none;
    -webkit-transition: background 0.3s,color 0.3s;
    transition: background 0.3s,color 0.3s
}

.p-news-old .con_det .con_pager_detail>div a .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.p-news-old .con_det .con_pager_detail>div a:hover {
    color: #fff;
    background: #5796b5
}

.p-news-old .con_det .con_pager_detail .box_prev {
    border-right: 1px solid #dfdfdf
}

.p-news-old .con_det .con_pager_detail .box_prev a {
    padding-left: 1.5em
}

.p-news-old .con_det .con_pager_detail .box_prev a:before {
    position: absolute;
    top: 50%;
    left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    content: "‹";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-news-old .con_det .con_pager_detail .box_next a {
    padding-right: 1.5em
}

.p-news-old .con_det .con_pager_detail .box_next a:after {
    position: absolute;
    top: 50%;
    right: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    content: "›";
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.p-news-old .con_det .con_pager {
    width: 269px;
    margin: auto;
    margin: 40px auto 0
}

.p-news-old .con_det .con_pager a {
    display: block;
    padding: 0.8em 0;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #80bdda
}

.p-news-old .mouse .con_det .con_pager a {
    -webkit-transition: opacity 0.3s ease-in;
    transition: opacity 0.3s ease-in
}

.p-news-old .mouse .con_det .con_pager a:hover,.p-news-old .touch .con_det .con_pager a.touchstart {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7
}

.p-news-old .touch .con_det .con_pager a {
    -webkit-tap-highlight-color: transparent
}

.p-news-old .touch .con_det .con_pager a.touchend {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms
}

.p-news-old .con_det .con_pager a em {
    display: inline-block;
    vertical-align: middle
}

.p-news-old .con_det .con_pager a:after {
    display: inline-block;
    margin-left: 0.5em;
    font-family: monospace,serif;
    line-height: 1;
    vertical-align: middle;
    content: "›"
}

@media only screen and (width <= 767px) {
    .p-news-old .con_det .con_pager {
        width: 82.29167%;
        margin-top: 1.5em
    }
}

.p-news-old .news_title .txt_inf p.box_cate,.p-news-old .news_title .txt_inf p.time {
    float: left
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .news_title .txt_inf p.box_cate,.p-news-old .news_title .txt_inf p.time {
        float: none
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .news_title .txt_inf p.box_cate,.p-news-old .news_title .txt_inf p.time {
        float: none
    }
}

.p-news-old .news_title .txt_inf .con_sns_link {
    float: right;
    margin-top: 0
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        float: none
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        float: none
    }
}

@media only screen and (width >= 768px) and (width <= 1279px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        margin-top: 1em
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .news_title .txt_inf .con_sns_link {
        margin-top: 1em
    }
}

.p-news-old .con_sns_link div.btn {
    float: left;
    width: 120px;
    margin-left: 1.5em;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s
}

@media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn {
        margin-left: 2%
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn {
        width: 32%
    }
}

.p-news-old .con_sns_link div.btn a {
    position: relative;
    z-index: 1;
    display: block;
    padding: 0.2em 0;
    font-family: Muli,sans-serif;
    color: #fff;
    text-align: center;
    text-decoration: none
}

.p-news-old .con_sns_link div.btn a:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 1em;
    margin-left: -1.5em;
    vertical-align: middle;
    content: ""
}

@media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn a: before {
        margin-left:-1em
    }
}

@media only screen and (width <= 767px) {
    .p-news-old .con_sns_link div.btn a: before {
        margin-right:0.5em
    }
}

.p-news-old .con_sns_link div.btn:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    opacity: 0.8
}

.p-news-old .con_sns_link div.btn.facebook {
    margin-left: 0;
    background-color: #3c5998
}

.p-news-old .con_sns_link div.btn.facebook a:before {
    background: url("../../news/images/fb.png") no-repeat center center/cover
}

.p-news-old .con_sns_link div.btn.twitter {
    background-color: #55abee
}

.p-news-old .con_sns_link div.btn.twitter a:before {
    background: url("../../news/images/tw.png") no-repeat center center/cover
}

.p-news-old .con_sns_link div.btn.line {
    background-color: #00b833
}

.p-news-old .con_sns_link div.btn.line a:before {
    background: url("../../news/images/line.png") no-repeat center center/cover
}

.p-maintenance__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    min-height: 100svh;
    padding: 6rem var(--site-padding)
}

@media (max-width: 1024px) {
    .p-maintenance__wrapper {
        padding:6rem var(--site-padding)
    }
}

@media (max-width: 767px) {
    .p-maintenance__wrapper {
        padding:6rem var(--site-padding)
    }
}

.p-maintenance__content {
    text-align: center
}

.p-maintenance__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 4rem;
    margin: 0 auto
}

.p-maintenance__logo-svg {
    width: 13.2rem;
    height: 10.812rem
}

@media (max-width: 1024px) {
    .p-maintenance__logo-svg {
        width:11rem;
        height: 9.01rem
    }
}

.p-maintenance__heading {
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 2;
    letter-spacing: var(--letter-spacing-2xl)
}

@media (max-width: 767px) {
    .p-maintenance__heading {
        font-size:2rem
    }
}

.p-maintenance__text {
    font-size: 1.4rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-2xl);
    margin-top: 2.4rem
}

.p-maintenance__phone {
    font-size: 2rem;
    font-weight: var(--font-weight-normal);
    line-height: 2;
    letter-spacing: var(--letter-spacing-2xl);
    margin-top: 2.4rem
}

@-webkit-keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@keyframes marquee {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
}

@-webkit-keyframes marquee2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes marquee2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes up {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(0%,-100%);
        transform: translate(0%,-100%)
    }

    30.1% {
        -webkit-transform: translate(0%,100%);
        transform: translate(0%,100%)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@keyframes up {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(0%,-100%);
        transform: translate(0%,-100%)
    }

    30.1% {
        -webkit-transform: translate(0%,100%);
        transform: translate(0%,100%)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@-webkit-keyframes down {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(0%,100%);
        transform: translate(0%,100%)
    }

    30.1% {
        -webkit-transform: translate(0%,-100%);
        transform: translate(0%,-100%)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@keyframes down {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(0%,100%);
        transform: translate(0%,100%)
    }

    30.1% {
        -webkit-transform: translate(0%,-100%);
        transform: translate(0%,-100%)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@-webkit-keyframes forward {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(110%,0);
        transform: translate(110%,0)
    }

    30.1% {
        -webkit-transform: translate(-110%,0);
        transform: translate(-110%,0)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@keyframes forward {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(110%,0);
        transform: translate(110%,0)
    }

    30.1% {
        -webkit-transform: translate(-110%,0);
        transform: translate(-110%,0)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@-webkit-keyframes backward {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(-110%,0);
        transform: translate(-110%,0)
    }

    30.1% {
        -webkit-transform: translate(110%,0);
        transform: translate(110%,0)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@keyframes backward {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(-110%,0);
        transform: translate(-110%,0)
    }

    30.1% {
        -webkit-transform: translate(110%,0);
        transform: translate(110%,0)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@-webkit-keyframes left-in {
    0% {
        visibility: visible;
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%)
    }

    to {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes left-in {
    0% {
        visibility: visible;
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%)
    }

    to {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes left-in-out {
    0% {
        visibility: visible;
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%)
    }

    49% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(102%);
        transform: translateX(102%)
    }
}

@keyframes left-in-out {
    0% {
        visibility: visible;
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%)
    }

    49% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(102%);
        transform: translateX(102%)
    }
}

@-webkit-keyframes right-out {
    0% {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(102%);
        transform: translateX(102%)
    }
}

@keyframes right-out {
    0% {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(102%);
        transform: translateX(102%)
    }
}

@-webkit-keyframes right-in {
    0% {
        visibility: visible;
        -webkit-transform: translateX(102%);
        transform: translateX(102%)
    }

    to {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes right-in {
    0% {
        visibility: visible;
        -webkit-transform: translateX(102%);
        transform: translateX(102%)
    }

    to {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes left-out {
    0% {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%)
    }
}

@keyframes left-out {
    0% {
        visibility: visible;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        visibility: hidden;
        -webkit-transform: translateX(-102%);
        transform: translateX(-102%)
    }
}

@-webkit-keyframes up-in {
    0% {
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes up-in {
    0% {
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes up-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%)
    }
}

@keyframes up-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-102%);
        transform: translateY(-102%)
    }
}

@-webkit-keyframes down-in {
    0% {
        -webkit-transform: translateY(102%);
        transform: translateY(102%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes down-in {
    0% {
        -webkit-transform: translateY(102%);
        transform: translateY(102%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes down-in2 {
    0% {
        -webkit-transform: translateY(102%);
        transform: translateY(102%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes down-in2 {
    0% {
        -webkit-transform: translateY(102%);
        transform: translateY(102%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes down-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(102%);
        transform: translateY(102%)
    }
}

@keyframes down-out {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(102%);
        transform: translateY(102%)
    }
}

@-webkit-keyframes right-fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-4rem);
        transform: translateX(-4rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes right-fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-4rem);
        transform: translateX(-4rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes right-fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem)
    }
}

@keyframes right-fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateX(4rem);
        transform: translateX(4rem)
    }
}

@-webkit-keyframes up-fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(6rem);
        transform: translateY(6rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes up-fadeIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(6rem);
        transform: translateY(6rem)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes up-fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-6rem);
        transform: translateY(-6rem)
    }
}

@keyframes up-fadeOut {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        -webkit-transform: translateY(-6rem);
        transform: translateY(-6rem)
    }
}

@-webkit-keyframes circle-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@keyframes circle-in {
    0% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }

    to {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }
}

@-webkit-keyframes circle-out {
    0% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes circle-out {
    0% {
        stroke-dashoffset: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    to {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@-webkit-keyframes diagonal {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(110%,-110%);
        transform: translate(110%,-110%)
    }

    30.1% {
        -webkit-transform: translate(-110%,110%);
        transform: translate(-110%,110%)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

@keyframes diagonal {
    0% {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }

    30% {
        -webkit-transform: translate(110%,-110%);
        transform: translate(110%,-110%)
    }

    30.1% {
        -webkit-transform: translate(-110%,110%);
        transform: translate(-110%,110%)
    }

    to {
        -webkit-transform: translate(0%,0%);
        transform: translate(0%,0%)
    }
}

.u-object-cover {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.u-jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.u-ta-l {
    text-align: left!important
}

.u-ta-r {
    text-align: right!important
}

.u-ta-c {
    text-align: center!important
}

.u-ta-j {
    text-align: justify!important
}

.u-op-l {
    -o-object-position: left center;
    object-position: left center
}

.u-op-r {
    -o-object-position: right center;
    object-position: right center
}

.u-op-t {
    -o-object-position: top center;
    object-position: top center
}

.u-op-b {
    -o-object-position: bottom center;
    object-position: bottom center
}

.u-font-bold {
    font-weight: bold
}

.u-sp-block {
    display: none
}

@media (max-width: 767px) {
    .u-sp-block {
        display:block
    }
}

.u-sp-tablet-block {
    display: none
}

@media (max-width: 1024px) {
    .u-sp-tablet-block {
        display:block
    }
}

.u-pc-block {
    display: block
}

@media (max-width: 1024px) {
    .u-pc-block {
        display:none
    }
}

.u-pc-tablet-block {
    display: block
}

@media (max-width: 767px) {
    .u-pc-tablet-block {
        display:none
    }
}

.u-tablet-block {
    display: none
}

@media (max-width: 1024px) {
    .u-tablet-block {
        display:block
    }
}

@media (max-width: 767px) {
    .u-tablet-block {
        display:none
    }
}

.u-sp-inline {
    display: none!important
}

@media (max-width: 767px) {
    .u-sp-inline {
        display:inline!important
    }
}

.u-sp-tablet-inline {
    display: none!important
}

@media (max-width: 1024px) {
    .u-sp-tablet-inline {
        display:inline!important
    }
}

.u-pc-inline {
    display: inline!important
}

@media (max-width: 1024px) {
    .u-pc-inline {
        display:none!important
    }
}

.u-pc-tablet-inline {
    display: inline!important
}

@media (max-width: 767px) {
    .u-pc-tablet-inline {
        display:none!important
    }
}

.u-tablet-inline {
    display: none
}

@media (max-width: 1024px) {
    .u-tablet-inline {
        display:inline
    }
}

@media (max-width: 767px) {
    .u-tablet-inline {
        display:none
    }
}

.u-sp-inlineblock {
    display: none
}

@media (max-width: 767px) {
    .u-sp-inlineblock {
        display:inline-block
    }
}

.u-sp-tablet-inlineblock {
    display: none
}

@media (max-width: 1024px) {
    .u-sp-tablet-inlineblock {
        display:inline-block
    }
}

.u-pc-inlineblock {
    display: inline-block
}

@media (max-width: 1024px) {
    .u-pc-inlineblock {
        display:none
    }
}

.u-pc-tablet-inlineblock {
    display: inline-block
}

@media (max-width: 767px) {
    .u-pc-tablet-inlineblock {
        display:none
    }
}

.u-tablet-inlineblock {
    display: none
}

@media (max-width: 1024px) {
    .u-tablet-inlineblock {
        display:inline-block
    }
}

@media (max-width: 767px) {
    .u-tablet-inlineblock {
        display:none
    }
}

.is-onscreen .u-delay-004 {
    -webkit-transition-delay: 0.04s!important;
    transition-delay: 0.04s!important;
    -webkit-animation-delay: 0.04s!important;
    animation-delay: 0.04s!important
}

.is-onscreen .u-delay-005 {
    -webkit-transition-delay: 0.05s!important;
    transition-delay: 0.05s!important;
    -webkit-animation-delay: 0.05s!important;
    animation-delay: 0.05s!important
}

.is-onscreen .u-delay-008 {
    -webkit-transition-delay: 0.08s!important;
    transition-delay: 0.08s!important;
    -webkit-animation-delay: 0.08s!important;
    animation-delay: 0.08s!important
}

.is-onscreen .u-delay-010 {
    -webkit-transition-delay: 0.1s!important;
    transition-delay: 0.1s!important;
    -webkit-animation-delay: 0.1s!important;
    animation-delay: 0.1s!important
}

.is-onscreen .u-delay-012 {
    -webkit-transition-delay: 0.12s!important;
    transition-delay: 0.12s!important;
    -webkit-animation-delay: 0.12s!important;
    animation-delay: 0.12s!important
}

.is-onscreen .u-delay-015 {
    -webkit-transition-delay: 0.15s!important;
    transition-delay: 0.15s!important;
    -webkit-animation-delay: 0.15s!important;
    animation-delay: 0.15s!important
}

.is-onscreen .u-delay-016 {
    -webkit-transition-delay: 0.16s!important;
    transition-delay: 0.16s!important;
    -webkit-animation-delay: 0.16s!important;
    animation-delay: 0.16s!important
}

.is-onscreen .u-delay-020 {
    -webkit-transition-delay: 0.2s!important;
    transition-delay: 0.2s!important;
    -webkit-animation-delay: 0.2s!important;
    animation-delay: 0.2s!important
}

.is-onscreen .u-delay-024 {
    -webkit-transition-delay: 0.24s!important;
    transition-delay: 0.24s!important;
    -webkit-animation-delay: 0.24s!important;
    animation-delay: 0.24s!important
}

.is-onscreen .u-delay-025 {
    -webkit-transition-delay: 0.25s!important;
    transition-delay: 0.25s!important;
    -webkit-animation-delay: 0.25s!important;
    animation-delay: 0.25s!important
}

.is-onscreen .u-delay-028 {
    -webkit-transition-delay: 0.28s!important;
    transition-delay: 0.28s!important;
    -webkit-animation-delay: 0.28s!important;
    animation-delay: 0.28s!important
}

.is-onscreen .u-delay-030 {
    -webkit-transition-delay: 0.3s!important;
    transition-delay: 0.3s!important;
    -webkit-animation-delay: 0.3s!important;
    animation-delay: 0.3s!important
}

.is-onscreen .u-delay-032 {
    -webkit-transition-delay: 0.32s!important;
    transition-delay: 0.32s!important;
    -webkit-animation-delay: 0.32s!important;
    animation-delay: 0.32s!important
}

.is-onscreen .u-delay-035 {
    -webkit-transition-delay: 0.35s!important;
    transition-delay: 0.35s!important;
    -webkit-animation-delay: 0.35s!important;
    animation-delay: 0.35s!important
}

.is-onscreen .u-delay-036 {
    -webkit-transition-delay: 0.36s!important;
    transition-delay: 0.36s!important;
    -webkit-animation-delay: 0.36s!important;
    animation-delay: 0.36s!important
}

.is-onscreen .u-delay-040 {
    -webkit-transition-delay: 0.4s!important;
    transition-delay: 0.4s!important;
    -webkit-animation-delay: 0.4s!important;
    animation-delay: 0.4s!important
}

.is-onscreen .u-delay-044 {
    -webkit-transition-delay: 0.44s!important;
    transition-delay: 0.44s!important;
    -webkit-animation-delay: 0.44s!important;
    animation-delay: 0.44s!important
}

.is-onscreen .u-delay-045 {
    -webkit-transition-delay: 0.45s!important;
    transition-delay: 0.45s!important;
    -webkit-animation-delay: 0.45s!important;
    animation-delay: 0.45s!important
}

.is-onscreen .u-delay-048 {
    -webkit-transition-delay: 0.48s!important;
    transition-delay: 0.48s!important;
    -webkit-animation-delay: 0.48s!important;
    animation-delay: 0.48s!important
}

.is-onscreen .u-delay-050 {
    -webkit-transition-delay: 0.5s!important;
    transition-delay: 0.5s!important;
    -webkit-animation-delay: 0.5s!important;
    animation-delay: 0.5s!important
}

.is-onscreen .u-delay-052 {
    -webkit-transition-delay: 0.52s!important;
    transition-delay: 0.52s!important;
    -webkit-animation-delay: 0.52s!important;
    animation-delay: 0.52s!important
}

.is-onscreen .u-delay-055 {
    -webkit-transition-delay: 0.55s!important;
    transition-delay: 0.55s!important;
    -webkit-animation-delay: 0.55s!important;
    animation-delay: 0.55s!important
}

.is-onscreen .u-delay-056 {
    -webkit-transition-delay: 0.56s!important;
    transition-delay: 0.56s!important;
    -webkit-animation-delay: 0.56s!important;
    animation-delay: 0.56s!important
}

.is-onscreen .u-delay-060 {
    -webkit-transition-delay: 0.6s!important;
    transition-delay: 0.6s!important;
    -webkit-animation-delay: 0.6s!important;
    animation-delay: 0.6s!important
}

.is-onscreen .u-delay-064 {
    -webkit-transition-delay: 0.64s!important;
    transition-delay: 0.64s!important;
    -webkit-animation-delay: 0.64s!important;
    animation-delay: 0.64s!important
}

.is-onscreen .u-delay-065 {
    -webkit-transition-delay: 0.65s!important;
    transition-delay: 0.65s!important;
    -webkit-animation-delay: 0.65s!important;
    animation-delay: 0.65s!important
}

.is-onscreen .u-delay-068 {
    -webkit-transition-delay: 0.68s!important;
    transition-delay: 0.68s!important;
    -webkit-animation-delay: 0.68s!important;
    animation-delay: 0.68s!important
}

.is-onscreen .u-delay-070 {
    -webkit-transition-delay: 0.7s!important;
    transition-delay: 0.7s!important;
    -webkit-animation-delay: 0.7s!important;
    animation-delay: 0.7s!important
}

.is-onscreen .u-delay-072 {
    -webkit-transition-delay: 0.72s!important;
    transition-delay: 0.72s!important;
    -webkit-animation-delay: 0.72s!important;
    animation-delay: 0.72s!important
}

.is-onscreen .u-delay-075 {
    -webkit-transition-delay: 0.75s!important;
    transition-delay: 0.75s!important;
    -webkit-animation-delay: 0.75s!important;
    animation-delay: 0.75s!important
}

.is-onscreen .u-delay-076 {
    -webkit-transition-delay: 0.76s!important;
    transition-delay: 0.76s!important;
    -webkit-animation-delay: 0.76s!important;
    animation-delay: 0.76s!important
}

.is-onscreen .u-delay-080 {
    -webkit-transition-delay: 0.8s!important;
    transition-delay: 0.8s!important;
    -webkit-animation-delay: 0.8s!important;
    animation-delay: 0.8s!important
}

.is-onscreen .u-delay-085 {
    -webkit-transition-delay: 0.85s!important;
    transition-delay: 0.85s!important;
    -webkit-animation-delay: 0.85s!important;
    animation-delay: 0.85s!important
}

.is-onscreen .u-delay-090 {
    -webkit-transition-delay: 0.9s!important;
    transition-delay: 0.9s!important;
    -webkit-animation-delay: 0.9s!important;
    animation-delay: 0.9s!important
}

.is-onscreen .u-delay-095 {
    -webkit-transition-delay: 0.95s!important;
    transition-delay: 0.95s!important;
    -webkit-animation-delay: 0.95s!important;
    animation-delay: 0.95s!important
}

.is-onscreen .u-delay-100 {
    -webkit-transition-delay: 1s!important;
    transition-delay: 1s!important;
    -webkit-animation-delay: 1s!important;
    animation-delay: 1s!important
}

.is-onscreen .u-delay-105 {
    -webkit-transition-delay: 1.05s!important;
    transition-delay: 1.05s!important;
    -webkit-animation-delay: 1.05s!important;
    animation-delay: 1.05s!important
}

.is-onscreen .u-delay-110 {
    -webkit-transition-delay: 1.1s!important;
    transition-delay: 1.1s!important;
    -webkit-animation-delay: 1.1s!important;
    animation-delay: 1.1s!important
}

.is-onscreen .u-delay-105 {
    -webkit-transition-delay: 1.05s!important;
    transition-delay: 1.05s!important;
    -webkit-animation-delay: 1.05s!important;
    animation-delay: 1.05s!important
}

.is-onscreen .u-delay-110 {
    -webkit-transition-delay: 1.1s!important;
    transition-delay: 1.1s!important;
    -webkit-animation-delay: 1.1s!important;
    animation-delay: 1.1s!important
}

.is-onscreen .u-delay-115 {
    -webkit-transition-delay: 1.15s!important;
    transition-delay: 1.15s!important;
    -webkit-animation-delay: 1.15s!important;
    animation-delay: 1.15s!important
}

.is-onscreen .u-delay-120 {
    -webkit-transition-delay: 1.2s!important;
    transition-delay: 1.2s!important;
    -webkit-animation-delay: 1.2s!important;
    animation-delay: 1.2s!important
}

.is-onscreen .u-delay-125 {
    -webkit-transition-delay: 1.25s!important;
    transition-delay: 1.25s!important;
    -webkit-animation-delay: 1.25s!important;
    animation-delay: 1.25s!important
}

.is-onscreen .u-delay-130 {
    -webkit-transition-delay: 1.3s!important;
    transition-delay: 1.3s!important;
    -webkit-animation-delay: 1.3s!important;
    animation-delay: 1.3s!important
}

.is-onscreen .u-delay-135 {
    -webkit-transition-delay: 1.35s!important;
    transition-delay: 1.35s!important;
    -webkit-animation-delay: 1.35s!important;
    animation-delay: 1.35s!important
}

.is-onscreen .u-delay-140 {
    -webkit-transition-delay: 1.4s!important;
    transition-delay: 1.4s!important;
    -webkit-animation-delay: 1.4s!important;
    animation-delay: 1.4s!important
}

.is-onscreen .u-delay-145 {
    -webkit-transition-delay: 1.45s!important;
    transition-delay: 1.45s!important;
    -webkit-animation-delay: 1.45s!important;
    animation-delay: 1.45s!important
}

.is-onscreen .u-delay-150 {
    -webkit-transition-delay: 1.5s!important;
    transition-delay: 1.5s!important;
    -webkit-animation-delay: 1.5s!important;
    animation-delay: 1.5s!important
}

.is-onscreen .u-delay-155 {
    -webkit-transition-delay: 1.55s!important;
    transition-delay: 1.55s!important;
    -webkit-animation-delay: 1.55s!important;
    animation-delay: 1.55s!important
}

.is-onscreen .u-delay-160 {
    -webkit-transition-delay: 1.6s!important;
    transition-delay: 1.6s!important;
    -webkit-animation-delay: 1.6s!important;
    animation-delay: 1.6s!important
}

.is-onscreen .u-delay-165 {
    -webkit-transition-delay: 1.65s!important;
    transition-delay: 1.65s!important;
    -webkit-animation-delay: 1.65s!important;
    animation-delay: 1.65s!important
}

.is-onscreen .u-delay-170 {
    -webkit-transition-delay: 1.7s!important;
    transition-delay: 1.7s!important;
    -webkit-animation-delay: 1.7s!important;
    animation-delay: 1.7s!important
}

.u-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%
}

.u-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important
}

.u-hover-shit {
    pointer-events: none
}

.js-fadein {
    opacity: 0;
    -webkit-transition: all 1.2s cubic-bezier(0.25,1,0.5,1) 0.3s;
    transition: all 1.2s cubic-bezier(0.25,1,0.5,1) 0.3s;
    -webkit-transform: translate3d(0,30px,0);
    transform: translate3d(0,30px,0)
}

.js-fadein.is-onscreen {
    opacity: 1!important;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.is-onscreen .js-fadein {
    opacity: 1!important;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.u-fadein {
    opacity: 0;
    -webkit-transition: opacity 0.8s ease 0.1s;
    transition: opacity 0.8s ease 0.1s
}

.u-fadein.is-onscreen {
    opacity: 1
}

.is-onscreen .u-fadein {
    opacity: 1
}

.u-fadeinup {
    opacity: 0;
    -webkit-transition: opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s,-webkit-transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    transition: opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s,-webkit-transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    transition: transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s,opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    transition: transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s,opacity 1s cubic-bezier(0.33,1,0.68,1) 0.3s,-webkit-transform 1s cubic-bezier(0.33,1,0.68,1) 0.3s;
    -webkit-transform: translateY(30px);
    transform: translateY(30px)
}

.u-fadeinup.is-onscreen {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-onscreen .u-fadeinup {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.u-mt-0 {
    margin-top: 0rem
}

.u-mt-4 {
    margin-top: 0.4rem
}

.u-mt-8 {
    margin-top: 0.8rem
}

.u-mt-12 {
    margin-top: 1.2rem
}

.u-mt-16 {
    margin-top: 1.6rem
}

.u-mt-20 {
    margin-top: 2rem
}

.u-mt-24 {
    margin-top: 2.4rem
}

.u-mt-28 {
    margin-top: 2.8rem
}

.u-mt-32 {
    margin-top: 3.2rem
}

.u-mt-36 {
    margin-top: 3.6rem
}

.u-mt-40 {
    margin-top: 4rem
}

.u-mt-44 {
    margin-top: 4.4rem
}

.u-mt-48 {
    margin-top: 4.8rem
}

.u-mt-52 {
    margin-top: 5.2rem
}

.u-mt-56 {
    margin-top: 5.6rem
}

.u-mt-60 {
    margin-top: 6rem
}

.u-mt-64 {
    margin-top: 6.4rem
}

.u-mt-68 {
    margin-top: 6.8rem
}

.u-mt-72 {
    margin-top: 7.2rem
}

.u-mt-76 {
    margin-top: 7.6rem
}

.u-mt-80 {
    margin-top: 8rem
}

.u-mt-84 {
    margin-top: 8.4rem
}

.u-mt-88 {
    margin-top: 8.8rem
}

.u-mt-92 {
    margin-top: 9.2rem
}

.u-mt-96 {
    margin-top: 9.6rem
}

.u-mt-100 {
    margin-top: 10rem
}

.u-ml-0 {
    margin-left: 0rem
}

.u-ml-4 {
    margin-left: 0.4rem
}

.u-ml-8 {
    margin-left: 0.8rem
}

.u-ml-12 {
    margin-left: 1.2rem
}

.u-ml-16 {
    margin-left: 1.6rem
}

.u-ml-20 {
    margin-left: 2rem
}

.u-ml-24 {
    margin-left: 2.4rem
}

.u-ml-28 {
    margin-left: 2.8rem
}

.u-ml-32 {
    margin-left: 3.2rem
}

.u-ml-36 {
    margin-left: 3.6rem
}

.u-ml-40 {
    margin-left: 4rem
}

.u-ml-44 {
    margin-left: 4.4rem
}

.u-ml-48 {
    margin-left: 4.8rem
}

.u-ml-52 {
    margin-left: 5.2rem
}

.u-ml-56 {
    margin-left: 5.6rem
}

.u-ml-60 {
    margin-left: 6rem
}

.u-ml-64 {
    margin-left: 6.4rem
}

.u-ml-68 {
    margin-left: 6.8rem
}

.u-ml-72 {
    margin-left: 7.2rem
}

.u-ml-76 {
    margin-left: 7.6rem
}

.u-ml-80 {
    margin-left: 8rem
}

.u-ml-84 {
    margin-left: 8.4rem
}

.u-ml-88 {
    margin-left: 8.8rem
}

.u-ml-92 {
    margin-left: 9.2rem
}

.u-ml-96 {
    margin-left: 9.6rem
}

.u-ml-100 {
    margin-left: 10rem
}

.u-mr-0 {
    margin-right: 0rem
}

.u-mr-4 {
    margin-right: 0.4rem
}

.u-mr-8 {
    margin-right: 0.8rem
}

.u-mr-12 {
    margin-right: 1.2rem
}

.u-mr-16 {
    margin-right: 1.6rem
}

.u-mr-20 {
    margin-right: 2rem
}

.u-mr-24 {
    margin-right: 2.4rem
}

.u-mr-28 {
    margin-right: 2.8rem
}

.u-mr-32 {
    margin-right: 3.2rem
}

.u-mr-36 {
    margin-right: 3.6rem
}

.u-mr-40 {
    margin-right: 4rem
}

.u-mr-44 {
    margin-right: 4.4rem
}

.u-mr-48 {
    margin-right: 4.8rem
}

.u-mr-52 {
    margin-right: 5.2rem
}

.u-mr-56 {
    margin-right: 5.6rem
}

.u-mr-60 {
    margin-right: 6rem
}

.u-mr-64 {
    margin-right: 6.4rem
}

.u-mr-68 {
    margin-right: 6.8rem
}

.u-mr-72 {
    margin-right: 7.2rem
}

.u-mr-76 {
    margin-right: 7.6rem
}

.u-mr-80 {
    margin-right: 8rem
}

.u-mr-84 {
    margin-right: 8.4rem
}

.u-mr-88 {
    margin-right: 8.8rem
}

.u-mr-92 {
    margin-right: 9.2rem
}

.u-mr-96 {
    margin-right: 9.6rem
}

.u-mr-100 {
    margin-right: 10rem
}

.u-mb-0 {
    margin-bottom: 0rem
}

.u-mb-4 {
    margin-bottom: 0.4rem
}

.u-mb-8 {
    margin-bottom: 0.8rem
}

.u-mb-12 {
    margin-bottom: 1.2rem
}

.u-mb-16 {
    margin-bottom: 1.6rem
}

.u-mb-20 {
    margin-bottom: 2rem
}

.u-mb-24 {
    margin-bottom: 2.4rem
}

.u-mb-28 {
    margin-bottom: 2.8rem
}

.u-mb-32 {
    margin-bottom: 3.2rem
}

.u-mb-36 {
    margin-bottom: 3.6rem
}

.u-mb-40 {
    margin-bottom: 4rem
}

.u-mb-44 {
    margin-bottom: 4.4rem
}

.u-mb-48 {
    margin-bottom: 4.8rem
}

.u-mb-52 {
    margin-bottom: 5.2rem
}

.u-mb-56 {
    margin-bottom: 5.6rem
}

.u-mb-60 {
    margin-bottom: 6rem
}

.u-mb-64 {
    margin-bottom: 6.4rem
}

.u-mb-68 {
    margin-bottom: 6.8rem
}

.u-mb-72 {
    margin-bottom: 7.2rem
}

.u-mb-76 {
    margin-bottom: 7.6rem
}

.u-mb-80 {
    margin-bottom: 8rem
}

.u-mb-84 {
    margin-bottom: 8.4rem
}

.u-mb-88 {
    margin-bottom: 8.8rem
}

.u-mb-92 {
    margin-bottom: 9.2rem
}

.u-mb-96 {
    margin-bottom: 9.6rem
}

.u-mb-100 {
    margin-bottom: 10rem
}

.u-mx-0 {
    margin: 0 0rem
}

.u-mx-4 {
    margin: 0 0.4rem
}

.u-mx-8 {
    margin: 0 0.8rem
}

.u-mx-12 {
    margin: 0 1.2rem
}

.u-mx-16 {
    margin: 0 1.6rem
}

.u-mx-20 {
    margin: 0 2rem
}

.u-mx-24 {
    margin: 0 2.4rem
}

.u-mx-28 {
    margin: 0 2.8rem
}

.u-mx-32 {
    margin: 0 3.2rem
}

.u-mx-36 {
    margin: 0 3.6rem
}

.u-mx-40 {
    margin: 0 4rem
}

.u-mx-44 {
    margin: 0 4.4rem
}

.u-mx-48 {
    margin: 0 4.8rem
}

.u-mx-52 {
    margin: 0 5.2rem
}

.u-mx-56 {
    margin: 0 5.6rem
}

.u-mx-60 {
    margin: 0 6rem
}

.u-mx-64 {
    margin: 0 6.4rem
}

.u-mx-68 {
    margin: 0 6.8rem
}

.u-mx-72 {
    margin: 0 7.2rem
}

.u-mx-76 {
    margin: 0 7.6rem
}

.u-mx-80 {
    margin: 0 8rem
}

.u-mx-84 {
    margin: 0 8.4rem
}

.u-mx-88 {
    margin: 0 8.8rem
}

.u-mx-92 {
    margin: 0 9.2rem
}

.u-mx-96 {
    margin: 0 9.6rem
}

.u-mx-100 {
    margin: 0 10rem
}

.u-my-0 {
    margin: 0rem 0
}

.u-my-4 {
    margin: 0.4rem 0
}

.u-my-8 {
    margin: 0.8rem 0
}

.u-my-12 {
    margin: 1.2rem 0
}

.u-my-16 {
    margin: 1.6rem 0
}

.u-my-20 {
    margin: 2rem 0
}

.u-my-24 {
    margin: 2.4rem 0
}

.u-my-28 {
    margin: 2.8rem 0
}

.u-my-32 {
    margin: 3.2rem 0
}

.u-my-36 {
    margin: 3.6rem 0
}

.u-my-40 {
    margin: 4rem 0
}

.u-my-44 {
    margin: 4.4rem 0
}

.u-my-48 {
    margin: 4.8rem 0
}

.u-my-52 {
    margin: 5.2rem 0
}

.u-my-56 {
    margin: 5.6rem 0
}

.u-my-60 {
    margin: 6rem 0
}

.u-my-64 {
    margin: 6.4rem 0
}

.u-my-68 {
    margin: 6.8rem 0
}

.u-my-72 {
    margin: 7.2rem 0
}

.u-my-76 {
    margin: 7.6rem 0
}

.u-my-80 {
    margin: 8rem 0
}

.u-my-84 {
    margin: 8.4rem 0
}

.u-my-88 {
    margin: 8.8rem 0
}

.u-my-92 {
    margin: 9.2rem 0
}

.u-my-96 {
    margin: 9.6rem 0
}

.u-my-100 {
    margin: 10rem 0
}

.u-pt-0 {
    padding-top: 0rem
}

.u-pt-4 {
    padding-top: 0.4rem
}

.u-pt-8 {
    padding-top: 0.8rem
}

.u-pt-12 {
    padding-top: 1.2rem
}

.u-pt-16 {
    padding-top: 1.6rem
}

.u-pt-20 {
    padding-top: 2rem
}

.u-pt-24 {
    padding-top: 2.4rem
}

.u-pt-28 {
    padding-top: 2.8rem
}

.u-pt-32 {
    padding-top: 3.2rem
}

.u-pt-36 {
    padding-top: 3.6rem
}

.u-pt-40 {
    padding-top: 4rem
}

.u-pt-44 {
    padding-top: 4.4rem
}

.u-pt-48 {
    padding-top: 4.8rem
}

.u-pt-52 {
    padding-top: 5.2rem
}

.u-pt-56 {
    padding-top: 5.6rem
}

.u-pt-60 {
    padding-top: 6rem
}

.u-pt-64 {
    padding-top: 6.4rem
}

.u-pt-68 {
    padding-top: 6.8rem
}

.u-pt-72 {
    padding-top: 7.2rem
}

.u-pt-76 {
    padding-top: 7.6rem
}

.u-pt-80 {
    padding-top: 8rem
}

.u-pt-84 {
    padding-top: 8.4rem
}

.u-pt-88 {
    padding-top: 8.8rem
}

.u-pt-92 {
    padding-top: 9.2rem
}

.u-pt-96 {
    padding-top: 9.6rem
}

.u-pt-100 {
    padding-top: 10rem
}

.u-pl-0 {
    padding-left: 0rem
}

.u-pl-4 {
    padding-left: 0.4rem
}

.u-pl-8 {
    padding-left: 0.8rem
}

.u-pl-12 {
    padding-left: 1.2rem
}

.u-pl-16 {
    padding-left: 1.6rem
}

.u-pl-20 {
    padding-left: 2rem
}

.u-pl-24 {
    padding-left: 2.4rem
}

.u-pl-28 {
    padding-left: 2.8rem
}

.u-pl-32 {
    padding-left: 3.2rem
}

.u-pl-36 {
    padding-left: 3.6rem
}

.u-pl-40 {
    padding-left: 4rem
}

.u-pl-44 {
    padding-left: 4.4rem
}

.u-pl-48 {
    padding-left: 4.8rem
}

.u-pl-52 {
    padding-left: 5.2rem
}

.u-pl-56 {
    padding-left: 5.6rem
}

.u-pl-60 {
    padding-left: 6rem
}

.u-pl-64 {
    padding-left: 6.4rem
}

.u-pl-68 {
    padding-left: 6.8rem
}

.u-pl-72 {
    padding-left: 7.2rem
}

.u-pl-76 {
    padding-left: 7.6rem
}

.u-pl-80 {
    padding-left: 8rem
}

.u-pl-84 {
    padding-left: 8.4rem
}

.u-pl-88 {
    padding-left: 8.8rem
}

.u-pl-92 {
    padding-left: 9.2rem
}

.u-pl-96 {
    padding-left: 9.6rem
}

.u-pl-100 {
    padding-left: 10rem
}

.u-pr-0 {
    padding-right: 0rem
}

.u-pr-4 {
    padding-right: 0.4rem
}

.u-pr-8 {
    padding-right: 0.8rem
}

.u-pr-12 {
    padding-right: 1.2rem
}

.u-pr-16 {
    padding-right: 1.6rem
}

.u-pr-20 {
    padding-right: 2rem
}

.u-pr-24 {
    padding-right: 2.4rem
}

.u-pr-28 {
    padding-right: 2.8rem
}

.u-pr-32 {
    padding-right: 3.2rem
}

.u-pr-36 {
    padding-right: 3.6rem
}

.u-pr-40 {
    padding-right: 4rem
}

.u-pr-44 {
    padding-right: 4.4rem
}

.u-pr-48 {
    padding-right: 4.8rem
}

.u-pr-52 {
    padding-right: 5.2rem
}

.u-pr-56 {
    padding-right: 5.6rem
}

.u-pr-60 {
    padding-right: 6rem
}

.u-pr-64 {
    padding-right: 6.4rem
}

.u-pr-68 {
    padding-right: 6.8rem
}

.u-pr-72 {
    padding-right: 7.2rem
}

.u-pr-76 {
    padding-right: 7.6rem
}

.u-pr-80 {
    padding-right: 8rem
}

.u-pr-84 {
    padding-right: 8.4rem
}

.u-pr-88 {
    padding-right: 8.8rem
}

.u-pr-92 {
    padding-right: 9.2rem
}

.u-pr-96 {
    padding-right: 9.6rem
}

.u-pr-100 {
    padding-right: 10rem
}

.u-pb-0 {
    padding-bottom: 0rem
}

.u-pb-4 {
    padding-bottom: 0.4rem
}

.u-pb-8 {
    padding-bottom: 0.8rem
}

.u-pb-12 {
    padding-bottom: 1.2rem
}

.u-pb-16 {
    padding-bottom: 1.6rem
}

.u-pb-20 {
    padding-bottom: 2rem
}

.u-pb-24 {
    padding-bottom: 2.4rem
}

.u-pb-28 {
    padding-bottom: 2.8rem
}

.u-pb-32 {
    padding-bottom: 3.2rem
}

.u-pb-36 {
    padding-bottom: 3.6rem
}

.u-pb-40 {
    padding-bottom: 4rem
}

.u-pb-44 {
    padding-bottom: 4.4rem
}

.u-pb-48 {
    padding-bottom: 4.8rem
}

.u-pb-52 {
    padding-bottom: 5.2rem
}

.u-pb-56 {
    padding-bottom: 5.6rem
}

.u-pb-60 {
    padding-bottom: 6rem
}

.u-pb-64 {
    padding-bottom: 6.4rem
}

.u-pb-68 {
    padding-bottom: 6.8rem
}

.u-pb-72 {
    padding-bottom: 7.2rem
}

.u-pb-76 {
    padding-bottom: 7.6rem
}

.u-pb-80 {
    padding-bottom: 8rem
}

.u-pb-84 {
    padding-bottom: 8.4rem
}

.u-pb-88 {
    padding-bottom: 8.8rem
}

.u-pb-92 {
    padding-bottom: 9.2rem
}

.u-pb-96 {
    padding-bottom: 9.6rem
}

.u-pb-100 {
    padding-bottom: 10rem
}

.u-px-0 {
    padding: 0 0rem
}

.u-px-4 {
    padding: 0 0.4rem
}

.u-px-8 {
    padding: 0 0.8rem
}

.u-px-12 {
    padding: 0 1.2rem
}

.u-px-16 {
    padding: 0 1.6rem
}

.u-px-20 {
    padding: 0 2rem
}

.u-px-24 {
    padding: 0 2.4rem
}

.u-px-28 {
    padding: 0 2.8rem
}

.u-px-32 {
    padding: 0 3.2rem
}

.u-px-36 {
    padding: 0 3.6rem
}

.u-px-40 {
    padding: 0 4rem
}

.u-px-44 {
    padding: 0 4.4rem
}

.u-px-48 {
    padding: 0 4.8rem
}

.u-px-52 {
    padding: 0 5.2rem
}

.u-px-56 {
    padding: 0 5.6rem
}

.u-px-60 {
    padding: 0 6rem
}

.u-px-64 {
    padding: 0 6.4rem
}

.u-px-68 {
    padding: 0 6.8rem
}

.u-px-72 {
    padding: 0 7.2rem
}

.u-px-76 {
    padding: 0 7.6rem
}

.u-px-80 {
    padding: 0 8rem
}

.u-px-84 {
    padding: 0 8.4rem
}

.u-px-88 {
    padding: 0 8.8rem
}

.u-px-92 {
    padding: 0 9.2rem
}

.u-px-96 {
    padding: 0 9.6rem
}

.u-px-100 {
    padding: 0 10rem
}

.u-py-0 {
    padding: 0rem 0
}

.u-py-4 {
    padding: 0.4rem 0
}

.u-py-8 {
    padding: 0.8rem 0
}

.u-py-12 {
    padding: 1.2rem 0
}

.u-py-16 {
    padding: 1.6rem 0
}

.u-py-20 {
    padding: 2rem 0
}

.u-py-24 {
    padding: 2.4rem 0
}

.u-py-28 {
    padding: 2.8rem 0
}

.u-py-32 {
    padding: 3.2rem 0
}

.u-py-36 {
    padding: 3.6rem 0
}

.u-py-40 {
    padding: 4rem 0
}

.u-py-44 {
    padding: 4.4rem 0
}

.u-py-48 {
    padding: 4.8rem 0
}

.u-py-52 {
    padding: 5.2rem 0
}

.u-py-56 {
    padding: 5.6rem 0
}

.u-py-60 {
    padding: 6rem 0
}

.u-py-64 {
    padding: 6.4rem 0
}

.u-py-68 {
    padding: 6.8rem 0
}

.u-py-72 {
    padding: 7.2rem 0
}

.u-py-76 {
    padding: 7.6rem 0
}

.u-py-80 {
    padding: 8rem 0
}

.u-py-84 {
    padding: 8.4rem 0
}

.u-py-88 {
    padding: 8.8rem 0
}

.u-py-92 {
    padding: 9.2rem 0
}

.u-py-96 {
    padding: 9.6rem 0
}

.u-py-100 {
    padding: 10rem 0
}

@media (max-width: 1024px) {
    .u-md-mt-0 {
        margin-top:0rem
    }

    .u-md-mt-4 {
        margin-top: 0.4rem
    }

    .u-md-mt-8 {
        margin-top: 0.8rem
    }

    .u-md-mt-12 {
        margin-top: 1.2rem
    }

    .u-md-mt-16 {
        margin-top: 1.6rem
    }

    .u-md-mt-20 {
        margin-top: 2rem
    }

    .u-md-mt-24 {
        margin-top: 2.4rem
    }

    .u-md-mt-28 {
        margin-top: 2.8rem
    }

    .u-md-mt-32 {
        margin-top: 3.2rem
    }

    .u-md-mt-36 {
        margin-top: 3.6rem
    }

    .u-md-mt-40 {
        margin-top: 4rem
    }

    .u-md-mt-44 {
        margin-top: 4.4rem
    }

    .u-md-mt-48 {
        margin-top: 4.8rem
    }

    .u-md-mt-52 {
        margin-top: 5.2rem
    }

    .u-md-mt-56 {
        margin-top: 5.6rem
    }

    .u-md-mt-60 {
        margin-top: 6rem
    }

    .u-md-mt-64 {
        margin-top: 6.4rem
    }

    .u-md-mt-68 {
        margin-top: 6.8rem
    }

    .u-md-mt-72 {
        margin-top: 7.2rem
    }

    .u-md-mt-76 {
        margin-top: 7.6rem
    }

    .u-md-mt-80 {
        margin-top: 8rem
    }

    .u-md-mt-84 {
        margin-top: 8.4rem
    }

    .u-md-mt-88 {
        margin-top: 8.8rem
    }

    .u-md-mt-92 {
        margin-top: 9.2rem
    }

    .u-md-mt-96 {
        margin-top: 9.6rem
    }

    .u-md-mt-100 {
        margin-top: 10rem
    }

    .u-md-ml-0 {
        margin-left: 0rem
    }

    .u-md-ml-4 {
        margin-left: 0.4rem
    }

    .u-md-ml-8 {
        margin-left: 0.8rem
    }

    .u-md-ml-12 {
        margin-left: 1.2rem
    }

    .u-md-ml-16 {
        margin-left: 1.6rem
    }

    .u-md-ml-20 {
        margin-left: 2rem
    }

    .u-md-ml-24 {
        margin-left: 2.4rem
    }

    .u-md-ml-28 {
        margin-left: 2.8rem
    }

    .u-md-ml-32 {
        margin-left: 3.2rem
    }

    .u-md-ml-36 {
        margin-left: 3.6rem
    }

    .u-md-ml-40 {
        margin-left: 4rem
    }

    .u-md-ml-44 {
        margin-left: 4.4rem
    }

    .u-md-ml-48 {
        margin-left: 4.8rem
    }

    .u-md-ml-52 {
        margin-left: 5.2rem
    }

    .u-md-ml-56 {
        margin-left: 5.6rem
    }

    .u-md-ml-60 {
        margin-left: 6rem
    }

    .u-md-ml-64 {
        margin-left: 6.4rem
    }

    .u-md-ml-68 {
        margin-left: 6.8rem
    }

    .u-md-ml-72 {
        margin-left: 7.2rem
    }

    .u-md-ml-76 {
        margin-left: 7.6rem
    }

    .u-md-ml-80 {
        margin-left: 8rem
    }

    .u-md-ml-84 {
        margin-left: 8.4rem
    }

    .u-md-ml-88 {
        margin-left: 8.8rem
    }

    .u-md-ml-92 {
        margin-left: 9.2rem
    }

    .u-md-ml-96 {
        margin-left: 9.6rem
    }

    .u-md-ml-100 {
        margin-left: 10rem
    }

    .u-md-mr-0 {
        margin-right: 0rem
    }

    .u-md-mr-4 {
        margin-right: 0.4rem
    }

    .u-md-mr-8 {
        margin-right: 0.8rem
    }

    .u-md-mr-12 {
        margin-right: 1.2rem
    }

    .u-md-mr-16 {
        margin-right: 1.6rem
    }

    .u-md-mr-20 {
        margin-right: 2rem
    }

    .u-md-mr-24 {
        margin-right: 2.4rem
    }

    .u-md-mr-28 {
        margin-right: 2.8rem
    }

    .u-md-mr-32 {
        margin-right: 3.2rem
    }

    .u-md-mr-36 {
        margin-right: 3.6rem
    }

    .u-md-mr-40 {
        margin-right: 4rem
    }

    .u-md-mr-44 {
        margin-right: 4.4rem
    }

    .u-md-mr-48 {
        margin-right: 4.8rem
    }

    .u-md-mr-52 {
        margin-right: 5.2rem
    }

    .u-md-mr-56 {
        margin-right: 5.6rem
    }

    .u-md-mr-60 {
        margin-right: 6rem
    }

    .u-md-mr-64 {
        margin-right: 6.4rem
    }

    .u-md-mr-68 {
        margin-right: 6.8rem
    }

    .u-md-mr-72 {
        margin-right: 7.2rem
    }

    .u-md-mr-76 {
        margin-right: 7.6rem
    }

    .u-md-mr-80 {
        margin-right: 8rem
    }

    .u-md-mr-84 {
        margin-right: 8.4rem
    }

    .u-md-mr-88 {
        margin-right: 8.8rem
    }

    .u-md-mr-92 {
        margin-right: 9.2rem
    }

    .u-md-mr-96 {
        margin-right: 9.6rem
    }

    .u-md-mr-100 {
        margin-right: 10rem
    }

    .u-md-mb-0 {
        margin-bottom: 0rem
    }

    .u-md-mb-4 {
        margin-bottom: 0.4rem
    }

    .u-md-mb-8 {
        margin-bottom: 0.8rem
    }

    .u-md-mb-12 {
        margin-bottom: 1.2rem
    }

    .u-md-mb-16 {
        margin-bottom: 1.6rem
    }

    .u-md-mb-20 {
        margin-bottom: 2rem
    }

    .u-md-mb-24 {
        margin-bottom: 2.4rem
    }

    .u-md-mb-28 {
        margin-bottom: 2.8rem
    }

    .u-md-mb-32 {
        margin-bottom: 3.2rem
    }

    .u-md-mb-36 {
        margin-bottom: 3.6rem
    }

    .u-md-mb-40 {
        margin-bottom: 4rem
    }

    .u-md-mb-44 {
        margin-bottom: 4.4rem
    }

    .u-md-mb-48 {
        margin-bottom: 4.8rem
    }

    .u-md-mb-52 {
        margin-bottom: 5.2rem
    }

    .u-md-mb-56 {
        margin-bottom: 5.6rem
    }

    .u-md-mb-60 {
        margin-bottom: 6rem
    }

    .u-md-mb-64 {
        margin-bottom: 6.4rem
    }

    .u-md-mb-68 {
        margin-bottom: 6.8rem
    }

    .u-md-mb-72 {
        margin-bottom: 7.2rem
    }

    .u-md-mb-76 {
        margin-bottom: 7.6rem
    }

    .u-md-mb-80 {
        margin-bottom: 8rem
    }

    .u-md-mb-84 {
        margin-bottom: 8.4rem
    }

    .u-md-mb-88 {
        margin-bottom: 8.8rem
    }

    .u-md-mb-92 {
        margin-bottom: 9.2rem
    }

    .u-md-mb-96 {
        margin-bottom: 9.6rem
    }

    .u-md-mb-100 {
        margin-bottom: 10rem
    }

    .u-md-mx-0 {
        margin: 0 0rem
    }

    .u-md-mx-4 {
        margin: 0 0.4rem
    }

    .u-md-mx-8 {
        margin: 0 0.8rem
    }

    .u-md-mx-12 {
        margin: 0 1.2rem
    }

    .u-md-mx-16 {
        margin: 0 1.6rem
    }

    .u-md-mx-20 {
        margin: 0 2rem
    }

    .u-md-mx-24 {
        margin: 0 2.4rem
    }

    .u-md-mx-28 {
        margin: 0 2.8rem
    }

    .u-md-mx-32 {
        margin: 0 3.2rem
    }

    .u-md-mx-36 {
        margin: 0 3.6rem
    }

    .u-md-mx-40 {
        margin: 0 4rem
    }

    .u-md-mx-44 {
        margin: 0 4.4rem
    }

    .u-md-mx-48 {
        margin: 0 4.8rem
    }

    .u-md-mx-52 {
        margin: 0 5.2rem
    }

    .u-md-mx-56 {
        margin: 0 5.6rem
    }

    .u-md-mx-60 {
        margin: 0 6rem
    }

    .u-md-mx-64 {
        margin: 0 6.4rem
    }

    .u-md-mx-68 {
        margin: 0 6.8rem
    }

    .u-md-mx-72 {
        margin: 0 7.2rem
    }

    .u-md-mx-76 {
        margin: 0 7.6rem
    }

    .u-md-mx-80 {
        margin: 0 8rem
    }

    .u-md-mx-84 {
        margin: 0 8.4rem
    }

    .u-md-mx-88 {
        margin: 0 8.8rem
    }

    .u-md-mx-92 {
        margin: 0 9.2rem
    }

    .u-md-mx-96 {
        margin: 0 9.6rem
    }

    .u-md-mx-100 {
        margin: 0 10rem
    }

    .u-md-my-0 {
        margin: 0rem 0
    }

    .u-md-my-4 {
        margin: 0.4rem 0
    }

    .u-md-my-8 {
        margin: 0.8rem 0
    }

    .u-md-my-12 {
        margin: 1.2rem 0
    }

    .u-md-my-16 {
        margin: 1.6rem 0
    }

    .u-md-my-20 {
        margin: 2rem 0
    }

    .u-md-my-24 {
        margin: 2.4rem 0
    }

    .u-md-my-28 {
        margin: 2.8rem 0
    }

    .u-md-my-32 {
        margin: 3.2rem 0
    }

    .u-md-my-36 {
        margin: 3.6rem 0
    }

    .u-md-my-40 {
        margin: 4rem 0
    }

    .u-md-my-44 {
        margin: 4.4rem 0
    }

    .u-md-my-48 {
        margin: 4.8rem 0
    }

    .u-md-my-52 {
        margin: 5.2rem 0
    }

    .u-md-my-56 {
        margin: 5.6rem 0
    }

    .u-md-my-60 {
        margin: 6rem 0
    }

    .u-md-my-64 {
        margin: 6.4rem 0
    }

    .u-md-my-68 {
        margin: 6.8rem 0
    }

    .u-md-my-72 {
        margin: 7.2rem 0
    }

    .u-md-my-76 {
        margin: 7.6rem 0
    }

    .u-md-my-80 {
        margin: 8rem 0
    }

    .u-md-my-84 {
        margin: 8.4rem 0
    }

    .u-md-my-88 {
        margin: 8.8rem 0
    }

    .u-md-my-92 {
        margin: 9.2rem 0
    }

    .u-md-my-96 {
        margin: 9.6rem 0
    }

    .u-md-my-100 {
        margin: 10rem 0
    }

    .u-md-pt-0 {
        padding-top: 0rem
    }

    .u-md-pt-4 {
        padding-top: 0.4rem
    }

    .u-md-pt-8 {
        padding-top: 0.8rem
    }

    .u-md-pt-12 {
        padding-top: 1.2rem
    }

    .u-md-pt-16 {
        padding-top: 1.6rem
    }

    .u-md-pt-20 {
        padding-top: 2rem
    }

    .u-md-pt-24 {
        padding-top: 2.4rem
    }

    .u-md-pt-28 {
        padding-top: 2.8rem
    }

    .u-md-pt-32 {
        padding-top: 3.2rem
    }

    .u-md-pt-36 {
        padding-top: 3.6rem
    }

    .u-md-pt-40 {
        padding-top: 4rem
    }

    .u-md-pt-44 {
        padding-top: 4.4rem
    }

    .u-md-pt-48 {
        padding-top: 4.8rem
    }

    .u-md-pt-52 {
        padding-top: 5.2rem
    }

    .u-md-pt-56 {
        padding-top: 5.6rem
    }

    .u-md-pt-60 {
        padding-top: 6rem
    }

    .u-md-pt-64 {
        padding-top: 6.4rem
    }

    .u-md-pt-68 {
        padding-top: 6.8rem
    }

    .u-md-pt-72 {
        padding-top: 7.2rem
    }

    .u-md-pt-76 {
        padding-top: 7.6rem
    }

    .u-md-pt-80 {
        padding-top: 8rem
    }

    .u-md-pt-84 {
        padding-top: 8.4rem
    }

    .u-md-pt-88 {
        padding-top: 8.8rem
    }

    .u-md-pt-92 {
        padding-top: 9.2rem
    }

    .u-md-pt-96 {
        padding-top: 9.6rem
    }

    .u-md-pt-100 {
        padding-top: 10rem
    }

    .u-md-pl-0 {
        padding-left: 0rem
    }

    .u-md-pl-4 {
        padding-left: 0.4rem
    }

    .u-md-pl-8 {
        padding-left: 0.8rem
    }

    .u-md-pl-12 {
        padding-left: 1.2rem
    }

    .u-md-pl-16 {
        padding-left: 1.6rem
    }

    .u-md-pl-20 {
        padding-left: 2rem
    }

    .u-md-pl-24 {
        padding-left: 2.4rem
    }

    .u-md-pl-28 {
        padding-left: 2.8rem
    }

    .u-md-pl-32 {
        padding-left: 3.2rem
    }

    .u-md-pl-36 {
        padding-left: 3.6rem
    }

    .u-md-pl-40 {
        padding-left: 4rem
    }

    .u-md-pl-44 {
        padding-left: 4.4rem
    }

    .u-md-pl-48 {
        padding-left: 4.8rem
    }

    .u-md-pl-52 {
        padding-left: 5.2rem
    }

    .u-md-pl-56 {
        padding-left: 5.6rem
    }

    .u-md-pl-60 {
        padding-left: 6rem
    }

    .u-md-pl-64 {
        padding-left: 6.4rem
    }

    .u-md-pl-68 {
        padding-left: 6.8rem
    }

    .u-md-pl-72 {
        padding-left: 7.2rem
    }

    .u-md-pl-76 {
        padding-left: 7.6rem
    }

    .u-md-pl-80 {
        padding-left: 8rem
    }

    .u-md-pl-84 {
        padding-left: 8.4rem
    }

    .u-md-pl-88 {
        padding-left: 8.8rem
    }

    .u-md-pl-92 {
        padding-left: 9.2rem
    }

    .u-md-pl-96 {
        padding-left: 9.6rem
    }

    .u-md-pl-100 {
        padding-left: 10rem
    }

    .u-md-pr-0 {
        padding-right: 0rem
    }

    .u-md-pr-4 {
        padding-right: 0.4rem
    }

    .u-md-pr-8 {
        padding-right: 0.8rem
    }

    .u-md-pr-12 {
        padding-right: 1.2rem
    }

    .u-md-pr-16 {
        padding-right: 1.6rem
    }

    .u-md-pr-20 {
        padding-right: 2rem
    }

    .u-md-pr-24 {
        padding-right: 2.4rem
    }

    .u-md-pr-28 {
        padding-right: 2.8rem
    }

    .u-md-pr-32 {
        padding-right: 3.2rem
    }

    .u-md-pr-36 {
        padding-right: 3.6rem
    }

    .u-md-pr-40 {
        padding-right: 4rem
    }

    .u-md-pr-44 {
        padding-right: 4.4rem
    }

    .u-md-pr-48 {
        padding-right: 4.8rem
    }

    .u-md-pr-52 {
        padding-right: 5.2rem
    }

    .u-md-pr-56 {
        padding-right: 5.6rem
    }

    .u-md-pr-60 {
        padding-right: 6rem
    }

    .u-md-pr-64 {
        padding-right: 6.4rem
    }

    .u-md-pr-68 {
        padding-right: 6.8rem
    }

    .u-md-pr-72 {
        padding-right: 7.2rem
    }

    .u-md-pr-76 {
        padding-right: 7.6rem
    }

    .u-md-pr-80 {
        padding-right: 8rem
    }

    .u-md-pr-84 {
        padding-right: 8.4rem
    }

    .u-md-pr-88 {
        padding-right: 8.8rem
    }

    .u-md-pr-92 {
        padding-right: 9.2rem
    }

    .u-md-pr-96 {
        padding-right: 9.6rem
    }

    .u-md-pr-100 {
        padding-right: 10rem
    }

    .u-md-pb-0 {
        padding-bottom: 0rem
    }

    .u-md-pb-4 {
        padding-bottom: 0.4rem
    }

    .u-md-pb-8 {
        padding-bottom: 0.8rem
    }

    .u-md-pb-12 {
        padding-bottom: 1.2rem
    }

    .u-md-pb-16 {
        padding-bottom: 1.6rem
    }

    .u-md-pb-20 {
        padding-bottom: 2rem
    }

    .u-md-pb-24 {
        padding-bottom: 2.4rem
    }

    .u-md-pb-28 {
        padding-bottom: 2.8rem
    }

    .u-md-pb-32 {
        padding-bottom: 3.2rem
    }

    .u-md-pb-36 {
        padding-bottom: 3.6rem
    }

    .u-md-pb-40 {
        padding-bottom: 4rem
    }

    .u-md-pb-44 {
        padding-bottom: 4.4rem
    }

    .u-md-pb-48 {
        padding-bottom: 4.8rem
    }

    .u-md-pb-52 {
        padding-bottom: 5.2rem
    }

    .u-md-pb-56 {
        padding-bottom: 5.6rem
    }

    .u-md-pb-60 {
        padding-bottom: 6rem
    }

    .u-md-pb-64 {
        padding-bottom: 6.4rem
    }

    .u-md-pb-68 {
        padding-bottom: 6.8rem
    }

    .u-md-pb-72 {
        padding-bottom: 7.2rem
    }

    .u-md-pb-76 {
        padding-bottom: 7.6rem
    }

    .u-md-pb-80 {
        padding-bottom: 8rem
    }

    .u-md-pb-84 {
        padding-bottom: 8.4rem
    }

    .u-md-pb-88 {
        padding-bottom: 8.8rem
    }

    .u-md-pb-92 {
        padding-bottom: 9.2rem
    }

    .u-md-pb-96 {
        padding-bottom: 9.6rem
    }

    .u-md-pb-100 {
        padding-bottom: 10rem
    }

    .u-md-px-0 {
        padding: 0 0rem
    }

    .u-md-px-4 {
        padding: 0 0.4rem
    }

    .u-md-px-8 {
        padding: 0 0.8rem
    }

    .u-md-px-12 {
        padding: 0 1.2rem
    }

    .u-md-px-16 {
        padding: 0 1.6rem
    }

    .u-md-px-20 {
        padding: 0 2rem
    }

    .u-md-px-24 {
        padding: 0 2.4rem
    }

    .u-md-px-28 {
        padding: 0 2.8rem
    }

    .u-md-px-32 {
        padding: 0 3.2rem
    }

    .u-md-px-36 {
        padding: 0 3.6rem
    }

    .u-md-px-40 {
        padding: 0 4rem
    }

    .u-md-px-44 {
        padding: 0 4.4rem
    }

    .u-md-px-48 {
        padding: 0 4.8rem
    }

    .u-md-px-52 {
        padding: 0 5.2rem
    }

    .u-md-px-56 {
        padding: 0 5.6rem
    }

    .u-md-px-60 {
        padding: 0 6rem
    }

    .u-md-px-64 {
        padding: 0 6.4rem
    }

    .u-md-px-68 {
        padding: 0 6.8rem
    }

    .u-md-px-72 {
        padding: 0 7.2rem
    }

    .u-md-px-76 {
        padding: 0 7.6rem
    }

    .u-md-px-80 {
        padding: 0 8rem
    }

    .u-md-px-84 {
        padding: 0 8.4rem
    }

    .u-md-px-88 {
        padding: 0 8.8rem
    }

    .u-md-px-92 {
        padding: 0 9.2rem
    }

    .u-md-px-96 {
        padding: 0 9.6rem
    }

    .u-md-px-100 {
        padding: 0 10rem
    }

    .u-md-py-0 {
        padding: 0rem 0
    }

    .u-md-py-4 {
        padding: 0.4rem 0
    }

    .u-md-py-8 {
        padding: 0.8rem 0
    }

    .u-md-py-12 {
        padding: 1.2rem 0
    }

    .u-md-py-16 {
        padding: 1.6rem 0
    }

    .u-md-py-20 {
        padding: 2rem 0
    }

    .u-md-py-24 {
        padding: 2.4rem 0
    }

    .u-md-py-28 {
        padding: 2.8rem 0
    }

    .u-md-py-32 {
        padding: 3.2rem 0
    }

    .u-md-py-36 {
        padding: 3.6rem 0
    }

    .u-md-py-40 {
        padding: 4rem 0
    }

    .u-md-py-44 {
        padding: 4.4rem 0
    }

    .u-md-py-48 {
        padding: 4.8rem 0
    }

    .u-md-py-52 {
        padding: 5.2rem 0
    }

    .u-md-py-56 {
        padding: 5.6rem 0
    }

    .u-md-py-60 {
        padding: 6rem 0
    }

    .u-md-py-64 {
        padding: 6.4rem 0
    }

    .u-md-py-68 {
        padding: 6.8rem 0
    }

    .u-md-py-72 {
        padding: 7.2rem 0
    }

    .u-md-py-76 {
        padding: 7.6rem 0
    }

    .u-md-py-80 {
        padding: 8rem 0
    }

    .u-md-py-84 {
        padding: 8.4rem 0
    }

    .u-md-py-88 {
        padding: 8.8rem 0
    }

    .u-md-py-92 {
        padding: 9.2rem 0
    }

    .u-md-py-96 {
        padding: 9.6rem 0
    }

    .u-md-py-100 {
        padding: 10rem 0
    }
}

@media (max-width: 767px) {
    .u-sm-mt-0 {
        margin-top:0rem
    }

    .u-sm-mt-4 {
        margin-top: 0.4rem
    }

    .u-sm-mt-8 {
        margin-top: 0.8rem
    }

    .u-sm-mt-12 {
        margin-top: 1.2rem
    }

    .u-sm-mt-16 {
        margin-top: 1.6rem
    }

    .u-sm-mt-20 {
        margin-top: 2rem
    }

    .u-sm-mt-24 {
        margin-top: 2.4rem
    }

    .u-sm-mt-28 {
        margin-top: 2.8rem
    }

    .u-sm-mt-32 {
        margin-top: 3.2rem
    }

    .u-sm-mt-36 {
        margin-top: 3.6rem
    }

    .u-sm-mt-40 {
        margin-top: 4rem
    }

    .u-sm-mt-44 {
        margin-top: 4.4rem
    }

    .u-sm-mt-48 {
        margin-top: 4.8rem
    }

    .u-sm-mt-52 {
        margin-top: 5.2rem
    }

    .u-sm-mt-56 {
        margin-top: 5.6rem
    }

    .u-sm-mt-60 {
        margin-top: 6rem
    }

    .u-sm-mt-64 {
        margin-top: 6.4rem
    }

    .u-sm-mt-68 {
        margin-top: 6.8rem
    }

    .u-sm-mt-72 {
        margin-top: 7.2rem
    }

    .u-sm-mt-76 {
        margin-top: 7.6rem
    }

    .u-sm-mt-80 {
        margin-top: 8rem
    }

    .u-sm-mt-84 {
        margin-top: 8.4rem
    }

    .u-sm-mt-88 {
        margin-top: 8.8rem
    }

    .u-sm-mt-92 {
        margin-top: 9.2rem
    }

    .u-sm-mt-96 {
        margin-top: 9.6rem
    }

    .u-sm-mt-100 {
        margin-top: 10rem
    }

    .u-sm-ml-0 {
        margin-left: 0rem
    }

    .u-sm-ml-4 {
        margin-left: 0.4rem
    }

    .u-sm-ml-8 {
        margin-left: 0.8rem
    }

    .u-sm-ml-12 {
        margin-left: 1.2rem
    }

    .u-sm-ml-16 {
        margin-left: 1.6rem
    }

    .u-sm-ml-20 {
        margin-left: 2rem
    }

    .u-sm-ml-24 {
        margin-left: 2.4rem
    }

    .u-sm-ml-28 {
        margin-left: 2.8rem
    }

    .u-sm-ml-32 {
        margin-left: 3.2rem
    }

    .u-sm-ml-36 {
        margin-left: 3.6rem
    }

    .u-sm-ml-40 {
        margin-left: 4rem
    }

    .u-sm-ml-44 {
        margin-left: 4.4rem
    }

    .u-sm-ml-48 {
        margin-left: 4.8rem
    }

    .u-sm-ml-52 {
        margin-left: 5.2rem
    }

    .u-sm-ml-56 {
        margin-left: 5.6rem
    }

    .u-sm-ml-60 {
        margin-left: 6rem
    }

    .u-sm-ml-64 {
        margin-left: 6.4rem
    }

    .u-sm-ml-68 {
        margin-left: 6.8rem
    }

    .u-sm-ml-72 {
        margin-left: 7.2rem
    }

    .u-sm-ml-76 {
        margin-left: 7.6rem
    }

    .u-sm-ml-80 {
        margin-left: 8rem
    }

    .u-sm-ml-84 {
        margin-left: 8.4rem
    }

    .u-sm-ml-88 {
        margin-left: 8.8rem
    }

    .u-sm-ml-92 {
        margin-left: 9.2rem
    }

    .u-sm-ml-96 {
        margin-left: 9.6rem
    }

    .u-sm-ml-100 {
        margin-left: 10rem
    }

    .u-sm-mr-0 {
        margin-right: 0rem
    }

    .u-sm-mr-4 {
        margin-right: 0.4rem
    }

    .u-sm-mr-8 {
        margin-right: 0.8rem
    }

    .u-sm-mr-12 {
        margin-right: 1.2rem
    }

    .u-sm-mr-16 {
        margin-right: 1.6rem
    }

    .u-sm-mr-20 {
        margin-right: 2rem
    }

    .u-sm-mr-24 {
        margin-right: 2.4rem
    }

    .u-sm-mr-28 {
        margin-right: 2.8rem
    }

    .u-sm-mr-32 {
        margin-right: 3.2rem
    }

    .u-sm-mr-36 {
        margin-right: 3.6rem
    }

    .u-sm-mr-40 {
        margin-right: 4rem
    }

    .u-sm-mr-44 {
        margin-right: 4.4rem
    }

    .u-sm-mr-48 {
        margin-right: 4.8rem
    }

    .u-sm-mr-52 {
        margin-right: 5.2rem
    }

    .u-sm-mr-56 {
        margin-right: 5.6rem
    }

    .u-sm-mr-60 {
        margin-right: 6rem
    }

    .u-sm-mr-64 {
        margin-right: 6.4rem
    }

    .u-sm-mr-68 {
        margin-right: 6.8rem
    }

    .u-sm-mr-72 {
        margin-right: 7.2rem
    }

    .u-sm-mr-76 {
        margin-right: 7.6rem
    }

    .u-sm-mr-80 {
        margin-right: 8rem
    }

    .u-sm-mr-84 {
        margin-right: 8.4rem
    }

    .u-sm-mr-88 {
        margin-right: 8.8rem
    }

    .u-sm-mr-92 {
        margin-right: 9.2rem
    }

    .u-sm-mr-96 {
        margin-right: 9.6rem
    }

    .u-sm-mr-100 {
        margin-right: 10rem
    }

    .u-sm-mb-0 {
        margin-bottom: 0rem
    }

    .u-sm-mb-4 {
        margin-bottom: 0.4rem
    }

    .u-sm-mb-8 {
        margin-bottom: 0.8rem
    }

    .u-sm-mb-12 {
        margin-bottom: 1.2rem
    }

    .u-sm-mb-16 {
        margin-bottom: 1.6rem
    }

    .u-sm-mb-20 {
        margin-bottom: 2rem
    }

    .u-sm-mb-24 {
        margin-bottom: 2.4rem
    }

    .u-sm-mb-28 {
        margin-bottom: 2.8rem
    }

    .u-sm-mb-32 {
        margin-bottom: 3.2rem
    }

    .u-sm-mb-36 {
        margin-bottom: 3.6rem
    }

    .u-sm-mb-40 {
        margin-bottom: 4rem
    }

    .u-sm-mb-44 {
        margin-bottom: 4.4rem
    }

    .u-sm-mb-48 {
        margin-bottom: 4.8rem
    }

    .u-sm-mb-52 {
        margin-bottom: 5.2rem
    }

    .u-sm-mb-56 {
        margin-bottom: 5.6rem
    }

    .u-sm-mb-60 {
        margin-bottom: 6rem
    }

    .u-sm-mb-64 {
        margin-bottom: 6.4rem
    }

    .u-sm-mb-68 {
        margin-bottom: 6.8rem
    }

    .u-sm-mb-72 {
        margin-bottom: 7.2rem
    }

    .u-sm-mb-76 {
        margin-bottom: 7.6rem
    }

    .u-sm-mb-80 {
        margin-bottom: 8rem
    }

    .u-sm-mb-84 {
        margin-bottom: 8.4rem
    }

    .u-sm-mb-88 {
        margin-bottom: 8.8rem
    }

    .u-sm-mb-92 {
        margin-bottom: 9.2rem
    }

    .u-sm-mb-96 {
        margin-bottom: 9.6rem
    }

    .u-sm-mb-100 {
        margin-bottom: 10rem
    }

    .u-sm-mx-0 {
        margin: 0 0rem
    }

    .u-sm-mx-4 {
        margin: 0 0.4rem
    }

    .u-sm-mx-8 {
        margin: 0 0.8rem
    }

    .u-sm-mx-12 {
        margin: 0 1.2rem
    }

    .u-sm-mx-16 {
        margin: 0 1.6rem
    }

    .u-sm-mx-20 {
        margin: 0 2rem
    }

    .u-sm-mx-24 {
        margin: 0 2.4rem
    }

    .u-sm-mx-28 {
        margin: 0 2.8rem
    }

    .u-sm-mx-32 {
        margin: 0 3.2rem
    }

    .u-sm-mx-36 {
        margin: 0 3.6rem
    }

    .u-sm-mx-40 {
        margin: 0 4rem
    }

    .u-sm-mx-44 {
        margin: 0 4.4rem
    }

    .u-sm-mx-48 {
        margin: 0 4.8rem
    }

    .u-sm-mx-52 {
        margin: 0 5.2rem
    }

    .u-sm-mx-56 {
        margin: 0 5.6rem
    }

    .u-sm-mx-60 {
        margin: 0 6rem
    }

    .u-sm-mx-64 {
        margin: 0 6.4rem
    }

    .u-sm-mx-68 {
        margin: 0 6.8rem
    }

    .u-sm-mx-72 {
        margin: 0 7.2rem
    }

    .u-sm-mx-76 {
        margin: 0 7.6rem
    }

    .u-sm-mx-80 {
        margin: 0 8rem
    }

    .u-sm-mx-84 {
        margin: 0 8.4rem
    }

    .u-sm-mx-88 {
        margin: 0 8.8rem
    }

    .u-sm-mx-92 {
        margin: 0 9.2rem
    }

    .u-sm-mx-96 {
        margin: 0 9.6rem
    }

    .u-sm-mx-100 {
        margin: 0 10rem
    }

    .u-sm-my-0 {
        margin: 0rem 0
    }

    .u-sm-my-4 {
        margin: 0.4rem 0
    }

    .u-sm-my-8 {
        margin: 0.8rem 0
    }

    .u-sm-my-12 {
        margin: 1.2rem 0
    }

    .u-sm-my-16 {
        margin: 1.6rem 0
    }

    .u-sm-my-20 {
        margin: 2rem 0
    }

    .u-sm-my-24 {
        margin: 2.4rem 0
    }

    .u-sm-my-28 {
        margin: 2.8rem 0
    }

    .u-sm-my-32 {
        margin: 3.2rem 0
    }

    .u-sm-my-36 {
        margin: 3.6rem 0
    }

    .u-sm-my-40 {
        margin: 4rem 0
    }

    .u-sm-my-44 {
        margin: 4.4rem 0
    }

    .u-sm-my-48 {
        margin: 4.8rem 0
    }

    .u-sm-my-52 {
        margin: 5.2rem 0
    }

    .u-sm-my-56 {
        margin: 5.6rem 0
    }

    .u-sm-my-60 {
        margin: 6rem 0
    }

    .u-sm-my-64 {
        margin: 6.4rem 0
    }

    .u-sm-my-68 {
        margin: 6.8rem 0
    }

    .u-sm-my-72 {
        margin: 7.2rem 0
    }

    .u-sm-my-76 {
        margin: 7.6rem 0
    }

    .u-sm-my-80 {
        margin: 8rem 0
    }

    .u-sm-my-84 {
        margin: 8.4rem 0
    }

    .u-sm-my-88 {
        margin: 8.8rem 0
    }

    .u-sm-my-92 {
        margin: 9.2rem 0
    }

    .u-sm-my-96 {
        margin: 9.6rem 0
    }

    .u-sm-my-100 {
        margin: 10rem 0
    }

    .u-sm-pt-0 {
        padding-top: 0rem
    }

    .u-sm-pt-4 {
        padding-top: 0.4rem
    }

    .u-sm-pt-8 {
        padding-top: 0.8rem
    }

    .u-sm-pt-12 {
        padding-top: 1.2rem
    }

    .u-sm-pt-16 {
        padding-top: 1.6rem
    }

    .u-sm-pt-20 {
        padding-top: 2rem
    }

    .u-sm-pt-24 {
        padding-top: 2.4rem
    }

    .u-sm-pt-28 {
        padding-top: 2.8rem
    }

    .u-sm-pt-32 {
        padding-top: 3.2rem
    }

    .u-sm-pt-36 {
        padding-top: 3.6rem
    }

    .u-sm-pt-40 {
        padding-top: 4rem
    }

    .u-sm-pt-44 {
        padding-top: 4.4rem
    }

    .u-sm-pt-48 {
        padding-top: 4.8rem
    }

    .u-sm-pt-52 {
        padding-top: 5.2rem
    }

    .u-sm-pt-56 {
        padding-top: 5.6rem
    }

    .u-sm-pt-60 {
        padding-top: 6rem
    }

    .u-sm-pt-64 {
        padding-top: 6.4rem
    }

    .u-sm-pt-68 {
        padding-top: 6.8rem
    }

    .u-sm-pt-72 {
        padding-top: 7.2rem
    }

    .u-sm-pt-76 {
        padding-top: 7.6rem
    }

    .u-sm-pt-80 {
        padding-top: 8rem
    }

    .u-sm-pt-84 {
        padding-top: 8.4rem
    }

    .u-sm-pt-88 {
        padding-top: 8.8rem
    }

    .u-sm-pt-92 {
        padding-top: 9.2rem
    }

    .u-sm-pt-96 {
        padding-top: 9.6rem
    }

    .u-sm-pt-100 {
        padding-top: 10rem
    }

    .u-sm-pl-0 {
        padding-left: 0rem
    }

    .u-sm-pl-4 {
        padding-left: 0.4rem
    }

    .u-sm-pl-8 {
        padding-left: 0.8rem
    }

    .u-sm-pl-12 {
        padding-left: 1.2rem
    }

    .u-sm-pl-16 {
        padding-left: 1.6rem
    }

    .u-sm-pl-20 {
        padding-left: 2rem
    }

    .u-sm-pl-24 {
        padding-left: 2.4rem
    }

    .u-sm-pl-28 {
        padding-left: 2.8rem
    }

    .u-sm-pl-32 {
        padding-left: 3.2rem
    }

    .u-sm-pl-36 {
        padding-left: 3.6rem
    }

    .u-sm-pl-40 {
        padding-left: 4rem
    }

    .u-sm-pl-44 {
        padding-left: 4.4rem
    }

    .u-sm-pl-48 {
        padding-left: 4.8rem
    }

    .u-sm-pl-52 {
        padding-left: 5.2rem
    }

    .u-sm-pl-56 {
        padding-left: 5.6rem
    }

    .u-sm-pl-60 {
        padding-left: 6rem
    }

    .u-sm-pl-64 {
        padding-left: 6.4rem
    }

    .u-sm-pl-68 {
        padding-left: 6.8rem
    }

    .u-sm-pl-72 {
        padding-left: 7.2rem
    }

    .u-sm-pl-76 {
        padding-left: 7.6rem
    }

    .u-sm-pl-80 {
        padding-left: 8rem
    }

    .u-sm-pl-84 {
        padding-left: 8.4rem
    }

    .u-sm-pl-88 {
        padding-left: 8.8rem
    }

    .u-sm-pl-92 {
        padding-left: 9.2rem
    }

    .u-sm-pl-96 {
        padding-left: 9.6rem
    }

    .u-sm-pl-100 {
        padding-left: 10rem
    }

    .u-sm-pr-0 {
        padding-right: 0rem
    }

    .u-sm-pr-4 {
        padding-right: 0.4rem
    }

    .u-sm-pr-8 {
        padding-right: 0.8rem
    }

    .u-sm-pr-12 {
        padding-right: 1.2rem
    }

    .u-sm-pr-16 {
        padding-right: 1.6rem
    }

    .u-sm-pr-20 {
        padding-right: 2rem
    }

    .u-sm-pr-24 {
        padding-right: 2.4rem
    }

    .u-sm-pr-28 {
        padding-right: 2.8rem
    }

    .u-sm-pr-32 {
        padding-right: 3.2rem
    }

    .u-sm-pr-36 {
        padding-right: 3.6rem
    }

    .u-sm-pr-40 {
        padding-right: 4rem
    }

    .u-sm-pr-44 {
        padding-right: 4.4rem
    }

    .u-sm-pr-48 {
        padding-right: 4.8rem
    }

    .u-sm-pr-52 {
        padding-right: 5.2rem
    }

    .u-sm-pr-56 {
        padding-right: 5.6rem
    }

    .u-sm-pr-60 {
        padding-right: 6rem
    }

    .u-sm-pr-64 {
        padding-right: 6.4rem
    }

    .u-sm-pr-68 {
        padding-right: 6.8rem
    }

    .u-sm-pr-72 {
        padding-right: 7.2rem
    }

    .u-sm-pr-76 {
        padding-right: 7.6rem
    }

    .u-sm-pr-80 {
        padding-right: 8rem
    }

    .u-sm-pr-84 {
        padding-right: 8.4rem
    }

    .u-sm-pr-88 {
        padding-right: 8.8rem
    }

    .u-sm-pr-92 {
        padding-right: 9.2rem
    }

    .u-sm-pr-96 {
        padding-right: 9.6rem
    }

    .u-sm-pr-100 {
        padding-right: 10rem
    }

    .u-sm-pb-0 {
        padding-bottom: 0rem
    }

    .u-sm-pb-4 {
        padding-bottom: 0.4rem
    }

    .u-sm-pb-8 {
        padding-bottom: 0.8rem
    }

    .u-sm-pb-12 {
        padding-bottom: 1.2rem
    }

    .u-sm-pb-16 {
        padding-bottom: 1.6rem
    }

    .u-sm-pb-20 {
        padding-bottom: 2rem
    }

    .u-sm-pb-24 {
        padding-bottom: 2.4rem
    }

    .u-sm-pb-28 {
        padding-bottom: 2.8rem
    }

    .u-sm-pb-32 {
        padding-bottom: 3.2rem
    }

    .u-sm-pb-36 {
        padding-bottom: 3.6rem
    }

    .u-sm-pb-40 {
        padding-bottom: 4rem
    }

    .u-sm-pb-44 {
        padding-bottom: 4.4rem
    }

    .u-sm-pb-48 {
        padding-bottom: 4.8rem
    }

    .u-sm-pb-52 {
        padding-bottom: 5.2rem
    }

    .u-sm-pb-56 {
        padding-bottom: 5.6rem
    }

    .u-sm-pb-60 {
        padding-bottom: 6rem
    }

    .u-sm-pb-64 {
        padding-bottom: 6.4rem
    }

    .u-sm-pb-68 {
        padding-bottom: 6.8rem
    }

    .u-sm-pb-72 {
        padding-bottom: 7.2rem
    }

    .u-sm-pb-76 {
        padding-bottom: 7.6rem
    }

    .u-sm-pb-80 {
        padding-bottom: 8rem
    }

    .u-sm-pb-84 {
        padding-bottom: 8.4rem
    }

    .u-sm-pb-88 {
        padding-bottom: 8.8rem
    }

    .u-sm-pb-92 {
        padding-bottom: 9.2rem
    }

    .u-sm-pb-96 {
        padding-bottom: 9.6rem
    }

    .u-sm-pb-100 {
        padding-bottom: 10rem
    }

    .u-sm-px-0 {
        padding: 0 0rem
    }

    .u-sm-px-4 {
        padding: 0 0.4rem
    }

    .u-sm-px-8 {
        padding: 0 0.8rem
    }

    .u-sm-px-12 {
        padding: 0 1.2rem
    }

    .u-sm-px-16 {
        padding: 0 1.6rem
    }

    .u-sm-px-20 {
        padding: 0 2rem
    }

    .u-sm-px-24 {
        padding: 0 2.4rem
    }

    .u-sm-px-28 {
        padding: 0 2.8rem
    }

    .u-sm-px-32 {
        padding: 0 3.2rem
    }

    .u-sm-px-36 {
        padding: 0 3.6rem
    }

    .u-sm-px-40 {
        padding: 0 4rem
    }

    .u-sm-px-44 {
        padding: 0 4.4rem
    }

    .u-sm-px-48 {
        padding: 0 4.8rem
    }

    .u-sm-px-52 {
        padding: 0 5.2rem
    }

    .u-sm-px-56 {
        padding: 0 5.6rem
    }

    .u-sm-px-60 {
        padding: 0 6rem
    }

    .u-sm-px-64 {
        padding: 0 6.4rem
    }

    .u-sm-px-68 {
        padding: 0 6.8rem
    }

    .u-sm-px-72 {
        padding: 0 7.2rem
    }

    .u-sm-px-76 {
        padding: 0 7.6rem
    }

    .u-sm-px-80 {
        padding: 0 8rem
    }

    .u-sm-px-84 {
        padding: 0 8.4rem
    }

    .u-sm-px-88 {
        padding: 0 8.8rem
    }

    .u-sm-px-92 {
        padding: 0 9.2rem
    }

    .u-sm-px-96 {
        padding: 0 9.6rem
    }

    .u-sm-px-100 {
        padding: 0 10rem
    }

    .u-sm-py-0 {
        padding: 0rem 0
    }

    .u-sm-py-4 {
        padding: 0.4rem 0
    }

    .u-sm-py-8 {
        padding: 0.8rem 0
    }

    .u-sm-py-12 {
        padding: 1.2rem 0
    }

    .u-sm-py-16 {
        padding: 1.6rem 0
    }

    .u-sm-py-20 {
        padding: 2rem 0
    }

    .u-sm-py-24 {
        padding: 2.4rem 0
    }

    .u-sm-py-28 {
        padding: 2.8rem 0
    }

    .u-sm-py-32 {
        padding: 3.2rem 0
    }

    .u-sm-py-36 {
        padding: 3.6rem 0
    }

    .u-sm-py-40 {
        padding: 4rem 0
    }

    .u-sm-py-44 {
        padding: 4.4rem 0
    }

    .u-sm-py-48 {
        padding: 4.8rem 0
    }

    .u-sm-py-52 {
        padding: 5.2rem 0
    }

    .u-sm-py-56 {
        padding: 5.6rem 0
    }

    .u-sm-py-60 {
        padding: 6rem 0
    }

    .u-sm-py-64 {
        padding: 6.4rem 0
    }

    .u-sm-py-68 {
        padding: 6.8rem 0
    }

    .u-sm-py-72 {
        padding: 7.2rem 0
    }

    .u-sm-py-76 {
        padding: 7.6rem 0
    }

    .u-sm-py-80 {
        padding: 8rem 0
    }

    .u-sm-py-84 {
        padding: 8.4rem 0
    }

    .u-sm-py-88 {
        padding: 8.8rem 0
    }

    .u-sm-py-92 {
        padding: 9.2rem 0
    }

    .u-sm-py-96 {
        padding: 9.6rem 0
    }

    .u-sm-py-100 {
        padding: 10rem 0
    }
}

.u-mt-2xl {
    margin-top: var(--space-element-2xl)!important
}

.u-mt-xl {
    margin-top: var(--space-element-xl)!important
}

.u-mt-lg {
    margin-top: var(--space-element-lg)!important
}

.u-mt-md {
    margin-top: var(--space-element-md)!important
}

.u-mt-sm {
    margin-top: var(--space-element-sm)!important
}

.u-mt-xs {
    margin-top: var(--space-element-xs)!important
}

.u-mt-2xs {
    margin-top: var(--space-element-2xs)!important
}

.u-mt-3xs {
    margin-top: var(--space-element-3xs)!important
}

.u-mt-4xs {
    margin-top: var(--space-element-4xs)!important
}

.u-mb-xl {
    margin-bottom: var(--space-element-xl)!important
}

.u-mb-lg {
    margin-bottom: var(--space-element-lg)!important
}

.u-mb-md {
    margin-bottom: var(--space-element-md)!important
}

.u-mb-sm {
    margin-bottom: var(--space-element-sm)!important
}

.u-mb-xs {
    margin-bottom: var(--space-element-xs)!important
}

.u-mb-2xs {
    margin-bottom: var(--space-element-2xs)!important
}

.u-mb-3xs {
    margin-bottom: var(--space-element-3xs)!important
}

.u-mb-4xs {
    margin-bottom: var(--space-element-4xs)!important
}

.u-my-auto {
    margin-top: auto!important;
    margin-bottom: auto!important
}

.u-mx-auto {
    margin-right: auto!important;
    margin-left: auto!important
}

.u-ml-auto {
    margin-left: auto!important
}

.u-mr-auto {
    margin-right: auto!important
}

.grecaptcha-badge {
    visibility: hidden
}

@font-face {
    font-family: notoSerifJp;
    font-weight: 400;
    src: url("../../assets/fonts/NotoSerifJP-Regular.otf") format("opentype")
}

@font-face {
    font-family: notoSerifJp;
    font-weight: 500;
    src: url("../../assets/fonts/NotoSerifJP-Medium.otf") format("opentype")
}

/*--------------------------------
    glass
--------------------------------*/
.glass {
  position: relative;
  padding-top: 100px;
  padding-bottom: 150px;
}

.js-auto-slider-wrap--1,
.js-auto-slider-wrap--3 {
  position: relative;
}

.glassTop {
  position: relative;
  display: flex;
  align-items: flex-start;
  margin-bottom: 120.7px;
}

.glassSwiper__logo {
  position: absolute;
  bottom: 37px;
  right: 37px;
  width: 88px !important;
  height: auto;
  aspect-ratio: unset !important;
}

.mv_main{
	position: absolute;
	top: 46%;
}
.mv_main h2{
    color: white;
    /* text-align: center; */
    line-height: 2;
    font-size: 20px;
    font-family: neue-haas-grotesk-display, sans-serif;
    font-weight: 500;
}

.glassTop__img {
  width: 47.2%;
  height: auto;
}

.glassTop__titleWrapper {
  width: 100%;
  position: absolute;
  top: -146px;
}

.glassTop__title {
  font-size: 47px;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 500;
  font-style: normal;
  /* color: black; */
  letter-spacing: 0.02em;
  /* transform: rotate(-15deg); */
  width: fit-content;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 4px;
}

.glassTop__txtWrapper {
  width: 50%;
  /* padding-top: 196px; */
  padding-top: 13vw;
}

.glassTop__txtBox {
  max-width: 380px;
  margin-left: 20%;
  margin-right: auto;
}

.glassTop__txt {
  margin-bottom: 65.4px;
  line-height: 1.75;
  font-family: var(--font-family-serif);
}

.glassTop__list {
  display: flex;
  align-items: center;
}

.glassTop__listItem:not(:last-child) {
  margin-right: 63.4px;
}

.glassTop__listLink {
  display: flex;
  align-items: center;
  padding: 2px 5px;
  transition: 0.5s;
}

.glassTop__listLink:first-of-type:hover {
  background-color: #b0b0b0;
}

.glassTop__listLink:nth-child(2):hover {
  background-color: #b0b0b0;
}

.glassTop__listIcon {
  margin-right: 13.1px;
}

.glassTop__listItem:first-of-type .glassTop__listIcon {
  height: 22px;
  width: auto;
}

.glassBtm {
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  border: solid 1px #000;
  border-radius: 3px;
  padding: 32px;
  display: flex;
  align-items: center;
  transition: 0.5s;
}

.glassBtm:hover {
  background-color: #b0b0b0;
}

.glassBtm__imgWrapper {
  width: 330px;
  margin-right: 45px;
  flex-shrink: 0;
}

.glassBtm__imgWrapper img {
  width: 100%;
}

.glassBtm__top {
  display: flex;
  margin-bottom: 14px;
  align-items: center;
}

.glassBtm__cat {
  font-size: 11px;
  letter-spacing: 0.04em;
  border-radius: 50px;
  border: solid 1px #000;
  padding: 2px 12px;
  margin-right: 6px;
}

.glassBtm__date {
  font-size: 11px;
  letter-spacing: 0.04em;
}

.glassBtm__title {
  font-size: 22px;
  letter-spacing: 0.04em;
  font-weight: bold;
  margin-bottom: 15.5px;
}

.glassBtm__list {
  display: flex;
  font-size: 12px;
}

.glassBtm__listItem:not(:last-child) {
  margin-right: 10px;
}

.glassSwiper__wrapper {
  display: none;
}
.p-top-restaurant{
	    padding-bottom: 210px;
}
.size40{
	width: 40%;
}
.logo_hide{
	display: none;
}
.is-scrolled .l-header-logo__link img,
.is-megamenu-open .l-header-logo__link img{
	display: none;
}
.is-scrolled .l-header-logo__link img.logo_hide,
.is-megamenu-open .l-header-logo__link img.logo_hide{
	display: block;
}

.l-gnav-logo{
	width:25%;
}

/*--------------------------------
    journal
--------------------------------*/

.journal-pick__box {
  padding-top: 200px;
  padding-bottom: 100px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.journal-pick__contents-item {
  display: none;
}

.journal-pick__contents-item.active {
  display: block;
}

.journal-pick__info {
  display: flex;
  align-items: center;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 14px;
  letter-spacing: 0.04em;
  margin-bottom: 30px;
}

.journal-pick__top {
  width: 45%;
  padding-top: 24px;
}

.journal-pick__cat {
  padding: 3px 17px;
  /* border-radius: 12px; */
  /* border: 1px #000000 solid; */
  margin-right: 10px;
  background: #13386a;
}

:root {
    --ease-out-moment: cubic-bezier(0, 0.8, 0, 1);
    --ease-in-enjin: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    --ease-out-enjin: cubic-bezier(0.165, 0.84, 0.44, 1);
    --ease-in-out-enjin: cubic-bezier(0.77, 0, 0.175, 1);
}
.journal-pick__title {
  font-size: 32px;
  font-weight: bold;
  letter-spacing: -0.04em;
  margin-bottom: 30px;
  font-feature-settings: "palt";
  line-height: 1.37;
}

.journal-pick__key {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: -0.04em;
  margin-bottom: 65px;
}

.journal-pick__key li {
  margin-right: 12px;
  margin-bottom: 6px;
  font-size: 15px;
}

.journal-pick .headingIndex {
  margin-bottom: 46px;
  z-index: 1;
  position: relative;
}

.journal-slider {
  display: inline-flex;
  width: 37%;
  margin-right: 6%;
  position: relative;
}

.journal-slider__content {
  width: 100%;
}

.journal-pick .caseBtn {
  margin-left: 0;
}

.slider__back {
  position: relative;
  top: 1.1%;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  transform: rotate(-8deg);
  z-index: 0;
}

.journal-slider__wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.journal-slider__ph {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  transition: transform 0s 1000ms,
    -webkit-clip-path 850ms var(--ease-in-out-enjin);
  transition: clip-path 100ms var(--ease-in-out-enjin), transform 0s 850ms;
  transition: clip-path 1000ms var(--ease-in-out-enjin), transform 0s 850ms,
    -webkit-clip-path 850ms var(--ease-in-out-enjin);
  transform: translate3d(-20rem, 0, 0);
  width: 100%;
}

.journal-slider__ph.active {
  z-index: 0;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: transform 1200ms var(--ease-out-enjin), -webkit-clip-path 0s;
  transition: clip-path 0s, transform 1200ms var(--ease-out-enjin);
  transition: clip-path 0s, transform 1200ms var(--ease-out-enjin),
    -webkit-clip-path 0s;
  transform: translate3d(0, 0, 0);
}

.journal-slider__ph img {
  object-fit: cover;
  aspect-ratio: 277/366;
}

.indicators {
  position: absolute;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  right: -16%;
  top: 0;
  height: 100%;
}

.indicator {
  height: 3px;
  width: 3px;
  border-radius: 50%;
  background-color: #ffffff;
  border-radius: 90%;
  cursor: pointer;
}

.indicator {
  position: relative;
}

.indicator__cy {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: none;
}

.indicator svg {
  transform-origin: center center;
  transform: rotate(-90deg);
}

.indicator circle {
  fill: transparent;
  stroke: #ffffff;
  stroke-width: 1;
  /* keyframes名 速さ 繰り返し 開始までの間隔 */
}

.indicator.active .indicator__cy {
  display: block;
}

.indicator.active circle {
  animation: circle 30s infinite linear forwards;
}

@keyframes circle {
  0% {
    stroke-dasharray: 0 366;
  }

  99.9%,
  to {
    stroke-dasharray: 366 366;
  }
}

.indicator:not(:last-child) {
  margin-bottom: 14px;
}

.indicator.active {
  width: 8.5px;
  height: 8.5px;
  cursor: default;
}

  /*--------------------------------
        journal
    --------------------------------*/

  .journal-pick__title {
    font-size: 23px;
    font-family: var(--font-family-serif);
  }

  .journal-pick .headingIndex {
    margin-bottom: 45px;
  }

  .journal-pick .headingIndex__txt--en {
    font-size: 52px;
  }

  .journal-pick__box {
    /* flex-direction: column-reverse; */
    padding-top: 80px;
    padding-bottom: 130px;
  }


  .journal-slider {
    width: 37%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 27px;
  }

  .journal-pick__info {
    font-size: 11px;
    margin-bottom: 25px;
  }

  .indicators {
    right: -9%;
  }

  .journal-pick__key {
    font-size: 12px;
    margin-bottom: 40px;
  }

  .journal-pick__title {
    margin-bottom: 25px;
  }
p.txt{
    font-family: var(--font-family-serif);
    line-height: 1.5;
}
  .journal-pick .caseBtn {
    margin-left: auto;
  }
.feature{
	padding-top: var(--space-section-lg);
}