@charset "UTF-8";
/* =============================================================

Custom Properties

* ============================================================= */
:root {
  /* ========================================
  color
  ======================================== */
  /* text color */
  --base-color: #333333;
  /* key color */
  --key-color:  #005BAC;
  /* point color */
  --point-color: #14B2BE;
  /* background color */
  --bg-color: #fafaf6;
  /* border color */
  --border-color: #bfbfbf;
  /* color */
  --white: #fff;
  --black: #202020;
  --gray: #999999;
  --yellow: #F4C331;
  --red: #DD0E22;
  --bg-progress: #cccccc;
  --ciao-color: #0168b7;
  --mamoru-color: #8EC220;

  
  /* ========================================
  layouts
  ======================================== */
  --inner-width: 1200;
  --inner-width-px: calc(var(--inner-width) * 1px);
  --inner-padding: 20px;
  --outer-padding: calc(10px + var(--slope-1px) * 10);
  /* utility */
  --vw: 1vw;
  --vh: 1vh;
  --slope-1px: clamp(0px, -0.95663px + 0.2551vw, 1px);
  --mv-slide-border-radius: calc(25px + var(--slope-1px) * 25);
  --section-padding-block: calc(64px + var(--slope-1px) * 36);
  --base-radius: calc(10px + var(--slope-1px) * 2);
  --base-border: solid 1px var(--base-color);
  --header-height: 80px;
  --scroll-progress: 0.9756679389312977;


  /* ========================================
  font
  ======================================== */
  /* size */
  --line-height: 1.75;
  --line-space: (var(--line-height) - 1)/2;
  --leading-trim: calc((1em - 1lh) / 2);
  /* family */
  --base-font-family: "Zen Kaku Gothic New", sans-serif;
  --en-font-family: "Quicksand", sans-serif;
  --sub-font: "Kiwi Maru", serif;
  --jp-en-font-family: "Quicksand", "Zen Kaku Gothic New", sans-serif;
  --medium: 500;
  --transition: all .25s;
  --transition-opacity: opacity .25s;
  --hover-opacity: .8;
  --underline-offset: 25%;


  /* ========================================
  icon
  ======================================== */
  --icon-check: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><path d='M17.3996 24.6973L12.8116 20.0867C12.6542 19.9444 12.4714 19.8677 12.2631 19.8564C12.0551 19.8449 11.8664 19.9239 11.6969 20.0933C11.5321 20.2584 11.4498 20.443 11.4498 20.6471C11.4498 20.8516 11.5321 21.0363 11.6969 21.2013L16.4876 25.9987C16.7459 26.2724 17.0499 26.4093 17.3996 26.4093C17.7489 26.4093 18.0527 26.2724 18.3111 25.9987L28.228 16.1049C28.3747 15.9431 28.4536 15.7581 28.4649 15.5498C28.4764 15.3418 28.3975 15.153 28.228 14.9836C28.0585 14.8185 27.8705 14.7372 27.664 14.7396C27.4572 14.7419 27.2714 14.8255 27.1067 14.9902L17.3996 24.6973ZM20.0058 36C17.7981 36 15.724 35.5802 13.7836 34.7404C11.8434 33.9007 10.148 32.7563 8.69733 31.3071C7.24667 29.8576 6.10119 28.1637 5.26089 26.2253C4.4203 24.287 4 22.2138 4 20.0058C4 17.7933 4.41985 15.7132 5.25956 13.7653C6.09926 11.8178 7.2437 10.1236 8.69289 8.68267C10.1424 7.24178 11.8363 6.10119 13.7747 5.26089C15.713 4.4203 17.7862 4 19.9942 4C22.2067 4 24.2868 4.41985 26.2347 5.25956C28.1822 6.09926 29.8764 7.23882 31.3173 8.67822C32.7582 10.1176 33.8988 11.8104 34.7391 13.7564C35.5797 15.7022 36 17.7815 36 19.9942C36 22.2019 35.5801 24.276 34.7404 26.2164C33.9007 28.1566 32.7612 29.852 31.3218 31.3027C29.8824 32.7533 28.1896 33.8988 26.2436 34.7391C24.2978 35.5797 22.2185 36 20.0058 36ZM20 34.4956C24.0373 34.4956 27.4627 33.0879 30.276 30.2724C33.089 27.4567 34.4956 24.0326 34.4956 20C34.4956 15.9627 33.089 12.5373 30.276 9.724C27.4627 6.91096 24.0373 5.50444 20 5.50444C15.9674 5.50444 12.5433 6.91096 9.72756 9.724C6.91215 12.5373 5.50444 15.9627 5.50444 20C5.50444 24.0326 6.91215 27.4567 9.72756 30.2724C12.5433 33.0879 15.9674 34.4956 20 34.4956Z' fill='%23333333'/></svg>");
}


/* =============================================================

Base

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

html {
  height: 100%;
  margin: 0;
  padding: 0;
  background: var(--bg-color);
  font-size: 62.5%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: var(--base-color);
  background: var(--bg-color);
  letter-spacing: .03em;
  font-size: calc(1.5rem + var(--slope-1px));
  font-family: var(--base-font-family);
  font-weight: var(--medium);
  font-feature-settings: "palt";
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}

:where(img, svg) {
  display: block;
  height: auto;
  max-width: 100%;
}

/* img[src$=".svg"] {
  opacity: 0;
} */

a {
  color: var(--base-color);
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

a:hover {
  text-decoration: none;
}

a.js-tel {
  text-decoration: none;
}

a.js-tel._active {
  text-decoration: none;
}

a.js-tel._inactive {
  color: var(--base-color);
  text-decoration: none;
}

/* =============================================================

Loader

* ============================================================= */
.l-loader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100000;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  background:  var(--bg-color);
  transition: all .4s ease-in;
  perspective: 10rem;
}

body.is-loaded .l-loader {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}

/* =============================================================

Wrapper

* ============================================================= */
.l-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  /* overflow: hidden; */
  overflow: clip;
  width: 100%;
  min-height: 100%;
  margin: 0 auto;
  padding: 0;
}

/* =============================================================

Background

* ============================================================= */
.l-bg {
  --scroll-y: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

:where(.l-bg ~ *) {
  position: relative;
  z-index: 1;
}

.l-bg .bg-shape-set {
  position: absolute;
  left: 0;
  width: 100%;
  top: calc(var(--set-index) * 5000px);
  height: 5000px;
}

.l-bg ._shape {
  position: absolute;
  background-image: var(--image);
  background-repeat: no-repeat;
  background-size: contain;
  top: calc(var(--current-top) * 1px);
  width: calc(100vw / var(--base-width) * var(--current-width));
  aspect-ratio: var(--width) / var(--height);
  transform: translateY(calc(var(--scroll-y) * var(--speed) * 1px));
  --speed: 0.2;
  --base-width: 1366;
  --current-width: var(--width);
  --current-x-pos: var(--x-pos);
  --current-top: var(--top);
}

@media screen and (max-width: 560px) {
  .l-bg ._shape {
    --current-width: var(--width-sp);
    --current-x-pos: var(--x-pos-sp);
    --current-top: var(--top-sp);
    --base-width: 375;
  }
}

.l-bg ._shape[data-shape="1"],
.l-bg ._shape[data-shape="3"],
.l-bg ._shape[data-shape="6"],
.l-bg ._shape[data-shape="7"],
.l-bg ._shape[data-shape="9"],
.l-bg ._shape[data-shape="11"],
.l-bg ._shape[data-shape="12"],
.l-bg ._shape[data-shape="15"] {
  right: calc(100vw / var(--base-width) * var(--current-x-pos));
}

.l-bg ._shape[data-shape="2"],
.l-bg ._shape[data-shape="4"],
.l-bg ._shape[data-shape="5"],
.l-bg ._shape[data-shape="8"],
.l-bg ._shape[data-shape="10"],
.l-bg ._shape[data-shape="13"],
.l-bg ._shape[data-shape="14"],
.l-bg ._shape[data-shape="16"] {
  left: calc(100vw / var(--base-width) * var(--current-x-pos));
}

.l-bg ._shape[data-shape="1"] {
  --image: url(../img/shape/bg-01.svg);
  --top: 154;
  --top-sp: 194;
  --height: 186;
  --width: 126;
  --width-sp: 60;
  --x-pos: 0;
  --x-pos-sp: -30;
}

.l-bg ._shape[data-shape="2"] {
  --image: url(../img/shape/bg-02.svg);
  --top: 424;
  --top-sp: 454;
  --height: 180;
  --width: 60;
  --width-sp: 40;
  --x-pos: 0;
  --x-pos-sp: 0;
}

.l-bg ._shape[data-shape="3"] {
  --image: url(../img/shape/bg-dots-green.svg);
  --top: 714;
  --top-sp: 714;
  --height: 57;
  --width: 80;
  --width-sp: 0;
  --x-pos: -14;
  --x-pos-sp: 0;
}

.l-bg ._shape[data-shape="4"] {
  --image: url(../img/shape/bg-04.svg);
  --top: 1084;
  --top-sp: 1134;
  --height: 180;
  --width: 150;
  --width-sp: 75;
  --x-pos: 0;
  --x-pos-sp: -37.5;
}

.l-bg ._shape[data-shape="5"] {
  --image: url(../img/shape/bg-dots-green.svg);
  --top: 1676;
  --top-sp: 1776;
  --height: 57;
  --width: 80;
  --width-sp: 60;
  --x-pos: -17;
  --x-pos-sp: -31;
}

.l-bg ._shape[data-shape="6"] {
  --image: url(../img/shape/bg-dots-white.svg);
  --top: 1635;
  --top-sp: 1645;
  --height: 171;
  --width: 200;
  --width-sp: 120;
  --x-pos: -71;
  --x-pos-sp: 0;
  z-index: 1;
}

.l-bg ._shape[data-shape="7"] {
  --image: url(../img/shape/bg-07.svg);
  --top: 1729;
  --top-sp: 1669;
  --height: 160;
  --width: 160;
  --width-sp: 80;
  --x-pos: -55;
  --x-pos-sp: -10;
}

.l-bg ._shape[data-shape="8"] {
  --image: url(../img/shape/bg-08.svg);
  --top: 2216;
  --top-sp: 2216;
  --height: 186;
  --width: 160;
  --width-sp: 79;
  --x-pos: 10;
  --x-pos-sp: -40;
}

.l-bg ._shape[data-shape="9"] {
  --image: url(../img/shape/bg-09.svg);
  --top: 2715;
  --top-sp: 2695;
  --height: 160;
  --width: 160;
  --width-sp: 80;
  --x-pos: -30;
  --x-pos-sp: -40;
}

.l-bg ._shape[data-shape="10"] {
  --image: url(../img/shape/bg-10.svg);
  --top: 3086;
  --top-sp: 3256;
  --height: 173;
  --width: 50;
  --width-sp: 30;
  --x-pos: 0;
  --x-pos-sp: 0;
}

.l-bg ._shape[data-shape="11"] {
  --image: url(../img/shape/bg-11.svg);
  --top: 3265;
  --top-sp: 3025;
  --height: 180;
  --width: 160;
  --width-sp: 80;
  --x-pos: -10;
  --x-pos-sp: -40;
}

.l-bg ._shape[data-shape="12"] {
  --image: url(../img/shape/bg-dots-green.svg);
  --top: 3815;
  --top-sp: 3795;
  --height: 57;
  --width: 80;
  --width-sp: 60;
  --x-pos: 70;
  --x-pos-sp: -12;
}

.l-bg ._shape[data-shape="13"] {
  --image: url(../img/shape/bg-dots-white.svg);
  --top: 3816;
  --top-sp: 3816;
  --height: 171;
  --width: 200;
  --width-sp: 120;
  --x-pos: 10;
  --x-pos: -40;
}

.l-bg ._shape[data-shape="14"] {
  --image: url(../img/shape/bg-14.svg);
  --top: 3846;
  --top-sp: 3831;
  --height: 173;
  --width: 160;
  --width-sp: 80;
  --x-pos: 10;
  --x-pos-sp: -37;
}

.l-bg ._shape[data-shape="15"] {
  --image: url(../img/shape/bg-15.svg);
  --top: 4005;
  --top-sp: 4105;
  --height: 160;
  --width: 160;
  --width-sp: 80;
  --x-pos: 30;
  --x-pos-sp: -30;
}

.l-bg ._shape[data-shape="16"] {
  --image: url(../img/shape/bg-16.svg);
  --top: 4566;
  --top-sp: 4596;
  --height: 161;
  --width: 160;
  --width-sp: 80;
  --x-pos: -40;
  --x-pos-sp: -40;
}


/* =============================================================

Header

* ============================================================= */
/* header
=============================== */
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  /* padding: calc(15px + var(--slope-1px) * 15); */
  font-size: 1.5rem;
  font-family: var(--sub-font);
  font-weight: var(--medium);
}

.l-header__inner {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: calc(60px + var(--slope-1px) * 20);
  padding: 0 calc(10px + var(--slope-1px) * 6) 0 24px;
  /* border-radius: 50px; */
  background: #fff;
  transition: all .4s;
}

body.is-header-nav-open .l-header__inner {
  background: rgba(255, 255, 255, 0);
}


/* l-header-logo
=============================== */
.l-header-logo {
  position: relative;
  z-index: 4;
  width: 360px;
  max-width: 50%;
  margin: auto 0;
}

@media screen and (max-width: 560px) {
  .l-header-logo{
    max-width: 74.6%;
  }
}

.l-header-logo a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  transition: var(--transition-opacity);
}

.l-header-logo a img {
  min-width: 0%;
}

.l-header-logo a:hover {
  opacity: var(--hover-opacity);
  cursor: pointer;
}

/* l-header-menu
=============================== */
.l-header-menu {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
}

.l-header-menu a {
  text-decoration: none;
  cursor: pointer;
}

.l-header-menu__spnav {
  position: relative;
  z-index: 4;
  display: none;
  height: 100%;
}


/* l-header-toggle
=============================== */
.l-header-toggle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(40px + var(--slope-1px) * 7); 
  height: calc(40px + var(--slope-1px) * 7);
  margin: 0;
  padding-block: 1.066666em;
  padding-inline: 0.93333em;
  outline: none;
  border: var(--base-border);
  border-radius: 50%;
  background: var(--white);
  color: var(--base-color);
  cursor: pointer;
  transition: var(--transition-opacity);
  z-index: 10;
}

.l-header-toggle:hover {
  opacity: var(--hover-opacity);
  cursor: pointer;
}

@media screen and (max-width: 560px) {
  .l-header-toggle{
    padding-inline: 0.8em;
  }
}

.l-header-toggle:before {
  display: none !important;
}

.l-header-toggle > div {
  position: relative;
  width: 19px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.l-header-toggle > div span {
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  border-radius: 2px;
  transition: background-color 0.3s ease;
}

.l-header-toggle > div span:before,
.l-header-toggle > div span:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  border-radius: 2px;
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.l-header-toggle > div span:before { 
  transform: translateY(-6px);
}

.l-header-toggle > div span:after  { 
  transform: translateY(6px);
}

body.is-header-nav-open .l-header-toggle > div{
  width: 12px;
  height: 12px;
}

body.is-header-nav-open .l-header-toggle > div span {
  background-color: transparent;
}

body.is-header-nav-open .l-header-toggle > div span:before {
  transform: translateY(0) rotate(45deg);
  height: 1px;
}

body.is-header-nav-open .l-header-toggle > div span:after {
  transform: translateY(0) rotate(-45deg);
  height: 1px;
}

.l-global-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  z-index: 9990;
  background: #14B2BE;
  padding: calc(80px + var(--slope-1px) * 60) var(--inner-padding) 40px;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.l-global-menu__inner {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.l-global-menu__body {
  width: 100%;
  max-width: var(--inner-width-px);
  margin-inline: auto;
}

.l-global-menu__toggle {
  position: absolute;
  top: 0;
  right: calc(10px + var(--slope-1px) * 6);
  height: calc(60px + var(--slope-1px) * 20);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0;
}

body.is-header-nav-open .l-global-menu {
  visibility: visible;
  opacity: 1;
}

.l-global-menu__button{
  display: none;
}

@media screen and (max-width: 960px) {
  .l-global-menu__button{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    margin-top: 1.4em;
  }
}


/* l-header-nav
=============================== */
.l-header-nav {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: .4em;
}

@media screen and (max-width: 960px) {
  .l-header-nav {
    z-index: 2;
    display: block;
  }
}


/* l-header-nav-contact
============================== */
.l-header-nav-contact {
  display: grid;
  width: 17.73333em;
  grid-template-columns: repeat(2, 1fr);
  gap: 6px;
}

@media screen and (max-width: 1240px) {
  .l-header-nav-contact{
    display: none;
  }
}

.l-header-nav-contact__button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.86667em;
  border-radius: 60px;
  color: #fff;
  text-decoration: none;
  font-size: inherit;
  gap: 8px;
  transition: var(--transition-opacity);
}

.l-header-nav-contact__button:hover{
  opacity: var(--hover-opacity);
  cursor: pointer;
}

.l-header-nav-contact__button.--reservation{
  background: var(--key-color);
}

.l-header-nav-contact__button.--contact{
  background: var(--point-color);
}

.l-header-nav-contact__button > i {
  display: block;
  width: 17px;
  height: 17px;
}

.l-header-nav-contact__button > i :is(img, svg) {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
    object-fit: contain;
}

/* l-header-nav-list
============================== */
.l-header-nav-list {
  display: flex;
  align-items: stretch;
  gap: 0 1.2em;
  margin-right: .8em;
}

@media screen and (max-width: 1240px) {
  .l-header-nav-list{
    display: none;
  }
}

.l-header-nav-list__item {
  position: relative;
}

@media screen and (max-width: 960px) {
  .l-header-nav-list__item {
    border-bottom: 1px solid var(--black);
    opacity: 0;
    transition: all .4s cubic-bezier(.1, .91, .3, .98);
    transform: translateY(-20px);
  }
  body.is-header-nav-open .l-header-nav-list__item {
    opacity: 1;
    transform: translateY(0);
  }
  body.is-header-nav-open .l-header-nav-list__item:first-child {
    transition-delay: .05s;
  }
  body.is-header-nav-open .l-header-nav-list__item:nth-child(2) {
    transition-delay: .1s;
  }
  body.is-header-nav-open .l-header-nav-list__item:nth-child(3) {
    transition-delay: .15s;
  }
  body.is-header-nav-open .l-header-nav-list__item:nth-child(4) {
    transition-delay: .2s;
  }
  body.is-header-nav-open .l-header-nav-list__item:nth-child(5) {
    transition-delay: .25s;
  }
  body.is-header-nav-open .l-header-nav-list__item:nth-child(6) {
    transition-delay: .3s;
  }
  body.is-header-nav-open .l-header-nav-list__item:nth-child(7) {
    transition-delay: .35s;
  }
}

.l-header-nav-list__handle {
  display: flex;
  align-items: center;
  height: 100%;
}

.l-header-nav-list__handle:hover {
  color: var(--key-color);
}

@media screen and (max-width: 960px) {
  .l-header-nav-list__handle {
    position: relative;
    display: flex;
    align-items: center;
    padding: 1.33333em 50px 1.33333em 40px;
    background-image: radial-gradient(var(--key-color) 0% 50%, transparent 50% 100%);
    background-position: 20px center;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    font-size: 18px;
    font-family: var(--title-font-medium);
    line-height: 1;
  }
  .l-header-nav-list__handle::before, .l-header-nav-list__handle::after {
    content: "";
    position: absolute;
    top: 0;
    right: 14px;
    bottom: 0;
    display: block;
    width: 18px;
    height: 2px;
    margin: auto 0;
    background: currentColor;
  }
  .l-header-nav-list__handle::after {
    transform: rotate(90deg);
  }
  .l-header-nav-list__handle.is-open::after {
    transform: rotate(0deg);
  }
}

@media screen and (min-width: 961px) {
  .l-header-nav-list__drawer {
    position: absolute;
    left: -1.4em;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 14.2em;
    border-radius: var(--base-radius);
    background: var(--white);
    border: var(--base-border);
    opacity: 0;
    margin-top: 2.4em;
    pointer-events: none;
    clip-path: inset(-3em -40px 100% -40px);
    transition: clip-path 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  }

  .l-header-nav-list__drawer a {
    color: var(--base-color);
  }
  .l-header-nav-list__item:hover .l-header-nav-list__drawer {
    opacity: 1;
    clip-path: inset(-3em -40px -40px -40px);
    pointer-events: auto;
  }  
  .l-header-nav-list__drawer:before {
    content: "";
    position: absolute;
    top: -2.5em; 
    left: 0;
    width: 100%;
    height: 2.5em;
    background: transparent;
  }
  .l-header-nav-list__item[data-category=maintenance] .l-header-nav-list__drawer {
    min-width: 18em;
  }
}

@media screen and (max-width: 960px) {
  .l-header-nav-list__drawer {
    display: none;
    background: var(--black);
    color: #fff;
  }
}

/* l-header-page-nav
============================== */
.l-header-page-nav {
  padding: 2.133em 1.333em;
  font-size: 15px;
  display: flex;
  flex-direction: column;
  gap: 1.6em;
  max-height: calc(100svh - 180px);
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}

.l-header-page-nav__item.-htc{
  font-family: var(--en-font-family);
  font-weight: 600;
}

.l-header-page-nav__item a {
  display: block;
  line-height: 1;
  transition: all .3s;
}

.l-header-page-nav__item a:hover{
  color: var(--key-color);
}

@media screen and (max-width: 960px) {
  .l-header-page-nav__item a {
    color: #fff;
  }
}


/* =============================================================

Main

* ============================================================= */
/* main
=============================== */
.l-main{
  position: relative;
  flex-grow: 1;
  width: 100%;
  min-height: 0%;
  max-height: 100%;
  margin-inline: auto;
}

.l-main-body {
  position: relative;
  width: calc(100% - 15px * 2);
  max-width: var(--inner-width-px);
  max-height: 100%;
  margin-inline: auto;
  margin-top: calc(84px + var(--slope-1px) * 16);

  body[data-id="index"] & {
    margin-top: calc(104px + var(--slope-1px) * 16);
  }
}

/* heading
=============================== */
.l-main-heading {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  gap: .875em;
  flex-shrink: 0;
  margin-top: calc(28px + var(--slope-1px) * 38);
}

/* main banner
=============================== */
.l-main-banner {
  padding: 2.5em 0;
  background: var(--bg-color);
}

.l-main-banner__inner {
  width: 1120px;
  max-width: 91.21523%;
  margin: 0 auto;
}

@media screen and (max-width: 960px) {
  .l-main-banner__inner {
    width: 550px;
  }
}

.l-main-banner-list {
  display: flex;
  flex-wrap: wrap;
  width: 101.78571%;
  margin: -.89286% -.89286%;
  padding-top: 1px;
}

.l-main-banner-list__item {
  width: 20%;
  padding: .87719% .87719%;
}

@media screen and (max-width: 960px) {
  .l-main-banner-list__item {
    width: 50%;
  }
}

/* l-main-showroom-nav
=============================== */
.l-main-showroom-nav {
  padding: 5.85652% 0;
  background: var(--bg-color);
}

.c-section._bg + .l-main-showroom-nav {
  background: #fff;
}

.l-main-showroom-nav__inner {
  width: 1120px;
  max-width: 91.21523%;
  margin: 0 auto;
}

/* l-main-category-nav
=============================== */
.l-main-category-nav {
  padding: 4.39239% 0;
}

.c-section._bg + .l-main-showroom-nav + .l-main-category-nav {
  background: var(--bg-color);
}

.l-main-category-nav__inner {
  width: 1244px;
  max-width: 95.4612%;
  margin: 0 auto;
}

.l-main-category-nav__grid {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 2px);
}

.l-main-category-nav__item {
  width: 33.33333%;
  padding-right: 2px;
}

@media screen and (max-width: 560px) {
  .l-main-category-nav__item {
    width: 100%;
    margin-top: 2px;
  }
}

.l-page[data-category=car] .l-main-category-nav__item[data-banner=car] {
  display: none;
}

.l-page[data-category=showroom] .l-main-category-nav__item[data-banner=campaign],
.l-page[data-category=campaign] .l-main-category-nav__item[data-banner=campaign],
.l-page[data-category=company] .l-main-category-nav__item[data-banner=campaign],
.l-page[data-category=other] .l-main-category-nav__item[data-banner=campaign] {
  display: none;
}

