/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

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

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block; }

:root {
  --black: #505050;
  --black2: #404040;
  --lt-gray: #ededed;
  --gray: #8c8a95;
  --beige: #F7F6F3;
  --dark-red: #7c2b41;
  --faint-lines: #d6d6d6;
  --white: #ffffff;
  --gold: #9f9067;
  --textgold: #9c9365;
  --dusty-pink: #cdafae;
  --dusty-pink2: #cb9ca7;
  --dusty-pink3: #e8bbbc;
  --dusty-gold: #cdb7a1;
  --pink: #ef6b8d;
  --dark-pink: #d1788b;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-bold: 700;
  --font-zen: "Zen Old Mincho", sans-serif;
  --font-shippori: "Shippori Mincho B1", serif;
  --font-cinzel: "Cinzel", serif;
  --font-garamond: "Cormorant Garamond", serif;
  --font-oswald: "Oswald", sans-serif;
  --font-notosansjp: "Noto Sans JP", sans-serif;
  --font-montserrat: "Montserrat", sans-serif;
  --font-kiwi: "Kiwi Maru", serif; }

*, *::before, *::after {
  box-sizing: border-box; }

html {
  font-size: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: var(--font-normal);
  letter-spacing: 0;
  color: var(--black);
  background: #fff; }

a, button {
  cursor: pointer;
  text-decoration: none;
  transition: all 0.3s; }

video {
  width: 100%; }

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

.cf {
  *zoom: 1; }
  .cf:after {
    content: "";
    display: table;
    clear: both; }

input[type="submit"],
input[type="button"],
button {
  border-radius: 0;
  margin: 0;
  -webkit-box-sizing: content-box;
  background: none;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box; }
  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration,
  button::-webkit-search-decoration {
    display: none; }
  input[type="submit"]::focus,
  input[type="button"]::focus,
  button::focus {
    outline-offset: -2px; }

.zen {
  font-family: var(--font-zen); }

.shippori {
  font-family: var(--font-shippori); }

.cinzel {
  font-family: var(--font-cinzel); }

.garamond {
  font-family: var(--font-garamond); }

.oswald {
  font-family: var(--font-oswald); }

.montserrat {
  font-family: var(--font-montserrat); }

.noto {
  font-family: var(--font-notosansjp); }

.kiwi {
  font-family: var(--font-kiwi); }

.light {
  font-weight: var(--font-light); }

.medium {
  font-weight: var(--font-medium); }

.justify {
  text-align: justify;
  text-justify: inter-ideograph; }

.is-animated.fadeInUp {
  animation-name: fadeInUp; }

.fadeInUp {
  opacity: 0;
  transform: translate3d(0, 15%, 0);
  animation-fill-mode: both;
  animation-duration: 1.2s; }

.is-animated.fadeIn {
  animation-name: fadeIn; }

.fadeIn {
  opacity: 0;
  animation-fill-mode: both;
  animation-duration: 1.6s;
  animation-delay: 0; }

.is-animated.fadeInScaleIn {
  animation-name: fadeInScaleIn; }

.fadeInScaleIn {
  opacity: 0;
  animation-fill-mode: both;
  animation-duration: 2.4s;
  animation-delay: .2s; }

/*----------------------------------------------------------------------
								Header 
----------------------------------------------------------------------*/
@media screen and (max-width: 737px) {
  .is-menu-open .site-global .site-title {
    position: fixed; } }
@media screen and (max-width: 737px) {
  .is-menu-open .site-global .conversion-btn {
    justify-content: right;
    width: 100%; } }

.site-header {
  position: relative;
  position: fixed;
  width: 100%;
  top: -64px;
  transition: top 0.6s;
  z-index: 2; }
  @media screen and (max-width: 737px) {
    .site-header {
      transition: top 0.6s;
      position: fixed;
      top: -64px;
      width: 100%;
      z-index: 2; } }
  .site-header.fixed {
    top: 0; }
    @media screen and (max-width: 737px) {
      .site-header.fixed {
        top: 0; } }

.site-global {
  position: absolute;
  top: clamp(1.5rem, calc(1.5rem + 0vw), 1.5rem);
  left: clamp(1.5rem, calc(0.97582rem + 1.13798vw), 2rem);
  display: flex;
  align-items: center;
  gap: 24px; }
  @media screen and (max-width: 737px) {
    .site-global {
      width: 100%;
      height: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem);
      background: var(--white);
      top: 0;
      left: 0;
      right: 0;
      justify-content: space-between;
      padding: clamp(0.25rem, calc(-0.32692rem + 2.88462vw), 1rem) 0 clamp(0.25rem, calc(-0.32692rem + 2.88462vw), 1rem) clamp(0.75rem, calc(-0.21154rem + 4.80769vw), 2rem);
      position: relative; } }
  .site-global .site-title {
    width: 88px;
    display: block;
    position: relative; }
    @media screen and (max-width: 737px) {
      .site-global .site-title {
        width: clamp(4rem, calc(2.84615rem + 5.76923vw), 5.5rem); }
        .site-global .site-title .st0 {
          fill: var(--dark-pink); } }
    .site-global .site-title a:hover {
      opacity: .8; }
  .site-global .conversion-btn {
    display: flex;
    gap: 1px; }
    @media screen and (max-width: 737px) {
      .site-global .conversion-btn {
        margin-right: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem); } }
    .site-global .conversion-btn li {
      overflow: hidden;
      position: relative;
      width: 132px;
      height: 40px; }
      @media screen and (max-width: 737px) {
        .site-global .conversion-btn li {
          display: flex;
          justify-content: center;
          align-items: center;
          width: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem);
          height: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem);
          font-size: clamp(0.5625rem, calc(0.41827rem + 0.72115vw), 0.75rem); } }
      .site-global .conversion-btn li.reservation a {
        border-radius: 8px 0 0 8px; }
        .site-global .conversion-btn li.reservation a::before {
          display: inline-block;
          position: relative;
          width: 22px;
          height: 23px;
          content: "";
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 23"><path fill="%23ffffff" d="M5.55,4A1.13,1.13,0,0,0,6.68,2.91V1.13a1.13,1.13,0,0,0-2.26,0V2.91A1.12,1.12,0,0,0,5.55,4Zm8.33,0A1.12,1.12,0,0,0,15,2.91V1.13a1.13,1.13,0,1,0-2.26,0V2.91A1.13,1.13,0,0,0,13.88,4Zm2.83-2.43H16v1.3a2.13,2.13,0,1,1-4.25,0V1.61H7.67v1.3a2.13,2.13,0,1,1-4.25,0V1.61h-.7A2.72,2.72,0,0,0,0,4.34V17.27A2.72,2.72,0,0,0,2.72,20h14a2.72,2.72,0,0,0,2.72-2.73V4.34A2.72,2.72,0,0,0,16.71,1.61ZM18.1,17.27a1.39,1.39,0,0,1-1.39,1.4h-14a1.4,1.4,0,0,1-1.4-1.4V6.06H18.1ZM6.89,14.75H9.11V17H6.89Zm0-3.44H9.11v2.22H6.89ZM3.46,14.75H5.67V17H3.46Zm0-3.44H5.67v2.22H3.46ZM13.75,7.88H16V10.1H13.75Zm-3.43,0h2.22V10.1H10.32Zm0,3.43h2.22v2.22H10.32Zm3.43,3.44H16V17H13.75Zm0-3.44H16v2.22H13.75Zm-3.43,3.44h2.22V17H10.32ZM6.89,7.88H9.11V10.1H6.89Zm-3.43,0H5.67V10.1H3.46Z" /></svg>');
          background-size: cover;
          left: 0;
          top: 1px;
          transition: all 0.3s; }
          @media screen and (max-width: 737px) {
            .site-global .conversion-btn li.reservation a::before {
              background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 23"><path fill="%23ef6b8d" d="M5.55,4A1.13,1.13,0,0,0,6.68,2.91V1.13a1.13,1.13,0,0,0-2.26,0V2.91A1.12,1.12,0,0,0,5.55,4Zm8.33,0A1.12,1.12,0,0,0,15,2.91V1.13a1.13,1.13,0,1,0-2.26,0V2.91A1.13,1.13,0,0,0,13.88,4Zm2.83-2.43H16v1.3a2.13,2.13,0,1,1-4.25,0V1.61H7.67v1.3a2.13,2.13,0,1,1-4.25,0V1.61h-.7A2.72,2.72,0,0,0,0,4.34V17.27A2.72,2.72,0,0,0,2.72,20h14a2.72,2.72,0,0,0,2.72-2.73V4.34A2.72,2.72,0,0,0,16.71,1.61ZM18.1,17.27a1.39,1.39,0,0,1-1.39,1.4h-14a1.4,1.4,0,0,1-1.4-1.4V6.06H18.1ZM6.89,14.75H9.11V17H6.89Zm0-3.44H9.11v2.22H6.89ZM3.46,14.75H5.67V17H3.46Zm0-3.44H5.67v2.22H3.46ZM13.75,7.88H16V10.1H13.75Zm-3.43,0h2.22V10.1H10.32Zm0,3.43h2.22v2.22H10.32Zm3.43,3.44H16V17H13.75Zm0-3.44H16v2.22H13.75Zm-3.43,3.44h2.22V17H10.32ZM6.89,7.88H9.11V10.1H6.89Zm-3.43,0H5.67V10.1H3.46Z" /></svg>'); } }
        .site-global .conversion-btn li.reservation a:hover::before {
          transition: all 0.3s; }
      .site-global .conversion-btn li.catalog a {
        border-radius: 0 8px 8px 0; }
        .site-global .conversion-btn li.catalog a::before {
          display: inline-block;
          position: relative;
          width: 24px;
          height: 23px;
          content: "";
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 23"><path fill="%23ffffff" d="M21,3.43a.48.48,0,0,0-.34-.14,11.52,11.52,0,0,0-2.07.21V.59a.65.65,0,0,0-.06-.26.64.64,0,0,0-.11-.16A.68.68,0,0,0,18.21,0,.82.82,0,0,0,18,0a.57.57,0,0,0-.24.05,12.28,12.28,0,0,0-2.41,1.41A15.75,15.75,0,0,0,12.2,4.57a10,10,0,0,0-1,1.73,6.23,6.23,0,0,0-.44,1.3h-.28A6.46,6.46,0,0,0,9.7,5.72,13.8,13.8,0,0,0,7,2.41,13.55,13.55,0,0,0,3.38.05a.55.55,0,0,0-.24,0L3,0a.47.47,0,0,0-.15.06A.65.65,0,0,0,2.62.3a.53.53,0,0,0-.08.29c0,.09,0,1.94,0,2.91A11.73,11.73,0,0,0,.47,3.29.48.48,0,0,0,0,3.76V15.3a.46.46,0,0,0,.4.46,14.66,14.66,0,0,1,2.1.48A17.58,17.58,0,0,1,6,17.7a11.8,11.8,0,0,1,1.5,1,6.7,6.7,0,0,1,1.13,1.13A.49.49,0,0,0,9,20h3.22a.46.46,0,0,0,.37-.18,7.43,7.43,0,0,1,1.6-1.48,15.83,15.83,0,0,1,3.33-1.71,16.28,16.28,0,0,1,3.26-.87.46.46,0,0,0,.4-.46V3.76A.51.51,0,0,0,21,3.43Zm-12.38,15a8.9,8.9,0,0,0-1.1-.89A15.59,15.59,0,0,0,4,15.76,16.74,16.74,0,0,0,.94,14.9V4.24a14.52,14.52,0,0,1,2,.28H3v0A10.42,10.42,0,0,1,6.59,6a5.87,5.87,0,0,1,2,2.16V18.47ZM7,5.45A11,11,0,0,0,3.49,4V3.54c0-.65,0-1.75,0-2.41A11.94,11.94,0,0,1,5.23,2.22a14.86,14.86,0,0,1,3,2.91,8.88,8.88,0,0,1,1,1.57,4.13,4.13,0,0,1,.38,1.18H9.23A6.63,6.63,0,0,0,7,5.45Zm4.89,13.61H9.29V8.54h2.56Zm.06-11.18h-.29a5.29,5.29,0,0,1,.64-1.7A12.87,12.87,0,0,1,14.83,3.1a13.28,13.28,0,0,1,2.83-2V4a10.87,10.87,0,0,0-3.47,1.46A6.66,6.66,0,0,0,11.91,7.88Zm8.29,7a17.75,17.75,0,0,0-1.83.44,19.45,19.45,0,0,0-3.65,1.54A12.67,12.67,0,0,0,13.1,18a5.84,5.84,0,0,0-.59.51V8.16a6,6,0,0,1,2-2.16,10.4,10.4,0,0,1,3.58-1.45v0h.1a14.52,14.52,0,0,1,2-.28V14.9Z" /></svg>');
          background-size: cover;
          left: 0;
          top: 2px;
          transition: all 0.3s; }
          @media screen and (max-width: 737px) {
            .site-global .conversion-btn li.catalog a::before {
              background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 23"><path fill="%23ef6b8d" d="M21,3.43a.48.48,0,0,0-.34-.14,11.52,11.52,0,0,0-2.07.21V.59a.65.65,0,0,0-.06-.26.64.64,0,0,0-.11-.16A.68.68,0,0,0,18.21,0,.82.82,0,0,0,18,0a.57.57,0,0,0-.24.05,12.28,12.28,0,0,0-2.41,1.41A15.75,15.75,0,0,0,12.2,4.57a10,10,0,0,0-1,1.73,6.23,6.23,0,0,0-.44,1.3h-.28A6.46,6.46,0,0,0,9.7,5.72,13.8,13.8,0,0,0,7,2.41,13.55,13.55,0,0,0,3.38.05a.55.55,0,0,0-.24,0L3,0a.47.47,0,0,0-.15.06A.65.65,0,0,0,2.62.3a.53.53,0,0,0-.08.29c0,.09,0,1.94,0,2.91A11.73,11.73,0,0,0,.47,3.29.48.48,0,0,0,0,3.76V15.3a.46.46,0,0,0,.4.46,14.66,14.66,0,0,1,2.1.48A17.58,17.58,0,0,1,6,17.7a11.8,11.8,0,0,1,1.5,1,6.7,6.7,0,0,1,1.13,1.13A.49.49,0,0,0,9,20h3.22a.46.46,0,0,0,.37-.18,7.43,7.43,0,0,1,1.6-1.48,15.83,15.83,0,0,1,3.33-1.71,16.28,16.28,0,0,1,3.26-.87.46.46,0,0,0,.4-.46V3.76A.51.51,0,0,0,21,3.43Zm-12.38,15a8.9,8.9,0,0,0-1.1-.89A15.59,15.59,0,0,0,4,15.76,16.74,16.74,0,0,0,.94,14.9V4.24a14.52,14.52,0,0,1,2,.28H3v0A10.42,10.42,0,0,1,6.59,6a5.87,5.87,0,0,1,2,2.16V18.47ZM7,5.45A11,11,0,0,0,3.49,4V3.54c0-.65,0-1.75,0-2.41A11.94,11.94,0,0,1,5.23,2.22a14.86,14.86,0,0,1,3,2.91,8.88,8.88,0,0,1,1,1.57,4.13,4.13,0,0,1,.38,1.18H9.23A6.63,6.63,0,0,0,7,5.45Zm4.89,13.61H9.29V8.54h2.56Zm.06-11.18h-.29a5.29,5.29,0,0,1,.64-1.7A12.87,12.87,0,0,1,14.83,3.1a13.28,13.28,0,0,1,2.83-2V4a10.87,10.87,0,0,0-3.47,1.46A6.66,6.66,0,0,0,11.91,7.88Zm8.29,7a17.75,17.75,0,0,0-1.83.44,19.45,19.45,0,0,0-3.65,1.54A12.67,12.67,0,0,0,13.1,18a5.84,5.84,0,0,0-.59.51V8.16a6,6,0,0,1,2-2.16,10.4,10.4,0,0,1,3.58-1.45v0h.1a14.52,14.52,0,0,1,2-.28V14.9Z" /></svg>'); } }
        .site-global .conversion-btn li.catalog a:hover::before {
          transition: all 0.3s; }
      .site-global .conversion-btn li a {
        background: var(--pink);
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        height: 40px;
        letter-spacing: .06em;
        line-height: 1;
        gap: 6px;
        color: var(--white); }
        @media screen and (max-width: 737px) {
          .site-global .conversion-btn li a {
            gap: 0;
            width: 100%;
            border-radius: 0;
            font-weight: var(--font-medium);
            color: var(--pink);
            background: transparent;
            height: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem);
            flex-direction: column;
            justify-content: center; } }
        .site-global .conversion-btn li a:hover {
          background: var(--black);
          color: var(--white); }
          @media screen and (max-width: 737px) {
            .site-global .conversion-btn li a:hover {
              background: var(--white);
              color: var(--pink); } }

.site-menu-button {
  z-index: 11; }

.site-title {
  z-index: 10; }

.site-menu-wrap {
  z-index: 9; }

.site-global-nav, .conversion-btn {
  z-index: 8; }

.site-menu-button {
  width: 10vw;
  height: 10vw;
  position: fixed;
  right: 0;
  top: 0;
  cursor: pointer; }
  @media screen and (max-width: 737px) {
    .site-menu-button {
      position: absolute;
      width: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem);
      height: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem); } }
  .site-menu-button .in {
    position: relative;
    width: 100%;
    height: 100%; }
  .site-menu-button .menu-toggle {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2; }
    .site-menu-button .menu-toggle .t {
      transition: all .8s;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -1px;
      margin-left: -10px;
      height: 2px;
      width: 20px;
      background-color: var(--dark-pink);
      transform-origin: center left; }
      @media screen and (max-width: 737px) {
        .site-menu-button .menu-toggle .t {
          margin-top: -1px;
          margin-left: -7px;
          width: clamp(0.875rem, calc(0.875rem + 0vw), 0.875rem); } }
    .site-menu-button .menu-toggle .t1 {
      transform: translate(0px, -5px) scale(1, 1); }
    .site-menu-button .menu-toggle .t2 {
      transform: translate(0px, 0px) scale(1, 1); }
    .site-menu-button .menu-toggle .t3 {
      transform: translate(0px, 5px) scale(1, 1); }
  .site-menu-button .menu-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    transform: translate3d(-50%, -50%, 0px);
    background-color: var(--white);
    border: 1px solid var(--dark-pink);
    border-radius: 100%; }
    @media screen and (max-width: 737px) {
      .site-menu-button .menu-bg {
        width: clamp(2.3125rem, calc(1.78365rem + 2.64423vw), 3rem);
        height: clamp(2.3125rem, calc(1.78365rem + 2.64423vw), 3rem); } }
  .site-menu-button .menu-txt {
    transition: .8s all;
    position: absolute;
    z-index: 1;
    left: -2em;
    top: 50%;
    height: 70px;
    transform: translate3d(0, -50%, 0px);
    display: flex;
    align-items: center;
    opacity: 0; }
    @media screen and (max-width: 737px) {
      .site-menu-button .menu-txt {
        left: -2em;
        height: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem);
        font-size: clamp(0.5625rem, calc(0.41827rem + 0.72115vw), 0.75rem); } }
  .site-menu-button .menu-bg,
  .site-menu-button .site-menu-button .menu-toggle {
    transition: all .4s ease-in-out; }
  .site-menu-button:hover .menu-toggle .t {
    background: var(--white); }
  .site-menu-button:hover .menu-bg {
    border: 1px solid var(--black);
    background-color: var(--black); }

.is-menu-open .site-menu-button {
  position: fixed; }
  .is-menu-open .site-menu-button .menu-toggle .t {
    background-color: var(--black); }
  .is-menu-open .site-menu-button .t {
    transform-origin: center center; }
  .is-menu-open .site-menu-button .t1 {
    transform: translate(0px, 0px) scale(1, 1) rotate(45deg); }
  .is-menu-open .site-menu-button .t2 {
    transform: translate(0px, 0px) scale(0, 1) rotate(0deg); }
  .is-menu-open .site-menu-button .t3 {
    transform: translate(0px, 0px) scale(1, 1) rotate(-45deg); }
  .is-menu-open .site-menu-button .menu-bg {
    background-color: var(--white);
    border: 1px solid var(--black); }
  .is-menu-open .site-menu-button .menu-txt {
    opacity: 1;
    left: -3em; }
    @media screen and (max-width: 737px) {
      .is-menu-open .site-menu-button .menu-txt {
        left: -3.5em;
        letter-spacing: 0.1em; } }
  .is-menu-open .site-menu-button:hover .menu-toggle .t {
    background-color: var(--white); }
  .is-menu-open .site-menu-button:hover .menu-bg {
    background-color: var(--black); }

.is-loading .site-menu-wrap {
  opacity: 0; }

.site-menu-wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0%;
  background-color: var(--white);
  transform: translate(0, 100%);
  overflow: hidden; }

.site-menu {
  height: 100%;
  width: 100%;
  transform: translate(0, -100%); }

.site-menu-body {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 10vw;
  padding-left: 40vw;
  background: url(../images/nav_bg2.jpg) no-repeat left bottom;
  background-size: cover; }
  @media screen and (max-width: 1024px) {
    .site-menu-body {
      padding-right: 5vw;
      padding-left: 30vw;
      background: url(../images/nav_bg2.jpg) no-repeat left bottom;
      background-size: cover; } }
  @media screen and (max-width: 737px) {
    .site-menu-body {
      padding-right: 5vw;
      padding-left: 22vw;
      padding-top: 10vh;
      background: url(../images/nav_bg2_sp.jpg) no-repeat left top;
      background-size: cover; } }

.site-menu-thumb {
  height: 100%;
  position: absolute;
  z-index: 1;
  width: 30vw;
  height: 100%;
  top: 0;
  left: 0; }
  @media screen and (max-width: 1024px) {
    .site-menu-thumb {
      width: 25vw; } }
  @media screen and (max-width: 737px) {
    .site-menu-thumb {
      width: 16vw; } }

.site-menu-thumb .in {
  height: 100%;
  position: relative;
  width: 100%; }
  @media screen and (max-width: 1024px) {
    .site-menu-thumb .in {
      overflow: hidden; } }
  @media screen and (max-width: 737px) {
    .site-menu-thumb .in {
      overflow: hidden; } }

.site-menu-thumb .img {
  background: url(../images/nav_bg.jpg) no-repeat center center;
  width: 100%;
  height: 100%;
  background-size: cover;
  display: block; }
  @media screen and (max-width: 1024px) {
    .site-menu-thumb .img {
      background: url(../images/nav_bg.jpg) no-repeat center center;
      width: 100%;
      background-size: cover; } }
  @media screen and (max-width: 737px) {
    .site-menu-thumb .img {
      background: url(../images/nav_bg.jpg) no-repeat right top;
      width: 100vw;
      background-size: auto; } }

.site-menu-nav-wrap {
  display: flex;
  gap: 3vw;
  margin-bottom: 60px; }
  @media screen and (max-width: 737px) {
    .site-menu-nav-wrap {
      flex-direction: column;
      gap: 0;
      margin-bottom: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem); } }

.site-menu-nav {
  width: 200px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column; }
  @media screen and (max-width: 737px) {
    .site-menu-nav {
      width: 100%; } }
  .site-menu-nav:nth-of-type(2) {
    width: 280px; }
    @media screen and (max-width: 737px) {
      .site-menu-nav:nth-of-type(2) {
        width: 100%; } }

@media screen and (max-width: 737px) {
  .site-menu-nav ul {
    display: flex;
    flex-wrap: wrap; } }
.site-menu-nav ul li {
  overflow: hidden;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 737px) {
    .site-menu-nav ul li {
      display: block;
      width: 100%; } }
  .site-menu-nav ul li:last-child a {
    padding-bottom: 0; }
    @media screen and (max-width: 737px) {
      .site-menu-nav ul li:last-child a {
        padding-bottom: clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem); } }
.site-menu-nav ul a {
  letter-spacing: 0.06em;
  padding-bottom: 20px;
  margin-bottom: 4px;
  display: block;
  overflow: hidden;
  font-size: 20px;
  line-height: 1.27273;
  color: var(--black); }
  @media screen and (max-width: 737px) {
    .site-menu-nav ul a {
      width: 100%;
      letter-spacing: 0;
      margin-bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: baseline;
      font-size: clamp(0.875rem, calc(0.58654rem + 1.44231vw), 1.25rem);
      padding-bottom: clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem); } }
  .site-menu-nav ul a:hover {
    color: var(--pink); }
  .site-menu-nav ul a span {
    display: block;
    font-size: 10px;
    letter-spacing: 0; }
    @media screen and (max-width: 737px) {
      .site-menu-nav ul a span {
        display: inline-block;
        font-size: clamp(0.5rem, calc(0.40385rem + 0.48077vw), 0.625rem);
        padding-bottom: clamp(0.5rem, calc(0.40385rem + 0.48077vw), 0.625rem);
        font-weight: var(--font-medium); } }

.button-wrap:first-of-type {
  margin-top: 64px; }
  @media screen and (max-width: 737px) {
    .button-wrap:first-of-type {
      margin-top: clamp(1rem, calc(0.23077rem + 3.84615vw), 2rem);
      margin-bottom: clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem); } }
@media screen and (max-width: 737px) {
  .button-wrap:nth-of-type(2).btn.black a {
    border: 1px solid var(--dark-red);
    background: var(--dark-red);
    color: var(--white); } }
@media screen and (max-width: 737px) {
  .button-wrap.btn.black, .button-wrap.btn.bgpink {
    width: 100%; } }
.button-wrap.btn.black a, .button-wrap.btn.bgpink a {
  height: 60px; }
  @media screen and (max-width: 737px) {
    .button-wrap.btn.black a, .button-wrap.btn.bgpink a {
      height: clamp(2.5rem, calc(1.53846rem + 4.80769vw), 3.75rem);
      width: 100%;
      font-size: clamp(0.6875rem, calc(0.54327rem + 0.72115vw), 0.875rem); } }

