:root {
  --color-green-50: #f5f6ef;
  --color-green-100: #e7ebdc;
  --color-green-200: #d2d9bd;
  --color-green-300: #b5c195;
  --color-green-400: #99a972;
  --color-green-500: #7c8d55;
  --color-green-600: #5c6a3e;
  --color-green-700: #4b5635;
  --color-green-800: #3e462e;
  --color-green-900: #363d2a;
  --color-green-950: #1b2013;
  --color-gray-50: #f4f6f7;
  --color-gray-100: #e2e8eb;
  --color-gray-200: #c9d4d8;
  --color-gray-300: #a3b5bd;
  --color-gray-400: #76909a;
  --color-gray-500: #5a737f;
  --color-gray-600: #4e616c;
  --color-gray-700: #43525b;
  --color-gray-800: #3c474e;
  --color-gray-900: #363e43;
  --color-gray-950: #21262b;
  --color-red-50: #fef3f2;
  --color-red-100: #fce9e7;
  --color-red-200: #f9d4d2;
  --color-red-300: #f5afac;
  --color-red-400: #ee807e;
  --color-red-500: #e35051;
  --color-red-600: #d23a43;
  --color-red-700: #ae222e;
  --color-red-800: #921f2d;
  --color-red-900: #7d1e2c;
  --color-red-950: #450c13;
  --color-orange-50: #fcf6f0;
  --color-orange-100: #f9e8db;
  --color-orange-200: #f2cfb6;
  --color-orange-300: #eaae87;
  --color-orange-400: #e08457;
  --color-orange-500: #d96536;
  --color-orange-600: #cb4f2b;
  --color-orange-700: #a83c26;
  --color-orange-800: #873225;
  --color-orange-900: #6d2b21;
  --color-orange-950: #3b140f;
  --color-beige-50: #f9f7f3;
  --color-beige-100: #f2ede2;
  --color-beige-200: #e4d9c4;
  --color-beige-300: #d2c09f;
  --color-beige-400: #bd9e73;
  --color-beige-500: #b28b5d;
  --color-beige-600: #a57951;
  --color-beige-700: #896245;
  --color-beige-800: #6f503d;
  --color-beige-900: #5b4233;
  --color-beige-950: #30221a;
  --color-white: #ffffff;
  --color-neutral-50: #f6f6f6;
  --color-neutral-100: #e7e7e7;
  --color-neutral-200: #d1d1d1;
  --color-neutral-300: #b0b0b0;
  --color-neutral-400: #888888;
  --color-neutral-500: #676767;
  --color-neutral-600: #5d5d5d;
  --color-neutral-700: #4f4f4f;
  --color-neutral-800: #454545;
  --color-neutral-900: #3d3d3d;
  --color-neutral-950: #262626;
}

/* =============================================
Typography/reads
============================================= */
/* reads/38B-140% */
/* reads/38-140% */
/* reads/32B-140% */
/* reads/32-140% */
/* reads/24B-140% */
/* reads/24-140% */
/* reads/20B-140% */
/* reads/20-140% */
/* reads/16B-140% */
/* reads/16-140% */
/* reads/14B-140% */
/* reads/14-140% */
/* reads/12B-140% */
/* reads/12-140% */
/* reads/10B-140% */
/* reads/10-140% */
/* =============================================
Typography/title_en
============================================= */
/* title_en/38B */
/* title_en/38B */
/* title_en/24B */
/* title_en/20B */
/* title_en/14B */
/* =============================================
Typography/label
============================================= */
/* label/14 */
/* label/14B */
/* label/12 */
/* label/12B */
/* =============================================
Style/modal
============================================= */
/* 1. Use a more-intuitive box-sizing model */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 2. Remove default margin */
* {
  margin: 0;
}

/* 3. Enable keyword animations */
@media (prefers-reduced-motion: no-preference) {
  html {
    interpolate-size: allow-keywords;
  }
}
body {
  /* 4. Add accessible line-height */
  line-height: 1.5;
  /* 5. Improve text rendering */
  -webkit-font-smoothing: antialiased;
}

/* 6. Improve media defaults */
img,
picture,
video,
canvas,
svg {
  display: block;
}

/* 7. Inherit fonts for form controls */
input,
button,
textarea,
select {
  font: inherit;
}

/* 8. Avoid text overflows */
/*
  10. Create a root stacking context
*/
#root,
#__next {
  isolation: isolate;
}

/* =============================================
base
============================================= */
html {
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
  font-size: max(12px, 1.1111111111vw);
  -webkit-text-size-adjust: 100%;
  background: #fff;
}
@media screen and (min-width: 1441px) {
  html {
    font-size: 16px;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 4.1025641026vw;
  }
}
html.no-scroll {
  overflow: hidden;
}

body {
  height: 100dvh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  font-family: "Inter", sans-serif, "Noto Sans JP", serif;
  color: var(--color-neutral-950);
  font-size: 1rem;
  padding-top: 6.375rem;
}
@media screen and (max-width: 768px) {
  body {
    padding-top: 4rem;
  }
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

a,
button {
  text-decoration: none;
  color: var(--color-neutral-950);
  cursor: pointer;
}

ul {
  padding: 0;
}
ul li {
  list-style: none;
}

img {
  max-width: 100%;
}

/* =============================================
form
============================================= */
select,
input,
textarea,
button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  padding: 0;
  color: var(--color-neutral-950);
}

