@charset "UTF-8";

html {
  scroll-padding-top: 4.5rem;
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
  border: 0;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
  vertical-align: baseline;
  color: #333;
  font-family: Noto Sans JP, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS Pgothic, Osaka, sans-serif, Helvetica, Helvetica Neue, Arial, Verdana;
  font-weight: 500;
  overflow-x: hidden;
  scroll-padding-top: 7rem;
  scroll-behavior: smooth;
}
html, :host {
  line-height:1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent;
}
html.ccm-toolbar-visible .ccm-page {
  margin-top: 0;
}
html.ccm-toolbar-visible.ccm-panel-ready .ccm-page {
  margin-top: 48px;
}
html.ccm-toolbar-visible.ccm-panel-ready button#zetton-main-visual-close {
  top: 5rem !important;
  z-index: 60;
}

@scope (:root) to (#fuwel-wrapper) {
  .splide__container {
    box-sizing: border-box;
    position: relative;
  }
  .splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
  .splide.is-initialized:not(.is-active) .splide__list {
    display: block;
  }
  .splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none;
  }
  .splide__pagination li {
    display: inline-block;
    line-height: 1;
    list-style-type: none;
    margin: 0;
    pointer-events: auto;
  }
  .splide:not(.is-overflow) .splide__pagination {
    display: none;
  }
  .splide__progress__bar {
    width: 0;
  }
  .splide {
    position: relative;
    visibility: hidden;
  }
  .splide.is-initialized, .splide.is-rendered {
    visibility: visible;
  }
  .splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative;
  }
  .splide__slide img {
    vertical-align: bottom;
  }
  .splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
  }
  .splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .splide__toggle.is-active .splide__toggle__play, .splide__toggle__pause {
    display: none;
  }
  .splide__toggle.is-active .splide__toggle__pause {
    display: inline;
  }
  .splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0;
  }
  @keyframes splide-loading {
    0% {
      transform: rotate(0);
    }
    to {
      transform: rotate(1turn);
    }
  }
  .splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0;
  }
  .splide__track--fade > .splide__list > .splide__slide.is-active {
    opacity: 1;
    z-index: 1;
  }
  .splide--rtl {
    direction: rtl;
  }
  .splide__track--ttb > .splide__list {
    display: block;
  }
  .splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: 0.7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1;
  }
  .splide__arrow svg {
    fill: #000;
    height: 1.2em;
    width: 1.2em;
  }
  .splide__arrow:hover:not(:disabled) {
    opacity: 0.9;
  }
  .splide__arrow:disabled {
    opacity: 0.3;
  }
  .splide__arrow:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__arrow--prev {
    left: 1em;
  }
  .splide__arrow--prev svg {
    transform: scaleX(-1);
  }
  .splide__arrow--next {
    right: 1em;
  }
  .splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__pagination {
    bottom: 0.5em;
    left: 0;
    padding: 0 1em;
    position: absolute;
    right: 0;
    z-index: 1;
  }
  .splide__pagination__page {
    background: #ccc;
    border: 0;
    border-radius: 50%;
    display: inline-block;
    height: 8px;
    margin: 3px;
    opacity: 0.7;
    padding: 0;
    position: relative;
    transition: transform 0.2s linear;
    width: 8px;
  }
  .splide__pagination__page.is-active {
    background: white;
    transform: scale(1.4);
    z-index: 1;
  }
  .splide__pagination__page:hover {
    cursor: pointer;
    opacity: 0.9;
  }
  .splide__pagination__page:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide.is-focus-in .splide__pagination__page:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__progress__bar {
    background: #ccc;
    height: 3px;
  }
  .splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }
  .splide__slide:focus {
    outline: 0;
  }
  @supports (outline-offset:-3px) {
    .splide__slide:focus-visible {
      outline: 3px solid #0bf;
      outline-offset: -3px;
    }
  }
  @media screen and (-ms-high-contrast: none) {
    .splide__slide:focus-visible {
      border: 3px solid #0bf;
    }
  }
  @supports (outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
      outline: 3px solid #0bf;
      outline-offset: -3px;
    }
  }
  @media screen and (-ms-high-contrast: none) {
    .splide.is-focus-in .splide__slide:focus {
      border: 3px solid #0bf;
    }
    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
      border-color: #0bf;
    }
  }
  .splide__toggle {
    cursor: pointer;
  }
  .splide__toggle:focus-visible {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px;
  }
  .splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer;
  }
  .splide__track--nav > .splide__list > .splide__slide.is-active {
    border: 3px solid #000;
  }
  .splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em;
  }
  .splide__arrows--rtl .splide__arrow--prev svg {
    transform: scaleX(1);
  }
  .splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto;
  }
  .splide__arrows--rtl .splide__arrow--next svg {
    transform: scaleX(-1);
  }
  .splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%);
  }
  .splide__arrows--ttb .splide__arrow--prev {
    top: 1em;
  }
  .splide__arrows--ttb .splide__arrow--prev svg {
    transform: rotate(-90deg);
  }
  .splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto;
  }
  .splide__arrows--ttb .splide__arrow--next svg {
    transform: rotate(90deg);
  }
  .splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: 0.5em;
    top: 0;
  }
  /*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com
  */
  *, :before, :after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb;
  }
  :before, :after {
    --tw-content: ""
  }
  body {
    margin: 0;
    line-height: inherit;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  button, input, optgroup, select, textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0;
  }
  button, select {
    text-transform: none;
  }
  button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none;
  }
  :-moz-focusring {
    outline: auto;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  progress {
    vertical-align: baseline;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
  }
  summary {
    display: list-item;
  }
  blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre {
    margin: 0;
  }
  fieldset {
    margin: 0;
    padding: 0;
  }
  legend {
    padding: 0;
  }
  ol, ul, menu {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  dialog {
    padding: 0;
  }
  textarea {
    resize: vertical;
  }
  input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  input::placeholder, textarea::placeholder {
    opacity: 1;
    color: #9ca3af;
  }
  button, [role=button] {
    cursor: pointer;
  }
  :disabled {
    cursor: default;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  [hidden] {
    display: none;
  }
  body {
    font-family: Noto Sans JP, sans-serif;
    color: #474743;
  }
  .cke_editable h1, .cke_editable h2, .cke_editable h3, .cke_editable h4, .cke_editable h5, .cke_editable h6 {
    font-weight: 700;
    line-height: 1.75;
    letter-spacing: 0.025em;
    color: #1a1a14;
  }
  .cke_editable h1, .cke_editable h1 span {
    margin-bottom: 1rem;
    font-size: 1.625rem;
    line-height: 1.45;
    letter-spacing: 0.08em;
  }
  @media (min-width: 768px) {
    .cke_editable h1, .cke_editable h1 span {
      font-size: 2.25rem;
      line-height: 1.39;
    }
  }
  .cke_editable h2, .cke_editable h2 span {
    margin-bottom: 1rem;
    font-size: 1.375rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
  @media (min-width: 768px) {
    .cke_editable h2, .cke_editable h2 span {
      font-size: 1.75rem;
      line-height: 1.79;
    }
  }
  .cke_editable h2.headingAndSubtext {
    position: relative;
    display: flex;
    flex-direction: column;
    border-style: none;
    padding-bottom: 0;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .cke_editable h2.headingAndSubtext:before {
    position: absolute;
    left: calc(50% - 50vw);
    top: 1.5rem;
    display: flex;
    height: 1px;
    width: calc(50vw - 50% - .5rem);
    background-color: #dbdbd7;
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (min-width: 768px) {
    .cke_editable h2.headingAndSubtext {
      font-size: 2rem;
    }
  }
  .cke_editable span.headingAndSubtext {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    font-size: 0.75rem;
    line-height: 1.375;
    letter-spacing: 0.02em;
    color: #474743;
  }
  @media (min-width: 768px) {
    .cke_editable span.headingAndSubtext {
      font-size: 0.875rem;
    }
  }
  .cke_editable h3, .cke_editable h3 span {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  @media (min-width: 768px) {
    .cke_editable h3, .cke_editable h3 span {
      letter-spacing: 0.04em;
    }
  }
  .cke_editable h4, .cke_editable h4 span {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
  @media (min-width: 768px) {
    .cke_editable h4, .cke_editable h4 span {
      line-height: 1.69;
    }
  }
  .cke_editable h5, .cke_editable h5 span {
    margin-bottom: 1rem;
    font-size: 0.83rem;
  }
  .cke_editable h6, .cke_editable h6 span {
    margin-bottom: 1rem;
    font-size: 0.67rem;
  }
  .cke_editable h1.latin, .cke_editable h2.latin, .cke_editable h3.latin, .cke_editable h4.latin, .cke_editable h5.latin, .cke_editable h6.latin {
    font-family: Arimo, sans-serif;
    line-height: 1.75;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  .cke_editable h1.latin {
    margin-bottom: 1rem;
    font-size: 1.625rem;
    line-height: 1.45;
    letter-spacing: 0.08em;
  }
  @media (min-width: 768px) {
    .cke_editable h1.latin {
      font-size: 2.25rem;
      line-height: 1.39;
    }
  }
  .cke_editable h2.latin {
    margin-bottom: 1rem;
    font-size: 1.375rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
  @media (min-width: 768px) {
    .cke_editable h2.latin {
      font-size: 1.75rem;
      line-height: 1.79;
    }
  }
  .cke_editable h2.latin.headingAndSubtext {
    position: relative;
    display: flex;
    flex-direction: column;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: -0.02em;
  }
  .cke_editable h2.latin.headingAndSubtext:before {
    position: absolute;
    left: calc(50% - 50vw);
    top: 1.5rem;
    display: flex;
    height: 1px;
    width: calc(50vw - 50% - .5rem);
    background-color: #dbdbd7;
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (min-width: 768px) {
    .cke_editable h2.latin.headingAndSubtext {
      font-size: 2rem;
    }
    .cke_editable h2.latin.headingAndSubtext:before {
      content: var(--tw-content);
      width: calc(50vw - 50% - 1rem);
    }
  }
  .cke_editable span.latin.headingAndSubtext {
    margin-top: 0;
    margin-bottom: 0;
    display: block;
    font-size: 0.75rem;
    line-height: 1.375;
    letter-spacing: 0.02em;
    color: #474743;
  }
  @media (min-width: 768px) {
    .cke_editable span.latin.headingAndSubtext {
      font-size: 0.875rem;
    }
  }
  .cke_editable h3.latin {
    margin-bottom: 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
  @media (min-width: 768px) {
    .cke_editable h3.latin {
      letter-spacing: 0.04em;
    }
  }
  .cke_editable h4.latin {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
  @media (min-width: 768px) {
    .cke_editable h4.latin {
      line-height: 1.69;
    }
  }
  .cke_editable h5.latin {
    margin-bottom: 1rem;
    font-size: 0.83rem;
  }
  .cke_editable h6.latin {
    margin-bottom: 1rem;
    font-size: 0.67rem;
  }
  .cke_editable p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02em;
    color: #1a1a14;
  }
  .cke_editable p:first-of-type {
    margin-top: 0;
  }
  .cke_editable p:last-of-type {
    margin-bottom: 0;
  }
  .cke_editable a {
    text-decoration-line: underline;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .cke_editable a:hover {
    color: #1a1a14;
  }
  .cke_editable a.btn-text-right-arrow, .cke_editable a.btn-text-right-angle-right-white, .cke_editable a.btn-text-right-angle-right-gray, .cke_editable a.btn-text-right-angle-right-white-black, .cke_editable a.btn-filled-lg, .cke_editable a.btn-filled-white-lg, .cke_editable a.btn-filled-white-lg-download, .cke_editable a.btn-filled-white-lg-external, .cke_editable a.btn-bg-border-arrow {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    margin-top: 0;
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    .cke_editable.zetton-card-text-link h1, .cke_editable.zetton-card-text-link h2, .cke_editable.zetton-card-text-link h3, .cke_editable.zetton-card-text-link h4, .cke_editable.zetton-card-text-link h5, .cke_editable.zetton-card-text-link h6, .cke_editable.zetton-card-text-link p, .cke_editable.zetton-card-text-link ul, .cke_editable.zetton-card-text-link ol, .cke_editable.zetton-card-text-link a {
      color: #fff;
    }
  }
  .cke_editable a.editor-pdf-link-icon {
    display: inline;
    align-self: flex-start;
  }
  .cke_editable a.editor-pdf-link-icon:before {
    margin-right: 0.5rem;
    font-size: 1.3rem;
    --tw-content: "";
    content: var(--tw-content);
    font-family: "Font Awesome 5 Free";
  }
  .cke_editable p > a.editor-border-pc-white-sp-dark-btn {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: inline-block;
    width: 80%;
    max-width: 15rem;
    border-width: 1px;
    border-color: #000;
    padding: 0.5rem 0.25rem;
    text-decoration-line: none;
  }
  @media (min-width: 768px) {
    .cke_editable p > a.editor-border-pc-white-sp-dark-btn {
      font-family: Noto Sans JP, sans-serif;
      font-size: 1rem;
      line-height: 1.5rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
  }
  .cke_editable p > a.editor-border-pc-white-sp-dark-btn:hover {
    background-color: #000;
    color: #fff;
  }
  .cke_editable p > a.editor-border-pc-white-sp-dark-btn:focus {
    background-color: white;
    color: #000;
  }
  .cke_editable p > a.editor-border-pc-white-sp-dark-btn:active {
    background-color: white;
    color: #000;
  }
  @media (min-width: 768px) {
    .cke_editable p > a.editor-border-pc-white-sp-dark-btn {
      max-width: 18rem;
      border-color: white;
      padding: 0.75rem 2rem;
      color: #fff;
    }
    .cke_editable p > a.editor-border-pc-white-sp-dark-btn:hover {
      background-color: white;
      color: #000;
    }
  }
  .cke_editable p > a.btn-text-right-arrow, .cke_editable p > a.btn-text-right-angle-right-white, .cke_editable p > a.btn-text-right-angle-right-gray {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  .cke_editable p > a.btn-filled-lg, .cke_editable p > a.btn-filled-white-lg, .cke_editable p > a.btn-filled-white-lg-download, .cke_editable p > a.btn-filled-white-lg-external, .cke_editable p > a.btn-bg-border-arrow {
    margin-bottom: 2rem;
    margin-top: 2rem;
  }
  .cke_editable button.btn-text-right-arrow, .cke_editable button.btn-text-right-angle-right-white, .cke_editable button.btn-text-right-angle-right-gray, .cke_editable button.btn-text-right-angle-right-white-black, .cke_editable button.btn-filled-lg, .cke_editable button.btn-filled-white-lg, .cke_editable button.btn-filled-white-lg-download, .cke_editable button.btn-filled-white-lg-external, .cke_editable button.btn-bg-border-arrow {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
  }
  .cke_editable img {
    display: inline;
  }
  .cke_editable img.editor-height-auto {
    height: auto !important;
  }
  .cke_editable .editor-text-white, .cke_editable .editor-text-white button, .cke_editable .editor-text-white a, .cke_editable .editor-text-white:hover, .cke_editable .editor-text-white button:hover, .cke_editable .editor-text-white a:hover {
    color: white !important;
  }
  .cke_editable .editor-text-latin-tighter {
    font-family: Arimo, sans-serif;
    font-size: 1.875rem;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: -0.02em !important;
  }
  @media (min-width: 768px) {
    .cke_editable .editor-text-latin-tighter {
      font-family: Arimo, sans-serif;
      font-size: 2.5rem;
      line-height: 1.79;
      letter-spacing: 0.04em;
    }
  }
  .cke_editable .editor-text-tighter {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    font-weight: 700 !important;
    letter-spacing: 0.02em !important;
  }
  @media (min-width: 768px) {
    .cke_editable .editor-text-tighter {
      font-family: Noto Sans JP, sans-serif;
      font-size: 1.125rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
  }
  .cke_editable strong, .cke_editable b {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
    line-height: 1.75;
    color: #1a1a14;
  }
  .cke_editable em {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    font-style: italic;
    line-height: 1.75;
    color: #1a1a14;
  }
  .cke_editable blockquote {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 40px;
    margin-inline-end: 40px;
  }
  .cke_editable blockquote p {
    border-radius: 0.125rem;
    background-color: #f5f5f2;
    padding: 0.9375rem;
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  .cke_editable blockquote p:before {
    content: "“";
  }
  .cke_editable blockquote p:after {
    content: "”";
  }
  .cke_editable blockquote footer {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  .cke_editable blockquote footer cite {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  .cke_editable ul, .cke_editable ol {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    list-style-position: outside;
    padding-left: 1rem;
  }
  .cke_editable ul li, .cke_editable ol li {
    margin-bottom: 0.5rem;
    font-size: 0.9375rem;
    line-height: 1.75;
    letter-spacing: 0.02em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .cke_editable ul li, .cke_editable ol li {
      margin-bottom: 0.5rem;
      font-size: 1rem;
      letter-spacing: 0.04em;
    }
  }
  .cke_editable ul li:last-child, .cke_editable ol li:last-child {
    margin-bottom: 0;
  }
  .cke_editable ul li > ul, .cke_editable ul li > ol, .cke_editable ol li > ul, .cke_editable ol li > ol {
    padding-bottom: 0;
    padding-left: 1rem;
    padding-top: 0.5rem;
  }
  .cke_editable ul {
    list-style-type: disc;
  }
  .cke_editable ol {
    list-style-type: decimal;
  }
  .cke_editable ul.bg-list, .cke_editable ol.bg-list {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    list-style-position: outside;
    background-color: #f5f5f2;
    padding: 1.5rem 6rem;
  }
  .cke_editable table {
    margin-bottom: 2rem;
    width: 100%;
  }
  .cke_editable table th, .cke_editable table td {
    padding: 1rem 1.5rem;
  }
  @media (min-width: 768px) {
    .cke_editable table th, .cke_editable table td {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
  }
  .cke_editable table th {
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: #f5f5f2;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 2.286;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .cke_editable table th {
      display: table-cell;
      width: 10rem;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .cke_editable table td {
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: white;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .cke_editable table td {
      display: table-cell;
      width: calc(100% - 10rem);
    }
  }
  .cke_editable table.th-center-td-right {
    margin-bottom: 2rem;
    width: inherit;
  }
  .cke_editable table.th-center-td-right th, .cke_editable table.th-center-td-right td {
    padding: 1.125rem 1.5rem;
  }
  @media (min-width: 768px) {
    .cke_editable table.th-center-td-right th, .cke_editable table.th-center-td-right td {
      padding-left: 0.25rem;
      padding-right: 0.25rem;
    }
  }
  .cke_editable table.th-center-td-right th {
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: #f5f5f2;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 2.286;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .cke_editable table.th-center-td-right th {
      display: table-cell;
      width: 10rem;
      font-weight: 400;
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .cke_editable table.th-center-td-right th:nth-child(2), .cke_editable table.th-center-td-right th:nth-child(3), .cke_editable table.th-center-td-right th:nth-child(4), .cke_editable table.th-center-td-right th:nth-child(5), .cke_editable table.th-center-td-right th:nth-child(6) {
    width: 100%;
    text-align: center;
  }
  @media (min-width: 768px) {
    .cke_editable table.th-center-td-right th:nth-child(2), .cke_editable table.th-center-td-right th:nth-child(3), .cke_editable table.th-center-td-right th:nth-child(4), .cke_editable table.th-center-td-right th:nth-child(5), .cke_editable table.th-center-td-right th:nth-child(6) {
      width: 7.5rem;
    }
  }
  .cke_editable table.th-center-td-right td {
    display: block;
    width: 100%;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: white;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .cke_editable table.th-center-td-right td {
      display: table-cell;
      width: calc(100% - 10rem);
    }
  }
  .cke_editable table.th-center-td-right td:nth-child(2), .cke_editable table.th-center-td-right td:nth-child(3), .cke_editable table.th-center-td-right td:nth-child(4), .cke_editable table.th-center-td-right td:nth-child(5), .cke_editable table.th-center-td-right td:nth-child(6) {
    width: 100%;
    text-align: right;
  }
  @media (min-width: 768px) {
    .cke_editable table.th-center-td-right td:nth-child(2), .cke_editable table.th-center-td-right td:nth-child(3), .cke_editable table.th-center-td-right td:nth-child(4), .cke_editable table.th-center-td-right td:nth-child(5), .cke_editable table.th-center-td-right td:nth-child(6) {
      width: 7.5rem;
    }
  }
  .cke_editable table.th-center-td-left {
    margin-bottom: 2rem;
    width: 100%;
  }
  .cke_editable table.th-center-td-left th, .cke_editable table.th-center-td-left td {
    width: 100%;
    padding: 0.6875rem 0.5rem;
  }
  @media (min-width: 768px) {
    .cke_editable table.th-center-td-left th, .cke_editable table.th-center-td-left td {
      padding: 1.3125rem 1.5rem;
    }
  }
  .cke_editable table.th-center-td-left th {
    display: block;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: #f5f5f2;
    text-align: center;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 2.286;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .cke_editable table.th-center-td-left th {
      line-height: 1.5;
      letter-spacing: 0.02em;
    }
  }
  .cke_editable table.th-center-td-left td {
    display: block;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: white;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.02em;
    color: #1a1a14;
  }
  .cke_editable table.th-left-td-left {
    margin-bottom: 2rem;
    width: 100%;
  }
  .cke_editable table.th-left-td-left th, .cke_editable table.th-left-td-left td {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .cke_editable table.th-left-td-left th {
    display: block;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: #f5f5f2;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
    text-align: left;
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 2.286;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  .cke_editable table.th-left-td-left td {
    display: block;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: white;
    padding-top: 1.375rem;
    padding-bottom: 1.375rem;
    font-size: 0.875rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  .cke_editable .sub {
    font-size: 1.1667rem;
  }
  .cke_editable caption {
    font-family: Noto Sans JP, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
  .cke_editable .option {
    font-family: Arimo, sans-serif;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #8c8c89;
  }
  .cke_editable .small {
    font-family: Arimo, sans-serif;
    font-size: 1.0833rem;
  }
  .cke_editable .emphasis {
    font-family: Arimo, sans-serif;
    letter-spacing: 0.04em;
  }
  .cke_editable .jp {
    font-family: Noto Sans JP, sans-serif;
  }
  .cke_editable .latin {
    font-family: Arimo, sans-serif;
  }
  .cke_editable .zenOldMincho {
    font-family: Zen Old Mincho, serif;
  }
  .cke_editable .editor-text-30 {
    font-size: 1.875rem !important;
  }
  .cke_editable .emphasis.high-dark {
    color: #1a1a14;
  }
  .cke_editable .emphasis.high-light {
    color: #fff;
  }
  .cke_editable .emphasis.middle-dark {
    color: #474743;
  }
  .cke_editable .emphasis.middle-light {
    color: #f5f5f2;
  }
  .cke_editable .emphasis.low-dark {
    color: #5e5e5a;
  }
  .cke_editable .emphasis.low-light {
    color: #e8e8e6;
  }
  .cke_editable input::disable {
    color: #b9b9b8;
  }
  .cke_editable input.dark::disable {
    color: #8c8c89;
  }
  .cke_editable input::-moz-placeholder {
    color: #8c8c89;
  }
  .cke_editable input::placeholder {
    color: #8c8c89;
  }
  .cke_editable textarea::-moz-placeholder {
    color: #8c8c89;
  }
  .cke_editable textarea::placeholder {
    color: #8c8c89;
  }
  .cke_editable hr.separator-xs {
    height: 1px;
    border-style: none;
    background-color: #dbdbd7;
  }
  .cke_editable hr.separator-sm {
    height: 2px;
  }
  .cke_editable hr {
    display: block;
    overflow: hidden;
    border-left-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(232 232 230 var(--tw-border-opacity));
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
    margin-inline-start: auto;
    margin-inline-end: auto;
  }
  .cke_editable hr.separator-lg {
    height: 0.625rem;
  }
  .cke_editable hr.separator-xl {
    height: 1.25rem;
  }
  .cke_editable hr.separator-2xl {
    height: 3.375rem;
  }
  .cke_editable hr.separator-dark {
    background-color: #5e5e5a;
  }
  @media (min-width: 768px) {
    .cke_editable .editor-line-clamp-2 {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
  @media (min-width: 1200px) {
    .cke_editable .editor-line-clamp-2-lg {
      overflow: hidden;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
  }
  .cke_editable .editor-br-sp {
    display: block;
  }
  @media (min-width: 768px) {
    .cke_editable .editor-br-sp {
      display: none;
    }
  }
  .cke_editable .editor-after-break-line:after {
    display: block;
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (min-width: 768px) {
    .cke_editable .editor-after-break-line:after {
      display: none;
      --tw-content: none;
      content: var(--tw-content);
    }
  }
  .zetton-article .cke_editable h2 {
    font-family: Noto Sans JP, sans-serif;
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    margin-bottom: 1.5rem;
    margin-top: 2.75rem;
    border-bottom-width: 4px;
    border-color: #e8e8e6;
    padding-bottom: 0.75rem;
    font-weight: 700;
  }
  @media (min-width: 768px) {
    .zetton-article .cke_editable h2 {
      font-family: Noto Sans JP, sans-serif;
      font-size: 1.75rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
  }
  .zetton-article .cke_editable h2:first-child {
    margin-top: 0;
  }
  *, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: $primary;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: $primary;
    --tw-ring-color: rgb(59 130 246 / .5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: }.text-base-2xs,.text-base-xs,.text-base-sm,.text-base-md,.text-base-lg,.text-base-xl,.text-base-2xl,.text-base-3xl,.text-base-4xl,.text-base-5xl,.text-base-6xl{font-family:Noto Sans JP,sans-serif}.text-base-2xs{font-size:.625rem;
    line-height: 2.8;
    letter-spacing: 0.04em;
  }
  .text-base-xs {
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
  }
  .text-base-sm {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .text-base-md {
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .text-base-lg {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .text-base-2xl {
    font-size: 1.5rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .text-base-3xl {
    font-size: 1.75rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .text-latin-2xs, .text-latin-xs, .text-latin-sm, .text-latin-md, .text-latin-lg, .text-latin-xl, .text-latin-2xl, .text-latin-3xl, .text-latin-4xl, .text-latin-5xl, .text-latin-6xl {
    font-family: Arimo, sans-serif;
  }
  .text-latin-2xs {
    font-size: 0.625rem;
    line-height: 2.8;
    letter-spacing: 0.02em;
  }
  .text-latin-xs {
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
  }
  .text-latin-sm {
    font-size: 0.875rem;
    line-height: 2;
    letter-spacing: 0.04em;
  }
  .text-latin-2xl {
    font-size: 1.5rem;
    line-height: 2;
    letter-spacing: 0.04em;
  }
  .text-latin-4xl {
    font-size: 1.875rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
  }
  .zenOldMinchoDescription {
    line-height: 2;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .zenOldMinchoDescription {
      letter-spacing: 0;
    }
  }
  .zenOldMinchoMessageName {
    font-size: 0.75rem;
    line-height: 2.667rem;
    letter-spacing: 0.04em;
    color: #474743;
  }
  .bk-sp {
    display: block;
  }
  @media (min-width: 768px) {
    .bk-sp {
      display: none;
    }
  }
  .btn-filled {
    display: flex;
    width: 15rem;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border-radius: 9999px;
    background-color: #5e5e5a;
    padding: 1rem 1.5rem;
    font-size: 0.75rem;
    color: white;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .btn-filled:after {
    display: inline-block;
    height: 0.625rem;
    width: 1rem;
    background-image: url(../img/format/arrow-white.svg);
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
  }
  .btn-filled:hover {
    background-color: #474743;
  }
  @media (min-width: 768px) {
    .btn-filled {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }
  .btn-knockout-filled {
    display: flex;
    width: 15rem;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border-radius: 9999px;
    background-color: #1a1a14;
    padding: 1rem 1.5rem;
    font-size: 0.75rem;
    color: white;
    text-decoration-line: none;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .btn-knockout-filled:after {
    display: inline-block;
    height: 0.625rem;
    width: 1rem;
    background-image: url(../img/format/arrow-white.svg);
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
  }
  .btn-knockout-filled:hover {
    background-color: #474743;
  }
  @media (min-width: 768px) {
    .btn-knockout-filled {
      padding-left: 1.25rem;
      padding-right: 1.25rem;
    }
  }
  .btn-text-right-arrow {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: #1a1a14;
    text-decoration-line: underline;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .btn-text-right-arrow:after {
    margin-left: 0.75rem;
    display: inline-block;
    height: 0.4375rem;
    width: 1.5rem;
    flex-shrink: 0;
    background-color: #1a1a14;
    --tw-content: "";
    content: var(--tw-content);
  }
  .btn-text-right-arrow:hover {
    color: #1a1a14;
  }
  .btn-text-right-arrow:after {
    -webkit-mask-image: url(../img/format/text-right-arrow.svg);
    mask-image: url(../img/format/text-right-arrow.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-text-right-angle-right-white {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: white;
    text-decoration-line: underline;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .btn-text-right-angle-right-white:after {
    margin-left: 0.5rem;
    display: inline-block;
    height: 0.5625rem;
    width: 0.5rem;
    flex-shrink: 0;
    background-color: white;
    --tw-content: "";
    content: var(--tw-content);
  }
  .btn-text-right-angle-right-white:hover {
    color: #fff;
  }
  .btn-text-right-angle-right-white:after {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-text-right-angle-right-white > button {
    color: white !important;
    text-decoration-line: underline !important;
  }
  .btn-text-right-angle-right-white > button:after {
    content: var(--tw-content) !important;
    background-color: white !important;
  }
  .btn-text-right-angle-right-white > a {
    color: white !important;
  }
  .btn-text-right-angle-right-white > a:after {
    content: var(--tw-content) !important;
    background-color: white !important;
  }
  .btn-text-right-angle-right-white-black {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: #1a1a14;
    text-decoration-line: underline;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .btn-text-right-angle-right-white-black:after {
    margin-left: 0.5rem;
    display: inline-block;
    height: 0.5625rem;
    width: 0.5rem;
    flex-shrink: 0;
    background-color: #1a1a14;
    --tw-content: "";
    content: var(--tw-content);
  }
  .btn-text-right-angle-right-white-black:hover {
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .btn-text-right-angle-right-white-black {
      color: #fff;
    }
    .btn-text-right-angle-right-white-black:after {
      content: var(--tw-content);
      background-color: #fff;
    }
    .btn-text-right-angle-right-white-black:hover {
      color: #fff;
    }
  }
  .btn-text-right-angle-right-white-black:after {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-text-right-angle-right-gray {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: inline-flex;
    align-items: center;
    font-weight: 700;
    color: #1a1a14;
    text-decoration-line: underline;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .btn-text-right-angle-right-gray:after {
    margin-left: 0.5rem;
    display: inline-block;
    height: 0.5625rem;
    width: 0.5rem;
    flex-shrink: 0;
    background-color: #1a1a14;
    --tw-content: "";
    content: var(--tw-content);
  }
  .btn-text-right-angle-right-gray:hover {
    color: #1a1a14;
  }
  .btn-text-right-angle-right-gray:after {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-text-left-angle-left-gray {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: flex;
    align-items: center;
    font-weight: 700;
    color: #1a1a14;
    text-decoration-line: underline;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .btn-text-left-angle-left-gray:before {
    margin-right: 0.5rem;
    display: inline-block;
    height: 0.5625rem;
    width: 0.5rem;
    flex-shrink: 0;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: #1a1a14;
    --tw-content: "";
    content: var(--tw-content);
  }
  .btn-text-left-angle-left-gray:hover {
    color: #1a1a14;
  }
  .btn-text-left-angle-left-gray:before {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-text-left-angle-down-gray:before {
    content: var(--tw-content);
    background-color: #1a1a14;
  }
  .btn-text-left-angle-down-gray:before {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-border-gray-30 {
    border-width: 1px;
    border-color: #b9b9b8;
  }
  p.btn-filled-white-lg-download, p.btn-filled-white-lg-external, p.btn-filled-white-lg, .btn-filled-lg {
    display: inline-block;
  }
  a.btn-filled-lg, button.btn-filled-lg, p.btn-filled-lg a, p.btn-filled-lg button {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    position: relative !important;
    display: inline-flex !important;
    width: 14.4375rem !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.125rem !important;
    background-color: #5e5e5a !important;
    padding: 0.75rem 2.25rem !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: white !important;
    text-decoration-line: none !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }
  a.btn-filled-lg:after, button.btn-filled-lg:after, p.btn-filled-lg a:after, p.btn-filled-lg button:after {
    position: absolute !important;
    right: 1.25rem !important;
    top: 50% !important;
    height: 0.625rem !important;
    width: 0.5rem !important;
    --tw-translate-y: -50% !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    background-color: white !important;
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }
  a.btn-filled-lg:hover, button.btn-filled-lg:hover, p.btn-filled-lg a:hover, p.btn-filled-lg button:hover {
    background-color: #1a1a14 !important;
    color: white !important;
  }
  @media (min-width: 768px) {
    a.btn-filled-lg, button.btn-filled-lg, p.btn-filled-lg a, p.btn-filled-lg button {
      width: 20rem !important;
      padding: 1rem 3.25rem !important;
    }
  }
  a.btn-filled-lg:after, button.btn-filled-lg:after, p.btn-filled-lg a:after, p.btn-filled-lg button:after {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-filled-lg > a {
    color: white !important;
    text-decoration-line: none !important;
  }
  a.btn-filled-white-lg, button.btn-filled-white-lg, p.btn-filled-white-lg a, p.btn-filled-white-lg button {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    position: relative !important;
    display: inline-flex !important;
    width: 14.4375rem !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.125rem !important;
    background-color: white !important;
    padding: 0.75rem 2.25rem !important;
    text-align: center !important;
    font-weight: 700 !important;
    color: #1a1a14 !important;
    text-decoration-line: none !important;
    transition-property: all !important;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
    transition-duration: 0.3s !important;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important;
  }
  a.btn-filled-white-lg:before, button.btn-filled-white-lg:before, p.btn-filled-white-lg a:before, p.btn-filled-white-lg button:before {
    position: absolute !important;
    left: 1.25rem !important;
    top: 50% !important;
    height: 0.625rem !important;
    width: 0.5rem !important;
    --tw-translate-y: -50% !important;
    --tw-rotate: 180deg !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
    background-color: #1a1a14 !important;
    --tw-content: "" !important;
    content: var(--tw-content) !important;
  }
  a.btn-filled-white-lg:after, button.btn-filled-white-lg:after, p.btn-filled-white-lg a:after, p.btn-filled-white-lg button:after {
    content: var(--tw-content) !important;
    display: block !important;
  }
  a.btn-filled-white-lg:hover, button.btn-filled-white-lg:hover, p.btn-filled-white-lg a:hover, p.btn-filled-white-lg button:hover {
    background-color: #1a1a14 !important;
    color: white !important;
  }
  a.btn-filled-white-lg:hover:before, button.btn-filled-white-lg:hover:before, p.btn-filled-white-lg a:hover:before, p.btn-filled-white-lg button:hover:before {
    content: var(--tw-content) !important;
    background-color: white !important;
  }
  @media (min-width: 768px) {
    a.btn-filled-white-lg, button.btn-filled-white-lg, p.btn-filled-white-lg a, p.btn-filled-white-lg button {
      width: 20rem !important;
      padding: 1rem 3.25rem !important;
    }
  }
  a.btn-filled-white-lg:before, button.btn-filled-white-lg:before, p.btn-filled-white-lg a:before, p.btn-filled-white-lg button:before {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  a.btn-filled-white-lg-download, button.btn-filled-white-lg-download, p.btn-filled-white-lg-download a, p.btn-filled-white-lg-download button {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    position: relative;
    display: inline-flex;
    width: 14.4375rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.125rem;
    background-color: white;
    padding: 0.75rem 2.25rem;
    text-align: center;
    font-weight: 700;
    color: #1a1a14;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  a.btn-filled-white-lg-download:after, button.btn-filled-white-lg-download:after, p.btn-filled-white-lg-download a:after, p.btn-filled-white-lg-download button:after {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    height: 0.875rem;
    width: 0.835rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: #1a1a14;
    --tw-content: "";
    content: var(--tw-content);
  }
  a.btn-filled-white-lg-download:hover, button.btn-filled-white-lg-download:hover, p.btn-filled-white-lg-download a:hover, p.btn-filled-white-lg-download button:hover {
    background-color: #1a1a14;
    color: #fff;
  }
  a.btn-filled-white-lg-download:hover:after, button.btn-filled-white-lg-download:hover:after, p.btn-filled-white-lg-download a:hover:after, p.btn-filled-white-lg-download button:hover:after {
    content: var(--tw-content);
    background-color: #fff;
  }
  @media (min-width: 768px) {
    a.btn-filled-white-lg-download, button.btn-filled-white-lg-download, p.btn-filled-white-lg-download a, p.btn-filled-white-lg-download button {
      width: 20rem;
      padding: 1rem 3.25rem;
    }
  }
  a.btn-filled-white-lg-download:after, button.btn-filled-white-lg-download:after, p.btn-filled-white-lg-download a:after, p.btn-filled-white-lg-download button:after {
    -webkit-mask-image: url(../img/format/arrow-download-bottom.svg);
    mask-image: url(../img/format/arrow-download-bottom.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  a.btn-filled-white-lg-external, button.btn-filled-white-lg-external, p.btn-filled-white-lg-external a, p.btn-filled-white-lg-external button {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    position: relative;
    display: inline-flex;
    width: 14.4375rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.125rem;
    background-color: white;
    padding: 0.75rem 2.25rem;
    text-align: center;
    font-weight: 700;
    color: #1a1a14;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  a.btn-filled-white-lg-external:after, button.btn-filled-white-lg-external:after, p.btn-filled-white-lg-external a:after, p.btn-filled-white-lg-external button:after {
    position: absolute;
    right: 1.25rem;
    top: 50%;
    height: 0.625rem;
    width: 1rem;
    --tw-translate-y: -50%;
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: #1a1a14;
    --tw-content: "";
    content: var(--tw-content);
  }
  a.btn-filled-white-lg-external:hover, button.btn-filled-white-lg-external:hover, p.btn-filled-white-lg-external a:hover, p.btn-filled-white-lg-external button:hover {
    background-color: #1a1a14;
    color: #fff;
  }
  a.btn-filled-white-lg-external:hover:after, button.btn-filled-white-lg-external:hover:after, p.btn-filled-white-lg-external a:hover:after, p.btn-filled-white-lg-external button:hover:after {
    content: var(--tw-content);
    background-color: #fff;
  }
  @media (min-width: 768px) {
    a.btn-filled-white-lg-external, button.btn-filled-white-lg-external, p.btn-filled-white-lg-external a, p.btn-filled-white-lg-external button {
      width: 20rem;
      padding: 1rem 3.25rem;
    }
  }
  a.btn-filled-white-lg-external:after, button.btn-filled-white-lg-external:after, p.btn-filled-white-lg-external a:after, p.btn-filled-white-lg-external button:after {
    -webkit-mask-image: url(../img/format/arrow.svg);
    mask-image: url(../img/format/arrow.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-filled-white-lg > a, .btn-filled-white-lg-download > a, .btn-filled-white-lg-external > a {
    text-decoration-line: none !important;
  }
  .btn-filled-white-lg > a:hover, .btn-filled-white-lg-download > a:hover, .btn-filled-white-lg-external > a:hover {
    color: white !important;
  }
  .btn-square-filled-sm:after {
    content: var(--tw-content);
    background-color: #fff;
  }
  .btn-square-filled-sm:after {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-text-close:before {
    content: var(--tw-content);
    background-color: #1a1a14;
  }
  .btn-text-close:before {
    -webkit-mask-image: url(../img/format/close.svg);
    mask-image: url(../img/format/close.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .btn-text-right-arrow > a, .btn-text-right-angle-right-white > a, .btn-text-right-angle-right-gray > a, .btn-filled-lg > a, .btn-filled-white-lg > a, .btn-filled-white-lg-download > a, .btn-filled-white-lg-external > a, .btn-bg-border-arrow > a {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .btn-text-right-arrow > button, .btn-text-right-angle-right-white > button, .btn-text-right-angle-right-gray > button, .btn-filled-lg > button, .btn-filled-white-lg > button, .btn-filled-white-lg-download > button, .btn-filled-white-lg-external > button, .btn-bg-border-arrow > button {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    margin-top: 0;
    margin-bottom: 0;
  }
  .btn-small {
    width: 12.5rem;
  }
  @media (min-width: 768px) {
    .btn-small {
      width: 15rem;
    }
  }
  .btn-center {
    margin-left: auto;
    margin-right: auto;
    width: 7.6785rem;
  }
  .btn-filled.latin, .btn-knockout-filled.latin {
    font-family: Arimo, sans-serif;
  }
  .btn-text-right-arrow.jp {
    font-family: Noto Sans JP, sans-serif;
  }
  .header-img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: #0000001a;
    background-image: radial-gradient(#000 15%, transparent 0), radial-gradient(#000 15%, transparent 0);
    background-size: 4px 4px;
    background-position: 0 0, 2px 2px;
  }
  .header-movie:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAAwCAYAAAChS3wfAAAAAXNSR0IArs4c6QAAAARzQklUCAgICHwIZIgAAACFSURBVGhD7drRDYAgDEXRsoz7z8M0ljnuMTF+g03fsXhm5tv7Vp9nF/6u7Ca8Dcgu/lW+ClABeoAeIAU4IByFHECC4fInwX35eoAeoAeYB5gHlD+JpYAUkAJSQApIASdD3cEoB3AAB3AAB3AAB3CAf4SqB6QkSIIkSIIkSIIkSIIkWJXgDw/g7Azg/ZC+AAAAAElFTkSuQmCC);
    background-repeat: repeat;
    background-position: center center;
  }
  .btn-bg-border-arrow {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    position: relative;
    display: inline-block;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-bottom-width: 1px;
    border-color: #e8e8e6;
    background-image: none;
    padding: 0.625rem 1rem;
    text-align: center;
    font-weight: 400;
    color: #5e5e5a;
  }
  @media (min-width: 768px) {
    .btn-bg-border-arrow {
      display: flex;
      padding: 1rem 0.75rem;
    }
  }
  @media (min-width: 1200px) {
    .btn-bg-border-arrow {
      justify-content: space-between;
    }
  }
  .btn-bg-border-arrow.on {
    background-color: #e8e8e6;
    background-image: none;
    font-weight: 700;
    color: #1a1a14;
  }
  .btn-bg-border-arrow.on:before {
    position: absolute;
    left: 0;
    top: 50%;
    height: 1.375rem;
    width: 0.25rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: #1a1a14;
    --tw-content: "";
    content: var(--tw-content);
  }
  @media (min-width: 1200px) {
    .btn-bg-border-arrow.on:after {
      display: inline-block;
      height: 0.7rem;
      width: 0.7rem;
      background-image: url(../img/format/arrow-right.svg);
      background-size: contain;
      background-repeat: no-repeat;
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  @media (min-width: 768px) {
    .\!btn-sp-center-pc-left {
      justify-content: flex-start;
    }
  }
  .\!btn-sp-center-pc-left.on {
    justify-content: center;
  }
  @media (min-width: 768px) {
    .\!btn-sp-center-pc-left.on {
      justify-content: space-between;
    }
    .\!btn-sp-center-pc-left.on:after {
      display: inline-block;
      height: 0.7rem;
      width: 0.7rem;
      background-image: url(../img/format/arrow-right.svg);
      background-size: contain;
      background-repeat: no-repeat;
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .btn-sp-center-pc-left.on {
    justify-content: center;
  }
  @media (min-width: 768px) {
    .btn-sp-center-pc-left.on {
      justify-content: space-between;
    }
    .btn-sp-center-pc-left.on:after {
      display: inline-block;
      height: 0.7rem;
      width: 0.7rem;
      background-image: url(../img/format/arrow-right.svg);
      background-size: contain;
      background-repeat: no-repeat;
      --tw-content: "";
      content: var(--tw-content);
    }
  }
  .arrow-right-gray-15:after {
    content: var(--tw-content);
    background-color: #dbdbd7;
  }
  .arrow-right-gray-15:after {
    -webkit-mask-image: url(../img/format/arrow-right.svg);
    mask-image: url(../img/format/arrow-right.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  [data-component=slide-rtl] > .splide__arrows {
    position: absolute;
    top: 15.25rem;
  }
  [data-component=slide-rtl] .splide__arrow {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #b9b9b8;
    padding: 1.3rem;
    opacity: 1;
  }
  [data-component=slide-rtl] .splide__arrow:disabled {
    border-color: #e8e8e6;
    background-color: #e8e8e6;
    opacity: 1;
  }
  [data-component=slide-rtl] .splide__arrow:disabled > svg {
    opacity: 0.1;
  }
  [data-component=slide-rtl] .splide__arrow svg {
    max-height: 0.625rem;
    min-height: 0.625rem;
    min-width: 1rem;
    max-width: 1rem;
  }
  [data-component=slide-rtl] .splide__arrow:disabled svg > path:nth-child(1) {
    stroke: #dbdbd7;
  }
  [data-component=slide-rtl] .splide__arrow:disabled svg > path:nth-child(2) {
    stroke: #dbdbd7;
  }
  [data-component=slide-rtl] .splide__arrow.splide__arrow--prev {
    left: 0;
  }
  [data-component=slide-rtl] .splide__arrow.splide__arrow--next {
    left: 4rem;
  }
  @media (min-width: 768px) {
    [data-component=slide-rtl] .splide__arrow.splide__arrow--next {
      left: 5.5rem;
    }
  }
  [data-component=slide-rtl] button {
    border-radius: 0.125rem;
    background-color: #fff;
  }
  [data-component=slide-fade-in-out-pagination-arrow] .splide__arrow.splide__arrow-not-filled {
    height: 4rem;
    width: 4rem;
    background-color: transparent;
  }
  [data-component=slide-fade-in-out-pagination-arrow] .splide__arrow.splide__arrow-not-filled svg {
    height: 100%;
    width: 100%;
    fill: #fff;
  }
  [data-component=slide-fade-in-out-pagination-arrow] .splide__arrow.splide__arrow-not-filled svg path {
    fill: transparent;
    stroke: #fff;
  }
  .form-label {
    font-family: Noto Sans JP, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    display: inline-block;
    font-weight: 700;
    line-height: 2rem;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .form-label {
      margin-bottom: 0.5rem;
    }
  }
  .form-label + .text-muted {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: inline-block;
    font-weight: 700;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(201 71 72 var(--tw-text-opacity));
  }
  .form-check-box {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .form-check-box-input {
    position: relative;
    height: 1.25rem;
    width: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.125rem;
    border-width: 1px;
    border-color: #5e5e5a;
    background-color: #fff;
  }
  .form-check-box-input:hover {
    outline-style: solid;
    outline-width: 4px;
    outline-color: #ffff8133;
  }
  .form-check-box-input:disabled {
    border-color: #fff;
  }
  .form-check-box-input:checked {
    border-color: #5e5e5a;
    background-color: #5e5e5a;
  }
  .form-check-box-input:checked:after {
    position: absolute;
    left: 0.1875rem;
    top: 0.1875rem;
    height: 0.75rem;
    width: 0.75rem;
    background-color: white;
    --tw-content: "";
    content: var(--tw-content);
    -webkit-mask-image: url(../img/format/check.svg);
    mask-image: url(../img/format/check.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
  }
  .form-check-box-input:checked:disabled {
    border-color: transparent;
    background-color: transparent;
  }
  .form-check-box-label {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    border-width: 0px;
    font-weight: 700;
    line-height: 1.75;
    color: #5e5e5a;
  }
  .form-radio {
    display: flex;
    align-items: center;
    gap: 0.75rem;
  }
  .form-radio-input {
    position: relative;
    height: 1.25rem;
    width: 1.25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 9999px;
    border-width: 1px;
    border-color: #5e5e5a;
    background-color: #fff;
  }
  .form-radio-input:hover {
    outline-style: solid;
    outline-width: 4px;
    outline-color: #ffff8133;
  }
  .form-radio-input:disabled {
    border-color: #fff;
  }
  .form-radio-input:checked {
    border-color: #5e5e5a;
    background-color: #5e5e5a;
  }
  .form-radio-input:checked:after {
    position: absolute;
    left: 0.375rem;
    top: 0.375rem;
    height: 0.375rem;
    width: 0.375rem;
    border-radius: 9999px;
    background-color: white;
    --tw-content: "";
    content: var(--tw-content);
  }
  .form-radio-input:checked:disabled {
    border-color: transparent;
    background-color: transparent;
  }
  .form-radio-label {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    letter-spacing: 0.04em;
    border-width: 0px;
    font-weight: 700;
    line-height: 1.75;
    color: #5e5e5a;
  }
  .form-select-filled-white select {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: block;
    min-width: 11.5rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.125rem;
    border-width: 1px;
    border-style: solid;
    border-color: #b9b9b8;
    background-image: url(../img/format/arrow-angle-down.svg);
    background-position: right 1.125rem top 50%;
    background-repeat: no-repeat;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    font-weight: 700;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .form-select-filled-white select {
      font-family: Noto Sans JP, sans-serif;
      font-size: 0.875rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
      min-width: 15rem;
      background-position: right 1.25rem top 50%;
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-left: 1.5rem;
    }
  }
  .form-alert-text {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    margin-top: 0.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(201 71 72 var(--tw-text-opacity));
  }
  .form-alert-bg-border {
    border-width: 1px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(201 71 72 var(--tw-border-opacity)) !important;
    --tw-bg-opacity: 1 !important;
    background-color: rgb(252 237 240 var(--tw-bg-opacity)) !important;
  }
  .ccm-pagination-wrapper ul.pagination {
    margin-bottom: 3.75rem;
    margin-top: 1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media (min-width: 768px) {
    .ccm-pagination-wrapper ul.pagination {
      margin-bottom: 5rem;
      margin-top: 3.5rem;
    }
  }
  .ccm-pagination-wrapper ul.pagination li {
    margin-right: 0.5rem;
  }
  .ccm-pagination-wrapper ul.pagination li a {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    display: inline-block;
    width: 2.75rem;
    border-radius: 0.125rem;
    border-width: 1px;
    border-color: #b9b9b8;
    background-color: white;
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
    text-align: center;
    font-weight: 700;
    color: #1a1a14;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ccm-pagination-wrapper ul.pagination li a:hover {
    background-color: #5e5e5a;
    color: #fff;
  }
  .ccm-pagination-wrapper ul.pagination li.disabled {
    pointer-events: none;
  }
  .ccm-pagination-wrapper ul.pagination li.disabled span {
    display: block;
    height: 2.813rem;
    border-radius: 0.125rem;
    border-style: none;
    padding-top: 0.6rem;
  }
  .ccm-pagination-wrapper ul.pagination li.prev {
    position: relative;
    margin-right: 0.9375rem;
  }
  .ccm-pagination-wrapper ul.pagination li.prev:after {
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 46%;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-image: url(../img/format/arrow.svg);
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
  }
  .ccm-pagination-wrapper ul.pagination li.prev:hover:after {
    content: var(--tw-content);
    background-image: url(../img/format/arrow_white.svg);
  }
  @media (min-width: 768px) {
    .ccm-pagination-wrapper ul.pagination li.prev {
      margin-right: 2.5rem;
    }
  }
  .ccm-pagination-wrapper ul.pagination li.prev a {
    display: block;
    height: 2.813rem;
    width: 2.75rem;
    border-radius: 0.125rem;
    border-width: 1px;
    border-color: #b9b9b8;
    background-color: white;
    padding-top: 1.03125rem;
    padding-bottom: 1.03125rem;
  }
  .ccm-pagination-wrapper ul.pagination li.prev a:hover, .ccm-pagination-wrapper ul.pagination li.prev a:active {
    background-color: #5e5e5a;
    color: #fff;
  }
  .ccm-pagination-wrapper ul.pagination li.prev span {
    width: 2.75rem;
  }
  .ccm-pagination-wrapper ul.pagination li.prev.disabled:after {
    content: var(--tw-content);
    background-image: url(../img/format/arrow_gray.svg);
  }
  .ccm-pagination-wrapper ul.pagination li.prev.disabled span {
    display: block;
    height: 2.813rem;
    border-radius: 0.125rem;
    border-width: 1px;
    border-style: none;
    border-color: #e8e8e6;
    background-color: #e8e8e6;
    padding-top: 1.03125rem;
    padding-bottom: 1.03125rem;
  }
  .ccm-pagination-wrapper ul.pagination li.next {
    position: relative;
    margin-left: 0.4375rem;
  }
  .ccm-pagination-wrapper ul.pagination li.next:after {
    pointer-events: none;
    position: absolute;
    left: 50%;
    top: 57%;
    display: inline-block;
    height: 1rem;
    width: 1rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-image: url(../img/format/arrow.svg);
    background-repeat: no-repeat;
    --tw-content: "";
    content: var(--tw-content);
  }
  .ccm-pagination-wrapper ul.pagination li.next:hover:after {
    content: var(--tw-content);
    background-image: url(../img/format/arrow_white.svg);
  }
  @media (min-width: 768px) {
    .ccm-pagination-wrapper ul.pagination li.next {
      margin-left: 2rem;
    }
  }
  .ccm-pagination-wrapper ul.pagination li.next a {
    display: block;
    height: 2.813rem;
    width: 2.75rem;
    border-radius: 0.125rem;
    border-width: 1px;
    border-color: #b9b9b8;
    background-color: white;
    padding-top: 1.03125rem;
    padding-bottom: 1.03125rem;
  }
  .ccm-pagination-wrapper ul.pagination li.next a:hover, .ccm-pagination-wrapper ul.pagination li.next a:active {
    background-color: #5e5e5a;
    color: #fff;
  }
  .ccm-pagination-wrapper ul.pagination li.next span {
    width: 2.75rem;
  }
  .ccm-pagination-wrapper ul.pagination li.next.disabled {
    background-color: #e8e8e6;
  }
  .ccm-pagination-wrapper ul.pagination li.next.disabled:after {
    content: var(--tw-content);
    background-image: url(../img/format/arrow_gray.svg);
  }
  .ccm-pagination-wrapper ul.pagination li.next.disabled span {
    display: block;
    height: 2.813rem;
    border-radius: 0.125rem;
    border-style: none;
    padding-top: 1.03125rem;
    padding-bottom: 1.03125rem;
  }
  .ccm-pagination-wrapper ul.pagination li.active {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    display: inline-block;
    width: 2.75rem;
    border-radius: 0.125rem;
    border-width: 1px;
    border-color: #5e5e5a;
    background-color: #5e5e5a;
    padding-top: 0.6875rem;
    padding-bottom: 0.6875rem;
    text-align: center;
    font-weight: 700;
    color: white;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ccm-pagination-wrapper ul.pagination li.active:hover {
    background-color: #1a1a14;
    color: #fff;
  }
  .ccm-pagination-wrapper ul.pagination li .visually-hidden {
    display: none;
  }
  .shop-pet-message h2 {
    font-size: 1.2rem;
  }
  .shop-pet-message ul {
    list-style-position: inside;
    background-color: #f5f5f2;
    padding: 0.75rem;
  }
  .shop-pet-message li {
    margin-bottom: 0.25rem !important;
    font-size: 0.9rem !important;
  }
  .form-group.zetton-form label {
    font-family: Noto Sans JP, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    display: inline-block;
    font-weight: 700;
    line-height: 2rem;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .form-group.zetton-form label {
      margin-bottom: 0.5rem;
    }
  }
  .form-group.zetton-form label > span {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.75rem;
    line-height: 2;
    letter-spacing: 0.04em;
    display: inline-block;
    font-weight: 700;
    line-height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(201 71 72 var(--tw-text-opacity));
  }
  .form-group.zetton-form select {
    font-family: Noto Sans JP, sans-serif;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.04em;
    display: block;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    border-width: 1px;
    border-style: solid;
    border-color: #e8e8e6;
    background-image: url(../img/format/arrow-angle-down.svg);
    background-position: right 1.75rem top 50%;
    background-repeat: no-repeat;
    padding: 1.063rem 3rem 1.063rem 1.5rem;
    line-height: 1.313rem;
    color: #8c8c89;
  }
  @media (min-width: 768px) {
    .form-group.zetton-form select {
      font-family: Noto Sans JP, sans-serif;
      font-size: 1rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
      background-position: right 1.25rem top 50%;
      padding-top: 0.938rem;
      padding-bottom: 0.938rem;
      padding-right: 2.25rem;
      line-height: 2rem;
    }
  }
  .form-group.zetton-form input {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: white;
    padding: 1.0625rem 1.5rem;
    font-size: 0.875rem;
    letter-spacing: 0.04em;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .form-group.zetton-form input {
      padding: 0.9375rem 4.5625rem 0.9375rem 1.5rem;
      font-size: 1rem;
      line-height: 2rem;
    }
  }
  .form-group.zetton-form input::-moz-placeholder {
    font-style: normal;
  }
  .form-group.zetton-form input::placeholder {
    font-style: normal;
  }
  .form-group.zetton-form textarea {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 0.25rem;
    border-width: 1px;
    border-color: #e8e8e6;
    background-color: white;
    padding: 1rem 1.5rem;
    font-size: 0.875rem;
    color: #1a1a14;
  }
  @media (min-width: 768px) {
    .form-group.zetton-form textarea {
      padding: 1.25rem 4.5625rem 1.25rem 1.5rem;
      font-size: 1rem;
      line-height: 1.5rem;
      line-height: 2;
    }
  }
  .form-group.zetton-form textarea::-moz-placeholder {
    font-style: normal;
  }
  .form-group.zetton-form textarea::placeholder {
    font-style: normal;
  }
  [data-intersection-observer=target] {
    visibility: hidden;
    --tw-translate-y: 4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  [data-intersection-observer=target] [data-intersection-observer=target-logo] {
    visibility: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-delay: 0.6s;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  [data-intersection-observer=target].io-show-card {
    visibility: visible;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
  [data-intersection-observer=target].io-show-card [data-intersection-observer=target-logo] {
    visibility: visible;
    opacity: 1;
  }
  [data-intersection-observer=target-250] {
    visibility: hidden;
    --tw-translate-y: 4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  @media (min-width: 768px) {
    [data-intersection-observer=target-250] {
      transition-delay: 0.25s;
    }
  }
  [data-intersection-observer=target-250] [data-intersection-observer=target-logo] {
    visibility: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  @media (min-width: 768px) {
    [data-intersection-observer=target-250] [data-intersection-observer=target-logo] {
      transition-delay: 0.8s;
    }
  }
  [data-intersection-observer=target-250].io-show-card {
    visibility: visible;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
  [data-intersection-observer=target-250].io-show-card [data-intersection-observer=target-logo] {
    visibility: visible;
    opacity: 1;
  }
  [data-intersection-observer=target-500] {
    visibility: hidden;
    --tw-translate-y: 4rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  @media (min-width: 768px) {
    [data-intersection-observer=target-500] {
      transition-delay: 0.5s;
    }
  }
  [data-intersection-observer=target-500] [data-intersection-observer=target-logo] {
    visibility: hidden;
    opacity: 0;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  @media (min-width: 768px) {
    [data-intersection-observer=target-500] [data-intersection-observer=target-logo] {
      transition-delay: 1s;
    }
  }
  [data-intersection-observer=target-500].io-show-card {
    visibility: visible;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
  }
  [data-intersection-observer=target-500].io-show-card [data-intersection-observer=target-logo] {
    visibility: visible;
    opacity: 1;
  }
  @media (max-width: 767px) {
    [data-intersection-observer-sp=target] {
      transition-delay: 0s;
    }
    [data-intersection-observer-sp=target] [data-intersection-observer=target-logo] {
      transition-delay: 0.6s;
    }
    [data-intersection-observer-sp=target-250] {
      transition-delay: 0.25s;
    }
    [data-intersection-observer-sp=target-250] [data-intersection-observer=target-logo] {
      transition-delay: 0.8s;
    }
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
  }
  .pointer-events-none {
    pointer-events: none;
  }
  .invisible {
    visibility: hidden;
  }
  .\!static {
    position: static !important;
  }
  .fixed {
    position: fixed;
  }
  .absolute {
    position: absolute;
  }
  .relative {
    position: relative;
  }
  .inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .\!bottom-5 {
    bottom: 1.25rem !important;
  }
  .\!bottom-8 {
    bottom: 2rem !important;
  }
  .-bottom-\[6\.78\%\] {
    bottom: -6.78%;
  }
  .-top-\[0\.9rem\] {
    top: -0.9rem;
  }
  .bottom-0 {
    bottom: 0;
  }
  .bottom-2 {
    bottom: 0.5rem;
  }
  .bottom-2\.5 {
    bottom: 0.625rem;
  }
  .bottom-4 {
    bottom: 1rem;
  }
  .bottom-8 {
    bottom: 2rem;
  }
  .bottom-\[-\.9rem\] {
    bottom: -0.9rem;
  }
  .bottom-\[-10\.5rem\] {
    bottom: -10.5rem;
  }
  .bottom-\[1\.375rem\] {
    bottom: 1.375rem;
  }
  .bottom-\[15\%\] {
    bottom: 15%;
  }
  .bottom-\[2\.625rem\] {
    bottom: 2.625rem;
  }
  .bottom-\[3px\] {
    bottom: 3px;
  }
  .bottom-\[3rem\] {
    bottom: 3rem;
  }
  .bottom-\[5\%\] {
    bottom: 5%;
  }
  .left-0 {
    left: 0;
  }
  .left-1\/2 {
    left: 50%;
  }
  .left-4 {
    left: 1rem;
  }
  .left-\[0\.8125rem\] {
    left: 0.8125rem;
  }
  .left-\[calc\(50\%_-_10\.5rem\)\] {
    left: calc(50% - 10.5rem);
  }
  .right-0 {
    right: 0;
  }
  .right-10 {
    right: 2.5rem;
  }
  .right-3 {
    right: 0.75rem;
  }
  .right-4 {
    right: 1rem;
  }
  .right-5 {
    right: 1.25rem;
  }
  .top-0 {
    top: 0;
  }
  .top-1\/2 {
    top: 50%;
  }
  .top-4 {
    top: 1rem;
  }
  .top-5 {
    top: 1.25rem;
  }
  .top-6 {
    top: 1.5rem;
  }
  .top-\[0\.3rem\] {
    top: 0.3rem;
  }
  .top-\[0\.4rem\] {
    top: 0.4rem;
  }
  .top-\[100\%\] {
    top: 100%;
  }
  .-z-10 {
    z-index: -10;
  }
  .z-0 {
    z-index: 0;
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[70\] {
    z-index: 70;
  }
  .order-1 {
    order: 1;
  }
  .order-2 {
    order: 2;
  }
  .order-3 {
    order: 3;
  }
  .\!m-0 {
    margin: 0 !important;
  }
  .m-0 {
    margin: 0;
  }
  .-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem;
  }
  .-mx-\[3\.75rem\] {
    margin-left: -3.75rem;
    margin-right: -3.75rem;
  }
  .mx-3 {
    margin-left: 0.75rem;
    margin-right: 0.75rem;
  }
  .mx-4 {
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .mx-\[calc\(50\%_-_50vw\)\] {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
  }
  .mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .my-10 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
  .my-12 {
    margin-top: 3rem;
    margin-bottom: 3rem;
  }
  .my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  .\!mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .\!mb-14 {
    margin-bottom: 3.5rem !important;
  }
  .\!mb-16 {
    margin-bottom: 4rem !important;
  }
  .\!mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .\!mb-2\.5 {
    margin-bottom: 0.625rem !important;
  }
  .\!mb-20 {
    margin-bottom: 5rem !important;
  }
  .\!mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .\!mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .\!mt-10 {
    margin-top: 2.5rem !important;
  }
  .\!mt-12 {
    margin-top: 3rem !important;
  }
  .\!mt-9 {
    margin-top: 2.25rem !important;
  }
  .-ml-\[1\.45rem\] {
    margin-left: -1.45rem;
  }
  .-mt-1 {
    margin-top: -0.25rem;
  }
  .-mt-10 {
    margin-top: -2.5rem;
  }
  .-mt-14 {
    margin-top: -3.5rem;
  }
  .-mt-24 {
    margin-top: -6rem;
  }
  .-mt-6 {
    margin-top: -1.5rem;
  }
  .-mt-px {
    margin-top: -1px;
  }
  .mb-0 {
    margin-bottom: 0;
  }
  .mb-1 {
    margin-bottom: 0.25rem;
  }
  .mb-10 {
    margin-bottom: 2.5rem;
  }
  .mb-12 {
    margin-bottom: 3rem;
  }
  .mb-14 {
    margin-bottom: 3.5rem;
  }
  .mb-16 {
    margin-bottom: 4rem;
  }
  .mb-2 {
    margin-bottom: 0.5rem;
  }
  .mb-20 {
    margin-bottom: 5rem;
  }
  .mb-28 {
    margin-bottom: 7rem;
  }
  .mb-3 {
    margin-bottom: 0.75rem;
  }
  .mb-4 {
    margin-bottom: 1rem;
  }
  .mb-5 {
    margin-bottom: 1.25rem;
  }
  .mb-6 {
    margin-bottom: 1.5rem;
  }
  .mb-7 {
    margin-bottom: 1.75rem;
  }
  .mb-8 {
    margin-bottom: 2rem;
  }
  .mb-9 {
    margin-bottom: 2.25rem;
  }
  .mb-\[1\.625rem\] {
    margin-bottom: 1.625rem;
  }
  .mb-\[3\.25rem\] {
    margin-bottom: 3.25rem;
  }
  .mb-\[3\.875rem\] {
    margin-bottom: 3.875rem;
  }
  .mb-\[4\.5rem\] {
    margin-bottom: 4.5rem;
  }
  .mb-\[4rem\] {
    margin-bottom: 4rem;
  }
  .mb-\[7rem\] {
    margin-bottom: 7rem;
  }
  .ml-2 {
    margin-left: 0.5rem;
  }
  .ml-4 {
    margin-left: 1rem;
  }
  .ml-auto {
    margin-left: auto;
  }
  .mr-0 {
    margin-right: 0;
  }
  .mr-2 {
    margin-right: 0.5rem;
  }
  .mr-5 {
    margin-right: 1.25rem;
  }
  .mr-\[1\.125rem\] {
    margin-right: 1.125rem;
  }
  .mr-\[1\.375rem\] {
    margin-right: 1.375rem;
  }
  .mr-auto {
    margin-right: auto;
  }
  .mt-0 {
    margin-top: 0;
  }
  .mt-1 {
    margin-top: 0.25rem;
  }
  .mt-10 {
    margin-top: 2.5rem;
  }
  .mt-11 {
    margin-top: 2.75rem;
  }
  .mt-12 {
    margin-top: 3rem;
  }
  .mt-14 {
    margin-top: 3.5rem;
  }
  .mt-16 {
    margin-top: 4rem;
  }
  .mt-2 {
    margin-top: 0.5rem;
  }
  .mt-20 {
    margin-top: 5rem;
  }
  .mt-24 {
    margin-top: 6rem;
  }
  .mt-28 {
    margin-top: 7rem;
  }
  .mt-3 {
    margin-top: 0.75rem;
  }
  .mt-4 {
    margin-top: 1rem;
  }
  .mt-6 {
    margin-top: 1.5rem;
  }
  .mt-7 {
    margin-top: 1.75rem;
  }
  .mt-8 {
    margin-top: 2rem;
  }
  .mt-9 {
    margin-top: 2.25rem;
  }
  .mt-\[1\.875rem\] {
    margin-top: 1.875rem;
  }
  .mt-\[2\.125rem\] {
    margin-top: 2.125rem;
  }
  .mt-\[2\.38rem\] {
    margin-top: 2.38rem;
  }
  .mt-\[3\.5rem\] {
    margin-top: 3.5rem;
  }
  .mt-\[3\.75rem\] {
    margin-top: 3.75rem;
  }
  .mt-\[3\.875rem\] {
    margin-top: 3.875rem;
  }
  .mt-px {
    margin-top: 1px;
  }
  .line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .line-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .line-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .line-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
  }
  .line-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
  }
  .line-clamp-6 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
  }
  .\!block {
    display: block !important;
  }
  .block {
    display: block;
  }
  .inline-block {
    display: inline-block;
  }
  .flex {
    display: flex;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .aspect-\[1\/0\.3499\] {
    aspect-ratio: 2.857959417;
  }
  .aspect-\[1\/0\.527\] {
    aspect-ratio: 1.8975332068;
  }
  .aspect-\[1\/0\.565\] {
    aspect-ratio: 1.7699115044;
  }
  .aspect-\[1\/0\.648\] {
    aspect-ratio: 1.5432098765;
  }
  .aspect-\[1\/0\.6647\] {
    aspect-ratio: 1.5044380924;
  }
  .aspect-\[1\/0\.665\] {
    aspect-ratio: 1.5037593985;
  }
  .aspect-\[1\/0\.669\] {
    aspect-ratio: 1.4947683109;
  }
  .aspect-\[1\/1\] {
    aspect-ratio: 1;
  }
  .aspect-square {
    aspect-ratio: 1;
  }
  .\!h-\[calc\(100vh_-_55px\)\] {
    height: calc(100vh - 55px) !important;
  }
  .h-0 {
    height: 0px;
  }
  .h-10 {
    height: 2.5rem;
  }
  .h-11 {
    height: 2.75rem;
  }
  .h-12 {
    height: 3rem;
  }
  .h-16 {
    height: 4rem;
  }
  .h-20 {
    height: 5rem;
  }
  .h-3 {
    height: 0.75rem;
  }
  .h-3\.5 {
    height: 0.875rem;
  }
  .h-32 {
    height: 8rem;
  }
  .h-6 {
    height: 1.5rem;
  }
  .h-8 {
    height: 2rem;
  }
  .h-96 {
    height: 24rem;
  }
  .h-\[0\.894375rem\] {
    height: 0.894375rem;
  }
  .h-\[1\.035rem\] {
    height: 1.035rem;
  }
  .h-\[1\.106875rem\] {
    height: 1.106875rem;
  }
  .h-\[1\.125rem\] {
    height: 1.125rem;
  }
  .h-\[1\.875rem\] {
    height: 1.875rem;
  }
  .h-\[10rem\] {
    height: 10rem;
  }
  .h-\[13\.125rem\] {
    height: 13.125rem;
  }
  .h-\[13rem\] {
    height: 13rem;
  }
  .h-\[21rem\] {
    height: 21rem;
  }
  .h-\[25\.5rem\] {
    height: 25.5rem;
  }
  .h-\[3\.625rem\] {
    height: 3.625rem;
  }
  .h-\[3\.75rem\] {
    height: 3.75rem;
  }
  .h-\[calc\(100vh_-_3\.5rem\)\] {
    height: calc(100vh - 3.5rem);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .h-screen {
    height: 100vh;
  }
  .max-h-\[7\.25rem\] {
    max-height: 7.25rem;
  }
  .min-h-11 {
    min-height: 2.75rem;
  }
  .min-h-16 {
    min-height: 4rem;
  }
  .min-h-\[6\.25rem\] {
    min-height: 6.25rem;
  }
  .min-h-\[7\.25rem\] {
    min-height: 7.25rem;
  }
  .min-h-\[8rem\] {
    min-height: 8rem;
  }
  .w-10 {
    width: 2.5rem;
  }
  .w-11 {
    width: 2.75rem;
  }
  .w-12 {
    width: 3rem;
  }
  .w-20 {
    width: 5rem;
  }
  .w-24 {
    width: 6rem;
  }
  .w-3 {
    width: 0.75rem;
  }
  .w-3\.5 {
    width: 0.875rem;
  }
  .w-32 {
    width: 8rem;
  }
  .w-6 {
    width: 1.5rem;
  }
  .w-8 {
    width: 2rem;
  }
  .w-\[0\.559375rem\] {
    width: 0.559375rem;
  }
  .w-\[0\.6025rem\] {
    width: 0.6025rem;
  }
  .w-\[0\.89125rem\] {
    width: 0.89125rem;
  }
  .w-\[0\.92125rem\] {
    width: 0.92125rem;
  }
  .w-\[1\.75rem\] {
    width: 1.75rem;
  }
  .w-\[19\.625rem\] {
    width: 19.625rem;
  }
  .w-\[20vw\] {
    width: 20vw;
  }
  .w-\[21\.4375rem\] {
    width: 21.4375rem;
  }
  .w-\[21rem\] {
    width: 21rem;
  }
  .w-\[3\.625rem\] {
    width: 3.625rem;
  }
  .w-\[39\.36\%\] {
    width: 39.36%;
  }
  .w-\[5\.625rem\] {
    width: 5.625rem;
  }
  .w-\[6\.25rem\] {
    width: 6.25rem;
  }
  .w-\[7\.4375rem\] {
    width: 7.4375rem;
  }
  .w-\[8\.613rem\] {
    width: 8.613rem;
  }
  .w-auto {
    width: auto;
  }
  .w-full {
    width: 100%;
  }
  .w-screen {
    width: 100vw;
  }
  .min-w-20 {
    min-width: 5rem;
  }
  .min-w-\[15rem\] {
    min-width: 15rem;
  }
  .min-w-\[21\.5rem\] {
    min-width: 21.5rem;
  }
  .min-w-\[8rem\] {
    min-width: 8rem;
  }
  .max-w-\[18\.75rem\] {
    max-width: 18.75rem;
  }
  .max-w-\[38\.75\] {
    max-width: 38.75;
  }
  .max-w-\[48rem\] {
    max-width: 48rem;
  }
  .max-w-\[6\.163rem\] {
    max-width: 6.163rem;
  }
  .max-w-\[60rem\] {
    max-width: 60rem;
  }
  .max-w-none {
    max-width: none;
  }
  .max-w-xl {
    max-width: 1920px;
  }
  .flex-1 {
    flex: 1 1 0%;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .flex-grow, .grow {
    flex-grow: 1;
  }
  .grow-0 {
    flex-grow: 0;
  }
  .basis-0 {
    flex-basis: 0px;
  }
  .origin-center {
    transform-origin: center;
  }
  .-translate-x-1\/2 {
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-translate-y-1\/2 {
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-rotate-45 {
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .-rotate-90 {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-180 {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-45 {
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .rotate-90 {
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .scale-0 {
    --tw-scale-x: 0;
    --tw-scale-y: 0;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .scale-100 {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .scale-\[50\] {
    --tw-scale-x: 50;
    --tw-scale-y: 50;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .cursor-default {
    cursor: default;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .select-none {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .grid-cols-\[5rem\,5rem\,2\.75rem\] {
    grid-template-columns: 5rem 5rem 2.75rem;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .flex-nowrap {
    flex-wrap: nowrap;
  }
  .place-content-center {
    place-content: center;
  }
  .place-content-start {
    place-content: start;
  }
  .place-content-end {
    place-content: end;
  }
  .content-center {
    align-content: center;
  }
  .content-start {
    align-content: flex-start;
  }
  .content-end {
    align-content: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-center {
    align-items: center;
  }
  .items-baseline {
    align-items: baseline;
  }
  .justify-start {
    justify-content: flex-start;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-stretch {
    justify-content: stretch;
  }
  .gap-1 {
    gap: 0.25rem;
  }
  .gap-1\.5 {
    gap: 0.375rem;
  }
  .gap-10 {
    gap: 2.5rem;
  }
  .gap-2 {
    gap: 0.5rem;
  }
  .gap-3 {
    gap: 0.75rem;
  }
  .gap-3\.5 {
    gap: 0.875rem;
  }
  .gap-4 {
    gap: 1rem;
  }
  .gap-6 {
    gap: 1.5rem;
  }
  .gap-7 {
    gap: 1.75rem;
  }
  .gap-8 {
    gap: 2rem;
  }
  .gap-\[\.2rem\] {
    gap: 0.2rem;
  }
  .gap-\[0\.31rem\] {
    gap: 0.31rem;
  }
  .gap-\[1\.063rem\] {
    gap: 1.063rem;
  }
  .gap-\[1\.375rem\] {
    gap: 1.375rem;
  }
  .gap-\[1\.75rem\] {
    gap: 1.75rem;
  }
  .gap-px {
    gap: 1px;
  }
  .gap-x-0 {
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
  .gap-x-10 {
    -moz-column-gap: 2.5rem;
    column-gap: 2.5rem;
  }
  .gap-x-2 {
    -moz-column-gap: 0.5rem;
    column-gap: 0.5rem;
  }
  .gap-x-20 {
    -moz-column-gap: 5rem;
    column-gap: 5rem;
  }
  .gap-x-4 {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }
  .gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }
  .gap-x-\[0\.44rem\] {
    -moz-column-gap: 0.44rem;
    column-gap: 0.44rem;
  }
  .gap-y-10 {
    row-gap: 2.5rem;
  }
  .gap-y-2 {
    row-gap: 0.5rem;
  }
  .gap-y-4 {
    row-gap: 1rem;
  }
  .gap-y-5 {
    row-gap: 1.25rem;
  }
  .gap-y-6 {
    row-gap: 1.5rem;
  }
  .gap-y-8 {
    row-gap: 2rem;
  }
  .gap-y-\[1\.875rem\] {
    row-gap: 1.875rem;
  }
  .gap-y-\[3\.5rem\] {
    row-gap: 3.5rem;
  }
  .space-x-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(2rem * var(--tw-space-x-reverse));
    margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
  }
  .space-y-10 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }
  .space-y-2 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse));
  }
  .space-y-3 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse));
  }
  .space-y-6 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  .space-y-8 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
  .space-y-\[3px\] > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3px * var(--tw-space-y-reverse));
  }
  .self-baseline {
    align-self: baseline;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-visible {
    overflow: visible;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-scroll {
    overflow-y: scroll;
  }
  .overscroll-none {
    overscroll-behavior: none;
  }
  .rounded-\[50\%\] {
    border-radius: 50%;
  }
  .rounded-sm {
    border-radius: 0.125rem;
  }
  .rounded-l-sm {
    border-top-left-radius: 0.125rem;
    border-bottom-left-radius: 0.125rem;
  }
  .rounded-tl-xl {
    border-top-left-radius: 0.75rem;
  }
  .rounded-tr-xl {
    border-top-right-radius: 0.75rem;
  }
  .border {
    border-width: 1px;
  }
  .border-0 {
    border-width: 0px;
  }
  .border-b {
    border-bottom-width: 1px;
  }
  .border-b-2 {
    border-bottom-width: 2px;
  }
  .border-b-4 {
    border-bottom-width: 4px;
  }
  .border-r {
    border-right-width: 1px;
  }
  .border-t {
    border-top-width: 1px;
  }
  .border-solid {
    border-style: solid;
  }
  .border-none {
    border-style: none;
  }
  .\!border-\[\#B9B9B8\] {
    --tw-border-opacity: 1 !important;
    border-color: rgb(185 185 184 var(--tw-border-opacity)) !important;
  }
  .border-black {
    border-color: #000;
  }
  .border-gray-10 {
    border-color: #e8e8e6;
  }
  .border-gray-15 {
    border-color: #dbdbd7;
  }
  .border-gray-30 {
    border-color: #b9b9b8;
  }
  .border-gray-5 {
    border-color: #f5f5f2;
  }
  .border-gray-60 {
    border-color: #757572;
  }
  .border-gray-70 {
    border-color: #5e5e5a;
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white {
    border-color: #fff;
  }
  .border-b-gray-10 {
    border-bottom-color: #e8e8e6;
  }
  .bg-\[\#F2FDFF\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 253 255 var(--tw-bg-opacity));
  }
  .bg-\[\#F2FFF8\] {
    --tw-bg-opacity: 1;
    background-color: rgb(242 255 248 var(--tw-bg-opacity));
  }
  .bg-\[\#FFFCF2\] {
    --tw-bg-opacity: 1;
    background-color: rgb(255 252 242 var(--tw-bg-opacity));
  }
  .bg-black {
    background-color: #000;
  }
  .bg-gray-10 {
    background-color: #e8e8e6;
  }
  .bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 231 235 var(--tw-bg-opacity));
  }
  .bg-gray-5 {
    background-color: #f5f5f2;
  }
  .bg-gray-60 {
    background-color: #757572;
  }
  .bg-gray-70 {
    background-color: #5e5e5a;
  }
  .bg-white {
    background-color: #fff;
  }
  .bg-arrow-angle-down-gray {
    background-image: url(../img/format/arrow-angle-down.svg);
  }
  .bg-card-gray {
    background-image: linear-gradient(to top, rgba(26, 26, 20, 0.6), rgba(26, 26, 20, 0));
  }
  .bg-card-horizontal-bg {
    background-image: url(../img/card-horizontal-bg-1.png);
  }
  .bg-card-horizontal-bg-2 {
    background-image: url(https://tokugawaen.heritage.jp/packages/zetton/themes/zetton_theme/assets/images/card-horizontal-img-2.png);
  }
  .bg-card-horizontal-bg-4 {
    background-image: url(https://tokugawaen.heritage.jp/packages/zetton/themes/zetton_theme/assets/images/card-horizontal-img-4.png);
  }
  .bg-card-horizontal-bg-5 {
    background-image: url(https://tokugawaen.heritage.jp/packages/zetton/themes/zetton_theme/assets/images/card-horizontal-img-5.png);
  }
  .bg-card-text {
    background-image: linear-gradient(90deg, #474743, #474743);
  }
  .bg-header-image1 {
    background-image: url(../img/header-img-1.png);
  }
  .bg-header-image2 {
    background-image: url(../img/header-img-2.png);
  }
  .bg-header-image3 {
    background-image: url(../img/header-img-3.png);
  }
  .bg-header-image4 {
    background-image: url(../img/header-img-4.png);
  }
  .bg-header-image5 {
    background-image: url(../img/header-img-5.jpg);
  }
  .bg-none {
    background-image: none;
  }
  .bg-\[length\:0_1px\] {
    background-size: 0 1px;
  }
  .bg-\[length\:100\%_100\%\] {
    background-size: 100% 100%;
  }
  .bg-cover {
    background-size: cover;
  }
  .bg-fixed {
    background-attachment: fixed;
  }
  .bg-\[right_1\.125rem_top_50\%\] {
    background-position: right 1.125rem top 50%;
  }
  .bg-center {
    background-position: center;
  }
  .bg-left-bottom {
    background-position: left bottom;
  }
  .bg-no-repeat {
    background-repeat: no-repeat;
  }
  .fill-black {
    fill: #000;
  }
  .fill-facebookColor {
    fill: #1877f2;
  }
  .fill-gray-100 {
    fill: #1a1a14;
  }
  .fill-gray-30 {
    fill: #b9b9b8;
  }
  .fill-gray-70 {
    fill: #5e5e5a;
  }
  .fill-icon-building {
    fill: #ffce00;
  }
  .fill-icon-earth {
    fill: #4cb1c6;
  }
  .fill-icon-nature {
    fill: #3ab274;
  }
  .fill-white {
    fill: #fff;
  }
  .stroke-gray-100 {
    stroke: #1a1a14;
  }
  .stroke-gray-70 {
    stroke: #5e5e5a;
  }
  .stroke-white {
    stroke: #fff;
  }
  .object-contain {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .object-cover {
    -o-object-fit: cover;
    object-fit: cover;
  }
  .p-1 {
    padding: 0.25rem;
  }
  .p-20 {
    padding: 5rem;
  }
  .px-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .px-0\.5 {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
  .px-1 {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
  }
  .px-1\.5 {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
  }
  .px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
  .px-2\.5 {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
  .px-3 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .px-\[\.65rem\] {
    padding-left: 0.65rem;
    padding-right: 0.65rem;
  }
  .px-\[\.675rem\] {
    padding-left: 0.675rem;
    padding-right: 0.675rem;
  }
  .px-\[0\.696875rem\] {
    padding-left: 0.696875rem;
    padding-right: 0.696875rem;
  }
  .px-\[1\.109375rem\] {
    padding-left: 1.109375rem;
    padding-right: 1.109375rem;
  }
  .px-\[1\.125rem\] {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
  .px-\[3\.75rem\] {
    padding-left: 3.75rem;
    padding-right: 3.75rem;
  }
  .px-\[4\.188rem\] {
    padding-left: 4.188rem;
    padding-right: 4.188rem;
  }
  .py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .py-2\.5 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .py-3\.5 {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
  }
  .py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  .py-7 {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
  }
  .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .py-\[\.6rem\] {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  .py-\[0\.3125rem\] {
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
  }
  .py-\[0\.5625rem\] {
    padding-top: 0.5625rem;
    padding-bottom: 0.5625rem;
  }
  .py-\[0\.625rem\] {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .py-\[1\.125rem\] {
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }
  .py-\[2\.5rem\] {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
  .py-\[3\.5rem\] {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
  }
  .pb-10 {
    padding-bottom: 2.5rem;
  }
  .pb-14 {
    padding-bottom: 3.5rem;
  }
  .pb-16 {
    padding-bottom: 4rem;
  }
  .pb-2 {
    padding-bottom: 0.5rem;
  }
  .pb-20 {
    padding-bottom: 5rem;
  }
  .pb-24 {
    padding-bottom: 6rem;
  }
  .pb-3 {
    padding-bottom: 0.75rem;
  }
  .pb-4 {
    padding-bottom: 1rem;
  }
  .pb-5 {
    padding-bottom: 1.25rem;
  }
  .pb-6 {
    padding-bottom: 1.5rem;
  }
  .pb-7 {
    padding-bottom: 1.75rem;
  }
  .pb-8 {
    padding-bottom: 2rem;
  }
  .pb-\[0\.5625rem\] {
    padding-bottom: 0.5625rem;
  }
  .pb-\[3\.125rem\] {
    padding-bottom: 3.125rem;
  }
  .pb-\[3\.75rem\] {
    padding-bottom: 3.75rem;
  }
  .pb-\[4rem\] {
    padding-bottom: 4rem;
  }
  .pl-2 {
    padding-left: 0.5rem;
  }
  .pl-3 {
    padding-left: 0.75rem;
  }
  .pl-4 {
    padding-left: 1rem;
  }
  .pl-6 {
    padding-left: 1.5rem;
  }
  .pl-\[0\.2rem\] {
    padding-left: 0.2rem;
  }
  .pr-16 {
    padding-right: 4rem;
  }
  .pr-3 {
    padding-right: 0.75rem;
  }
  .pr-4 {
    padding-right: 1rem;
  }
  .pr-6 {
    padding-right: 1.5rem;
  }
  .pr-9 {
    padding-right: 2.25rem;
  }
  .pr-\[2\.875rem\] {
    padding-right: 2.875rem;
  }
  .pt-0 {
    padding-top: 0;
  }
  .pt-10 {
    padding-top: 2.5rem;
  }
  .pt-12 {
    padding-top: 3rem;
  }
  .pt-14 {
    padding-top: 3.5rem;
  }
  .pt-16 {
    padding-top: 4rem;
  }
  .pt-2 {
    padding-top: 0.5rem;
  }
  .pt-2\.5 {
    padding-top: 0.625rem;
  }
  .pt-20 {
    padding-top: 5rem;
  }
  .pt-4 {
    padding-top: 1rem;
  }
  .pt-5 {
    padding-top: 1.25rem;
  }
  .pt-6 {
    padding-top: 1.5rem;
  }
  .pt-8 {
    padding-top: 2rem;
  }
  .pt-9 {
    padding-top: 2.25rem;
  }
  .pt-\[0\.9375rem\] {
    padding-top: 0.9375rem;
  }
  .pt-\[2\.125rem\] {
    padding-top: 2.125rem;
  }
  .pt-\[3\.5rem\] {
    padding-top: 3.5rem;
  }
  .pt-\[4\.8rem\] {
    padding-top: 4.8rem;
  }
  .text-left {
    text-align: left;
  }
  .text-center {
    text-align: center;
  }
  .font-jp {
    font-family: Noto Sans JP, sans-serif;
  }
  .font-latin {
    font-family: Arimo, sans-serif;
  }
  .\!text-3xl {
    font-size: 1.75rem !important;
  }
  .\!text-xs {
    font-size: 0.75rem !important;
  }
  .text-2xl {
    font-size: 1.5rem;
  }
  .text-3xl {
    font-size: 1.75rem;
  }
  .text-4xl {
    font-size: 1.875rem;
  }
  .text-\[0\.8125rem\] {
    font-size: 0.8125rem;
  }
  .text-\[0\.9375rem\] {
    font-size: 0.9375rem;
  }
  .text-base {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .text-sm {
    font-size: 0.875rem;
  }
  .text-xs {
    font-size: 0.75rem;
  }
  .font-bold {
    font-weight: 700;
  }
  .font-normal {
    font-weight: 400;
  }
  .font-semibold {
    font-weight: 600;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\!leading-\[1\.35\] {
    line-height: 1.35 !important;
  }
  .\!leading-\[2\.667\] {
    line-height: 2.667 !important;
  }
  .\!leading-loose {
    line-height: 2 !important;
  }
  .\!leading-normal {
    line-height: 1.5 !important;
  }
  .\!leading-super-relaxed {
    line-height: 1.75 !important;
  }
  .\!leading-tight {
    line-height: 1.25 !important;
  }
  .leading-6 {
    line-height: 1.5rem;
  }
  .leading-8 {
    line-height: 2rem;
  }
  .leading-\[1\.6\] {
    line-height: 1.6;
  }
  .leading-\[2\.8\] {
    line-height: 2.8;
  }
  .leading-loose {
    line-height: 2;
  }
  .leading-normal {
    line-height: 1.5;
  }
  .leading-super-relaxed {
    line-height: 1.75;
  }
  .\!tracking-\[0\] {
    letter-spacing: 0 !important;
  }
  .tracking-\[\.0225em\] {
    letter-spacing: 0.0225em;
  }
  .tracking-normal {
    letter-spacing: 0.04em;
  }
  .tracking-tight {
    letter-spacing: 0.02em;
  }
  .tracking-tighter {
    letter-spacing: -0.02em;
  }
  .text-blue {
    color: #4cb1c7;
  }
  .text-blueLink {
    color: #255b7d;
  }
  .text-gray-100 {
    color: #1a1a14;
  }
  .text-gray-50 {
    color: #8c8c89;
  }
  .text-gray-60 {
    color: #757572;
  }
  .text-gray-70 {
    color: #5e5e5a;
  }
  .text-gray-80 {
    color: #474743;
  }
  .text-green {
    color: #38b274;
  }
  .text-white {
    color: #fff;
  }
  .text-yellow {
    color: #ffce00;
  }
  .underline {
    text-decoration-line: underline;
  }
  .no-underline {
    text-decoration-line: none;
  }
  .opacity-0 {
    opacity: 0;
  }
  .opacity-100 {
    opacity: 1;
  }
  .opacity-40 {
    opacity: 0.4;
  }
  .opacity-90 {
    opacity: 0.9;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .shadow-\[0_4px_8px_rgba\(0\,0\,0\,0\.12\)\] {
    --tw-shadow: 0 4px 8px rgba(0,0,0,.12);
    --tw-shadow-colored: 0 4px 8px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  .drop-shadow-base {
    --tw-drop-shadow: drop-shadow(0 8px 16px rgba(163, 163, 161, .12));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .drop-shadow-gray-100-0-1-2 {
    --tw-drop-shadow: drop-shadow(0 1px 2px rgba(0, 0, 0, .12));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .drop-shadow-gray-100-0-2-4 {
    --tw-drop-shadow: drop-shadow(0 2px 4px rgba(0, 0, 0, .12));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .drop-shadow-gray-100-0-4-8 {
    --tw-drop-shadow: drop-shadow(0 4px 8px rgba(0, 0, 0, .12));
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .filter {
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  .backdrop-blur-2xl {
    --tw-backdrop-blur: blur(40px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .duration-100 {
    transition-duration: 0.1s;
  }
  .duration-150 {
    transition-duration: 0.15s;
  }
  .duration-200 {
    transition-duration: 0.2s;
  }
  .duration-300 {
    transition-duration: 0.3s;
  }
  .duration-500 {
    transition-duration: 0.5s;
  }
  .duration-700 {
    transition-duration: 0.7s;
  }
  .ease-in {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .ease-linear {
    transition-timing-function: linear;
  }
  .will-change-transform {
    will-change: transform;
  }
  @media (min-width: 768px) {
    .md\:text-base-xs, .md\:text-base-sm, .md\:text-base-md, .md\:text-base-lg, .md\:text-base-xl, .md\:text-base-3xl, .md\:text-base-6xl {
      font-family: Noto Sans JP, sans-serif;
    }
    .md\:text-base-xs {
      font-size: 0.75rem;
      line-height: 2;
      letter-spacing: 0.04em;
    }
    .md\:text-base-sm {
      font-size: 0.875rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
    .md\:text-base-md {
      font-size: 1rem;
      line-height: 1.5rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
    .md\:text-base-lg {
      font-size: 1.125rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
    .md\:text-base-xl {
      font-size: 1.25rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
    .md\:text-base-3xl {
      font-size: 1.75rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
    .md\:text-base-6xl {
      font-size: 2.5rem;
      line-height: 1.79;
      letter-spacing: 0.04em;
    }
    .md\:text-latin-md, .md\:text-latin-6xl {
      font-family: Arimo, sans-serif;
    }
    .md\:text-latin-md {
      font-size: 1rem;
      line-height: 1.5rem;
      line-height: 2;
      letter-spacing: 0.04em;
    }
    .md\:text-latin-6xl {
      font-size: 2.5rem;
      line-height: 1.79;
      letter-spacing: 0.04em;
    }
  }
  @media (min-width: 1200px) {
    .lg\:text-base-2xl {
      font-family: Noto Sans JP, sans-serif;
      font-size: 1.5rem;
      line-height: 1.5;
      letter-spacing: 0.04em;
    }
  }
  .before\:pointer-events-none:before {
    content: var(--tw-content);
    pointer-events: none;
  }
  .before\:fixed:before {
    content: var(--tw-content);
    position: fixed;
  }
  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute;
  }
  .before\:inset-0:before {
    content: var(--tw-content);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
  .before\:inset-1\/2:before {
    content: var(--tw-content);
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .before\:bottom-\[1\.8rem\]:before {
    content: var(--tw-content);
    bottom: 1.8rem;
  }
  .before\:left-0:before {
    content: var(--tw-content);
    left: 0;
  }
  .before\:right-10:before {
    content: var(--tw-content);
    right: 2.5rem;
  }
  .before\:right-\[-\.1rem\]:before {
    content: var(--tw-content);
    right: -0.1rem;
  }
  .before\:top-1\/2:before {
    content: var(--tw-content);
    top: 50%;
  }
  .before\:top-\[\.2rem\]:before {
    content: var(--tw-content);
    top: 0.2rem;
  }
  .before\:top-\[\.6rem\]:before {
    content: var(--tw-content);
    top: 0.6rem;
  }
  .before\:top-\[1\.1rem\]:before {
    content: var(--tw-content);
    top: 1.1rem;
  }
  .before\:z-10:before {
    content: var(--tw-content);
    z-index: 10;
  }
  .before\:mr-3:before {
    content: var(--tw-content);
    margin-right: 0.75rem;
  }
  .before\:mr-\[0\.45rem\]:before {
    content: var(--tw-content);
    margin-right: 0.45rem;
  }
  .before\:block:before {
    content: var(--tw-content);
    display: block;
  }
  .before\:inline-block:before {
    content: var(--tw-content);
    display: inline-block;
  }
  .before\:hidden:before {
    content: var(--tw-content);
    display: none;
  }
  .before\:h-10:before {
    content: var(--tw-content);
    height: 2.5rem;
  }
  .before\:h-2:before {
    content: var(--tw-content);
    height: 0.5rem;
  }
  .before\:h-2\.5:before {
    content: var(--tw-content);
    height: 0.625rem;
  }
  .before\:h-3:before {
    content: var(--tw-content);
    height: 0.75rem;
  }
  .before\:h-\[0\.156rem\]:before {
    content: var(--tw-content);
    height: 0.156rem;
  }
  .before\:h-\[0\.5625rem\]:before {
    content: var(--tw-content);
    height: 0.5625rem;
  }
  .before\:h-\[0\.563rem\]:before {
    content: var(--tw-content);
    height: 0.563rem;
  }
  .before\:h-\[1\.375rem\]:before {
    content: var(--tw-content);
    height: 1.375rem;
  }
  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }
  .before\:w-1:before {
    content: var(--tw-content);
    width: 0.25rem;
  }
  .before\:w-10:before {
    content: var(--tw-content);
    width: 2.5rem;
  }
  .before\:w-2:before {
    content: var(--tw-content);
    width: 0.5rem;
  }
  .before\:w-3:before {
    content: var(--tw-content);
    width: 0.75rem;
  }
  .before\:w-\[0\.0625rem\]:before {
    content: var(--tw-content);
    width: 0.0625rem;
  }
  .before\:w-\[0\.875rem\]:before {
    content: var(--tw-content);
    width: 0.875rem;
  }
  .before\:w-\[1\.438rem\]:before {
    content: var(--tw-content);
    width: 1.438rem;
  }
  .before\:w-full:before {
    content: var(--tw-content);
    width: 100%;
  }
  .before\:shrink-0:before {
    content: var(--tw-content);
    flex-shrink: 0;
  }
  .before\:-translate-y-1\/2:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .before\:-rotate-45:before {
    content: var(--tw-content);
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .before\:rotate-180:before {
    content: var(--tw-content);
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .before\:rotate-90:before {
    content: var(--tw-content);
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .before\:rounded-sm:before {
    content: var(--tw-content);
    border-radius: 0.125rem;
  }
  .before\:rounded-tl-xl:before {
    content: var(--tw-content);
    border-top-left-radius: 0.75rem;
  }
  .before\:rounded-tr-xl:before {
    content: var(--tw-content);
    border-top-right-radius: 0.75rem;
  }
  .before\:bg-gray-10:before {
    content: var(--tw-content);
    background-color: #e8e8e6;
  }
  .before\:bg-gray-100:before {
    content: var(--tw-content);
    background-color: #1a1a14;
  }
  .before\:bg-opacity-30:before {
    background-color: #ffffff4d;
    content: var(--tw-content);
    --tw-bg-opacity: .3}.before\:bg-arrow-edge-white:before{content:var(--tw-content);
    background-image: url(../img/format/arrow-edge-white.svg);
  }
  .before\:bg-arrow-right-gray:before {
    content: var(--tw-content);
    background-image: url(../img/format/arrow-right.svg);
  }
  .before\:bg-contain:before {
    content: var(--tw-content);
    background-size: contain;
  }
  .before\:bg-cover:before {
    content: var(--tw-content);
    background-size: cover;
  }
  .before\:bg-center:before {
    content: var(--tw-content);
    background-position: center;
  }
  .before\:bg-no-repeat:before {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  .before\:backdrop-blur-\[50px\]:before {
    content: var(--tw-content);
    --tw-backdrop-blur: blur(50px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .before\:backdrop-grayscale-\[\.26\]:before {
    content: var(--tw-content);
    --tw-backdrop-grayscale: grayscale(.26);
    -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  }
  .before\:transition-all:before {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .before\:duration-300:before {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  .before\:ease-in:before {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .before\:content-\[\'\'\]:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .after\:pointer-events-none:after {
    content: var(--tw-content);
    pointer-events: none;
  }
  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }
  .after\:inset-1\/2:after {
    content: var(--tw-content);
    top: 50%;
    right: 50%;
    bottom: 50%;
    left: 50%;
  }
  .after\:bottom-0:after {
    content: var(--tw-content);
    bottom: 0;
  }
  .after\:bottom-1:after {
    content: var(--tw-content);
    bottom: 0.25rem;
  }
  .after\:bottom-5:after {
    content: var(--tw-content);
    bottom: 1.25rem;
  }
  .after\:left-0:after {
    content: var(--tw-content);
    left: 0;
  }
  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }
  .after\:right-0:after {
    content: var(--tw-content);
    right: 0;
  }
  .after\:right-\[-\.1rem\]:after {
    content: var(--tw-content);
    right: -0.1rem;
  }
  .after\:right-\[1\.46875rem\]:after {
    content: var(--tw-content);
    right: 1.46875rem;
  }
  .after\:right-\[1\.875rem\]:after {
    content: var(--tw-content);
    right: 1.875rem;
  }
  .after\:top-0:after {
    content: var(--tw-content);
    top: 0;
  }
  .after\:top-1\/2:after {
    content: var(--tw-content);
    top: 50%;
  }
  .after\:top-\[\.2rem\]:after {
    content: var(--tw-content);
    top: 0.2rem;
  }
  .after\:top-\[\.6rem\]:after {
    content: var(--tw-content);
    top: 0.6rem;
  }
  .after\:top-\[0\.5625rem\]:after {
    content: var(--tw-content);
    top: 0.5625rem;
  }
  .after\:top-\[1\.1rem\]:after {
    content: var(--tw-content);
    top: 1.1rem;
  }
  .after\:ml-2:after {
    content: var(--tw-content);
    margin-left: 0.5rem;
  }
  .after\:ml-2\.5:after {
    content: var(--tw-content);
    margin-left: 0.625rem;
  }
  .after\:block:after {
    content: var(--tw-content);
    display: block;
  }
  .after\:inline-block:after {
    content: var(--tw-content);
    display: inline-block;
  }
  .after\:h-1:after {
    content: var(--tw-content);
    height: 0.25rem;
  }
  .after\:h-2:after {
    content: var(--tw-content);
    height: 0.5rem;
  }
  .after\:h-2\.5:after {
    content: var(--tw-content);
    height: 0.625rem;
  }
  .after\:h-7:after {
    content: var(--tw-content);
    height: 1.75rem;
  }
  .after\:h-\[0\.156rem\]:after {
    content: var(--tw-content);
    height: 0.156rem;
  }
  .after\:h-\[0\.1875rem\]:after {
    content: var(--tw-content);
    height: 0.1875rem;
  }
  .after\:h-full:after {
    content: var(--tw-content);
    height: 100%;
  }
  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }
  .after\:w-10:after {
    content: var(--tw-content);
    width: 2.5rem;
  }
  .after\:w-12:after {
    content: var(--tw-content);
    width: 3rem;
  }
  .after\:w-2:after {
    content: var(--tw-content);
    width: 0.5rem;
  }
  .after\:w-4:after {
    content: var(--tw-content);
    width: 1rem;
  }
  .after\:w-7:after {
    content: var(--tw-content);
    width: 1.75rem;
  }
  .after\:w-\[0\.875rem\]:after {
    content: var(--tw-content);
    width: 0.875rem;
  }
  .after\:w-\[1\.438rem\]:after {
    content: var(--tw-content);
    width: 1.438rem;
  }
  .after\:shrink-0:after {
    content: var(--tw-content);
    flex-shrink: 0;
  }
  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:-translate-y-1\/2:after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:-rotate-45:after {
    content: var(--tw-content);
    --tw-rotate: -45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:-rotate-90:after {
    content: var(--tw-content);
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:rotate-0:after {
    content: var(--tw-content);
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:rotate-180:after {
    content: var(--tw-content);
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:rotate-45:after {
    content: var(--tw-content);
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:rotate-90:after {
    content: var(--tw-content);
    --tw-rotate: 90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .after\:rounded-sm:after {
    content: var(--tw-content);
    border-radius: 0.125rem;
  }
  .after\:bg-black:after {
    content: var(--tw-content);
    background-color: #000;
  }
  .after\:bg-gray-10:after {
    content: var(--tw-content);
    background-color: #e8e8e6;
  }
  .after\:bg-gray-100:after {
    content: var(--tw-content);
    background-color: #1a1a14;
  }
  .after\:bg-arrow-angle-down-gray:after {
    content: var(--tw-content);
    background-image: url(../img/format/arrow-angle-down.svg);
  }
  .after\:bg-arrow-right-gray:after {
    content: var(--tw-content);
    background-image: url(../img/format/arrow-right.svg);
  }
  .after\:bg-arrow-upper-right-diagonal:after {
    content: var(--tw-content);
    background-image: url(../img/format/arrow.svg);
  }
  .after\:bg-card-gray:after {
    content: var(--tw-content);
    background-image: linear-gradient(to top, rgba(26, 26, 20, 0.6), rgba(26, 26, 20, 0));
  }
  .after\:bg-contain:after {
    content: var(--tw-content);
    background-size: contain;
  }
  .after\:bg-center:after {
    content: var(--tw-content);
    background-position: center;
  }
  .after\:bg-no-repeat:after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  .after\:opacity-40:after {
    content: var(--tw-content);
    opacity: 0.4;
  }
  .after\:transition-all:after {
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .after\:duration-300:after {
    content: var(--tw-content);
    transition-duration: 0.3s;
  }
  .after\:ease-in:after {
    content: var(--tw-content);
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .after\:content-\[\'\'\]:after {
    --tw-content: "";
    content: var(--tw-content);
  }
  .first\:mt-0:first-child {
    margin-top: 0;
  }
  .last\:mr-0:last-child {
    margin-right: 0;
  }
  .last\:border-0:last-child {
    border-width: 0px;
  }
  .last\:\!text-gray-70:last-child {
    color: #5e5e5a !important;
  }
  .last\:after\:absolute:last-child:after {
    content: var(--tw-content);
    position: absolute;
  }
  .last\:after\:right-0:last-child:after {
    content: var(--tw-content);
    right: 0;
  }
  .last\:after\:top-1\/2:last-child:after {
    content: var(--tw-content);
    top: 50%;
  }
  .last\:after\:block:last-child:after {
    content: var(--tw-content);
    display: block;
  }
  .last\:after\:h-10:last-child:after {
    content: var(--tw-content);
    height: 2.5rem;
  }
  .last\:after\:w-\[0\.0625rem\]:last-child:after {
    content: var(--tw-content);
    width: 0.0625rem;
  }
  .last\:after\:shrink-0:last-child:after {
    content: var(--tw-content);
    flex-shrink: 0;
  }
  .last\:after\:-translate-y-1\/2:last-child:after {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .last\:after\:bg-gray-10:last-child:after {
    content: var(--tw-content);
    background-color: #e8e8e6;
  }
  .last\:after\:bg-contain:last-child:after {
    content: var(--tw-content);
    background-size: contain;
  }
  .last\:after\:bg-center:last-child:after {
    content: var(--tw-content);
    background-position: center;
  }
  .last\:after\:bg-no-repeat:last-child:after {
    content: var(--tw-content);
    background-repeat: no-repeat;
  }
  .last-of-type\:mb-\[0rem\]:last-of-type {
    margin-bottom: 0rem;
  }
  .hover\:scale-110:hover {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .hover\:border-gray-100:hover {
    border-color: #1a1a14;
  }
  .hover\:border-gray-70:hover {
    border-color: #5e5e5a;
  }
  .hover\:bg-gray-10:hover {
    background-color: #e8e8e6;
  }
  .hover\:bg-gray-100:hover {
    background-color: #1a1a14;
  }
  .hover\:bg-gray-200\/50:hover {
    background-color: #e5e7eb80;
  }
  .hover\:bg-gray-70:hover {
    background-color: #5e5e5a;
  }
  .hover\:bg-white:hover {
    background-color: #fff;
  }
  .hover\:bg-\[length\:100\%_1px\]:hover {
    background-size: 100% 1px;
  }
  .hover\:font-bold:hover {
    font-weight: 700;
  }
  .hover\:text-gray-100:hover {
    color: #1a1a14;
  }
  .hover\:text-gray-70:hover {
    color: #5e5e5a;
  }
  .hover\:text-white:hover {
    color: #fff;
  }
  .hover\:opacity-70:hover {
    opacity: 0.7;
  }
  .focus\:bg-gray-10:focus {
    background-color: #e8e8e6;
  }
  .focus\:bg-gray-100:focus {
    background-color: #1a1a14;
  }
  .focus\:bg-gray-200\/50:focus {
    background-color: #e5e7eb80;
  }
  .focus\:bg-gray-5:focus {
    background-color: #f5f5f2;
  }
  .focus\:before\:absolute:focus:before {
    content: var(--tw-content);
    position: absolute;
  }
  .focus\:before\:left-0:focus:before {
    content: var(--tw-content);
    left: 0;
  }
  .focus\:before\:top-1\/2:focus:before {
    content: var(--tw-content);
    top: 50%;
  }
  .focus\:before\:block:focus:before {
    content: var(--tw-content);
    display: block;
  }
  .focus\:before\:h-\[1\.375rem\]:focus:before {
    content: var(--tw-content);
    height: 1.375rem;
  }
  .focus\:before\:w-1:focus:before {
    content: var(--tw-content);
    width: 0.25rem;
  }
  .focus\:before\:-translate-y-1\/2:focus:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .focus\:before\:bg-gray-100:focus:before {
    content: var(--tw-content);
    background-color: #1a1a14;
  }
  .focus\:before\:content-\[\'\'\]:focus:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .active\:bg-gray-10:active {
    background-color: #e8e8e6;
  }
  .active\:bg-gray-100:active {
    background-color: #1a1a14;
  }
  .active\:bg-gray-200\/50:active {
    background-color: #e5e7eb80;
  }
  .active\:bg-gray-5:active {
    background-color: #f5f5f2;
  }
  .active\:before\:absolute:active:before {
    content: var(--tw-content);
    position: absolute;
  }
  .active\:before\:left-0:active:before {
    content: var(--tw-content);
    left: 0;
  }
  .active\:before\:top-1\/2:active:before {
    content: var(--tw-content);
    top: 50%;
  }
  .active\:before\:block:active:before {
    content: var(--tw-content);
    display: block;
  }
  .active\:before\:h-\[1\.375rem\]:active:before {
    content: var(--tw-content);
    height: 1.375rem;
  }
  .active\:before\:w-1:active:before {
    content: var(--tw-content);
    width: 0.25rem;
  }
  .active\:before\:-translate-y-1\/2:active:before {
    content: var(--tw-content);
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .active\:before\:bg-gray-100:active:before {
    content: var(--tw-content);
    background-color: #1a1a14;
  }
  .active\:before\:content-\[\'\'\]:active:before {
    --tw-content: "";
    content: var(--tw-content);
  }
  .group:hover .group-hover\:scale-110 {
    --tw-scale-x: 1.1;
    --tw-scale-y: 1.1;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .group:hover .group-hover\:bg-\[length\:100\%_1px\] {
    background-size: 100% 1px;
  }
  .group:hover .group-hover\:fill-icon-building {
    fill: #ffce00;
  }
  .group:hover .group-hover\:fill-icon-earth {
    fill: #4cb1c6;
  }
  .group:hover .group-hover\:fill-icon-nature {
    fill: #3ab274;
  }
  .group:hover .group-hover\:opacity-80 {
    opacity: 0.8;
  }
  @media (min-width: 576px) {
    .sm\:h-48 {
      height: 12rem;
    }
    .sm\:h-\[21rem\] {
      height: 21rem;
    }
  }
  @media (min-width: 768px) {
    .md\:pointer-events-none {
      pointer-events: none;
    }
    .md\:static {
      position: static;
    }
    .md\:absolute {
      position: absolute;
    }
    .md\:relative {
      position: relative;
    }
    .md\:\!left-auto {
      left: auto !important;
    }
    .md\:\!right-10 {
      right: 2.5rem !important;
    }
    .md\:-bottom-\[17\.36\%\] {
      bottom: -17.36%;
    }
    .md\:-left-\[3\.5rem\] {
      left: -3.5rem;
    }
    .md\:-left-\[8\.33\%\] {
      left: -8.33%;
    }
    .md\:-top-10 {
      top: -2.5rem;
    }
    .md\:bottom-20 {
      bottom: 5rem;
    }
    .md\:bottom-\[17\%\] {
      bottom: 17%;
    }
    .md\:bottom-\[4\.375rem\] {
      bottom: 4.375rem;
    }
    .md\:bottom-auto {
      bottom: auto;
    }
    .md\:left-\[1\.0625rem\] {
      left: 1.0625rem;
    }
    .md\:left-\[3\.75rem\] {
      left: 3.75rem;
    }
    .md\:right-0 {
      right: 0;
    }
    .md\:right-10 {
      right: 2.5rem;
    }
    .md\:right-\[3\.75rem\] {
      right: 3.75rem;
    }
    .md\:top-0 {
      top: 0;
    }
    .md\:top-\[2\.3rem\] {
      top: 2.3rem;
    }
    .md\:top-\[3\.125rem\] {
      top: 3.125rem;
    }
    .md\:z-20 {
      z-index: 20;
    }
    .md\:order-1 {
      order: 1;
    }
    .md\:order-2 {
      order: 2;
    }
    .md\:-mx-container-tbl {
      margin-left: -3.75rem;
      margin-right: -3.75rem;
    }
    .md\:mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
    .md\:mx-container-tbl {
      margin-left: 3.75rem;
      margin-right: 3.75rem;
    }
    .md\:my-0 {
      margin-top: 0;
      margin-bottom: 0;
    }
    .md\:my-12 {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
    .md\:my-16 {
      margin-top: 4rem;
      margin-bottom: 4rem;
    }
    .md\:\!mb-\[3\.375rem\] {
      margin-bottom: 3.375rem !important;
    }
    .md\:-ml-container-tbl {
      margin-left: -3.75rem;
    }
    .md\:-mr-container-tbl {
      margin-right: -3.75rem;
    }
    .md\:-mt-12 {
      margin-top: -3rem;
    }
    .md\:-mt-\[1\.875rem\] {
      margin-top: -1.875rem;
    }
    .md\:-mt-\[32vw\] {
      margin-top: -32vw;
    }
    .md\:-mt-\[4\.75rem\] {
      margin-top: -4.75rem;
    }
    .md\:mb-0 {
      margin-bottom: 0;
    }
    .md\:mb-1 {
      margin-bottom: 0.25rem;
    }
    .md\:mb-10 {
      margin-bottom: 2.5rem;
    }
    .md\:mb-12 {
      margin-bottom: 3rem;
    }
    .md\:mb-14 {
      margin-bottom: 3.5rem;
    }
    .md\:mb-16 {
      margin-bottom: 4rem;
    }
    .md\:mb-2 {
      margin-bottom: 0.5rem;
    }
    .md\:mb-2\.5 {
      margin-bottom: 0.625rem;
    }
    .md\:mb-20 {
      margin-bottom: 5rem;
    }
    .md\:mb-3 {
      margin-bottom: 0.75rem;
    }
    .md\:mb-4 {
      margin-bottom: 1rem;
    }
    .md\:mb-6 {
      margin-bottom: 1.5rem;
    }
    .md\:mb-8 {
      margin-bottom: 2rem;
    }
    .md\:mb-9 {
      margin-bottom: 2.25rem;
    }
    .md\:mb-\[2\.125rem\] {
      margin-bottom: 2.125rem;
    }
    .md\:mb-\[3\.75rem\] {
      margin-bottom: 3.75rem;
    }
    .md\:mb-\[4\.5rem\] {
      margin-bottom: 4.5rem;
    }
    .md\:mb-\[4\.6875rem\] {
      margin-bottom: 4.6875rem;
    }
    .md\:mb-\[5\.5rem\] {
      margin-bottom: 5.5rem;
    }
    .md\:mb-\[9\.375rem\] {
      margin-bottom: 9.375rem;
    }
    .md\:ml-1 {
      margin-left: 0.25rem;
    }
    .md\:ml-40 {
      margin-left: 10rem;
    }
    .md\:ml-auto {
      margin-left: auto;
    }
    .md\:ml-container-tbl {
      margin-left: 3.75rem;
    }
    .md\:mr-4 {
      margin-right: 1rem;
    }
    .md\:mr-40 {
      margin-right: 10rem;
    }
    .md\:mt-0 {
      margin-top: 0;
    }
    .md\:mt-1 {
      margin-top: 0.25rem;
    }
    .md\:mt-14 {
      margin-top: 3.5rem;
    }
    .md\:mt-16 {
      margin-top: 4rem;
    }
    .md\:mt-2 {
      margin-top: 0.5rem;
    }
    .md\:mt-20 {
      margin-top: 5rem;
    }
    .md\:mt-36 {
      margin-top: 9rem;
    }
    .md\:mt-6 {
      margin-top: 1.5rem;
    }
    .md\:mt-8 {
      margin-top: 2rem;
    }
    .md\:mt-9 {
      margin-top: 2.25rem;
    }
    .md\:mt-\[1\.875rem\] {
      margin-top: 1.875rem;
    }
    .md\:mt-\[2\.125rem\] {
      margin-top: 2.125rem;
    }
    .md\:mt-\[2\.625rem\] {
      margin-top: 2.625rem;
    }
    .md\:mt-\[3\.75rem\] {
      margin-top: 3.75rem;
    }
    .md\:mt-\[4\.5rem\] {
      margin-top: 4.5rem;
    }
    .md\:mt-\[4\.88rem\] {
      margin-top: 4.88rem;
    }
    .md\:mt-\[5\.5rem\] {
      margin-top: 5.5rem;
    }
    .md\:block {
      display: block;
    }
    .md\:flex {
      display: flex;
    }
    .md\:grid {
      display: grid;
    }
    .md\:hidden {
      display: none;
    }
    .md\:aspect-\[1\/0\.2974\] {
      aspect-ratio: 3.3624747814;
    }
    .md\:aspect-\[1\/0\.548\] {
      aspect-ratio: 1.8248175182;
    }
    .md\:aspect-\[1\/0\.6654\] {
      aspect-ratio: 1.5028554253;
    }
    .md\:aspect-\[1\/0\.665\] {
      aspect-ratio: 1.5037593985;
    }
    .md\:aspect-\[1\/0\.66\] {
      aspect-ratio: 1.5151515152;
    }
    .md\:aspect-\[1\/0\.967\] {
      aspect-ratio: 1.0341261634;
    }
    .md\:\!h-\[31rem\] {
      height: 31rem !important;
    }
    .md\:\!h-\[calc\(100vh_-_4rem\)\] {
      height: calc(100vh - 4rem) !important;
    }
    .md\:\!h-\[calc\(100vh_-_7\.5rem\)\] {
      height: calc(100vh - 7.5rem) !important;
    }
    .md\:\!h-auto {
      height: auto !important;
    }
    .md\:\!h-full {
      height: 100% !important;
    }
    .md\:h-\[15\.5rem\] {
      height: 15.5rem;
    }
    .md\:h-\[15rem\] {
      height: 15rem;
    }
    .md\:h-\[31rem\] {
      height: 31rem;
    }
    .md\:h-\[6\.25rem\] {
      height: 6.25rem;
    }
    .md\:h-\[7\.813rem\] {
      height: 7.813rem;
    }
    .md\:h-full {
      height: 100%;
    }
    .md\:max-h-\[27vw\] {
      max-height: 27vw;
    }
    .md\:max-h-\[40vw\] {
      max-height: 40vw;
    }
    .md\:max-h-\[calc\(100vh_-_12rem\)\] {
      max-height: calc(100vh - 12rem);
    }
    .md\:max-h-\[calc\(100vh_-_40rem\)\] {
      max-height: calc(100vh - 40rem);
    }
    .md\:max-h-\[calc\(100vh_-_9rem\)\] {
      max-height: calc(100vh - 9rem);
    }
    .md\:min-h-20 {
      min-height: 5rem;
    }
    .md\:w-1\/2 {
      width: 50%;
    }
    .md\:w-\[12\.5rem\] {
      width: 12.5rem;
    }
    .md\:w-\[15\.3125rem\] {
      width: 15.3125rem;
    }
    .md\:w-\[15rem\] {
      width: 15rem;
    }
    .md\:w-\[2\.2975rem\] {
      width: 2.2975rem;
    }
    .md\:w-\[20\.25rem\] {
      width: 20.25rem;
    }
    .md\:w-\[21\.438rem\] {
      width: 21.438rem;
    }
    .md\:w-\[22\.5rem\] {
      width: 22.5rem;
    }
    .md\:w-\[24\.375rem\] {
      width: 24.375rem;
    }
    .md\:w-\[25rem\] {
      width: 25rem;
    }
    .md\:w-\[4\.875rem\] {
      width: 4.875rem;
    }
    .md\:w-\[40\.5rem\] {
      width: 40.5rem;
    }
    .md\:w-\[50vw\] {
      width: 50vw;
    }
    .md\:w-\[54\.17\%\] {
      width: 54.17%;
    }
    .md\:w-\[6\.25rem\] {
      width: 6.25rem;
    }
    .md\:w-\[8\.75rem\] {
      width: 8.75rem;
    }
    .md\:w-\[calc\(100\%_-_15\.3125rem\)\] {
      width: calc(100% - 15.3125rem);
    }
    .md\:w-\[calc\(100\%_-_24\.375rem\)\] {
      width: calc(100% - 24.375rem);
    }
    .md\:w-auto {
      width: auto;
    }
    .md\:w-full {
      width: 100%;
    }
    .md\:min-w-\[4\.19rem\] {
      min-width: 4.19rem;
    }
    .md\:min-w-\[43\.75rem\] {
      min-width: 43.75rem;
    }
    .md\:min-w-\[50rem\] {
      min-width: 50rem;
    }
    .md\:max-w-\[14rem\] {
      max-width: 14rem;
    }
    .md\:max-w-\[32\.5rem\] {
      max-width: 32.5rem;
    }
    .md\:max-w-\[32\.625rem\] {
      max-width: 32.625rem;
    }
    .md\:max-w-\[43\.75rem\] {
      max-width: 43.75rem;
    }
    .md\:max-w-\[48\.125rem\] {
      max-width: 48.125rem;
    }
    .md\:max-w-\[48rem\] {
      max-width: 48rem;
    }
    .md\:max-w-\[50rem\] {
      max-width: 50rem;
    }
    .md\:max-w-full {
      max-width: 100%;
    }
    .md\:shrink {
      flex-shrink: 1;
    }
    .md\:grow {
      flex-grow: 1;
    }
    .md\:basis-auto {
      flex-basis: auto;
    }
    .md\:cursor-default {
      cursor: default;
    }
    .md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md\:grid-cols-6 {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md\:grid-cols-\[13\.375rem_\,_1fr\] {
      grid-template-columns: 13.375rem 1fr;
    }
    .md\:grid-cols-\[1fr\,20rem\] {
      grid-template-columns: 1fr 20rem;
    }
    .md\:grid-cols-\[5\.5rem\,5\.5rem\,2\.75rem\] {
      grid-template-columns: 5.5rem 5.5rem 2.75rem;
    }
    .md\:flex-row {
      flex-direction: row;
    }
    .md\:flex-col {
      flex-direction: column;
    }
    .md\:flex-wrap {
      flex-wrap: wrap;
    }
    .md\:items-center {
      align-items: center;
    }
    .md\:items-baseline {
      align-items: baseline;
    }
    .md\:justify-center {
      justify-content: center;
    }
    .md\:justify-between {
      justify-content: space-between;
    }
    .md\:gap-0 {
      gap: 0px;
    }
    .md\:gap-10 {
      gap: 2.5rem;
    }
    .md\:gap-16 {
      gap: 4rem;
    }
    .md\:gap-2 {
      gap: 0.5rem;
    }
    .md\:gap-2\.5 {
      gap: 0.625rem;
    }
    .md\:gap-20 {
      gap: 5rem;
    }
    .md\:gap-4 {
      gap: 1rem;
    }
    .md\:gap-7 {
      gap: 1.75rem;
    }
    .md\:gap-x-0 {
      -moz-column-gap: 0px;
      column-gap: 0px;
    }
    .md\:gap-x-10 {
      -moz-column-gap: 2.5rem;
      column-gap: 2.5rem;
    }
    .md\:gap-x-20 {
      -moz-column-gap: 5rem;
      column-gap: 5rem;
    }
    .md\:gap-x-6 {
      -moz-column-gap: 1.5rem;
      column-gap: 1.5rem;
    }
    .md\:gap-x-\[1\.125rem\] {
      -moz-column-gap: 1.125rem;
      column-gap: 1.125rem;
    }
    .md\:gap-x-\[2\.8125rem\] {
      -moz-column-gap: 2.8125rem;
      column-gap: 2.8125rem;
    }
    .md\:gap-y-0 {
      row-gap: 0px;
    }
    .md\:gap-y-10 {
      row-gap: 2.5rem;
    }
    .md\:gap-y-16 {
      row-gap: 4rem;
    }
    .md\:gap-y-4 {
      row-gap: 1rem;
    }
    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }
    .md\:space-y-10 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
    }
    .md\:space-y-4 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }
    .md\:overflow-y-auto {
      overflow-y: auto;
    }
    .md\:overflow-y-hidden {
      overflow-y: hidden;
    }
    .md\:rounded-none {
      border-radius: 0;
    }
    .md\:border-0 {
      border-width: 0px;
    }
    .md\:border-gray-15 {
      border-color: #dbdbd7;
    }
    .md\:bg-gray-70 {
      background-color: #5e5e5a;
    }
    .md\:bg-transparent {
      background-color: transparent;
    }
    .md\:bg-white {
      background-color: #fff;
    }
    .md\:bg-\[right_1\.25rem_top_50\%\] {
      background-position: right 1.25rem top 50%;
    }
    .md\:px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .md\:px-0\.5 {
      padding-left: 0.125rem;
      padding-right: 0.125rem;
    }
    .md\:px-3 {
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }
    .md\:px-3\.5 {
      padding-left: 0.875rem;
      padding-right: 0.875rem;
    }
    .md\:px-6 {
      padding-left: 1.5rem;
      padding-right: 1.5rem;
    }
    .md\:px-8 {
      padding-left: 2rem;
      padding-right: 2rem;
    }
    .md\:px-\[1\.175rem\] {
      padding-left: 1.175rem;
      padding-right: 1.175rem;
    }
    .md\:px-\[1\.9375rem\] {
      padding-left: 1.9375rem;
      padding-right: 1.9375rem;
    }
    .md\:px-\[2\.19rem\] {
      padding-left: 2.19rem;
      padding-right: 2.19rem;
    }
    .md\:px-\[3\.75rem\] {
      padding-left: 3.75rem;
      padding-right: 3.75rem;
    }
    .md\:px-\[5rem\] {
      padding-left: 5rem;
      padding-right: 5rem;
    }
    .md\:px-container {
      padding-left: 5%;
      padding-right: 5%;
    }
    .md\:px-container-tbl {
      padding-left: 3.75rem;
      padding-right: 3.75rem;
    }
    .md\:py-10 {
      padding-top: 2.5rem;
      padding-bottom: 2.5rem;
    }
    .md\:py-12 {
      padding-top: 3rem;
      padding-bottom: 3rem;
    }
    .md\:py-14 {
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
    }
    .md\:py-2 {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
    }
    .md\:py-2\.5 {
      padding-top: 0.625rem;
      padding-bottom: 0.625rem;
    }
    .md\:py-4 {
      padding-top: 1rem;
      padding-bottom: 1rem;
    }
    .md\:py-5 {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
    .md\:py-6 {
      padding-top: 1.5rem;
      padding-bottom: 1.5rem;
    }
    .md\:py-7 {
      padding-top: 1.75rem;
      padding-bottom: 1.75rem;
    }
    .md\:py-\[1\.3125rem\] {
      padding-top: 1.3125rem;
      padding-bottom: 1.3125rem;
    }
    .md\:py-\[1\.35rem\] {
      padding-top: 1.35rem;
      padding-bottom: 1.35rem;
    }
    .md\:py-\[4\.5rem\] {
      padding-top: 4.5rem;
      padding-bottom: 4.5rem;
    }
    .md\:py-\[5rem\] {
      padding-top: 5rem;
      padding-bottom: 5rem;
    }
    .md\:py-\[6\.875rem\] {
      padding-top: 6.875rem;
      padding-bottom: 6.875rem;
    }
    .md\:pb-0 {
      padding-bottom: 0;
    }
    .md\:pb-16 {
      padding-bottom: 4rem;
    }
    .md\:pb-20 {
      padding-bottom: 5rem;
    }
    .md\:pb-4 {
      padding-bottom: 1rem;
    }
    .md\:pb-5 {
      padding-bottom: 1.25rem;
    }
    .md\:pb-6 {
      padding-bottom: 1.5rem;
    }
    .md\:pb-7 {
      padding-bottom: 1.75rem;
    }
    .md\:pb-8 {
      padding-bottom: 2rem;
    }
    .md\:pb-\[1\.125rem\] {
      padding-bottom: 1.125rem;
    }
    .md\:pb-\[1\.875rem\] {
      padding-bottom: 1.875rem;
    }
    .md\:pb-\[2\.75rem\] {
      padding-bottom: 2.75rem;
    }
    .md\:pb-\[4\.75rem\] {
      padding-bottom: 4.75rem;
    }
    .md\:pb-\[5rem\] {
      padding-bottom: 5rem;
    }
    .md\:pb-\[7\.25rem\] {
      padding-bottom: 7.25rem;
    }
    .md\:pl-0 {
      padding-left: 0;
    }
    .md\:pl-14 {
      padding-left: 3.5rem;
    }
    .md\:pl-20 {
      padding-left: 5rem;
    }
    .md\:pl-5 {
      padding-left: 1.25rem;
    }
    .md\:pl-6 {
      padding-left: 1.5rem;
    }
    .md\:pl-64 {
      padding-left: 16rem;
    }
    .md\:pl-\[13\.75rem\] {
      padding-left: 13.75rem;
    }
    .md\:pl-\[3\.75rem\] {
      padding-left: 3.75rem;
    }
    .md\:pr-0 {
      padding-right: 0;
    }
    .md\:pr-16 {
      padding-right: 4rem;
    }
    .md\:pr-20 {
      padding-right: 5rem;
    }
    .md\:pr-4 {
      padding-right: 1rem;
    }
    .md\:pr-5 {
      padding-right: 1.25rem;
    }
    .md\:pr-64 {
      padding-right: 16rem;
    }
    .md\:pr-\[20\] {
      padding-right: 20;
    }
    .md\:pr-\[3\.75rem\] {
      padding-right: 3.75rem;
    }
    .md\:pr-\[5\.625rem\] {
      padding-right: 5.625rem;
    }
    .md\:pr-\[8\.75rem\] {
      padding-right: 8.75rem;
    }
    .md\:pt-0 {
      padding-top: 0;
    }
    .md\:pt-12 {
      padding-top: 3rem;
    }
    .md\:pt-20 {
      padding-top: 5rem;
    }
    .md\:pt-4 {
      padding-top: 1rem;
    }
    .md\:pt-6 {
      padding-top: 1.5rem;
    }
    .md\:pt-8 {
      padding-top: 2rem;
    }
    .md\:pt-9 {
      padding-top: 2.25rem;
    }
    .md\:pt-\[1\.375rem\] {
      padding-top: 1.375rem;
    }
    .md\:pt-\[4\.25rem\] {
      padding-top: 4.25rem;
    }
    .md\:pt-\[4\.5625rem\] {
      padding-top: 4.5625rem;
    }
    .md\:pt-\[4\.5rem\] {
      padding-top: 4.5rem;
    }
    .md\:text-6xl {
      font-size: 2.5rem;
    }
    .md\:font-bold {
      font-weight: 700;
    }
    .md\:font-normal {
      font-weight: 400;
    }
    .md\:\!leading-snug {
      line-height: 1.375 !important;
    }
    .md\:leading-\[1\.6\] {
      line-height: 1.6;
    }
    .md\:leading-loose {
      line-height: 2;
    }
    .md\:leading-super-relaxed {
      line-height: 1.75;
    }
    .md\:text-gray-100 {
      color: #1a1a14;
    }
    .md\:text-white {
      color: #fff;
    }
    .md\:opacity-0 {
      opacity: 0;
    }
    .md\:opacity-100 {
      opacity: 1;
    }
    .md\:drop-shadow-none {
      --tw-drop-shadow: drop-shadow(0 0 #0000);
      filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    }
    .after\:md\:-bottom-1:after {
      content: var(--tw-content);
      bottom: -0.25rem;
    }
    .md\:after\:h-1:after {
      content: var(--tw-content);
      height: 0.25rem;
    }
    .md\:after\:w-12:after {
      content: var(--tw-content);
      width: 3rem;
    }
    .md\:first\:mt-0:first-child {
      margin-top: 0;
    }
    .last\:md\:border-0:last-child {
      border-width: 0px;
    }
    .hover\:md\:bg-gray-100:hover {
      background-color: #1a1a14;
    }
    .group:hover .md\:group-hover\:bg-black\/80 {
      background-color: #000c;
    }
    .group:hover .md\:group-hover\:opacity-100 {
      opacity: 1;
    }
  }
  @media (min-width: 768px) and (min-width: 768px) {
    .md\:md\:max-w-\[43\.75rem\] {
      max-width: 43.75rem;
    }
  }
  @media (min-width: 960px) {
    .tbl\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .tbl\:grid-cols-\[15rem\,1fr\] {
      grid-template-columns: 15rem 1fr;
    }
    .tbl\:gap-x-20 {
      -moz-column-gap: 5rem;
      column-gap: 5rem;
    }
    .tbl\:gap-y-0 {
      row-gap: 0px;
    }
  }
  @media (min-width: 1200px) {
    .lg\:invisible {
      visibility: hidden;
    }
    .lg\:top-\[2\.3rem\] {
      top: 2.3rem;
    }
    .lg\:order-1 {
      order: 1;
    }
    .lg\:order-2 {
      order: 2;
    }
    .lg\:-mx-\[6\%\] {
      margin-left: -6%;
      margin-right: -6%;
    }
    .lg\:-mx-container {
      margin-left: -5%;
      margin-right: -5%;
    }
    .lg\:mx-0 {
      margin-left: 0;
      margin-right: 0;
    }
    .lg\:mx-container {
      margin-left: 5%;
      margin-right: 5%;
    }
    .lg\:-ml-\[6\%\] {
      margin-left: -6%;
    }
    .lg\:-mr-\[6\%\] {
      margin-right: -6%;
    }
    .lg\:ml-0 {
      margin-left: 0;
    }
    .lg\:ml-auto {
      margin-left: auto;
    }
    .lg\:ml-container {
      margin-left: 5%;
    }
    .lg\:mr-10 {
      margin-right: 2.5rem;
    }
    .lg\:mr-container-tbl {
      margin-right: 3.75rem;
    }
    .lg\:mt-\[2\.125rem\] {
      margin-top: 2.125rem;
    }
    .lg\:mt-\[3\.75rem\] {
      margin-top: 3.75rem;
    }
    .lg\:mt-\[4\.375rem\] {
      margin-top: 4.375rem;
    }
    .lg\:mt-\[4\.875rem\] {
      margin-top: 4.875rem;
    }
    .lg\:block {
      display: block;
    }
    .lg\:flex {
      display: flex;
    }
    .lg\:hidden {
      display: none;
    }
    .lg\:aspect-auto {
      aspect-ratio: auto;
    }
    .lg\:\!h-\[40vw\] {
      height: 40vw !important;
    }
    .lg\:h-\[11\.63rem\] {
      height: 11.63rem;
    }
    .lg\:h-\[4\.375rem\] {
      height: 4.375rem;
    }
    .lg\:h-\[40VW\] {
      height: 40VW;
    }
    .lg\:h-\[40vw\] {
      height: 40vw;
    }
    .lg\:h-full {
      height: 100%;
    }
    .lg\:w-1\/2 {
      width: 50%;
    }
    .lg\:w-\[17\.5rem\] {
      width: 17.5rem;
    }
    .lg\:w-auto {
      width: auto;
    }
    .lg\:min-w-\[15rem\] {
      min-width: 15rem;
    }
    .lg\:max-w-\[15rem\] {
      max-width: 15rem;
    }
    .lg\:cursor-default {
      cursor: default;
    }
    .lg\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg\:grid-cols-\[14rem_\,_1fr\] {
      grid-template-columns: 14rem 1fr;
    }
    .lg\:grid-cols-\[17\.5rem_\,_1fr\] {
      grid-template-columns: 17.5rem 1fr;
    }
    .lg\:flex-row {
      flex-direction: row;
    }
    .lg\:flex-nowrap {
      flex-wrap: nowrap;
    }
    .lg\:items-center {
      align-items: center;
    }
    .lg\:gap-0 {
      gap: 0px;
    }
    .lg\:gap-10 {
      gap: 2.5rem;
    }
    .lg\:gap-5 {
      gap: 1.25rem;
    }
    .lg\:gap-\[7\.125rem\] {
      gap: 7.125rem;
    }
    .lg\:gap-x-0 {
      -moz-column-gap: 0px;
      column-gap: 0px;
    }
    .lg\:gap-x-6 {
      -moz-column-gap: 1.5rem;
      column-gap: 1.5rem;
    }
    .lg\:gap-y-0 {
      row-gap: 0px;
    }
    .lg\:space-y-5 > :not([hidden]) ~ :not([hidden]) {
      --tw-space-y-reverse: 0;
      margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
      margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
    }
    .lg\:bg-transparent {
      background-color: transparent;
    }
    .lg\:bg-rectuit-message-values {
      background-image: url(../img/pc_img_value6.png);
    }
    .lg\:px-0 {
      padding-left: 0;
      padding-right: 0;
    }
    .lg\:px-\[3\.75rem\] {
      padding-left: 3.75rem;
      padding-right: 3.75rem;
    }
    .lg\:px-\[9\.75rem\] {
      padding-left: 9.75rem;
      padding-right: 9.75rem;
    }
    .lg\:px-\[calc\(5\%_-_1\.25rem\)\] {
      padding-left: calc(5% - 1.25rem);
      padding-right: calc(5% - 1.25rem);
    }
    .lg\:px-container {
      padding-left: 5%;
      padding-right: 5%;
    }
    .lg\:py-5 {
      padding-top: 1.25rem;
      padding-bottom: 1.25rem;
    }
    .lg\:pb-0 {
      padding-bottom: 0;
    }
    .lg\:pb-16 {
      padding-bottom: 4rem;
    }
    .lg\:pb-6 {
      padding-bottom: 1.5rem;
    }
    .lg\:pb-\[22vw\] {
      padding-bottom: 22vw;
    }
    .lg\:pb-\[7\.5rem\] {
      padding-bottom: 7.5rem;
    }
    .lg\:pl-\[4\.75rem\] {
      padding-left: 4.75rem;
    }
    .lg\:pl-\[5\%\] {
      padding-left: 5%;
    }
    .lg\:pl-\[calc\(5\%_-_1\.25rem\)\] {
      padding-left: calc(5% - 1.25rem);
    }
    .lg\:pr-\[5\%\] {
      padding-right: 5%;
    }
    .lg\:pt-24 {
      padding-top: 6rem;
    }
  }
  @media (min-width: 1280px) {
    .xl\:gap-0 {
      gap: 0px;
    }
    .xl\:pl-8 {
      padding-left: 2rem;
    }
    .xl\:pr-8 {
      padding-right: 2rem;
    }
  }
  .\[\&\>a\]\:w-full > a {
    width: 100%;
  }
  .\[\&\>a\]\:last\:after\:hidden:last-child > a:after {
    content: var(--tw-content);
    display: none;
  }
  .\[\&\>button\]\:\!static > button {
    position: static !important;
  }
  .\[\&\>button\]\:mx-auto > button {
    margin-left: auto;
    margin-right: auto;
  }
  .\[\&\>button\]\:w-full > button {
    width: 100%;
  }
  @media (min-width: 768px) {
    .md\:\[\&\>button\]\:w-full > button {
      width: 100%;
    }
  }
  @media (min-width: 1200px) {
    .lg\:\[\&\>button\]\:w-full > button {
      width: 100%;
    }
  }
  .\[\&\>div\:nth-child\(2\)\>div\:nth-child\(1\)\]\:flex-1 > div:nth-child(2) > div:nth-child(1) {
    flex: 1 1 0%;
  }
  .\[\&\>div\:nth-child\(2\)\>div\:nth-child\(2\)\]\:flex-1 > div:nth-child(2) > div:nth-child(2) {
    flex: 1 1 0%;
  }
  .\[\&\>div\>p\>img\]\:w-full > div > p > img {
    width: 100%;
  }
  .\[\&\>div\>p\>img\]\:max-w-none > div > p > img {
    max-width: none;
  }
  .\[\&\>div\>picture\>img\]\:mt-8 > div > picture > img {
    margin-top: 2rem;
  }
  .\[\&\>div\>picture\>img\]\:w-full > div > picture > img {
    width: 100%;
  }
  @media (min-width: 768px) {
    .md\:\[\&\>div\>picture\>img\]\:mt-8 > div > picture > img {
      margin-top: 2rem;
    }
    .md\:\[\&\>div\>picture\>img\]\:w-auto > div > picture > img {
      width: auto;
    }
  }
  @media (min-width: 1200px) {
    .\[\&\>div\]\:first\:lg\:mx-container:first-child > div {
      margin-left: 5%;
      margin-right: 5%;
    }
  }
  .\[\&\>h1\]\:mb-0 > h1 {
    margin-bottom: 0;
  }
  .\[\&\>h2\]\:\!mb-0 > h2 {
    margin-bottom: 0 !important;
  }
  .\[\&\>img\]\:ml-auto > img {
    margin-left: auto;
  }
  .\[\&\>img\]\:mr-auto > img {
    margin-right: auto;
  }
  .\[\&\>img\]\:block > img {
    display: block;
  }
  .\[\&\>img\]\:w-full > img {
    width: 100%;
  }
  .\[\&\>img\]\:object-cover > img {
    -o-object-fit: cover;
    object-fit: cover;
  }
  @media (min-width: 768px) {
    .md\:\[\&\>img\]\:h-auto > img {
      height: auto;
    }
    .md\:\[\&\>img\]\:w-\[63vw\] > img {
      width: 63vw;
    }
  }
  .\[\&\>li\>button\.is-active\]\:\!opacity-100 > li > button.is-active {
    opacity: 1 !important;
  }
  .\[\&\>li\>button\]\:\!h-\[\.625rem\] > li > button {
    height: 0.625rem !important;
  }
  .\[\&\>li\>button\]\:\!w-2 > li > button {
    width: 0.5rem !important;
  }
  .\[\&\>li\>button\]\:\!w-\[\.625rem\] > li > button {
    width: 0.625rem !important;
  }
  .\[\&\>li\>button\]\:\!scale-100 > li > button {
    --tw-scale-x: 1 !important;
    --tw-scale-y: 1 !important;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
  }
  .\[\&\>li\>button\]\:\!bg-\[\#f9f8f3\] > li > button {
    --tw-bg-opacity: 1 !important;
    background-color: rgb(249 248 243 var(--tw-bg-opacity)) !important;
  }
  .\[\&\>li\>button\]\:\!opacity-20 > li > button {
    opacity: 0.2 !important;
  }
  .\[\&\>li\]\:\!h-\[\.625rem\] > li {
    height: 0.625rem !important;
  }
  .\[\&\>li\]\:max-h-\[4rem\] > li {
    max-height: 4rem;
  }
  .\[\&\>li\]\:min-h-\[4rem\] > li {
    min-height: 4rem;
  }
  .\[\&\>li\]\:\!w-2 > li {
    width: 0.5rem !important;
  }
  .\[\&\>li\]\:\!w-\[\.625rem\] > li {
    width: 0.625rem !important;
  }
  .\[\&\>span\>span\>img\]\:w-\[1\.8rem\] > span > span > img {
    width: 1.8rem;
  }
  .\[\&\>span\>span\>img\]\:w-\[2\.2rem\] > span > span > img {
    width: 2.2rem;
  }
  .\[\&\>span\>span\>img\]\:w-\[2\.3rem\] > span > span > img {
    width: 2.3rem;
  }
  @media (min-width: 768px) {
    .md\:\[\&\>span\>span\>img\]\:w-12 > span > span > img {
      width: 3rem;
    }
    .md\:\[\&\>span\>span\>img\]\:w-\[3\.5rem\] > span > span > img {
      width: 3.5rem;
    }
  }
  .\[\&\>span\]\:pointer-events-none > span {
    pointer-events: none;
  }
  .\[\&\>span\]\:block > span {
    display: block;
  }
  .\[\&\>span\]\:h-\[3px\] > span {
    height: 3px;
  }
  .\[\&\>span\]\:w-6 > span {
    width: 1.5rem;
  }
  .\[\&\>span\]\:bg-gray-70 > span {
    background-color: #5e5e5a;
  }
  .\[\&\>span\]\:duration-300 > span {
    transition-duration: 0.3s;
  }
  .\[\&\>svg\>circle\]\:hover\:fill-gray-80:hover > svg > circle {
    fill: #474743;
  }
  .\[\&\>svg\>circle\]\:hover\:transition-all:hover > svg > circle {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .\[\&\>svg\>circle\]\:hover\:duration-300:hover > svg > circle {
    transition-duration: 0.3s;
  }
  .\[\&\>svg\>circle\]\:hover\:ease-in:hover > svg > circle {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .\[\&\>svg\>g\>g\>circle\]\:fill-gray-70 > svg > g > g > circle {
    fill: #5e5e5a;
  }
  .\[\&\>svg\>g\>g\>circle\]\:transition-all > svg > g > g > circle {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .\[\&\>svg\>g\>g\>circle\]\:duration-300 > svg > g > g > circle {
    transition-duration: 0.3s;
  }
  .\[\&\>svg\>g\>g\>circle\]\:ease-in > svg > g > g > circle {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .hover\:\[\&\>svg\>g\>g\>circle\]\:fill-gray-80 > svg > g > g > circle:hover {
    fill: #474743;
  }
  .\[\&\>svg\>g\>g\>circle\]\:disabled\:fill-gray-10:disabled > svg > g > g > circle {
    fill: #e8e8e6;
  }
  .\[\&\>svg\>g\>g\>g\>g\>path\]\:disabled\:stroke-gray-30:disabled > svg > g > g > g > g > path {
    stroke: #b9b9b8;
  }
  .\[\&\>svg\>g\>g\>path\]\:hover\:stroke-gray-70:hover > svg > g > g > path {
    stroke: #5e5e5a;
  }
  .\[\&\>svg\>g\>g\>path\]\:hover\:transition-all:hover > svg > g > g > path {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .\[\&\>svg\>g\>g\>path\]\:hover\:duration-300:hover > svg > g > g > path {
    transition-duration: 0.3s;
  }
  .\[\&\>svg\>g\>g\>path\]\:hover\:ease-in:hover > svg > g > g > path {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .\[\&\>svg\>path\:nth-child\(1\)\]\:hover\:fill-gray-80:hover > svg > path:nth-child(1) {
    fill: #474743;
  }
  .\[\&\>svg\>path\:nth-child\(1\)\]\:hover\:transition-all:hover > svg > path:nth-child(1) {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .\[\&\>svg\>path\:nth-child\(1\)\]\:hover\:duration-300:hover > svg > path:nth-child(1) {
    transition-duration: 0.3s;
  }
  .\[\&\>svg\>path\:nth-child\(1\)\]\:hover\:ease-in:hover > svg > path:nth-child(1) {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .\[\&\>svg\>path\]\:fill-white\/80 > svg > path {
    fill: #fffc;
  }
  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }
  .\[\&\>svg\]\:h-auto > svg {
    height: auto;
  }
  .\[\&\>svg\]\:w-2\.5 > svg {
    width: 0.625rem;
  }
  .\[\&\>svg\]\:w-3 > svg {
    width: 0.75rem;
  }
  .\[\&\>svg\]\:w-4 > svg {
    width: 1rem;
  }
  .\[\&\>svg\]\:w-full > svg {
    width: 100%;
  }
  .\[\&\>svg\]\:-rotate-90 > svg {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .\[\&\>svg\]\:transition-all > svg {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .\[\&\>svg\]\:duration-300 > svg {
    transition-duration: 0.3s;
  }
  .\[\&\>svg\]\:ease-in > svg {
    transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
  }
  .\[\&\>svg\]\:before\:ml-3 > svg:before {
    content: var(--tw-content);
    margin-left: 0.75rem;
  }
  @media (min-width: 768px) {
    .md\:\[\&\>svg\]\:hidden > svg {
      display: none;
    }
  }
  .\[\&\[aria-expanded\=false\]\>span\:nth-of-type\(2\)\]\:hidden[aria-expanded=false] > span:nth-of-type(2) {
    display: none;
  }
  .\[\&\[aria-expanded\=false\]\]\:after\:rotate-0[aria-expanded=false]:after {
    content: var(--tw-content);
    --tw-rotate: 0deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .\[\&\[aria-expanded\=true\]\:before\]\:-rotate-90[aria-expanded=true]:before {
    --tw-rotate: -90deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .\[\&\[aria-expanded\=true\]\>span\:nth-of-type\(1\)\]\:hidden[aria-expanded=true] > span:nth-of-type(1) {
    display: none;
  }
  .\[\&\[aria-expanded\=true\]\>svg\]\:rotate-180[aria-expanded=true] > svg {
    --tw-rotate: 180deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  .\[\&\[aria-expanded\=true\]\]\:bg-gray-10[aria-expanded=true] {
    background-color: #e8e8e6;
  }
  .\[\&\[aria-expanded\=true\]\]\:bg-gray-5[aria-expanded=true] {
    background-color: #f5f5f2;
  }
  .\[\&\[aria-expanded\=true\]\]\:before\:block[aria-expanded=true]:before {
    content: var(--tw-content);
    display: block;
  }
  .\[\&span\]\:transition-allspan {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.15s;
  }
  .ccm-toolbar-visible.ccm-panel-ready header {
    margin-top: 48px;
  }
  .ccm-toolbar-visible.ccm-panel-ready .ccm-block-edit.ccm-block-edit-inline-active .editor-text-white {
    color: #f5f5f5 !important;
  }
  .ccm-toolbar-visible.ccm-panel-ready .cke_wysiwyg_div .editor-text-white {
    min-height: 5rem;
    color: #f5f5f5 !important;
  }
  .ccm-toolbar-visible.ccm-panel-ready .cke_editable.cke_editable_inline {
    min-height: 5rem;
  }
  .ccm-custom-style-container.hidden-xs {
    display: none;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-xs {
      display: block;
    }
  }
  .ccm-custom-style-container.hidden-sm {
    display: none;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-sm {
      display: block;
    }
  }
  .ccm-custom-style-container.hidden-md {
    display: block;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-md {
      display: none;
    }
  }
  .ccm-custom-style-container.hidden-lg {
    display: block;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-lg {
      display: none;
    }
  }
  .ccm-toolbar-visible.ccm-panel-ready .edit-card-banner-list-close {
    top: 4rem;
  }
  body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-style: inherit;
    font-weight: inherit;
    font-size: 100%;
    vertical-align: baseline;
  }
  main, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
    display: block;
  }
  body {
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-size: 1.4rem;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
    line-height: 1.7;
    background-color: white;
    word-break: break-word;
  }
  *, *:before, *:after {
    box-sizing: border-box;
  }
  input, input[type=file], textarea, button, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    margin: 0;
    padding: 0;
    border: none;
    background: none;
    font: inherit;
    border-radius: 0;
    word-break: normal;
  }
  select::-ms-expand {
    display: none;
  }
  input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #a9a9a9;
  }
  input[type=number]::-webkit-outer-spin-button, input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  input[type=number] {
    -moz-appearance: textfield;
  }
  ol, ul {
    list-style: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
  }
  caption, th, td {
    text-align: left;
  }
  a {
    color: #000;
    text-decoration: none;
    outline: none;
  }
  img {
    font-size: 0;
    vertical-align: top;
  }
  hr {
    height: 1px;
    margin: 0;
    border: 0.5px solid #333;
  }
  .header {
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 0;
  }
  .header.is_active {
    background: rgba(61, 25, 25, 0.8);
  }
  .header_store_name {
    color: white;
    font-size: 2.4rem;
    display: inline-block;
    padding: 2% 0 0 3%;
    line-height: 1.3;
    letter-spacing: 3px;
    font-family: Josefin Sans, sans-serif;
  }
  .header_tel {
    float: right;
    padding: 26px 43px 0 0;
  }
  .header_tel a {
    color: white;
    font-weight: 700;
    font-size: 2rem;
    font-family: Josefin Sans, sans-serif;
    display: inline-block;
    padding-left: 30px;
    /*background: url(../img/icon_btn_tel.png) no-repeat left center;*/
    transition: opacity 0.3s;
  }
  .header_tel a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
  }
  .header_tel a span {
    display: block;
    font-size: 1.2pc;
    font-size: 1.2rem;
    font-weight: 400;
  }
  .header.is_fixed {
    position: fixed;
    width: calc(100% - 20px);
    background: #3d1919;
    top: 0;
    -webkit-animation: c 0.7s both;
    animation: c 0.7s both;
  }
  .header.is_fixed .header_store_name {
    padding: 10px 0 0 10px;
    font-size: 2pc;
    font-size: 2rem;
    vertical-align: middle;
  }
  .header.is_fixed .header_tel {
    padding: 5px 43px 5px 0;
  }
  .header.is_fixed .hum_icon {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    cursor: pointer;
    float: right;
  }
  .header.is_fixed .hum_icon span {
    top: 70%;
  }
  .header.is_fixed .hum_icon span, .header.is_fixed .hum_icon span:after, .header.is_fixed .hum_icon span:before {
    display: inline-block;
    height: 2px;
    width: 18px;
    background: white;
    position: absolute;
    left: 0;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0);
  }
  .header.is_fixed .hum_icon span:after, .header.is_fixed .hum_icon span:before {
    content: "";
    top: 50%;
  }
  .header.is_fixed .hum_icon span:before {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }
  .header.is_fixed .hum_icon span:after {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
  .header.is_fixed .hum_icon.is_active span {
    width: 0;
  }
  .header.is_fixed .hum_icon.is_active span:before {
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(45deg) translate3d(-34%, 0, 0);
    transform: rotate(45deg) translate3d(-34%, 0, 0);
  }
  .header.is_fixed .hum_icon.is_active span:after {
    transition: all 0.5s ease-in-out;
    -webkit-transform: rotate(-45deg) translate3d(-5%, -7px, 0);
    transform: rotate(-45deg) translate3d(-5%, -7px, 0);
  }
  .anchor_list {
    width: 80%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    text-align: right;
    z-index: 5;
    padding: 26px 43px 0 0;
  }
  .anchor_list li {
    display: inline-block;
    text-align: center;
  }
  .anchor_list li + li {
    margin-left: 3%;
  }
  .anchor_list_item {
    line-height: 1.2;
    padding: 7px 5px 0;
    color: white;
    font-size: 2.4pc;
    font-size: 2.4rem;
    font-family: Josefin Sans, sans-serif;
    font-weight: 500;
    transition: all 0.3s linear;
  }
  .anchor_list_item:hover {
    background: white;
    color: #3d1919;
    transition: all 0.3s linear;
  }
  header.is_fixed + .anchor_list {
    display: none;
    position: fixed;
    width: 100%;
    max-width: 100%;
    top: 70px;
    left: 0;
    right: 0;
    background: #3d1919;
    padding: 27px 10px 20px;
    text-align: center;
  }
  header.is_fixed + .anchor_list li {
    display: inline-block;
  }
  header.is_fixed + .anchor_list li + li {
    margin: 0 0 0 4%;
  }
  @media screen and (max-width: 767px) {
    .header {
      position: absolute;
      height: 52px;
      top: 0;
    }
    .header .header_inr {
      display: table;
      width: 100%;
      text-align: center;
    }
    .header.is_fixed .header_store_name, .header_store_name {
      font-size: 1.4rem;
      padding: 10px 0 0;
      text-align: center;
      vertical-align: middle;
    }
    .header .hum_icon {
      position: absolute;
      display: inline-block;
      width: 50px;
      height: 52px;
      cursor: pointer;
      right: 0;
    }
    .header .hum_icon span {
      top: 77%;
      left: 40%;
      -webkit-transform: translate3d(0, -16px, 0);
      transform: translate3d(0, -16px, 0);
    }
    .header .hum_icon span, .header .hum_icon span:after, .header .hum_icon span:before {
      display: inline-block;
      height: 2px;
      width: 18px;
      background: white;
      position: absolute;
      transition: all 0.5s ease-in-out;
    }
    .header .hum_icon span:after, .header .hum_icon span:before {
      content: "";
      top: 50%;
      left: 0;
    }
    .header .hum_icon span:before {
      -webkit-transform: translate3d(0, -6px, 0);
      transform: translate3d(0, -6px, 0);
    }
    .header .hum_icon span:after {
      -webkit-transform: translate3d(0, 4px, 0);
      transform: translate3d(0, 4px, 0);
    }
    .header .hum_icon.is_active span {
      width: 0;
    }
    .header .hum_icon.is_active span:before {
      transition: all 0.5s ease-in-out;
      -webkit-transform: rotate(45deg) translate3d(-38%, 0, 0);
      transform: rotate(45deg) translate3d(-38%, 0, 0);
    }
    .header .hum_icon.is_active span:after {
      transition: all 0.5s ease-in-out;
      -webkit-transform: rotate(-45deg) translate3d(-4%, -7px, 0);
      transform: rotate(-45deg) translate3d(-4%, -7px, 0);
    }
    .header.is_fixed {
      width: calc(100% - 20px);
      margin: 0;
      background: #3d1919;
    }
    .header.is_fixed .hum_icon {
      position: absolute;
      display: inline-block;
      width: 50px;
      height: 52px;
      cursor: pointer;
      right: 0;
    }
    .header.is_fixed .hum_icon span {
      top: 75%;
      left: 40%;
    }
    .header.is_fixed .hum_icon span:before {
      -webkit-transform: translate3d(0, -6px, 0);
      transform: translate3d(0, -6px, 0);
    }
    .header.is_fixed .hum_icon span:after {
      -webkit-transform: translate3d(0, 4px, 0);
      transform: translate3d(0, 4px, 0);
    }
    .header.is_fixed .hum_icon:before {
      border-width: 40px 40px 0 0;
      border-color: #fff transparent transparent;
    }
    .header.is_fixed .hum_icon.is_active span {
      width: 0;
    }
    .header.is_fixed .hum_icon.is_active span:before {
      transition: all 0.5s ease-in-out;
      -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
      transform: rotate(45deg) translate3d(0, 0, 0);
    }
    .header.is_fixed .hum_icon.is_active span:after {
      transition: all 0.5s ease-in-out;
      -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
      transform: rotate(-45deg) translate3d(0, 0, 0);
    }
    .anchor_list {
      position: fixed;
      left: auto;
      right: 0;
      top: 62px;
      width: 100%;
      background: rgba(61, 25, 25, 0.8);
      padding: 20px 10px;
      display: none;
    }
    .anchor_list li {
      display: block;
    }
    .anchor_list li + li {
      margin-top: 20px;
      margin-left: 0;
    }
    .anchor_list_item {
      font-size: 1.6rem;
    }
    header.is_fixed + .anchor_list {
      top: 52px;
      background: #210c0c;
      padding: 20px 10px;
    }
    header.is_fixed + .anchor_list li {
      display: block;
    }
    header.is_fixed + .anchor_list li + li {
      margin-top: 20px;
      margin-left: 0;
    }
    header.is_fixed + .anchor_list .anchor_list_item {
      font-size: 1.8rem;
    }
  }
  .footer {
    position: relative;
  }
  .footer .sns_btn_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer .sns_btn_list a {
    display: block;
    transition: opacity 0.3s;
  }
  .footer .sns_btn_list a:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
  }
  .footer_cont {
    background: #f2f2f2;
    text-align: center;
    padding: 26px 10px;
  }
  .footer_txt_link {
    margin-bottom: 15px;
  }
  .footer_txt_link li {
    display: inline-block;
  }
  .footer_txt_link li + li {
    margin-left: 10px;
  }
  .footer_txt_link li > a {
    font-size: 1.3pc;
    font-size: 1.3rem;
    text-decoration: underline;
  }
  .top_btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #3d1919;
    position: absolute;
    top: -50px;
    right: 10px;
    display: none;
  }
  .top_btn:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .top_btn:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 19px;
    bottom: 0;
    right: 13px;
  }
  .top_btn.is_fixed {
    position: fixed;
    top: auto;
    right: 10px;
    bottom: 70px;
    z-index: 2;
  }
  @media screen and (max-width: 767px) {
    .footer .sns_btn_list .line {
      display: block;
    }
    .top_btn {
      top: 0;
      right: 0;
    }
    .top_btn.is_fixed {
      position: fixed;
      top: auto;
      right: 10px;
      bottom: 70px;
      z-index: 2;
    }
  }
  .slick-slider {
    -khtml-user-select: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .slick-list, .slick-slider {
    display: block;
    position: relative;
  }
  .slick-list {
    width: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
  }
  .slick-list:focus {
    outline: 0;
  }
  .slick-list.dragging {
    cursor: hand;
    cursor: pointer;
  }
  .slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:after, .slick-track:before {
    display: table;
    content: "";
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    display: none;
    height: 100%;
    float: left;
    min-height: 1px;
    vertical-align: bottom;
    font-size: 0;
    line-height: 0;
  }
  [dir=rtl] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
    width: 100%;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    vertical-align: bottom;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow, .slick-arrow.slick-hidden, .slick-dots li {
    display: none;
  }
  .wrapper {
    width: 100%;
    border: 10px solid #3d1919;
    position: relative;
  }
  .hideme {
    opacity: 0;
  }
  .active, .hideme {
    transition: all 0.7s linear;
  }
  .active {
    opacity: 1;
  }
  .animationFadeIn {
    opacity: 0;
  }
  .animationFadeIn.active {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-name: a;
    animation-name: a;
  }
  @-webkit-keyframes a {
    from {
      opacity: 0;
      -webkit-transform: translateY(70px);
      transform: translateY(70px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes a {
    from {
      opacity: 0;
      -webkit-transform: translateY(70px);
      transform: translateY(70px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes animationFadeOut {
    from {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
  }
  @keyframes animationFadeOut {
    from {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    to {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
  }
  @-webkit-keyframes c {
    from {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes c {
    from {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
    to {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes headerOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes headerOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .main_visual_area {
    width: 100%;
    position: relative;
    max-height: calc(100vh - 5pc);
    overflow: hidden;
  }
  .main_visual_area, .main_visual_area ~ * {
    vertical-align: bottom;
  }
  .main_visual_area:before {
    content: "";
    display: block;
    height: 100%;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: 2;
    opacity: 0.4;
  }
  .main_visual_area .main_ttl {
    position: absolute;
    z-index: 2;
    top: -15pt;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 335px;
    height: 21pc;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main_visual_area .main_ttl img {
    width: 170%;
  }
  .main_visual li, .main_visual_area:before {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0;
    font-size: 0;
  }
  .main_visual_area .main_cpbtn {
    position: absolute;
    left: 50%;
    bottom: 37px;
    margin: auto;
    text-align: center;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .main_visual_area .main_cpbtn a {
    position: relative;
    display: block;
    padding: 15px 15px 40px;
    background-color: #c1272d;
    border: 4px solid white;
    border-radius: 17px;
    color: white;
    font-size: 1.8rem;
  }
  .main_visual_area .main_cpbtn a:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
  }
  .main_visual_area .main_cpbtn a:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    content: "";
    bottom: 15px;
    right: 0;
    left: 0;
    margin: 0 auto;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .main_visual_area .main_cpbtn_head {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .main_visual li img {
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    transform-origin: center;
    vertical-align: bottom;
  }
  .main_visual .slick-current img {
    -webkit-animation: e 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
    animation: e 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
  }
  .content_inr {
    max-width: 750pt;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .content_ttl {
    color: #3d1919;
    font-size: 3pc;
    font-size: 3rem;
    text-align: center;
    font-family: Josefin Sans, sans-serif;
    font-weight: 600;
  }
  .content_ttl > span {
    display: inline-block;
    border-bottom: 2px solid #3d1919;
  }
  .content_ttl.white {
    color: #fff;
  }
  .content_ttl.white > span {
    border-color: #fff;
  }
  #concept {
    background: #3d1919;
    padding: 50px 0;
    color: #fff;
  }
  .concept_lead {
    font-size: 0.3in;
    font-size: 1.8rem;
    line-height: 2.5;
    text-align: center;
  }
  .menu {
    padding-top: 50px;
  }
  .menu .content_inr {
    max-width: 825pt;
  }
  .menu .content_inr .note_list {
    margin: 20px auto 0;
  }
  .menu_list {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-top: 27px;
  }
  .menu a {
    display: block;
    cursor: pointer;
  }
  .menu a, .menu a:hover {
    transition: opacity 0.2s;
  }
  .menu a:hover {
    opacity: 0.6;
  }
  .menu_item {
    max-width: 100%;
    width: 49%;
    padding: 2%;
    background: white;
    text-align: center;
  }
  .menu_item .menu_img img {
    width: 100%;
  }
  .menu_item_box {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  .menu_item_name {
    font-weight: 700;
    font-size: 2pc;
    font-size: 2rem;
    color: #3d1919;
  }
  .menu_item_price {
    font-size: 2rem;
  }
  .menu_item_price + .menu_item_name {
    margin-top: 15px;
  }
  .menu_item_price_em {
    font-weight: 600;
  }
  .menu_item_dsc {
    font-size: 1.6rem;
  }
  .menu_item_cpweekday {
    display: inline-block;
    min-width: 300px;
    margin: 15px auto;
    padding: 13px 10px;
    border: 2px solid #c1272d;
    border-radius: 5px;
    color: #c1272d;
    font-size: 20px;
  }
  .cpweekday_txt {
    padding-right: 5px;
  }
  .menu_item_cpweekday_price {
    font-weight: 600;
  }
  .menu_item_course {
    text-align: left;
    margin: 15px 0 5px;
    font-size: 1.6pc;
    font-size: 1.6rem;
  }
  .menu_item_list {
    text-align: left;
    padding-left: 1em;
  }
  .menu_item_list li {
    position: relative;
    margin-left: 1em;
  }
  .menu_item_list li:before {
    content: "・";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: -1em;
  }
  .menu_item_list li + li {
    margin-top: 0.5em;
  }
  .reservation_btn {
    width: 70%;
    max-width: 300px;
    margin: 10px auto 0;
    text-align: center;
  }
  .reservation_btn > a {
    display: block;
    background-color: #c1272d;
    padding: 13px 10px;
  }
  .reservation_btn a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .reservation_btn .btn_arrow_r {
    position: relative;
    padding-left: 25px;
    padding-right: 50px;
  }
  .reservation_btn .btn_arrow_r:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    border-top: 2px solid white;
    border-right: 2px solid white;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    bottom: 0;
    right: 15px;
    margin-top: -7.5px;
  }
  .menu_item_more {
    margin-top: 15px;
    font-size: 1.6pc;
    font-size: 1.6rem;
    color: #c1272d;
  }
  .menu_early_bnr {
    display: flex;
    border: 2px solid #c1272d;
    margin: 20px auto;
    padding: 20px;
    justify-content: space-around;
    align-items: center;
    width: 60%;
    min-width: 660px;
  }
  .menu_early_bnr_ttl {
    font-size: 2rem;
    font-weight: 700;
    color: #3d1919;
  }
  .reservation_icon {
    display: inline-block;
    padding: 5px 0 5px 40px;
    color: #fff;
  }
  .dot_list {
    text-align: left;
    padding-left: 1em;
  }
  .dot_list li {
    position: relative;
    margin-left: 1em;
  }
  .dot_list li:before {
    content: "・";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: -1em;
  }
  .dot_list li + li {
    margin-top: 0.5em;
  }
  .box_2col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-between;
  }
  .box_1col {
    width: 50%;
    margin: 0 auto;
  }
  .box_2col .col {
    text-align: left;
    width: 48%;
  }
  .other_menu {
    margin-top: 40px;
    padding: 40px 0 67px;
    background: #3d1919;
    color: #fff;
  }
  .other_menu .content_inr {
    max-width: 700px;
    margin: 0 auto;
  }
  .other_menu_slide_menu {
    margin-bottom: 30px;
    text-align: center;
  }
  .other_menu_slide_menu > li {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    color: white;
    font-family: Josefin Sans, sans-serif;
    font-size: 2.4pc;
    font-size: 2.4rem;
    font-weight: 500;
    padding: 0 5px;
  }
  .other_menu_slide_menu > li:hover {
    border-bottom: 1px solid #fff;
  }
  .other_menu_slide_menu > li.is_active {
    color: #c1272d;
    border-bottom: 1px solid #c1272d;
  }
  .other_menu_slide_menu > li.is_active:hover {
    text-decoration: none;
  }
  .other_menu_slide_menu > li:last-child {
    margin-right: 0;
  }
  .other_menu_slide {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .other_menu_slide > li {
    position: absolute;
    width: 100%;
  }
  .other_menu_box {
    text-align: center;
    opacity: 0;
  }
  .other_menu_box.translateX-100 {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all 1s;
  }
  .other_menu_box.translateX100 {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 1s;
  }
  .other_menu_box, .other_menu_box.slide_in {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all 1s;
  }
  .other_menu_box.slide_in {
    opacity: 1;
  }
  .other_menu_ttl {
    font-size: 1.6pc;
    font-size: 1.6rem;
    text-align: left;
  }
  .other_menu_item {
    max-width: 600px;
    text-align: left;
    margin-top: 40px;
  }
  .other_menu_name {
    margin-bottom: 10px;
  }
  .other_menu_price {
    display: inline-block;
    float: right;
    font-family: Josefin Sans, sans-serif;
  }
  .other_menu_dsc {
    color: #b3b3b3;
  }
  #all_menu {
    margin-top: 50px;
    margin-bottom: 60px;
  }
  #all_menu .content_ttl {
    margin-bottom: 40px;
  }
  .pdf_link_box {
    margin: 30px auto;
    text-align: center;
  }
  .pdf_link_box .pdf_link {
    display: inline-block;
    margin-bottom: 10px;
    transition: opacity 0.3s;
  }
  .pdf_link_box .pdf_link:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
  }
  .pdf_link_box .pdf_link img {
    max-width: 80%;
  }
  #faq {
    padding: 40px 0;
    background: #3d1919;
    color: #fff;
  }
  #faq .content_ttl {
    margin-bottom: 30px;
  }
  .faq_row + .faq_row {
    margin-top: 15px;
  }
  .faq_row .question {
    position: relative;
    display: table;
    width: 100%;
    font-size: 3pc;
    font-size: 3rem;
    padding: 6px 0;
    cursor: pointer;
    background-size: 22px;
  }
  .faq_row .question.is_open {
    background-size: 22px;
  }
  .faq_row .question .icon {
    display: table-cell;
    vertical-align: top;
    font-size: 2.2pc;
    font-size: 2.2rem;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: right;
  }
  .faq_row .question .txt {
    display: table-cell;
    vertical-align: top;
    padding: 0 35px 0 10px;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .faq_row .answer {
    display: none;
    margin-top: 10px;
    padding: 13px 2px;
    position: relative;
  }
  .faq_row .answer .icon {
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 2.2pc;
    font-size: 2.2rem;
  }
  .faq_row .answer p {
    padding-right: 10px;
    padding-left: 29px;
  }
  #contact {
    padding: 78px 0 0;
  }
  #contact .btn_2clo {
    position: static;
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #contact .btn_2clo .btn {
    width: 30%;
    border: 0;
  }
  .btn_2clo {
    position: fixed;
    z-index: 3;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .btn_2clo .btn {
    display: block;
    width: 50%;
    text-align: center;
  }
  .btn_2clo .btn a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .btn_2clo .btn.booking_fixed a:hover {
    opacity: 0.8;
  }
  .btn_2clo .btn .inr {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: white;
    font-size: 2pc;
    font-size: 2rem;
    line-height: 1.2;
    padding: 1.5px;
    height: 60px;
    transition: opacity 0.3s;
  }
  .btn_2clo .btn .inr .txt {
    display: inline-block;
    padding: 5px 0 5px 40px;
  }
  .btn_2clo .btn .inr .txt > span {
    display: block;
    font-size: 1.3pc;
    font-size: 1.3rem;
    margin-bottom: 5px;
    width: 100%;
  }
  .btn_2clo .btn.booking {
    border-right: 1px solid #3d1919;
  }
  .btn_2clo .btn.booking .inr {
    background: #c1272d;
  }
  .btn_2clo .btn.tel {
    border-left: 1px solid #3d1919;
  }
  .btn_2clo .btn.tel .inr {
    background: #c1272d;
  }
  .btn_2clo .btn.tel a {
    display: none;
  }
  #news {
    padding-top: 78px;
  }
  .news_cont {
    max-width: 600px;
    margin: 30px auto;
    color: #000;
  }
  .news_row {
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6pc;
    font-size: 1.6rem;
  }
  a.news_row {
    cursor: pointer;
  }
  a.news_row .news_txt {
    text-decoration: underline;
  }
  .news_item + .news_item {
    margin-top: 1pc;
  }
  .news_label {
    width: 95px;
    margin-right: 10px;
    text-align: center;
    color: white;
    background: #c1272d;
    font-size: 1.4rem;
    line-height: 1.5;
    padding-top: 4px;
  }
  .news_label.media {
    background: #523620;
  }
  .news_label.coupon {
    background: #de5650;
  }
  .news_label.prevention {
    background: #eb9c01;
  }
  .news_date {
    margin-right: 10px;
    font-weight: 700;
  }
  .modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 6;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(61, 25, 25, 0.7);
  }
  .modal.is_show {
    display: block;
  }
  .modal_inr {
    position: relative;
    z-index: 4;
    max-width: 50pc;
    height: auto;
    width: 94%;
    margin: 3% auto;
    padding: 3% 5%;
    background: #fff;
  }
  .modal_ttl {
    text-align: center;
    font-size: 0.3in;
    font-size: 1.8rem;
  }
  .modal_date {
    display: block;
  }
  .modal_img {
    width: 100%;
    max-width: 600px;
    margin: 15px auto 30px;
    text-align: center;
  }
  .modal_img img {
    max-width: 100%;
  }
  .modal_txt {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    font-size: 1.4pc;
    font-size: 1.4rem;
    color: #333;
  }
  .modal_menu_txt {
    font-size: 18px;
  }
  .store_image_slider {
    margin-top: 50px;
  }
  .store_image_slider span.btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    z-index: 1;
  }
  .store_image_slider span.btn.prev {
    left: 20px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .store_image_slider span.btn.next {
    right: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #access {
    margin: 0 auto 59px;
  }
  #access .content_ttl {
    margin-bottom: 28px;
  }
  .map_area {
    width: 100%;
  }
  .map_area iframe {
    width: 100%;
    height: 25pc;
  }
  .accses_info {
    margin-top: 30px;
    text-align: center;
  }
  .accses_info_col {
    display: inline-block;
    vertical-align: top;
    text-align: left;
    width: 40%;
  }
  .accses_info_col:first-child {
    margin-right: 5%;
  }
  .accses_info_item + .accses_info_item {
    margin-top: 23px;
  }
  .accses_info_item dt {
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .accses_info_item a {
    text-decoration: underline;
  }
  @media screen and (max-width: 767px) {
    .wrapper {
      overflow-x: hidden;
    }
    .content_ttl > span {
      padding-bottom: 0;
    }
    .modal_inr {
      margin: 10% auto;
      padding: 10px;
    }
    .modal_ttl {
      font-size: 1.6rem;
    }
    .modal_menu_txt {
      font-size: 1pc;
    }
    .main_visual_area {
      position: relative;
      max-height: 100%;
      height: 90vh;
    }
    .main_visual_area .main_ttl {
      width: 100%;
      height: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .main_visual_area .main_cpbtn {
      width: 78%;
      bottom: 10%;
    }
    .main_visual_area .main_cpbtn a {
      font-size: 1.4rem;
    }
    .main_visual_area .main_cpbtn a:before {
      width: 14px;
      height: 14px;
    }
    .main_visual_area .main_ttl img {
      max-width: 320px;
      margin: 0;
    }
    .main_visual li img {
      height: 100vh;
      width: 100%;
      object-fit: cover;
    }
    .main_visual .slick-current img {
      -webkit-animation: e 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
      animation: e 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
    }
    @-webkit-keyframes e {
      0% {
        transform-origin: center;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      0%, to {
        -webkit-transform-origin: center;
      }
      to {
        transform-origin: center;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
    @keyframes e {
      0% {
        transform-origin: center;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      0%, to {
        -webkit-transform-origin: center;
      }
      to {
        transform-origin: center;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
    #concept {
      padding: 30px 0;
    }
    .concept_lead {
      font-size: 1.5rem;
      line-height: 2.5;
      text-align: center;
    }
    .menu {
      padding-top: 30px;
      margin-bottom: 0;
    }
    .menu .content_inr .note_list {
      margin: 20px 10px 0;
    }
    .menu a:hover {
      opacity: 1;
    }
    .menu_list {
      display: block;
    }
    .menu_item {
      width: 100%;
      padding: 10px;
      margin: 0 auto;
    }
    .menu_item_name, .menu_item_price, .menu_item_price_em {
      font-size: 1.8rem;
    }
    .menu_item_cpweekday {
      min-width: 265px;
      font-size: 1pc;
    }
    .menu_item_price + .menu_item_name {
      margin-top: 15px;
    }
    .menu_item + .menu_item {
      margin-top: 20px;
    }
    .menu_early_bnr {
      width: 90%;
      min-width: 0;
      display: block;
      text-align: center;
      padding: 10px;
    }
    .menu_early_bnr_ttl {
      font-size: 1.6rem;
    }
    .menu_early_bnr_ttl + p > br {
      display: none;
    }
    .other_menu {
      padding: 40px 0;
    }
    .other_menu_slide li {
      text-align: left;
    }
    .other_menu_slide_menu > li {
      font-size: 1.6rem;
      font-weight: 700;
    }
    .other_menu_box .box_2col {
      width: 93%;
      margin: 0 auto;
    }
    .other_menu_box .col:last-child {
      margin-top: 30px;
    }
    .box_2col {
      display: block;
    }
    .box_1col, .box_2col .col {
      width: 100%;
    }
    #all_menu {
      padding-top: 30px;
      margin: 0 0 30px;
    }
    #contact {
      padding-top: 40px;
    }
    #contact .btn_2clo {
      display: block;
    }
    #contact .btn_2clo .btn {
      width: 90%;
      margin: 0 auto 10px;
    }
    #news {
      padding-top: 40px;
    }
    .news_row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 10px;
    }
    .news_label {
      line-height: 2;
      font-size: 1.2rem;
      padding: 0;
    }
    .news_normaltxt, .news_txt {
      width: 100%;
      font-size: 1.4rem;
    }
    .accses_info {
      text-align: left;
      padding: 0 10px;
    }
    .accses_info_col {
      display: block;
      margin-bottom: 23px;
      width: 100%;
    }
    .accses_info_col:first-child {
      margin-right: 0;
    }
    .map_area iframe {
      height: 280px;
    }
    .btn_2clo .btn a:hover {
      opacity: 1;
    }
    .btn_2clo .btn .inr {
      font-size: 1.5rem;
    }
    .btn_2clo .btn .inr .txt > span {
      font-size: 1.1rem;
    }
    .btn_2clo .btn.tel a {
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
    .btn_2clo .btn.tel > p {
      display: none;
    }
    .btn_2clo.fixed_btn .btn.tel .txt {
      background-size: 13%;
      padding-left: 22px;
    }
  }
  .note_list {
    margin: 30px;
  }
  .menu a {
    display: inline-block;
  }
  .menu_map {
    background-color: #3d1919;
    border-radius: 5px;
    color: white;
    font-size: 1rem;
    letter-spacing: 0.1em;
    vertical-align: 10%;
    padding: 3px 10px;
    margin-left: 2px;
  }
  .sns_box {
    text-align: center;
  }
  .sns_box a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 40px;
    background: #f2f2f2;
  }
  .sns_box .copy {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #000;
  }
  .sns_box .copy_main {
    font-weight: 700;
  }
  .recruit_btn {
    width: 70%;
    max-width: 300px;
    margin: 10px auto 0;
    text-align: center;
  }
  .recruit_btn > a {
    display: block;
    background-color: #f74040;
    padding: 13px 10px;
  }
  .recruit_btn a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  /*----------------------------------------------------

    各テーマタグ

  ----------------------------------------------------*/
  .theme_tag_wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: nowrap;
  }
  .item_theme {
    font-size: 13px;
    color: white;
    text-align: center;
    padding: 3px 0.5em;
    min-width: 90px;
    border-radius: 100vh;
    margin: 0 0.5%;
  }
  @media screen and (max-width: 768px) {
    .theme_tag_wrap {
      margin: -10px auto 5px;
    }
    .item_theme {
      font-size: 10.5px;
      padding: 3px 0.25em;
      min-width: 75px;
      border-radius: 100vh;
      margin: 0 0.5%;
    }
    .single-height {
      margin-top: -35px;
    }
  }
  /* ① 公園 */
  .park {
    background: #748c34;
  }
  /* ② 雨天OK */
  .rain {
    background: #eb9c01;
  }
  /* ③ 食べ放題 */
  .all-eat {
    background: #203c6e;
  }
  /* ④ プレミアム */
  .premium {
    background: #8a7e5a;
  }
  /* ⑤ 韓国BBQ */
  .k-bbq {
    background: #c1272d;
  }
  /* ------------------------------------------------- *
  /*        追加 : 追従バナー
  /* ------------------------------------------------- */
  .banner {
    position: fixed;
    margin: 15px 20px;
    z-index: 99998;
    bottom: 0;
    right: 0;
    /* display: none; */
  }
  .banner a {
    text-decoration: none;
  }
  .banner-body img {
    width: 350px;
  }
  /* .banner-body:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  } */
  .banner-close {
    font-weight: bold;
    position: absolute;
    top: -25px;
    right: 0px;
    z-index: auto;
    padding: 0;
    border: none;
    background-color: white;
    width: 25px;
    height: 25px;
    cursor: pointer;
  }
  @media screen and (max-width: 500px) {
    .banner img {
      width: 100%;
      margin: 0px;
    }
    .banner-close {
      top: -24px;
      right: 0px;
    }
  }
  .header {
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 0;
  }
  .header_store_name {
    color: white;
    font-size: 38.4px;
    font-size: 2.4rem;
    display: inline-block;
    padding: 2% 0 0 3%;
    line-height: 1.3;
    letter-spacing: 3px;
    font-family: Josefin Sans, sans-serif;
  }
  .header_tel {
    float: right;
    padding: 26px 43px 0 0;
  }
  .header_tel a {
    color: white;
    font-weight: 700;
    font-size: 32px;
    font-size: 2rem;
    font-family: Josefin Sans, sans-serif;
    display: inline-block;
    padding-left: 30px;
    background: url(https://tokugawaen.heritage.jp/application/files/img/icon_btn_tel.png) no-repeat left center;
    transition: opacity 0.3s;
  }
  .header_tel a:hover {
    opacity: 0.7;
    transition: opacity 0.3s;
  }
  .header_tel a span {
    display: block;
    font-size: 19.2px;
    font-size: 1.2rem;
    font-weight: 400;
  }
  .header.is_fixed {
    position: fixed;
    width: calc(100% - 20px);
    background: #203c6e;
    top: 0;
    -webkit-animation: headerIn 0.7s both;
    animation: headerIn 0.7s both;
  }
  .header.is_fixed .header_store_name {
    padding: 10px 0 0 10px;
    font-size: 32px;
    font-size: 2rem;
    vertical-align: middle;
  }
  .header.is_fixed .header_tel {
    padding: 5px 43px 5px 0;
  }
  .header.is_fixed .hum_icon {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    vertical-align: middle;
    cursor: pointer;
    float: right;
  }
  .header.is_fixed .hum_icon span {
    display: inline-block;
    height: 2px;
    width: 18px;
    background: white;
    position: absolute;
    top: 70%;
    left: 0;
    transition: all 500ms ease-in-out;
    -webkit-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0);
  }
  .header.is_fixed .hum_icon span:after, .header.is_fixed .hum_icon span:before {
    content: "";
    display: inline-block;
    height: 2px;
    width: 18px;
    background: white;
    position: absolute;
    top: 50%;
    left: 0;
    transition: all 500ms ease-in-out;
    -webkit-transform: translate3d(0, -16px, 0);
    transform: translate3d(0, -16px, 0);
  }
  .header.is_fixed .hum_icon span:before {
    -webkit-transform: translate3d(0, -6px, 0);
    transform: translate3d(0, -6px, 0);
  }
  .header.is_fixed .hum_icon span:after {
    -webkit-transform: translate3d(0, 4px, 0);
    transform: translate3d(0, 4px, 0);
  }
  .header.is_fixed .hum_icon.is_active span {
    width: 0;
  }
  .header.is_fixed .hum_icon.is_active span:before {
    transition: all 500ms ease-in-out;
    -webkit-transform: rotate(45deg) translate3d(-7px, 0, 0);
    transform: rotate(45deg) translate3d(-7px, 0, 0);
  }
  .header.is_fixed .hum_icon.is_active span:after {
    transition: all 500ms ease-in-out;
    -webkit-transform: rotate(-45deg) translate3d(0, -7px, 0);
    transform: rotate(-45deg) translate3d(0, -7px, 0);
  }
  .anchor_list {
    width: 80%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    text-align: right;
    z-index: 1000;
    padding: 26px 43px 0 0;
  }
  .anchor_list li {
    display: inline-block;
    text-align: center;
  }
  .anchor_list li + li {
    margin-left: 3%;
  }
  .anchor_list_item {
    line-height: 1.2;
    padding: 7px 5px 0;
    color: white;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-family: Josefin Sans, sans-serif;
    font-weight: 500;
    transition: all 0.3s linear;
  }
  .anchor_list_item:hover {
    background: white;
    color: #1b193e;
    transition: all 0.3s linear;
  }
  header.is_fixed + .anchor_list {
    display: none;
    position: fixed;
    width: 100%;
    max-width: 100%;
    top: 70px;
    left: 0;
    right: 0;
    background: #1b193e;
    padding: 27px 10px 20px;
    text-align: center;
  }
  header.is_fixed + .anchor_list li {
    display: inline-block;
  }
  header.is_fixed + .anchor_list li + li {
    margin: 0 0 0 4%;
  }
  @media screen and (max-width: 767px) {
    .header {
      position: absolute;
      height: 52px;
      top: 0;
    }
    .header.is_active {
      background: rgba(27, 25, 62, 0.7);
    }
    .header .header_inr {
      display: table;
      width: 100%;
      text-align: center;
    }
    .header.is_fixed .header_store_name, .header_store_name {
      font-size: 1.4rem;
      padding: 10px 0 0;
      text-align: center;
      vertical-align: middle;
    }
    .header .hum_icon {
      position: absolute;
      display: inline-block;
      width: 50px;
      height: 52px;
      cursor: pointer;
      right: 0;
    }
    .header .hum_icon span {
      display: inline-block;
      height: 2px;
      width: 18px;
      background: white;
      position: absolute;
      top: 77%;
      left: 40%;
      transition: all 500ms ease-in-out;
      -webkit-transform: translate3d(0, -16px, 0);
      transform: translate3d(0, -16px, 0);
    }
    .header .hum_icon span:after, .header .hum_icon span:before {
      content: "";
      display: inline-block;
      height: 2px;
      width: 18px;
      background: white;
      position: absolute;
      top: 50%;
      left: 0;
      transition: all 500ms ease-in-out;
    }
    .header .hum_icon span:before {
      -webkit-transform: translate3d(0, -6px, 0);
      transform: translate3d(0, -6px, 0);
    }
    .header .hum_icon span:after {
      -webkit-transform: translate3d(0, 4px, 0);
      transform: translate3d(0, 4px, 0);
    }
    .header .hum_icon.is_active span {
      width: 0;
    }
    .header .hum_icon.is_active span:before {
      transition: all 500ms ease-in-out;
      -webkit-transform: rotate(45deg) translate3d(-38%, 0, 0);
      transform: rotate(45deg) translate3d(-38%, 0, 0);
    }
    .header .hum_icon.is_active span:after {
      transition: all 500ms ease-in-out;
      -webkit-transform: rotate(-45deg) translate3d(-4%, -7px, 0);
      transform: rotate(-45deg) translate3d(-4%, -7px, 0);
    }
    .header.is_fixed {
      width: calc(100% - 20px);
      margin: 0;
      background: #1b193e;
    }
    .header.is_fixed .hum_icon {
      position: absolute;
      display: inline-block;
      width: 50px;
      height: 52px;
      cursor: pointer;
      right: 0;
    }
    .header.is_fixed .hum_icon span {
      top: 75%;
      left: 40%;
    }
    .header.is_fixed .hum_icon span:before {
      -webkit-transform: translate3d(0, -6px, 0);
      transform: translate3d(0, -6px, 0);
    }
    .header.is_fixed .hum_icon span:after {
      -webkit-transform: translate3d(0, 4px, 0);
      transform: translate3d(0, 4px, 0);
    }
    .header.is_fixed .hum_icon:before {
      border-width: 40px 40px 0 0;
      border-color: #fff transparent transparent;
    }
    .header.is_fixed .hum_icon.is_active span {
      width: 0;
    }
    .header.is_fixed .hum_icon.is_active span:before {
      transition: all 500ms ease-in-out;
      -webkit-transform: rotate(45deg) translate3d(0, 0, 0);
      transform: rotate(45deg) translate3d(0, 0, 0);
    }
    .header.is_fixed .hum_icon.is_active span:after {
      transition: all 500ms ease-in-out;
      -webkit-transform: rotate(-45deg) translate3d(0, 0, 0);
      transform: rotate(-45deg) translate3d(0, 0, 0);
    }
    .anchor_list {
      position: fixed;
      left: auto;
      right: 0;
      top: 62px;
      width: 100%;
      background: rgba(27, 25, 62, 0.7);
      padding: 20px 10px;
      display: none;
    }
    .anchor_list li {
      display: block;
    }
    .anchor_list li + li {
      margin-top: 20px;
      margin-left: 0;
    }
    .anchor_list_item {
      font-size: 1.6rem;
    }
    header.is_fixed + .anchor_list {
      top: 52px;
      background: #111126;
      padding: 20px 10px;
    }
    header.is_fixed + .anchor_list li {
      display: block;
    }
    header.is_fixed + .anchor_list li + li {
      margin-top: 20px;
      margin-left: 0;
    }
    header.is_fixed + .anchor_list .anchor_list_item {
      font-size: 1.6rem;
    }
  }
  .footer {
    position: relative;
  }
  .footer .sns_btn_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .footer .sns_btn_list a {
    display: block;
    transition: opacity 0.3s;
  }
  .footer .sns_btn_list a:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
  }
  .footer_cont {
    background: #f2f2f2;
    text-align: center;
    padding: 26px 10px;
  }
  .footer_txt_link {
    margin-bottom: 15px;
  }
  .footer_txt_link li {
    display: inline-block;
  }
  .footer_txt_link li + li {
    margin-left: 10px;
  }
  .footer_txt_link li > a {
    font-size: 20.8px;
    font-size: 1.3rem;
    text-decoration: underline;
  }
  .top_btn {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: #1b193e;
    position: absolute;
    top: -50px;
    right: 10px;
    display: none;
  }
  .top_btn:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .top_btn:before {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    border-bottom: 2px solid white;
    border-right: 2px solid white;
    content: "";
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 19px;
    bottom: 0;
    right: 13px;
  }
  .top_btn.is_fixed {
    position: fixed;
    top: auto;
    right: 10px;
    bottom: 70px;
    z-index: 100;
  }
  @media screen and (max-width: 767px) {
    .footer .sns_btn_list .line {
      display: block;
    }
    .top_btn {
      top: 0;
      right: 0;
    }
    .top_btn.is_fixed {
      position: fixed;
      top: auto;
      right: 10px;
      bottom: 70px;
      z-index: 100;
    }
  }
  .slick-slider {
    display: block;
    position: relative;
    -khtml-user-select: none;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .slick-list {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    overflow: hidden;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: hand;
    cursor: pointer;
  }
  .slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:after, .slick-track:before {
    display: table;
    content: "";
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    display: none;
    height: 100%;
    float: left;
    min-height: 1px;
    vertical-align: bottom;
  }
  [dir=rtl] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
    width: 100%;
    margin: 0 auto;
    vertical-align: bottom;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  .slick-arrow, .slick-dots li {
    display: none;
  }
  .wrapper {
    width: 100%;
    border: 10px solid #1b193e;
    margin-bottom: 60px;
    position: relative;
  }
  .hideme {
    transition: all 0.7s linear;
    opacity: 0;
  }
  .active {
    transition: all 0.7s linear;
    opacity: 1;
  }
  .animationFadeIn {
    opacity: 0;
  }
  .animationFadeIn.active {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-name: animationFadeIn;
    animation-name: animationFadeIn;
  }
  @-webkit-keyframes animationFadeIn {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70px);
      transform: translateY(70px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes animationFadeIn {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70px);
      transform: translateY(70px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes animationFadeOut {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
  }
  @keyframes animationFadeOut {
    0% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
    100% {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
  }
  @-webkit-keyframes headerIn {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @keyframes headerIn {
    0% {
      opacity: 0;
      -webkit-transform: translateY(-70px);
      transform: translateY(-70px);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0);
    }
  }
  @-webkit-keyframes headerOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes headerOut {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .main_visual_area {
    width: 100%;
    position: relative;
    max-height: calc(100vh - 80px);
    overflow: hidden;
    vertical-align: bottom;
  }
  .main_visual_area:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    z-index: 100;
    opacity: 0.4;
  }
  .main_visual_area .main_ttl {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    width: 200px;
    height: 237px;
    margin: auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .main_visual_area .main_ttl img {
    max-width: 600px;
    width: 150%;
  }
  .main_visual li {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
  .main_visual li img {
    width: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center;
    transform-origin: center;
  }
  .main_visual .slick-current img {
    -webkit-animation: mainVisual 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
    animation: mainVisual 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
  }
  @-webkit-keyframes mainVisual {
    0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  @keyframes mainVisual {
    0% {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(1);
      transform: scale(1);
    }
    to {
      -webkit-transform-origin: center;
      transform-origin: center;
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
    }
  }
  .content_inr {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding: 0;
  }
  .content_ttl {
    color: #1b193e;
    font-size: 48px;
    font-size: 3rem;
    text-align: center;
    font-family: Josefin Sans, sans-serif;
    font-weight: 600;
  }
  .content_ttl > span {
    display: inline-block;
    border-bottom: 2px solid #1b193e;
  }
  .content_ttl.white {
    color: #fff;
  }
  .content_ttl.white > span {
    border-color: #fff;
  }
  #concept {
    background: #1b193e;
    padding: 50px 0;
    color: #fff;
  }
  .concept_lead {
    font-size: 28.8px;
    font-size: 1.8rem;
    line-height: 2.5;
    text-align: center;
  }
  .menu {
    margin-bottom: 50px;
    padding-top: 50px;
  }
  .menu .content_inr {
    max-width: 1000px;
  }
  .menu .content_inr .note_list {
    margin-top: 20px;
  }
  .menu_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 27px;
  }
  .menu a {
    display: block;
    cursor: pointer;
    transition: opacity 0.2s;
  }
  .menu a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .menu_item {
    max-width: 100%;
    width: 48.5%;
    padding: 1%;
    background: #f2f2f2;
    text-align: center;
  }
  .menu_item .menu_img img {
    width: 100%;
  }
  .menu_item_box {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #ddd;
  }
  .menu_item_name {
    font-weight: 700;
    font-size: 32px;
    font-size: 2rem;
    color: #1b193e;
  }
  .menu_item_price {
    font-size: 32px;
    font-size: 2rem;
  }
  .menu_item_price_em {
    font-weight: 600;
    padding-left: 5px;
  }
  .menu_item_dsc {
    margin-top: 5px;
    font-size: 25.6px;
    font-size: 1.6rem;
  }
  .menu_item_course {
    text-align: left;
    margin: 15px 0 5px;
    font-size: 32px;
    font-size: 2rem;
  }
  .menu_item_more {
    margin-top: 5px;
    font-size: 25.6px;
    font-size: 1.6rem;
  }
  .menu_item_list {
    text-align: left;
    padding-left: 1em;
  }
  .menu_item_list li {
    position: relative;
    margin-left: 1em;
  }
  .menu_item_list li:before {
    content: "・";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: -1em;
  }
  .menu_item_list li + li {
    margin-top: 0.5em;
  }
  .dot_list {
    text-align: left;
    padding-left: 1em;
  }
  .dot_list li {
    position: relative;
    margin-left: 1em;
  }
  .dot_list li:before {
    content: "・";
    width: 1em;
    height: 1em;
    position: absolute;
    top: 0;
    left: -1em;
  }
  .dot_list li + li {
    margin-top: 0.5em;
  }
  .box_2col {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .other_menu {
    margin-top: 40px;
    padding: 40px 0 67px;
    background: #1b193e;
    color: #fff;
  }
  .other_menu .content_inr {
    max-width: 700px;
    margin: 0 auto;
  }
  .other_menu_slide_menu {
    margin-bottom: 30px;
    text-align: center;
  }
  .other_menu_slide_menu > li {
    display: inline-block;
    margin-right: 10px;
    cursor: pointer;
    color: white;
    font-family: Josefin Sans, sans-serif;
    font-size: 38.4px;
    font-size: 2.4rem;
    font-weight: 500;
    padding: 0 5px;
  }
  .other_menu_slide_menu > li:hover {
    border-bottom: 1px solid #fff;
  }
  .other_menu_slide_menu > li.is_active {
    color: #f29600;
    border-bottom: 1px solid #f29600;
  }
  .other_menu_slide_menu > li.is_active:hover {
    text-decoration: none;
  }
  .other_menu_slide {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .other_menu_slide > li {
    position: absolute;
    width: 100%;
  }
  .other_menu_box {
    text-align: center;
    opacity: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all 1s;
  }
  .other_menu_box.translateX-100 {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all 1s;
  }
  .other_menu_box.translateX100 {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    transition: all 1s;
  }
  .other_menu_box.slide_in {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transition: all 1s;
  }
  .other_menu_ttl {
    font-size: 25.6px;
    font-size: 1.6rem;
    text-align: left;
  }
  .other_menu_ttl + p {
    color: #b3b3b3;
  }
  .other_menu_item {
    max-width: 600px;
    text-align: left;
    margin-top: 40px;
  }
  .other_menu_name {
    margin-bottom: 10px;
  }
  .other_menu_price {
    display: inline-block;
    float: right;
    font-family: Josefin Sans, sans-serif;
  }
  .other_menu_dsc {
    color: #b3b3b3;
  }
  #all_menu {
    margin-bottom: 60px;
  }
  #all_menu .content_ttl {
    margin-bottom: 40px;
  }
  .pdf_link_box {
    margin: 30px auto;
    text-align: center;
  }
  .pdf_link_box .pdf_link {
    display: inline-block;
    margin-bottom: 10px;
    transition: opacity 0.3s;
  }
  .pdf_link_box .pdf_link:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
  }
  .pdf_link_box .pdf_link img {
    max-width: 80%;
  }
  #faq {
    padding: 40px 0;
    background: #1b193e;
    color: #fff;
  }
  #faq .content_inr {
    max-width: 600px;
  }
  #faq .content_ttl {
    margin-bottom: 30px;
  }
  .faq_row + .faq_row {
    margin-top: 10px;
  }
  .faq_row .question {
    position: relative;
    display: table;
    width: 100%;
    font-size: 48px;
    font-size: 3rem;
    padding: 6px 0;
    background: url(https://tokugawaen.heritage.jp/application/files/img/icon_open.png) no-repeat right center;
    background-size: 22px;
    cursor: pointer;
  }
  .faq_row .question.is_open {
    background: url(https://tokugawaen.heritage.jp/application/files/img/icon_close.png) no-repeat right center;
    background-size: 22px;
  }
  .faq_row .question .icon {
    display: table-cell;
    vertical-align: top;
    color: white;
    font-size: 35.2px;
    font-size: 2.2rem;
    height: 1em;
    width: 1em;
    line-height: 1;
    text-align: right;
  }
  .faq_row .question .txt {
    display: table-cell;
    vertical-align: top;
    padding: 0 35px 0 10px;
    font-size: 24px;
    font-size: 1.5rem;
    margin-left: 30px;
  }
  .faq_row .answer {
    display: none;
    margin-top: 10px;
    padding: 13px 2px;
    background: white;
    color: #1b193e;
    position: relative;
  }
  .faq_row .answer .icon {
    position: absolute;
    top: 6px;
    left: 8px;
    font-size: 35.2px;
    font-size: 2.2rem;
    color: #1b193e;
  }
  .faq_row .answer p {
    padding-right: 10px;
    padding-left: 29px;
  }
  #contact {
    padding: 78px 0 0;
  }
  #contact .btn_2clo {
    position: static;
    margin-top: 30px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #contact .btn_2clo .btn {
    width: 45%;
  }
  .instagram_box {
    text-align: center;
    margin: 50px 0 0;
  }
  .instagram_box a {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 40px;
    background: #f2f2f2;
  }
  .instagram_box a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .instagram_box .copy {
    padding-left: 20px;
    margin-left: 20px;
    border-left: 1px solid #000;
  }
  .instagram_box .copy_main {
    font-weight: 700;
  }
  #news {
    padding-top: 78px;
  }
  .news_cont {
    max-width: 600px;
    margin: 30px auto;
    color: #000;
  }
  .news_row {
    display: -ms-flexbox;
    display: flex;
    font-size: 25.6px;
    font-size: 1.6rem;
  }
  a.news_row {
    cursor: pointer;
  }
  a.news_row .news_txt {
    text-decoration: underline;
  }
  .news_item + .news_item {
    margin-top: 16px;
  }
  .news_label {
    width: 95px;
    margin-right: 10px;
    text-align: center;
    color: white;
    background: #1b193e;
    font-size: 22.4px;
    font-size: 1.4rem;
    line-height: 1.5;
    padding-top: 4px;
  }
  .news_label.coupon {
    background: #203c6e;
  }
  .news_date {
    margin-right: 10px;
    font-weight: 700;
  }
  .modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2000;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(27, 25, 62, 0.7);
  }
  .modal.is_show {
    display: block;
  }
  .modal_inr {
    position: relative;
    z-index: 600;
    max-width: 800px;
    height: auto;
    width: 94%;
    margin: 3% auto;
    padding: 3% 5%;
    background: #fff;
  }
  .modal_ttl {
    text-align: center;
    font-size: 28.8px;
    font-size: 1.8rem;
  }
  .modal_date {
    display: block;
  }
  .modal_img {
    width: 100%;
    max-width: 600px;
    margin: 15px auto 30px;
    text-align: center;
  }
  .modal_img img {
    max-width: 100%;
  }
  .modal_txt {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    font-size: 22.4px;
    font-size: 1.4rem;
    color: #333;
  }
  .modal .btn_close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: #1b193e;
    border: none;
    color: #1b193e;
    cursor: pointer;
    font-size: 64px;
    font-size: 4rem;
    outline: none;
    text-align: center;
    line-height: 1;
  }
  .modal .btn_close:after, .modal .btn_close:before {
    display: inline-block;
    border-right: 2px solid white;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modal .btn_close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px;
  }
  .modal .menu_item_list {
    padding-left: 0;
  }
  .store_image_slider {
    margin-top: 50px;
  }
  .store_image_slider span.btn {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    z-index: 10;
  }
  .store_image_slider span.btn.prev {
    left: 20px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .store_image_slider span.btn.next {
    right: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #access {
    margin: 0 auto 59px;
    padding-top: 53px;
  }
  #access .content_ttl {
    margin-bottom: 28px;
  }
  .map_area {
    width: 100%;
  }
  .map_area iframe {
    width: 100%;
    height: 400px;
  }
  .accses_info {
    margin-top: 30px;
    text-align: center;
  }
  .accses_info_col {
    display: inline-block;
    vertical-align: top;
    text-align: left;
  }
  .accses_info_col:first-child {
    margin-right: 5%;
  }
  .accses_info_item + .accses_info_item {
    margin-top: 23px;
  }
  .accses_info_item dt {
    font-weight: 700;
    font-size: 24px;
    font-size: 1.5rem;
  }
  .accses_info_item a {
    text-decoration: underline;
  }
  .btn_2clo {
    position: fixed;
    z-index: 100;
    display: -ms-flexbox;
    display: flex;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
  }
  .btn_2clo .btn {
    display: block;
    width: 50%;
    text-align: center;
  }
  .btn_2clo .btn a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .btn_2clo .btn .inr {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: white;
    font-size: 32px;
    font-size: 2rem;
    line-height: 1.2;
    padding: 1.5px;
    height: 60px;
    transition: opacity 0.3s;
  }
  .btn_2clo .btn .inr .txt {
    display: inline-block;
    padding: 5px 0 5px 40px;
  }
  .btn_2clo .btn .inr .txt > span {
    display: block;
    font-size: 19.2px;
    font-size: 1.2rem;
    width: 100%;
  }
  .btn_2clo .btn.booking .inr {
    background: #203c6e;
  }
  .btn_2clo .btn.booking .txt {
    background: url(https://tokugawaen.heritage.jp/application/files/img/icon_btn_book.png) no-repeat 0 50%;
  }
  .btn_2clo .btn.tel .inr {
    background: #1b193e;
  }
  .btn_2clo .btn.tel .txt {
    background: url(https://tokugawaen.heritage.jp/application/files/img/icon_btn_tel.png) no-repeat 0 50%;
  }
  .btn_2clo .btn.tel a {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .wrapper {
      overflow-x: hidden;
    }
    .content_ttl > span {
      padding-bottom: 0;
    }
    .modal_inr {
      padding: 10px;
      margin: 10% auto;
    }
    .modal_ttl {
      font-size: 1.6rem;
    }
    .main_visual_area {
      position: relative;
      max-height: 100%;
      height: 90vh;
    }
    .main_visual_area .main_ttl {
      width: 100%;
      height: auto;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-align: center;
      align-items: center;
    }
    .main_visual_area .main_ttl img {
      width: 100%;
      max-width: 250px;
      margin: 0;
    }
    .main_visual li img {
      height: 100vh;
      width: 100%;
      object-fit: cover;
    }
    .main_visual .slick-current img {
      -webkit-animation: mainVisual 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
      animation: mainVisual 6s cubic-bezier(0.32, 0.32, 0.63, 0.63) forwards;
    }
    @-webkit-keyframes mainVisual {
      0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
    @keyframes mainVisual {
      0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(1);
        transform: scale(1);
      }
      to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
      }
    }
    #concept {
      padding: 30px 0;
    }
    .concept_lead {
      font-size: 1.5rem;
      line-height: 2.5;
      text-align: center;
    }
    .menu {
      padding-top: 30px;
      margin-bottom: 0;
    }
    .menu_list {
      display: block;
    }
    .menu a:hover {
      opacity: 1;
    }
    .menu .content_inr .note_list {
      margin: 20px 10px 0;
    }
    .menu_item {
      width: 100%;
      padding: 10px;
      margin: 0 auto;
    }
    .menu_item_name {
      font-size: 1.8rem;
    }
    .menu_item_price {
      font-size: 1.8rem;
    }
    .menu_item + .menu_item {
      margin-top: 20px;
    }
    .other_menu {
      padding: 40px 0;
    }
    .other_menu_slide li {
      text-align: left;
    }
    .other_menu_slide_menu > li {
      font-size: 1.9rem;
    }
    .other_menu_box .box_2col {
      width: 93%;
      margin: 0 auto;
    }
    .other_menu_box .col:last-child {
      margin-top: 30px;
    }
    .box_2col {
      display: block;
    }
    #all_menu {
      padding-top: 30px;
      margin: 0;
    }
    .pdf_link_box .pdf_link:hover {
      opacity: 1;
    }
    #contact {
      padding-top: 40px;
    }
    #contact .btn_2clo {
      display: block;
    }
    #contact .btn_2clo .btn {
      width: 90%;
      margin: 0 auto 10px;
    }
    .instagram_box {
      margin: 50px 10px 0;
    }
    .instagram_box a {
      padding: 10px;
    }
    .instagram_box a:hover {
      opacity: 1;
    }
    .instagram_box .icon {
      width: 15%;
      max-width: 40px;
    }
    .instagram_box .icon img {
      width: 100%;
    }
    .instagram_box .copy {
      padding-left: 10px;
      margin-left: 10px;
      border-left: 1px solid #000;
    }
    .instagram_box .copy_main {
      font-weight: 700;
    }
    #news {
      padding-top: 40px;
    }
    .news_row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 10px;
    }
    .news_label {
      line-height: 2;
      font-size: 1.2rem;
      padding: 0;
    }
    .news_txt {
      width: 100%;
      font-size: 1.4rem;
    }
    .news_normaltxt {
      width: 100%;
      font-size: 1.4rem;
    }
    #access {
      padding-top: 40px;
    }
    .accses_info {
      text-align: left;
      padding: 0 10px;
    }
    .accses_info_col {
      display: block;
      margin-bottom: 23px;
    }
    .accses_info_col:first-child {
      margin-right: 0;
    }
    .map_area iframe {
      height: 280px;
    }
    .btn_2clo .btn a:hover {
      opacity: 1;
    }
    .btn_2clo .btn .inr {
      font-size: 1.5rem;
    }
    .btn_2clo .btn .inr .txt > span {
      font-size: 1.1rem;
    }
    .btn_2clo .btn.tel a {
      display: -ms-inline-flexbox;
      display: inline-flex;
    }
    .btn_2clo .btn.tel > p {
      display: none;
    }
    .btn_2clo.fixed_btn .btn.tel .txt {
      background-size: 13%;
      padding-left: 22px;
    }
  }
  .reservation_btn {
    width: 70%;
    max-width: 300px;
    margin: 10px auto 0;
    text-align: center;
  }
  .reservation_btn > a {
    display: block;
    background-color: #203c6e;
    padding: 13px 10px;
  }
  .reservation_btn a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .reservation_btn .btn_arrow_r {
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
  }
  .reservation_btn .btn_arrow_r:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    border-top: 2px solid white;
    border-right: 2px solid white;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    bottom: 0;
    right: 15px;
    margin-top: -7.5px;
  }
  .reservation_icon {
    display: inline-block;
    padding: 5px 0 5px 40px;
    background: url(https://tokugawaen.heritage.jp/application/files/img/icon_btn_book.png) no-repeat 0 50%;
    color: #fff;
  }
  .reservation_icon {
    display: inline-block;
    padding: 5px 0 5px 40px;
    background: url(https://tokugawaen.heritage.jp/application/files/img/icon_btn_book.png) no-repeat 0 50%;
    color: #fff;
  }
  .pdf_link_box {
    margin: 30px auto;
    text-align: center;
    display: flex;
    justify-content: center;
  }
  .pdf_link_box_ttl {
    width: 33%;
  }
  .pdf_link_box_ttl:first-child {
    margin-right: 20px;
  }
  .pdf_link_box .pdf_link {
    display: inline-block;
    margin-bottom: 10px;
    transition: opacity 0.3s;
  }
  .pdf_link_box_ttl {
    margin-bottom: 6px;
    font-size: 1.7rem;
    color: #1b193e;
    font-weight: 700;
  }
  .pdf_link_box .pdf_link:hover {
    opacity: 0.6;
    transition: opacity 0.3s;
  }
  .pdf_link_box .pdf_link img {
    max-width: 100%;
  }
  .pdf_link_box .pdf_link img {
    max-width: 100%;
    /*   margin-right: 20px;*/
  }
  .pdf_link_box_ttl {
    display: inline-block;
    margin: 0 auto;
  }
  .pdf_link_box li {
    width: 33%;
  }
  .pdf_link_box li:first-child {
    margin-right: 20px;
  }
  /* レスポンシブテンプレートでの画像の横並べとスマホで解除 */
  @media screen and (max-width: 767px) {
    .pdf_link_box {
      display: block;
    }
    .pdf_link_box .left-pic {
      width: 100%;
      margin: 0 auto;
    }
    .pdf_link_box .right-pic {
      width: 100%;
      margin: 0 auto;
    }
    .pdf_link_box {
      display: block;
    }
    .pdf_link_box li:first-child {
      margin: 0 auto 20px;
    }
    .pdf_link_box li {
      width: 80%;
      margin: 0 auto;
    }
    .pdf_link_box_ttl {
      margin-bottom: 6px;
      font-size: 1.7rem;
      color: #1b193e;
      font-weight: 700;
    }
    .pdf_link_box .pdf_link {
      display: inline-block;
      margin-bottom: 10px;
      transition: opacity 0.3s;
    }
    .pdf_link_box .pdf_link img {
      max-width: 100%;
    }
    .reservation_btn {
      width: 70%;
      max-width: 300px;
      margin: 10px auto 0;
      text-align: center;
    }
    .reservation_btn .btn_arrow_r {
      position: relative;
      padding-left: 25px;
      padding-right: 25px;
    }
    .reservation_btn > a {
      display: block;
      background-color: #203c6e;
      padding: 13px 10px;
      /*        padding-right: 10px;
          padding-left: 10px;*/
    }
    .reservation_btn .btn_arrow_r::before {
      display: inline-block;
      width: 15px;
      height: 15px;
      position: absolute;
      border-top: 2px solid white;
      border-right: 2px solid white;
      content: "";
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
      top: 50%;
      bottom: 0;
      right: 15px;
      margin-top: -7.5px;
    }
    .reservation_icon {
      display: inline-block;
      padding: 5px 0 5px 40px;
      background: url(https://tokugawaen.heritage.jp/application/files/img/icon_btn_book.png) no-repeat 0 50%;
      color: white;
    }
    #faq {
      padding: 40px 0;
      background: #1b193e;
      color: white;
      margin-top: 30px;
    }
  }
  .menu_early_bnr {
    display: flex;
    border: 2px solid #203c6e;
    margin: 20px auto;
    padding: 20px;
    justify-content: space-around;
    align-items: center;
    width: 60%;
    min-width: 660px;
  }
  .menu_early_bnr_ttl {
    font-size: 2rem;
    font-weight: 700;
    color: #1b193e;
  }
  .menu_early_bnr {
    width: 90%;
    min-width: 0;
    display: block;
    text-align: center;
    padding: 10px;
  }
  .menu_early_bnr_ttl {
    font-size: 2rem;
  }
  .menu_early_bnr_ttl + p > br {
    display: none;
  }
  .menu_item_opdinner {
    display: inline-block;
    min-width: 300px;
    margin: 15px auto;
    padding: 13px 10px;
    border: 2px solid #203c6e;
    border-radius: 5px;
    color: #203c6e;
    font-size: 1pc;
  }
  .opdinner_txt {
    padding-right: 5px;
  }
  .opdinner_price {
    font-weight: 600;
  }
  .recruit_btn {
    width: 70%;
    max-width: 300px;
    margin: 10px auto 0;
    text-align: center;
  }
  .recruit_btn > a {
    display: block;
    background-color: #203c6e;
    padding: 13px 10px;
  }
  .recruit_btn a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  *, *::before, *::after {
    box-sizing: border-box;
  }
  ul[class], ol[class] {
    padding: 0;
  }
  body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd {
    margin: 0;
  }
  body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
  }
  ul[class], ol[class] {
    list-style: none;
  }
  a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
  }
  /*img {*/
  /*  max-width: 100%;*/
  /*  display: block;*/
  /*}*/
  article > * + * {
    margin-top: 1em;
  }
  input, button, textarea, select {
    font: inherit;
  }
  /*PROJ_ZETTON-82*/
  /*自動スライドを使用するためコメントアウト*/
  @media (prefers-reduced-motion: reduce) {
    * {
      -webkit-animation-duration: 0.01ms !important;
      animation-duration: 0.01ms !important;
      -webkit-animation-iteration-count: 1 !important;
      animation-iteration-count: 1 !important;
      /*-webkit-transition-duration: 0.01ms !important;*/
      /*transition-duration: 0.01ms !important;*/
      scroll-behavior: auto !important;
    }
  }
  .sp-area {
    display: none;
  }
  @media (max-width: 767px) {
    .pc-area {
      display: none;
    }
    .sp-area {
      display: block;
    }
  }
  /* Slider */
  .slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: none;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table;
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
  }
  [dir="rtl"] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide.slick-loading img {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-initialized .slick-slide {
    display: block;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  /* Slider */
  /* Icons */
  /*@font-face {*/
  /*  font-family: "slick";*/
  /*  src: url("./fonts/slick.eot");*/
  /*  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");*/
  /*  font-weight: normal;*/
  /*  font-style: normal;*/
  /*}*/
  /* Arrows */
  .slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
  }
  .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
  }
  .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  .slick-prev:before, .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-prev {
    left: -25px;
  }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
  }
  .slick-prev:before {
    content: "←";
  }
  [dir="rtl"] .slick-prev:before {
    content: "→";
  }
  .slick-next {
    right: -25px;
  }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
  }
  .slick-next:before {
    content: "→";
  }
  [dir="rtl"] .slick-next:before {
    content: "←";
  }
  /* Dots */
  .slick-dotted.slick-slider {
    margin-bottom: 30px;
  }
  .slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
  }
  .slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
  }
  .slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
  }
  .slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
  }
  .slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
  }
  /* ================================================== *
  /*
  /*    BASE
  /*
  /* ================================================== */
  /* ------------------------------------------------- *
  /*        base
  /* ------------------------------------------------- */
  body {
    background: rgba(251, 250, 249, 0.999);
    color: #55534f;
    font-family: "IBM Plex Sans", "Noto Sans JP", "Noto Sans TC", sans-serif;
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: 0.075em;
    font-weight: 300;
  }
  @media (min-width: 769px) {
    body {
      font-size: 14px;
      line-height: 2;
      letter-spacing: 0.05em;
    }
  }
  *:focus {
    outline: none !important;
  }
  /* ------------------------------------------------- *
  /*        image
  /* ------------------------------------------------- */
  /*img {*/
  /*  width: 100%;*/
  /*  height: auto;*/
  /*}*/
  /* ------------------------------------------------- *
  /*        link
  /* ------------------------------------------------- */
  a {
    color: #55534f;
    text-decoration: none;
    -webkit-transition: all 0.1s linear;
    transition: all 0.1s linear;
  }
  a:visited {
    color: #55534f;
  }
  a:hover {
    color: #55534f;
    text-decoration: none;
  }
  /* ================================================== *
  /*
  /*    BUTTON
  /*
  /* ================================================== */
  /* ------------------------------------------------- *
  /*        button1
  /* ------------------------------------------------- */
  a.button1 {
    border: 1px solid #55534f;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    color: #55534f;
    padding: 10px 10px;
    -webkit-box-pack: center;
    justify-content: left;
  }
  a.button2 {
    border: 1px solid #55534f;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    color: #55534f;
    padding: 10px 10px;
    -webkit-box-pack: center;
    justify-content: left;
  }
  @media (min-width: 769px) {
    a.button1 {
      padding: 20px 20px;
    }
  }
  @media (min-width: 769px) {
    a.button2 {
      padding: 20px 20px;
    }
  }
  a.button3 {
    border: 1px solid #55534f;
    background: #55534f;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    padding: 10px 10px;
    -webkit-box-pack: center;
    justify-content: left;
  }
  @media (min-width: 769px) {
    a.button1 {
      padding: 20px 20px;
    }
  }
  @media (min-width: 769px) {
    a.button3 {
      padding: 20px 20px;
    }
  }
  a.button1:hover {
    background: #55534f;
    color: #000;
  }
  a.button1:before {
    content: "PDF";
    display: inline-block;
    width: 24px;
    height: 29px;
    margin: 0 15px 0 0;
    font-size: 10px;
    background: #55534f;
    color: #000;
    text-align: center;
    line-height: 29px;
    font-weight: 500;
  }
  a.button1:hover:before {
    background: #000;
    color: #55534f;
  }
  a.button1 span {
    font-size: 14px;
    color: white;
    display: block;
    margin: 0 15px 0 0;
    font-weight: 400;
  }
  a.button1:hover span {
    color: #000;
  }
  a.button2:hover {
    background: #55534f;
    color: #000;
  }
  a.button2:before {
    content: "▶";
    display: inline-block;
    width: 24px;
    height: 29px;
    margin: 0 15px 0 0;
    font-size: 10px;
    background: #55534f;
    color: #000;
    text-align: center;
    line-height: 29px;
    font-weight: 500;
  }
  a.button2:hover:before {
    background: #000;
    color: #55534f;
  }
  a.button2 span {
    font-size: 14px;
    color: white;
    display: block;
    margin: 0 15px 0 0;
    font-weight: 400;
  }
  a.button2:hover span {
    color: #000;
  }
  a.button3:hover {
    background: #55534f;
    color: #000;
  }
  a.button3:before {
    content: "▶";
    display: inline-block;
    width: 24px;
    height: 29px;
    margin: 0 15px 0 0;
    font-size: 10px;
    background: #000;
    color: #55534f;
    text-align: center;
    line-height: 29px;
    font-weight: 500;
  }
  a.button3:hover:before {
    background: #000;
    color: #55534f;
  }
  a.button3 span {
    font-size: 14px;
    color: #000;
    display: block;
    margin: 0 15px 0 0;
    font-weight: 400;
  }
  a.button3:hover span {
    color: #000;
  }
  /* ================================================== *
  /*
  /*    TITLE
  /*
  /* ================================================== */
  /* ------------------------------------------------- *
  /*        title1
  /* ------------------------------------------------- */
  .title1__title1 {
    color: white;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.4em;
  }
  @media (min-width: 769px) {
    .title1__title1 {
      font-size: 40px;
      letter-spacing: 0.3em;
    }
  }
  /* ================================================== *
  /*
  /*    BLOCK
  /*
  /* ================================================== */
  /* ------------------------------------------------- *
  /*        header
  /* ------------------------------------------------- */
  .header1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    height: 0;
    background: rgba(236, 235, 222, 0.989);
    height: 55px;
  }
  /* .header1.-active {
    height: 55px;
  } */
  @media (min-width: 769px) {
    .header1 {
      height: 80px;
    }
  }
  /* @media (min-width: 769px) {
    .header1.-active {
      height: 80px;
    }
  } */
  .header1__btnToggle1, .header1__btnToggle1 span {
    display: inline-block;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-sizing: border-box;
  }
  .header1__btnToggle1 {
    width: 20px;
    height: 20px;
    position: fixed;
    z-index: 100;
    left: 25px;
    top: 18px;
  }
  @media (min-width: 769px) {
    .header1__btnToggle1 {
      display: none;
    }
  }
  .header1__btnToggle1 span.line {
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
  }
  .header1__btnToggle1 span:nth-of-type(1) {
    top: 0;
  }
  .header1__btnToggle1 span:nth-of-type(2) {
    top: 0;
    bottom: 6px;
    margin: auto;
  }
  .header1__btnToggle1 span:nth-of-type(3) {
    bottom: 6px;
  }
  .header1__btnToggle1 span.menu-letter {
    font-size: 10px;
    margin: 15px 0 0 -5px;
  }
  .header1__btnToggle1.-active span:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-45deg);
    transform: translateY(10px) rotate(-45deg);
  }
  .header1__btnToggle1.-active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 0.8s forwards;
    animation: active-menu-bar02 0.8s forwards;
  }
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  .header1__btnToggle1.-active span:nth-of-type(3) {
    bottom: -1px;
    -webkit-transform: translateY(-10px) rotate(45deg);
    transform: translateY(-10px) rotate(45deg);
  }
  .header1__btnToggle1.-active span.menu-letter {
    display: none;
  }
  .header1__nav1 {
    display: none;
  }
  @media (min-width: 769px) {
    .header1__nav1 {
      display: block !important;
    }
  }
  .header1__selectlanguage {
    position: fixed;
    top: 20px;
    right: 115px;
    line-height: 1;
  }
  @media (min-width: 769px) {
    .header1__selectlanguage {
      top: 28px;
      right: 150px;
      z-index: 100;
    }
  }
  .header1__selectlanguage span {
    font-weight: bold;
    text-decoration: underline;
    color: #55534f;
  }
  .header1__selectlanguage a:hover {
    opacity: 0.5;
  }
  .header1__linkBookNow1 {
    position: fixed;
    top: 16px;
    right: 15px;
    line-height: 1;
  }
  @media (min-width: 769px) {
    .header1__linkBookNow1 {
      top: 25px;
      right: 20px;
      z-index: 100;
    }
  }
  .header1__linkBookNow1 a {
    display: inline-block;
    font-size: 10px;
    line-height: 1;
    padding: 0 0 7px 0;
    border-bottom: 2px solid white;
    font-weight: 600;
    letter-spacing: 0.2em;
  }
  .header1__linkBookNow1 a:hover {
    opacity: 0.5;
  }
  @media (min-width: 769px) {
    .header1__linkBookNow1 a {
      font-size: 12px;
    }
  }
  /* ------------------------------------------------- *
  /*        nav1
  /* ------------------------------------------------- */
  @media (max-width: 768px) {
    .pc-area {
      display: none;
    }
  }
  .nav1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, 0.96);
    padding: 80px 40px 0;
    z-index: 10;
  }
  @media (min-width: 769px) {
    .nav1 {
      background: none;
      padding: 0;
      margin: 32px 0 0 60px;
      height: auto;
    }
  }
  .nav1 ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  @media (min-width: 769px) {
    .nav1 ul {
      display: -webkit-box;
      display: flex;
    }
  }
  .nav1 li {
    margin: 45px 0 0 0;
  }
  @media (min-width: 769px) {
    .nav1 li {
      margin: 0 0 0 40px;
    }
  }
  .nav1 li:first-child {
    margin: 0;
  }
  .nav1 a {
    display: block;
    line-height: 0.7;
    font-size: 25px;
  }
  @media (min-width: 769px) {
    .nav1 a {
      font-size: 13px;
    }
  }
  .nav1 a:hover {
    opacity: 0.5;
  }
  .nav1 .nav-item .nav-link {
    font-weight: normal;
  }
  /* ------------------------------------------------- *
  /*        nav2
  /* ------------------------------------------------- */
  .sp-area {
    display: none;
  }
  @media (max-width: 768px) {
    .sp-area {
      display: block;
    }
  }
  .nav2 {
    position: fixed;
    overflow-y: scroll;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(24, 24, 24, 0.96);
    padding: 80px 20px 0;
    z-index: 10;
  }
  .nav2 ul {
    list-style: none;
    margin: 0 0 35px;
    padding: 0;
  }
  .nav2 .sp_menu li {
    margin: 0px 0 0 0;
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 10px; */
    position: relative;
    border-bottom: 0.1px solid #55534f;
    padding: 1em 0;
  }
  .nav2 .sp_menu li::after {
    content: "";
    background-image: url("../img/common/ico_arrow-menu-right.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  .nav2 .sp_menu li a {
    display: flex;
    align-items: center;
    width: 100%;
  }
  .nav2 .sp_menu li .english {
    margin-right: auto;
    margin-left: 10px;
    color: #55534f;
    font-size: 16px;
  }
  .nav2 li .japanese {
    color: #55534f;
    margin-right: 25px;
  }
  .nav2 .sp_menu li:first-child {
    margin: 0;
  }
  .nav a:hover {
    opacity: 0.5;
  }
  .sp_menu_option {
    color: white;
    font-size: 1rem;
  }
  ul.reservation2__sns2 {
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
  }
  ul.reservation2__sns2 img {
    width: 45px;
  }
  ul.reservation2__sns2 li {
    margin-right: 25px;
  }
  ul.reservation2__sns2 li:last-child {
    margin-right: 0;
  }
  ul.reservation2__sns2 a {
    display: block;
  }
  ul.reservation2__sns2 a:hover {
    opacity: 0.5;
  }
  /* ------------------------------------------------- *
  /*        追加 : 追従バナー
  /* ------------------------------------------------- */
  .banner {
    position: fixed;
    margin: 15px 20px;
    z-index: 99998;
    bottom: 0;
    right: 0;
  }
  .banner a {
    text-decoration: none;
  }
  .banner-body {
    width: 250px;
  }
  /* .banner-body:hover {
    transition: opacity 0.3s ease;
    opacity: 0.7;
  } */
  .banner-close {
    font-weight: bold;
    position: absolute;
    top: -25px;
    right: 0px;
    z-index: 99999;
    padding: 0px 8px;
    border: none;
    width: 25px;
    height: 25px;
    cursor: pointer;
  }
  @media screen and (max-width: 750px) {
    .banner {
      width: 50%;
      margin: 0px;
    }
    .banner-body {
      width: 100%;
      border-radius: 0px;
    }
    .banner-close {
      top: -24px;
      right: 0px;
    }
  }
  /* ------------------------------------------------- *
  /*        keyVisual1
  /* ------------------------------------------------- */
  .keyVisual1 {
    position: relative;
    padding: 177% 0 0 0;
  }
  @media (min-width: 769px) {
    .keyVisual1 {
      padding: 0;
      height: calc(100vh - 100px);
      min-height: 650px;
    }
  }
  .keyVisual1__btnScroll1 {
    position: absolute;
    left: 38px;
    bottom: 42px;
  }
  .keyVisual1__btnScroll1 a {
    display: block;
    width: 9px;
    height: 91px;
    /*background: url("../img/txt_kv2_1.png") 0 0 no-repeat;*/
    background-size: 9px 91px;
  }
  @media (min-width: 769px) {
    .keyVisual1__btnScroll1 a {
      width: 11px;
      height: 141px;
      /*background: url("../img/txt_kv2_2.png") 0 0 no-repeat;*/
      background-size: 11px 141px;
    }
  }
  .keyVisual1__slider1__unit1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    /*height: 100%;*/
    overflow: hidden;
  }
  .keyVisual1__slider1__unit1__catch1 {
    position: absolute;
    left: 0;
    top: 20px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 35px;
  }
  .keyVisual1__slider1__unit1__catch1 img {
    max-width: 300px;
    margin: auto;
  }
  @media (min-width: 769px) {
    .keyVisual1__slider1__unit1__catch1 img {
      max-width: 300px;
    }
  }
  .keyVisual1__slider1__unit1__image1 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }
  /* ------------------------------------------------- *
  /*        news1
  /* ------------------------------------------------- */
  .news1 {
    padding: 60px 25px;
    /*background: $background;*/
    /*color: $primary;*/
  }
  @media (min-width: 769px) {
    .news1 {
      display: -webkit-box;
      display: flex;
      width: 100%;
      height: auto;
      padding: 100px 25px;
    }
  }
  .content_inr {
    max-width: 760px;
    width: 90%;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
  }
  @media (max-width: 769px) {
    .content_inr {
      max-width: 860px;
      width: 90%;
      margin: 0 auto;
      padding: 0;
      display: inline;
    }
  }
  .news_title .ttl {
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.2em;
    margin-bottom: 0;
  }
  @media (min-width: 769px) {
    .news_title .ttl {
      margin-top: 3px;
      font-size: 25px;
      margin-right: 30px;
    }
  }
  .news_container {
    max-width: 600px;
  }
  @media (max-width: 769px) {
    .news_container {
      width: 100%;
      margin: 20px auto 0;
    }
  }
  .news_item + .news_item {
    margin-top: 13px;
  }
  .news_row {
    display: flex;
  }
  @media (max-width: 769px) {
    .news_row {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      flex-direction: column;
      padding: 0 10px;
    }
  }
  .news_row:hover {
    opacity: 0.5;
    cursor: pointer;
  }
  .news1__date1 {
    font-size: 1rem;
    font-weight: 700;
  }
  @media (min-width: 769px) {
    .news1__date1 {
      margin-right: 10px;
    }
  }
  .news1__text1 {
    text-decoration: underline;
    font-size: 1rem;
  }
  .news1__text1 a {
    color: white;
  }
  .news1__modal1 {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    display: none;
  }
  .news1__modal1__unit1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1000;
    background: rgba(232, 232, 232, 0.9);
    padding: 50px 20px 40px 20px;
    height: 500px;
    overflow: scroll;
    margin: auto 20px;
  }
  @media (min-width: 769px) {
    .news1__modal1__unit1 {
      max-width: 840px;
      margin: auto;
      height: 80vh;
      padding: 100px 100px 70px;
    }
  }
  .news1__modal1__unit1__text1 {
    font-size: 14px;
    color: #000;
    margin: 30px 0 0 0;
  }
  @media (min-width: 769px) {
    .news1__modal1__unit1__text1 {
      font-size: 12px;
      margin: 40px 0 0 0;
    }
  }
  .news1__modal1__unit1__text1 p {
    margin: 20px 0 0 0;
  }
  .news1__modal1__unit1__text1 p:first-child {
    margin: 0;
  }
  .news1__modal1__unit1__btnClose1 {
    width: 30px;
    height: 30px;
    background: #fefeff;
    position: absolute;
    top: 0;
    right: 0;
  }
  @media (min-width: 769px) {
    .news1__modal1__unit1__btnClose1 {
      width: 60px;
      height: 60px;
    }
  }
  .news1__modal1__unit1__btnClose1 span {
    position: absolute;
    left: 0;
    right: 0;
    width: 60%;
    height: 1px;
    background: #55534f;
    margin: auto;
  }
  .news1__modal1__unit1__btnClose1 span:nth-of-type(1) {
    top: 0;
  }
  .news1__modal1__unit1__btnClose1 span:nth-of-type(2) {
    bottom: 0;
  }
  .news1__modal1__unit1__btnClose1 span:nth-of-type(1) {
    -webkit-transform: translateY(14px) rotate(-45deg);
    transform: translateY(14px) rotate(-45deg);
  }
  @media (min-width: 769px) {
    .news1__modal1__unit1__btnClose1 span:nth-of-type(1) {
      -webkit-transform: translateY(29px) rotate(-45deg);
      transform: translateY(29px) rotate(-45deg);
    }
  }
  .news1__modal1__unit1__btnClose1 span:nth-of-type(2) {
    -webkit-transform: translateY(-14px) rotate(45deg);
    transform: translateY(-14px) rotate(45deg);
  }
  @media (min-width: 769px) {
    .news1__modal1__unit1__btnClose1 span:nth-of-type(2) {
      -webkit-transform: translateY(-29px) rotate(45deg);
      transform: translateY(-29px) rotate(45deg);
    }
  }
  .news1__modal1__unit1__btnClose2 {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-align: center;
    line-height: 1;
    margin: 40px 0 0 0;
    cursor: pointer;
  }
  @media (min-width: 769px) {
    .news1__modal1__unit1__btnClose2 {
      font-size: 22px;
      margin: 70px 0 0 0;
    }
  }
  .news1__modal1__layer1 {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
  }
  /* ------------------------------------------------- *
  /*        concept1
  /* ------------------------------------------------- */
  .concept1 {
    padding: 80px 25px 80px;
    /*background: url("../img/concept1_bg1_1.png") 0 0 no-repeat;*/
    background-size: cover;
    color: white;
  }
  @media (min-width: 769px) {
    .concept1 {
      padding: 140px 50px 140px;
    }
  }
  @media (min-width: 769px) {
    .concept1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .concept1__textEn1 {
    font-size: 15px;
    line-height: 1.9;
  }
  @media (min-width: 769px) {
    .concept1__textEn1 {
      font-size: 16px;
    }
  }
  .concept1__textEn1 span {
    font-size: 19px;
  }
  @media (min-width: 769px) {
    .concept1__textEn1 span {
      font-size: 26px;
    }
  }
  .concept1__textJp1 {
    font-size: 14px;
    margin: 55px 0 0 0;
  }
  @media (min-width: 769px) {
    .concept1__textJp1 {
      font-size: 16px;
    }
  }
  /* ------------------------------------------------- *
  /*        about1
  /* ------------------------------------------------- */
  .about1 {
    padding: 60px 25px 0;
  }
  @media (min-width: 769px) {
    .about1 {
      padding: 120px 50px 0;
    }
  }
  @media (min-width: 769px) {
    .about1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .about1__textEn1 {
    font-size: 15px;
    line-height: 1.7;
    color: #FFFEFE;
    margin: 40px 0 0 0;
    font-weight: 200;
  }
  @media (min-width: 769px) {
    .about1__textEn1 {
      margin: 50px 0 0 0;
      font-size: 16px;
    }
  }
  .about1__textEn1 span {
    color: white;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 500;
    display: block;
    margin: 0 0 30px 0;
  }
  @media (min-width: 769px) {
    .about1__textEn1 span {
      font-size: 16px;
      line-height: 2;
    }
  }
  .about1__textJp1 {
    font-size: 14px;
    margin: 45px 0 0 0;
  }
  @media (min-width: 769px) {
    .about1__textJp1 {
      font-size: 16px;
      margin: 60px 0 0 0;
      line-height: 2.14;
      letter-spacing: -0.01em;
    }
  }
  .about1__image1 {
    margin: 60px -25px 0;
  }
  @media (min-width: 769px) {
    .about1__image1 {
      margin: 120px -50px 0;
      padding: 40% 0 0 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
  @media (min-width: 769px) {
    .about1__image1 img {
      display: none;
    }
  }
  /* ------------------------------------------------- *
  /*        scenes1
  /* ------------------------------------------------- */
  .scenes1 {
    padding: 60px 25px 40px;
    background: rgba(251, 250, 249, 0.999);
  }
  @media (min-width: 769px) {
    .scenes1 {
      padding: 120px 50px 80px;
      overflow: hidden;
    }
  }
  @media (min-width: 769px) {
    .scenes1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .scenes1__arrow1 {
    margin: 30px 0 0 0;
  }
  @media (min-width: 769px) {
    .scenes1__arrow1 {
      margin: 60px 0 0 0;
    }
  }
  @media (min-width: 769px) {
    .scenes1__slider1 {
      position: relative;
      width: 100%;
      left: 50%;
      margin: 35px 0 0 calc(-50vw + 50px);
    }
  }
  @media screen and (min-width: 900px) {
    .scenes1__slider1 {
      margin: 35px 0 0 -400px;
    }
  }
  .scenes1__slider1__slick1__unit1 {
    width: 200px;
    margin: 0 38px 0 0;
  }
  @media (min-width: 321px) {
    .scenes1__slider1__slick1__unit1 {
      max-width: 275px;
    }
  }
  @media (min-width: 769px) {
    .scenes1__slider1__slick1__unit1 {
      width: 23.5vw;
      min-width: 350px;
      max-width: inherit;
      margin: 0 60px 0 0;
    }
  }
  .scenes1__slider1__slick1__unit1__title1 {
    font-size: 20px;
    color: brown;
    margin: 20px 0 0 0;
    font-weight: 400;
    line-height: 2.5;
  }
  @media (min-width: 769px) {
    .scenes1__slider1__slick1__unit1__title1 {
      font-size: 22px;
      margin: 30px 0 0 0;
    }
  }
  .scenes1__slider1__slick1__unit1__title1 span {
    display: block;
    line-height: 1;
  }
  .scenes1__slider1__slick1__unit1__text1, .art1__slider1__unit1__text1 {
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  @media (min-width: 769px) {
    .scenes1__slider1__slick1__unit1__text1, .art1__slider1__unit1__text1 {
      font-size: 16px;
      margin: 20px 0 0 0;
    }
  }
  .scenes1__slider1__slick1__unit1__text1 span, .art1__slider1__unit1__text1 span {
    color: white;
    font-size: 15px;
    font-weight: 200;
    display: block;
    line-height: 1.7;
  }
  @media (min-width: 769px) {
    .scenes1__slider1__slick1__unit1__text1 span, .art1__slider1__unit1__text1 span {
      font-size: 16px;
      margin: 0 0 30px 0;
    }
  }
  .scenes1__image1 {
    margin: 60px -25px 0;
  }
  @media (min-width: 769px) {
    .scenes1__image1 {
      margin: 120px -50px 0;
      padding: 40% 0 0 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
  @media (min-width: 769px) {
    .scenes1__image1 img {
      display: none;
    }
  }
  /* ------------------------------------------------- *
  /*        menu1
  /* ------------------------------------------------- */
  .menu1 {
    padding: 60px 25px 40px;
  }
  @media (min-width: 769px) {
    .menu1 {
      padding: 120px 50px 80px;
    }
  }
  @media (min-width: 769px) {
    .menu1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .menu1__textEn1 {
    margin: 40px 0 0 0;
    color: white;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 200;
  }
  @media (min-width: 769px) {
    .menu1__textEn1 {
      margin: 60px 0 0 0;
      font-size: 16px;
    }
  }
  .menu1__textJp1 {
    line-height: 1.7;
    margin: 30px 0 0 0;
    font-size: 14px;
  }
  @media (min-width: 769px) {
    .menu1__textJp1 {
      margin: 60px 0 0 0;
      line-height: 2;
      font-size: 16px;
    }
  }
  .menu1__btnMore1 {
    margin: 30px 0 0 0;
    max-width: 360px;
  }
  @media (min-width: 769px) {
    .menu1__btnMore1 {
      margin: 45px 0 0 0;
    }
  }
  /* ------------------------------------------------- *
  /*        gallery
  /* ------------------------------------------------- */
  .gallery {
    padding: 60px 25px 0px;
    background: #000;
  }
  @media (min-width: 769px) {
    .gallery {
      padding: 120px 50px 0px;
    }
  }
  @media (min-width: 769px) {
    .gallery-inner {
      max-width: 840px;
      margin: auto;
    }
  }
  .gallery-photos {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 45px;
    margin-top: 15px;
  }
  .gallery-photos .gallery-photo {
    width: 33.3%;
    padding: 6px;
  }
  @media (min-width: 769px) {
    .gallery-photos .gallery-photo {
      width: 25%;
    }
  }
  .gallery-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 30px;
  }
  .gallery-nav.next {
    right: 0;
  }
  .gallery-nav.prev {
    left: 0;
  }
  @media (min-width: 769px) {
    .gallery-nav {
      width: 40px;
      height: 60px;
    }
  }
  .gallery-close {
    position: fixed;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    z-index: 1000;
    cursor: pointer;
  }
  @media (min-width: 769px) {
    .gallery-close {
      width: 60px;
      height: 60px;
    }
  }
  .mfp-container {
    padding: 0;
  }
  .mfp-figure {
    position: relative;
  }
  @media (min-width: 769px) {
    .mfp-content {
      max-width: 850px !important;
    }
  }
  /* overlay at start */
  .mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
  }
  /* overlay animate in */
  .mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
  }
  /* overlay animate out */
  .mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
  }
  /* content at start */
  .mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
  }
  /* content animate it */
  .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
  }
  /* content animate out */
  .mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
  }
  h3.title2__title2 {
    color: white;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.2em;
  }
  /* ------------------------------------------------- *
  /*        art1
  /* ------------------------------------------------- */
  .art1 {
    padding: 60px 25px 40px;
    background: rgba(251, 250, 249, 0.999);
  }
  @media (min-width: 769px) {
    .art1 {
      padding: 120px 50px 60px;
      overflow: hidden;
    }
  }
  @media (min-width: 769px) {
    .art1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .art1__arrow1 {
    margin: 30px 0 0 0;
  }
  @media (min-width: 769px) {
    .art1__arrow1 {
      margin: 60px 0 0 0;
    }
  }
  @media (min-width: 769px) {
    .art1__slider1 {
      position: relative;
      width: 100%;
      left: 50%;
      margin: 35px 0 0 calc(-50vw + 50px);
    }
  }
  @media screen and (min-width: 900px) {
    .art1__slider1 {
      margin: 35px 0 0 -420px;
    }
  }
  .art1__slider1__unit1 {
    max-width: 200px;
    margin: 0 38px 0 0;
  }
  @media (min-width: 769px) {
    .art1__slider1__unit1 {
      width: 20vw;
      min-width: 310px;
      max-width: inherit;
      margin: 0 60px 0 0;
    }
  }
  .art1__slider1__unit1__title1 {
    font-size: 15px;
    line-height: 1.7;
    color: white;
    margin: 15px 0 0 0;
    font-weight: 200;
  }
  @media (min-width: 769px) {
    .art1__slider1__unit1__title1 {
      font-size: 16px;
      margin: 30px 0 0 0;
    }
  }
  /* ------------------------------------------------- *
  /*        party1
  /* ------------------------------------------------- */
  .party1 {
    padding: 60px 25px 40px;
    background: rgba(251, 250, 249, 0.999);
  }
  @media (min-width: 769px) {
    .party1 {
      padding: 120px 50px 80px;
    }
  }
  @media (min-width: 769px) {
    .party1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .party1__image1 {
    margin: 45px 0 0 0;
  }
  @media (min-width: 769px) {
    .party1__image1 {
      margin: 60px 0 0 0;
    }
  }
  .party1__textEn1 {
    color: white;
    font-weight: 200;
    margin: 30px 0 0 0;
  }
  @media (min-width: 769px) {
    .party1__textEn1 {
      margin: 60px 0 0 0;
      font-size: 16px;
    }
  }
  .party1__textJp1 {
    margin: 40px 0 0 0;
    font-size: 14px;
  }
  @media (min-width: 769px) {
    .party1__textJp1 {
      margin: 60px 0 0 0;
      font-size: 16px;
    }
  }
  .party1__image2 {
    margin: 60px -25px 0;
  }
  @media (min-width: 769px) {
    .party1__image2 {
      margin: 80px -50px 0;
      padding: 40% 0 0 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
  @media (min-width: 769px) {
    .party1__image2 img {
      display: none;
    }
  }
  /* ------------------------------------------------- *
  /*        team1
  /* ------------------------------------------------- */
  .team1 {
    padding: 60px 25px 40px;
    background: rgba(236, 235, 222, 0.989);
  }
  @media (min-width: 769px) {
    .team1 {
      padding: 120px 50px 60px;
    }
  }
  @media (min-width: 769px) {
    .team1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .team1__image1 {
    margin: 45px 0 0 0;
  }
  @media (min-width: 769px) {
    .team1__image1 {
      margin: 60px 0 0 0;
    }
  }
  .team1__textEn1 {
    color: white;
    font-weight: 200;
    margin: 30px 0 0 0;
  }
  @media (min-width: 769px) {
    .team1__textEn1 {
      margin: 60px 0 0 0;
      font-size: 16px;
    }
  }
  .team1__textJp1 {
    margin: 40px 0 0 0;
    font-size: 14px;
  }
  @media (min-width: 769px) {
    .team1__textJp1 {
      margin: 60px 0 0 0;
      font-size: 16px;
    }
  }
  .team1__image2 {
    margin: 60px -25px 0;
  }
  @media (min-width: 769px) {
    .team1__image2 {
      margin: 120px -50px 0;
      padding: 40% 0 0 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
  }
  @media (min-width: 769px) {
    .team1__image2 img {
      display: none;
    }
  }
  /* ------------------------------------------------- *
  /*        information1
  /* ------------------------------------------------- */
  .information1 {
    padding: 60px 25px 0;
  }
  @media (min-width: 769px) {
    .information1 {
      padding: 120px 50px 0;
    }
  }
  @media (min-width: 769px) {
    .information1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  ul.information1__lang1 {
    list-style: none;
    margin: 45px 0 0 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    font-size: 14px;
  }
  @media (min-width: 769px) {
    ul.information1__lang1 {
      margin: 60px 0 0 0;
    }
  }
  ul.information1__lang1 li {
    border-left: 1px solid white;
    padding: 0 30px;
  }
  @media (min-width: 769px) {
    ul.information1__lang1 li {
      padding: 0 50px;
    }
  }
  ul.information1__lang1 li:first-child {
    border: none;
    padding-left: 0;
  }
  ul.information1__lang1 a {
    display: block;
    font-weight: 400;
    padding: 10px 0;
    line-height: 1;
  }
  ul.information1__lang1 a.-active {
    color: #55534f;
  }
  ul.information1__detail1 {
    list-style: none;
    padding: 0;
    margin: 35px 0 0 0;
    display: none;
    font-size: 14px;
  }
  @media (min-width: 769px) {
    ul.information1__detail1 {
      margin: 60px 0 0 0;
      font-size: 16px;
    }
  }
  ul.information1__detail1.-active {
    display: block;
  }
  ul.information1__detail1.-en {
    font-size: 15px;
    color: #DEDEDE;
  }
  ul.information1__detail1 li {
    margin: 35px 0 0 0;
  }
  ul.information1__detail1 li:first-child {
    margin: 0;
  }
  ul.information1__detail1 span {
    display: block;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 10px 0;
  }
  .information1__map1 {
    margin: 60px -25px 0;
  }
  @media (min-width: 769px) {
    .information1__map1 {
      margin: 120px -50px 0;
    }
  }
  .information1__map1 iframe {
    width: 100%;
  }
  @media (min-width: 769px) {
    .information1__map1 iframe {
      height: 410px;
    }
  }
  /* ------------------------------------------------- *
  /*        reservation1
  /* ------------------------------------------------- */
  .reservation1 {
    margin: 60px 0 0 0;
    padding: 0 25px;
  }
  @media (min-width: 769px) {
    .reservation1 {
      margin: 120px 0 0 0;
      padding: 0 50px;
    }
  }
  @media (min-width: 769px) {
    .reservation1__inner1 {
      max-width: 840px;
      margin: auto;
    }
  }
  .reservation1__tel1 {
    margin: 40px 0 0 0;
  }
  @media (min-width: 769px) {
    .reservation1__tel1 {
      margin: 60px 0 0 0;
    }
  }
  .reservation1__tel1__titleEn1 {
    display: block;
    font-size: 15px;
    font-weight: 200;
    line-height: 1;
  }
  @media (min-width: 769px) {
    .reservation1__tel1__titleEn1 {
      font-size: 26px;
    }
  }
  .reservation1__tel1__titleJp1 {
    display: block;
    color: white;
    line-height: 1;
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  @media (min-width: 769px) {
    .reservation1__tel1__titleJp1 {
      font-size: 14px;
    }
  }
  .reservation1__tel1__number1 {
    display: block;
    margin: 25px 0 0 0;
    font-size: 30px;
    font-weight: 200;
  }
  @media (min-width: 769px) {
    .reservation1__tel1__number1 {
      font-size: 36px;
    }
  }
  @media (min-width: 769px) {
    .reservation1__tel1__number1 a {
      pointer-events: none;
    }
  }
  .reservation1__btnReservation1 {
    margin: 45px 0 0 0;
    margin: 100px 0 0 0;
  }
  .reservation1__btnReservation1 a {
    display: block;
    box-shadow: 5px 5px 12px rgba(0, 0, 0, 0.7);
  }
  @media (min-width: 769px) {
    .reservation1__btnReservation1 a {
      padding: 30% 0 0 0;
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
  }
  .reservation1__btnReservation1 a:hover {
    opacity: 0.5;
  }
  @media (min-width: 769px) {
    .reservation1__btnReservation1 img {
      display: none;
    }
  }
  ul.reservation1__sns1 {
    list-style: none;
    margin: 60px 0 0 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
  }
  @media (min-width: 769px) {
    ul.reservation1__sns1 {
      margin: 120px 0 0 0;
    }
  }
  ul.reservation1__sns1 li {
    width: 63px;
  }
  @media (min-width: 769px) {
    ul.reservation1__sns1 li {
      width: 80px;
      margin: 0 10px;
    }
  }
  ul.reservation1__sns1 a {
    display: block;
  }
  ul.reservation1__sns1 a:hover {
    opacity: 0.5;
  }
  /* ------------------------------------------------- *
  /*        footer1
  /* ------------------------------------------------- */
  .footer1 {
    margin: 60px 0 0 0;
    padding: 0 0 50px 0;
    background: #000;
  }
  @media (min-width: 769px) {
    .footer1 {
      margin: 100px 0 0 0;
      padding: 0 0 0 50px;
    }
  }
  @media (min-width: 769px) {
    .footer1__inner1 {
      max-width: 980px;
      margin: auto;
      display: -webkit-box;
      display: flex;
      position: relative;
      -webkit-box-align: center;
      align-items: center;
    }
  }
  .footer1__btnTop1 {
    font-size: 14px;
    font-weight: 200;
    line-height: 1;
    text-align: center;
  }
  @media (min-width: 769px) {
    .footer1__btnTop1 {
      -webkit-box-ordinal-group: 4;
      order: 3;
      margin: 0 0 0 40px;
    }
  }
  .footer1__btnTop1 a {
    display: block;
    width: 100%;
    padding: 20px 0;
    border-bottom: 1px solid rgba(236, 235, 222, 0.989);
  }
  @media (min-width: 769px) {
    .footer1__btnTop1 a {
      border: none;
      border-left: 1px solid rgba(236, 235, 222, 0.989);
      padding: 38px 80px 38px 30px;
      font-size: 12px;
    }
  }
  .footer1__btnTop1 a:before {
    width: 10px;
    height: 10px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    border-top: 1px solid #55534f;
    border-right: 1px solid #55534f;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    margin: 0 10px -2px 0;
    position: relative;
    top: 0;
    -webkit-transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);
  }
  @media (min-width: 769px) {
    .footer1__btnTop1 a:before {
      width: 8px;
      height: 8px;
    }
  }
  .footer1__btnTop1 a:hover:before {
    top: -5px;
  }
  ul.footer1__nav1 {
    list-style: none;
    margin: 30px 0 0 0;
    padding: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
  }
  @media (min-width: 769px) {
    ul.footer1__nav1 {
      margin: 0;
    }
  }
  ul.footer1__nav1 li {
    font-size: 13px;
  }
  ul.footer1__nav1 li:before {
    content: "・";
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    color: #55534f;
  }
  ul.footer1__nav1 li:first-child:before {
    display: none;
  }
  ul.footer1__nav1 a {
    font-size: 14px;
  }
  ul.footer1__nav1 a:hover {
    opacity: 0.5;
  }
  .footer1__copy1 {
    font-size: 12px;
    color: white;
    text-align: center;
    display: block;
    line-height: 1;
    margin: 35px 0 0 0;
  }
  @media (min-width: 769px) {
    .footer1__copy1 {
      margin: 0 0 0 auto;
    }
  }
  /* ------------------------------------------------- *
  /*        js-slick
  /* ------------------------------------------------- */
  .js-slick .slick-list {
    padding: 0 !important;
    overflow: visible;
  }
  .js-slick__arrow2, .js-slick__arrow1 {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
  }
  .js-slick__arrow2 .slick-prev, .js-slick__arrow2 .slick-next, .js-slick__arrow1 .slick-prev, .js-slick__arrow1 .slick-next {
    position: static;
    width: 34px;
    height: 30px;
  }
  @media (min-width: 769px) {
    .js-slick__arrow2 .slick-prev, .js-slick__arrow2 .slick-next, .js-slick__arrow1 .slick-prev, .js-slick__arrow1 .slick-next {
      width: 58px;
      height: 30px;
    }
  }
  .js-slick__arrow2 .slick-prev:before, .js-slick__arrow2 .slick-next:before, .js-slick__arrow1 .slick-prev:before, .js-slick__arrow1 .slick-next:before {
    content: "";
    display: block;
    width: 34px;
    height: 30px;
    /*background: url("../img/arrow_type1_right1.png") 0 center no-repeat;*/
    background-size: 34px 4px;
  }
  @media (min-width: 769px) {
    .js-slick__arrow2 .slick-prev:before, .js-slick__arrow2 .slick-next:before, .js-slick__arrow1 .slick-prev:before, .js-slick__arrow1 .slick-next:before {
      width: 58px;
      height: 30px;
      background-size: 58px 8px;
    }
  }
  .js-slick__arrow2 .slick-prev:before, .js-slick__arrow1 .slick-prev:before {
    /*background-image: url("../img/arrow_type1_left1.png");*/
  }
  .js-slick__arrow2 span, .js-slick__arrow1 span {
    display: block;
    width: 5px;
    height: 5px;
    border: 1px solid white;
    border-radius: 5px;
    position: relative;
    top: -13px;
    margin: 0 20px;
  }
  @media (min-width: 769px) {
    .js-slick__arrow2 span, .js-slick__arrow1 span {
      top: -11px;
      margin: 0 30px;
    }
  }
  /*PCで無効*/
  .br_sp {
    display: none;
  }
  /*スマートフォンで有効*/
  @media screen and (max-width: 768px) {
    .br_sp {
      display: block;
    }
  }
  /*# sourceMappingURL=main.css.map */
  .modal {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 2000;
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    background: rgba(87, 87, 87, 0.671);
  }
  .modal.is_show {
    display: block;
  }
  .modal_inr {
    position: relative;
    z-index: 600;
    max-width: 800px;
    height: auto;
    width: 94%;
    margin: 3% auto;
    padding: 3% 5%;
    background: #fff;
  }
  .modal_ttl {
    text-align: center;
    font-size: 28.8px;
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 1rem;
  }
  .modal_date {
    display: block;
  }
  .modal_img {
    width: 100%;
    max-width: 600px;
    margin: 15px auto 15px;
    text-align: center;
  }
  .modal_img img {
    max-width: 100%;
  }
  .modal_txt {
    width: 100%;
    max-width: 620px;
    margin: 0 auto;
    font-size: 22.4px;
    font-size: 0.9rem;
    color: #000;
    line-height: 1.5;
  }
  .modal_txt a, .modal_txt a:visited {
    color: #5289b5;
    word-wrap: break-word;
    text-decoration: underline;
  }
  .modal .btn_close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    background: #fefeff;
    border: none;
    color: #1b193e;
    cursor: pointer;
    font-size: 64px;
    font-size: 4rem;
    outline: none;
    text-align: center;
    line-height: 1;
  }
  .modal .btn_close:after, .modal .btn_close:before {
    display: inline-block;
    border-right: 2px solid #55534f;
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 0;
    right: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modal .btn_close:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 16px;
  }
  .modal .menu_item_list {
    padding-left: 0;
  }
  @media screen and (max-width: 767px) {
    .modal_inr {
      padding: 10px;
      margin: 10% auto;
    }
    .modal_ttl {
      font-size: 1rem;
      font-weight: bold;
    }
    .modal_txt {
      width: 100%;
      max-width: 620px;
      margin: 0 auto;
      font-size: 14px;
    }
  }
  .reservation_btn {
    width: 70%;
    max-width: 300px;
    margin: 10px auto 0;
    text-align: center;
  }
  .reservation_btn > a {
    display: block;
    background-color: #353535;
    padding: 13px 10px;
  }
  .reservation_btn a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .reservation_btn .btn_arrow_r {
    position: relative;
    padding-left: 25px;
    padding-right: 25px;
  }
  .reservation_btn .btn_arrow_r:before {
    display: inline-block;
    width: 15px;
    height: 15px;
    position: absolute;
    border-top: 2px solid white;
    border-right: 2px solid white;
    content: "";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    bottom: 0;
    right: 15px;
    margin-top: -7.5px;
  }
  .reservation_icon {
    display: inline-block;
    padding: 5px 0 5px 40px;
    /*background: url(../img/icon_btn_book.png)no-repeat 0 50%;*/
    color: #fff;
  }
  html.ccm-toolbar-visible .ccm-page {
    margin-top: 0;
  }
  html.ccm-toolbar-visible.ccm-panel-ready .ccm-page {
    margin-top: 48px;
  }
  /* 店舗サイト共通 */
  .md-fix-block {
    display: block;
  }
  .md-fix-grid {
    display: grid;
  }
  .md-fix-flex {
    display: flex;
  }
  .md-fix-aspect-square {
    aspect-ratio: 1;
  }
  .md-fix-mx-auto {
    margin-left: auto;
    margin-right: auto;
  }
  .md-fix-max-w-1000 {
    max-width: 1000px;
  }
  .md-fix-text-black {
    color: black;
  }
  .md-fix-edit-mode-header > span.line {
    background-color: #55534f;
  }
  .md-fix-menu-sp {
    width: 3.5rem;
    color: #55534f;
  }
  .md-fix-layout {
    gap: 2rem;
    margin-top: 4rem;
    margin-bottom: 2rem;
  }
  .md-fix-layout-64 {
    grid-template-columns: 4fr 6fr;
  }
  .md-fix-layout-46 {
    grid-template-columns: 6fr 4fr;
  }
  .md-fix-layout-55 {
    grid-template-columns: 1fr 1fr;
  }
  @media screen and (max-width: 767px) {
    .md-fix-layout-64, .md-fix-layout-46, .md-fix-layout-55 {
      grid-template-columns: 1fr;
    }
  }
  .md-fix-w-full {
    width: 100%;
  }
  .md-fix-w-half {
    width: 50%;
  }
  .md-fix-relative {
    position: relative;
  }
  .md-fix-absolute {
    position: absolute;
  }
  .md-fix-text__dark {
    color: #333;
  }
  .md-fix-text__sm {
    font-size: 0.875rem !important;
  }
  .md-fix-text__md {
    font-size: 1rem !important;
  }
  .md-fix-text__md {
    font-size: 1rem !important;
  }
  .md-fix-text__lg {
    font-size: 1.25rem !important;
  }
  .md-fix-text__xl {
    font-size: 1.8rem !important;
  }
  .md-fix-text__2xl {
    font-size: 1.875rem !important;
  }
  .md-fix-pc {
    display: block;
  }
  @media screen and (max-width: 767px) {
    .md-fix-pc {
      display: none;
    }
  }
  .md-fix-sp {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .md-fix-sp {
      display: block;
    }
  }
  /* コース一覧 */
  .md-fix-title {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .md-fix-title__brown {
    color: #3d1919;
  }
  .md-fix-desc {
    font-size: 1rem;
    display: flex;
    justify-content: center;
    font-weight: 400;
  }
  .md-fix-course {
    font-weight: 700;
    font-size: 1.25rem;
    color: #3d1919;
  }
  .md-fix-links {
    display: inline-block !important;
    font-weight: 500;
  }
  a.md-fix-links:hover {
    transition: opacity 0.2s;
    opacity: 0.6;
  }
  a.md-fix-links:visited {
    color: #c1272d;
  }
  .md-fix-date {
    font-weight: 500;
  }
  .md-fix-tags {
    flex-wrap: wrap;
    row-gap: 1rem;
    column-gap: 0.1rem;
  }
  .md-fix-menu-list {
    font-size: 1.4rem;
    font-weight: 500;
  }
  /* 水平線スライダー */
  .md-fix-slick-slider__item {
    margin: 1rem 0.5rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-slick-slider__item {
      width: 150px !important;
    }
  }
  /* ３画像並び */
  .md-fix-three-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 6.4rem;
    margin-bottom: 3.2rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-three-box {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      gap: 1.2rem;
    }
  }
  .md-fix-three-box__inner {
    transform: scale(1);
    transition: all 0.2s ease-in-out;
  }
  .md-fix-three-box__inner:hover {
    transform: scale(0.975);
    transition: all 0.4s ease-in-out;
  }
  .md-fix-three-box__inner-static:hover {
    transform: unset;
  }
  .md-fix-three-box__inner-left {
    padding-right: 0.8rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-three-box__inner-left {
      padding-right: 0;
    }
  }
  .md-fix-three-box__inner-right {
    padding-left: 0.8rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  @media screen and (max-width: 767px) {
    .md-fix-three-box__inner-right {
      padding-left: 0;
      flex-direction: row;
    }
  }
  .md-fix-three-box__inner-right-top {
    height: calc(50% - 0.8rem);
  }
  @media screen and (max-width: 767px) {
    .md-fix-three-box__inner-right-top {
      height: auto;
      padding-right: 0.8rem;
      flex: 1 1 0%;
    }
  }
  .md-fix-three-box__inner-right-bottom {
    height: calc(50% - 0.4rem);
  }
  @media screen and (max-width: 767px) {
    .md-fix-three-box__inner-right-bottom {
      height: auto;
      padding-left: 0.4rem;
      flex: 1 1 0%;
    }
  }
  .md-fix-three-box__img {
    height: 100%;
    width: 100%;
    object-fit: cover;
  }
  .md-fix-three-box__text {
    top: 1rem;
    left: 1rem;
  }
  /* Cadran Ginza */
  .md-fix-slider-scene .slick-slide {
    line-height: inherit;
  }
  /* Main Visual */
  .md-fix-modal {
    font-size: 1rem;
  }
  .md-fix-modal-text p {
    font-size: 1.5rem;
    font-weight: 500;
  }
  .md-fix-modal-card {
    height: 24.8rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-modal-card {
      height: 19.2rem;
    }
  }
  @media screen and (max-width: 575px) {
    .md-fix-modal-card {
      height: 24.8rem;
    }
  }
  .md-fix-slider-card {
    height: 49.6rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-slider-card {
      height: 33.6rem;
    }
  }
  .md-fix-mv-bg {
    background-color: rgba(251, 250, 249, 0.999);
  }
  .md-fix-header {
    z-index: 20;
    width: 100%;
    position: fixed;
  }
  .md-fix-header__inner {
    height: auto;
    margin: 0;
    padding: 20px 20px 20px 60px;
    position: static;
    background-color: #fefeff;
    min-height: 4.2rem;
    display: grid;
  }
  .md-fix-header__inner-sp {
    display: flex;
    justify-content: space-between;
    background-color: #fefeff;
  }
  /* nav */
  .md-fix-header-nav {
    position: static;
    margin: 0;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    column-gap: 1.5rem;
  }
  @media screen and (max-width: 900px) {
    .md-fix-header-nav {
      grid-template-columns: 1fr 11rem;
    }
  }
  .md-fix-header-nav-has-brand {
    grid-template-columns: auto auto;
  }
  .md-fix-header-nav ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 2.5rem;
    row-gap: 2rem;
  }
  .md-fix-header-nav li {
    margin-left: 0;
  }
  .md-fix-header-wrapper.header1__nav1 {
    display: flex !important;
  }
  .md-fix-header-brand-wrapper.header1__nav1 {
    grid-template-columns: auto 1fr;
    display: grid !important;
    column-gap: 4rem;
  }
  .md-fix-header-branding-text {
    align-self: center;
    color: #55534f;
    font-size: 1rem;
  }
  .md-fix-header-branding-logo {
    object-fit: contain;
    width: 4rem;
    align-self: center;
  }
  .md-fix-header-nav-brand-logo-text {
    display: flex;
    column-gap: 1.5rem;
  }
  .md-fix-header-nav-brand-logo-text-sp {
    text-align: center;
    font-size: 1rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
  .md-fix-header-nav-brand-logo-text-sp img {
    object-fit: contain;
    margin: 0 auto;
  }
  .nav2 .sp_menu li.md-fix-sp-nav-menu__item-no-subtitle:after {
    background-image: unset !important;
  }
  .md-fix-footer-revervation {
    z-index: 10;
  }
  .md-fix-footer-revervation__label {
    font-size: 1rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-revervation__label {
      font-size: 0.875rem;
    }
  }
  .md-fix-footer-revervation__label-sm {
    font-size: 0.7rem !important;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-revervation__label-sm {
      font-size: 0.7rem !important;
    }
  }
  .md-fix-reservation {
    position: static;
    margin-top: 0;
  }
  .md-fix-reservation a {
    line-height: 1;
    padding-bottom: 0.5rem;
    color: #9d8e87;
    border-bottom: 2px solid #9d8e87;
    text-transform: uppercase;
  }
  @media screen and (max-width: 767px) {
    .md-fix-reservation a {
      padding-bottom: 0.3rem;
    }
  }
  .md-fix-language-reservation {
    display: flex;
    justify-content: flex-end;
    column-gap: 2rem;
    row-gap: 1rem;
    align-items: center;
    position: relative;
  }
  @media screen and (max-width: 900px) {
    .md-fix-language-reservation {
      display: flex;
      flex-direction: column-reverse;
    }
  }
  @media screen and (max-width: 767px) {
    .md-fix-language-reservation {
      display: flex;
      align-items: center;
      flex-direction: row;
      position: absolute;
      top: 13px;
      right: 10px;
      column-gap: 1rem;
    }
  }
  .md-fix-language-reservation li a {
    font-size: 1.25rem;
  }
  /* 言語切り替え */
  .md-fix-language {
    overflow: hidden;
    top: 19px !important;
    position: static;
  }
  .md-fix-language-hamburger {
    margin: 2rem 0;
  }
  ul.md-fix-language__list {
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #fefeff;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    transition: all 0.25s ease-in;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
    row-gap: 0;
    width: 6.125rem;
  }
  @media screen and (max-width: 767px) {
    ul.md-fix-language__list {
      width: 6.8rem;
      top: -0.4rem;
    }
  }
  ul.md-fix-language__list.on {
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #fefeff;
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
    transition: all 0.25s ease-in;
    opacity: 1;
    visibility: visible;
    transform: translateY(33px);
  }
  ul.md-fix-language__list li a {
    color: #9d8e87;
    padding: 0.75rem 0;
    font-size: 0.75rem;
  }
  @media screen and (max-width: 767px) {
    ul.md-fix-language__list li a {
      font-size: 0.7rem;
    }
  }
  ul.md-fix-language__list li a.active {
    background: #9d8e87;
    color: #fefeff;
    pointer-events: none;
  }
  ul.md-fix-language__list li:last-child a {
    border-bottom-right-radius: 1rem;
    border-bottom-left-radius: 1rem;
  }
  ul.md-fix-language__list__hamburger {
    position: static;
  }
  ul.md-fix-language__list__hamburger {
    transform: translateY(-2px);
    margin-bottom: 0;
    max-height: 0;
    height: 100%;
    transition: all 0.25s ease-in;
  }
  ul.md-fix-language__list__hamburger.on {
    max-height: 100%;
  }
  @media screen and (max-width: 900px) {
    ul.md-fix-language__list {
      transform: translateY(68px);
    }
    ul.md-fix-language__list.on {
      transform: translateY(71px);
    }
    ul.md-fix-language__list__hamburger {
      transform: translateY(-20px);
    }
    ul.md-fix-language__list__hamburger.on {
      transform: translateY(-2px);
    }
  }
  @media screen and (max-width: 767px) {
    ul.md-fix-language__list {
      transform: translateY(26px);
    }
    ul.md-fix-language__list.on {
      transform: translateY(29px);
    }
    ul.md-fix-language__list li a {
      padding: 0.5rem;
      display: block;
    }
    ul.md-fix-language__list__hamburger {
      transform: translateY(-52px);
      width: 6.8rem;
    }
    ul.md-fix-language__list__hamburger.on {
      transform: translateY(0);
    }
  }
  .md-fix-language__button {
    color: #9d8e87;
    border-radius: 1.75rem;
    line-height: 1;
    border: 1px solid #9d8e87;
    background-color: #fefeff;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    align-items: center;
    cursor: pointer;
    transition: all 0.25s ease-in;
    font-size: 0.75rem;
    padding: 0.6rem 0.5rem;
    width: 6.125rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-language__button {
      font-size: 0.7rem;
      padding: 0.3rem 1rem;
      width: 6.8rem;
    }
  }
  .md-fix-language__button svg {
    pointer-events: none;
  }
  .md-fix-language__button.on {
    background-color: #fefeff;
    color: #9d8e87;
    border-top-right-radius: 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .md-fix-language__button.on svg {
    fill: black !important;
    transform: rotate(180deg);
    transition: all 0.25s ease-in;
  }
  .md-fix-hamburger-sns li a img {
    width: 2.813rem;
  }
  /*CMS修正時スタイル調整*/
  .ccm-toolbar-visible.ccm-panel-ready .md-fix-edit-mode-header {
    margin-top: 48px;
  }
  .ccm-toolbar-visible.ccm-panel-ready img.ccm-region-flag {
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
  }
  .ccm-toolbar-visible.ccm-panel-ready .md-fix-edit-mode-navi {
    padding-top: 128px;
  }
  html.ccm-toolbar-visible.ccm-panel-ready button#zetton-main-visual-close {
    top: 5rem !important;
    z-index: 60;
  }
  .ccm-toolbar-visible.ccm-panel-ready .cke_editable.cke_editable_inline {
    background-color: white;
  }
  .ccm-toolbar-visible.ccm-panel-ready .ccm-block-edit.ccm-block-edit-inline-active .md-fix-text-white, .ccm-toolbar-visible.ccm-panel-ready .cke_wysiwyg_div.cke_reset .md-fix-text-white {
    color: #f5f5f5 !important;
  }
  .ccm-toolbar-visible.ccm-panel-ready .ccm-block-edit-inline-active .md-fix-text-white {
    min-height: 5rem;
    color: #f5f5f5 !important;
  }
  .ccm-toolbar-visible.ccm-edit-mode.ccm-panel-ready.ccm-panel-open a:visited {
    color: unset;
  }
  .ccm-toolbar-visible.ccm-edit-mode.ccm-panel-ready .cke_wysiwyg_div {
    min-height: 5rem;
  }
  .ccm-toolbar-visible.ccm-panel-ready header {
    margin-top: 0;
  }
  .md-fix-shop {
    margin-top: 4.2rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-shop {
      margin-top: 3.4rem;
    }
  }
  /*PROJ_ZETTON-83 [BT] 店舗 - スライド型コンテンツ*/
  /*スライダー矢印*/
  .js-slick__arrow2 .slick-prev:before, .js-slick__arrow2 .slick-next:before, .js-slick__arrow1 .slick-prev:before, .js-slick__arrow1 .slick-next:before {
    background: url("../img/common/arrow_type1_right1.png") 0 center no-repeat;
  }
  .js-slick__arrow2 .slick-prev:before, .js-slick__arrow1 .slick-prev:before {
    background-image: url("../img/common/arrow_type1_left1.png");
  }
  .md-fix-dark-arrow .js-slick__arrow2 .slick-next:before, .md-fix-dark-arrow .js-slick__arrow1 .slick-next:before {
    background: url("../img/common/arrow_type1_right1_dark.png") 0 center no-repeat;
  }
  .md-fix-dark-arrow .js-slick__arrow2 .slick-prev:before, .md-fix-dark-arrow .js-slick__arrow1 .slick-prev:before {
    background-image: url("../img/common/arrow_type1_left1_dark.png");
  }
  .js-slick__arrow1 .slick-prev:before, .js-slick__arrow1 .slick-next:before {
    background-size: 58px 8px !important;
  }
  @media screen and (max-width: 767px) {
    .js-slick__arrow1 .slick-prev:before, .js-slick__arrow1 .slick-next:before {
      background-size: 34px 4px !important;
    }
  }
  .md-fix-dark-dot {
    border: 1px solid black !important;
  }
  .md-fix-screen {
    width: 100vw;
  }
  .md-fix-wide {
    margin-left: calc(50% - 50vw);
    width: 100vw;
  }
  .md-fix-middle {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 0.625rem;
  }
  .md-fix-bg-black {
    background-color: rgba(251, 250, 249, 0.999);
  }
  .md-fix-news-date {
    min-width: 6.5rem;
    max-width: 6.5rem;
    color: darkblue;
  }
  .md-fix-news-content {
    color: darkblue;
    font-weight: normal;
  }
  .md-fix-news-title {
    word-break: keep-all;
    color: darkblue;
  }
  .md-fix-content {
    background-color: rgba(251, 250, 249, 0.999);
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 100px;
  }
  @media screen and (max-width: 767px) {
    .md-fix-content {
      padding-left: 25px;
      padding-right: 25px;
      padding-bottom: 60px;
    }
  }
  .md-fix-content #access {
    padding-top: 0;
  }
  @media screen and (max-width: 767px) {
    .md-fix-content #access {
      padding-top: 0;
    }
  }
  .md-fix-content__inner {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    .ccm-toolbar-visible.ccm-panel-ready.md-fix-content {
      margin-top: 0;
    }
  }
  .md-fix-bg-pale-black, .md-fix-bg-third {
    padding-top: 1rem;
  }
  /*背景2*/
  .md-fix-bg-pale-black, .md-fix-bg-pale-black .md-fix-content {
    background-color: rgba(236, 235, 222, 0.989);
  }
  /*背景3*/
  .md-fix-bg-third, .md-fix-bg-third .md-fix-content {
    background-color: dimgray;
  }
  /*Footer*/
  .md-fix-footer {
    margin-top: 0;
    position: relative;
    background-color: rgba(251, 250, 249, 0.999);
  }
  /*Footer Banner*/
  .md-fix-footer-right-banner {
    width: 21.875rem;
    border: 4px solid white;
    box-sizing: border-box;
    z-index: 10;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-right-banner {
      width: 70%;
    }
  }
  .md-fix-footer-right-banner-hide {
    display: none;
    border: none;
  }
  .md-fix-footer-right-banner > button.banner-close {
    color: black;
    right: -4px;
    top: -29px;
    background-color: white;
  }
  .md-fix-footer-content-btns {
    width: 100%;
    display: flex;
    align-items: end;
  }
  .btn_2clo > ul.md-fix-footer-content-btns > li.btn.booking span.txt, .md-fix-footer-content-btns-separate__item-web .txt {
    font-size: 1.25rem;
    color: white !important;
    background-size: 1.5rem !important;
    background: url("../img/common/icon/icon_btn_book.png") no-repeat 0 50%;
  }
  @media screen and (max-width: 767px) {
    .btn_2clo > ul.md-fix-footer-content-btns > li.btn.booking span.txt, .md-fix-footer-content-btns-separate__item-web .txt {
      font-size: 0.938rem;
      color: white !important;
      background-size: 1rem !important;
    }
  }
  .btn_2clo > ul.md-fix-footer-content-btns .btn.tel .txt {
    background-size: 1.5rem !important;
    background: url("../img/common/icon/icon_btn_tel.png") no-repeat 0 50%;
  }
  @media screen and (max-width: 767px) {
    .btn_2clo > ul.md-fix-footer-content-btns .btn.tel .txt {
      background-size: 1rem !important;
    }
  }
  .md-fix-footer-content-btns-separate__item-tel .txt {
    background-size: 1.5rem !important;
    background: url("../img/common/icon/icon_btn_tel.png") no-repeat 0 50%;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns-separate__item-tel .txt {
      background-size: 1rem !important;
    }
  }
  .btn_2clo > ul.md-fix-footer-content-btns > li.btn.tel span.md-fix-tel-number {
    margin-bottom: 0;
    font-size: 1.25rem;
    color: white !important;
  }
  @media screen and (max-width: 767px) {
    .btn_2clo > ul.md-fix-footer-content-btns > li.btn.tel span.md-fix-tel-number {
      font-size: 0.938rem;
      color: white !important;
    }
  }
  .btn_2clo > ul.md-fix-footer-content-btns > li.btn.tel span.md-fix-tel-number-txt {
    margin-bottom: 0;
    font-size: 0.75rem;
    color: white !important;
  }
  @media screen and (max-width: 767px) {
    .btn_2clo > ul.md-fix-footer-content-btns > li.btn.tel span.md-fix-tel-number-txt {
      font-size: 0.688rem;
      color: white !important;
    }
  }
  .btn_2clo .btn.booking .inr .txt > span {
    margin-bottom: 0;
  }
  .btn_2clo .btn.tel .inr .txt {
    padding: 0 0 0 40px;
  }
  @media screen and (max-width: 767px) {
    .btn_2clo .btn.tel .inr .txt {
      padding: 0 0 0 30px;
    }
  }
  .md-fix-footer-content-btns li.btn.booking .txt {
    padding: 0 0 0 40px;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns li.btn.booking .txt {
      padding: 0 0 0 30px;
    }
  }
  .md-fix-footer-content-btns li.btn.booking .md-fix-booking-main {
    font-size: 1.25rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns li.btn.booking .md-fix-booking-main {
      font-size: 0.938rem;
    }
  }
  .md-fix-footer-content-btns li.btn.booking .md-fix-booking-sub, .md-fix-footer-content-btns-separate li.md-fix-footer-content-btns-separate__item-web .md-fix-booking-sub {
    font-size: 0.75rem;
    display: block;
  }
  .btn_2clo > ul.md-fix-footer-content-btns .btn.booking, .btn_2clo > ul.md-fix-footer-content-btns .btn.tel {
    border: unset;
  }
  ul.md-fix-footer-content-btns-separate {
    display: flex;
    color: white;
    gap: 5rem;
    align-items: baseline;
  }
  @media screen and (max-width: 767px) {
    ul.md-fix-footer-content-btns-separate {
      gap: 0.625rem;
      flex-direction: column;
    }
  }
  .md-fix-footer-content-btns-separate__item {
    width: 100%;
    font-size: 1.25rem;
    text-align: center;
    height: 3.75rem;
  }
  .md-fix-footer-content-btns-separate__item-web a {
    background: #918d40;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    color: white;
    line-height: 1.2;
    padding: 1.5px;
  }
  .md-fix-footer-content-btns-separate__item-web a {
    width: 100%;
    height: 100%;
  }
  .md-fix-footer-content-btns-separate__item-web a:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .md-fix-footer-content-btns-separate__item-tel p, .md-fix-footer-content-btns-separate__item-tel a {
    background: #918d40;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    line-height: 1.2;
    padding: 1.5px;
    transition: opacity 0.3s;
    height: 100%;
    width: 100%;
    color: white !important;
  }
  .md-fix-footer-content-btns-separate__item-tel-sp {
    display: none;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns-separate__item-tel-sp {
      display: flex;
    }
  }
  .md-fix-footer-content-btns-separate__item-tel-pc {
    display: flex;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns-separate__item-tel-pc {
      display: none;
    }
  }
  .md-fix-footer-content-btns-separate__item-web .txt {
    display: inline-block;
    padding: 0 0 0 40px;
    color: white !important;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns-separate__item-web .txt {
      padding: 0 0 0 30px;
    }
  }
  .md-fix-footer-content-btns-separate__item-tel .txt {
    display: inline-block;
    padding: 0 0 0 40px;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns-separate__item-tel .txt {
      padding: 0 0 0 30px;
    }
  }
  .md-fix-footer-content-btns-separate__item-tel__lg {
    font-size: 1.25rem;
    display: block;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns-separate__item-tel__lg {
      font-size: 0.938rem;
    }
  }
  .md-fix-footer-content-btns-separate__item-tel__sm {
    font-size: 0.75rem;
    display: block;
  }
  @media screen and (max-width: 767px) {
    .md-fix-footer-content-btns-separate__item-tel__sm {
      font-size: 0.688rem;
    }
  }
  .btn_2clo .btn.booking .inr {
    background: #918d40;
  }
  .btn_2clo .btn.tel .inr {
    background: #918d40;
  }
  .btn_2clo {
    z-index: 10;
  }
  /*Modal Container*/
  .md-fix-modal-on-load {
    z-index: 20 !important;
  }
  .md-fix-news {
    padding: 75px 0 25px 0;
  }
  @media screen and (max-width: 767px) {
    .md-fix-news {
      padding: 10px 0 20px 0;
    }
  }
  .md-fix-news .news_container {
    width: 100%;
  }
  /*SNS*/
  ul.md-fix-sns-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4rem;
  }
  @media screen and (max-width: 767px) {
    ul.md-fix-sns-wrap {
      column-gap: 2rem;
    }
  }
  ul.reservation2__sns2.md-fix-sns-wrap {
    justify-content: flex-start;
    display: flex;
  }
  ul.md-fix-sns-wrap li {
    margin: 0;
    width: auto;
  }
  ul.md-fix-sns-wrap li a {
    display: inline-block;
  }
  ul.md-fix-sns-wrap li a svg.md-fix-sns-icon path, ul.md-fix-sns-wrap li a svg.md-fix-sns-icon-lg path {
    fill: #504946;
  }
  ul.md-fix-sns-wrap li a svg.md-fix-sns-icon {
    width: 2.6rem;
  }
  @media screen and (max-width: 767px) {
    ul.md-fix-sns-wrap li a svg.md-fix-sns-icon {
      width: 2rem;
    }
  }
  ul.md-fix-sns-wrap li a svg.md-fix-sns-icon-lg {
    width: 3rem;
  }
  ul.md-fix-sns-wrap li a svg.md-fix-sns-icon-x {
    width: 2.9rem;
  }
  @media screen and (max-width: 767px) {
    ul.md-fix-sns-wrap li a svg.md-fix-sns-icon-x {
      width: 2.2rem;
    }
  }
  ul.md-fix-sns-wrap li a svg.md-fix-sns-icon-lg-x {
    width: 3.2rem;
  }
  /*各店舗コース一覧*/
  .md-fix-course-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 2rem;
    row-gap: 2rem;
    width: 100%;
    color: #333;
    margin: 2rem 0;
  }
  @media screen and (max-width: 767px) {
    .md-fix-course-list {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md-fix-course-list-one-menu {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    width: 50%;
    margin: 0 auto;
  }
  @media screen and (max-width: 767px) {
    .md-fix-course-list-one-menu {
      width: 100%;
    }
  }
  .md_fix_course-list__item {
    width: 100%;
    background-color: white;
  }
  .md_fix_course-list__footer {
    border-top: 1px solid #ddd;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  .md_fix_course-list__title {
    margin-top: 1rem;
    font-weight: 500;
  }
  .md_fix_course-list__map {
    align-items: center;
    column-gap: 0.25rem;
    margin-top: 0;
  }
  .md_fix_course-list__map-label {
    background-color: #3d1919;
    color: white;
    border-radius: 0.2rem;
    min-width: 2.25rem;
    font-size: 0.625rem;
    padding: 0.35rem 0.2rem;
    line-height: 1;
  }
  .md-fix-course-list-categories {
    margin-top: 1rem;
  }
  .md-fix-course-list-category__red {
    background-color: #c1272d;
  }
  .md-fix-course-list-category__navy {
    background-color: #203c6e;
  }
  .md-fix-course-list-category__blue {
    background-color: #1e90ff;
  }
  .md-fix-course-list-category__gold {
    background-color: #8a7e5a;
  }
  .md-fix-course-list-category__orange {
    background-color: #ff8c00;
  }
  .md-fix-course-list-category__green {
    background-color: #748c34;
  }
  .md-fix-course-list-category__pink {
    background-color: #c71585;
  }
  .md_fix_course-list__course-content {
    margin: 1rem 0 1.5rem;
  }
  .md_fix_popup-course-list__item {
    cursor: pointer;
  }
  .md_fix_popup-course-list__item:hover {
    opacity: 0.6;
    transition: opacity 0.2s;
  }
  .md_fix_course-list__detail-more {
    margin-top: 2rem;
    font-size: 1rem;
    font-weight: 400;
    border-top: 1px solid #ddd;
    padding: 0.2rem 0 0.3rem;
  }
  .md_fix_popup-course-list__course-content {
    margin-top: 1rem;
    display: grid;
    row-gap: 0.5rem;
  }
  .md_fix_popup-course-list {
    color: #1b193e;
  }
  .md_fix_popup-course-list__title {
    font-weight: 500;
    font-size: 1.25rem;
    line-height: 1.75;
  }
  .md_fix_popup-course-list__popup-title {
    font-weight: 400;
    font-size: 1.125rem;
  }
  /*SPのみスクロールでフェードイン*/
  .md-fix-fadein-observe {
    /* プロパティ名 | 再生時間 | イージング関数 | 待ち時間 */
    transition: all 1s ease-in-out 0s;
    opacity: 0;
    transform: translateY(30px);
  }
  .md-fix-fadein-observe.active {
    opacity: 1;
    transform: unset;
  }
  .ccm-toolbar-visible.ccm-edit-mode.ccm-panel-ready .md-fix-fadein-observe {
    transition: none;
    opacity: 1;
    transform: translateY(0);
  }
  /*打ち消し用スタイル*/
  .md-fix-remove-pt > *, .md-fix-remove-area-pt {
    padding-top: 0;
  }
  .md-fix-remove-pb > *, .md-fix-remove-area-pb {
    padding-bottom: 0;
  }
  .md-fix-remove-mt > *, .md-fix-remove-area-mt {
    margin-top: 0;
  }
  .md-fix-remove-mb > *, .md-fix-remove-area-mb {
    margin-bottom: 0;
  }
  .md-fix-remove-area-mb-62-38 {
    margin-bottom: -6.2rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-remove-area-mb-62-38 {
      margin-bottom: -3.8rem;
    }
  }
  .md-fix-container-wrapper {
    display: grid;
    column-gap: 1rem;
    row-gap: 1rem;
    margin: 1rem 0;
  }
  .md-fix-container-three-parts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @media screen and (max-width: 767px) {
    .md-fix-container-three-parts {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md-fix-container-two-parts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  @media screen and (max-width: 767px) {
    .md-fix-container-two-parts {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md-fix-container-two-parts-46 {
    grid-template-columns: 6fr 4fr;
  }
  @media screen and (max-width: 767px) {
    .md-fix-container-two-parts-46 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md-fix-container-two-parts-64 {
    grid-template-columns: 4fr 6fr;
  }
  @media screen and (max-width: 767px) {
    .md-fix-container-two-parts-64 {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  /*FAQ*/
  .md-fix-faq-inner {
    display: block;
    max-width: none !important;
    width: 100% !important;
  }
  .md-fix-faq-inner__title {
    font-size: 1.8rem;
  }
  .md-fix-faq-inner__dl .md-fix-faq-inner__dt {
    font-size: 0.938rem !important;
    font-weight: normal;
  }
  .md-fix-faq-inner__dl .md-fix-faq-inner__dd {
    font-size: 0.875rem !important;
  }
  .md-fix-faq-inner__dl .md-fix-faq-inner__dd p {
    font-weight: normal;
  }
  .md-fix-faq-inner__dl .answer {
    background: unset;
    color: #55534f;
  }
  .md-fix-faq-inner__dl .answer .icon, .md-fix-faq-inner__dl .question .icon {
    color: #55534f;
  }
  .md-fix-faq-inner__dl .question .txt {
    margin-left: 0;
  }
  .md-fix-faq-inner__qa {
    font-size: 1.5rem !important;
    font-weight: normal;
  }
  .faq_row .question {
    position: relative;
    width: 100%;
    font-size: 3rem;
    padding: 6px 0;
    background-size: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .faq_row .question.is_open {
    background-size: 22px;
    display: flex;
    align-items: center;
  }
  .md-fix-plus-minus-btn {
    display: grid;
    place-content: center;
  }
  .md-fix-plus-minus-btn:after {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1px;
    background-color: #55534f;
  }
  .md-fix-plus-minus-btn:before {
    content: "";
    display: inline-block;
    width: 1rem;
    height: 1px;
    background-color: #55534f;
    transform: rotate(90deg);
    transition: all 0.5s ease;
  }
  .faq_row .question.is_open .md-fix-plus-minus-btn:before {
    transform: rotate(0deg);
    transition: all 0.5s ease;
  }
  /*PROJ_ZETTON-121 [BD] 店舗 - リンクブロック*/
  .md-fix-sns-link {
    margin-top: 3rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-sns-link {
      margin-top: 2rem;
    }
  }
  .md-fix-sns-link:hover {
    transition: opacity 0.2s;
    opacity: 0.6;
  }
  .md-fix-sns-link-image {
    max-width: 4.25rem;
    max-height: 4.25rem;
    object-fit: contain;
  }
  /*PROJ_ZETTON-120 [BD]店舗 メニュー用アコーディオン*/
  .md-fix-accordion-menu {
    position: relative;
  }
  .md-fix-accordion-menu:after {
    content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
    background-color: #55534f;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
  }
  .md-fix-accordion-menu:first-of-type:after {
    content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
    background-color: #55534f;
    opacity: 0.5;
    position: absolute;
    bottom: 0;
  }
  .md-fix-accordion-menu-upper {
    padding: 2.5rem 0;
    display: grid;
    grid-template-columns: 1fr 1rem;
    width: 100%;
    align-items: center;
    gap: 1.5rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-upper {
      padding: 2rem 0;
      gap: 1rem;
    }
  }
  .md-fix-accordion-menu-upper__left {
    display: flex;
    align-items: center;
    column-gap: 1rem;
    justify-content: space-between;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-upper__left {
      display: block;
      text-align: left;
    }
  }
  .md-fix-accordion-menu-upper__right {
    display: flex;
    align-items: center;
    column-gap: 2rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-upper__right {
      column-gap: 0.75rem;
    }
  }
  .md-fix-accordion-menu-upper__title {
    display: block;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-upper__title {
      font-size: 1.125rem;
    }
  }
  .md-fix-accordion-menu-upper__title-sub {
    display: block;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-upper__title-sub {
      margin-top: 0.2rem;
    }
  }
  .md-fix-accordion-menu-upper__title-plus {
    border: 1px solid #55534f;
    min-width: 0.8rem;
    min-height: 0.8rem;
    border-radius: 100%;
    transition: all 0.5s ease;
    position: relative;
    transform-origin: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-upper__title-plus {
      min-width: 1.2rem;
      min-height: 1.2rem;
    }
  }
  .md-fix-accordion-menu-upper__title-plus:after, .md-fix-accordion-menu-upper__title-plus:before {
    content: "";
    background-color: #55534f;
    display: inline-block;
    position: absolute;
    transition: all 0.5s ease;
    transform-origin: center;
    width: 0.3rem;
    height: 1px;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-upper__title-plus:after, .md-fix-accordion-menu-upper__title-plus:before {
      width: 0.55rem;
    }
  }
  .md-fix-accordion-menu-upper__title-plus:after {
    transform: rotate(0deg);
  }
  .md-fix-accordion-menu-upper__title-plus:before {
    transform: rotate(90deg);
  }
  /*ホバーした時*/
  .md-fix-accordion-menu-upper__title-plus.on {
    transition: all 0.5s ease;
    transform: rotate(360deg) scale(1.5);
    transform-origin: center;
  }
  .md-fix-accordion-menu-upper__title-plus.on:after, .md-fix-accordion-menu-upper__title-plus.on:before {
    transform-origin: center;
  }
  /*Clickした時*/
  .md-fix-accordion-menu-upper__title-plus.is-open {
    border: 1px solid #55534f;
    background: transparent;
  }
  .md-fix-accordion-menu-upper__title-plus.is-open:after {
    background: #55534f;
  }
  .md-fix-accordion-menu-upper__title-plus.is-open:before {
    background: transparent;
  }
  .md-fix-accordion-menu-bottom {
    transition: all 0.5s ease;
    visibility: hidden;
    opacity: 0;
    height: 100%;
    max-height: 0;
  }
  .md-fix-accordion-menu-bottom.on {
    transition: all 0.5s ease;
    visibility: visible;
    opacity: 1;
  }
  .md-fix-accordion-menu-bottom__list-item {
    display: grid;
    grid-template-columns: 1fr 5rem;
    grid-column-gap: 1rem;
    padding: 16px 0;
    align-items: center;
    position: relative;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-bottom__list-item {
      align-items: center;
      padding: 24px 0;
    }
  }
  .md-fix-accordion-menu-bottom__list-item:after {
    content: "";
    width: 100%;
    height: 1px;
    display: inline-block;
    background-color: #55534f;
    opacity: 0.5;
    position: absolute;
    top: 0;
  }
  .md-fix-accordion-menu-bottom__list-item__menu {
    font-size: 1rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-bottom__list-item__menu {
      font-size: 0.875rem;
    }
  }
  .md-fix-accordion-menu-bottom__list-item__desc {
    font-size: 0.75rem;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-bottom__list-item__desc {
      font-size: 0.688rem;
      margin-top: 0.2rem;
    }
  }
  .md-fix-accordion-menu-bottom__list-item__price {
    font-size: 1.4rem;
    text-align: end;
    line-height: 1;
  }
  @media screen and (max-width: 767px) {
    .md-fix-accordion-menu-bottom__list-item__price {
      font-size: 1rem;
    }
  }
  .md-fix-accordion-menu-bottom__list-item__price__yen {
    font-size: 1rem;
  }
  #faq {
    background: unset;
    color: #55534f;
  }
  .md-fix-shop-slider-title {
    line-height: 2.5 !important;
  }
  @media screen and (max-width: 767px) {
    .md-fix-shop-slider-title {
      line-height: 1.8 !important;
      margin-top: 0.5rem;
    }
  }
  /*Bootstrap Style*/
  .ccm-custom-style-container.hidden-xs {
    display: none;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-xs {
      display: block;
    }
  }
  .ccm-custom-style-container.hidden-sm {
    display: none;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-sm {
      display: block;
    }
  }
  .ccm-custom-style-container.hidden-md {
    display: block;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-md {
      display: none;
    }
  }
  .ccm-custom-style-container.hidden-lg {
    display: block;
  }
  @media screen and (min-width: 769px) {
    .ccm-custom-style-container.hidden-lg {
      display: none;
    }
  }
  /*PROJ_ZETTON-130*/
  [data-vue-app="open-hours-block"] ul.list-unstyled input[type=checkbox] {
    appearance: auto;
  }
  /*PROJ_ZETTON-139*/
  .news1 {
    background: unset;
  }
  .gallery-photos .md-fix-gallery-photo img {
    aspect-ratio: 1;
    object-fit: cover;
  }
  /*News*/
  .news1__modal1__unit1.md-fix-news-scroll::-webkit-scrollbar {
    display: none !important;
  }
  .news1__modal1__unit1.md-fix-news-scroll {
    -ms-overflow-style: none !important;
    /* IE、Edge */
    scrollbar-width: none !important;
    /* Firefox */
    padding: 20px 100px 70px;
  }
  @media screen and (max-width: 767px) {
    .news1__modal1__unit1.md-fix-news-scroll {
      padding: 10px 20px 40px;
    }
  }
  /*Gallery*/
  .mfp-content {
    position: relative;
  }
  .mfp-title {
    padding-right: 0;
  }
  .gallery-close {
    position: absolute;
    top: 0;
    right: 0;
    height: 2.5rem;
    width: 2.5rem;
  }
  @media screen and (max-width: 767px) {
    .gallery-close {
      top: 0.6rem;
      right: -0.1rem;
      width: 1.875rem;
      height: 1.875rem;
    }
  }
  img.mfp-img {
    padding: 40px 0 20px 0 !important;
  }
  .mfp-figure:after {
    background: transparent;
  }
  /*Hamburger Menu*/
  .nav2.md-fix-edit-mode-navi {
    background: #fefeff;
  }
  .md-fix-mfp-title {
    text-align: center;
    color: #55534f;
  }
  .news1__modal1__unit1__text1 p {
    font-weight: 400;
  }
  .text-custom-other2 {
    color: brown !important;
  }
  .text-custom-other2:after {
    background-color: brown !important;
  }
  /*横浜ビアガーデン*/
  .md-fix-shop-heading-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .md-fix-shop-heading-video-wrapper {
    height: calc(100vh - 7rem);
  }
  /*Page Not Found & Page Forbidden用*/
  .md-404-403-text {
    color: #55534f !important;
  }
  a.md-404-403-btn {
    border: 1px solid #55534f !important;
    color: #55534f !important;
    background-color: #fefeff !important;
    padding: 1rem 0;
    width: 20rem;
    text-decoration: none;
    text-align: center;
    font-weight: bold !important;
    position: relative;
  }
  a.md-404-403-btn svg {
    position: absolute;
    left: 1.25rem;
    top: 40%;
    transform: rotate(-180deg);
  }
  a.md-404-403-btn svg path {
    fill: #55534f;
  }
  a.md-404-403-btn:hover {
    border: 1px solid #55534f !important;
    color: #fefeff !important;
    background-color: #55534f !important;
  }
  a.md-404-403-btn:hover svg path {
    transition: all 0.3s linear;
    fill: #fefeff;
  }
  /*公開スケジュール設定：開始終了チェック*/
  #ccm-check-in-schedule-wrapper input, #ccm-permissions-access-entity-dates input {
    appearance: auto;
  }
  .cke_editable-shop {
    /*Reservation & Course Menuボタン Start*/
    /*PDF*/
    /*動画*/
    /*Reservation & Course Menuボタン End*/
    /*店舗サイト：店舗詳細で使用*/
    /*店舗サイト：コース一覧で使用*/
    /*タイトルにマージンつけたくない時用*/
  }
  .cke_editable-shop h2, .cke_editable-shop h3, .cke_editable-shop h4, .cke_editable-shop h5, .cke_editable-shop h6 {
    color: white;
  }
  .cke_editable-shop h1, .cke_editable-shop h2 {
    margin-top: 7.5rem;
    margin-bottom: 3.75rem;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop h1, .cke_editable-shop h2 {
      margin-top: 3.75rem;
      margin-bottom: 2.75rem;
    }
  }
  .cke_editable-shop h3, .cke_editable-shop h4, .cke_editable-shop h5, .cke_editable-shop h6 {
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
  .cke_editable-shop h1 {
    font-weight: 600;
    font-size: 2.75rem;
    letter-spacing: 0.3em;
    line-height: 1;
    color: #55534f;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop h1 {
      color: white;
      font-size: 1.75rem;
    }
  }
  .cke_editable-shop h2 {
    font-weight: 600;
    font-size: 2.5rem;
    letter-spacing: 0.3em;
    line-height: 1;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop h2 {
      font-size: 1.563rem;
    }
  }
  .cke_editable-shop h3 {
    font-weight: 600;
    font-size: 1.25rem;
    letter-spacing: 0.2em;
    line-height: 1.3;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop h3 {
      font-size: 1.25rem;
    }
  }
  .cke_editable-shop h4 {
    font-weight: 600;
    font-size: 1.15rem;
    letter-spacing: 0.2em;
    line-height: 1.3;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop h4 {
      font-size: 1.15rem;
    }
  }
  .cke_editable-shop h5 {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.2em;
    line-height: 1.3;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop h5 {
      font-size: 1rem;
    }
  }
  .cke_editable-shop h6 {
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.2em;
    line-height: 1.3;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop h6 {
      font-size: 1rem;
    }
  }
  .cke_editable-shop img {
    display: inline-block;
  }
  .cke_editable-shop p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
    margin-top: 1rem;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop p {
      font-size: 0.875rem;
    }
  }
  .cke_editable-shop p:nth-child(1) {
    margin-top: 0;
  }
  .cke_editable-shop ul li, .cke_editable-shop ol li {
    font-size: 1rem;
    margin-top: 1rem;
  }
  .cke_editable-shop ul li:nth-child(1), .cke_editable-shop ol li:nth-child(1) {
    margin-top: 0;
  }
  .cke_editable-shop span.md-fix-text-white {
    display: inline;
    color: white;
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn > a {
    display: flex;
    align-items: center;
    margin: 2.813rem 0;
    background-color: #fefeff;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop p.md-fix-rectangle-card-btn > a {
      margin: 1.875rem 0;
      min-width: 100%;
    }
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn > a:hover:before, .cke_editable-shop p > a.button1:hover:before, .cke_editable-shop p > a.button2:hover:before {
    color: black;
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn > a:before, .cke_editable-shop p > a.button1:before, .cke_editable-shop p > a.button2:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    background-color: unset;
    width: 2rem;
    height: auto;
    font-size: 1.575rem;
    color: #55534f;
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn__pdf > a:before, .cke_editable-shop p > a.button1:before {
    content: "";
    padding-left: 0.1rem;
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn__reserve > a:before, .cke_editable-shop p > a.button2:before {
    content: "";
    padding-left: 0.1rem;
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn {
    max-width: 22.5rem;
    min-width: 22.5rem;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop p.md-fix-rectangle-card-btn {
      min-width: unset;
    }
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn > a {
    border: 1px solid #55534f;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    font-size: 14px;
    color: #55534f;
    padding: 0.6rem 1.5rem;
    -webkit-box-pack: center;
    justify-content: left;
    margin: 0;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop p.md-fix-rectangle-card-btn > a {
      padding: 0 1.25rem;
      margin: 0;
    }
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn {
    display: inline-block;
    margin: 2.813rem 0.5rem 2.813rem 0;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop p.md-fix-rectangle-card-btn {
      margin: 1.875rem 0;
      display: block;
    }
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn.md-fix-rectangle-card-btn-vertical {
    display: block;
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn.md-fix-rectangle-card-btn-horizontal {
    margin: 2.813rem 0.5rem 0 0;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop p.md-fix-rectangle-card-btn.md-fix-rectangle-card-btn-horizontal {
      margin: 1.875rem 0;
    }
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn:hover > a, .cke_editable-shop p.md-fix-rectangle-card-btn > a:hover > span {
    background: #55534f;
    color: #000;
    transition: all 0.1s linear;
  }
  .cke_editable-shop p.md-fix-rectangle-card-btn > a > span {
    font-weight: 400;
    font-size: 0.875rem;
  }
  .cke_editable-shop a:visited {
    color: #333;
  }
  .cke_editable-shop .md-fix-thin {
    font-size: 1.625rem;
    font-weight: 200;
    line-height: 1;
    display: inline-block;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop .md-fix-thin {
      font-size: 0.938rem;
    }
  }
  .cke_editable-shop .md-fix-thin-lg {
    font-size: 2.25rem;
    font-weight: 200;
    line-height: 2;
    margin-top: 1.563rem;
    display: inline-block;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop .md-fix-thin-lg {
      font-size: 1.875rem;
    }
  }
  .cke_editable-shop .md-fix-arrow-left-lg {
    margin-right: 0.6rem;
    text-decoration: underline;
  }
  .cke_editable-shop .md-fix-arrow-left-lg:hover {
    transition: opacity 0.2s;
    opacity: 0.6;
  }
  .cke_editable-shop .md-fix-arrow-left-lg:before {
    content: "＞";
    display: inline-block;
    width: 1rem;
    height: 1.2rem;
    margin-right: 0.25rem;
    pointer-events: none;
  }
  .cke_editable-shop .md-fix-border-rounded-md, .cke_editable-shop a.md-fix-border-rounded-md:visited {
    display: inline-block;
    margin: 0 auto;
    padding: 0.75rem 0.5rem;
    border: 2px solid #7df9ff;
    border-radius: 0.3rem;
    color: #7df9ff;
    width: 100%;
    max-width: 18.75rem;
  }
  .cke_editable-shop .md-fix-text-sm {
    font-size: 0.875rem;
  }
  .cke_editable-shop .md-fix-text-lg {
    font-size: 1.25rem;
  }
  .cke_editable-shop .md-fix-contact-banner {
    aspect-ratio: 3.3333333333;
    object-fit: cover;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop .md-fix-contact-banner {
      aspect-ratio: 2.688172043;
    }
  }
  .cke_editable-shop .md-fix-contact-banner-xl {
    width: 100%;
    height: 27vw;
    object-fit: cover;
    object-position: center;
  }
  @media screen and (max-width: 767px) {
    .cke_editable-shop .md-fix-contact-banner-xl {
      height: 100%;
    }
  }
  .cke_editable-shop b, .cke_editable-shop strong {
    font-weight: bold;
  }
  .cke_editable-shop .editor-br-sp {
    display: none;
  }
  @media (max-width: 767px) {
    .cke_editable-shop .editor-br-sp {
      display: block;
    }
  }
  @media (max-width: 767px) {
    .cke_editable-shop .editor-after-break-line:after {
      content: "";
      display: block;
    }
  }
  .cke_editable-shop .md-fix-font-zen-old-mincho {
    font-family: "Zen Old Mincho", serif;
  }
  .cke_editable-shop .editor-mt-none {
    margin-top: 0;
  }
  .cke_editable-shop a.btn-filled-lg {
    color: white !important;
  }
  .cke_editable-shop a.btn-filled-lg:after {
    background-color: white !important;
  }
  .cke_editable-shop-popup {
    max-width: 570px;
    margin-top: 2rem;
  }
  .cke_editable-shop-popup ul {
    list-style: disc outside;
  }
  .cke_editable-shop-courses p {
    line-height: 1.5;
    margin-top: 0.5rem;
  }

}

/* SVGアイコン調整 */
ul.reservation1__sns1 {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 32px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul.reservation1__sns1 li {
  width: auto !important;
  margin: 0;
  padding: 0;
}

ul.reservation1__sns1 .md-fix-sns-icon {
  width: 48px !important;
  height: 48px !important;
  display: block;
  margin: 0 auto;
  fill: #D4C29E;
}

@media screen and (max-width: 767px) {
  ul.reservation1__sns1 {
    gap: 24px;
  }

  ul.reservation1__sns1 .md-fix-sns-icon {
    width: 36px !important;
    height: 36px !important;
  }
}