.site-menu-footer {
  border-top: 1px solid var(--lt-gray);
  display: flex;
  height: 10vh;
  align-items: center;
  justify-content: space-between; }
  @media screen and (max-width: 737px) {
    .site-menu-footer {
      height: 8vh; } }
  .site-menu-footer .social a {
    display: block; }
    .site-menu-footer .social a:hover::before {
      background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%239c9365" d="M7.03017 0.083926C5.75336 0.144167 4.88143 0.347929 4.11918 0.647452C3.33029 0.954895 2.66165 1.36746 1.99636 2.03515C1.33107 2.70283 0.921389 3.37196 0.616106 4.16205C0.320663 4.92597 0.120501 5.79862 0.0641001 7.07616C0.00769954 8.35369 -0.00478059 8.76433 0.00145947 12.0231C0.00769954 15.2818 0.0220997 15.6903 0.0840203 16.9705C0.144981 18.2471 0.348023 19.1188 0.647546 19.8812C0.955469 20.6701 1.36755 21.3385 2.03548 22.0041C2.70341 22.6696 3.37205 23.0783 4.16406 23.3841C4.92727 23.679 5.80016 23.8802 7.07745 23.9361C8.35474 23.992 8.76587 24.005 12.0237 23.9987C15.2815 23.9925 15.6916 23.9781 16.9715 23.9174C18.2515 23.8566 19.1186 23.6522 19.8813 23.3541C20.6702 23.0454 21.3391 22.6341 22.0042 21.9659C22.6692 21.2977 23.0787 20.6281 23.3837 19.8376C23.6794 19.0744 23.8803 18.2015 23.9357 16.9251C23.9916 15.6442 24.0048 15.2353 23.9986 11.977C23.9923 8.71873 23.9777 8.31025 23.917 7.03056C23.8563 5.75086 23.653 4.88181 23.3537 4.11885C23.0453 3.32996 22.6337 2.66203 21.966 1.99602C21.2983 1.33002 20.6282 0.920814 19.8379 0.616491C19.0742 0.321048 18.2018 0.119686 16.9245 0.0644858C15.6472 0.00928523 15.2361 -0.00487491 11.9771 0.00136515C8.71811 0.00760521 8.3101 0.0215253 7.03017 0.083926ZM7.17033 21.7773C6.00032 21.7264 5.36503 21.532 4.94167 21.3693C4.38102 21.1533 3.98166 20.8921 3.55974 20.4743C3.13781 20.0564 2.87861 19.6556 2.65973 19.0962C2.49532 18.6728 2.29732 18.0383 2.2426 16.8683C2.18308 15.6037 2.1706 15.224 2.16364 12.0202C2.15668 8.81641 2.16892 8.43721 2.22436 7.17216C2.27428 6.0031 2.46988 5.3671 2.63237 4.94397C2.84837 4.38261 3.10853 3.98396 3.52734 3.56228C3.94614 3.1406 4.34574 2.88091 4.90567 2.66203C5.32855 2.49691 5.96312 2.30059 7.13265 2.24491C8.39818 2.18491 8.77739 2.17291 11.9807 2.16595C15.184 2.15899 15.5642 2.17099 16.8302 2.22667C17.9992 2.27755 18.6355 2.47123 19.0581 2.63467C19.619 2.85067 20.0181 3.11012 20.4398 3.52964C20.8615 3.94916 21.1214 4.34733 21.3403 4.90845C21.5057 5.33014 21.702 5.96446 21.7572 7.13472C21.8174 8.40025 21.8311 8.77969 21.8369 11.9828C21.8426 15.1858 21.8314 15.5662 21.7759 16.8308C21.7248 18.0008 21.5309 18.6364 21.3679 19.0602C21.1519 19.6206 20.8915 20.0202 20.4725 20.4416C20.0534 20.8631 19.6543 21.1228 19.0941 21.3417C18.6717 21.5065 18.0364 21.7033 16.8679 21.759C15.6023 21.8185 15.2231 21.831 12.0186 21.838C8.81411 21.8449 8.4361 21.832 7.17057 21.7773M16.9531 5.58646C16.9535 5.87129 17.0385 6.14958 17.1971 6.38613C17.3558 6.62269 17.581 6.80688 17.8443 6.91542C18.1077 7.02396 18.3973 7.05196 18.6765 6.9959C18.9558 6.93983 19.2122 6.80221 19.4132 6.60043C19.6142 6.39866 19.7509 6.1418 19.806 5.86234C19.861 5.58288 19.8319 5.29338 19.7224 5.03044C19.6129 4.7675 19.4279 4.54294 19.1908 4.38517C18.9536 4.22739 18.675 4.14348 18.3902 4.14405C18.0084 4.14481 17.6425 4.29719 17.373 4.56768C17.1035 4.83817 16.9524 5.20463 16.9531 5.58646ZM5.83856 12.012C5.84528 15.4153 8.60915 18.1679 12.0117 18.1614C15.4142 18.1549 18.1687 15.3913 18.1622 11.988C18.1557 8.58481 15.3911 5.8315 11.9881 5.83822C8.58515 5.84494 5.83208 8.60929 5.83856 12.012ZM8.00002 12.0077C7.99846 11.2166 8.23153 10.4427 8.66976 9.78405C9.108 9.12537 9.73172 8.61143 10.462 8.30722C11.1924 8.00302 11.9965 7.92221 12.7727 8.07502C13.549 8.22783 14.2625 8.60739 14.823 9.16571C15.3836 9.72402 15.766 10.436 15.9218 11.2117C16.0777 11.9873 16.0001 12.7917 15.6988 13.5233C15.3975 14.2548 14.886 14.8805 14.2291 15.3214C13.5721 15.7622 12.7992 15.9984 12.0081 15.9999C11.4827 16.001 10.9623 15.8986 10.4766 15.6986C9.99086 15.4986 9.54928 15.2048 9.17709 14.8341C8.80489 14.4633 8.50938 14.0229 8.30741 13.538C8.10545 13.053 8.001 12.533 8.00002 12.0077Z" /></svg>') no-repeat center center; }
    .site-menu-footer .social a::before {
      display: inline-block;
      position: relative;
      width: 19px;
      height: 19px;
      content: "";
      background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23999999" d="M7.03017 0.083926C5.75336 0.144167 4.88143 0.347929 4.11918 0.647452C3.33029 0.954895 2.66165 1.36746 1.99636 2.03515C1.33107 2.70283 0.921389 3.37196 0.616106 4.16205C0.320663 4.92597 0.120501 5.79862 0.0641001 7.07616C0.00769954 8.35369 -0.00478059 8.76433 0.00145947 12.0231C0.00769954 15.2818 0.0220997 15.6903 0.0840203 16.9705C0.144981 18.2471 0.348023 19.1188 0.647546 19.8812C0.955469 20.6701 1.36755 21.3385 2.03548 22.0041C2.70341 22.6696 3.37205 23.0783 4.16406 23.3841C4.92727 23.679 5.80016 23.8802 7.07745 23.9361C8.35474 23.992 8.76587 24.005 12.0237 23.9987C15.2815 23.9925 15.6916 23.9781 16.9715 23.9174C18.2515 23.8566 19.1186 23.6522 19.8813 23.3541C20.6702 23.0454 21.3391 22.6341 22.0042 21.9659C22.6692 21.2977 23.0787 20.6281 23.3837 19.8376C23.6794 19.0744 23.8803 18.2015 23.9357 16.9251C23.9916 15.6442 24.0048 15.2353 23.9986 11.977C23.9923 8.71873 23.9777 8.31025 23.917 7.03056C23.8563 5.75086 23.653 4.88181 23.3537 4.11885C23.0453 3.32996 22.6337 2.66203 21.966 1.99602C21.2983 1.33002 20.6282 0.920814 19.8379 0.616491C19.0742 0.321048 18.2018 0.119686 16.9245 0.0644858C15.6472 0.00928523 15.2361 -0.00487491 11.9771 0.00136515C8.71811 0.00760521 8.3101 0.0215253 7.03017 0.083926ZM7.17033 21.7773C6.00032 21.7264 5.36503 21.532 4.94167 21.3693C4.38102 21.1533 3.98166 20.8921 3.55974 20.4743C3.13781 20.0564 2.87861 19.6556 2.65973 19.0962C2.49532 18.6728 2.29732 18.0383 2.2426 16.8683C2.18308 15.6037 2.1706 15.224 2.16364 12.0202C2.15668 8.81641 2.16892 8.43721 2.22436 7.17216C2.27428 6.0031 2.46988 5.3671 2.63237 4.94397C2.84837 4.38261 3.10853 3.98396 3.52734 3.56228C3.94614 3.1406 4.34574 2.88091 4.90567 2.66203C5.32855 2.49691 5.96312 2.30059 7.13265 2.24491C8.39818 2.18491 8.77739 2.17291 11.9807 2.16595C15.184 2.15899 15.5642 2.17099 16.8302 2.22667C17.9992 2.27755 18.6355 2.47123 19.0581 2.63467C19.619 2.85067 20.0181 3.11012 20.4398 3.52964C20.8615 3.94916 21.1214 4.34733 21.3403 4.90845C21.5057 5.33014 21.702 5.96446 21.7572 7.13472C21.8174 8.40025 21.8311 8.77969 21.8369 11.9828C21.8426 15.1858 21.8314 15.5662 21.7759 16.8308C21.7248 18.0008 21.5309 18.6364 21.3679 19.0602C21.1519 19.6206 20.8915 20.0202 20.4725 20.4416C20.0534 20.8631 19.6543 21.1228 19.0941 21.3417C18.6717 21.5065 18.0364 21.7033 16.8679 21.759C15.6023 21.8185 15.2231 21.831 12.0186 21.838C8.81411 21.8449 8.4361 21.832 7.17057 21.7773M16.9531 5.58646C16.9535 5.87129 17.0385 6.14958 17.1971 6.38613C17.3558 6.62269 17.581 6.80688 17.8443 6.91542C18.1077 7.02396 18.3973 7.05196 18.6765 6.9959C18.9558 6.93983 19.2122 6.80221 19.4132 6.60043C19.6142 6.39866 19.7509 6.1418 19.806 5.86234C19.861 5.58288 19.8319 5.29338 19.7224 5.03044C19.6129 4.7675 19.4279 4.54294 19.1908 4.38517C18.9536 4.22739 18.675 4.14348 18.3902 4.14405C18.0084 4.14481 17.6425 4.29719 17.373 4.56768C17.1035 4.83817 16.9524 5.20463 16.9531 5.58646ZM5.83856 12.012C5.84528 15.4153 8.60915 18.1679 12.0117 18.1614C15.4142 18.1549 18.1687 15.3913 18.1622 11.988C18.1557 8.58481 15.3911 5.8315 11.9881 5.83822C8.58515 5.84494 5.83208 8.60929 5.83856 12.012ZM8.00002 12.0077C7.99846 11.2166 8.23153 10.4427 8.66976 9.78405C9.108 9.12537 9.73172 8.61143 10.462 8.30722C11.1924 8.00302 11.9965 7.92221 12.7727 8.07502C13.549 8.22783 14.2625 8.60739 14.823 9.16571C15.3836 9.72402 15.766 10.436 15.9218 11.2117C16.0777 11.9873 16.0001 12.7917 15.6988 13.5233C15.3975 14.2548 14.886 14.8805 14.2291 15.3214C13.5721 15.7622 12.7992 15.9984 12.0081 15.9999C11.4827 16.001 10.9623 15.8986 10.4766 15.6986C9.99086 15.4986 9.54928 15.2048 9.17709 14.8341C8.80489 14.4633 8.50938 14.0229 8.30741 13.538C8.10545 13.053 8.001 12.533 8.00002 12.0077Z" /></svg>') no-repeat center center;
      background-size: 100%;
      left: 0;
      transition: all 0.3s; }

.site-menu-footer-title {
  color: var(--gray);
  letter-spacing: 0.06em;
  font-size: 10px;
  font-weight: var(--font-medium); }

.site-menu .button-ghost {
  transition: none !important; }

.site-menu-wrap,
.site-menu {
  transition: 0.6s cubic-bezier(0.8, 0, 0.6, 1), opacity 0.6s ease-in-out; }

.is-menu-open .site-menu-wrap,
.is-menu-open .site-menu {
  transition: 0.8s cubic-bezier(0.8, 0, 0.6, 1), opacity 0.8s ease-in-out; }

.js--menu-child .t,
.js--menu {
  transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
  transform: translateY(60px);
  opacity: 0;
  overflow: hidden; }

.is-menu-open .js--menu-child .t,
.is-menu-open .js--menu {
  transition: transform 1s ease-in-out, opacity 1s ease-in-out, color 0.3s ease-out, background 0.3s ease-out; }

/*----------------------------------------------------------------------
								body 
----------------------------------------------------------------------*/
.pc {
  display: block; }
  @media screen and (max-width: 737px) {
    .pc {
      display: none; } }

.sp {
  display: none; }
  @media screen and (max-width: 737px) {
    .sp {
      display: block; } }

.circle {
  position: absolute;
  z-index: 999;
  max-width: clamp(14.375rem, calc(9.75962rem + 7.21154vw), 16.25rem);
  max-height: clamp(14.375rem, calc(9.75962rem + 7.21154vw), 16.25rem);
  min-width: clamp(14.375rem, calc(9.75962rem + 7.21154vw), 16.25rem);
  min-height: clamp(14.375rem, calc(9.75962rem + 7.21154vw), 16.25rem);
  padding: 40px;
  margin: auto;
  left: -130px;
  bottom: 4vw; }
  @media screen and (max-width: 1024px) {
    .circle {
      display: none; } }
  .circle .circleText {
    overflow: visible;
    animation: rotation 24s linear infinite; }
  .circle .circleText__circle {
    fill: none; }
  .circle .circleText__text {
    fill: url(#imagePattern);
    font-size: 12px;
    letter-spacing: 0.04em; }

.btn {
  width: max-content; }
  @media screen and (max-width: 737px) {
    .btn.big {
      width: 90%;
      margin: auto;
      min-height: 48px; } }
  .btn.big a, .btn.big button {
    width: 360px;
    min-height: 60px; }
    @media screen and (max-width: 737px) {
      .btn.big a, .btn.big button {
        min-height: 50px;
        width: 100%;
        height: 100%; } }
  @media screen and (max-width: 737px) {
    .btn.md {
      width: 90%;
      min-height: 48px; } }
  .btn.md a, .btn.md button {
    width: 280px;
    min-height: 50px; }
    @media screen and (max-width: 737px) {
      .btn.md a, .btn.md button {
        width: 100%;
        height: 100%; } }
  .btn.radius a, .btn.radius button {
    border-radius: 60px; }
  .btn.square a, .btn.square button {
    border-radius: 0; }
  .btn.bgwhite a, .btn.bgwhite button {
    background: var(--white);
    color: #1a1a1a; }
    .btn.bgwhite a:hover, .btn.bgwhite button:hover {
      background: #1a1a1a;
      color: var(--white); }
  .btn.white a, .btn.white button {
    border: 1px solid var(--white);
    color: var(--white); }
    .btn.white a:hover, .btn.white button:hover {
      background: var(--white);
      color: var(--black); }
  .btn.gray a, .btn.gray button {
    border: 1px solid #808080;
    background: #808080;
    color: var(--white); }
    .btn.gray a:hover, .btn.gray button:hover {
      border: 1px solid #4d4d4d;
      background: #4d4d4d;
      color: var(--white); }
  .btn.black a, .btn.black button {
    border: 1px solid var(--black);
    color: var(--black); }
    .btn.black a:hover, .btn.black button:hover {
      background: var(--black);
      color: var(--white); }
  .btn.line a, .btn.line button {
    border: 1px solid var(--black);
    color: var(--black); }
    .btn.line a:hover, .btn.line button:hover {
      border: 1px solid #17B003;
      background: #17B003;
      color: var(--white); }
  .btn.bgred a, .btn.bgred button {
    border: 1px solid var(--dark-red);
    background: var(--dark-red);
    color: var(--white); }
    .btn.bgred a:hover, .btn.bgred button:hover {
      background: var(--black);
      border: 1px solid var(--black); }
  .btn.bgpink a, .btn.bgpink button {
    border: 1px solid var(--pink);
    background: var(--pink);
    color: var(--white); }
    .btn.bgpink a:hover, .btn.bgpink button:hover {
      background: var(--black);
      border: 1px solid var(--black); }
  .btn.red a, .btn.red button {
    border: 1px solid var(--dark-red);
    color: var(--dark-red); }
    .btn.red a:hover, .btn.red button:hover {
      background: var(--dark-red);
      color: var(--white); }
  .btn.map a, .btn.map button {
    border: 1px solid #666666;
    background: #666666;
    color: var(--white); }
    .btn.map a:hover, .btn.map button:hover {
      border: 1px solid #666666;
      background: var(--white);
      color: #666666; }
  .btn.bgblack a, .btn.bgblack button {
    border: 1px solid var(--black);
    background: var(--black);
    color: var(--white); }
    .btn.bgblack a:hover, .btn.bgblack button:hover {
      border: 1px solid var(--dusty-pink2);
      background: var(--dusty-pink2); }
  .btn.ltglay a, .btn.ltglay button {
    border: 1px solid var(--lt-gray);
    background: var(--lt-gray);
    color: var(--black); }
    .btn.ltglay a:hover, .btn.ltglay button:hover {
      background: var(--lt-gray);
      color: var(--black); }
  .btn.blackhovergold a, .btn.blackhovergold button {
    border: 1px solid var(--black);
    color: var(--black); }
    .btn.blackhovergold a:hover, .btn.blackhovergold button:hover {
      border: 1px solid var(--gold);
      background: var(--gold);
      color: var(--white); }
  .btn.blackhoverpink a, .btn.blackhoverpink button {
    border: 1px solid var(--black);
    color: var(--black); }
    .btn.blackhoverpink a:hover, .btn.blackhoverpink button:hover {
      border: 1px solid var(--dusty-pink2);
      background: var(--dusty-pink2);
      color: var(--white); }
  .btn a, .btn button {
    border-radius: 6px;
    width: 180px;
    height: 30px;
    display: flex;
    font-size: 14px;
    align-items: center;
    text-align: center;
    justify-content: center;
    text-align: center;
    letter-spacing: 0.06em; }

@media screen and (max-width: 737px) {
  main {
    padding-top: clamp(3.125rem, calc(2.45192rem + 3.36538vw), 4rem); } }

.section-inner-m {
  max-width: 1160px;
  padding: 0 20px;
  margin: auto; }
  @media screen and (max-width: 1024px) {
    .section-inner-m {
      padding: 0 clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem); } }
  @media screen and (max-width: 737px) {
    .section-inner-m {
      padding: 0 clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem); } }

.section-inner-ms {
  max-width: 980px;
  margin: auto; }
  @media screen and (max-width: 1024px) {
    .section-inner-ms {
      padding: 0 clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem); } }
  @media screen and (max-width: 737px) {
    .section-inner-ms {
      padding: 0 clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem); } }

.section-inner-s {
  max-width: 900px;
  margin: auto; }
  @media screen and (max-width: 1024px) {
    .section-inner-s {
      padding: 0 clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem); } }
  @media screen and (max-width: 737px) {
    .section-inner-s {
      padding: 0 clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem); } }

.section-inner-xs {
  max-width: 700px;
  margin: auto; }
  @media screen and (max-width: 1024px) {
    .section-inner-xs {
      padding: 0 clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem); } }
  @media screen and (max-width: 737px) {
    .section-inner-xs {
      padding: 0 clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem); } }

.shadow {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.08); }

.headline {
  text-align: center;
  margin-bottom: 64px; }
  @media screen and (max-width: 737px) {
    .headline {
      margin-bottom: clamp(1.75rem, calc(0.01923rem + 8.65385vw), 4rem); } }
  .headline .h2 {
    font-size: clamp(2.125rem, calc(2.125rem + 0vw), 2.125rem);
    margin-bottom: 4px;
    letter-spacing: 0.01em; }
    @media screen and (max-width: 737px) {
      .headline .h2 {
        font-size: clamp(1.625rem, calc(1.33654rem + 1.44231vw), 2rem); } }
    .headline .h2.small {
      font-size: clamp(1.5rem, calc(1.5rem + 0vw), 1.5rem);
      letter-spacing: 0; }
      @media screen and (max-width: 737px) {
        .headline .h2.small {
          font-size: clamp(1.125rem, calc(0.83654rem + 1.44231vw), 1.5rem); } }
    .headline .h2 + p {
      letter-spacing: .06em;
      font-size: 16px; }
      @media screen and (max-width: 737px) {
        .headline .h2 + p {
          font-size: clamp(0.875rem, calc(0.77885rem + 0.48077vw), 1rem);
          letter-spacing: 0em; } }

.slider {
  display: none; }

.slider.slick-initialized {
  display: block; }

.iframe_wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin-bottom: 0;
  padding-top: 56.25%;
  /* 16:9 */ }
  .iframe_wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*----------------------------------------------------------------------
								home 
----------------------------------------------------------------------*/
.top-mv {
  width: 100%;
  position: relative;
  z-index: 0;
  background: var(--white);
  padding: 0 10vw; }
  @media screen and (max-width: 1024px) {
    .top-mv {
      padding: 0 0 0 10vw; } }
  @media screen and (max-width: 737px) {
    .top-mv {
      padding: 0; } }
  .top-mv .mv-inner {
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: space-between; }
    @media screen and (max-width: 1024px) {
      .top-mv .mv-inner {
        flex-direction: column; } }
    @media screen and (max-width: 737px) {
      .top-mv .mv-inner {
        flex-direction: column;
        width: 100%; } }
  .top-mv .top-content-left {
    position: relative;
    width: 40%; }
    @media screen and (max-width: 1024px) {
      .top-mv .top-content-left {
        padding-top: clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem);
        order: 2;
        width: 100%; } }
    @media screen and (max-width: 737px) {
      .top-mv .top-content-left {
        order: 2;
        padding-top: clamp(3rem, calc(3rem + 0vw), 3rem);
        padding-left: clamp(1.75rem, calc(0.40385rem + 6.73077vw), 3.5rem);
        padding-right: clamp(1.75rem, calc(0.40385rem + 6.73077vw), 3.5rem); } }
    .top-mv .top-content-left .h1 {
      max-width: 340px;
      margin: 0 auto 20px; }
      @media screen and (max-width: 1024px) {
        .top-mv .top-content-left .h1 {
          margin: 0 0 20px; } }
      @media screen and (max-width: 737px) {
        .top-mv .top-content-left .h1 {
          margin: 0 auto clamp(1.5rem, calc(1.11538rem + 1.92308vw), 2rem); } }
    .top-mv .top-content-left p {
      text-align: center;
      font-size: clamp(0.875rem, calc(0.56731rem + 0.48077vw), 1rem);
      margin-bottom: 1.5em;
      line-height: 1.85714;
      font-weight: var(--font-light); }
      @media screen and (max-width: 1024px) {
        .top-mv .top-content-left p {
          text-align: left; } }
      @media screen and (max-width: 737px) {
        .top-mv .top-content-left p {
          font-size: clamp(0.75rem, calc(0.55769rem + 0.96154vw), 1rem); } }
  .top-mv .top-content-right {
    position: relative;
    width: 55%; }
    @media screen and (max-width: 1024px) {
      .top-mv .top-content-right {
        max-width: 100%;
        width: 100%;
        height: 60vh;
        overflow: hidden;
        transform: translate3d(0, 0, 0); } }
    @media screen and (max-width: 737px) {
      .top-mv .top-content-right {
        max-width: 100%;
        width: 100%;
        height: 100%;
        transform: translate3d(0, 0, 0); } }
    @media screen and (max-width: 430px) {
      .top-mv .top-content-right {
        max-width: 100%;
        width: 100%;
        height: auto;
        transform: translate3d(0, 0, 0); } }
    .top-mv .top-content-right .mv-slider {
      width: 100%; }
      .top-mv .top-content-right .mv-slider .slick-slide {
        height: 100vh;
        overflow: hidden; }
        @media screen and (max-width: 737px) {
          .top-mv .top-content-right .mv-slider .slick-slide {
            height: auto; } }
      .top-mv .top-content-right .mv-slider .slick-slide img {
        object-fit: cover;
        object-position: left;
        max-height: 100%;
        height: 100%;
        width: 100%; }
        @media screen and (max-width: 737px) {
          .top-mv .top-content-right .mv-slider .slick-slide img {
            max-height: none;
            height: auto; } }
      @media screen and (max-width: 737px) {
        .top-mv .top-content-right .mv-slider {
          max-width: 100%;
          width: 100%; } }

.top-campaign {
  padding: clamp(8rem, calc(3.69231rem + 6.73077vw), 9.75rem) 0; }
  @media screen and (max-width: 1024px) {
    .top-campaign {
      padding: clamp(3rem, calc(-9.88462rem + 27.97203vw), 8rem) clamp(1.25rem, calc(-1.97115rem + 6.99301vw), 2.5rem) clamp(5rem, calc(-2.73077rem + 16.78322vw), 8rem); } }
  @media screen and (max-width: 737px) {
    .top-campaign {
      padding: clamp(3rem, calc(-2.19231rem + 25.96154vw), 9.75rem) 0 clamp(5rem, calc(1.34615rem + 18.26923vw), 9.75rem); } }
  .top-campaign .headline {
    margin-bottom: 24px; }
  .top-campaign .btn {
    margin: 24px auto 0; }
    .top-campaign .btn button {
      background: var(--white);
      transition: all 0.3s;
      cursor: pointer; }

.campaign-slider .slick-track {
  float: none;
  display: flex; }
.campaign-slider .campaign-list-container {
  width: 100%;
  max-width: 511px;
  margin: 0; }
  .campaign-slider .campaign-list-container .campaign-list {
    width: 511px;
    overflow: hidden;
    margin: auto;
    box-sizing: content-box;
    border-radius: 20px; }
    @media screen and (max-width: 737px) {
      .campaign-slider .campaign-list-container .campaign-list {
        width: 100%; } }
    .campaign-slider .campaign-list-container .campaign-list a {
      display: block;
      padding: 35px;
      color: var(--black); }
      @media screen and (max-width: 737px) {
        .campaign-slider .campaign-list-container .campaign-list a {
          padding: clamp(1.25rem, calc(0.52885rem + 3.60577vw), 2.1875rem); } }
      .campaign-slider .campaign-list-container .campaign-list a:hover {
        background: rgba(255, 255, 255, 0.5); }
      .campaign-slider .campaign-list-container .campaign-list a figure {
        margin-bottom: 24px;
        overflow: hidden; }
        @media screen and (max-width: 737px) {
          .campaign-slider .campaign-list-container .campaign-list a figure {
            margin-bottom: clamp(1rem, calc(0.61538rem + 1.92308vw), 1.5rem); } }
        .campaign-slider .campaign-list-container .campaign-list a figure img {
          object-fit: cover;
          aspect-ratio: 1/1; }
      .campaign-slider .campaign-list-container .campaign-list a .h3 {
        font-size: 20px;
        line-height: 1.3;
        font-weight: var(--font-medium);
        margin-bottom: 16px;
        min-height: calc(2em* 1.3); }
        @media screen and (max-width: 737px) {
          .campaign-slider .campaign-list-container .campaign-list a .h3 {
            font-size: clamp(1rem, calc(0.80769rem + 0.96154vw), 1.25rem);
            margin-bottom: clamp(0.5rem, calc(0.11538rem + 1.92308vw), 1rem); } }
      .campaign-slider .campaign-list-container .campaign-list a .date {
        font-size: 14px;
        margin-bottom: 16px;
        letter-spacing: 0.06em; }
        @media screen and (max-width: 737px) {
          .campaign-slider .campaign-list-container .campaign-list a .date {
            font-size: clamp(0.6875rem, calc(0.54327rem + 0.72115vw), 0.875rem);
            margin-bottom: clamp(0.5rem, calc(0.11538rem + 1.92308vw), 1rem); } }
      .campaign-slider .campaign-list-container .campaign-list a .read {
        text-align: right;
        font-size: 14px;
        justify-content: right;
        letter-spacing: 0.06em;
        display: flex; }
        @media screen and (max-width: 737px) {
          .campaign-slider .campaign-list-container .campaign-list a .read {
            font-size: clamp(0.6875rem, calc(0.54327rem + 0.72115vw), 0.875rem); } }
        .campaign-slider .campaign-list-container .campaign-list a .read::after {
          content: '';
          width: 42px;
          height: 10px;
          border-bottom: solid 1px var(--gray);
          border-right: solid 2px var(--gray);
          transform: skew(55deg); }
          @media screen and (max-width: 737px) {
            .campaign-slider .campaign-list-container .campaign-list a .read::after {
              width: clamp(1.875rem, calc(1.29808rem + 2.88462vw), 2.625rem);
              height: clamp(0.5rem, calc(0.40385rem + 0.48077vw), 0.625rem); } }

.bg1-start::after {
  content: '';
  background: url(../images/gold2.jpg) repeat center bottom;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  background-size: 400px 400px;
  z-index: -1; }

.top-information {
  padding-bottom: clamp(8.125rem, calc(1.04808rem + 11.05769vw), 11rem);
  position: relative;
  background: var(--dusty-pink); }
  .top-information .headline {
    text-align: center;
    color: var(--white); }
  .top-information .infotmation-list {
    margin-top: 64px; }
    @media screen and (max-width: 737px) {
      .top-information .infotmation-list {
        margin-top: clamp(0rem, calc(-3.07692rem + 15.38462vw), 4rem); } }
    .top-information .infotmation-list > li {
      border-top: 1px solid var(--white);
      border-bottom: 1px solid var(--white);
      margin-top: -1px; }
      @media screen and (max-width: 737px) {
        .top-information .infotmation-list > li {
          border-top: none;
          margin-top: 0;
          border-bottom: 1px solid var(--lt-gray); } }
      .top-information .infotmation-list > li:last-of-type {
        border-bottom: none; }
      .top-information .infotmation-list > li a {
        display: flex;
        gap: 70px;
        padding: 32px 32px;
        color: var(--white);
        position: relative;
        font-weight: var(--font-light);
        align-items: baseline; }
        @media screen and (max-width: 737px) {
          .top-information .infotmation-list > li a {
            gap: 8px;
            font-weight: var(--font-normal);
            flex-direction: column;
            padding: clamp(1.25rem, calc(0.67308rem + 2.88462vw), 2rem) clamp(0.5rem, calc(-0.65385rem + 5.76923vw), 2rem); } }
        .top-information .infotmation-list > li a:hover {
          background: rgba(0, 0, 0, 0.1);
          color: var(--white); }
        .top-information .infotmation-list > li a::after {
          content: "";
          position: absolute;
          display: block;
          width: 10px;
          right: 0;
          top: 50%;
          height: 10px;
          border-top: 2px solid var(--white);
          border-right: 2px solid var(--white);
          transform: translate3d(-32px, -50%, 0) rotate(45deg); }
          @media screen and (max-width: 737px) {
            .top-information .infotmation-list > li a::after {
              display: none; } }
        .top-information .infotmation-list > li a .date {
          letter-spacing: 0.1em; }
          @media screen and (max-width: 737px) {
            .top-information .infotmation-list > li a .date {
              font-size: clamp(0.75rem, calc(0.55769rem + 0.96154vw), 1rem); } }
        .top-information .infotmation-list > li a h3 {
          font-size: 16px;
          letter-spacing: 0.06em; }
          @media screen and (max-width: 737px) {
            .top-information .infotmation-list > li a h3 {
              font-size: clamp(0.75rem, calc(0.55769rem + 0.96154vw), 1rem);
              line-height: 1.44444; } }
        .top-information .infotmation-list > li a ul {
          display: flex;
          gap: 5px;
          margin-top: 8px;
          font-weight: var(--font-light); }
          @media screen and (max-width: 737px) {
            .top-information .infotmation-list > li a ul {
              font-weight: var(--font-medium); } }
          .top-information .infotmation-list > li a ul li {
            border-bottom: 1px solid var(--white);
            font-size: 12px;
            letter-spacing: 0.1em; }
            @media screen and (max-width: 737px) {
              .top-information .infotmation-list > li a ul li {
                font-size: clamp(0.625rem, calc(0.52885rem + 0.48077vw), 0.75rem); } }
  .top-information .btn {
    margin-top: 24px;
    margin-right: 0;
    margin-left: auto; }
    @media screen and (max-width: 737px) {
      .top-information .btn {
        margin-right: auto; } }
    .top-information .btn a:hover {
      color: var(--dusty-pink); }

.top-plan-searvice {
  padding: 112px 0;
  position: relative;
  background: var(--dusty-pink); }
  @media screen and (max-width: 1024px) {
    .top-plan-searvice {
      padding: clamp(7rem, calc(7rem + 0vw), 7rem) clamp(1.25rem, calc(-1.97115rem + 6.99301vw), 2.5rem) clamp(7rem, calc(7rem + 0vw), 7rem); } }
  @media screen and (max-width: 737px) {
    .top-plan-searvice {
      padding: clamp(3.5rem, calc(0.80769rem + 13.46154vw), 7rem) 0 clamp(3.5rem, calc(0.80769rem + 13.46154vw), 7rem); } }
  .top-plan-searvice::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: -2; }
  .top-plan-searvice .headline {
    color: var(--white); }
  .top-plan-searvice .plan-searvice-banner li {
    margin-bottom: 28px; }
    @media screen and (max-width: 737px) {
      .top-plan-searvice .plan-searvice-banner li {
        margin-bottom: clamp(1.25rem, calc(0.86538rem + 1.92308vw), 1.75rem); } }
    .top-plan-searvice .plan-searvice-banner li:last-of-type {
      margin-bottom: 0; }
    .top-plan-searvice .plan-searvice-banner li a:hover {
      opacity: .9; }

.top-furisode-hakama {
  padding: 96px 0;
  background: var(--white); }
  @media screen and (max-width: 737px) {
    .top-furisode-hakama {
      padding: clamp(5rem, calc(4.23077rem + 3.84615vw), 6rem) 0; } }
  @media screen and (max-width: 737px) {
    .top-furisode-hakama .headline {
      margin-bottom: clamp(1.75rem, calc(0.01923rem + 8.65385vw), 4rem); } }
  .top-furisode-hakama .annotation {
    text-align: center;
    font-size: 14px; }
    .top-furisode-hakama .annotation a {
      line-height: 1.57143;
      color: #d50065; }
      .top-furisode-hakama .annotation a:hover {
        opacity: 0.8; }
  .top-furisode-hakama .btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 30px; }
    @media screen and (max-width: 737px) {
      .top-furisode-hakama .btn-wrapper {
        gap: 10px;
        flex-direction: column; } }
  .top-furisode-hakama .btn {
    margin: 0; }
    @media screen and (max-width: 737px) {
      .top-furisode-hakama .btn {
        margin: auto; } }

.tab-container .tabs {
  display: flex;
  text-align: center; }
  .tab-container .tabs li {
    flex-basis: 50%; }
    .tab-container .tabs li:nth-of-type(1) button {
      border-radius: 4px 0 0 4px; }
    .tab-container .tabs li:nth-of-type(2) button {
      border-radius: 0 4px 4px 0; }
    .tab-container .tabs li button {
      font-size: 18px;
      padding: 10px 0;
      border: none;
      background: none;
      width: 100%;
      height: 100%;
      border: 1px solid var(--black);
      transition: all 0.3s;
      letter-spacing: 0.06em;
      color: var(--black);
      cursor: pointer; }
      @media screen and (max-width: 737px) {
        .tab-container .tabs li button {
          font-size: clamp(0.8125rem, calc(0.66827rem + 0.72115vw), 1rem);
          padding: clamp(0.375rem, calc(0.18269rem + 0.96154vw), 0.625rem) 0; } }
    .tab-container .tabs li.is-active button {
      background: var(--black);
      color: var(--white); }
.tab-container .tab-content {
  padding: 48px 0;
  margin-bottom: 16px;
  display: none;
  text-align: center; }
  @media screen and (max-width: 1024px) {
    .tab-container .tab-content {
      margin-bottom: 0;
      padding: 48px 0 0; } }
  @media screen and (max-width: 737px) {
    .tab-container .tab-content {
      padding: clamp(1.5rem, calc(0.34615rem + 5.76923vw), 3rem) 0; } }
  .tab-container .tab-content.is-active {
    animation: fadeIn .8s ease-in-out forwards;
    display: block; }

ul.clothes-pickup {
  display: flex;
  gap: 32px; }
  @media screen and (max-width: 1024px) {
    ul.clothes-pickup {
      flex-wrap: wrap;
      gap: 4%;
      padding: 0 clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem); } }
  @media screen and (max-width: 737px) {
    ul.clothes-pickup {
      flex-wrap: wrap;
      gap: 4%;
      padding: 0 clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem); } }
  ul.clothes-pickup li {
    font-size: 12px;
    color: var(--black);
    flex-basis: 20%; }
    @media screen and (max-width: 1024px) {
      ul.clothes-pickup li {
        flex-basis: 30%;
        margin-bottom: 6%;
        font-size: clamp(0.625rem, calc(0.52885rem + 0.48077vw), 0.75rem); } }
    @media screen and (max-width: 737px) {
      ul.clothes-pickup li {
        flex-basis: 48%;
        margin-bottom: 6%;
        font-size: clamp(0.625rem, calc(0.52885rem + 0.48077vw), 0.75rem); } }
    ul.clothes-pickup li a {
      display: block; }
      ul.clothes-pickup li a:hover {
        opacity: 0.8; }
    ul.clothes-pickup li img {
      display: block;
      margin-bottom: 8px; }
      @media screen and (max-width: 737px) {
        ul.clothes-pickup li img {
          margin-bottom: clamp(0.25rem, calc(0.05769rem + 0.96154vw), 0.5rem); } }

.top-instagram {
  border-top: 1px solid #e5e5e5;
  padding-top: 24px;
  background: var(--white); }
  .top-instagram .headline {
    margin-bottom: 24px; }
    @media screen and (max-width: 737px) {
      .top-instagram .headline {
        margin-bottom: clamp(1.5rem, calc(1.5rem + 0vw), 1.5rem); } }