/* =============================================
header/layout
============================================= */
.l-common-header {
  width: 100%;
  height: 6.375rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
@media screen and (max-width: 768px) {
  .l-common-header {
    height: 4rem;
  }
}
.l-common-header .header_inner {
  width: 100%;
  height: 100%;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.l-common-header .header_inner .header_logo {
  width: 6.84356rem;
  height: 1.875rem;
}
.l-common-header .header_inner .header_logo img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.l-common-header .header_inner .header_main_container {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Montserrat", sans-serif;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
            transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
    transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  }
  .l-common-header .header_inner .header_main_container.active {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
  }
}
.l-common-header .header_inner .header_main_container .header_nav_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 4.5rem;
}
@media screen and (max-width: 950px) {
  .l-common-header .header_inner .header_main_container .header_nav_wrap {
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .header_nav_wrap {
    overflow-y: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    height: 100%;
    padding: 5rem 3rem 7rem;
  }
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .global_nav_box {
    width: 100%;
  }
}
.l-common-header .header_inner .header_main_container .global_nav_box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.5rem;
}
@media screen and (max-width: 950px) {
  .l-common-header .header_inner .header_main_container .global_nav_box > ul {
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .global_nav_box > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2rem;
  }
}
.l-common-header .header_inner .header_main_container .global_nav_box > ul li {
  font-size: 0.875rem;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .global_nav_box > ul li {
    width: 100%;
  }
  .l-common-header .header_inner .header_main_container .global_nav_box > ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-common-header .header_inner .header_main_container .global_nav_box > ul li a::after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url("../img/icon/arrow_right_gray.svg") no-repeat center/contain;
  }
}
.l-common-header .header_inner .header_main_container .other_nav_box_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .other_nav_box_wrap {
    width: 100%;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .user_action_nav_box {
    width: 100%;
  }
}
.l-common-header .header_inner .header_main_container .user_action_nav_box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .user_action_nav_box > ul {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action {
  height: 3rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.62rem;
  padding: 0.75rem 1rem;
  border-radius: var(--2, 0.5rem);
  border: 1px solid var(--color-neutral-200);
  background: var(--color-neutral-50);
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action {
    width: 100%;
    height: auto;
    padding: 1.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
  }
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action.login {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action.login .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action.login::after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url("../img/icon/arrow_right_gray.svg") no-repeat center/contain;
  }
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action.mypage {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    border: none;
    background: transparent;
    border-bottom: 1px solid var(--color-neutral-200);
    border-radius: 0;
  }
  .l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action.mypage .text {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .l-common-header .header_inner .header_main_container .user_action_nav_box .btn_action.mypage::after {
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    background: url("../img/icon/arrow_right_gray.svg") no-repeat center/contain;
  }
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_action_nav_sp {
    background: var(--color-neutral-50);
    border: 1px solid var(--color-neutral-200);
    border-radius: var(--2, 0.5rem);
  }
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_menu_li_box {
  padding: 1.5rem;
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_menu_li_box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_menu_li_box > ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: var(--color-neutral-800);
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_menu_li_box > ul li a::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_gray.svg") no-repeat center/contain;
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_menu_li_box > ul li a .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_menu_li_box > ul li a .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.l-common-header .header_inner .header_main_container .user_action_nav_box .mypage_menu_li_box > ul li a .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .other_action_nav_box {
    width: 100%;
    padding-top: 2rem;
    border-top: 1px solid var(--color-neutral-100);
  }
}
.l-common-header .header_inner .header_main_container .other_action_nav_box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .other_action_nav_box > ul {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-common-header .header_inner .header_main_container .other_action_nav_box .btn_language_pc {
  height: 3rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.62rem;
  padding: 0.75rem 1rem;
  border-radius: var(--2, 0.5rem);
  border: 1px solid var(--color-neutral-200);
  background: var(--color-neutral-50);
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  cursor: pointer;
}
.l-common-header .header_inner .header_main_container .other_action_nav_box .btn_reserve_noregister {
  height: 3rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.62rem;
  padding: 0.75rem 1rem;
  border-radius: var(--2, 0.5rem);
  background: var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  color: #fff;
  border: 1px solid var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .other_action_nav_box .btn_reserve_noregister {
    width: 100%;
    height: auto;
    padding: 1.5rem;
    font-size: 0.875rem;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
  }
}
.l-common-header .header_inner .header_main_container .other_action_nav_box .btn_languages_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
.l-common-header .header_inner .header_main_container .other_action_nav_box .btn_languages_box .btn_language {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc((100% - 0.75rem) / 2);
  padding: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-neutral-200);
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .l-common-header .header_inner .header_main_container .other_action_nav_box .btn_languages_box .btn_language {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
  }
}
.l-common-header .header_inner .header_main_container .other_action_nav_box .btn_languages_box .btn_language.active {
  border: 2px solid var(--color-beige-500);
  background: var(--color-beige-100);
  color: var(--color-beige-500);
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}

/* =============================================
header/menu-trigger
============================================= */
.c-common-header_menu_trigger {
  width: 1.5rem;
  height: 1.25rem;
  position: relative;
  display: none;
}
@media screen and (max-width: 768px) {
  .c-common-header_menu_trigger {
    display: block;
  }
}
.c-common-header_menu_trigger.active span:first-of-type {
  top: 0;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.c-common-header_menu_trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.c-common-header_menu_trigger.active span:last-of-type {
  top: 0;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.c-common-header_menu_trigger span {
  width: 100%;
  height: 3px;
  background: var(--color-neutral-950);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  -webkit-transform-origin: center;
      -ms-transform-origin: center;
          transform-origin: center;
}
.c-common-header_menu_trigger span:first-of-type {
  top: -1.15rem;
}
.c-common-header_menu_trigger span:nth-of-type(2) {
  opacity: 1;
}
.c-common-header_menu_trigger span:last-of-type {
  top: 1.15rem;
}

/* =============================================
header/dropdown
============================================= */
.c-common-header_dropdown {
  position: relative;
}

.c-common-header_dropdown_menu {
  position: absolute;
  top: 120%;
  background: #fff;
  border-radius: 0.5rem;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
}
.c-common-header_dropdown_menu.active {
  opacity: 1;
  visibility: visible;
}
.c-common-header_dropdown_menu .menu_item {
  padding: 0.75rem 1rem;
}
.c-common-header_dropdown_menu .menu_item:not(:last-of-type) {
  border-bottom: 1px solid var(--color-neutral-200);
}

.l-common-footer {
  width: 100%;
  border-top: 1px solid var(--color-neutral-100);
}
.l-common-footer .footer_inner {
  width: 100%;
  max-width: 87rem;
  margin: 0 auto;
  padding: 2rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .l-common-footer .footer_inner {
    padding: 4rem 1.5rem;
  }
}
.l-common-footer .footer_inner .footer_logo_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .l-common-footer .footer_inner .footer_logo_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-common-footer .footer_inner .footer_logo_wrap .logo_jnb {
  padding-right: 1.5rem;
  border-right: 1px solid var(--color-neutral-100);
}
@media screen and (max-width: 768px) {
  .l-common-footer .footer_inner .footer_logo_wrap .logo_jnb {
    padding-right: 0;
    padding-bottom: 1.5rem;
    border-right: none;
    border-bottom: 1px solid var(--color-neutral-100);
  }
}
.l-common-footer .footer_inner .footer_logo_wrap .logo_jnb a {
  width: 7.49994rem;
  display: block;
}
.l-common-footer .footer_inner .footer_logo_wrap .logo_jnb a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.l-common-footer .footer_inner .footer_logo_wrap .logo_jna {
  padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .l-common-footer .footer_inner .footer_logo_wrap .logo_jna {
    padding-left: 0;
    padding-top: 1.5rem;
  }
}
.l-common-footer .footer_inner .footer_logo_wrap .logo_jna a {
  width: 7.5rem;
  display: block;
}
.l-common-footer .footer_inner .footer_logo_wrap .logo_jna a img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.l-common-footer .footer_inner .footer_main_wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .l-common-footer .footer_inner .footer_main_wrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.l-common-footer .footer_inner .footer_main_wrap .global_nav_box {
  width: 46%;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .l-common-footer .footer_inner .footer_main_wrap .global_nav_box {
    width: 100%;
  }
}
.l-common-footer .footer_inner .footer_main_wrap .global_nav_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem 4rem;
}
@media screen and (max-width: 768px) {
  .l-common-footer .footer_inner .footer_main_wrap .global_nav_box ul {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 0.75rem 1.5rem;
  }
}
.l-common-footer .footer_inner .footer_main_wrap .global_nav_box ul li {
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.l-common-footer .footer_inner .footer_main_wrap .copyright {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
}

.l-mypage-menu_wrapper {
  background: #fff;
  padding: 1.5rem;
  border-radius: 1rem;
}
.l-mypage-menu_wrapper .mypage_nav_box > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.l-mypage-menu_wrapper .mypage_nav_box > ul li {
  width: 100%;
}
.l-mypage-menu_wrapper .mypage_nav_box > ul li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
}
.l-mypage-menu_wrapper .mypage_nav_box > ul li a:after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_gray.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}

.c-common-alert {
  padding: 1rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c-common-alert {
    font-size: 1rem;
    font-weight: 400;
    line-height: 140%;
    padding: 1rem;
  }
}
.c-common-alert.default {
  border: 1px solid var(--color-beige-300);
  background: var(--color-beige-100);
  color: var(--color-beige-800);
}
.c-common-alert.success {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--color-green-800);
  gap: 0.625rem;
  background: var(--color-green-50);
  border: 1px solid var(--color-green-300);
}
.c-common-alert.danger {
  border: 1px solid var(--color-red-300);
  background: var(--color-red-50);
  color: var(--color-red-800);
}
.c-common-alert .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-common-alert .c-common-alert_btn {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  padding: 0.5rem 0.7rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-neutral-300);
  background: var(--color-neutral-50);
}
.c-common-alert .c-common-alert_text_link {
  text-decoration: underline;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
}
.c-common-alert .c-common-alert_close_btn {
  width: 1.5rem;
  height: 1.5rem;
  padding: 0.15rem;
  cursor: pointer;
}
.c-common-alert .c-common-alert_close_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* =============================================
// Button/Enable
============================================= */
.c-common-button_enable_el {
  width: 100%;
  max-width: 20.4375rem;
  padding: 0.56rem var(--3, 0.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  border: 1px solid var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  cursor: pointer;
}
.c-common-button_enable_el.size_lg {
  max-width: 100%;
}
.c-common-button_enable_el.size_xs {
  max-width: 15rem;
}
.c-common-button_enable_el.arrow_left::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_left_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75rem;
  margin: auto;
}
.c-common-button_enable_el.arrow_right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  margin: auto;
}
.c-common-button_enable_el .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-common-button_enable_el a {
  color: #fff;
}

.c-common-button_enable_l {
  width: 100%;
  max-width: 20.4375rem;
  padding: 0.56rem var(--3, 0.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  border: 1px solid var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  cursor: pointer;
}
.c-common-button_enable_l.size_lg {
  max-width: 100%;
}
.c-common-button_enable_l.size_xs {
  max-width: 15rem;
}
.c-common-button_enable_l.arrow_left::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_left_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75rem;
  margin: auto;
}
.c-common-button_enable_l.arrow_right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  margin: auto;
}
.c-common-button_enable_l .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* =============================================
// Button/Enable_line
============================================= */
.c-common-button_enable_line_el {
  width: 100%;
  max-width: 20.4375rem;
  padding: 0.56rem var(--3, 0.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--black-white-300, #b0b0b0);
  background: var(--black-white-0, #fff);
  border-radius: 0.5rem;
  color: var(--black-white-900, #3d3d3d);
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  cursor: pointer;
}
.c-common-button_enable_line_el.size_lg {
  max-width: 100%;
}
.c-common-button_enable_line_el.size_xs {
  max-width: 15rem;
}
.c-common-button_enable_line_el.arrow_left::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_left_default.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75rem;
  margin: auto;
}
.c-common-button_enable_line_el.arrow_right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_default.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  margin: auto;
}
.c-common-button_enable_line_el .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-common-button_enable_line_l {
  width: 100%;
  max-width: 20.4375rem;
  padding: 0.56rem var(--3, 0.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--black-white-300, #b0b0b0);
  background: var(--black-white-0, #fff);
  border-radius: 0.5rem;
  color: var(--black-white-900, #3d3d3d);
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  cursor: pointer;
}
.c-common-button_enable_line_l.size_lg {
  max-width: 100%;
}
.c-common-button_enable_line_l.size_xs {
  max-width: 15rem;
}
.c-common-button_enable_line_l.arrow_left::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_left_default.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75rem;
  margin: auto;
}
.c-common-button_enable_line_l.arrow_right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_default.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  margin: auto;
}
.c-common-button_enable_line_l .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* =============================================
// Button/Danger
============================================= */
.c-common-button_danger_el {
  width: 100%;
  max-width: 20.4375rem;
  padding: 0.56rem var(--3, 0.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--color-red-500);
  background: var(--color-red-500);
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  cursor: pointer;
}
.c-common-button_danger_el.size_lg {
  max-width: 100%;
}
.c-common-button_danger_el.size_xs {
  max-width: 15rem;
}
.c-common-button_danger_el.arrow_left::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_left_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75rem;
  margin: auto;
}
.c-common-button_danger_el.arrow_right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  margin: auto;
}
.c-common-button_danger_el .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-common-button_danger_l {
  width: 100%;
  max-width: 20.4375rem;
  padding: 0.56rem var(--3, 0.75rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid var(--color-red-500);
  background: var(--color-red-500);
  border-radius: 0.5rem;
  color: #fff;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  position: relative;
  cursor: pointer;
}
.c-common-button_danger_l.size_lg {
  max-width: 100%;
}
.c-common-button_danger_l.size_xs {
  max-width: 15rem;
}
.c-common-button_danger_l.arrow_left::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_left_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75rem;
  margin: auto;
}
.c-common-button_danger_l.arrow_right::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/arrow_right_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0.75rem;
  margin: auto;
}
.c-common-button_danger_l .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/* =============================================
// Button/layout
============================================= */
.c-common-button_btn_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
  margin-top: 1.5rem;
}
.c-common-button_btn_wrap.flex_right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

