@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

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

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

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

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .sp-only {
    display: none !important;
  }
}

:root {
  --color-ink: #40330D;
  --color-wh: #FFF;
  --color-bg-1: #F0EBDD;
  --color-bg-2: #E2D9C8;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 9rem;
}
@media (min-width: 960px) {
  html {
    font-size: 50%;
  }
}
@media (min-width: 1520px) {
  html {
    font-size: 62.5%;
  }
}

body {
  color: var(--color-ink);
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.3rem;
  line-height: 1.66;
  font-weight: 400;
}
@media (min-width: 768px) {
  body {
    font-size: 2rem;
  }
}

#c-nav-outer__input:checked ~ body,
body:has(#c-nav-outer__input:checked) {
  overflow: hidden;
}

.c-header {
  position: fixed;
  inset: 0 auto auto 0;
  z-index: 9999;
  width: 100%;
  height: 6.5rem;
  height: 9rem;
  pointer-events: none;
  display: flex;
  justify-content: space-between;
  transition: 0.2s all ease;
}
.is-scroll-over-100 .c-header {
  background: #e2d9c8;
}
@media (min-width: 768px) {
  .is-scroll-over-100 .c-header {
    background: linear-gradient(#e2d9c8, #e2d9c8) no-repeat top left/100% 10.6rem;
  }
}
@media (min-width: 768px) {
  .c-header {
    height: 10rem;
    height: 22rem;
  }
}
.c-header__links {
  display: flex;
  align-items: flex-start;
}
.c-header__logo-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: var(--color-wh);
  width: 12.9rem;
  height: 9rem;
  padding: 0.9rem 0 0 0;
  border-radius: 0 0 1rem 0;
  pointer-events: auto;
}
@media (min-width: 1400px) {
  .c-header__logo-wrap {
    flex: 0 0 auto;
    width: 32rem;
    height: 25rem;
    padding: 4rem 7rem 0 7rem;
    padding: 4rem 0 0 0;
  }
}
.c-header__logo {
  width: 6.65rem;
  height: 5.51rem;
}
@media (min-width: 1400px) {
  .c-header__logo {
    width: 14rem;
    height: 11.6rem;
  }
}
.c-header__logo > img {
  width: 100%;
  object-fit: 100% auto;
}
.c-header__logo-text {
  margin-top: 0.7rem;
  font-size: 0.76rem;
  text-align: center;
}
@media (min-width: 1400px) {
  .c-header__logo-text {
    font-size: 1.6rem;
    margin-top: 3rem;
  }
}
.c-header__link-list {
  display: none;
  pointer-events: auto;
  font-size: 1.4rem;
  gap: 2rem;
  padding: 4rem 1.2rem 4rem 2.4rem;
}
@media (min-width: 960px) {
  .c-header__link-list {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 1200px) {
  .c-header__link-list {
    font-size: 1.4rem;
    gap: 2.4rem;
  }
}
@media (min-width: 1680px) {
  .c-header__link-list {
    font-size: 2rem;
    gap: 4rem;
    padding: 4rem 1.2rem 4rem 6rem;
  }
}
.c-header__cta {
  display: flex;
  gap: 1rem;
  height: 5rem;
  padding: 1.5rem 7rem 0 0;
}
@media (min-width: 768px) {
  .c-header__cta {
    height: 6rem;
    padding: 2rem 9rem 0 0;
  }
}
.c-header__tel {
  flex: 0 0 auto;
  pointer-events: auto;
}
.c-header__reservation {
  flex: 0 0 auto;
  pointer-events: auto;
}

.c-hlink {
  position: relative;
  display: inline-flex;
  padding-bottom: 0.6rem;
}
.c-hlink::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.3s ease;
}
.c-hlink:hover::after {
  transform: scaleX(1);
  transform-origin: left;
}

