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

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

input, textarea {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

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

caption, th {
  text-align: left;
}

img {
  vertical-align: middle;
}

/* ----------------------------------------------------------------------
basic setting
---------------------------------------------------------------------- */
:root {
  interpolate-size: allow-keywords;
}

html {
  font-size: 2.6666666667vw;
}

body {
  background-color: #fcf0d3;
  color: #451904;
  font-weight: 500;
  font-size: 1.6rem;
  font-family: "Zen Maru Gothic", sans-serif;
  -webkit-font-feature-settings: "palt";
  line-height: 1.875;
          font-feature-settings: "palt";
  letter-spacing: 0.14em;
  word-break: break-word;
}

body * {
  -webkit-text-size-adjust: 100%;
  box-sizing: border-box;
}

input, button, textarea, select {
  color: #451904;
  font-size: 1.6rem;
  font-family: "Zen Maru Gothic", sans-serif;
  letter-spacing: inherit;
}

textarea {
  vertical-align: top;
  resize: vertical;
}

img {
  max-width: 100%;
  height: auto;
}

p {
  color: inherit;
}

a {
  -webkit-transition: all 0.2s ease-in;
  color: inherit;
  text-decoration: none;
  transition: all 0.2s ease-in;
}
a:hover {
  opacity: 0.7;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* ----------------------------------------------------------------------
 common class
---------------------------------------------------------------------- */
/* display */
.block {
  display: block !important;
}

.inline-block {
  display: inline-block !important;
}

/* Text */
.text-default {
  line-height: 2.1875;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}

/* Title */
.title-section {
  margin-bottom: 4rem;
  line-height: 1.5;
}
.title-section_en {
  display: block;
  margin-bottom: 1.25rem;
  color: #fa6f2a;
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 1;
  font-family: "Potta One", system-ui;
  text-transform: uppercase;
}
.title-section_ja {
  display: block;
  font-weight: 500;
  font-size: 3rem;
}

/* Button */
/* animation */
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotateZ(0deg);
            transform: rotateZ(0deg);
  }
  to {
    -webkit-transform: rotateZ(360deg);
            transform: rotateZ(360deg);
  }
}
@-webkit-keyframes loop {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes loop {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  48% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  52% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
@keyframes scroll {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  48% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
  }
  52% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
            transform-origin: 0 100%;
  }
}
.anime-fadein {
  opacity: 0;
  -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 2s;
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 2s;
}
.anime-fadein.is-visible {
  opacity: 1;
}

.anime-fadeup {
  opacity: 0;
  -webkit-transition: all cubic-bezier(0.23, 1, 0.32, 1) 2s;
  transition: all cubic-bezier(0.23, 1, 0.32, 1) 2s;
  -webkit-transform: translateY(2rem);
          transform: translateY(2rem);
}
.anime-fadeup.is-visible {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/* ----------------------------------------------------------------------
 Layout
---------------------------------------------------------------------- */
/* header */
.header {
  display: -webkit-box;
  display: flex;
  z-index: 66;
  position: sticky;
  top: 0;
  left: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  width: 100%;
  gap: 0 1.4rem;
  background-color: #fff;
}
.header-logo {
  width: 6.7rem;
  margin: 0;
  font-size: 1.6rem;
}
.header-hamburger {
  z-index: 99;
  position: fixed;
  top: 1.2rem;
  right: 1.8rem;
}

/* gnav */
.gnav-item {
  margin-bottom: 3rem;
  font-size: 2rem;
  white-space: nowrap;
}
.gnav-link {
  display: inline-block;
}
.gnav-link:hover {
  color: #fa6f2a;
  opacity: 1;
}
.gnav-contact {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.gnav-contact_link {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 9.3rem;
  height: 2.8rem;
  border-radius: 5rem;
  background-color: #fa6f2a;
  color: #fff;
  font-weight: bold;
  font-size: 1rem;
}
.gnav-contact_link.-yellow {
  background-color: #ffd249;
  color: #451904;
}

/* hamburger */
.hamburger {
  display: block;
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.hamburger-line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 1.8rem;
  height: 0.15rem;
  margin: auto;
  background-color: #451904;
  -webkit-transition: inherit;
  transition: inherit;
}
.hamburger-line::before, .hamburger-line::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: inherit;
  background: inherit;
  content: "";
  -webkit-transition: inherit;
  transition: inherit;
}
.hamburger-line::before {
  top: -0.65rem;
}
.hamburger-line::after {
  top: 0.65rem;
}
.hamburger-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  margin: -1px;
          clip-path: inset(50%);
}
.hamburger.-close .hamburger-line {
  background-color: transparent;
}
.hamburger.-close .hamburger-line::before, .hamburger.-close .hamburger-line::after {
  top: 0;
  background-color: #451904;
}
.hamburger.-close .hamburger-line::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.hamburger.-close .hamburger-line::after {
  -webkit-transform: rotate(-45deg);
  width: 100%;
          transform: rotate(-45deg);
}

