@charset "UTF-8";
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:where([hidden]:not([hidden=until-found])) {
  display: none !important;
}

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
  resize: block;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(:disabled) {
  cursor: not-allowed;
}

:where(label:has(> input:disabled), label:has(+ input:disabled)) {
  cursor: not-allowed;
}

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

:where(ul, ol) {
  list-style: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important;
}

@font-face {
  font-family: "higure gothic";
  src: url("./fonts/HigureGothic-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
:root {
  --liquid-size-sp: clamp(0.75rem, 4.444vw - 0.083rem, 1rem);
  --liquid-size-pc: clamp(0.5rem, 1.19vw - 0.071rem, 1rem);
  --contents--sp: min(100%, 24.375rem);
  --contents--pc: min(100%, 90rem);
  --header-height: calc(var(--liquid-size) * 6.25);
  --liquid-size: var(--liquid-size-pc);
  --contents: var(--contents--pc);
  --side-pad: 0;
}
@media (width < 768px) {
  :root {
    --liquid-size: var(--liquid-size-sp);
    --contents: var(--contents--sp);
    --side-pad: 0;
    --header-height: calc(var(--liquid-size) * 3.75);
  }
}

body {
  background: #fff;
  font-size: 1rem;
  font-family: "Zen Kaku Gothic New", sans-serif;
  color: #413b32;
  line-height: 1.5;
  letter-spacing: 0;
  background: #fff;
}
body.is-fixed {
  overflow: hidden;
  padding-right: var(--width, 0);
}
body.is-fixed .l-header {
  padding-right: var(--width, 0);
}

:where(img) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

:where(svg[role=img]) {
  width: 100%;
  height: 100%;
}

:where(a) {
  text-decoration: none;
}

:where(button) {
  box-sizing: border-box;
}

summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}

:where(img),
:where(svg[role=img]) {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

a {
  text-decoration: none;
}

button {
  box-sizing: border-box;
}

:where(details) {
  list-style: none;
}
:where(details)::-webkit-details-marker {
  display: none;
}

:where(svg[role=img]) {
  width: 100%;
  height: 100%;
}

.grecaptcha-badge {
  visibility: hidden;
}

.l-body-wrapper {
  display: flex;
  flex-flow: column;
  position: relative;
  z-index: 0;
  min-height: 100vh;
  overflow: clip;
}

.l-header {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 25;
}

.l-modals {
  position: fixed;
  top: 0;
  z-index: -100;
  visibility: hidden;
}

.l-background {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: -10;
}

.l-foreground {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 55;
}

.l-svg-mask {
  position: fixed;
  top: 0;
  width: 0;
  height: 0;
  visibility: hidden;
  z-index: -100;
}

.c-header {
  display: flex;
  justify-content: center;
  background: #fff;
  transition: transform 0.8s ease-out, opacity 0.8s ease-out;
}
.c-header.is-hidden {
  transform: translateY(-120%);
  opacity: 0;
  transition: none;
}

.c-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--liquid-size) * 1);
  position: relative;
  z-index: 0;
  width: calc(var(--liquid-size) * 90);
  min-height: var(--header-height);
  padding-inline: calc(var(--liquid-size) * 3.75);
  background: #fff;
}

.c-header__logo {
  width: calc(var(--liquid-size) * 16.25);
  aspect-ratio: 65/17;
}

.c-header__nav {
  flex-grow: 1;
  position: relative;
  padding-right: calc(var(--liquid-size) * 11.25);
}

.c-header__nav-list {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: calc(var(--liquid-size) * 3);
}

.c-header__nav-link {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.375);
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  transition: color 0.3s ease-in-out;
}
.c-header__nav-link::after {
  content: "";
  display: block;
  width: calc(var(--liquid-size) * 0.5625);
  aspect-ratio: 9/6;
  background: url(../images/icon_dots-down-orange.webp) center/cover no-repeat;
}
@media (any-hover: hover) {
  .c-header__nav-link:hover {
    color: #f38301;
  }
}

.c-header__nav-contact {
  display: none;
}

.c-header__hamburger {
  display: none;
}

.c-header__cta-button {
  display: grid;
  place-items: center;
  position: absolute;
  top: calc(var(--liquid-size) * 0.875);
  right: calc(var(--liquid-size) * 7.75);
  width: calc(var(--liquid-size) * 4.5);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #f38301;
  border: 1px solid #f38301;
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06em;
  transition: all 0.3s ease-in-out;
}
.c-header__cta-button::after {
  content: "";
  position: absolute;
  bottom: calc(var(--liquid-size) * 2.125);
  width: calc(var(--liquid-size) * 0.5625);
  aspect-ratio: 9/6;
  opacity: 0;
  background: url(../images/icon_dots-down-orange.webp) center/cover no-repeat;
  filter: brightness(1000);
  transition: all 0.3s ease-in-out;
}
.c-header__cta-button .m-text {
  position: absolute;
  opacity: 0;
  font-size: calc(var(--liquid-size) * 0.625);
  transition: all 0.3s ease-in-out;
}
.c-header__cta-button .m-icon {
  position: absolute;
  width: calc(var(--liquid-size) * 2.5);
  aspect-ratio: 1/1;
  filter: grayscale(100%) brightness(1000);
  transition: opacity 0.3s ease-in-out;
}
.c-header.is-on-mv .c-header__cta-button {
  top: calc(var(--liquid-size) * 1);
  right: calc(var(--liquid-size) * 2.5);
  width: calc(var(--liquid-size) * 10);
}
.c-header.is-on-mv .c-header__cta-button::after {
  opacity: 1;
}
.c-header.is-on-mv .c-header__cta-button .m-text {
  opacity: 1;
  font-size: calc(var(--liquid-size) * 1);
}
.c-header.is-on-mv .c-header__cta-button .m-icon {
  opacity: 0;
}
@media (any-hover: hover) {
  .c-header__cta-button:hover {
    background: #faf9f7;
    color: #f38301;
  }
  .c-header__cta-button:hover::after {
    filter: brightness(1);
  }
  .c-header__cta-button:hover .m-icon {
    filter: none;
  }
}

@media (width < 768px) {
  .c-header__inner {
    padding-inline: calc(var(--liquid-size) * 1.25);
  }
  .c-header__inner::before {
    content: "";
    position: absolute;
    z-index: -10;
    left: calc(var(--liquid-size) * -1.25);
    right: calc(var(--liquid-size) * -1.25);
    height: 100%;
    background: #fff;
  }
  .c-header__logo {
    width: calc(var(--liquid-size) * 9.5625);
  }
  .c-header__nav {
    display: flex;
    flex-flow: column;
    align-items: center;
    position: absolute;
    z-index: -15;
    top: var(--header-height);
    width: 100vw;
    height: calc(100vh - var(--header-height));
    margin-inline: calc(var(--liquid-size) * -1.25);
    padding: calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 2.5);
    background: #f2eee7;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-100%);
    transition: all 0.3s ease-in-out;
  }
  .c-header__nav.is-modal-show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }
  .c-header__nav-list {
    flex-flow: column;
    align-items: stretch;
    width: min(100%, var(--liquid-size) * 22.5);
    gap: 0;
    padding-inline: calc(var(--liquid-size) * 1.25);
  }
  .c-header__nav-item {
    position: relative;
  }
  .c-header__nav-item::after {
    content: "";
    display: block;
    width: 100%;
    bottom: 0;
    height: 0.0625rem;
    background: repeating-linear-gradient(to right, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
  }
  .c-header__nav-item:last-child::after {
    display: none;
  }
  .c-header__nav-link {
    display: block;
    position: relative;
    padding-block: calc(var(--liquid-size) * 1.25);
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  }
  .c-header__nav-link::after {
    display: none;
  }
}
@media (width < 768px) and (any-hover: hover) {
  .c-header__nav-link:hover {
    background: #fff;
  }
}
@media (width < 768px) {
  .c-header__nav-contact {
    display: flex;
    flex-flow: column;
    gap: calc(var(--liquid-size) * 1);
    width: min(100%, var(--liquid-size) * 22.5);
    margin-top: calc(var(--liquid-size) * 2.75);
  }
  .c-header__nav-button {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--liquid-size) * 0.5);
    width: 100%;
    height: calc(var(--liquid-size) * 3.875);
    border-radius: 100vmax;
    background: #f38301;
    border: 1px solid #f38301;
    color: #fff;
    font-size: calc(var(--liquid-size) * 1);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.06em;
    transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
  }
  .c-header__nav-button .m-icon {
    flex-shrink: 0;
    width: calc(var(--liquid-size) * 1.75);
    aspect-ratio: 1/1;
    filter: grayscale(100%) brightness(1000);
  }
}
@media (width < 768px) and (any-hover: hover) {
  .c-header__nav-button:hover {
    background: #faf9f7;
    color: #f38301;
  }
  .c-header__nav-button:hover .m-icon {
    filter: none;
  }
}
@media (width < 768px) {
  .c-header__hamburger {
    display: initial;
    position: relative;
    width: calc(var(--liquid-size) * 2.5);
    aspect-ratio: 1/1;
  }
}
.c-footer {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  padding-inline: calc(var(--liquid-size) * 1.25);
  overflow: hidden;
}

.c-footer__bg {
  width: calc(100% + var(--liquid-size) * 2.5);
  margin-inline: calc(var(--liquid-size) * -1.25);
  height: calc(var(--liquid-size) * 26.25);
}

.c-footer__inner {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  position: relative;
  width: min(100%, var(--liquid-size) * 77.5);
  padding-block: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 2.5);
}

.c-footer__logo {
  align-self: flex-start;
  width: calc(var(--liquid-size) * 16.25);
  aspect-ratio: 65/17;
}