.instagram-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 4px;
  margin-bottom: 4px; }
  @media screen and (max-width: 737px) {
    .instagram-grid {
      grid-template-columns: repeat(3, 1fr);
      gap: 0;
      margin-bottom: 0; } }
  .instagram-grid .instagram-item a {
    display: block;
    overflow: hidden; }
    .instagram-grid .instagram-item a img {
      object-fit: cover;
      aspect-ratio: 1/1; }

.bg2-start::after {
  background: url(../images/content_bg.jpg) no-repeat center top;
  background-size: cover;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  content: ''; }

.top-about {
  position: relative;
  padding: 140px 0;
  background: url(../images/content_bg.jpg) no-repeat center top;
  background-size: cover; }
  @media screen and (max-width: 737px) {
    .top-about {
      padding: clamp(4.5rem, calc(1.23077rem + 16.34615vw), 8.75rem) 0;
      position: relative; } }
  .top-about .section-inner-m {
    background: var(--white);
    border-radius: 60px; }
    @media screen and (max-width: 737px) {
      .top-about .section-inner-m {
        border-radius: 40px; } }
    .top-about .section-inner-m .section-inner-s {
      padding: 106px 0; }
      @media screen and (max-width: 737px) {
        .top-about .section-inner-m .section-inner-s {
          padding: clamp(4rem, calc(1.98077rem + 10.09615vw), 6.625rem) 0 clamp(4.5rem, calc(2.86538rem + 8.17308vw), 6.625rem); } }
      .top-about .section-inner-m .section-inner-s .headline {
        margin-bottom: 96px; }
        @media screen and (max-width: 737px) {
          .top-about .section-inner-m .section-inner-s .headline {
            margin-bottom: clamp(3rem, calc(0.69231rem + 11.53846vw), 6rem); } }
        @media screen and (max-width: 737px) {
          .top-about .section-inner-m .section-inner-s .headline .h2 {
            line-height: 1.4; } }
        .top-about .section-inner-m .section-inner-s .headline p {
          width: 270px;
          margin: 0 auto 16px; }
          @media screen and (max-width: 737px) {
            .top-about .section-inner-m .section-inner-s .headline p {
              width: clamp(9.375rem, calc(3.60577rem + 28.84615vw), 16.875rem); } }

.about-list li {
  margin-bottom: 80px;
  display: flex;
  gap: 40px; }
  @media screen and (max-width: 737px) {
    .about-list li {
      flex-direction: column;
      margin-bottom: clamp(3.5rem, calc(2.34615rem + 5.76923vw), 5rem);
      gap: clamp(0.75rem, calc(-0.59615rem + 6.73077vw), 2.5rem);
      padding: 0 clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem); } }
  .about-list li:last-of-type {
    margin-bottom: 0; }
  .about-list li figure {
    width: 467px;
    height: auto;
    overflow: hidden;
    flex: 1; }
    @media screen and (max-width: 737px) {
      .about-list li figure {
        width: 100%; } }
    .about-list li figure img {
      object-fit: cover;
      aspect-ratio: 3/2; }
  .about-list li div {
    flex: 1; }
    .about-list li div .h3 {
      font-size: 24px;
      letter-spacing: 0.06em;
      margin-bottom: 16px;
      margin-top: -0.4rem;
      line-height: 1.41667; }
      @media screen and (max-width: 737px) {
        .about-list li div .h3 {
          margin-top: 0;
          text-align: center;
          font-size: clamp(1.125rem, calc(0.83654rem + 1.44231vw), 1.5rem);
          margin-bottom: clamp(0.5rem, calc(0.11538rem + 1.92308vw), 1rem);
          font-weight: var(--font-medium);
          letter-spacing: 0; } }
    .about-list li div p {
      line-height: 1.71429;
      font-size: 14px;
      margin-bottom: 1.6em;
      font-weight: var(--font-light);
      text-align: justify;
      text-justify: inter-ideograph; }
      @media screen and (max-width: 737px) {
        .about-list li div p {
          font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem);
          font-weight: var(--font-normal); } }
      .about-list li div p:last-of-type {
        margin-bottom: 0; }
      .about-list li div p.btn {
        margin: 2.4em auto 0; }

/*----------------------------------------------------------------------
								sub 
----------------------------------------------------------------------*/
.breadcrumbs {
  width: 100%;
  padding-top: 80px;
  line-height: 1; }
  @media screen and (max-width: 737px) {
    .breadcrumbs {
      padding-top: 0; } }
  .breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    padding-left: clamp(1.5rem, calc(0.97582rem + 1.13798vw), 2rem);
    border-top: 1px solid var(--lt-gray);
    align-items: center; }
    @media screen and (max-width: 737px) {
      .breadcrumbs ol {
        padding-left: clamp(0.75rem, calc(-0.21154rem + 4.80769vw), 2rem); } }
  .breadcrumbs a, .breadcrumbs span {
    position: relative;
    color: var(--black);
    font-size: 12px; }
    @media screen and (max-width: 737px) {
      .breadcrumbs a, .breadcrumbs span {
        font-size: 10px; } }
  .breadcrumbs li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    line-height: 1.2; }
    .breadcrumbs li::after {
      content: "";
      display: inline-block;
      width: 6px;
      height: 6px;
      margin: .5px 6px 0;
      border-top: 1px solid var(--black);
      border-right: 1px solid var(--black);
      transform: rotate(45deg); }
    .breadcrumbs li:last-of-type::after {
      display: none; }

.page-full {
  padding: 90px 0 80px;
  margin: auto; }
  @media screen and (max-width: 737px) {
    .page-full {
      padding: clamp(5rem, calc(2.11538rem + 14.42308vw), 8.75rem) 0 clamp(2.5rem, calc(0.57692rem + 9.61538vw), 5rem); } }
  .page-full .h1 {
    font-size: 32px;
    text-align: center;
    padding-bottom: 36px; }
    @media screen and (max-width: 737px) {
      .page-full .h1 {
        font-size: clamp(1.625rem, calc(1.33654rem + 1.44231vw), 2rem);
        padding-bottom: clamp(1.25rem, calc(0.48077rem + 3.84615vw), 2.25rem); } }
    .page-full .h1 span {
      letter-spacing: 0.04em;
      margin-top: 8px;
      font-size: 12px;
      display: block; }
  .page-full .read-text {
    padding-top: 36px;
    text-align: center;
    font-size: 14px;
    position: relative;
    line-height: 1.85714; }
    @media screen and (max-width: 737px) {
      .page-full .read-text {
        text-align: left;
        font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem);
        padding-top: clamp(1.25rem, calc(0.48077rem + 3.84615vw), 2.25rem); } }
    .page-full .read-text::after {
      display: block;
      content: "";
      position: absolute;
      width: 50px;
      height: 1px;
      background: #4d4d4d;
      top: 0;
      left: 50%;
      transform: translate3d(-50%, 0px, 0px); }

.page-content {
  padding-top: 88px; }
  @media screen and (max-width: 737px) {
    .page-content {
      padding-top: clamp(2.5rem, calc(0.19231rem + 11.53846vw), 5.5rem); } }
  .page-content .h2 {
    font-size: 26px;
    text-align: center;
    padding-bottom: 88px; }
    @media screen and (max-width: 737px) {
      .page-content .h2 {
        font-size: clamp(1.5rem, calc(1.40385rem + 0.48077vw), 1.625rem);
        padding-bottom: clamp(2.5rem, calc(0.19231rem + 11.53846vw), 5.5rem); } }
    .page-content .h2 span {
      letter-spacing: 0.04em;
      margin-top: 4px;
      font-size: 12px;
      display: block; }

/*---------------------------------
				404
------------------------------------*/
.not-found {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center; }
  .not-found h1 {
    font-size: 30px;
    margin-bottom: 28px;
    line-height: 1.26667; }
    @media screen and (max-width: 737px) {
      .not-found h1 {
        font-size: clamp(1.3125rem, calc(0.87981rem + 2.16346vw), 1.875rem);
        margin-bottom: clamp(1.25rem, calc(0.86538rem + 1.92308vw), 1.75rem); } }
  .not-found p {
    margin-bottom: 28px; }
    @media screen and (max-width: 737px) {
      .not-found p {
        margin-bottom: clamp(1.25rem, calc(0.86538rem + 1.92308vw), 1.75rem); } }
    .not-found p:nth-of-type(1) {
      width: 100%;
      margin-left: auto;
      margin-right: auto; }
      @media screen and (max-width: 737px) {
        .not-found p:nth-of-type(1) {
          max-width: clamp(14rem, calc(7.50962rem + 32.45192vw), 22.4375rem); } }
    .not-found p:nth-of-type(2) {
      font-size: 19px;
      line-height: 1.26316; }
      @media screen and (max-width: 737px) {
        .not-found p:nth-of-type(2) {
          font-size: clamp(0.8125rem, calc(0.52404rem + 1.44231vw), 1.1875rem);
          margin-bottom: clamp(2.5rem, calc(0.96154rem + 7.69231vw), 4.5rem); } }
    .not-found p:nth-of-type(3) {
      font-size: 14px;
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 737px) {
        .not-found p:nth-of-type(3) {
          font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); } }
  .not-found .arrow-down {
    margin-top: 16px;
    position: relative;
    width: 3px;
    height: 46px;
    background-color: var(--black);
    display: block; }
  .not-found .arrow-down::before {
    position: absolute;
    display: block;
    top: 100%;
    left: 50%;
    transform: translate3d(-50%, 0px, 0px);
    content: "";
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    height: calc(20px / 1.5);
    width: 20px;
    background: var(--black); }

/*---------------------------------
				item
------------------------------------*/
.page-item.page-full {
  padding-bottom: 0; }
.page-item .page-header {
  margin-bottom: 88px;
  padding: 40px; }
  @media screen and (max-width: 1024px) {
    .page-item .page-header {
      padding: 0 clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem); } }
  @media screen and (max-width: 737px) {
    .page-item .page-header {
      padding: 0 clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
      margin-bottom: clamp(2.5rem, calc(0.19231rem + 11.53846vw), 5.5rem); } }
.page-item .page-content {
  border-top: 1px solid #e5e5e5; }
  .page-item .page-content.data {
    border-top: none;
    background: #F2F2F2; }

.page-item .item-box {
  display: flex;
  justify-content: space-between;
  padding-bottom: 140px;
  gap: 5%; }
  @media screen and (max-width: 737px) {
    .page-item .item-box {
      flex-direction: column;
      padding-bottom: clamp(4.375rem, calc(1.00962rem + 16.82692vw), 8.75rem); } }
  .page-item .item-box:last-of-type {
    padding-bottom: 100px; }
    @media screen and (max-width: 737px) {
      .page-item .item-box:last-of-type {
        padding-bottom: clamp(3.125rem, calc(0.72115rem + 12.01923vw), 6.25rem); } }
  .page-item .item-box .item-image {
    max-width: 680px;
    flex: 1; }
    @media screen and (max-width: 737px) {
      .page-item .item-box .item-image {
        margin-bottom: clamp(1.5rem, calc(0.73077rem + 3.84615vw), 2.5rem); } }
    @media screen and (max-width: 430px) {
      .page-item .item-box .item-image {
        width: 100vw;
        position: relative;
        right: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
        margin-bottom: clamp(1.5rem, calc(0.73077rem + 3.84615vw), 2.5rem); } }
  .page-item .item-box .item-detail {
    width: 380px; }
    @media screen and (max-width: 1024px) {
      .page-item .item-box .item-detail {
        flex: 1; } }
    @media screen and (max-width: 737px) {
      .page-item .item-box .item-detail {
        flex: none;
        width: 100%; } }
    .page-item .item-box .item-detail .item-category-name {
      font-size: 11px;
      margin-bottom: 8px;
      letter-spacing: 0.06em; }
    .page-item .item-box .item-detail .item-title {
      font-size: 30px;
      margin-bottom: 24px; }
      @media screen and (max-width: 737px) {
        .page-item .item-box .item-detail .item-title {
          font-size: clamp(1.625rem, calc(1.43269rem + 0.96154vw), 1.875rem);
          margin-bottom: clamp(1.25rem, calc(1.05769rem + 0.96154vw), 1.5rem); } }
    .page-item .item-box .item-detail .item-spec {
      position: relative;
      font-size: 14px;
      padding: 24px 0;
      line-height: 1.8;
      letter-spacing: 0;
      margin-bottom: 24px; }
      @media screen and (max-width: 737px) {
        .page-item .item-box .item-detail .item-spec {
          font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem);
          padding: clamp(1.25rem, calc(1.05769rem + 0.96154vw), 1.5rem) 0;
          margin-bottom: clamp(1.25rem, calc(1.05769rem + 0.96154vw), 1.5rem); } }
      .page-item .item-box .item-detail .item-spec::before, .page-item .item-box .item-detail .item-spec::after {
        display: block;
        content: "";
        position: absolute;
        width: 40px;
        height: 1px;
        background: var(--black);
        left: 0; }
      .page-item .item-box .item-detail .item-spec::before {
        top: 0; }
      .page-item .item-box .item-detail .item-spec::after {
        bottom: 0; }
        @media screen and (max-width: 737px) {
          .page-item .item-box .item-detail .item-spec::after {
            width: 100%; } }
      .page-item .item-box .item-detail .item-spec .jp-item-title {
        line-height: 1;
        letter-spacing: 0;
        font-size: 24px;
        margin-bottom: 16px; }
        @media screen and (max-width: 737px) {
          .page-item .item-box .item-detail .item-spec .jp-item-title {
            font-size: clamp(1.125rem, calc(0.83654rem + 1.44231vw), 1.5rem);
            margin-bottom: clamp(0.75rem, calc(0.55769rem + 0.96154vw), 1rem); } }
    .page-item .item-box .item-detail .item-explanation {
      position: relative;
      font-size: 14px;
      line-height: 1.8;
      letter-spacing: -0.04em; }
      @media screen and (max-width: 737px) {
        .page-item .item-box .item-detail .item-explanation {
          font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem); } }
      .page-item .item-box .item-detail .item-explanation + .btn {
        margin-top: 24px; }
        @media screen and (max-width: 737px) {
          .page-item .item-box .item-detail .item-explanation + .btn {
            margin-left: auto;
            margin-right: auto; } }