@-webkit-keyframes g-navi {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

@keyframes g-navi {
  0% {
    -webkit-transform: scale(1, 0);
            transform: scale(1, 0);
  }
  100% {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
}

/* footer */
.footer {
  z-index: 0;
  position: relative;
  padding: 4rem 0 4.5rem;
  background-color: #fa6f2a;
  color: #fff;
}
.footer-logo {
  width: 10rem;
  margin: 0 auto;
}

/* ----------------------------------------------------------------------
main
---------------------------------------------------------------------- */
.main {
  display: block;
  overflow: hidden;
}

/* モーダル */
.modal-overlay {
  display: -webkit-box;
  display: flex;
  z-index: 100;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  background: rgba(198, 175, 134, 0.8);
}
.modal-container {
  position: relative;
  width: 90%;
  max-width: 100rem;
}
.modal-inner {
  position: relative;
  max-height: 90vh;
  padding: 4rem 2rem 6rem;
  overflow-y: auto;
  border-radius: 5rem;
  background-color: #fffaed;
}
.modal-close {
  z-index: 99;
  position: absolute;
  top: -2rem;
  right: -1rem;
  border: 0;
  background: transparent;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
.modal-close::before {
  display: block;
  content: "×";
  font-weight: 900;
  font-size: 3rem;
  letter-spacing: normal;
}
.modal-content {
  line-height: 1.5;
}

/* モーダルアニメーション */
@-webkit-keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes mmslideIn {
  from {
    -webkit-transform: translateY(15%);
            transform: translateY(15%);
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@-webkit-keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
@keyframes mmslideOut {
  from {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(-10%);
            transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal-overlay {
  -webkit-animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal-container {
  -webkit-animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideIn 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-overlay {
  -webkit-animation: mmfadeOut 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmfadeOut 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal-container {
  -webkit-animation: mmslideOut 0.5s cubic-bezier(0, 0, 0.2, 1);
          animation: mmslideOut 0.5s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
  will-change: transform;
}

/* ----------------------------------------------------------------------
 Page
---------------------------------------------------------------------- */
/* ----------------------------------------------------------------------
Page: Top
---------------------------------------------------------------------- */
.mv {
  position: relative;
  padding: 1.5rem 0 0;
  text-align: center;
}
.mv-container {
  position: relative;
}
.mv-image {
  width: 100%;
  margin: 0 auto;
}
.mv-content {
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 0 7.5rem;
  translate: -48% -50%;
}
.mv-title_1 {
  display: block;
  width: 18rem;
  margin: 0 auto 3rem;
}
.mv-title_2 {
  display: block;
  width: 30rem;
  margin: 0 auto;
}
.mv-copy {
  position: absolute;
  top: 50%;
  margin: 0;
  translate: 0 -50%;
  font-size: 1rem;
  line-height: 1;
  -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
}
.mv-copy_1 {
  left: 2rem;
}
.mv-copy_2 {
  right: 2rem;
}
.mv-scroll {
  color: #fa6f2a;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.2;
}
.mv-scroll::after {
  display: block;
  width: 1px;
  height: 7.7rem;
  margin: 1rem auto 0;
  background-color: #fa6f2a;
  content: "";
  -webkit-animation: scroll 2.4s infinite ease;
          animation: scroll 2.4s infinite ease;
}

.about {
  z-index: 0;
  position: relative;
  max-width: 115rem;
  margin: 0 auto;
  padding: 6rem 0;
  border-radius: 7.5rem;
  background-color: #fa6f2a;
  color: #fff;
  text-align: center;
}
.about-title {
  margin-bottom: 3rem;
}
.about-title_en {
  display: block;
  width: 22.4rem;
  margin: 0 auto 2rem;
}
.about-title_ja {
  display: block;
  font-size: 1.9rem;
}
.about-img {
  width: 16rem;
  margin: 0 auto 3rem;
}
.about-bg {
  z-index: -1;
  position: absolute;
  top: 50%;
  left: 51%;
  width: 93.2rem;
  translate: -50% -50%;
}

.contact {
  padding: 6rem 0 8rem;
  text-align: center;
}
.contact-title {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  margin-bottom: 2rem;
  gap: 0 2rem;
  font-size: 2rem;
  text-align: center;
}
.contact-title::before, .contact-title::after {
  display: inline-block;
  width: 0.2rem;
  height: 4rem;
  background-color: #451904;
  content: "";
}
.contact-title::before {
  rotate: -28deg;
}
.contact-title::after {
  rotate: 28deg;
}
.contact-container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem 3rem;
}
.contact-text {
  margin-bottom: 1rem;
  line-height: 1.5;
}
.contact-text span {
  color: #fa6f2a;
  font-weight: bold;
  font-size: 2.5rem;
}
.contact-button_link {
  display: -webkit-box;
  display: flex;
  z-index: 0;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 8rem;
  border-radius: 10rem;
  background-color: #fa6f2a;
  color: #fff;
  font-size: 2rem;
}
.contact-button_link strong {
  font-size: 2.5rem;
}
.contact-button_link::after {
  position: absolute;
  top: 50%;
  right: 4rem;
  width: 1.5rem;
  height: 1rem;
  translate: 0 -50%;
  background: url(../img/arrow_right_white.svg) no-repeat center center/contain;
  content: "";
  -webkit-transition: inherit;
  transition: inherit;
}
.contact-button_link.-yellow {
  background-color: #ffd249;
  color: #451904;
}
.contact-button_link.-yellow::after {
  background-image: url(../img/arrow_right.svg);
}
.contact-button_link:hover {
  opacity: 1;
}
.contact-button_link:hover::after {
  translate: 1rem -50%;
}

.find {
  z-index: 0;
  position: relative;
  padding: 6rem 0 4rem;
}
.find::before {
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 400%;
  height: calc(100% - 10.5rem);
  translate: -50% 0;
  border-radius: 100%;
  background-color: #fffaed;
  content: "";
}
.find-catch {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 3rem;
  font-size: 1.8rem;
}
.find-catch span {
  display: inline-block;
  translate: -0.025em 0;
  color: #fa6f2a;
  font-size: 6.5rem;
  line-height: 1;
  font-family: "Potta One", system-ui;
}
.find-catch strong {
  font-size: 2.5rem;
}
.find-catch::after {
  display: block;
  width: 100%;
  height: 1.5rem;
  background: url(../img/find_catch_border.svg) no-repeat center bottom/100% auto;
  content: "";
}
.find-title {
  z-index: 0;
  position: relative;
  margin-bottom: 4rem;
  color: #fff;
  font-weight: 500;
  font-size: 2.8rem;
  line-height: 2;
  text-align: center;
}
.find-title::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0%;
  left: 50%;
  width: 35rem;
  height: 7.1rem;
  translate: -50% 0;
  background: url(../img/find_ttl_bg.svg) no-repeat center bottom/contain;
  content: "";
}
.find-lead {
  margin-bottom: 5rem;
  text-align: center;
}
.find-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4rem 4rem;
}
.find-list_item {
  display: grid;
  position: relative;
  grid-template-rows: subgrid;
  grid-row: span 3;
  padding: 4rem;
  gap: 1.5rem 0;
  border-radius: 5rem;
  background-color: #fcf0d3;
}
.find-list_img {
  width: 10rem;
  margin: 0 auto;
}
.find-list_title {
  font-weight: 500;
  font-size: 1.9rem;
  line-height: 1.5;
  text-align: center;
}
.find-list_title span {
  display: block;
  color: #fa6f2a;
  font-weight: bold;
  font-size: 2.2rem;
}
.find-list_button {
  z-index: 2;
  position: absolute;
  right: -1.2rem;
  bottom: -1.2rem;
  width: 6.3rem;
  height: 6.3rem;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: #ffd249;
  font-weight: 900;
  font-size: 2.5rem;
  letter-spacing: normal;
  cursor: pointer;
}
.find-modal {
  letter-spacing: 0.1em;
}
.find-modal_title {
  position: relative;
  margin-bottom: 3.5rem;
  padding-left: 4.5rem;
  font-weight: 500;
  font-size: 2.2rem;
  line-height: 1.5;
}
.find-modal_title::before {
  display: inline-block;
  position: absolute;
  top: 54%;
  left: 0;
  width: 2.5rem;
  height: 2.6rem;
  translate: 0 -50%;
  background: url(../img/icon_bullhorn.svg) no-repeat center center/contain;
  content: "";
}
.find-box {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  padding: 3rem 2rem;
  gap: 0;
  border-radius: 1.5rem;
  background-color: rgba(240, 223, 169, 0.3);
}
.find-box_container {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem 3.5rem;
}
.find-box_header {
  display: grid;
  -webkit-box-align: center;
          align-items: center;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #d1be9b;
}
.find-box_title {
  position: relative;
  font-size: 1.8rem;
  line-height: 1.5;
}
.find-box_title::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
  content: "";
}
.find-box_title.-icon_talk {
  padding-left: 4.5rem;
}
.find-box_title.-icon_talk::before {
  width: 2.8rem;
  height: 2.8rem;
  background: url(../img/icon_talk.svg) no-repeat center center/contain;
}
.find-box_title.-icon_tel {
  padding-left: 4rem;
}
.find-box_title.-icon_tel::before {
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/icon_tel.svg) no-repeat center center/contain;
}
.find-box_title.-icon_chat {
  padding-left: 4rem;
}
.find-box_title.-icon_chat::before {
  width: 2.5rem;
  height: 2.5rem;
  background: url(../img/icon_chat.svg) no-repeat center center/contain;
}
.find-box_title.-icon_home {
  padding-left: 3.5rem;
}
.find-box_title.-icon_home::before {
  width: 2.2rem;
  height: 2.2rem;
  background: url(../img/icon_home.svg) no-repeat center center/contain;
}
.find-box_text {
  margin: 2rem 0 1rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
.find-box_text.-row {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: justify;
          justify-content: space-between;
}
.find-box_notes {
  margin-top: 1.5rem;
  font-size: 1.4rem;
}
.find-box_qr {
  display: inline-block;
  width: 5.8rem;
  padding: 0.2rem;
  overflow: hidden;
  border: 1px solid #d1be9b;
  border-radius: 1rem;
  background-color: #fffaed;
}
.find-box_info {
  display: grid;
  grid-template-columns: 5.25em 1fr;
  margin-top: 1.5rem;
  font-size: 1.4rem;
  letter-spacing: normal;
}
.find-box_info dt {
  position: relative;
}
.find-box_info dt::after {
  content: "：";
}
.find-box_button {
  margin-top: 1rem;
}
.find-box_button a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 100%;
  height: 5.5rem;
  border-radius: 1.5rem;
  background-color: #fa6f2a;
  color: #fff;
  font-size: 2rem;
  text-align: center;
}
.find-box_button a small {
  font-size: 1.6rem;
}
.find-box.-horizontal {
  gap: 2.5rem 0;
}
.find-box.-horizontal .find-box_header {
  padding: 0 0 2.5rem;
}
.find-area_title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 1.5rem;
  padding: 0.2rem 1.35rem 0.3rem 1.5rem;
  border: 1px solid #451904;
  border-radius: 1.5rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.6;
}
.find-area_text {
  line-height: 1.625;
}
.find-area_notes {
  margin-top: 1.5rem;
  font-size: 1.4rem;
  line-height: 1.625;
}
.find-illust {
  width: 60%;
  max-width: 24.5rem;
  margin: 6rem auto 0;
}

.reading {
  padding: 6rem 0;
}
.reading-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 4.6rem;
}
.reading-list_item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 2rem 0;
}
.reading-list_image {
  margin: 0;
  text-align: center;
}
.reading-list_image img {
  border-radius: 1rem;
}
.reading-list_image figcaption {
  display: grid;
  z-index: 1;
  position: relative;
  place-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 3rem;
  margin: -1.5rem auto 0;
  padding: 0 1rem 0 1.2rem;
  border: 1px solid #fa6f2a;
  border-radius: 5rem;
  background-color: #fff;
  color: #fa6f2a;
  line-height: 1;
}
.reading-list_title {
  margin: 0 0 -0.5rem;
  font-size: 2.1rem;
  text-align: center;
}
.reading-list_text {
  margin: 0;
  font-size: 1.5rem;
}
.reading-list_button {
  display: -webkit-box;
  display: flex;
  position: relative;
  -webkit-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
          justify-content: center;
  width: 17.5rem;
  height: 4.5rem;
  margin: 0 auto;
  gap: 0 0.6rem;
  border-radius: 10rem;
  background-color: #ffd249;
  font-size: 1.5rem;
}
.reading-list_button::after {
  content: "＋";
  font-weight: 900;
  font-size: 1.6rem;
  line-height: 1;
}

.loop {
  display: -webkit-box;
  display: flex;
  overflow: hidden;
}
.loop-item {
  -webkit-animation: loop 50s linear infinite 1s both;
          animation: loop 50s linear infinite 1s both;
}
.loop-text {
  color: rgba(250, 111, 42, 0.2);
  font-weight: 600;
  font-size: 6.5rem;
  line-height: 1;
  font-family: "Potta One", system-ui;
  letter-spacing: 0.06em;
  white-space: nowrap;
}

.faq {
  padding: 8rem 0 6rem;
}
.faq-item {
  margin-bottom: 2.25rem;
  overflow: hidden;
  border-radius: 1.5rem;
  background-color: #fffaed;
}
.faq-item_header {
  display: grid;
  position: relative;
  grid-template-columns: 6rem 1fr 3rem;
  -webkit-box-align: center;
          align-items: center;
  gap: 0 2rem;
  cursor: pointer;
}
.faq-item_header::after {
  display: inline-block;
  position: relative;
  width: 2rem;
  height: 2rem;
  content: "＋";
  font-size: 2rem;
  line-height: 1;
}
.faq-item_header.is-active::after {
  content: "ー";
}
.faq-item_q, .faq-item_a {
  display: grid;
  place-items: center;
  width: 6rem;
  height: 100%;
  padding: 2rem 0;
  font-weight: 900;
  font-size: 2.07rem;
}
.faq-item_q {
  background-color: #ffd249;
}
.faq-item_a {
  background-color: #ffbe79;
}
.faq-item_title {
  margin: 1rem 0;
  font-size: 1.6rem;
  line-height: 1.625;
}
.faq-item_main {
  position: relative;
  -webkit-transition: all 0.2s ease;
  display: grid;
  grid-template-columns: 6rem 1fr;
  height: 0;
  transition: all 0.2s ease;
  -webkit-box-align: center;
          align-items: center;
  margin: 0;
  padding: 0 2rem 0 0;
  gap: 0 2rem;
  font-size: 1.5rem;
  line-height: 1.625;
}
.faq-item_main.is-active {
  height: auto;
}
.faq-item_text {
  margin: 1rem 0;
}
.faq-item_text p:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 751px){
  html {
    font-size: 0.8695652174vw;
  }
  body {
    font-size: 1.6rem;
  }
  .pc-non {
    display: none !important;
  }
  .title-section {
    margin-bottom: 5rem;
  }
  .title-section_en {
    font-size: 1.6rem;
  }
  .title-section_ja {
    font-size: 3.5rem;
  }
  .header {
    padding: 1.6rem 2.2rem;
  }
  .header-logo {
    width: 8.3rem;
  }
  .header-hamburger {
    display: none;
  }
  .gnav {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 2.5rem;
  }
  .gnav-list {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    gap: 4rem;
  }
  .gnav-item {
    margin: 0;
    font-size: 1.4rem;
  }
  .gnav-contact {
    gap: 1.25rem;
  }
  .gnav-contact_link {
    width: 11.6rem;
    height: 3.5rem;
    font-weight: 500;
    font-size: 1.2rem;
  }
  .footer {
    padding: 7rem 0 8rem;
  }
  .footer-logo {
    width: 14.4rem;
  }
  .inner {
    max-width: 100rem;
    margin: 0 auto;
    padding-right: 5rem;
    padding-left: 5rem;
  }
  .inner.-wide {
    max-width: 110rem;
  }
  .modal-inner {
    padding: 10rem;
  }
  .modal-close {
    top: 2rem;
    right: 2rem;
    color: rgba(94, 60, 43, 0.5);
  }
  .modal-close::before {
    font-size: 3.8rem;
    line-height: 0.8;
  }
  .mv {
    padding: 5rem 0 0;
  }
  .mv-image {
    width: 98%;
    max-width: 88rem;
    translate: 2.8rem 0;
  }
  .mv-content {
    padding: 0;
  }
  .mv-title_1 {
    width: 21rem;
    margin-bottom: 5rem;
  }
  .mv-title_2 {
    width: 36.5rem;
  }
  .mv-scroll {
    margin: -2rem 0 0;
  }
  .about {
    padding: 10rem 0;
    border-radius: 15rem;
  }
  .about-title {
    margin-bottom: 5rem;
  }
  .about-img {
    width: 18.6rem;
    margin-bottom: 5rem;
  }
  .contact {
    padding: 10rem 0;
  }
  .contact-title {
    margin-bottom: 3rem;
    gap: 0 2.5rem;
    font-size: 2.4rem;
  }
  .contact-title::before, .contact-title::after {
    width: 0.24rem;
    height: 5rem;
  }
  .contact-container {
    grid-template-columns: 36.5rem 36.5rem;
    -webkit-box-pack: center;
            justify-content: center;
  }
  .find {
    padding: 6rem 0 2rem;
  }
  .find::before {
    width: 135%;
  }
  .find-title {
    font-size: 3rem;
  }
  .find-title::before {
    width: 39rem;
    height: 7.9rem;
  }
  .find-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .find-list_item {
    gap: 2rem 0;
  }
  .find-modal_title {
    font-size: 2.4rem;
  }
  .find-box {
    padding: 3rem 3.5rem 3.5rem;
  }
  .find-box_container {
    grid-template-columns: repeat(2, 1fr);
  }
  .find-box_container.-col1 {
    grid-template-columns: 1fr;
  }
  .find-box_row {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
            justify-content: space-between;
  }
  .find-box_col {
    min-width: 32.4rem;
    padding: 0 1.2rem;
  }
  .find-box_title {
    font-size: 2.1rem;
  }
  .find-box_text {
    margin: 2.5rem 0 1.5rem;
    font-size: 1.9rem;
  }
  .find-box_text.-row {
    min-height: 3em;
  }
  .find-box_notes {
    font-size: 1.5rem;
  }
  .find-box_info {
    font-size: 1.5rem;
  }
  .find-box_button {
    margin-top: 1.5rem;
  }
  .find-box.-horizontal {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    padding: 4rem;
    gap: 0 3.5rem;
  }
  .find-box.-horizontal .find-box_header {
    display: block;
    padding: 0 4rem 0 0;
    border-right: 1px solid #d1be9b;
    border-bottom: none;
  }
  .find-illust {
    margin-top: 10rem;
  }
  .reading {
    padding: 10rem 0;
  }
  .reading-list {
    grid-template-columns: repeat(3, 1fr);
  }
  .loop-text {
    font-size: 6.5rem;
  }
  .faq {
    padding: 10rem 0;
  }
  .faq-container {
    position: relative;
    padding-right: 13rem;
  }
  .faq-title {
    position: absolute;
    top: 0;
    right: 0;
    -webkit-writing-mode: vertical-rl;
            writing-mode: vertical-rl;
  }
  .faq-title .title-section_en {
    margin: 0 0 0 1rem;
  }
  .faq-item_header {
    grid-template-columns: 8rem 1fr 5rem;
    gap: 0 4rem;
  }
  .faq-item_q, .faq-item_a {
    width: 8rem;
  }
  .faq-item_title {
    font-size: 1.9rem;
  }
  .faq-item_main {
    grid-template-columns: 8rem 1fr;
    padding: 0 7rem 0 0;
    gap: 0 4rem;
  }
}
@media screen and (min-width: 1025px){
  html {
    font-size: 0.8695652174vw;
  }
  body {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1501px){
  html {
    font-size: 62.5%;
  }
}
@media screen and (max-width: 750px){
  .sp-non {
    display: none !important;
  }
  .header {
    height: 5.2rem;
    padding: 0 5.8rem 0 1.8rem;
  }
  .gnav-menu {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease-in;
    z-index: 77;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.5s ease-in;
    -webkit-overflow-scrolling: touch;
    display: grid;
    overflow-y: scroll;
    -webkit-box-align: center;
            align-items: center;
    width: 100%;
    height: 100dvh;
    padding: 6rem 2.5rem;
    background-color: #fcf0d3;
    text-align: center;
  }
  .gnav-menu.is-open {
    visibility: visible;
    opacity: 1;
  }
  body.nonscroll {
    height: 100%;
    overflow: hidden;
  }
  .inner {
    padding-right: 2.5rem;
    padding-left: 2.5rem;
  }
  .modal-close {
    display: grid;
    place-items: center;
    width: 5rem;
    height: 5rem;
    padding: 0 0 0.2em;
    border-radius: 50%;
    background-color: #ffd249;
    color: #5e3c2b;
    font-size: 1.3rem;
  }
  .modal-close span {
    display: none;
  }
  .mv-copy {
    display: none;
  }
  .mv-scroll {
    position: absolute;
    bottom: 0;
    left: 50%;
    translate: -50% 0;
  }
  .about-bg {
    display: none;
  }
  .find-box_qr {
    display: none;
  }
  .faq-title {
    text-align: center;
  }
}