/* =============================================
// Button/favorite
============================================= */
.c-common-button_favorite_btn_wrap {
  cursor: pointer;
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 5;
}
.c-common-button_favorite_btn_wrap.salon_detail {
  width: 3.75rem;
  height: 3.75rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #fff;
  border-radius: 50rem;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
  position: static;
}
.c-common-button_favorite_btn_wrap.salon_detail .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.c-common-button_favorite_btn_wrap .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.c-common-calendar_wrapper .calendar_ttl_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.35rem 0;
}
.c-common-calendar_wrapper .calendar_ttl_box .month {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
}
.c-common-calendar_wrapper .calendar_ttl_box .arrow {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.c-common-calendar_wrapper .calendar_ttl_box .arrow img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-common-calendar_wrapper .table_wrap {
  width: 100%;
}
.c-common-calendar_wrapper .table_wrap .table_calendar {
  width: 100%;
  text-align: center;
}
.c-common-calendar_wrapper .table_wrap .table_calendar th {
  padding: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
}
.c-common-calendar_wrapper .table_wrap .table_calendar td .status {
  width: 3rem;
  height: 3rem;
  border: 1px solid var(--color-neutral-50);
  padding: 0.5rem;
  border-radius: 50rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
@media screen and (max-width: 768px) {
  .c-common-calendar_wrapper .table_wrap .table_calendar td .status {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.75rem;
    font-weight: 700;
    line-height: 100%;
  }
}
.c-common-calendar_wrapper .table_wrap .table_calendar td .status:hover {
  border: 1px solid var(--color-neutral-950);
}
.c-common-calendar_wrapper .table_wrap .table_calendar td .status.not_possible {
  color: var(--color-neutral-200);
  pointer-events: none;
}
.c-common-calendar_wrapper .table_wrap .table_calendar td .status.available {
  cursor: pointer;
}
.c-common-calendar_wrapper .table_wrap .table_calendar td .status.selected {
  background: var(--color-beige-400);
  border: 1px solid var(--color-beige-400);
  color: #fff;
}
.c-common-calendar_wrapper .table_wrap .table_calendar td .status.today {
  color: #fff;
}

/* =============================================
// Form/parts
============================================= */
.c-common-form_parts_wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
}
.c-common-form_parts_wrap.flex_center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-common-form_parts_wrap.confirm {
  border-bottom: 1px solid var(--color-neutral-100);
  padding: 0.88rem 0;
  margin-bottom: 0;
}
.c-common-form_parts_wrap.confirm .form_label_box {
  color: var(--color-neutral-500);
}
.c-common-form_parts_wrap .form_label_box {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}
.c-common-form_parts_wrap .form_input_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c-common-form_parts_wrap .form_input_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.c-common-form_parts_wrap .form_input_box.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

/* =============================================
// Form/input
============================================= */
.c-common-form_control {
  width: 100%;
  max-width: 35rem;
  min-height: 3rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-neutral-100);
  background: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-common-form_control.size_xs {
  width: 15rem;
}
.c-common-form_control.disabled {
  background: var(--color-neutral-100);
}

/* =============================================
// Form/textarea
============================================= */
.c-common-form_textarea {
  width: 100%;
  min-height: 8.625rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  border: 1px solid var(--color-neutral-100);
  background: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-common-form_textarea.disabled {
  background: var(--color-neutral-100);
}

/* =============================================
// Form/select
============================================= */
.c-common-form_select_wrap {
  width: 100%;
  position: relative;
  cursor: pointer;
}
.c-common-form_select_wrap::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-bottom: 2px solid var(--color-neutral-950);
  border-right: 2px solid var(--color-neutral-950);
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1rem;
  margin: auto;
  pointer-events: none;
}
.c-common-form_select_wrap.size_xs {
  width: 15rem;
}

/* =============================================
// Form/radio
============================================= */
.c-common-form_radio_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 5rem;
}
.c-common-form_radio_wrap.vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-common-form_radio_wrap .radio_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}
.c-common-form_radio_wrap .radio_item input[type=radio] {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid var(--color-neutral-900);
  border-radius: 10000rem;
  cursor: pointer;
  position: relative;
}
.c-common-form_radio_wrap .radio_item input[type=radio]:checked::after {
  content: "";
  width: 0.65rem;
  height: 0.65rem;
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 9999px;
  background: var(--color-neutral-900);
}

/* =============================================
// Form/checkbox
============================================= */
.c-common-form_checkbox_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem 5rem;
}
.c-common-form_checkbox_wrap .checkbox_item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 100%;
}
.c-common-form_checkbox_wrap .checkbox_item input[type=checkbox] {
  width: 1.25rem;
  height: 1.25rem;
  border: 1px solid var(--color-neutral-900);
  border-radius: 0.25rem;
  cursor: pointer;
  position: relative;
}
.c-common-form_checkbox_wrap .checkbox_item input[type=checkbox]:checked::after {
  content: "";
  width: 1.25rem;
  height: 0.65rem;
  border-bottom: 3px solid var(--color-neutral-900);
  border-left: 3px solid var(--color-neutral-900);
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: -0.25rem;
  bottom: 0;
  margin: auto;
}

/* =============================================
// Form/code
============================================= */
.c-common-form_code_input_group {
  padding: 0.875rem 1rem;
  border: 2px solid var(--color-neutral-950);
  border-radius: 0.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.c-common-form_code_input_group .code_input {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 2rem;
  border-bottom: 1px solid var(--color-neutral-400);
  padding: 0.5rem;
  font-size: 1.25rem;
  text-align: center;
  border-radius: 0 !important;
}
.c-common-form_code_input_group .code_input:focus-visible {
  outline: none;
}

/* =============================================
// Form/alert
============================================= */
.c-common-form_alert {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-red-600);
}

.c-common-form_required {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%;
  color: var(--color-red-600);
}

/* =============================================
// Form/text
============================================= */
.c-common-form_link {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
}

/* =============================================
// display
============================================= */
.c-common-layout_pc_only {
  display: block;
}
@media screen and (max-width: 768px) {
  .c-common-layout_pc_only {
    display: none;
  }
}

.c-common-layout_sp_only {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-common-layout_sp_only {
    display: block;
  }
}

/* =============================================
// display
============================================= */
.l-common-layout_wrapper section {
  margin-bottom: 4rem;
}

/* =============================================
// container
============================================= */
.c-common-layout_container_xxs {
  width: 100%;
  max-width: 26.88rem;
  padding: 0 0.94rem;
  margin: 0 auto;
}

.c-common-layout_container_xs {
  width: 100%;
  max-width: 36.88rem;
  padding: 0 0.94rem;
  margin: 0 auto;
}

.c-common-layout_container_sm {
  width: 100%;
  max-width: 60.21rem;
  padding: 0 0.94rem;
  margin: 0 auto;
}

.c-common-layout_container_md {
  width: 100%;
  max-width: 83.82rem;
  padding: 0 0.94rem;
  margin: 0 auto;
}

.c-common-layout_container_lg {
  width: 100%;
  max-width: 95.21rem;
  padding: 0 0.94rem;
  margin: 0 auto;
}