/*---------------------------------
				studio_list
------------------------------------*/
.page-studio-list.page-full {
  padding: 80px 0 60px;
  margin: auto; }
  @media screen and (max-width: 737px) {
    .page-studio-list.page-full {
      padding: clamp(2.5rem, calc(0.57692rem + 9.61538vw), 5rem) 0 clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
.page-studio-list .page-content {
  padding-top: 20px; }

.page-studio-list .studio-box {
  border-top: 1px solid #d8d8d9; }
  .page-studio-list .studio-box:last-of-type {
    margin-bottom: 100px;
    border-bottom: 1px solid #d8d8d9; }
    @media screen and (max-width: 737px) {
      .page-studio-list .studio-box:last-of-type {
        margin-bottom: clamp(3.125rem, calc(0.72115rem + 12.01923vw), 6.25rem); } }
.page-studio-list .studio-box-inner {
  padding: 50px 0; }
  @media screen and (max-width: 737px) {
    .page-studio-list .studio-box-inner {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 3%;
      padding: clamp(1.5625rem, calc(0.36058rem + 6.00962vw), 3.125rem) 0; } }
  .page-studio-list .studio-box-inner .studio-image {
    max-width: 400px;
    width: 40%;
    float: left; }
    @media screen and (max-width: 737px) {
      .page-studio-list .studio-box-inner .studio-image {
        float: none; } }
    @media screen and (max-width: 430px) {
      .page-studio-list .studio-box-inner .studio-image {
        width: 27%;
        position: relative; } }
    .page-studio-list .studio-box-inner .studio-image a {
      display: block;
      overflow: hidden; }
      .page-studio-list .studio-box-inner .studio-image a:hover {
        opacity: 0.8; }
    .page-studio-list .studio-box-inner .studio-image img {
      aspect-ratio: 4 / 3;
      object-fit: cover; }
  .page-studio-list .studio-box-inner .studio-title-wrap {
    max-width: 680px;
    width: 58%;
    float: right; }
    @media screen and (max-width: 737px) {
      .page-studio-list .studio-box-inner .studio-title-wrap {
        float: none;
        display: flex;
        width: 50%;
        flex: 1; } }
    .page-studio-list .studio-box-inner .studio-title-wrap .studio-title {
      font-size: 24px;
      width: max-content;
      line-height: 1.2;
      margin-bottom: clamp(1rem, calc(0.47582rem + 1.13798vw), 1.5rem);
      margin-top: clamp(0rem, calc(-2.94852rem + 6.40114vw), 2.8125rem); }
      @media screen and (max-width: 737px) {
        .page-studio-list .studio-box-inner .studio-title-wrap .studio-title {
          margin-top: 0;
          display: flex;
          letter-spacing: -0.06em;
          font-size: clamp(0.875rem, calc(0.39423rem + 2.40385vw), 1.5rem);
          margin-bottom: 0; }
          .page-studio-list .studio-box-inner .studio-title-wrap .studio-title span {
            letter-spacing: 0; } }
      .page-studio-list .studio-box-inner .studio-title-wrap .studio-title a {
        color: var(--black); }
        .page-studio-list .studio-box-inner .studio-title-wrap .studio-title a span {
          font-size: 11px;
          color: var(--gray);
          display: block;
          margin-top: 4px; }
          @media screen and (max-width: 737px) {
            .page-studio-list .studio-box-inner .studio-title-wrap .studio-title a span {
              font-size: 10px; } }
        .page-studio-list .studio-box-inner .studio-title-wrap .studio-title a:hover {
          opacity: 0.8; }
  .page-studio-list .studio-box-inner .studio-excerpt {
    float: right;
    max-width: 680px;
    width: 58%;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.06em; }
    @media screen and (max-width: 737px) {
      .page-studio-list .studio-box-inner .studio-excerpt {
        float: none;
        margin-top: 3%;
        width: 100%;
        max-width: 100%;
        font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem); } }
  .page-studio-list .studio-box-inner .btn-group {
    display: flex;
    justify-content: space-between;
    gap: 4%;
    margin-top: clamp(1.5rem, calc(-1.64509rem + 6.82788vw), 4.5rem);
    margin-bottom: 0; }
    @media screen and (max-width: 737px) {
      .page-studio-list .studio-box-inner .btn-group {
        margin-top: 3%; } }
    .page-studio-list .studio-box-inner .btn-group .btn {
      max-width: 320px;
      width: 48%;
      flex: 1;
      height: clamp(1.875rem, calc(0.91346rem + 4.80769vw), 3.125rem); }
      @media screen and (max-width: 737px) {
        .page-studio-list .studio-box-inner .btn-group .btn {
          width: 100%;
          flex: 1; } }
      .page-studio-list .studio-box-inner .btn-group .btn a {
        width: 100%;
        max-width: 320px;
        height: 50px; }
        @media screen and (max-width: 737px) {
          .page-studio-list .studio-box-inner .btn-group .btn a {
            max-width: 320px;
            font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem);
            height: clamp(1.875rem, calc(0.91346rem + 4.80769vw), 3.125rem); } }

/*---------------------------------
			top部分のサブページ表示
------------------------------------*/
body:not(#home) aside.top-campaign {
  background: none;
  position: relative;
  padding-top: clamp(7rem, calc(2.69231rem + 6.73077vw), 8.75rem);
  padding-bottom: clamp(7rem, calc(7rem + 0vw), 7rem); }
  @media screen and (max-width: 1024px) {
    body:not(#home) aside.top-campaign {
      padding: clamp(7rem, calc(2.49038rem + 9.79021vw), 8.75rem) clamp(1.25rem, calc(-1.97115rem + 6.99301vw), 2.5rem) clamp(7rem, calc(7rem + 0vw), 7rem); } }
  @media screen and (max-width: 737px) {
    body:not(#home) aside.top-campaign {
      padding: clamp(3.5rem, calc(0.80769rem + 13.46154vw), 7rem) 0 clamp(3.5rem, calc(0.80769rem + 13.46154vw), 7rem); } }
  body:not(#home) aside.top-campaign .h1 {
    letter-spacing: 0;
    padding-bottom: clamp(3rem, calc(1.76923rem + 1.92308vw), 3.5rem); }
    @media screen and (max-width: 737px) {
      body:not(#home) aside.top-campaign .h1 {
        font-size: clamp(1.625rem, calc(1.33654rem + 1.44231vw), 2rem);
        padding-bottom: clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
  body:not(#home) aside.top-campaign .more button {
    background: transparent; }
    body:not(#home) aside.top-campaign .more button:hover {
      background: var(--black); }
body:not(#home) aside.top-plan-searvice {
  position: relative;
  background: none;
  border-top: 1px solid #e8d1d8;
  padding-top: clamp(7rem, calc(7rem + 0vw), 7rem);
  padding-bottom: clamp(7rem, calc(-1.92308rem + 13.94231vw), 10.625rem); }
  @media screen and (max-width: 1024px) {
    body:not(#home) aside.top-plan-searvice {
      padding: clamp(7rem, calc(7rem + 0vw), 7rem) clamp(1.25rem, calc(-1.97115rem + 6.99301vw), 2.5rem) clamp(7rem, calc(7rem + 0vw), 7rem); } }
  @media screen and (max-width: 737px) {
    body:not(#home) aside.top-plan-searvice {
      padding: clamp(3.5rem, calc(0.80769rem + 13.46154vw), 7rem) 0 clamp(3.5rem, calc(0.80769rem + 13.46154vw), 7rem); } }
  body:not(#home) aside.top-plan-searvice.no-border {
    border-top: none; }
  body:not(#home) aside.top-plan-searvice.bgpink {
    background: var(--dusty-pink); }
    body:not(#home) aside.top-plan-searvice.bgpink .h1 {
      color: var(--white); }
  body:not(#home) aside.top-plan-searvice .h1 {
    letter-spacing: 0;
    padding-bottom: clamp(3.5rem, calc(2.26923rem + 1.92308vw), 4rem); }
    @media screen and (max-width: 737px) {
      body:not(#home) aside.top-plan-searvice .h1 {
        font-size: clamp(1.625rem, calc(1.33654rem + 1.44231vw), 2rem);
        padding-bottom: clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }

/*---------------------------------
		     news
------------------------------------*/
article.news .page-information.page-full {
  padding: 80px 0 60px;
  margin: auto;
  border-bottom: 1px solid #d9d9d9; }
  @media screen and (max-width: 737px) {
    article.news .page-information.page-full {
      padding: clamp(5rem, calc(5rem + 0vw), 5rem) 0 clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
article.news .page-information .page-content {
  padding-top: 20px;
  padding-bottom: 88px; }
  @media screen and (max-width: 737px) {
    article.news .page-information .page-content {
      padding-bottom: clamp(2.75rem, calc(0.63462rem + 10.57692vw), 5.5rem); } }
article.news .post-header {
  border-top: 1px solid #d9d9d9;
  padding-top: 64px; }
  @media screen and (max-width: 737px) {
    article.news .post-header {
      padding-top: clamp(3rem, calc(2.23077rem + 3.84615vw), 4rem); } }
article.news .post-title {
  font-size: 20px;
  margin-bottom: 16px;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 0; }
  @media screen and (max-width: 737px) {
    article.news .post-title {
      line-height: 28px;
      font-size: clamp(1.125rem, calc(1.02885rem + 0.48077vw), 1.25rem); } }
article.news .post-date {
  font-size: 12px;
  margin-bottom: 56px;
  text-align: center;
  letter-spacing: 0.06em; }
article.news .post-content {
  font-size: 16px; }
  @media screen and (max-width: 737px) {
    article.news .post-content {
      font-size: clamp(0.875rem, calc(0.77885rem + 0.48077vw), 1rem); } }
  article.news .post-content p {
    line-height: 2.25; }
    @media screen and (max-width: 737px) {
      article.news .post-content p {
        line-height: 28px; } }
  article.news .post-content figure {
    margin: 24px 0; }
    @media screen and (max-width: 737px) {
      article.news .post-content figure {
        margin: clamp(0.875rem, calc(0.39423rem + 2.40385vw), 1.5rem) 0; } }

aside.news-archives {
  padding: 112px 0;
  position: relative; }
  @media screen and (max-width: 1024px) {
    aside.news-archives {
      padding: clamp(7rem, calc(7rem + 0vw), 7rem) clamp(1.25rem, calc(-1.97115rem + 6.99301vw), 2.5rem) clamp(7rem, calc(7rem + 0vw), 7rem); } }
  @media screen and (max-width: 737px) {
    aside.news-archives {
      padding: clamp(4rem, calc(4rem + 0vw), 4rem) 0 clamp(3.5rem, calc(3.5rem + 0vw), 3.5rem); } }
  @media screen and (max-width: 737px) {
    aside.news-archives .h1 {
      font-size: clamp(1.625rem, calc(1.33654rem + 1.44231vw), 2rem); } }
  aside.news-archives .information-list {
    margin-top: 8px; }
    @media screen and (max-width: 737px) {
      aside.news-archives .information-list {
        margin-top: clamp(0rem, calc(-3.07692rem + 15.38462vw), 4rem); } }
    aside.news-archives .information-list > li {
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      margin-top: -1px; }
      aside.news-archives .information-list > li a {
        display: flex;
        gap: 60px;
        padding: 30px 30px;
        color: var(--black);
        position: relative;
        align-items: center; }
        @media screen and (max-width: 737px) {
          aside.news-archives .information-list > li a {
            gap: 0px;
            display: block;
            padding: clamp(1.125rem, calc(0.54808rem + 2.88462vw), 1.875rem) clamp(0.5rem, calc(-0.65385rem + 5.76923vw), 2rem); } }
        aside.news-archives .information-list > li a:hover {
          background: rgba(217, 217, 217, 0.2); }
        aside.news-archives .information-list > li a .date {
          font-size: 12px;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 737px) {
            aside.news-archives .information-list > li a .date {
              margin-bottom: 4px;
              font-size: clamp(0.6875rem, calc(0.63942rem + 0.24038vw), 0.75rem); } }
        aside.news-archives .information-list > li a h3 {
          font-size: 14px;
          letter-spacing: 0.06em; }
          @media screen and (max-width: 737px) {
            aside.news-archives .information-list > li a h3 {
              font-size: clamp(0.6875rem, calc(0.54327rem + 0.72115vw), 0.875rem); } }
  aside.news-archives .btn {
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 clamp(0.875rem, calc(0.68269rem + 0.96154vw), 1.125rem); }

.consultation {
  position: relative;
  padding: 160px 0 0; }
  @media screen and (max-width: 737px) {
    .consultation {
      padding: clamp(4.625rem, calc(0.49038rem + 20.67308vw), 10rem) 0 0; } }
  .consultation .section-inner-ms {
    background: var(--white);
    border-radius: 60px;
    padding: clamp(4.625rem, calc(3.1835rem + 3.12945vw), 6rem); }
    @media screen and (max-width: 737px) {
      .consultation .section-inner-ms {
        padding: clamp(3.5rem, calc(2.63462rem + 4.32692vw), 4.625rem) clamp(1.25rem, calc(-0.48077rem + 8.65385vw), 3.5rem);
        border-radius: 30px; } }
  .consultation .small-h3 {
    font-size: 20px;
    text-align: center;
    font-weight: var(--font-light);
    margin-bottom: 8px; }
    @media screen and (max-width: 737px) {
      .consultation .small-h3 {
        font-size: 19px; } }
  .consultation h3 {
    font-size: 26px;
    text-align: center;
    margin-bottom: 24px;
    padding-bottom: 24px;
    border-bottom: 1px solid #505050; }
    @media screen and (max-width: 737px) {
      .consultation h3 {
        line-height: 1.44444;
        font-size: clamp(1.125rem, calc(0.74038rem + 1.92308vw), 1.625rem);
        border-bottom: 1px solid var(--pink);
        border-top: 1px solid var(--pink);
        padding: 8px 0;
        margin-bottom: 18px; } }
    .consultation h3 span {
      color: var(--pink);
      font-weight: var(--font-bold);
      font-size: 36px; }
      @media screen and (max-width: 737px) {
        .consultation h3 span {
          font-size: clamp(1.5rem, calc(1.40385rem + 0.48077vw), 1.625rem); } }
  .consultation p {
    line-height: 1.625;
    font-size: 16px;
    letter-spacing: 0;
    font-weight: var(--font-light);
    letter-spacing: -0.04em; }
    @media screen and (max-width: 737px) {
      .consultation p {
        font-size: clamp(0.875rem, calc(0.77885rem + 0.48077vw), 1rem);
        text-align: left; } }
  .consultation .furisode-exhibition {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-weight: var(--font-light);
    text-align: center;
    margin: 56px 0 80px;
    line-height: 1.28571;
    letter-spacing: -0.04em; }
    @media screen and (max-width: 737px) {
      .consultation .furisode-exhibition {
        margin: 32px 0 40px;
        flex-direction: column;
        text-align: left;
        gap: 10px 0; } }
    @media screen and (max-width: 737px) {
      .consultation .furisode-exhibition li {
        display: flex;
        align-items: center;
        gap: 20px; }
        .consultation .furisode-exhibition li:nth-of-type(even) figure {
          order: 2; } }
    .consultation .furisode-exhibition li figure {
      margin-bottom: 12px; }
      @media screen and (max-width: 737px) {
        .consultation .furisode-exhibition li figure {
          margin-bottom: 0;
          width: 50%; } }
    .consultation .furisode-exhibition li p {
      line-height: 1.28571;
      font-size: 14px; }
      @media screen and (max-width: 737px) {
        .consultation .furisode-exhibition li p {
          font-size: 13px; } }
  @media screen and (max-width: 737px) {
    .consultation .furisode-exhibition-present {
      margin: 48px 0;
      border: 1px solid var(--pink);
      border-radius: 30px;
      padding: 48px 30px; } }
  .consultation .furisode-exhibition-present h4 {
    text-align: center;
    font-size: 26px;
    color: var(--pink);
    position: relative;
    width: max-content;
    transform: scaleY(1.1);
    margin: 0 auto;
    padding: 0 70px; }
    @media screen and (max-width: 737px) {
      .consultation .furisode-exhibition-present h4 {
        padding: 0; } }
    .consultation .furisode-exhibition-present h4 span {
      color: var(--black);
      display: block;
      font-size: 14px;
      margin-top: 4px;
      transform: scaleY(1); }
      @media screen and (max-width: 737px) {
        .consultation .furisode-exhibition-present h4 span {
          font-size: 20px;
          margin-top: 8px; } }
    .consultation .furisode-exhibition-present h4::before, .consultation .furisode-exhibition-present h4::after {
      position: absolute;
      top: -10%;
      width: 20px;
      height: 120%;
      padding: 0;
      content: '';
      border-top: solid 1px var(--black);
      border-bottom: solid 1px var(--black); }
      @media screen and (max-width: 737px) {
        .consultation .furisode-exhibition-present h4::before, .consultation .furisode-exhibition-present h4::after {
          display: none; } }
    .consultation .furisode-exhibition-present h4::before {
      border-left: solid 1px var(--black);
      left: 0; }
    .consultation .furisode-exhibition-present h4::after {
      border-right: solid 1px var(--black);
      right: 0; }
  .consultation .furisode-exhibition-present ul {
    margin: 64px 0;
    counter-reset: listnum; }
    @media screen and (max-width: 737px) {
      .consultation .furisode-exhibition-present ul {
        margin: 24px 0 0; } }
  .consultation .furisode-exhibition-present li {
    display: flex;
    gap: 40px;
    margin-bottom: 40px; }
    @media screen and (max-width: 737px) {
      .consultation .furisode-exhibition-present li {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px; } }
    .consultation .furisode-exhibition-present li:last-of-type {
      margin-bottom: 0; }
    .consultation .furisode-exhibition-present li .content-left {
      max-width: 380px;
      width: 100%; }
      @media screen and (max-width: 737px) {
        .consultation .furisode-exhibition-present li .content-left {
          margin-bottom: 0; } }
    .consultation .furisode-exhibition-present li .content-right {
      width: auto;
      flex: 1; }
      @media screen and (max-width: 737px) {
        .consultation .furisode-exhibition-present li .content-right {
          display: flex;
          gap: 10px; } }
      .consultation .furisode-exhibition-present li .content-right p {
        font-size: 16px;
        line-height: 1.625; }
        @media screen and (max-width: 737px) {
          .consultation .furisode-exhibition-present li .content-right p {
            font-size: 14px;
            line-height: 1.33333; } }
      .consultation .furisode-exhibition-present li .content-right::before {
        font-size: 48px;
        margin-bottom: 16px;
        color: #f7dfe5;
        font-family: var(--font-montserrat);
        transform: scaleY(1.2);
        font-weight: var(--font-bold);
        display: inline-block;
        counter-increment: listnum;
        content: counter(listnum,decimal-leading-zero) "."; }
        @media screen and (max-width: 737px) {
          .consultation .furisode-exhibition-present li .content-right::before {
            font-size: 30px;
            margin-bottom: 0;
            line-height: 1.5; } }
  .consultation .hakama-exhibition {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-weight: var(--font-light);
    text-align: center;
    margin: 56px 0 80px;
    line-height: 1.28571;
    letter-spacing: -0.04em; }
    @media screen and (max-width: 737px) {
      .consultation .hakama-exhibition {
        margin: 32px 0 40px;
        flex-direction: column;
        text-align: left;
        gap: 10px 0; } }
    @media screen and (max-width: 737px) {
      .consultation .hakama-exhibition li {
        justify-content: space-between;
        display: flex;
        align-items: center;
        gap: 20px; }
        .consultation .hakama-exhibition li:nth-of-type(even) figure {
          order: 2; } }
    .consultation .hakama-exhibition li figure {
      margin-bottom: 12px; }
      @media screen and (max-width: 737px) {
        .consultation .hakama-exhibition li figure {
          margin-bottom: 0;
          width: 50%; } }
    .consultation .hakama-exhibition li p {
      line-height: 1.28571;
      font-size: 14px; }
      @media screen and (max-width: 737px) {
        .consultation .hakama-exhibition li p {
          font-size: 13px; } }
  @media screen and (max-width: 737px) {
    .consultation .hakama-exhibition-present {
      margin: 48px 0;
      border-radius: 30px;
      padding: 48px 30px;
      background: #fcf0f1; } }
  @media screen and (max-width: 737px) and (max-width: 737px) {
    .consultation .hakama-exhibition-present {
      padding: 32px 20px; } }

  .consultation .hakama-exhibition-present h4 {
    text-align: center;
    font-size: 16px;
    position: relative;
    width: max-content;
    margin: 0 auto;
    padding: 0 clamp(2.5rem, calc(1.84477rem + 1.42248vw), 3.125rem);
    letter-spacing: -0.04em;
    font-weight: var(--font-light); }
    @media screen and (max-width: 737px) {
      .consultation .hakama-exhibition-present h4 {
        padding: 0;
        line-height: 1.4; } }
    .consultation .hakama-exhibition-present h4 strong {
      color: var(--pink);
      font-size: 18px;
      font-weight: var(--font-medium); }
    .consultation .hakama-exhibition-present h4 .em {
      display: block;
      font-size: 24px;
      margin: 4px 0 8px;
      letter-spacing: 0; }
      @media screen and (max-width: 737px) {
        .consultation .hakama-exhibition-present h4 .em {
          margin: 0;
          font-size: 16px; } }
      .consultation .hakama-exhibition-present h4 .em em {
        color: var(--pink);
        font-size: 28px; }
      .consultation .hakama-exhibition-present h4 .em span {
        font-size: 38px; }
    .consultation .hakama-exhibition-present h4 span {
      font-size: 14px; }
      .consultation .hakama-exhibition-present h4 span.pc {
        font-size: 28px;
        display: inline-block; }
    .consultation .hakama-exhibition-present h4::before, .consultation .hakama-exhibition-present h4::after {
      position: absolute;
      top: -25%;
      width: 20px;
      height: 150%;
      padding: 0;
      content: '';
      border-top: solid 1px var(--black);
      border-bottom: solid 1px var(--black); }
      @media screen and (max-width: 737px) {
        .consultation .hakama-exhibition-present h4::before, .consultation .hakama-exhibition-present h4::after {
          display: none; } }
    .consultation .hakama-exhibition-present h4::before {
      border-left: solid 1px var(--black);
      left: 0; }
    .consultation .hakama-exhibition-present h4::after {
      border-right: solid 1px var(--black);
      right: 0; }
  .consultation .hakama-exhibition-present ul {
    margin: 64px 0;
    counter-reset: listnum; }
    @media screen and (max-width: 737px) {
      .consultation .hakama-exhibition-present ul {
        margin: 24px 0 0; } }
  .consultation .hakama-exhibition-present li {
    display: flex;
    gap: 40px;
    margin-bottom: 40px; }
    @media screen and (max-width: 737px) {
      .consultation .hakama-exhibition-present li {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px; } }
    .consultation .hakama-exhibition-present li:last-of-type {
      margin-bottom: 0; }
    .consultation .hakama-exhibition-present li .content-left {
      max-width: 380px;
      width: 100%; }
      @media screen and (max-width: 737px) {
        .consultation .hakama-exhibition-present li .content-left {
          margin-bottom: 0; } }
    .consultation .hakama-exhibition-present li .content-right {
      width: auto;
      flex: 1; }
      @media screen and (max-width: 737px) {
        .consultation .hakama-exhibition-present li .content-right {
          display: flex;
          gap: 10px; } }
      .consultation .hakama-exhibition-present li .content-right p {
        font-size: 16px;
        line-height: 1.625; }
        @media screen and (max-width: 737px) {
          .consultation .hakama-exhibition-present li .content-right p {
            font-size: 14px;
            line-height: 1.33333; } }
      .consultation .hakama-exhibition-present li .content-right::before {
        font-size: 48px;
        margin-bottom: 16px;
        color: #f7dfe5;
        font-family: var(--font-montserrat);
        transform: scaleY(1.2);
        font-weight: var(--font-bold);
        display: inline-block;
        counter-increment: listnum;
        content: counter(listnum,decimal-leading-zero) "."; }
        @media screen and (max-width: 737px) {
          .consultation .hakama-exhibition-present li .content-right::before {
            font-size: 30px;
            margin-bottom: 0;
            line-height: 1.5; } }
  .consultation .btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 70px;
    border-top: 1px solid var(--black);
    padding-top: 50px; }
    @media screen and (max-width: 737px) {
      .consultation .btn-wrapper {
        margin-top: 30px;
        padding-top: 0;
        border-top: none;
        flex-direction: column; } }
    .consultation .btn-wrapper .btn {
      margin: 0 0 16px; }
      @media screen and (max-width: 737px) {
        .consultation .btn-wrapper .btn {
          width: 90%;
          margin: 0 auto 0; } }
    @media screen and (max-width: 737px) {
      .consultation .btn-wrapper + .annotation {
        margin-top: 12px; } }
  .consultation .btn {
    margin: 0 auto 16px; }
    @media screen and (max-width: 737px) {
      .consultation .btn {
        width: 90%; } }
  .consultation .annotation {
    font-size: 14px;
    text-align: center;
    color: var(--pink); }
    @media screen and (max-width: 737px) {
      .consultation .annotation {
        font-size: 12px;
        line-height: 1.16667; } }

/*---------------------------------
		     column
------------------------------------*/
section.column {
  background: #f5f5f5; }

.page-column-list.page-full {
  padding: 80px 0 60px;
  margin: auto; }
  @media screen and (max-width: 737px) {
    .page-column-list.page-full {
      padding: clamp(5rem, calc(5rem + 0vw), 5rem) 0 clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
.page-column-list .page-content {
  padding-top: 20px;
  padding-bottom: 88px; }
  @media screen and (max-width: 737px) {
    .page-column-list .page-content {
      overflow: hidden;
      padding-bottom: clamp(2.75rem, calc(0.63462rem + 10.57692vw), 5.5rem); } }
.page-column-list .btn {
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 clamp(0.875rem, calc(0.68269rem + 0.96154vw), 1.125rem) clamp(0.875rem, calc(0.68269rem + 0.96154vw), 1.125rem); }
  @media screen and (max-width: 737px) {
    .page-column-list .btn button {
      padding: clamp(1.5rem, calc(1.5rem + 0vw), 1.5rem) 0; } }

@media screen and (max-width: 737px) {
  .column-list {
    width: 100vw;
    position: relative;
    right: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem); } }
.column-list li {
  width: 100%;
  margin-bottom: 20px; }
  @media screen and (max-width: 737px) {
    .column-list li {
      margin-bottom: 5px; } }
  .column-list li a {
    color: var(--black);
    display: flex;
    word-spacing: 100%;
    align-content: center; }
    .column-list li a:hover {
      box-shadow: 0px 0px 20px 0px rgba(239, 107, 141, 0.5); }
    @media screen and (max-width: 737px) {
      .column-list li a {
        position: relative; }
        .column-list li a:hover {
          box-shadow: 0px 0px 5px 0px rgba(239, 107, 141, 0.5); } }
    .column-list li a .content-left {
      width: 300px; }
      @media screen and (max-width: 737px) {
        .column-list li a .content-left {
          width: 50%;
          margin-bottom: 0; } }
    .column-list li a .content-right {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: flex-start;
      background: var(--white);
      padding: 0 50px;
      flex: 1; }
      @media screen and (max-width: 737px) {
        .column-list li a .content-right {
          width: 50%;
          position: relative;
          padding: 10px 24px; } }
      .column-list li a .content-right h2 {
        font-size: 16px;
        line-height: 1.6875; }
        @media screen and (max-width: 737px) {
          .column-list li a .content-right h2 {
            overflow: hidden;
            -webkit-box-orient: vertical;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            text-overflow: ellipsis;
            font-size: clamp(0.875rem, calc(0.77885rem + 0.48077vw), 1rem);
            line-height: 1.42857; } }
    .column-list li a .column-meta {
      display: flex;
      align-items: center;
      gap: 16px;
      font-size: 11px;
      letter-spacing: 0.06em;
      margin-bottom: 8px; }
      @media screen and (max-width: 737px) {
        .column-list li a .column-meta {
          font-size: 10px;
          gap: 8px;
          margin-bottom: 4px; } }
      .column-list li a .column-meta .column-category {
        background: var(--pink);
        color: var(--white);
        padding: 4px 8px; }
      .column-list li a .column-meta .date {
        padding: 4px 0; }

/*---------------------------------
		     column-single
------------------------------------*/
article.column-post {
  position: relative; }
  article.column-post::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    z-index: -5;
    position: absolute;
    left: 0;
    top: 0; }

.page-column-single {
  position: relative; }
  .page-column-single.page-full {
    padding: 80px 0 60px;
    margin: auto; }
    @media screen and (max-width: 737px) {
      .page-column-single.page-full {
        padding: clamp(5rem, calc(5rem + 0vw), 5rem) 0 clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem);
        background: #f5f5f5; } }
  .page-column-single::after {
    content: '';
    width: 100%;
    height: 100%;
    background: var(--white);
    z-index: -4;
    position: absolute;
    left: 0;
    top: 300px; }
  .page-column-single .page-content {
    padding-top: 20px;
    padding-bottom: 88px; }
    @media screen and (max-width: 737px) {
      .page-column-single .page-content {
        background: var(--white);
        padding-bottom: 0;
        margin-bottom: clamp(2.75rem, calc(0.63462rem + 10.57692vw), 5.5rem); } }
  .page-column-single .btn {
    margin-top: 48px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 clamp(0.875rem, calc(0.68269rem + 0.96154vw), 1.125rem) clamp(0.875rem, calc(0.68269rem + 0.96154vw), 1.125rem); }
    @media screen and (max-width: 737px) {
      .page-column-single .btn button {
        padding: clamp(1.5rem, calc(1.5rem + 0vw), 1.5rem) 0; } }
  .page-column-single .eyecatch {
    margin: 0 auto 80px;
    max-width: 1200px; }
    @media screen and (max-width: 737px) {
      .page-column-single .eyecatch {
        margin-bottom: clamp(1.875rem, calc(-0.52885rem + 12.01923vw), 5rem); } }
  .page-column-single .section-inner-m {
    display: flex;
    justify-content: space-between;
    gap: 20px; }
    @media screen and (max-width: 737px) {
      .page-column-single .section-inner-m {
        display: block;
        overflow: hidden; } }
  .page-column-single .post-content {
    max-width: 760px;
    flex: 2; }
    .page-column-single .post-content .post-title {
      font-size: 30px;
      letter-spacing: 0.06em;
      margin-bottom: 32px;
      line-height: 1.13333; }
      @media screen and (max-width: 737px) {
        .page-column-single .post-content .post-title {
          margin-bottom: clamp(1rem, calc(0.23077rem + 3.84615vw), 2rem);
          font-size: clamp(1.125rem, calc(0.54808rem + 2.88462vw), 1.875rem);
          line-height: 28px; } }
    .page-column-single .post-content .post-header {
      border-bottom: 1px solid #dadada;
      padding-bottom: 32px;
      margin-bottom: 32px; }
      @media screen and (max-width: 737px) {
        .page-column-single .post-content .post-header {
          margin-bottom: clamp(1rem, calc(0.23077rem + 3.84615vw), 2rem);
          padding-bottom: clamp(1rem, calc(0.23077rem + 3.84615vw), 2rem); } }
    .page-column-single .post-content .post-category {
      margin-bottom: 14px; }
      @media screen and (max-width: 737px) {
        .page-column-single .post-content .post-category {
          font-size: 12px; } }
      .page-column-single .post-content .post-category a {
        color: var(--black); }
        .page-column-single .post-content .post-category a:hover {
          opacity: 0.8; }
    .page-column-single .post-content .post-date {
      letter-spacing: 0.06em; }
      @media screen and (max-width: 737px) {
        .page-column-single .post-content .post-date {
          font-size: 12px; } }
  .page-column-single .post-detail {
    letter-spacing: 0.06em; }
    .page-column-single .post-detail div {
      font-size: 16px;
      margin-bottom: 2em;
      line-height: 2.25; }
      @media screen and (max-width: 737px) {
        .page-column-single .post-detail div {
          font-size: clamp(0.875rem, calc(0.77885rem + 0.48077vw), 1rem);
          line-height: 28px; } }
    .page-column-single .post-detail img {
      margin: 2em auto; }
  .page-column-single .post-bottom {
    margin-top: 40px;
    border-top: 1px solid #dadada;
    padding-top: 40px; }
    @media screen and (max-width: 737px) {
      .page-column-single .post-bottom {
        margin-bottom: clamp(5rem, calc(5rem + 0vw), 5rem);
        font-size: clamp(1.5rem, calc(0.73077rem + 3.84615vw), 2.5rem); } }
    .page-column-single .post-bottom ul {
      display: flex;
      justify-content: space-between; }
      .page-column-single .post-bottom ul li.post-prev a::after {
        transform: rotate(-135deg);
        margin-left: 7px; }
      .page-column-single .post-bottom ul li.post-next a::after {
        transform: rotate(45deg);
        margin-right: 7px; }
      .page-column-single .post-bottom ul li a {
        border: 1px solid #a1a1a1;
        border-radius: 50%;
        display: block;
        width: 45px;
        height: 45px;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center; }
        .page-column-single .post-bottom ul li a::after {
          content: "";
          display: block;
          width: 14px;
          height: 14px;
          border-top: 1px solid #a1a1a1;
          border-right: 1px solid #a1a1a1;
          transition: all 0.3s; }
        .page-column-single .post-bottom ul li a:hover {
          background: #a1a1a1; }
          .page-column-single .post-bottom ul li a:hover::after {
            border-top: 1px solid #fff;
            border-right: 1px solid #fff; }

.column-side-bar {
  max-width: 280px;
  flex: 1; }
  @media screen and (max-width: 737px) {
    .column-side-bar {
      max-width: none;
      padding-top: 64px;
      width: 100vw;
      position: relative;
      right: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
      background: #f5f5f5; } }
  .column-side-bar .recent-post h3 {
    padding: 0 4px 20px;
    font-size: 22px; }
    @media screen and (max-width: 737px) {
      .column-side-bar .recent-post h3 {
        text-align: center;
        margin-bottom: 32px; } }
    .column-side-bar .recent-post h3 span {
      margin-top: 4px;
      font-size: 11px;
      display: block; }
  @media screen and (max-width: 737px) {
    .column-side-bar .recent-post .column-list {
      right: 0; } }
  .column-side-bar .recent-post .column-list li {
    width: 100%;
    margin-bottom: 0;
    border-top: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    margin-top: -1px; }
    @media screen and (max-width: 737px) {
      .column-side-bar .recent-post .column-list li {
        margin-bottom: 5px;
        border: none; } }
    .column-side-bar .recent-post .column-list li a {
      padding: 20px 4px 20px;
      color: var(--black);
      display: block;
      align-items: center; }
      .column-side-bar .recent-post .column-list li a:hover {
        box-shadow: none;
        background: #f5f5f5; }
      @media screen and (max-width: 737px) {
        .column-side-bar .recent-post .column-list li a {
          display: block;
          background: var(--white);
          padding: 18px 24px; }
          .column-side-bar .recent-post .column-list li a:hover {
            background: var(--white); } }
      .column-side-bar .recent-post .column-list li a h4 {
        font-size: 14px;
        line-height: 1.57143; }
      .column-side-bar .recent-post .column-list li a .column-meta {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 11px;
        letter-spacing: 0.06em;
        margin-bottom: 8px; }
        @media screen and (max-width: 737px) {
          .column-side-bar .recent-post .column-list li a .column-meta {
            font-size: 10px;
            gap: 4px;
            margin-bottom: 4px; } }
        .column-side-bar .recent-post .column-list li a .column-meta .column-category {
          color: var(--white);
          padding: 4px 8px; }
        .column-side-bar .recent-post .column-list li a .column-meta .date {
          padding: 4px 0; }

/*----------------------------------------
				campaign
------------------------------------------*/
article.campaign .breadcrumbs {
  padding-top: 0px; }
  @media screen and (max-width: 737px) {
    article.campaign .breadcrumbs {
      padding-top: 0; } }
  article.campaign .breadcrumbs ol {
    padding-left: clamp(1.5rem, calc(0.97582rem + 1.13798vw), 2rem);
    border-top: none;
    align-items: center; }
    @media screen and (max-width: 737px) {
      article.campaign .breadcrumbs ol {
        padding-left: clamp(0.75rem, calc(-0.21154rem + 4.80769vw), 2rem); } }
article.campaign .page-campaign-single {
  margin: clamp(3.75rem, calc(3.75rem + 0vw), 3.75rem) auto clamp(7.5rem, calc(7.5rem + 0vw), 7.5rem); }
  @media screen and (max-width: 737px) {
    article.campaign .page-campaign-single {
      margin: clamp(3rem, calc(2.42308rem + 2.88462vw), 3.75rem) auto clamp(5.5rem, calc(3.96154rem + 7.69231vw), 7.5rem); } }
  article.campaign .page-campaign-single .post-header {
    display: flex;
    justify-content: space-between;
    gap: 40px; }
    article.campaign .page-campaign-single .post-header::after {
      display: block;
      max-width: 300px;
      width: 100%;
      content: ''; }
      @media screen and (max-width: 737px) {
        article.campaign .page-campaign-single .post-header::after {
          display: none; } }
    article.campaign .page-campaign-single .post-header .campaign-title {
      max-width: 700px;
      font-size: 30px;
      line-height: 1.13333;
      margin-bottom: 28px; }
      @media screen and (max-width: 737px) {
        article.campaign .page-campaign-single .post-header .campaign-title {
          max-width: 100%;
          width: 100%;
          font-size: clamp(1.375rem, calc(0.99038rem + 1.92308vw), 1.875rem);
          line-height: 28px; } }
    article.campaign .page-campaign-single .post-header .campaign-period {
      font-weight: var(--font-medium);
      display: flex; }
      article.campaign .page-campaign-single .post-header .campaign-period span {
        display: flex;
        flex-direction: column; }
        article.campaign .page-campaign-single .post-header .campaign-period span:nth-of-type(1) {
          padding: 8px 8px 8px 16px;
          background: #ccc;
          color: #333;
          font-size: 12px;
          font-weight: 700;
          justify-content: center; }
        article.campaign .page-campaign-single .post-header .campaign-period span:nth-of-type(2) {
          padding: 8px 20px;
          background: #333;
          color: var(--white);
          font-size: 14px;
          justify-content: center; }
          @media screen and (max-width: 737px) {
            article.campaign .page-campaign-single .post-header .campaign-period span:nth-of-type(2) {
              font-size: 12px; } }
  article.campaign .page-campaign-single .post-content-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 40px; }
    @media screen and (max-width: 737px) {
      article.campaign .page-campaign-single .post-content-wrapper {
        flex-direction: column;
        gap: 0; } }
  article.campaign .page-campaign-single .post-content {
    max-width: 700px;
    font-size: 16px;
    border-top: 1px solid #333333;
    border-bottom: 1px solid #333333;
    padding: clamp(1.5rem, calc(0.0585rem + 3.12945vw), 2.875rem) 0;
    line-height: 1.625; }
    @media screen and (max-width: 737px) {
      article.campaign .page-campaign-single .post-content {
        font-size: 14px;
        line-height: 28px;
        padding: 24px 0; } }
    article.campaign .page-campaign-single .post-content p {
      margin-bottom: 2em; }
    article.campaign .page-campaign-single .post-content figure {
      margin: 2em 0; }
  article.campaign .page-campaign-single .campaign-bottom-banner {
    max-width: 700px;
    margin-top: clamp(3rem, calc(1.42745rem + 3.41394vw), 4.5rem); }
    @media screen and (max-width: 737px) {
      article.campaign .page-campaign-single .campaign-bottom-banner {
        margin-top: 48px; } }
    article.campaign .page-campaign-single .campaign-bottom-banner ul:nth-of-type(1) {
      padding-bottom: 32px; }
    article.campaign .page-campaign-single .campaign-bottom-banner li {
      margin-bottom: 20px; }
      article.campaign .page-campaign-single .campaign-bottom-banner li a:hover {
        opacity: 0.8; }
  article.campaign .page-campaign-single .campaign-side-bar {
    max-width: 300px;
    width: 100%; }
    @media screen and (max-width: 737px) {
      article.campaign .page-campaign-single .campaign-side-bar {
        max-width: 100%;
        width: 100%; } }
  article.campaign .page-campaign-single .campaign-reservation-btn {
    padding-bottom: 32px; }
    @media screen and (max-width: 737px) {
      article.campaign .page-campaign-single .campaign-reservation-btn {
        padding-bottom: 0; } }
    article.campaign .page-campaign-single .campaign-reservation-btn li {
      margin-bottom: 10px;
      width: 100%; }
      @media screen and (max-width: 737px) {
        article.campaign .page-campaign-single .campaign-reservation-btn li {
          max-width: 100%; } }
      article.campaign .page-campaign-single .campaign-reservation-btn li:last-of-type {
        margin-bottom: 0; }
      article.campaign .page-campaign-single .campaign-reservation-btn li a {
        padding: 24px;
        display: block;
        font-size: 18px;
        position: relative;
        border: 1px solid #1a1a1a;
        border-radius: 3px;
        line-height: 1.33333;
        background: var(--white);
        color: #1a1a1a; }
        article.campaign .page-campaign-single .campaign-reservation-btn li a::after {
          content: "";
          position: absolute;
          display: block;
          width: 14px;
          right: 24px;
          top: 50%;
          height: 14px;
          border-top: 2px solid #1a1a1a;
          border-right: 2px solid #1a1a1a;
          transform: translate3d(0, -50%, 0) rotate(45deg);
          transition: all 0.3s; }
      article.campaign .page-campaign-single .campaign-reservation-btn li:nth-of-type(1) a:hover {
        background: var(--pink);
        color: var(--white);
        border: 1px solid var(--pink); }
        article.campaign .page-campaign-single .campaign-reservation-btn li:nth-of-type(1) a:hover::after {
          border-top: 2px solid var(--white);
          border-right: 2px solid var(--white); }
      article.campaign .page-campaign-single .campaign-reservation-btn li:nth-of-type(2) a:hover {
        background: var(--dusty-gold);
        color: var(--white);
        border: 1px solid var(--dusty-gold); }
        article.campaign .page-campaign-single .campaign-reservation-btn li:nth-of-type(2) a:hover::after {
          border-top: 2px solid var(--white);
          border-right: 2px solid var(--white); }
      article.campaign .page-campaign-single .campaign-reservation-btn li.pink a {
        border: 1px solid var(--pink);
        color: var(--white);
        background: var(--pink); }
        article.campaign .page-campaign-single .campaign-reservation-btn li.pink a:hover {
          border: 1px solid var(--black);
          background: var(--black);
          color: var(--white);
          opacity: 1; }
          article.campaign .page-campaign-single .campaign-reservation-btn li.pink a:hover::after {
            border-top: 2px solid var(--white);
            border-right: 2px solid var(--white); }
        article.campaign .page-campaign-single .campaign-reservation-btn li.pink a::after {
          border-top: 2px solid var(--white);
          border-right: 2px solid var(--white); }
      article.campaign .page-campaign-single .campaign-reservation-btn li.gold a {
        border: 1px solid var(--dusty-gold);
        color: var(--white);
        background: var(--dusty-gold); }
        article.campaign .page-campaign-single .campaign-reservation-btn li.gold a:hover {
          border: 1px solid var(--black);
          background: var(--black);
          color: var(--white);
          opacity: 1; }
          article.campaign .page-campaign-single .campaign-reservation-btn li.gold a:hover::after {
            border-top: 2px solid var(--white);
            border-right: 2px solid var(--white); }
        article.campaign .page-campaign-single .campaign-reservation-btn li.gold a::after {
          border-top: 2px solid var(--white);
          border-right: 2px solid var(--white); }
  article.campaign .page-campaign-single .plan-searvice-banner {
    border-top: 1px solid #333333;
    padding-top: 32px; }
    article.campaign .page-campaign-single .plan-searvice-banner li {
      margin-bottom: 10px; }
      article.campaign .page-campaign-single .plan-searvice-banner li a:hover {
        opacity: 0.8; }

/* --------------------------
studio single
-----------------------------*/
.page-studio.page-full {
  padding: 0; }
.page-studio .page-content {
  padding-top: 0px;
  padding: 90px 0 112px;
  margin: auto; }
  .page-studio .page-content:nth-of-type(1) {
    background: #f7f7f6; }
  @media screen and (max-width: 737px) {
    .page-studio .page-content {
      padding: clamp(5rem, calc(4.51923rem + 2.40385vw), 5.625rem) 0 clamp(5rem, calc(4.51923rem + 2.40385vw), 5.625rem); } }
@media screen and (max-width: 737px) {
  .page-studio .h1 {
    letter-spacing: -0.02em; } }

.studio-mv {
  height: 550px;
  position: relative; }
  @media screen and (max-width: 737px) {
    .studio-mv {
      height: clamp(12.5rem, calc(-4.32692rem + 84.13462vw), 34.375rem); } }
  .studio-mv .studio-mv-inner {
    overflow: hidden;
    width: 100%;
    height: 100%;
    clip-path: inset(0); }
  .studio-mv .studio-mv-bg {
    background-attachment: fixed;
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100vw;
    height: 100vh; }
    @media screen and (max-width: 737px) {
      .studio-mv .studio-mv-bg {
        background-position: center top;
        width: 100%;
        height: 100%;
        background-size: 130%;
        background-attachment: scroll; } }

.studio-single .breadcrumbs {
  padding-top: 0;
  border-top: none;
  background: #f7f7f6; }

.studio-detail {
  max-width: 530px;
  font-size: 14px;
  margin: auto;
  border-top: 1px solid #333333;
  padding-top: 32px;
  letter-spacing: 0.06em; }
  @media screen and (max-width: 737px) {
    .studio-detail {
      font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem);
      width: 100%;
      max-width: 100%; } }
  .studio-detail dl {
    margin-bottom: 32px; }
    .studio-detail dl div {
      display: flex;
      margin-bottom: 16px; }
      @media screen and (max-width: 737px) {
        .studio-detail dl div {
          margin-bottom: 10px; } }
      .studio-detail dl div:last-of-type {
        margin-bottom: 0; }
      .studio-detail dl div dt {
        flex-basis: 25%; }
  .studio-detail .btn {
    margin: auto; }

.studio-banner {
  margin-top: 64px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  .studio-banner li {
    margin-bottom: 28px; }
    .studio-banner li:last-of-type {
      margin-bottom: 0; }

.content-access {
  border-bottom: 1px solid #999999; }

.access-box {
  display: flex;
  justify-content: space-between;
  gap: clamp(1.875rem, calc(-0.09068rem + 4.26743vw), 3.75rem); }
  @media screen and (max-width: 737px) {
    .access-box {
      gap: 0;
      flex-direction: column; } }
  .access-box .access-image {
    max-width: 430px;
    flex: 1; }
    @media screen and (max-width: 737px) {
      .access-box .access-image {
        max-width: none;
        width: 100%;
        margin-bottom: 40px; } }
    .access-box .access-image img {
      width: 100%; }
    .access-box .access-image .btn {
      margin-top: 16px;
      width: 100%;
      max-width: 100%; }
      .access-box .access-image .btn a {
        width: 100%;
        max-width: 100%; }
  .access-box .access-detail {
    max-width: 490px;
    flex: 1; }
    .access-box .access-detail .access-title {
      font-size: 18px;
      border-bottom: 1px solid #333;
      padding-bottom: 8px;
      margin-bottom: 20px;
      display: flex;
      align-items: center; }
      @media screen and (max-width: 737px) {
        .access-box .access-detail .access-title {
          font-size: clamp(1rem, calc(0.90385rem + 0.48077vw), 1.125rem); } }
      .access-box .access-detail .access-title.car::before {
        display: inline-block;
        position: relative;
        width: 30px;
        height: 22.86px;
        content: "";
        background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 30 22.86"><path fill="%231aa1a1a" d="M2,8.36c.14-.3.39-.78.85-1.63.2-.4.44-.83.67-1.27H1.45a1.45,1.45,0,1,0,0,2.9Zm26.54-2.9H26.47c.23.44.47.87.67,1.27.46.85.71,1.33.85,1.63h.56a1.45,1.45,0,0,0,0-2.9ZM2.31,20.91a2,2,0,0,0,3.9,0V19.06H2.31Zm21.48,0a2,2,0,0,0,3.9,0V19.06h-3.9ZM27.41,8.72c.1,0-3.61-6.79-3.79-7.16A3.08,3.08,0,0,0,20.86,0H9.13A3.07,3.07,0,0,0,6.38,1.56c-.18.37-3.89,7.19-3.79,7.16L1.29,10A1.86,1.86,0,0,0,.82,11.5v5.42c0,1,.18,1.57,1.38,1.57H27.8c1.2,0,1.38-.56,1.38-1.57V11.5A1.86,1.86,0,0,0,28.71,10ZM5.66,6.63S8,2.33,8.18,2.05a1.86,1.86,0,0,1,1.63-.83H20.19a1.86,1.86,0,0,1,1.63.83c.14.28,2.52,4.58,2.52,4.58a.76.76,0,0,1-.62,1.13H6.28A.76.76,0,0,1,5.66,6.63Zm-.32,9.55A2.19,2.19,0,1,1,7.53,14,2.19,2.19,0,0,1,5.34,16.18Zm13,.59a.29.29,0,0,1-.29.29H12a.29.29,0,0,1-.29-.29V14.1a.29.29,0,0,1,.29-.29H18a.29.29,0,0,1,.29.29v2.67Zm6.33-.59A2.19,2.19,0,1,1,26.85,14,2.19,2.19,0,0,1,24.66,16.18Z" /></svg>');
        background-size: cover;
        left: 0;
        margin-right: 16px; }
        @media screen and (max-width: 737px) {
          .access-box .access-detail .access-title.car::before {
            margin-right: 8px; } }
      .access-box .access-detail .access-title.public {
        margin-top: 40px; }
        .access-box .access-detail .access-title.public::before {
          display: inline-block;
          position: relative;
          width: 24.92px;
          height: 30px;
          content: "";
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24.92 30"><path fill="%231aa1a1a" d="M21.58,30h3.34l-5.61-6.69a4.7,4.7,0,0,0,3.81-4.61v-14c0-3-2.95-4.71-10.69-4.71S1.74,1.67,1.74,4.71v14a4.69,4.69,0,0,0,3.87,4.62L0,30H3.34l3.77-4.49h10.7ZM18.41,19.79A1.63,1.63,0,1,1,20,18.17,1.62,1.62,0,0,1,18.41,19.79ZM8.16,2.07a.22.22,0,0,1,.23-.22h8.08a.23.23,0,0,1,.23.22v1.4a.23.23,0,0,1-.23.22H8.39a.22.22,0,0,1-.23-.22ZM4.07,12.15V6.24a1,1,0,0,1,1-1H19.74a1,1,0,0,1,1.05,1v5.91a1,1,0,0,1-1.05,1H5.12A1,1,0,0,1,4.07,12.15Zm.75,6a1.63,1.63,0,1,1,1.63,1.62A1.63,1.63,0,0,1,4.82,18.17Z" /></svg>');
          background-size: cover;
          left: 0;
          margin-right: 16px; }
          @media screen and (max-width: 737px) {
            .access-box .access-detail .access-title.public::before {
              margin-right: 8px; } }
  .access-box h4 {
    font-size: 16px;
    letter-spacing: 0.06em;
    line-height: 1.5; }
    @media screen and (max-width: 737px) {
      .access-box h4 {
        font-size: 14px; } }
  .access-box p {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 1.5em; }
    @media screen and (max-width: 737px) {
      .access-box p {
        font-size: 14px;
        line-height: 1.71429; } }

.content-movie {
  background: #8e8b8a; }
  .content-movie .h2 {
    color: var(--white); }

@media screen and (max-width: 737px) {
  .content-interior {
    overflow: hidden; } }
.content-interior .btn {
  margin: auto; }

.interior-photo-list {
  position: relative;
  height: 800px;
  overflow: hidden;
  transition: .4s;
  box-sizing: border-box; }
  @media screen and (max-width: 737px) {
    .interior-photo-list {
      height: 1500px;
      width: 100vw;
      right: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem); } }
  .interior-photo-list.active {
    height: auto; }
    .interior-photo-list.active::before {
      opacity: 0;
      visibility: hidden; }
  .interior-photo-list::before {
    content: "";
    z-index: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50vh;
    background: black;
    background: linear-gradient(0deg, #ffffff 0%, rgba(255, 255, 255, 0) 50%);
    transition: .6s; }
    @media screen and (max-width: 737px) {
      .interior-photo-list::before {
        height: 30vh;
        background: linear-gradient(0deg, #ffffff 10%, rgba(255, 255, 255, 0) 100%); } }
  .interior-photo-list .masonry {
    max-width: 980px; }
  .interior-photo-list .interior-photo {
    max-width: 430px;
    width: 100%;
    width: calc(50% - 60px);
    margin-bottom: clamp(3.125rem, calc(-1.29123rem + 9.21248vw), 7rem); }
    @media screen and (max-width: 737px) {
      .interior-photo-list .interior-photo {
        max-width: 100%;
        width: 100%;
        margin-bottom: 50px; } }
    .interior-photo-list .interior-photo:last-of-type {
      margin-bottom: 0; }
    .interior-photo-list .interior-photo div {
      margin-bottom: 16px; }
    .interior-photo-list .interior-photo p {
      font-size: clamp(0.875rem, calc(0.875rem + 0vw), 0.875rem);
      font-weight: var(--font-light);
      line-height: 1.51429; }
      @media screen and (max-width: 737px) {
        .interior-photo-list .interior-photo p {
          font-size: 12px;
          line-height: 18px;
          font-weight: var(--font-normal);
          padding: 0 clamp(1rem, calc(1rem + 0vw), 1rem); } }

.staff {
  background: #ede8e2; }
  .staff .section-inner-s {
    max-width: 920px; }

.staff-list {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  text-align: center;
  gap: 40px 1.25%; }
  @media screen and (max-width: 737px) {
    .staff-list {
      gap: 32px 2%; } }
  .staff-list li {
    flex-basis: 19%; }
    @media screen and (max-width: 737px) {
      .staff-list li {
        flex-basis: 32%; } }
    .staff-list li div {
      margin-left: auto;
      margin-right: auto;
      overflow: hidden;
      max-width: 160px;
      max-height: 160px;
      width: 100%;
      height: auto;
      border-radius: 100%;
      margin-bottom: 8px; }
      .staff-list li div img {
        object-fit: cover;
        aspect-ratio: 1/1; }

/*--------------------------------------
			contact
------------------------------------------*/
.contact {
  background: #f5f5f5; }
  .contact .breadcrumbs ol {
    border-top: 1px solid var(--white); }
  @media screen and (max-width: 737px) {
    .contact .h1 {
      letter-spacing: -0.02em; } }

.page-contact.page-full {
  padding: 80px 0 60px;
  margin: auto;
  border-bottom: 1px solid #d9d9d9; }

.other-contact-btn {
  margin-top: 32px;
  display: flex;
  justify-content: center;
  align-content: center;
  gap: 30px; }
  @media screen and (max-width: 737px) {
    .other-contact-btn {
      gap: 10px;
      flex-direction: column; } }
  @media screen and (max-width: 737px) {
    .other-contact-btn li.btn {
      width: 100%; } }
  .other-contact-btn li.btn a {
    position: relative; }
    @media screen and (max-width: 737px) {
      .other-contact-btn li.btn a::after {
        display: inline-block;
        content: "";
        position: absolute;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
        background: #ffffff;
        height: calc(tan(60deg) * 14px / 2);
        width: 7px;
        clip-path: polygon(0 0, 100% 50%, 0 100%); } }

.contact_form {
  margin: auto; }
  .contact_form .form-group {
    margin-bottom: 32px;
    display: flex;
    align-items: baseline;
    gap: 3%; }
    @media screen and (max-width: 737px) {
      .contact_form .form-group {
        flex-direction: column;
        margin-bottom: 32px; } }
    .contact_form .form-group.no-flex {
      display: block;
      width: 77%;
      margin-right: 0;
      margin-left: auto; }
      @media screen and (max-width: 1024px) {
        .contact_form .form-group.no-flex {
          width: 67%; } }
      @media screen and (max-width: 737px) {
        .contact_form .form-group.no-flex {
          width: 100%; } }
      .contact_form .form-group.no-flex p {
        margin-bottom: 16px;
        font-size: 16px; }
        @media screen and (max-width: 737px) {
          .contact_form .form-group.no-flex p {
            font-size: 14px; } }
        .contact_form .form-group.no-flex p a {
          text-decoration: underline;
          color: #4d4d4d; }
    .contact_form .form-group.privacy {
      line-height: 1.6;
      margin-top: 64px;
      font-family: var(--font-zen); }
      @media screen and (max-width: 737px) {
        .contact_form .form-group.privacy {
          margin-top: 32px;
          margin-bottom: 48px; } }
      .contact_form .form-group.privacy .agree {
        font-size: 20px; }
    .contact_form .form-group.send {
      margin-top: 36px;
      font-family: var(--font-zen); }
      @media screen and (max-width: 737px) {
        .contact_form .form-group.send {
          margin-top: 18px; } }
    .contact_form .form-group.radio {
      font-family: var(--font-zen); }
      .contact_form .form-group.radio .input-wrap {
        gap: 16px;
        margin-top: 4px;
        font-size: 16px;
        flex-direction: column;
        align-items: flex-start; }
  .contact_form .auto-zip {
    margin-left: 8px; }
    @media screen and (max-width: 1024px) {
      .contact_form .auto-zip {
        height: 70px; } }
    @media screen and (max-width: 737px) {
      .contact_form .auto-zip {
        margin-left: 0;
        width: 35%;
        height: 50px; } }
    .contact_form .auto-zip button {
      color: var(--black);
      border: 1px solid #4d4d4d;
      font-family: var(--font-zen);
      margin: 0;
      padding: 0;
      width: 250px; }
      @media screen and (max-width: 1024px) {
        .contact_form .auto-zip button {
          text-align: left;
          padding: 0 10px;
          width: 100%;
          height: 100%;
          font-size: 12px; } }
      @media screen and (max-width: 737px) {
        .contact_form .auto-zip button {
          text-align: left;
          width: 100%;
          height: 100%;
          font-size: 12px; } }
    .contact_form .auto-zip:hover button {
      border: 1px solid #8a8a8a;
      background: #8a8a8a;
      color: var(--white); }
  .contact_form .input-wrap {
    width: 77%;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; }
    @media screen and (max-width: 1024px) {
      .contact_form .input-wrap {
        width: 67%; } }
    @media screen and (max-width: 737px) {
      .contact_form .input-wrap {
        width: 100%;
        justify-content: space-between; } }
    .contact_form .input-wrap .error {
      font-size: 12px; }
  .contact_form label.label {
    width: 20%;
    font-size: 16px;
    min-width: 180px;
    font-family: var(--font-zen);
    display: flex;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .contact_form label.label {
        width: 30%; } }
    @media screen and (max-width: 737px) {
      .contact_form label.label {
        width: 100%;
        font-size: 14px;
        min-width: auto;
        margin-bottom: 10px; } }
    .contact_form label.label span {
      background: #4d4d4d;
      font-size: 12px;
      font-family: var(--font-notosansjp);
      color: var(--white);
      padding: 4px 8px;
      border-radius: 4px;
      margin-left: 4px; }
  .contact_form .select-wrap {
    position: relative;
    max-width: 330px;
    width: 100%; }
    .contact_form .select-wrap::before, .contact_form .select-wrap::after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 1px;
      height: 18px;
      right: 30px;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      background-color: #4d4d4d; }
    .contact_form .select-wrap::after {
      transform: translate3d(0, -50%, 0) rotate(90deg); }
    .contact_form .select-wrap select {
      font-family: var(--font-zen);
      border: 1px solid #4d4d4d;
      color: #4d4d4d;
      background: transparent;
      min-height: 50px;
      padding: 0 30px;
      font-size: 14px;
      -moz-appearance: none;
      -webkit-appearance: none;
      width: 100%; }
      @media screen and (max-width: 737px) {
        .contact_form .select-wrap select {
          padding: 0 20px; } }
    .contact_form .select-wrap .error {
      margin-top: 10px;
      font-size: 12px; }
  .contact_form textarea, .contact_form select, .contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel] {
    background: #fff;
    font-size: 18px;
    padding: 10px;
    border: none;
    color: #4d4d4d; }
    .contact_form textarea::placeholder, .contact_form select::placeholder, .contact_form input[type=text]::placeholder, .contact_form input[type=email]::placeholder, .contact_form input[type=tel]::placeholder {
      color: #b2b2b2;
      font-family: var(--font-zen);
      font-weight: var(--font-light);
      font-size: 14px; }
      @media screen and (max-width: 737px) {
        .contact_form textarea::placeholder, .contact_form select::placeholder, .contact_form input[type=text]::placeholder, .contact_form input[type=email]::placeholder, .contact_form input[type=tel]::placeholder {
          font-size: 12px; } }
    @media screen and (max-width: 737px) {
      .contact_form textarea, .contact_form select, .contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel] {
        font-size: 16px; } }
  .contact_form textarea {
    font-family: var(--font-notosansjpsansjp);
    font-weight: var(--font-light);
    min-height: 80px;
    position: relative;
    width: 100%;
    padding: 24px 30px; }
    .contact_form textarea#request {
      min-height: 200px; }
    @media screen and (max-width: 737px) {
      .contact_form textarea {
        width: 100%;
        padding: 20px 20px; }
        .contact_form textarea#request {
          min-height: 300px; } }
  .contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel] {
    min-height: 70px;
    padding: 0 30px;
    font-family: var(--font-notosansjp);
    font-weight: var(--font-light); }
    @media screen and (max-width: 737px) {
      .contact_form input[type=text], .contact_form input[type=email], .contact_form input[type=tel] {
        padding: 0 20px;
        min-height: 50px; } }
  .contact_form input, .contact_form select {
    width: 100%; }
  .contact_form input#zip {
    width: 55%; }
    @media screen and (max-width: 1024px) {
      .contact_form input#zip {
        width: 65%; } }
    @media screen and (max-width: 737px) {
      .contact_form input#zip {
        width: 65%; } }
  .contact_form input[type=radio], .contact_form input[type=checkbox] {
    width: auto; }
  .contact_form input[type=radio] {
    margin-right: 8px;
    transform: scale(1.5); }
  .contact_form .submit {
    display: block;
    letter-spacing: .06em;
    position: relative;
    font-size: 16px;
    text-align: center;
    max-width: 250px;
    width: 100%;
    height: 50px;
    margin: auto;
    color: #fff;
    opacity: 1;
    transition: all 0.3s; }
    @media screen and (max-width: 737px) {
      .contact_form .submit {
        max-width: 100%; } }

/*-------------------------------
			thanks
-------------------------------*/
.page-thanks {
  display: flex;
  align-items: center; }
  @media screen and (max-width: 737px) {
    .page-thanks {
      flex-direction: column; } }
  .page-thanks .content-left {
    width: 50%;
    padding: 0 9vw; }
    @media screen and (max-width: 1024px) {
      .page-thanks .content-left {
        padding: 0 clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem); } }
    @media screen and (max-width: 737px) {
      .page-thanks .content-left {
        width: 100%;
        padding: 0 clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem) clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
    .page-thanks .content-left .h1 {
      font-size: 32px;
      padding-bottom: 36px;
      letter-spacing: 0.14em; }
      @media screen and (max-width: 737px) {
        .page-thanks .content-left .h1 {
          letter-spacing: -0.02em;
          font-size: clamp(1.625rem, calc(1.33654rem + 1.44231vw), 2rem);
          padding-bottom: clamp(1.25rem, calc(0.48077rem + 3.84615vw), 2.25rem); } }
    .page-thanks .content-left p {
      font-size: 14px;
      line-height: 1.85714;
      font-family: var(--font-zen);
      margin-bottom: 1em; }
  .page-thanks::before {
    content: '';
    width: 50%;
    min-height: 660px;
    height: 100vh;
    background: url(../images/thanks_bg.jpg) no-repeat 30% center;
    background-size: cover;
    display: block; }
    @media screen and (max-width: 737px) {
      .page-thanks::before {
        background: url(../images/thanks_bg.jpg) no-repeat center 30%;
        background-size: cover;
        width: 100%;
        min-height: auto;
        height: clamp(9.375rem, calc(4.56731rem + 24.03846vw), 15.625rem);
        margin-bottom: clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
  .page-thanks .thanks-button {
    margin-top: 60px; }
    @media screen and (max-width: 737px) {
      .page-thanks .thanks-button {
        margin-top: 30px; } }
    .page-thanks .thanks-button li {
      margin-bottom: 16px; }
      @media screen and (max-width: 737px) {
        .page-thanks .thanks-button li {
          margin-bottom: 10px;
          margin-left: auto;
          margin-right: auto; } }
      .page-thanks .thanks-button li:last-of-type {
        margin-bottom: 0; }
      .page-thanks .thanks-button li.bgblack:hover a {
        background: var(--black);
        opacity: 0.8; }

/*----------------------------------
			closet
-----------------------------------*/
section.closet .page-closet.page-full {
  padding: 80px 0 60px;
  margin: auto; }
  @media screen and (max-width: 737px) {
    section.closet .page-closet.page-full {
      padding: clamp(5rem, calc(5rem + 0vw), 5rem) 0 clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
section.closet .page-closet .page-content {
  padding-top: 20px;
  padding-bottom: 88px; }
  @media screen and (max-width: 737px) {
    section.closet .page-closet .page-content {
      padding-bottom: clamp(2.75rem, calc(0.63462rem + 10.57692vw), 5.5rem); } }
@media screen and (max-width: 737px) {
  section.closet .h1 {
    letter-spacing: -0.02em; } }

.select-studio {
  display: flex;
  align-items: center;
  margin-bottom: 40px; }
  @media screen and (max-width: 737px) {
    .select-studio {
      display: none; } }
  .select-studio li {
    width: 25%;
    text-align: center; }
    .select-studio li a {
      color: var(--black);
      font-size: 16px;
      display: block;
      border-bottom: 1px solid #cacaca; }
      @media screen and (max-width: 1024px) {
        .select-studio li a {
          font-size: 14px; } }
      .select-studio li a span {
        display: block;
        padding-bottom: 8px;
        border-bottom: 1px solid transparent; }
    .select-studio li.is-selected a {
      border-bottom: 1px solid var(--black); }
      .select-studio li.is-selected a span {
        border-bottom: 1px solid var(--black); }

.select-studio-form {
  margin-bottom: 16px; }

.select-clothes-form {
  margin-bottom: 20px; }

.select-studio-form, .select-clothes-form {
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 737px) {
    .select-studio-form, .select-clothes-form {
      width: 95%; } }
  .select-studio-form p, .select-clothes-form p {
    margin-bottom: 8px;
    font-size: 14px;
    font-family: var(--font-zen); }
  .select-studio-form .select-wrap, .select-clothes-form .select-wrap {
    position: relative;
    width: 100%; }
    .select-studio-form .select-wrap::before, .select-studio-form .select-wrap::after, .select-clothes-form .select-wrap::before, .select-clothes-form .select-wrap::after {
      content: '';
      display: inline-block;
      position: absolute;
      width: 1px;
      height: 18px;
      right: 30px;
      top: 50%;
      transform: translate3d(0, -50%, 0);
      background-color: #4d4d4d; }
    .select-studio-form .select-wrap::after, .select-clothes-form .select-wrap::after {
      transform: translate3d(0, -50%, 0) rotate(90deg); }
    .select-studio-form .select-wrap select, .select-clothes-form .select-wrap select {
      text-align: center;
      font-family: var(--font-zen);
      border: 1px solid var(--black);
      border-radius: 6px;
      color: var(--black);
      background: transparent;
      min-height: 50px;
      padding: 0 20px;
      font-size: 14px;
      -moz-appearance: none;
      -webkit-appearance: none;
      width: 100%; }

.select-clothes {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  gap: 1px; }
  @media screen and (max-width: 737px) {
    .select-clothes {
      display: none; } }
  .select-clothes li {
    width: 20%;
    text-align: center; }
    .select-clothes li a {
      color: var(--black);
      padding: 12px 0;
      font-size: 16px;
      display: block;
      background: #f5f5f5; }
      @media screen and (max-width: 1024px) {
        .select-clothes li a {
          font-size: 14px; } }
    .select-clothes li.is-selected a {
      color: var(--white);
      background: var(--black); }

.clothes-annotation {
  margin-bottom: 40px;
  font-size: 13px; }
  @media screen and (max-width: 737px) {
    .clothes-annotation {
      font-size: 12px;
      width: 95%;
      margin: 0 auto 25px;
      letter-spacing: -0.04em;
      word-break: none; } }
  .clothes-annotation li {
    line-height: 1.4;
    margin-bottom: 4px;
    text-indent: -1em;
    padding-left: 1em; }
    .clothes-annotation li:last-of-type {
      margin-bottom: 0; }

@media screen and (max-width: 737px) {
  .section-inner-m.clothes-list-wrap {
    padding: 0; } }

.clothes-list {
  display: grid;
  text-align: center;
  grid-template-columns: repeat(6, 1fr);
  gap: 30px 20px; }
  @media screen and (max-width: 1024px) {
    .clothes-list {
      grid-template-columns: repeat(4, 1fr); } }
  @media screen and (max-width: 737px) {
    .clothes-list {
      gap: 25px 5px;
      grid-template-columns: repeat(3, 1fr); } }
  .clothes-list li {
    font-size: 12px; }
    @media screen and (max-width: 737px) {
      .clothes-list li {
        font-size: 10px; } }
    .clothes-list li a {
      display: block;
      color: var(--black); }
      .clothes-list li a:hover {
        opacity: 0.8; }
      .clothes-list li a img {
        margin-bottom: 8px; }

/*------------------------------
		closet-single
-------------------------------*/
section.closet-single .page-closet-single.page-full {
  padding: 80px 0 60px;
  margin: auto; }
  @media screen and (max-width: 737px) {
    section.closet-single .page-closet-single.page-full {
      padding: clamp(0rem, calc(0rem + 0vw), 0rem) 0 clamp(1.875rem, calc(0.43269rem + 7.21154vw), 3.75rem); } }
section.closet-single .page-closet-single .page-content {
  padding-top: 20px;
  padding-bottom: 88px; }
  @media screen and (max-width: 737px) {
    section.closet-single .page-closet-single .page-content {
      padding-bottom: clamp(2.75rem, calc(0.63462rem + 10.57692vw), 5.5rem); } }

@media screen and (max-width: 737px) {
  section.closet-single .breadcrumbs {
    display: none; } }

.closet-content {
  display: flex;
  justify-content: space-between;
  gap: 5%; }
  @media screen and (max-width: 737px) {
    .closet-content {
      flex-direction: column; } }

.content-left {
  overflow: hidden;
  flex: 1; }
  @media screen and (max-width: 737px) {
    .content-left {
      margin-bottom: 32px; } }

.closet-slider img {
  width: 100%; }

.select-message {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  margin: 100px auto 50px; }
  @media screen and (max-width: 737px) {
    .select-message {
      font-size: 16px;
      margin: clamp(3.125rem, calc(0.72115rem + 12.01923vw), 6.25rem) auto clamp(1.875rem, calc(0.91346rem + 4.80769vw), 3.125rem); } }

.thumbnail-list {
  margin-top: 5px;
  display: flex;
  gap: 5px; }
  @media screen and (max-width: 737px) {
    .thumbnail-list {
      gap: 3px;
      margin-top: 3px; } }
  .thumbnail-list .thumbnail {
    position: relative;
    width: 20%;
    overflow: hidden;
    cursor: pointer; }
    .thumbnail-list .thumbnail::after {
      content: '';
      background-color: rgba(0, 0, 0, 0.3);
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      opacity: 1;
      transition: .3s opacity linear; }
    .thumbnail-list .thumbnail.thumbnail-current::after {
      opacity: 0; }

.content-right {
  width: 420px; }
  @media screen and (max-width: 737px) {
    .content-right {
      width: 100%; } }
  .content-right .studio-category {
    font-size: 14px;
    margin-bottom: 24px; }
    @media screen and (max-width: 737px) {
      .content-right .studio-category {
        font-size: 11px;
        margin-bottom: 8px; } }
  .content-right .clothes-name {
    font-size: 30px;
    text-align: left;
    margin-bottom: 20px; }
    @media screen and (max-width: 737px) {
      .content-right .clothes-name {
        font-size: 22px;
        margin-bottom: 14px; } }
  .content-right .closet-spec {
    font-family: "Montserrat", "Noto Sans JP", sans-serif;
    padding: 14px 0;
    margin-bottom: 48px;
    font-size: 14px;
    border-top: 1px solid var(--black);
    border-bottom: 1px solid var(--black); }
    @media screen and (max-width: 737px) {
      .content-right .closet-spec {
        padding: 10px 0;
        font-size: 12px;
        margin-bottom: 24px; } }
    .content-right .closet-spec div {
      display: flex;
      align-items: center;
      margin-bottom: 10px; }
      @media screen and (max-width: 737px) {
        .content-right .closet-spec div {
          margin-bottom: 8px; } }
      .content-right .closet-spec div:last-of-type {
        margin-bottom: 0; }
      .content-right .closet-spec div dt {
        flex-basis: 60px; }
      .content-right .closet-spec div dd.product-num {
        color: var(--pink);
        font-weight: var(--font-medium); }
  .content-right .closet-explain {
    margin-bottom: 48px; }
    .content-right .closet-explain > p {
      margin-bottom: 8px;
      font-size: 14px; }
      @media screen and (max-width: 737px) {
        .content-right .closet-explain > p {
          font-size: 12px; } }
    .content-right .closet-explain .closet-comment {
      font-weight: var(--font-light); }
      .content-right .closet-explain .closet-comment p {
        letter-spacing: -0.04em;
        font-size: 16px;
        line-height: 1.75;
        margin-bottom: 2em; }
        @media screen and (max-width: 737px) {
          .content-right .closet-explain .closet-comment p {
            font-size: 12px; } }
        .content-right .closet-explain .closet-comment p:last-of-type {
          margin-bottom: 0; }
  .content-right .closet-btn-group li {
    margin: auto;
    margin-bottom: 16px; }
    .content-right .closet-btn-group li:last-of-type {
      margin-bottom: 0; }

.back-closet {
  display: none; }
  @media screen and (max-width: 737px) {
    .back-closet {
      font-family: "Montserrat", "Noto Sans JP", sans-serif;
      display: flex;
      align-items: center;
      background: #666;
      font-size: 12px;
      color: var(--white); }
      .back-closet a {
        width: 30%;
        padding: 8px 0;
        display: block;
        background: var(--black);
        color: var(--white);
        text-align: center; }
      .back-closet span {
        width: 70%;
        display: block;
        text-align: center; } }

/*--------------------------------
			plan
-----------------------------------*/
section.plan .breadcrumbs {
  position: relative;
  padding-top: 0px; }
  @media screen and (max-width: 737px) {
    section.plan .breadcrumbs {
      padding-top: 0; } }
  section.plan .breadcrumbs ol {
    padding-left: clamp(1.5rem, calc(0.97582rem + 1.13798vw), 2rem);
    border-top: none;
    align-items: center; }
    @media screen and (max-width: 737px) {
      section.plan .breadcrumbs ol {
        padding-left: clamp(0.75rem, calc(-0.21154rem + 4.80769vw), 2rem); } }
section.plan ul.clothes-pickup {
  margin-bottom: 38px; }
  @media screen and (max-width: 737px) {
    section.plan ul.clothes-pickup {
      padding: 0; } }
  section.plan ul.clothes-pickup li {
    text-align: center;
    color: var(--white); }
@media screen and (max-width: 737px) {
  section.plan .h1 {
    letter-spacing: -0.02em; } }

.plan-eyechatch {
  position: relative;
  height: 600px; }
  @media screen and (max-width: 737px) {
    .plan-eyechatch {
      height: auto; } }
  .plan-eyechatch .plan-video {
    height: 600px; }
    @media screen and (max-width: 737px) {
      .plan-eyechatch .plan-video {
        height: auto; } }
    .plan-eyechatch .plan-video video {
      width: 100%;
      height: auto; }
  .plan-eyechatch .plan-slider {
    width: 100%; }
    .plan-eyechatch .plan-slider .slick-slide {
      overflow: hidden; }
      @media screen and (max-width: 737px) {
        .plan-eyechatch .plan-slider .slick-slide {
          height: auto; } }
    .plan-eyechatch .plan-slider .slick-slide figure {
      height: 600px; }
      @media screen and (max-width: 737px) {
        .plan-eyechatch .plan-slider .slick-slide figure {
          height: auto; } }
    .plan-eyechatch .plan-slider .slick-slide img {
      object-fit: cover;
      object-position: left center;
      max-height: 100%;
      height: 100%;
      width: 100%;
      max-width: none; }
      @media screen and (max-width: 737px) {
        .plan-eyechatch .plan-slider .slick-slide img {
          aspect-ratio: 1 / 1.25;
          object-fit: cover;
          max-width: 100%;
          max-height: none;
          height: auto; } }
    @media screen and (max-width: 737px) {
      .plan-eyechatch .plan-slider {
        max-width: 100%;
        width: 100%; } }
  .plan-eyechatch .circle {
    position: absolute;
    z-index: 999;
    max-width: clamp(13.125rem, calc(11.15932rem + 4.26743vw), 15rem);
    max-height: clamp(13.125rem, calc(11.15932rem + 4.26743vw), 15rem);
    min-width: clamp(13.125rem, calc(11.15932rem + 4.26743vw), 15rem);
    min-height: clamp(13.125rem, calc(11.15932rem + 4.26743vw), 15rem);
    padding: 40px;
    margin: auto;
    right: clamp(1.25rem, calc(-0.06046rem + 2.84495vw), 2.5rem);
    left: auto;
    bottom: 0;
    transform: translateY(50%); }
    @media screen and (max-width: 1024px) {
      .plan-eyechatch .circle {
        display: block; } }
    @media screen and (max-width: 737px) {
      .plan-eyechatch .circle {
        right: clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem);
        padding: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
        max-width: clamp(7.5rem, calc(3.17308rem + 21.63462vw), 13.125rem);
        max-height: clamp(7.5rem, calc(3.17308rem + 21.63462vw), 13.125rem);
        min-width: clamp(7.5rem, calc(3.17308rem + 21.63462vw), 13.125rem);
        min-height: clamp(7.5rem, calc(3.17308rem + 21.63462vw), 13.125rem); } }
    .plan-eyechatch .circle .circleText {
      overflow: visible;
      animation: rotation 24s linear infinite; }
    .plan-eyechatch .circle .circleText__circle {
      fill: none; }
    .plan-eyechatch .circle .circleText__text {
      fill: var(--black);
      font-size: 12px;
      letter-spacing: 0.04em; }

.page-plan {
  position: relative; }
  .page-plan.page-full {
    padding: 80px 0 120px;
    margin: auto; }
    @media screen and (max-width: 737px) {
      .page-plan.page-full {
        padding: clamp(5rem, calc(5rem + 0vw), 5rem) 0 clamp(5.625rem, calc(5.625rem + 0vw), 5.625rem); } }
  @media screen and (max-width: 737px) {
    .page-plan .h1 {
      text-align: left; } }
  @media screen and (max-width: 737px) {
    .page-plan .read-text {
      line-height: 22px; } }
  @media screen and (max-width: 737px) {
    .page-plan .read-text::after {
      left: 0%;
      transform: translate3d(0%, 0px, 0px); } }

.plan-detail .section-inner-ms {
  background: var(--white);
  border-radius: 60px;
  text-align: center;
  margin-bottom: 60px;
  padding: clamp(4.6875rem, calc(4.6875rem + 0vw), 4.6875rem) clamp(2.1875rem, calc(-3.05432rem + 11.3798vw), 7.1875rem) clamp(4.6875rem, calc(4.6875rem + 0vw), 4.6875rem) clamp(2.1875rem, calc(-3.05432rem + 11.3798vw), 7.1875rem); }
  @media screen and (max-width: 737px) {
    .plan-detail .section-inner-ms {
      width: 100%;
      order: 1;
      padding: 75px 20px 75px; } }
  .plan-detail .section-inner-ms:last-of-type {
    margin-bottom: 80px; }
  .plan-detail .section-inner-ms .plan-caption {
    font-size: 18px;
    color: var(--pink);
    border-bottom: 1px solid var(--black);
    padding-bottom: 10px;
    margin-bottom: 40px;
    letter-spacing: 0.02em; }
    @media screen and (max-width: 737px) {
      .plan-detail .section-inner-ms .plan-caption {
        font-size: 16px; } }
  .plan-detail .section-inner-ms .plan-name {
    font-size: 30px;
    margin-bottom: 16px;
    letter-spacing: 0.02em;
    position: relative; }
    @media screen and (max-width: 737px) {
      .plan-detail .section-inner-ms .plan-name {
        font-size: 24px;
        padding-bottom: 16px; }
        .plan-detail .section-inner-ms .plan-name::after {
          position: absolute;
          bottom: 0;
          left: 50%;
          transform: translateX(-50%);
          z-index: 1;
          content: "";
          width: 50px;
          height: 1px;
          background: var(--black); } }
  .plan-detail .section-inner-ms .plan-price {
    font-size: 50px;
    font-weight: var(--font-medium);
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 24px; }
    @media screen and (max-width: 737px) {
      .plan-detail .section-inner-ms .plan-price {
        font-size: 46px; } }
    .plan-detail .section-inner-ms .plan-price.special {
      color: var(--pink); }
    .plan-detail .section-inner-ms .plan-price .special-price {
      position: relative;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      margin-bottom: 10px;
      gap: 15px; }
      @media screen and (max-width: 737px) {
        .plan-detail .section-inner-ms .plan-price .special-price {
          gap: 5px;
          flex-direction: column;
          align-items: center; } }
      .plan-detail .section-inner-ms .plan-price .special-price .price-type {
        margin-bottom: 4px;
        border-radius: 40px;
        padding: 8px 30px;
        font-size: 12px;
        display: inline-block;
        letter-spacing: 0.1em;
        background-color: var(--pink);
        color: var(--white); }
        @media screen and (max-width: 737px) {
          .plan-detail .section-inner-ms .plan-price .special-price .price-type {
            padding: 8px 60px; } }
        .plan-detail .section-inner-ms .plan-price .special-price .price-type.notmal {
          background-color: var(--black); }
      .plan-detail .section-inner-ms .plan-price .special-price .yen {
        margin-left: 0;
        font-size: 38px; }
    .plan-detail .section-inner-ms .plan-price .normal-price {
      font-size: 14px;
      color: var(--black);
      letter-spacing: 0.02em;
      font-weight: var(--font-normal); }
      @media screen and (max-width: 737px) {
        .plan-detail .section-inner-ms .plan-price .normal-price {
          margin-top: 8px;
          font-size: 13px; } }
  .plan-detail .section-inner-ms .plan-icon-list {
    display: flex;
    margin-bottom: 32px;
    flex-wrap: wrap;
    justify-content: center;
    background: #f8eef1;
    padding: 24px;
    gap: 20px 0; }
    @media screen and (max-width: 1024px) {
      .plan-detail .section-inner-ms .plan-icon-list {
        gap: 16px 0; } }
    @media screen and (max-width: 737px) {
      .plan-detail .section-inner-ms .plan-icon-list {
        gap: 10px 0;
        justify-content: left; } }
    .plan-detail .section-inner-ms .plan-icon-list li {
      width: 80px;
      height: 90px;
      padding: 4px;
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      @media screen and (max-width: 737px) {
        .plan-detail .section-inner-ms .plan-icon-list li {
          padding: 0px;
          width: 50%;
          height: 57px;
          flex-direction: row;
          justify-content: left;
          gap: 10px; } }
      .plan-detail .section-inner-ms .plan-icon-list li figure {
        height: 52px;
        margin-bottom: 4px; }
        @media screen and (max-width: 737px) {
          .plan-detail .section-inner-ms .plan-icon-list li figure {
            height: 52px; } }
        .plan-detail .section-inner-ms .plan-icon-list li figure img {
          height: 100%; }
      .plan-detail .section-inner-ms .plan-icon-list li span {
        font-size: 10px;
        line-height: 1.2;
        text-align: center;
        font-weight: var(--font-medium); }
        @media screen and (max-width: 737px) {
          .plan-detail .section-inner-ms .plan-icon-list li span {
            text-align: left;
            font-size: 11px; } }
  .plan-detail .section-inner-ms .plan-explanation {
    text-align: left;
    margin-bottom: 1em;
    font-size: 16px;
    position: relative;
    display: flex;
    justify-content: left;
    gap: 20px;
    line-height: 1.5; }
    @media screen and (max-width: 737px) {
      .plan-detail .section-inner-ms .plan-explanation {
        gap: 5px;
        flex-direction: column;
        font-size: 13px;
        margin-bottom: 1em; } }
    .plan-detail .section-inner-ms .plan-explanation p:first-of-type {
      color: var(--pink);
      text-align: right;
      width: 100px; }
      @media screen and (max-width: 737px) {
        .plan-detail .section-inner-ms .plan-explanation p:first-of-type {
          text-align: left; } }
    .plan-detail .section-inner-ms .plan-explanation p:last-of-type {
      flex: 1; }
  .plan-detail .section-inner-ms .plan-annotation {
    text-align: left;
    display: flex;
    font-size: 11px;
    gap: 20px;
    justify-content: left;
    line-height: 1.33333; }
    @media screen and (max-width: 737px) {
      .plan-detail .section-inner-ms .plan-annotation {
        gap: 5px;
        flex-direction: column;
        font-size: 11px; } }
    .plan-detail .section-inner-ms .plan-annotation p:first-of-type {
      font-size: 16px;
      color: var(--pink);
      text-align: right;
      width: 100px; }
      @media screen and (max-width: 737px) {
        .plan-detail .section-inner-ms .plan-annotation p:first-of-type {
          font-size: 13px;
          text-align: left; } }
    .plan-detail .section-inner-ms .plan-annotation p:last-of-type {
      flex: 1; }
  .plan-detail .section-inner-ms .btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 20px;
    padding-top: 60px; }
    @media screen and (max-width: 737px) {
      .plan-detail .section-inner-ms .btn-wrapper {
        margin-top: 30px;
        padding-top: 0;
        border-top: none;
        flex-direction: column; } }
    .plan-detail .section-inner-ms .btn-wrapper .btn {
      margin: 0 0 16px; }
      @media screen and (max-width: 737px) {
        .plan-detail .section-inner-ms .btn-wrapper .btn {
          width: 90%;
          margin: 0 auto 0; } }

.plan-banner {
  padding-top: 40px;
  background: url(../images/plan-bg-line.svg) repeat-x left top;
  background-size: auto 20px; }
  .plan-banner li {
    margin-bottom: 20px; }
    .plan-banner li:last-of-type {
      margin-bottom: 0; }
    .plan-banner li a:hover {
      opacity: 0.8; }

.plan-clothes {
  padding: 96px 0;
  position: relative;
  background: var(--dusty-pink3); }
  @media screen and (max-width: 737px) {
    .plan-clothes {
      padding: clamp(5rem, calc(4.23077rem + 3.84615vw), 6rem) 0 clamp(6.25rem, calc(6.25rem + 0vw), 6.25rem); } }
  .plan-clothes::after {
    content: '';
    background: url(../images/gold2.jpg) repeat center bottom;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: 400px 400px;
    z-index: -1; }
  .plan-clothes .headline {
    color: var(--white); }
    @media screen and (max-width: 737px) {
      .plan-clothes .headline {
        margin-bottom: clamp(3rem, calc(2.23077rem + 3.84615vw), 4rem); } }
  .plan-clothes .btn {
    margin: auto; }

.plan-point {
  padding: 96px 0;
  position: relative;
  background: var(--white); }
  @media screen and (max-width: 737px) {
    .plan-point {
      border-radius: 50px 50px 0 0;
      padding: clamp(5rem, calc(4.23077rem + 3.84615vw), 6rem) 0; } }
  .plan-point .btn {
    margin: auto; }

.plan-point-list {
  display: flex;
  counter-reset: listnum;
  list-style: none;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media screen and (max-width: 737px) {
    .plan-point-list {
      padding-top: 40px; } }
  .plan-point-list li {
    width: 48%;
    max-width: 435px;
    margin-bottom: 80px; }
    @media screen and (max-width: 737px) {
      .plan-point-list li:last-of-type {
        margin-bottom: 34px; } }
    @media screen and (max-width: 737px) {
      .plan-point-list li {
        max-width: 100%;
        width: 100%;
        margin-bottom: 64px; } }
    .plan-point-list li figure {
      position: relative;
      margin-bottom: 24px; }
      @media screen and (max-width: 737px) {
        .plan-point-list li figure {
          margin-bottom: 16px; } }
      .plan-point-list li figure::after {
        position: absolute;
        content: "";
        bottom: -45px;
        font-size: 26px;
        right: 25px;
        width: 50px;
        height: 50px;
        border-radius: 50%;
        font-weight: var(--font-normal);
        border: 1px solid var(--black); }
        @media screen and (max-width: 1024px) {
          .plan-point-list li figure::after {
            top: -40px;
            left: 5px; } }
        @media screen and (max-width: 737px) {
          .plan-point-list li figure::after {
            bottom: auto;
            font-size: 26px;
            right: auto;
            width: 45px;
            height: 45px;
            font-size: 22px;
            top: -40px;
            left: 15px; } }
      .plan-point-list li figure::before {
        counter-increment: listnum;
        content: counter(listnum,decimal-leading-zero);
        position: absolute;
        bottom: -45px;
        font-size: 26px;
        right: 25px;
        width: 50px;
        height: 50px;
        margin-top: -2px;
        margin-left: -1px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--black);
        letter-spacing: -0.03em;
        font-weight: var(--font-normal); }
        @media screen and (max-width: 1024px) {
          .plan-point-list li figure::before {
            top: -40px;
            left: 5px; } }
        @media screen and (max-width: 737px) {
          .plan-point-list li figure::before {
            bottom: auto;
            font-size: 26px;
            right: auto;
            width: 45px;
            height: 45px;
            font-size: 22px;
            top: -40px;
            left: 15px; } }
    .plan-point-list li h4 {
      letter-spacing: 0.06em;
      font-size: 20px;
      margin-bottom: 20px;
      line-height: 1.4; }
      @media screen and (max-width: 737px) {
        .plan-point-list li h4 {
          margin-bottom: 15px;
          font-size: 18px; } }
    .plan-point-list li p {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 1.71429; }
      @media screen and (max-width: 737px) {
        .plan-point-list li p {
          font-size: 12px; } }

/*plan photo*/
.plan-photo {
  background: url(../images/plan-photo-gallery-bg-pc.jpg) no-repeat center top;
  background-size: cover;
  padding: 96px 0;
  position: relative; }
  @media screen and (max-width: 737px) {
    .plan-photo {
      background: none;
      position: relative; } }
  @media screen and (max-width: 737px) {
    .plan-photo::after {
      content: '';
      background: url(../images/plan-photo-gallery-bg-sp.jpg) no-repeat left top;
      background-size: cover;
      position: absolute;
      width: 100%;
      height: 110%;
      left: 0;
      top: 0%;
      z-index: -1; } }

.photo-gallery {
  width: 100%; }
  .photo-gallery .headline {
    color: #fff; }
  .photo-gallery .slick-track {
    float: none;
    display: flex; }
  .photo-gallery .photo-slider {
    margin-bottom: 64px;
    display: none; }
    .photo-gallery .photo-slider.slick-initialized {
      display: block; }
    @media screen and (max-width: 737px) {
      .photo-gallery .photo-slider {
        margin-bottom: 10px; } }
    .photo-gallery .photo-slider .slide {
      width: 100%;
      max-width: 340px;
      margin: auto 5px; }
  .photo-gallery .photo-thumbnail-list {
    display: none; }
    @media screen and (max-width: 737px) {
      .photo-gallery .photo-thumbnail-list {
        margin-bottom: 24px; }
        .photo-gallery .photo-thumbnail-list.slick-initialized {
          display: block; } }
    .photo-gallery .photo-thumbnail-list .thumbnail {
      width: 66px;
      margin: auto 2px; }
      .photo-gallery .photo-thumbnail-list .thumbnail::after {
        content: '';
        background-color: rgba(0, 0, 0, 0.3);
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        transition: .3s opacity linear; }
      .photo-gallery .photo-thumbnail-list .thumbnail.slick-current::after, .photo-gallery .photo-thumbnail-list .thumbnail.is-active-next::after {
        opacity: 0; }
  .photo-gallery p {
    margin-bottom: 24px;
    color: var(--white);
    font-size: 13px;
    line-height: 1.53846; }
  .photo-gallery .btn {
    margin: auto; }

/*plan flow*/
.plan-flow {
  border-top: 1px solid #d9d9d9;
  padding: 96px 0; }
  @media screen and (max-width: 737px) {
    .plan-flow {
      padding: clamp(5rem, calc(4.23077rem + 3.84615vw), 6rem) 0; } }
  @media screen and (max-width: 737px) {
    .plan-flow .section-inner-ms {
      padding: 0; } }

.flow-box {
  display: flex;
  align-items: flex-end;
  border: 1px solid var(--black);
  justify-content: left;
  margin-bottom: 40px;
  gap: 20px; }
  .flow-box:last-of-type {
    margin-bottom: 0; }
    @media screen and (max-width: 737px) {
      .flow-box:last-of-type {
        border-bottom: 0;
        padding-bottom: 0; } }
  @media screen and (max-width: 737px) {
    .flow-box {
      padding: 0 clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem) clamp(1.875rem, calc(1.39423rem + 2.40385vw), 2.5rem);
      margin-bottom: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
      border-left: 0;
      border-right: 0;
      border-top: 0; } }

.flow-box .content-left {
  width: 320px;
  text-align: center;
  flex: none; }
  .flow-box .content-left figure {
    width: 270px;
    margin: auto;
    display: block; }
  .flow-box .content-left img {
    width: 100%; }
.flow-box .content-right {
  flex: 1;
  width: auto;
  padding: 40px 40px 40px 0; }
  @media screen and (max-width: 737px) {
    .flow-box .content-right {
      padding: 0; } }
  .flow-box .content-right h4 {
    font-size: 26px;
    margin-bottom: 20px;
    letter-spacing: 0em;
    font-weight: var(--font-normal); }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4 {
        font-size: 20px;
        margin-bottom: 10px;
        text-align: center;
        display: flex;
        justify-content: left;
        align-items: center; } }
    .flow-box .content-right h4 div span {
      font-size: 16px; }
      @media screen and (max-width: 737px) {
        .flow-box .content-right h4 div span {
          font-size: 13px; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamarental-flow-1 {
        gap: 10px; }
        .flow-box .content-right h4.hakamarental-flow-1::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-1.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamarental-flow-2 {
        gap: 16px; }
        .flow-box .content-right h4.hakamarental-flow-2::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-2.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamarental-flow-3 {
        gap: 10px; }
        .flow-box .content-right h4.hakamarental-flow-3::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-3.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamarental-flow-4 {
        gap: 15px; }
        .flow-box .content-right h4.hakamarental-flow-4::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-4.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamarental-flow-5 {
        gap: 15px; }
        .flow-box .content-right h4.hakamarental-flow-5::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-5-2.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisoderental-flow-1 {
        gap: 10px; }
        .flow-box .content-right h4.furisoderental-flow-1::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-1.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisoderental-flow-2 {
        gap: 16px; }
        .flow-box .content-right h4.furisoderental-flow-2::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-2.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisoderental-flow-3 {
        gap: 10px; }
        .flow-box .content-right h4.furisoderental-flow-3::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-3.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisoderental-flow-4 {
        gap: 15px; }
        .flow-box .content-right h4.furisoderental-flow-4::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-4.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisoderental-flow-5 {
        gap: 15px; }
        .flow-box .content-right h4.furisoderental-flow-5::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-5.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamaphoto-flow-1 {
        gap: 10px; }
        .flow-box .content-right h4.hakamaphoto-flow-1::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-1-1.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamaphoto-flow-2 {
        gap: 8px; }
        .flow-box .content-right h4.hakamaphoto-flow-2::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-3.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.hakamaphoto-flow-3 {
        gap: 10px; }
        .flow-box .content-right h4.hakamaphoto-flow-3::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-4.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisodephoto-flow-1 {
        gap: 10px; }
        .flow-box .content-right h4.furisodephoto-flow-1::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-1-1.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisodephoto-flow-2 {
        gap: 8px; }
        .flow-box .content-right h4.furisodephoto-flow-2::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-3.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.furisodephoto-flow-3 {
        gap: 10px; }
        .flow-box .content-right h4.furisodephoto-flow-3::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-4.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.flow-1-1 {
        gap: 10px; }
        .flow-box .content-right h4.flow-1-1::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-1-1.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.flow-1 {
        gap: 10px; }
        .flow-box .content-right h4.flow-1::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-1.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.flow-2 {
        gap: 16px; }
        .flow-box .content-right h4.flow-2::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-2.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.flow-3 {
        gap: 8px; }
        .flow-box .content-right h4.flow-3::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-3.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.flow-4 {
        gap: 15px; }
        .flow-box .content-right h4.flow-4::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-4.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
    @media screen and (max-width: 737px) {
      .flow-box .content-right h4.flow-5 {
        gap: 15px; }
        .flow-box .content-right h4.flow-5::before {
          content: "";
          display: inline-block;
          background: url(../images/furisode-flow-5.png) no-repeat center center;
          width: 100px;
          height: 100px;
          background-size: contain; } }
  .flow-box .content-right p {
    font-size: 14px;
    line-height: 1.71429;
    font-weight: var(--font-light);
    margin-bottom: 20px; }
    @media screen and (max-width: 737px) {
      .flow-box .content-right p {
        font-size: 13px;
        margin-bottom: 0;
        font-weight: var(--font-normal); } }
  @media screen and (max-width: 737px) {
    .flow-box .content-right .btn {
      margin: auto;
      margin-top: 16px; } }

/*plan insert*/
.plan-insert {
  color: var(--white); }
  .plan-insert ul {
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .plan-insert ul li {
      width: calc(100% / 3); }
      .plan-insert ul li:nth-of-type(1) a {
        background: #fea7a5; }
        .plan-insert ul li:nth-of-type(1) a::before {
          display: inline-block;
          width: 60px;
          height: 60px;
          content: "";
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 21 21"><path fill="%23ffffff" d="M21,3.43a.48.48,0,0,0-.34-.14,11.52,11.52,0,0,0-2.07.21V.59a.65.65,0,0,0-.06-.26.64.64,0,0,0-.11-.16A.68.68,0,0,0,18.21,0,.82.82,0,0,0,18,0a.57.57,0,0,0-.24.05,12.28,12.28,0,0,0-2.41,1.41A15.75,15.75,0,0,0,12.2,4.57a10,10,0,0,0-1,1.73,6.23,6.23,0,0,0-.44,1.3h-.28A6.46,6.46,0,0,0,9.7,5.72,13.8,13.8,0,0,0,7,2.41,13.55,13.55,0,0,0,3.38.05a.55.55,0,0,0-.24,0L3,0a.47.47,0,0,0-.15.06A.65.65,0,0,0,2.62.3a.53.53,0,0,0-.08.29c0,.09,0,1.94,0,2.91A11.73,11.73,0,0,0,.47,3.29.48.48,0,0,0,0,3.76V15.3a.46.46,0,0,0,.4.46,14.66,14.66,0,0,1,2.1.48A17.58,17.58,0,0,1,6,17.7a11.8,11.8,0,0,1,1.5,1,6.7,6.7,0,0,1,1.13,1.13A.49.49,0,0,0,9,20h3.22a.46.46,0,0,0,.37-.18,7.43,7.43,0,0,1,1.6-1.48,15.83,15.83,0,0,1,3.33-1.71,16.28,16.28,0,0,1,3.26-.87.46.46,0,0,0,.4-.46V3.76A.51.51,0,0,0,21,3.43Zm-12.38,15a8.9,8.9,0,0,0-1.1-.89A15.59,15.59,0,0,0,4,15.76,16.74,16.74,0,0,0,.94,14.9V4.24a14.52,14.52,0,0,1,2,.28H3v0A10.42,10.42,0,0,1,6.59,6a5.87,5.87,0,0,1,2,2.16V18.47ZM7,5.45A11,11,0,0,0,3.49,4V3.54c0-.65,0-1.75,0-2.41A11.94,11.94,0,0,1,5.23,2.22a14.86,14.86,0,0,1,3,2.91,8.88,8.88,0,0,1,1,1.57,4.13,4.13,0,0,1,.38,1.18H9.23A6.63,6.63,0,0,0,7,5.45Zm4.89,13.61H9.29V8.54h2.56Zm.06-11.18h-.29a5.29,5.29,0,0,1,.64-1.7A12.87,12.87,0,0,1,14.83,3.1a13.28,13.28,0,0,1,2.83-2V4a10.87,10.87,0,0,0-3.47,1.46A6.66,6.66,0,0,0,11.91,7.88Zm8.29,7a17.75,17.75,0,0,0-1.83.44,19.45,19.45,0,0,0-3.65,1.54A12.67,12.67,0,0,0,13.1,18a5.84,5.84,0,0,0-.59.51V8.16a6,6,0,0,1,2-2.16,10.4,10.4,0,0,1,3.58-1.45v0h.1a14.52,14.52,0,0,1,2-.28V14.9Z" /></svg>') no-repeat center center;
          background-size: cover;
          margin-bottom: 24px;
          transition: all 0.3s; }
          @media screen and (max-width: 737px) {
            .plan-insert ul li:nth-of-type(1) a::before {
              width: 30px;
              height: 30px;
              margin-bottom: 12px; } }
      .plan-insert ul li:nth-of-type(2) a {
        background: var(--pink); }
        .plan-insert ul li:nth-of-type(2) a::before {
          display: inline-block;
          position: relative;
          top: 5px;
          width: 60px;
          height: 60px;
          content: "";
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 23"><path fill="%23ffffff" d="M5.55,4A1.13,1.13,0,0,0,6.68,2.91V1.13a1.13,1.13,0,0,0-2.26,0V2.91A1.12,1.12,0,0,0,5.55,4Zm8.33,0A1.12,1.12,0,0,0,15,2.91V1.13a1.13,1.13,0,1,0-2.26,0V2.91A1.13,1.13,0,0,0,13.88,4Zm2.83-2.43H16v1.3a2.13,2.13,0,1,1-4.25,0V1.61H7.67v1.3a2.13,2.13,0,1,1-4.25,0V1.61h-.7A2.72,2.72,0,0,0,0,4.34V17.27A2.72,2.72,0,0,0,2.72,20h14a2.72,2.72,0,0,0,2.72-2.73V4.34A2.72,2.72,0,0,0,16.71,1.61ZM18.1,17.27a1.39,1.39,0,0,1-1.39,1.4h-14a1.4,1.4,0,0,1-1.4-1.4V6.06H18.1ZM6.89,14.75H9.11V17H6.89Zm0-3.44H9.11v2.22H6.89ZM3.46,14.75H5.67V17H3.46Zm0-3.44H5.67v2.22H3.46ZM13.75,7.88H16V10.1H13.75Zm-3.43,0h2.22V10.1H10.32Zm0,3.43h2.22v2.22H10.32Zm3.43,3.44H16V17H13.75Zm0-3.44H16v2.22H13.75Zm-3.43,3.44h2.22V17H10.32ZM6.89,7.88H9.11V10.1H6.89Zm-3.43,0H5.67V10.1H3.46Z" /></svg>') no-repeat center center;
          background-size: cover;
          margin-bottom: 24px;
          transition: all 0.3s; }
          @media screen and (max-width: 737px) {
            .plan-insert ul li:nth-of-type(2) a::before {
              top: 2px;
              width: 30px;
              height: 30px;
              margin-bottom: 12px; } }
      .plan-insert ul li:nth-of-type(3) a {
        background: #fe92a5; }
        .plan-insert ul li:nth-of-type(3) a::before {
          display: inline-block;
          width: 58px;
          height: 58px;
          content: "";
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="%23ffffff" d="M7.03017 0.083926C5.75336 0.144167 4.88143 0.347929 4.11918 0.647452C3.33029 0.954895 2.66165 1.36746 1.99636 2.03515C1.33107 2.70283 0.921389 3.37196 0.616106 4.16205C0.320663 4.92597 0.120501 5.79862 0.0641001 7.07616C0.00769954 8.35369 -0.00478059 8.76433 0.00145947 12.0231C0.00769954 15.2818 0.0220997 15.6903 0.0840203 16.9705C0.144981 18.2471 0.348023 19.1188 0.647546 19.8812C0.955469 20.6701 1.36755 21.3385 2.03548 22.0041C2.70341 22.6696 3.37205 23.0783 4.16406 23.3841C4.92727 23.679 5.80016 23.8802 7.07745 23.9361C8.35474 23.992 8.76587 24.005 12.0237 23.9987C15.2815 23.9925 15.6916 23.9781 16.9715 23.9174C18.2515 23.8566 19.1186 23.6522 19.8813 23.3541C20.6702 23.0454 21.3391 22.6341 22.0042 21.9659C22.6692 21.2977 23.0787 20.6281 23.3837 19.8376C23.6794 19.0744 23.8803 18.2015 23.9357 16.9251C23.9916 15.6442 24.0048 15.2353 23.9986 11.977C23.9923 8.71873 23.9777 8.31025 23.917 7.03056C23.8563 5.75086 23.653 4.88181 23.3537 4.11885C23.0453 3.32996 22.6337 2.66203 21.966 1.99602C21.2983 1.33002 20.6282 0.920814 19.8379 0.616491C19.0742 0.321048 18.2018 0.119686 16.9245 0.0644858C15.6472 0.00928523 15.2361 -0.00487491 11.9771 0.00136515C8.71811 0.00760521 8.3101 0.0215253 7.03017 0.083926ZM7.17033 21.7773C6.00032 21.7264 5.36503 21.532 4.94167 21.3693C4.38102 21.1533 3.98166 20.8921 3.55974 20.4743C3.13781 20.0564 2.87861 19.6556 2.65973 19.0962C2.49532 18.6728 2.29732 18.0383 2.2426 16.8683C2.18308 15.6037 2.1706 15.224 2.16364 12.0202C2.15668 8.81641 2.16892 8.43721 2.22436 7.17216C2.27428 6.0031 2.46988 5.3671 2.63237 4.94397C2.84837 4.38261 3.10853 3.98396 3.52734 3.56228C3.94614 3.1406 4.34574 2.88091 4.90567 2.66203C5.32855 2.49691 5.96312 2.30059 7.13265 2.24491C8.39818 2.18491 8.77739 2.17291 11.9807 2.16595C15.184 2.15899 15.5642 2.17099 16.8302 2.22667C17.9992 2.27755 18.6355 2.47123 19.0581 2.63467C19.619 2.85067 20.0181 3.11012 20.4398 3.52964C20.8615 3.94916 21.1214 4.34733 21.3403 4.90845C21.5057 5.33014 21.702 5.96446 21.7572 7.13472C21.8174 8.40025 21.8311 8.77969 21.8369 11.9828C21.8426 15.1858 21.8314 15.5662 21.7759 16.8308C21.7248 18.0008 21.5309 18.6364 21.3679 19.0602C21.1519 19.6206 20.8915 20.0202 20.4725 20.4416C20.0534 20.8631 19.6543 21.1228 19.0941 21.3417C18.6717 21.5065 18.0364 21.7033 16.8679 21.759C15.6023 21.8185 15.2231 21.831 12.0186 21.838C8.81411 21.8449 8.4361 21.832 7.17057 21.7773M16.9531 5.58646C16.9535 5.87129 17.0385 6.14958 17.1971 6.38613C17.3558 6.62269 17.581 6.80688 17.8443 6.91542C18.1077 7.02396 18.3973 7.05196 18.6765 6.9959C18.9558 6.93983 19.2122 6.80221 19.4132 6.60043C19.6142 6.39866 19.7509 6.1418 19.806 5.86234C19.861 5.58288 19.8319 5.29338 19.7224 5.03044C19.6129 4.7675 19.4279 4.54294 19.1908 4.38517C18.9536 4.22739 18.675 4.14348 18.3902 4.14405C18.0084 4.14481 17.6425 4.29719 17.373 4.56768C17.1035 4.83817 16.9524 5.20463 16.9531 5.58646ZM5.83856 12.012C5.84528 15.4153 8.60915 18.1679 12.0117 18.1614C15.4142 18.1549 18.1687 15.3913 18.1622 11.988C18.1557 8.58481 15.3911 5.8315 11.9881 5.83822C8.58515 5.84494 5.83208 8.60929 5.83856 12.012ZM8.00002 12.0077C7.99846 11.2166 8.23153 10.4427 8.66976 9.78405C9.108 9.12537 9.73172 8.61143 10.462 8.30722C11.1924 8.00302 11.9965 7.92221 12.7727 8.07502C13.549 8.22783 14.2625 8.60739 14.823 9.16571C15.3836 9.72402 15.766 10.436 15.9218 11.2117C16.0777 11.9873 16.0001 12.7917 15.6988 13.5233C15.3975 14.2548 14.886 14.8805 14.2291 15.3214C13.5721 15.7622 12.7992 15.9984 12.0081 15.9999C11.4827 16.001 10.9623 15.8986 10.4766 15.6986C9.99086 15.4986 9.54928 15.2048 9.17709 14.8341C8.80489 14.4633 8.50938 14.0229 8.30741 13.538C8.10545 13.053 8.001 12.533 8.00002 12.0077Z" /></svg>') no-repeat center center;
          background-size: cover;
          margin-bottom: 24px;
          transition: all 0.3s; }
          @media screen and (max-width: 737px) {
            .plan-insert ul li:nth-of-type(3) a::before {
              width: 28px;
              height: 28px;
              margin-bottom: 12px; } }
      .plan-insert ul li a {
        position: relative;
        color: var(--white);
        display: block;
        font-size: 36px;
        height: 300px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 200;
        flex-direction: column; }
        @media screen and (max-width: 1024px) {
          .plan-insert ul li a {
            font-size: 24px;
            height: 230px; } }
        @media screen and (max-width: 737px) {
          .plan-insert ul li a {
            font-size: 18px;
            height: 140px; } }
        .plan-insert ul li a:hover {
          opacity: 0.8; }
        .plan-insert ul li a span {
          margin-top: 8px;
          display: block;
          font-size: 14px;
          font-weight: var(--font-light); }
          @media screen and (max-width: 737px) {
            .plan-insert ul li a span {
              font-size: 12px;
              margin-top: 4px; } }
  .plan-insert p.small {
    font-size: 14px;
    font-weight: var(--font-normal);
    letter-spacing: 0.06em;
    text-align: center; }
    @media screen and (max-width: 737px) {
      .plan-insert p.small {
        font-size: 12px;
        line-height: 1.41667; } }

.plan-qa {
  padding: 96px 0;
  position: relative; }
  @media screen and (max-width: 737px) {
    .plan-qa {
      padding: clamp(5rem, calc(4.23077rem + 3.84615vw), 6rem) 0; } }
  @media screen and (max-width: 737px) {
    .plan-qa .headline {
      margin-bottom: clamp(3rem, calc(2.23077rem + 3.84615vw), 4rem); } }
  .plan-qa::after {
    background: url(../images/content_bg.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    content: ''; }
  .plan-qa .qa-list div {
    background: var(--white);
    border-radius: 10px;
    margin-bottom: 10px;
    padding: 0 40px; }
    @media screen and (max-width: 737px) {
      .plan-qa .qa-list div {
        padding: 0 20px; } }
  .plan-qa .qa-list dt {
    cursor: pointer;
    padding: 30px 0;
    font-size: 18px;
    line-height: 1.55556; }
    @media screen and (max-width: 737px) {
      .plan-qa .qa-list dt {
        padding: 16px 0;
        font-size: 13px; } }
  .plan-qa .qa-list dd {
    display: none;
    border-top: 1px solid #d5d5d5;
    font-size: 14px;
    padding: 30px 0;
    line-height: 1.71429; }
    @media screen and (max-width: 737px) {
      .plan-qa .qa-list dd {
        padding: 16px 0;
        font-size: 13px; } }

.plan-review {
  padding: 96px 0;
  position: relative; }
  @media screen and (max-width: 737px) {
    .plan-review {
      padding: clamp(5rem, calc(4.23077rem + 3.84615vw), 6rem) 0; } }
  @media screen and (max-width: 737px) {
    .plan-review .headline {
      margin-bottom: clamp(3rem, calc(2.23077rem + 3.84615vw), 4rem); } }
  .plan-review::after {
    background: url(../images/review-bg.jpg) repeat left top;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    content: ''; }
  .plan-review .btn {
    margin: auto; }

@media screen and (max-width: 737px) {
  .review-slider .slick-track {
    display: flex; }
  .review-slider .slick-slide {
    height: auto !important; } }
.review-slider .slider {
  margin: 0 30px;
  max-width: 500px;
  height: 410px;
  padding: 40px 20px;
  background: var(--white);
  border-radius: 10px;
  color: var(--black); }
  @media screen and (max-width: 737px) {
    .review-slider .slider {
      padding: 30px 16px;
      margin: 0 10px;
      max-width: 80vw;
      width: 100%;
      height: 100%;
      display: flex;
      align-items: stretch; } }
  .review-slider .slider .inner {
    overflow-y: scroll;
    height: 350px;
    padding: 0px 16px; }
    .review-slider .slider .inner h4 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.5;
      margin-bottom: 1em; }
      @media screen and (max-width: 737px) {
        .review-slider .slider .inner h4 {
          font-size: 14px; } }
    .review-slider .slider .inner .stars {
      display: inline-block;
      font-size: 24px;
      position: relative;
      unicode-bidi: bidi-override;
      color: #ccc;
      margin-bottom: 10px; }
    .review-slider .slider .inner .stars::before {
      content: "★★★★★";
      color: #ffcc00;
      position: absolute;
      top: 0;
      left: 0;
      width: 0;
      overflow: hidden;
      white-space: nowrap; }
    .review-slider .slider .inner .stars.rate-4::before {
      width: 80%; }
    .review-slider .slider .inner .stars.rate-4-5::before {
      width: 90%; }
    .review-slider .slider .inner .stars.rate-5::before {
      width: 100%; }
    .review-slider .slider .inner p {
      font-size: 14px;
      font-weight: var(--font-normal);
      line-height: 1.71429;
      margin-bottom: 1em; }
      @media screen and (max-width: 737px) {
        .review-slider .slider .inner p {
          font-size: 12px;
          font-weight: var(--font-medium); } }

/*---------------------------------
			gallery
----------------------------------*/
@media screen and (max-width: 737px) {
  .gallery .section-inner-ms {
    padding: 0; } }
.gallery .protected {
  pointer-events: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
.gallery .h1 {
  letter-spacing: -0.02em; }
  @media screen and (max-width: 737px) {
    .gallery .h1 {
      letter-spacing: -0.02em; } }

#player-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  /* 16:9 アスペクト比 */ }
  #player-container::before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0; }

#player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*---------------------------------
		  premium retouch
------------------------------------*/
.premium-retouch {
  background: #E7D8DC;
  position: relative; }
  @media screen and (max-width: 737px) {
    .premium-retouch::after {
      background: #E7D8DC;
      z-index: -1;
      position: absolute;
      width: 100%;
      height: 40px;
      left: 0;
      bottom: -40px;
      content: '';
      display: block; } }
  .premium-retouch .page-content {
    padding-bottom: 100px; }
    @media screen and (max-width: 737px) {
      .premium-retouch .page-content {
        padding-bottom: clamp(3.125rem, calc(0.72115rem + 12.01923vw), 6.25rem); } }

.premium-retouch-order {
  background: #fff;
  z-index: 1;
  background: #fff; }
  @media screen and (max-width: 737px) {
    .premium-retouch-order {
      border-radius: 40px 40px 0 0; } }
  .premium-retouch-order .page-content {
    padding-bottom: 100px; }
    @media screen and (max-width: 737px) {
      .premium-retouch-order .page-content {
        padding-bottom: clamp(3.125rem, calc(0.72115rem + 12.01923vw), 6.25rem); } }

.pr-wrap {
  border-bottom: 1px solid #B2B2B2;
  padding-bottom: 100px; }
  @media screen and (max-width: 1024px) {
    .pr-wrap {
      display: flex;
      flex-wrap: no-wrap;
      gap: 40px;
      justify-content: center;
      flex-direction: column; } }
  @media screen and (max-width: 737px) {
    .pr-wrap {
      flex-direction: row;
      display: flex;
      flex-wrap: wrap;
      gap: 40px;
      justify-content: flex-end;
      padding-bottom: clamp(3.125rem, calc(0.72115rem + 12.01923vw), 6.25rem); } }
  @media screen and (max-width: 1024px) {
    .pr-wrap.cf::after {
      display: none; } }

.pr-heading {
  float: left;
  width: 50%;
  position: relative;
  margin-bottom: 90px;
  margin-top: 120px; }
  @media screen and (max-width: 1024px) {
    .pr-heading {
      order: 2;
      align-items: flex-start;
      gap: 20px;
      width: auto;
      flex-direction: column;
      margin-bottom: auto;
      margin-top: 0px; } }
  @media screen and (max-width: 737px) {
    .pr-heading {
      order: 1;
      display: flex;
      writing-mode: vertical-rl;
      align-items: flex-start;
      gap: 40px;
      flex-direction: row;
      width: auto;
      margin-bottom: 0px;
      margin-top: 20px; } }
  .pr-heading p {
    font-size: 20px;
    line-height: 1.2; }
    @media screen and (max-width: 737px) {
      .pr-heading p {
        font-size: clamp(0.8125rem, calc(0.47596rem + 1.68269vw), 1.25rem); } }
  .pr-heading h2 {
    font-size: 54px;
    letter-spacing: -0.18em;
    position: relative;
    max-width: max-content; }
    @media screen and (max-width: 737px) {
      .pr-heading h2 {
        font-size: 30px; } }
    .pr-heading h2::after {
      content: '';
      background: url("../images/premiumretouch.svg") no-repeat center center;
      position: absolute;
      right: -15%;
      top: 50%;
      width: 134px;
      height: 75px;
      z-index: 1; }
      @media screen and (max-width: 1024px) {
        .pr-heading h2::after {
          top: 25%;
          right: -20%;
          transform: translateX(0%); } }
      @media screen and (max-width: 737px) {
        .pr-heading h2::after {
          top: -60px;
          right: 45%;
          transform: translateX(50%); } }

.pr-mv {
  float: right;
  border-radius: 0 0 0 64px;
  overflow: hidden;
  width: 45%; }
  @media screen and (max-width: 1024px) {
    .pr-mv {
      order: 1;
      text-align: right;
      width: 100%;
      overflow: hidden;
      max-height: 400px;
      position: relative;
      float: none; }
      .pr-mv img {
        width: 100%;
        object-position: 0 -120px;
        aspect-ratio: 16 / 9;
        object-fit: cover; } }
  @media screen and (max-width: 737px) {
    .pr-mv {
      order: 2;
      position: relative;
      left: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
      float: none;
      width: 70%;
      max-height: none; }
      .pr-mv img {
        width: 100%;
        object-position: unset;
        aspect-ratio: auto;
        object-fit: unset; } }

.pr-text {
  float: left;
  width: 50%; }
  @media screen and (max-width: 1024px) {
    .pr-text {
      order: 3;
      width: 100%;
      float: none; } }
  .pr-text h3 {
    font-size: 30px;
    margin-bottom: 30px; }
    @media screen and (max-width: 737px) {
      .pr-text h3 {
        text-align: center;
        font-size: clamp(1.5rem, calc(1.21154rem + 1.44231vw), 1.875rem); } }
    .pr-text h3 span {
      display: block;
      font-size: 16px;
      letter-spacing: -0.12em;
      line-height: 1.42857; }
      @media screen and (max-width: 737px) {
        .pr-text h3 span {
          font-size: clamp(0.8125rem, calc(0.66827rem + 0.72115vw), 1rem); } }
  .pr-text p {
    font-size: 16px;
    margin-bottom: 1.8em;
    font-weight: var(--font-light);
    line-height: 1.5;
    letter-spacing: -0.04em; }
    @media screen and (max-width: 737px) {
      .pr-text p {
        font-size: clamp(0.8125rem, calc(0.66827rem + 0.72115vw), 1rem); } }
    .pr-text p:last-of-type {
      margin-bottom: 0; }
    .pr-text p.strong {
      font-size: 18px;
      font-weight: var(--font-medium);
      line-height: 1.55556; }
      @media screen and (max-width: 737px) {
        .pr-text p.strong {
          font-size: clamp(1rem, calc(0.90385rem + 0.48077vw), 1.125rem); } }
    .pr-text p strong {
      font-size: 18px;
      font-weight: var(--font-medium);
      background: linear-gradient(rgba(0, 0, 0, 0) 90%, #ff818d 0%);
      display: inline;
      line-height: 1.55556; }
      @media screen and (max-width: 737px) {
        .pr-text p strong {
          font-size: clamp(1rem, calc(0.90385rem + 0.48077vw), 1.125rem); } }

.pr-preview {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 64px; }
  @media screen and (max-width: 1024px) {
    .pr-preview {
      grid-template-columns: 1fr 1fr;
      gap: 40px; } }
  @media screen and (max-width: 737px) {
    .pr-preview {
      grid-template-columns: auto;
      gap: 40px; } }
  .pr-preview .pr-list-inner {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
    padding: 2px;
    background: url(../images/text-bg.jpg) no-repeat center center;
    background-size: cover; }
    @media screen and (max-width: 1024px) {
      .pr-preview .pr-list-inner {
        margin-bottom: 20px; } }
    @media screen and (max-width: 737px) {
      .pr-preview .pr-list-inner {
        margin-bottom: 15px; } }
    .pr-preview .pr-list-inner:hover::after {
      opacity: 0;
      visibility: hidden; }
    .pr-preview .pr-list-inner:hover::before {
      opacity: 0;
      visibility: hidden; }
    .pr-preview .pr-list-inner::after {
      color: #fff;
      position: absolute;
      left: 50%;
      top: 55%;
      white-space: pre;
      transform: translate3d(-50%, 0%, 0px);
      z-index: 2;
      text-align: center;
      content: '丸を押しながら左右に\Aスワイプしてみて';
      display: inline-block;
      pointer-events: none;
      transition: all 0.3s; }
    .pr-preview .pr-list-inner::before {
      width: calc( 100% - 4px);
      height: calc( 100% - 4px);
      background: rgba(0, 0, 0, 0.3);
      position: absolute;
      border-radius: 10px;
      left: 2px;
      top: 2px;
      z-index: 2;
      content: '';
      display: block;
      transition: all 0.3s; }
  .pr-preview h4 {
    font-size: 22px;
    margin-bottom: 15px; }
    @media screen and (max-width: 1024px) {
      .pr-preview h4 {
        margin-bottom: 20px; } }
    @media screen and (max-width: 737px) {
      .pr-preview h4 {
        margin-bottom: 15px;
        font-size: clamp(1.125rem, calc(0.93269rem + 0.96154vw), 1.375rem); } }
  .pr-preview p {
    font-size: 14px;
    line-height: 1.57143;
    font-weight: var(--font-light); }
    @media screen and (max-width: 737px) {
      .pr-preview p {
        font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem); } }

.beer-slider {
  border-radius: 10px;
  overflow: hidden; }
  .beer-slider .beer-reveal {
    border-right: solid 2px white; }

.p-retouch-order-list {
  display: flex;
  gap: 10%; }
  @media screen and (max-width: 737px) {
    .p-retouch-order-list {
      gap: 40px;
      flex-direction: column; } }
  .p-retouch-order-list li {
    width: 45%; }
    @media screen and (max-width: 737px) {
      .p-retouch-order-list li {
        width: 100%; } }
    .p-retouch-order-list li figure {
      margin-bottom: 20px; }
    .p-retouch-order-list li h3 {
      font-size: 22px;
      margin-bottom: 20px;
      line-height: 1.27273; }
      @media screen and (max-width: 737px) {
        .p-retouch-order-list li h3 {
          font-size: 18px; } }
    .p-retouch-order-list li p {
      font-weight: var(--font-light);
      line-height: 1.5; }
      .p-retouch-order-list li p .strong {
        display: block;
        font-size: 18px;
        font-weight: var(--font-medium);
        line-height: 1.55556; }
        @media screen and (max-width: 737px) {
          .p-retouch-order-list li p .strong {
            font-size: clamp(1rem, calc(0.90385rem + 0.48077vw), 1.125rem); } }
      @media screen and (max-width: 737px) {
        .p-retouch-order-list li p {
          font-size: 13px; } }

.beer-handle {
  width: 20px;
  height: 20px; }
  @media screen and (max-width: 737px) {
    .beer-handle {
      width: 26px;
      height: 26px; } }

#exhibition .bg {
  position: relative; }
  #exhibition .bg::after {
    background: url(../images/content_bg.jpg) no-repeat center top;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -2;
    content: ''; }
#exhibition #content-1 {
  padding-bottom: 180px; }
  @media screen and (max-width: 1024px) {
    #exhibition #content-1 {
      padding-bottom: 120px; } }
  @media screen and (max-width: 737px) {
    #exhibition #content-1 {
      padding-bottom: 0; } }
#exhibition section.exhibition {
  width: 100%;
  position: relative;
  z-index: 0; }
  @media screen and (max-width: 737px) {
    #exhibition section.exhibition {
      margin-top: 0;
      padding: 0; } }
  #exhibition section.exhibition .breadcrumbs {
    position: relative;
    z-index: 1;
    padding: 0;
    top: 70px; }
    @media screen and (max-width: 737px) {
      #exhibition section.exhibition .breadcrumbs {
        order: 3;
        top: 0; } }
    #exhibition section.exhibition .breadcrumbs ol {
      border-top: none; }
  #exhibition section.exhibition .exhibition-mv {
    margin-bottom: 180px;
    width: 100%;
    position: relative;
    z-index: 0;
    margin-top: -35px; }
    @media screen and (max-width: 1024px) {
      #exhibition section.exhibition .exhibition-mv {
        margin-bottom: 90px; } }
    @media screen and (max-width: 737px) {
      #exhibition section.exhibition .exhibition-mv {
        margin-top: 0;
        padding: 0;
        margin-bottom: 60px; } }
  #exhibition section.exhibition .mv-inner {
    overflow: hidden;
    display: flex;
    margin: auto;
    justify-content: space-between; }
    @media screen and (max-width: 737px) {
      #exhibition section.exhibition .mv-inner {
        flex-direction: column;
        width: 100%; } }
  #exhibition section.exhibition .top-content-left {
    width: 30%;
    max-width: 350px;
    margin-left: auto;
    margin-right: 65px;
    padding-left: clamp(1.25rem, calc(-1.82692rem + 4.80769vw), 2.5rem); }
    @media screen and (max-width: 1024px) {
      #exhibition section.exhibition .top-content-left {
        width: 40%;
        margin-right: 0px; } }
    @media screen and (max-width: 737px) {
      #exhibition section.exhibition .top-content-left {
        max-width: none;
        width: 90%;
        order: 2;
        padding-top: clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem);
        padding-left: 0;
        padding-right: 0;
        margin-right: auto; } }
    #exhibition section.exhibition .top-content-left .top-content-left-inner {
      display: flex;
      flex-direction: column;
      height: 100%;
      justify-content: center; }
      #exhibition section.exhibition .top-content-left .top-content-left-inner .top-content-title {
        margin-top: 25%; }
        @media screen and (max-width: 1024px) {
          #exhibition section.exhibition .top-content-left .top-content-left-inner .top-content-title {
            margin-top: 15%; } }
        @media screen and (max-width: 737px) {
          #exhibition section.exhibition .top-content-left .top-content-left-inner .top-content-title {
            margin-top: 0; } }
    #exhibition section.exhibition .top-content-left .toc {
      padding-bottom: 40px;
      margin-top: auto; }
      @media screen and (max-width: 1024px) {
        #exhibition section.exhibition .top-content-left .toc {
          padding: 0 30px 0 0; } }
      @media screen and (max-width: 737px) {
        #exhibition section.exhibition .top-content-left .toc {
          position: relative;
          padding: 30px;
          border-radius: 10px;
          background: var(--white); } }
      #exhibition section.exhibition .top-content-left .toc p.toc-title {
        font-size: 20px;
        margin-bottom: 10px; }
        #exhibition section.exhibition .top-content-left .toc p.toc-title span {
          padding-left: 10px;
          font-size: 12px;
          font-weight: var(--font-normal); }
          @media screen and (max-width: 737px) {
            #exhibition section.exhibition .top-content-left .toc p.toc-title span {
              display: block;
              padding-left: 0;
              margin-top: 5px; } }
      #exhibition section.exhibition .top-content-left .toc ul {
        display: flex;
        flex-wrap: wrap; }
        @media screen and (max-width: 1024px) {
          #exhibition section.exhibition .top-content-left .toc ul {
            flex-direction: column; } }
        #exhibition section.exhibition .top-content-left .toc ul li {
          width: 100%;
          border-top: 1px solid #ccc;
          border-bottom: 1px solid #ccc;
          margin-top: -1px; }
          @media screen and (max-width: 1024px) {
            #exhibition section.exhibition .top-content-left .toc ul li {
              width: 100%; } }
          #exhibition section.exhibition .top-content-left .toc ul li a {
            font-size: 16px;
            color: var(--black);
            display: block;
            padding: 12px 0;
            position: relative; }
            @media screen and (max-width: 1024px) {
              #exhibition section.exhibition .top-content-left .toc ul li a {
                font-size: 14px; } }
            #exhibition section.exhibition .top-content-left .toc ul li a::after {
              position: absolute;
              display: block;
              top: 50%;
              right: 0%;
              transform: translate3d(0px, -50%, 0px);
              content: "";
              clip-path: polygon(0 0, 0% 100%, 100% 50%);
              height: 6px;
              width: 6px;
              background: var(--black); }
      #exhibition section.exhibition .top-content-left .toc .circle {
        position: absolute;
        z-index: 999;
        max-width: clamp(12.5rem, calc(12.5rem + 0vw), 12.5rem);
        max-height: clamp(12.5rem, calc(12.5rem + 0vw), 12.5rem);
        min-width: clamp(12.5rem, calc(12.5rem + 0vw), 12.5rem);
        min-height: clamp(12.5rem, calc(12.5rem + 0vw), 12.5rem);
        padding: 40px;
        margin: auto;
        right: 100px;
        left: auto;
        bottom: -200px;
        top: auto;
        transform: translateY(-50%); }
        @media screen and (max-width: 1024px) {
          #exhibition section.exhibition .top-content-left .toc .circle {
            display: block;
            right: 50px; } }
        @media screen and (max-width: 737px) {
          #exhibition section.exhibition .top-content-left .toc .circle {
            right: 0;
            top: 0;
            bottom: auto;
            padding: clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
            max-width: clamp(6.25rem, calc(1.44231rem + 24.03846vw), 12.5rem);
            max-height: clamp(6.25rem, calc(1.44231rem + 24.03846vw), 12.5rem);
            min-width: clamp(6.25rem, calc(1.44231rem + 24.03846vw), 12.5rem);
            min-height: clamp(6.25rem, calc(1.44231rem + 24.03846vw), 12.5rem); } }
        #exhibition section.exhibition .top-content-left .toc .circle .circleText {
          overflow: visible;
          animation: rotation 24s linear infinite; }
        #exhibition section.exhibition .top-content-left .toc .circle .circleText__circle {
          fill: none; }
        #exhibition section.exhibition .top-content-left .toc .circle .circleText__text {
          font-size: 12px;
          letter-spacing: 0.04em; }
  #exhibition section.exhibition .top-content-right {
    position: relative;
    width: 65%;
    display: flex; }
    @media screen and (max-width: 1024px) {
      #exhibition section.exhibition .top-content-right {
        max-width: 100%;
        width: 60%;
        height: 70vh;
        overflow: hidden;
        transform: translate3d(0, 0, 0); } }
    @media screen and (max-width: 737px) {
      #exhibition section.exhibition .top-content-right {
        flex-direction: column;
        max-width: 100%;
        width: 100%;
        height: 100%;
        transform: translate3d(0, 0, 0); } }
    @media screen and (max-width: 430px) {
      #exhibition section.exhibition .top-content-right {
        max-width: 100%;
        width: 100%;
        height: auto;
        transform: translate3d(0, 0, 0); } }
    @media screen and (max-width: 737px) {
      #exhibition section.exhibition .top-content-right h1 {
        order: 2;
        position: relative;
        top: -1px; } }
    #exhibition section.exhibition .top-content-right h1 img {
      width: max-content;
      height: 100vh;
      max-height: 100vh;
      max-width: none; }
      @media screen and (max-width: 1024px) {
        #exhibition section.exhibition .top-content-right h1 img {
          height: 70vh; } }
      @media screen and (max-width: 737px) {
        #exhibition section.exhibition .top-content-right h1 img {
          height: auto;
          width: 100%;
          max-height: auto; } }
    #exhibition section.exhibition .top-content-right .mv-slider {
      width: 100%; }
      @media screen and (max-width: 737px) {
        #exhibition section.exhibition .top-content-right .mv-slider {
          order: 1; } }
      #exhibition section.exhibition .top-content-right .mv-slider .slick-slide {
        height: 100vh;
        overflow: hidden; }
        @media screen and (max-width: 1024px) {
          #exhibition section.exhibition .top-content-right .mv-slider .slick-slide {
            height: 70vh; } }
        @media screen and (max-width: 737px) {
          #exhibition section.exhibition .top-content-right .mv-slider .slick-slide {
            height: auto; } }
      #exhibition section.exhibition .top-content-right .mv-slider .slick-slide img {
        object-fit: cover;
        object-position: center top;
        max-height: 100%;
        height: 100%;
        width: 100%; }
        @media screen and (max-width: 737px) {
          #exhibition section.exhibition .top-content-right .mv-slider .slick-slide img {
            max-height: none;
            height: auto; } }
      @media screen and (max-width: 737px) {
        #exhibition section.exhibition .top-content-right .mv-slider {
          max-width: 100%;
          width: 100%; } }