.l-page[data-id=welcome] .l-main-category-nav__item[data-banner=campaign] {
  display: block;
}

.l-page[data-category=maintenance] .l-main-category-nav__item[data-banner=maintenance] {
  display: none;
}

.l-page[data-id=welcome] .l-main-category-nav__item[data-banner=welcome] {
  display: none;
}

/* =============================================================

Modal

* ============================================================= */
.l-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
  width: 100%;
  height: 100%;
  padding-inline: 5.19em;
  background: rgba(51, 51, 51, 0.75);
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

.l-modal.is-show {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

@media screen and (max-width: 560px) {
  .l-modal{
    padding-inline: 2em;
  }
}

.l-modal__inner {
  position: relative;
  width: 100%;
  max-width: var(--inner-width-px);
}

.l-modal-nav__item {
  display: none;
  width: 100%;
}

.l-modal-close {
  position: absolute;
  bottom: calc(100% - 3px);
  left: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(40px + var(--slope-1px) * 20); 
  height: calc(40px + var(--slope-1px) * 20);
  margin: 0;
  padding: 0;
  outline: none;
  border: var(--base-border);
  border-radius: 50%;
  background: var(--white);
  color: var(--base-color);
  cursor: pointer;
  transition: var(--transition-opacity);
  z-index: 5;
}

.l-modal:has([data-modal="calendar"].is-show) .l-modal-close{
  left: calc(50% + 235px);
}

.l-modal-close:hover {
  opacity: var(--hover-opacity);
  cursor: pointer;
}

@media screen and (max-width: 560px) {
  .l-modal-close,
  .l-modal:has([data-modal="calendar"].is-show) .l-modal-close{
    bottom: 106%;
    left: 92%;
  }
}

.l-modal-close > div {
  position: relative;
  width: 19px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 560px) {
  .l-modal-close > div{
    width: 12px;
    height: 12px;
  }
}

.l-modal-close > div span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background-color: transparent;
}

.l-modal-close > div span::before,
.l-modal-close > div span::after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  border-radius: 2px;
}

.l-modal-close > div span::before { 
  transform: translateY(0) rotate(45deg); 
}
.l-modal-close > div span::after  { 
  transform: translateY(0) rotate(-45deg); 
}

.l-modal-branch-nav{
  display: flex;
  gap: 16px;
}

@media screen and (max-width: 960px) {
  .l-modal-branch-nav{
    flex-direction: column;
  }
}

.l-modal-branch-nav__link{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: var(--base-border);
  border-radius: var(--base-radius);
  width: 100%;
  color: var(--white);
  text-decoration: none;
  font-family: var(--jp-en-font-family);
  font-size: calc(16px + var(--slope-1px) * 8);
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center;
  height: 15em;
  gap: 24px ;
  transition: var(--transition-opacity);
}

.l-modal-branch-nav__link.--kyoto{
  background-color: var(--point-color);
  background-image: url(../img/map_kyoto.png);
}

.l-modal-branch-nav__link.--hyogo{
  background-color: var(--key-color);
  background-image: url(../img/map_hyogo.png);
}

.l-modal-branch-nav__link:hover{
  opacity: var(--hover-opacity);
  cursor: pointer;
}

@media screen and (max-width: 560px) {
  .l-modal-branch-nav__link.--kyoto,
  .l-modal-branch-nav__link.--hyogo{
    background-size: 55%;
  }
}

.l-modal [data-modal] {
  display: none;
}

.l-modal [data-modal].is-show {
  display: block;
}

/* =============================================================

Footer

* ============================================================= */
/* l-footer
=============================== */
.l-footer{
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  background: #14B2BE;
  background: linear-gradient(195deg,rgba(20, 178, 190, 1) 57%, rgba(50, 204, 216, 1) 73%, rgba(67, 227, 239, 1) 100%);
  border-radius: calc(40px + var(--slope-1px) * 60) calc(40px + var(--slope-1px) * 60) 0 0;
  padding-block: calc(64px + var(--slope-1px) * 16) calc(40px + var(--slope-1px) * 24);
  padding-inline: calc(20px + var(--slope-1px) * 63);
  margin-top: calc(64px + var(--slope-1px) * 16);
}

@media screen and (max-width: 560px) {
  .l-footer{
    background: linear-gradient(195deg,rgba(20, 178, 190, 1) 74%, rgba(50, 204, 216, 1) 90%, rgba(67, 227, 239, 1) 100%);
  }
}

.l-footer-sitemap{
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  max-width: var(--inner-width-px);
  margin-inline: auto;
}

.c-sitemap {
  display: flex;
  gap: 3.75em;
  width: 100%;
  color: var(--white);
  margin-inline: auto;
  font-family: var(--jp-en-font-family);
}

@media screen and (max-width: 960px) {
  .c-sitemap {
    display: block;
  }
}

.c-sitemap__col{
  width: 25%;
  display: flex;
  flex-direction: column;
  gap: 56px;
}

@media screen and (max-width: 960px) {
  .c-sitemap__col{
    width: 100%;
    gap: 0;
  }
}

.c-sitemap-box__head {
  display: block;
  width: 100%;
  outline: none;
  border: 0;
  border-bottom: 1px solid;
  background: transparent;
  color: inherit;
  text-align: left;
  text-decoration: none;
  font-weight: bold;
  cursor: unset;
  -moz-appearance: none;
      appearance: none;
}

@media screen and (min-width: 961px) {
  .c-sitemap-box__head {
  margin-bottom: 24px;
    pointer-events: none;
  }
}

@media screen and (max-width: 960px) {
  .c-sitemap-box__head {
    position: relative;
    line-height: normal;
  }
}

.c-sitemap-box__toggle {
  width: 100%;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  background: none;
  color: #fff;
  text-align: left;
  text-decoration: none;
  font-style: normal;
  line-height: 150%;
  cursor: unset;
  -moz-appearance: none;
       appearance: none;
  line-height: 1;
  font-size: calc(15px + var(--slope-1px) * 1);
  font-weight: bold;
}

@media screen and (min-width: 961px) {
  .c-sitemap-box__toggle {
    padding-bottom: 24px;
  }
}

@media screen and (max-width: 960px) {
  .c-sitemap-box__toggle {
    cursor: pointer;
    pointer-events: all;
    padding-block: 1.401em;
  }
  .c-sitemap-box__toggle:before, .c-sitemap-box__toggle:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    right: 4px;
    bottom: 0;
    bottom: 0;
    display: block;
    display: block;
    width: 16px;
    height: 1px;
    margin: auto;
    margin: auto 0;
    border-radius: var(--oval-radius);
    background: #fff;
  }
  .c-sitemap-box__toggle:after {
    background: currentColor;
    transition: all .2s ease-out;

    rotate: 90deg;
  }
  .c-sitemap-box__toggle.is-open:after {
    rotate: 0deg;
  }
}

.c-sitemap-box__body {
  display: grid;
}

@media screen and (min-width: 961px) {
  .c-sitemap-box__body {
    display: grid !important;
  }
}

@media screen and (max-width: 960px) {
  .c-sitemap-box__body {
    display: none;
    gap: 0;
    padding-block: 1.5667em;
  }
}

.c-sitemap-pages {
  display: flex;
  flex-direction: column;
  gap: 20px;
  font-size: 1.4rem;
  font-weight: 500;
  /* margin-block: var(--leading-trim); */
}

.c-sitemap-pages li {
  vertical-align: middle;
  margin-block: var(--leading-trim);
}

.c-sitemap-pages li a {
  display: inline-flex;
  align-items: center;
  color: currentColor;
  text-decoration: none;
  word-break: keep-all;
  overflow-wrap: anywhere;
}

@media (any-hover: hover) {
  .c-sitemap-pages li a:where(:hover) {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: var(--underline-offset);
  }
}

/* .c-sitemap-pages li a[target="_blank"]::after {
  content: "";
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
  background: var(--white);
  transition: background .3s ease-out;
  -webkit-mask: var(--icon-external) 50% 50%/contain no-repeat;
          mask: var(--icon-external) 50% 50%/contain no-repeat;
} */

.c-sitemap-showroom {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 0 15px;
}

@media screen and (max-width: 1350px) and (min-width: 960px) {
  .c-sitemap-showroom {
    display: block;
  }
}

.c-sitemap-showroom .c-sitemap-pages{
  grid-area: 1 / 1 / 2 / 3;
  margin-bottom: 24px;
}

.c-sitemap-showroom-block li {
  font-size: calc(13px + var(--slope-1px) * 1);
  cursor: pointer;
}

.c-sitemap-showroom-block li a {
  display: inline;
}

.c-sitemap-showroom-block li:before {
  content: "-";
  position: relative;
  display: inline;
  width: 1em;
  padding-right: .3em;
}

.c-sitemap-showroom-block__head{
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 24px;
}


.l-footer-pagetop{
  position: fixed;
  bottom: calc(30px + var(--slope-1px) * 100);
  right: calc(15px + var(--slope-1px) * 10);
  width: calc(50px + var(--slope-1px) * 30);
  height: calc(50px + var(--slope-1px) * 30);
  border-radius: 50%;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: var(--white);
  border: 2px solid var(--key-color);
  color: var(--key-color);
  transition: all 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
}

@media screen and (max-width: 767px) {
  .l-footer-pagetop{
    justify-content: center;
  }
}

.l-footer-pagetop i{
  background-color: var(--key-color);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17.0061 14.3382L9.7047 21.8688C9.57245 22.0202 9.41169 22.0965 9.22241 22.098C9.03313 22.0994 8.86892 22.0209 8.72978 21.8624C8.57659 21.7037 8.5 21.5308 8.5 21.3439C8.5 21.1566 8.57659 20.9838 8.72978 20.8253L16.158 13.1412C16.2839 13.0113 16.4143 12.9137 16.549 12.8484C16.684 12.7829 16.8363 12.7501 17.0061 12.7501C17.1615 12.7501 17.3101 12.7829 17.452 12.8484C17.5939 12.9137 17.7278 13.0113 17.8537 13.1412L25.2886 20.8317C25.4205 20.9685 25.4908 21.1348 25.4993 21.3306C25.5079 21.5264 25.4354 21.7037 25.2819 21.8624C25.1288 22.0209 24.9617 22.1001 24.7806 22.1001C24.5999 22.1001 24.4329 22.0209 24.2797 21.8624L17.0061 14.3382Z' fill='white'/%3E%3C/svg%3E") center center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'%3E%3Cpath d='M17.0061 14.3382L9.7047 21.8688C9.57245 22.0202 9.41169 22.0965 9.22241 22.098C9.03313 22.0994 8.86892 22.0209 8.72978 21.8624C8.57659 21.7037 8.5 21.5308 8.5 21.3439C8.5 21.1566 8.57659 20.9838 8.72978 20.8253L16.158 13.1412C16.2839 13.0113 16.4143 12.9137 16.549 12.8484C16.684 12.7829 16.8363 12.7501 17.0061 12.7501C17.1615 12.7501 17.3101 12.7829 17.452 12.8484C17.5939 12.9137 17.7278 13.0113 17.8537 13.1412L25.2886 20.8317C25.4205 20.9685 25.4908 21.1348 25.4993 21.3306C25.5079 21.5264 25.4354 21.7037 25.2819 21.8624C25.1288 22.0209 24.9617 22.1001 24.7806 22.1001C24.5999 22.1001 24.4329 22.0209 24.2797 21.8624L17.0061 14.3382Z' fill='white'/%3E%3C/svg%3E") center center / contain no-repeat;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1;
  width: 2.125em;
  height: 2.125em;
  margin-top: 6.5px;
  transition: background-color 0.3s ease;
}

@media screen and (max-width: 767px) {
  .l-footer-pagetop i{
    margin-top: 0;

  }
}

.l-footer-pagetop span{
  line-height: .6;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .l-footer-pagetop span{
    display: none;
  }
}

.l-footer-pagetop:hover{
  background-color: var(--key-color);
  color: var(--white);
}

.l-footer-pagetop:hover i{
  background-color: var(--white);
}

.l-footer-pagetop.is-visible {
  opacity: 1;
  visibility: visible;
}

.l-footer-profile{
  margin-top: calc(64px + var(--slope-1px) * 36);
  color: var(--white);
}

.l-footer-profile__logo{
  padding-bottom: calc(11px + var(--slope-1px) * 2);
}

.l-footer-profile__lead{
  font-size: calc(22px + var(--slope-1px) * 10);
  font-weight: var(--medium);
  padding-bottom: calc(20px + var(--slope-1px) * -3);
}