/* =============================================
// layout/column
============================================= */
.l-common-layout_column_2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
}
@media screen and (max-width: 768px) {
  .l-common-layout_column_2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.l-common-layout_column_2 .side_container {
  width: 22.5rem;
}
@media screen and (max-width: 768px) {
  .l-common-layout_column_2 .side_container {
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.l-common-layout_column_2 .main_container {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media screen and (max-width: 768px) {
  .l-common-layout_column_2 .main_container {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

/* =============================================
// background
============================================= */
.c-common-layout_bg_primary {
  background: var(--color-neutral-50);
}

.c-common-layout_box_shadow {
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}

/* =============================================
// form
============================================= */
.c-common-layout_form_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.c-common-layout_form_block {
  background: #fff;
  padding: 1.5rem;
  border-radius: 1rem;
}
@media screen and (max-width: 768px) {
  .c-common-layout_form_block {
    padding: 1.5rem 1rem;
  }
}
.c-common-layout_form_block .form_paragrah_item {
  margin-bottom: 2rem;
}

.c-common-layout_form_fixed_wrap {
  width: 100vw;
  background: #fff;
  position: fixed;
  bottom: 0;
  left: 0;
}
.c-common-layout_form_fixed_wrap .form_fixed_inner {
  width: 100%;
  position: relative;
  padding: 1.25rem 0;
}
@media screen and (max-width: 768px) {
  .c-common-layout_form_fixed_wrap .form_fixed_inner {
    padding: 1rem 0;
  }
}
.c-common-layout_form_fixed_wrap .c-common-button_btn_wrap {
  margin: 0;
}
.c-common-layout_form_fixed_wrap .step_bar_container {
  width: 100%;
  position: absolute;
  top: -2rem;
  left: 0;
}
.c-common-layout_form_fixed_wrap .step_bar_container .step_status {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
  margin-bottom: 0.75rem;
}
.c-common-layout_form_fixed_wrap .step_bar_container .step_bar_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.45rem;
}
.c-common-layout_form_fixed_wrap .step_bar_container .step_bar_box .step_bar {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 5px;
  background: var(--color-neutral-200);
}
.c-common-layout_form_fixed_wrap .step_bar_container .step_bar_box .step_bar.current {
  background: var(--color-beige-600);
}

/* =============================================
// mypage
============================================= */
.c-common-layout_no_item_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding-bottom: 2rem;
}
.c-common-layout_no_item_block p {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-neutral-400);
  text-align: center;
}

.c-common-modal_wrapper {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: none;
  backdrop-filter: blur(8px);
}
.c-common-modal_wrapper.modal_wrapper_scroll {
  overflow: auto;
  pointer-events: none;
}
.c-common-modal_wrapper.modal_wrapper_scroll .modal_container {
  min-height: 100dvh;
  height: auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-common-modal_wrapper.modal_wrapper_scroll .modal_inner {
  max-height: none;
  pointer-events: auto;
}
.c-common-modal_wrapper.modal_wrapper_scroll .modal_content .modal_content_inner {
  max-height: none;
  overflow-y: inherit;
}
.c-common-modal_wrapper.modal_wrapper_scroll .c-common-modal_overlay {
  min-height: 100vh;
}
.c-common-modal_wrapper .modal_container {
  width: 100%;
  height: 100svh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1.15rem;
}
.c-common-modal_wrapper .modal_inner {
  width: 100%;
  height: auto;
  max-height: 100%;
  max-width: 35rem;
  background: #fff;
  border-radius: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 9999;
}
.c-common-modal_wrapper .modal_inner.size_sm {
  max-width: 58.33rem;
}
.c-common-modal_wrapper .modal_inner.size_xs {
  max-width: 52.5rem;
}
.c-common-modal_wrapper .modal_close {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.c-common-modal_wrapper .modal_close img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-common-modal_wrapper .modal_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--color-neutral-200);
  padding: 1rem 1.5rem;
}
.c-common-modal_wrapper .modal_header .modal_head_ttl {
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.c-common-modal_wrapper .modal_content {
  padding: 1.63rem;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (max-width: 768px) {
  .c-common-modal_wrapper .modal_content {
    padding: 1.5rem 1rem;
  }
}
.c-common-modal_wrapper .modal_content .modal_content_inner {
  width: 100%;
  max-height: 70vh;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .c-common-modal_wrapper .modal_content .modal_content_inner {
    max-height: 60vh;
  }
}
.c-common-modal_wrapper .modal_content .modal_content_inner.flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .c-common-modal_wrapper .modal_content .modal_content_inner.flex_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
  }
}
.c-common-modal_wrapper .modal_content .modal_content_inner.flex_row .modal_col {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
}
.c-common-modal_wrapper .modal_content .modal_content_inner.flex_row .modal_col:first-of-type {
  padding-right: 1.5rem;
  border-right: 1px solid var(--color-neutral-200);
}
@media screen and (max-width: 768px) {
  .c-common-modal_wrapper .modal_content .modal_content_inner.flex_row .modal_col:first-of-type {
    padding-right: 0;
    border: none;
  }
}
.c-common-modal_wrapper .modal_content .modal_content_inner.flex_row .modal_col:last-of-type {
  padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .c-common-modal_wrapper .modal_content .modal_content_inner.flex_row .modal_col:last-of-type {
    padding-left: 0;
  }
}
.c-common-modal_wrapper .modal_paragraph_item {
  margin-bottom: 1.5rem;
}
.c-common-modal_wrapper .modal_paragraph_item.flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-common-modal_wrapper .modal_paragraph_item.flex_center .badge_wrap {
  width: 4rem;
  margin-bottom: 1rem;
}
.c-common-modal_wrapper .modal_paragraph_item.flex_center .badge_wrap img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-common-modal_wrapper .modal_break {
  margin: 1.5rem 0;
}
.c-common-modal_wrapper .modal_break .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}
.c-common-modal_wrapper .modal_break .text::before, .c-common-modal_wrapper .modal_break .text::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  height: 1px;
  background: var(--color-neutral-200);
}
.c-common-modal_wrapper .modal_slider_content_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  position: relative;
}

.c-common-modal_overlay {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  background: rgba(54, 62, 67, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
}
.c-common-modal_overlay.modal_out {
  display: none;
}

.c-common-pagination_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.5rem;
}
.c-common-pagination_wrap .page_navi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}
.c-common-pagination_wrap .page_navi a,
.c-common-pagination_wrap .page_navi span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  background: #fff;
  border: 1px solid var(--color-neutral-100);
  color: var(--color-neutral-400);
}
.c-common-pagination_wrap .page_navi a:hover,
.c-common-pagination_wrap .page_navi span:hover {
  background-color: #000000;
  color: #fff;
}
.c-common-pagination_wrap .page_navi .current {
  color: var(--color-neutral-950);
}
.c-common-pagination_wrap .page_navi .current:hover {
  background: #fff;
  color: var(--color-neutral-950);
}
.c-common-pagination_wrap .page_navi .ellipsis:hover {
  background: #fff;
  color: var(--color-neutral-400);
}
.c-common-pagination_wrap .page_navi .prev,
.c-common-pagination_wrap .page_navi .next {
  position: relative;
}
.c-common-pagination_wrap .page_navi .prev::after,
.c-common-pagination_wrap .page_navi .next::after {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.c-common-pagination_wrap .page_navi .prev::after {
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
  left: 50%;
  top: 50%;
  margin-left: -2px;
  margin-top: -3px;
}
.c-common-pagination_wrap .page_navi .next::after {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -3px;
}

.c-common-simplebar_default::-webkit-scrollbar {
  display: none;
}
.c-common-simplebar_default .simplebar-wrapper {
  padding-bottom: 1.8rem;
}
.c-common-simplebar_default .simplebar-track {
  height: 0.75rem !important;
}
.c-common-simplebar_default .simplebar-scrollbar.simplebar-visible::before {
  opacity: 1;
}
.c-common-simplebar_default .simplebar-scrollbar::before {
  height: 0.75rem !important;
  background: var(--color-beige-300);
  border-radius: 9.375rem;
  top: 0;
  bottom: 0;
  left: 0rem;
  right: 0;
}

/* =============================================
// top/salon
============================================= */
#slider-top_salon {
  width: 100%;
}
#slider-top_salon .splide__track {
  overflow: visible;
}

/* =============================================
// top/menu
============================================= */
#slider-top_menu {
  width: 100%;
}
#slider-top_menu .splide__track {
  overflow: visible;
}

#slider-salon_detail .splide__list {
  gap: 0.5rem;
}

/* =============================================
// salon/detail/naildesign
============================================= */
#slider-salon_naildesign {
  width: 100%;
}
#slider-salon_naildesign .splide__track {
  overflow: visible;
}
#slider-salon_naildesign .splide__slide {
  margin-right: 1rem;
}
@media screen and (max-width: 768px) {
  #slider-salon_naildesign .splide__slide {
    margin-right: 0.5rem;
  }
}

#js-modal_slider {
  position: relative;
}
#js-modal_slider .splide__arrows {
  width: 100%;
  position: absolute;
  padding: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  z-index: 100;
}
#js-modal_slider .splide__arrows .splide__arrow--prev {
  margin-left: -4.5rem;
}
@media screen and (max-width: 768px) {
  #js-modal_slider .splide__arrows .splide__arrow--prev {
    margin-left: -2rem;
  }
}
#js-modal_slider .splide__arrows .splide__arrow--next {
  margin-right: -4.5rem;
}
@media screen and (max-width: 768px) {
  #js-modal_slider .splide__arrows .splide__arrow--next {
    margin-right: -2rem;
  }
}
#js-modal_slider .splide__slide {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
#js-modal_slider .splide__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* =============================================
// arrow
============================================= */
.splide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 1rem;
  margin-top: -3rem;
  padding-bottom: 1rem;
}
.splide__arrows .splide__arrow {
  position: static;
  -webkit-transform: translateY(0%);
      -ms-transform: translateY(0%);
          transform: translateY(0%);
  width: 2rem;
  height: 2rem;
  aspect-ratio: 1/1;
  background: var(--color-neutral-950);
  opacity: 1;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
}
.splide__arrows .splide__arrow.splide__arrow--prev::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
  margin-right: -0.25rem;
  margin-left: 0;
}
.splide__arrows .splide__arrow.splide__arrow--prev:disabled {
  background: var(--color-gray-100);
}
.splide__arrows .splide__arrow.splide__arrow--prev:disabled::before {
  border-color: var(--color-neutral-950) !important;
}
.splide__arrows .splide__arrow.splide__arrow--next::before {
  content: "";
  width: 0.75rem;
  height: 0.75rem;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -0.25rem;
}
.splide__arrows .splide__arrow.splide__arrow--next:disabled {
  background: var(--color-gray-100);
}
.splide__arrows .splide__arrow.splide__arrow--next:disabled::before {
  border-color: var(--color-neutral-950) !important;
}
.splide__arrows .splide__arrow svg {
  display: none;
}

.c-common-tab-area_tab_item_wrap {
  margin-bottom: 1rem;
}
.c-common-tab-area_tab_item_wrap .tab_item_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.75rem;
}
.c-common-tab-area_tab_item_wrap .tab_item {
  padding: 0.5rem 1rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1px solid var(--color-neutral-300);
  background: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  border-radius: 50rem;
  cursor: pointer;
}
.c-common-tab-area_tab_item_wrap .tab_item.active {
  color: #fff;
  background: var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  border: 1px solid var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}

.c-common-tag_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.25rem;
}