#exhibition .timing {
  background: var(--white);
  border-radius: 60px;
  padding: 80px 0 80px 70px;
  font-weight: var(--font-light); }
  @media screen and (max-width: 1024px) {
    #exhibition .timing {
      padding: 80px 0 80px 35px; } }
  @media screen and (max-width: 737px) {
    #exhibition .timing {
      padding: 60px clamp(1.25rem, calc(0.28846rem + 4.80769vw), 2.5rem);
      display: flex;
      border-radius: 60px 60px 0 0;
      flex-direction: column; } }
  #exhibition .timing .img-content {
    float: right;
    position: relative;
    top: -20px;
    right: -50px; }
    @media screen and (max-width: 1024px) {
      #exhibition .timing .img-content {
        width: 40%;
        right: 0; } }
    @media screen and (max-width: 737px) {
      #exhibition .timing .img-content {
        float: none;
        width: 100%;
        position: static;
        order: 2;
        margin-bottom: 40px; } }
  #exhibition .timing .text-content {
    padding-right: 70px; }
    @media screen and (max-width: 1024px) {
      #exhibition .timing .text-content {
        padding-right: 35px; } }
    @media screen and (max-width: 737px) {
      #exhibition .timing .text-content {
        order: 1;
        margin-bottom: 20px;
        padding-right: 0; }
        #exhibition .timing .text-content:last-child {
          order: 3;
          margin-bottom: 0; } }
    #exhibition .timing .text-content .headline {
      text-align: left;
      position: relative; }
      @media screen and (max-width: 737px) {
        #exhibition .timing .text-content .headline {
          text-align: center; }
          #exhibition .timing .text-content .headline::after {
            position: absolute;
            content: '';
            height: 1px;
            width: 40px;
            background: var(--black);
            bottom: -20px;
            left: 50%;
            transform: translateX(-50%);
            display: block; } }
      #exhibition .timing .text-content .headline h2 {
        font-size: 30px; }
        @media screen and (max-width: 737px) {
          #exhibition .timing .text-content .headline h2 {
            font-size: 24px; } }
    #exhibition .timing .text-content h3 {
      font-size: 24px;
      border-bottom: 1px solid #454545;
      display: inline-block;
      font-weight: var(--font-normal);
      padding-bottom: 10px;
      margin-bottom: 1.5em; }
      @media screen and (max-width: 1024px) {
        #exhibition .timing .text-content h3 {
          font-size: 20px; } }
      @media screen and (max-width: 737px) {
        #exhibition .timing .text-content h3 {
          margin-bottom: 1em;
          border-bottom: none;
          font-size: 22px;
          line-height: 1.27273; } }
    #exhibition .timing .text-content p {
      margin-bottom: 1.8em;
      font-size: 16px;
      line-height: 1.5; }
      #exhibition .timing .text-content p:last-child {
        margin-bottom: 0; }
      @media screen and (max-width: 737px) {
        #exhibition .timing .text-content p {
          font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); } }
      #exhibition .timing .text-content p .em {
        font-size: 18px;
        font-weight: var(--font-medium);
        color: #EF6B8D; }
        @media screen and (max-width: 737px) {
          #exhibition .timing .text-content p .em {
            font-size: 16px; } }
      #exhibition .timing .text-content p .strong {
        font-size: 18px;
        font-weight: var(--font-medium); }
        @media screen and (max-width: 737px) {
          #exhibition .timing .text-content p .strong {
            font-size: 16px; } }