.c-footer__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.c-footer__address {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
  font-style: normal;
  font-size: calc(var(--liquid-size) * 1);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.c-footer__copyright {
  color: #f0d4a3;
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.03em;
}

.c-footer__top-link {
  position: absolute;
  top: calc(var(--liquid-size) * -2.5);
  right: 0;
}

.c-footer__top-link-button {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--liquid-size) * 0.25);
  width: calc(var(--liquid-size) * 5);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #f38301;
  border: 1px solid #f38301;
  color: #fff;
  text-align: center;
  color: #fff;
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.06em;
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out;
}
.c-footer__top-link-button::before {
  content: "";
  bottom: calc(var(--liquid-size) * 2.125);
  width: calc(var(--liquid-size) * 0.5625);
  aspect-ratio: 9/6;
  background: url(../images/icon_dots-up-orange.webp) center/cover no-repeat;
  filter: brightness(1000);
}
@media (any-hover: hover) {
  .c-footer__top-link-button:hover {
    background: #faf9f7;
    color: #f38301;
  }
  .c-footer__top-link-button:hover::before {
    filter: brightness(1);
  }
}

@media (width < 768px) {
  .c-footer__bg {
    height: calc(var(--liquid-size) * 7.5);
  }
  .c-footer__logo {
    width: calc(var(--liquid-size) * 9.5625);
  }
  .c-footer__info {
    flex-flow: column;
    align-items: flex-start;
    gap: calc(var(--liquid-size) * 0.5);
  }
  .c-footer__copyright {
    align-self: flex-end;
  }
  .c-footer__address {
    font-size: calc(var(--liquid-size) * 0.875);
  }
  .c-footer__top-link {
    top: calc(var(--liquid-size) * -1.25);
  }
  .c-footer__top-link-button {
    gap: calc(var(--liquid-size) * 0.125);
    width: calc(var(--liquid-size) * 2.5);
    font-size: calc(var(--liquid-size) * 0.625);
  }
}
.c-hamburger {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: calc(var(--liquid-size) * 0.1875);
  position: absolute;
  inset: 0;
  padding-top: calc(var(--liquid-size) * 0.25);
  border-radius: 50%;
  visibility: hidden;
  z-index: -10;
  background: #f38301;
  color: #fff;
  transform: rotateY(180deg);
  transition: all 0.3s ease-in-out;
}
*:not(.is-modal-show) > .c-hamburger.m-open {
  z-index: 5;
  visibility: visible;
  transform: rotateY(0deg);
}
*.is-modal-show > .c-hamburger.m-close {
  z-index: 5;
  visibility: visible;
  transform: rotateY(0deg);
}

.c-hamburger__icon {
  width: calc(var(--liquid-size) * 1);
  height: calc(var(--liquid-size) * 0.875);
}

.c-hamburger__label {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 0.375);
  font-weight: 500;
  letter-spacing: 0.01em;
}

.c-only__sp {
  display: none;
}

@media (width < 768px) {
  .c-only__pc {
    display: none;
  }
  .c-only__sp {
    display: initial;
  }
}
.c-accordion {
  --duration: 0.3s;
  width: 100%;
  position: relative;
  border-radius: calc(var(--liquid-size) * 0.3125);
  overflow: clip;
  background: #faf9f7;
}
.c-accordion::before, .c-accordion::after {
  content: "";
  top: calc(var(--liquid-size) * 2.25);
  right: calc(var(--liquid-size) * 1.5);
  position: absolute;
  width: 13px;
  height: 2px;
  border-radius: 100vmax;
  background-color: #f38301;
}
.c-accordion::before {
  rotate: 90deg;
  transition: rotate ease-out var(--duration);
}
.c-accordion.is-open::before {
  rotate: 0deg;
}

.c-accordion__summary {
  display: flex;
  align-items: center;
  position: relative;
  gap: calc(var(--liquid-size) * 0.75);
  padding-block: calc(var(--liquid-size) * 1.5);
  padding-inline: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 4);
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  line-height: 1.2;
  cursor: pointer;
  transition: padding-bottom var(--duration) ease-out;
}
.c-accordion__summary::before {
  content: "Q";
  color: #f38301;
  font-size: calc(var(--liquid-size) * 1.5);
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1;
}
.c-accordion.is-open .c-accordion__summary {
  padding-bottom: calc(var(--liquid-size) * 1.5);
}

.c-accordion__answer {
  display: grid;
  grid-template-rows: 0fr;
  position: relative;
  padding-inline: calc(var(--liquid-size) * 1.5);
  opacity: 0;
  transition: grid-template-rows var(--duration) ease-out, padding var(--duration) ease-out, opacity var(--duration) linear;
}
.c-accordion.is-open .c-accordion__answer {
  grid-template-rows: 1fr;
  opacity: 1;
  padding-block: calc(var(--liquid-size) * 0.5) calc(var(--liquid-size) * 1.5);
}
.c-accordion.is-open .c-accordion__answer::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--liquid-size) * -0.375);
  left: calc(var(--liquid-size) * 1.5);
  right: calc(var(--liquid-size) * 1.5);
  height: calc(var(--liquid-size) * 0.0625);
  background: repeating-linear-gradient(to right, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
}

.c-accordion__answer-inner {
  display: flex;
  gap: calc(var(--liquid-size) * 1);
  position: relative;
  overflow: hidden;
  line-height: 1.6;
  font-size: calc(var(--liquid-size) * 1);
}
.c-accordion__answer-inner::before {
  content: "A";
  color: #f38301;
  font-size: calc(var(--liquid-size) * 1.5);
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  line-height: 1;
}

@media (width < 768px) {
  .c-accordion::before, .c-accordion::after {
    content: "";
    top: calc(var(--liquid-size) * 1.5);
    right: calc(var(--liquid-size) * 1);
  }
  .c-accordion__summary {
    gap: calc(var(--liquid-size) * 0.5);
    padding-block: calc(var(--liquid-size) * 1);
    padding-inline: calc(var(--liquid-size) * 1) calc(var(--liquid-size) * 3);
    font-size: calc(var(--liquid-size) * 1);
  }
  .c-accordion__summary::before {
    font-size: calc(var(--liquid-size) * 1.25);
  }
  .c-accordion.is-open .c-accordion__summary {
    padding-bottom: calc(var(--liquid-size) * 1);
  }
  .c-accordion__answer {
    padding-inline: calc(var(--liquid-size) * 1);
  }
  .c-accordion.is-open .c-accordion__answer {
    padding-block: calc(var(--liquid-size) * 1) calc(var(--liquid-size) * 1);
  }
  .c-accordion.is-open .c-accordion__answer::before {
    top: 0;
    left: calc(var(--liquid-size) * 1);
    right: calc(var(--liquid-size) * 1);
  }
  .c-accordion__answer-inner {
    gap: calc(var(--liquid-size) * 1);
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .c-accordion__answer-inner::before {
    font-size: calc(var(--liquid-size) * 1.25);
    padding-top: calc(var(--liquid-size) * 0.125);
  }
}
.c-color-primary {
  color: #f38301;
  font-style: normal;
}

.c-form {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 5);
  width: 100%;
}
.c-form .wpcf7-not-valid-tip {
  position: absolute;
  top: 100%;
  color: #dc1c1c;
  font-size: calc(var(--liquid-size) * 0.8125);
}

.c-form__list {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
  width: 100%;
}

.c-form__item {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  width: 100%;
}

.c-form__label {
  display: flex;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.75);
  font-size: calc(var(--liquid-size) * 1.125);
  font-weight: 700;
  line-height: 1.4;
}
.c-form__label .m-small {
  align-self: flex-end;
  display: inline-block;
  margin-left: calc(var(--liquid-size) * -0.75);
  font-size: calc(var(--liquid-size) * 0.9375);
}
.c-form__label::after {
  content: "任意";
  padding: calc(var(--liquid-size) * 0.1875) calc(var(--liquid-size) * 0.25);
  border-radius: calc(var(--liquid-size) * 0.125);
  background: #ada9a9;
  color: #fff;
  font-size: calc(var(--liquid-size) * 0.75);
  font-weight: 700;
  line-height: 1;
}
.c-form__label.m-required::after {
  content: "必須";
  background: #dc1c1c;
}

.c-form__checkbox-group {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1.125);
  transition: outline 0.3s ease-in-out;
}
.c-form__checkbox-group > * {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  height: auto;
  margin: 0;
  padding: 0;
  vertical-align: top;
}
.c-form__checkbox-group label {
  display: inline-grid;
  grid-template-columns: calc(var(--liquid-size) * 1.4375) 1fr;
  grid-template-areas: "icon text";
  place-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  cursor: pointer;
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1;
  letter-spacing: 0.04em;
}
.c-form__checkbox-group label:has(input:focus-visible) {
  outline: 2px dotted #f59c34;
  outline-offset: calc(var(--liquid-size) * 0.125);
}
.c-form__checkbox-group label::before, .c-form__checkbox-group label::after {
  content: "";
  grid-area: icon;
  display: grid;
  place-items: center;
  aspect-ratio: 1/1;
}
.c-form__checkbox-group label::before {
  width: calc(var(--liquid-size) * 1.25);
  border-radius: calc(var(--liquid-size) * 0.125);
  border: calc(var(--liquid-size) * 0.0625) solid #e1d2c1;
  background: #fff;
}
.c-form__checkbox-group label::after {
  content: "";
  width: calc(var(--liquid-size) * 1);
  line-height: 1;
  opacity: 0;
  background: url(../images/icon_check.svg) no-repeat center/cover;
  transition: opacity 0.3s ease-in-out;
}
.c-form__checkbox-group label:has(input:checked)::after {
  opacity: 1;
}
.c-form__checkbox-group input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

.c-form__input-wrapper {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  width: 100%;
  cursor: pointer;
}

.c-form__input-box {
  position: relative;
  width: 100%;
  padding: calc(var(--liquid-size) * 1) calc(var(--liquid-size) * 1);
  border-radius: calc(var(--liquid-size) * 0.125);
  border: 1px solid #e1d2c1;
  background: #fff;
  font-size: calc(var(--liquid-size) * 1);
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.c-form__input-box::-moz-placeholder {
  color: #b5b5b5;
  font-size: calc(var(--liquid-size) * 1);
}
.c-form__input-box::placeholder {
  color: #b5b5b5;
  font-size: calc(var(--liquid-size) * 1);
}
.c-form__input-box:focus-visible {
  border-color: #f59c34;
  box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.4);
}
.c-form__input-box:is(:not(:-moz-placeholder):invalid, :user-invalid) {
  background: rgba(220, 28, 28, 0.1);
  border-color: #dc1c1c;
}
.c-form__input-box:is(:not(:placeholder-shown):invalid, :user-invalid) {
  background: rgba(220, 28, 28, 0.1);
  border-color: #dc1c1c;
}
.c-form__input-box.m-post-code {
  width: min(var(--liquid-size) * 12.5, 100%);
}
.c-form__input-box.m-textarea {
  height: calc(var(--liquid-size) * 11.25);
  resize: vertical;
}