.l-footer-profile__body{
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.l-footer-profile__head{
  display: flex;
  flex-wrap: wrap;
  gap: 0 16px;
  font-size: calc(13px + var(--slope-1px) * 1);
}

.l-footer-profile__foot{
  flex-shrink: 0;
}

.l-footer-profile__head p{
  font-family: var(--jp-en-font-family);
}

.l-footer-profile__head span a{
  color: var(--white);
}

@media screen and (max-width: 960px) {
  .l-footer-profile__head{
    flex-direction: column;
    gap: 5px;
  }
  .l-footer-profile__body{
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
  }
}

@media screen and (max-width: 560px) {
  .l-footer-profile__head .CMN-RECYCLE{
    letter-spacing: 0;
  }
}


/* ============================================================= *

Grid

* ============================================================= */
/* tile
=============================== */
.c-tile-grid {
  display: flex;
  flex-wrap: wrap;
}

.c-tile-grid__item {
  width: 50%;
}

@media screen and (max-width: 960px) {
  .c-tile-grid[data-col-tablet="1"] .c-tile-grid__item {
    width: 100%;
  }
}


/* ============================================================= *

Navigation

* ============================================================= */
/* breadcrumbs
=============================== */
.c-breadcrumbs {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-block: 1.42857em 1.14286em;
  font-size: calc(13px + var(--slope-1px));
  border-bottom: var(--base-border);
  border-color: #ccc;
}

.c-breadcrumbs > li {
  display: flex;
  align-items: center;
  margin-top: -.375em;
  margin-bottom: -.375em;
}

.c-breadcrumbs > li + li:before {
  content: ">";
  margin: 0 calc(8px + var(--slope-1px) * 5);
}

.c-breadcrumbs > li a {
  text-underline-offset: var(--underline-offset);
}

.c-breadcrumbs > li a:hover {
  text-decoration: none;
}

/* c-button
=============================== */
:root{
  --icon-right-circle-white: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M19.0956 16L13.732 21.3641C13.6296 21.4585 13.5784 21.5818 13.5784 21.7338C13.5784 21.8858 13.6296 22.0129 13.732 22.1149C13.834 22.2477 13.9667 22.3064 14.1301 22.291C14.2938 22.2757 14.4267 22.217 14.5287 22.1149L19.7393 16.9044C19.9949 16.6487 20.1228 16.3473 20.1228 16C20.1228 15.6527 19.9949 15.3513 19.7393 15.0956L14.5287 9.88506C14.4267 9.78299 14.2938 9.72429 14.1301 9.70897C13.9667 9.69364 13.834 9.75234 13.732 9.88506C13.6296 9.98713 13.5861 10.12 13.6014 10.2837C13.6167 10.447 13.6756 10.5798 13.7779 10.6818L19.0956 16ZM16.0078 32C13.7957 32 11.7156 31.5802 9.76736 30.7407C7.81916 29.9011 6.1246 28.7566 4.68368 27.3071C3.24245 25.8576 2.10161 24.1651 1.26115 22.2294C0.420383 20.2941 0 18.2202 0 16.0078C0 13.7957 0.41977 11.7156 1.25931 9.76736C2.09885 7.81916 3.23831 6.1246 4.6777 4.68368C6.11709 3.24245 7.8095 2.10161 9.75494 1.26115C11.7007 0.420383 13.7798 0 15.9922 0C18.2043 0 20.2792 0.419771 22.217 1.25931C24.1551 2.09885 25.8498 3.23831 27.3011 4.6777C28.7525 6.11709 29.8984 7.8095 30.7389 9.75494C31.5796 11.7007 32 13.7798 32 15.9922C32 18.2043 31.5802 20.2794 30.7407 22.2175C29.9011 24.1553 28.7566 25.8498 27.3071 27.3011C25.8576 28.7525 24.1651 29.8984 22.2294 30.7389C20.2941 31.5796 18.2202 32 16.0078 32Z' fill='white'/></svg>");

  --icon-right-circle-blue: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M19.0956 16L13.732 21.3641C13.6296 21.4585 13.5784 21.5818 13.5784 21.7338C13.5784 21.8858 13.6296 22.0129 13.732 22.1149C13.834 22.2477 13.9667 22.3064 14.1301 22.291C14.2938 22.2757 14.4267 22.217 14.5287 22.1149L19.7393 16.9044C19.9949 16.6487 20.1228 16.3473 20.1228 16C20.1228 15.6527 19.9949 15.3513 19.7393 15.0956L14.5287 9.88506C14.4267 9.78299 14.2938 9.72429 14.1301 9.70897C13.9667 9.69364 13.834 9.75234 13.732 9.88506C13.6296 9.98713 13.5861 10.12 13.6014 10.2837C13.6167 10.447 13.6756 10.5798 13.7779 10.6818L19.0956 16ZM16.0078 32C13.7957 32 11.7156 31.5802 9.76736 30.7407C7.81916 29.9011 6.1246 28.7566 4.68368 27.3071C3.24245 25.8576 2.10161 24.1651 1.26115 22.2294C0.420383 20.2941 0 18.2202 0 16.0078C0 13.7957 0.41977 11.7156 1.25931 9.76736C2.09885 7.81916 3.23831 6.1246 4.6777 4.68368C6.11709 3.24245 7.8095 2.10161 9.75494 1.26115C11.7007 0.420383 13.7798 0 15.9922 0C18.2043 0 20.2792 0.419771 22.217 1.25931C24.1551 2.09885 25.8498 3.23831 27.3011 4.6777C28.7525 6.11709 29.8984 7.8095 30.7389 9.75494C31.5796 11.7007 32 13.7798 32 15.9922C32 18.2043 31.5802 20.2794 30.7407 22.2175C29.9011 24.1553 28.7566 25.8498 27.3071 27.3071C25.8576 28.7525 24.1651 29.8984 22.2294 30.7389C20.2941 31.5796 18.2202 32 16.0078 32Z' fill='%23005BAC'/></svg>");

  --icon-right-circle-black: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M19.0956 16L13.732 21.3641C13.6296 21.4585 13.5784 21.5818 13.5784 21.7338C13.5784 21.8858 13.6296 22.0129 13.732 22.1149C13.834 22.2477 13.9667 22.3064 14.1301 22.291C14.2938 22.2757 14.4267 22.217 14.5287 22.1149L19.7393 16.9044C19.9949 16.6487 20.1228 16.3473 20.1228 16C20.1228 15.6527 19.9949 15.3513 19.7393 15.0956L14.5287 9.88506C14.4267 9.78299 14.2938 9.72429 14.1301 9.70897C13.9667 9.69364 13.834 9.75234 13.732 9.88506C13.6296 9.98713 13.5861 10.12 13.6014 10.2837C13.6167 10.4471 13.6756 10.5798 13.7779 10.6818L19.0956 16Z' fill='%23333333'/><path d='M16.0078 32C13.7957 32 11.7156 31.5802 9.76736 30.7407C7.81916 29.9011 6.1246 28.7566 4.68368 27.3071C3.24245 25.8576 2.10161 24.1651 1.26115 22.2294C0.420383 20.2941 0 18.2202 0 16.0078C0 13.7957 0.41977 11.7156 1.25931 9.76736C2.09885 7.81916 3.23831 6.1246 4.6777 4.68368C6.11709 3.24245 7.8095 2.10161 9.75494 1.26115C11.7007 0.420383 13.7798 0 15.9922 0C18.2043 0 20.2792 0.419771 22.217 1.25931C24.1551 2.09885 25.8498 3.23831 27.3011 4.6777C28.7525 6.11709 29.8984 7.8095 30.7389 9.75494C31.5796 11.7007 32 13.7798 32 15.9922C32 18.2043 31.5802 20.2794 30.7407 22.2175C29.9011 24.1553 28.7566 25.8498 27.3071 27.3071C25.8576 28.7525 24.1651 29.8984 22.2294 30.7389C20.2941 31.5796 18.2202 32 16.0078 32ZM16 30.8966C20.148 30.8966 23.6679 29.4509 26.5595 26.5595C29.4509 23.6679 30.8966 20.148 30.8966 16C30.8966 11.852 29.4509 8.33211 26.5595 5.44046C23.6679 2.54912 20.148 1.10345 16 1.10345C11.852 1.10345 8.33211 2.54912 5.44046 5.44046C2.54912 8.33211 1.10345 11.852 1.10345 16C1.10345 20.148 2.54912 23.6679 5.44046 26.5595C8.33211 29.4509 11.852 30.8966 16 30.8966Z' fill='%23333333'/></svg>");

  --icon-right-circle-blue-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M19.0956 16L13.732 21.3641C13.6296 21.4585 13.5784 21.5818 13.5784 21.7338C13.5784 21.8858 13.6296 22.0129 13.732 22.1149C13.834 22.2477 13.9667 22.3064 14.1301 22.291C14.2938 22.2757 14.4267 22.217 14.5287 22.1149L19.7393 16.9044C19.9949 16.6487 20.1228 16.3473 20.1228 16C20.1228 15.6527 19.9949 15.3513 19.7393 15.0956L14.5287 9.88506C14.4267 9.78299 14.2938 9.72429 14.1301 9.70897C13.9667 9.69364 13.834 9.75234 13.732 9.88506C13.6296 9.98713 13.5861 10.12 13.6014 10.2837C13.6167 10.4471 13.6756 10.5798 13.7779 10.6818L19.0956 16Z' fill='white'/><path d='M16.0078 32C13.7957 32 11.7156 31.5802 9.76736 30.7407C7.81916 29.9011 6.1246 28.7566 4.68368 27.3071C3.24245 25.8576 2.10161 24.1651 1.26115 22.2294C0.420383 20.2941 0 18.2202 0 16.0078C0 13.7957 0.41977 11.7156 1.25931 9.76736C2.09885 7.81916 3.23831 6.1246 4.6777 4.68368C6.11709 3.24245 7.8095 2.10161 9.75494 1.26115C11.7007 0.420383 13.7798 0 15.9922 0C18.2043 0 20.2792 0.419771 22.217 1.25931C24.1551 2.09885 25.8498 3.23831 27.3011 4.6777C28.7525 6.11709 29.8984 7.8095 30.7389 9.75494C31.5796 11.7007 32 13.7798 32 15.9922C32 18.2043 31.5802 20.2794 30.7407 22.2175C29.9011 24.1553 28.7566 25.8498 27.3071 27.3071C25.8576 28.7525 24.1651 29.8984 22.2294 30.7389C20.2941 31.5796 18.2202 32 16.0078 32ZM16 30.8966C20.148 30.8966 23.6679 29.4509 26.5595 26.5595C29.4509 23.6679 30.8966 20.148 30.8966 16C30.8966 11.852 29.4509 8.33211 26.5595 5.44046C23.6679 2.54912 20.148 1.10345 16 1.10345C11.852 1.10345 8.33211 2.54912 5.44046 5.44046C2.54912 8.33211 1.10345 11.852 1.10345 16C1.10345 20.148 2.54912 23.6679 5.44046 26.5595C8.33211 29.4509 11.852 30.8966 16 30.8966Z' fill='white'/></svg>");

  --icon-right-circle-white-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M19.0956 16L13.732 21.3641C13.6296 21.4585 13.5784 21.5818 13.5784 21.7338C13.5784 21.8858 13.6296 22.0129 13.732 22.1149C13.834 22.2477 13.9667 22.3064 14.1301 22.291C14.2938 22.2757 14.4267 22.217 14.5287 22.1149L19.7393 16.9044C19.9949 16.6487 20.1228 16.3473 20.1228 16C20.1228 15.6527 19.9949 15.3513 19.7393 15.0956L14.5287 9.88506C14.4267 9.78299 14.2938 9.72429 14.1301 9.70897C13.9667 9.69364 13.834 9.75234 13.732 9.88506C13.6296 9.98713 13.5861 10.12 13.6014 10.2837C13.6167 10.447 13.6756 10.5798 13.7779 10.6818L19.0956 16ZM16.0078 32C13.7957 32 11.7156 31.5802 9.76736 30.7407C7.81916 29.9011 6.1246 28.7566 4.68368 27.3071C3.24245 25.8576 2.10161 24.1651 1.26115 22.2294C0.420383 20.2941 0 18.2202 0 16.0078C0 13.7957 0.41977 11.7156 1.25931 9.76736C2.09885 7.81916 3.23831 6.1246 4.6777 4.68368C6.11709 3.24245 7.8095 2.10161 9.75494 1.26115C11.7007 0.420383 13.7798 0 15.9922 0C18.2043 0 20.2792 0.419771 22.217 1.25931C24.1551 2.09885 25.8498 3.23831 27.3011 4.6777C28.7525 6.11709 29.8984 7.8095 30.7389 9.75494C31.5796 11.7007 32 13.7798 32 15.9922C32 18.2043 31.5802 20.2794 30.7407 22.2175C29.9011 24.1552 28.7566 25.8498 27.3071 27.3011C25.8576 28.7525 24.1651 29.8984 22.2294 30.7389C20.2941 31.5796 18.2202 32 16.0078 32ZM16 30.8966C20.148 30.8966 23.6679 29.4509 26.5595 26.5595C29.4509 23.6679 30.8966 20.148 30.8966 16C30.8966 11.852 29.4509 8.33211 26.5595 5.44046C23.6679 2.54912 20.148 1.10345 16 1.10345C11.852 1.10345 8.33211 2.54912 5.44046 5.44046C2.54912 8.33211 1.10345 11.852 1.10345 16C1.10345 20.148 2.54912 23.6679 5.44046 26.5595C8.33211 29.4509 11.852 30.8966 16 30.8966Z' fill='%23005BAC'/></svg>");

  --icon-right-circle-text: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M14.3217 12L10.299 16.0231C10.2222 16.0939 10.1838 16.1863 10.1838 16.3003C10.1838 16.4144 10.2222 16.5097 10.299 16.5862C10.3755 16.6857 10.4751 16.7298 10.5976 16.7183C10.7203 16.7068 10.82 16.6628 10.8966 16.5862L14.8045 12.6783C14.9962 12.4866 15.0921 12.2605 15.0921 12C15.0921 11.7395 14.9962 11.5134 14.8045 11.3217L10.8966 7.41379C10.82 7.33724 10.7203 7.29322 10.5976 7.28172C10.4751 7.27023 10.3755 7.31425 10.299 7.41379C10.2222 7.49035 10.1895 7.59 10.201 7.71276C10.2125 7.83529 10.2567 7.93483 10.3334 8.01138L14.3217 12Z' fill='%23333333'/><path d='M12.0059 24C10.3468 24 8.78667 23.6852 7.32552 23.0555C5.86437 22.4259 4.59345 21.5675 3.51276 20.4803C2.43184 19.3932 1.57621 18.1238 0.945862 16.6721C0.315287 15.2206 0 13.6652 0 12.0059C0 10.3468 0.314828 8.78667 0.944483 7.32552C1.57414 5.86437 2.42874 4.59345 3.50828 3.51276C4.58782 2.43184 5.85713 1.57621 7.31621 0.945862C8.77552 0.315287 10.3348 0 11.9941 0C13.6532 0 15.2094 0.314828 16.6628 0.944483C18.1163 1.57414 19.3874 2.42874 20.4759 3.50828C21.5644 4.58782 22.4238 5.85713 23.0541 7.31621C23.6847 8.77552 24 10.3348 24 11.9941C24 13.6532 23.6852 15.2095 23.0555 16.6631C22.4259 18.1164 21.5675 19.3874 20.4803 20.4759C19.3932 21.5644 18.1238 22.4238 16.6721 23.0541C15.2206 23.6847 13.6652 24 12.0059 24ZM12 23.1724C15.111 23.1724 17.7509 22.0882 19.9197 19.9197C22.0882 17.7509 23.1724 15.111 23.1724 12C23.1724 8.88897 22.0882 6.24908 19.9197 4.08035C17.7509 1.91184 15.111 0.827586 12 0.827586C8.88897 0.827586 6.24908 1.91184 4.08035 4.08035C1.91184 6.24908 0.827586 8.88897 0.827586 12C0.827586 15.111 1.91184 17.7509 4.08035 19.9197C6.24908 22.0882 8.88897 23.1724 12 23.1724Z' fill='%23333333'/></svg>");

  --icon-right-circle-text-white: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M14.3217 12L10.299 16.0231C10.2222 16.0939 10.1838 16.1863 10.1838 16.3003C10.1838 16.4144 10.2222 16.5097 10.299 16.5862C10.3755 16.6857 10.4751 16.7298 10.5976 16.7183C10.7203 16.7068 10.82 16.6628 10.8966 16.5862L14.8045 12.6783C14.9962 12.4866 15.0921 12.2605 15.0921 12C15.0921 11.7395 14.9962 11.5134 14.8045 11.3217L10.8966 7.41379C10.82 7.33724 10.7203 7.29322 10.5976 7.28172C10.4751 7.27023 10.3755 7.31425 10.299 7.41379C10.2222 7.49035 10.1895 7.59 10.201 7.71276C10.2125 7.83529 10.2567 7.93483 10.3334 8.01138L14.3217 12Z' fill='white'/><path d='M12.0059 24C10.3468 24 8.78667 23.6852 7.32552 23.0555C5.86437 22.4259 4.59345 21.5675 3.51276 20.4803C2.43184 19.3932 1.57621 18.1238 0.945862 16.6721C0.315287 15.2206 0 13.6652 0 12.0059C0 10.3468 0.314828 8.78667 0.944483 7.32552C1.57414 5.86437 2.42874 4.59345 3.50828 3.51276C4.58782 2.43184 5.85713 1.57621 7.31621 0.945862C8.77552 0.315287 10.3348 0 11.9941 0C13.6532 0 15.2094 0.314828 16.6628 0.944483C18.1163 1.57414 19.3874 2.42874 20.4759 3.50828C21.5644 4.58782 22.4238 5.85713 23.0541 7.31621C23.6847 8.77552 24 10.3348 24 11.9941C24 13.6532 23.6852 15.2095 23.0555 16.6631C22.4259 18.1164 21.5675 19.3874 20.4803 20.4759C19.3932 21.5644 18.1238 22.4238 16.6721 23.0541C15.2206 23.6847 13.6652 24 12.0059 24ZM12 23.1724C15.111 23.1724 17.7509 22.0882 19.9197 19.9197C22.0882 17.7509 23.1724 15.111 23.1724 12C23.1724 8.88897 22.0882 6.24908 19.9197 4.08035C17.7509 1.91184 15.111 0.827586 12 0.827586C8.88897 0.827586 6.24908 1.91184 4.08035 4.08035C1.91184 6.24908 0.827586 8.88897 0.827586 12C0.827586 15.111 1.91184 17.7509 4.08035 19.9197C6.24908 22.0882 8.88897 23.1724 12 23.1724Z' fill='white'/></svg>");

  --icon-right-circle-text-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M14.3217 12L10.299 16.0231C10.2222 16.0939 10.1838 16.1863 10.1838 16.3003C10.1838 16.4144 10.2222 16.5097 10.299 16.5862C10.3755 16.6857 10.4751 16.7298 10.5976 16.7183C10.7203 16.7068 10.82 16.6628 10.8966 16.5862L14.8045 12.6783C14.9962 12.4866 15.0921 12.2605 15.0921 12C15.0921 11.7395 14.9962 11.5134 14.8045 11.3217L10.8966 7.41379C10.82 7.33724 10.7203 7.29322 10.5976 7.28172C10.4751 7.27023 10.3755 7.31425 10.299 7.41379C10.2222 7.49035 10.1895 7.59 10.201 7.71276C10.2125 7.83529 10.2567 7.93483 10.3334 8.01138L14.3217 12Z' fill='%23005BAC'/><path d='M12.0059 24C10.3468 24 8.78667 23.6852 7.32552 23.0555C5.86437 22.4259 4.59345 21.5675 3.51276 20.4803C2.43184 19.3932 1.57621 18.1238 0.945862 16.6721C0.315287 15.2206 0 13.6652 0 12.0059C0 10.3468 0.314828 8.78667 0.944483 7.32552C1.57414 5.86437 2.42874 4.59345 3.50828 3.51276C4.58782 2.43184 5.85713 1.57621 7.31621 0.945862C8.77552 0.315287 10.3348 0 11.9941 0C13.6532 0 15.2094 0.314828 16.6628 0.944483C18.1163 1.57414 19.3874 2.42874 20.4759 3.50828C21.5644 4.58782 22.4238 5.85713 23.0541 7.31621C23.6847 8.77552 24 10.3348 24 11.9941C24 13.6532 23.6852 15.2095 23.0555 16.6631C22.4259 18.1164 21.5675 19.3874 20.4759 20.4759C19.3932 21.5644 18.1238 22.4238 16.6721 23.0541C15.2206 23.6847 13.6652 24 12.0059 24ZM12 23.1724C15.111 23.1724 17.7509 22.0882 19.9197 19.9197C22.0882 17.7509 23.1724 15.111 23.1724 12C23.1724 8.88897 22.0882 6.24908 19.9197 4.08035C17.7509 1.91184 15.111 0.827586 12 0.827586C8.88897 0.827586 6.24908 1.91184 4.08035 4.08035C1.91184 6.24908 0.827586 8.88897 0.827586 12C0.827586 15.111 1.91184 17.7509 4.08035 19.9197C6.24908 22.0882 8.88897 23.1724 12 23.1724Z' fill='%23005BAC'/></svg>");

  --icon-modal-circle-white: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M15.4791 16.5825V23.4483C15.4791 23.6046 15.5326 23.7356 15.6395 23.8414C15.7468 23.9471 15.8797 24 16.0382 24C16.1966 24 16.3269 23.9471 16.429 23.8414C16.5313 23.7356 16.5825 23.6046 16.5825 23.4483V16.5825H23.4483C23.6046 16.5825 23.7356 16.5289 23.8414 16.4216C23.9471 16.3143 24 16.1815 24 16.023C24 15.8645 23.9471 15.7343 23.8414 15.6322C23.7356 15.5301 23.6046 15.4791 23.4483 15.4791H16.5825V8.55172C16.5825 8.3954 16.5289 8.26437 16.4216 8.15862C16.3143 8.05287 16.1815 8 16.023 8C15.8645 8 15.7343 8.05287 15.6322 8.15862C15.5301 8.26437 15.4791 8.3954 15.4791 8.55172V15.4791H8.55172C8.3954 15.4791 8.26437 15.5326 8.15862 15.6395C8.05287 15.7468 8 15.8797 8 16.0382C8 16.1966 8.05287 16.3269 8.15862 16.429C8.26437 16.5313 8.3954 16.5825 8.55172 16.5825H15.4791ZM16.0161 32C13.789 32 11.7067 31.5802 9.7692 30.7407C7.83173 29.9011 6.13946 28.7566 4.69241 27.3071C3.24536 25.8576 2.10161 24.1667 1.26115 22.2345C0.420383 20.3022 0 18.2267 0 16.0078C0 13.7893 0.41977 11.7076 1.25931 9.76276C2.09885 7.81763 3.24337 6.1246 4.69287 4.68368C6.14238 3.24245 7.83326 2.10161 9.76552 1.26115C11.6978 0.420383 13.7733 0 15.9922 0C18.2107 0 20.2924 0.419771 22.2372 1.25931C24.1824 2.09885 25.8754 3.23882 27.3163 4.6777C28.7575 6.11709 29.8984 7.8095 30.7389 9.75494C31.5796 11.7007 32 13.777 32 15.9839C32 18.211 31.5802 20.2933 30.7407 22.2308C29.9011 24.1683 28.7617 25.8587 27.3223 27.3021C25.8829 28.7451 24.1905 29.8889 22.2451 30.7333C20.2993 31.5778 18.223 32 16.0161 32Z' fill='white'/></svg>");

  --icon-modal-circle-white-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'><path d='M15.9922 0.5C18.1459 0.5 20.1598 0.907496 22.0391 1.71875C23.9285 2.53428 25.5684 3.63832 26.9629 5.03125C28.3576 6.42416 29.4639 8.06334 30.2803 9.95312C31.0929 11.8337 31.5 13.8428 31.5 15.9844C31.4999 18.1467 31.093 20.161 30.2822 22.0322C29.5177 23.7966 28.4991 25.3464 27.2266 26.6846L26.9678 26.9492C25.5748 28.3457 23.9357 29.4541 22.0459 30.2744C20.1655 31.0905 18.1569 31.5 16.0156 31.5C13.8533 31.4999 11.839 31.093 9.96777 30.2822C8.08638 29.467 6.44698 28.3576 5.0459 26.9541C3.64439 25.5502 2.53595 23.9117 1.71973 22.0352C0.907788 20.1691 0.5 18.1617 0.5 16.0078C0.5 13.8541 0.907496 11.8402 1.71875 9.96094C2.53397 8.07219 3.64232 6.43242 5.04492 5.03809H5.0459C6.44981 3.64227 8.08804 2.53608 9.96484 1.71973C11.8309 0.907788 13.8383 0.5 15.9922 0.5Z' fill='%23005BAC' stroke='white'/><path d='M15.4791 16.5825V23.4483C15.4791 23.6046 15.5326 23.7356 15.6395 23.8414C15.7468 23.9471 15.8797 24 16.0382 24C16.1966 24 16.3269 23.9471 16.429 23.8414C16.5313 23.7356 16.5825 23.6046 16.5825 23.4483V16.5825H23.4483C23.6046 16.5825 23.7356 16.5289 23.8414 16.4216C23.9471 16.3143 24 16.1815 24 16.023C24 15.8645 23.9471 15.7343 23.8414 15.6322C23.7356 15.5301 23.6046 15.4791 23.4483 15.4791H16.5825V8.55172C16.5825 8.3954 16.5289 8.26437 16.4216 8.15862C16.3143 8.05287 16.1815 8 16.023 8C15.8645 8 15.7343 8.05287 15.6322 8.15862C15.5301 8.26437 15.4791 8.3954 15.4791 8.55172V15.4791H8.55172C8.3954 15.4791 8.26437 15.5326 8.15862 15.6395C8.05287 15.7468 8 15.8797 8 16.0382C8 16.1966 8.05287 16.3269 8.15862 16.429C8.26437 16.5313 8.3954 16.5825 8.55172 16.5825H15.4791Z' fill='white'/></svg>");

  --icon-angle: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30' fill='none'%3E%3Cpath d='M17.3487 15.0054L10.7041 8.56297C10.5705 8.44628 10.5031 8.30443 10.5019 8.13742C10.5006 7.97041 10.5699 7.82552 10.7097 7.70275C10.8498 7.56758 11.0023 7.5 11.1673 7.5C11.3325 7.5 11.485 7.56758 11.6248 7.70275L18.4049 14.2571C18.5195 14.3682 18.6057 14.4832 18.6632 14.602C18.7211 14.7212 18.75 14.8556 18.75 15.0054C18.75 15.1425 18.7211 15.2736 18.6632 15.3988C18.6057 15.524 18.5195 15.6422 18.4049 15.7533L11.6191 22.3134C11.4984 22.4299 11.3517 22.4919 11.179 22.4994C11.0062 22.5069 10.8498 22.443 10.7097 22.3076C10.5699 22.1724 10.5 22.025 10.5 21.8653C10.5 21.7058 10.5699 21.5585 10.7097 21.4233L17.3487 15.0054Z' fill='%23333333'/%3E%3C/svg%3E");

  --icon-arrow-circle-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M14.3217 12L10.299 16.0231C10.2222 16.0939 10.1838 16.1863 10.1838 16.3003C10.1838 16.4144 10.2222 16.5097 10.299 16.5862C10.3755 16.6857 10.4751 16.7298 10.5976 16.7183C10.7203 16.7068 10.82 16.6628 10.8966 16.5862L14.8045 12.6783C14.9962 12.4866 15.0921 12.2605 15.0921 12C15.0921 11.7395 14.9962 11.5134 14.8045 11.3217L10.8966 7.41379C10.82 7.33724 10.7203 7.29322 10.5976 7.28172C10.4751 7.27023 10.3755 7.31425 10.299 7.41379C10.2222 7.49035 10.1895 7.59 10.201 7.71276C10.2125 7.83529 10.2567 7.93483 10.3334 8.01138L14.3217 12Z' fill='black'/%3E%3Cpath d='M12.0059 24C10.3468 24 8.78667 23.6852 7.32552 23.0555C5.86437 22.4259 4.59345 21.5675 3.51276 20.4803C2.43184 19.3932 1.57621 18.1238 0.945862 16.6721C0.315287 15.2206 0 13.6652 0 12.0059C0 10.3468 0.314828 8.78667 0.944483 7.32552C1.57414 5.86437 2.42874 4.59345 3.50828 3.51276C4.58782 2.43184 5.85713 1.57621 7.31621 0.945862C8.77552 0.315287 10.3348 0 11.9941 0C13.6532 0 15.2094 0.314828 16.6628 0.944483C18.1163 1.57414 19.3874 2.42874 20.4759 3.50828C21.5644 4.58782 22.4238 5.85713 23.0541 7.31621C23.6847 8.77552 24 10.3348 24 11.9941C24 13.6532 23.6852 15.2095 23.0555 16.6631C22.4259 18.1164 21.5675 19.3874 20.4803 20.4759C19.3932 21.5644 18.1238 22.4238 16.6721 23.0541C15.2206 23.6847 13.6652 24 12.0059 24ZM12 23.1724C15.111 23.1724 17.7509 22.0882 19.9197 19.9197C22.0882 17.7509 23.1724 15.111 23.1724 12C23.1724 8.88897 22.0882 6.24908 19.9197 4.08035C17.7509 1.91184 15.111 0.827586 12 0.827586C8.88897 0.827586 6.24908 1.91184 4.08035 4.08035C1.91184 6.24908 0.827586 8.88897 0.827586 12C0.827586 15.111 1.91184 17.7509 4.08035 19.9197C6.24908 22.0882 8.88897 23.1724 12 23.1724Z' fill='black'/%3E%3C/svg%3E");

  --icon-close-circle-black: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M12.5517 20.5209H27.4483C27.6052 20.5209 27.7364 20.4676 27.8418 20.3609C27.9473 20.2539 28 20.1211 28 19.9623C28 19.8035 27.9473 19.6731 27.8418 19.571C27.7364 19.4687 27.6052 19.4175 27.4483 19.4175H12.5517C12.3948 19.4175 12.2636 19.471 12.1582 19.5779C12.0527 19.6846 12 19.8175 12 19.9766C12 20.1353 12.0527 20.2657 12.1582 20.3678C12.2636 20.4699 12.3948 20.5209 12.5517 20.5209ZM20.0161 36C17.789 36 15.7088 35.5802 13.7756 34.7407C11.8425 33.9011 10.1502 32.7566 8.69885 31.3071C7.24751 29.8576 6.10161 28.1667 5.26115 26.2345C4.42038 24.3022 4 22.2216 4 19.9926C4 17.7842 4.41977 15.7076 5.25931 13.7628C6.09885 11.8176 7.24337 10.1246 8.69287 8.68368C10.1424 7.24245 11.8333 6.10161 13.7655 5.26115C15.6978 4.42038 17.7784 4 20.0074 4C22.2158 4 24.2924 4.41977 26.2372 5.25931C28.1824 6.09885 29.8754 7.23831 31.3163 8.6777C32.7575 10.1171 33.8984 11.8095 34.7389 13.7549C35.5796 15.7007 36 17.777 36 19.9839C36 22.211 35.5802 24.2912 34.7407 26.2244C33.9011 28.1575 32.7617 29.848 31.3223 31.2956C29.8829 32.743 28.1905 33.8889 26.2451 34.7333C24.2993 35.5778 22.223 36 20.0161 36ZM20.0152 34.8966C24.1531 34.8966 27.6679 33.4509 30.5595 30.5595C33.4509 27.6679 34.8966 24.143 34.8966 19.9848C34.8966 15.8469 33.4527 12.3321 30.5651 9.44046C27.6774 6.54912 24.1557 5.10345 20 5.10345C15.852 5.10345 12.3321 6.54728 9.44046 9.43494C6.54912 12.3226 5.10345 15.8443 5.10345 20C5.10345 24.148 6.54912 27.6679 9.44046 30.5595C12.3321 33.4509 15.857 34.8966 20.0152 34.8966Z' fill='%23333333'/%3E%3C/svg%3E");

  --icon-close-circle-blue: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'%3E%3Cpath d='M12.5517 20.5209H27.4483C27.6052 20.5209 27.7364 20.4676 27.8418 20.3609C27.9473 20.2539 28 20.1211 28 19.9623C28 19.8035 27.9473 19.6731 27.8418 19.571C27.7364 19.4687 27.6052 19.4175 27.4483 19.4175H12.5517C12.3948 19.4175 12.2636 19.471 12.1582 19.5779C12.0527 19.6846 12 19.8175 12 19.9766C12 20.1353 12.0527 20.2657 12.1582 20.3678C12.2636 20.4699 12.3948 20.5209 12.5517 20.5209ZM20.0161 36C17.789 36 15.7088 35.5802 13.7756 34.7407C11.8425 33.9011 10.1502 32.7566 8.69885 31.3071C7.24751 29.8576 6.10161 28.1667 5.26115 26.2345C4.42038 24.3022 4 22.2216 4 19.9926C4 17.7842 4.41977 15.7076 5.25931 13.7628C6.09885 11.8176 7.24337 10.1246 8.69287 8.68368C10.1424 7.24245 11.8333 6.10161 13.7655 5.26115C15.6978 4.42038 17.7784 4 20.0074 4C22.2158 4 24.2924 4.41977 26.2372 5.25931C28.1824 6.09885 29.8754 7.23831 31.3163 8.6777C32.7575 10.1171 33.8984 11.8095 34.7389 13.7549C35.5796 15.7007 36 17.777 36 19.9839C36 22.211 35.5802 24.2912 34.7407 26.2244C33.9011 28.1575 32.7617 29.848 31.3223 31.2956C29.8829 32.743 28.1905 33.8889 26.2451 34.7333C24.2993 35.5778 22.223 36 20.0161 36ZM20.0152 34.8966C24.1531 34.8966 27.6679 33.4509 30.5595 30.5595C33.4509 27.6679 34.8966 24.143 34.8966 19.9848C34.8966 15.8469 33.4527 12.3321 30.5651 9.44046C27.6774 6.54912 24.1557 5.10345 20 5.10345C15.852 5.10345 12.3321 6.54728 9.44046 9.43494C6.54912 12.3226 5.10345 15.8443 5.10345 20C5.10345 24.148 6.54912 27.6679 9.44046 30.5595C12.3321 33.4509 15.857 34.8966 20.0152 34.8966Z' fill='%23005BAC'/%3E%3C/svg%3E");

  --icon-plus-circle-black: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'><path d='M16.5576 17.4952V23.3311C16.5576 23.4639 16.6031 23.5753 16.694 23.6652C16.7852 23.7551 16.8981 23.8 17.0328 23.8C17.1675 23.8 17.2783 23.7551 17.365 23.6652C17.452 23.5753 17.4955 23.4639 17.4955 23.3311V17.4952H23.3314C23.4643 17.4952 23.5757 17.4496 23.6656 17.3584C23.7554 17.2672 23.8004 17.1543 23.8004 17.0196C23.8004 16.8849 23.7554 16.7741 23.6656 16.6874C23.5757 16.6006 23.4643 16.5572 23.3314 16.5572H17.4955V10.669C17.4955 10.5361 17.4499 10.4247 17.3588 10.3349C17.2676 10.245 17.1546 10.2 17.0199 10.2C16.8852 10.2 16.7745 10.245 16.6877 10.3349C16.601 10.4247 16.5576 10.5361 16.5576 10.669V16.5572H10.6694C10.5365 16.5572 10.4251 16.6027 10.3352 16.6936C10.2453 16.7848 10.2004 16.8978 10.2004 17.0325C10.2004 17.1672 10.2453 17.2779 10.3352 17.3646C10.4251 17.4517 10.5365 17.4952 10.6694 17.4952H16.5576ZM17.0141 30.6C15.121 30.6 13.3511 30.2432 11.7042 29.5296C10.0574 28.816 8.61893 27.8432 7.38894 26.6111C6.15895 25.379 5.18676 23.9418 4.47237 22.2993C3.75772 20.6569 3.40039 18.8927 3.40039 17.0067C3.40039 15.1209 3.7572 13.3515 4.4708 11.6984C5.18441 10.045 6.15726 8.60593 7.38933 7.38115C8.62141 6.15611 10.0587 5.18639 11.7011 4.472C13.3435 3.75735 15.1077 3.40002 16.9937 3.40002C18.8795 3.40002 20.6489 3.75683 22.302 4.47044C23.9554 5.18405 25.3945 6.15259 26.6193 7.37607C27.8443 8.59955 28.814 10.0381 29.5284 11.6917C30.2431 13.3456 30.6004 15.1105 30.6004 16.9863C30.6004 18.8794 30.2436 20.6494 29.53 22.2962C28.8164 23.9431 27.8478 25.3799 26.6243 26.6068C25.4009 27.8334 23.9623 28.8056 22.3087 29.5234C20.6548 30.2411 18.8899 30.6 17.0141 30.6ZM17.0004 29.6621C20.5262 29.6621 23.5181 28.4333 25.976 25.9756C28.4336 23.5177 29.6625 20.5259 29.6625 17C29.6625 13.4742 28.4359 10.4823 25.9826 8.02442C23.5294 5.56678 20.5353 4.33796 17.0004 4.33796C13.4746 4.33796 10.4827 5.56456 8.02478 8.01777C5.56714 10.471 4.33832 13.4651 4.33832 17C4.33832 20.5259 5.56714 23.5177 8.02478 25.9756C10.4827 28.4333 13.4746 29.6621 17.0004 29.6621Z' fill='%23333333'/></svg>");

  --icon-plus-circle-blue: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='34' viewBox='0 0 34 34' fill='none'><path d='M16.5576 17.4952V23.3311C16.5576 23.4639 16.6031 23.5753 16.694 23.6652C16.7852 23.7551 16.8981 23.8 17.0328 23.8C17.1675 23.8 17.2783 23.7551 17.365 23.6652C17.452 23.5753 17.4955 23.4639 17.4955 23.3311V17.4952H23.3314C23.4643 17.4952 23.5757 17.4496 23.6656 17.3584C23.7554 17.2672 23.8004 17.1543 23.8004 17.0196C23.8004 16.8849 23.7554 16.7741 23.6656 16.6874C23.5757 16.6006 23.4643 16.5572 23.3314 16.5572H17.4955V10.669C17.4955 10.5361 17.4499 10.4247 17.3588 10.3349C17.2676 10.245 17.1546 10.2 17.0199 10.2C16.8852 10.2 16.7745 10.245 16.6877 10.3349C16.601 10.4247 16.5576 10.5361 16.5576 10.669V16.5572H10.6694C10.5365 16.5572 10.4251 16.6027 10.3352 16.6936C10.2453 16.7848 10.2004 16.8978 10.2004 17.0325C10.2004 17.1672 10.2453 17.2779 10.3352 17.3646C10.4251 17.4517 10.5365 17.4952 10.6694 17.4952H16.5576ZM17.0141 30.6C15.121 30.6 13.3511 30.2432 11.7042 29.5296C10.0574 28.816 8.61893 27.8432 7.38894 26.6111C6.15895 25.379 5.18676 23.9418 4.47237 22.2993C3.75772 20.6569 3.40039 18.8927 3.40039 17.0067C3.40039 15.1209 3.7572 13.3515 4.4708 11.6984C5.18441 10.045 6.15726 8.60593 7.38933 7.38115C8.62141 6.15611 10.0587 5.18639 11.7011 4.472C13.3435 3.75735 15.1077 3.40002 16.9937 3.40002C18.8795 3.40002 20.6489 3.75683 22.302 4.47044C23.9554 5.18405 25.3945 6.15259 26.6193 7.37607C27.8443 8.59955 28.814 10.0381 29.5284 11.6917C30.2431 13.3456 30.6004 15.1105 30.6004 16.9863C30.6004 18.8794 30.2436 20.6494 29.53 22.2962C28.8164 23.9431 27.8478 25.3799 26.6243 26.6068C25.4009 27.8334 23.9623 28.8056 22.3087 29.5234C20.6548 30.2411 18.8899 30.6 17.0141 30.6ZM17.0004 29.6621C20.5262 29.6621 23.5181 28.4333 25.976 25.9756C28.4336 23.5177 29.6625 20.5259 29.6625 17C29.6625 13.4742 28.4359 10.4823 25.9826 8.02442C23.5294 5.56678 20.5353 4.33796 17.0004 4.33796C13.4746 4.33796 10.4827 5.56456 8.02478 8.01777C5.56714 10.471 4.33832 13.4651 4.33832 17C4.33832 20.5259 5.56714 23.5177 8.02478 25.9756C10.4827 28.4333 13.4746 29.6621 17.0004 29.6621Z' fill='%23005BAC'/></svg>");

  --icon-minus-circle-black: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><path d='M12.5517 20.5209H27.4483C27.6052 20.5209 27.7364 20.4676 27.8418 20.3609C27.9473 20.2539 28 20.1211 28 19.9623C28 19.8035 27.9473 19.6731 27.8418 19.571C27.7364 19.4687 27.6052 19.4175 27.4483 19.4175H12.5517C12.3948 19.4175 12.2636 19.471 12.1582 19.5779C12.0527 19.6846 12 19.8175 12 19.9766C12 20.1353 12.0527 20.2657 12.1582 20.3678C12.2636 20.4699 12.3948 20.5209 12.5517 20.5209ZM20.0161 36C17.789 36 15.7088 35.5802 13.7756 34.7407C11.8425 33.9011 10.1502 32.7566 8.69885 31.3071C7.24751 29.8576 6.10161 28.1667 5.26115 26.2345C4.42038 24.3022 4 22.2216 4 19.9926C4 17.7842 4.41977 15.7076 5.25931 13.7628C6.09885 11.8176 7.24337 10.1246 8.69287 8.68368C10.1424 7.24245 11.8333 6.10161 13.7655 5.26115C15.6978 4.42038 17.7784 4 20.0074 4C22.2158 4 24.2924 4.41977 26.2372 5.25931C28.1824 6.09885 29.8754 7.23831 31.3163 8.6777C32.7575 10.1171 33.8984 11.8095 34.7389 13.7549C35.5796 15.7007 36 17.777 36 19.9839C36 22.211 35.5802 24.2912 34.7407 26.2244C33.9011 28.1575 32.7617 29.848 31.3223 31.2956C29.8829 32.743 28.1905 33.8889 26.2451 34.7333C24.2993 35.5778 22.223 36 20.0161 36ZM20.0152 34.8966C24.1531 34.8966 27.6679 33.4509 30.5595 30.5595C33.4509 27.6679 34.8966 24.143 34.8966 19.9848C34.8966 15.8469 33.4527 12.3321 30.5651 9.44046C27.6774 6.54912 24.1557 5.10345 20 5.10345C15.852 5.10345 12.3321 6.54728 9.44046 9.43494C6.54912 12.3226 5.10345 15.8443 5.10345 20C5.10345 24.148 6.54912 27.6679 9.44046 30.5595C12.3321 33.4509 15.857 34.8966 20.0152 34.8966Z' fill='%23333333'/></svg>");

  --icon-blank: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><path d='M11.8269 30C11.3148 30 10.8823 29.8235 10.5294 29.4706C10.1765 29.1177 10 28.6852 10 28.1731V11.8269C10 11.3148 10.1765 10.8823 10.5294 10.5294C10.8823 10.1765 11.3148 10 11.8269 10H16.8125C16.9631 10 17.089 10.0508 17.19 10.1525C17.2908 10.2542 17.3412 10.3809 17.3412 10.5328C17.3412 10.6845 17.2908 10.8099 17.19 10.9091C17.089 11.0082 16.9631 11.0578 16.8125 11.0578H11.8269C11.6346 11.0578 11.4583 11.1379 11.2981 11.2981C11.1379 11.4583 11.0578 11.6346 11.0578 11.8269V28.1731C11.0578 28.3654 11.1379 28.5417 11.2981 28.7019C11.4583 28.8621 11.6346 28.9422 11.8269 28.9422H28.1731C28.3654 28.9422 28.5417 28.8621 28.7019 28.7019C28.8621 28.5417 28.9422 28.3654 28.9422 28.1731V23.1875C28.9422 23.0369 28.9931 22.911 29.095 22.81C29.1967 22.7092 29.3233 22.6587 29.475 22.6587C29.6269 22.6587 29.7523 22.7092 29.8512 22.81C29.9504 22.911 30 23.0369 30 23.1875V28.1731C30 28.6852 29.8235 29.1177 29.4706 29.4706C29.1177 29.8235 28.6852 30 28.1731 30H11.8269ZM28.9422 11.8156L17.4887 23.2694C17.389 23.3692 17.2674 23.4223 17.1241 23.4287C16.9809 23.4352 16.8515 23.3804 16.7356 23.2644C16.6196 23.1485 16.5616 23.023 16.5616 22.8878C16.5616 22.7526 16.6196 22.6271 16.7356 22.5112L28.1891 11.0578H22.6394C22.4887 11.0578 22.3629 11.0069 22.2619 10.905C22.161 10.8033 22.1106 10.6767 22.1106 10.525C22.1106 10.3731 22.161 10.2477 22.2619 10.1488C22.3629 10.0496 22.4887 10 22.6394 10H29.0866C29.3493 10 29.5672 10.0866 29.7403 10.2597C29.9134 10.4328 30 10.6507 30 10.9134V17.3606C30 17.5112 29.9492 17.6371 29.8475 17.7381C29.7458 17.839 29.6191 17.8894 29.4672 17.8894C29.3155 17.8894 29.1901 17.839 29.0909 17.7381C28.9918 17.6371 28.9422 17.5112 28.9422 17.3606V11.8156Z' fill='%23333333'/></svg>");

  --icon-blank-hover: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><path d='M11.8269 30C11.3148 30 10.8823 29.8235 10.5294 29.4706C10.1765 29.1177 10 28.6852 10 28.1731V11.8269C10 11.3148 10.1765 10.8823 10.5294 10.5294C10.8823 10.1765 11.3148 10 11.8269 10H16.8125C16.9631 10 17.089 10.0508 17.19 10.1525C17.2908 10.2542 17.3412 10.3809 17.3412 10.5328C17.3412 10.6845 17.2908 10.8099 17.19 10.9091C17.089 11.0082 16.9631 11.0578 16.8125 11.0578H11.8269C11.6346 11.0578 11.4583 11.1379 11.2981 11.2981C11.1379 11.4583 11.0578 11.6346 11.0578 11.8269V28.1731C11.0578 28.3654 11.1379 28.5417 11.2981 28.7019C11.4583 28.8621 11.6346 28.9422 11.8269 28.9422H28.1731C28.3654 28.9422 28.5417 28.8621 28.7019 28.7019C28.8621 28.5417 28.9422 28.3654 28.9422 28.1731V23.1875C28.9422 23.0369 28.9931 22.911 29.095 22.81C29.1967 22.7092 29.3233 22.6587 29.475 22.6587C29.6269 22.6587 29.7523 22.7092 29.8512 22.81C29.9504 22.911 30 23.0369 30 23.1875V28.1731C30 28.6852 29.8235 29.1177 29.4706 29.4706C29.1177 29.8235 28.6852 30 28.1731 30H11.8269ZM28.9422 11.8156L17.4887 23.2694C17.389 23.3692 17.2674 23.4223 17.1241 23.4287C16.9809 23.4352 16.8515 23.3804 16.7356 23.2644C16.6196 23.1485 16.5616 23.023 16.5616 22.8878C16.5616 22.7526 16.6196 22.6271 16.7356 22.5112L28.1891 11.0578H22.6394C22.4887 11.0578 22.3629 11.0069 22.2619 10.905C22.161 10.8033 22.1106 10.6767 22.1106 10.525C22.1106 10.3731 22.161 10.2477 22.2619 10.1488C22.3629 10.0496 22.4887 10 22.6394 10H29.0866C29.3493 10 29.5672 10.0866 29.7403 10.2597C29.9134 10.4328 30 10.6507 30 10.9134V17.3606C30 17.5112 29.9492 17.6371 29.8475 17.7381C29.7458 17.839 29.6191 17.8894 29.4672 17.8894C29.3155 17.8894 29.1901 17.839 29.0909 17.7381C28.9918 17.6371 28.9422 17.5112 28.9422 17.3606V11.8156Z' fill='%23005BAC'/></svg>");

  --icon-blank-white: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><path d='M11.8269 30C11.3148 30 10.8823 29.8235 10.5294 29.4706C10.1765 29.1177 10 28.6852 10 28.1731V11.8269C10 11.3148 10.1765 10.8823 10.5294 10.5294C10.8823 10.1765 11.3148 10 11.8269 10H16.8125C16.9631 10 17.089 10.0508 17.19 10.1525C17.2908 10.2542 17.3412 10.3809 17.3412 10.5328C17.3412 10.6845 17.2908 10.8099 17.19 10.9091C17.089 11.0082 16.9631 11.0578 16.8125 11.0578H11.8269C11.6346 11.0578 11.4583 11.1379 11.2981 11.2981C11.1379 11.4583 11.0578 11.6346 11.0578 11.8269V28.1731C11.0578 28.3654 11.1379 28.5417 11.2981 28.7019C11.4583 28.8621 11.6346 28.9422 11.8269 28.9422H28.1731C28.3654 28.9422 28.5417 28.8621 28.7019 28.7019C28.8621 28.5417 28.9422 28.3654 28.9422 28.1731V23.1875C28.9422 23.0369 28.9931 22.911 29.095 22.81C29.1967 22.7092 29.3233 22.6587 29.475 22.6587C29.6269 22.6587 29.7523 22.7092 29.8512 22.81C29.9504 22.911 30 23.0369 30 23.1875V28.1731C30 28.6852 29.8235 29.1177 29.4706 29.4706C29.1177 29.8235 28.6852 30 28.1731 30H11.8269ZM28.9422 11.8156L17.4887 23.2694C17.389 23.3692 17.2674 23.4223 17.1241 23.4287C16.9809 23.4352 16.8515 23.3804 16.7356 23.2644C16.6196 23.1485 16.5616 23.023 16.5616 22.8878C16.5616 22.7526 16.6196 22.6271 16.7356 22.5112L28.1891 11.0578H22.6394C22.4887 11.0578 22.3629 11.0069 22.2619 10.905C22.161 10.8033 22.1106 10.6767 22.1106 10.525C22.1106 10.3731 22.161 10.2477 22.2619 10.1488C22.3629 10.0496 22.4887 10 22.6394 10H29.0866C29.3493 10 29.5672 10.0866 29.7403 10.2597C29.9134 10.4328 30 10.6507 30 10.9134V17.3606C30 17.5112 29.9492 17.6371 29.8475 17.7381C29.7458 17.839 29.6191 17.8894 29.4672 17.8894C29.3155 17.8894 29.1901 17.839 29.0909 17.7381C28.9918 17.6371 28.9422 17.5112 28.9422 17.3606V11.8156Z' fill='white'/></svg>");

  --circle-size: calc(27.2px + var(--slope-1px) * 4.8);
  --circle-text-size: calc(16px + var(--slope-1px) * 3.2);
}

.c-button {
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 3.75em;
  padding-block: calc(18px + var(--slope-1px) * 4);
  padding-inline: calc((0.625em + var(--circle-size)) * 0.5 + .25em) calc(0.625em + var(--circle-size) + .25em);
  max-width: 18.125em;
  outline: none;
  border: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  /* font-weight: var(--medium); */
  font-size: calc(15px + var(--slope-1px) * 1);
  font-family: var(--sub-font);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  transition: background-color .3s ease, border-color .3s ease, color .3s ease;
  background: var(--_bg-color);
  border-color: var(--_border-color);
  color: var(--_color);
  --_color: var(--base-color);
  --_bg-color: var(--white);
  --_border-color: var(--base-color);
  --_arrow-bg: var(--icon-right-circle-black);
}

@media screen and (max-width: 560px) {
  .c-button{
    max-width: 290px;
    height: 3.334em;
  }
}

.c-button:hover{
  cursor: pointer;
}

.c-button:after {
  content: "";
  position: absolute;
  right: calc(11.4px + var(--slope-1px) * 2.6);
  top: 50%;
  transform: translateY(-50%);
  width: var(--circle-size);
  height: var(--circle-size);
  flex-shrink: 0;
  background: var(--_arrow-bg) center center / contain no-repeat;
  transition: background-image 0.3s ease;
}

.c-button.-down:after{
  transform: translateY(-50%) rotate(90deg);
}

.c-button-wrap{
  position: relative;
  display: block;
  text-decoration: none;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 290px;
  width: 100%;
  --label-pos: 15px;
}

.c-button-wrap:has(.c-button-wrap__label) {
  margin-top: var(--label-pos);
}

.c-button-wrap__label{
  font-family: var(--sub-font);
  font-size: 1.2rem;
  max-width: 257px;
  width: calc(100% - 1.33333em * 2);
  height: 2em;
  margin-inline: auto;
  background-color: #fff;
  color: var(--key-color);
  border: 1px solid var(--key-color);
  border-radius: 2em;
  position: absolute;
  top: calc(var(--label-pos) * -1);
  right: 0;
  left: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

.c-button-wrap__label:after {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  right: 0;
  left: 0;
  display: block;
  width: 10px;
  height: 5px;
  margin-inline: auto;
  background: inherit;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.c-button._stretch{
  max-width: 100%;
  width: 100%;
}

.c-button.--primary {
  --_color: var(--white);
  --_bg-color: var(--key-color);
  --_border-color: var(--key-color);
  --_arrow-bg: var(--icon-right-circle-white);
  --_hover-color: var(--white);
  --_hover-bg-color: var(--key-color);
  --_hover-border-color: var(--key-color);
  --_hover-arrow-bg: var(--icon-right-circle-blue-hover);
}


.c-button.--white{
  --_color: var(--key-color);
  --_bg-color: var(--white);
  --_border-color: var(--key-color);
  --_arrow-bg: var(--icon-right-circle-blue);
  --_hover-color: var(--key-color);
  --_hover-bg-color: var(--white);
  --_hover-border-color: var(--key-color);
  --_hover-arrow-bg: var(--icon-right-circle-white-hover);
}

.c-button.--close {
  --_color: var(--base-color);
  --_bg-color: var(--white);
  --_border-color: var(--base-color);
  --_arrow-bg: var(--icon-close-circle-black);
  --_hover-color: var(--key-color);
  --_hover-bg-color: var(--white);
  --_hover-border-color: var(--key-color);
  --_hover-arrow-bg: var(--icon-close-circle-blue);
}

.c-button.--blank {
  --_color: var(--base-color);
  --_bg-color: transparent;
  --_border-color: var(--base-color);
  --_arrow-bg: var(--icon-blank);
  --_hover-color: var(--key-color);
  --_hover-bg-color: transparent;
  --_hover-border-color: var(--key-color);
  --_hover-arrow-bg: var(--icon-blank-hover);
  padding-inline: calc((0.625em + var(--circle-size)) * 0.5 + .25em) calc(34px + var(--slope-1px) * 6);
}

.c-button.--blank:after {
  width: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
  height: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
}

.c-button.--primary-blank {
  --_color: var(--white);
  --_bg-color: var(--key-color);
  --_border-color: var(--key-color);
  --_arrow-bg: var(--icon-blank-white);
  --_hover-color: var(--white);
  --_hover-bg-color: var(--key-color);
  --_hover-border-color: var(--key-color);
  --_hover-arrow-bg: var(--icon-blank-white); 
}

.c-button.--primary-blank:after {
  width: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
  height: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
}

.c-button.--plus {
  --_color: var(--base-color);
  --_bg-color: transparent;
  --_border-color: var(--base-color);
  --_arrow-bg: var(--icon-plus-circle-black);
  --_hover-color: var(--key-color);
  --_hover-bg-color: transparent;
  --_hover-border-color: var(--key-color);
  --_hover-arrow-bg: var(--icon-plus-circle-blue);
}

.c-button.--plus:after {
  width: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
  height: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
}

.c-button-anchor{
  text-decoration: none;
}

.c-button-anchor span{
  position: relative;
  color: var(--base-color);
  text-decoration: none;
  font-size: calc(13px + var(--slope-1px) * 3);
  font-weight: var(--medium);
  transition: color 0.3s ease;
  display: flex;
  align-items: center;
  gap: 6px;
}

.c-button-anchor span:after {
  content: "";
  right: 0;
  top: 50%;
  width: calc(20px + var(--slope-1px) * 4);
  height: calc(20px + var(--slope-1px) * 4);
  background-color: currentColor;
  -webkit-mask: var(--icon-angle) center center / contain no-repeat;
  mask: var(--icon-angle) center center / contain no-repeat;
  transform: translateY(-50%) rotate(90deg);
  transition: background-color 0.3s ease;
  display: inline-block;
  margin-bottom: calc(-20px + var(--slope-1px) * -4);
}

@media screen and (max-width: 560px) {
  .c-button-anchor span{
    gap: 4px;
  }
}

.c-button.--top_menu{
  gap: 0.65em;
  max-width: 100%;
  height: 3em;
  font-size: calc(16px + var(--slope-1px) * 4);
  padding-inline: 0;
  --_color: var(--base-color);
  --_bg-color: var(--white);
  --_border-color: var(--base-color);
  --_hover-color: var(--white);
  --_hover-bg-color: var(--key-color);
  --_hover-border-color: var(--key-color);
}

.c-button.--top_menu:after{
  display: none;
}

.--top_menu:before{
  content: "";
  width: .35em;
  height: .35em;
  transform: rotate(45deg);
  border-radius: 1px;
  background-color: var(--_color);
  transition: background-color 0.3s ease;
}

@media screen and (max-width: 960px) {
  .c-button.--top_menu{
    max-width: 48.7%;
  }
}

.c-button-text{
  position: relative;
  display: inline-flex;
  align-items: center;
  line-height: 1;
  color: var(--base-color);
  flex-shrink: 0;
  padding-right: 0;
  font-size: 16px;
  transition: color 0.3s ease, border-color 0.3s ease;
  text-underline-offset: var(--underline-offset);
}

.c-button-text.--white {
  color: var(--white);
  border-color: var(--white);
}

.c-button-text:after{
  content: "";
  position: absolute;
  right: -1.875em;
  top: 59%;
  transform: translateY(-50%);
  background-color: currentColor;
  -webkit-mask: var(--icon-arrow-circle-mask) center center / contain no-repeat;
  mask: var(--icon-arrow-circle-mask) center center / contain no-repeat;
  transition: background-color 0.3s ease;
  width: 1.5em;
  height: 1.5em;
  flex-shrink: 0;
}


.c-link-blank{
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 16px;
  text-underline-offset: var(--underline-offset);
  --_arrow-bg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'><path d='M1.37016 15C0.986094 15 0.661719 14.8677 0.397031 14.603C0.132344 14.3383 0 14.0139 0 13.6298V1.37016C0 0.986094 0.132344 0.661719 0.397031 0.397031C0.661719 0.132344 0.986094 0 1.37016 0H5.10938C5.22234 0 5.31672 0.0381251 5.3925 0.114375C5.46812 0.190625 5.50594 0.285703 5.50594 0.399609C5.50594 0.513359 5.46812 0.607423 5.3925 0.681798C5.31672 0.756173 5.22234 0.793359 5.10938 0.793359H1.37016C1.22594 0.793359 1.09375 0.853437 0.973594 0.973593C0.853437 1.09375 0.79336 1.22594 0.79336 1.37016V13.6298C0.79336 13.7741 0.853437 13.9063 0.973594 14.0264C1.09375 14.1466 1.22594 14.2066 1.37016 14.2066H13.6298C13.7741 14.2066 13.9063 14.1466 14.0264 14.0264C14.1466 13.9063 14.2066 13.7741 14.2066 13.6298V9.89063C14.2066 9.77766 14.2448 9.68328 14.3212 9.6075C14.3975 9.53188 14.4925 9.49406 14.6063 9.49406C14.7202 9.49406 14.8142 9.53188 14.8884 9.6075C14.9628 9.68328 15 9.77766 15 9.89063V13.6298C15 14.0139 14.8677 14.3383 14.603 14.603C14.3383 14.8677 14.0139 15 13.6298 15H1.37016ZM14.2066 1.36172L5.61656 9.95203C5.54172 10.0269 5.45055 10.0667 5.34305 10.0716C5.2357 10.0764 5.13859 10.0353 5.05172 9.94828C4.96469 9.86141 4.92117 9.76727 4.92117 9.66586C4.92117 9.56445 4.96469 9.47031 5.05172 9.38344L13.6418 0.793359H9.47953C9.36656 0.793359 9.27219 0.755157 9.19641 0.678751C9.12078 0.602501 9.08297 0.5075 9.08297 0.39375C9.08297 0.279843 9.12078 0.185781 9.19641 0.111563C9.27219 0.0371877 9.36656 0 9.47953 0H14.3149C14.512 0 14.6754 0.0649218 14.8052 0.194766C14.9351 0.324609 15 0.488046 15 0.685078V5.52047C15 5.63344 14.9619 5.72781 14.8856 5.80359C14.8094 5.87922 14.7143 5.91703 14.6004 5.91703C14.4866 5.91703 14.3926 5.87922 14.3182 5.80359C14.2438 5.72781 14.2066 5.63344 14.2066 5.52047V1.36172Z' fill='%23333333'/></svg>");
  transition: color 0.3s ease, border-color 0.3s ease;
}

.c-link-blank:after{
  content: "";
  position: absolute;
  right: -1.75em;
  top: 55%;
  transform: translateY(-50%);
  background: var(--_arrow-bg) center center / contain no-repeat;
  transition: background-image 0.3s ease;
  width: .9375em;
  height: 1em;
  flex-shrink: 0;
}

.c-button-wrap._modal .c-button.--primary {
  /* --_arrow-bg: var(--icon-modal-circle-white); */
}

.c-button-wrap._modal:hover .c-button.--primary {
  /* --_arrow-bg: var(--icon-modal-circle-white-hover); */
}

.c-button-wrap._blank .c-button {
  --_arrow-bg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40' fill='none'><path d='M11.8269 30C11.3148 30 10.8823 29.8235 10.5294 29.4706C10.1765 29.1177 10 28.6852 10 28.1731V11.8269C10 11.3148 10.1765 10.8823 10.5294 10.5294C10.8823 10.1765 11.3148 10 11.8269 10H16.8125C16.9631 10 17.089 10.0508 17.19 10.1525C17.2908 10.2542 17.3412 10.3809 17.3412 10.5328C17.3412 10.6845 17.2908 10.8099 17.19 10.9091C17.089 11.0082 16.9631 11.0578 16.8125 11.0578H11.8269C11.6346 11.0578 11.4583 11.1379 11.2981 11.2981C11.1379 11.4583 11.0578 11.6346 11.0578 11.8269V28.1731C11.0578 28.3654 11.1379 28.5417 11.2981 28.7019C11.4583 28.8621 11.6346 28.9422 11.8269 28.9422H28.1731C28.3654 28.9422 28.5417 28.8621 28.7019 28.7019C28.8621 28.5417 28.9422 28.3654 28.9422 28.1731V23.1875C28.9422 23.0369 28.9931 22.911 29.095 22.81C29.1967 22.7092 29.3233 22.6587 29.475 22.6587C29.6269 22.6587 29.7523 22.7092 29.8512 22.81C29.9504 22.911 30 23.0369 30 23.1875V28.1731C30 28.6852 29.8235 29.1177 29.4706 29.4706C29.1177 29.8235 28.6852 30 28.1731 30H11.8269ZM28.9422 11.8156L17.4887 23.2694C17.389 23.3692 17.2674 23.4223 17.1241 23.4287C16.9809 23.4352 16.8515 23.3804 16.7356 23.2644C16.6196 23.1485 16.5616 23.023 16.5616 22.8878C16.5616 22.7526 16.6196 22.6271 16.7356 22.5112L28.1891 11.0578H22.6394C22.4887 11.0578 22.3629 11.0069 22.2619 10.905C22.161 10.8033 22.1106 10.6767 22.1106 10.525C22.1106 10.3731 22.161 10.2477 22.2619 10.1488C22.3629 10.0496 22.4887 10 22.6394 10H29.0866C29.3493 10 29.5672 10.0866 29.7403 10.2597C29.9134 10.4328 30 10.6507 30 10.9134V17.3606C30 17.5112 29.9492 17.6371 29.8475 17.7381C29.7458 17.839 29.6191 17.8894 29.4672 17.8894C29.3155 17.8894 29.1901 17.839 29.0909 17.7381C28.9918 17.6371 28.9422 17.5112 28.9422 17.3606V11.8156Z' fill='white'/></svg>");
}

.c-button-wrap._blank .c-button:after {
  width: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
  height: calc(34px + clamp(0px, -0.95663px + 0.2551vw, 1px) * 6);
}

.c-contact-nav-block__link .c-button-text.--white:after {
  -webkit-mask: none !important;
  mask: none !important;
  background-color: transparent !important;
  background-image: var(--icon-right-circle-text-white) !important;
  background-position: center center !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  transition: background-image 0.3s ease !important;
}

@media (any-hover: hover) {
  :is(a:hover .c-button, a.c-button:hover, button:hover .c-button, button.c-button:hover) {
    --_bg-color: var(--_hover-bg-color);
    --_border-color: var(--_hover-border-color);
    --_color: var(--_hover-color);
    --_arrow-bg: var(--_hover-arrow-bg);
  }
}

@media (any-hover: hover) {
  :is(a:hover .c-button-text, a.c-button-text:hover) {
    color: var(--key-color);
    border-color: var(--key-color);
    --_arrow-bg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'><path d='M11.4574 9.6L8.23917 12.8185C8.17775 12.8751 8.14703 12.9491 8.14703 13.0403C8.14703 13.1315 8.17775 13.2077 8.23917 13.269C8.30041 13.3486 8.38005 13.3838 8.47807 13.3746C8.57628 13.3654 8.656 13.3302 8.71724 13.269L11.8436 10.1426C11.997 9.98924 12.0737 9.80837 12.0737 9.6C12.0737 9.39163 11.997 9.21076 11.8436 9.05738L8.71724 5.93104C8.656 5.86979 8.57628 5.83457 8.47807 5.82538C8.30041 5.81618 8.30041 5.8514 8.23917 5.93104C8.17775 5.99228 8.15163 6.072 8.16083 6.17021C8.17002 6.26823 8.20533 6.34786 8.26676 6.4091L11.4574 9.6Z' fill='%23005BAC'/><path d='M9.60469 19.2C8.27743 19.2 7.02933 18.9481 5.86041 18.4444C4.69149 17.9407 3.67476 17.254 2.81021 16.3843C1.94547 15.5146 1.26097 14.499 0.75669 13.3377C0.25223 12.1765 0 10.9321 0 9.60469C0 8.27743 0.251862 7.02933 0.755586 5.86041C1.25931 4.69149 1.94299 3.67476 2.80662 2.81021C3.67025 1.94547 4.6857 1.26097 5.85297 0.75669C7.02041 0.25223 8.26786 0 9.59531 0C10.9226 0 12.1675 0.251862 13.3302 0.755587C14.4931 1.25931 15.5099 1.94299 16.3807 2.80662C17.2515 3.67025 17.939 4.6857 18.4433 5.85297C18.9478 7.02041 19.2 8.26786 19.2 9.59531C19.2 10.9226 18.9481 12.1676 18.4444 13.3305C17.9407 14.4932 17.254 15.5099 16.3843 16.3807C15.5146 17.2515 14.499 17.939 13.3377 18.4433C12.1765 18.9478 10.9321 19.2 9.60469 19.2ZM9.6 18.5379C12.0888 18.5379 14.2007 17.6705 15.9357 15.9357C17.6705 14.2007 18.5379 12.0888 18.5379 9.6C18.5379 7.11117 17.6705 4.99927 15.9357 3.26428C14.2007 1.52947 12.0888 0.662069 9.6 0.662069C7.11117 0.662069 4.99926 1.52947 3.26428 3.26428C1.52947 4.99927 0.662069 7.11117 0.662069 9.6C0.662069 12.0888 1.52947 14.2007 3.26428 15.9357C4.99926 17.6705 7.11117 18.5379 9.6 18.5379Z' fill='%23005BAC'/></svg>");
  }
  :is(a:hover .c-link-blank, a.c-link-blank:hover) {
    color: var(--key-color);
    border-color: var(--key-color);
    --_arrow-bg: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'><path d='M1.37016 15C0.986094 15 0.661719 14.8677 0.397031 14.603C0.132344 14.3383 0 14.0139 0 13.6298V1.37016C0 0.986094 0.132344 0.661719 0.397031 0.397031C0.661719 0.132344 0.986094 0 1.37016 0H5.10938C5.22234 0 5.31672 0.0381251 5.3925 0.114375C5.46812 0.190625 5.50594 0.285703 5.50594 0.399609C5.50594 0.513359 5.46812 0.607423 5.3925 0.681798C5.31672 0.756173 5.22234 0.793359 5.10938 0.793359H1.37016C1.22594 0.793359 1.09375 0.853437 0.973594 0.973593C0.853437 1.09375 0.79336 1.22594 0.79336 1.37016V13.6298C0.79336 13.7741 0.853437 13.9063 0.973594 14.0264C1.09375 14.1466 1.22594 14.2066 1.37016 14.2066H13.6298C13.7741 14.2066 13.9063 14.1466 14.0264 14.0264C14.1466 13.9063 14.2066 13.7741 14.2066 13.6298V9.89063C14.2066 9.77766 14.2448 9.68328 14.3212 9.6075C14.3975 9.53188 14.4925 9.49406 14.6063 9.49406C14.7202 9.49406 14.8142 9.53188 14.8884 9.6075C14.9628 9.68328 15 9.77766 15 9.89063V13.6298C15 14.0139 14.8677 14.3383 14.603 14.603C14.3383 14.8677 14.0139 15 13.6298 15H1.37016ZM14.2066 1.36172L5.61656 9.95203C5.54172 10.0269 5.45055 10.0667 5.34305 10.0716C5.2357 10.0764 5.13859 10.0353 5.05172 9.94828C4.96469 9.86141 4.92117 9.76727 4.92117 9.66586C4.92117 9.56445 4.96469 9.47031 5.05172 9.38344L13.6418 0.793359H9.47953C9.36656 0.793359 9.27219 0.755157 9.19641 0.678751C9.12078 0.602501 9.08297 0.5075 9.08297 0.39375C9.08297 0.279843 9.12078 0.185781 9.19641 0.111563C9.27219 0.0371877 9.36656 0 9.47953 0H14.3149C14.512 0 14.6754 0.0649218 14.8052 0.194766C14.9351 0.324609 15 0.488046 15 0.685078V5.52047C15 5.63344 14.9619 5.72781 14.8856 5.80359C14.8094 5.87922 14.7143 5.91703 14.6004 5.91703C14.4866 5.91703 14.3926 5.87922 14.3182 5.80359C14.2438 5.72781 14.2066 5.63344 14.2066 5.52047V1.36172Z' fill='%23005BAC'/></svg>");
  }

  .c-contact-nav-block__link :is(a:hover .c-button-text.--white, a.c-button-text.--white:hover) {
    color: var(--white) !important;
    border-color: var(--white) !important;
  }

  .c-contact-nav-block__link :is(a:hover .c-button-text.--white, a.c-button-text.--white:hover)::after {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><circle cx='12' cy='12' r='12' fill='%23005BAC'/><path d='M14.3217 12L10.299 16.0231C10.2222 16.0939 10.1838 16.1863 10.1838 16.3003C10.1838 16.4144 10.2222 16.5097 10.299 16.5862C10.3755 16.6857 10.4751 16.7298 10.5976 16.7183C10.7203 16.7068 10.82 16.6628 10.8966 16.5862L14.8045 12.6783C14.9962 12.4866 15.0921 12.2605 15.0921 12C15.0921 11.7395 14.9962 11.5134 14.8045 11.3217L10.8966 7.41379C10.82 7.33724 10.7203 7.29322 10.5976 7.28172C10.4751 7.27023 10.3755 7.31425 10.299 7.41379C10.2222 7.49035 10.201 7.59 10.201 7.71276C10.2125 7.83529 10.2567 7.93483 10.3334 8.01138L14.3217 12Z' fill='white'/></svg>") !important;
  }

  :is(a:hover .c-button-anchor, a.c-button-anchor span:hover) {
    color: var(--key-color);
  }
  
}

/* ============================================================= *

anchor

* ============================================================= */
.c-anchor{
  margin-top: calc(40px + var(--slope-1px) * 24);
}

.c-anchor-nav{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: calc(15px + var(--slope-1px) * 15);
}


/* c-slider
=============================== */
.c-slider {
  width: 100%;
  --slide-item-width: 380;
  --slide-item-height: 475;
  --slide-wrap-width: 721;
  container-type: inline-size;
}

.c-slider__body {
  position: relative;
  width: 100%;
}

.c-slider__list {
  max-width: calc(var(--slide-wrap-width) * 1px);
  width: 100%;
  aspect-ratio: var(--slide-wrap-width) / calc(var(--slide-item-height) + 1);
  --slide-gap: 0;
}

@media screen and (max-width: 960px) {
  .c-slider__list {
    width: calc(100% - 20px + var(--slide-gap));
    min-width: calc((316px + var(--slope-1px) * 84) * 2);
    max-width: none;
    aspect-ratio: auto;
    --slide-gap: calc(100cqi / var(--slide-wrap-width) * 16);
  }
}

.c-slider__list .slick-list {
  height: 100%;
  display: flex;
  align-items: flex-end;
}

.c-slider__list .slick-track {
  display: flex;
  align-items: stretch;
}

.c-slider__item {
  opacity: 1;
  display: flex !important;
  justify-content: center;
  align-items: flex-end;
  transition: opacity 0.2s;
  position: relative;
  padding-right: var(--slide-gap);
}

.c-slider__item:not(.is-active) {
  opacity: 0;
}

.c-slider__item > :is(a, img) {
  border: var(--base-border);
  border-radius: 20px;
  overflow: hidden;
  display: block;
  aspect-ratio: inherit;
  width: 100%;
  aspect-ratio: var(--slide-item-width) / var(--slide-item-height);
}

@media screen and (min-width: 961px) {
  .c-slider__item {
    padding-right: 0;
    aspect-ratio: var(--slide-item-width) / var(--slide-item-height);
  }
  .c-slider__item > :is(a, img) {
    width: calc(380 / 360.5 * 100%);
    transition: width 0.6s ease, transform 0.6s ease;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .c-slider__item:not(.is-current) > :is(a, img) {
    width: calc(325 / 360.5 * 100%);
    transform: translateX(calc(34.5 / 325 * 100%));
  }
}

.c-slider__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-slider .c-slider-control {
  margin-top: calc(24px + var(--slope-1px) * 16);
}

/* blog
=============================== */

.c-blog-card{
  height: 100%;
  overflow: hidden;
  text-decoration: none;
  color: var(--base-color);
  transition: var(--transition) ease;
}

.c-blog-card:hover{
  cursor: pointer;
}

.c-blog-card .c-blog-card__shop p,
.c-blog-card .c-blog-card__title,
.c-blog-card .c-blog-card__text,
.c-blog-card .c-blog-card__date {
  transition: color .25s ease;
}

.c-blog-card:hover .c-blog-card__title,
.c-blog-card:hover .c-blog-card__text,
.c-blog-card:hover .c-blog-card__date {
  color: var(--key-color);
}

.c-blog-card:hover .c-blog-card__shop p {
  color: var(--key-color); 
}

.c-blog-card__image{
  flex-grow: 1;
  width: 100%;
  aspect-ratio: 330 / 231;
  overflow: hidden;
  position: relative;
  z-index: 0;
  border-radius: var(--base-radius);
  border: var(--base-border);
}

.c-blog-card__image img{
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: scale .8s ease-in 0s;
  will-change: scale;
  position: relative;
  z-index: 0;
}

.c-blog-card__shop{
  font-family: var(--jp-en-font-family);
  font-size: calc(13px + var(--slope-1px) * 1);
  font-weight: var(--medium);
  position: absolute;
  bottom: 14px;
  left: 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.c-blog-card__shop p{
  background-color: var(--white);
  width: fit-content;
  line-height: 1;
  padding: 0.429em 0.643em;
  color: var(--key-color);
}

.c-blog-card__contents{
  padding-top: calc(13px + var(--slope-1px) * 10);
}

.c-blog-card__title{
  font-size: calc(18px + var(--slope-1px) * 2);
  font-weight: var(--medium);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.c-blog-card__text{
  font-size: calc(14px + var(--slope-1px) * 2);
  padding-top: calc(14.4px + var(--slope-1px) * 6.2);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.c-blog-card__date{
  font-size: calc(13px + var(--slope-1px) * 1);
  font-family: var(--en-font-family);
  padding-top: calc(18px + var(--slope-1px) * 6);
}

.c-blog-paging{
  width: 100%;
  display: flex;
  gap: 1em;
  justify-content: flex-end;
  font-size: calc(14px + var(--slope-1px) * 2);
  font-family: var(--jp-en-font-family);
  letter-spacing: 0;
}

.paging-before{
  margin-bottom: calc(17px + var(--slope-1px) * -1);
}

.paging-after{
  margin-top: calc(17px + var(--slope-1px) * -1);
}

.c-blog-paging__nav{
  display: flex;
  align-items: center;
  gap: .5em;
}

.c-blog-paging__nav > li{
  display: flex;
  align-items: center;
  gap: .5em;
}

.c-blog-paging__nav > li + li:before {
    content: "\ff5c";
}

.c-blog-paging__nav > li a{
  text-underline-offset: var(--underline-offset);
}

/* contact
=============================== */
.c-contact-section{
  background-image: url(../img/bg-contact.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: calc(100cqi - (var(--outer-padding) * 2));
  margin-inline: calc(50% - 50cqi + var(--outer-padding));
  padding-block: calc(34px + var(--slope-1px) * 60) calc(20px + var(--slope-1px) * 80);
  padding-inline: calc(15px + var(--slope-1px) * 48);
  border-radius: var(--base-radius);
  margin-top: calc(60px + var(--slope-1px) * 60);
}

@media screen and (max-width: 850px) {
  .c-contact-section{
    background-image: url(../img/bg-contact_sp.jpg);
  }
}

.c-contact-section-header{
  display: flex;
  align-items: center;
  gap: calc(33.6px + var(--slope-1px) * 16);
  color: var(--white);
  margin-bottom: calc(32px + var(--slope-1px) * 22.4);
}

@media screen and (max-width: 850px) {
  .c-contact-section-header{
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-contact-section__head{
  display: flex;
  align-items: flex-end;
  gap: .875em;
  flex-shrink: 0;
}

@media screen and (max-width: 560px) {
  .c-contact-section__head{
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-contact-section-title{
  position: relative;
  font-size: calc(40px + var(--slope-1px) * 16);
  font-family: var(--base-font-family);
  font-weight: 400;
  line-height: 1;
}

.c-contact-section-title__sub{
  font-family: var(--en-font-family);
  font-size: calc(16px + var(--slope-1px) * 2);
  display: flex;
  align-items: center;
  color: var(--white);
  gap: 6px;
  line-height: 1;
}

.c-contact-section-title__sub i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(18px + var(--slope-1px) * 2);
  height: calc(18px + var(--slope-1px) * 2);
  min-width: 0%;
  flex-shrink: 0;
}

.c-contact-section__lead{
  font-size: calc(16px + var(--slope-1px) * 2);
}

@media screen and (max-width: 560px) {
  .c-contact-section__lead{
    letter-spacing: 0;
  }
}

.c-contact-section__body{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  gap: calc(16px + var(--slope-1px) * 16);
  max-width: 1126px;
  margin-inline: auto;
}

@media screen and (max-width: 1200px) {
  .c-contact-section__body{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 850px) {
  .c-contact-section__body{
    grid-template-columns: repeat(1, 1fr);
  }
}

.c-contact-nav-block{
  border-radius: calc(8px + var(--slope-1px) * 12);
  border: 1px solid var(--white);
  background: rgba(255, 255, 255, 0.10);
  color: var(--white);
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: calc(25px + var(--slope-1px) * 8);
  padding-block: calc(24px + var(--slope-1px) * 8) calc(24px + var(--slope-1px) * 16);
  padding-inline: calc(17.5px + var(--slope-1px) * 14.5);
  overflow: hidden;
}

.c-contact-nav-block__head{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(12px + var(--slope-1px) * 4);
}

.c-contact-nav-block__head span{
  line-height: 1;
  font-size: calc(18px + var(--slope-1px) * 2);
}

.c-contact-nav-block__head i{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0%;
  flex-shrink: 0;
  width: calc(30px + var(--slope-1px) * 10);
  height: calc(30px + var(--slope-1px) * 10);
}

.c-contact-nav-block__body .c-button-wrap{
  margin-inline: auto;
}

.c-contact-nav-block__link{
  text-align: center;
  line-height: 1;
  margin-top: 0.625em;
}

.c-contact-nav-block__link a{
  color: var(--white);
  border-color: var(--white);
  font-size: calc(13px + var(--slope-1px) * 1);
  font-weight: 400;
}


/* banner
=============================== */
.c-banner {
  display: block;
  border: var(--base-border);
  transition: opacity .2s;
}

.c-banner:hover {
  opacity: .7;
}

/* detailed banner
=============================== */
.c-detailed-banner {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  border: var(--base-border);
  background: #fff;
  text-decoration: none;
  transition: opacity .2s;
}

.c-detailed-banner:hover {
  opacity: .7;
}

.c-detailed-banner__image {
  width: 50%;
}

.c-detailed-banner__image img {
  width: 100%;
}

@media screen and (max-width: 960px) {
  .c-detailed-banner__image {
    order: -1;
    width: 100%;
  }
}

.c-detailed-banner__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 2.67857% 3.57143%;
  font-size: 1.5rem;
}

@media screen and (max-width: 960px) {
  .c-detailed-banner__text {
    width: 100%;
    padding: 2.66667em;
  }
}

.c-detailed-banner__head {
  margin-top: -.375em;
  margin-bottom: -.375em;
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.73333em;
}

.c-detailed-banner__body {
  margin-top: 1.63333em;
  margin-bottom: -.5em;
  line-height: 2;
}

/* tab
=============================== */
.c-tab {
  overflow: hidden;
  margin-bottom: calc(42px + var(--slope-1px) * 13);
}

.c-tab__list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: calc(100% + .75em);
  margin: 0 -.375em;
  border-bottom: 2px solid var(--key-color);
  padding-inline: calc(10px + var(--slope-1px) * 20);
}

.c-tab__item {
  z-index: 1;
  display: flex;
  align-items: stretch;
  width: 50%;
  margin-bottom: -2px;
  padding: 0 .625em;
}

.c-tab__button {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: visible;
  width: 100%;
  min-height: 3.8888888em;
  padding: 1em .25em;
  outline: none;
  border: 1px solid var(--key-color);
  border-bottom-width: 2px;
  border-radius: .5em .5em 0 0;
  background: var(--key-color);
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-size: calc(13px + var(--slope-1px) * 8);
  line-height: 1.2;
  cursor: pointer;
  transition: background .25s;
  font-family: var(--jp-en-font-family);
}

.c-tab__button:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 50%;
  z-index: 2;
  display: block;
  width: calc(100% + 4px);
  border-bottom: 2px solid var(--key-color);
  transform: translateX(-50%);
}

/* @media screen and (max-width: 960px) {
  .c-tab__button {
    font-size: .98214em;
  }
} */

.c-tab__button em {
  font-size: 1.4em;
}

.c-tab__button.is-current {
  border: 2px solid var(--key-color);
  background: var(--bg-color);
  color: var(--key-color);
}

.c-tab__button.is-current:after {
  width: 100%;
  border-bottom: 2px solid var(--bg-color);
}

/* for tab.js view control */
.js-tab-channel {
  display: none;
}

.js-tab-channel.is-current {
  display: block;
}

.c-tab.--col-4 .c-tab__item {
  width: 25%;
}

@media screen and (max-width: 560px) {
  .c-tab.--col-4 .c-tab__list {
    flex-wrap: wrap;
  }
  .c-tab.--col-4 .c-tab__item {
    width: 25%;
  }
}

.js-tab-sub-channel {
  display: none;
}

.js-tab-sub-channel.is-current {
  display: block;
}

/* c-category-nav-grid
============================== */
.c-category-nav-grid {
  display: grid;
  width: calc(100vw + 1px);
  border-top: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  grid-template-columns: repeat(4, 1fr);
}

.c-section + .c-category-nav-grid {
  margin-top: clamp(70px, 44.35897px + 6.83761vw, 110px);
}

.c-category-nav-grid__item {
  border-right: 1px solid var(--black);
}

@media screen and (max-width: 1100px) {
  .c-category-nav-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-category-nav-grid__item:nth-child(n+3) {
    border-top: 1px solid var(--black);
  }
}

@media screen and (max-width: 560px) {
  .c-category-nav-grid {
    grid-template-columns: 100%;
  }
  .c-category-nav-grid__item {
    border-right: 0;
  }
  .c-category-nav-grid__item:nth-child(n+2) {
    border-top: 1px solid var(--black);
  }
}

/* c-category-nav
============================== */
.c-category-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 9.75em;
  text-decoration: none;
  font-size: calc(18px + var(--slope-2px));
  font-family: var(--title-font);
  line-height: 1;
  transition: all .3s;
  gap: 1em;
}

@media screen and (max-width: 560px) {
  .c-category-nav {
    flex-direction: row;
    justify-content: flex-start;
    height: 3.66667em;
    padding: 0 var(--inner-padding);
  }
}

.c-category-nav:hover {
  background: rgba(255, 255, 255, .5);
}

.c-category-nav__image {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2em;
  height: 1.8em;
}

@media screen and (max-width: 560px) {
  .c-category-nav__image svg {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
}

.c-category-nav__image svg path {
  fill: currentColor;
}

.c-category-nav__text {
  position: relative;
  width: 100%;
  text-align: center;
}

@media screen and (max-width: 560px) {
  .c-category-nav__text {
    text-align: left;
  }
}

.c-category-nav__text:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 15px;
  margin: auto 14.70588% auto 0;
  background: url(../img/icon/arrow.svg) 50% 50%/contain no-repeat;
}

@media screen and (max-width: 560px) {
  .c-category-nav__text:after {
    margin-right: 0;
  }
}


/* ============================================================= *

Section

* ============================================================= */
.c-section {
  margin-top: calc(40px + var(--slope-1px) * 40);
}

.c-section-header{
  display: flex;
  gap: calc(40px + var(--slope-1px) * 16);
  margin-bottom: 3.5em;
}

@media screen and (max-width: 960px) {
  .c-section-header{
    flex-direction: column;
    margin-bottom: 2.1333333em;
  }
}

.p-index-blog .c-section-header{
  margin-bottom: calc(44px + var(--slope-1px) * 32);
}

.c-section__head {
  display: flex;
  align-items: flex-end;
  gap: calc(16px + var(--slope-1px) * -4);
  flex-shrink: 0;
}

@media screen and (max-width: 1210px) {
  .c-section__head{
    margin-bottom: 0;
  }
}

@media screen and (max-width: 560px) {
  .c-section__head{
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-section__head._no-space {
  margin-bottom: 0;
}

.c-showroom-count{
  font-family: var(--jp-en-font-family);
  font-weight: bold;
  font-size: calc(16px + var(--slope-1px) * 8);
  margin-bottom: calc(24px + var(--slope-1px) * 24);
}

.c-showroom-count em{
  font-size: calc(32px + var(--slope-1px) * 8);
}

.c-section-sub__head{
  position: relative;
  font-size: calc(22px + var(--slope-1px) * 10);
  font-weight:600;
  /* font-weight: var(--medium); */
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.44em;
  width: 100%;
  line-height: 1.3;
  margin-bottom: calc(20px + var(--slope-1px) * 7);
}

.c-section-sub__head:before{
  content: "";
  width: .2626em;
  height: .2626em;
  transform: rotate(45deg);
  border-radius: 1px;
  background-color: var(--base-color);
  flex-shrink: 0;
  margin-top: calc((1.3em - .2626em) / 2);
}

.c-section-small__head{
  font-size: calc(18px + var(--slope-1px) * 6);
  font-weight: 600;
  /* font-weight: var(--medium); */
  line-height: 1;
  margin-bottom: 0.75em;
}

.c-section__foot {
  display: flex;
  justify-content: center;
  margin-top: clamp(40px, 33.58974px + 1.7094vw, 50px);
}

.c-section__foot.-left {
  justify-content: flex-start;
  margin-top: calc(20px + var(--slope-1px) * 7);
}

/* inner section
=============================== */
.c-inner-section + .c-inner-section {
  margin-top: 6rem;
}

.c-inner-section__head {
  margin-bottom: 2.5rem;
}

/* ============================================================= *

Table

* ============================================================= */
/* scroll container
=============================== */
.c-table-container {
  position: relative;
  overflow: auto;
  width: 100%;
  background: linear-gradient(to left, rgba(255, 255, 255, 0), #fff 15px) 0 0/50px 100%, linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, .2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), #fff 15px) right/50px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, .2)) right/20px 100%;
  background-color: #fff;
  background-attachment: local, scroll, local, scroll;
  background-repeat: no-repeat;
}

.c-table-container.-noscroll {
  overflow: visible;
}

.c-table-container + .c-table-container {
  margin-top: 5rem;
}

.c-table-container > * {
  min-width: 72em;
}

.c-table-container.-noscroll > * {
  min-width: 0;
}

/* data table
=============================== */
.c-data-table {
  width: 100%;
  border-collapse: collapse;
  border-top: var(--base-border);
  border-left: var(--base-border);
  font-size: 1.5rem;
  table-layout: fixed;
}

.c-data-table th,
.c-data-table td {
  padding: 1.57em .75em;
  border-right: var(--base-border);
  border-bottom: var(--base-border);
  text-align: center;
  font-size: calc(14px + var(--slope-1px) * 2);
  font-family: var(--jp-en-font-family);
}

@media screen and (max-width: 560px) {
  .c-data-table th,
  .c-data-table td {
    font-size: 1.4rem;
  }
}

.c-data-table td{
  padding: .75em;
}

.c-data-table td span{
  font-size: 1.2rem;
}

.c-data-table thead th {
  background: var(--gray);
  color: #fff;
  font-weight: bold;
  /* padding: 1.57em .75em; */
}

.c-data-table thead th em {
  display: block;
  font-size: 1.06667em;
}

.c-data-table thead th em span {
  display: inline;
  padding-left: .5em;
  font-size: .875em;
}

.c-data-table thead th > span {
  display: block;
  margin-top: .25em;
  font-size: .93333em;
}

.c-data-table tbody th {
  background: var(--gray);
  color: #fff;
  font-weight: bold;
  padding-block: 0.688em;
  height: 5em;
}

.c-data-table tbody th[rowspan] {
  width: 2.66667em;
  padding: 1.2em .33333em;
}

.c-data-table tbody th[rowspan] span {
  display: inline-block;
  min-height: 1em;
  text-align: left;
  white-space: nowrap;
  line-height: 1.25;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;

  -webkit-text-orientation: upright;

          text-orientation: upright;
}

.c-data-table tbody td {
  padding: 1.57em .75em;
}

/* profile table
=============================== */
.c-profile-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 1.5rem;
}

.c-profile-table th,
.c-profile-table td {
  padding: 1.33333em 0;
  border-bottom: 1px solid var(--black);
}

.c-profile-table th {
  width: 12.33333em;
  padding-right: 1em;
  font-weight: bold;
}

.c-profile-table td {
  width: calc(100% - 12.33333em);
}

/* ============================================================= *

Text

* ============================================================= */
/* lead
=============================== */
.c-lead {
  text-align: center;
  font-size: 1.5rem;
  line-height: 2;
}

.c-lead > p {
  /* -0.375em for line-height offset */
  margin-top: -.375em;
  margin-bottom: -.375em;
}

.c-lead > p em {
  font-weight: bold;
  font-size: 1.33333em;
}

.c-lead > p + p {
  margin-top: 1em;
}

/* notes
=============================== */
.c-notes {
  margin-top: 1.231em;
  font-size: 1.3rem;
  font-family: var(--jp-en-font-family);
}

.c-notes > li {
  padding-left: 1em;
  text-indent: -1em;
}

.c-notes > li:before {
  content: "\203b";
}

.c-notes._dot > li:before {
  content: "\30fb";
}

.c-notes._square > li:before {
  content: "\25a0";
}

.c-notes._star > li:before {
  content: "\2605";
}

.c-notes > li._dot:before {
  content: "\30fb";
}

.c-notes > li._square:before {
  content: "\25a0";
}

.c-notes > li._star:before {
  content: "\2605";
}

/* ============================================================= *

Title

* ============================================================= */
/* c-page-title
============================== */
.c-page-title {
  position: relative;
  font-size: calc(36px + var(--slope-1px) * 12);
  font-family: var(--base-font-family);
  font-weight: var(--medium);
  line-height: 1;
}

.c-page-title__side{
  font-family: var(--en-font-family);
  font-size: calc(16px + var(--slope-1px) * 2);
  display: flex;
  align-items: center;
  color: var(--gray);
  gap: calc(4px + var(--slope-1px) * 2);
  line-height: 1;
}

.c-page-title__side i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(18px + var(--slope-1px) * 2);
  height: calc(18px + var(--slope-1px) * 2);
  min-width: 0%;
  flex-shrink: 0;
}

.c-page-title__side span{
  text-transform: uppercase;
}

.c-page-title.--sub{
  font-size: calc(21px + var(--slope-1px) * 11);
}

/* c-section-title
============================== */
.c-section-title {
  position: relative;
  font-size: calc(40px + var(--slope-1px) * 16);
  font-family: var(--jp-en-font-family);
  font-weight: var(--medium);
  line-height: 1;
  word-break: keep-all;
}

.c-section-title__sub{
  font-family: var(--en-font-family);
  font-size: calc(16px + var(--slope-1px) * 2);
  display: flex;
  align-items: center;
  color: var(--gray);
  gap: calc(4px + var(--slope-1px) * 2);
  line-height: 1;
}

.c-section-title__sub i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(18px + var(--slope-1px) * 2);
  height: calc(18px + var(--slope-1px) * 2);
  min-width: 0%;
  flex-shrink: 0;
}

.c-section-title__sub span{
  word-break: break-all;
}

.c-section-title._has-wbr {
  word-break: keep-all;
  overflow-wrap: anywhere;
}


/* c-section__lead
============================== */
.c-section__lead {
  font-size: calc(16px + var(--slope-1px) * 2);
  margin-block: var(--leading-trim);
  letter-spacing: 0;
}

/* ============================================================= *

Blog

* ============================================================= */
.c-blog-container__table {
  width: 100%;
}

.c-blog-container__td > article + article {
  margin-top: 8.5rem;
}

.c-blog-container img {
  display: inline;
}

.c-blog-container article {
  border: 1px solid;
}

.c-blog-container .blog__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  padding: 1.375em;
  border-bottom: 1px solid;
  gap: .75em 2em;
}

@media screen and (max-width: 960px) {
  .c-blog-container .blog__header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-blog-container .blog__title {
  font-weight: bold;
  font-size: calc(18px + var(--slope-2px));
  line-height: 1;
}

.c-blog-container .blog__date {
  color: #888;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
}

.c-blog-container .blog__body {
  padding: clamp(23px, 18.51282px + 1.19658vw, 30px);
  word-break: break-all;
}

.c-blog-container .blog__body img {
  height: auto;
  max-width: 1120px;
}

@media screen and (max-width: 960px) {
  .c-blog-container .blog__body img {
    max-width: 100%;
  }
}

.c-blog-container .blog__paging {
  margin-top: 30px;
  text-align: right;
}

/* =============================================================

Calendar

* ============================================================= */
.c-calendar {
  position: relative;
  display: block;
  background: #fff;
  border: var(--base-border);
  border-radius: calc(10px + var(--slope-1px) * 2);
  width: 470px;
  max-width: 100%;
  margin-inline: auto;
  --theme-color: transparent;
  container-type: inline-size;
  align-self: flex-start;
}

@media screen and (max-width: 768px) {
  .c-calendar {
    margin-inline: auto;
  }
}

.c-calendar .cal_close01 {
  --theme-color: #999;
}

.c-calendar .cal_close02 {
  --theme-color: var(--base-color);
}

.c-calendar .cal_close03 {
  --theme-color: #14B2BE;
}

.c-calendar__container {
  display: flex;
  align-items: center;
  padding: calc(24px + var(--slope-1px) * 8) max(24px, calc(100cqi / 470 * 40));
}

.c-calendar-box__head {
  margin-bottom: calc(100cqi / 470 * 32);
  display: grid;
  grid-template-columns: auto 1fr auto;
  text-align: center;
  align-items: center;
}

.c-calendar-box__arrow button {
  cursor: pointer;
  width: calc(30px + var(--slope-1px) * 10);
  aspect-ratio: 1/1;
  display: block;
  border: 0;
  border-radius: 0;
  appearance: none;
  color: inherit;
  background: var(--base-color);
  mask: 50% 50% /contain no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m23.1316 20.0071-8.8595-8.5898q-.2671-.2334-.2696-.5674t.2771-.5796Q14.5598 10 14.8897 10q.3304 0 .61.2703l9.0401 8.7391q.2293.2223.3445.46.1157.2383.1157.5377 0 .2743-.1157.5247-.1152.2503-.3445.4726l-9.0476 8.7468q-.2415.233-.5869.248-.3455.0151-.6257-.2557Q14 29.4731 14 29.1537q0-.319.2796-.5893z'/%3E%3C/svg%3E");
  transition: opacity .2s;
}

.c-calendar-box__arrow button._prev {
  rotate: 180deg;
}

.c-calendar-box__arrow button:focus-visible {
  outline: 2px var(--key-color);
}

.c-calendar-box__arrow button:hover {
  opacity: .7;
}

.c-calendar-box__arrow button.is-disabled {
  transition: none;
  pointer-events: none;
  background: #EEE;
}

.c-calendar-box__month {
  font-size: 32px;
  font-weight: 700;
  font-family: var(--en-font-family);
  margin-block: var(--leading-trim);
}

.c-calendar-box__foot {
  margin-top: calc(100cqi / 470 * 24);
  padding-top: calc(100cqi / 470 * 24);
  border-top: 1px solid #ccc;
}

.c-calendar-box .cal {
  border-collapse: collapse;
  table-layout: fixed;
  font-weight: regular;
  width: 100%;
  font-family: var(--en-font-family);
  font-weight: 700;
}

.c-calendar-box .cal th {
  padding-bottom: calc(100cqi / 470 * 21.5);
  text-align: center;
}

.c-calendar-box .cal th > div {
  font-size: 13px;
  padding-bottom: calc(100cqi / 470 * 24);
  border-bottom: 1px solid #ccc;
}

.c-calendar-box .cal td {
  font-size: max(14px, calc(100cqi / 470 * 16));
  padding: calc(100cqi / 470 * 2.5);
  text-align: center;
}

.c-calendar-box .cal td > div {
  width: calc(100cqi / 470 * 36);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  aspect-ratio: 1/1;
  margin-inline: auto;
}

.c-calendar-box .cal td .cal_sat {
  color: var(--key-color);
}

.c-calendar-box .cal .cal_sun,
.c-calendar-box .cal .cal_holiday {
  color: var(--red);
}

.c-calendar-box .cal td div[class*="cal_close"] {
  background: var(--theme-color);
  color: var(--white);
}

.c-calendar-notice {
  font-size: calc(12px + var(--slope-1px));
  display: grid;
  grid-template-columns: 100%;
  gap: 16px;
}

.c-calendar-notice__item {
  margin-block: var(--leading-trim);
  text-indent: -2em;
  padding-left: 2em;
}

.c-calendar-notice__item > i {
  color: var(--theme-color);
  font-style: normal;
}

/* ============================================================= *

Newcar

* ============================================================= */
.c-newcar-lead{
  border: var(--base-border);
  padding: calc(27px + var(--slope-1px) * 6);
  border-radius: var(--base-radius);
  text-align: center;
}

.c-newcar-lead{
  font-family: var(--jp-en-font-family);
  font-size: calc(16px + var(--slope-1px) * 2);
}

.c-newcar-lead .c-button-text{
  font-size: calc(14px + var(--slope-1px) * 2);
  margin-top: 1em;
}


/* ============================================================= *

Contact

* ============================================================= */
.c-contact-showroom-lead{
  font-family: var(--jp-en-font-family);
  font-size: calc(14px + var(--slope-1px) * 2);
  margin-bottom: 0.625em;
}

.c-contact-showroom-table{
  border-color: var(--border-color);
}

.c-contact-showroom-table thead th{
  background: #eee;
  color: var(--base-color);
}

.c-contact-showroom-table thead th:nth-of-type(1){
  width: 20.7%;
}

.c-contact-showroom-table thead th:nth-of-type(3){
  width: 17.8%;
}

@media screen and (max-width: 560px) {
  .c-contact-showroom-table thead th:nth-of-type(1){
    width: 23.3%;
  }

  .c-contact-showroom-table thead th:nth-of-type(3){
    width: 29.1%;
  }
}

.c-contact-showroom-table th,
.c-contact-showroom-table td{
  border-color: var(--border-color);
  padding: 0.625em 1.25em !important;
}

@media screen and (max-width: 560px) {
  .c-contact-showroom-table th,
  .c-contact-showroom-table td{
    padding-inline: 1.143em;
  }
}

.c-contact-showroom-table tbody th{
  font-weight: bold !important;
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
  text-align: left;
  background-color: var(--white) !important;
  height: initial;
}

.c-contact-showroom-table tbody td{
  text-align: left;
}

@media screen and (max-width: 560px) {
  .c-contact-showroom-table tbody td{
    letter-spacing: 0;
  }
  .c-contact-showroom-table tbody td .js-tel{
    text-decoration: underline !important;
    text-underline-offset: var(--underline-offset);
  }
  }




/* ============================================================= *

Inspection

* ============================================================= */
.c-inspection-reservation{
  font-family: var(--jp-en-font-family);
  background-image: url(../img/maintenance/bg-reservation.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: var(--base-radius);
  padding-block: calc(38px + var(--slope-1px) * 14) calc(32px + var(--slope-1px) * 8);
  padding-inline: 1.719em;
}

@media screen and (min-width: 560px) {
  .c-inspection-reservation{
    background-position: right;
  }
}

@media screen and (max-width: 560px) {
  .c-inspection-reservation{
    background-image: url(../img/maintenance/bg-reservation_sp.jpg);
  }
}

.c-inspection-reservation__title{
  color: var(--white);
  text-align: center;
  font-size: calc(18px + var(--slope-1px) * 6);
  margin-block: var(--leading-trim);
}

.c-inspection-reservation__body{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(24px + var(--slope-1px) * 8);
}

.c-inspection-reservation__body .c-button-wrap{
  max-width: 500px;
}

.c-inspection-aircon{
  font-family: var(--jp-en-font-family);
  background-image: url(../img/maintenance/bg-aircon.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: right;
  border-radius: var(--base-radius);
  padding-block: 3.5em 2.666666em;
  padding-inline: 1.688em;
}

@media screen and (max-width: 560px) {
  .c-inspection-aircon{
    background-image: url(../img/maintenance/bg-aircon_sp.jpg);
    background-position: right;
  }
}

.c-inspection-aircon__body{
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--white);
  gap: calc(29px + var(--slope-1px) * -1);
  text-align: center;
}

.c-inspection-aircon__title{
  font-size: calc(18px + var(--slope-1px) * 6);
  margin-block: var(--leading-trim);
}

.c-inspection-aircon__body p{
  margin-block: var(--leading-trim);
  font-size: calc(14px + var(--slope-1px) * 2);
  padding-bottom: 4px;
}

.c-inspection-aircon__body .c-button-wrap{
  max-width: 500px;
}

.c-inspection-section-lead{
  font-size: calc(14px + var(--slope-1px) * 2);
  margin-bottom: 2.125em;
}

/* c-inspection-description
=============================== */
.c-inspection-description {
  border-radius: var(--base-radius);
  border: var(--base-border);
  padding: calc(32px + var(--slope-1px) * 16) calc(20px + var(--slope-1px) * 20);
  gap: 40px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  font-size: calc(14px + var(--slope-1px) * 2);
}

@media screen and (max-width: 767px) {
  .c-inspection-description {
    grid-template-columns: 1fr;
  }
}

.c-inspection-description:not(:first-child) {
  margin-top: calc(10px + var(--slope-1px) * 8);
}

.c-inspection-description__item {
  display: contents;
}

.c-inspection-description__item:first-of-type .c-inspection-description__body{
  min-height: 0;
}

.c-inspection-description__item:last-of-type .c-inspection-description__body{
  min-height: 0;
}

@media screen and (max-width: 767px) {
  .c-inspection-description__item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

.c-inspection-description__head {
  margin-block: var(--leading-trim);
  font-weight: var(--medium);
}

@media screen and (max-width: 767px) {
  .c-inspection-description__head {
    text-align: center;
  }
}

.c-inspection-description__body {
  border-left: 1px solid var(--gray);
  padding-left: 40px;
  min-height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-inspection-description__body > p {
  margin-block: var(--leading-trim);
}

@media screen and (max-width: 767px) {
  .c-inspection-description__body {
    padding-top: 20px;
    border-top: 1px solid var(--gray);
    min-height: 0;
    padding-left: 0;
    border-left: 0;
  }
}

/* c-inspection-needs
============================== */
.c-inspection-needs {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}

.c-inspection-needs > li {
  display: flex;
  align-items: center;
  gap: 5px;
}

.c-inspection-needs > li:before {
  content: "";
  display: block;
  width: 25px;
  aspect-ratio: 1/1;
  background: currentColor;
  -webkit-mask: var(--icon-check) 50% 50%/contain no-repeat;
          mask: var(--icon-check) 50% 50%/contain no-repeat;
}

/* c-inspection-outline
============================== */
.c-inspection-outline {
  line-height: 1.8;
  margin-block: var(--leading-trim);
}

.c-inspection-outline > li {
  position: relative;
  padding-left: 1em;
}

.c-inspection-outline > li:before {
  content: "\30fb";
  flex-shrink: 0;
  position: absolute;
  left: 0;
  top: 0;
}


/* c-inspection-checkpoint
=============================== */
.c-inspection-checkpoint{
  display: grid;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px 15px;
  margin-top: calc(32px + var(--slope-1px) * 8);
}

@media screen and (max-width: 767px) {
  .c-inspection-checkpoint{
    grid-template-columns: repeat(1, 1fr);
  }
}

.c-inspection-checkpoint-figure{
  position: relative;
  max-width: 555px;
  width: 100%;
}

.c-inspection-checkpoint-figure__image {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73.5%;
  margin: auto;
  transform: translate3d(-50%, -50%, 0px);
}

.c-inspection-checkpoint-figure__pointer {
  position: relative;
  z-index: 1;
}

.c-inspection-checkpoint-figure__pointer :is(img, svg) {
  width: 100%;
  height: auto;
}

.c-inspection-checkpoint-nav {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(204px, 1fr));
  gap: calc(10px + var(--slope-1px) * -2);
}

@media screen and (max-width: 767px) {
  .c-inspection-checkpoint-nav{
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-inspection-checkpoint-button{
  display: flex;
  align-items: center;
  text-align: center;
  padding-inline: calc(8px + var(--slope-1px) * 4);
  border: var(--base-border);
  border-radius: 50px;
  height: 60px;
  text-decoration: none;
  letter-spacing: 0;
  font-size: calc(12px + var(--slope-1px) * 4);
  font-weight: var(--medium);
  background: var(--white);
  transition: var(--transition);
  gap: calc(5px + var(--slope-1px) * 5);
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .c-inspection-checkpoint-button{
    height: 50px;
  }
}

.c-inspection-checkpoint-button:hover {
  border-color: var(--key-color);
  color: var(--key-color);
}

.c-inspection-checkpoint-button > span {
  word-break: keep-all;
  overflow-wrap: anywhere;
  flex-grow: 1;
}

.c-inspection-checkpoint-button:before {
  content: "";
  display: block;
  width: calc(30px + var(--slope-1px) * 10);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: var(--number) 50% 50%/contain no-repeat;
          mask: var(--number) 50% 50%/contain no-repeat;
}

.c-inspection-checkpoint-button:after {
  content: "";
  display: block;
  width: calc(20px + var(--slope-1px) * 10);
  aspect-ratio: 1/1;
  flex-shrink: 0;
  background: currentColor;
  -webkit-mask: var(--icon-plus) 50% 50%/contain no-repeat;
  mask: var(--icon-plus) 50% 50%/contain no-repeat;
  --icon-plus: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 30 30"><path fill="%23333333" d="M14.3684 15.6316H3.63158C3.45263 15.6316 3.30263 15.5702 3.18158 15.4474C3.06053 15.3249 3 15.173 3 14.9916C3 14.8102 3.06053 14.6609 3.18158 14.5437C3.30263 14.4268 3.45263 14.3684 3.63158 14.3684H14.3684V3.63158C14.3684 3.45263 14.4298 3.30263 14.5526 3.18158C14.6751 3.06053 14.827 3 15.0084 3C15.1898 3 15.3391 3.06053 15.4563 3.18158C15.5732 3.30263 15.6316 3.45263 15.6316 3.63158V14.3684H26.3684C26.5474 14.3684 26.6974 14.4298 26.8184 14.5526C26.9395 14.6751 27 14.827 27 15.0084C27 15.1898 26.9395 15.3391 26.8184 15.4563C26.6974 15.5732 26.5474 15.6316 26.3684 15.6316H15.6316V26.3684C15.6316 26.5474 15.5702 26.6974 15.4474 26.8184C15.3249 26.9395 15.173 27 14.9916 27C14.8102 27 14.6609 26.9395 14.5437 26.8184C14.4268 26.6974 14.3684 26.5474 14.3684 26.3684V15.6316Z"/></svg>');
}

.c-inspection-checkpoint-button[data-number="01"] {
  --number: url(../img/icon/counter/1.svg);
}

.c-inspection-checkpoint-button[data-number="02"] {
  --number: url(../img/icon/counter/2.svg);
}

.c-inspection-checkpoint-button[data-number="03"] {
  --number: url(../img/icon/counter/3.svg);
}

.c-inspection-checkpoint-button[data-number="04"] {
  --number: url(../img/icon/counter/4.svg);
}

.c-inspection-checkpoint-button[data-number="05"] {
  --number: url(../img/icon/counter/5.svg);
}

.c-inspection-checkpoint-button[data-number="06"] {
  --number: url(../img/icon/counter/6.svg);
}

.c-inspection-checkpoint-button[data-number="07"] {
  --number: url(../img/icon/counter/7.svg);
}


/* c-inspection-banner
=============================== */
.c-inspection-banner{
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(16px + var(--slope-1px) * 24);
  margin-top: calc(32px + var(--slope-1px) * 8);
  font-family: var(--jp-en-font-family);
}

@media screen and (max-width: 767px) {
  .c-inspection-banner{
    grid-template-columns: repeat(1, 1fr);
  }
}

.c-inspection-banner__link{
  position: relative;
  max-width: 580px;
  width: 100%;
  background-color: var(--white);
  display: flex;
  align-items: center;
  border: var(--base-border);
  border-radius: var(--base-radius);
  transition: var(--transition-opacity);
}

.c-inspection-banner__link:after{
  content: "";
  position: absolute;
  right: calc(7.5px + var(--slope-1px) * 10);
  top: 50%;
  transform: translateY(-50%);
  width: var(--circle-size);
  height: var(--circle-size);
  flex-shrink: 0;
  background-color: var(--base-color);
  -webkit-mask: var(--icon-arrow-circle-mask) center center / contain no-repeat;
  mask: var(--icon-arrow-circle-mask) center center / contain no-repeat;
}

.c-inspection-banner__link img{
  border-radius: var(--base-radius);
  width: 87.372%;
}

.c-inspection-banner__link:hover{
  opacity: var(--hover-opacity);
}

.c-inspection-banner__text{
  margin-top: 0.625em;
  font-size: calc(14px + var(--slope-1px) * 2);
}


/* c-inspection-check
=============================== */

.c-inspection-check{
  background-color: var(--white);
  border-radius: var(--base-radius);
  border: var(--base-border);
  padding: calc(20px + var(--slope-1px) * 20);
}

.c-inspection-check__head{
  font-size: calc(18px + var(--slope-1px) * 6);
  font-weight: 500;
  margin-bottom: calc(20px + var(--slope-1px) * 10);
  padding-bottom: calc(15px + var(--slope-1px) * 5);
  border-bottom: var(--base-border);
  display: flex;
  align-items: center;
  gap: 10px;
}

.c-inspection-check__head[data-number="01"] {
  --number: url(../img/icon/counter/1.svg);
}

.c-inspection-check__head[data-number="02"] {
  --number: url(../img/icon/counter/2.svg);
}

.c-inspection-check__head[data-number="03"] {
  --number: url(../img/icon/counter/3.svg);
}

.c-inspection-check__head[data-number="04"] {
  --number: url(../img/icon/counter/4.svg);
}

.c-inspection-check__head[data-number="05"] {
  --number: url(../img/icon/counter/5.svg);
}

.c-inspection-check__head[data-number="06"] {
  --number: url(../img/icon/counter/6.svg);
}

.c-inspection-check__head[data-number="07"] {
  --number: url(../img/icon/counter/7.svg);
}

.c-inspection-check__head[data-number]:before {
  content: "";
  width: calc(30px + var(--slope-1px) * 10);
  aspect-ratio: 1/1;
  background: currentColor;
  -webkit-mask: var(--number) 50% 50%/contain no-repeat;
          mask: var(--number) 50% 50%/contain no-repeat;
  flex-shrink: 0;
}

.c-inspection-check__body {
  display: grid;
  grid-template-columns: 1fr;
  gap: calc(25px + var(--slope-1px) * 5);
}

.c-inspection-check__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  font-size: calc(14px + var(--slope-1px) * 2);
}

@media screen and (max-width: 767px) {
  .c-inspection-check__list {
    grid-template-columns: 1fr;
  }
}

.c-inspection-check__list > li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 5px;
}

.c-inspection-check__list > li:before {
  content: "\25cf";
}

/* c-inspection-tab
=============================== */
.c-inspection-tab .c-tab__button{
  line-height: 1.4;
  font-size: calc(13px + var(--slope-1px) * 8);
  padding-block: 0;
}

@media screen and (max-width: 560px) {
  .c-inspection-tab .c-tab__item{
    padding: 0 .167em;
  }
  .c-inspection-tab .c-tab__button{
    line-height: 1.3;
  }
}

/* c-inspection-table
=============================== */
.c-inspection-table-container > * {
  min-width: 74em;
}
.c-inspection-table thead tr th:first-of-type{
  width: 20.852%;
}

@media screen and (max-width: 560px) {
  .c-inspection-table thead tr th:first-of-type{
    width: 24.365%;
  }
}
/* .c-inspection-table thead tr th{
  padding-block: .72em;
} */

.c-inspection-table thead tr th span{
  font-size: calc(10px + var(--slope-1px) * 2);
  margin-top: 0;
}

.c-inspection-table tbody tr th span{
  display: block;
  font-size: 1.2rem;
}

.c-inspection-table tbody td{
  font-size: calc(14px + var(--slope-1px) * 3);
  font-weight: bold;
}

.c-inspection-table tbody tr:first-of-type th{
  line-height: 1.4;
}

.c-inspection-table__total{
  font-weight: bold;
}

.c-inspection-table__total th{
  background-color: var(--key-color) !important;
  color: var(--white) !important;
}

.c-inspection-table__total td{
  color: var(--key-color) !important;
  background-color: rgba(0, 0, 0, 0.05) !important;
}


/* c-inspection-campaign
=============================== */

.c-inspection-campaign {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: calc(30px + var(--slope-1px) * 10);
  gap: var(--gap);
  --gap: calc(30px + var(--slope-1px) * 10);
}

.c-inspection-campaign__item {
  width: calc(50% - var(--gap) / 2);
}

.c-inspection-campaign__item img {
  width: 580px;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .c-inspection-campaign__item {
    width: 100%;
  }
}


/* c-maintenance-frame
=============================== */
.c-maintenance-frame{
  padding: calc(20px + var(--slope-1px) * 20);
  border-radius: var(--base-radius);
  border: var(--base-border);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
}

.c-maintenance-frame + .c-maintenance-frame{
  margin-top: calc(16px + var(--slope-1px) * 8);
}

@media screen and (max-width: 767px) {
  .c-maintenance-frame{
    flex-direction: column;
  }
}

/* c-maintenance-about
=============================== */
.c-maintenance-about{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.c-maintenance-about__title{
  font-size: calc(18px + var(--slope-1px) * 6);
  font-weight: var(--medium);
  margin-block: var(--leading-trim);
}

.c-maintenance-about__text{
  margin-block: var(--leading-trim);
  font-size: calc(14px + var(--slope-1px) * 2);
}

.c-maintenance-about .c-link-blank{
  font-size: calc(13px + var(--slope-1px) * 3);
}

/* c-maintenance-image
=============================== */
.c-maintenance-image{
  aspect-ratio: 400 / 217;
}

@media screen and (max-width: 767px) {
  .c-maintenance-image{
    aspect-ratio: 305 / 217;
  }
  [data-id="bodycoating"] .c-maintenance-image{
    aspect-ratio: initial;
  }
}

.c-maintenance-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* service
=============================== */
.c-inspection-service {
  display: flex;
  flex-wrap: wrap;
  width: 103.57143%;
  margin: -1.78571% -1.78571%;
  padding-top: 1px;
}

.c-inspection-service:not(:first-child) {
  margin-top: 4.375em;
}

.c-inspection-service__item {
  width: 50%;
  padding: 1.72414% 1.72414%;
}

.c-inspection-service__item:first-child:last-child {
  margin: 0 auto;
}

.c-inspection-service-block {
  display: block;
  text-align: center;
  text-decoration: none;
}

.c-inspection-service-block__lead {
  margin-top: -.375em;
  margin-bottom: .825em;
  font-weight: bold;
  font-size: .9375em;
}

.c-inspection-service-block__lead span {
  display: inline-block;
}

.c-inspection-service-block__banner {
  border: 4px solid #e5e5e5;
  transition: opacity .2s;
}

.c-inspection-service-block:hover .c-inspection-service-block__banner {
  opacity: .7;
}

.c-inspection-service-block__desc {
  margin-top: .625em;
  margin-bottom: -.375em;
  font-size: .875em;
}

/* ============================================================= *

Inspection

* ============================================================= */
/* inspection fig
=============================== */
.c-inspection-fig {
  position: relative;
  max-width: 1080px;
  margin: 0 auto -1.875em;
  padding-bottom: 1.875em;
}

@media screen and (max-width: 960px) {
  .c-inspection-fig {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}

.c-inspection-fig__notes {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 1em;
}

.c-inspection-fig__notes > li {
  margin: .25em 0;
}

.c-inspection-fig__notes > li:not(:first-child) {
  margin-left: 1.5em;
}

.c-inspection-fig__notes > li > span:after {
  content: "…";
  padding: 0 .25em;
  color: var(--base-color);
}

.c-inspection-fig__notes > li._option > span {
  color: var(--point-color);
}

.c-inspection-fig-image {
  position: relative;
  flex-grow: 0 !important;
}

.c-inspection-fig-image img {
  display: block;
  width: 100%;
  max-width: 532px;
}

.c-inspection-fig-image span {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}

.c-inspection-fig-image i {
  position: absolute;
  display: block;
  border-width: 0;
  border-style: solid;
  color: #666;
}

.c-inspection-fig-image i._option {
  color: #666;
}

.c-inspection-fig-image i._option > * {
  color: inherit;
}

@media screen and (max-width: 960px) {
  .c-inspection-fig-image {
    display: none;
  }
}

.c-inspection-fig-box {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 960px) {
  .c-inspection-fig-box {
    display: block;
    margin-left: 0 !important;
  }
  .c-inspection-fig-box > * {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

.c-inspection-fig-box > * {
  flex-grow: 1;
}

.c-inspection-fig-box[data-col="1"] {
  flex-direction: column;
  align-items: stretch;
}

.c-inspection-fig-box[data-col="1"] > * {
  width: 100%;
}

.c-inspection-fig-box[data-col="1"] > *:not(:last-child) {
  margin-bottom: 1.875em;
}

.c-inspection-fig-box[data-col="2"] > * {
  width: 49%;
}

.c-inspection-fig-box[data-col="2"] > *:not(:first-child) {
  margin-left: 2%;
}

.c-inspection-fig-box[data-col="3"] > * {
  width: 32%;
}

.c-inspection-fig-box[data-col="3"] > *:not(:first-child) {
  margin-left: 2%;
}

.c-inspection-fig-box[data-col="3"] > *[data-flex="2"] {
  width: 66%;
}

.c-inspection-fig-box[data-col="4"] > * {
  width: 23.5%;
}

.c-inspection-fig-box[data-col="4"] > *:not(:first-child) {
  margin-left: 2%;
}

.c-inspection-fig-box[data-col="4"] > *[data-flex="2"] {
  width: 49%;
}

.c-inspection-fig-box[data-col="4"] > *[data-flex="3"] {
  width: 74.5%;
}


/* ============================================================= *

Showroom

* ============================================================= */

.js-showroom-item.is-hide {
  display: none;
}

.c-showroom-area:not(:has(.js-showroom-item:not(.is-hide))) {
  display: none;
}

.c-showroom-area + .c-showroom-area{
  margin-top: calc(40px + var(--slope-1px) * 24);
}

/* c-showroom-list
============================== */
.c-showroom-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(16px + var(--slope-1px) * 4);
}

@media screen and (max-width: 960px) {
  .c-showroom-list{
    grid-template-columns: repeat(2, 1fr);
  }
}

.c-showroom-list__item{
  background-color: var(--white);
  border: var(--base-border);
  border-radius: var(--base-radius);
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  overflow: hidden;
}


/* c-showroom-nav
============================== */
.c-showroom-nav {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  font-size: calc(14px + var(--slope-1px) * 2);
  height: 100%;
}

@media screen and (max-width: 960px) {
  .c-showroom-nav {
    flex-direction: column;
  }
}

.c-showroom-nav__image {
  overflow: hidden;
  width: 386px;
  aspect-ratio: 386 / 220;
  border-radius: 12px 12px 0 0;
}

@media screen and (max-width: 960px) {
  .c-showroom-nav__image {
    width: 100%;
  }
}

@media screen and (max-width: 560px) {
  .c-showroom-nav__image{
    aspect-ratio: 160 / 140;
  }
}

.c-showroom-nav__image img {
  width: 100%;
  height: 100%;
  transition: all .3s;
  -o-object-fit: cover;
     object-fit: cover;
     border-radius: 12px 12px 0 0;
}

.c-showroom-nav:hover .c-showroom-nav__image img {
  transform: scale(1.03);
}

.c-showroom-nav__contents {
  position: relative;
  flex-grow: 1;
  padding-block: calc(16px + var(--slope-1px) * 12) calc(24px + var(--slope-1px) * 8);
  padding-inline: calc(16px + var(--slope-1px) * 8);
  font-family: var(--jp-en-font-family);
  display: grid;
  grid-template-rows: auto 1fr auto auto;
}

.c-showroom-nav__head {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1;
}

@media screen and (max-width: 960px) {
  .c-showroom-nav__head {
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-showroom-nav__body{
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
}

.c-showroom-nav__title {
  font-weight: bold;
  font-size: calc(14px + var(--slope-1px) * 7);
  color: var(--key-color);
  text-decoration: underline;
  text-underline-offset: var(--underline-offset);
}

.c-showroom-nav__type {
  padding: .25em;
  background: #fff;
  font-size: calc(14px + var(--slope-1px));
}

.c-showroom-nav__address {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  line-height: 1;
  gap: 1em;
  margin-top: 2em;
}

@media screen and (max-width: 560px) {
  .c-showroom-nav__address{
    line-height: inherit;
    gap: .357143em;
    margin-top: .715em;
  }
}

.c-showroom-nav__data {
  display: flex;
  margin-top: 12px;
  font-size: 15px;
  line-height: 1;

  gap: 1em;
}

.c-showroom-nav__data > dt {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  width: 5.5em;

  gap: .3em;
}

.c-showroom-nav__data > dt > i {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1em;
  height: 1em;
}

.c-showroom-nav__tel {
  display: flex;
  align-items: center;
  margin-top: 1em;
  color: var(--key-color);
  font-size: calc(14px + var(--slope-1px) * 2);
  font-weight: bold;
  line-height: 1;
  gap: 6px;
}

.c-showroom-nav__tel i{
  display: flex;
  justify-content: center;
  width: 20px;
  height: 20px;
  padding: 2px;
}

.c-showroom-nav__tel a{
  color: var(--key-color) !important;
}

@media screen and (max-width: 560px) {
  .c-showroom-nav__tel span{
    text-decoration: underline;
    text-underline-offset: var(--underline-offset);
  }
}

.c-showroom-nav-button{
  display: flex;
  justify-content: center;
  margin-top: 1em;
}

.c-showroom-nav-button__sp{
  display: none;
}

@media screen and (max-width: 560px) {
  .c-showroom-nav-button__pc{
    display: none;
  }
  .c-showroom-nav-button__sp{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3.264em;
    border-radius: 60px;
    background: var(--key-color);
    color: #fff;
    text-decoration: none;
    font-size: inherit;
    gap: 8px;
    transition: var(--transition-opacity);
    font-family: var(--sub-font);
  }
  .c-showroom-nav-button__sp:after{
    display: none;
  }
}

.c-showroom-nav__more {
  position: absolute;
  right: 1.875em;
  bottom: 1.75em;
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1;
  gap: 1em;
}

@media screen and (max-width: 960px) {
  .c-showroom-nav__more {
    position: static;
    justify-content: center;
    height: 2.875em;
    padding-left: 22px;
    border-top: 1px solid var(--black);
  }
}

.c-showroom-nav__more:after {
  content: "";
  display: block;
  width: 6px;
  height: 11px;
  background: url(../img/icon/arrow.svg) 50% 50%/contain no-repeat;
}

.c-showroom-search__gps{
  display: none;
}

@media screen and (max-width: 560px) {
  .c-showroom-search__gps{
    display: flex;
    margin-inline: auto;
    margin-top: 8px;
  }
}

/* ============================================================= *

Calendar

* ============================================================= */

.c-sr-contact{
  font-family: var(--jp-en-font-family);
  border-left: var(--base-border);
  border-right: var(--base-border);
  border-bottom: var(--base-border);
  border-radius: 0 0 var(--base-radius) var(--base-radius);
  border-color: #ccc !important;
  overflow: hidden;
  position: absolute;
  top: 52px;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-sr-contact{
    position: relative;
    border-radius: 10px;
    top: 0;
    border-top: var(--base-border);
    margin-top: 2.5em;
  }
}

.c-sr-contact__inner{
  padding-block: calc(16px + var(--slope-1px) * 16)  calc(24px + var(--slope-1px) * 8);
  padding-inline: calc(16px + var(--slope-1px) * 24);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.c-sr-contact__tel{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2rem;
  gap: 15px;
  line-height: 1;
  margin-bottom: .375em;
  font-weight: bold;
  color: var(--key-color);
}

@media screen and (max-width: 767px) {
  .c-sr-contact__tel{
    display: none;
  }
}

.c-sr-contact__tel > i{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-style: normal;
  position: relative;
}

.c-sr-contact__tel > i svg{
  width: 32px;
  height: 32px;
}

.c-sr-contact__tel a{
  color: var(--key-color) !important;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .c-sr-contact__nav .c-button{
    display: none;
  }
  .c-sr-contact__nav{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
  }
}

.c-sr-contact-button{
  display: none;
}

@media screen and (max-width: 767px) {
  .c-sr-contact-button{
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    max-width: 11.692em;
    width: 100%;
    height: 3.846em;
    background: var(--key-color);
    color:var(--white);
    text-decoration: none !important;
    border-radius: 50px;
    font-size: 1.3rem;
    padding-block: 1em;
    padding-inline: 1.462em;
  }

  .c-sr-contact-button i{
    width: 1.846em;
    height: 1.846em;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .c-sr-contact-button span{
    color:var(--white);
  }

}

.c-sr-contact__data{
  display: grid;
  justify-content: center;
  letter-spacing: 0;
  row-gap: 16px;
  align-items: center;
  align-content: center;
  min-height: calc(3em + 32px);
  margin-top: calc(24px + var(--slope-1px) * 1);
}

@media screen and (max-width: 767px) {
  .c-sr-contact__data{
    justify-content: flex-start;
    min-height: 3em;
  }
}

.c-sr-contact__data > dl{
  display: grid;
  line-height: 1;
  grid-template-columns: subgrid;
  grid-column: span 2;
}

.c-sr-contact__data > dl > dt{
  text-align: left;
  position: relative;
  padding-right: 15px;
  grid-column: 1 / 2;
}

.c-sr-contact__data > dl > dt:after {
  margin-block: auto;
  content: "";
  width: 1px;
  height: 0.6875em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: currentColor;
}

.c-sr-contact__data > dl > dd {
  margin-left: 15px;
}

.c-sr-contact__data > dl:nth-of-type(3) > dd{
  margin-left: 0;
  font-size: 1.3rem;
}

.c-sr-contact__data > dl:nth-of-type(3) > dt:after{
  display: none;
}


/* ============================================================= *

Faq

* ============================================================= */

.c-faq{
  font-family: var(--jp-en-font-family);
}

.c-faq__item{
  border-top: var(--base-border);
}

.c-faq__item:last-of-type{
  border-bottom: var(--base-border);
}

.c-faq__head{
  font-size: calc(16px + var(--slope-1px) * 2);
  -moz-appearance: none;
  appearance: none;
  border: 0;
  background: none;
  display: flex;
  align-items: center;
  outline: none;
  width: 100%;
  text-align: left;
  padding: calc(24px + var(--slope-1px) * 8) calc(48px + var(--slope-1px) * 22);
  gap: calc(8px + var(--slope-1px) * 8);
  cursor: pointer;
  background: url(../img/icon/question.svg) calc(16px + var(--slope-1px) * 8) center / calc(24px + var(--slope-1px) * 6) no-repeat;
  position: relative;
  color: var(--base-color);
  appearance: none;
  -webkit-appearance: none;
}

.c-faq__head:before,
.c-faq__head:after {
  content: "";
  position: absolute;
  top: 50%;
  right: calc(18px + var(--slope-1px) * 9);
  width: calc(22px + var(--slope-1px) * 2);
  height: 1px;
  background-color: var(--base-color);
  border-radius: 2px;
  transition: transform 0.3s ease;
}

.c-faq__head:before {
  transform: translateY(-50%);
}

.c-faq__head:after {
  transform: translateY(-50%) rotate(90deg);
}

.c-faq__head.is-open:after {
  transform: translateY(-50%) rotate(0deg);
}

.c-faq__body{
  display: none;
  font-size: calc(14px + var(--slope-1px) * 2);
  padding-bottom: calc(24px + var(--slope-1px) * 8);
  padding-inline: calc(16px + var(--slope-1px) * 8);
}

.c-faq__body p{
  background-color: var(--white);
  border-radius: var(--base-radius);
  padding-block: calc(14px + var(--slope-1px) * 16);
  padding-inline: calc(16px + var(--slope-1px) * 8);
}


/* ============================================================= *

Slider

* ============================================================= */
/* c-info-slider
============================== */
.c-info-slider {
  position: relative;
  padding-block: calc(64px + var(--slope-1px) * 36);
  width: 100cqi;
  margin-inline: calc(50% - 50cqi);
}

.c-info-slider__body{
  overflow: hidden;
  padding-inline: calc(15px + var(--slope-1px) * 5);
  max-width: calc(1200px + (15px + var(--slope-1px) * 5) * 2);
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .c-info-slider__body{
    max-width: 100%;
    width: calc(100% - 2em);
    margin-left: 2em;
    margin-right: 0;
    padding-inline: 0;
  }
}

.c-info-slider__list {
  overflow: visible;
  margin: 0 auto;
  margin-inline: calc(-1 * (8px + var(--slope-1px) * 7));
}

@media screen and (max-width: 767px) {
  .c-info-slider__list {
    margin-inline: 0;
  }
}

.c-info-slider .slick-list {
  overflow: visible !important;
}

.c-info-slider__list .slick-track {
  display: flex;
  align-items: center;
  gap: 0 !important;
}

.c-info-slider__item {
  padding-inline: calc(8px + var(--slope-1px) * 7); 
}

@media screen and (max-width: 767px) {
  .c-info-slider__item{
    padding-inline: 0;
    padding-right: 16px;
    width: calc(100vw - 59px) !important;
  }
}

.c-info-slider__item a {
  display: block;
  width: 100%;
  transition: var(--transition-opacity);
}

.c-info-slider__item a:hover{
  opacity: var(--hover-opacity);
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .c-info-slider__item a {
    aspect-ratio: 300 / 380;
  }
}

.c-info-slider__item a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border: 1px solid #000;
  border-radius: var(--base-radius);
}

.c-info-slider__control {
  position: absolute;
  top: 100%;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 70px;
  gap: 24px;
}

.c-info-slider__pager {
  display: flex;
  font-size: calc(15px + var(--slope-1px));
  gap: .5em;
}

.c-slider-control {
  margin-top: calc(15px + var(--slope-1px) * 15);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .c-slider-control{
    padding-right: 1.333333em;
  }
}

.c-slider-counter {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(13px + var(--slope-1px) * 4);
  font-family: var(--en-font-family);
  font-size: calc(14px + var(--slope-1px) * 4);
  font-weight: bold;
}

.c-slider-counter .slick-arrow {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  cursor: pointer;
  width: calc(40px + var(--slope-1px) * 8);
  height: auto;
  color: var(--base-color);
  display: flex;
  align-items: center;
  transition: color 0.3s;
}

.c-slider-counter .slick-arrow:hover {
  color: var(--key-color);
}

.c-slider-counter .slick-prev svg {
  transform: rotate(180deg);
}

.c-slider-progress {
  position: relative;
  width: calc(100px + var(--slope-1px) * 50); 
  height: 2px;
  background-color: var(--bg-progress);
}

.c-slider-progress::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 0;
  background-color: var(--key-color);
  transition: none;
}

.c-slider-progress.is-animate::before {
  width: 100%;
  transition: width var(--progress-speed, 5000ms) linear;
}

.c-info-slider-shape__item {
  position: absolute;
  animation: shape-animation var(--duration, 4s) ease-in-out var(--delay, 0s) infinite;
}

.c-info-slider-shape__item:nth-of-type(1){
  --duration: 5s;
  --delay: -1s;
  --move-y: -15px;
  --rotate: 10deg;
  right: -12%;
  top: 0;
}
.c-info-slider-shape__item:nth-of-type(2){
  --duration: 3.5s;
  --delay: -2s;
  --move-y: -8px;
  --rotate: -5deg;
  bottom: -25%;
  left: -8%;
}
.c-info-slider-shape__item:nth-of-type(3){
  --duration: 4s;
  --delay: -2s;
  --move-y: -8px;
  --rotate: 5deg;
  top: -.8%;
  right: 20.5%;
}
.c-info-slider-shape__item:nth-of-type(4){
  --duration: 4.5s;
  --delay: -1s;
  --move-y: -10px;
  --rotate: -5deg;
  bottom: -17%;
  left: 1.5%;
}

@media screen and (max-width: 767px) {
  .c-info-slider-shape__item{
    z-index: -1;
  }
  .c-info-slider-shape__item:nth-of-type(1){
    max-width: 30%;
    top: -30%;
  }
  .c-info-slider-shape__item:nth-of-type(2){
    max-width: 40%;
    bottom: 0;
    left: -11%;
  }
  .c-info-slider-shape__item:nth-of-type(3){
    max-width: 16%;
    top: 2%;
    right: 19%;
  }
  .c-info-slider-shape__item:nth-of-type(4){
    bottom: -5%;
    left: -3%;
    max-width: 32%;
  }
}

@keyframes shape-animation {
  0%, 100% {
    transform: translateY(0) rotate(0deg);
  }
  50% {
    transform: translateY(var(--move-y, -10px)) rotate(var(--rotate, 7deg));
  }
}


/* ============================================================= *

Showroom

* ============================================================= */

.c-showroom-search{
  background-color: var(--white);
  padding-block: calc(32px + var(--slope-1px) * 24) calc(24px + var(--slope-1px) * 16) ;
  padding-inline: calc(20px + var(--slope-1px) * 20);
  border: var(--base-border);
  border-radius: var(--base-radius);
}

.c-showroom-search .c-section-sub__head{
  margin-bottom: calc(24px + var(--slope-1px) * 8);
}

.c-showroom-search__form{
  position: relative;
  max-width: 100%;
  width: 100%;
  display: flex;
}

.c-showroom-search__input{
  flex-grow: 1;
}

.c-showroom-search__input input{
  width: 100%;
  height: calc(50px + var(--slope-1px) * 10);
  border-radius: 50px;
  border: var(--base-border);
  outline: none;
  display: flex;
  align-items: center;
  padding-inline: 1.5em calc(54px + var(--slope-1px) * 8);
  font-size: calc(12px + var(--slope-1px) * 4);
}

.c-showroom-search__button{
  overflow: hidden;
  flex-shrink: 0;
  min-width: 0%;
}

.c-showroom-search__link{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: var(--base-color);
  color: var(--white);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 8.75em;
  border: 0;
  margin: 0;
  outline: none;
  cursor: pointer;
  border-radius: 0 50px 50px 0;
  transition: var(--transition-opacity);
}

.c-showroom-search__link:hover{
  opacity: var(--hover-opacity);
}

@media screen and (max-width: 560px) {
  .c-showroom-search__link{
    width: 6.666666em;
  }
}

.c-showroom-search__link span{
  font-size: calc(14px + var(--slope-1px) * 2);
}

.c-showroom-search__button button > i {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(24px + var(--slope-1px) * 6);
  height: calc(24px + var(--slope-1px) * 6);
  min-width: 0%;
  flex-shrink: 0;
}

.c-showroom-search__button button > i svg {
  -o-object-fit: contain;
  object-fit: contain;
}

.c-showroom-search__result{
  display: none;
  font-size: 1.4rem;
  font-family: var(--jp-en-font-family);
  margin-block: 3.073em .75em;
}

@media screen and (max-width: 560px) {
  .c-showroom-search__result{
    display: none;
  }
}

.c-showroom-nearby__list{
  display: none;
}

.c-showroom-nearby-item{
  background-color: var(--white);
  padding: calc(20px + var(--slope-1px) * 12) calc(20px + var(--slope-1px) * 20);
  border: var(--base-border);
  border-radius: var(--base-radius);
}

.c-showroom-nearby-item:not(:last-of-type){
  margin-bottom: calc(8px + var(--slope-1px) * 8);
}

.c-showroom-nearby-item__head{
  position: relative;
  border-radius: 10px;
  background-color: #EEEEEE;
  height: 60px;
  padding-inline: calc(20px + var(--slope-1px) * 4);
  gap: 1em;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
}

@media screen and (max-width: 560px) {
  .c-showroom-nearby-item__head{
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    height: auto !important;
    padding-block: .767em;
    gap: 14px 1em;
  }
}

.c-showroom-nearby-item__head:after{
  content: "";
  display: block;
  flex-shrink: 0;
  width: 1.5em;
  height: 1.5em;
  -webkit-mask: var(--icon-angle) center center / contain no-repeat;
  mask: var(--icon-angle) center center / contain no-repeat;
  background-color: var(--base-color);
}

@media screen and (max-width: 560px) {
  .c-showroom-nearby-item__head:after{
    display: none;
  }
}

.c-showroom-nearby-item__rank{
  font-weight: bold;
  font-style: normal;
  font-size: calc(16px + var(--slope-1px) * 2);
  font-family: var(--en-font-family);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

@media screen and (max-width: 560px) {
  .c-showroom-nearby-item__rank {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
    align-self: center;
  }
}

.c-showroom-nearby-item__rank:before {
  content: "0";
}

.c-showroom-nearby-item__link{
  color: var(--key-color);
  font-weight: bold;
  font-size: calc(16px + var(--slope-1px) * 2);
  text-decoration: underline !important;
  text-underline-offset: var(--underline-offset);
}

@media screen and (max-width: 560px) {
  .c-showroom-nearby-item__link {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    line-height: 1;
  }
}

.c-showroom-nearby-item__link:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.c-showroom-nearby-item__distance{
  margin-left: auto;
  font-size: calc(14px + var(--slope-1px) * 2);
  font-weight: bold;
  font-family: var(--en-font-family);
}

@media screen and (max-width: 560px) {
  .c-showroom-nearby-item__distance {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-left: 0;
    line-height: 1;
  }
}

.c-showroom-nearby-item__distance:after {
  content: 'km';
}

.c-showroom-nearby-profile{
  margin-top: calc(16px + var(--slope-1px) * 16);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5em;
}

@media screen and (max-width: 767px) {
  .c-showroom-nearby-profile{
    flex-direction: column;
  }
}

.c-showroom-nearby-profile__data{
  display: grid;
  justify-content: center;
  letter-spacing: 0;
  row-gap: calc(8px + var(--slope-1px) * 12);
  align-items: center;
}

.c-showroom-nearby-profile__item{
  font-size: calc(14px + var(--slope-1px) * 2);
}

.c-showroom-nearby-profile__data > dl{
  display: grid;
  line-height: 1;
  grid-template-columns: subgrid;
  grid-column: span 2;
}

.c-showroom-nearby-profile__data > dl > dt{
  text-align: left;
  position: relative;
  padding-right: 12px;
  grid-column: 1 / 2;
  display: flex;
  align-items: center;
  gap: 6px;
}

.c-showroom-nearby-profile__data > dl > dt i{
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(20px + var(--slope-1px) * 4);
  height: calc(20px + var(--slope-1px) * 4);
  min-width: 0%;
  flex-shrink: 0;
}

.c-showroom-nearby-profile__data > dl > dt:after {
  margin-block: auto;
  content: "";
  width: 1px;
  height: 1em;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  background: currentColor;
}

.c-showroom-nearby-profile__data > dl > dd {
  margin-left: 12px;
  line-height: 1.4;
  font-size: calc(13px + var(--slope-1px) * 3);
}

.c-showroom-nearby-profile__tel{
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3.2rem;
  gap: calc(13px + var(--slope-1px) * 2);
  line-height: 1;
}

.c-showroom-nearby-profile__tel > i{
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-style: normal;
  position: relative;
}

.c-showroom-nearby-profile__tel > i svg{
  width: calc(30px + var(--slope-1px) * 2);
  height: calc(30px + var(--slope-1px) * 2);
}

.c-showroom-nearby-profile__tel a{
  color: var(--key-color) !important;
  font-weight: bold;
  font-family: var(--en-font-family);
  font-size: calc(24px + var(--slope-1px) * 8);
  text-decoration: none;
}

@media screen and (min-width: 560px) {
  .c-showroom-nearby-profile__tel a{
  pointer-events: none;
  }
}

@media screen and (max-width: 560px) {
  .c-showroom-nearby-profile__tel a{
    text-decoration: underline;
    text-underline-offset: var(--underline-offset);
  }
}

.c-showroom-nearby-profile__button{
  max-width: 250px;
  width: 100%;
}

@media screen and (max-width: 560px) {
  .c-showroom-nearby-profile__button .c-button{
    padding-inline: 0;
  }
  .c-showroom-nearby-profile__button .c-button.--primary:after{
    display: none;
  }
}

.c-showroom-nearby__button{
  display: none;
  justify-content: center;
  margin-top: calc(16px + var(--slope-1px) * 8);
}

/* contact
============================== */

.c-showroom-nearby-profile._contact {
  display: grid;
  grid-template-columns: auto auto;
}

@media screen and (max-width: 960px) {
  .c-showroom-nearby-profile._contact {
    grid-template-columns: 100%;
  }
}

.c-showroom-nearby-profile._contact .c-showroom-nearby-profile__button {
  grid-column: span 2;
  max-width: 400px;
  margin-inline: auto;
}

@media screen and (max-width: 960px) {
  .c-showroom-nearby-profile._contact .c-showroom-nearby-profile__button {
    grid-column: span 1;
  }
}

.c-showroom-nearby-profile._contact .c-showroom-nearby-profile__button .c-button {
  max-width: 100%;
}

.c-showroom-nearby-profile._contact .c-showroom-nearby-profile__button:not(:has(.c-button:first-child:last-child)) {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(5px + var(--slope-1px) * 5);
  max-width: 100%;
}

@media screen and (max-width: 960px) {
  .c-showroom-nearby-profile._contact .c-showroom-nearby-profile__button:not(:has(.c-button:first-child:last-child)) {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* ============================================================= *

Topics

* ============================================================= */
/* c-topics
============================== */
.c-topics {
  margin-top: 26px;
}

.c-topics .topics-link {
  position: relative;
  display: block;
  padding: 2em 0 2em 1em;
  text-decoration: none;
  font-size: calc(15px + var(--slope-1px));
  transition: color .3s;
}

.c-topics .topics-link:hover {
  color: var(--key-color);
}

.c-topics .topics-link__head {
  position: relative;
  font-size: .875em;
  line-height: 1;
}

.c-topics .topics-link__head:before {
  content: "";
  position: absolute;
  top: 0;
  right: calc(100% + 6px);
  bottom: 0;
  display: block;
  width: 10px;
  height: 10px;
  margin: auto 0;
  border-radius: 10px;
  background: var(--key-color);
}

.c-topics .topics-link__body {
  margin-top: .8em;
  margin-bottom: -.2em;
  line-height: 1.4;
}

/* c-topics-list
============================== */
.c-topics-list__item {
  border-bottom: 1px dashed var(--black);
}

.c-topics-list__item[data-toggle-id] {
  display: none;
}

/* c-topics-toggle
============================== */
.c-topics-toggle {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow: visible;
  width: 100%;
  padding: 1.25em 0 .875em;
  outline: none;
  border: 0;
  border-bottom: 1px solid var(--black);
  background: none;
  color: currentColor;
  font-size: calc(15px + var(--slope-1px));
  line-height: 1;
  cursor: pointer;
  transition: color .3s;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  gap: 1.25em;
}

.c-topics-toggle:hover {
  color: var(--key-color);
}

.c-topics-toggle::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: 7em;
  background: linear-gradient(to bottom, rgba(237, 237, 237, 0) 0%, #ededed 80%);
}

.c-topics-toggle.is-show::before {
  opacity: 0;
}

.c-topics-toggle::after {
  content: "";
  position: relative;
  right: 4px;
  display: block;
  flex-shrink: 0;
  width: 5px;
  height: 9px;
  background: url(../img/icon/arrow.svg) 50% 50%/contain no-repeat;
  transition: transform .3s;
  transform: rotate(90deg);
}

.c-topics-toggle.is-show::after {
  transform: rotate(-90deg);
}

.c-topics-toggle ._text-show {
  display: none;
}

.c-topics-toggle.is-show ._text-hide {
  display: none;
}

.c-topics-toggle.is-show ._text-show {
  display: block;
}


/* ============================================================= *

Calendar

* ============================================================= */

.c-calendar {
  position: relative;
  display: block;
  background: #fff;
  border: var(--base-border);
  border-radius: calc(10px + var(--slope-1px) * 2);
  width: 470px;
  max-width: 100%;
  --theme-color: transparent;
  container-type: inline-size;
  align-self: flex-start;
}

@media screen and (max-width: 768px) {
  .c-calendar {
    margin-inline: auto;
  }
}

.c-calendar .cal_close01 {
  --theme-color: #999;
}

.c-calendar .cal_close02 {
  --theme-color: var(--base-color);
}

.c-calendar .cal_close03 {
  --theme-color: var(--point-color);
}

.c-calendar .cal_close04 {
  --theme-color: var(--key-color);
}

.c-calendar .cal_close05 {
  --theme-color: var(--yellow);
}

.c-calendar__container {
  display: flex;
  align-items: center;
  padding: calc(24px + var(--slope-1px) * 8) max(24px, calc(100cqi / 470 * 40));
}

.c-calendar-box__head {
  margin-bottom: calc(100cqi / 470 * 32);
  display: grid;
  grid-template-columns: auto 1fr auto;
  text-align: center;
  align-items: center;
}

.c-calendar-box__arrow button {
  cursor: pointer;
  width: calc(30px + var(--slope-1px) * 10);
  aspect-ratio: 1/1;
  display: block;
  border: 0;
  border-radius: 0;
  appearance: none;
  color: inherit;
  background: var(--base-color);
  mask: 50% 50% /contain no-repeat;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m23.1316 20.0071-8.8595-8.5898q-.2671-.2334-.2696-.5674t.2771-.5796Q14.5598 10 14.8897 10q.3304 0 .61.2703l9.0401 8.7391q.2293.2223.3445.46.1157.2383.1157.5377 0 .2743-.1157.5247-.1152.2503-.3445.4726l-9.0476 8.7468q-.2415.233-.5869.248-.3455.0151-.6257-.2557Q14 29.4731 14 29.1537q0-.319.2796-.5893z'/%3E%3C/svg%3E");
  transition: opacity .2s;
}

.c-calendar-box__arrow button._prev {
  rotate: 180deg;
}

.c-calendar-box__arrow button:focus-visible {
  outline: 2px var(--key-color);
}

.c-calendar-box__arrow button:hover {
  opacity: .7;
}

.c-calendar-box__arrow button.is-disabled {
  transition: none;
  pointer-events: none;
  background: #EEE;
}

.c-calendar-box__month {
  font-size: 32px;
  font-weight: 700;
  font-family: var(--en-font-family);
  margin-block: var(--leading-trim);
}

.c-calendar-box__foot {
  margin-top: calc(100cqi / 470 * 24);
  padding-top: calc(100cqi / 470 * 24);
  border-top: 1px solid #ccc;
}

.c-calendar-box .cal {
  border-collapse: collapse;
  table-layout: fixed;
  font-weight: regular;
  width: 100%;
  font-family: var(--en-font-family);
  font-weight: 700;
}

.c-calendar-box .cal th {
  padding-bottom: calc(100cqi / 470 * 21.5);
  text-align: center;
}

.c-calendar-box .cal th > div {
  font-size: 13px;
  padding-bottom: calc(100cqi / 470 * 24);
  border-bottom: 1px solid #ccc;
}

.c-calendar-box .cal td {
  font-size: max(14px, calc(100cqi / 470 * 16));
  padding: calc(100cqi / 470 * 2.5);
  text-align: center;
}

.c-calendar-box .cal td > div {
  width: calc(100cqi / 470 * 36);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  aspect-ratio: 1/1;
  margin-inline: auto;
}

.c-calendar-box .cal td .cal_sat {
  color: #005BAC;
}

.c-calendar-box .cal .cal_sun,
.c-calendar-box .cal .cal_holiday {
  color: #DD0E22;
}

.c-calendar-box .cal td div[class*="cal_close"] {
  background: var(--theme-color);
  color: #fff;
}

.c-calendar-notice {
  font-size: calc(12px + var(--slope-1px));
  display: grid;
  grid-template-columns: 100%;
  gap: 16px;
}

.c-calendar-notice__item {
  margin-block: var(--leading-trim);
  text-indent: -2em;
  padding-left: 2em;
}

.c-calendar-notice__item > i {
  color: var(--theme-color);
  font-style: normal;
}


/* ============================================================= *

Scroll Bar

* ============================================================= */
[data-simplebar] {
  position: relative;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;

  align-content: flex-start;
}

.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}

.simplebar-mask {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  margin: 0;
  padding: 0;
  direction: inherit;
}

.simplebar-offset {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-overflow-scrolling: touch;
  box-sizing: inherit !important;
  margin: 0;
  padding: 0;
  resize: none !important;
  direction: inherit !important;
}

.simplebar-content-wrapper {
  position: relative;
  display: block;
  box-sizing: border-box !important;
  width: auto;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  direction: inherit;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.simplebar-content:before,
.simplebar-content:after {
  content: ' ';
  display: table;
}

.simplebar-placeholder {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  pointer-events: none;
}

.simplebar-height-auto-observer-wrapper {
  position: relative;
  z-index: -1;
  float: left;
  flex-grow: inherit;
  flex-shrink: 0;
  overflow: hidden;
  box-sizing: inherit !important;
  width: 100%;
  height: 100%;
  max-width: 1px;
  max-height: 1px;
  margin: 0;
  padding: 0;
  pointer-events: none;

  flex-basis: 0;
}

.simplebar-height-auto-observer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  overflow: hidden;
  box-sizing: inherit;
  width: 1000%;
  height: 1000%;
  min-width: 1px;
  min-height: 1px;
  opacity: 0;
  pointer-events: none;
}

.simplebar-track {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  background: rgba(200, 200, 200, .3);
  /* pointer-events: none; */
}

[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}

.simplebar-scrollbar {
  position: absolute;
  right: 0;
  left: 0;
  min-height: 10px;
}

.simplebar-scrollbar:before {
  content: '';
  position: absolute;
  right: 2px;
  left: 2px;
  border-radius: var(--base-radius);
  background: var(--key-color);
  transition: opacity 0s linear;
}

.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
  top: 2px;
  bottom: 2px;
}

.simplebar-track.simplebar-horizontal {
  bottom: 3px;
  left: 0;
  overflow: visible;
  width: 100%;
  height: 6px;
  max-width: 952px;
  margin: 0 auto;
}

.simplebar-track.simplebar-horizontal.is-fixed {
  position: fixed;
  top: auto;
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  top: auto;
  right: auto;
  bottom: -3px;
  left: 0;
  width: auto;
  height: 12px;
  min-width: 10px;
  min-height: 0;
  margin: auto 0;
  border-radius: var(--base-radius);
  background: var(--key-color);
}

/* Rtl support */
[data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}

.hs-dummy-scrollbar-size {
  position: fixed;
  visibility: hidden;
  overflow-x: scroll;
  overflow-y: hidden;
  width: 500px;
  height: 500px;
  opacity: 0;
  direction: rtl;
}

.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;

  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* ============================================================= *

Utility

* ============================================================= */
/* Media Query Setting
====================================== */
.u-tablet-block {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .u-tablet-block {
    display: block !important;
  }
}

.u-tablet-inline-block {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .u-tablet-inline-block {
    display: inline-block !important;
  }
}

.u-tablet-flex {
  display: none !important;
}

@media screen and (max-width: 960px) {
  .u-tablet-flex {
    display: flex !important;
  }
}

@media screen and (max-width: 960px) {
  .u-tablet-none {
    display: none !important;
  }
}

.u-mobile-block {
  display: none !important;
}

@media screen and (max-width: 560px) {
  .u-mobile-block {
    display: block !important;
  }
  .u-mobile-none {
    display: none !important;
  }
}

.u-mobile-inline-block {
  display: none !important;
}

@media screen and (max-width: 560px) {
  .u-mobile-inline-block {
    display: inline-block !important;
  }
}

.u-mobile-flex {
  display: none !important;
}

@media screen and (max-width: 560px) {
  .u-mobile-flex {
    display: flex !important;
  }
}

@media screen and (max-width: 560px) {
  .u-mobile-none {
    display: none !important;
  }
}

/* text align
====================================== */
.u-ta-left {
  text-align: left !important;
}

.u-ta-right {
  text-align: right !important;
}

.u-ta-center {
  text-align: center !important;
}

/* display
====================================== */
.u-d-block {
  display: block !important;
}

.u-d-none {
  display: none !important;
}

.u-d-inline {
  display: inline !important;
}

.u-d-ib {
  display: inline-block !important;
}

/* position
====================================== */
.u-pos-static {
  position: static !important;
}

.u-pos-relative {
  position: relative !important;
}

.u-pos-absolute {
  position: absolute !important;
}

.u-pos-fixed {
  position: fixed !important;
}

/* clear
====================================== */
.u-clearfix:after {
  content: "";
  display: block;
  visibility: hidden;
  clear: both;
}

/* other
====================================== */
.u-strong {
  font-weight: bold !important;
}

.u-pointer {
  cursor: pointer;
}

.u-nowrap {
  white-space: nowrap;
}

.u-color-honda {
  color: #cc0000 !important;
}

.u-color-ciao {
  color: #0068b6 !important;
}

.u-color-mamoru {
  color: #8fc31f !important;
}

.u-rotate-90 {
  transform: rotate(90deg);
}

/* animationn
====================================== */
.u-no-transition {
  transition: none !important;
}

/* u-wide-width
============================== */
.u-wide-width {
  position: relative;
  left: 50%;
  width: 100vw;
  transform: translateX(-50%);
}

@media screen and (max-width: 960px) {
  .u-wide-width {
    width: calc(100% + var(--inner-padding) * 2);
  }
}

/* u-inner-width
============================== */
.u-inner-width {
  max-width: 990px;
  margin-right: auto;
  margin-left: auto;
}