#exhibition .enjoy {
  padding: 125px 0;
  background: #FFF1F5;
  font-weight: var(--font-light); }
  #exhibition .enjoy .sp-plx {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    aspect-ratio: 1/1; }
    @media screen and (max-width: 737px) {
      #exhibition .enjoy .sp-plx {
        display: block; } }
    #exhibition .enjoy .sp-plx .bg-img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      clip-path: inset(0);
      z-index: 0; }
      #exhibition .enjoy .sp-plx .bg-img::before {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("../images/exhibition-enjoy-sp.jpg") no-repeat;
        background-size: cover;
        background-position: top center; }
  @media screen and (max-width: 1024px) {
    #exhibition .enjoy {
      padding: 80px 0; } }
  @media screen and (max-width: 737px) {
    #exhibition .enjoy {
      padding: 0; } }
  @media screen and (max-width: 737px) {
    #exhibition .enjoy .section-inner-ms {
      padding-top: 60px; } }
  #exhibition .enjoy .img-content {
    float: right;
    max-width: 360px;
    width: 35%; }
    @media screen and (max-width: 1024px) {
      #exhibition .enjoy .img-content {
        width: 45%; } }
    @media screen and (max-width: 737px) {
      #exhibition .enjoy .img-content {
        float: none;
        max-width: none;
        width: 100%;
        margin-top: 30px;
        margin-bottom: 20px; } }
  #exhibition .enjoy .text-content {
    float: left;
    width: 60%;
    max-width: 600px; }
    @media screen and (max-width: 1024px) {
      #exhibition .enjoy .text-content {
        width: 50%; }
        #exhibition .enjoy .text-content:last-child {
          clear: both;
          float: none;
          width: 100%;
          max-width: none; }
          #exhibition .enjoy .text-content:last-child p {
            margin-bottom: 0; } }
    @media screen and (max-width: 737px) {
      #exhibition .enjoy .text-content {
        width: 100%;
        float: none; } }
    #exhibition .enjoy .text-content ul {
      font-size: 17px;
      font-weight: var(--font-medium);
      line-height: 1.625;
      margin-bottom: 1.8em; }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .text-content ul {
          font-size: 15px; } }
    #exhibition .enjoy .text-content h3 {
      font-size: 24px;
      font-weight: var(--font-medium);
      color: #EF6B8D;
      margin-bottom: 5px; }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .text-content h3 {
          font-size: 20px; } }
    #exhibition .enjoy .text-content p {
      margin-bottom: 1.8em;
      font-size: 16px;
      line-height: 1.625; }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .text-content p {
          font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); }
          #exhibition .enjoy .text-content p:last-of-type {
            margin-bottom: 2.4em; } }
      #exhibition .enjoy .text-content p .strong {
        font-weight: var(--font-medium); }
  #exhibition .enjoy .exhibition-flow {
    margin-top: 40px;
    counter-reset: listnum;
    clear: both;
    display: flex;
    flex-wrap: wrap;
    gap: 20px 5%;
    font-weight: var(--font-light);
    border-bottom: 1px solid #B2B2B2;
    padding-bottom: 80px;
    margin-bottom: 80px; }
    @media screen and (max-width: 1024px) {
      #exhibition .enjoy .exhibition-flow {
        gap: 40px 5%;
        padding-bottom: 60px;
        margin-bottom: 60px; } }
    @media screen and (max-width: 737px) {
      #exhibition .enjoy .exhibition-flow {
        gap: 30px;
        margin-top: 30px;
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 40px; } }
    #exhibition .enjoy .exhibition-flow li {
      width: 30%; }
      @media screen and (max-width: 1024px) {
        #exhibition .enjoy .exhibition-flow li {
          width: 47.5%; } }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .exhibition-flow li {
          width: 100%;
          display: flex;
          gap: 5%; } }
      #exhibition .enjoy .exhibition-flow li figure {
        overflow: hidden;
        margin-bottom: 15px; }
        @media screen and (max-width: 737px) {
          #exhibition .enjoy .exhibition-flow li figure {
            width: 40%;
            margin-bottom: 0; } }
        #exhibition .enjoy .exhibition-flow li figure img {
          border-radius: 30px; }
          @media screen and (max-width: 737px) {
            #exhibition .enjoy .exhibition-flow li figure img {
              border-radius: 16px; } }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .exhibition-flow li div {
          width: 55%; } }
      #exhibition .enjoy .exhibition-flow li p {
        font-size: 14px;
        line-height: 1.57143; }
        @media screen and (max-width: 737px) {
          #exhibition .enjoy .exhibition-flow li p {
            font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); } }
      #exhibition .enjoy .exhibition-flow li.flow-last {
        align-self: center; }
        @media screen and (max-width: 737px) {
          #exhibition .enjoy .exhibition-flow li.flow-last {
            align-self: flex-start; } }
        #exhibition .enjoy .exhibition-flow li.flow-last div {
          border: 1px solid #EF6B8D;
          border-radius: 100%;
          width: 310px;
          height: 310px;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          padding: 30px; }
          @media screen and (max-width: 737px) {
            #exhibition .enjoy .exhibition-flow li.flow-last div {
              border: none;
              padding: 0;
              border-radius: 0;
              width: 100%;
              height: auto; } }
          #exhibition .enjoy .exhibition-flow li.flow-last div p {
            font-weight: var(--font-medium);
            color: #EF6B8D;
            font-size: 16px;
            line-height: 1.625; }
            @media screen and (max-width: 737px) {
              #exhibition .enjoy .exhibition-flow li.flow-last div p {
                font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); } }
    #exhibition .enjoy .exhibition-flow h4 {
      margin-bottom: 10px;
      font-weight: var(--font-medium);
      font-size: 20px; }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .exhibition-flow h4 {
          font-size: 16px; } }
      #exhibition .enjoy .exhibition-flow h4::before {
        margin-right: 5px;
        font-size: 24px;
        counter-increment: listnum;
        content: counter(listnum) "."; }
        @media screen and (max-width: 737px) {
          #exhibition .enjoy .exhibition-flow h4::before {
            margin-right: 3px;
            font-size: 16px; } }
  #exhibition .enjoy .content-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 60px; }
    @media screen and (max-width: 1024px) {
      #exhibition .enjoy .content-wrapper {
        gap: 40px; } }
    @media screen and (max-width: 737px) {
      #exhibition .enjoy .content-wrapper {
        gap: 20px; } }
    @media screen and (max-width: 737px) {
      #exhibition .enjoy .content-wrapper {
        flex-direction: column; } }
    @media screen and (max-width: 737px) {
      #exhibition .enjoy .content-wrapper .text-content {
        order: 2; } }
    #exhibition .enjoy .content-wrapper .text-content h3 {
      font-size: 24px;
      font-weight: var(--font-medium);
      color: #EF6B8D;
      margin-bottom: 20px;
      line-height: 1.4; }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .content-wrapper .text-content h3 {
          font-size: 20px;
          margin-bottom: 10px; } }
    #exhibition .enjoy .content-wrapper .exhibition-enjoy-slider {
      max-width: 360px;
      flex: 1; }
      @media screen and (max-width: 737px) {
        #exhibition .enjoy .content-wrapper .exhibition-enjoy-slider {
          order: 1;
          max-width: none; } }
      #exhibition .enjoy .content-wrapper .exhibition-enjoy-slider .slide {
        width: 100%; }
        @media screen and (max-width: 737px) {
          #exhibition .enjoy .content-wrapper .exhibition-enjoy-slider .slide {
            margin: 0 5px; } }