.c-form__privacy {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: calc(var(--liquid-size) * 0.75);
}

.c-form__privacy-check {
  display: flex;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
}

.c-form__privacy-text {
  font-size: calc(var(--liquid-size) * 1.125);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.c-form__privacy-link {
  text-decoration: underline;
  color: #42aadc;
  transition: background 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .c-form__privacy-link:hover {
    background: #fff;
  }
}

.c-form__privacy-input {
  display: inline-grid;
  place-items: center;
  position: relative;
  width: calc(var(--liquid-size) * 1.25);
  aspect-ratio: 1/1;
  border-radius: calc(var(--liquid-size) * 0.125);
  background: #fff;
  border: calc(var(--liquid-size) * 0.0625) solid #e1d2c1;
}
.c-form__privacy-input * {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.c-form__privacy-input::before {
  content: "";
  inset: 0;
  position: absolute;
  aspect-ratio: 1/1;
  background: url(../images/icon_check.svg) no-repeat center/cover;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.c-form__privacy-input:has(input:checked)::before {
  opacity: 1;
}
.c-form__privacy-input:has(input:focus-visible) {
  outline: 2px dotted #f59c34;
  outline-offset: calc(var(--liquid-size) * 0.125);
}

.c-form__submit-box {
  display: flex;
  justify-content: center;
}

.c-form__submit-button {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: calc(var(--liquid-size) * 10);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #f38301;
  color: #f38301;
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.c-form__submit-button:disabled {
  color: #b5b5b5;
  border-color: #b5b5b5;
  opacity: 0.6;
  cursor: not-allowed;
}
@media (any-hover: hover) {
  .c-form__submit-button:not(:disabled):hover {
    background: #f38301;
    color: #fff;
  }
}

.wpcf7-spinner {
  display: none !important;
}

.wpcf7-response-output {
  display: none !important;
}

@media (width < 768px) {
  .c-form {
    gap: calc(var(--liquid-size) * 3);
  }
  .c-form__label {
    font-size: calc(var(--liquid-size) * 1);
  }
  .c-form__label .m-small {
    font-size: calc(var(--liquid-size) * 0.875);
  }
  .c-form__label::after {
    font-size: calc(var(--liquid-size) * 0.6875);
  }
  .c-form__checkbox-group label {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .c-form__submit-button {
    width: calc(var(--liquid-size) * 8.75);
    font-size: calc(var(--liquid-size) * 1);
  }
}
.c-scroll-fade__up {
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.c-scroll-fade__up.is-hidden {
  opacity: 0;
  transform: translateY(5rem);
}

.c-scroll-fade {
  transition: opacity 0.8s ease-out;
}
.c-scroll-fade.is-hidden {
  opacity: 0;
}

.p-first-view {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
  height: calc(100svh - var(--header-height));
  margin-top: var(--header-height);
  overflow: hidden;
}

.p-first-view__inner {
  display: flex;
  align-items: center;
  position: relative;
  width: min(var(--liquid-size) * 82.5, 100%);
  height: 100%;
}

.p-first-view__left-side {
  position: absolute;
  left: calc(var(--liquid-size) * -8.25);
}

.p-first-view__copyright {
  width: calc(var(--liquid-size) * 12.5);
  color: #f0d4a3;
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 0.8125);
  font-weight: 500;
  letter-spacing: 0.03em;
  text-align: center;
  rotate: 90deg;
}

.p-first-view__mv-list {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: -10;
  border-radius: calc(var(--liquid-size) * 1.25);
  overflow: hidden;
}

.p-first-view__mv-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease-out;
  animation: zoom-in 7s ease-out forwards;
}
.p-first-view__mv-item.is-selected {
  opacity: 1;
  z-index: 5;
}
.p-first-view__mv-item.is-next {
  opacity: 0;
  z-index: 10;
  animation: none;
}
.p-first-view__mv-item.is-prev {
  opacity: 0;
  z-index: 0;
  animation: none;
}

.p-first-view__contents {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1);
  position: absolute;
  left: calc(var(--liquid-size) * 2.5);
  bottom: calc(var(--liquid-size) * 5);
  align-self: stretch;
  z-index: 0;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.p-first-view__contents.is-hidden {
  opacity: 0;
  transform: translateY(1.875rem);
  transition: none;
}

.p-first-view__title {
  color: #fff;
  font-family: "higure gothic", "Zen Kaku Gothic New", sans-serif;
  font-size: calc(var(--liquid-size) * 4.25);
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: 0.1275em;
  text-shadow: 0 0 calc(var(--liquid-size) * 0.5) rgba(0, 0, 0, 0.2);
}

.p-first-view__selling-points {
  display: flex;
  gap: calc(var(--liquid-size) * 1);
}

.p-first-view__selling-point {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  min-height: calc(var(--liquid-size) * 6.25);
  padding-top: calc(var(--liquid-size) * 0.25);
  padding-inline: calc(var(--liquid-size) * 1.5);
  border-radius: calc(var(--liquid-size) * 0.3125);
  overflow: hidden;
  background: rgba(255, 255, 255, 0.8);
}
.p-first-view__selling-point::before {
  content: "";
  position: absolute;
  top: calc(var(--liquid-size) * 0.5);
  width: calc(100% - var(--liquid-size) * 1);
  height: 0.0625rem;
  background: repeating-linear-gradient(to right, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
}

.p-first-view__selling-point-icon {
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 4);
  aspect-ratio: 1/1;
}

.p-first-view__selling-point-texts {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  text-align: center;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.06em;
}
.p-first-view__selling-point-texts .m-sub {
  font-size: calc(var(--liquid-size) * 1);
}
.p-first-view__selling-point-texts .m-inline-icon {
  display: inline-block;
  width: calc(var(--liquid-size) * 0.5625);
  height: calc(var(--liquid-size) * 0.6875);
}
.p-first-view__selling-point-texts .m-main {
  font-size: calc(var(--liquid-size) * 1.25);
}

.p-first-view__right-side {
  position: absolute;
  left: calc(100% + var(--liquid-size) * 1.5);
}

.p-first-view__dots {
  display: flex;
  flex-direction: column;
  gap: calc(var(--liquid-size) * 0.625);
}

.p-first-view__dot {
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 0.625);
  height: calc(var(--liquid-size) * 0.625);
  border-radius: 50%;
  border: 1px solid #f0d4a3;
  background: #fff;
}
.p-first-view__dot.is-selected {
  background: #f0d4a3;
}

@media (width < 768px) {
  .p-first-view {
    height: min(100svh - var(--header-height), var(--liquid-size) * 38.75);
  }
  .p-first-view__inner {
    width: min(var(--liquid-size) * 33.75, 100% - var(--liquid-size) * 2.5);
  }
  .p-first-view__left-side {
    position: absolute;
    left: calc(var(--liquid-size) * -7);
  }
  .p-first-view__copyright {
    width: calc(var(--liquid-size) * 12.5);
    font-size: calc(var(--liquid-size) * 0.625);
  }
  .p-first-view__contents {
    justify-content: space-between;
    left: calc(var(--liquid-size) * 1);
    right: calc(var(--liquid-size) * 1);
    top: calc(var(--liquid-size) * 1);
    bottom: calc(var(--liquid-size) * 0.875);
  }
  .p-first-view__selling-points {
    display: flex;
    flex-flow: column;
    gap: calc(var(--liquid-size) * 0.5);
  }
  .p-first-view__selling-point {
    min-height: calc(var(--liquid-size) * 5);
    padding-inline: calc(var(--liquid-size) * 0.5);
  }
  .p-first-view__selling-point::before {
    content: "";
    position: absolute;
    top: calc(var(--liquid-size) * 0.5);
    width: calc(100% - var(--liquid-size) * 1);
    height: 0.0625rem;
    background: repeating-linear-gradient(to right, #f38301 0, #f38301 0.3125rem, transparent 0.3125rem, transparent 0.5rem);
  }
  .p-first-view__selling-point-icon {
    width: calc(var(--liquid-size) * 3.5);
  }
  .p-first-view__selling-point-texts {
    gap: calc(var(--liquid-size) * 0.25);
    flex-grow: 1;
    text-align: center;
  }
  .p-first-view__selling-point-texts .m-sub {
    font-size: calc(var(--liquid-size) * 0.875);
  }
  .p-first-view__selling-point-texts .m-main {
    font-size: calc(var(--liquid-size) * 1);
  }
  .p-first-view__title {
    font-size: calc(var(--liquid-size) * 2.5);
    letter-spacing: 0.04em;
  }
  .p-first-view__right-side {
    position: absolute;
    left: calc(100% + var(--liquid-size) * 0.375);
  }
  .p-first-view__dots {
    gap: calc(var(--liquid-size) * 0.5);
  }
  .p-first-view__dot {
    width: calc(var(--liquid-size) * 0.5);
    height: calc(var(--liquid-size) * 0.5);
  }
}
@keyframes zoom-in {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
.p-top-reason {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
}

.p-top-reason__inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 2.5);
  width: 100%;
  padding-block: calc(var(--liquid-size) * 5);
}

.p-top-reason__title {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1.75);
  position: relative;
  z-index: 0;
  width: calc(var(--liquid-size) * 75);
  padding-block: calc(var(--liquid-size) * 5.0625) calc(var(--liquid-size) * 0.3125);
  font-family: "higure gothic", "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
}
.p-top-reason__title::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--liquid-size) * 0.25);
  left: 0;
  z-index: -10;
  width: calc(var(--liquid-size) * 8.625);
  aspect-ratio: 138/100;
  background: url(../images/image_reason-quotation.webp) center/contain no-repeat;
}
.p-top-reason__title .m-first-line {
  font-size: calc(var(--liquid-size) * 3.5);
  padding-left: calc(var(--liquid-size) * 6.3125);
  line-height: 1.2;
  letter-spacing: 0.1em;
}
.p-top-reason__title .m-second-line {
  font-size: calc(var(--liquid-size) * 2.5);
  padding-left: calc(var(--liquid-size) * 9.3125);
  line-height: 1.2;
  letter-spacing: 0.08em;
}
.p-top-reason__title .m-small {
  font-size: calc(var(--liquid-size) * 2.125);
}

