@charset "UTF-8";
* {
  box-sizing: border-box;
}
::before,
::after {
  box-sizing: inherit;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
body {
  margin: 0;
}
main {
  display: block;
}
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border: 0;
  border-top: 1px solid;
  margin: 0;
  clear: both;
  color: inherit;
}
pre {
  font-family: monospace;
  font-size: inherit;
}
address {
  font-style: inherit;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace;
  font-size: inherit;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
  vertical-align: bottom;
}
embed,
object,
iframe {
  border: 0;
  vertical-align: bottom;
}
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
}
[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
option {
  padding: 0;
}
fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  min-width: 0;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type=checkbox],
[type=radio] {
  padding: 0;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
label[for] {
  cursor: pointer;
}
details {
  display: block;
}
summary {
  display: list-item;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  text-align: left;
}
td,
th {
  vertical-align: top;
  padding: 0;
}
th {
  text-align: left;
  font-weight: bold;
}
template {
  display: none;
}
[hidden] {
  display: none !important;
}
html {
  --color-black-100: #4a3528;
  --color-cream-100: #F4F2F0;
  --color-gray-100: #CDCBCA;
  --color-gray-200: rgb(230,228,224);
  --color-white-100: #ffffff;
  --color-marron-100: #937D70;
  --color-marron-200: #BBA89A;
  --color-marron-300: rgb(161,134,121);
  --color-marron-400: #927460;
  --color-marron-500: #A28B7E;
  --color-green-100: #99A598;
  --color-sample-image: radial-gradient(202.23% 349.39% at 0% 100%, #937D70 0%, #E2E0DC 100%);
  --color-black-100-rgb: 74, 53, 40;
  --color-cream-100-rgb: 244, 242, 240;
  --color-gray-100-rgb: 205, 203, 202;
  --color-gray-200-rgb: 226, 224, 220;
  --color-white-100-rgb: 255, 255, 255;
  --color-marron-100-rgb: 147, 125, 112;
  --color-marron-200-rgb: 290, 190, 180;
  --color-marron-300-rgb: 144, 115, 101;
  --color-marron-400-rgb: 146, 116, 96;
  --color-green-100-rgb: 153, 165, 152;
  --select-fill-color: var(--color-black-100);
  --select-text-color: var(--color-white-100);
}
:root {
  --margin-1: 40rem;
  --margin-2: 60rem;
  --margin-3: 108rem;
  --margin-4: 158rem;
  --margin-5: 238rem;
}
@media (max-width: 992px) {
  :root {
    --margin-1: 8rem;
    --margin-2: 14rem;
    --margin-3: 28rem;
    --margin-4: 42rem;
  }
}
html {
  min-height: 100%;
  font-feature-settings: "palt" 1;
  font-size: calc(100 / var(--base-vw) * 1 * 1vw);
  --max-width: 1580px;
}
@media (min-width: 993px) {
  html {
    --base-vw: 1440;
  }
}
@media (max-width: 992px) {
  html {
    --base-vw: 992;
  }
}
@media (max-width: 750px) {
  html {
    --base-vw: 390;
  }
}
html, body {
  max-width: 100vw;
  color: var(--color-black-100);
}
html ::selection, body ::selection {
  background: var(--select-fill-color);
  color: var(--select-text-color);
}
html ::-moz-selection, body ::-moz-selection {
  background: var(--select-fill-color);
  color: var(--select-text-color);
}
body {
  color: var(--color-black-100);
  background: var(--color-cream-100);
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
}
span, div {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  letter-spacing: inherit;
}
img {
  object-fit: cover;
  pointer-events: none;
  touch-callout: none;
  user-select: none;
  user-drag: none;
  border-radius: inherit;
  width: inherit;
  height: inherit;
}
svg {
  width: inherit;
  height: inherit;
}
video {
  max-width: 100vw;
  object-fit: cover;
}
picture {
  display: block;
}
picture source, picture img {
  width: 100%;
  height: 100%;
}
a {
  cursor: pointer;
  line-height: 1;
}
a > * {
  pointer-events: none;
}
p {
  text-align: justify;
}
button {
  position: relative;
  width: fit-content;
}
button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: calc(100% + 22px);
  width: calc(100% + 22px);
}
section {
  width: 100vw;
}
.p-index {
  min-height: 100vh;
  position: relative;
  max-width: 100vw;
  overflow-x: hidden;
  background: var(--color-cream-100);
}
[hidden] {
  display: none !important;
}
[no-scroll] {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  overscroll-behavior: none;
}
@media (max-width: 750px) {
  [pc-only] {
    display: none !important;
  }
}
@media (min-width: 993px) {
  [pc-sm-only] {
    display: none !important;
  }
}
@media (max-width: 1580px) {
  [lg-over-only] {
    display: none !important;
  }
}
@media (min-width: 751px) {
  [sp-only] {
    display: none !important;
  }
}
.gs-dev-tools {
  z-index: 9999;
}
.gs-dev-tools svg {
  pointer-events: auto;
}
html[low-battery] [low-battery-hide] {
  display: none !important;
}
html:not([low-battery]) [low-battery-show] {
  display: none !important;
}
html.lenis {
  height: auto;
}
.lenis.lenis-smooth {
  scroll-behavior: auto;
}
.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}
.lenis.lenis-stopped {
  overflow: hidden;
}
.lenis.lenis-scrolling iframe {
  pointer-events: none;
}
.base-header {
  position: relative;
  z-index: 100;
  width: 100%;
}
.base-header .base-header__logo {
  width: 158rem;
  position: fixed;
  top: 33.5rem;
  left: var(--margin-1);
}
.base-header .base-header__logo svg {
  width: 100%;
  height: 100%;
  display: inline-block;
}
@media (max-width: 750px) {
  .base-header .base-header__logo {
    width: 102rem;
    top: 22rem;
    position: absolute;
  }
}
.base-header .base-header__nav {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  --gap: 28rem;
  flex-direction: row;
  gap: var(--gap);
  position: fixed;
  top: 60rem;
  right: var(--margin-1);
}
@supports not (aspect-ratio: 16/9) {
  .base-header .base-header__nav {
    gap: 0px;
  }
  .base-header .base-header__nav > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  .base-header .base-header__nav {
    gap: 0px;
  }
  .base-header .base-header__nav > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
.base-header .base-header__logo svg {
  transform-origin: top left;
}
.base-header .base-header__logo svg path {
  transition: fill 0.3s ease;
}
.base-header .base-header__nav {
  transition: transform 0.6s ease;
}
.base-header .base-header__nav__item {
  transition: color 0.3s ease;
}
.base-header .base-header__logo svg[move] {
  transform: translate(var(--move-x), var(--move-y)) scale(var(--move-scale));
}
.base-header[white] .base-header__logo svg path {
  fill: var(--color-white-100);
}
.base-header[white] .base-header__nav__item {
  color: var(--color-white-100);
}
.base-header[white] [simple-hover] {
  --color: var(--color-white-100);
}
.base-header[menu-hide] .base-header__nav {
  transform: translateY(-100rem);
}
.parts-scroll {
  position: absolute;
  z-index: 2;
  top: 166rem;
  right: var(--margin-1);
  --parent-height: 158rem;
  --child-height: 10rem;
}
@media (min-width: 751px) {
  .parts-scroll {
    display: flex;
    --gap: 18rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    .parts-scroll {
      gap: 0px;
    }
    .parts-scroll > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  .parts-scroll {
    gap: 0px;
  }
  .parts-scroll > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  .parts-scroll {
    top: 450rem;
    display: flex;
    --gap: 16rem;
    flex-direction: column-reverse;
    gap: var(--gap);
    align-items: center;
  }
  @supports not (aspect-ratio: 16/9) {
    .parts-scroll {
      gap: 0px;
    }
    .parts-scroll > *:not(:first-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  .parts-scroll {
    gap: 0px;
  }
  .parts-scroll > *:not(:first-child) {
    margin-bottom: var(--gap);
  }
}
.parts-scroll .parts-scroll__text {
  font-size: 10rem;
  font-family: signo, sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-100);
  overflow: hidden;
  width: fit-content;
  height: fit-content;
}
.parts-scroll .parts-scroll__text span {
  display: inline-block;
}
@media (max-width: 750px) {
  .parts-scroll .parts-scroll__text span {
    writing-mode: vertical-rl;
  }
}
.parts-scroll .parts-scroll__bar {
  width: 1px;
  height: var(--parent-height);
  background-color: rgba(var(--color-marron-100-rgb), 0.2);
  overflow: hidden;
}
.parts-scroll .parts-scroll__bar-child {
  width: 100%;
  height: 100%;
  background: var(--color-marron-100);
  height: var(--child-height);
}
.parts-scroll {
  transition: all 1.2s ease;
  clip-path: inset(0% 0 0% 0);
}
.parts-scroll[animation-start] .parts-scroll__text span {
  animation: scrollbar-text 4s ease infinite;
}
.parts-scroll[animation-start] .parts-scroll__bar-child {
  animation: scrollbar-child 4s ease infinite;
}
@keyframes scrollbar-child {
  0% {
    transform: translateY(0rem);
  }
  20% {
    height: calc(var(--child-height) + 50rem);
  }
  90% {
    height: var(--child-height);
    transform: translateY(calc(var(--parent-height) + var(--child-height)));
  }
  90.01% {
    transform: translateY(calc(-1 * var(--child-height)));
  }
  100% {
    transform: translateY(0rem);
  }
}
@keyframes scrollbar-text {
  70% {
    transform: translateY(0%);
  }
  80% {
    transform: translateY(100%);
  }
  80.01% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0%);
  }
}
[first-leave] .parts-scroll {
  clip-path: inset(0% 0 100% 0);
}
.base-cta {
  position: fixed;
  bottom: 8rem;
  right: 5rem;
  z-index: 100;
  display: flex;
  --gap: 6rem;
  flex-direction: row;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  .base-cta {
    gap: 0px;
  }
  .base-cta > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  .base-cta {
    gap: 0px;
  }
  .base-cta > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  .base-cta {
    --gap: 0rem;
    width: 100vw;
    padding-left: var(--margin-1);
    padding-right: var(--margin-1);
    right: 0;
  }
}
.base-cta .base-cta__button {
  width: 181rem;
  height: 68rem;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white-100);
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  background: var(--color);
  border-radius: 4rem;
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 2px 2px 4px rgba(0, 0, 0, 0.16);
}
.base-cta .base-cta__button::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: inherit;
  background: linear-gradient(143.27deg, var(--color) 12.29%, rgba(146, 116, 96, 0) 85.04%);
  opacity: 0.3;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.91);
  z-index: 0;
}
.base-cta .base-cta__button span {
  position: relative;
  z-index: 1;
}
.base-cta .base-cta__button:nth-child(1) {
  --color: var(--color-marron-500);
  border-bottom-left-radius: 25rem;
}
.base-cta .base-cta__button:nth-child(2) {
  --color: #99A598;
  border-top-right-radius: 25rem;
}
@media (max-width: 750px) {
  .base-cta .base-cta__button {
    height: 51rem;
    width: 100%;
    flex: 1;
  }
}
@media (min-width: 751px) {
  .base-cta .base-cta__button {
    width: 250rem;
    height: 80rem;
    font-size: 16rem;
  }
}
.base-cta .base-cta__button:after, .base-cta .base-cta__button span {
  transition: opacity 0.5s ease;
}
.base-cta .base-cta__button:hover:after {
  opacity: 0;
}
.base-cta .base-cta__button:hover span {
  opacity: 0.2;
}
.parts-title {
  margin-left: auto;
  margin-right: auto;
  display: flex;
  --gap: 16rem;
  flex-direction: column;
  gap: var(--gap);
  align-items: center;
}
@supports not (aspect-ratio: 16/9) {
  .parts-title {
    gap: 0px;
  }
  .parts-title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  .parts-title {
    gap: 0px;
  }
  .parts-title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  .parts-title {
    --gap: 13rem;
  }
}
.parts-title .parts-title__main, .parts-title .parts-title__sub {
  width: fit-content;
  display: inline-block;
  line-height: 1;
}
.parts-title .parts-title__main {
  font-size: 65rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  .parts-title .parts-title__main {
    font-size: 40rem;
    text-align: center;
  }
}
.parts-title .parts-title__sub {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  .parts-title .parts-title__sub {
    font-size: 14rem;
    text-align: center;
  }
}
.parts-arrow-link {
  display: flex;
  --gap: 28rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  width: fit-content;
}
@supports not (aspect-ratio: 16/9) {
  .parts-arrow-link {
    gap: 0px;
  }
  .parts-arrow-link > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  .parts-arrow-link {
    gap: 0px;
  }
  .parts-arrow-link > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  .parts-arrow-link {
    font-size: 12rem;
    --gap: 21rem;
  }
}
.parts-arrow-link .parts-arrow-link__circle {
  width: 46rem;
  height: 46rem;
  border-radius: 100rem;
  background: var(--color-black-100);
  display: flex;
  justify-content: center;
  align-items: center;
}
.parts-arrow-link .parts-arrow-link__circle svg {
  width: 24rem;
  height: auto;
}
.parts-arrow-link span {
  transition: opacity 0.5s ease;
}
.parts-arrow-link .parts-arrow-link__circle {
  transition: transform 0.5s ease;
}
.parts-arrow-link .parts-arrow-link__circle svg {
  transition: transform 0.5s ease;
}
.parts-arrow-link:hover span {
  opacity: 0.7;
}
.parts-arrow-link:hover .parts-arrow-link__circle {
  transform: scale(1.2);
}
.parts-arrow-link:hover .parts-arrow-link__circle svg {
  transform: scale(0.7);
}
section.base-vision {
  height: 100vh;
  width: 100vw;
  position: relative;
  color: var(--color-white-100);
  z-index: 2;
  overflow: hidden;
}
@media (max-width: 750px) {
  section.base-vision {
    height: 740rem;
  }
}
section.base-vision .base-vision__cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.494) 100%);
  opacity: 0.74;
}
section.base-vision .base-vision__back {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 100%;
  width: 100%;
  background: var(--color-sample-image);
  z-index: -1;
}
section.base-vision .parts-title {
  align-items: flex-end;
  padding-top: 29rem;
  --gap: 0rem;
}
@media (min-width: 751px) {
  section.base-vision .parts-title {
    padding-right: var(--margin-1);
  }
}
@media (max-width: 750px) {
  section.base-vision .parts-title {
    padding-top: 13rem;
  }
}
section.base-vision .parts-title .parts-title__main {
  font-size: 170rem;
}
@media (max-width: 750px) {
  section.base-vision .parts-title .parts-title__main {
    font-size: 82rem;
  }
}
section.base-vision .parts-title .parts-title__sub {
  font-size: 14rem;
}
@media (max-width: 750px) {
  section.base-vision .parts-title .parts-title__sub {
    font-size: 12rem;
  }
}
section.base-vision .base-vision__bottom {
  padding-left: var(--margin-2);
  padding-right: var(--margin-2);
  position: absolute;
  bottom: 76rem;
  width: 100vw;
}
@media (min-width: 751px) {
  section.base-vision .base-vision__bottom {
    display: flex;
    --gap: 120rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    section.base-vision .base-vision__bottom {
      gap: 0px;
    }
    section.base-vision .base-vision__bottom > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  section.base-vision .base-vision__bottom {
    gap: 0px;
  }
  section.base-vision .base-vision__bottom > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  section.base-vision .base-vision__bottom {
    bottom: 37rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
section.base-vision .base-vision__message {
  max-width: 616rem;
  width: 100%;
  font-size: 35rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media (max-width: 750px) {
  section.base-vision .base-vision__message {
    font-size: 12rem;
    display: none;
  }
}
section.base-vision .base-vision__description {
  flex: 1;
  display: flex;
  --gap: 33rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  section.base-vision .base-vision__description {
    gap: 0px;
  }
  section.base-vision .base-vision__description > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  section.base-vision .base-vision__description {
    gap: 0px;
  }
  section.base-vision .base-vision__description > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  section.base-vision .base-vision__description {
    --gap: 19rem;
    margin-top: 72rem;
  }
}
section.base-vision .base-vision__description__main {
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
@media (max-width: 750px) {
  section.base-vision .base-vision__description__main {
    font-size: 16rem;
  }
}
section.base-vision .base-vision__description__sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
@media (max-width: 750px) {
  section.base-vision .base-vision__description__sub {
    font-size: 11rem;
    line-height: 1.83;
  }
  section.base-vision .base-vision__description__sub div {
    white-space: nowrap;
  }
}
.base-partner {
  padding-top: 120rem;
  position: relative;
}
@media (max-width: 750px) {
  .base-partner {
    padding-top: 50rem;
  }
}
.base-partner .base-partner__refill {
  position: absolute;
  width: calc(100vw - var(--margin-4) - 120rem);
  height: auto;
  top: -470rem;
  z-index: 3;
  transform: rotate(-3deg);
  transform-origin: center center;
}
@media (max-width: 750px) {
  .base-partner .base-partner__refill {
    width: calc(100vw - var(--margin-1));
    top: -120rem;
  }
}
.base-partner .partner_refill {
  width: 100%;
  height: auto;
}
.base-partner .base-partner__wrap {
  max-width: calc(100vw - var(--margin-4) * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: var(--color-white-100);
  padding-top: 78rem;
  padding-bottom: 124rem;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  .base-partner .base-partner__wrap {
    max-width: calc(100vw - var(--margin-2) * 2);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 75rem;
    padding-bottom: 56rem;
  }
}
.base-partner .parts-title {
  --gap: 31rem;
}
@media (max-width: 750px) {
  .base-partner .parts-title {
    --gap: 14rem;
  }
}
@media (max-width: 750px) {
  .base-partner .parts-title .parts-title__sub {
    font-size: 12rem;
  }
}
.base-partner .base-partner__message {
  margin-top: 73rem;
}
@media (max-width: 750px) {
  .base-partner .base-partner__message {
    margin-top: 47rem;
  }
}
.base-partner .base-partner__message__title {
  text-align: center;
  font-size: 28rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  .base-partner .base-partner__message__title {
    font-size: 18rem;
    line-height: 1.77;
  }
}
.base-partner .base-partner__message__text {
  max-width: 582rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 28rem;
  font-size: 13rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 21rem;
}
@media (min-width: 751px) {
  .base-partner .base-partner__message__text {
    text-align: center;
  }
}
@media (max-width: 750px) {
  .base-partner .base-partner__message__text {
    font-size: 12rem;
    padding-left: 34rem;
    padding-right: 34rem;
    line-height: 1.83;
    margin-top: 25rem;
  }
}
.base-partner .base-partner__link {
  width: 248rem;
  height: 68rem;
  border-radius: 4rem;
  background: var(--color-green-100);
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 5px 4px 0px #e2e0dc;
  display: block;
  color: var(--color-white-100);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: relative;
  margin-top: 58rem;
  margin-left: auto;
  margin-right: auto;
}
.base-partner .base-partner__link:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-green-100);
  opacity: 0.32;
  position: absolute;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.9);
}
.base-partner .base-partner__link span {
  z-index: 2;
}
@media (max-width: 750px) {
  .base-partner .base-partner__link {
    margin-top: 51rem;
    height: 60rem;
  }
}
.base-partner {
  transition: background 0.5s ease;
  position: relative;
  background: var(--color-cream-100);
}
.base-partner:before {
  content: "";
  width: 100vw;
  height: 10px;
  bottom: 0;
  transform: translateY(50%);
  position: absolute;
  display: block;
  background: var(--color-cream-100);
  transition: background 0.5s ease;
  z-index: -1;
}
.base-partner[change-color] {
  background: var(--color-black-100);
}
.base-partner[change-color]:before {
  background: var(--color-black-100);
}
footer.base-footer {
  background: var(--color-black-100);
  color: var(--color-white-100);
  padding-top: 120rem;
  min-height: 1000rem;
  padding-bottom: 78rem;
}
@media (max-width: 750px) {
  footer.base-footer {
    padding-bottom: 106rem;
  }
}
footer.base-footer .base-footer__cta {
  color: var(--color-marron-200);
  position: relative;
  width: calc(100vw - var(--margin-2) * 2);
  margin-left: auto;
  margin-right: auto;
}
footer.base-footer .base-footer__cta__cursor {
  width: 198rem;
  height: 198rem;
  border-radius: 100rem;
  background: #E2E0DC;
  box-shadow: inset -6rem -8rem 20rem #927460;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  pointer-events: none;
  top: 0;
  left: 0;
}
footer.base-footer .base-footer__cta__cursor:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 100rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: linear-gradient(143.18deg, #FFFFFF 18.78%, rgba(113, 112, 110, 0) 81.6%);
  opacity: 0.83;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__cta__cursor {
    opacity: 1 !important;
    transform: translateY(108rem);
    width: 98rem;
    height: 98rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
  }
}
footer.base-footer .base-footer__cta__cursor-arrow {
  width: 105rem;
  height: auto;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__cta__cursor-arrow {
    width: 52rem;
  }
}
footer.base-footer .base-footer__cta__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__cta__header {
    flex-direction: column;
    align-items: center;
  }
}
footer.base-footer .base-footer__cta__title {
  display: flex;
  --gap: 20rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  footer.base-footer .base-footer__cta__title {
    gap: 0px;
  }
  footer.base-footer .base-footer__cta__title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  footer.base-footer .base-footer__cta__title {
    gap: 0px;
  }
  footer.base-footer .base-footer__cta__title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (min-width: 751px) {
  footer.base-footer .base-footer__cta__title {
    padding-left: 48rem;
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__cta__title {
    align-items: center;
    --gap: 18rem;
  }
}
footer.base-footer .base-footer__cta__title-main {
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
footer.base-footer .base-footer__cta__title-sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
footer.base-footer .base-footer__cta__message {
  font-size: 24rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__cta__message {
    font-size: 18rem;
    text-align: center;
    line-height: 2;
    margin-top: 44rem;
  }
}
footer.base-footer .base-footer__link {
  font-size: 189rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  border-bottom: 1px solid var(--color-marron-200);
  margin-top: 70rem;
  display: block;
}
@media (min-width: 751px) {
  footer.base-footer .base-footer__link {
    white-space: nowrap;
    position: relative;
    left: -2rem;
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__link {
    font-size: 82rem;
    margin-top: 27rem;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}
footer.base-footer .base-footer__tel {
  height: 1px;
  border-top: 1px solid var(--color-marron-200);
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: calc(var(--margin-3) - var(--margin-2));
  padding-right: calc(var(--margin-3) - var(--margin-2));
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__tel {
    margin-top: 47rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 173rem;
  }
}
footer.base-footer .base-footer__tel__title {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__tel__title {
    font-size: 12rem;
  }
}
footer.base-footer .base-footer__tel__time {
  font-size: 26rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__tel__time {
    font-size: 24rem;
    margin-top: 20rem;
  }
}
footer.base-footer .base-footer__nav {
  display: flex;
  position: relative;
  width: calc(100vw - var(--margin-2) * 2);
  margin-left: auto;
  margin-right: auto;
  margin-top: 100rem;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav {
    flex-direction: column;
    width: calc(100vw - var(--margin-3) * 2);
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav {
    margin-top: 146rem;
  }
}
footer.base-footer .base-footer__nav__wrap {
  margin-right: 184rem;
}
@media (min-width: 751px) {
  footer.base-footer .base-footer__nav__wrap {
    display: flex;
    --gap: 40rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    footer.base-footer .base-footer__nav__wrap {
      gap: 0px;
    }
    footer.base-footer .base-footer__nav__wrap > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  footer.base-footer .base-footer__nav__wrap {
    gap: 0px;
  }
  footer.base-footer .base-footer__nav__wrap > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav__wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
footer.base-footer .logo {
  width: 214rem;
  height: auto;
}
footer.base-footer .logo path {
  fill: var(--color-white-100);
}
@media (max-width: 750px) {
  footer.base-footer .logo {
    width: 151rem;
  }
}
footer.base-footer .base-footer__nav__social {
  display: flex;
  --gap: 50rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  width: fit-content;
}
@supports not (aspect-ratio: 16/9) {
  footer.base-footer .base-footer__nav__social {
    gap: 0px;
  }
  footer.base-footer .base-footer__nav__social > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  footer.base-footer .base-footer__nav__social {
    gap: 0px;
  }
  footer.base-footer .base-footer__nav__social > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (min-width: 751px) {
  footer.base-footer .base-footer__nav__social {
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav__social {
    --gap: 19rem;
  }
}
footer.base-footer .base-footer__nav__social-link {
  transition: opacity 0.5s;
}
footer.base-footer .base-footer__nav__social-link .icon_instagram {
  width: 21rem;
  height: auto;
}
footer.base-footer .base-footer__nav__social-link .icon_line {
  width: 38rem;
  height: auto;
}
footer.base-footer .base-footer__nav__social-link:hover {
  opacity: 0.6;
}
footer.base-footer .base-footer__nav__top {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  --gap: 20rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  width: fit-content;
  height: fit-content;
  position: absolute;
  right: 0;
  top: 26rem;
}
@supports not (aspect-ratio: 16/9) {
  footer.base-footer .base-footer__nav__top {
    gap: 0px;
  }
  footer.base-footer .base-footer__nav__top > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  footer.base-footer .base-footer__nav__top {
    gap: 0px;
  }
  footer.base-footer .base-footer__nav__top > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav__top {
    position: absolute;
    top: -82rem;
    right: 0;
  }
}
footer.base-footer .base-footer__nav__top-circle {
  width: 46rem;
  height: 46rem;
  background: var(--color-gray-200);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
}
footer.base-footer .base-footer__nav__top-circle svg {
  width: 16rem;
  height: auto;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav__top-circle {
    width: 33rem;
    height: 33rem;
  }
}
footer.base-footer .base-footer__nav__menu {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-template-rows: repeat(5, auto);
  gap: 30rem 38rem;
  grid-auto-flow: column;
}
@media (min-width: 751px) {
  footer.base-footer .base-footer__nav__menu {
    margin-right: 114rem;
    margin-top: 36rem;
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav__menu {
    gap: 33rem 38rem;
    margin-top: 92rem;
    grid-template-columns: repeat(2, 150rem);
  }
}
footer.base-footer .base-footer__nav__menu-item {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1;
  width: fit-content;
  height: fit-content;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav__menu-item {
    font-size: 12rem;
  }
}
footer.base-footer .base-footer__nav__button {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  width: 301rem;
  height: 114rem;
  border: 1px solid rgba(195, 183, 173, 0.24);
  display: flex;
  --gap: 35rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  line-height: 20rem;
  position: relative;
}
@supports not (aspect-ratio: 16/9) {
  footer.base-footer .base-footer__nav__button {
    gap: 0px;
  }
  footer.base-footer .base-footer__nav__button > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  footer.base-footer .base-footer__nav__button {
    gap: 0px;
  }
  footer.base-footer .base-footer__nav__button > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (min-width: 751px) {
  footer.base-footer .base-footer__nav__button {
    margin-top: 22rem;
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__nav__button {
    width: 245rem;
    height: 92rem;
    border-color: rgba(195, 183, 173, 0.24);
    line-height: 1.83;
    font-size: 12rem;
    margin-top: 59rem;
    margin-left: auto;
    margin-right: auto;
  }
}
footer.base-footer .base-footer__nav__button-arrow {
  width: 25rem;
}
footer.base-footer .base-footer__nav__button-path {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
}
footer.base-footer .base-footer__bottom {
  padding-left: var(--margin-2);
  padding-right: var(--margin-2);
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 100rem;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__bottom {
    flex-direction: column;
    margin-top: 85rem;
    padding-left: var(--margin-4);
    padding-right: var(--margin-4);
  }
}
footer.base-footer .base-footer__bottom__nav {
  opacity: 0.5;
  display: flex;
  --gap: 48rem;
  flex-direction: row;
  gap: var(--gap);
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@supports not (aspect-ratio: 16/9) {
  footer.base-footer .base-footer__bottom__nav {
    gap: 0px;
  }
  footer.base-footer .base-footer__bottom__nav > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  footer.base-footer .base-footer__bottom__nav {
    gap: 0px;
  }
  footer.base-footer .base-footer__bottom__nav > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__bottom__nav {
    flex-direction: column;
    --gap: 22rem;
  }
}
footer.base-footer .base-footer__bottom__copy {
  font-size: 12rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  footer.base-footer .base-footer__bottom__copy {
    margin-top: 47rem;
  }
}
footer.base-footer {
  transition: background 0.5s ease;
  background: var(--color-cream-100);
}
footer.base-footer .base-footer__cta__cursor {
  transition: opacity 0.4s ease;
  opacity: 0;
}
footer.base-footer .base-footer__nav__top span {
  transition: opacity 0.5s;
}
footer.base-footer .base-footer__nav__top .base-footer__nav__top-circle {
  transition: transform 0.5s;
}
footer.base-footer .base-footer__nav__top .base-footer__nav__top-circle svg {
  transition: transform 0.5s;
}
footer.base-footer[change-color] {
  background: var(--color-black-100);
}
footer.base-footer[move-cursor] .base-footer__cta__cursor {
  opacity: 1;
}
footer.base-footer [simple-hover] {
  --color: var(--color-white-100);
}
footer.base-footer .base-footer__bottom__nav a:hover {
  opacity: 0.3;
}
footer.base-footer .base-footer__nav__top:hover span {
  opacity: 0.6;
}
footer.base-footer .base-footer__nav__top:hover .base-footer__nav__top-circle {
  transform: scale(1.1);
}
footer.base-footer .base-footer__nav__top:hover .base-footer__nav__top-circle svg {
  transform: scale(0.8);
}
.base-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  background: var(--color-marron-200);
  z-index: 99;
  height: calc(100vh + 20%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0 90%);
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
.base-menu .base-menu__button {
  width: 20rem;
  height: 20rem;
  position: fixed;
  top: 30rem;
  right: 34rem;
  z-index: 100;
}
.base-menu .base-menu__button__bar {
  width: 20rem;
  height: 1rem;
  background: var(--color-black-100);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.base-menu .base-menu__button__bar:nth-child(1) {
  transform: translateY(-5.5rem);
}
.base-menu .base-menu__button__bar:nth-child(3) {
  transform: translateY(5.5rem);
}
.base-menu .base-menu__wrap {
  width: 60rem;
  height: 42rem;
  border-radius: 4rem;
  border-top-right-radius: 25rem;
  background: var(--color-cream-100);
  position: fixed;
  z-index: 99;
  top: 19rem;
  right: var(--margin-2);
  overflow: hidden;
  box-shadow: 2rem 2rem 4rem rgba(0, 0, 0, 0.16), inset 0 -1rem 2rem rgba(0, 0, 0, 0.16);
}
.base-menu .base-menu__wrap:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: var(--color-cream-100);
  opacity: 0.32;
  box-shadow: 2rem 2rem 4rem rgba(0, 0, 0, 0.16), inset 1rem 1rem 2rem rgba(255, 255, 255, 0.16);
  border-radius: inherit;
  position: absolute;
  top: 0;
}
.base-menu .base-menu__nav {
  display: flex;
  --gap: 11rem;
  flex-direction: column;
  gap: var(--gap);
  padding-top: 44rem;
  padding-bottom: 35rem;
  padding-left: 28rem;
  padding-right: 28rem;
  width: fit-content;
  height: fit-content;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 888;
}
@supports not (aspect-ratio: 16/9) {
  .base-menu .base-menu__nav {
    gap: 0px;
  }
  .base-menu .base-menu__nav > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  .base-menu .base-menu__nav {
    gap: 0px;
  }
  .base-menu .base-menu__nav > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
.base-menu .base-menu__nav__item {
  min-width: 104rem;
  font-size: 11rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-bottom: 5rem;
  border-bottom: 1px solid rgba(var(--color-marron-500), 0.2);
  opacity: 0;
}
.base-menu .base-menu__wrap {
  transition: height 0.8s cubic-bezier(0.21, 0.14, 0.03, 0.99), width 0.8s cubic-bezier(0.21, 0.14, 0.03, 0.99), border-radius 0.8s cubic-bezier(0.21, 0.14, 0.03, 0.99);
}
.base-menu .base-menu__button__bar {
  transition: all 0.8s ease;
}
.base-menu .base-menu__nav__item {
  transition: all 0.6s ease 0s;
}
.base-menu[open] .base-menu__wrap {
  width: var(--nav-width);
  height: var(--nav-height);
  border-radius: 25rem;
}
.base-menu[open] .base-menu__button__bar {
  transform: rotate(20deg);
}
.base-menu[open] .base-menu__button__bar:nth-child(3) {
  transform: rotate(-20deg);
}
.base-menu[open] .base-menu__nav__item {
  opacity: 1;
  transition-delay: calc(var(--index) / 10);
}
.base-contact {
  margin-top: 100rem;
  padding-top: 83rem;
  width: calc(100vw - var(--margin-2) * 2);
  padding-bottom: 217rem;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
}
@media (max-width: 750px) {
  .base-contact {
    padding-top: 63rem;
    padding-bottom: 82rem;
  }
}
.base-contact .base-contact__title__main {
  text-align: center;
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
.base-contact .base-contact__title__sub {
  text-align: center;
  margin-top: 10rem;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
.base-contact .base-contact__message {
  text-align: center;
  margin-top: 65rem;
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  .base-contact .base-contact__message {
    font-size: 18rem;
    line-height: 1.61;
    margin-top: 38rem;
  }
}
.base-contact .base-contact__wrap {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 80rem;
}
@media (min-width: 751px) {
  .base-contact .base-contact__wrap {
    display: flex;
    --gap: 28rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    .base-contact .base-contact__wrap {
      gap: 0px;
    }
    .base-contact .base-contact__wrap > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  .base-contact .base-contact__wrap {
    gap: 0px;
  }
  .base-contact .base-contact__wrap > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  .base-contact .base-contact__wrap {
    display: flex;
    --gap: 40rem;
    flex-direction: column;
    gap: var(--gap);
    max-width: calc(100vw - var(--margin-3) * 2);
    margin-top: 44rem;
  }
  @supports not (aspect-ratio: 16/9) {
    .base-contact .base-contact__wrap {
      gap: 0px;
    }
    .base-contact .base-contact__wrap > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  .base-contact .base-contact__wrap {
    gap: 0px;
  }
  .base-contact .base-contact__wrap > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
.base-contact .base-contact__item {
  max-width: 480rem;
  width: 100%;
  height: 180rem;
  background: var(--color);
  border-radius: 4rem;
  display: flex;
  --gap: 5rem;
  flex-direction: column;
  gap: var(--gap);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--color-white-100);
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 2px 2px 4px rgba(0, 0, 0, 0.16);
}
@supports not (aspect-ratio: 16/9) {
  .base-contact .base-contact__item {
    gap: 0px;
  }
  .base-contact .base-contact__item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  .base-contact .base-contact__item {
    gap: 0px;
  }
  .base-contact .base-contact__item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
.base-contact .base-contact__item::after {
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: inherit;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(143.27deg, var(--color) 12.29%, rgba(146, 116, 96, 0) 85.04%);
  opacity: 0.3;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.91);
  z-index: 0;
}
.base-contact .base-contact__item:nth-child(1) {
  --color: var(--color-marron-500);
}
@media (min-width: 751px) {
  .base-contact .base-contact__item:nth-child(1) {
    border-bottom-left-radius: 25rem;
    border-top-right-radius: 25rem;
  }
}
@media (max-width: 750px) {
  .base-contact .base-contact__item:nth-child(1) {
    border-top-right-radius: 25rem;
    border-bottom-left-radius: 25rem;
  }
}
.base-contact .base-contact__item:nth-child(2) {
  --color: #99A598;
}
@media (min-width: 751px) {
  .base-contact .base-contact__item:nth-child(2) {
    border-top-right-radius: 25rem;
  }
}
@media (max-width: 750px) {
  .base-contact .base-contact__item:nth-child(2) {
    border-bottom-left-radius: 25rem;
  }
}
@media (max-width: 750px) {
  .base-contact .base-contact__item {
    height: 100rem;
  }
}
.base-contact .base-contact__item__top {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
.base-contact .base-contact__item__bottom {
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 7rem;
}
@media (max-width: 750px) {
  .base-contact .base-contact__item__bottom {
    font-size: 26rem;
  }
}
.base-contact .base-contact__item__notice {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-black-100);
  transform: translateY(100%);
  padding-top: 25rem;
  text-align: center;
}
@media (max-width: 750px) {
  .base-contact .base-contact__item__notice {
    padding-top: 10rem;
  }
}
[top-page] {
  position: relative;
}
[top-page] .modal-cover {
  position: fixed;
  background: rgba(62, 47, 37, 0.5);
  width: 100vw;
  height: 100vh;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
}
[top-page] .modal-cover .modal-cover__images {
  height: 664rem;
  width: 697rem;
  display: flex;
  --gap: 18rem;
  flex-direction: column;
  gap: var(--gap);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] .modal-cover .modal-cover__images {
    gap: 0px;
  }
  [top-page] .modal-cover .modal-cover__images > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] .modal-cover .modal-cover__images {
    gap: 0px;
  }
  [top-page] .modal-cover .modal-cover__images > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] .modal-cover .modal-cover__images {
    width: calc(100vw - var(--margin-3) * 2);
    --gap: 10rem;
    justify-content: space-between;
    height: 300rem;
  }
}
[top-page] .modal-cover .modal-cover__images img {
  border-radius: 4rem;
}
[top-page] .modal-cover .modal-cover__images .modal-cover__images--before, [top-page] .modal-cover .modal-cover__images .modal-cover__images--after {
  height: 323rem;
}
@media (max-width: 750px) {
  [top-page] .modal-cover .modal-cover__images .modal-cover__images--before, [top-page] .modal-cover .modal-cover__images .modal-cover__images--after {
    height: 150rem;
  }
}
[top-page] .modal-cover .modal-cover__images .modal-cover__images--before--single {
  height: 100%;
  width: 100%;
}
[top-page] .modal-cover .modal-cover__close {
  width: 82rem;
  height: 82rem;
  position: absolute;
  bottom: 20rem;
  right: var(--margin-2);
  background: var(--color-white-100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
}
[top-page] .modal-cover .modal-cover__close svg {
  width: 17rem;
  height: auto;
}
[top-page] .modal-cover {
  transition: opacity 0.5s ease;
}
[top-page] .kv {
  width: 100vw;
  height: 100vh;
  max-height: 100vh;
  position: absolute;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
@media (max-width: 750px) {
  [top-page] .kv {
    height: 100lvh;
    max-height: 100lvh;
  }
}
[top-page] .kv .kv__column {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
}
[top-page] .kv .kv__item {
  z-index: 2;
}
[top-page] .kv .kv__item, [top-page] .kv .about-slide {
  width: 456rem;
  height: 729rem;
  --pos-y: 185rem;
  --pos-x: 316rem;
  transform: translateX(var(--pos-x)) translateY(var(--pos-y));
  border-radius: 6rem;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
[top-page] .kv .kv__item--left, [top-page] .kv .kv__item--before, [top-page] .kv .kv__item--cover, [top-page] .kv .about-slide--left, [top-page] .kv .about-slide--before, [top-page] .kv .about-slide--cover {
  --pos-x: 81rem;
}
[top-page] .kv .kv__item--right, [top-page] .kv .kv__item--after, [top-page] .kv .about-slide--right, [top-page] .kv .about-slide--after {
  --pos-x: 546rem;
}
[top-page] .kv .kv__item--cover, [top-page] .kv .about-slide--cover {
  z-index: 2;
  overflow: visible;
  background-color: transparent !important;
}
[top-page] .kv .kv__contents {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: var(--color-gray-100);
}
[top-page] .kv .kv__contents__image {
  width: 100%;
  height: 100%;
}
[top-page] .kv .about-slide {
  background: var(--color-marron-200);
}
[top-page] .kv .about-slide__text {
  position: absolute;
  font-size: 28rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  bottom: 12rem;
  right: 15rem;
  z-index: 10;
}
[top-page] .kv .about-slide__image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
[top-page] .kv .about-slide-icon {
  --size: 180rem;
  width: var(--size);
  height: var(--size);
  border-radius: 100%;
  border: 1rem solid #9F8C80;
  position: absolute;
  top: 0;
  bottom: 0;
  right: calc(var(--size) * -0.5 - 2.5rem);
  margin: auto;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}
[top-page] .kv .about-slide-icon__progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(270deg);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: 2;
}
[top-page] .kv .about-slide-icon__fill {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white-100);
  --color: var(--color-marron-500);
  border-radius: 100%;
  background: var(--color);
  width: 160rem;
  height: 160rem;
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 2px 2px 4px rgba(0, 0, 0, 0.16);
}
[top-page] .kv .about-slide-icon__fill::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: inherit;
  background: linear-gradient(143.27deg, var(--color) 12.29%, rgba(146, 116, 96, 0) 85.04%);
  opacity: 0.3;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.91);
  z-index: 0;
}
[top-page] .kv .about-slide-icon__fill .logo {
  width: 67rem;
  height: auto;
}
[top-page] .kv .about-slide-icon__fill .logo path {
  fill: var(--color-white-100);
}
[top-page] .kv .kv__item {
  transition: opacity 0.5s ease;
}
[top-page] .kv .about-slide {
  opacity: 0;
  transition: opacity 0.5s ease;
}
[top-page] .kv .about-slide-icon {
  opacity: 0;
  transform: scale(0.6);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
[top-page] .kv[about-active] .kv__item {
  opacity: 0;
}
[top-page] .kv[about-active] .about-slide-icon {
  transform: scale(1);
  opacity: 1;
  transition-delay: 0.7s;
  transition-duration: 0.5s;
}
[top-page] .kv[about-active] .about-slide {
  opacity: 1;
}
[top-page] section.first {
  padding-top: 64rem;
  padding-left: var(--margin-2);
  padding-right: var(--margin-2);
  width: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  [top-page] section.first {
    padding-top: 85rem;
  }
}
[top-page] section.first .first__kv {
  width: 100vw;
  display: flex;
  --gap: 10rem;
  flex-direction: row;
  gap: var(--gap);
  position: relative;
  left: calc(var(--margin-2) * -1);
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.first .first__kv {
    gap: 0px;
  }
  [top-page] section.first .first__kv > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.first .first__kv {
    gap: 0px;
  }
  [top-page] section.first .first__kv > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[top-page] section.first .first__kv__image {
  height: 289rem;
  flex: 1;
  border-radius: 6rem;
  background: var(--color-sample-image);
}
[top-page] section.first .first__circle {
  width: 176rem;
  height: 176rem;
  border-radius: 100rem;
  position: absolute;
  right: 165rem;
  top: 176rem;
  background: #E2E0DC;
  box-shadow: inset -3px -3px 8px #988C85;
}
@media (max-width: 750px) {
  [top-page] section.first .first__circle {
    width: 100rem;
    height: 100rem;
    top: 329rem;
    right: 26rem;
  }
}
[top-page] section.first .circle__message {
  width: 226rem;
  height: 226rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 750px) {
  [top-page] section.first .circle__message {
    width: 130rem;
    height: 130rem;
  }
}
[top-page] section.first .first__circle__text {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 5;
  width: 95rem;
  height: auto;
  border-radius: 0rem;
}
@media (max-width: 750px) {
  [top-page] section.first .first__circle__text {
    width: 60rem;
  }
}
[top-page] section.first .first__circle__hand-fill {
  z-index: 3;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  --deg: 240deg;
  background: conic-gradient(from 180deg at 50% 50%, transparent 180deg, var(--color-marron-200) 180deg, var(--color-marron-200) var(--deg), transparent var(--deg));
  opacity: 0.6;
}
[top-page] section.first .first__circle__hand {
  z-index: 3;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
[top-page] section.first .first__circle__float {
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: linear-gradient(180deg, rgba(226, 224, 220, 0.6) 0%, rgba(113, 112, 110, 0) 100%);
  box-shadow: inset 3px 3px 8px 3px #FFFFFF;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 2;
}
[top-page] section.first .first__message {
  font-size: 36rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.15em;
  line-height: 1.86;
}
@media (max-width: 750px) {
  [top-page] section.first .first__message {
    letter-spacing: 0.1em;
    line-height: 1.7;
    font-size: 30rem;
    margin-top: 43rem;
  }
}
[top-page] section.first .first__description {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 2.1;
  margin-top: 33rem;
  color: rgba(var(--color-black-100-rgb), 0.8);
}
@media (max-width: 750px) {
  [top-page] section.first .first__description {
    font-size: 12rem;
    line-height: 2.4;
    margin-top: 14rem;
    padding-top: 5rem;
    padding-left: 30rem;
    padding-right: 30rem;
  }
}
[top-page] section.first .first__description-en {
  font-size: 12rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: rgba(var(--color-marron-100-rgb), 0.6);
  margin-top: 19rem;
  line-height: 1.3;
}
@media (max-width: 750px) {
  [top-page] section.first .first__description-en {
    margin-top: 14rem;
    padding-left: 30rem;
    padding-right: 30rem;
  }
}
@media (min-width: 751px) {
  [top-page] section.first .first__message, [top-page] section.first .first__description, [top-page] section.first .first__description-en {
    padding-left: 52rem;
  }
}
[top-page] section.first .first__description__split {
  position: relative;
  width: fit-content;
  height: fit-content;
  display: inline-block;
  --scale: 0;
}
[top-page] section.first .first__description__split::before {
  content: "";
  width: 100%;
  height: 1px;
  background-color: rgba(112, 112, 112, 0.3);
  position: absolute;
  left: 0;
  bottom: 0;
  transform-origin: left;
  transform: translateY(-3px) scaleX(var(--scale));
}
[top-page] section.first .first__description__tip {
  position: relative;
}
[top-page] section.first .first__description__tip::before {
  content: "";
  width: 100%;
  height: 2rem;
  background-color: rgba(112, 112, 112, 0.3);
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateY(6rem) scaleX(var(--scale));
}
@media (max-width: 750px) {
  [top-page] section.first .first__description__tip::before {
    transform: translateY(5rem) scaleX(var(--scale));
  }
}
[top-page] section.first .logo {
  width: 770rem;
  height: auto;
  margin-top: 64rem;
  position: relative;
  left: -20rem;
  opacity: 0;
}
@media (max-width: 750px) {
  [top-page] section.first .logo {
    display: none;
  }
}
[top-page] section.review {
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  padding-top: 117rem;
  position: relative;
  z-index: 2;
}
@media (max-width: 750px) {
  [top-page] section.review {
    padding-top: 41rem;
  }
}
[top-page] section.review .review__head {
  position: relative;
  display: flex;
  --gap: 7rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: baseline;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.review .review__head {
    gap: 0px;
  }
  [top-page] section.review .review__head > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.review .review__head {
    gap: 0px;
  }
  [top-page] section.review .review__head > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[top-page] section.review .review__head__bar {
  position: absolute;
  width: 80rem;
  height: 1rem;
  left: calc(var(--margin-3) * -1);
  top: 0;
  bottom: 0;
  margin: auto;
  background: var(--color-marron-100);
}
@media (max-width: 750px) {
  [top-page] section.review .review__head__bar {
    width: var(--margin-3);
  }
}
[top-page] section.review .review__head__title {
  font-size: 28rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.review .review__head__title {
    margin-left: 13rem;
  }
}
[top-page] section.review .review__head__description {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[top-page] section.review .review__body {
  margin-top: 40rem;
  width: 393rem;
  height: 377rem;
  background: #E2E0DC;
  border-radius: 5rem;
  box-shadow: inset 0 0 6rem 0 rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: hidden;
}
@media (max-width: 750px) {
  [top-page] section.review .review__body {
    width: calc(100vw - var(--margin-3) - var(--margin-2));
    margin-top: 29rem;
  }
}
[top-page] section.review .review__body__scroll {
  width: 7rem;
  height: calc(100% - 40rem);
  background: var(--color-white-100);
  top: 20rem;
  right: 16rem;
  overflow: hidden;
  border-radius: 10rem;
  position: absolute;
}
@media (max-width: 750px) {
  [top-page] section.review .review__body__scroll {
    right: 7rem;
  }
}
[top-page] section.review .review__body__scroll-bar {
  width: 100%;
  height: 100rem;
  background: var(--color-marron-200);
  border-radius: 100rem;
}
[top-page] section.review .review__body__scroller {
  overflow: auto;
  scroll-snap-type: y mandatory;
  padding: 20px;
  padding-left: 20rem;
  padding-right: 40rem;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  --gap: 10rem;
  flex-direction: column;
  gap: var(--gap);
  position: relative;
  width: calc(100% - 20rem);
  height: 100%;
}
[top-page] section.review .review__body__scroller::-webkit-scrollbar {
  display: none;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.review .review__body__scroller {
    gap: 0px;
  }
  [top-page] section.review .review__body__scroller > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.review .review__body__scroller {
    gap: 0px;
  }
  [top-page] section.review .review__body__scroller > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.review .review__body__scroller {
    width: 100%;
    padding-left: 15rem;
    padding-right: 29rem;
  }
}
[top-page] section.review .review__item {
  scroll-snap-align: start;
  scroll-margin: 20rem;
  background: var(--color-white-100);
  border-radius: 4rem;
  min-height: 68rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[top-page] section.review .review__item__text {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding: 20rem;
  width: 100%;
  line-height: 1.4;
}
[top-page] section.review .review__item__name {
  height: 100%;
  width: 80rem;
  text-align: center;
  vertical-align: middle;
  font-size: 10rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: inherit;
  background: var(--color-cream-100);
}
[top-page] section.about {
  position: relative;
  z-index: 1;
}
@media (min-width: 751px) {
  [top-page] section.about {
    display: flex;
    padding-top: 320rem;
    margin-bottom: 360rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.about {
    padding-bottom: 0rem;
    padding-top: 154rem;
  }
}
[top-page] section.about .about__kv {
  width: 100vw;
  display: flex;
  --gap: 10rem;
  flex-direction: row;
  gap: var(--gap);
  position: relative;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.about .about__kv {
    gap: 0px;
  }
  [top-page] section.about .about__kv > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.about .about__kv {
    gap: 0px;
  }
  [top-page] section.about .about__kv > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[top-page] section.about .about-slide-icon {
  --size: 93rem;
  width: var(--size);
  height: var(--size);
  border-radius: 100%;
  border: 1rem solid #9F8C80;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
[top-page] section.about .about-slide-icon__progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(270deg);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  z-index: 2;
}
[top-page] section.about .about-slide-icon__fill {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-white-100);
  --color: var(--color-marron-500);
  border-radius: 100%;
  background: var(--color);
  width: 82rem;
  height: 82rem;
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 2px 2px 4px rgba(0, 0, 0, 0.16);
}
[top-page] section.about .about-slide-icon__fill::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: inherit;
  background: linear-gradient(143.27deg, var(--color) 12.29%, rgba(146, 116, 96, 0) 85.04%);
  opacity: 0.3;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.91);
  z-index: 0;
}
[top-page] section.about .about-slide-icon__fill .logo {
  width: 43rem;
  height: auto;
}
[top-page] section.about .about-slide-icon__fill .logo path {
  fill: var(--color-white-100);
}
[top-page] section.about .about__kv__slide {
  position: relative;
  height: 296rem;
  flex: 1;
  overflow: hidden;
  border-radius: 6rem;
}
[top-page] section.about .about__kv__text {
  position: absolute;
  font-size: 22rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  opacity: 0.7;
  top: 14rem;
  left: 12rem;
  z-index: 10;
}
[top-page] section.about .about__kv__image {
  background: var(--color-sample-image);
  width: 100%;
  height: 296rem;
  position: absolute;
}
[top-page] section.about .about__body {
  max-width: 420rem;
  width: 100%;
  margin-left: auto;
  padding-right: var(--margin-3);
}
@media (max-width: 750px) {
  [top-page] section.about .about__body {
    padding-left: var(--margin-2);
    padding-right: var(--margin-2);
  }
}
[top-page] section.about .about__refill {
  width: auto;
  height: 214rem;
}
@media (max-width: 750px) {
  [top-page] section.about .about__refill {
    height: 66rem;
    display: block;
    margin-left: auto;
    position: absolute;
    top: 49rem;
    right: var(--margin-2);
  }
}
[top-page] section.about .about__title {
  font-size: 34rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 65rem;
}
@media (max-width: 750px) {
  [top-page] section.about .about__title {
    font-size: 26rem;
    margin-top: 32rem;
    text-align: center;
  }
}
[top-page] section.about .about__description {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 2.1;
  color: rgba(62, 47, 37, 0.8);
  margin-top: 24rem;
}
@media (max-width: 750px) {
  [top-page] section.about .about__description {
    margin-top: 19rem;
    text-align: center;
  }
}
[top-page] section.best {
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
  padding-bottom: 139rem;
}
@media (max-width: 750px) {
  [top-page] section.best {
    padding-left: 0;
    padding-right: 0;
    margin-top: 69rem;
    padding-top: 61rem;
    position: relative;
    padding-bottom: 136rem;
  }
  [top-page] section.best:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: calc(100% - var(--margin-1) * 2);
    height: 1rem;
    background: var(--color-black-100);
    opacity: var(--bar-opacity);
    margin-left: auto;
    margin-right: auto;
  }
}
[top-page] section.best .best__list {
  display: flex;
  justify-content: space-between;
  margin-top: 64rem;
  position: relative;
}
@media (max-width: 750px) {
  [top-page] section.best .best__list {
    flex-direction: column;
    align-items: center;
    z-index: 2;
    display: flex;
    --gap: 100rem;
    flex-direction: column;
    gap: var(--gap);
    margin-top: 46rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.best .best__list {
      gap: 0px;
    }
    [top-page] section.best .best__list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.best .best__list {
    gap: 0px;
  }
  [top-page] section.best .best__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.best .best__list__bar {
  position: absolute;
  top: 12rem;
  left: 0;
  right: 0;
  margin: auto;
  width: calc(100% - 260rem);
  height: 1rem;
  background: #9F8C80;
}
@media (max-width: 750px) {
  [top-page] section.best .best__list__bar {
    height: calc(100% - 160rem);
    width: 1rem;
    right: auto;
    left: 20rem;
    top: 0;
  }
}
[top-page] section.best .best__item {
  max-width: 308rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 750px) {
  [top-page] section.best .best__item {
    position: relative;
  }
}
[top-page] section.best .best__icon {
  width: 24rem;
  height: 24rem;
  position: relative;
}
[top-page] section.best .best__icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% + 32rem);
  height: calc(100% + 32rem);
  background: var(--color-cream-100);
  content: "";
  z-index: 0;
}
@media (max-width: 750px) {
  [top-page] section.best .best__icon {
    position: absolute;
    top: 10rem;
    left: -27rem;
    width: 14rem;
    height: 14rem;
  }
}
[top-page] section.best .best__icon__center {
  width: 24rem;
  height: 24rem;
  border-radius: 100%;
  border: 1rem solid #9F8C80;
  position: relative;
  z-index: 1;
}
[top-page] section.best .best__icon__center:after, [top-page] section.best .best__icon__center:before {
  width: 20rem;
  height: 20rem;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  border-radius: 100%;
}
[top-page] section.best .best__icon__center:after {
  opacity: 0.24;
  background: #A28B7E;
  box-shadow: inset 3rem 3rem 6rem rgba(255, 255, 255, 0.76);
}
[top-page] section.best .best__icon__center:before {
  background: #A28B7E;
  box-shadow: inset 0 -3rem 4rem rgba(0, 0, 0, 0.44), 0rem 3rem 6rem rgba(0, 0, 0, 0.16);
}
@media (max-width: 750px) {
  [top-page] section.best .best__icon__center {
    width: 14rem;
    height: 14rem;
  }
  [top-page] section.best .best__icon__center:after, [top-page] section.best .best__icon__center:before {
    width: 10rem;
    height: 10rem;
  }
}
@media (min-width: 751px) {
  [top-page] section.best .best__item__header {
    margin-top: 37rem;
  }
}
[top-page] section.best .best__item__title-main {
  text-align: center;
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 34rem;
}
[top-page] section.best .best__item__title-main span {
  font-size: 28rem;
}
[top-page] section.best .best__item__title-sub {
  font-size: 12rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
  letter-spacing: -0.01em;
  color: var(--color-marron-200);
  margin-top: 7rem;
}
@media (max-width: 750px) {
  [top-page] section.best .best__item__title-sub {
    margin-top: 4rem;
  }
}
[top-page] section.best .best__item__body {
  margin-top: 23rem;
}
[top-page] section.best .best__item__bar {
  width: 100%;
  height: 1rem;
  background: var(--color-black-100);
  position: relative;
}
[top-page] section.best .best__item__num {
  position: absolute;
  font-size: 245rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: var(--color-gray-200);
  opacity: 0.6;
  padding-top: 22rem;
  z-index: -1;
}
[top-page] section.best .best__item__description {
  font-size: 13rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.01em;
  line-height: 21rem;
  margin-top: 15rem;
}
[top-page] section.propose {
  width: 100vw;
  position: relative;
  color: var(--color-white-100);
  z-index: 2;
}
@media (max-width: 750px) {
  [top-page] section.propose {
    overflow: hidden;
  }
}
[top-page] section.propose svg path {
  fill: var(--color-white-100);
}
[top-page] section.propose .propose__window {
  height: 100vh;
  width: 100vw;
  height: 100lvh;
}
[top-page] section.propose .propose__back {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100vw;
  height: 100lvh;
  background: var(--color-black-100);
  border-top-right-radius: 120rem;
  z-index: -1;
  overflow: hidden;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__back {
    border-top-right-radius: 40rem;
  }
}
[top-page] section.propose .propose__back__cover {
  height: 100vh;
  width: 100vw;
  height: 100lvh;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.494) 100%);
  opacity: 0.74;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}
[top-page] section.propose .propose__back__image {
  height: 100%;
  width: 100%;
}
[top-page] section.propose .logo {
  width: 224rem;
  height: auto;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__top__side {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
}
[top-page] section.propose .propose__top {
  padding-left: var(--margin-2);
  padding-right: var(--margin-2);
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding-bottom: 50rem;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__top .logo {
    width: 124rem;
    margin-top: 38rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__top {
    padding-bottom: 30rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
[top-page] section.propose .propose__message-top {
  margin-top: 69rem;
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  line-height: 1.8;
  text-align: left;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__message-top {
    font-size: 20rem;
    line-height: 1.66;
    margin-top: auto;
  }
}
[top-page] section.propose .propose__message-bottom {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.01em;
  line-height: 22rem;
  max-width: 410rem;
  text-align: left;
  margin-top: 36rem;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__message-bottom {
    font-size: 12rem;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
    opacity: 0.8;
    line-height: 1.5;
  }
}
[top-page] section.propose .propose__en__top {
  font-size: 22rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.2;
  letter-spacing: 0.02em;
  text-align: left;
}
@media (min-width: 751px) {
  [top-page] section.propose .propose__en__top {
    width: 294rem;
  }
}
[top-page] section.propose .propose__en__bottom {
  font-size: 12rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.3;
  letter-spacing: 0.02em;
  text-align: left;
  margin-top: 20rem;
}
@media (min-width: 751px) {
  [top-page] section.propose .propose__en__bottom {
    width: 294rem;
  }
}
[top-page] section.propose .propose__bottom {
  display: flex;
  align-items: flex-end;
  padding-left: var(--margin-2);
  padding-right: var(--margin-2);
  padding-bottom: 96rem;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__bottom {
    padding-bottom: 53rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
[top-page] section.propose .parts-title {
  align-items: flex-start;
}
@media (max-width: 750px) {
  [top-page] section.propose .parts-title {
    --gap: 33rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.propose .parts-title .parts-title__main {
    text-align: left;
    font-size: 40rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.propose .parts-title .parts-title__sub {
    font-size: 20rem;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
    line-height: 1.66;
  }
}
[top-page] section.propose .propose__impress__graphics {
  display: flex;
  --gap: 10rem;
  flex-direction: row;
  gap: var(--gap);
  margin-top: 75rem;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.propose .propose__impress__graphics {
    gap: 0px;
  }
  [top-page] section.propose .propose__impress__graphics > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.propose .propose__impress__graphics {
    gap: 0px;
  }
  [top-page] section.propose .propose__impress__graphics > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__impress__graphics {
    margin-top: 32rem;
  }
}
[top-page] section.propose .propose__impress__graphics-item {
  width: 120rem;
  height: 120rem;
  background: rgba(153, 165, 152, 0.7);
  display: flex;
  --gap: 4.8rem;
  flex-direction: column;
  gap: var(--gap);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4rem;
  position: relative;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.propose .propose__impress__graphics-item {
    gap: 0px;
  }
  [top-page] section.propose .propose__impress__graphics-item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.propose .propose__impress__graphics-item {
    gap: 0px;
  }
  [top-page] section.propose .propose__impress__graphics-item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.propose .propose__impress__graphics-item:after {
  content: "";
  border-radius: inherit;
  height: 100%;
  width: 100%;
  background: var(--color-green-100);
  opacity: 0.32;
  box-shadow: inset 3px 3px 6px rgba(var(--color-white-100-rgb), 0.9);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: 1;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__impress__graphics-item:after {
    box-shadow: inset 3px 3px 6px rgba(var(--color-white-100-rgb), 0.32);
  }
}
[top-page] section.propose .propose__impress__graphics-item:last-child {
  background: rgba(var(--color-marron-300-rgb), 1);
}
[top-page] section.propose .propose__impress__graphics-item:last-child:after {
  background: var(--color-marron-200);
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__impress__graphics-item {
    width: 70rem;
    height: 70rem;
  }
}
[top-page] section.propose .propose__impress__graphics-rect {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --size: 202rem;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__impress__graphics-rect {
    --size: 120rem;
  }
}
[top-page] section.propose .propose__impress__graphics-title {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__impress__graphics-title {
    font-size: 14rem;
  }
}
[top-page] section.propose .propose__impress__graphics-sub {
  font-size: 10rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[top-page] section.propose .propose__impress__graphics-plus {
  margin-left: 18rem;
  margin-right: 18rem;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__impress__graphics-plus {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}
[top-page] section.propose .propose__impress__message {
  max-width: 578rem;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.01em;
  line-height: 1.5;
  margin-top: 53rem;
}
@media (max-width: 750px) {
  [top-page] section.propose .propose__impress__message {
    font-size: 12rem;
    font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
    font-weight: 500;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.02em;
  }
}
[top-page] section.propose .propose__back {
  transition: border-top-right-radius 1s ease;
}
[top-page] section.propose .propose__back[not-radius] {
  border-top-right-radius: 0;
}
[top-page] section.commit {
  background: var(--color-gray-200);
  position: relative;
  padding-top: 114rem;
  padding-bottom: 75rem;
}
@media (max-width: 750px) {
  [top-page] section.commit {
    padding-top: 62rem;
    padding-bottom: 65rem;
  }
}
[top-page] section.commit .parts-title {
  position: relative;
  z-index: 2;
  --gap: 26rem;
}
@media (max-width: 750px) {
  [top-page] section.commit .parts-title {
    --gap: 32rem;
  }
}
[top-page] section.commit .parts-title__main {
  font-size: 32rem;
}
@media (max-width: 750px) {
  [top-page] section.commit .parts-title__main {
    line-height: 28rem;
    font-size: 24rem;
  }
}
[top-page] section.commit .parts-title__sub {
  font-size: 34rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.commit .parts-title__sub {
    font-size: 24rem;
    line-height: 41rem;
  }
}
[top-page] section.commit .commit__message {
  text-align: center;
  margin-top: 49rem;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 2.1;
  letter-spacing: 0.01em;
}
@media (max-width: 750px) {
  [top-page] section.commit .commit__message {
    margin-top: 26rem;
    font-size: 12rem;
    line-height: 2;
  }
}
[top-page] section.commit .commit__refill {
  height: 220rem;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: contain;
}
@media (min-width: 751px) {
  [top-page] section.commit .commit__refill {
    transform: scale(3);
    opacity: 0.6;
  }
}
@media (max-width: 750px) {
  [top-page] section.commit .commit__refill {
    height: auto;
    width: 100vw;
    transform: translateY(-50rem);
    z-index: 0;
  }
}
[top-page] section.before {
  padding-top: 140rem;
  padding-bottom: 112rem;
  padding-left: var(--margin-4);
  padding-right: var(--margin-3);
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  [top-page] section.before {
    flex-direction: column;
    padding-top: 49rem;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-bottom: 65rem;
  }
}
[top-page] section.before .parts-title {
  align-items: flex-start;
  margin: 0rem;
}
[top-page] section.before .before__side {
  max-width: 380rem;
  display: flex;
  --gap: 141rem;
  flex-direction: column;
  gap: var(--gap);
  padding-top: 12rem;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.before .before__side {
    gap: 0px;
  }
  [top-page] section.before .before__side > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.before .before__side {
    gap: 0px;
  }
  [top-page] section.before .before__side > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.before .before__side {
    --gap: 34rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
[top-page] section.before .before__side .parts-title {
  --gap: 20rem;
}
@media (max-width: 750px) {
  [top-page] section.before .before__side .parts-title {
    --gap: 14rem;
  }
}
[top-page] section.before .before__side .parts-title__sub {
  font-size: 18rem;
  letter-spacing: 0.25em;
}
@media (max-width: 750px) {
  [top-page] section.before .before__side .parts-title__sub {
    font-size: 14rem;
  }
}
[top-page] section.before .before__message {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 2.1;
  color: rgba(var(--color-black-100-rgb), 0.6);
}
@media (max-width: 750px) {
  [top-page] section.before .before__message {
    font-size: 12rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.before .parts-arrow-link {
    margin-top: 7rem;
  }
}
[top-page] section.before .before__list {
  max-width: 670rem;
  display: grid;
  grid-auto-flow: row;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 39rem 35rem;
}
@media (max-width: 750px) {
  [top-page] section.before .before__list {
    padding-left: 20rem;
    padding-right: var(--margin-1);
    gap: 20rem 20rem;
    margin-top: 51rem;
  }
}
[top-page] section.before .before__item {
  width: 100%;
  display: flex;
  --gap: 9rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.before .before__item {
    gap: 0px;
  }
  [top-page] section.before .before__item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.before .before__item {
    gap: 0px;
  }
  [top-page] section.before .before__item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.before .before__item {
    width: 169rem;
    --gap: 4rem;
  }
}
[top-page] section.before .before__item__column {
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
[top-page] section.before .before__item__image-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 4rem;
}
[top-page] section.before .before__item__image {
  height: 148rem;
  width: 100%;
  border-radius: 4rem;
  background: var(--color-sample-image);
}
@media (max-width: 750px) {
  [top-page] section.before .before__item__image {
    height: 79rem;
  }
}
[top-page] section.before .before__item__title {
  font-size: 16rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: normal;
  writing-mode: vertical-rl;
  text-align: center;
  position: absolute;
  height: 148rem;
  transform: translateX(-100%);
}
@media (max-width: 750px) {
  [top-page] section.before .before__item__title {
    font-size: 10rem;
    height: 79rem;
  }
}
[top-page] section.before .before__item__image {
  transition: transform 0.5s ease;
}
[top-page] section.before .before__item:hover .before__item__image {
  transform: scale(1.1);
}
[top-page] section.case {
  background: var(--color-marron-200);
  padding-top: 101rem;
  padding-bottom: 90rem;
  border-radius: 120rem;
}
@media (max-width: 750px) {
  [top-page] section.case {
    padding-top: 44rem;
    padding-bottom: 50rem;
    border-radius: 40rem;
  }
}
[top-page] section.case .case__top {
  max-width: calc(100vw - var(--margin-4) * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  margin-bottom: 100rem;
  --height: 400rem;
  align-items: center;
}
@media (min-width: 751px) {
  [top-page] section.case .case__top {
    height: var(--height);
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 750px) {
  [top-page] section.case .case__top {
    max-width: calc(100vw - 0px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    padding-bottom: 0;
    margin-bottom: 34rem;
    flex-direction: column;
  }
}
[top-page] section.case .parts-title {
  align-items: flex-start;
  margin-left: 0rem;
  margin-right: 0rem;
}
@media (min-width: 751px) {
  [top-page] section.case .parts-title {
    padding-left: calc(var(--margin-5) - var(--margin-4));
  }
}
@media (max-width: 750px) {
  [top-page] section.case .parts-title {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    width: 100%;
    display: flex;
    --gap: 12rem;
    flex-direction: row;
    gap: var(--gap);
    align-items: baseline;
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.case .parts-title {
      gap: 0px;
    }
    [top-page] section.case .parts-title > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.case .parts-title {
    gap: 0px;
  }
  [top-page] section.case .parts-title > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[top-page] section.case .case__top__box {
  margin-top: 69rem;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 170rem;
  grid-template-rows: repeat(3, 1fr);
  gap: 20rem 0px;
}
@media (max-width: 750px) {
  [top-page] section.case .case__top__box {
    grid-template-columns: 70rem 1fr;
    max-width: 200rem;
    margin-top: 19rem;
    gap: 9rem 0px;
    margin-left: var(--margin-3);
    margin-right: auto;
  }
}
[top-page] section.case .case__top__item {
  line-height: 1;
}
[top-page] section.case .case__top__item:nth-child(odd) {
  font-size: 17rem;
  font-family: orpheuspro, serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: #97735D;
  min-width: 88rem;
}
@media (max-width: 750px) {
  [top-page] section.case .case__top__item:nth-child(odd) {
    font-size: 12rem;
    min-width: 70rem;
  }
}
[top-page] section.case .case__top__item:nth-child(even) {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.case .case__top__item:nth-child(even) {
    font-size: 12rem;
  }
}
[top-page] section.case .case__top__image {
  position: relative;
  width: var(--height);
  height: var(--height);
}
@media (max-width: 750px) {
  [top-page] section.case .case__top__image {
    width: calc(100vw - var(--margin-2) * 2);
    margin-left: auto;
    margin-right: auto;
    margin-top: 30rem;
    height: 335rem;
  }
}
[top-page] section.case .case__top__image-contents {
  width: 100%;
  height: 100%;
  background: var(--color-sample-image);
  border-radius: 4rem;
}
[top-page] section.case .case__top__image-refill {
  width: 142rem;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
@media (max-width: 750px) {
  [top-page] section.case .case__top__image-refill {
    transform: translate(16%, -70%);
  }
}
[top-page] section.case .case__top__bar {
  max-width: calc(100vw - var(--margin-4) * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  width: 100%;
  background: rgba(var(--color-marron-400-rgb), 0.4);
}
@media (max-width: 750px) {
  [top-page] section.case .case__top__bar {
    max-width: calc(100vw - var(--margin-2) * 2);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
[top-page] section.case .case__list {
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
  margin-top: 52rem;
  justify-content: center;
}
@media (min-width: 751px) {
  [top-page] section.case .case__list {
    display: flex;
    --gap: 106rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.case .case__list {
      gap: 0px;
    }
    [top-page] section.case .case__list > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [top-page] section.case .case__list {
    gap: 0px;
  }
  [top-page] section.case .case__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.case .case__list {
    display: flex;
    --gap: 18rem;
    flex-direction: column;
    gap: var(--gap);
    padding-left: var(--margin-2);
    padding-right: var(--margin-2);
    margin-top: 20rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.case .case__list {
      gap: 0px;
    }
    [top-page] section.case .case__list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.case .case__list {
    gap: 0px;
  }
  [top-page] section.case .case__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.case .case__item {
  position: relative;
}
@media (min-width: 751px) {
  [top-page] section.case .case__item {
    display: flex;
    --gap: 0rem;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 750px) {
  [top-page] section.case .case__item {
    display: flex;
    --gap: 0rem;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
  }
}
[top-page] section.case .case__item__side {
  display: flex;
  --gap: 0rem;
  flex-direction: column;
}
@media (min-width: 751px) {
  [top-page] section.case .case__item__side {
    align-items: center;
  }
}
@media (max-width: 750px) {
  [top-page] section.case .case__item__side {
    align-items: flex-start;
    position: relative;
    padding-top: 16rem;
    margin-left: 14rem;
  }
}
[top-page] section.case .case__item__title {
  text-align: center;
  position: relative;
  z-index: 2;
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.case .case__item__title {
    font-size: 20rem;
  }
}
[top-page] section.case .case__item__message {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 4rem;
}
@media (min-width: 751px) {
  [top-page] section.case .case__item__message {
    text-align: center;
  }
}
@media (max-width: 750px) {
  [top-page] section.case .case__item__message {
    margin-top: 16rem;
    line-height: 1.57;
    max-width: 129rem;
  }
}
[top-page] section.case .case_refill {
  width: 100%;
  margin-top: 15rem;
}
@media (max-width: 750px) {
  [top-page] section.case .case_refill {
    width: 130rem;
    margin-top: 4rem;
  }
}
[top-page] section.case .case__item__arrow {
  width: auto;
  height: 15rem;
  margin-top: 12rem;
}
@media (max-width: 750px) {
  [top-page] section.case .case__item__arrow {
    width: 25rem;
    height: auto;
    margin-top: 17rem;
  }
}
[top-page] section.case .case__item__image {
  width: 308rem;
  height: 280rem;
  position: relative;
  margin-top: 27rem;
  overflow: hidden;
}
@media (max-width: 750px) {
  [top-page] section.case .case__item__image {
    min-width: 204rem;
    max-width: 204rem;
    height: 186rem;
    margin-top: 0;
  }
}
[top-page] section.case .case__item__image-contents {
  width: 100%;
  height: 100%;
  background: var(--color-sample-image);
  margin-left: auto;
  margin-right: auto;
  border-radius: 4rem;
}
[top-page] section.case .case__item__button {
  width: 42rem;
  height: 42rem;
  background: var(--color-black-100);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 7rem;
  right: 7rem;
  border-radius: 100rem;
}
[top-page] section.case .case__item__button svg {
  width: 10rem;
  height: 10rem;
}
[top-page] section.case .parts-arrow-link {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 58rem;
}
@media (max-width: 750px) {
  [top-page] section.case .parts-arrow-link {
    margin-top: 36rem;
  }
}
[top-page] section.case[showed] .case__item__image-contents, [top-page] section.case[showed] .case__item__button {
  transition: transform 0.8s ease;
}
[top-page] section.case .case__item__image:hover .case__item__image-contents {
  transform: scale(1.1);
}
[top-page] section.case .case__item__image:hover .case__item__button {
  transform: scale(1.2);
}
[top-page] section.knows {
  padding-top: 138rem;
  padding-bottom: 116rem;
  position: relative;
}
@media (max-width: 750px) {
  [top-page] section.knows {
    padding-top: 70rem;
    padding-bottom: 76rem;
  }
}
[top-page] section.knows .parts-title {
  --gap: 25rem;
}
@media (max-width: 750px) {
  [top-page] section.knows .parts-title {
    --gap: 31rem;
  }
}
[top-page] section.knows .parts-title .parts-title__main {
  text-align: center;
  line-height: 77rem;
}
@media (max-width: 750px) {
  [top-page] section.knows .parts-title .parts-title__main {
    line-height: 1.17;
  }
}
@media (max-width: 750px) {
  [top-page] section.knows .parts-title .parts-title__sub {
    line-height: 1.7;
  }
}
[top-page] section.knows .knows__refill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 202rem;
  height: auto;
}
@media (min-width: 751px) {
  [top-page] section.knows .knows__refill {
    transform: translate(-278rem, -84rem);
  }
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__refill {
    width: 88rem;
    right: auto;
    transform: translate(27rem, -46rem);
  }
}
[top-page] section.knows .knows__list-wrap {
  margin-top: 60rem;
}
@media (min-width: 751px) {
  [top-page] section.knows .knows__list-wrap {
    padding-left: var(--margin-4);
    padding-right: var(--margin-4);
  }
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__list-wrap {
    margin-top: 45rem;
    width: 100vw;
  }
}
@media (min-width: 751px) {
  [top-page] section.knows .knows__list {
    display: flex;
    --gap: 100rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.knows .knows__list {
      gap: 0px;
    }
    [top-page] section.knows .knows__list > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [top-page] section.knows .knows__list {
    gap: 0px;
  }
  [top-page] section.knows .knows__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__list {
    width: fit-content;
    display: flex;
    --gap: 62rem;
    flex-direction: row;
    gap: var(--gap);
    padding-right: var(--margin-3);
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    width: 100vw;
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.knows .knows__list {
      gap: 0px;
    }
    [top-page] section.knows .knows__list > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.knows .knows__list {
    gap: 0px;
  }
  [top-page] section.knows .knows__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__list::-webkit-scrollbar {
    display: none;
  }
  [top-page] section.knows .knows__list::after, [top-page] section.knows .knows__list::before {
    content: "a";
    opacity: 0;
    min-width: 33rem;
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [top-page] section.knows .knows__list > * {
    scroll-snap-align: center;
  }
  [top-page] section.knows .knows__list > *:not(:last-child) {
    margin-right: 62rem;
  }
}
[top-page] section.knows .knows__item {
  position: relative;
}
[top-page] section.knows .knows__item > * {
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__item {
    min-width: 240rem;
  }
}
[top-page] section.knows .knows__item__image {
  height: 280rem;
  width: 100%;
  background: var(--color-sample-image);
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__item__image {
    width: 240rem;
    height: 218rem;
  }
}
[top-page] section.knows .knows__item__reason {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0;
  writing-mode: vertical-rl;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  transform: translateX(-100%);
}
[top-page] section.knows .knows__item__title {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 14rem;
  line-height: 1.75;
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__item__title {
    font-size: 14rem;
    line-height: 1.7;
    margin-top: 9rem;
  }
}
[top-page] section.knows .knows__item__message {
  font-size: 13rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 22rem;
  line-height: 1.6;
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__item__message {
    margin-top: 1rem;
    font-size: 12rem;
    line-height: 22rem;
  }
}
[top-page] section.knows .knows__item__number {
  font-size: 245rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1;
  position: absolute;
  top: 180rem;
  z-index: 0;
  right: 0;
  transform: translateX(50rem);
  color: rgba(var(--color-gray-200-rgb), 0.6);
}
@media (max-width: 750px) {
  [top-page] section.knows .knows__item__number {
    font-size: 162rem;
    top: 152rem;
  }
}
[top-page] section.diploma {
  display: flex;
  justify-content: space-between;
  padding-bottom: 50rem;
}
@media (max-width: 750px) {
  [top-page] section.diploma {
    flex-direction: column;
    padding-bottom: 60rem;
  }
}
[top-page] section.diploma .diploma__image {
  height: 100vh;
  overflow: hidden;
  border-top-right-radius: 120rem;
  border-bottom-right-radius: 6rem;
}
@media (min-width: 751px) {
  [top-page] section.diploma .diploma__image {
    width: calc(50vw - 40rem);
  }
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__image {
    width: 100vw;
    height: 382rem;
    border-top-right-radius: 40rem;
  }
}
[top-page] section.diploma .diploma__image-contents {
  height: 100%;
  width: 100%;
  background: var(--color-sample-image);
}
[top-page] section.diploma .diploma__contents {
  width: 100%;
  padding-right: var(--margin-3);
  padding-top: 110rem;
  padding-bottom: 50rem;
}
@media (min-width: 751px) {
  [top-page] section.diploma .diploma__contents {
    padding-left: 72rem;
    padding-right: var(--margin-4);
    width: 50vw;
  }
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__contents {
    padding-top: 46rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    padding-bottom: 0rem;
  }
}
[top-page] section.diploma .diploma__header {
  padding-bottom: 45rem;
  position: relative;
}
[top-page] section.diploma .diploma__header .parts-title {
  flex-direction: row;
  align-items: center;
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__header .parts-title {
    align-items: baseline;
  }
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__header .parts-title__sub {
    font-size: 12rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__header {
    padding-bottom: 23rem;
  }
}
[top-page] section.diploma .diploma__header__bar {
  width: 100%;
  height: 1px;
  background: rgba(var(--color-marron-400-rgb), 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
}
[top-page] section.diploma .diploma__wrap {
  margin-top: 33rem;
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__wrap {
    margin-top: 25rem;
  }
}
[top-page] section.diploma .diploma__wrap__title {
  font-size: 34rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__wrap__title {
    font-size: 26rem;
    line-height: 1.66;
  }
}
[top-page] section.diploma .diploma__wrap__message {
  font-size: 13rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 21rem;
  margin-top: 23rem;
}
@media (max-width: 750px) {
  [top-page] section.diploma .diploma__wrap__message {
    font-size: 12rem;
    line-height: 1.83;
    margin-top: 20rem;
  }
}
[top-page] section.diploma .diploma__wrap__info {
  height: auto;
  width: 100%;
  margin-top: 40rem;
}
[top-page] section.menu {
  color: var(--color-white-100);
  background: var(--color-marron-300);
  padding-top: 128rem;
  padding-bottom: 56rem;
}
@media (max-width: 750px) {
  [top-page] section.menu {
    padding: 87rem 0;
    padding-bottom: 40rem;
  }
}
[top-page] section.menu .menu__contents {
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__contents {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
[top-page] section.menu .menu__header {
  padding-bottom: 45rem;
  position: relative;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__header {
    padding-bottom: 43rem;
  }
}
[top-page] section.menu .menu__header .parts-title {
  flex-direction: row;
  align-items: center;
  --gap: 40rem;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__header .parts-title {
    flex-direction: column;
    align-items: flex-start;
    --gap: 14rem;
  }
}
[top-page] section.menu .menu__header .parts-title__sub {
  font-size: 14rem;
}
[top-page] section.menu .menu__header__bar {
  width: 100%;
  height: 1px;
  background: rgba(var(--color-cream-100-rgb), 0.4);
  position: absolute;
  bottom: 0;
  left: 0;
}
[top-page] section.menu .menu__description {
  margin-top: 58rem;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__description {
    display: flex;
    --gap: 23rem;
    flex-direction: column;
    gap: var(--gap);
    margin-top: 24rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.menu .menu__description {
      gap: 0px;
    }
    [top-page] section.menu .menu__description > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.menu .menu__description {
    gap: 0px;
  }
  [top-page] section.menu .menu__description > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.menu .menu__description__main {
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 36rem;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__description__main {
    font-size: 24rem;
    line-height: 41rem;
  }
}
[top-page] section.menu .menu__description__sub {
  font-size: 13rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  max-width: 455rem;
  width: 100%;
}
[top-page] section.menu .menu__description__sub--line {
  white-space: nowrap;
  width: 100%;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__description__sub {
    font-size: 12rem;
    line-height: 22rem;
  }
}
[top-page] section.menu .menu__item {
  flex: 1;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__item {
    min-width: 269rem;
  }
}
[top-page] section.menu .menu__item__en {
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-200);
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__item__en {
    font-size: 28rem;
  }
}
[top-page] section.menu .menu__item__image {
  height: 188rem;
  background: var(--color-sample-image);
  border-radius: 4rem;
  width: 100%;
  margin-top: -10rem;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__item__image {
    margin-top: -7rem;
    height: 152rem;
  }
}
[top-page] section.menu .menu__item__info {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-top: 6rem;
}
@media (max-width: 992px) {
  [top-page] section.menu .menu__item__info {
    display: flex;
    --gap: 4rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.menu .menu__item__info {
      gap: 0px;
    }
    [top-page] section.menu .menu__item__info > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 992px) and (-ms-high-contrast: none) {
  [top-page] section.menu .menu__item__info {
    gap: 0px;
  }
  [top-page] section.menu .menu__item__info > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.menu .menu__item__title {
  margin-top: 8rem;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[top-page] section.menu .menu__item__info-text {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[top-page] section.menu .menu__item__info-text--notice {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[top-page] section.menu .menu__item__info-text--tex {
  font-size: 12rem;
}
[top-page] section.menu .menu__item__info-text--min {
  font-size: 16rem;
}
[top-page] section.menu .menu__item__info-text--min-text {
  font-size: 14rem;
}
[top-page] section.menu .menu__list-top {
  width: 100%;
  margin-top: 87rem;
}
@media (min-width: 751px) {
  [top-page] section.menu .menu__list-top {
    padding-left: var(--margin-4);
    padding-right: var(--margin-4);
    display: flex;
    --gap: 37rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.menu .menu__list-top {
      gap: 0px;
    }
    [top-page] section.menu .menu__list-top > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [top-page] section.menu .menu__list-top {
    gap: 0px;
  }
  [top-page] section.menu .menu__list-top > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__list-top {
    width: 100vw;
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    margin-top: 37rem;
  }
  [top-page] section.menu .menu__list-top::-webkit-scrollbar {
    display: none;
  }
  [top-page] section.menu .menu__list-top::after, [top-page] section.menu .menu__list-top::before {
    content: "a";
    opacity: 0;
    min-width: var(--margin-3);
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [top-page] section.menu .menu__list-top > * {
    scroll-snap-align: center;
  }
  [top-page] section.menu .menu__list-top > *:not(:last-child) {
    margin-right: 25rem;
  }
}
[top-page] section.menu .menu__list-bottom {
  margin-top: 51rem;
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  display: flex;
  --gap: 24rem;
  flex-direction: row;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.menu .menu__list-bottom {
    gap: 0px;
  }
  [top-page] section.menu .menu__list-bottom > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.menu .menu__list-bottom {
    gap: 0px;
  }
  [top-page] section.menu .menu__list-bottom > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[top-page] section.menu .menu__list-bottom .menu__item__image {
  height: 121rem;
}
[top-page] section.menu .menu__list-bottom .menu__item__info {
  flex-direction: column;
  align-items: flex-start;
}
[top-page] section.menu .menu__list-bottom .menu__item__info-text {
  margin-top: 4rem;
}
[top-page] section.menu .menu__notice {
  text-align: center;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-200);
  margin-top: 58rem;
}
@media (max-width: 750px) {
  [top-page] section.menu .menu__notice {
    margin-top: 49rem;
  }
}
[top-page] section.flow {
  padding-top: 110rem;
  padding-bottom: 145rem;
  overflow: hidden;
}
@media (min-width: 751px) {
  [top-page] section.flow {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
@media (max-width: 750px) {
  [top-page] section.flow {
    padding-top: 66rem;
    padding-bottom: 80rem;
  }
}
[top-page] section.flow .parts-title {
  --gap: 32rem;
}
@media (max-width: 750px) {
  [top-page] section.flow .parts-title {
    --gap: 17rem;
  }
}
[top-page] section.flow .parts-title .parts-title__sub {
  font-size: 14rem;
}
@media (max-width: 750px) {
  [top-page] section.flow .parts-title .parts-title__sub {
    font-size: 12rem;
  }
}
[top-page] section.flow .flow__list {
  display: flex;
  --gap: 18rem;
  flex-direction: row;
  gap: var(--gap);
  margin-top: 82rem;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.flow .flow__list {
    gap: 0px;
  }
  [top-page] section.flow .flow__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.flow .flow__list {
    gap: 0px;
  }
  [top-page] section.flow .flow__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__list {
    margin-top: 38rem;
    width: 100vw;
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  [top-page] section.flow .flow__list::-webkit-scrollbar {
    display: none;
  }
  [top-page] section.flow .flow__list::after, [top-page] section.flow .flow__list::before {
    content: "a";
    opacity: 0;
    min-width: var(--margin-3);
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [top-page] section.flow .flow__list > * {
    scroll-snap-align: center;
  }
  [top-page] section.flow .flow__list > *:not(:last-child) {
    margin-right: 28rem;
  }
}
[top-page] section.flow .flow__item {
  flex: 1;
  position: relative;
  --height: 428rem;
  width: 292rem;
}
[top-page] section.flow .flow__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  min-height: var(--height);
}
[top-page] section.flow .flow__item > * {
  pointer-events: none;
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__item {
    --width: 236rem;
    min-width: var(--width);
  }
}
[top-page] section.flow .flow__item__circle {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  pointer-events: none;
}
[top-page] section.flow .flow__item__header {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  height: var(--height);
  width: 100%;
  border-radius: 100vw;
  border: 1px solid var(--color-black-100);
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__item__header {
    width: var(--width);
    height: var(--width);
  }
}
[top-page] section.flow .flow__item__header-dot {
  position: absolute;
  --size: 43rem;
  width: var(--size);
  height: var(--size);
  background: var(--color-marron-200);
  border-radius: 100rem;
  top: calc(var(--size) / -2);
  z-index: 2;
  border: 16rem solid var(--color-cream-100);
}
[top-page] section.flow .flow__item__header-wrap {
  display: flex;
  --gap: 8rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.flow .flow__item__header-wrap {
    gap: 0px;
  }
  [top-page] section.flow .flow__item__header-wrap > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.flow .flow__item__header-wrap {
    gap: 0px;
  }
  [top-page] section.flow .flow__item__header-wrap > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.flow .flow__item__header-main {
  font-size: 24rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
}
[top-page] section.flow .flow__item__header-sub {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
}
[top-page] section.flow .flow__header__minutes-text {
  font-size: 21rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: absolute;
  width: fit-content;
  z-index: 1;
  bottom: 14rem;
  left: 0;
  right: 0;
  margin: auto;
  opacity: 0;
}
[top-page] section.flow .flow__header__minutes-text span {
  font-size: 16rem;
}
[top-page] section.flow .flow__header__minutes-triangle {
  --size: 43rem;
  width: var(--size);
  height: var(--size);
  background: var(--color-cream-100);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: calc(var(--size) / -2);
  left: 0;
  right: 0;
  margin: auto;
  transform: scale(0);
}
[top-page] section.flow .flow__header__minutes-triangle svg {
  width: 10rem;
  height: auto;
}
[top-page] section.flow .flow__item__body {
  pointer-events: none;
  bottom: 0;
  opacity: 0;
  left: 0;
  right: 0;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 751px) {
  [top-page] section.flow .flow__item__body {
    position: absolute;
    transform: translateY(100%);
  }
}
[top-page] section.flow .flow__item__body-text {
  padding-top: 25rem;
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
  line-height: 2;
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__item__body-text {
    font-size: 14rem;
    padding-top: 17rem;
  }
}
[top-page] section.flow .flow__item__body-bar {
  width: 100%;
  height: 1px;
  background: var(--color-black-100);
  margin-top: 16rem;
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__item__body-bar {
    margin-top: 6rem;
  }
}
[top-page] section.flow .flow__item__body-message {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 20rem;
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__item__body-message {
    margin-top: 10rem;
  }
}
[top-page] section.flow .flow__item {
  height: fit-content;
}
[top-page] section.flow .flow__item .flow__item__header {
  transition: height 0.5s ease;
}
[top-page] section.flow .flow__item .flow__item__header-dot {
  transition: transform 0.3s ease;
}
[top-page] section.flow .flow__item .flow__header__minutes-text {
  transition: opacity 0.5s ease;
}
[top-page] section.flow .flow__item .flow__header__minutes-triangle {
  transition: transform 0.3s ease;
}
[top-page] section.flow .flow__item .flow__item__body {
  transition: opacity 0.5s ease;
}
[top-page] section.flow .flow__item .flow__item__body-text, [top-page] section.flow .flow__item .flow__item__body-bar, [top-page] section.flow .flow__item .flow__item__body-message {
  transform: translateY(100px);
  transition: transform 0.5s ease;
  transition-duration: 0.5s;
}
[top-page] section.flow .flow__item .flow__item__body-bar {
  transition-duration: 0.6s;
}
[top-page] section.flow .flow__item .flow__item__body-message {
  transition-duration: 0.8s;
}
[top-page] section.flow .flow__item:hover .flow__item__header, [top-page] section.flow .flow__item[active] .flow__item__header {
  height: 292rem;
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__item:hover .flow__item__header, [top-page] section.flow .flow__item[active] .flow__item__header {
    height: 236rem;
  }
}
[top-page] section.flow .flow__item:hover .flow__item__header-dot, [top-page] section.flow .flow__item[active] .flow__item__header-dot {
  transform: scale(0);
}
[top-page] section.flow .flow__item:hover .flow__header__minutes-text, [top-page] section.flow .flow__item[active] .flow__header__minutes-text {
  opacity: 1;
}
[top-page] section.flow .flow__item:hover .flow__header__minutes-triangle, [top-page] section.flow .flow__item[active] .flow__header__minutes-triangle {
  transform: scale(1);
}
[top-page] section.flow .flow__item:hover .flow__item__body, [top-page] section.flow .flow__item[active] .flow__item__body {
  opacity: 1;
}
[top-page] section.flow .flow__item:hover .flow__item__body-text, [top-page] section.flow .flow__item:hover .flow__item__body-bar, [top-page] section.flow .flow__item:hover .flow__item__body-message, [top-page] section.flow .flow__item[active] .flow__item__body-text, [top-page] section.flow .flow__item[active] .flow__item__body-bar, [top-page] section.flow .flow__item[active] .flow__item__body-message {
  transform: translateY(0px);
}
@media (max-width: 750px) {
  [top-page] section.flow .flow__item .flow__item__header {
    height: 236rem;
  }
  [top-page] section.flow .flow__item .flow__item__header-dot {
    transform: scale(0);
  }
  [top-page] section.flow .flow__item .flow__header__minutes-text {
    opacity: 1;
  }
  [top-page] section.flow .flow__item .flow__header__minutes-triangle {
    transform: scale(1);
  }
  [top-page] section.flow .flow__item .flow__item__body {
    opacity: 1;
  }
  [top-page] section.flow .flow__item .flow__item__body-text, [top-page] section.flow .flow__item .flow__item__body-bar, [top-page] section.flow .flow__item .flow__item__body-message {
    transform: translateY(0px);
  }
}
[top-page] section.state {
  background: var(--color-marron-200);
  padding-top: 35rem;
  padding-bottom: 15rem;
  color: var(--color-white-100);
  border-top-left-radius: 120rem;
  position: relative;
  overflow: hidden;
}
@media (max-width: 750px) {
  [top-page] section.state {
    padding-top: 53rem;
  }
}
[top-page] section.state .state__cursor {
  width: 160rem;
  height: 160rem;
  border-radius: 100rem;
  font-size: 24rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: absolute;
  background: var(--color-marron-300);
  box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.44);
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 750px) {
  [top-page] section.state .state__cursor {
    flex-direction: column;
    transform: translate(0px, 0px) !important;
    width: 98rem;
    height: 98rem;
    top: 208rem;
    left: var(--margin-3);
    font-size: 14rem;
  }
}
[top-page] section.state .state__cursor__cover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0.24;
  background: linear-gradient(141.59deg, #927D70 15.77%, rgba(144, 114, 93, 0) 83.71%);
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.76);
  border-radius: 100rem;
}
[top-page] section.state .state__cursor__bar {
  width: 38rem;
  height: 1px;
  background: rgba(var(--color-gray-200-rgb), 0.2);
  margin-top: 9rem;
  position: relative;
}
[top-page] section.state .state__cursor__bar-child {
  width: 0%;
  height: 1px;
  background: var(--color-white-100);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  margin-left: 0px;
}
[top-page] section.state .state__header__main {
  font-size: 170rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: -0.01em;
  text-align: right;
  padding-left: var(--margin-1);
  padding-right: var(--margin-1);
}
@media (max-width: 750px) {
  [top-page] section.state .state__header__main {
    font-size: 82rem;
    line-height: 0.73;
  }
}
[top-page] section.state .state__header__sub {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: right;
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
  margin-top: -2rem;
}
@media (max-width: 750px) {
  [top-page] section.state .state__header__sub {
    margin-top: 28rem;
  }
}
[top-page] section.state .state__slide {
  height: 420rem;
  width: 100vw;
  overflow-x: hidden;
  margin-top: 40rem;
}
@media (max-width: 750px) {
  [top-page] section.state .state__slide {
    height: 211rem;
    margin-top: 42rem;
  }
}
[top-page] section.state .state__slide__wrap {
  display: flex;
  --gap: 83rem;
  flex-direction: row;
  gap: var(--gap);
  width: fit-content;
  height: 100%;
  align-items: flex-end;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.state .state__slide__wrap {
    gap: 0px;
  }
  [top-page] section.state .state__slide__wrap > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.state .state__slide__wrap {
    gap: 0px;
  }
  [top-page] section.state .state__slide__wrap > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (min-width: 751px) {
  [top-page] section.state .state__slide__wrap {
    padding-left: var(--margin-1);
    padding-right: var(--margin-1);
  }
}
@media (max-width: 750px) {
  [top-page] section.state .state__slide__wrap {
    --gap: 10rem;
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  [top-page] section.state .state__slide__wrap::-webkit-scrollbar {
    display: none;
  }
  [top-page] section.state .state__slide__wrap::after, [top-page] section.state .state__slide__wrap::before {
    content: "a";
    opacity: 0;
    min-width: var(--margin-2);
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [top-page] section.state .state__slide__wrap > * {
    scroll-snap-align: center;
  }
  [top-page] section.state .state__slide__wrap > *:not(:last-child) {
    margin-right: 10rem;
  }
}
[top-page] section.state .state__slide__item {
  width: 398rem;
  min-width: 398rem;
  border-radius: 4rem;
  position: relative;
}
@media (max-width: 750px) {
  [top-page] section.state .state__slide__item {
    width: 200rem;
    min-width: 200rem;
  }
}
[top-page] section.state .state__slide__image {
  width: 100%;
  height: auto;
  border-radius: 4rem;
  background: var(--color-sample-image);
  height: auto;
}
[top-page] section.state .state__cursor {
  transition: opacity 0.5s ease;
  opacity: 0;
}
[top-page] section.state .state__cursor[active] {
  opacity: 1;
}
[top-page] section.person {
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
  padding-top: 115rem;
  padding-bottom: 127rem;
}
@media (max-width: 750px) {
  [top-page] section.person {
    padding-top: 67rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    padding-bottom: 80rem;
  }
}
[top-page] section.person .parts-title {
  align-items: flex-start;
  --gap: 28rem;
}
@media (max-width: 750px) {
  [top-page] section.person .parts-title {
    --gap: 0rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
  }
}
[top-page] section.person .parts-title .parts-title__main {
  line-height: 1.17;
}
@media (max-width: 750px) {
  [top-page] section.person .parts-title .parts-title__main {
    text-align: left;
    line-height: 1.17;
  }
}
[top-page] section.person .parts-title .parts-title__sub {
  font-size: 14rem;
}
@media (max-width: 750px) {
  [top-page] section.person .parts-title .parts-title__sub {
    font-size: 12rem;
    margin-bottom: 14rem;
  }
}
@media (min-width: 751px) {
  [top-page] section.person .person__main {
    display: flex;
    justify-content: space-between;
  }
}
[top-page] section.person .person__side {
  max-width: 466rem;
  width: 100%;
}
[top-page] section.person .parson__bar {
  width: 100%;
  height: 1px;
  background: rgba(var(--color-marron-400-rgb), 0.4);
  margin-top: 42rem;
}
@media (max-width: 750px) {
  [top-page] section.person .parson__bar {
    margin-top: 25rem;
  }
}
[top-page] section.person .parson__message {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 37rem;
}
@media (max-width: 750px) {
  [top-page] section.person .parson__message {
    font-size: 16rem;
    margin-top: 26rem;
  }
}
[top-page] section.person .person__suggest {
  width: 100%;
}
@media (min-width: 751px) {
  [top-page] section.person .person__suggest {
    max-width: calc(50vw - var(--margin-4));
    margin-top: -45rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.person .person__suggest {
    margin-top: 9rem;
  }
}
[top-page] section.person .person__suggest-bar {
  width: 100%;
  height: 1px;
  background: rgba(var(--color-marron-400-rgb), 0.4);
}
[top-page] section.person .person__suggest-bar:first-child {
  display: none;
}
[top-page] section.person .person__suggest-item {
  width: 100%;
}
[top-page] section.person .person__suggest-item__header {
  height: 218rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
[top-page] section.person .person__suggest-item__header > * {
  z-index: 1;
}
@media (max-width: 750px) {
  [top-page] section.person .person__suggest-item__header {
    height: 105rem;
  }
}
[top-page] section.person .person__suggest-item__number {
  font-size: 120rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-gray-200);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: fit-content;
  margin: auto;
  z-index: 0;
}
@media (max-width: 750px) {
  [top-page] section.person .person__suggest-item__number {
    font-size: 69rem;
    left: -10rem;
  }
}
[top-page] section.person .person__suggest-item__title {
  font-size: 20rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.6;
  padding-left: 92rem;
}
@media (max-width: 750px) {
  [top-page] section.person .person__suggest-item__title {
    padding-left: calc(var(--margin-4) - var(--margin-3));
    font-size: 14rem;
  }
}
[top-page] section.person .person__suggest-item__link {
  display: flex;
  --gap: 16rem;
  flex-direction: row;
  gap: var(--gap);
  font-size: 12rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  align-items: center;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.person .person__suggest-item__link {
    gap: 0px;
  }
  [top-page] section.person .person__suggest-item__link > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.person .person__suggest-item__link {
    gap: 0px;
  }
  [top-page] section.person .person__suggest-item__link > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[top-page] section.person .person__suggest-item__link-circle {
  width: 78rem;
  height: 78rem;
  border-radius: 100rem;
  background: var(--color-gray-200);
  display: flex;
  justify-content: center;
  align-items: center;
}
[top-page] section.person .person__suggest-item__link-circle svg {
  pointer-events: none;
  width: 10rem;
  height: 10rem;
}
@media (max-width: 750px) {
  [top-page] section.person .person__suggest-item__link-circle {
    width: 62rem;
    height: 62rem;
  }
}
[top-page] section.person .person__suggest-item__body {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  padding-left: 90rem;
  height: 0;
  overflow: hidden;
}
[top-page] section.person .person__suggest-item__body span {
  padding-bottom: 50rem;
  display: inline-block;
}
@media (max-width: 750px) {
  [top-page] section.person .person__suggest-item__body span {
    padding-bottom: 32rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.person .person__suggest-item__body {
    padding-left: 12rem;
    font-size: 12rem;
  }
}
[top-page] section.shop {
  padding-bottom: 118rem;
  overflow: hidden;
}
[top-page] section.shop .shop-head {
  width: 100%;
  height: 100vh;
  color: var(--color-white-100);
  position: relative;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-head {
    height: 480rem;
    overflow: hidden;
  }
}
[top-page] section.shop .shop-head .shop-head__title {
  font-size: 170rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: fit-content;
  display: block;
  letter-spacing: -0.01em;
  text-align: center;
  z-index: 2;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-head .shop-head__title {
    font-size: 36rem;
    bottom: 0;
    top: 0;
    margin: auto;
    line-height: 1;
  }
}
[top-page] section.shop .shop-head .shop-head__sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  width: fit-content;
  height: fit-content;
  position: absolute;
  bottom: 55rem;
  left: var(--margin-2);
  line-height: 2;
  z-index: 2;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-head .shop-head__sub {
    font-size: 12rem;
    bottom: 70rem;
    width: 100%;
    padding-left: var(--margin-4);
    padding-right: var(--margin-4);
    text-align: center;
  }
}
[top-page] section.shop .shop-head .shop-head__line {
  height: 100%;
  width: 1px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: rgba(var(--color-white-100-rgb), 0.2);
  z-index: 3;
  --scale: 0;
}
@media (min-width: 751px) {
  [top-page] section.shop .shop-head .shop-head__line {
    transform-origin: top;
    transform: scaleY(var(--scale));
  }
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-head .shop-head__line {
    height: 1px;
    width: 100%;
    transform: scaleX(var(--scale));
  }
}
[top-page] section.shop .shop-head .shop-head__line__child {
  width: 100%;
  height: 100%;
  background: var(--color-white-100);
  transform-origin: top;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-head .shop-head__line__child {
    transform-origin: left;
    background: rgba(var(--color-white-100-rgb), 0.5);
  }
}
[top-page] section.shop .shop-head .shop-head__cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.494) 100%);
  opacity: 0.86;
  z-index: 1;
  pointer-events: none;
}
[top-page] section.shop .shop-head .shop-head__back {
  display: flex;
  width: 100%;
  height: 100%;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-head .shop-head__back {
    flex-direction: column;
  }
}
[top-page] section.shop .shop-head .shop-head__back-side {
  position: relative;
  overflow: hidden;
}
[top-page] section.shop .shop-head .shop-head__back-side--left {
  width: 50vw;
}
[top-page] section.shop .shop-head .shop-head__back-side--left .shop-head__back-img {
  left: 0;
}
[top-page] section.shop .shop-head .shop-head__back-side--left .shop-head__back-img:nth-child(odd) {
  transform-origin: right center;
  object-position: right center;
}
[top-page] section.shop .shop-head .shop-head__back-side--right {
  width: 50vw;
}
[top-page] section.shop .shop-head .shop-head__back-side--right .shop-head__back-img {
  right: 0;
}
[top-page] section.shop .shop-head .shop-head__back-side--right .shop-head__back-img:nth-child(odd) {
  transform-origin: left center;
  object-position: left center;
}
[top-page] section.shop .shop-head .shop-head__back-side--top {
  height: 50%;
}
[top-page] section.shop .shop-head .shop-head__back-side--top .shop-head__back-img {
  top: 0;
}
[top-page] section.shop .shop-head .shop-head__back-side--top .shop-head__back-img:nth-child(odd) {
  transform-origin: bottom center;
  object-position: bottom center;
}
[top-page] section.shop .shop-head .shop-head__back-side--bottom {
  height: 50%;
}
[top-page] section.shop .shop-head .shop-head__back-side--bottom .shop-head__back-img {
  bottom: 0;
}
[top-page] section.shop .shop-head .shop-head__back-side--bottom .shop-head__back-img:nth-child(odd) {
  transform-origin: top center;
  object-position: top center;
}
[top-page] section.shop .shop-head .shop-head__back-img {
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  transform: scale(1.2);
  background: var(--color-sample-image);
  width: 50vw;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-head .shop-head__back-img {
    height: 100%;
    width: 100vw;
  }
}
[top-page] section.shop .shop-main {
  padding-left: calc(var(--margin-5) - var(--margin-3));
  padding-right: calc(var(--margin-5) - var(--margin-3));
  padding-top: 60rem;
  padding-bottom: 92rem;
  max-width: calc(100vw - var(--margin-3) * 2);
  background: var(--color-white-100);
  position: relative;
  z-index: 2;
  margin-top: -93rem;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100rem;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-main {
    padding-left: var(--margin-2);
    padding-right: var(--margin-2);
    max-width: calc(100vw - var(--margin-2) * 2);
    border-radius: 40rem;
    margin-top: -69rem;
    padding-top: 46rem;
    padding-bottom: 40rem;
  }
}
[top-page] section.shop .shop-main .shop-main__contents-bar {
  background: rgba(var(--color-marron-400-rgb), 0.4);
  width: 1rem;
  height: 320rem;
}
[top-page] section.shop .shop-main .shop-main__side {
  max-width: 430rem;
  width: 100%;
}
[top-page] section.shop .shop-main .shop-main__head {
  display: flex;
  --gap: 12rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.shop .shop-main .shop-main__head {
    gap: 0px;
  }
  [top-page] section.shop .shop-main .shop-main__head > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.shop .shop-main .shop-main__head {
    gap: 0px;
  }
  [top-page] section.shop .shop-main .shop-main__head > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (min-width: 751px) {
  [top-page] section.shop .shop-main .shop-main__head {
    border-bottom: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
    padding-bottom: 44rem;
  }
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-main .shop-main__head {
    --gap: 14rem;
  }
}
[top-page] section.shop .shop-main .shop-main__title {
  font-size: 48rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-main .shop-main__title {
    font-size: 36rem;
  }
}
[top-page] section.shop .shop-main .shop-main__sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
}
[top-page] section.shop .shop-main .shop-main__contents {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 54rem;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-main .shop-main__contents {
    display: flex;
    --gap: 40rem;
    flex-direction: column;
    gap: var(--gap);
    margin-top: 40rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.shop .shop-main .shop-main__contents {
      gap: 0px;
    }
    [top-page] section.shop .shop-main .shop-main__contents > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.shop .shop-main .shop-main__contents {
    gap: 0px;
  }
  [top-page] section.shop .shop-main .shop-main__contents > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.shop .shop-main .shop-main__info {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: 98rem 1fr;
  grid-template-rows: repeat(3, auto);
  gap: 28rem 0px;
  max-width: 430rem;
  width: 100%;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-main .shop-main__info {
    grid-template-columns: auto 1fr;
    font-size: 11rem;
    gap: 15rem 20rem;
  }
}
[top-page] section.shop .shop-main .shop-main__info span:nth-child(even) {
  border-left: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  padding-left: 20rem;
}
[top-page] section.shop .shop-main .shop-main__link {
  width: 248rem;
  height: 68rem;
  border-radius: 4rem;
  background: rgb(160, 130, 117);
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 5px 4px 0px #e2e0dc;
  display: block;
  color: var(--color-white-100);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: relative;
  margin-top: 56rem;
}
[top-page] section.shop .shop-main .shop-main__link:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-marron-500);
  opacity: 0.32;
  position: absolute;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.9);
}
[top-page] section.shop .shop-main .shop-main__link span {
  z-index: 2;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-main .shop-main__link {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0rem;
  }
}
[top-page] section.shop .shop-main .shop-main__description {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.7;
  letter-spacing: 0.01em;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-main .shop-main__description {
    font-size: 12rem;
    line-height: 22rem;
    letter-spacing: 0.02em;
  }
}
[top-page] section.shop .shop-menu {
  margin-top: 60rem;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu {
    border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
    padding-top: 100rem;
    padding-top: 34rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__header {
  display: flex;
  --gap: 36rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: baseline;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.shop .shop-menu .shop-menu__header {
    gap: 0px;
  }
  [top-page] section.shop .shop-menu .shop-menu__header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.shop .shop-menu .shop-menu__header {
    gap: 0px;
  }
  [top-page] section.shop .shop-menu .shop-menu__header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu .shop-menu__header {
    --gap: 18rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__title {
  font-size: 36rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu .shop-menu__title {
    font-size: 30rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu .shop-menu__sub {
    font-size: 12rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__list {
  margin-top: 30rem;
}
[top-page] section.shop .shop-menu .shop-menu__item {
  height: 60rem;
  border-bottom: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  display: flex;
  align-items: center;
}
[top-page] section.shop .shop-menu .shop-menu__item:first-child {
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu .shop-menu__item {
    border-color: rgba(var(--color-marron-400-rgb), 0.08) !important;
    height: 69rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__item__header {
  width: 270rem;
}
[top-page] section.shop .shop-menu .shop-menu__item__title {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu .shop-menu__item__title {
    font-size: 14rem;
    line-height: 1.3;
    margin-top: 6rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__item__sub {
  font-size: 14rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu .shop-menu__item__sub {
    font-size: 10rem;
    margin-top: 4rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__item__info {
  display: flex;
  --gap: 30rem;
  flex-direction: row;
  gap: var(--gap);
  margin-left: auto;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.shop .shop-menu .shop-menu__item__info {
    gap: 0px;
  }
  [top-page] section.shop .shop-menu .shop-menu__item__info > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.shop .shop-menu .shop-menu__item__info {
    gap: 0px;
  }
  [top-page] section.shop .shop-menu .shop-menu__item__info > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.shop .shop-menu .shop-menu__item__info {
    --gap: 10rem;
  }
}
[top-page] section.shop .shop-menu .shop-menu__item__text {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  white-space: nowrap;
  min-width: 40rem;
}
[top-page] section.shop .shop-menu .shop-menu__item__text span:nth-child(2) {
  font-size: 12rem;
}
[top-page] section.shop .shop__cta {
  max-width: calc(100vw - var(--margin-2) * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  border-bottom: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  height: 511rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 120rem;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop__cta {
    max-width: calc(100vw - 0px);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    height: 335rem;
  }
}
[top-page] section.shop .shop__cta .shop__cta__title {
  font-size: 64rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop__cta .shop__cta__title {
    font-size: 40rem;
  }
}
[top-page] section.shop .shop__cta .shop__cta__title__sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 20rem;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop__cta .shop__cta__title__sub {
    font-size: 12rem;
  }
}
[top-page] section.shop .shop__cta .shop__cta__message {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 66rem;
  line-height: 1.8;
  text-align: center;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop__cta .shop__cta__message {
    font-size: 14rem;
    margin-top: 35rem;
  }
}
[top-page] section.shop .shop__cta .parts-arrow-link {
  margin-top: 62rem;
}
@media (max-width: 750px) {
  [top-page] section.shop .shop__cta .parts-arrow-link {
    margin-top: 48rem;
  }
}
[top-page] section.shop .shop-head__back-img {
  opacity: 0;
  transition: opacity 0.5s ease;
}
[top-page] section.shop .shop-head__back-img[active-image] {
  opacity: 1;
}
[top-page] section.original {
  padding-bottom: 119rem;
}
@media (max-width: 750px) {
  [top-page] section.original {
    padding-bottom: 58rem;
  }
}
[top-page] section.original .original__wrap {
  width: calc(100vw - var(--margin-3));
  background: var(--color-gray-200);
  border-top-left-radius: 120rem;
  border-bottom-left-radius: 120rem;
  margin-left: auto;
  padding-left: 83rem;
  padding-right: var(--margin-2);
  padding-top: 67rem;
  padding-bottom: 120rem;
}
@media (max-width: 750px) {
  [top-page] section.original .original__wrap {
    width: calc(100vw - var(--margin-2));
    padding-left: 42rem;
    padding-right: var(--margin-3);
    padding-top: 62rem;
    padding-bottom: 59rem;
    border-top-left-radius: 40rem;
    border-bottom-left-radius: 40rem;
  }
}
[top-page] section.original .original__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 750px) {
  [top-page] section.original .original__header {
    flex-direction: column;
    align-items: flex-start;
    display: flex;
    --gap: 28rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.original .original__header {
      gap: 0px;
    }
    [top-page] section.original .original__header > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.original .original__header {
    gap: 0px;
  }
  [top-page] section.original .original__header > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.original .parts-title {
  align-items: flex-start;
  margin: 0;
  padding-bottom: 16rem;
  --gap: 41rem;
}
@media (max-width: 750px) {
  [top-page] section.original .parts-title {
    --gap: 11rem;
  }
}
[top-page] section.original .parts-title .parts-title__main {
  line-height: 1.18;
}
@media (max-width: 750px) {
  [top-page] section.original .parts-title .parts-title__main {
    text-align: left;
  }
}
[top-page] section.original .parts-title .parts-title__sub {
  font-size: 14rem;
}
@media (max-width: 750px) {
  [top-page] section.original .parts-title .parts-title__sub {
    font-size: 12rem;
  }
}
[top-page] section.original .original__list {
  margin-top: 64rem;
}
@media (min-width: 751px) {
  [top-page] section.original .original__list {
    display: flex;
    --gap: 45rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.original .original__list {
      gap: 0px;
    }
    [top-page] section.original .original__list > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [top-page] section.original .original__list {
    gap: 0px;
  }
  [top-page] section.original .original__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.original .original__list {
    display: flex;
    --gap: 27rem;
    flex-direction: column;
    gap: var(--gap);
    margin-top: 50rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [top-page] section.original .original__list {
      gap: 0px;
    }
    [top-page] section.original .original__list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [top-page] section.original .original__list {
    gap: 0px;
  }
  [top-page] section.original .original__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[top-page] section.original .original__item {
  flex: 1;
}
[top-page] section.original .original__image {
  width: 100%;
  height: 366rem;
  background: var(--color-sample-image);
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [top-page] section.original .original__image {
    height: 306rem;
  }
}
[top-page] section.original .original__image-wrap {
  overflow: hidden;
  border-radius: 4rem;
}
[top-page] section.original .original__item__head {
  display: flex;
  --gap: 18rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: baseline;
  margin-top: 19rem;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.original .original__item__head {
    gap: 0px;
  }
  [top-page] section.original .original__item__head > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.original .original__item__head {
    gap: 0px;
  }
  [top-page] section.original .original__item__head > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.original .original__item__head {
    margin-top: 15rem;
  }
}
[top-page] section.original .original__item__en {
  font-size: 22rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.original .original__item__en {
    font-size: 18rem;
  }
}
[top-page] section.original .original__item__ja {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [top-page] section.original .original__item__ja {
    font-size: 12rem;
  }
}
[top-page] section.original .original__item__price {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 12rem;
}
[top-page] section.original .original__item__price:nth-child(2) {
  font-size: 12rem;
}
@media (max-width: 750px) {
  [top-page] section.original .original__item__price:nth-child(2) {
    font-size: 10rem;
  }
}
[top-page] section.original .original__item__info {
  display: flex;
  --gap: 24rem;
  flex-direction: row;
  gap: var(--gap);
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-500);
  margin-top: 22rem;
}
@supports not (aspect-ratio: 16/9) {
  [top-page] section.original .original__item__info {
    gap: 0px;
  }
  [top-page] section.original .original__item__info > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [top-page] section.original .original__item__info {
    gap: 0px;
  }
  [top-page] section.original .original__item__info > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [top-page] section.original .original__item__info {
    font-size: 13rem;
    margin-top: 8rem;
  }
}
[top-page] section.original .original__image {
  transition: transform 0.7s ease;
}
[top-page] section.original .original__item:hover .original__image {
  transform: scale(1.1);
}
[state-page] .modal-cover {
  position: fixed;
  background: rgba(62, 47, 37, 0.5);
  width: 100vw;
  height: 100vh;
  z-index: 20;
  opacity: 0;
  pointer-events: none;
}
[state-page] .modal-cover .modal-cover__images {
  height: 664rem;
  width: 697rem;
  display: flex;
  --gap: 18rem;
  flex-direction: column;
  gap: var(--gap);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
@supports not (aspect-ratio: 16/9) {
  [state-page] .modal-cover .modal-cover__images {
    gap: 0px;
  }
  [state-page] .modal-cover .modal-cover__images > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [state-page] .modal-cover .modal-cover__images {
    gap: 0px;
  }
  [state-page] .modal-cover .modal-cover__images > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [state-page] .modal-cover .modal-cover__images {
    width: calc(100vw - var(--margin-3) * 2);
    --gap: 10rem;
    justify-content: space-between;
    height: 300rem;
  }
}
[state-page] .modal-cover .modal-cover__images img {
  border-radius: 4rem;
  height: 323rem;
}
@media (max-width: 750px) {
  [state-page] .modal-cover .modal-cover__images img {
    height: 150rem;
  }
}
[state-page] .modal-cover .modal-cover__close {
  width: 82rem;
  height: 82rem;
  position: absolute;
  bottom: 20rem;
  right: var(--margin-2);
  background: var(--color-white-100);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100rem;
}
[state-page] .modal-cover .modal-cover__close svg {
  width: 17rem;
  height: auto;
}
[state-page] .modal-cover {
  transition: opacity 0.5s ease;
}
[state-page] .first-title {
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  padding-top: 138rem;
}
[state-page] .first-title .first-title__main {
  font-size: 170rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: -0.02em;
}
@media (max-width: 750px) {
  [state-page] .first-title .first-title__main {
    font-size: 82rem;
    line-height: 0.9;
  }
}
[state-page] .first-title .first-title__sub {
  font-size: 20rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: -7rem;
}
@media (max-width: 750px) {
  [state-page] .first-title .first-title__sub {
    font-size: 14rem;
    margin-top: 26rem;
  }
}
[state-page] .container {
  padding-top: 120rem;
  padding-bottom: 251rem;
}
@media (min-width: 751px) {
  [state-page] .container {
    display: flex;
    --gap: 98rem;
    flex-direction: row;
    gap: var(--gap);
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
  @supports not (aspect-ratio: 16/9) {
    [state-page] .container {
      gap: 0px;
    }
    [state-page] .container > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [state-page] .container {
    gap: 0px;
  }
  [state-page] .container > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [state-page] .container {
    padding-top: 74rem;
    padding-bottom: 230rem;
  }
}
[state-page] .container .container__title {
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
[state-page] .container .container__sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
@media (min-width: 751px) {
  [state-page] .container .container__sub {
    margin-top: 16rem;
  }
}
@media (max-width: 750px) {
  [state-page] .container .container__header {
    display: flex;
    --gap: 18rem;
    flex-direction: row;
    gap: var(--gap);
    position: relative;
    align-items: center;
    padding-bottom: 21rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
  @supports not (aspect-ratio: 16/9) {
    [state-page] .container .container__header {
      gap: 0px;
    }
    [state-page] .container .container__header > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [state-page] .container .container__header {
    gap: 0px;
  }
  [state-page] .container .container__header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[state-page] .container .container__header-bar {
  width: 100%;
  height: 1px;
  background: rgba(var(--color-marron-400-rgb), 0.5);
  margin-top: 33rem;
}
@media (max-width: 750px) {
  [state-page] .container .container__header-bar {
    position: absolute;
    bottom: 0;
    width: calc(100vw - var(--margin-3) * 2);
  }
}
[state-page] .case {
  --width: 338rem;
  width: var(--width);
}
@media (max-width: 750px) {
  [state-page] .case {
    --width: 100%;
  }
}
[state-page] .case .case__list {
  margin-top: 29rem;
}
@media (min-width: 751px) {
  [state-page] .case .case__list {
    display: flex;
    --gap: 49rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [state-page] .case .case__list {
      gap: 0px;
    }
    [state-page] .case .case__list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [state-page] .case .case__list {
    gap: 0px;
  }
  [state-page] .case .case__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [state-page] .case .case__list {
    overflow: auto;
    scroll-snap-type: X mandatory;
    display: flex;
    --gap: 18rem;
    flex-direction: row;
    gap: var(--gap);
    margin-top: 35rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  @supports not (aspect-ratio: 16/9) {
    [state-page] .case .case__list {
      gap: 0px;
    }
    [state-page] .case .case__list > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [state-page] .case .case__list {
    gap: 0px;
  }
  [state-page] .case .case__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [state-page] .case .case__list::-webkit-scrollbar {
    display: none;
  }
  [state-page] .case .case__list:after, [state-page] .case .case__list:before {
    content: "aa";
    display: block;
    width: 28rem;
    scroll-snap-align: center;
    opacity: 0;
  }
}
[state-page] .case .case__item {
  width: 100%;
}
@media (max-width: 750px) {
  [state-page] .case .case__item {
    min-width: 261rem;
    scroll-snap-align: center;
  }
}
[state-page] .case .case__item-image {
  overflow: hidden;
  border-radius: 4rem;
  width: var(--width);
  height: var(--width);
  position: relative;
}
@media (max-width: 750px) {
  [state-page] .case .case__item-image {
    height: 261rem;
  }
}
[state-page] .case .case__item-number {
  width: 80rem;
  padding-left: 14rem;
  background: var(--color-marron-200);
  position: absolute;
  top: 0;
  left: 0;
  color: var(--color-white-100);
  line-height: 27rem;
  font-size: 16rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  border-bottom-right-radius: 4rem;
  padding-top: 2rem;
}
[state-page] .case .case__item-content {
  margin-top: 16rem;
}
[state-page] .case .case__item-title {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-left: 14rem;
  border-left: 4rem solid var(--color-marron-200);
  line-height: 1.5;
}
@media (max-width: 750px) {
  [state-page] .case .case__item-title {
    font-size: 14rem;
  }
}
[state-page] .case .case__item-category {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  --gap: 8rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: baseline;
  margin-top: 16rem;
}
@supports not (aspect-ratio: 16/9) {
  [state-page] .case .case__item-category {
    gap: 0px;
  }
  [state-page] .case .case__item-category > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [state-page] .case .case__item-category {
    gap: 0px;
  }
  [state-page] .case .case__item-category > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[state-page] .case .case__item-category > *:first-child {
  font-size: 10rem;
}
[state-page] .state {
  flex: 1;
}
@media (max-width: 750px) {
  [state-page] .state {
    margin-top: 68rem;
  }
}
[state-page] .state .state__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 29rem;
}
@media (max-width: 750px) {
  [state-page] .state .state__list {
    display: flex;
    --gap: 14rem;
    flex-direction: column;
    gap: var(--gap);
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    width: 100vw;
  }
  @supports not (aspect-ratio: 16/9) {
    [state-page] .state .state__list {
      gap: 0px;
    }
    [state-page] .state .state__list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [state-page] .state .state__list {
    gap: 0px;
  }
  [state-page] .state .state__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[state-page] .state .state__item {
  width: 381rem;
  padding-left: 17rem;
  padding-right: 17rem;
  background: var(--color-gray-200);
  position: relative;
  overflow: hidden;
  border-radius: 4rem;
  padding-top: 48rem;
  padding-bottom: 30rem;
}
@media (min-width: 751px) {
  [state-page] .state .state__item:nth-child(n+3) {
    margin-top: 26rem;
  }
}
@media (max-width: 750px) {
  [state-page] .state .state__item {
    width: 100%;
    padding-left: 14rem;
    padding-right: 14rem;
  }
}
[state-page] .state .state__item__number {
  position: absolute;
  font-size: 16rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  top: 0;
  left: 0;
  width: 71rem;
  line-height: 27rem;
  padding-top: 2rem;
  padding-left: 14rem;
  background: var(--color-marron-200);
  color: var(--color-white-100);
  border-bottom-right-radius: 4rem;
}
[state-page] .state .state__item__title {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-left: 14rem;
  border-left: 4rem solid var(--color-marron-200);
  line-height: 1.5;
}
[state-page] .state .state__item__button {
  margin-top: 21rem;
  display: flex;
  display: flex;
  --gap: 8rem;
  flex-direction: column;
  gap: var(--gap);
  width: 100%;
  --space: 26rem;
  padding-left: var(--space);
}
@supports not (aspect-ratio: 16/9) {
  [state-page] .state .state__item__button {
    gap: 0px;
  }
  [state-page] .state .state__item__button > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [state-page] .state .state__item__button {
    gap: 0px;
  }
  [state-page] .state .state__item__button > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[state-page] .state .state__item__button img {
  width: 100%;
  border-radius: 4rem;
  height: 149rem;
}
@media (max-width: 750px) {
  [state-page] .state .state__item__button img {
    height: 120rem;
  }
}
[state-page] .state .state__item__circle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  transform: translateX(calc(var(--space) / 2));
  width: 47rem;
  height: 47rem;
  border-radius: 100rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  position: absolute;
  background: var(--color-marron-300);
  box-shadow: inset 0 -3px 4px rgba(0, 0, 0, 0.44);
  z-index: 10;
  pointer-events: none;
}
@media (max-width: 750px) {
  [state-page] .state .state__item__circle {
    flex-direction: column;
    opacity: 1 !important;
    width: 47rem;
    height: 47rem;
  }
}
[state-page] .state .state__item__circle:after {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0.24;
  background: linear-gradient(141.59deg, #927D70 15.77%, rgba(144, 114, 93, 0) 83.71%);
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.76);
  border-radius: 100rem;
}
[state-page] .state .state__item__circle-lens {
  width: 17rem;
  height: auto;
}
[state-page] .state .state__item__text {
  display: flex;
  justify-content: space-between;
  font-size: 16rem;
  font-family: orpheuspro, serif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: absolute;
  display: flex;
  --gap: 8rem;
  flex-direction: column;
  gap: var(--gap);
  left: 0;
}
@supports not (aspect-ratio: 16/9) {
  [state-page] .state .state__item__text {
    gap: 0px;
  }
  [state-page] .state .state__item__text > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [state-page] .state .state__item__text {
    gap: 0px;
  }
  [state-page] .state .state__item__text > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[state-page] .state .state__item__text span {
  writing-mode: vertical-rl;
  height: 149rem;
  text-align: center;
}
@media (max-width: 750px) {
  [state-page] .state .state__item__text span {
    height: 120rem;
  }
}
[state-page] .state .state__item__text-arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
[state-page] .state .state__item__menu {
  font-size: 10rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  --gap: 7rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  margin-top: 24rem;
}
@supports not (aspect-ratio: 16/9) {
  [state-page] .state .state__item__menu {
    gap: 0px;
  }
  [state-page] .state .state__item__menu > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [state-page] .state .state__item__menu {
    gap: 0px;
  }
  [state-page] .state .state__item__menu > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [state-page] .state .state__item__menu {
    margin-top: 15rem;
  }
}
[state-page] .state .state__item__menu-title {
  margin-right: 16rem;
}
[state-page] .state .state__item__menu-text {
  padding-left: 16rem;
  padding-right: 16rem;
  display: inline-block;
  background: var(--color-marron-500);
  line-height: 28rem;
  color: var(--color-white-100);
  border-radius: 100rem;
}
[modal-cover-active] .modal-cover {
  opacity: 1;
  pointer-events: auto;
}
[modal-cover-active] .base-cta {
  pointer-events: none;
  opacity: 0;
}
[modal-cover-active] .base-header {
  opacity: 0;
  pointer-events: none;
}
@media (max-width: 750px) {
  [case-page] .parts-scroll {
    display: none;
  }
}
[case-page] .first-title {
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  padding-top: 183rem;
}
@media (max-width: 750px) {
  [case-page] .first-title {
    padding-top: 135rem;
  }
}
[case-page] .first-title .first-title__main {
  font-size: 170rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: -0.02em;
}
@media (max-width: 750px) {
  [case-page] .first-title .first-title__main {
    font-size: 82rem;
    line-height: 80rem;
  }
}
[case-page] .first-title .first-title__sub {
  font-size: 20rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: -7rem;
}
@media (max-width: 750px) {
  [case-page] .first-title .first-title__sub {
    font-size: 14rem;
    margin-top: 17rem;
  }
}
[case-page] section.case {
  padding-top: 117rem;
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
}
@media (min-width: 751px) {
  [case-page] section.case {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 750px) {
  [case-page] section.case {
    display: flex;
    --gap: 18rem;
    flex-direction: column;
    gap: var(--gap);
    padding-top: 73rem;
    padding-left: var(--margin-2);
    padding-right: var(--margin-2);
  }
  @supports not (aspect-ratio: 16/9) {
    [case-page] section.case {
      gap: 0px;
    }
    [case-page] section.case > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [case-page] section.case {
    gap: 0px;
  }
  [case-page] section.case > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[case-page] section.case .case__thumbnail {
  border-radius: 4rem;
  overflow: hidden;
  width: calc(50vw - var(--margin-3));
  height: calc(50vw - var(--margin-3));
}
@media (max-width: 750px) {
  [case-page] section.case .case__thumbnail {
    width: calc(100vw - var(--margin-2) * 2);
    height: calc(100vw - var(--margin-2) * 2);
  }
}
[case-page] section.case .case__side {
  width: calc(50vw - var(--margin-3));
}
@media (min-width: 751px) {
  [case-page] section.case .case__side {
    padding-left: 60rem;
  }
}
@media (max-width: 750px) {
  [case-page] section.case .case__side {
    width: 100%;
  }
}
[case-page] section.case .case__side__title {
  font-size: 28rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-left: 26rem;
  position: relative;
  line-height: 1.78;
  margin-top: -10rem;
}
[case-page] section.case .case__side__title::after {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: calc(100% - 20rem);
  width: 4rem;
  background: var(--color-marron-200);
  content: "";
  border-radius: 10rem;
}
@media (max-width: 750px) {
  [case-page] section.case .case__side__title::after {
    height: calc(100% - 10rem);
  }
}
@media (max-width: 750px) {
  [case-page] section.case .case__side__title {
    font-size: 16rem;
    margin-top: 0;
    padding-left: 14rem;
  }
}
[case-page] section.case .case__side__table {
  margin-top: 49rem;
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: 100rem 1fr;
  grid-template-rows: repeat(4, 1fr);
  gap: 23rem 0px;
}
@media (max-width: 750px) {
  [case-page] section.case .case__side__table {
    grid-template-columns: 88rem 1fr;
    margin-top: 28rem;
    gap: 15rem 0px;
    padding-left: calc(var(--margin-3) - var(--margin-2));
    padding-right: calc(var(--margin-3) - var(--margin-2));
  }
}
[case-page] section.case .case__side__table-item {
  line-height: 1;
  display: flex;
  --gap: 10rem;
  flex-direction: row;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [case-page] section.case .case__side__table-item {
    gap: 0px;
  }
  [case-page] section.case .case__side__table-item > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [case-page] section.case .case__side__table-item {
    gap: 0px;
  }
  [case-page] section.case .case__side__table-item > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[case-page] section.case .case__side__table-item:nth-child(odd) {
  font-size: 17rem;
  font-family: orpheuspro, serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: #97735D;
  min-width: 88rem;
}
@media (max-width: 750px) {
  [case-page] section.case .case__side__table-item:nth-child(odd) {
    font-size: 12rem;
  }
}
[case-page] section.case .case__side__table-item:nth-child(even) {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [case-page] section.case .case__side__table-item:nth-child(even) {
    font-size: 12rem;
  }
}
[case-page] section.case .case__side__comments {
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  margin-top: 56rem;
  padding-top: 28rem;
}
@media (max-width: 750px) {
  [case-page] section.case .case__side__comments {
    width: calc(100% - (var(--margin-3) - var(--margin-2)) * 2);
    margin-left: auto;
    margin-right: auto;
    margin-top: 41rem;
  }
}
[case-page] section.case .case__side__comments-title {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [case-page] section.case .case__side__comments-title {
    font-size: 16rem;
  }
}
[case-page] section.case .case__side__comments-text {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 18rem;
}
[case-page] section.counseling {
  background: var(--color-marron-500);
  padding-top: 50rem;
  padding-bottom: 50rem;
  margin-left: auto;
  margin-right: auto;
  color: var(--color-white-100);
  margin-top: 100rem;
}
@media (min-width: 751px) {
  [case-page] section.counseling {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 106rem;
    padding-left: 80rem;
    max-width: calc(100vw - var(--margin-3) * 2);
  }
}
@media (max-width: 750px) {
  [case-page] section.counseling {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    display: flex;
    flex-direction: column-reverse;
    padding-top: 78rem;
    padding-bottom: 89rem;
  }
}
[case-page] section.counseling .counseling__image {
  width: 455rem;
  height: 406rem;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [case-page] section.counseling .counseling__image {
    width: 100%;
    height: 334rem;
    margin-top: 24rem;
  }
}
[case-page] section.counseling .counseling__contents {
  max-width: 430rem;
  width: 100%;
}
[case-page] section.counseling .counseling__contents__title {
  display: flex;
  --gap: 12rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [case-page] section.counseling .counseling__contents__title {
    gap: 0px;
  }
  [case-page] section.counseling .counseling__contents__title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [case-page] section.counseling .counseling__contents__title {
    gap: 0px;
  }
  [case-page] section.counseling .counseling__contents__title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[case-page] section.counseling .counseling__contents__title-main {
  font-size: 36rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[case-page] section.counseling .counseling__contents__title-sub {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[case-page] section.counseling .counseling__contents__wrap {
  padding-top: 22rem;
  margin-top: 54rem;
  border-top: 1px solid rgba(var(--color-white-100-rgb), 0.4);
}
@media (max-width: 750px) {
  [case-page] section.counseling .counseling__contents__wrap {
    margin-top: 40rem;
  }
}
[case-page] section.counseling .counseling__contents__text-title {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[case-page] section.counseling .counseling__contents__text {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.8;
  margin-top: 18rem;
}
[case-page] section.impression {
  padding-top: 155rem;
}
@media (max-width: 750px) {
  [case-page] section.impression {
    padding-top: 79rem;
  }
}
@media (max-width: 750px) {
  [case-page] section.impression .parts-title {
    align-items: flex-start;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
@media (max-width: 750px) {
  [case-page] section.impression .parts-title .parts-title__main {
    line-height: 47rem;
    text-align: left;
  }
}
@media (max-width: 750px) {
  [case-page] section.impression .parts-title .parts-title__sub {
    text-align: left;
  }
}
[case-page] section.impression .impression__list {
  margin-top: 80rem;
  display: flex;
  --gap: 120rem;
  flex-direction: column;
  gap: var(--gap);
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
}
@supports not (aspect-ratio: 16/9) {
  [case-page] section.impression .impression__list {
    gap: 0px;
  }
  [case-page] section.impression .impression__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [case-page] section.impression .impression__list {
    gap: 0px;
  }
  [case-page] section.impression .impression__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [case-page] section.impression .impression__list {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    --gap: 52rem;
    margin-top: 37rem;
  }
}
@media (min-width: 751px) {
  [case-page] section.impression .impression__item {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
}
@media (max-width: 750px) {
  [case-page] section.impression .impression__item {
    padding-top: 24rem;
    border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  }
}
[case-page] section.impression .impression__item__image {
  max-width: 607rem;
  width: 100%;
  border-radius: 4rem;
  height: 607rem;
}
@media (max-width: 750px) {
  [case-page] section.impression .impression__item__image {
    width: calc(100vw - var(--margin-3) * 2);
    height: calc(100vw - var(--margin-3) * 2);
    margin-bottom: 40rem;
  }
}
[case-page] section.impression .impression__item__side {
  max-width: 340rem;
  width: 100%;
  display: flex;
  --gap: 45rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [case-page] section.impression .impression__item__side {
    gap: 0px;
  }
  [case-page] section.impression .impression__item__side > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [case-page] section.impression .impression__item__side {
    gap: 0px;
  }
  [case-page] section.impression .impression__item__side > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[case-page] section.impression .impression__item__request {
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  padding-top: 24rem;
}
[case-page] section.impression .impression__item__request-sub {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-500);
}
[case-page] section.impression .impression__item__request-title {
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  line-height: 1.54;
  margin-top: 11rem;
}
@media (max-width: 750px) {
  [case-page] section.impression .impression__item__request-title {
    margin-top: 13rem;
    font-size: 18rem;
  }
}
[case-page] section.impression .impression__item__request-text {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.83;
  margin-top: 16rem;
}
@media (max-width: 750px) {
  [case-page] section.impression .impression__item__request-text {
    margin-top: 20rem;
  }
}
[case-page] section.impression .impression__item__staff {
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
  padding-top: 24rem;
  margin-top: 50rem;
}
@media (max-width: 750px) {
  [case-page] section.impression .impression__item__staff {
    margin-top: 40rem;
  }
}
[case-page] section.impression .impression__item__staff-header {
  display: flex;
  --gap: 26rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
}
@supports not (aspect-ratio: 16/9) {
  [case-page] section.impression .impression__item__staff-header {
    gap: 0px;
  }
  [case-page] section.impression .impression__item__staff-header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [case-page] section.impression .impression__item__staff-header {
    gap: 0px;
  }
  [case-page] section.impression .impression__item__staff-header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[case-page] section.impression .impression__item__staff-image {
  border-radius: 100rem;
  width: 100rem;
  height: 100rem;
}
[case-page] section.impression .impression__item__staff-header-child {
  display: flex;
  --gap: 14rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [case-page] section.impression .impression__item__staff-header-child {
    gap: 0px;
  }
  [case-page] section.impression .impression__item__staff-header-child > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [case-page] section.impression .impression__item__staff-header-child {
    gap: 0px;
  }
  [case-page] section.impression .impression__item__staff-header-child > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[case-page] section.impression .impression__item__staff-pos {
  font-size: 10rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-400);
}
[case-page] section.impression .impression__item__staff-name {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 8rem;
}
[case-page] section.impression .impression__item__staff-title {
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 25rem;
  line-height: 1.54;
}
@media (max-width: 750px) {
  [case-page] section.impression .impression__item__staff-title {
    font-size: 18rem;
  }
}
[case-page] section.impression .impression__item__staff-message {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.83;
  margin-top: 24rem;
}
[case-page] section.other {
  padding-top: 155rem;
  padding-bottom: 250rem;
}
@media (max-width: 750px) {
  [case-page] section.other {
    padding-top: 80rem;
    padding-bottom: 99rem;
  }
}
[case-page] section.other .parts-title {
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  align-items: flex-start;
}
[case-page] section.other .other__list {
  display: flex;
  --gap: 55rem;
  flex-direction: row;
  gap: var(--gap);
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
  padding-top: 95rem;
}
@supports not (aspect-ratio: 16/9) {
  [case-page] section.other .other__list {
    gap: 0px;
  }
  [case-page] section.other .other__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [case-page] section.other .other__list {
    gap: 0px;
  }
  [case-page] section.other .other__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [case-page] section.other .other__list {
    padding-top: 40rem;
    padding-left: 0rem;
    padding-right: 0rem;
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    padding-top: 44rem;
  }
  [case-page] section.other .other__list::-webkit-scrollbar {
    display: none;
  }
  [case-page] section.other .other__list::after, [case-page] section.other .other__list::before {
    content: "a";
    opacity: 0;
    min-width: var(--margin-3);
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [case-page] section.other .other__list > * {
    scroll-snap-align: center;
  }
  [case-page] section.other .other__list > *:not(:last-child) {
    margin-right: 18rem;
  }
}
[case-page] section.other .other__item {
  --size: 338rem;
  max-width: var(--size);
}
@media (max-width: 750px) {
  [case-page] section.other .other__item {
    --size: 261rem;
    min-width: var(--size);
  }
}
[case-page] section.other .other__item__thumbnail {
  width: var(--size);
  height: var(--size);
  position: relative;
  overflow: hidden;
  border-radius: 4rem;
}
[case-page] section.other .other__item__num {
  font-size: 16rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-white-100);
  background: var(--color-marron-200);
  padding-left: 13rem;
  padding-right: 13rem;
  width: fit-content;
  line-height: 27rem;
  border-bottom-right-radius: 4rem;
  position: absolute;
  left: 0;
  top: 0;
}
[case-page] section.other .other__item__image {
  width: 100%;
  height: 100%;
}
[case-page] section.other .other__item__title {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-left: 14rem;
  position: relative;
  line-height: 1.33;
  margin-top: 17rem;
}
[case-page] section.other .other__item__title:after {
  content: "";
  background: var(--color-marron-200);
  height: 100%;
  width: 4rem;
  border-radius: 100rem;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  position: absolute;
}
@media (max-width: 750px) {
  [case-page] section.other .other__item__title {
    line-height: 1.5;
    font-size: 14rem;
  }
}
[case-page] section.other .other__item__keyword {
  margin-top: 17rem;
  display: flex;
  align-items: baseline;
  font-size: 10rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  flex-wrap: wrap;
  gap: 9rem;
}
@media (max-width: 750px) {
  [case-page] section.other .other__item__keyword {
    margin-top: 16rem;
  }
}
[case-page] section.other .other__item__keyword-title {
  margin-right: 7rem;
}
[case-page] section.other .other__item__keyword-item {
  font-size: 12rem;
}
@media (max-width: 750px) {
  [faq-page] .parts-scroll {
    display: none;
  }
}
[faq-page] .first-title {
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  padding-top: 183rem;
}
@media (max-width: 750px) {
  [faq-page] .first-title {
    padding-top: 135rem;
  }
}
[faq-page] .first-title .first-title__main {
  font-size: 170rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: -0.02em;
}
@media (max-width: 750px) {
  [faq-page] .first-title .first-title__main {
    font-size: 82rem;
    line-height: 80rem;
  }
}
[faq-page] .first-title .first-title__sub {
  font-size: 20rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: -7rem;
}
@media (max-width: 750px) {
  [faq-page] .first-title .first-title__sub {
    font-size: 14rem;
    margin-top: 17rem;
  }
}
[faq-page] .nav {
  --height: 37rem;
  height: var(--height);
  display: flex;
  --gap: 10rem;
  flex-direction: row;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [faq-page] .nav {
    gap: 0px;
  }
  [faq-page] .nav > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [faq-page] .nav {
    gap: 0px;
  }
  [faq-page] .nav > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [faq-page] .nav {
    --height: 32rem;
  }
}
@media (min-width: 751px) {
  [faq-page] .nav {
    max-width: 50vw;
    margin-left: auto;
    margin-top: calc(-1 * var(--height));
  }
}
@media (max-width: 750px) {
  [faq-page] .nav {
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-top: 152rem;
    z-index: 100;
  }
  [faq-page] .nav::-webkit-scrollbar {
    display: none;
  }
  [faq-page] .nav::after, [faq-page] .nav::before {
    content: "a";
    opacity: 0;
    min-width: var(--margin-3);
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [faq-page] .nav > * {
    scroll-snap-align: center;
  }
  [faq-page] .nav > *:not(:last-child) {
    margin-right: 12rem;
  }
}
[faq-page] .nav .nav__item {
  padding-left: 20rem;
  padding-right: 20rem;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-white-100);
  background: var(--color-marron-500);
  line-height: var(--height);
  border-radius: 100rem;
}
@media (max-width: 750px) {
  [faq-page] .nav .nav__item {
    font-size: 12rem;
  }
}
[faq-page] .nav .nav__item span {
  white-space: nowrap;
}
[faq-page] .faq:first-of-type {
  margin-top: 120rem;
}
@media (max-width: 750px) {
  [faq-page] .faq:first-of-type {
    margin-top: 58rem;
  }
}
[faq-page] .faq:not([faq-page] .faq:first-of-type) {
  margin-top: 80rem;
}
[faq-page] .faq .faq__title {
  font-size: 24rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-left: 16rem;
  position: relative;
  width: calc(100vw - var(--margin-3) * 2);
  margin-left: auto;
  margin-right: auto;
}
[faq-page] .faq .faq__title::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: var(--color-marron-200);
  width: 4rem;
  height: 100%;
  border-radius: 100rem;
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__title {
    font-size: 18rem;
  }
}
[faq-page] .faq .faq__list {
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
  padding-top: 36rem;
}
[faq-page] .faq .faq__list > .faq__item:last-child {
  border-bottom: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__list {
    padding-top: 19rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
[faq-page] .faq .faq__item {
  padding-top: 32rem;
  width: 100%;
  padding-bottom: 36rem;
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__item {
    padding-top: 28rem;
    padding-bottom: 20rem;
  }
}
[faq-page] .faq .faq__header {
  display: flex;
  --gap: 36rem;
  flex-direction: row;
  gap: var(--gap);
  justify-content: space-between;
  align-items: center;
}
@supports not (aspect-ratio: 16/9) {
  [faq-page] .faq .faq__header {
    gap: 0px;
  }
  [faq-page] .faq .faq__header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [faq-page] .faq .faq__header {
    gap: 0px;
  }
  [faq-page] .faq .faq__header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__header {
    --gap: 20rem;
  }
}
[faq-page] .faq .faq__header__icon {
  font-size: 24rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__header__icon {
    display: inline-block;
    margin-bottom: auto;
    font-size: 20rem;
  }
}
[faq-page] .faq .faq__header__text {
  flex: 1;
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 2.5;
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__header__text {
    font-size: 14rem;
    line-height: 1.7;
  }
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__button {
    width: 14rem;
  }
}
[faq-page] .faq .faq__body {
  max-width: 990rem;
  margin-left: 55rem;
  height: 0;
  overflow: hidden;
}
@media (max-width: 750px) {
  [faq-page] .faq .faq__body {
    margin-left: 35rem;
  }
}
[faq-page] .faq .faq__body__text {
  padding-top: 20rem;
  font-size: 13rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
[faq-page] .contact {
  margin-top: 100rem;
  padding-top: 83rem;
  width: calc(100vw - var(--margin-2) * 2);
  padding-bottom: 217rem;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid rgba(var(--color-marron-400-rgb), 0.4);
}
@media (max-width: 750px) {
  [faq-page] .contact {
    padding-top: 63rem;
    padding-bottom: 82rem;
  }
}
[faq-page] .contact .contact__title__main {
  text-align: center;
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[faq-page] .contact .contact__title__sub {
  text-align: center;
  margin-top: 10rem;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[faq-page] .contact .contact__message {
  text-align: center;
  margin-top: 65rem;
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [faq-page] .contact .contact__message {
    font-size: 18rem;
    line-height: 1.61;
    margin-top: 38rem;
  }
}
[faq-page] .contact .contact__wrap {
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  margin-top: 80rem;
}
@media (min-width: 751px) {
  [faq-page] .contact .contact__wrap {
    display: flex;
    --gap: 28rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [faq-page] .contact .contact__wrap {
      gap: 0px;
    }
    [faq-page] .contact .contact__wrap > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [faq-page] .contact .contact__wrap {
    gap: 0px;
  }
  [faq-page] .contact .contact__wrap > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [faq-page] .contact .contact__wrap {
    display: flex;
    --gap: 40rem;
    flex-direction: column;
    gap: var(--gap);
    max-width: calc(100vw - var(--margin-3) * 2);
    margin-top: 44rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [faq-page] .contact .contact__wrap {
      gap: 0px;
    }
    [faq-page] .contact .contact__wrap > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [faq-page] .contact .contact__wrap {
    gap: 0px;
  }
  [faq-page] .contact .contact__wrap > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[faq-page] .contact .contact__item {
  max-width: 480rem;
  width: 100%;
  height: 180rem;
  background: var(--color);
  border-radius: 4rem;
  display: flex;
  --gap: 5rem;
  flex-direction: column;
  gap: var(--gap);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  color: var(--color-white-100);
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 2px 2px 4px rgba(0, 0, 0, 0.16);
}
@supports not (aspect-ratio: 16/9) {
  [faq-page] .contact .contact__item {
    gap: 0px;
  }
  [faq-page] .contact .contact__item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [faq-page] .contact .contact__item {
    gap: 0px;
  }
  [faq-page] .contact .contact__item > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[faq-page] .contact .contact__item::after {
  content: "";
  width: 100%;
  height: 100%;
  margin: auto;
  border-radius: inherit;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: linear-gradient(143.27deg, var(--color) 12.29%, rgba(146, 116, 96, 0) 85.04%);
  opacity: 0.3;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.91);
  z-index: 0;
}
[faq-page] .contact .contact__item:nth-child(1) {
  --color: var(--color-marron-500);
}
@media (min-width: 751px) {
  [faq-page] .contact .contact__item:nth-child(1) {
    border-bottom-left-radius: 25rem;
    border-top-right-radius: 25rem;
  }
}
@media (max-width: 750px) {
  [faq-page] .contact .contact__item:nth-child(1) {
    border-top-right-radius: 25rem;
    border-bottom-left-radius: 25rem;
  }
}
[faq-page] .contact .contact__item:nth-child(2) {
  --color: #99A598;
}
@media (min-width: 751px) {
  [faq-page] .contact .contact__item:nth-child(2) {
    border-top-right-radius: 25rem;
  }
}
@media (max-width: 750px) {
  [faq-page] .contact .contact__item:nth-child(2) {
    border-bottom-left-radius: 25rem;
  }
}
@media (max-width: 750px) {
  [faq-page] .contact .contact__item {
    height: 100rem;
  }
}
[faq-page] .contact .contact__item__top {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[faq-page] .contact .contact__item__bottom {
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 7rem;
}
@media (max-width: 750px) {
  [faq-page] .contact .contact__item__bottom {
    font-size: 26rem;
  }
}
[faq-page] .contact .contact__item__notice {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-black-100);
  transform: translateY(100%);
  padding-top: 25rem;
  text-align: center;
}
@media (max-width: 750px) {
  [faq-page] .contact .contact__item__notice {
    padding-top: 10rem;
  }
}
[partner-page] section.salon {
  padding-top: 151rem;
}
@media (min-width: 751px) {
  [partner-page] section.salon {
    display: flex;
    flex-direction: row-reverse;
  }
}
@media (max-width: 750px) {
  [partner-page] section.salon {
    padding-top: 121rem;
  }
}
@media (min-width: 751px) {
  [partner-page] section.salon .salon__main {
    padding-left: 146rem;
    width: 50vw;
  }
}
@media (max-width: 750px) {
  [partner-page] section.salon .salon__main {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
}
@media (min-width: 751px) {
  [partner-page] section.salon .salon__header {
    margin-top: 60rem;
  }
}
@media (max-width: 750px) {
  [partner-page] section.salon .salon__header {
    display: flex;
    align-items: baseline;
  }
}
[partner-page] section.salon .salon__header__title {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [partner-page] section.salon .salon__header__title {
    font-size: 14rem;
  }
}
[partner-page] section.salon .salon__header__sub {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 14rem;
}
@media (max-width: 750px) {
  [partner-page] section.salon .salon__header__sub {
    margin-top: 0rem;
    font-size: 14rem;
    margin-left: 8rem;
  }
  [partner-page] section.salon .salon__header__sub::before {
    content: "/";
  }
}
[partner-page] section.salon .salon__copy {
  font-size: 46rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.08em;
  display: inline-block;
  line-height: 1.56;
  margin-top: 29rem;
}
[partner-page] section.salon .salon__copy--big {
  font-size: 52rem;
  color: var(--color-marron-400);
}
@media (max-width: 750px) {
  [partner-page] section.salon .salon__copy {
    font-size: 32rem;
  }
  [partner-page] section.salon .salon__copy--big {
    font-size: 37rem;
  }
}
[partner-page] section.salon .salon__message {
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 31rem;
  line-height: 2.2;
  letter-spacing: 0.08em;
}
@media (max-width: 750px) {
  [partner-page] section.salon .salon__message {
    font-size: 18rem;
  }
}
[partner-page] section.salon .salon__kv {
  border-top-right-radius: 120rem;
  border-bottom-right-radius: 4rem;
  height: 733rem;
  position: relative;
  overflow: hidden;
}
@media (min-width: 751px) {
  [partner-page] section.salon .salon__kv {
    width: 50vw;
  }
}
@media (max-width: 750px) {
  [partner-page] section.salon .salon__kv {
    height: 355rem;
    border-radius: 0rem;
    margin-top: 40rem;
  }
}
[partner-page] section.salon .salon__kv__image {
  width: 100%;
  height: 100%;
}
[partner-page] section.salon .salon__kv__cover {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.494) 100%);
  opacity: 0.74;
}
[partner-page] section.now {
  padding: 80rem var(--margin-1);
}
@media (max-width: 750px) {
  [partner-page] section.now {
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0rem;
    padding-bottom: 40rem;
  }
}
[partner-page] section.now svg {
  width: 100%;
}
[partner-page] section.propose {
  width: 100vw;
  position: relative;
  color: var(--color-white-100);
  z-index: 2;
}
@media (max-width: 750px) {
  [partner-page] section.propose {
    overflow: hidden;
  }
}
[partner-page] section.propose .propose__wrap {
  padding-top: 215rem;
  padding-bottom: 144rem;
  padding-left: var(--margin-4);
  padding-right: var(--margin-4);
}
[partner-page] section.propose .propose__wrap .parts-title {
  --gap: 16rem;
}
[partner-page] section.propose .propose__wrap .parts-title__main, [partner-page] section.propose .propose__wrap .parts-title__sub {
  color: var(--color-white-100);
  margin-right: auto;
}
@media (max-width: 750px) {
  [partner-page] section.propose .propose__wrap {
    padding-top: 180rem;
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
  }
  [partner-page] section.propose .propose__wrap .parts-title__sub {
    font-size: 12rem;
  }
}
[partner-page] section.propose .propose__message {
  display: flex;
  --gap: 38rem;
  flex-direction: column;
  gap: var(--gap);
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 2.1;
  margin-top: 109rem;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.propose .propose__message {
    gap: 0px;
  }
  [partner-page] section.propose .propose__message > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.propose .propose__message {
    gap: 0px;
  }
  [partner-page] section.propose .propose__message > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.propose .propose__message {
    font-size: 16rem;
    --gap: 26rem;
    margin-top: 54rem;
  }
}
[partner-page] section.propose .propose__copy {
  margin-top: 70rem;
  font-size: 26rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 2.46;
}
@media (max-width: 750px) {
  [partner-page] section.propose .propose__copy {
    margin-top: 54rem;
    font-size: 22rem;
    line-height: 38rem;
  }
}
[partner-page] section.propose .logo {
  width: 188rem;
  margin-top: 80rem;
}
[partner-page] section.propose .logo path {
  fill: var(--color-white-100);
}
@media (max-width: 750px) {
  [partner-page] section.propose .logo {
    width: 138rem;
    margin-top: 54rem;
  }
}
[partner-page] section.propose .propose__back {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100vw;
  height: 100lvh;
  background: var(--color-black-100);
  border-top-right-radius: 120rem;
  z-index: -1;
  overflow: hidden;
}
[partner-page] section.propose .propose__back__cover {
  height: 100vh;
  width: 100vw;
  height: 100lvh;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.494) 100%);
  opacity: 0.74;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
[partner-page] section.propose .propose__back__image {
  height: 100%;
  width: 100%;
}
[partner-page] section.what {
  padding-top: 110rem;
}
@media (max-width: 750px) {
  [partner-page] section.what {
    padding-top: 37rem;
    background: rgba(197, 183, 172, 0.33);
  }
}
[partner-page] section.what .what__header {
  padding-top: 24rem;
  text-align: center;
  font-size: 40rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 81rem;
  letter-spacing: 0.04em;
}
[partner-page] section.what .what__header--num {
  font-size: 66rem;
  color: var(--color-marron-400);
}
[partner-page] section.what .what__header--big {
  color: var(--color-marron-400);
  font-size: 56rem;
}
[partner-page] section.what .what__header--under {
  position: relative;
  width: fit-content;
  display: inline-block;
  text-decoration-color: var(--color-marron-400);
}
[partner-page] section.what .what__header--under:after {
  content: "";
  width: 100%;
  height: 2px;
  background: var(--color-marron-400);
  position: absolute;
  bottom: 8rem;
  left: 0;
  right: 0;
  display: block;
}
@media (max-width: 750px) {
  [partner-page] section.what .what__header {
    font-size: 22rem;
    line-height: 46rem;
  }
  [partner-page] section.what .what__header--num {
    font-size: 37rem;
  }
  [partner-page] section.what .what__header--big {
    font-size: 27rem;
  }
  [partner-page] section.what .what__header--under:after {
    bottom: 2rem;
  }
}
[partner-page] section.what .what__body {
  padding-left: var(--margin-5);
  padding-right: var(--margin-5);
  margin-top: 133rem;
  position: relative;
}
@media (min-width: 751px) {
  [partner-page] section.what .what__body {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 750px) {
  [partner-page] section.what .what__body {
    padding-left: var(--margin-1);
    padding-right: var(--margin-1);
    display: flex;
    --gap: 35rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.what .what__body {
      gap: 0px;
    }
    [partner-page] section.what .what__body > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [partner-page] section.what .what__body {
    gap: 0px;
  }
  [partner-page] section.what .what__body > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[partner-page] section.what .what__body__arrows {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 686rem;
  height: fit-content;
  top: -148rem;
}
[partner-page] section.what .what__column {
  max-width: 440rem;
  width: 100%;
}
[partner-page] section.what .what__column__main {
  font-size: 40rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: relative;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
[partner-page] section.what .what__column__main span {
  font-size: 32rem;
}
[partner-page] section.what .what__column__main:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2rem;
  background: var(--color-marron-400);
  bottom: 4rem;
  left: 0;
}
@media (max-width: 750px) {
  [partner-page] section.what .what__column__main {
    font-size: 30rem;
  }
  [partner-page] section.what .what__column__main span {
    font-size: 24rem;
  }
}
[partner-page] section.what .what__column__contents {
  background: var(--color-white-100);
  margin-top: 51rem;
  padding-top: 28rem;
  padding-bottom: 38rem;
  padding-left: 51rem;
  padding-right: 51rem;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [partner-page] section.what .what__column__contents {
    margin-top: 14rem;
    padding-left: 0;
    padding-right: 0;
  }
}
[partner-page] section.what .what__column__title {
  text-align: center;
  line-height: 40rem;
}
@media (max-width: 750px) {
  [partner-page] section.what .what__column__title {
    line-height: 36rem;
  }
}
[partner-page] section.what .what__column__title--main {
  font-size: 20rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-400);
  letter-spacing: 0.04em;
}
[partner-page] section.what .what__column__title--num {
  font-size: 26rem;
  letter-spacing: 0.04em;
}
[partner-page] section.what .what__column__title--sub {
  font-size: 32rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  white-space: nowrap;
}
[partner-page] section.what .what__list {
  display: flex;
  --gap: 10rem;
  flex-direction: column;
  gap: var(--gap);
  margin-top: 31rem;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.what .what__list {
    gap: 0px;
  }
  [partner-page] section.what .what__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.what .what__list {
    gap: 0px;
  }
  [partner-page] section.what .what__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.what .what__list {
    margin-top: 25rem;
    padding-left: calc(var(--margin-3) - var(--margin-1));
    padding-right: calc(var(--margin-3) - var(--margin-1));
  }
}
[partner-page] section.what .what__item {
  display: flex;
  --gap: 23rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.what .what__item {
    gap: 0px;
  }
  [partner-page] section.what .what__item > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.what .what__item {
    gap: 0px;
  }
  [partner-page] section.what .what__item > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[partner-page] section.what .what__item__img {
  min-width: 183rem;
  height: 111rem;
  border-radius: 4rem;
}
[partner-page] section.what .what__item__title {
  display: flex;
  --gap: 6rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.what .what__item__title {
    gap: 0px;
  }
  [partner-page] section.what .what__item__title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.what .what__item__title {
    gap: 0px;
  }
  [partner-page] section.what .what__item__title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[partner-page] section.what .what__item__title-en {
  font-size: 16rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: var(--color-marron-200);
  white-space: nowrap;
}
@media (max-width: 750px) {
  [partner-page] section.what .what__item__title-en {
    font-size: 14rem;
  }
}
[partner-page] section.what .what__item__title-ja {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[partner-page] section.what .what__back {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 588rem;
  background: rgba(197, 183, 172, 0.33);
  display: flex;
  padding-bottom: 49rem;
  margin-top: -454rem;
}
@media (min-width: 751px) {
  [partner-page] section.what .what__back {
    max-width: calc(100vw - 2 * var(--margin-4));
  }
}
@media (max-width: 750px) {
  [partner-page] section.what .what__back {
    width: 100vw;
    height: auto;
    margin-top: 0rem;
    padding-top: 46rem;
    padding-bottom: 40rem;
  }
}
[partner-page] section.what .what__back__message {
  font-size: 28rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
  margin-top: auto;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 750px) {
  [partner-page] section.what .what__back__message {
    font-size: 20rem;
    line-height: 38rem;
    text-decoration: underline;
    text-decoration-thickness: 1rem;
    text-decoration-offset: -1rem;
  }
}
[partner-page] section.why {
  padding-top: 103rem;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 751px) {
  [partner-page] section.why {
    max-width: calc(100vw - 2 * var(--margin-4));
  }
}
@media (max-width: 750px) {
  [partner-page] section.why {
    padding-top: 80rem;
  }
}
[partner-page] section.why .why__contents {
  background: var(--color-white-100);
  padding-top: 128rem;
  margin-top: -80rem;
  padding-bottom: 50rem;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [partner-page] section.why .why__contents {
    padding-top: 93rem;
    margin-top: -46rem;
    width: calc(100vw - var(--margin-2) * 2);
    margin-left: auto;
    margin-right: auto;
    height: auto;
    padding-bottom: 0rem;
  }
}
[partner-page] section.why .why__contents__title {
  text-align: center;
  font-size: 40rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 68rem;
}
[partner-page] section.why .why__contents__title--big {
  color: var(--color-marron-400);
  font-size: 48rem;
}
@media (max-width: 750px) {
  [partner-page] section.why .why__contents__title {
    font-size: 28rem;
    line-height: 48rem;
  }
  [partner-page] section.why .why__contents__title--big {
    font-size: 34rem;
  }
}
[partner-page] section.why .why__list {
  display: flex;
  justify-content: space-between;
  margin-top: 40rem;
}
@media (min-width: 751px) {
  [partner-page] section.why .why__list {
    padding-left: calc(var(--margin-5) - var(--margin-4));
    padding-right: calc(var(--margin-5) - var(--margin-4));
  }
}
@media (max-width: 750px) {
  [partner-page] section.why .why__list {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    --gap: 36rem;
    flex-direction: column;
    gap: var(--gap);
    margin-top: 43rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.why .why__list {
      gap: 0px;
    }
    [partner-page] section.why .why__list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [partner-page] section.why .why__list {
    gap: 0px;
  }
  [partner-page] section.why .why__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[partner-page] section.why .why__item {
  max-width: 300rem;
  width: 100%;
}
@media (max-width: 750px) {
  [partner-page] section.why .why__item {
    width: 300rem;
  }
}
[partner-page] section.why .why__item__header {
  height: 110rem;
  width: 100%;
  border-radius: 4rem;
  color: var(--color-white-100);
  background: linear-gradient(155.2deg, #D6C5B1 1.2%, #907E72 84.2%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media (max-width: 750px) {
  [partner-page] section.why .why__item__header {
    height: 98rem;
  }
}
[partner-page] section.why .why__item__num {
  font-size: 24rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  opacity: 0.6;
}
[partner-page] section.why .why__item__title {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 17rem;
}
@media (max-width: 750px) {
  [partner-page] section.why .why__item__title {
    margin-top: 8rem;
  }
}
[partner-page] section.why .why__item__body {
  display: flex;
  --gap: 15rem;
  flex-direction: column;
  gap: var(--gap);
  margin-top: 25rem;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.why .why__item__body {
    gap: 0px;
  }
  [partner-page] section.why .why__item__body > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.why .why__item__body {
    gap: 0px;
  }
  [partner-page] section.why .why__item__body > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[partner-page] section.why .why__item__text {
  font-size: 15rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  --gap: 19rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  padding-bottom: 10rem;
  border-bottom: 1px dashed #C3B7AD;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.why .why__item__text {
    gap: 0px;
  }
  [partner-page] section.why .why__item__text > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.why .why__item__text {
    gap: 0px;
  }
  [partner-page] section.why .why__item__text > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[partner-page] section.why .why__item__arrow {
  width: 14rem;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}
[partner-page] section.why .why__footer {
  margin-top: 10rem;
  background: linear-gradient(155.2deg, #D6C5B1 1.2%, #907E72 84.2%);
  width: calc(100% - 2 * (var(--margin-5) - var(--margin-4)));
  margin-left: auto;
  margin-right: auto;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [partner-page] section.why .why__footer {
    margin-top: 0rem;
    width: 100%;
    padding: 44rem 29rem;
    margin-top: 46rem;
  }
}
[partner-page] section.why .why__footer__text {
  text-align: center;
  color: var(--color-white-100);
  line-height: 67rem;
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.04em;
}
@media (max-width: 750px) {
  [partner-page] section.why .why__footer__text {
    font-style: 21rem;
    line-height: 36rem;
  }
}
[partner-page] section.weigh {
  padding-top: 81rem;
  padding-bottom: 80rem;
}
@media (max-width: 750px) {
  [partner-page] section.weigh {
    padding-bottom: 64rem;
  }
}
[partner-page] section.weigh .weigh__header {
  width: calc(100% - var(--margin-4) * 2);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__header {
    width: calc(100% - var(--margin-1) * 2);
  }
}
[partner-page] section.weigh .weigh__header__bar {
  position: absolute;
  height: 1rem;
  width: 100%;
  background: var(--color-marron-400);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
[partner-page] section.weigh .weigh__header__title {
  font-size: 40rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: relative;
  z-index: 1;
  padding-left: 56rem;
  padding-right: 56rem;
  background: var(--color-cream-100);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__header__title {
    font-size: 25rem;
    padding-left: 15rem;
    padding-right: 15rem;
  }
}
[partner-page] section.weigh .weigh__contents {
  margin-top: 60rem;
}
@media (min-width: 751px) {
  [partner-page] section.weigh .weigh__contents {
    width: calc(100% - var(--margin-4) * 2);
    margin-left: auto;
    margin-right: auto;
    display: flex;
    --gap: 10rem;
    flex-direction: row;
    gap: var(--gap);
    justify-content: space-between;
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.weigh .weigh__contents {
      gap: 0px;
    }
    [partner-page] section.weigh .weigh__contents > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [partner-page] section.weigh .weigh__contents {
    gap: 0px;
  }
  [partner-page] section.weigh .weigh__contents > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__contents {
    display: flex;
    width: 100vw;
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  [partner-page] section.weigh .weigh__contents::-webkit-scrollbar {
    display: none;
  }
  [partner-page] section.weigh .weigh__contents::after, [partner-page] section.weigh .weigh__contents::before {
    content: "a";
    opacity: 0;
    min-width: var(--margin-1);
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [partner-page] section.weigh .weigh__contents > * {
    scroll-snap-align: center;
  }
  [partner-page] section.weigh .weigh__contents > *:not(:last-child) {
    margin-right: 7px;
  }
}
[partner-page] section.weigh .weigh__cell {
  --height: 80rem;
  min-height: var(--height);
  height: var(--height);
  max-height: var(--height);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.08em;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__cell {
    --height: 61rem;
  }
}
[partner-page] section.weigh .weigh__cell--empty {
  opacity: 0;
}
[partner-page] section.weigh .weigh__cell--review {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 32rem;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__cell--review {
    padding-left: 15rem;
  }
}
[partner-page] section.weigh .weigh__cell__text {
  line-height: 22rem;
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__cell__text {
    font-size: 10rem;
    line-height: 16rem;
  }
}
[partner-page] section.weigh .weigh__cell__review {
  font-size: 22rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 64rem;
  width: 69rem;
  text-align: center;
  border-left: 1px solid #C3B7AD;
}
[partner-page] section.weigh .weigh__side, [partner-page] section.weigh .weigh__features, [partner-page] section.weigh .weigh__column {
  display: flex;
  --gap: 8rem;
  flex-direction: column;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.weigh .weigh__side, [partner-page] section.weigh .weigh__features, [partner-page] section.weigh .weigh__column {
    gap: 0px;
  }
  [partner-page] section.weigh .weigh__side > *:not(:last-child), [partner-page] section.weigh .weigh__features > *:not(:last-child), [partner-page] section.weigh .weigh__column > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.weigh .weigh__side, [partner-page] section.weigh .weigh__features, [partner-page] section.weigh .weigh__column {
    gap: 0px;
  }
  [partner-page] section.weigh .weigh__side > *:not(:last-child), [partner-page] section.weigh .weigh__features > *:not(:last-child), [partner-page] section.weigh .weigh__column > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[partner-page] section.weigh .weigh__side .weigh__cell:first-child, [partner-page] section.weigh .weigh__features .weigh__cell:first-child, [partner-page] section.weigh .weigh__column .weigh__cell:first-child {
  height: 88rem;
  max-height: 88rem;
  margin-bottom: 4rem;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__side .weigh__cell:first-child, [partner-page] section.weigh .weigh__features .weigh__cell:first-child, [partner-page] section.weigh .weigh__column .weigh__cell:first-child {
    height: 68rem;
  }
}
[partner-page] section.weigh .weigh__side .weigh__cell:first-child .weigh__cell__text, [partner-page] section.weigh .weigh__features .weigh__cell:first-child .weigh__cell__text, [partner-page] section.weigh .weigh__column .weigh__cell:first-child .weigh__cell__text {
  font-size: 16rem;
  text-align: center;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__side .weigh__cell:first-child .weigh__cell__text, [partner-page] section.weigh .weigh__features .weigh__cell:first-child .weigh__cell__text, [partner-page] section.weigh .weigh__column .weigh__cell:first-child .weigh__cell__text {
    font-size: 10rem;
  }
}
[partner-page] section.weigh .weigh__features .weigh__cell__text, [partner-page] section.weigh .weigh__side .weigh__cell__text {
  font-size: 16rem;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__features .weigh__cell__text, [partner-page] section.weigh .weigh__side .weigh__cell__text {
    font-size: 10rem;
    letter-spacing: 0.08em;
  }
}
[partner-page] section.weigh .weigh__features, [partner-page] section.weigh .weigh__column {
  flex: 1;
}
[partner-page] section.weigh .weigh__features {
  color: var(--color-white-100);
}
[partner-page] section.weigh .weigh__features .weigh__cell {
  background-color: #A28B7E;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__features .weigh__cell {
    width: 180rem;
  }
}
[partner-page] section.weigh .weigh__features .weigh__cell__logo {
  width: 77rem;
  height: auto;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__features .weigh__cell__logo {
    width: 58rem;
  }
}
[partner-page] section.weigh .weigh__side {
  color: var(--color-white-100);
  margin-right: 4rem;
}
[partner-page] section.weigh .weigh__side .weigh__cell {
  background-color: var(--color-green-100);
  width: 153rem;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__side .weigh__cell {
    width: 117rem;
  }
}
[partner-page] section.weigh .weigh__column .weigh__cell {
  background: #E2E0DC;
}
@media (max-width: 750px) {
  [partner-page] section.weigh .weigh__column .weigh__cell {
    width: 178rem;
  }
}
[partner-page] section.methods {
  background: var(--color-marron-500);
  color: var(--color-white-100);
  padding-top: 94rem;
  padding-bottom: 96rem;
}
@media (max-width: 750px) {
  [partner-page] section.methods {
    padding-top: 32rem;
    padding-bottom: 32rem;
  }
}
[partner-page] section.methods .methods__section-title {
  font-size: 42rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.08em;
  line-height: 70rem;
  text-align: center;
}
[partner-page] section.methods .methods__section-title--big {
  font-size: 52rem;
}
@media (min-width: 751px) {
  [partner-page] section.methods .methods__section-title {
    text-decoration: underline;
    text-decoration-thickness: 1rem;
    text-underline-offset: 5rem;
  }
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__section-title {
    font-size: 21rem;
    line-height: 35rem;
  }
  [partner-page] section.methods .methods__section-title--big {
    font-size: 26rem;
  }
  [partner-page] section.methods .methods__section-title--wrap {
    margin-bottom: 4rem;
    display: inline-block;
    width: 100%;
    font-size: 38rem;
  }
  [partner-page] section.methods .methods__section-title--wrap .methods__section-title--big {
    font-size: 42rem;
  }
  [partner-page] section.methods .methods__section-title--wrap .methods__section-title--big-num {
    font-size: 52rem;
  }
}
[partner-page] section.methods .methods__gallery {
  display: flex;
  --gap: 20rem;
  flex-direction: row;
  gap: var(--gap);
  margin-left: auto;
  margin-right: auto;
  margin-top: 61rem;
  width: fit-content;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.methods .methods__gallery {
    gap: 0px;
  }
  [partner-page] section.methods .methods__gallery > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.methods .methods__gallery {
    gap: 0px;
  }
  [partner-page] section.methods .methods__gallery > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__gallery {
    --gap: 0rem;
    position: relative;
    width: 100vw;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-top: 36rem;
  }
  [partner-page] section.methods .methods__gallery::-webkit-scrollbar {
    display: none;
  }
  [partner-page] section.methods .methods__gallery::after, [partner-page] section.methods .methods__gallery::before {
    content: "a";
    opacity: 0;
    min-width: var(--margin-2);
    height: 100%;
    display: block;
    scroll-snap-align: start;
  }
  [partner-page] section.methods .methods__gallery > * {
    scroll-snap-align: center;
  }
  [partner-page] section.methods .methods__gallery > *:not(:last-child) {
    margin-right: 11rem;
  }
}
[partner-page] section.methods .methods__gallery__item {
  width: 440rem;
  height: 280rem;
  background: var(--color-marron-200);
  border-radius: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__gallery__item {
    min-width: 256rem;
    height: 164rem;
  }
}
[partner-page] section.methods .methods__gallery__image {
  width: calc(100% - 20rem);
  height: calc(100% - 20rem);
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__gallery__image {
    width: calc(100% - 12rem);
    height: calc(100% - 12rem);
  }
}
[partner-page] section.methods .methods__flow {
  margin-top: 77rem;
}
[partner-page] section.methods .methods__flow__title-top {
  font-size: 40rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-left: 40rem;
  padding-right: 40rem;
  background: var(--color-marron-500);
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2;
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__flow__title-top {
    font-size: 28rem;
    padding-left: 38rem;
    padding-right: 38rem;
  }
}
[partner-page] section.methods .methods__flow-wrap {
  width: calc(100vw - 2 * var(--margin-3));
  margin-left: auto;
  margin-right: auto;
  border: 2rem solid #C3B7AD;
  border-radius: 40rem;
  margin-top: -23rem;
  padding-top: 56rem;
  padding-left: 98rem;
  padding-right: 98rem;
  padding-bottom: 24rem;
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__flow-wrap {
    width: calc(100vw - 2 * var(--margin-2));
    padding-left: 20rem;
    padding-right: 20rem;
    border-radius: 10rem;
  }
}
[partner-page] section.methods .methods__flow-list {
  display: flex;
  justify-content: space-between;
  display: flex;
  --gap: 40rem;
  flex-direction: row;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.methods .methods__flow-list {
    gap: 0px;
  }
  [partner-page] section.methods .methods__flow-list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.methods .methods__flow-list {
    gap: 0px;
  }
  [partner-page] section.methods .methods__flow-list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__flow-list {
    display: flex;
    --gap: 40rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.methods .methods__flow-list {
      gap: 0px;
    }
    [partner-page] section.methods .methods__flow-list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [partner-page] section.methods .methods__flow-list {
    gap: 0px;
  }
  [partner-page] section.methods .methods__flow-list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (min-width: 751px) {
  [partner-page] section.methods .methods__flow__item {
    min-width: 320rem;
  }
}
[partner-page] section.methods .methods__flow__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding-bottom: 12rem;
  border-bottom: 1px solid var(--color-white-100);
}
[partner-page] section.methods .methods__flow__header svg {
  width: 24rem;
  height: auto;
}
[partner-page] section.methods .methods__flow__num {
  font-size: 20rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[partner-page] section.methods .methods__flow__title {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  --gap: 14rem;
  flex-direction: row;
  gap: var(--gap);
  color: var(--color-black-100);
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.methods .methods__flow__title {
    gap: 0px;
  }
  [partner-page] section.methods .methods__flow__title > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.methods .methods__flow__title {
    gap: 0px;
  }
  [partner-page] section.methods .methods__flow__title > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[partner-page] section.methods .methods__flow__item-border {
  width: 322rem;
  height: 205rem;
  background: var(--color-marron-200);
  border-radius: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10rem;
}
[partner-page] section.methods .methods__flow__image {
  width: calc(100% - 20rem);
  height: calc(100% - 20rem);
  border-radius: 4rem;
}
[partner-page] section.methods .methods__flow__item-message {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 25rem;
  line-height: 1.6;
}
[partner-page] section.methods .methods__border {
  position: relative;
  margin-top: 28rem;
  width: 100%;
}
[partner-page] section.methods .methods__border__header-min {
  font-size: 22rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  padding-left: 21rem;
  padding-right: 21rem;
  background: var(--color-marron-500);
  width: fit-content;
  z-index: 2;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__border__header-min {
    background: var(--color-black-100);
    line-height: 36rem;
    border-radius: 100rem;
  }
}
[partner-page] section.methods .methods__border__header {
  display: flex;
  --gap: 23rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  position: relative;
  margin-bottom: 20rem;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.methods .methods__border__header {
    gap: 0px;
  }
  [partner-page] section.methods .methods__border__header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.methods .methods__border__header {
    gap: 0px;
  }
  [partner-page] section.methods .methods__border__header > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[partner-page] section.methods .methods__border__header svg {
  width: 10rem;
  height: auto;
}
[partner-page] section.methods .methods__border__header-bar {
  width: 100%;
  height: 0rem;
  border-bottom: 1px solid #C3B7AD;
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__border__header-bar {
    border-bottom: 1px dashed #C3B7AD;
  }
}
[partner-page] section.methods .methods__border__message {
  padding-left: 18rem;
  padding-right: 18rem;
  line-height: 62rem;
  background: var(--color-black-100);
  font-size: 32rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0rem;
  text-align: center;
}
[partner-page] section.methods .methods__border__message--big {
  padding-left: 10rem;
  padding-right: 10rem;
  font-size: 44rem;
}
@media (max-width: 750px) {
  [partner-page] section.methods .methods__border__message {
    line-height: 45rem;
    font-size: 23rem;
    padding-top: 26rem;
    padding-bottom: 23rem;
  }
  [partner-page] section.methods .methods__border__message--big {
    font-size: 32rem;
    padding-left: 0rem;
  }
}
[partner-page] section.training {
  background: var(--color-black-100);
  color: var(--color-white-100);
  padding-top: 82rem;
  padding-bottom: 70rem;
}
@media (max-width: 750px) {
  [partner-page] section.training {
    padding-top: 44rem;
    padding-bottom: 60rem;
  }
}
[partner-page] section.training .training__section-title {
  font-size: 42rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.08em;
  line-height: 70rem;
  text-align: center;
}
[partner-page] section.training .training__section-title--big {
  font-size: 52rem;
}
@media (min-width: 751px) {
  [partner-page] section.training .training__section-title {
    text-decoration: underline;
    text-decoration-thickness: 1rem;
    text-underline-offset: 5rem;
  }
}
@media (max-width: 750px) {
  [partner-page] section.training .training__section-title {
    font-size: 26rem;
    line-height: 35rem;
  }
  [partner-page] section.training .training__section-title--big {
    font-size: 26rem;
  }
  [partner-page] section.training .training__section-title--sp-big {
    font-size: 42rem;
    display: inline-block;
    margin-top: 15rem;
  }
  [partner-page] section.training .training__section-title--sp-text {
    font-size: 36rem;
  }
}
[partner-page] section.training .training__wrap {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  margin-top: 70rem;
}
[partner-page] section.training .training__wrap svg {
  width: 1300rem;
  height: auto;
}
@media (max-width: 750px) {
  [partner-page] section.training .training__wrap {
    width: 100vw;
    overflow-x: scroll;
    padding-left: 28rem;
    padding-right: 28rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin-top: 48rem;
  }
  [partner-page] section.training .training__wrap::-webkit-scrollbar {
    display: none;
  }
}
[partner-page] section.training .training__message {
  margin-top: 48rem;
  width: calc(100vw - 2 * var(--margin-5));
  border: 2rem dashed var(--color-white-100);
  border-radius: 100rem;
  margin-left: auto;
  margin-right: auto;
  height: 91rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 750px) {
  [partner-page] section.training .training__message {
    width: calc(100vw - 2 * var(--margin-2));
    padding-top: 34rem;
    padding-bottom: 33rem;
    padding-left: 10rem;
    padding-right: 10rem;
    height: auto;
    border-radius: 46rem;
  }
}
[partner-page] section.training .training__message__text {
  text-align: center;
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 24rem;
}
[partner-page] section.training .training__message__text span {
  font-size: 14rem;
}
@media (max-width: 750px) {
  [partner-page] section.training .training__message__text span {
    font-size: 12rem;
  }
}
[partner-page] section.flow {
  padding-top: 81rem;
}
@media (max-width: 750px) {
  [partner-page] section.flow {
    padding-top: 58rem;
  }
}
@media (max-width: 750px) {
  [partner-page] section.flow .parts-title {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    align-items: baseline;
    flex-direction: row;
  }
}
[partner-page] section.flow .flow__list {
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  margin-top: 65rem;
}
@media (min-width: 751px) {
  [partner-page] section.flow .flow__list {
    display: flex;
    --gap: 25rem;
    flex-direction: row;
    gap: var(--gap);
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.flow .flow__list {
      gap: 0px;
    }
    [partner-page] section.flow .flow__list > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [partner-page] section.flow .flow__list {
    gap: 0px;
  }
  [partner-page] section.flow .flow__list > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__list {
    display: flex;
    --gap: 13rem;
    flex-direction: column;
    gap: var(--gap);
    margin-top: 50rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.flow .flow__list {
      gap: 0px;
    }
    [partner-page] section.flow .flow__list > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [partner-page] section.flow .flow__list {
    gap: 0px;
  }
  [partner-page] section.flow .flow__list > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[partner-page] section.flow .flow__item {
  position: relative;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__item {
    min-height: 170rem;
    padding-left: 68rem;
  }
}
[partner-page] section.flow .flow__header svg {
  margin-top: -15rem;
  display: block;
  width: 100%;
  height: auto;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__header {
    position: absolute;
    left: 24rem;
    top: 0;
    width: 170rem;
    transform: rotate(90deg);
    transform-origin: top left;
  }
  [partner-page] section.flow .flow__header svg {
    margin-top: -10rem;
  }
}
[partner-page] section.flow .flow__header__concept {
  color: var(--color-marron-100);
}
[partner-page] section.flow .flow__header__concept span:first-child {
  font-size: 22rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__header__concept span:first-child {
    font-size: 18rem;
  }
}
[partner-page] section.flow .flow__header__concept span:last-child {
  font-size: 18rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__header__concept span:last-child {
    font-size: 14rem;
  }
}
[partner-page] section.flow .flow__title {
  min-height: 50rem;
  margin-top: 20rem;
}
@media (min-width: 751px) {
  [partner-page] section.flow .flow__title {
    display: flex;
    --gap: 8rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.flow .flow__title {
      gap: 0px;
    }
    [partner-page] section.flow .flow__title > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [partner-page] section.flow .flow__title {
    gap: 0px;
  }
  [partner-page] section.flow .flow__title > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__title {
    margin-top: 0rem;
    min-height: 0rem;
  }
}
[partner-page] section.flow .flow__title__main {
  font-size: 24rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[partner-page] section.flow .flow__title__sub {
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__title__sub {
    margin-top: 7rem;
  }
}
[partner-page] section.flow .flow__message {
  max-width: 200rem;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 32rem;
  line-height: 1.9;
  text-align: left;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__message {
    margin-top: 28rem;
  }
}
[partner-page] section.flow .flow__bar {
  width: calc(100vw - var(--margin-2) * 2);
  margin-left: auto;
  margin-right: auto;
  height: 1px;
  background: #C3B7AD;
  margin-top: 84rem;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__bar {
    width: calc(100vw - var(--margin-3) * 2);
    margin-top: 64rem;
  }
}
[partner-page] section.flow .flow__copy-message {
  text-align: center;
  font-size: 24rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.08em;
  line-height: 2;
  margin-top: 83rem;
}
@media (max-width: 750px) {
  [partner-page] section.flow .flow__copy-message {
    padding-left: var(--margin-3);
    padding-right: var(--margin-3);
    font-size: 20rem;
    margin-top: 64rem;
  }
}
[partner-page] section.partner {
  padding-top: 120rem;
  position: relative;
}
@media (max-width: 750px) {
  [partner-page] section.partner {
    padding-top: 50rem;
  }
}
[partner-page] section.partner .partner__wrap {
  max-width: calc(100vw - var(--margin-4) * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  background: var(--color-white-100);
  padding-top: 68rem;
  padding-bottom: 124rem;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [partner-page] section.partner .partner__wrap {
    max-width: calc(100vw - var(--margin-2) * 2);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 63rem;
    padding-bottom: 41rem;
  }
}
[partner-page] section.partner .parts-title {
  --gap: 31rem;
}
@media (max-width: 750px) {
  [partner-page] section.partner .parts-title {
    --gap: 14rem;
  }
}
@media (max-width: 750px) {
  [partner-page] section.partner .parts-title .parts-title__sub {
    font-size: 12rem;
  }
}
[partner-page] section.partner .partner__message {
  margin-top: 54rem;
}
@media (max-width: 750px) {
  [partner-page] section.partner .partner__message {
    margin-top: 39rem;
  }
}
[partner-page] section.partner .partner__message__title {
  text-align: center;
  font-size: 26rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 19rem;
  display: block;
  margin-inline: auto;
  border-bottom: 1rem solid var(--color-black-100);
}
@media (max-width: 750px) {
  [partner-page] section.partner .partner__message__title {
    font-size: 24rem;
    line-height: 1.77;
    padding-bottom: 0rem;
  }
}
[partner-page] section.partner .partner__message__text {
  max-width: 582rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 21rem;
  font-size: 13rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  text-align: center;
  line-height: 1.6;
}
@media (max-width: 750px) {
  [partner-page] section.partner .partner__message__text {
    font-size: 12rem;
    padding-left: 34rem;
    padding-right: 34rem;
    line-height: 1.83;
    margin-top: 12rem;
  }
}
[partner-page] section.partner .partner__link-wrap {
  padding-left: 165rem;
  padding-right: 165rem;
  margin-top: 55rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 28rem 28rem;
  grid-template-areas: "web line" "tel tel";
}
@media (max-width: 750px) {
  [partner-page] section.partner .partner__link-wrap {
    padding-left: calc(var(--margin-4) - var(--margin-2));
    padding-right: calc(var(--margin-4) - var(--margin-2));
    display: flex;
    --gap: 13rem;
    flex-direction: column;
    gap: var(--gap);
    margin-top: 51rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.partner .partner__link-wrap {
      gap: 0px;
    }
    [partner-page] section.partner .partner__link-wrap > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [partner-page] section.partner .partner__link-wrap {
    gap: 0px;
  }
  [partner-page] section.partner .partner__link-wrap > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[partner-page] section.partner .partner__link {
  width: 100%;
  height: 68rem;
  border-radius: 4rem;
  background: var(--color-green-100);
  box-shadow: inset 0 -3px 6px rgba(0, 0, 0, 0.16), 5px 4px 0px #e2e0dc;
  display: block;
  color: var(--color-white-100);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
[partner-page] section.partner .partner__link:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-green-100);
  opacity: 0.32;
  left: 0;
  position: absolute;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.9);
}
[partner-page] section.partner .partner__link span {
  z-index: 2;
}
[partner-page] section.partner .partner__link:nth-child(1) {
  grid-area: web;
}
[partner-page] section.partner .partner__link:nth-child(2) {
  grid-area: line;
}
[partner-page] section.partner .partner__link--tel {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  grid-area: tel;
  padding-left: 93rem;
  padding-right: 105rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
[partner-page] section.partner .partner__link--tel-wrap {
  display: flex;
  --gap: 14rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
}
@supports not (aspect-ratio: 16/9) {
  [partner-page] section.partner .partner__link--tel-wrap {
    gap: 0px;
  }
  [partner-page] section.partner .partner__link--tel-wrap > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [partner-page] section.partner .partner__link--tel-wrap {
    gap: 0px;
  }
  [partner-page] section.partner .partner__link--tel-wrap > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[partner-page] section.partner .partner__link--tel-title {
  font-size: 24rem;
  font-family: orpheuspro, serif;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[partner-page] section.partner .partner__link--tel-num {
  font-size: 44rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[partner-page] section.partner .partner__link--single {
  width: 360rem;
  height: 100rem;
  margin-top: 50rem;
}
@media (max-width: 750px) {
  [partner-page] section.partner .partner__link {
    height: 59rem;
    font-size: 14rem;
  }
  [partner-page] section.partner .partner__link--tel {
    font-size: 14rem;
    display: flex;
    --gap: 4rem;
    flex-direction: column;
    gap: var(--gap);
    height: 104rem;
    padding-left: 0rem;
    padding-right: 0rem;
    justify-content: center;
    display: flex;
    --gap: 13rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.partner .partner__link--tel {
      gap: 0px;
    }
    [partner-page] section.partner .partner__link--tel > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [partner-page] section.partner .partner__link--tel {
    gap: 0px;
  }
  [partner-page] section.partner .partner__link--tel > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  @supports not (aspect-ratio: 16/9) {
    [partner-page] section.partner .partner__link--tel {
      gap: 0px;
    }
    [partner-page] section.partner .partner__link--tel > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [partner-page] section.partner .partner__link--tel {
    gap: 0px;
  }
  [partner-page] section.partner .partner__link--tel > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [partner-page] section.partner .partner__link--tel-wrap {
    align-items: center;
  }
  [partner-page] section.partner .partner__link--tel-title {
    font-size: 17rem;
  }
  [partner-page] section.partner .partner__link--tel-num {
    font-size: 31rem;
  }
  [partner-page] section.partner .partner__link--single {
    width: 200rem;
  }
}
[partner-page] section.partner {
  transition: background 0.5s ease;
  position: relative;
  background: var(--color-cream-100);
}
[partner-page] section.partner:before {
  content: "";
  width: 100vw;
  height: 10px;
  bottom: 0;
  transform: translateY(50%);
  position: absolute;
  display: block;
  background: var(--color-cream-100);
  transition: background 0.5s ease;
  z-index: -1;
}
[partner-page] section.partner[change-color] {
  background: var(--color-black-100);
}
[partner-page] section.partner[change-color]:before {
  background: var(--color-black-100);
}
[partner-page] .base-cta__button {
  border-top-right-radius: 25rem;
}
@media (max-width: 750px) {
  [shop-page] .parts-scroll {
    display: none;
  }
}
[shop-page] .first-title {
  padding-left: var(--margin-3);
  padding-right: var(--margin-3);
  padding-top: 183rem;
}
@media (max-width: 750px) {
  [shop-page] .first-title {
    padding-top: 135rem;
  }
}
[shop-page] .first-title .first-title__main {
  font-size: 170rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: -0.02em;
}
@media (max-width: 750px) {
  [shop-page] .first-title .first-title__main {
    font-size: 82rem;
    line-height: 80rem;
  }
}
[shop-page] .first-title .first-title__sub {
  font-size: 20rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: -7rem;
}
@media (max-width: 750px) {
  [shop-page] .first-title .first-title__sub {
    font-size: 14rem;
    margin-top: 17rem;
  }
}
[shop-page] .search {
  max-width: calc(100vw - var(--margin-1) * 2);
  margin-left: auto;
  margin-right: auto;
  margin-top: 90rem;
}
[shop-page] .search .search__reset {
  display: block;
  margin-left: auto;
  width: fit-content;
  display: flex;
  --gap: 10rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
  font-size: 12rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  letter-spacing: 0.02em;
  margin-bottom: 12rem;
}
@supports not (aspect-ratio: 16/9) {
  [shop-page] .search .search__reset {
    gap: 0px;
  }
  [shop-page] .search .search__reset > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [shop-page] .search .search__reset {
    gap: 0px;
  }
  [shop-page] .search .search__reset > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[shop-page] .search .search__reset input {
  display: none;
}
[shop-page] .search .search__wrap {
  background: var(--color-white-100);
  display: flex;
  justify-content: space-between;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [shop-page] .search .search__wrap {
    flex-direction: column;
    box-shadow: 0 0 80rem rgba(146, 116, 96, 0.3);
  }
}
[shop-page] .search .search__head {
  color: var(--color-white-100);
  padding-left: 68rem;
  padding-right: 68rem;
  background: var(--color-black-100);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  border-radius: 4rem;
}
@media (max-width: 750px) {
  [shop-page] .search .search__head {
    padding-top: 16rem;
    padding-bottom: 16rem;
  }
}
[shop-page] .search .search__title-main {
  font-size: 40rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (max-width: 750px) {
  [shop-page] .search .search__title-main {
    font-size: 24rem;
  }
}
[shop-page] .search .search__title-sub {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  width: 100%;
  margin-top: 18rem;
}
@media (max-width: 750px) {
  [shop-page] .search .search__title-sub {
    font-size: 12rem;
    text-align: center;
    margin-top: 2rem;
  }
}
[shop-page] .search .search__body {
  flex: 1;
  padding: 58rem;
}
@media (min-width: 751px) {
  [shop-page] .search .search__body {
    display: flex;
    --gap: 56rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [shop-page] .search .search__body {
      gap: 0px;
    }
    [shop-page] .search .search__body > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [shop-page] .search .search__body {
    gap: 0px;
  }
  [shop-page] .search .search__body > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [shop-page] .search .search__body {
    padding-left: 29rem;
    padding-right: 29rem;
    padding-bottom: 33rem;
    padding-top: 25rem;
    display: flex;
    --gap: 40rem;
    flex-direction: column;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [shop-page] .search .search__body {
      gap: 0px;
    }
    [shop-page] .search .search__body > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (max-width: 750px) and (-ms-high-contrast: none) {
  [shop-page] .search .search__body {
    gap: 0px;
  }
  [shop-page] .search .search__body > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
[shop-page] .search .search__column {
  width: 100%;
}
@media (min-width: 751px) {
  [shop-page] .search .search__column {
    display: flex;
    --gap: 56rem;
    flex-direction: row;
    gap: var(--gap);
    align-items: center;
  }
  @supports not (aspect-ratio: 16/9) {
    [shop-page] .search .search__column {
      gap: 0px;
    }
    [shop-page] .search .search__column > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [shop-page] .search .search__column {
    gap: 0px;
  }
  [shop-page] .search .search__column > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [shop-page] .search .search__column {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 63rem 1fr 153rem;
    grid-template-rows: auto auto;
    grid-template-areas: "country bar pref" "muni muni muni";
  }
}
[shop-page] .search .search__column-title {
  display: flex;
  --gap: 0rem;
  flex-direction: column;
  font-size: 28rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[shop-page] .search .search__column-title span {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 8rem;
}
@media (min-width: 751px) {
  [shop-page] .search .search__column-title {
    min-width: 100rem;
  }
}
@media (max-width: 750px) {
  [shop-page] .search .search__column-title {
    grid-area: country;
    font-size: 24rem;
  }
  [shop-page] .search .search__column-title span {
    font-size: 12rem;
  }
}
[shop-page] .search .search__column-bar {
  height: 84rem;
  width: 1rem;
  background: #C3B7AD;
}
@media (max-width: 750px) {
  [shop-page] .search .search__column-bar {
    height: auto;
    grid-area: bar;
    margin-left: auto;
    margin-right: auto;
  }
}
[shop-page] .search .search__form__pref {
  width: 195rem;
  height: 74rem;
  border-radius: 100%;
  background: var(--color);
  display: flex;
  justify-content: space-between;
  color: var(--color-white-100);
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: relative;
  overflow: hidden;
  box-shadow: 2rem 2rem 4rem rgba(0, 0, 0, 0.16);
}
[shop-page] .search .search__form__pref svg {
  width: 10rem;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 30rem;
  margin: auto;
  z-index: 2;
}
[shop-page] .search .search__form__pref select {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  padding-left: 37rem;
}
@media (max-width: 750px) {
  [shop-page] .search .search__form__pref {
    grid-area: pref;
    width: 100%;
    height: 57rem;
  }
  [shop-page] .search .search__form__pref select {
    font-size: 12rem;
    padding-left: 28rem;
  }
  [shop-page] .search .search__form__pref svg {
    right: 28rem;
  }
}
[shop-page] .search .search__form__locate {
  display: grid;
  grid-auto-columns: 1fr;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  gap: 14rem;
  flex: 1;
}
@media (max-width: 750px) {
  [shop-page] .search .search__form__locate {
    margin-top: 28rem;
    grid-area: muni;
    grid-template-columns: repeat(3, 1fr);
  }
}
[shop-page] .search .search__form__pref-item {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  display: flex;
  --gap: 8rem;
  flex-direction: row;
  gap: var(--gap);
  align-items: center;
}
@supports not (aspect-ratio: 16/9) {
  [shop-page] .search .search__form__pref-item {
    gap: 0px;
  }
  [shop-page] .search .search__form__pref-item > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [shop-page] .search .search__form__pref-item {
    gap: 0px;
  }
  [shop-page] .search .search__form__pref-item > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [shop-page] .search .search__form__pref-item {
    font-size: 12rem;
  }
}
[shop-page] .search .search__form__pref-input {
  display: none;
}
[shop-page] .search .search__form__pref-input:checked + .search__form__pref-circle .search__form__pref-circle-child {
  opacity: 1;
}
[shop-page] .search .search__form__pref-circle {
  width: 20px;
  height: 20px;
  border-radius: 100px;
  border: 1px solid #9F8C80;
  position: relative;
}
[shop-page] .search .search__form__pref-circle-child {
  width: 10px;
  height: 10px;
  background: #9F8C80;
  border-radius: inherit;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
[shop-page] .search .search__form__pref-text {
  position: relative;
  display: block;
}
[shop-page] .search .search__form__pref-number {
  position: absolute;
  top: 0;
  right: -14rem;
  font-size: 10rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  color: #C5B7AC;
}
@media (max-width: 750px) {
  [shop-page] .search .search__form__pref-number {
    right: -10rem;
  }
}
[shop-page] .search .search__notice {
  width: fit-content;
  margin-left: auto;
  margin-top: 20rem;
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  opacity: 0;
  align-items: baseline;
}
[shop-page] .search .search__notice--num {
  font-size: 28rem;
}
@media (min-width: 751px) {
  [shop-page] .search .search__notice {
    position: absolute;
    right: var(--margin-1);
    display: flex;
    --gap: 5rem;
    flex-direction: row;
    gap: var(--gap);
  }
  @supports not (aspect-ratio: 16/9) {
    [shop-page] .search .search__notice {
      gap: 0px;
    }
    [shop-page] .search .search__notice > *:not(:last-child) {
      margin-right: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [shop-page] .search .search__notice {
    gap: 0px;
  }
  [shop-page] .search .search__notice > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media (max-width: 750px) {
  [shop-page] .search .search__notice {
    font-size: 10rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  [shop-page] .search .search__notice--num {
    font-size: 22rem;
  }
}
[shop-page] .locate:first-child {
  margin-top: 40rem;
}
[shop-page] .locate:not(:first-child) {
  margin-top: 103rem;
}
@media (max-width: 750px) {
  [shop-page] .locate:not(:first-child) {
    margin-top: 56rem;
  }
}
[shop-page] .locate .locate__header {
  max-width: calc(100vw - var(--margin-2) * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  font-size: 65rem;
  font-family: orpheuspro, serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
[shop-page] .locate .locate__header span {
  font-size: 18rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
}
@media (min-width: 751px) {
  [shop-page] .locate .locate__header {
    display: flex;
    --gap: 4rem;
    flex-direction: column;
    gap: var(--gap);
    margin-bottom: -80rem;
  }
  @supports not (aspect-ratio: 16/9) {
    [shop-page] .locate .locate__header {
      gap: 0px;
    }
    [shop-page] .locate .locate__header > *:not(:last-child) {
      margin-bottom: var(--gap);
    }
  }
}
@media (min-width: 751px) and (-ms-high-contrast: none) {
  [shop-page] .locate .locate__header {
    gap: 0px;
  }
  [shop-page] .locate .locate__header > *:not(:last-child) {
    margin-bottom: var(--gap);
  }
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__header {
    font-size: 40rem;
    display: flex;
    align-items: baseline;
    max-width: calc(100vw - var(--margin-3) * 2);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  [shop-page] .locate .locate__header span {
    font-size: 14rem;
    margin-left: 8rem;
  }
}
[shop-page] .locate .locate__area {
  max-width: calc(100vw - var(--margin-1) * 2);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  gap: 0px;
}
[shop-page] .locate .locate__area > *:not(:last-child) {
  margin-bottom: 34rem;
}
@media (min-width: 751px) {
  [shop-page] .locate .locate__area {
    padding-left: 250rem;
  }
}
[shop-page] .locate .locate__area:not(:first-child) {
  margin-top: 80rem;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__area:not(:first-child) {
    margin-top: 56rem;
  }
}
[shop-page] .locate .locate__area__header {
  border-top: 1rem solid #3C2F26;
}
[shop-page] .locate .locate__area__title {
  font-size: 24rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 7rem;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__area__title {
    font-size: 18rem;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
[shop-page] .locate .locate__area__column {
  display: flex;
  justify-content: space-between;
  margin-top: 48rem;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__area__column {
    padding-left: 6rem;
    padding-right: 6rem;
  }
}
[shop-page] .locate .locate__area__column-title {
  font-size: 16rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 22rem;
  display: flex;
  --gap: 10rem;
  flex-direction: row;
  gap: var(--gap);
}
@supports not (aspect-ratio: 16/9) {
  [shop-page] .locate .locate__area__column-title {
    gap: 0px;
  }
  [shop-page] .locate .locate__area__column-title > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
@media all and (-ms-high-contrast: none) {
  [shop-page] .locate .locate__area__column-title {
    gap: 0px;
  }
  [shop-page] .locate .locate__area__column-title > *:not(:last-child) {
    margin-right: var(--gap);
  }
}
[shop-page] .locate .locate__area__column-title span {
  writing-mode: vertical-rl;
}
@media (min-width: 751px) {
  [shop-page] .locate .locate__area__column-title {
    margin-right: 38rem;
  }
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__area__column-title {
    --gap: 5rem;
  }
}
[shop-page] .locate .locate__area__column-title-bar {
  height: 60rem;
  width: 2rem;
  background: #C5B7AC;
  display: flex;
  align-items: flex-end;
}
[shop-page] .locate .locate__area__column-title-bar-line {
  width: 100%;
  height: 50rem;
  background: var(--color-black-100);
}
[shop-page] .locate .locate__group {
  width: 100%;
}
@media (min-width: 751px) {
  [shop-page] .locate .locate__group {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    gap: 11rem;
  }
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__group {
    display: flex;
    flex-wrap: wrap;
    width: 320rem;
    justify-content: space-between;
    gap: 6rem 0rem;
  }
}
[shop-page] .locate .locate__item {
  border-radius: 4rem;
  display: flex;
  --gap: 0rem;
  flex-direction: column;
  background: var(--color-white-100);
  padding: 36rem 25rem 10rem;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__item {
    width: 158rem;
    padding-top: 15rem;
    padding-bottom: 20rem;
    padding-left: 14rem;
    padding-right: 14rem;
  }
}
[shop-page] .locate .locate__item__logo {
  width: 100%;
  height: 56rem;
  object-fit: contain;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__item__logo {
    height: 21rem;
  }
}
[shop-page] .locate .locate__item__line {
  width: 100%;
  height: 1rem;
  margin-top: 20rem;
  background: rgba(60, 47, 38, 0.4);
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__item__line {
    margin-top: 15rem;
  }
}
[shop-page] .locate .locate__item__title {
  font-size: 14rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 27rem;
  text-align: center;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__item__title {
    font-size: 12rem;
    margin-top: 12rem;
  }
}
[shop-page] .locate .locate__item__address {
  font-size: 11rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  line-height: 18rem;
  margin-top: 25rem;
  text-align: center;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__item__address {
    margin-top: 16rem;
  }
}
[shop-page] .locate .locate__item__map {
  font-size: 10rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  margin-top: 10rem;
  text-align: center;
  display: block;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
[shop-page] .locate .locate__item__button {
  width: 192rem;
  height: 40rem;
  border-radius: 100px;
  background: rgb(160, 130, 117);
  display: block;
  color: var(--color-white-100);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11rem;
  font-family: dnp-shuei-gothic-gin-std, "Yu Gothic Medium", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M", selif;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  letter-spacing: 0.02em;
  position: relative;
  margin-top: 26rem;
  overflow: hidden;
}
[shop-page] .locate .locate__item__button:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-marron-500);
  opacity: 0.32;
  position: absolute;
  box-shadow: inset 3px 3px 6px rgba(255, 255, 255, 0.9);
}
[shop-page] .locate .locate__item__button span {
  z-index: 2;
}
@media (max-width: 750px) {
  [shop-page] .locate .locate__item__button {
    width: 100%;
  }
}
[shop-page] .locate .locate__item__button span {
  transition: opacity 0.5s ease;
}
[shop-page] .locate .locate__item__map {
  transition: opacity 0.5s ease;
}
[shop-page] .locate .locate__item__button:hover span {
  opacity: 0.5;
}
[shop-page] .locate .locate__item__map:hover {
  opacity: 0.5;
}
[opening] .cover {
  opacity: 1;
}
[opening] .first .first__message__split, [opening] .first .first__description__split, [opening] .first .first__description-en__split {
  display: inline-block;
  transform: translateY(110%);
  opacity: 0;
}
[opening] .first .first__message__split {
  transform: translateY(110%) rotate(3deg);
  transform-origin: left top;
}
[opening] .first .first__circle {
  transform: scale(0);
  opacity: 0;
}
[opening] .first .first__circle__hand-fill {
  --deg: 180deg;
}
[opening] .first .first__circle__text {
  opacity: 0;
}
[opening] .base-cta__button {
  opacity: 0;
}
[opening] .base-header__logo {
  opacity: 0;
}
[opening] .base-header__nav__item {
  opacity: 0;
}
[opening] .kv__contents {
  transform: translateY(100%);
}
[opening] .parts-scroll .parts-scroll__text span {
  transform: translateY(-100%);
}
[opening] .parts-scroll .parts-scroll__bar {
  clip-path: inset(0% 0 100% 0);
}
[first-leave] .first__circle {
  transform: scale(0.5) !important;
  opacity: 0 !important;
  transition: transform 0.5s ease, opacity 0.5s ease;
}
[simple-hover] {
  --color: var(--color-black-100);
}
[simple-hover] .simple-hover__bar {
  position: absolute;
  bottom: -2rem;
  left: -2rem;
  width: calc(100% + 4rem);
  height: 1px;
  background-color: var(--color);
  transform: scaleX(0);
  transform-origin: left;
}