#exhibition .variation {
  padding: 125px 0;
  background: #f3f3f3;
  font-weight: var(--font-light);
  background: url(../images/plan-detail-bg.jpg) repeat top center;
  background-size: 50%; }
  @media screen and (max-width: 1024px) {
    #exhibition .variation {
      padding: 80px 0; } }
  @media screen and (max-width: 737px) {
    #exhibition .variation {
      padding: 60px 0;
      background-size: 80%; } }
  #exhibition .variation .read-text {
    font-size: 16px;
    margin-bottom: 56px;
    line-height: 1.625; }
    @media screen and (max-width: 737px) {
      #exhibition .variation .read-text {
        font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem);
        margin-bottom: 32px; }
        #exhibition .variation .read-text p:first-of-type {
          margin-bottom: 1.8em; } }
  #exhibition .variation .content-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 4%;
    align-items: flex-start; }
    @media screen and (max-width: 737px) {
      #exhibition .variation .content-wrapper {
        gap: 24px;
        flex-direction: column; } }
  #exhibition .variation .content-box {
    border: 1px solid #EF6B8D;
    background: var(--white);
    border-radius: 20px;
    padding: 48px;
    width: 48%; }
    @media screen and (max-width: 1024px) {
      #exhibition .variation .content-box {
        padding: 48px 20px; } }
    @media screen and (max-width: 737px) {
      #exhibition .variation .content-box {
        width: 100%; } }
    #exhibition .variation .content-box h3 {
      font-size: 24px;
      color: #EF6B8D;
      font-weight: var(--font-medium);
      text-align: center;
      margin-bottom: 20px; }
    #exhibition .variation .content-box p {
      margin-bottom: 1.8em;
      font-size: 16px;
      line-height: 1.625; }
      #exhibition .variation .content-box p strong {
        font-weight: var(--font-medium); }
      @media screen and (max-width: 737px) {
        #exhibition .variation .content-box p {
          font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); } }
    #exhibition .variation .content-box figure {
      margin-bottom: 32px; }
    #exhibition .variation .content-box .btn {
      margin: 0 auto 20px; }
      @media screen and (max-width: 1024px) {
        #exhibition .variation .content-box .btn {
          width: 90%;
          margin: 0 auto; }
          #exhibition .variation .content-box .btn a {
            width: 100%; } }