.p-top-reason__contents {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.p-top-reason__bg-box {
  position: absolute;
  inset: 0;
  z-index: -10;
}

.p-top-reason__bg {
  position: absolute;
}
.p-top-reason__bg.m-image-1 {
  top: calc(var(--liquid-size) * 7.5);
  left: 0;
  width: calc(var(--liquid-size) * 23.75);
  aspect-ratio: 38/56;
}
.p-top-reason__bg.m-image-2 {
  top: 0;
  right: 0;
  width: calc(var(--liquid-size) * 23.75);
  aspect-ratio: 38/42;
}
.p-top-reason__bg.m-image-3 {
  top: calc(var(--liquid-size) * 31.25);
  right: 0;
  width: calc(var(--liquid-size) * 23.75);
  aspect-ratio: 38/28;
}
.p-top-reason__bg.m-image-4 {
  top: calc(var(--liquid-size) * 47.5);
  left: 0;
  width: calc(var(--liquid-size) * 23.75);
  aspect-ratio: 380/407;
}
.p-top-reason__bg.m-image-5 {
  top: calc(var(--liquid-size) * 53.75);
  right: 0;
  width: calc(var(--liquid-size) * 23.75);
  aspect-ratio: 380/395;
}

.p-top-reason_list {
  width: min(var(--liquid-size) * 28.125, 100%);
  padding-inline: calc(var(--liquid-size) * 1.5);
}

.p-top-reason_item {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  position: relative;
  padding-block: calc(var(--liquid-size) * 5);
  text-align: center;
}
.p-top-reason_item:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
}

.p-top-reason_item-number {
  display: flex;
  align-items: flex-end;
  position: relative;
  z-index: 0;
}
.p-top-reason_item-number .m-text-image {
  position: relative;
  z-index: 5;
  width: calc(var(--liquid-size) * 13.4375);
  aspect-ratio: 215/84;
  margin-bottom: calc(var(--liquid-size) * 0.5);
}
.p-top-reason_item-number .m-number {
  margin-left: calc(var(--liquid-size) * -1);
  color: #f4e3c5;
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 6.25);
  font-weight: 800;
  letter-spacing: calc(var(--liquid-size) * -0.25);
  line-height: 1.2;
}

.p-top-reason_item-title {
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-reason_item-desc {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

@media (width < 768px) {
  .p-top-reason__inner {
    padding-block: calc(var(--liquid-size) * 2.5);
  }
  .p-top-reason__title {
    gap: calc(var(--liquid-size) * 0.3125);
    width: calc(var(--liquid-size) * 22.5);
    padding-block: calc(var(--liquid-size) * 2.9375) calc(var(--liquid-size) * 0.125);
  }
  .p-top-reason__title::before {
    width: calc(var(--liquid-size) * 4.875);
  }
  .p-top-reason__title .m-first-line {
    font-size: calc(var(--liquid-size) * 2);
    padding-left: calc(var(--liquid-size) * 2);
  }
  .p-top-reason__title .m-second-line {
    font-size: calc(var(--liquid-size) * 1.5);
    padding-left: calc(var(--liquid-size) * 2.9375);
    word-break: keep-all;
    white-space: nowrap;
  }
  .p-top-reason__title .m-small {
    font-size: calc(var(--liquid-size) * 1.25);
  }
  .p-top-reason__bg-box {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--liquid-size) * 0.5);
    position: static;
  }
  .p-top-reason__bg-box.m-top {
    grid-template-areas: "first second" "first third";
  }
  .p-top-reason__bg {
    position: static;
  }
  .p-top-reason__bg.m-image-1 {
    grid-area: first;
    width: 100%;
    aspect-ratio: 196/228;
  }
  .p-top-reason__bg.m-image-2 {
    grid-area: second;
    width: 100%;
    aspect-ratio: 196/120;
  }
  .p-top-reason__bg.m-image-3 {
    grid-area: third;
    width: 100%;
    aspect-ratio: 196/100;
  }
  .p-top-reason__bg.m-image-4 {
    width: 100%;
    aspect-ratio: 196/120;
  }
  .p-top-reason__bg.m-image-5 {
    width: 100%;
    aspect-ratio: 196/120;
  }
  .p-top-reason_list {
    width: min(var(--liquid-size) * 24.375, 100%);
    padding-inline: calc(var(--liquid-size) * 1.25);
  }
  .p-top-reason_item {
    gap: calc(var(--liquid-size) * 1);
    padding-block: calc(var(--liquid-size) * 1.5);
  }
  .p-top-reason_item-number .m-text-image {
    width: calc(var(--liquid-size) * 9.1875);
    margin-bottom: calc(var(--liquid-size) * 0.4375);
  }
  .p-top-reason_item-number .m-number {
    margin-left: calc(var(--liquid-size) * -0.5625);
    font-size: calc(var(--liquid-size) * 4.25);
    letter-spacing: calc(var(--liquid-size) * -0.1875);
  }
  .p-top-reason_item-title {
    font-size: calc(var(--liquid-size) * 1.25);
    line-height: 1.2;
  }
  .p-top-reason_item-desc {
    font-size: calc(var(--liquid-size) * 1);
  }
}
.p-top-service {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-block: calc(var(--liquid-size) * 7.5);
  background: linear-gradient(135deg, #ffaa47 0%, #f3d7a8 43.78%, #e7e6c8 100%);
}

.p-top-service__inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
  position: relative;
  z-index: 0;
  width: min(var(--liquid-size) * 75, 100%);
  padding-block: calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 5);
  border-radius: calc(var(--liquid-size) * 1.25);
  background: #fff;
}
.p-top-service__inner::before {
  content: "";
  display: block;
  position: absolute;
  top: calc(var(--liquid-size) * -2.75);
  width: calc(var(--liquid-size) * 26.875);
  aspect-ratio: 430/315;
  border-radius: 50%;
  background: #fff;
  z-index: -10;
}

.p-top-service__en-title {
  height: calc(var(--liquid-size) * 7.4375);
  aspect-ratio: 432/119;
}

.p-top-service__lead {
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-service__main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--liquid-size) * 41.125);
  gap: calc(var(--liquid-size) * 3.375);
  width: min(var(--liquid-size) * 67, 100%);
  margin-top: calc(var(--liquid-size) * 1.25);
}

.p-top-service__image {
  width: 100%;
  aspect-ratio: 360/507;
}

.p-top-service__contents {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-top-service__desc {
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-top-service__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(var(--liquid-size) * 1);
}

.p-top-service__card {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  padding-block: calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 1.5);
  padding-inline: calc(var(--liquid-size) * 1);
  border-radius: calc(var(--liquid-size) * 0.3125);
  background: #f59c34;
  color: #fff;
}
.p-top-service__card::before {
  content: "";
  position: absolute;
  top: calc(var(--liquid-size) * 0.5);
  left: calc(var(--liquid-size) * 0.5);
  right: calc(var(--liquid-size) * 0.5);
  height: 0.0625rem;
  background: repeating-linear-gradient(to right, #fff 0, #fff 5px, transparent 5px, transparent 8px);
}

.p-top-service__card-title {
  display: flex;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
}
.p-top-service__card-title .m-icon {
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 4);
  aspect-ratio: 1/1;
}
.p-top-service__card-title .m-text {
  font-size: calc(var(--liquid-size) * 1.125);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: 0.06em;
}

.p-top-service__card-texts {
  padding-inline: calc(var(--liquid-size) * 0.5);
  font-size: calc(var(--liquid-size) * 0.9375);
  line-height: 1.25;
  letter-spacing: 0.04em;
}

@media (width < 768px) {
  .p-top-service {
    padding-block: calc(var(--liquid-size) * 3.75);
  }
  .p-top-service__inner {
    gap: calc(var(--liquid-size) * 1);
    width: min(var(--liquid-size) * 21.875, 100%);
    padding-block: calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 2.5);
  }
  .p-top-service__inner::before {
    top: calc(var(--liquid-size) * -1.375);
    width: calc(var(--liquid-size) * 13.125);
  }
  .p-top-service__en-title {
    height: calc(var(--liquid-size) * 4);
  }
  .p-top-service__lead {
    font-size: calc(var(--liquid-size) * 1.5);
    line-height: 1.4;
    text-align: center;
  }
  .p-top-service__main {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: calc(var(--liquid-size) * 1.5);
    margin-top: 0;
    padding-inline: calc(var(--liquid-size) * 1);
  }
  .p-top-service__image {
    justify-self: center;
    width: calc(var(--liquid-size) * 10);
  }
  .p-top-service__desc {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-service__list {
    display: flex;
    flex-flow: column;
    gap: calc(var(--liquid-size) * 1);
  }
  .p-top-service__card-title .m-icon {
    width: calc(var(--liquid-size) * 3.5);
  }
  .p-top-service__card-title .m-text {
    font-size: calc(var(--liquid-size) * 1);
  }
}
.p-top-safety {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
}

.p-top-safety__inner {
  display: grid;
  grid-template-areas: "stack";
  place-items: center;
  position: relative;
  z-index: 0;
  width: 100%;
}
.p-top-safety__inner > * {
  grid-area: stack;
}

.p-top-safety__header {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 2.5);
  position: relative;
  padding-block: calc(var(--liquid-size) * 2.5);
  padding-inline: calc(var(--liquid-size) * 2.1875);
  z-index: 5;
  width: calc(var(--liquid-size) * 23.75);
  border-radius: calc(var(--liquid-size) * 0.625);
  background: #fff;
}