.c-common-tag_category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.25rem 0.625rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 100%;
  background: var(--color-neutral-50);
  border: 1px solid var(--color-neutral-100);
  border-radius: 5rem;
}

.c-common-tag_reserve {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.25rem 0.625rem;
  border-radius: 3rem;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
}
.c-common-tag_reserve.pending {
  color: #fff;
  border: 1px solid var(--color-beige-500);
  background: var(--color-beige-500);
}
.c-common-tag_reserve.booked {
  border: 1px solid var(--color-green-200);
  background: var(--color-green-100);
  color: var(--color-green-800);
}
.c-common-tag_reserve.finished {
  background: var(--color-beige-100);
  border: 1px solid var(--color-beige-200);
  color: var(--color-beige-800);
}
.c-common-tag_reserve.canceled {
  background: var(--color-red-500);
  border: 1px solid var(--color-red-600);
  color: #fff;
}

.c-common-tag_pref {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0.25rem 0.5rem;
  border-radius: 3rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 100%;
  background: var(--color-beige-400);
  color: #fff;
}

.c-common-text_center {
  text-align: center;
}

.c-common-text_right {
  text-align: right;
}

.c-common-text_link {
  text-decoration: underline;
}

.c-common-text_bold {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
}

.c-common-text_default {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.c-common-text_sm {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}

.c-common-text_eng_sub {
  font-family: "Comfortaa", sans-serif;
}

/* =============================================
// Title/default
============================================= */
.c-common-title_xlg {
  font-size: 2.375rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 1.5rem;
}

.c-common-title_xlg_bold {
  font-size: 2.375rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1.5rem;
}

.c-common-title_lg {
  font-size: 2rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 1.5rem;
}

.c-common-title_lg_bold {
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1.5rem;
}

.c-common-title_md {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 1rem;
}

.c-common-title_md_bold {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1rem;
}

.c-common-title_sm {
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0.875rem;
}

.c-common-title_sm_bold {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 0.875rem;
}

.c-common-title_xs {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0.75rem;
}

.c-common-title_xs_bold {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 0.75rem;
}

/* =============================================
// Title/eng
============================================= */
.c-common-title_eng_xlg {
  font-size: 2.375rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
}

.c-common-title_eng_md {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 1rem;
}

.c-common-title_eng_sm {
  font-size: 1.25rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 1rem;
}

/* =============================================
// Title/border
============================================= */
.c-common-title_border_md {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
  border-bottom: 1px solid var(--color-neutral-200);
  padding-bottom: 1.25rem;
}

.c-common-title_border_xs {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  border-bottom: 1px solid var(--color-neutral-200);
  padding-bottom: 1.25rem;
}

/* =============================================
// Title/page
============================================= */
.c-common-title_page_main {
  padding: 1.84rem 0;
}
.c-common-title_page_main.salon_list {
  padding: 8.88rem 0 3.19rem 0;
  background: url("../img/salon/bg_salon_list.webp") no-repeat center/cover;
  margin-top: -6.375rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .c-common-title_page_main.salon_list {
    padding: 7.5rem 0 4rem;
    margin-top: -4rem;
  }
}
@media screen and (max-width: 768px) {
  .c-common-title_page_main.salon_detail {
    padding-bottom: 1.5rem;
  }
}
.c-common-title_page_main.salon_detail .main_wrapper {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem;
}
.c-common-title_page_main.salon_detail .main_wrapper .c-common-title_lg {
  text-align: left;
}
.c-common-title_page_main .main_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-common-title_page_main .main_wrapper .c-common-title_lg {
  margin-bottom: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.c-common-title_page_main .main_wrapper .c-common-title_xlg_bold {
  color: var(--color-neutral-400);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
}
.c-common-title_page_main .main_wrapper .btn_back_arrow {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.c-common-title_page_main .main_wrapper .btn_back_arrow img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-common-title_page_main p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  margin-top: 1.5rem;
  text-align: center;
}
.c-common-title_page_main .complete_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  margin-top: 1rem;
}

/* =============================================
// Title/mypage
============================================= */
.c-common-title_mypage_title_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 3rem;
  padding: 1.5rem 0;
}
@media screen and (max-width: 768px) {
  .c-common-title_mypage_title_wrap {
    gap: 0;
    padding: 0.75rem 0;
  }
}
.c-common-title_mypage_title_wrap .c-common-title_md_bold {
  width: 22.5rem;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-common-title_mypage_title_wrap .c-common-title_md_bold {
    font-size: 1rem;
    font-weight: 700;
    line-height: 140%;
  }
}
.c-common-title_mypage_title_wrap .c-common-title_lg {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-common-title_mypage_title_wrap .c-common-title_lg {
    font-size: 2rem;
    font-weight: 400;
    line-height: 140%;
  }
}

.c-common-tooltip {
  position: relative;
  cursor: pointer;
}
.c-common-tooltip:hover .text {
  opacity: 1;
  visibility: visible;
}
.c-common-tooltip.active .text {
  opacity: 1;
  visibility: visible;
}
.c-common-tooltip .text {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -30px;
  display: inline-block;
  padding: 5px 8px;
  white-space: nowrap;
  font-size: 0.8rem;
  line-height: 1.3;
  background: var(--color-gray-950);
  color: #fff;
  border-radius: 3px;
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
  z-index: 10;
}
@media (max-width: 768px) {
  .c-common-tooltip .text {
    white-space: normal;
    min-width: 150px;
    max-width: 80vw;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: auto;
    right: 0;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
}

.c-menu-list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.c-menu-list_horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  overflow: visible;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .c-menu-list_horizontal.sp_row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-menu-list_horizontal.sp_row .img_wrap {
    width: 100%;
    height: 11.30625rem;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
  }
  .c-menu-list_horizontal.sp_row .content_wrap .foot_wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .c-menu-list_horizontal.sp_row .content_wrap .foot_wrap .info_box {
    width: 100%;
  }
  .c-menu-list_horizontal.sp_row .content_wrap .foot_wrap .c-common-button_enable_el {
    max-width: 90%;
  }
}
.c-menu-list_horizontal .img_wrap {
  width: 15rem;
  height: 15rem;
  border-radius: 1rem 0 0 1rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .c-menu-list_horizontal .img_wrap {
    width: 7.5rem;
  }
}
.c-menu-list_horizontal .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-menu-list_horizontal .content_wrap {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .c-menu-list_horizontal .content_wrap {
    gap: 0.5rem;
  }
}
.c-menu-list_horizontal .content_wrap .main_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.c-menu-list_horizontal .content_wrap .start_date_box {
  position: absolute;
  right: 1.05rem;
  top: -0.75rem;
}
.c-menu-list_horizontal .content_wrap .start_date_box .ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.13rem;
  background: var(--color-orange-100);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 140%;
  color: var(--color-orange-600);
  padding: 0.25rem 0.5rem;
  border-radius: 0.5rem;
  position: relative;
  margin-bottom: 0.3rem;
}
.c-menu-list_horizontal .content_wrap .start_date_box .ttl::after {
  content: "";
  position: absolute;
  bottom: -0.3rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 0.325625rem solid transparent;
  border-right: 0.325625rem solid transparent;
  border-top: 0.325625rem solid var(--color-orange-100);
}
.c-menu-list_horizontal .content_wrap .start_date_box .date_time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-orange-600);
}
.c-menu-list_horizontal .content_wrap .start_date_box ~ .c-common-tag_wrap {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .c-menu-list_horizontal .content_wrap .start_date_box ~ .c-common-tag_wrap {
    width: 100%;
    padding-top: 2rem;
  }
}
.c-menu-list_horizontal .content_wrap .c-common-tag_wrap {
  width: 74%;
}
@media screen and (max-width: 768px) {
  .c-menu-list_horizontal .content_wrap .c-common-tag_wrap {
    width: 100%;
  }
}
.c-menu-list_horizontal .content_wrap .name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
.c-menu-list_horizontal .content_wrap .price {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
.c-menu-list_horizontal .content_wrap .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-gray-800);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.c-menu-list_horizontal .content_wrap .foot_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
}
.c-menu-list_horizontal .content_wrap .info_box .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.c-menu-list_vertical {
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}
.c-menu-list_vertical .img_wrap {
  width: 100%;
  aspect-ratio: 1/1;
}
.c-menu-list_vertical .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-menu-list_vertical .content_wrap {
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .c-menu-list_vertical .content_wrap {
    padding: 1rem;
  }
}
.c-menu-list_vertical .content_wrap .head_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.c-menu-list_vertical .content_wrap .head_wrap .salon_name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
}
.c-menu-list_vertical .content_wrap .main_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.c-menu-list_vertical .content_wrap .name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
.c-menu-list_vertical .content_wrap .price {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
.c-menu-list_vertical .content_wrap .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-gray-800);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
.c-menu-list_vertical .content_wrap .foot_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.75rem;
}
.c-menu-list_vertical .content_wrap .info_box .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}

.c-salon-list_horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .c-salon-list_horizontal.sp_row a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-salon-list_horizontal.sp_row a .img_wrap {
    width: 100%;
    height: 11.30625rem;
  }
}
.c-salon-list_horizontal > a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-salon-list_horizontal .img_wrap {
  position: relative;
  width: 15rem;
}
@media screen and (max-width: 768px) {
  .c-salon-list_horizontal .img_wrap {
    width: 7.5rem;
  }
}
.c-salon-list_horizontal .img_wrap .c-common-tag_pref {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}
.c-salon-list_horizontal .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-salon-list_horizontal .content_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .c-salon-list_horizontal .content_wrap {
    padding: 0.5rem;
  }
}
.c-salon-list_horizontal .content_wrap .name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .c-salon-list_horizontal .content_wrap .name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 140%;
  }
}
.c-salon-list_horizontal .content_wrap .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-gray-800);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 768px) {
  .c-salon-list_horizontal .content_wrap .description {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
  }
}
.c-salon-list_horizontal .content_wrap .info_box .fee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.c-salon-list_horizontal .content_wrap .info_box .fee span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}
.c-salon-list_horizontal .content_wrap .c-common-tag_wrap {
  margin-top: 0.75rem;
}