#exhibition .flow {
  padding: 125px 0;
  background: var(--white);
  font-weight: var(--font-light); }
  @media screen and (max-width: 1024px) {
    #exhibition .flow {
      padding: 80px 0; } }
  #exhibition .flow .read-text {
    font-size: 16px;
    margin-bottom: 56px;
    line-height: 1.625; }
    @media screen and (max-width: 737px) {
      #exhibition .flow .read-text {
        margin-bottom: 32px;
        font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); } }
#exhibition .flow-list {
  counter-reset: listnum;
  list-style: none; }
  #exhibition .flow-list li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #B2B2B2;
    align-items: center;
    padding: 20px 0;
    gap: 8%; }
    @media screen and (max-width: 737px) {
      #exhibition .flow-list li {
        border-top: none;
        max-width: 100%;
        width: 100%;
        flex-direction: column; } }
    #exhibition .flow-list li:last-of-type {
      border-bottom: 1px solid #B2B2B2; }
      @media screen and (max-width: 737px) {
        #exhibition .flow-list li:last-of-type {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none; } }
    #exhibition .flow-list li figure {
      position: relative;
      max-width: 450px;
      width: 45%; }
      @media screen and (max-width: 737px) {
        #exhibition .flow-list li figure {
          max-width: none;
          width: 100%;
          margin-bottom: 16px; } }
    #exhibition .flow-list li div {
      flex: 1;
      width: 45%; }
      @media screen and (max-width: 737px) {
        #exhibition .flow-list li div {
          width: 100%;
          display: flex;
          flex-direction: column; }
          #exhibition .flow-list li div figure {
            order: 2; } }
    #exhibition .flow-list li h4 {
      letter-spacing: 0.06em;
      font-size: 20px;
      margin-bottom: 20px;
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1.4; }
      @media screen and (max-width: 737px) {
        #exhibition .flow-list li h4 {
          margin-bottom: -5px;
          font-size: 20px;
          order: 1;
          z-index: 1; } }
      #exhibition .flow-list li h4::before {
        margin-right: 10px;
        counter-increment: listnum;
        content: counter(listnum);
        border-radius: 50%;
        font-weight: var(--font-normal);
        border: 1px solid var(--black);
        bottom: -45px;
        font-size: 26px;
        right: 25px;
        width: 50px;
        height: 50px;
        margin-top: -2px;
        margin-left: -1px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        color: var(--black);
        letter-spacing: -0.03em;
        font-weight: var(--font-normal); }
        @media screen and (max-width: 1024px) {
          #exhibition .flow-list li h4::before {
            top: -40px;
            left: 5px; } }
        @media screen and (max-width: 737px) {
          #exhibition .flow-list li h4::before {
            background: var(--white);
            bottom: auto;
            font-size: 26px;
            right: auto;
            width: 45px;
            height: 45px;
            font-size: 22px;
            top: -40px;
            left: 15px; } }
    #exhibition .flow-list li p {
      font-size: 14px;
      letter-spacing: 0;
      line-height: 1.71429; }
      @media screen and (max-width: 737px) {
        #exhibition .flow-list li p {
          font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem);
          order: 3; } }
#exhibition .present {
  padding: 125px 0;
  background: #EF6B8D;
  font-weight: var(--font-light);
  color: var(--white); }
  @media screen and (max-width: 1024px) {
    #exhibition .present {
      padding: 80px 0; } }
  #exhibition .present .read-text {
    font-size: 16px;
    margin-bottom: 56px;
    line-height: 1.625; }
    @media screen and (max-width: 737px) {
      #exhibition .present .read-text {
        font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem);
        padding-top: clamp(1.25rem, calc(0.48077rem + 3.84615vw), 2.25rem); } }
#exhibition .present-list {
  counter-reset: listnum;
  list-style: none;
  color: var(--black);
  padding-top: 40px; }
  @media screen and (max-width: 737px) {
    #exhibition .present-list {
      padding-top: 40px; } }
  #exhibition .present-list li {
    width: 100%;
    max-width: 890px;
    border-radius: 30px;
    background: var(--white);
    display: flex;
    margin-bottom: 100px;
    margin-right: 0;
    margin-left: auto;
    align-items: flex-start;
    gap: 0%;
    position: relative; }
    @media screen and (max-width: 1024px) {
      #exhibition .present-list li {
        gap: 5%;
        padding: 30px;
        max-width: none;
        align-items: center;
        margin-bottom: 60px; } }
    @media screen and (max-width: 737px) {
      #exhibition .present-list li {
        flex-direction: column;
        max-width: 100%;
        width: 100%;
        margin-bottom: 24px;
        padding: 0px; } }
    @media screen and (max-width: 737px) {
      #exhibition .present-list li:last-of-type {
        margin-bottom: 34px; } }
    #exhibition .present-list li::before {
      position: absolute;
      margin-right: 10px;
      counter-increment: listnum;
      content: counter(listnum,decimal-leading-zero);
      border-radius: 50%;
      font-family: var(--font-oswald);
      font-weight: var(--font-normal);
      border: 1px solid var(--white);
      top: -35px;
      background: #EF6B8D;
      font-size: 36px;
      right: 35px;
      width: 70px;
      height: 70px;
      z-index: 1;
      margin-top: -2px;
      margin-left: -1px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      color: var(--white);
      letter-spacing: -0.03em;
      font-weight: var(--font-normal); }
      @media screen and (max-width: 1024px) {
        #exhibition .present-list li::before {
          top: -40px;
          left: 5px; } }
      @media screen and (max-width: 737px) {
        #exhibition .present-list li::before {
          border: none;
          position: relative;
          order: 2;
          bottom: auto;
          font-size: 26px;
          right: auto;
          width: 45px;
          height: 45px;
          font-size: 24px;
          align-self: flex-end;
          top: -40px;
          left: auto;
          margin-right: 0;
          right: 30px; } }
    #exhibition .present-list li figure {
      position: relative;
      top: -30px;
      left: -90px;
      max-width: 520px;
      overflow: hidden;
      width: 55%; }
      @media screen and (max-width: 1024px) {
        #exhibition .present-list li figure {
          width: 40%;
          top: 0px;
          left: 0px; } }
      @media screen and (max-width: 737px) {
        #exhibition .present-list li figure {
          order: 1;
          width: 100%;
          max-width: 100%;
          margin-bottom: 16px; } }
      #exhibition .present-list li figure img {
        border-radius: 30px; }
        @media screen and (max-width: 737px) {
          #exhibition .present-list li figure img {
            border-radius: 30px 30px 0 0; } }
    #exhibition .present-list li div {
      flex: 1;
      width: 45%;
      padding: 30px 50px 30px 0;
      position: relative;
      margin-left: -50px; }
      @media screen and (max-width: 1024px) {
        #exhibition .present-list li div {
          width: 50%;
          padding: 0;
          margin-left: 0px; } }
      @media screen and (max-width: 737px) {
        #exhibition .present-list li div {
          margin-top: -40px;
          order: 3;
          width: 100%;
          padding: 0 30px 30px;
          margin-left: 0px; } }
    #exhibition .present-list li h4 {
      color: #EF6B8D;
      letter-spacing: 0.06em;
      font-size: 30px;
      letter-spacing: -0.04em;
      margin-bottom: 20px;
      position: relative;
      display: flex;
      align-items: center;
      line-height: 1.4; }
      @media screen and (max-width: 737px) {
        #exhibition .present-list li h4 {
          margin-bottom: 10px;
          font-size: 22px; } }
    #exhibition .present-list li p {
      font-size: 16px;
      letter-spacing: 0;
      line-height: 1.71429; }
      @media screen and (max-width: 737px) {
        #exhibition .present-list li p {
          font-size: clamp(0.8125rem, calc(0.76442rem + 0.24038vw), 0.875rem); } }
#exhibition .btn-list {
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 1024px) {
    #exhibition .btn-list {
      justify-content: center;
      flex-wrap: wrap;
      gap: 20px 2%; }
      #exhibition .btn-list .btn {
        width: 48%; }
        #exhibition .btn-list .btn a {
          width: 100%; } }
  @media screen and (max-width: 737px) {
    #exhibition .btn-list {
      justify-content: center;
      flex-direction: column;
      flex-wrap: wrap;
      gap: 20px 2%; }
      #exhibition .btn-list .btn {
        width: 90%;
        margin: auto; }
        #exhibition .btn-list .btn a {
          width: 100%; } }

/*----------------------------------------------------------------------
								Footer
----------------------------------------------------------------------*/
.footer {
  position: relative; }

.footer-menu-nav {
  display: flex; }
  @media screen and (max-width: 737px) {
    .footer-menu-nav {
      flex-direction: column; } }
  .footer-menu-nav .headline {
    color: var(--white);
    text-align: center;
    margin-bottom: 32px; }
    @media screen and (max-width: 737px) {
      .footer-menu-nav .headline {
        margin-bottom: clamp(1.5rem, calc(1.11538rem + 1.92308vw), 2rem); } }
    .footer-menu-nav .headline .h3 {
      font-size: clamp(1.875rem, calc(1.875rem + 0vw), 1.875rem);
      margin-bottom: 4px;
      letter-spacing: 0.01em; }
      .footer-menu-nav .headline .h3 + p {
        letter-spacing: .06em;
        font-size: 14px; }
  .footer-menu-nav .furisode-menu {
    padding: 100px 0;
    background: var(--dusty-pink);
    width: 50%;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 737px) {
      .footer-menu-nav .furisode-menu {
        width: 100%;
        padding: 54px 0; } }
    .footer-menu-nav .furisode-menu ul {
      margin-left: auto;
      margin-right: clamp(3.125rem, calc(-3.42728rem + 14.22475vw), 9.375rem); }
      @media screen and (max-width: 1024px) {
        .footer-menu-nav .furisode-menu ul {
          margin: auto; } }
  .footer-menu-nav .hakama-menu {
    padding: 100px 0;
    background: var(--dusty-gold);
    width: 50%;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 737px) {
      .footer-menu-nav .hakama-menu {
        width: 100%;
        padding: 54px 0; } }
    .footer-menu-nav .hakama-menu ul {
      margin-left: clamp(3.125rem, calc(-3.42728rem + 14.22475vw), 9.375rem);
      margin-right: auto; }
      @media screen and (max-width: 1024px) {
        .footer-menu-nav .hakama-menu ul {
          margin: auto; } }
  .footer-menu-nav ul {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    max-width: 400px;
    width: 100%; }
    @media screen and (max-width: 1024px) {
      .footer-menu-nav ul {
        width: 90%;
        max-width: none; } }
    @media screen and (max-width: 737px) {
      .footer-menu-nav ul {
        width: 100%; } }
  .footer-menu-nav li {
    border-top: 1px solid #fff;
    width: 100%; }
    .footer-menu-nav li a {
      color: var(--white);
      display: block;
      padding: 24px;
      font-weight: var(--font-light); }
      @media screen and (max-width: 737px) {
        .footer-menu-nav li a {
          padding: 5%; } }
      .footer-menu-nav li a span {
        font-family: var(--font-montserrat);
        font-size: 20px;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 737px) {
          .footer-menu-nav li a span {
            font-size: clamp(1rem, calc(0.80769rem + 0.96154vw), 1.25rem); } }
      .footer-menu-nav li a:hover {
        background: rgba(0, 0, 0, 0.1); }
    .footer-menu-nav li:nth-last-child(2) {
      border-bottom: 1px solid #fff;
      margin-bottom: 38px; }
    .footer-menu-nav li:last-of-type {
      width: 100%;
      margin-top: auto;
      margin-bottom: 0;
      border: none; }
      @media screen and (max-width: 737px) {
        .footer-menu-nav li:last-of-type {
          width: 90%;
          margin-left: auto;
          margin-right: auto; } }
      .footer-menu-nav li:last-of-type a {
        font-weight: var(--font-normal);
        padding: 32px;
        text-align: center;
        color: var(--pink);
        background: var(--white);
        font-size: 12px;
        letter-spacing: -0.04em; }
        .footer-menu-nav li:last-of-type a:hover {
          background: var(--pink);
          color: var(--white); }
        .footer-menu-nav li:last-of-type a span {
          display: block;
          margin-bottom: 4px;
          font-size: 20px;
          letter-spacing: 0.12em; }

.studio-info {
  background: var(--lt-gray);
  padding: 96px 30px 124px; }
  @media screen and (max-width: 737px) {
    .studio-info {
      padding: clamp(3.75rem, calc(2.01923rem + 8.65385vw), 6rem) 0 clamp(2.5rem, calc(1.53846rem + 4.80769vw), 3.75rem); } }
  .studio-info .studio-info-inner {
    max-width: 1090px;
    margin: auto; }
    @media screen and (max-width: 737px) {
      .studio-info .studio-info-inner {
        width: 90%; } }
  .studio-info .headline {
    text-align: center;
    margin-bottom: 32px; }
    @media screen and (max-width: 737px) {
      .studio-info .headline {
        margin-bottom: clamp(2.5rem, calc(2.5rem + 0vw), 2.5rem); } }
    .studio-info .headline .h3 {
      font-size: clamp(1.5rem, calc(1.5rem + 0vw), 1.5rem);
      margin-bottom: 4px;
      letter-spacing: 0.01em; }
      .studio-info .headline .h3 + p {
        letter-spacing: .06em;
        font-size: 13px; }

.studio-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 40px 2%; }
  @media screen and (max-width: 737px) {
    .studio-list {
      gap: clamp(2rem, calc(1.61538rem + 1.92308vw), 2.5rem) 0; } }
  @media screen and (max-width: 430px) {
    .studio-list {
      flex-direction: column; } }
  .studio-list li {
    width: 31%; }
    @media screen and (max-width: 1024px) {
      .studio-list li {
        width: 48%; } }
    @media screen and (max-width: 737px) {
      .studio-list li {
        width: 48%; } }
    @media screen and (max-width: 430px) {
      .studio-list li {
        width: 100%; } }
    .studio-list li div {
      display: flex;
      align-items: center;
      text-align: left;
      gap: 24px;
      margin-bottom: 8px; }
      @media screen and (max-width: 737px) {
        .studio-list li div {
          gap: clamp(0.75rem, calc(0.17308rem + 2.88462vw), 1.5rem); } }
      .studio-list li div figure {
        width: 120px; }
        @media screen and (max-width: 737px) {
          .studio-list li div figure {
            width: 100%;
            max-width: clamp(5.625rem, calc(4.18269rem + 7.21154vw), 7.5rem); } }
      .studio-list li div h3 {
        font-size: 16px;
        letter-spacing: 0;
        color: #333;
        flex: 1; }
        @media screen and (max-width: 737px) {
          .studio-list li div h3 {
            font-weight: var(--font-medium);
            letter-spacing: -0.04em;
            font-size: clamp(0.875rem, calc(0.68269rem + 0.96154vw), 1.125rem); } }
        .studio-list li div h3 span {
          display: block;
          font-size: 11px;
          margin-top: 8px;
          color: var(--gray); }
          @media screen and (max-width: 737px) {
            .studio-list li div h3 span {
              font-weight: var(--font-medium);
              margin-top: clamp(0.25rem, calc(0.05769rem + 0.96154vw), 0.5rem);
              font-size: clamp(0.5625rem, calc(0.41827rem + 0.72115vw), 0.75rem); } }
    .studio-list li .shop-outline {
      font-weight: var(--font-light);
      letter-spacing: 0em;
      font-size: 13px;
      margin-bottom: 16px;
      line-height: 1.42857; }
      @media screen and (max-width: 737px) {
        .studio-list li .shop-outline {
          font-size: clamp(0.625rem, calc(0.43269rem + 0.96154vw), 0.875rem);
          margin-bottom: clamp(0.5rem, calc(0.11538rem + 1.92308vw), 1rem); } }
    .studio-list li .btn {
      width: 100%; }
      .studio-list li .btn a {
        width: 100%;
        height: 40px;
        font-size: 14px; }
        @media screen and (max-width: 737px) {
          .studio-list li .btn a {
            font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem); } }
        .studio-list li .btn a:hover {
          opacity: 0.8; }

.footer-sitemap {
  background: var(--gold);
  color: var(--white); }
  .footer-sitemap .sitemap-title {
    margin: 0;
    background: var(--gold);
    display: block;
    cursor: pointer;
    width: 100%;
    background: none;
    border: none;
    color: var(--white);
    padding: 12px;
    font-size: 20px;
    letter-spacing: 0.1em;
    font-weight: var(--font-light);
    transition: opacity 0.3s; }
    @media screen and (max-width: 737px) {
      .footer-sitemap .sitemap-title {
        padding: clamp(0.375rem, calc(0.27885rem + 0.48077vw), 0.5rem);
        font-size: clamp(0.75rem, calc(0.36538rem + 1.92308vw), 1.25rem);
        font-weight: var(--font-normal); } }
    .footer-sitemap .sitemap-title:hover {
      opacity: 0.8; }
  .footer-sitemap .sitemap-container {
    display: none;
    padding: 72px 0; }
    @media screen and (max-width: 737px) {
      .footer-sitemap .sitemap-container {
        padding: clamp(2.25rem, calc(0.51923rem + 8.65385vw), 4.5rem) clamp(0.625rem, calc(0.14423rem + 2.40385vw), 1.25rem) clamp(3.375rem, calc(2.50962rem + 4.32692vw), 4.5rem); } }
    .footer-sitemap .sitemap-container .sitemap-list {
      display: grid;
      grid-auto-flow: column;
      margin: auto;
      grid-template-columns: 1fr 2fr 2fr 1fr;
      gap: 20px 30px; }
      @media screen and (max-width: 737px) {
        .footer-sitemap .sitemap-container .sitemap-list {
          grid-template-columns: 1fr;
          gap: 10px 0; } }
      .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(1), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(2), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(3) {
        grid-column: 1; }
      .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(4), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(5), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(6), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(7) {
        grid-column: 2; }
        @media screen and (max-width: 737px) {
          .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(4), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(5), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(6), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(7) {
            grid-column: 1; } }
      .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(8), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(9), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(10), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(11) {
        grid-column: 3; }
        @media screen and (max-width: 737px) {
          .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(8), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(9), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(10), .footer-sitemap .sitemap-container .sitemap-list li:nth-of-type(11) {
            grid-column: 1; } }
      .footer-sitemap .sitemap-container .sitemap-list li:last-of-type {
        width: 200px;
        grid-column: 4;
        grid-row: span 2; }
        @media screen and (max-width: 737px) {
          .footer-sitemap .sitemap-container .sitemap-list li:last-of-type {
            grid-column: 1; } }
        .footer-sitemap .sitemap-container .sitemap-list li:last-of-type a:hover {
          color: var(--gold); }
      .footer-sitemap .sitemap-container .sitemap-list li.btn {
        margin-left: auto;
        margin-right: auto; }
        @media screen and (max-width: 737px) {
          .footer-sitemap .sitemap-container .sitemap-list li.btn {
            margin-top: 16px; } }
        .footer-sitemap .sitemap-container .sitemap-list li.btn a {
          width: 100%; }
      .footer-sitemap .sitemap-container .sitemap-list a {
        color: var(--white);
        letter-spacing: 0.06em;
        font-size: 14px; }
        @media screen and (max-width: 737px) {
          .footer-sitemap .sitemap-container .sitemap-list a {
            font-size: clamp(0.75rem, calc(0.65385rem + 0.48077vw), 0.875rem); } }
        .footer-sitemap .sitemap-container .sitemap-list a:hover {
          opacity: 0.8; }

.footer-bottom {
  color: var(--white);
  text-align: center;
  background: #1a1a1a;
  padding: 80px 0 56px;
  letter-spacing: 0.06em; }
  @media screen and (max-width: 737px) {
    .footer-bottom {
      padding: clamp(4rem, calc(3.23077rem + 3.84615vw), 5rem) 0 clamp(3.5rem, calc(3.5rem + 0vw), 3.5rem); } }
  .footer-bottom dt {
    width: 120px;
    margin: 0 auto 56px; }
    @media screen and (max-width: 737px) {
      .footer-bottom dt {
        width: clamp(5rem, calc(3.07692rem + 9.61538vw), 7.5rem);
        margin: 0 auto clamp(1.75rem, calc(0.40385rem + 6.73077vw), 3.5rem); } }
    .footer-bottom dt a:hover {
      opacity: 0.8; }
  .footer-bottom dd {
    font-size: 9px; }
    .footer-bottom dd:nth-of-type(1) {
      font-size: 12px;
      margin-bottom: 8px; }
      .footer-bottom dd:nth-of-type(1) a {
        color: var(--white); }
  .footer-bottom small {
    font-size: 9px; }

@media screen and (max-width: 737px) {
  .float-conversion-btn {
    background: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 10px 0;
    width: 100%;
    margin: auto;
    z-index: 1; }
    .float-conversion-btn.static {
      position: static;
      background: #fff;
      backdrop-filter: none;
      -webkit-backdrop-filter: none; }
    .float-conversion-btn ul {
      backface-visibility: hidden;
      animation-name: shake;
      animation-duration: 2.5s;
      animation-timing-function: linear;
      animation: 1.25s ease-in infinite 2 zrxShake;
      animation-iteration-count: infinite;
      display: flex;
      gap: 1px;
      justify-content: center; }
      .float-conversion-btn ul li {
        overflow: hidden;
        position: relative;
        width: 30%;
        height: 40px; }
        .float-conversion-btn ul li.catalog a {
          border-radius: 8px 0 0 8px; }
          .float-conversion-btn ul li.catalog a::before {
            display: inline-block;
            position: relative;
            width: 20px;
            height: 20px;
            content: "";
            background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 23"><path fill="%23ffffff" d="M21,3.43a.48.48,0,0,0-.34-.14,11.52,11.52,0,0,0-2.07.21V.59a.65.65,0,0,0-.06-.26.64.64,0,0,0-.11-.16A.68.68,0,0,0,18.21,0,.82.82,0,0,0,18,0a.57.57,0,0,0-.24.05,12.28,12.28,0,0,0-2.41,1.41A15.75,15.75,0,0,0,12.2,4.57a10,10,0,0,0-1,1.73,6.23,6.23,0,0,0-.44,1.3h-.28A6.46,6.46,0,0,0,9.7,5.72,13.8,13.8,0,0,0,7,2.41,13.55,13.55,0,0,0,3.38.05a.55.55,0,0,0-.24,0L3,0a.47.47,0,0,0-.15.06A.65.65,0,0,0,2.62.3a.53.53,0,0,0-.08.29c0,.09,0,1.94,0,2.91A11.73,11.73,0,0,0,.47,3.29.48.48,0,0,0,0,3.76V15.3a.46.46,0,0,0,.4.46,14.66,14.66,0,0,1,2.1.48A17.58,17.58,0,0,1,6,17.7a11.8,11.8,0,0,1,1.5,1,6.7,6.7,0,0,1,1.13,1.13A.49.49,0,0,0,9,20h3.22a.46.46,0,0,0,.37-.18,7.43,7.43,0,0,1,1.6-1.48,15.83,15.83,0,0,1,3.33-1.71,16.28,16.28,0,0,1,3.26-.87.46.46,0,0,0,.4-.46V3.76A.51.51,0,0,0,21,3.43Zm-12.38,15a8.9,8.9,0,0,0-1.1-.89A15.59,15.59,0,0,0,4,15.76,16.74,16.74,0,0,0,.94,14.9V4.24a14.52,14.52,0,0,1,2,.28H3v0A10.42,10.42,0,0,1,6.59,6a5.87,5.87,0,0,1,2,2.16V18.47ZM7,5.45A11,11,0,0,0,3.49,4V3.54c0-.65,0-1.75,0-2.41A11.94,11.94,0,0,1,5.23,2.22a14.86,14.86,0,0,1,3,2.91,8.88,8.88,0,0,1,1,1.57,4.13,4.13,0,0,1,.38,1.18H9.23A6.63,6.63,0,0,0,7,5.45Zm4.89,13.61H9.29V8.54h2.56Zm.06-11.18h-.29a5.29,5.29,0,0,1,.64-1.7A12.87,12.87,0,0,1,14.83,3.1a13.28,13.28,0,0,1,2.83-2V4a10.87,10.87,0,0,0-3.47,1.46A6.66,6.66,0,0,0,11.91,7.88Zm8.29,7a17.75,17.75,0,0,0-1.83.44,19.45,19.45,0,0,0-3.65,1.54A12.67,12.67,0,0,0,13.1,18a5.84,5.84,0,0,0-.59.51V8.16a6,6,0,0,1,2-2.16,10.4,10.4,0,0,1,3.58-1.45v0h.1a14.52,14.52,0,0,1,2-.28V14.9Z" /></svg>');
            background-size: cover;
            left: 0;
            top: 1px;
            transition: all 0.3s; }
          .float-conversion-btn ul li.catalog a:hover::before {
            transition: all 0.3s; }
        .float-conversion-btn ul li.reservation a::before {
          display: inline-block;
          position: relative;
          width: 19px;
          height: 20px;
          content: "";
          background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 22 23"><path fill="%23ffffff" d="M5.55,4A1.13,1.13,0,0,0,6.68,2.91V1.13a1.13,1.13,0,0,0-2.26,0V2.91A1.12,1.12,0,0,0,5.55,4Zm8.33,0A1.12,1.12,0,0,0,15,2.91V1.13a1.13,1.13,0,1,0-2.26,0V2.91A1.13,1.13,0,0,0,13.88,4Zm2.83-2.43H16v1.3a2.13,2.13,0,1,1-4.25,0V1.61H7.67v1.3a2.13,2.13,0,1,1-4.25,0V1.61h-.7A2.72,2.72,0,0,0,0,4.34V17.27A2.72,2.72,0,0,0,2.72,20h14a2.72,2.72,0,0,0,2.72-2.73V4.34A2.72,2.72,0,0,0,16.71,1.61ZM18.1,17.27a1.39,1.39,0,0,1-1.39,1.4h-14a1.4,1.4,0,0,1-1.4-1.4V6.06H18.1ZM6.89,14.75H9.11V17H6.89Zm0-3.44H9.11v2.22H6.89ZM3.46,14.75H5.67V17H3.46Zm0-3.44H5.67v2.22H3.46ZM13.75,7.88H16V10.1H13.75Zm-3.43,0h2.22V10.1H10.32Zm0,3.43h2.22v2.22H10.32Zm3.43,3.44H16V17H13.75Zm0-3.44H16v2.22H13.75Zm-3.43,3.44h2.22V17H10.32ZM6.89,7.88H9.11V10.1H6.89Zm-3.43,0H5.67V10.1H3.46Z" /></svg>');
          background-size: cover;
          left: 0;
          top: 1px;
          transition: all 0.3s; }
        .float-conversion-btn ul li.reservation a:hover::before {
          transition: all 0.3s; }
        .float-conversion-btn ul li.cloth a {
          border-radius: 0 8px 8px 0; }
          .float-conversion-btn ul li.cloth a::before {
            display: inline-block;
            position: relative;
            width: 25px;
            height: 25px;
            content: "";
            background: url("../images/icon-cloth.svg");
            left: 0;
            top: 0;
            transition: all 0.3s; }
          .float-conversion-btn ul li.cloth a:hover::before {
            transition: all 0.3s; }
        .float-conversion-btn ul li a {
          background: var(--pink);
          display: flex;
          align-items: center;
          text-align: center;
          justify-content: center;
          height: 40px;
          font-weight: var(--font-light);
          letter-spacing: .06em;
          line-height: 1;
          gap: 6px;
          font-size: 14px;
          color: var(--white); }
          .float-conversion-btn ul li a:hover {
            background: var(--black);
            color: var(--white); } }
/*----------------------------------------------------------------------
								animation 
----------------------------------------------------------------------*/
@-webkit-keyframes rotation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes rotation {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 15%, 0);
    transform: translate3d(0, 15%, 0); }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0); } }
@-webkit-keyframes fadeInScaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes fadeInScaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.02);
    transform: scale(1.02); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@-webkit-keyframes shake {
  0% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  2.5% {
    -webkit-transform: translate3d(-1px, -2px, 0) rotate(-1deg);
    transform: translate3d(-1px, -2px, 0) rotate(-1deg); }
  5% {
    -webkit-transform: translate3d(-3px, 0px, 0) rotate(1deg);
    transform: translate3d(-3px, 0px, 0) rotate(1deg); }
  10% {
    -webkit-transform: translate3d(3px, 2px, 0) rotate(0deg);
    transform: translate3d(3px, 2px, 0) rotate(0deg); }
  12.5% {
    -webkit-transform: translate3d(1px, -1px, 0) rotate(1deg);
    transform: translate3d(1px, -1px, 0) rotate(1deg); }
  15% {
    -webkit-transform: translate3d(-1px, 2px, 0) rotate(-1deg);
    transform: translate3d(-1px, 2px, 0) rotate(-1deg); }
  17.5% {
    -webkit-transform: translate3d(-3px, 1px, 0) rotate(0deg);
    transform: translate3d(-3px, 1px, 0) rotate(0deg); }
  20% {
    -webkit-transform: translate3d(3px, 1px, 0) rotate(-1deg);
    transform: translate3d(3px, 1px, 0) rotate(-1deg); }
  22.5% {
    -webkit-transform: translate3d(-1px, -1px, 0) rotate(1deg);
    transform: translate3d(-1px, -1px, 0) rotate(1deg); }
  25% {
    -webkit-transform: translate3d(1px, 2px, 0) rotate(0deg);
    transform: translate3d(1px, 2px, 0) rotate(0deg); }
  50% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  60% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  70% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  80% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  90% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  100% {
    -webkit-transform: translate3d(1px, 1px, 0) rotate(0deg);
    transform: translate3d(1px, 1px, 0) rotate(0deg); } }
@keyframes shake {
  0% {
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  2.5% {
    transform: translate3d(-1px, -2px, 0) rotate(-1deg); }
  5% {
    transform: translate3d(-3px, 0px, 0) rotate(1deg); }
  10% {
    transform: translate3d(3px, 2px, 0) rotate(0deg); }
  12.5% {
    transform: translate3d(1px, -1px, 0) rotate(1deg); }
  15% {
    transform: translate3d(-1px, 2px, 0) rotate(-1deg); }
  17.5% {
    transform: translate3d(-3px, 1px, 0) rotate(0deg); }
  20% {
    transform: translate3d(3px, 1px, 0) rotate(-1deg); }
  22.5% {
    transform: translate3d(-1px, -1px, 0) rotate(1deg); }
  25% {
    transform: translate3d(1px, 2px, 0) rotate(0deg); }
  50% {
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  60% {
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  70% {
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  80% {
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  90% {
    transform: translate3d(1px, 1px, 0) rotate(0deg); }
  100% {
    transform: translate3d(1px, 1px, 0) rotate(0deg); } }