.p-top-safety__title {
  display: flex;
  align-items: center;
  writing-mode: vertical-rl;
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  letter-spacing: 0.04em;
}
.p-top-safety__title .m-number-image {
  display: inline-block;
  width: calc(var(--liquid-size) * 3.5);
  aspect-ratio: 56/112;
}

.p-top-safety__lead {
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-top-safety__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: calc(var(--liquid-size) * 0.5);
  width: 100%;
  counter-reset: safety-item;
}

.p-top-safety__item {
  display: grid;
  place-items: center;
  position: relative;
  z-index: 0;
  width: 100%;
  min-height: calc(var(--liquid-size) * 23.625);
  color: #fff;
  counter-increment: safety-item;
}
.p-top-safety__item:nth-child(odd) {
  --direction: row;
  padding-right: calc(var(--liquid-size) * 6.75);
}
.p-top-safety__item:nth-child(even) {
  --direction: row-reverse;
  padding-left: calc(var(--liquid-size) * 6.75);
}

.p-top-safety__item-image {
  position: absolute;
  inset: 0;
  z-index: -10;
}

.p-top-safety__item-contents {
  width: calc(var(--liquid-size) * 23.0625);
}

.p-top-safety__item-title {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  position: relative;
  padding-bottom: calc(var(--liquid-size) * 1);
  flex-flow: var(--direction);
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  letter-spacing: 0.04em;
}
.p-top-safety__item-title::before {
  content: counter(safety-item, decimal-leading-zero);
  display: inline-block;
  color: #f4e3c5;
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 4);
  font-weight: 700;
  letter-spacing: -0.04em;
}
.p-top-safety__item-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 0.0625rem;
  background: repeating-linear-gradient(to right, #fff 0, #fff 5px, transparent 5px, transparent 8px);
}

.p-top-safety__item-desc {
  margin-top: calc(var(--liquid-size) * 1);
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

@media (width < 768px) {
  .p-top-safety__inner {
    display: flex;
    flex-flow: column;
  }
  .p-top-safety__header {
    gap: calc(var(--liquid-size) * 2);
  }
  .p-top-safety__title {
    writing-mode: initial;
    align-items: flex-end;
    font-size: calc(var(--liquid-size) * 2);
  }
  .p-top-safety__title .m-number-image {
    width: calc(var(--liquid-size) * 3);
    margin-bottom: calc(var(--liquid-size) * -0.5);
    margin-right: calc(var(--liquid-size) * 0.375);
  }
  .p-top-safety__lead {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-safety__list {
    display: flex;
    flex-flow: column;
  }
  .p-top-safety__item {
    min-height: calc(var(--liquid-size) * 15);
  }
  .p-top-safety__item:nth-child(odd) {
    padding-right: 0;
  }
  .p-top-safety__item:nth-child(even) {
    --direction: row;
    padding-left: 0;
  }
  .p-top-safety__item-contents {
    width: calc(var(--liquid-size) * 18.75);
  }
  .p-top-safety__item-title {
    padding-bottom: calc(var(--liquid-size) * 0.75);
    font-size: calc(var(--liquid-size) * 1.125);
  }
  .p-top-safety__item-title::before {
    font-size: calc(var(--liquid-size) * 2);
  }
  .p-top-safety__item-title::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 0.0625rem;
    background: repeating-linear-gradient(to right, #fff 0, #fff 5px, transparent 5px, transparent 8px);
  }
  .p-top-safety__item-desc {
    margin-top: calc(var(--liquid-size) * 0.75);
    font-size: calc(var(--liquid-size) * 0.9375);
  }
}
.p-top-price {
  display: flex;
  justify-content: center;
  padding-block: calc(var(--liquid-size) * 5) calc(var(--liquid-size) * 2.75);
}

.p-top-price__inner {
  display: grid;
  grid-template-columns: calc(var(--liquid-size) * 41.5) minmax(0, 1fr);
  grid-template-areas: "header bag" "contents bag";
  gap: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 2.5);
  width: min(100%, var(--liquid-size) * 75);
}

.p-top-price__header {
  grid-area: header;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--liquid-size) * 2.5);
}

.p-top-price__en-title {
  height: calc(var(--liquid-size) * 7.4375);
  aspect-ratio: 307/119;
}

.p-top-price__title {
  font-size: calc(var(--liquid-size) * 1.875);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.03em;
}

.p-top-price__contents {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1);
  grid-area: contents;
}

.p-top-price__list {
  position: relative;
}
.p-top-price__list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
}

.p-top-price__item {
  display: grid;
  grid-template-columns: calc(var(--liquid-size) * 11.8125) calc(var(--liquid-size) * 8.4375) minmax(0, 1fr);
  gap: calc(var(--liquid-size) * 2.5);
  align-items: center;
  position: relative;
  padding-block: calc(var(--liquid-size) * 1.5);
  padding-inline: calc(var(--liquid-size) * 0.75);
}
.p-top-price__item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: repeating-linear-gradient(to right, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
}

.p-top-price__item-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: calc(var(--liquid-size) * 1);
  text-align: center;
  aspect-ratio: 189/56;
  background: url(../images/bg_price-label.svg) center/cover no-repeat;
  text-align: center;
  color: #f38301;
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  letter-spacing: 0.06em;
}

.p-top-price__item-price {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.25);
  color: #f38301;
}
.p-top-price__item-price .m-price {
  font-family: "Roboto", sans-serif;
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
}
.p-top-price__item-price .m-unit {
  font-size: calc(var(--liquid-size) * 1.5);
  padding-right: calc(var(--liquid-size) * 0.25);
}
.p-top-price__item-price .m-tax-inclusive {
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.06em;
}

.p-top-price__item-desc {
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.3;
  letter-spacing: 0.04em;
}

.p-top-price__notice {
  color: #f38301;
  font-size: calc(var(--liquid-size) * 1);
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: right;
}

.p-top-price__bag {
  grid-area: bag;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: calc(var(--liquid-size) * 4.75);
}

.p-top-price__bag-image {
  width: calc(var(--liquid-size) * 31);
  aspect-ratio: 496/583;
}