.c-salon-list_vertical {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;
  background: #fff;
}
.c-salon-list_vertical .img_wrap {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}
.c-salon-list_vertical .img_wrap .c-common-tag_pref {
  position: absolute;
  top: 0.75rem;
  left: 0.75rem;
}
.c-salon-list_vertical .img_wrap .favorite_btn {
  width: 2.5rem;
  height: 2.5rem;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  cursor: pointer;
}
.c-salon-list_vertical .img_wrap .favorite_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-salon-list_vertical .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-salon-list_vertical .content_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 1rem 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .c-salon-list_vertical .content_wrap {
    padding: 0.5rem;
  }
}
.c-salon-list_vertical .content_wrap .name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .c-salon-list_vertical .content_wrap .name {
    font-size: 1rem;
    font-weight: 700;
    line-height: 140%;
  }
}
.c-salon-list_vertical .content_wrap .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-gray-800);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 768px) {
  .c-salon-list_vertical .content_wrap .description {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
  }
}
.c-salon-list_vertical .content_wrap .info_box .fee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.c-salon-list_vertical .content_wrap .info_box .fee span {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}
.c-salon-list_vertical .content_wrap .c-common-tag_wrap {
  margin-top: 0.75rem;
}

.c-salon-search-form-pc_wrapper {
  width: 100%;
  max-width: 53.123rem;
}
@media screen and (max-width: 768px) {
  .c-salon-search-form-pc_wrapper {
    display: none;
  }
}
.c-salon-search-form-pc_wrapper .form_inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-radius: 4rem;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_block {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group {
  height: 100%;
  padding: 0.75rem 1.5rem;
  border-radius: 4rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group:hover {
  background: var(--color-neutral-100);
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group:hover::after {
  display: none;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group:not(:last-of-type)::after {
  content: "";
  width: 1px;
  height: 2rem;
  background: var(--color-neutral-200);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group.active {
  border: 1px solid var(--color-beige-300);
  background: var(--color-beige-100);
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group.active::after {
  display: none;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group .form_selecting_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group .form_selecting_box .form_name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
.c-salon-search-form-pc_wrapper .form_inner .form_input_group .form_selecting_box .form_selecting {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-neutral-300);
}
.c-salon-search-form-pc_wrapper .form_inner .form_result_btn_wrap {
  padding: 0.75rem 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.c-salon-search-form-pc_wrapper .form_inner .form_result_btn_wrap .btn_result {
  width: 8.5rem;
  padding: 1.25rem;
  border-radius: 1.875rem;
  background: var(--color-beige-500);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.62rem;
  font-size: 0.875rem;
  font-weight: 700;
  color: #fff;
  font-family: "Montserrat", sans-serif;
  cursor: pointer;
}
.c-salon-search-form-pc_wrapper .form_inner .form_result_btn_wrap .btn_result::before {
  content: "";
  width: 1.25rem;
  height: 1.25rem;
  background: url("../img/icon/search_w.svg") no-repeat center/contain;
}

.c-salon-search-form_dropdown_list_wrapper {
  width: 90vw;
  max-width: 30rem;
  max-height: 30rem;
  background: #fff;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
  border-radius: 1rem;
  position: absolute;
  top: 110%;
  left: 0;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
}
.c-salon-search-form_dropdown_list_wrapper.is-open {
  opacity: 1;
  visibility: visible;
}
.c-salon-search-form_dropdown_list_wrapper.date .dropdown_container {
  padding: 0 1rem 1rem;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_inner {
  width: 100%;
  height: 100%;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_header {
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_header .dropdown_main_ttl {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_header .dropdown_close {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_header .dropdown_close img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container .dropdown_content {
  width: 100%;
  height: 100%;
  max-height: 19rem;
  overflow-y: auto;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container .dropdown_list_wrap .dropdown_list {
  border-top: 1px solid var(--color-neutral-100);
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container .dropdown_list_wrap .dropdown_list .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%;
  cursor: pointer;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container .dropdown_list_wrap .dropdown_list .item.nearby .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container .dropdown_list_wrap .dropdown_list .item.nearby .sub {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-neutral-400);
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container .dropdown_list_wrap .dropdown_list .item.nearby::before {
  background: url("../img/icon/map-pinned.svg") no-repeat center/contain;
}
.c-salon-search-form_dropdown_list_wrapper .dropdown_container .dropdown_list_wrap .dropdown_list .item::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/map-pin.svg") no-repeat center/contain;
}

.c-salon-search-form-sp_wrapper {
  width: 100%;
  max-width: 53.123rem;
  display: none;
}
@media screen and (max-width: 768px) {
  .c-salon-search-form-sp_wrapper {
    display: block;
  }
}
.c-salon-search-form-sp_wrapper .form_inner {
  background: #fff;
  padding: 1rem;
  border-radius: 4rem;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.c-salon-search-form-sp_wrapper .form_inner .form_block {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  overflow: hidden;
}
.c-salon-search-form-sp_wrapper .form_inner .form_search_box {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100%;
  padding: 2.3rem 2rem;
  margin: -1rem 0 -1rem -1rem;
}
.c-salon-search-form-sp_wrapper .form_inner .form_search_box .text {
  width: 100%;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-neutral-300);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-salon-search-form-sp_wrapper .form_inner .btn_result {
  position: absolute;
  right: 2.5rem;
  width: 3.75rem;
  height: 3.75rem;
  padding: 1.25rem;
  background: var(--color-beige-500);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 1.875rem;
}
.c-salon-search-form-sp_wrapper .form_inner .btn_result img {
  width: 1.25rem;
  height: 1.25rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.c-salon-search-form-sp_modal_wrapper {
  width: 100vw;
  height: 100vh;
  height: 100dvh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
}
.c-salon-search-form-sp_modal_wrapper.active {
  opacity: 1;
  visibility: visible;
}
.c-salon-search-form-sp_modal_wrapper .modal_inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container {
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  padding: 4.5rem 1.12rem 8rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block {
  background: #fff;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
  border-radius: 1rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .form_selecting_box {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.25rem;
  padding: 1rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .form_selecting_box .form_name {
  font-family: "Montserrat", sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .form_selecting_box .form_selecting {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-neutral-300);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: right;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group {
  width: 100%;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1rem 1rem 0.25rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_head .category_ttl {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_head .category_close_btn {
  width: 1.5rem;
  height: 1.5rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_head .category_close_btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container {
  width: 100%;
  height: 100%;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container.date {
  padding: 0 1rem 1rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container .category_content {
  width: 100%;
  height: 100%;
  max-height: 19rem;
  overflow-y: auto;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container .category_list_wrap .category_list {
  border-top: 1px solid var(--color-neutral-100);
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container .category_list_wrap .category_list .item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 100%;
  cursor: pointer;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container .category_list_wrap .category_list .item.nearby .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container .category_list_wrap .category_list .item.nearby .sub {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-neutral-400);
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container .category_list_wrap .category_list .item.nearby::before {
  background: url("../img/icon/map-pinned.svg") no-repeat center/contain;
}
.c-salon-search-form-sp_modal_wrapper .modal_main_container .modal_category_block .search_category_group .category_list_container .category_list_wrap .category_list .item::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/map-pin.svg") no-repeat center/contain;
}
.c-salon-search-form-sp_modal_wrapper .modal_close {
  width: 2.5rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 35rem;
  background: var(--color-beige-400);
  position: fixed;
  top: 1rem;
  right: 1.12rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_close img {
  width: 1.5rem;
  height: 1.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-salon-search-form-sp_modal_wrapper .modal_form_btn_wrapper {
  width: 100vw;
  height: calc(4.75rem + env(safe-area-inset-bottom, 0px));
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(8px);
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1000;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.c-salon-search-form-sp_modal_wrapper .modal_form_btn_wrapper .btn_inner {
  width: 100%;
  height: 100%;
  padding: 0 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-salon-search-form-sp_modal_wrapper .modal_form_btn_wrapper .btn_inner .btn_form_clear {
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  text-decoration: underline;
}
.c-salon-search-form-sp_modal_wrapper .modal_form_btn_wrapper .btn_inner .btn_search {
  width: 11.5rem;
}
.c-salon-search-form-sp_modal_wrapper .modal_form_btn_wrapper .btn_inner .btn_search::before {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url("../img/icon/search_w.svg") no-repeat center/contain;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.75rem;
  margin: auto;
}

.c-news-list_item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding: 1rem 0;
  border-bottom: 1px solid var(--color-neutral-100);
}
.c-news-list_item time {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
}
.c-news-list_item .title {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

.c-reserve-list_horizontal {
  width: 100%;
  border-radius: 1rem;
  background: #fff;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}
.c-reserve-list_horizontal .c-reserve_date_wrap {
  padding: 1rem;
}
.c-reserve-list_horizontal > a {
  width: 100%;
  display: block;
}

.c-reserve_menu_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  border-radius: 1rem 1rem 0 0;
  border: 1px solid var(--color-neutral-100);
}
.c-reserve_menu_wrap .img_wrap {
  width: 15rem;
  height: 15rem;
}
@media screen and (max-width: 768px) {
  .c-reserve_menu_wrap .img_wrap {
    width: 7rem;
    height: inherit;
  }
}
.c-reserve_menu_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-reserve_menu_wrap .content_wrap {
  padding: 1rem 1.5rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25rem;
}
@media screen and (max-width: 768px) {
  .c-reserve_menu_wrap .content_wrap {
    padding: 1rem 1rem;
  }
}
.c-reserve_menu_wrap .content_wrap .head_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.c-reserve_menu_wrap .content_wrap .name {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .c-reserve_menu_wrap .content_wrap .name {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 140%;
  }
}
.c-reserve_menu_wrap .content_wrap .price {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 140%;
}
@media screen and (max-width: 768px) {
  .c-reserve_menu_wrap .content_wrap .price {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 140%;
  }
}
.c-reserve_menu_wrap .content_wrap .description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  color: var(--color-gray-800);
}
.c-reserve_menu_wrap .content_wrap .foot_wrap .info_box .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.25rem;
}
.c-reserve_menu_wrap .content_wrap .foot_wrap .info_box .time img {
  width: 1.125rem;
  height: 1.125rem;
  aspect-ratio: 1/1;
}

.c-reserve_date_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.c-reserve_date_wrap .img_wrap {
  width: 6rem;
  height: 6rem;
  border-radius: 1rem;
  overflow: hidden;
}
.c-reserve_date_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-reserve_date_wrap .content_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.c-reserve_date_wrap .content_wrap .salon_name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 0.25rem;
}
@media screen and (max-width: 768px) {
  .c-reserve_date_wrap .content_wrap .salon_name {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 140%;
  }
}
.c-reserve_date_wrap .content_wrap .salon_info {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}

/* =============================================
// main visual
============================================= */
.p-top_section_mv {
  width: 100%;
  height: 33.4375rem;
  margin-top: -6.375rem;
  position: relative;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 768px) {
  .p-top_section_mv {
    height: 29.4375rem;
    margin-top: -4rem;
    background-position: 20% 100%;
  }
}
.p-top_section_mv::before {
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/top/bg_flower_pc.webp") no-repeat center 100%/cover;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .p-top_section_mv::before {
    background: url("../img/top/bg_flower_sp.webp") no-repeat center 100%/cover;
  }
}
.p-top_section_mv .mv_bg_img_wrap {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.p-top_section_mv .mv_bg_img_wrap .splide__track {
  width: 100%;
  height: 100%;
}
.p-top_section_mv .mv_bg_img_wrap .bg_img {
  width: 100%;
  height: 100%;
}
.p-top_section_mv .mv_bg_img_wrap .bg_img picture {
  width: 100%;
  height: 100%;
}
.p-top_section_mv .mv_bg_img_wrap .bg_img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-top_section_mv .mv_inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.p-top_section_mv .mv_main_wrap {
  width: 100%;
  max-width: 53.125rem;
}
@media screen and (max-width: 768px) {
  .p-top_section_mv .mv_main_wrap {
    padding: 0 1.5rem;
  }
}
.p-top_section_mv .mv_main_wrap .mv_sub_ttl {
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 0.5625rem;
  font-family: "Montserrat", sans-serif;
  color: var(--color-gray-500);
  text-align: center;
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-top_section_mv .mv_main_wrap .mv_sub_ttl {
    margin-bottom: 2rem;
  }
}
.p-top_section_mv .mv_main_wrap .mv_main_ttl {
  width: 16.72219rem;
  height: auto;
  margin: 0 auto 2.5rem;
}
@media screen and (max-width: 768px) {
  .p-top_section_mv .mv_main_wrap .mv_main_ttl {
    margin-bottom: 2rem;
  }
}
.p-top_section_mv .mv_main_wrap .mv_main_ttl img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-top_section_mv .mv_foot_wrap {
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-top_section_mv .mv_foot_wrap {
    right: 0.75rem;
    bottom: 0.75rem;
  }
}
.p-top_section_mv .mv_foot_wrap .badge_jna {
  width: 5rem;
  height: auto;
}
.p-top_section_mv .mv_foot_wrap .badge_jna img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/* =============================================
// JAPAN NAIL CARE
============================================= */
.p-top_about_nail_section .p-top_about_nail_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .p-top_about_nail_section .p-top_about_nail_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-top_about_nail_section .p-top_about_nail_container .about_nail_img_wrap {
  width: 46.625rem;
  background: url("../img/top/top_about_nail_p01.webp") no-repeat center/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-top_about_nail_section .p-top_about_nail_container .about_nail_img_wrap {
    width: 100%;
    height: 10.625rem;
  }
}
.p-top_about_nail_section .p-top_about_nail_container .about_nail_img_wrap .img_catchcopy {
  font-size: 2.375rem;
  font-weight: 600;
  font-family: "Montserrat", sans-serif;
  font-style: italic;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-top_about_nail_section .p-top_about_nail_container .about_nail_img_wrap .img_catchcopy {
    font-size: 1.25rem;
    font-weight: 700;
    font-family: "Montserrat", sans-serif;
    font-weight: 600;
  }
}
.p-top_about_nail_section .p-top_about_nail_container .about_nail_content_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: var(--color-gray-50);
  padding: 4.19rem 3rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-top_about_nail_section .p-top_about_nail_container .about_nail_content_wrap {
    padding: 4rem 2.1rem;
    text-align: center;
  }
}
.p-top_about_nail_section .p-top_about_nail_container .about_nail_content_wrap::before {
  content: "";
  width: 35.8125rem;
  height: 100%;
  background: url("../img/top/bg_top_about_nail_pc.webp") no-repeat center/cover;
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .p-top_about_nail_section .p-top_about_nail_container .about_nail_content_wrap::before {
    width: 100%;
    background: url("../img/top/bg_top_about_nail_sp.webp") no-repeat center/cover;
  }
}
.p-top_about_nail_section .p-top_about_nail_container .about_nail_content_wrap .content_box {
  position: relative;
}
.p-top_about_nail_section .p-top_about_nail_container .about_nail_content_wrap .content_box .c-common-title_eng_sm {
  font-weight: 600;
  margin-bottom: 0.6rem;
}

/* =============================================
// salon
============================================= */
.p-top_salon_section {
  overflow: hidden;
  margin-bottom: 0 !important;
  padding-bottom: 4rem;
}

.p-top_salon_container {
  width: 100%;
}

.top_salon_list_wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

/* =============================================
// menu
============================================= */
.p-top_menu_section {
  padding: 3rem 0;
  margin-bottom: 0 !important;
  overflow: hidden;
}

.p-top_menu_container {
  width: 100%;
}

/* =============================================
// about
============================================= */
.p-top_about_section::before {
  content: "";
  display: block;
  width: 100%;
  height: 20.75rem;
  background: url("../img/top/bg_top_about_pc.webp") no-repeat center/cover;
}
@media screen and (max-width: 768px) {
  .p-top_about_section::before {
    background: url("../img/top/bg_top_about_sp.webp") no-repeat center/cover;
  }
}
.p-top_about_section .p-top_about_container {
  padding-block: 5rem;
}
.p-top_about_section .p-top_about_container .c-common-title_eng_md {
  font-weight: 500;
}
.p-top_about_section .p-top_about_container .p-top_about_img_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.3rem;
  margin-bottom: 2rem;
}
.p-top_about_section .p-top_about_container .p-top_about_img_wrap li {
  width: 7.1875rem;
}
.p-top_about_section .p-top_about_container .p-top_about_img_wrap li.logo_jna {
  width: 11.5625rem;
}
.p-top_about_section .p-top_about_container .p-top_about_img_wrap li img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-top_about_section .p-top_about_container .description {
  margin-bottom: 1rem;
}

/* =============================================
// how to
============================================= */
.p-top_howto_section {
  overflow: hidden;
}

.p-top_howto_container .sec_header {
  margin-bottom: 2.38rem;
}
.p-top_howto_container .sec_header p {
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.p-top_howto_container .p-top_howto_scroll_container {
  width: 100%;
  visibility: visible;
}
.p-top_howto_container .p-top_howto_scroll_inner {
  width: 100vw;
  overflow-x: auto;
}
.p-top_howto_container .p-top_howto_col_wrap {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  padding-right: 7rem;
}
@media screen and (max-width: 768px) {
  .p-top_howto_container .p-top_howto_col_wrap {
    padding-right: 2rem;
  }
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col {
  width: 23.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  padding: 3.44rem 2.62rem 1.13rem;
  background: var(--color-beige-50);
  position: relative;
  border-radius: 1rem;
  overflow: hidden;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .step {
  width: 2.625rem;
  height: 2.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--color-beige-500);
  font-size: 0.875rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
  color: #fff;
  border-radius: 0 0 1rem 0;
  position: absolute;
  top: 0;
  left: 0;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .cont_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.3rem;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .cont_box .ttl {
  font-size: 1.5rem;
  font-weight: 700;
  font-family: "Montserrat", sans-serif;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .cont_box p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .img_box {
  width: 100%;
  position: relative;
  padding-top: 100%;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .img_box img {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom;
     object-position: bottom;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .img_box img.img_howto01 {
  margin-bottom: -1.7rem;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .img_box img.img_howto02 {
  width: 23.375rem;
  bottom: -1.7rem;
  right: -3rem;
  left: auto;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .img_box img.img_howto03 {
  width: 130%;
  left: -15%;
  bottom: -1.7rem;
}
.p-top_howto_container .p-top_howto_col_wrap .howto_col .img_box img.img_howto04 {
  width: 16.625rem;
}

/* =============================================
// news
============================================= */
.p-top_news_container .sec_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.p-news-detail_wrap figure {
  max-width: 100%;
  margin: 0 auto 1rem;
}
.p-news-detail_wrap figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-news-detail_wrap time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .p-news-detail_wrap time {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
  }
}
.p-news-detail_wrap p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .p-news-detail_wrap p {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 140%;
  }
}

.p-salon-list_col_wrap {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 1.75rem 1.5rem;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-salon-list_col_wrap {
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem 1rem;
  }
}

.p-salon-list_matched {
  text-align: center;
  font-size: 0.875rem;
  padding-bottom: 2rem;
}

.p-salon-detail_wrapper {
  overflow: hidden;
}

.p-salon-detail_main_img_container {
  margin-bottom: 2.94rem;
}
@media screen and (max-width: 768px) {
  .p-salon-detail_main_img_container {
    margin-bottom: 1.5rem;
  }
}
.p-salon-detail_main_img_container .salon_main_img_inner {
  width: 100%;
  position: relative;
}
.p-salon-detail_main_img_container .splide__track {
  overflow: visible;
}
.p-salon-detail_main_img_container .salon_tag_area {
  position: absolute;
  top: 0.63rem;
  left: 0.63rem;
  z-index: 10;
}
.p-salon-detail_main_img_container .salon_main_img_block li {
  width: 36.25rem;
  aspect-ratio: 1/1;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-salon-detail_main_img_container .salon_main_img_block li {
    width: 18.57919rem;
  }
}
.p-salon-detail_main_img_container .salon_main_img_block li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-salon-detail_main_container {
  display: grid;
  grid-template-columns: 1fr 22.5rem;
  grid-template-rows: auto auto;
  grid-column-gap: 2.37rem;
  grid-row-gap: 3rem;
  justify-items: stretch;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media screen and (max-width: 768px) {
  .p-salon-detail_main_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
  }
}

@media screen and (max-width: 768px) {
  .p-salon-detail_main_content_wrapper {
    display: contents;
  }
}
.p-salon-detail_main_content_wrapper .head_block {
  padding-bottom: 3rem;
  border-bottom: 1px solid var(--color-neutral-100);
  margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .p-salon-detail_main_content_wrapper .head_block {
    padding-bottom: 2rem;
    margin-bottom: 0;
  }
}

.p-salon-detail_side_content_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.p-salon-detail_side_content_wrapper .salon_info_block {
  background: #fff;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}
.p-salon-detail_side_content_wrapper .salon_info_block .block_title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 0.5rem;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item {
  padding-block: 1rem;
  border-bottom: 1px solid var(--color-neutral-100);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .ttl {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .cont {
  font-size: 1rem;
  font-weight: 400;
  line-height: 140%;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .address .text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .address .icon {
  width: 1.5rem;
  height: 1.5rem;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .address .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .sns_list_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0.5rem;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .sns_list_box li {
  width: 1.25rem;
  height: 1.25rem;
}
.p-salon-detail_side_content_wrapper .salon_info_block .info_item_box .info_item .sns_list_box li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-salon-detail_side_content_wrapper .salon_map_block .map_box {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  padding-top: 100%;
  border-radius: 1rem;
  overflow: hidden;
  margin-bottom: 0.69rem;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}
.p-salon-detail_side_content_wrapper .salon_map_block .map_box iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.p-salon-detail_side_content_wrapper .salon_map_block .description_box {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}

.p-salon-detail_bottom_content_wrapper {
  grid-column: 1/3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block {
  width: 100%;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .block_title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1.5rem;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap .naildesign_list {
  width: 12.875rem;
  aspect-ratio: 1/1;
  border-radius: 1rem;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap .naildesign_list:hover .description_box {
  opacity: 1;
  visibility: visible;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap .naildesign_list .img_box {
  width: 100%;
  height: 100%;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap .naildesign_list .img_box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap .naildesign_list .description_box {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(54, 62, 67, 0.8);
  color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
  transition: all 0.4s cubic-bezier(0.3, 0.7, 0.4, 1);
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap .naildesign_list .description_box .post_box .ttl {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  text-align: center;
}
.p-salon-detail_bottom_content_wrapper .naildesign_block .naildesign_list_wrap .naildesign_list .description_box .post_box .description {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
}
.p-salon-detail_bottom_content_wrapper .salon_news_block {
  background: #fff;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  -webkit-box-shadow: 0 0 40px 0 #E3E3E3;
          box-shadow: 0 0 40px 0 #E3E3E3;
}
.p-salon-detail_bottom_content_wrapper .salon_news_block .ttl_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.p-salon-detail_bottom_content_wrapper .salon_news_block .block_title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 768px) {
  .p-salon-detail_bottom_content_wrapper .salon_news_block .c-common-button_enable_line_l {
    width: 7rem;
  }
}

.p-mypage-account_wrap .form_paragrah_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.p-mypage-account_wrap .form_paragrah_item .c-common-title_md_bold {
  margin-bottom: 0;
}
.p-mypage-account_wrap .form_paragrah_item .c-common-button_enable_line_l {
  max-width: 6rem;
}

.p-mypage-account_wrap .form_paragrah_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.p-mypage-account_wrap .form_paragrah_item .c-common-title_md_bold {
  margin-bottom: 0;
}
.p-mypage-account_wrap .form_paragrah_item .c-common-button_enable_line_l {
  max-width: 6rem;
  padding: 0.2rem 0.75rem;
}

.delete_box .c-common-title_xs_bold {
  margin-bottom: 0;
}
.delete_box .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.delete_box .c-common-button_danger_l {
  max-width: 10rem;
}
.delete_box p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}

.p-mypage-favorite_list_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-mypage-favorite_list_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 1rem;
    justify-items: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.p-mypage-reserve-detail_wrap .resservation_number_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
  border-radius: 1rem;
  background: #fff;
}
.p-mypage-reserve-detail_wrap .resservation_number_box .title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
}
.p-mypage-reserve-detail_wrap .resservation_number_box .number {
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 140%;
}

.p-register-complete_wrap .c-common-title_page_main {
  padding-top: 5rem;
}
.p-register-complete_wrap .c-common-title_sm_bold {
  margin-bottom: 0;
}
.p-register-complete_wrap .c-common-button_btn_wrap {
  gap: 2rem 7rem;
  margin-top: 0;
}

.p-password-reset_wrap .c-common-title_page_main {
  padding-top: 5rem;
}
.p-password-reset_wrap .c-common-title_md_bold {
  width: 100%;
}
.p-password-reset_wrap .c-common-form_parts_wrap {
  margin-top: 1rem;
}

.p-reserve-schedule_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .p-reserve-schedule_container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-reserve-schedule_container .schedule_wrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-reserve-schedule_container .schedule_wrap.table {
  padding: 1rem;
  background: #fff;
  border-radius: 1rem;
}

.p-single-law_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5rem;
}

.p-single-law_block h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 140%;
  margin-bottom: 1rem;
}
.p-single-law_block p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}
.p-single-law_block p.bold {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
}
.p-single-law_block ul {
  margin: 1rem 0;
  padding-left: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}
.p-single-law_block ul li {
  list-style: disc;
}
.p-single-law_block ol {
  margin: 1rem 0;
  padding-left: 1rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}
.p-single-law_block #cookiefirst-policy-page {
  width: 100%;
  overflow: hidden;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration {
  width: 100%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration h2,
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration h3,
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration h4 {
  font-size: 1rem;
  font-weight: 700;
  line-height: 140%;
  margin: 1.5rem 0 0.5rem;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  margin-bottom: 0.5rem;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration > p:first-of-type {
  display: none;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration .cf1tXD {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration .cf1tXD .cf1Hdl {
  width: 100%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table {
  width: 100%;
  min-width: 600px;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 140%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table caption {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 140%;
  text-align: left;
  padding: 0.5rem 0;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th,
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table td {
  padding: 0.5rem;
  border: 1px solid var(--color-gray-300);
  text-align: left;
  vertical-align: top;
  word-break: break-word;
  overflow-wrap: break-word;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th {
  background-color: var(--color-gray-100);
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 140%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th:nth-child(1),
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table td:nth-child(1) {
  width: 15%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th:nth-child(2),
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table td:nth-child(2) {
  width: 35%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th:nth-child(3),
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table td:nth-child(3) {
  width: 15%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th:nth-child(4),
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table td:nth-child(4) {
  width: 10%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th:nth-child(5),
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table td:nth-child(5) {
  width: 15%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table th:nth-child(6),
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table td:nth-child(6) {
  width: 10%;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table a {
  color: var(--color-green-600);
  text-decoration: underline;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration table a:hover {
  text-decoration: none;
}
.p-single-law_block #cookiefirst-policy-page .cookiefirst-cookie-declaration button {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
  font-weight: 700;
  padding: 0.5rem 1rem;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid var(--color-gray-300);
  border-radius: 4px;
  color: #fff;
  background: var(--btn-primary, linear-gradient(110deg, var(--Blue-gray-950, #21262B) 0.72%, var(--Blue-gray-600, #4E616C) 129.79%));
  cursor: pointer;
}

.p-single-aboutus_wrap .p-single-aboutus_block figure {
  max-width: 100%;
  margin: 0 auto 1rem;
}
.p-single-aboutus_wrap .p-single-aboutus_block figure img {
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 auto;
}
.p-single-aboutus_wrap .p-single-aboutus_block p {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 140%;
}/*# sourceMappingURL=user_style.css.map */