.c-htel {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
}
@media (max-width: 767px) {
  .c-htel {
    background: var(--color-wh);
    border-radius: 0.5rem;
  }
}
@media (min-width: 768px) {
  .c-htel {
    width: auto;
    height: 6rem;
    padding-inline: 1rem;
    gap: 1rem;
  }
}
.c-htel__img {
  line-height: 1;
  width: 1.5rem;
  height: 1.5rem;
}
@media (min-width: 768px) {
  .c-htel__img {
    width: 1.8rem;
    height: 1.8rem;
  }
}
.c-htel__img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media (max-width: 767px) {
  .c-htel__text {
    display: none;
  }
}
@media (min-width: 768px) {
  .c-htel__text {
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .c-htel__text {
    font-size: 2rem;
  }
}

.c-hreserve {
  width: 5rem;
  height: 5rem;
  border-radius: 0.5rem;
  aspect-ratio: 1/1;
  background: #D07328;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1rem;
  gap: 0.6rem;
}
@media (min-width: 768px) {
  .c-hreserve {
    width: 6rem;
    height: 6rem;
    padding-top: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .c-hreserve {
    width: 22rem;
    height: 6rem;
    flex-direction: row;
    gap: 1rem;
    justify-content: center;
    padding-top: 0;
  }
}
.c-hreserve__img {
  display: block;
  width: 1.2rem;
  height: 1.3rem;
  line-height: 1;
}
@media (min-width: 1200px) {
  .c-hreserve__img {
    width: 2.1rem;
    height: 2.2rem;
  }
}
.c-hreserve__img > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.c-hreserve__text {
  color: var(--color-wh);
  font-size: 0.9rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .c-hreserve__text {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .c-hreserve__text {
    font-size: 1.1rem;
  }
}
@media (min-width: 1200px) {
  .c-hreserve__text {
    font-size: 2rem;
  }
}
.c-hreserve__text .min {
  font-size: 0.7rem;
}
@media (min-width: 768px) {
  .c-hreserve__text .min {
    font-size: 1.2rem;
  }
}

.c-nav-outer__input {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
}
.c-nav-outer__bg {
  transition: 0.2s all ease;
  opacity: 0;
  pointer-events: none;
}
.c-nav-outer__input:checked ~ .c-nav-outer__bg {
  opacity: 1;
  pointer-events: auto;
}
.c-nav-outer__nav {
  transition: 0.2s all ease;
  transform: translateX(100%);
}
.c-nav-outer__input:checked ~ .c-nav-outer__nav {
  transform: translateX(0);
}

.c-nav-bg {
  position: fixed;
  z-index: 9998;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.7);
  inset: 0 0 auto auto;
}

.c-nav {
  position: fixed;
  z-index: 9999;
  width: 29.5rem;
  height: 100vh;
  inset: 0 0 auto auto;
  background: #40330D;
  padding: 10rem 4rem 0;
}
@media (min-width: 768px) {
  .c-nav {
    width: 48rem;
    padding: 12rem 10rem 0;
  }
}

.c-nav-pages > li:not(:first-child) {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .c-nav-pages > li:not(:first-child) {
    margin-top: 5rem;
  }
}

.c-nav-page {
  font-size: 1.6rem;
  color: var(--color-wh);
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-nav-page {
    font-size: 2rem;
  }
}

.c-nav-reserve {
  background: #D07328;
  border-radius: 0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 5.6rem;
}
@media (min-width: 768px) {
  .c-nav-reserve {
    height: 6rem;
  }
}
.c-nav-reserve__img {
  display: block;
  width: 2rem;
  height: 2.1rem;
  line-height: 1;
}
.c-nav-reserve__img > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.c-nav-reserve__text {
  font-size: 1.6rem;
  color: var(--color-wh);
}
@media (min-width: 768px) {
  .c-nav-reserve__text {
    font-size: 2rem;
  }
}

.c-nav-sns {
  display: flex;
  gap: 0.7rem;
  justify-content: center;
}
.c-nav-sns > li {
  width: 4rem;
  height: 4rem;
}

.c-nav-sns-link {
  display: block;
  width: 100%;
  height: 100%;
  background: #F0EBDD;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-nav-cta {
  margin-top: 5rem;
  padding-top: 5rem;
  border-top: 2px dotted var(--color-wh);
}
@media (min-width: 768px) {
  .c-nav-cta {
    margin-top: 7rem;
    padding-top: 7rem;
  }
}
.c-nav-cta__reserve {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .c-nav-cta__reserve {
    margin-top: 4rem;
  }
}
.c-nav-cta__sns {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .c-nav-cta__sns {
    margin-top: 4rem;
  }
}

.c-nav-tel {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}
.c-nav-tel__img {
  line-height: 1;
  display: block;
}
.c-nav-tel__text {
  font-size: 2rem;
  color: var(--color-wh);
}

.c-menu-ico {
  width: 5rem;
  height: 5rem;
  border-radius: 0.5rem;
  background: #40330D;
  position: fixed;
  z-index: 10000;
  inset: 1.5rem 1rem auto auto;
}
@media (min-width: 768px) {
  .c-menu-ico {
    width: 6rem;
    height: 6rem;
    inset: 2rem 2rem auto auto;
  }
}
.c-menu-ico__line {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 2rem;
  height: 0.1rem;
  background: var(--color-wh);
  transition: 0.2s all ease;
}
.c-menu-ico__line--1 {
  transform: translateY(-0.5rem);
}
.c-nav-outer__input:checked ~ .c-menu-ico .c-menu-ico__line--1 {
  transform: translateY(0) rotate(45deg);
}
.c-nav-outer__input:checked ~ .c-menu-ico .c-menu-ico__line--2 {
  transform: translateX(100%);
  opacity: 0;
}
.c-menu-ico__line--3 {
  transform: translateY(0.5rem);
}
.c-nav-outer__input:checked ~ .c-menu-ico .c-menu-ico__line--3 {
  transform: translateY(0) rotate(-45deg);
}

.c-pagetop {
  position: fixed;
  right: 1rem;
  bottom: 2rem;
  cursor: pointer;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.c-pagetop.is-show {
  opacity: 1;
  visibility: visible;
}
.c-pagetop.is-bottom {
  position: absolute;
  bottom: auto;
}
.c-pagetop {
  width: 10.6rem;
  height: 14rem;
}
@media (min-width: 768px) {
  .c-pagetop {
    width: 14.5rem;
    height: 19rem;
    right: 4rem;
  }
}
.c-pagetop__text {
  width: 6rem;
  height: 6rem;
  border-radius: 9999px;
  position: absolute;
  inset: 0 auto auto 0;
}
@media (min-width: 768px) {
  .c-pagetop__text {
    width: 8rem;
    height: 8rem;
  }
}
.c-pagetop__text-inner {
  width: 100%;
  height: 100%;
  font-size: 1.2rem;
  background: url(../img/ico-pagetop.svg) no-repeat top 1.5rem center/0.6rem 0.8rem;
  padding-top: 2.8rem;
  text-align: center;
}
@media (min-width: 768px) {
  .c-pagetop__text-inner {
    font-size: 1.6rem;
    background-size: 0.8rem 1rem;
    background-position: top 2rem center;
    padding-top: 3.2rem;
  }
}
.c-pagetop__img {
  width: 8.2rem;
  position: absolute;
  inset: auto 0 0 auto;
}
@media (min-width: 768px) {
  .c-pagetop__img {
    width: 11.1rem;
  }
}
.c-pagetop__img > img {
  width: 100%;
}

.c-footer {
  background: #8D7F64;
  padding-block: 6rem;
}
@media (min-width: 1200px) {
  .c-footer {
    padding-block: 16rem;
  }
}
.c-footer__inner {
  padding-inline: 5.3333%;
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 1200px) {
  .c-footer__inner {
    display: flex;
    flex-direction: row-reverse;
    padding-inline: 80px;
    gap: 8%;
  }
}
.c-footer__form {
  max-width: 660px;
  margin-inline: auto;
}
@media (min-width: 1200px) {
  .c-footer__form {
    flex: 0 0 36.9863%;
  }
}
.c-footer__content {
  padding-inline: 5.9701%;
}
@media (min-width: 1200px) {
  .c-footer__content {
    padding-inline: 0;
    flex: 1;
  }
}
.c-footer__copyright {
  margin-top: 8rem;
}
@media (min-width: 1200px) {
  .c-footer__copyright {
    margin-top: 12rem;
  }
}

.c-fcont {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (min-width: 768px) {
  .c-fcont {
    display: block;
  }
}
.c-fcont__inner {
  display: contents;
}
@media (min-width: 768px) {
  .c-fcont__inner {
    display: flex;
  }
}
.c-fcont__info {
  display: contents;
}
@media (min-width: 768px) {
  .c-fcont__info {
    display: block;
    padding-right: 4rem;
  }
}
@media (min-width: 1200px) {
  .c-fcont__info {
    padding-right: 10rem;
  }
}
.c-fcont__logo {
  width: 11.3rem;
  height: 9.3rem;
}
.c-fcont__logo > img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.c-fcont__address {
  text-align: center;
  color: var(--color-wh);
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .c-fcont__address {
    margin-top: 4rem;
    text-align: left;
  }
}
.c-fcont__button {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .c-fcont__button {
    margin-top: 3rem;
  }
}
.c-fcont__sns {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .c-fcont__sns {
    margin-top: 3rem;
  }
}
.c-fcont__nav {
  margin-top: 4rem;
  border-top: 2px dotted #E2D9C8;
  padding-top: 4rem;
}
@media (min-width: 768px) {
  .c-fcont__nav {
    padding-top: 0;
    margin-top: 0;
    border-top: none;
    border-left: 2px dotted #E2D9C8;
    padding-left: 4rem;
  }
}
@media (min-width: 960px) {
  .c-fcont__nav {
    padding-left: 10rem;
  }
}
.c-fcont__banners {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .c-fcont__banners {
    margin-top: 8rem;
  }
}

.c-fbanners {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .c-fbanners {
    flex-direction: row;
  }
}
.c-fbanners > li {
  aspect-ratio: 295/114;
  border-radius: 0.5rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-fbanners > li {
    width: 26rem;
  }
}
.c-fbanners > li > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.c-copy {
  font-size: 1.3rem;
  text-align: center;
  color: var(--color-wh);
}
@media (min-width: 768px) {
  .c-copy {
    font-size: 1.6rem;
  }
}

.c-item-sns {
  width: 4rem;
  aspect-ratio: 1;
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-item-sns__ico {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .c-item-sns__ico {
    width: 2rem;
    height: 2rem;
  }
}
.c-item-sns__ico > img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}

.c-fnav {
  color: var(--color-wh);
  display: flex;
  flex-wrap: wrap;
  gap: 2.8rem 0;
}
@media (min-width: 768px) {
  .c-fnav {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
    gap: 3rem;
  }
}
@media (max-width: 767px) {
  .c-fnav > li {
    width: 50%;
  }
}

.c-sns {
  display: flex;
  justify-content: center;
  gap: 0.7rem;
}
@media (min-width: 768px) {
  .c-sns {
    justify-content: flex-start;
  }
}
.c-sns > li {
  border-radius: 0.5rem;
  background: #F0EBDD;
  width: 4rem;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-button-1 {
  background: #D07328;
  border-radius: 0.4rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: var(--color-wh);
  padding: 2rem;
  width: 25.5rem;
  height: 5.6rem;
}
@media (min-width: 768px) {
  .c-button-1 {
    width: clamp(0px, 100%, 30rem);
    height: 7rem;
  }
}
.c-button-1__ico {
  width: 1.6rem;
  height: 1.7rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .c-button-1__ico {
    width: 2rem;
    height: 2.1rem;
  }
}
.c-button-1__ico > img {
  width: 100%;
}
.c-form-1__title {
  color: var(--color-wh);
}
.c-form-1__text {
  color: var(--color-wh);
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .c-form-1__text {
    margin-top: 3rem;
  }
}
.c-form-1__form {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .c-form-1__form {
    margin-top: 5rem;
  }
}

.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form textarea {
  font-size: 1.6rem;
  border-radius: 0.4rem;
  display: block;
  width: 100%;
  background: #FFF;
  padding: 1.2rem 1.6rem;
  line-height: 1.6667;
}
.wpcf7-form input[type=text]::placeholder,
.wpcf7-form input[type=email]::placeholder,
.wpcf7-form textarea::placeholder {
  color: #8D7F64;
}
.wpcf7-form textarea {
  height: 16rem;
}
@media (min-width: 768px) {
  .wpcf7-form textarea {
    height: 20rem;
  }
}
.wpcf7-form label {
  display: block;
}
.wpcf7-form label + label {
  margin-top: 1rem;
}
.wpcf7-form input[type=submit] {
  margin-top: 2rem;
  width: 100%;
  display: block;
  text-align: center;
  padding-block: 2rem;
  border-radius: 0.4rem;
  background: #EDC243 url(../img/ico-arrow-tran.svg) no-repeat center right 2.4rem/2.4rem 2.4rem;
}

.c-main {
  background: var(--color-bg-1) url(../img/bg-ptn-20.png) repeat top left/auto auto;
}
@media (min-width: 768px) {
  .c-main {
    padding-top: 10rem;
  }
}

@media (min-width: 768px) {
  .c-scm {
    scroll-margin-top: 10rem;
  }
}

.l-top {
  padding-bottom: 16rem;
}
@media (min-width: 768px) {
  .l-top {
    padding-bottom: 29rem;
  }
}
.l-top__guidance {
  margin-top: 5rem;
}
@media (min-width: 768px) {
  .l-top__guidance {
    margin-top: 10rem;
  }
}
.l-top__access {
  margin-top: 6rem;
}
@media (min-width: 768px) {
  .l-top__access {
    margin-top: 16rem;
  }
}
.l-top__insta {
  margin-top: 6rem;
}
@media (min-width: 768px) {
  .l-top__insta {
    margin-top: 20rem;
  }
}

.fw-bold {
  font-weight: bold;
}

.u-line-clamp1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-ico-arrow {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  aspect-ratio: 1;
  border-radius: 9999px;
  background: #EDC243 url(../img/ico-arrow.svg) no-repeat center center/0.8rem auto;
}
.c-ico-arrow--transparent {
  background: #EDC243 url(../img/ico-arrow-tran.svg) no-repeat center center/100% 100%;
}

.c-tag-1 {
  background: var(--color-bg-1);
  border-radius: 9999px;
  padding: 0.7rem 2.4rem;
  text-align: center;
}
.c-tag-1--bg2 {
  background: var(--color-bg-2);
}

.c-item-news {
  background: var(--color-wh);
  border-radius: 0.5rem;
  padding: 2rem;
  display: flex;
  gap: 1rem;
}
@media (min-width: 768px) {
  .c-item-news {
    padding: 4rem 6rem;
    gap: 5rem;
  }
}
.c-item-news__inner {
  flex: 1;
}
@media (min-width: 768px) {
  .c-item-news__inner {
    display: flex;
  }
}
.c-item-news__info {
  display: flex;
  gap: 1rem;
  align-items: center;
}
@media (min-width: 768px) {
  .c-item-news__info {
    display: contents;
  }
}
@media (min-width: 768px) {
  .c-item-news__date {
    flex: 0 0 16rem;
  }
}
@media (min-width: 768px) {
  .c-item-news__tag {
    flex: 0 0 15rem;
  }
}
.c-item-news__title {
  margin-top: 0.8rem;
}
@media (min-width: 768px) {
  .c-item-news__title {
    margin-top: 0;
    margin-left: 5rem;
  }
}
.c-item-news__ico {
  margin-block: auto;
  flex: 0 0 auto;
}

.c-fs-s {
  font-size: 1.3rem;
}

.c-fs-m {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-fs-m {
    font-size: 2rem;
  }
}

.c-fs-l {
  font-size: 1.9rem;
}

.c-fs-l-2 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .c-fs-l-2 {
    font-size: 2.4rem;
  }
}

.c-fs-xl {
  font-size: 2.3rem;
}
@media (min-width: 768px) {
  .c-fs-xl {
    font-size: 2.9rem;
  }
}

.c-item-plan {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-image: radial-gradient(circle, #EDC243 3px, transparent 4px);
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.8rem;
}
.c-item-plan__term {
  flex: 0 0 auto;
}
.c-item-plan__line {
  display: block;
  height: 0.16rem;
  flex: 1;
  background: linear-gradient(var(--color-bg-2), var(--color-bg-2)) no-repeat center center/100% 100%;
}
.c-item-plan__data {
  flex: 0 0 auto;
}

.c-item-1 {
  background: var(--color-wh);
  border-radius: 0.5rem;
  padding: 1.7rem 3rem;
  min-height: 8rem;
  display: flex;
  align-items: center;
}
@media (min-width: 960px) {
  .c-item-1 {
    padding-block: 0;
    height: 9.7rem;
  }
}
.c-item-1__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
  height: 100%;
}
.c-item-1__img {
  flex: 0 0 3.2rem;
}
.c-item-1__img > img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.c-item-1__content {
  flex: 1;
}
.lh-10 {
  line-height: 1;
}

.lh-14 {
  line-height: 1.4;
}

.c-guidance-1 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.6rem;
  padding-bottom: 2.4rem;
  border-bottom: 2px dotted #40330D;
}
@media (min-width: 960px) {
  .c-guidance-1 {
    flex-direction: row;
    justify-content: space-between;
  }
}
.c-guidance-1__term {
  display: contents;
}
@media (min-width: 768px) {
  .c-guidance-1__term {
    display: flex;
    align-items: center;
    gap: 2rem;
  }
}
.c-guidance-1__img {
  width: 1.6rem;
  height: 1.7rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .c-guidance-1__img {
    width: 2rem;
    height: 2.1rem;
  }
}
.c-guidance-1__img {
  display: block;
}
.c-guidance-1__img > img {
  width: 100%;
  height: 100%;
  object-fit: scale-down;
}
.c-item-access-1 {
  border-radius: 1rem;
  padding: 3rem 2rem;
}
@media (min-width: 768px) {
  .c-item-access-1 {
    height: 100%;
  }
}
@media (min-width: 960px) {
  .c-item-access-1 {
    padding: 4.3rem 5rem;
  }
}
.c-item-access-1__list {
  margin-top: 1.2rem;
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
}
.c-item-access-1__list li {
  background-image: radial-gradient(circle, #EDC243 3px, transparent 4px);
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.8rem;
}
.c-item-access-1__text {
  margin-top: 1.2rem;
}

.c-heading-access-1 {
  display: flex;
  align-items: center;
  gap: 1.6rem;
}
.c-heading-access-1__img {
  line-height: 1;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
}
@media (min-width: 768px) {
  .c-heading-access-1__img {
    width: 3rem;
    height: 3rem;
  }
}
.c-heading-access-1__img > img {
  width: 100%;
}
.c-heading-1__en {
  color: #EDC243;
}
.c-heading-1__ja {
  margin-top: 1.1rem;
  font-size: 3.4rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .c-heading-1__ja {
    margin-top: 2.5rem;
    font-size: 5rem;
  }
}

.c-heading-2 {
  text-align: center;
}
@media (min-width: 960px) {
  .c-heading-2 {
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
  }
}
.c-heading-2__en {
  color: #EDC243;
  position: relative;
}
.c-heading-2__en-inner {
  display: contents;
}
@media (min-width: 960px) {
  .c-heading-2__en-inner {
    width: 15rem;
    position: absolute;
    display: block;
    transform-origin: left bottom;
    transform: translate(1em, -0.8em) rotate(90deg);
  }
}
.c-heading-2__ja {
  margin-top: 1.5rem;
  font-size: 3.4rem;
}
@media (min-width: 960px) {
  .c-heading-2__ja {
    writing-mode: vertical-rl;
    margin-top: 0;
    font-size: 5rem;
    letter-spacing: 0.05em;
  }
}

.c-heading-3 {
  text-align: center;
}
@media (min-width: 768px) {
  .c-heading-3 {
    text-align: left;
    display: flex;
    flex-direction: row-reverse;
  }
}
.c-heading-3__en {
  color: #EDC243;
  position: relative;
}
.c-heading-3__en-inner {
  display: contents;
}
@media (min-width: 768px) {
  .c-heading-3__en-inner {
    width: 15rem;
    position: absolute;
    display: block;
    transform-origin: left bottom;
    transform: translate(1em, -0.8em) rotate(90deg);
  }
}
.c-heading-3__ja {
  margin-top: 1.5rem;
  font-size: 3.4rem;
}
@media (min-width: 768px) {
  .c-heading-3__ja {
    writing-mode: vertical-rl;
    margin-top: 0;
    font-size: clamp(0px, 4vw, 5rem);
    letter-spacing: 0.05em;
  }
}

.c-top-kv {
  padding-inline: 5.3333%;
}
@media (min-width: 768px) {
  .c-top-kv {
    padding-inline: 8rem;
  }
}
.c-top-kv__inner {
  position: relative;
  container-type: inline-size;
}
.c-top-kv__slider {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-top-kv__slider {
    border-radius: 2rem;
  }
}
.c-top-kv__img {
  width: 100%;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .c-top-kv__img {
    border-radius: 2rem;
  }
}
.c-top-kv__img > img {
  width: 100%;
  display: block;
}
.c-top-kv__text-wrap {
  position: absolute;
  z-index: 2;
  width: 88.0597%;
  margin-inline: auto;
  inset: auto 0 9.8rem 0;
  text-shadow: 0px 0px 4px rgba(68, 68, 68, 0.5019607843);
}
@media (min-width: 768px) {
  .c-top-kv__text-wrap {
    inset: auto auto 8rem 10rem;
    margin-inline: 0;
  }
}
.c-top-kv__heading {
  font-weight: bold;
  font-size: 3.4rem;
  line-height: 1.4;
  color: var(--color-wh);
}
@media (min-width: 768px) {
  .c-top-kv__heading {
    font-size: 6rem;
  }
}
.c-top-kv__heading span {
  margin-left: 0.2em;
  color: #EDC243;
  letter-spacing: 0.2em;
  position: relative;
}
.c-top-kv__heading span:before {
  content: "";
  width: 6.2rem;
  height: 2.1rem;
  background: url(../img/ico-house.svg) no-repeat center bottom/100% 100%;
  position: absolute;
  margin-inline: auto;
  inset: 0.2rem 0 auto 0;
  transform: translate(-5%, -100%);
}
@media (min-width: 768px) {
  .c-top-kv__heading span:before {
    width: 11.1rem;
    height: 3.6rem;
  }
}
.c-top-kv__text {
  margin-top: 1rem;
  font-size: 1.3rem;
  color: var(--color-wh);
  line-height: 1.6667;
}
@media (min-width: 768px) {
  .c-top-kv__text {
    font-size: 2rem;
  }
}
.c-top-kv__btn {
  width: 88.0597%;
  height: 7rem;
  margin-top: -3.5rem;
  position: relative;
  z-index: 2;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-top-kv__btn {
    margin-top: 0;
    width: 36rem;
    height: 10rem;
    position: absolute !important;
    inset: auto min(6cqw, 8rem) min(6cqw, 8rem) auto;
  }
}
.c-top-kv .swiper-pagination {
  bottom: 2rem !important;
}
@media (min-width: 768px) {
  .c-top-kv .swiper-pagination {
    bottom: 3rem !important;
  }
}
.c-top-kv .swiper-pagination-bullet {
  width: 1rem;
  height: 1rem;
  background: var(--color-wh);
  opacity: 0.5;
}
@media (min-width: 768px) {
  .c-top-kv .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
  }
}
.c-top-kv .swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--color-wh);
}
.c-top-kv .swiper-button-prev,
.c-top-kv .swiper-button-next {
  color: var(--color-wh);
  width: 4rem;
  height: 4rem;
}
@media (min-width: 768px) {
  .c-top-kv .swiper-button-prev,
  .c-top-kv .swiper-button-next {
    width: 6rem;
    height: 6rem;
  }
}
.c-top-kv .swiper-button-prev::after,
.c-top-kv .swiper-button-next::after {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .c-top-kv .swiper-button-prev::after,
  .c-top-kv .swiper-button-next::after {
    font-size: 3rem;
  }
}
.c-top-kv .swiper-button-prev {
  left: 1rem;
}
@media (min-width: 768px) {
  .c-top-kv .swiper-button-prev {
    left: 2rem;
  }
}
.c-top-kv .swiper-button-next {
  right: 1rem;
}
@media (min-width: 768px) {
  .c-top-kv .swiper-button-next {
    right: 2rem;
  }
}

.c-kv-btn {
  background: var(--color-wh);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.3rem 3rem;
  border-radius: 0.5rem;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .c-kv-btn {
    padding-block: 2rem;
    gap: 2.3rem;
  }
}
.c-kv-btn__arrow {
  margin-left: auto;
}

.lh-14 {
  line-height: 1.4;
}

.c-tnews-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .c-tnews-list {
    gap: 2rem;
  }
}
.c-top-news {
  padding-inline: 5.3333%;
  padding-block: 6rem;
  max-width: 1620px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .c-top-news {
    padding-inline: 80px;
    flex-direction: row;
    justify-content: space-between;
    padding-block: 16rem;
  }
}
.c-top-news__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 1200px) {
  .c-top-news__info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 0 0 17.8082%;
  }
}
.c-top-news__btns {
  padding-bottom: 1rem;
}
@media (min-width: 1200px) {
  .c-top-news__btns {
    margin-top: 8rem;
    width: 26rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .c-top-news__btn--sp {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .c-top-news__btn--pc {
    display: none !important;
  }
}
.c-top-news__list {
  margin-top: 3rem;
  max-width: 1060px;
}
@media (min-width: 1200px) {
  .c-top-news__list {
    margin-top: 0;
    flex: 0 0 72.6027%;
  }
}

.c-btn-1 {
  display: flex;
  border-radius: 0.5rem;
  padding: 2rem 2rem;
  background: #EDC243;
  gap: 3rem;
  color: var(--color-wh);
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .c-btn-1 {
    padding: 2.4rem 3rem;
  }
}
@media (min-width: 768px) {
  .c-btn-1--pt2 {
    position: relative;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .c-btn-1--pt2 .c-btn-1__arrow {
    position: absolute;
    inset: 0 3rem 0 auto;
    margin-block: auto;
  }
}

.c-btn-2 {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.c-btn-2__arrow {
  flex: 0 0 auto;
}

.c-top-about {
  padding: 6rem 0;
}
@media (min-width: 768px) {
  .c-top-about {
    padding: 16rem 0;
  }
}
.c-top-about__inner {
  margin-top: 6rem;
  position: relative;
}
@media (min-width: 768px) {
  .c-top-about__inner {
    width: 100%;
    margin-top: 0;
    height: 52.6%;
    aspect-ratio: 1/0.526;
  }
}
.c-top-about__inner2 {
  width: 100%;
}
@media (min-width: 768px) {
  .c-top-about__inner2 {
    height: 100%;
    display: flex;
    flex-wrap: wrap;
  }
}
.c-top-about__inner2 {
  container-type: inline-size;
}
.c-top-about__heading {
  text-align: center;
}
@media (min-width: 768px) {
  .c-top-about__heading {
    position: static;
    width: 37.5%;
    /* height: 60cqh; 削除し、縦幅は親 .c-top-about__inner に対する比率で設定 */
    height: 66.8317%;
    text-align: left;
    padding: 0;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media (min-width: 768px) {
  .c-top-about__heading-inner {
    padding-right: clamp(0px, 40%, 30rem);
    padding-bottom: clamp(0px, 37%, 25rem);
  }
}
.c-top-about__imgs {
  position: relative;
  width: 100%;
  height: 88.5333vw;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .c-top-about__imgs {
    display: contents;
  }
}
.c-top-about__img1 {
  display: block;
  position: absolute;
  inset: auto 0 0 auto;
  width: 89.3333%;
  overflow: hidden;
  border-radius: 2.6667vw 0 0 2.6667vw;
}
@media (min-width: 768px) {
  .c-top-about__img1 {
    position: relative;
    inset: 0;
    width: 62.5%;
    height: 66.8317%;
    overflow: initial;
    display: flex;
    align-items: flex-end;
    border-radius: 0;
  }
}
.c-top-about__img1 > img {
  width: 100%;
}
@media (min-width: 768px) {
  .c-top-about__img1 > img {
    border-radius: 1.0417vw 0 0 1.0417vw;
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
  }
}
.c-top-about__img2 {
  display: block;
  position: absolute;
  inset: 0 auto auto 0;
  width: 58.1333%;
  overflow: hidden;
  border-radius: 0 1.0417vw 1.0417vw 0;
}
@media (min-width: 768px) {
  .c-top-about__img2 {
    position: relative;
    inset: 0;
    width: 37.5%;
    height: 33.1683%;
    overflow: initial;
    border-radius: 0;
  }
}
.c-top-about__img2 > img {
  width: 100%;
}
@media (min-width: 768px) {
  .c-top-about__img2 > img {
    position: absolute;
    border-radius: 0 1.0417vw 1.0417vw 0;
    inset: -7.48cqh -4.1667cqw auto auto;
    width: 41.4585cqw;
  }
}
.c-top-about__content {
  padding-top: 3rem;
  position: relative;
}
@media (min-width: 768px) {
  .c-top-about__content {
    padding-top: 0;
    width: 62.5%;
    height: 33.1683%;
  }
}
@media (max-width: 767px) {
  .c-top-about__content-inner {
    display: contents;
  }
}
@media (min-width: 768px) {
  .c-top-about__content-inner {
    padding-top: clamp(0px, 7%, 8rem);
    padding-left: clamp(0px, 16.6667%, 20rem);
  }
}
.c-top-about__text {
  padding: 0 calc(10.6667vw + 6.8rem) 0 10.6667vw;
  line-height: 2;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-top-about__text {
    padding: 0;
    font-size: clamp(0px, 1.42vw, 2rem);
  }
}
.c-top-about__catch {
  writing-mode: vertical-rl;
  font-size: 2.3rem;
  background: var(--color-wh);
  padding: 1.3rem 1rem;
  position: absolute;
  inset: -16.5333vw 10.6667vw auto auto;
}
@media (min-width: 768px) {
  .c-top-about__catch {
    font-size: min(1.823cqw, 3.5rem);
    padding: 2rem 1.5rem;
    letter-spacing: 0.1em;
    inset: -10rem auto auto clamp(0px, 85%, 82.5rem);
    max-width: 65px;
  }
}
.c-top-about__btn {
  margin-top: 3.3rem;
  width: 25.5rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-top-about__btn {
    width: 30rem;
    margin: 5rem 0 0;
  }
}

.c-ta-c {
  text-align: center;
}

.c-stay {
  padding-inline: 5.3333%;
  padding-block: 6rem 0;
}
@media (min-width: 768px) {
  .c-stay {
    padding-inline: 0;
    padding-block: 16rem 0;
  }
}
.c-stay__inner {
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-stay__inner {
    padding-inline: 80px;
  }
}
@media (min-width: 768px) {
  .c-stay__heading {
    text-align: center;
  }
}
.c-stay__attention {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .c-stay__attention {
    margin-top: 4rem;
  }
}
@media (min-width: 768px) {
  .c-stay__attention > li {
    text-align: center;
  }
}
.c-stay__attention > li:before {
  content: "※";
  display: inline-block;
  margin-right: 0.125em;
}
.c-stay__plans {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .c-stay__plans {
    margin-top: 8rem;
  }
}
.c-stay__plans-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5rem;
}
@media (min-width: 960px) {
  .c-stay__plans-inner {
    flex-direction: row;
    gap: 6rem;
  }
}
.c-stay__plans-inner > li {
  width: 100%;
}
@media (min-width: 768px) {
  .c-stay__plans-inner > li {
    max-width: 520px;
  }
}
@media (min-width: 960px) {
  .c-stay__plans-inner > li {
    max-width: 700px;
  }
}

.c-stay-plan__img {
  display: block;
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-stay-plan__img {
    border-radius: 2rem;
  }
}
.c-stay-plan__img > img {
  display: block;
  width: 100%;
}
.c-stay-plan__content {
  display: contents;
}
@media (min-width: 768px) {
  .c-stay-plan__content {
    display: block;
    margin-top: 5rem;
    padding-inline: 2.4rem;
  }
}
.p-room-plan {
  container-type: inline-size;
}
.p-room-plan__inner {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 768px) {
  .p-room-plan__inner {
    flex: 0 0 calc(50% - 6rem);
    flex-direction: row;
    gap: 12rem;
    align-items: center;
    margin-inline: auto;
  }
}
.p-room-plan__img {
  width: 100%;
  position: relative;
}
@media (min-width: 768px) {
  .p-room-plan__img {
    flex: 0 0 calc(50% - 6rem);
  }
}
.p-room-plan__img > img {
  width: 100%;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .p-room-plan__img > img {
    border-radius: 0 2rem 2rem 0;
  }
}
@media (min-width: 768px) {
  .p-room-plan__content {
    flex: 0 0 calc(50% - 6rem);
  }
}
@media (min-width: 768px) {
  .p-room-plan__content-inner {
    max-width: 740px;
    padding-right: 8rem;
  }
}

.c-stay-plan-content__title-wrap {
  margin-top: 3rem;
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media (min-width: 768px) {
  .c-stay-plan-content__title-wrap {
    margin-top: 0;
  }
}
.c-stay-plan-content__title-wrap--pt2 {
  margin-top: 0;
}
.c-stay-plan-content__text {
  margin-top: 2rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-stay-plan-content__text {
    margin-top: 4rem;
    font-size: 2rem;
  }
}
.c-stay-plan-content__list {
  margin-top: 2.7rem;
  display: flex;
  flex-direction: column;
  gap: 1.1rem;
}
@media (min-width: 768px) {
  .c-stay-plan-content__list {
    margin-top: 5rem;
    gap: 2.4rem;
  }
}
.c-stay-plan-content__btn {
  margin-top: 2.3rem;
  width: 25.5rem;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-stay-plan-content__btn {
    margin-top: 5rem;
    width: 100%;
  }
}

.c-guidance {
  padding-inline: 5.3333%;
}
@media (min-width: 960px) {
  .c-guidance {
    padding-inline: 0;
  }
}
.c-guidance__inner {
  padding: 6rem 5.9701%;
  border-radius: 1rem;
  max-width: 1540px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-guidance__inner {
    padding-inline: 40px;
  }
}
.c-guidance__inner--pt2 {
  padding-block: 8rem 6rem;
}
.c-guidance__inner > :first-child {
  margin-top: 0 !important;
}
.c-guidance__title {
  font-size: 2.3rem;
  text-align: center;
}
@media (min-width: 768px) {
  .c-guidance__title {
    font-size: 2.9rem;
  }
}
.c-guidance__time-list {
  margin-top: 4rem;
  display: flex;
  gap: 2rem;
}
@media (min-width: 768px) {
  .c-guidance__time-list {
    justify-content: center;
    gap: 8rem;
    margin-top: 4.5rem;
  }
}
.c-guidance__time-list > li {
  flex: 1;
}
@media (min-width: 960px) {
  .c-guidance__time-list > li {
    flex: 0 0 36rem;
  }
}
.c-guidance__info-list {
  margin-top: 4rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .c-guidance__info-list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1.7rem 2.1rem;
    margin-top: 4.5rem;
  }
}
.c-guidance__info-list > li {
  width: 100%;
}
@media (min-width: 960px) {
  .c-guidance__info-list > li.col2 {
    width: calc(50% - 1.105rem);
  }
}
@media (min-width: 960px) {
  .c-guidance__info-list > li.col3 {
    width: calc(33.3333% - 1.4rem);
  }
}

.c-access {
  container-type: inline-size;
}
.c-access__inner {
  width: 100%;
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-access__inner {
    padding-inline: 80px;
  }
}
.c-access__info-outer {
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .c-access__info-outer {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 960px) {
  .c-access {
    display: contents;
  }
}
@media (min-width: 960px) and (min-width: 768px) {
  .c-access {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 0 0 25.3425%;
  }
}
@media (max-width: 767px) {
  .c-access__heading {
    order: 1;
  }
}
@media (min-width: 960px) {
  .c-access__heading {
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .c-access__info {
    order: 3;
  }
}
.c-access__info {
  margin-top: 4rem;
}
@media (min-width: 960px) {
  .c-access__info {
    margin-top: 7rem;
    padding-top: 7rem;
    border-top: 2px dotted #40330D;
  }
}
@media (max-width: 767px) {
  .c-access__map {
    order: 2;
  }
}
.c-access__map {
  width: 100%;
  margin-top: 4rem;
  height: 37.5rem;
}
@media (min-width: 960px) {
  .c-access__map {
    margin-top: 0;
    flex: 0 0 calc(50% + 12.5cqw);
    height: 67.5rem;
    position: relative;
  }
}
.c-access__map > iframe {
  width: 100%;
  height: 100%;
}
@media (min-width: 960px) {
  .c-access__map > iframe {
    position: absolute;
    width: 62.5cqw;
  }
}
.c-access__list {
  padding-inline: 5.3333%;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .c-access__list {
    margin-top: 8rem;
    padding-inline: 0;
  }
}
.c-access__list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .c-access__list {
    flex-direction: row;
    justify-content: center;
    gap: 2.5rem;
  }
}
@media (min-width: 768px) {
  .c-access__list > li {
    width: calc(33.3333% - 1.6667rem);
  }
}

.c-access-info {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-access-info__title {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .c-access-info__title {
    font-size: 2.4rem;
  }
}
.c-access-info__text {
  margin-top: 2rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
}
@media (min-width: 768px) {
  .c-access-info__text {
    font-size: 2rem;
  }
}
.c-access-info__btn {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .c-access-info__btn {
    margin-top: 4rem;
  }
}

.c-insta {
  padding-inline: 5.3333%;
  position: relative;
  z-index: 2;
  container-type: inline-size;
  padding-top: 6rem;
}
@media (min-width: 768px) {
  .c-insta {
    padding-inline: 0;
    padding-bottom: 10rem;
  }
}
.c-insta__bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 32.5rem;
  inset: 0 auto auto 0;
}
@media (min-width: 768px) {
  .c-insta__bg {
    inset: auto 0 0 auto;
    width: 50cqw;
    height: calc(100% - 10rem);
  }
}
.c-insta__inner {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-insta__inner {
    flex-direction: row-reverse;
    padding-inline: 80px;
    align-items: flex-start;
  }
}
.c-insta__content {
  display: contents;
}
@media (min-width: 768px) {
  .c-insta__content {
    padding-top: min(14.427cqw, 27.7rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
  }
}
.c-insta__img {
  width: 2.7rem;
  height: 2.7rem;
}
@media (min-width: 768px) {
  .c-insta__img {
    width: 4rem;
    height: 4rem;
  }
}
.c-insta__img > img {
  width: 100%;
}
.c-insta__title {
  font-size: 3.4rem;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .c-insta__title {
    order: 1;
  }
}
@media (min-width: 768px) {
  .c-insta__title {
    font-size: 5rem;
    margin-top: 3rem;
  }
}
.c-insta__text {
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 3rem;
  text-align: center;
}
@media (max-width: 767px) {
  .c-insta__text {
    order: 2;
  }
}
@media (min-width: 768px) {
  .c-insta__text {
    font-size: 2rem;
    margin-top: 4rem;
  }
}
.c-insta__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .c-insta__list {
    order: 3;
  }
}
@media (min-width: 768px) {
  .c-insta__list {
    gap: 3rem;
    margin-top: 0;
    flex: 0 0 57.5342%;
  }
}
.c-insta__list > li {
  flex: 0 0 calc(33.3333% - 0.6667rem);
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .c-insta__list > li {
    border-radius: 1rem;
    flex: 0 0 calc(33.3333% - 2rem);
  }
}
.c-insta__list > li {
  overflow: hidden;
}
.c-insta__list > li > img {
  width: 100%;
}
.c-insta__btn {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .c-insta__btn {
    order: 4;
  }
}
@media (min-width: 768px) {
  .c-insta__btn {
    margin-top: 6rem;
  }
}

.c-btn-map {
  display: flex;
  align-items: center;
  width: 25.6rem;
  height: 5.6rem;
  background: url(../img/ico-external.svg) no-repeat center right 2.4rem/2.4rem 2.4rem;
  border: 0.2rem solid #40330D;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  padding-left: 2.4rem;
}
@media (min-width: 768px) {
  .c-btn-map {
    width: 30rem;
    height: 7rem;
    padding-left: 3rem;
    background-position-x: right 3rem;
  }
}

.c-btn-insta {
  display: flex;
  align-items: center;
  color: var(--color-wh);
  width: 25.6rem;
  height: 5.6rem;
  background-image: url(../img/ico-external-2.svg), url(../img/bg-insta-btn.png);
  background-repeat: no-repeat no-repeat;
  background-position: center right 2.4rem, center center;
  background-size: 2.4rem 2.4rem, 100% auto;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  padding-left: 2.4rem;
}
@media (min-width: 768px) {
  .c-btn-insta {
    width: 30rem;
    height: 7rem;
    background-position: center right 3rem, center center;
    padding-left: 3rem;
  }
}

.c-link-insta {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.c-link-insta__text {
  padding-bottom: 0.2rem;
}

.c-bnr-item {
  display: block;
}
.c-bnr-item[target=_blank] {
  position: relative;
}
.c-bnr-item[target=_blank]:after {
  content: "";
  width: 3rem;
  height: 3rem;
  position: absolute;
  inset: 0 0 auto auto;
  border-radius: 0 0.5rem 0 0.5rem;
  background: #E2D9C8 url(../img/ico-ext-bnr.svg) no-repeat center center/1rem 1rem;
}
.c-bnr-item > img {
  width: 100%;
}

@media (min-width: 768px) {
  .c-btn-an {
    transition: 0.2s all ease;
  }
  .c-btn-an:hover {
    transform: translateY(-5px);
  }
  .c-btn-an:after {
    content: "";
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    height: 1rem;
  }
  .c-btn-an:hover:after {
    transform: translateY(5px);
  }
}

.js-kv-swiper .swiper-slide {
  width: 100%;
  aspect-ratio: 335/505;
}
@media (min-width: 768px) {
  .js-kv-swiper .swiper-slide {
    aspect-ratio: 2/1;
  }
}
.js-kv-swiper .swiper-slide {
  object-fit: cover;
  object-position: center center;
}

.c-dl-1 > div:not(:first-child) {
  border-top: 2px solid #E2D9C8;
  padding-top: 2rem;
  margin-top: 2rem;
}

.c-dl-1-item {
  display: flex;
  align-items: flex-start;
  gap: 2.4rem;
}
@media (min-width: 768px) {
  .c-dl-1-item {
    gap: 3.2rem;
  }
}
.c-dl-1-item__ico {
  flex: 0 0 auto;
  padding-top: 0.8rem;
}
@media (min-width: 768px) {
  .c-dl-1-item__ico {
    padding-top: 1rem;
  }
}
.c-dl-1-item__ico > img {
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}
@media (min-width: 768px) {
  .c-dl-1-item__ico > img {
    width: 2rem;
    height: 2rem;
  }
}
.c-dl-1-item__content dt {
  font-size: 1.6rem;
  line-height: 2;
}
@media (min-width: 768px) {
  .c-dl-1-item__content dt {
    font-size: 2rem;
  }
}
.c-dl-1-item__content dd {
  font-size: 1.6rem;
  line-height: 2;
}
@media (min-width: 768px) {
  .c-dl-1-item__content dd {
    font-size: 2rem;
  }
}

.c-ol-1 {
  counter-reset: listnum;
  /* カウンターをリセット */
}
.c-ol-1 > li {
  list-style-type: none;
  line-height: 2;
}
.c-ol-1 > li:before {
  font-weight: bold;
  color: #EDC243;
  width: 3rem;
  content: counter(listnum) ".";
  counter-increment: listnum;
  /* 半角スペースを入れて""の中にピリオドを追加 */
}

.c-ul-1 > li {
  background-image: radial-gradient(circle, #EDC243 3px, transparent 4px);
  background-size: 8px 8px;
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 1.8rem;
  line-height: 2;
}

.c-access-1 {
  padding: 4rem 3rem;
  background: var(--color-wh);
  border-radius: 1rem;
}
.c-access-1__list {
  margin-top: 3rem;
}
.c-access-1__list > li:not(:first-child) {
  margin-top: 1.6rem;
}
.c-access-1__list > li {
  padding-top: 1.6rem;
  border-top: 0.16rem solid #E2D9C8;
}
.c-access-1__attention {
  margin-top: 1.6rem;
  padding-top: 1.6rem;
  border-top: 0.16rem solid #E2D9C8;
}

.c-ul-attention > li:not(:first-child) {
  margin-top: 0.4rem;
}
.c-ul-attention > li {
  font-size: 1.4rem;
  line-height: 2;
  color: #8D7F64;
}
.c-ul-attention > li:before {
  content: "※";
  margin-right: 0.4em;
}
@media (min-width: 768px) {
  .c-ul-attention > li {
    font-size: 1.6rem;
  }
}

.c-heading-4 {
  display: flex;
  gap: 1.6rem;
  align-items: center;
}
.c-heading-4__ico {
  flex: 0 0 auto;
}
.c-heading-4__text {
  font-size: 1.9rem;
}
@media (min-width: 768px) {
  .c-heading-4__text {
    font-size: 2.4rem;
  }
}

.c-item-access-2 {
  border-radius: 1rem;
}
.c-item-access-2__title {
  font-size: 1.6rem;
}
.c-item-access-2__list {
  margin-top: 0.8rem;
  padding-left: 1.6rem;
  font-size: 1.6rem;
}

.c-ico-train-1 {
  width: 1.9rem;
  height: 2.4rem;
}
@media (min-width: 768px) {
  .c-ico-train-1 {
    width: 2.3rem;
    height: 3rem;
  }
}

.c-ico-car-1 {
  width: 2.3rem;
  height: 1.8rem;
}
@media (min-width: 768px) {
  .c-ico-car-1 {
    width: 2.8rem;
    height: 2.3rem;
  }
}

.c-spots {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 1560px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-spots {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 2.5rem;
    padding-inline: 80px;
  }
}
.c-spots > li {
  width: 100%;
}
@media (min-width: 768px) {
  .c-spots > li {
    width: calc(33.3333% - 1.7rem);
  }
}

.c-spot {
  padding: 2rem 2rem 4rem;
  background: #E2D9C8;
  border-radius: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-spot__img {
  width: 100%;
  aspect-ratio: 295/196;
  overflow: hidden;
}
.c-spot__img > img {
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
}
.c-spot__distance {
  margin-top: -1.4rem;
  border-radius: 9999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12rem;
  height: 2.8rem;
  background: #FFF;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .c-spot__distance {
    font-size: 1.8rem;
  }
}
.c-spot__name {
  margin-top: 1rem;
  font-size: 1.9rem;
}
@media (min-width: 768px) {
  .c-spot__name {
    font-size: 2.4rem;
  }
}
.c-spot__text {
  width: 100%;
  text-align: center;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 2px solid var(--color-wh);
  font-size: 1.6rem;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .c-spot__text {
    font-size: 2rem;
  }
}

.p-acesses-coutent {
  padding-block: 6rem;
}
@media (min-width: 768px) {
  .p-acesses-coutent {
    padding-block: 16rem;
  }
}
.p-acesses-coutent__inner {
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .p-acesses-coutent__inner {
    padding-inline: 80px;
  }
}
.p-acesses-coutent__map {
  margin-top: 4rem;
  width: 100%;
  height: 37.5rem;
}
@media (min-width: 768px) {
  .p-acesses-coutent__map {
    margin-top: 8rem;
    height: 60rem;
  }
}
.p-acesses-coutent__map > iframe {
  width: 100%;
  height: 100%;
}
.p-acesses-coutent__data {
  padding-inline: 5.3333%;
  padding-top: 7.2rem;
}
@media (min-width: 768px) {
  .p-acesses-coutent__data {
    padding-inline: 0;
    padding-top: 7.5rem;
  }
}
.p-acesses-coutent__data {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (min-width: 768px) {
  .p-acesses-coutent__data {
    flex-direction: row;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .p-acesses-coutent__data > li {
    width: calc(33.3333% - 1.6667rem);
  }
}

.p-info-spot {
  padding-block: 6rem;
  padding-inline: 5.3333%;
}
@media (min-width: 768px) {
  .p-info-spot {
    padding-block: 16rem;
  }
}
.p-info-spot__list {
  margin-top: 4.5rem;
}
@media (min-width: 768px) {
  .p-info-spot__list {
    margin-top: 8rem;
  }
}

.p-info-info {
  padding-block: 12rem 6rem;
}
@media (min-width: 768px) {
  .p-info-info {
    padding-block: 20rem 16rem;
  }
}
.p-info-info {
  position: relative;
  z-index: 0;
}
.p-info-info__bg {
  position: absolute;
  z-index: 1;
  inset: 0 auto auto 0;
  width: 100%;
  height: 35rem;
}
@media (min-width: 768px) {
  .p-info-info__bg {
    height: 68rem;
  }
}
.p-info-info__inner {
  position: relative;
  z-index: 2;
}
.p-info-info__kv {
  margin-top: 4rem;
  display: block;
  width: 100%;
  aspect-ratio: 335/250;
  padding-inline: 5.3333%;
}
@media (min-width: 768px) {
  .p-info-info__kv {
    aspect-ratio: 1760/600;
    padding-inline: 8rem;
    margin-top: 8rem;
  }
}
.p-info-info__kv > img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .p-info-info__kv > img {
    border-radius: 2rem;
  }
}
.p-info-info__inner1 {
  padding-block: 3rem 6rem;
  padding-inline: 5.3333%;
  position: relative;
}
@media (min-width: 1340px) {
  .p-info-info__inner1 {
    padding-block: 12rem;
  }
}
.p-info-info__inner1--pt2 {
  padding-inline: 5.3333% calc(5.3333% + 12.8rem);
}
@media (min-width: 1340px) {
  .p-info-info__inner1--pt2 {
    width: 114.5rem;
    margin-inline: auto;
    gap: 8rem;
    padding-inline: 0;
    padding-block: 12rem 16.6rem;
  }
}
.p-info-info__text {
  font-size: 1.6rem;
  flex: 1;
  line-height: 2;
}
@media (min-width: 1340px) {
  .p-info-info__text {
    font-size: 2rem;
    text-align: center;
  }
}
@media (min-width: 1340px) {
  .p-info-info__text--pcleft {
    max-width: 93rem;
    text-align: left;
  }
}
@media (min-width: 1340px) {
  .p-info-info__text--short {
    max-width: 84.5rem;
    text-align: left;
  }
}
.p-info-info__vrl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  writing-mode: vertical-rl;
  letter-spacing: 0.08em;
  gap: 1rem;
  flex: 0 0 9.8rem;
  font-size: 2.3rem;
  transform: translateY(-4rem);
  position: absolute;
  inset: 0 calc(5.3333% + 1.2rem) auto auto;
}
@media (min-width: 1340px) {
  .p-info-info__vrl {
    gap: 2rem;
    font-size: 3.5rem;
    transform: translateY(-12rem);
    inset: 0 0 auto auto;
  }
}
.p-info-info__vrl > span {
  display: block;
  line-height: 1;
  background: #FFF;
  padding: 1.3rem 1.1rem;
  white-space: nowrap;
}
@media (min-width: 1340px) {
  .p-info-info__vrl > span {
    padding: 2rem 1.5rem;
  }
}
.p-info-info__vrl > span.s {
  padding: 1.3rem 1.1rem 0.1rem;
}
@media (min-width: 768px) {
  .p-info-info__vrl > span.s {
    padding: 2rem 1.5rem 0.15rem;
  }
}
.p-info-info__border {
  display: block;
  width: 89.3334%;
  border-top: 2px dotted #40330D;
  margin-inline: 5.3333%;
  max-width: 1620px;
}
@media (min-width: 768px) {
  .p-info-info__border {
    width: auto;
    margin-inline: auto;
  }
}
.p-info-info__inner2 {
  padding-inline: 5.3333%;
  padding-top: 6rem;
}
@media (min-width: 768px) {
  .p-info-info__inner2 {
    padding-top: 16rem;
    padding-inline: 0;
  }
}
.p-info-info__content {
  margin-top: 4rem;
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .p-info-info__content {
    margin-top: 10rem;
    padding-inline: 80px;
  }
}

@media (min-width: 768px) {
  .c-info-content {
    display: flex;
    gap: 10rem;
  }
}
.c-info-content__img {
  width: 100%;
  aspect-ratio: 335/222;
}
@media (min-width: 768px) {
  .c-info-content__img {
    width: 73rem;
    aspect-ratio: 730/485;
  }
}
.c-info-content__img > img {
  width: 100%;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .c-info-content__img > img {
    border-radius: 2rem;
  }
}
.c-info-content__content {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .c-info-content__content {
    margin-top: 0;
  }
}
.c-info-content__title {
  font-size: 2.3rem;
  line-height: 1.2;
  text-align: center;
}
@media (min-width: 768px) {
  .c-info-content__title {
    font-size: 2.9rem;
    text-align-last: left;
  }
}
.c-info-content__list {
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .c-info-content__list {
    margin-top: 3.6rem;
  }
}

.c-bg-1 {
  background: var(--color-bg-1) url(../img/bg-ptn-20.png) repeat top left/auto auto;
}

.c-bg-2 {
  background: var(--color-bg-2) url(../img/bg-ptn-20.png) repeat top left/auto auto;
}

.c-bg-3 {
  background: var(--color-wh);
}

.lh-20 {
  line-height: 2;
}

.p-food {
  padding-bottom: 6rem;
}
@media (min-width: 768px) {
  .p-food {
    padding-bottom: 16rem;
  }
}

.c-room-guide {
  padding: 6rem 0 16rem;
  max-width: 1620px;
}
@media (min-width: 768px) {
  .c-room-guide {
    padding: 16rem 80px 29rem;
  }
}
.c-room-guide__content {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .c-room-guide__content {
    margin-top: 8rem;
  }
}

.c-dl-2 {
  background: linear-gradient(#E2D9C8, #E2D9C8) no-repeat left 4px top 1.8rem/2px calc(100% - 7.8rem);
}
@media (min-width: 768px) {
  .c-dl-2 {
    background-size: 2px calc(100% - 9.6rem);
  }
}
.c-dl-2 > dt {
  padding-left: 3rem;
  position: relative;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-dl-2 > dt {
    font-size: 2rem;
  }
}
.c-dl-2 > dt:before {
  content: "";
  width: 1rem;
  height: 1rem;
  background: #EDC243;
  border-radius: 9999px;
  position: absolute;
  inset: 0 auto 0 0;
  margin-block: auto;
}
.c-dl-2 > dd {
  padding-left: 3rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-dl-2 > dd {
    font-size: 2rem;
  }
}
.c-dl-2 > dd + dt {
  margin-top: 3rem;
}

.c-about-feat {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 2rem;
  border-radius: 1rem;
  max-width: 1460px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-about-feat {
    flex-direction: row;
    padding: 6rem;
    gap: 5.97%;
  }
}
@media (min-width: 768px) {
  .c-about-feat__img {
    flex: 0 0 47.0149%;
  }
}
.c-about-feat__img > img {
  border-radius: 1rem;
  width: 100%;
}
.c-about-feat__content {
  display: contents;
}
@media (min-width: 768px) {
  .c-about-feat__content {
    display: block;
  }
}
.c-about-feat__num {
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 9999px;
  background: #EDC243;
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 2.4rem;
  margin-top: -2.8rem;
  position: relative;
  z-index: 2;
  padding-top: 0.2em;
}
@media (min-width: 768px) {
  .c-about-feat__num {
    width: 8rem;
    height: 8rem;
    font-size: 3.5rem;
  }
}
.c-about-feat__title {
  font-size: 2.3rem;
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .c-about-feat__title {
    margin-top: 2.4rem;
    font-size: 3.5rem;
  }
}
.c-about-feat__text {
  width: 100%;
  font-size: 1.6rem;
  margin-top: 1.2rem;
  line-height: 2;
}
@media (min-width: 768px) {
  .c-about-feat__text {
    margin-top: 2.4rem;
    font-size: 2rem;
  }
}

.c-about-history__content {
  display: contents;
}
@media (min-width: 768px) {
  .c-about-history__content {
    display: flex;
    align-items: center;
    gap: 6.25%;
  }
}
.c-about-history__img {
  margin-top: 4rem;
  padding-right: 5.3333%;
}
@media (min-width: 768px) {
  .c-about-history__img {
    flex: 0 0 43.75%;
    padding-right: 0;
  }
}
.c-about-history__img > img {
  border-radius: 0 1rem 1rem 0;
  width: 100%;
}
@media (min-width: 768px) {
  .c-about-history__img > img {
    border-radius: 0 2rem 2rem 0;
  }
}
.c-about-history__list {
  margin-top: 4rem;
  padding-inline: 5.3333%;
}
@media (min-width: 768px) {
  .c-about-history__list {
    flex: 0 0 43.75%;
    padding-inline: 0;
  }
}

.p-about-feat {
  padding-inline: 5.3333%;
  max-width: 1620px;
  margin-inline: auto;
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-about-feat {
    padding-inline: 80px;
    margin-top: 10rem;
  }
}
.p-about-feat__content {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-about-feat__content {
    margin-top: 10rem;
  }
}
.p-about-feat__content > li:not(:first-child) {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .p-about-feat__content > li:not(:first-child) {
    margin-top: 4rem;
  }
}

.pb-0 {
  padding-bottom: 0 !important;
}

.l-about {
  padding-bottom: 16rem;
}
@media (min-width: 768px) {
  .l-about {
    padding-bottom: 29rem;
  }
}

.fc-yellow {
  color: #EDC243;
}

.ff-roboto {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

@media (min-width: 768px) {
  .c-open-feat {
    max-width: 700px;
  }
}
.c-open-feat__img {
  width: 100%;
}
.c-open-feat__img > img {
  width: 100%;
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .c-open-feat__img > img {
    border-radius: 2rem;
  }
}
@media (min-width: 768px) {
  .c-open-feat__content {
    padding: 4rem 2rem;
  }
}
.c-open-feat__title {
  margin-top: 3rem;
  font-size: 2.3rem;
}
@media (min-width: 768px) {
  .c-open-feat__title {
    font-size: 3.5rem;
    margin-top: 0;
  }
}
.c-open-feat__text {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  line-height: 2;
}
@media (min-width: 768px) {
  .c-open-feat__text {
    font-size: 2rem;
    min-height: 16rem;
  }
}
.c-open-feat__list-wrap {
  border-radius: 1rem;
  margin-top: 2rem;
  padding: 3rem 2rem;
}
@media (min-width: 768px) {
  .c-open-feat__list-wrap {
    padding: 3rem 4rem;
    margin-top: 3rem;
    min-height: 32rem;
  }
}
.c-open-feat__list > div:not(:first-child) {
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .c-open-feat__list > div {
    display: flex;
  }
}
.c-open-feat__list dt {
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-open-feat__list dt {
    font-size: 2rem;
    flex: 0 0 15rem;
    display: flex;
    justify-content: space-between;
    margin-right: 1rem;
  }
}
@media (min-width: 768px) {
  .c-open-feat__list dt span {
    margin-left: 1rem;
  }
}
.c-open-feat__list dd {
  margin-top: 1.2rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-open-feat__list dd {
    margin-top: 0;
    font-size: 2rem;
  }
}
.c-open-feat__attention {
  font-size: 1.4rem;
  margin-top: 1.4rem;
  color: #8D7F64;
  line-height: 2;
}
.c-open-feat__button {
  margin-top: 3rem;
  display: flex;
  border-radius: 0.4rem;
  align-items: center;
  font-size: 1.6rem;
  padding-inline: 2rem;
  font-weight: bold;
  background: #40330D;
  color: #FFF;
  width: 100%;
  height: 5.6rem;
  position: relative;
}
@media (min-width: 768px) {
  .c-open-feat__button {
    margin-top: 4rem;
  }
}
.c-open-feat__button:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  margin-block: auto;
  inset: 0 2rem 0 auto;
  background: #FFF url(../img/ico-external-3.svg) no-repeat center center/0.8rem 0.8rem;
  border-radius: 9999px;
}

.c-news-single-1 {
  display: block;
  background: #FFF;
  padding: 2rem 5.4rem 2rem 2rem;
  border-radius: 1rem;
  position: relative;
}
@media (min-width: 768px) {
  .c-news-single-1 {
    display: flex;
    align-items: center;
    padding: 4rem 10rem 4rem 6rem;
    gap: 5rem;
  }
}
.c-news-single-1 .c-news-single-1:before {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  inset: 0 2rem 0 auto;
  margin-block: auto;
  border-radius: 9999px;
  background: #EDC243 url(../img/ico-arrow.svg) no-repeat center center/0.8rem 0.64rem;
}
@media (min-width: 768px) {
  .c-news-single-1 .c-news-single-1:before {
    width: 3rem;
    height: 3rem;
    inset: 0 5rem 0 auto;
    background-size: 1rem 0.8rem;
  }
}
.c-news-single-1__info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 768px) {
  .c-news-single-1__info {
    display: contents;
  }
}
.c-news-single-1__date {
  font-size: 1.3rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-news-single-1__date {
    font-size: 2rem;
    flex: 0 0 11rem;
  }
}
.c-news-single-1__tag {
  width: 10rem;
  height: 2.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  font-size: 1.3rem;
  font-weight: bold;
  background: #F0EBDD;
}
@media (min-width: 768px) {
  .c-news-single-1__tag {
    flex: 0 0 15rem;
    font-size: 2rem;
  }
}
.c-news-single-1__text {
  margin-top: 1rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-news-single-1__text {
    font-size: 2rem;
    margin-top: 0;
  }
}

.p-open-feat__content {
  margin-top: 4rem;
  max-width: 1620px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
}
@media (min-width: 1400px) {
  .p-open-feat__content {
    margin-top: 10rem;
    flex-direction: row;
    gap: 4.11%;
    padding-inline: 80px;
    align-items: flex-start;
  }
}
.p-open-feat__content > li {
  flex: 1;
}

.p-open-event {
  padding-inline: 5.3333%;
  padding-block: 6rem;
  max-width: 1620px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .p-open-event {
    padding-inline: 80px;
    flex-direction: row;
    justify-content: space-between;
    padding-block: 16rem;
  }
}
.p-open-event__info {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
}
@media (min-width: 1200px) {
  .p-open-event__info {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex: 0 0 20.548%;
  }
}
.p-open-event__btns {
  padding-bottom: 1rem;
}
@media (min-width: 1200px) {
  .p-open-event__btns {
    margin-top: 8rem;
    width: 26rem;
    padding-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .p-open-event__btn--sp {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .p-open-event__btn--pc {
    display: none !important;
  }
}
.p-open-event__list {
  margin-top: 3rem;
  max-width: 1060px;
}
@media (min-width: 1200px) {
  .p-open-event__list {
    margin-top: 0;
    flex: 0 0 72.6027%;
  }
}
.p-open-event__list > li:not(:first-child) {
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .p-open-event__list > li:not(:first-child) {
    margin-top: 2rem;
  }
}

.c-news-taxonomy {
  padding-inline: 5.3333%;
  max-width: 1620px;
  margin-inline: auto;
  margin-bottom: 4rem;
}
@media (min-width: 768px) {
  .c-news-taxonomy {
    padding-inline: 80px;
    margin-bottom: 6rem;
  }
}
.c-news-taxonomy__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .c-news-taxonomy__list {
    gap: 1.5rem;
    justify-content: center;
  }
}
.c-news-taxonomy__item {
  list-style: none;
}
.c-news-taxonomy__link {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 3rem;
  border-radius: 9999px;
  background: #E2D9C8;
  text-decoration: none;
  color: #8D7F64;
  transition: all 0.3s ease;
  font-size: 1.4rem;
  font-weight: bold;
}
@media (min-width: 768px) {
  .c-news-taxonomy__link {
    font-size: 1.6rem;
    width: 20rem;
    height: 6rem;
  }
}
.c-news-taxonomy__link:hover {
  background-color: #EDC243;
  color: #fff;
}
.c-news-taxonomy__link.is-active {
  background-color: #EDC243;
  color: #fff;
}

.c-news-arc-list {
  padding-inline: 5.3333%;
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-news-arc-list {
    padding-inline: 80px;
  }
}
.c-news-arc-list > li:not(:first-child) {
  margin-top: 1.2rem;
}
@media (min-width: 768px) {
  .c-news-arc-list > li:not(:first-child) {
    margin-top: 2rem;
  }
}

.l-news__heading {
  padding-block: 12rem 6rem;
}
@media (min-width: 768px) {
  .l-news__heading {
    padding-block: 20rem 14rem;
  }
}
.l-news__content {
  padding-block: 6rem 16rem;
}
@media (min-width: 768px) {
  .l-news__content {
    padding-block: 16rem 29rem;
  }
}
.l-news__list {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .l-news__list {
    margin-top: 10rem;
  }
}
.l-news__detail {
  padding-inline: 5.3333%;
  max-width: 800px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .l-news__detail {
    padding-inline: 0;
  }
}
.l-news__detail > :first-child {
  margin-top: 0;
}
.l-news__detail > :last-child {
  margin-bottom: 0;
}
.l-news__detail h2,
.l-news__detail h3,
.l-news__detail h4,
.l-news__detail h5,
.l-news__detail h6 {
  margin-top: 3.2rem;
}
@media (min-width: 768px) {
  .l-news__detail h2,
  .l-news__detail h3,
  .l-news__detail h4,
  .l-news__detail h5,
  .l-news__detail h6 {
    margin-top: 4.8rem;
  }
}
.l-news__detail h2,
.l-news__detail h3,
.l-news__detail h4,
.l-news__detail h5,
.l-news__detail h6 {
  font-weight: bold;
}
.l-news__detail h2 {
  font-size: 3.2rem;
}
@media (min-width: 768px) {
  .l-news__detail h2 {
    font-size: 4rem;
  }
}
.l-news__detail h3 {
  font-size: 2.4rem;
}
@media (min-width: 768px) {
  .l-news__detail h3 {
    font-size: 3.2rem;
  }
}
.l-news__detail h4 {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .l-news__detail h4 {
    font-size: 2.4rem;
  }
}
.l-news__detail h5 {
  font-size: 1.8rem;
}
.l-news__detail h6 {
  font-size: 1.6rem;
}
.l-news__detail p {
  margin-top: 2rem;
}
.l-news__detail p a {
  text-decoration: underline;
}
.l-news__detail p + p {
  margin-top: 1.2rem;
}
.l-news__detail ul,
.l-news__detail ol {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .l-news__detail ul,
  .l-news__detail ol {
    margin-top: 4rem;
  }
}
.l-news__detail ul > li:not(:first-child),
.l-news__detail ol > li:not(:first-child) {
  margin-top: 0.8rem;
}
.l-news__detail ul > li a,
.l-news__detail ol > li a {
  text-decoration: underline;
}
.l-news__detail figure,
.l-news__detail .wp-block-media-text {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .l-news__detail figure,
  .l-news__detail .wp-block-media-text {
    margin-top: 4rem;
  }
}

.c-pagination {
  margin-top: 4rem;
  max-width: 1620px;
  padding-inline: 5.3333%;
}
@media (min-width: 768px) {
  .c-pagination {
    padding-inline: 80px;
    margin-top: 8rem;
  }
}
.c-pagination__links {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .c-pagination__links {
    gap: 1rem;
  }
}
.c-pagination__link {
  transition: 0.2s all ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 1.2rem;
  background: #E2D9C8;
  color: #8D7F64;
  border-radius: 9999px;
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
@media (min-width: 768px) {
  .c-pagination__link {
    width: 6rem;
    height: 6rem;
    font-size: 2rem;
  }
}
@media (min-width: 768px) {
  .c-pagination__link:hover {
    background: #EDC243;
    color: #FFF;
  }
}
.c-pagination__prev, .c-pagination__next {
  display: flex;
  align-items: center;
  font-weight: bold;
  gap: 0.5rem;
}
@media (min-width: 768px) {
  .c-pagination__prev, .c-pagination__next {
    gap: 1.5rem;
  }
}
.c-pagination__arrow-icon {
  display: flex;
  width: 1.8rem;
  height: 1.8rem;
}
@media (min-width: 768px) {
  .c-pagination__arrow-icon {
    width: 3rem;
    height: 3rem;
  }
}
.c-pagination__arrow-icon {
  border-radius: 9999px;
  background: #EDC243 url("../img/ico-arrow.svg") no-repeat center center/6px 5px;
}
@media (min-width: 768px) {
  .c-pagination__arrow-icon {
    background-size: 10px 8px;
  }
}
.c-pagination__prev .c-pagination__arrow-icon {
  transform: scale(-1, 1);
}
.c-pagination__prev:hover .c-pagination__arrow-icon, .c-pagination__next:hover .c-pagination__arrow-icon {
  background: var(--color-wh);
}
.c-pagination__pages {
  display: flex;
  gap: 0.8rem;
}
.c-pagination__first, .c-pagination__link, .c-pagination__next {
  flex: 0 0 auto;
}
.c-pagination__link--current {
  background: #EDC243;
  color: #FFF;
}
.c-pagination__dots {
  padding-top: 0.3em;
}
@media (max-width: 767px) {
  .c-pagination__dots {
    font-size: 1rem;
    padding-top: 0.6rem;
  }
}
@media (max-width: 767px) {
  .c-pagination__pc-only {
    display: none;
  }
}

.c-item-serv__img {
  display: block;
  width: 100%;
}
.c-item-serv__img > img {
  width: 100%;
  border-radius: 0.5rem;
}
.c-item-serv__title {
  margin-top: 3rem;
  font-size: 1.9rem;
}
@media (min-width: 768px) {
  .c-item-serv__title {
    font-size: 2.4rem;
  }
}
.c-item-serv__text {
  margin-top: 1.4rem;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .c-item-serv__text {
    font-size: 2rem;
  }
}
.c-item-serv__att-list {
  margin-top: 0.4rem;
}

.c-list-serv {
  border-radius: 1rem;
  background: #FFF;
  padding: 4rem 3rem;
}
@media (min-width: 768px) {
  .c-list-serv {
    padding: 6rem 10rem;
    display: flex;
    gap: 7.2rem;
  }
}
@media (min-width: 768px) {
  .c-list-serv__heading {
    flex: 0 0 auto;
    writing-mode: vertical-rl;
  }
}
.c-list-serv__list {
  margin-top: 3rem;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (min-width: 768px) {
  .c-list-serv__list {
    margin-top: 0;
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.c-list-serv__list > li {
  width: 100%;
}
@media (min-width: 768px) {
  .c-list-serv__list > li {
    width: calc(33.3333% - 2.7rem);
  }
}

.c-heading-5__en {
  color: #EDC243;
  font-size: 1.2rem;
}
@media (min-width: 768px) {
  .c-heading-5__en {
    margin-left: 1.7rem;
    font-size: 1.6rem;
    line-height: 1;
  }
}
.c-heading-5__ja {
  margin-top: 1.1rem;
  font-size: 2.3rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .c-heading-5__ja {
    margin-top: 0;
    font-size: 3.5rem;
    line-height: 1;
  }
}

.p-serv {
  padding: 6rem 5.3333%;
}
@media (min-width: 768px) {
  .p-serv {
    padding: 16rem 0;
  }
}
.p-serv__inner {
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .p-serv__inner {
    padding-inline: 80px;
  }
}
.p-serv__list {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-serv__list {
    margin-top: 8rem;
  }
}
.p-serv__list > li:not(:first-child) {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .p-serv__list > li:not(:first-child) {
    margin-top: 4rem;
  }
}

.p-room-slider__inner {
  max-width: 800px;
  margin: 0 auto;
}
.p-room-slider__main {
  width: 100%;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .p-room-slider__main {
    margin-bottom: 2rem;
  }
}
.p-room-slider__main .swiper-slide {
  border-radius: 1rem;
}
@media (min-width: 768px) {
  .p-room-slider__main .swiper-slide {
    border-radius: 2rem;
  }
}
.p-room-slider__main .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1rem;
}
.p-room-slider__thumbs {
  width: 100%;
}
.p-room-slider__thumbs .swiper-slide {
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 0.3s ease;
  border-radius: 0.5rem;
}
@media (min-width: 768px) {
  .p-room-slider__thumbs .swiper-slide {
    border-radius: 1rem;
  }
}
.p-room-slider__thumbs .swiper-slide img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 0.5rem;
}
.p-room-slider__thumbs .swiper-slide:hover {
  opacity: 1;
}
.p-room-slider__thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #EDC243;
}
@media (min-width: 768px) {
  .p-room-slider__thumbs .swiper-slide.swiper-slide-thumb-active {
    border-width: 5px;
  }
}

.c-text-group {
  padding: 0 5.3333%;
  display: flex;
  flex-direction: column;
  max-width: 1620px;
  margin-inline: auto;
}
@media (min-width: 768px) {
  .c-text-group {
    align-items: center;
    flex-direction: row;
    gap: 12rem;
    padding-inline: 80px;
  }
}
.c-text-group__content {
  display: contents;
}
@media (min-width: 768px) {
  .c-text-group__content {
    display: block;
    flex: 1;
  }
}
@media (max-width: 767px) {
  .c-text-group__heading {
    order: 1;
  }
}
.c-text-group__text {
  margin-top: 3rem;
  font-size: 1.6rem;
}
@media (max-width: 767px) {
  .c-text-group__text {
    order: 3;
  }
}
@media (min-width: 768px) {
  .c-text-group__text {
    margin-top: 8rem;
    font-size: 2rem;
  }
}
.c-text-group__attention {
  margin-top: 1.5rem;
}
@media (max-width: 767px) {
  .c-text-group__attention {
    order: 4;
  }
}
@media (min-width: 768px) {
  .c-text-group__attention {
    margin-top: 3rem;
  }
}
.c-text-group__slider {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .c-text-group__slider {
    order: 2;
  }
}
@media (min-width: 768px) {
  .c-text-group__slider {
    margin-top: 0;
    flex: 0 0 54.7945%;
  }
}

.p-plans__content {
  margin-top: 4rem;
}
@media (min-width: 768px) {
  .p-plans__content {
    margin-top: 10rem;
  }
}
.p-plans__content {
  display: flex;
  flex-direction: column;
  gap: 5rem;
}
@media (min-width: 768px) {
  .p-plans__content {
    gap: 8rem;
  }
}
.p-plans__content > li {
  width: 100%;
}

.mt-16 {
  margin-top: 1.6rem;
}

/*# sourceMappingURL=style.css.map */