.p-top-price__bag-info {
  display: flex;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.5);
  position: relative;
  padding-block: calc(var(--liquid-size) * 1.1875) calc(var(--liquid-size) * 0.8125);
  padding-inline: calc(var(--liquid-size) * 1) calc(var(--liquid-size) * 1.8125);
  border-radius: calc(var(--liquid-size) * 0.3125);
  background: #eedec2;
}
.p-top-price__bag-info .m-icon {
  width: calc(var(--liquid-size) * 3);
  aspect-ratio: 1/1;
}
.p-top-price__bag-info .m-text {
  font-size: calc(var(--liquid-size) * 0.9375);
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.p-top-price__bag-info .m-bold {
  font-weight: 700;
}
.p-top-price__bag-info::before {
  content: "";
  position: absolute;
  top: calc(var(--liquid-size) * 0.5);
  left: calc(var(--liquid-size) * 0.75);
  right: calc(var(--liquid-size) * 0.6875);
  height: 0.0625rem;
  background: repeating-linear-gradient(to right, #fff 0, #fff 5px, transparent 5px, transparent 8px);
}

@media (width < 768px) {
  .p-top-price {
    padding-block: calc(var(--liquid-size) * 2.5);
  }
  .p-top-price__inner {
    display: flex;
    flex-direction: column;
    gap: calc(var(--liquid-size) * 2.5);
    width: min(100%, var(--liquid-size) * 21.875);
  }
  .p-top-price__header {
    align-items: center;
    gap: calc(var(--liquid-size) * 1.5);
  }
  .p-top-price__en-title {
    height: calc(var(--liquid-size) * 4);
  }
  .p-top-price__title {
    font-size: calc(var(--liquid-size) * 1);
  }
  .p-top-price__item {
    display: grid;
    grid-template-columns: calc(var(--liquid-size) * 11.25) calc(var(--liquid-size) * 7.625);
    gap: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 1.5);
  }
  .p-top-price__item-title {
    font-size: calc(var(--liquid-size) * 1.25);
  }
  .p-top-price__item-price .m-price {
    font-size: calc(var(--liquid-size) * 2.25);
  }
  .p-top-price__item-price .m-unit {
    font-size: calc(var(--liquid-size) * 1.3125);
  }
  .p-top-price__item-price .m-tax-inclusive {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-price__item-desc {
    grid-column: 1/-1;
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-price__notice {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-price__bag {
    margin-top: 0;
    align-items: center;
  }
  .p-top-price__bag-image {
    width: calc(var(--liquid-size) * 17.5);
    margin-block: calc(var(--liquid-size) * -2) calc(var(--liquid-size) * -0.75);
    transform: rotate(90deg);
  }
  .p-top-price__bag-info .m-icon {
    flex-shrink: 0;
    width: calc(var(--liquid-size) * 2.5);
  }
  .p-top-price__bag-info .m-text {
    font-size: calc(var(--liquid-size) * 0.875);
  }
}
.p-top-flow {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding-block: calc(var(--liquid-size) * 7.5) calc(var(--liquid-size) * 5);
  padding-left: calc(var(--liquid-size) * 10);
  overflow: hidden;
}

.p-top-flow__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 5);
  position: relative;
  width: min(100%, var(--liquid-size) * 75);
  padding-block: calc(var(--liquid-size) * 2.5) calc(var(--liquid-size) * 5);
  padding-inline: calc(var(--liquid-size) * 1.25);
  border-radius: calc(var(--liquid-size) * 1.25);
  background: #f2eee7;
}

.p-top-flow__header {
  align-self: flex-start;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(var(--liquid-size) * 2.5);
  margin-left: calc(var(--liquid-size) * 32.5);
}

.p-top-flow__en-title {
  height: calc(var(--liquid-size) * 7.4375);
  aspect-ratio: 288/119;
}

.p-top-flow__title {
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-top-flow__image {
  --left-pad: calc(50vw - calc(var(--liquid-size) * 32.5));
  position: absolute;
  top: calc(var(--liquid-size) * -5);
  left: calc(var(--left-pad) * -1);
  width: calc(var(--left-pad) + var(--liquid-size) * 30);
  height: calc(var(--liquid-size) * 23.75);
  border-radius: 0 calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 1.25) 0;
  overflow: hidden;
}
.p-top-flow__image img {
  -o-object-position: top right;
     object-position: top right;
}

.p-top-flow__main {
  width: min(100%, var(--liquid-size) * 65);
}

.p-top-flow__list {
  display: flex;
  flex-direction: column;
  gap: calc(var(--liquid-size) * 2.875);
}

.p-top-flow__item {
  display: flex;
  gap: calc(var(--liquid-size) * 4);
  position: relative;
  padding: calc(var(--liquid-size) * 2);
  border-radius: calc(var(--liquid-size) * 0.3125);
  background: #fff;
}
.p-top-flow__item:not(:last-child)::after {
  content: "";
  position: absolute;
  left: calc(var(--liquid-size) * 3);
  top: calc(100% + var(--liquid-size) * 1);
  width: calc(var(--liquid-size) * 1.375);
  aspect-ratio: 22/14;
  background: url(../images/icon_dots-down-beige.webp) center/cover no-repeat;
}

.p-top-flow__item-number {
  align-self: center;
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  color: #f38301;
  font-family: "Roboto", sans-serif;
}
.p-top-flow__item-number .m-unit {
  font-size: calc(var(--liquid-size) * 1.125);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.06em;
}
.p-top-flow__item-number .m-number {
  font-size: calc(var(--liquid-size) * 3);
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.04em;
}
.p-top-flow__item-number::after {
  content: "";
  position: absolute;
  top: calc(var(--liquid-size) * -0.4375);
  right: calc(var(--liquid-size) * -2);
  width: 0.0625rem;
  height: calc(var(--liquid-size) * 5);
  background: repeating-linear-gradient(to bottom, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
}

.p-top-flow__item-contents {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: calc(var(--liquid-size) * 1);
}

.p-top-flow__item-title {
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-flow__item-desc {
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.p-top-flow__item-buttons {
  display: flex;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-top-flow__item-button {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--liquid-size) * 0.25);
  padding-inline: calc(var(--liquid-size) * 1.5);
  height: calc(var(--liquid-size) * 2.5);
  border-radius: 100vmax;
  background: linear-gradient(135deg, #ffa031 0%, #f4ca82 43.78%, #eae192 100%);
  outline: 1px solid #fff;
  color: #fff;
  font-size: calc(var(--liquid-size) * 0.9375);
  font-weight: 700;
  text-shadow: 0 0 calc(var(--liquid-size) * 0.5) rgba(0, 0, 0, 0.11);
  transition: color 0.3s ease-in-out, background 0.3s ease-in-out, outline 0.3s ease-in-out;
}
.p-top-flow__item-button::before {
  content: "";
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 1.75);
  aspect-ratio: 1/1;
  background: center/cover no-repeat;
  filter: grayscale(100) brightness(1000);
}
.p-top-flow__item-button.m-mail::before {
  background-image: url("../images/icon_mail.svg");
}
.p-top-flow__item-button.m-tel::before {
  background-image: url("../images/icon_tel.svg");
}
@media (any-hover: hover) {
  .p-top-flow__item-button:hover {
    background: #faf9f7;
    color: #f38301;
    outline-color: #f38301;
  }
  .p-top-flow__item-button:hover::before {
    filter: none;
  }
}

@media (width < 768px) {
  .p-top-flow {
    padding-block: calc(var(--liquid-size) * 2.5);
    padding-left: 0;
  }
  .p-top-flow__inner {
    gap: calc(var(--liquid-size) * 1.5);
    width: min(100%, var(--liquid-size) * 21.875);
    padding-block: calc(var(--liquid-size) * 2.5);
  }
  .p-top-flow__header {
    align-self: center;
    align-items: center;
    gap: calc(var(--liquid-size) * 1.5);
    margin-left: 0;
  }
  .p-top-flow__en-title {
    height: calc(var(--liquid-size) * 4);
  }
  .p-top-flow__title {
    width: 100%;
    font-size: calc(var(--liquid-size) * 1.25);
  }
  .p-top-flow__image {
    --left-pad: calc(50vw - calc(var(--liquid-size) * 9.6875));
    align-self: flex-start;
    position: relative;
    top: 0;
    left: 0;
    margin-left: calc(var(--left-pad) * -1);
    width: calc(var(--left-pad) + var(--liquid-size) * 16.875);
    height: calc(var(--liquid-size) * 11.25);
    border-radius: 0 calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 1.25) 0;
    overflow: hidden;
  }
  .p-top-flow__image img {
    -o-object-position: top right;
       object-position: top right;
  }
  .p-top-flow__item {
    gap: calc(var(--liquid-size) * 1.5);
    padding: calc(var(--liquid-size) * 1);
  }
  .p-top-flow__item:not(:last-child)::after {
    left: calc(var(--liquid-size) * 1.25);
  }
  .p-top-flow__item-number {
    align-self: flex-start;
    margin-top: calc(var(--liquid-size) * 0.5);
  }
  .p-top-flow__item-number .m-unit {
    font-size: calc(var(--liquid-size) * 0.625);
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0.06em;
  }
  .p-top-flow__item-number .m-number {
    font-size: calc(var(--liquid-size) * 1.5);
  }
  .p-top-flow__item-number::after {
    top: calc(var(--liquid-size) * -0.4375);
    right: calc(var(--liquid-size) * -0.75);
    height: calc(var(--liquid-size) * 3.5);
  }
  .p-top-flow__item-title {
    font-size: calc(var(--liquid-size) * 1.125);
  }
  .p-top-flow__item-desc {
    font-size: calc(var(--liquid-size) * 0.9375);
    line-height: 1.25;
  }
  .p-top-flow__item-buttons {
    flex-flow: column;
    gap: calc(var(--liquid-size) * 0.75);
  }
  .p-top-flow__item-button {
    font-size: calc(var(--liquid-size) * 0.8125);
  }
  .p-top-flow__item-button::before {
    width: calc(var(--liquid-size) * 1.5);
  }
}
.p-top-gallery {
  height: calc(var(--liquid-size) * 24.375);
  padding-block: calc(var(--liquid-size) * 1.5);
  overflow: hidden;
}

.p-top-gallery__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
  background: #f38301;
}

.p-top-gallery__bg {
  position: absolute;
  z-index: 0;
  width: calc(var(--liquid-size) * 81.125);
  aspect-ratio: 1298/288;
}

.p-top-gallery__lists {
  position: relative;
  z-index: 5;
  width: 100%;
  height: calc(100% + var(--liquid-size) * 3);
  margin-block: calc(var(--liquid-size) * -1.5);
}

@media (width < 768px) {
  .p-top-gallery {
    height: calc(var(--liquid-size) * 16.25);
    padding-block: calc(var(--liquid-size) * 1);
  }
  .p-top-gallery__bg {
    width: calc(var(--liquid-size) * 22.5);
  }
  .p-top-gallery__lists {
    height: calc(100% + var(--liquid-size) * 2);
    margin-block: calc(var(--liquid-size) * -1);
  }
}
.p-loop-gallery {
  --base-time: 10s;
  --items: 10;
  --loop-time: calc(var(--base-time) * var(--items));
  display: flex;
  align-items: center;
  position: absolute;
  left: 0;
  animation: loop var(--loop-time) linear infinite;
}
.p-loop-gallery:nth-child(2) {
  animation-delay: calc(var(--loop-time) * -0.5);
}

.p-loop-gallery__item {
  flex-shrink: 0;
  margin-inline: calc(var(--liquid-size) * 3);
}
.p-loop-gallery__item.m-image-1 {
  width: calc(var(--liquid-size) * 24.375);
  aspect-ratio: 390/295;
}
.p-loop-gallery__item.m-image-2 {
  width: calc(var(--liquid-size) * 20.125);
  aspect-ratio: 322/243;
}
.p-loop-gallery__item.m-image-3 {
  width: calc(var(--liquid-size) * 18.4375);
  aspect-ratio: 295/390;
}
.p-loop-gallery__item.m-image-4 {
  width: calc(var(--liquid-size) * 24.375);
  aspect-ratio: 390/295;
}
.p-loop-gallery__item.m-image-5 {
  width: calc(var(--liquid-size) * 20.125);
  aspect-ratio: 322/243;
}

@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media (width < 768px) {
  .p-loop-gallery__item {
    flex-shrink: 0;
    margin-inline: calc(var(--liquid-size) * 1.5);
  }
  .p-loop-gallery__item.m-image-1 {
    width: calc(var(--liquid-size) * 16.25);
  }
  .p-loop-gallery__item.m-image-2 {
    width: calc(var(--liquid-size) * 13.4375);
  }
  .p-loop-gallery__item.m-image-3 {
    width: calc(var(--liquid-size) * 12.0625);
  }
  .p-loop-gallery__item.m-image-4 {
    width: calc(var(--liquid-size) * 16.25);
  }
  .p-loop-gallery__item.m-image-5 {
    width: calc(var(--liquid-size) * 13.4375);
  }
}
.p-top-voice {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  padding-block: calc(var(--liquid-size) * 5) calc(var(--liquid-size) * 7.5);
  overflow: hidden;
}
.p-top-voice::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -10;
  width: calc(var(--liquid-size) * 125);
  height: calc(var(--liquid-size) * 75);
  bottom: calc(var(--liquid-size) * -37.5);
  border-radius: 50%;
  background: linear-gradient(135deg, #ffaa47 0%, #f3d7a8 43.78%, #e7e6c8 100%);
  filter: blur(calc(var(--liquid-size) * 2.5));
}

.p-top-voice__inner {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: calc(var(--liquid-size) * 2.5);
  width: min(100%, var(--liquid-size) * 75);
}

.p-top-voice__en-title {
  height: calc(var(--liquid-size) * 7.4375);
  aspect-ratio: 314/119;
}

.p-top-voice__header {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-top-voice__title {
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-voice__lead {
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-top-voice__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: calc(var(--liquid-size) * 1.5);
  width: 100%;
  margin-top: calc(var(--liquid-size) * 1.5);
}

.p-top-voice__card {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: calc(var(--liquid-size) * 0.3125);
  background: #faf9f7;
  padding: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 2) 0;
}
.p-top-voice__card::before {
  content: "";
  align-self: center;
  display: block;
  position: absolute;
  z-index: -10;
  bottom: calc(var(--liquid-size) * 4);
  width: calc(var(--liquid-size) * 42.5);
  aspect-ratio: 68/37;
  border-radius: 50%;
  background: #fff;
}

.p-top-voice__card-contents {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1);
}

.p-top-voice__card-title {
  color: #f38301;
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-top-voice__card-desc {
  font-size: calc(var(--liquid-size) * 1);
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.p-top-voice__card-user {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.p-top-voice__card-user-name {
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: calc(var(--liquid-size) * 1.625);
}

.p-top-voice__card-user-icon {
  display: inline-block;
  width: calc(var(--liquid-size) * 6);
  aspect-ratio: 1/1;
}

@media (width < 768px) {
  .p-top-voice {
    padding-block: calc(var(--liquid-size) * 2.5) calc(var(--liquid-size) * 3.75);
  }
  .p-top-voice::before {
    width: calc(var(--liquid-size) * 125);
    height: calc(var(--liquid-size) * 112.5);
    bottom: calc(var(--liquid-size) * -37.5);
  }
  .p-top-voice__inner {
    gap: calc(var(--liquid-size) * 1.5);
    width: min(100%, var(--liquid-size) * 21.875);
  }
  .p-top-voice__en-title {
    height: calc(var(--liquid-size) * 4);
  }
  .p-top-voice__header {
    gap: calc(var(--liquid-size) * 1);
  }
  .p-top-voice__title {
    font-size: calc(var(--liquid-size) * 1.5);
  }
  .p-top-voice__lead {
    font-size: calc(var(--liquid-size) * 1);
  }
  .p-top-voice__list {
    display: flex;
    flex-flow: column;
    gap: calc(var(--liquid-size) * 2);
  }
  .p-top-voice__card {
    padding: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 1.5) 0;
  }
  .p-top-voice__card::before {
    width: calc(var(--liquid-size) * 48.75);
    bottom: calc(var(--liquid-size) * 3);
    border-radius: 50%;
    background: #fff;
  }
  .p-top-voice__card-title {
    font-size: calc(var(--liquid-size) * 1.125);
  }
  .p-top-voice__card-desc {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-voice__card-user-name {
    font-size: calc(var(--liquid-size) * 0.9375);
    margin-bottom: calc(var(--liquid-size) * 1.125);
  }
  .p-top-voice__card-user-icon {
    width: calc(var(--liquid-size) * 5);
  }
}
.p-top-faq {
  display: flex;
  flex-flow: column;
  align-items: center;
  width: 100%;
}

.p-top-faq__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) calc(var(--liquid-size) * 42.5);
  gap: calc(var(--liquid-size) * 2.5);
  width: min(100%, var(--liquid-size) * 75);
  padding-block: calc(var(--liquid-size) * 2.5) calc(var(--liquid-size) * 5);
}

.p-top-faq__en-title {
  grid-column: 1/-1;
  height: calc(var(--liquid-size) * 7.4375);
  aspect-ratio: 199/119;
}

.p-top-faq__title {
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-faq__items {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.5);
  width: 100%;
}

@media (width < 768px) {
  .p-top-faq__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--liquid-size) * 1.5);
    width: min(100%, var(--liquid-size) * 21.875);
    padding-block: calc(var(--liquid-size) * 2.5) calc(var(--liquid-size) * 2.5);
  }
  .p-top-faq__en-title {
    height: calc(var(--liquid-size) * 4);
  }
  .p-top-faq__title {
    font-size: calc(var(--liquid-size) * 1.5);
  }
  .p-top-faq__items {
    margin-top: calc(var(--liquid-size) * 1);
  }
}
.p-top-company {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-bottom: calc(var(--liquid-size) * 5);
  background: #faf9f7;
}

.p-top-company__image {
  z-index: 0;
  width: 100%;
  height: calc(var(--liquid-size) * 50);
}

.p-top-company__inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 5);
  position: relative;
  z-index: 5;
  width: min(100%, var(--liquid-size) * 90);
  background: #faf9f7;
}
.p-top-company__inner::before {
  content: "";
  position: absolute;
  z-index: -10;
  top: 0;
  left: calc((50vw - 50%) * -1);
  right: calc((50vw - 50%) * -1);
  height: 100%;
  pointer-events: none;
}

.p-top-company__header {
  --left-pad: calc((50vw - 50%));
  align-self: flex-start;
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1.25);
  margin-top: calc(var(--liquid-size) * -2.5);
  margin-left: calc(var(--left-pad) * -1);
  padding-block: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 3.5);
  padding-inline: calc(var(--liquid-size) * 7.5 + var(--left-pad)) calc(var(--liquid-size) * 5);
  border-radius: 0 calc(var(--liquid-size) * 1.25) calc(var(--liquid-size) * 1.25) 0;
  background: #f38301;
  color: #fff;
}

.p-top-company__en-title {
  height: calc(var(--liquid-size) * 7.4375);
  aspect-ratio: 512/119;
}

.p-top-company__title {
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-company__info {
  display: flex;
  flex-flow: column;
  width: min(100%, var(--liquid-size) * 56.25);
}

.p-top-company__info-item {
  display: grid;
  grid-template-columns: calc(var(--liquid-size) * 9.375) minmax(0, 1fr);
  width: 100%;
  font-size: calc(var(--liquid-size) * 1);
  letter-spacing: 0.04em;
}

.p-top-company__info-term {
  display: flex;
  align-items: center;
  padding: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 0.5);
  border-top: 1px solid #f38301;
  font-weight: 700;
}
.p-top-company__info-item:last-child .p-top-company__info-term {
  border-bottom: 1px solid #f38301;
}

.p-top-company__info-desc {
  padding: calc(var(--liquid-size) * 1.5);
  border-top: 1px dashed #f38301;
  font-weight: 400;
  line-height: 1.4;
}
.p-top-company__info-item:last-child .p-top-company__info-desc {
  border-bottom: 1px dashed #f38301;
}

.p-top-company__staff {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 0;
  width: min(100%, var(--liquid-size) * 75);
}

.p-top-company__staff-message {
  display: grid;
  place-items: center;
  position: relative;
  z-index: -10;
  width: min(100%, var(--liquid-size) * 36.25);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
  color: #f38301;
  font-size: calc(var(--liquid-size) * 3);
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.08em;
  text-align: center;
  clip-path: circle(100%);
  transition: clip-path 1.6s 0.4s ease-out;
}
.p-top-company__staff-message.is-hidden {
  clip-path: circle(0);
}

.p-top-company__staff-card {
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 0.25);
  position: absolute;
  top: calc(var(--liquid-size) * 3.125);
}
.p-top-company__staff-card:first-of-type {
  left: 0;
}
.p-top-company__staff-card:last-of-type {
  right: 0;
  text-align: right;
}

.p-top-company__staff-image {
  width: calc(var(--liquid-size) * 24.0625);
  aspect-ratio: 385/480;
}

.p-top-company__staff-position {
  font-size: calc(var(--liquid-size) * 0.75);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.p-top-company__staff-name {
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: 0.04em;
}

.p-top-company__qualification {
  display: flex;
  gap: calc(var(--liquid-size) * 2.5);
  justify-content: center;
  align-items: center;
  width: min(var(--liquid-size) * 65, 100%);
  padding: calc(var(--liquid-size) * 2.5) calc(var(--liquid-size) * 5);
  border-radius: calc(var(--liquid-size) * 0.625);
  background: #fff;
  border: 1px dashed #f38301;
}

.p-top-company__qualification__image {
  flex-shrink: 0;
  width: calc(var(--liquid-size) * 15.125);
  aspect-ratio: 121/90;
}

.p-top-company__qualification__contents {
  flex-grow: 1;
  display: flex;
  flex-flow: column;
  gap: calc(var(--liquid-size) * 1.5);
}

.p-top-company__qualification__title {
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-company__qualification__desc {
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

@media (width < 768px) {
  .p-top-company {
    padding-bottom: calc(var(--liquid-size) * 2.5);
  }
  .p-top-company__image {
    height: calc(var(--liquid-size) * 25);
  }
  .p-top-company__inner {
    gap: calc(var(--liquid-size) * 3.5);
    width: min(100%, var(--liquid-size) * 25);
  }
  .p-top-company__header {
    gap: calc(var(--liquid-size) * 0.5);
    margin-top: calc(var(--liquid-size) * -2.5);
    padding-block: calc(var(--liquid-size) * 1.5) calc(var(--liquid-size) * 2);
    padding-inline: calc(var(--left-pad) + var(--liquid-size) * 2) calc(var(--liquid-size) * 2);
  }
  .p-top-company__en-title {
    height: calc(var(--liquid-size) * 4);
  }
  .p-top-company__title {
    font-size: calc(var(--liquid-size) * 1.25);
  }
  .p-top-company__info {
    width: min(100%, var(--liquid-size) * 21.875);
  }
  .p-top-company__info-item {
    grid-template-columns: calc(var(--liquid-size) * 6.25) minmax(0, 1fr);
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-company__info-term {
    padding: calc(var(--liquid-size) * 1) calc(var(--liquid-size) * 0.5);
  }
  .p-top-company__info-desc {
    padding: calc(var(--liquid-size) * 1);
    padding-inline: calc(var(--liquid-size) * 0.75) calc(var(--liquid-size) * 0.5);
  }
  .p-top-company__staff {
    flex-flow: column;
    align-items: center;
    gap: calc(var(--liquid-size) * 1);
  }
  .p-top-company__staff-message {
    align-items: start;
    padding-top: calc(var(--liquid-size) * 5);
    width: min(100%, var(--liquid-size) * 22.5);
    margin-bottom: calc(var(--liquid-size) * -12);
    font-size: calc(var(--liquid-size) * 2);
  }
  .p-top-company__staff-card {
    position: relative;
  }
  .p-top-company__staff-card:last-of-type {
    text-align: left;
  }
  .p-top-company__staff-image {
    width: calc(var(--liquid-size) * 22.5);
    aspect-ratio: 32/21;
    border-radius: calc(var(--liquid-size) * 0.625);
    overflow: hidden;
  }
  .p-top-company__qualification {
    display: flex;
    flex-flow: column;
    gap: calc(var(--liquid-size) * 1.25);
    align-items: center;
    width: min(var(--liquid-size) * 22.5, 100%);
    padding: calc(var(--liquid-size) * 2) calc(var(--liquid-size) * 1.5);
  }
  .p-top-company__qualification__image {
    flex-shrink: 0;
    width: calc(var(--liquid-size) * 15.125);
    aspect-ratio: 121/90;
  }
  .p-top-company__qualification__title {
    font-size: calc(var(--liquid-size) * 1.125);
    text-align: center;
  }
  .p-top-company__qualification__desc {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
}
.p-top-contact {
  display: flex;
  flex-flow: column;
  align-items: center;
  background: #faf9f7;
  padding-block: calc(var(--liquid-size) * 4) calc(var(--liquid-size) * 5);
  padding-inline: calc(var(--liquid-size) * 1.25);
}

.p-top-contact__inner {
  display: flex;
  flex-flow: column;
  align-items: center;
  position: relative;
  gap: calc(var(--liquid-size) * 5);
  width: min(100%, var(--liquid-size) * 65);
}

.p-top-contact__header {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 1.25);
}

.p-top-contact__en-title {
  height: calc(var(--liquid-size) * 7.4375);
  aspect-ratio: 477/119;
}

.p-top-contact__title {
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.04em;
}

.p-top-contact__lead {
  margin-top: calc(var(--liquid-size) * 1.25);
  font-size: calc(var(--liquid-size) * 1.125);
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.p-top-contact__tel-info {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(var(--liquid-size) * 3.5);
  width: 100%;
  padding: calc(var(--liquid-size) * 2.5);
  border-radius: calc(var(--liquid-size) * 1.25);
  background: #fff;
}

.p-top-contact__tel-title {
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.p-top-contact__tel-number {
  display: flex;
  gap: calc(var(--liquid-size) * 1);
  position: relative;
  color: #f38301;
  font-size: calc(var(--liquid-size) * 2.5);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.03em;
}
.p-top-contact__tel-number::before {
  content: "";
  width: calc(var(--liquid-size) * 2.5);
  aspect-ratio: 1/1;
  background: url(../images/icon_tel-fill.svg) no-repeat center/cover;
}
.p-top-contact__tel-number::after {
  content: "";
  position: absolute;
  bottom: calc(var(--liquid-size) * -0.25);
  width: 100%;
  height: 1px;
  opacity: 0;
  background: repeating-linear-gradient(to right, #f38301 0, #f38301 5px, transparent 5px, transparent 8px);
  transition: opacity 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .p-top-contact__tel-number:hover::after {
    opacity: 1;
  }
}

.p-top-contact__tel-desc {
  font-size: calc(var(--liquid-size) * 1);
  line-height: 1.4;
  letter-spacing: 0.06em;
}

.p-top-contact__form {
  width: min(100%, var(--liquid-size) * 55);
}

.p-top-contact__complete {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 1.5);
  position: absolute;
  bottom: calc(var(--liquid-size) * 3);
  width: min(100%, var(--liquid-size) * 40);
  padding: calc(var(--liquid-size) * 3) calc(var(--liquid-size) * 1.5);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-radius: calc(var(--liquid-size) * 1);
  background: #fff;
  border: 1px solid #f0d4a3;
  transition: opacity 0.6s ease-in-out, visibility 0.6s ease-in-out;
}
.p-top-contact__complete.is-show {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.p-top-contact__complete-close {
  display: flex;
  align-items: center;
  position: absolute;
  top: calc(var(--liquid-size) * 0.75);
  right: calc(var(--liquid-size) * 1);
  width: calc(var(--liquid-size) * 1.5);
  height: calc(var(--liquid-size) * 2);
  aspect-ratio: 1/1;
  color: #413b32;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.p-top-contact__complete-close::before, .p-top-contact__complete-close::after {
  content: "";
  position: absolute;
  width: calc(var(--liquid-size) * 1.25);
  height: calc(var(--liquid-size) * 0.125);
  background: currentColor;
  transform-origin: center;
}
.p-top-contact__complete-close::before {
  transform: rotate(45deg);
}
.p-top-contact__complete-close::after {
  transform: rotate(-45deg);
}
@media (any-hover: hover) {
  .p-top-contact__complete-close:hover {
    color: #f38301;
  }
}

.p-top-contact__complete-title {
  font-size: calc(var(--liquid-size) * 1.5);
  font-weight: 700;
  letter-spacing: 0.04em;
}

.p-top-contact__complete-texts {
  display: flex;
  flex-flow: column;
  width: 100%;
  font-size: calc(var(--liquid-size) * 1);
  line-height: 1.4;
}

@media (width < 768px) {
  .p-top-contact__inner {
    gap: calc(var(--liquid-size) * 2.5);
    width: min(100%, var(--liquid-size) * 21.875);
  }
  .p-top-contact__header {
    gap: calc(var(--liquid-size) * 0.75);
  }
  .p-top-contact__en-title {
    height: calc(var(--liquid-size) * 4);
  }
  .p-top-contact__title {
    font-size: calc(var(--liquid-size) * 1.5);
  }
  .p-top-contact__lead {
    margin-top: calc(var(--liquid-size) * 0.75);
    font-size: calc(var(--liquid-size) * 0.9375);
  }
  .p-top-contact__tel-info {
    flex-flow: column;
    gap: calc(var(--liquid-size) * 1);
    width: 100%;
    padding: calc(var(--liquid-size) * 1.5);
  }
  .p-top-contact__tel-title {
    font-size: calc(var(--liquid-size) * 1.125);
  }
  .p-top-contact__tel-number {
    color: #f38301;
    font-size: calc(var(--liquid-size) * 2);
  }
  .p-top-contact__tel-number::before {
    width: calc(var(--liquid-size) * 2);
  }
  .p-top-contact__tel-desc {
    font-size: calc(var(--liquid-size) * 0.9375);
  }
}
.p-loading-screen {
  position: fixed;
  left: 0;
  right: 0;
  height: 100dvh;
  z-index: 100;
  background: #f38301;
  -webkit-mask-image: linear-gradient(#000, #000), radial-gradient(circle at center, black 0% 50%, transparent 50%);
          mask-image: linear-gradient(#000, #000), radial-gradient(circle at center, black 0% 50%, transparent 50%);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: 0 0, center center;
          mask-position: 0 0, center center;
  -webkit-mask-size: 100% 100%, 0 0;
          mask-size: 100% 100%, 0 0;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.p-loading-screen.is-loaded {
  animation: loaded 1.4s ease-out forwards;
}

@keyframes loaded {
  0% {
    -webkit-mask-size: 100% 100%, 0 0;
            mask-size: 100% 100%, 0 0;
    visibility: hidden;
    pointer-events: none;
  }
  99% {
    -webkit-mask-size: 100% 100%, 300% 300%;
            mask-size: 100% 100%, 300% 300%;
    visibility: visible;
    z-index: 100;
  }
  100% {
    -webkit-mask-size: 100% 100%, 300% 300%;
            mask-size: 100% 100%, 300% 300%;
    z-index: -100;
    visibility: hidden;
    pointer-events: none;
  }
}
.p-privacy {
  display: flex;
  flex-flow: column;
  align-items: center;
  gap: calc(var(--liquid-size) * 2);
  width: 100%;
  padding-block: calc(var(--liquid-size) * 7.5) calc(var(--liquid-size) * 5);
  padding-inline: calc(var(--liquid-size) * 1.25);
}

.p-privacy__inner {
  align-self: center;
  display: flex;
  flex-flow: column;
  width: min(100%, var(--liquid-size) * 62.5);
}
.p-privacy__inner h2 {
  font-size: calc(var(--liquid-size) * 1.25);
  font-weight: 700;
  line-height: 1.4;
  margin-top: calc(var(--liquid-size) * 1.5);
}
.p-privacy__inner h2:first-of-type {
  margin-top: calc(var(--liquid-size) * 3.125);
}
.p-privacy__inner p {
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 400;
  line-height: 1.6;
}
.p-privacy__inner p:not(:first-of-type) {
  margin-top: calc(var(--liquid-size) * 0.875);
}
.p-privacy__inner p:last-of-type {
  margin-top: calc(var(--liquid-size) * 2.5);
}
.p-privacy__inner ul {
  display: flex;
  flex-direction: column;
  gap: calc(var(--liquid-size) * 0.5);
  margin-block: calc(var(--liquid-size) * 0.75);
  padding-left: calc(var(--liquid-size) * 1);
}
.p-privacy__inner li {
  display: flex;
  gap: calc(var(--liquid-size) * 0.25);
  font-size: calc(var(--liquid-size) * 1);
  font-weight: 400;
  line-height: 1.6;
}
.p-privacy__inner li::before {
  content: "•";
  display: inline-block;
}
.p-privacy__inner a {
  color: #42aadc;
  text-decoration: underline;
  transition: background 0.3s ease-in-out;
}
@media (any-hover: hover) {
  .p-privacy__inner a:hover {
    background: #faf9f7;
  }
}

.p-privacy__title {
  width: min(100%, var(--liquid-size) * 62.5);
  font-size: calc(var(--liquid-size) * 2);
  font-weight: 700;
  letter-spacing: 0.04em;
}

@media (width < 768px) {
  .p-privacy {
    padding-block: calc(var(--liquid-size) * 6.25) calc(var(--liquid-size) * 5);
  }
  .p-privacy__inner {
    width: min(100%, var(--liquid-size) * 22.5);
  }
  .p-privacy__inner h2 {
    font-size: calc(var(--liquid-size) * 1.125);
  }
  .p-privacy__inner ul {
    padding-left: 0;
  }
  .p-privacy__title {
    width: min(100%, var(--liquid-size) * 22.5);
    font-size: calc(var(--liquid-size) * 1.5);
  }
}