@charset "UTF-8";
/*-----------------------------------
 リキッド用の関数
-----------------------------------*/
/* PCとSPの適用切り替え
--------------------------------- */
/* ホバー用メディアクエリ
--------------------------------- */
/* メディアクエリ調整関数
--------------------------------- */
/* 画面サイズ
--------------------------------- */
/* flex-boxのMixin
--------------------------------- */
/* カラー
--------------------------------- */
/* スクロールバーサイズ
--------------------------------- */
/* 基本設定
--------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000;
  font-weight: 700;
  scroll-behavior: smooth;
}

body, section, div, h1, h2, h3, h4, h5, h6, p, ul, li, span, figure {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul, li {
  list-style: none;
}

img, figure {
  width: 100%;
  vertical-align: bottom;
  object-fit: cover;
}

a, a:visited {
  text-decoration: none;
  color: inherit;
}

/* ボタン
--------------------------------- */
.btn {
  cursor: pointer;
  transition: all 0.2s;
}
.btn:hover {
  opacity: 0.9;
}

/* 設定
--------------------------------- */
@media (min-width: 768px) {
  .link-disable-pc {
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .link-disable-sp {
    pointer-events: none;
  }
}
body.fixed {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.anchor {
  margin-top: -5rem;
  padding-top: 5rem;
}

@media (max-width: 767px) {
  .anchor {
    margin-top: max(-4rem, -56px);
    padding-top: min(4rem, 56px);
  }
}
/* pc sp
--------------------------------- */
.dp-pc {
  display: block;
}

.dp-sp {
  display: none;
}

.dp-pc-ib {
  display: inline-block;
}

.dp-pc-im {
  display: block !important;
}

.dp-sp-im {
  display: none !important;
}

@media (max-width: 767px) {
  .dp-pc {
    display: none;
  }
  .dp-pc-ib {
    display: none;
  }
  .dp-sp {
    display: block;
  }
  .dp-pc-im {
    display: none !important;
  }
  .dp-sp-im {
    display: block !important;
  }
}
.dp-n {
  display: none;
}

.dp-n-im {
  display: none !important;
}

/* font
--------------------------------- */
.ff-noto {
  font-family: "Noto Sans JP", sans-serif;
}

.ff-maru {
  font-family: "Zen Maru Gothic", sans-serif;
}

/* アニメーション
--------------------------------- */
.triger-by-scroll-in {
  opacity: 0;
  transform: translateY(-20%);
  transition: opacity 0.5s, transform 0.5s;
}
.triger-by-scroll-in.on {
  opacity: 1;
  transform: translateY(0);
}

/* 共通パーツ
--------------------------------- */
.blk-inquiry {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
  padding: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px) 0;
  border-top: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #E9E9E9;
  border-bottom: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #E9E9E9;
}
.blk-inquiry h3 {
  margin-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}
.blk-inquiry p {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 500;
  line-height: 1.7;
  text-align: center;
}

.two-inquiry-btns {
  display: flex;
  justify-content: center;
  column-gap: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
}
.two-inquiry-btns a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px);
  min-width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  padding: clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px) clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px) clamp(1px, min(6.5 * 100vw / 1080 * 10, 6.5 * 1200 / 1080 * 10 * 1px), 97.5px);
  font-size: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-weight: 700;
  line-height: 1.5;
  border: clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px) solid #3b4249;
  transition: all 0.2s;
}
.two-inquiry-btns a::before {
  position: absolute;
  content: "";
  top: 50%;
  left: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  transform: translateY(-50%);
  height: 100%;
  transition: all 0.2s;
}
.two-inquiry-btns a.inquiry-btn {
  color: #fff;
  background-color: #4F7C61;
  border-color: #4F7C61;
}
.two-inquiry-btns a.inquiry-btn:hover {
  background-color: #fff;
  color: #3b4249;
}
.two-inquiry-btns a.inquiry-btn:hover::before {
  background: url(../img/materials/icon-mail.png) no-repeat center center/contain;
}
.two-inquiry-btns a.inquiry-btn::before {
  width: clamp(1px, min(3.1 * 100vw / 1080 * 10, 3.1 * 1200 / 1080 * 10 * 1px), 46.5px);
  background: url(../img/materials/icon-mail-wh.png) no-repeat center center/contain;
}
.two-inquiry-btns a.tel-btn {
  color: #3b4249;
  background-color: #E9D605;
  border-color: #E9D605;
}
.two-inquiry-btns a.tel-btn:hover {
  background-color: #fff;
  border-color: #3b4249;
}
.two-inquiry-btns a.tel-btn::before {
  width: clamp(1px, min(2.1 * 100vw / 1080 * 10, 2.1 * 1200 / 1080 * 10 * 1px), 31.5px);
  background: url(../img/materials/icon-tel.png) no-repeat center center/contain;
  transition: all 0.3s;
}
.two-inquiry-btns a.inquiry-btn-two-line {
  font-size: clamp(1px, min(1.7 * 100vw / 1080 * 10, 1.7 * 1200 / 1080 * 10 * 1px), 25.5px);
}

@media (max-width: 767px) {
  .blk-inquiry {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(5 * 100vw / 375 * 10, 65px);
    padding: min(4 * 100vw / 375 * 10, 52px) min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  .blk-inquiry h3 {
    margin-bottom: min(1.6 * 100vw / 375 * 10, 20.8px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  .blk-inquiry p {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  .two-inquiry-btns {
    row-gap: min(1.6 * 100vw / 375 * 10, 20.8px);
    flex-direction: column;
    align-items: center;
  }
  .two-inquiry-btns a {
    width: fit-content;
    height: min(5 * 100vw / 375 * 10, 65px);
    min-width: min(25 * 100vw / 375 * 10, 325px);
    max-width: min(40 * 100vw / 375 * 10, 520px);
    padding: min(0.2 * 100vw / 375 * 10, 2.6px) min(1 * 100vw / 375 * 10, 13px) min(0.2 * 100vw / 375 * 10, 2.6px) min(3.5 * 100vw / 375 * 10, 45.5px);
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .two-inquiry-btns a::before {
    left: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .two-inquiry-btns a.inquiry-btn::before {
    width: min(2.4 * 100vw / 375 * 10, 31.2px);
  }
  .two-inquiry-btns a.tel-btn::before {
    width: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  .two-inquiry-btns a.inquiry-btn-two-line {
    font-size: min(1.7 * 100vw / 375 * 10, 22.1px);
  }
}
/* header
--------------------------------- */
.header {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.3333333333);
  box-shadow: 0 0.1rem 0.6rem rgba(0, 0, 0, 0.2666666667);
}
.header .header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px);
  padding: 0 clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
.header .header__inner .header__logo {
  overflow: hidden;
  width: clamp(1px, min(22 * 100vw / 1080 * 10, 22 * 1200 / 1080 * 10 * 1px), 330px);
  border-radius: clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px);
}
.header .header__inner .header__logo a {
  display: block;
}
.header .header__inner .hamburger {
  display: none;
}
.header .header__inner .header__nav {
  width: calc(100% - clamp(1px, min(22 * 100vw / 1080 * 10, 22 * 1200 / 1080 * 10 * 1px), 330px));
}
.header .header__inner .header__nav .header__nav-list ul.nav-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
}
.header .header__inner .header__nav .header__nav-list ul.nav-list li a {
  font-size: clamp(1px, min(1.45 * 100vw / 1080 * 10, 1.45 * 1200 / 1080 * 10 * 1px), 21.75px);
  font-weight: 500;
  color: #fff;
}
.header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel {
  margin-left: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
}
.header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel p:nth-of-type(1) {
  font-size: clamp(1px, min(1.2 * 100vw / 1080 * 10, 1.2 * 1200 / 1080 * 10 * 1px), 18px);
  font-weight: 400;
}
.header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel p:nth-of-type(2) {
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 700;
}
.header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel p:nth-of-type(2) span {
  font-size: clamp(1px, min(1.2 * 100vw / 1080 * 10, 1.2 * 1200 / 1080 * 10 * 1px), 18px);
}

@media (max-width: 767px) {
  .header {
    box-shadow: none;
    background-color: rgba(0, 0, 0, 0.5333333333);
  }
  .header .header__inner {
    height: min(7 * 100vw / 375 * 10, 91px);
    padding: 0 min(2 * 100vw / 375 * 10, 26px);
  }
  .header .header__inner .header__logo {
    width: min(15 * 100vw / 375 * 10, 195px);
  }
  .header .header__inner .hamburger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(3 * 100vw / 375 * 10, 39px);
    height: min(3.6 * 100vw / 375 * 10, 46.8px);
    border-radius: 50%;
  }
  .header .header__inner .hamburger span {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .header .header__inner .hamburger span::before, .header .header__inner .hamburger span::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    width: min(2 * 100vw / 375 * 10, 26px);
    height: min(0.15 * 100vw / 375 * 10, 1.95px);
    background-color: #fff;
    transition: all 0.3s;
  }
  .header .header__inner .hamburger span::before {
    transform: translate(-50%, max(-0.5 * 100vw / 375 * 10, -6.5px));
  }
  .header .header__inner .hamburger span::after {
    transform: translate(-50%, min(0.5 * 100vw / 375 * 10, 6.5px));
  }
  .header .header__inner .hamburger.is-active span::before {
    transform: translate(-50%, 0) rotate(45deg);
  }
  .header .header__inner .hamburger.is-active span::after {
    transform: translate(-50%, 0) rotate(-45deg);
  }
  .header .header__inner .header__nav {
    overflow-y: auto;
    z-index: -1;
    position: absolute;
    top: 0;
    right: -100%;
    display: flex;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8666666667);
    transition: all 0.3s;
  }
  .header .header__inner .header__nav.is-active {
    right: 0;
  }
  .header .header__inner .header__nav .header__nav-list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 550px;
  }
  .header .header__inner .header__nav .header__nav-list ul.nav-list {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    row-gap: min(1.2 * 100vw / 375 * 10, 15.6px);
    width: 100%;
  }
  .header .header__inner .header__nav .header__nav-list ul.nav-list li a {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
    font-weight: 500;
    color: #fff;
  }
  .header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel {
    width: 50%;
    margin-left: 0;
    margin-top: min(2 * 100vw / 375 * 10, 26px);
    text-align: center;
    line-height: 2;
  }
  .header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel p:nth-of-type(1) {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel p:nth-of-type(2) {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .header .header__inner .header__nav .header__nav-list ul.nav-list li.nav-tel p:nth-of-type(2) span {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
}
/* mv
--------------------------------- */
.mv {
  position: relative;
  height: clamp(1px, min(38 * 100vw / 1080 * 10, 38 * 1200 / 1080 * 10 * 1px), 570px);
  margin-bottom: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px);
}
.mv .mv__thumbnail {
  height: 100%;
}
.mv .mv__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.6);
}
.mv .mv__lead {
  position: absolute;
  bottom: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px);
  left: max(50% - 540px, clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px));
  color: #fff;
}
.mv .mv__lead h2.lead-main {
  font-size: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px);
  font-weight: 700;
}
.mv .mv__lead p.lead-sub {
  position: relative;
  font-size: clamp(1px, min(2.5 * 100vw / 1080 * 10, 2.5 * 1200 / 1080 * 10 * 1px), 37.5px);
  font-weight: 400;
  text-align: center;
}
.mv.mv-top {
  height: 100svh;
  margin-bottom: 0;
}
.mv.mv-top #main-slider {
  height: 100%;
}
.mv.mv-top #main-slider .splide__track {
  height: 100%;
}
.mv.mv-top #main-slider .splide__track ul.splide__list {
  height: 100%;
}
.mv.mv-top #main-slider .splide__track ul.splide__list li.splide__slide {
  height: 100%;
}
.mv.mv-top #main-slider .splide__track ul.splide__list li.splide__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: brightness(0.8);
}
.mv.mv-top .mv__text {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  width: 75%;
}
.mv.mv-top .mv__text .mv__title {
  font-size: clamp(1px, min(4.8 * 100vw / 1080 * 10, 4.8 * 1200 / 1080 * 10 * 1px), 72px);
  margin-bottom: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  color: #fff;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.564);
}
.mv.mv-top .mv__text p {
  position: relative;
  font-size: clamp(1px, min(2.3 * 100vw / 1080 * 10, 2.3 * 1200 / 1080 * 10 * 1px), 34.5px);
  font-weight: 400;
  line-height: 1.7;
  color: #fff;
  text-shadow: 0 0 3px rgba(255, 255, 255, 0.564);
}

@media (max-width: 767px) {
  .mv {
    position: relative;
    height: min(28 * 100vw / 375 * 10, 364px);
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
  }
  .mv .mv__thumbnail {
    height: 100%;
  }
  .mv .mv__thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .mv .mv__lead {
    bottom: min(4 * 100vw / 375 * 10, 52px);
    left: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  .mv .mv__lead h2.lead-main {
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  .mv .mv__lead p.lead-sub {
    padding-left: 2em;
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .mv.mv-top {
    min-height: 600px;
  }
  .mv.mv-top #main-slider button.splide__arrow--prev {
    left: 0.5em;
  }
  .mv.mv-top #main-slider button.splide__arrow--next {
    right: 0.5em;
  }
  .mv.mv-top .mv__text {
    width: 80%;
  }
  .mv.mv-top .mv__text .mv__title {
    font-size: min(2.4 * 100vw / 375 * 10, 31.2px);
    margin-bottom: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .mv.mv-top .mv__text .mv__title br {
    display: none;
  }
  .mv.mv-top .mv__text p {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
}
/* 在庫一覧
--------------------------------- */
.stocks {
  background-color: #E9E9E9;
}
.stocks .section-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
}
.stocks .section-inner .section-title-wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
}
.stocks .section-inner .section-title-wrapper .section-title {
  color: #333;
}
.stocks .section-inner .section-title-wrapper .section-subtitle {
  color: #333;
}
.stocks .section-inner .section-title-wrapper .section-subtitle::before {
  background-color: #333;
}
.stocks .section-inner .stocks__list {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  row-gap: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
}
.stocks .section-inner .stocks__list .stocks__item {
  overflow: hidden;
  position: relative;
  width: calc((100% - clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px) * 3) / 4);
  background-color: #F7F5F0;
  border-radius: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.2));
  transition: all 0.3s;
}
.stocks .section-inner .stocks__list .stocks__item::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.7019607843);
  transition: all 0.3s;
}
@media (hover: hover) {
  .stocks .section-inner .stocks__list .stocks__item:hover {
    transition: all 0.3s;
  }
  .stocks .section-inner .stocks__list .stocks__item:hover:hover {
    opacity: 0.8;
  }
  .stocks .section-inner .stocks__list .stocks__item:hover:hover::after {
    content: "詳細を見る";
    padding: 10px;
  }
  .stocks .section-inner .stocks__list .stocks__item:hover:hover .stocks__thumbnail img {
    transform: scale(1.05);
  }
}
.stocks .section-inner .stocks__list .stocks__item .stocks__thumbnail {
  overflow: hidden;
  position: relative;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__thumbnail img {
  width: 100%;
  height: clamp(1px, min(14 * 100vw / 1080 * 10, 14 * 1200 / 1080 * 10 * 1px), 210px);
  object-fit: cover;
  transition: all 0.3s;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__thumbnail span.car-category {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: clamp(1px, min(0.35 * 100vw / 1080 * 10, 0.35 * 1200 / 1080 * 10 * 1px), 5.25px) clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px) clamp(1px, min(0.35 * 100vw / 1080 * 10, 0.35 * 1200 / 1080 * 10 * 1px), 5.25px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.3 * 100vw / 1080 * 10, 1.3 * 1200 / 1080 * 10 * 1px), 19.5px);
  font-weight: 700;
  color: #333;
  line-height: 1;
  background-color: #E9D605;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__thumbnail span.car-category::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-98%, 0);
  width: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  height: 100%;
  background-color: #E9D605;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content {
  padding: clamp(1px, min(2.2 * 100vw / 1080 * 10, 2.2 * 1200 / 1080 * 10 * 1px), 33px) clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px) clamp(1px, min(3.2 * 100vw / 1080 * 10, 3.2 * 1200 / 1080 * 10 * 1px), 48px);
  color: #605654;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__maker {
  margin-bottom: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__title {
  margin-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px);
  font-weight: 500;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__lead {
  margin-bottom: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px);
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__info li {
  width: 47%;
  font-size: clamp(1px, min(1.15 * 100vw / 1080 * 10, 1.15 * 1200 / 1080 * 10 * 1px), 17.25px);
  font-weight: 400;
  border-bottom: 1px dashed #D4D2C1;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__info li span {
  display: inline-block;
  width: clamp(1px, min(3.2 * 100vw / 1080 * 10, 3.2 * 1200 / 1080 * 10 * 1px), 48px);
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .total {
  margin-bottom: clamp(1px, min(0.4 * 100vw / 1080 * 10, 0.4 * 1200 / 1080 * 10 * 1px), 6px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 700;
  text-align: center;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .total span {
  display: inline-block;
  margin: 0 clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  font-size: clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px);
  color: #FF6010;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .base {
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 700;
  text-align: center;
}
.stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .base span {
  display: inline-block;
  margin: 0 clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  font-size: clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px);
  color: #FF6010;
}

@media (max-width: 767px) {
  .stocks .section-inner {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
  }
  .stocks .section-inner .section-title-wrapper {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
  }
  .stocks .section-inner .stocks__list {
    column-gap: min(1.4 * 100vw / 375 * 10, 18.2px);
    row-gap: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .stocks .section-inner .stocks__list .stocks__item {
    width: calc((100% - min(1.4 * 100vw / 375 * 10, 18.2px) * 1) / 2);
    border-radius: min(0.5 * 100vw / 375 * 10, 6.5px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__thumbnail img {
    height: min(14 * 100vw / 375 * 10, 182px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__thumbnail span.car-category {
    padding: min(0.35 * 100vw / 375 * 10, 4.55px) min(1.4 * 100vw / 375 * 10, 18.2px) min(0.35 * 100vw / 375 * 10, 4.55px) min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__thumbnail span.car-category::before {
    width: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content {
    padding: min(1.8 * 100vw / 375 * 10, 23.4px) min(1 * 100vw / 375 * 10, 13px) min(2.6 * 100vw / 375 * 10, 33.8px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__maker {
    margin-bottom: min(0.2 * 100vw / 375 * 10, 2.6px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__title {
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__lead {
    margin-bottom: min(1.4 * 100vw / 375 * 10, 18.2px);
    font-size: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__info {
    row-gap: min(0.6 * 100vw / 375 * 10, 7.8px);
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__info li {
    width: 100%;
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__info li span {
    width: min(4 * 100vw / 375 * 10, 52px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .total {
    margin-bottom: min(0.4 * 100vw / 375 * 10, 5.2px);
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .total span {
    margin: 0 min(0.5 * 100vw / 375 * 10, 6.5px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .base {
    font-size: min(1.1 * 100vw / 375 * 10, 14.3px);
  }
  .stocks .section-inner .stocks__list .stocks__item .stocks__content .stocks__price .base span {
    margin: 0 min(0.5 * 100vw / 375 * 10, 6.5px);
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
}
/* 
--------------------------------- */
.pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  margin-top: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  padding: 0;
}
.pagination a {
  padding: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin: 0 clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #ccc;
  text-decoration: none;
  color: #333;
}
.pagination a:hover {
  background-color: #f0f0f0;
}
.pagination .current {
  padding: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin: 0 clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #333;
  background-color: #333;
  color: #fff;
}

/* 見出し
--------------------------------- */
.section-title-wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
}
.section-title-wrapper .section-title {
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-size: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
  font-weight: 700;
  line-height: 1;
  color: #E9D605;
}
.section-title-wrapper .section-subtitle {
  position: relative;
  margin-bottom: clamp(1px, min(5.3 * 100vw / 1080 * 10, 5.3 * 1200 / 1080 * 10 * 1px), 79.5px);
  padding-left: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 700;
  line-height: 1;
  color: #fff;
}
.section-title-wrapper .section-subtitle::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: clamp(1px, min(2.2 * 100vw / 1080 * 10, 2.2 * 1200 / 1080 * 10 * 1px), 33px);
  height: clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px);
  background-color: #fff;
}

@media (max-width: 767px) {
  .section-title-wrapper {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
  }
  .section-title-wrapper .section-title {
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(4 * 100vw / 375 * 10, 52px);
  }
  .section-title-wrapper .section-subtitle {
    margin-bottom: min(3 * 100vw / 375 * 10, 39px);
    padding-left: min(2.6 * 100vw / 375 * 10, 33.8px);
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  .section-title-wrapper .section-subtitle::before {
    width: min(1.8 * 100vw / 375 * 10, 23.4px);
    height: min(0.2 * 100vw / 375 * 10, 2.6px);
  }
}
/* footer
--------------------------------- */
.footer .footer-inner {
  color: #fff;
}
.footer .footer-inner .footer-upper {
  margin: 0 auto;
  padding: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px) 0;
  font-weight: 500;
  text-align: center;
  background-color: #818478;
}
.footer .footer-inner .footer-upper .footer-logo {
  width: clamp(1px, min(26.2 * 100vw / 1080 * 10, 26.2 * 1200 / 1080 * 10 * 1px), 393px);
  margin: 0 auto clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
}
.footer .footer-inner .footer-upper h3 {
  margin-bottom: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 500;
}
.footer .footer-inner .footer-upper .footer-address {
  margin-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
}
.footer .footer-inner .footer-upper .footer-tel {
  margin-bottom: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  font-size: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
}
.footer .footer-inner .footer-upper .footer-tel img {
  position: relative;
  top: clamp(-7.5px, max(-0.5 * 100vw / 1080 * 10, -0.5 * 1200 / 1080 * 10 * 1px), -1px);
  width: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  height: clamp(1px, min(4.4 * 100vw / 1080 * 10, 4.4 * 1200 / 1080 * 10 * 1px), 66px);
  margin-right: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  object-fit: contain;
}
.footer .footer-inner .footer-upper .footer-fax {
  margin-bottom: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
}
.footer .footer-inner .footer-upper .footer-business-hours {
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  line-height: 1.7;
}
.footer .footer-inner .footer-upper .footer-line a {
  display: block;
  width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  margin: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px) auto 0;
}
.footer .footer-inner .footer-upper .footer-line a img {
  width: 100%;
  height: auto;
}
.footer .footer-inner .footer-upper .footer-sns {
  margin: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px) auto clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  padding: 2rem;
  background-color: #c7c6c6;
}
.footer .footer-inner .footer-upper .footer-sns ul {
  display: flex;
  justify-content: center;
  column-gap: 1.6rem;
}
.footer .footer-inner .footer-upper .footer-sns ul li {
  width: 3.2rem;
  height: 3.2rem;
}
.footer .footer-inner .footer-upper .footer-sns ul li a {
  display: block;
  width: 100%;
  height: 100%;
  transition: all 0.3s;
}
@media (hover: hover) {
  .footer .footer-inner .footer-upper .footer-sns ul li a:hover {
    opacity: 0.7;
  }
}
.footer .footer-inner .footer-upper .footer-sns ul li a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.footer .footer-inner .footer-bottom {
  padding: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px) 0 clamp(1px, min(2.3 * 100vw / 1080 * 10, 2.3 * 1200 / 1080 * 10 * 1px), 34.5px);
  background-color: #4F7C61;
}
.footer .footer-inner .footer-bottom .footer-nav {
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
.footer .footer-inner .footer-bottom .footer-nav ul {
  display: flex;
  justify-content: center;
  column-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
.footer .footer-inner .footer-bottom .footer-nav ul li a {
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
}
.footer .footer-inner .footer-bottom .copyright {
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 400;
  text-align: center;
}

@media (max-width: 767px) {
  .footer .footer-inner .footer-upper {
    padding: min(4 * 100vw / 375 * 10, 52px) 0;
  }
  .footer .footer-inner .footer-upper .footer-logo {
    width: min(20 * 100vw / 375 * 10, 260px);
    margin-bottom: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  .footer .footer-inner .footer-upper h3 {
    margin-bottom: min(0.6 * 100vw / 375 * 10, 7.8px);
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  .footer .footer-inner .footer-upper .footer-address {
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  .footer .footer-inner .footer-upper .footer-tel {
    margin-bottom: min(0.5 * 100vw / 375 * 10, 6.5px);
    font-size: min(2.6 * 100vw / 375 * 10, 33.8px);
  }
  .footer .footer-inner .footer-upper .footer-tel img {
    top: max(-0.5 * 100vw / 375 * 10, -6.5px);
    width: min(1.8 * 100vw / 375 * 10, 23.4px);
    height: min(3 * 100vw / 375 * 10, 39px);
    margin-right: min(1 * 100vw / 375 * 10, 13px);
  }
  .footer .footer-inner .footer-upper .footer-fax {
    margin-bottom: min(1.8 * 100vw / 375 * 10, 23.4px);
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  .footer .footer-inner .footer-upper .footer-business-hours {
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  .footer .footer-inner .footer-bottom {
    padding: min(2 * 100vw / 375 * 10, 26px) 0 min(2 * 100vw / 375 * 10, 26px);
  }
  .footer .footer-inner .footer-bottom .footer-nav {
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
  }
  .footer .footer-inner .footer-bottom .footer-nav ul {
    align-items: center;
    flex-direction: column;
    row-gap: min(0.4 * 100vw / 375 * 10, 5.2px);
  }
  .footer .footer-inner .footer-bottom .footer-nav ul li a {
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
    font-weight: 400;
  }
  .footer .footer-inner .footer-bottom .copyright {
    margin-top: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
}
/* CTA
--------------------------------- */
/* 在庫一覧
--------------------------------- */
body.page-stocks {
  background-color: #E9E9E9;
}
body.page-stocks .search-filter {
  margin-bottom: clamp(1px, min(7 * 100vw / 1080 * 10, 7 * 1200 / 1080 * 10 * 1px), 105px);
  padding: 0 clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
}
body.page-stocks .search-filter .search-filter__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px) clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px) clamp(1px, min(10 * 100vw / 1080 * 10, 10 * 1200 / 1080 * 10 * 1px), 150px);
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #818478;
  background-color: #fff;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__title {
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 700;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form {
  position: relative;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  column-gap: clamp(1px, min(3.6 * 100vw / 1080 * 10, 3.6 * 1200 / 1080 * 10 * 1px), 54px);
  row-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts {
  display: flex;
  align-items: center;
  column-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  width: calc(50% - clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px));
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts label {
  width: clamp(1px, min(10 * 100vw / 1080 * 10, 10 * 1200 / 1080 * 10 * 1px), 150px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 400;
  text-align: right;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts > div {
  width: calc(100% - clamp(1px, min(10 * 100vw / 1080 * 10, 10 * 1200 / 1080 * 10 * 1px), 150px) - clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px));
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts > div select {
  width: calc(50% - clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px));
  height: 2em;
  border: none;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts > div select:focus {
  outline: none;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts > div span {
  display: inline-block;
  margin: 0 clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px);
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:first-of-type input {
  width: calc(100% - clamp(1px, min(10 * 100vw / 1080 * 10, 10 * 1200 / 1080 * 10 * 1px), 150px) - clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px));
  height: 2em;
  border: none;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.4);
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:first-of-type input:focus {
  outline: none;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type {
  flex-wrap: wrap;
  column-gap: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  row-gap: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  width: 100%;
  margin-top: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type p {
  width: 100%;
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 700;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc((100% - clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px) * 4) / 5);
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type > div input {
  width: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  height: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type > div label {
  width: calc(100% - clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  text-align: left;
  cursor: pointer;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form button.btn-reset,
body.page-stocks .search-filter .search-filter__inner .search-filter__form form button[type=submit] {
  position: absolute;
  bottom: clamp(-105px, max(-7 * 100vw / 1080 * 10, -7 * 1200 / 1080 * 10 * 1px), -1px);
  left: 0;
  width: fit-content;
  height: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  padding: 0 clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  background-color: #818478;
  color: #fff;
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  line-height: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #818478;
  cursor: pointer;
}
body.page-stocks .search-filter .search-filter__inner .search-filter__form form button[type=submit] {
  left: unset;
  right: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-stocks section.stocks {
  margin-bottom: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px);
}
body.page-stocks section.stocks .section-title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-stocks section.stocks .section-title-wrapper p {
  margin-bottom: 0;
  line-height: 1.75;
}
body.page-stocks section.stocks .section-stocks-style-switch {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  column-gap: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
}
body.page-stocks section.stocks .section-stocks-style-switch img {
  width: clamp(1px, min(2.8 * 100vw / 1080 * 10, 2.8 * 1200 / 1080 * 10 * 1px), 42px);
  height: clamp(1px, min(2.8 * 100vw / 1080 * 10, 2.8 * 1200 / 1080 * 10 * 1px), 42px);
  object-fit: contain;
  cursor: pointer;
}
body.page-stocks section.stocks .section-stocks-style-switch img.active {
  opacity: 1;
}
body.page-stocks section.stocks .section-stocks-style-switch img.inactive {
  opacity: 0.5;
}

@media (max-width: 767px) {
  body.page-stocks .search-filter {
    margin-bottom: min(7 * 100vw / 375 * 10, 91px);
    padding: 0 min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  body.page-stocks .search-filter .search-filter__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
    margin: 0 auto;
    padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
    padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
    padding: min(1 * 100vw / 375 * 10, 13px) min(1.6 * 100vw / 375 * 10, 20.8px) min(10 * 100vw / 375 * 10, 130px);
    border: min(0.1 * 100vw / 375 * 10, 1.3px) solid #818478;
    background-color: #fff;
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__title {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
    font-weight: 700;
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form {
    column-gap: min(1.4 * 100vw / 375 * 10, 18.2px);
    row-gap: min(1 * 100vw / 375 * 10, 13px);
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts {
    column-gap: min(1.2 * 100vw / 375 * 10, 15.6px);
    width: 100%;
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts label {
    width: min(8 * 100vw / 375 * 10, 104px);
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts > div {
    width: calc(100% - min(8 * 100vw / 375 * 10, 104px) - min(1.2 * 100vw / 375 * 10, 15.6px));
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts > div select {
    width: calc(50% - min(1.8 * 100vw / 375 * 10, 23.4px));
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts > div span {
    margin: 0 min(0.6 * 100vw / 375 * 10, 7.8px);
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:first-of-type input {
    width: calc(100% - min(8 * 100vw / 375 * 10, 104px) - min(1.2 * 100vw / 375 * 10, 15.6px));
    height: 2em;
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type {
    row-gap: min(0.6 * 100vw / 375 * 10, 7.8px);
    margin-top: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type p {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type > div {
    width: calc(50% - min(0.6 * 100vw / 375 * 10, 7.8px));
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type > div input {
    width: min(2 * 100vw / 375 * 10, 26px);
    height: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form .form-parts:last-of-type > div label {
    width: calc(100% - min(3 * 100vw / 375 * 10, 39px));
  }
  body.page-stocks .search-filter .search-filter__inner .search-filter__form form button[type=submit] {
    bottom: max(-5 * 100vw / 375 * 10, -65px);
    right: min(1 * 100vw / 375 * 10, 13px);
    width: fit-content;
    height: min(3 * 100vw / 375 * 10, 39px);
    padding: 0 min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    line-height: min(3 * 100vw / 375 * 10, 39px);
  }
  body.page-stocks .stocks {
    margin-bottom: min(8 * 100vw / 375 * 10, 104px);
  }
  body.page-stocks .stocks .section-title-wrapper {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-stocks .stocks .section-stocks-style-switch {
    column-gap: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  body.page-stocks .stocks .section-stocks-style-switch img {
    width: min(2.8 * 100vw / 375 * 10, 36.4px);
    height: min(2.8 * 100vw / 375 * 10, 36.4px);
  }
}
/* 在庫詳細
--------------------------------- */
.single-cars {
  background-color: #E9E9E9;
  color: #3b4249;
}
.single-cars main .container .single-heading {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
  color: #3b4249;
}
.single-cars main .container .single-heading p {
  width: fit-content;
  margin-bottom: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  padding: clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px) clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-size: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  color: #fff;
  background-color: #818478;
}
.single-cars main .container .single-heading h1 {
  margin-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(3.2 * 100vw / 1080 * 10, 3.2 * 1200 / 1080 * 10 * 1px), 48px);
  font-weight: 700;
}
.single-cars main .container .single-heading h2 {
  font-size: clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px);
  font-weight: 600;
}
.single-cars main .container .single-mv {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-bottom: clamp(1px, min(7.3 * 100vw / 1080 * 10, 7.3 * 1200 / 1080 * 10 * 1px), 109.5px);
}
.single-cars main .container .single-mv .main-image {
  width: 100%;
  height: clamp(1px, min(55 * 100vw / 1080 * 10, 55 * 1200 / 1080 * 10 * 1px), 825px);
  margin-bottom: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  background-color: #fcfcfc;
}
.single-cars main .container .single-mv .main-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.single-cars main .container .single-mv ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px);
  row-gap: clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px);
}
.single-cars main .container .single-mv ul li {
  width: calc((100% - clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px) * 5) / 6);
  height: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
}
.single-cars main .container .single-mv ul li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-cars main .container .single-car-info {
  padding: clamp(1px, min(3.6 * 100vw / 1080 * 10, 3.6 * 1200 / 1080 * 10 * 1px), 54px) 0;
  background-color: #fff;
}
.single-cars main .container .single-car-info .block-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(7.2 * 100vw / 1080 * 10, 7.2 * 1200 / 1080 * 10 * 1px), 108px);
}
.single-cars main .container .single-car-info .basic-info h3 {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(2.8 * 100vw / 1080 * 10, 2.8 * 1200 / 1080 * 10 * 1px), 42px);
}
.single-cars main .container .single-car-info .basic-info ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
  row-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
.single-cars main .container .single-car-info .basic-info ul li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: calc(50% - clamp(1px, min(2.5 * 100vw / 1080 * 10, 2.5 * 1200 / 1080 * 10 * 1px), 37.5px));
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 400;
  color: #605654;
  line-height: 1.75;
}
.single-cars main .container .single-car-info .basic-info ul li::after {
  position: absolute;
  content: "";
  bottom: clamp(-4.5px, max(-0.3 * 100vw / 1080 * 10, -0.3 * 1200 / 1080 * 10 * 1px), -1px);
  left: 0;
  width: 100%;
  height: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px);
  background-color: #E4E2D6;
}
.single-cars main .container .single-car-info .basic-info ul li span:nth-of-type(1) {
  width: 28%;
}
.single-cars main .container .single-car-info .basic-info ul li span:nth-of-type(2) {
  width: 70%;
}
.single-cars main .container .single-car-info .price-info {
  margin-bottom: clamp(1px, min(3.6 * 100vw / 1080 * 10, 3.6 * 1200 / 1080 * 10 * 1px), 54px);
  padding-top: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  padding-bottom: clamp(1px, min(3.4 * 100vw / 1080 * 10, 3.4 * 1200 / 1080 * 10 * 1px), 51px);
  border-top: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #E4E2D6;
}
.single-cars main .container .single-car-info .price-info div.total-price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  margin-bottom: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  font-size: clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px);
  font-weight: 700;
  color: #3b4249;
}
.single-cars main .container .single-car-info .price-info div.total-price span:nth-of-type(2) {
  margin: 0 clamp(1px, min(0.4 * 100vw / 1080 * 10, 0.4 * 1200 / 1080 * 10 * 1px), 6px) 0 clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px);
  font-size: clamp(1px, min(4.2 * 100vw / 1080 * 10, 4.2 * 1200 / 1080 * 10 * 1px), 63px);
  color: #FF6010;
}
.single-cars main .container .single-car-info .price-info div.total-price span:nth-of-type(3) {
  font-size: clamp(1px, min(2.2 * 100vw / 1080 * 10, 2.2 * 1200 / 1080 * 10 * 1px), 33px);
}
.single-cars main .container .single-car-info .price-info div.car-price {
  display: flex;
  justify-content: center;
  align-items: baseline;
  column-gap: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  margin-bottom: clamp(1px, min(3.6 * 100vw / 1080 * 10, 3.6 * 1200 / 1080 * 10 * 1px), 54px);
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 700;
  color: #605654;
}
.single-cars main .container .single-car-info .price-info div.car-price > div {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.single-cars main .container .single-car-info .price-info div.car-price > div span:nth-of-type(2) {
  margin: 0 clamp(1px, min(0.4 * 100vw / 1080 * 10, 0.4 * 1200 / 1080 * 10 * 1px), 6px) 0 clamp(1px, min(0.6 * 100vw / 1080 * 10, 0.6 * 1200 / 1080 * 10 * 1px), 9px);
  font-size: clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px);
}
.single-cars main .container .single-car-info .price-info p.notice-fee {
  width: 80%;
  margin: 0 auto;
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
  line-height: 1.75;
}
.single-cars main .container .single-car-info .other-info h3 {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(2.8 * 100vw / 1080 * 10, 2.8 * 1200 / 1080 * 10 * 1px), 42px);
  font-weight: 700;
}
.single-cars main .container .single-car-info .other-info ul {
  display: flex;
  column-gap: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  row-gap: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  flex-wrap: wrap;
}
.single-cars main .container .single-car-info .other-info ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc((100% - clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) * 4) / 5);
  height: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
  padding: 0 clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
  color: #c0bdac;
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #f8ede2;
}
.single-cars main .container .single-car-info .other-info ul li.is-active {
  background-color: #f8ede2;
  border-color: #f8ede2;
  color: #FF6010;
  font-weight: 700;
}
.single-cars main .container .single-car-info .other-info ul li.long-text {
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
}
.single-cars main .container .single-car-info .single-content .block-inner h3 {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(2.8 * 100vw / 1080 * 10, 2.8 * 1200 / 1080 * 10 * 1px), 42px);
  font-weight: 700;
}
.single-cars main .container .single-car-info .single-content .block-inner .content-main p {
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 500;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .single-cars main .container .single-heading {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  .single-cars main .container .single-heading p {
    margin-bottom: min(0.8 * 100vw / 375 * 10, 10.4px);
    padding: min(0.4 * 100vw / 375 * 10, 5.2px) min(1.6 * 100vw / 375 * 10, 20.8px);
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .single-cars main .container .single-heading h1 {
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(2.6 * 100vw / 375 * 10, 33.8px);
  }
  .single-cars main .container .single-heading h2 {
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  .single-cars main .container .single-mv {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    padding-bottom: min(3 * 100vw / 375 * 10, 39px);
  }
  .single-cars main .container .single-mv .main-image {
    height: min(25 * 100vw / 375 * 10, 325px);
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
  }
  .single-cars main .container .single-mv ul {
    column-gap: min(0.6 * 100vw / 375 * 10, 7.8px);
    row-gap: min(0.6 * 100vw / 375 * 10, 7.8px);
  }
  .single-cars main .container .single-mv ul li {
    width: calc((100% - min(0.6 * 100vw / 375 * 10, 7.8px) * 3) / 4);
    height: min(8 * 100vw / 375 * 10, 104px);
  }
  .single-cars main .container .single-car-info {
    padding: min(3.6 * 100vw / 375 * 10, 46.8px) 0;
    background-color: #fff;
  }
  .single-cars main .container .single-car-info .block-inner {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
  }
  .single-cars main .container .single-car-info .basic-info h3 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2.2 * 100vw / 375 * 10, 28.6px);
  }
  .single-cars main .container .single-car-info .basic-info ul {
    column-gap: min(1 * 100vw / 375 * 10, 13px);
    row-gap: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .single-cars main .container .single-car-info .basic-info ul li {
    width: calc(50% - min(0.5 * 100vw / 375 * 10, 6.5px));
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  .single-cars main .container .single-car-info .basic-info ul li::after {
    bottom: max(-0.3 * 100vw / 375 * 10, -3.9px);
    height: min(0.1 * 100vw / 375 * 10, 1.3px);
  }
  .single-cars main .container .single-car-info .basic-info ul li span:nth-of-type(1) {
    width: 35%;
  }
  .single-cars main .container .single-car-info .basic-info ul li span:nth-of-type(2) {
    width: 63%;
  }
  .single-cars main .container .single-car-info .price-info {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    padding-top: min(2 * 100vw / 375 * 10, 26px);
    padding-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  .single-cars main .container .single-car-info .price-info div.total-price {
    margin-bottom: min(1.6 * 100vw / 375 * 10, 20.8px);
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  .single-cars main .container .single-car-info .price-info div.total-price span:nth-of-type(2) {
    margin: 0 min(0.4 * 100vw / 375 * 10, 5.2px) 0 min(0.6 * 100vw / 375 * 10, 7.8px);
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  .single-cars main .container .single-car-info .price-info div.total-price span:nth-of-type(3) {
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  .single-cars main .container .single-car-info .price-info div.car-price {
    column-gap: min(1.2 * 100vw / 375 * 10, 15.6px);
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  .single-cars main .container .single-car-info .price-info div.car-price > div span:nth-of-type(2) {
    margin: 0 min(0.4 * 100vw / 375 * 10, 5.2px) 0 min(0.6 * 100vw / 375 * 10, 7.8px);
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  .single-cars main .container .single-car-info .price-info p.notice-fee {
    width: 100%;
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  .single-cars main .container .single-car-info .other-info h3 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  .single-cars main .container .single-car-info .other-info ul {
    column-gap: min(1 * 100vw / 375 * 10, 13px);
    row-gap: min(1 * 100vw / 375 * 10, 13px);
  }
  .single-cars main .container .single-car-info .other-info ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - min(1 * 100vw / 375 * 10, 13px) * 1) / 2);
    height: min(4 * 100vw / 375 * 10, 52px);
    padding: 0 min(0.5 * 100vw / 375 * 10, 6.5px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  .single-cars main .container .single-car-info .other-info ul li.long-text {
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  .single-cars main .container .single-car-info .single-content .block-inner h3 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  .single-cars main .container .single-car-info .single-content .block-inner .content-main p {
    font-size: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
}
/* 在庫詳細
--------------------------------- */
/*----------------------------
	フロントページ
---------------------------*/
/* 共通項目
--------------------------------- */
.home.page-top section {
  position: relative;
  padding-top: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  padding-bottom: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px);
}

@media (max-width: 767px) {
  .home.page-top section {
    padding-top: min(4 * 100vw / 375 * 10, 52px);
    padding-bottom: min(4 * 100vw / 375 * 10, 52px);
  }
}
.list-more {
  position: absolute;
  top: clamp(1px, min(10.5 * 100vw / 1080 * 10, 10.5 * 1200 / 1080 * 10 * 1px), 157.5px);
  right: max(50% - 540px, clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px));
}
.list-more a {
  display: inline-block;
  padding: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
  border-radius: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  transition: all 0.2s;
}
.list-more a:hover {
  background-color: #fff;
  color: #333;
}

@media (max-width: 767px) {
  .list-more {
    top: min(8.6 * 100vw / 375 * 10, 111.8px);
    right: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  .list-more a {
    padding: min(0.6 * 100vw / 375 * 10, 7.8px) min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
    border-radius: min(4 * 100vw / 375 * 10, 52px);
  }
  .list-more-bottom {
    margin: 2rem auto 1rem;
    text-align: center;
  }
  .list-more-bottom a {
    padding: min(0.8 * 100vw / 375 * 10, 10.4px) min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    font-weight: 700;
    color: #fff;
    border-radius: min(4 * 100vw / 375 * 10, 52px);
    background-color: #333333;
  }
}
/* ピックアップ
--------------------------------- */
section.pickup {
  background-color: #4F7C61;
}
section.pickup .pickup__list-wrapper {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding: 0 clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a {
  display: block;
  transition: all 0.3s;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail {
  overflow: hidden;
  position: relative;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail img {
  width: 100%;
  height: clamp(1px, min(15 * 100vw / 1080 * 10, 15 * 1200 / 1080 * 10 * 1px), 225px);
  margin-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  transition: all 0.3s;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  padding: clamp(1px, min(0.35 * 100vw / 1080 * 10, 0.35 * 1200 / 1080 * 10 * 1px), 5.25px) clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px) clamp(1px, min(0.35 * 100vw / 1080 * 10, 0.35 * 1200 / 1080 * 10 * 1px), 5.25px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.3 * 100vw / 1080 * 10, 1.3 * 1200 / 1080 * 10 * 1px), 19.5px);
  font-weight: 700;
  color: #333;
  line-height: 1;
  background-color: #E9D605;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-98%, 0);
  width: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  height: 100%;
  background-color: #E9D605;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category.news {
  background-color: #E9D605;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category.news::before {
  background-color: #E9D605;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category.event {
  background-color: #09DAE9;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category.event::before {
  background-color: #09DAE9;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category.item {
  background-color: #F76C7C;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category.item::before {
  background-color: #F76C7C;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__text .pickup__date {
  margin-bottom: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  font-size: clamp(1px, min(1.43 * 100vw / 1080 * 10, 1.43 * 1200 / 1080 * 10 * 1px), 21.45px);
  font-weight: 400;
  color: #fff;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__text .pickup__title {
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 500;
  color: #fff;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a:hover {
  opacity: 0.8;
}
section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a:hover .pickup__thumbnail img {
  transform: scale(1.05);
}
section.pickup .pickup__list-wrapper .splide .splide__arrows .splide__arrow {
  width: 1.6em;
  height: 1.6em;
}
section.pickup .pickup__list-wrapper .splide .splide__arrows .splide__arrow--prev {
  left: -2.4em;
}
section.pickup .pickup__list-wrapper .splide .splide__arrows .splide__arrow--next {
  right: -2.4em;
}

@media (max-width: 767px) {
  section.pickup .pickup__list-wrapper {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    padding: 0 min(3 * 100vw / 375 * 10, 39px);
  }
  section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail img {
    height: min(10 * 100vw / 375 * 10, 130px);
    margin-bottom: min(0.6 * 100vw / 375 * 10, 7.8px);
  }
  section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category {
    padding: min(0.3 * 100vw / 375 * 10, 3.9px) min(1 * 100vw / 375 * 10, 13px) min(0.3 * 100vw / 375 * 10, 3.9px) min(0.8 * 100vw / 375 * 10, 10.4px);
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__thumbnail span.car-category::before {
    width: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__text .pickup__date {
    margin-bottom: min(0.5 * 100vw / 375 * 10, 6.5px);
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  section.pickup .pickup__list-wrapper .splide .splide__list .splide__slide .pickup__item a .pickup__text .pickup__title {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  section.pickup .pickup__list-wrapper .splide .splide__arrows .splide__arrow {
    width: 1.8em;
    height: 1.8em;
  }
  section.pickup .pickup__list-wrapper .splide .splide__arrows .splide__arrow--prev {
    left: -2.2em;
  }
  section.pickup .pickup__list-wrapper .splide .splide__arrows .splide__arrow--next {
    right: -2.2em;
  }
}
/* Stocks
--------------------------------- */
section.stocks {
  padding-bottom: clamp(1px, min(10 * 100vw / 1080 * 10, 10 * 1200 / 1080 * 10 * 1px), 150px) !important;
}

/* ABOUT US
--------------------------------- */
.about-us {
  padding: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px) 0 !important;
  background-color: #F4F4F4;
}
.about-us .section-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  display: flex;
}
.about-us .section-inner .left {
  width: 50%;
}
.about-us .section-inner .left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-us .section-inner .right {
  width: 50%;
  padding: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px) clamp(1px, min(0 * 100vw / 1080 * 10, 0 * 1200 / 1080 * 10 * 1px), 0px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px) clamp(1px, min(3.5 * 100vw / 1080 * 10, 3.5 * 1200 / 1080 * 10 * 1px), 52.5px);
  color: #333;
}
.about-us .section-inner .right h3 {
  margin-bottom: clamp(1px, min(2.5 * 100vw / 1080 * 10, 2.5 * 1200 / 1080 * 10 * 1px), 37.5px);
  font-size: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  text-decoration: underline;
  text-underline-offset: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
}
.about-us .section-inner .right h2 {
  margin-bottom: clamp(1px, min(3.6 * 100vw / 1080 * 10, 3.6 * 1200 / 1080 * 10 * 1px), 54px);
  font-size: clamp(1px, min(3.4 * 100vw / 1080 * 10, 3.4 * 1200 / 1080 * 10 * 1px), 51px);
}
.about-us .section-inner .right p {
  margin-bottom: clamp(1px, min(3.6 * 100vw / 1080 * 10, 3.6 * 1200 / 1080 * 10 * 1px), 54px);
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  line-height: 1.7;
}
.about-us .section-inner .right a {
  display: inline-block;
  padding: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
  border-radius: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  transition: all 0.2s;
}
.about-us .section-inner .right a:hover {
  background-color: #fff;
  color: #333;
}

@media (max-width: 767px) {
  .about-us .section-inner {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    flex-direction: column;
  }
  .about-us .section-inner .left {
    width: 100%;
    height: min(25 * 100vw / 375 * 10, 325px);
  }
  .about-us .section-inner .right {
    width: 100%;
    padding: min(2 * 100vw / 375 * 10, 26px) min(1 * 100vw / 375 * 10, 13px) min(2 * 100vw / 375 * 10, 26px) min(1 * 100vw / 375 * 10, 13px);
  }
  .about-us .section-inner .right h3 {
    margin-bottom: min(1.5 * 100vw / 375 * 10, 19.5px);
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .about-us .section-inner .right h2 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2.4 * 100vw / 375 * 10, 31.2px);
  }
  .about-us .section-inner .right p {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .about-us .section-inner .right a {
    padding: min(1.2 * 100vw / 375 * 10, 15.6px) min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border-radius: min(4 * 100vw / 375 * 10, 52px);
  }
}
/* top Insta posts
--------------------------------- */
.top-insta {
  padding: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px) 0;
  background-color: #E9E9E9;
}
.top-insta .section-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
}
.top-insta .section-inner h2 {
  width: clamp(1px, min(28.4 * 100vw / 1080 * 10, 28.4 * 1200 / 1080 * 10 * 1px), 426px);
  height: clamp(1px, min(8.4 * 100vw / 1080 * 10, 8.4 * 1200 / 1080 * 10 * 1px), 126px);
  margin: 0 auto clamp(1px, min(5.6 * 100vw / 1080 * 10, 5.6 * 1200 / 1080 * 10 * 1px), 84px);
}
.top-insta .section-inner h2 img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.top-insta .section-inner .insta-list {
  display: flex;
  justify-content: space-between;
  column-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
.top-insta .section-inner .insta-list li {
  overflow: hidden;
  width: calc((100% - clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px) * 3) / 4);
}
.top-insta .section-inner .insta-list li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s;
}
@media (hover: hover) {
  .top-insta .section-inner .insta-list li img:hover {
    transition: all 0.3s;
  }
  .top-insta .section-inner .insta-list li img:hover:hover {
    transform: scale(1.05);
  }
}

@media (max-width: 767px) {
  .top-insta .section-inner {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
  }
  .top-insta .section-inner h2 {
    width: min(20 * 100vw / 375 * 10, 260px);
    height: auto;
    margin: 0 auto min(2 * 100vw / 375 * 10, 26px);
  }
  .top-insta .section-inner .insta-list {
    flex-wrap: wrap;
    column-gap: min(1.2 * 100vw / 375 * 10, 15.6px);
    row-gap: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  .top-insta .section-inner .insta-list li {
    width: calc((100% - min(1.2 * 100vw / 375 * 10, 15.6px) * 1) / 2);
  }
}
/* recruit and calendar
--------------------------------- */
.recruit-and-calendar .section-inner {
  display: flex;
}
.recruit-and-calendar .section-inner .recruit {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  row-gap: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  width: 55%;
  padding: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px) clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px) clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
}
.recruit-and-calendar .section-inner .recruit h3 {
  padding: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) clamp(1px, min(2.5 * 100vw / 1080 * 10, 2.5 * 1200 / 1080 * 10 * 1px), 37.5px);
  font-size: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-weight: 700;
  color: #B34A1C;
  background-color: #E0E0E0;
}
.recruit-and-calendar .section-inner .recruit p {
  width: 80%;
  margin-left: auto;
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  line-height: 1.7;
  text-align: right;
  color: #fff;
}
.recruit-and-calendar .section-inner .recruit a {
  display: inline-block;
  padding: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  line-height: 1;
  color: #fff;
  background-color: #4F7C61;
  border: 1px solid #4F7C61;
  border-radius: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  transition: all 0.2s;
}
.recruit-and-calendar .section-inner .recruit a:hover {
  background-color: #fff;
  color: #4F7C61;
}
.recruit-and-calendar .section-inner .recruit span {
  z-index: -1;
  position: absolute;
  right: 0;
  border: 0;
  width: 100%;
  height: 100%;
}
.recruit-and-calendar .section-inner .recruit span img {
  height: 100%;
  object-fit: cover;
}
.recruit-and-calendar .section-inner .calendar {
  width: 45%;
  padding: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px) clamp(1px, min(2.5 * 100vw / 1080 * 10, 2.5 * 1200 / 1080 * 10 * 1px), 37.5px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px) clamp(1px, min(2.5 * 100vw / 1080 * 10, 2.5 * 1200 / 1080 * 10 * 1px), 37.5px);
  color: #605654;
}
.recruit-and-calendar .section-inner .calendar .calendar-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
}
.recruit-and-calendar .section-inner .calendar .calendar-title h3 {
  font-size: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-weight: 700;
  text-align: center;
}
.recruit-and-calendar .section-inner .calendar .calendar-title span {
  display: inline-block;
  font-size: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  text-align: center;
}
.recruit-and-calendar .section-inner .calendar .calendar-business-hour {
  width: 60%;
  margin: 0 auto clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
}
.recruit-and-calendar .section-inner .calendar .calendar-business-hour p {
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-weight: 400;
}
.recruit-and-calendar .section-inner .calendar .calendar-business-hour p span {
  display: inline-block;
  width: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
}
.recruit-and-calendar .section-inner .calendar .calendar-body {
  width: 80%;
  margin: 0 auto;
}
.recruit-and-calendar .section-inner .calendar .calendar-body iframe {
  width: 100%;
  height: 300px;
}

@media (max-width: 767px) {
  .recruit-and-calendar .section-inner {
    flex-direction: column;
  }
  .recruit-and-calendar .section-inner .recruit {
    align-items: center;
    row-gap: min(1.6 * 100vw / 375 * 10, 20.8px);
    width: 100%;
    padding: min(4 * 100vw / 375 * 10, 52px) min(1.6 * 100vw / 375 * 10, 20.8px) min(4 * 100vw / 375 * 10, 52px);
  }
  .recruit-and-calendar .section-inner .recruit h3 {
    padding: min(1 * 100vw / 375 * 10, 13px) min(1.5 * 100vw / 375 * 10, 19.5px);
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  .recruit-and-calendar .section-inner .recruit p {
    width: 100%;
    margin-left: unset;
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
    text-align: center;
  }
  .recruit-and-calendar .section-inner .recruit a {
    padding: min(1.4 * 100vw / 375 * 10, 18.2px) min(3 * 100vw / 375 * 10, 39px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border-radius: min(1 * 100vw / 375 * 10, 13px);
  }
  .recruit-and-calendar .section-inner .calendar {
    width: 100%;
    padding: min(2 * 100vw / 375 * 10, 26px) min(1.5 * 100vw / 375 * 10, 19.5px) min(2 * 100vw / 375 * 10, 26px);
  }
  .recruit-and-calendar .section-inner .calendar .calendar-title {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  .recruit-and-calendar .section-inner .calendar .calendar-title h3 {
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  .recruit-and-calendar .section-inner .calendar .calendar-title span {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .recruit-and-calendar .section-inner .calendar .calendar-business-hour {
    width: 100%;
    margin: 0 auto min(2 * 100vw / 375 * 10, 26px);
    text-align: center;
  }
  .recruit-and-calendar .section-inner .calendar .calendar-business-hour p {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .recruit-and-calendar .section-inner .calendar .calendar-business-hour p span {
    width: min(12 * 100vw / 375 * 10, 156px);
  }
  .recruit-and-calendar .section-inner .calendar .calendar-body {
    width: 90%;
    max-width: 500px;
  }
}
/* access
--------------------------------- */
.top-access {
  padding: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px) 0;
}
.top-access .section-inner h2 {
  margin-bottom: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
  font-size: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.top-access .section-inner h2 span {
  display: block;
  margin-top: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
}
.top-access .section-inner .access-map {
  margin-bottom: clamp(1px, min(4.2 * 100vw / 1080 * 10, 4.2 * 1200 / 1080 * 10 * 1px), 63px);
}
.top-access .section-inner .access-map iframe {
  width: 100%;
  height: clamp(1px, min(30 * 100vw / 1080 * 10, 30 * 1200 / 1080 * 10 * 1px), 450px);
}
.top-access .section-inner .access-route {
  display: flex;
  justify-content: space-between;
  column-gap: clamp(1px, min(1.2 * 100vw / 1080 * 10, 1.2 * 1200 / 1080 * 10 * 1px), 18px);
  width: 80%;
  margin: 0 auto;
}
.top-access .section-inner .access-route div {
  width: auto;
  min-width: 49%;
  color: #605654;
}
.top-access .section-inner .access-route div h4 {
  margin-bottom: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
  text-decoration: underline;
  text-underline-offset: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
}
.top-access .section-inner .access-route div p {
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
}

@media (max-width: 767px) {
  .top-access .section-inner h2 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  .top-access .section-inner h2 span {
    margin-top: min(0.5 * 100vw / 375 * 10, 6.5px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  .top-access .section-inner .access-map {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  .top-access .section-inner .access-map iframe {
    height: min(25 * 100vw / 375 * 10, 325px);
  }
  .top-access .section-inner .access-route {
    flex-wrap: wrap;
    row-gap: min(2 * 100vw / 375 * 10, 26px);
  }
  .top-access .section-inner .access-route div {
    width: 100%;
  }
  .top-access .section-inner .access-route div h4 {
    margin-bottom: min(0.6 * 100vw / 375 * 10, 7.8px);
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  .top-access .section-inner .access-route div p {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
}
/* サービス
--------------------------------- */
body.page-service {
  background-color: #E9E9E9;
}
body.page-service main {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
  color: #3b4249;
}
body.page-service main h3 {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-weight: 700;
}
body.page-service main .main-contents .service p {
  margin-bottom: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
  line-height: 1.7;
}
body.page-service main .main-contents .service-blk {
  display: flex;
}
body.page-service main .main-contents .service-blk:not(:last-child) {
  margin-bottom: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
}
body.page-service main .main-contents .service-blk .left {
  overflow: hidden;
  position: relative;
  width: 50%;
  height: clamp(1px, min(34 * 100vw / 1080 * 10, 34 * 1200 / 1080 * 10 * 1px), 510px);
}
body.page-service main .main-contents .service-blk .left img {
  height: 100%;
  filter: brightness(0.6);
}
body.page-service main .main-contents .service-blk .left .img-part-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px) clamp(1px, min(1.2 * 100vw / 1080 * 10, 1.2 * 1200 / 1080 * 10 * 1px), 18px) clamp(1px, min(2.4 * 100vw / 1080 * 10, 2.4 * 1200 / 1080 * 10 * 1px), 36px) clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  background-color: rgba(255, 255, 255, 0.7333333333);
  pointer-events: none;
}
body.page-service main .main-contents .service-blk .left .img-part-text h4 {
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-size: clamp(1px, min(2.8 * 100vw / 1080 * 10, 2.8 * 1200 / 1080 * 10 * 1px), 42px);
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
body.page-service main .main-contents .service-blk .left .img-part-text p {
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 400;
  line-height: 1.7;
}
body.page-service main .main-contents .service-blk .right {
  width: 50%;
  padding: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) clamp(1px, min(3.5 * 100vw / 1080 * 10, 3.5 * 1200 / 1080 * 10 * 1px), 52.5px);
}
body.page-service main .main-contents .service-blk .right p {
  font-size: clamp(1px, min(1.62 * 100vw / 1080 * 10, 1.62 * 1200 / 1080 * 10 * 1px), 24.3px);
  font-weight: 400;
  line-height: 1.7;
}

@media (max-width: 767px) {
  body.page-service main {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(12 * 100vw / 375 * 10, 156px);
  }
  body.page-service main h3 {
    margin-bottom: min(3 * 100vw / 375 * 10, 39px);
    font-size: min(2.6 * 100vw / 375 * 10, 33.8px);
  }
  body.page-service main .main-contents .service-blk {
    flex-direction: column;
  }
  body.page-service main .main-contents .service-blk:not(:last-child) {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
  }
  body.page-service main .main-contents .service-blk .left {
    width: 100%;
    height: min(26 * 100vw / 375 * 10, 338px);
  }
  body.page-service main .main-contents .service-blk .left .img-part-text {
    padding: min(1.8 * 100vw / 375 * 10, 23.4px) min(1 * 100vw / 375 * 10, 13px) min(1.6 * 100vw / 375 * 10, 20.8px) min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-service main .main-contents .service-blk .left .img-part-text h4 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-service main .main-contents .service-blk .left .img-part-text p {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.page-service main .main-contents .service-blk .right {
    width: 100%;
    background-color: #d2d2d2;
    padding: min(2 * 100vw / 375 * 10, 26px) min(1 * 100vw / 375 * 10, 13px) min(1 * 100vw / 375 * 10, 13px) min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  body.page-service main .main-contents .service-blk .right p {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
}
/* スタッフ
--------------------------------- */
body.page-staff {
  background-color: #E9E9E9;
}
body.page-staff main {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
  color: #3b4249;
}
body.page-staff main > h3 {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-weight: 700;
}
body.page-staff main .main-contents .staff-blk {
  display: flex;
  justify-content: space-between;
  column-gap: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  padding: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  border: clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px) solid #ddd;
  background-color: #fff;
}
body.page-staff main .main-contents .staff-blk:not(:last-child) {
  margin-bottom: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px);
}
body.page-staff main .main-contents .staff-blk.reverse {
  flex-direction: row-reverse;
}
body.page-staff main .main-contents .staff-blk.reverse .right {
  text-align: right;
}
body.page-staff main .main-contents .staff-blk.reverse .right .staff-name h4 {
  margin-left: auto;
}
body.page-staff main .main-contents .staff-blk .left {
  width: 30%;
}
body.page-staff main .main-contents .staff-blk .left img {
  width: 100%;
  height: auto;
  display: block;
}
body.page-staff main .main-contents .staff-blk .right {
  width: calc(70% - clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px));
}
body.page-staff main .main-contents .staff-blk .right .staff-name {
  display: flex;
  align-items: baseline;
  margin-bottom: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
}
body.page-staff main .main-contents .staff-blk .right .staff-name h4 {
  margin-right: clamp(1px, min(1.2 * 100vw / 1080 * 10, 1.2 * 1200 / 1080 * 10 * 1px), 18px);
  font-size: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-weight: bold;
}
body.page-staff main .main-contents .staff-blk .right .staff-name span {
  font-size: clamp(1px, min(1.8 * 100vw / 1080 * 10, 1.8 * 1200 / 1080 * 10 * 1px), 27px);
}
body.page-staff main .main-contents .staff-blk .right > p {
  margin-bottom: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
  line-height: 1.7;
}
body.page-staff main .main-contents .staff-blk .right .staff-pr {
  width: 70%;
  margin-left: auto;
}
body.page-staff main .main-contents .staff-blk .right .staff-pr ul {
  list-style: none;
  padding: 0;
}
body.page-staff main .main-contents .staff-blk .right .staff-pr ul li {
  display: flex;
  column-gap: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  margin-bottom: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  padding-bottom: clamp(1px, min(0.8 * 100vw / 1080 * 10, 0.8 * 1200 / 1080 * 10 * 1px), 12px);
  border-bottom: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #ddd;
}
body.page-staff main .main-contents .staff-blk .right .staff-pr ul li p {
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
}
body.page-staff main .main-contents .staff-blk .right .staff-pr ul li p:first-child {
  width: 28%;
  font-weight: bold;
}
body.page-staff main .main-contents .staff-blk .right .staff-pr ul li p:last-child {
  width: calc(72% - clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px));
}

@media (max-width: 767px) {
  body.page-staff main {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(6 * 100vw / 375 * 10, 78px);
  }
  body.page-staff main > h3 {
    margin-bottom: min(3 * 100vw / 375 * 10, 39px);
    font-size: min(2.6 * 100vw / 375 * 10, 33.8px);
  }
  body.page-staff main .main-contents .staff-blk {
    flex-direction: column;
    row-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
    padding: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-staff main .main-contents .staff-blk:not(:last-child) {
    margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  }
  body.page-staff main .main-contents .staff-blk.reverse {
    flex-direction: column;
  }
  body.page-staff main .main-contents .staff-blk.reverse .right {
    text-align: left;
  }
  body.page-staff main .main-contents .staff-blk.reverse .right .staff-name h4 {
    margin-left: unset;
  }
  body.page-staff main .main-contents .staff-blk .left {
    width: 65%;
    margin-left: auto;
    margin-bottom: min(3 * 100vw / 375 * 10, 39px);
  }
  body.page-staff main .main-contents .staff-blk .right {
    width: 100%;
  }
  body.page-staff main .main-contents .staff-blk .right .staff-name {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-staff main .main-contents .staff-blk .right .staff-name h4 {
    margin-right: min(1.2 * 100vw / 375 * 10, 15.6px);
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  body.page-staff main .main-contents .staff-blk .right .staff-name span {
    font-size: min(1.8 * 100vw / 375 * 10, 23.4px);
  }
  body.page-staff main .main-contents .staff-blk .right > p {
    margin-bottom: min(5 * 100vw / 375 * 10, 65px);
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  body.page-staff main .main-contents .staff-blk .right .staff-pr {
    width: 90%;
  }
  body.page-staff main .main-contents .staff-blk .right .staff-pr ul li {
    column-gap: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(1.6 * 100vw / 375 * 10, 20.8px);
    padding-bottom: min(0.8 * 100vw / 375 * 10, 10.4px);
  }
  body.page-staff main .main-contents .staff-blk .right .staff-pr ul li p {
    font-size: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  body.page-staff main .main-contents .staff-blk .right .staff-pr ul li p:first-child {
    width: 30%;
  }
  body.page-staff main .main-contents .staff-blk .right .staff-pr ul li p:last-child {
    width: calc(70% - min(2 * 100vw / 375 * 10, 26px));
  }
}
/* サービス
--------------------------------- */
body.page-company {
  background-color: #fff;
}
body.page-company main {
  position: relative;
  margin-bottom: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
  color: #3b4249;
}
body.page-company main .main-contents .section-title-wrapper .section-title {
  font-size: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px);
  color: #3b4249;
}
body.page-company main .main-contents .section-title-wrapper .section-subtitle {
  color: #3b4249;
}
body.page-company main .main-contents .section-title-wrapper .section-subtitle::before {
  background-color: #3b4249;
}
body.page-company main .main-contents .company-blk-1 {
  position: relative;
  left: 0;
  width: calc(100% - clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px));
  max-width: 800px;
  margin: 0 auto clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
}
body.page-company main .main-contents .company-blk-1 ul li {
  position: relative;
  display: flex;
  align-items: first baseline;
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  padding-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  border-bottom: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #E9E9E9;
}
body.page-company main .main-contents .company-blk-1 ul li::after {
  position: absolute;
  content: "";
  bottom: clamp(-1.5px, max(-0.1 * 100vw / 1080 * 10, -0.1 * 1200 / 1080 * 10 * 1px), -1px);
  left: 0;
  width: 20%;
  height: clamp(1px, min(0.25 * 100vw / 1080 * 10, 0.25 * 1200 / 1080 * 10 * 1px), 3.75px);
  background-color: #4F7C61;
}
body.page-company main .main-contents .company-blk-1 ul li h3 {
  width: 20%;
  margin-bottom: 0;
  font-size: clamp(1px, min(1.45 * 100vw / 1080 * 10, 1.45 * 1200 / 1080 * 10 * 1px), 21.75px);
}
body.page-company main .main-contents .company-blk-1 ul li p {
  width: 80%;
  padding-left: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-size: clamp(1px, min(1.45 * 100vw / 1080 * 10, 1.45 * 1200 / 1080 * 10 * 1px), 21.75px);
  font-weight: 400;
}
body.page-company main .main-contents .company-blk-1 ul li a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
  color: #5389A6;
}
body.page-company main .main-contents .company-map {
  margin-bottom: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px);
}
body.page-company main .main-contents .company-map iframe {
  width: 100%;
  height: clamp(1px, min(40 * 100vw / 1080 * 10, 40 * 1200 / 1080 * 10 * 1px), 600px);
}
body.page-company main .main-contents .company-blk-2 {
  position: relative;
  left: clamp(-120px, max(-8 * 100vw / 1080 * 10, -8 * 1200 / 1080 * 10 * 1px), -1px);
  width: calc(100% - clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px));
  max-width: 800px;
  margin: 0 auto clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
}
body.page-company main .main-contents .company-blk-2 img {
  width: 100%;
  height: auto;
  object-fit: contain;
}
body.page-company main .main-contents .company-blk-3 {
  position: relative;
  left: clamp(-120px, max(-8 * 100vw / 1080 * 10, -8 * 1200 / 1080 * 10 * 1px), -1px);
  width: calc(100% - clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px));
  max-width: 800px;
  margin: 0 auto clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
}
body.page-company main .main-contents .company-blk-3 .section-title-wrapper .section-title {
  font-size: clamp(1px, min(3.6 * 100vw / 1080 * 10, 3.6 * 1200 / 1080 * 10 * 1px), 54px);
}
body.page-company main .main-contents .company-blk-3 .represent-greeting {
  display: flex;
  column-gap: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
}
body.page-company main .main-contents .company-blk-3 .represent-greeting .left {
  width: 30%;
}
body.page-company main .main-contents .company-blk-3 .represent-greeting .right {
  width: calc(70% - clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px));
}
body.page-company main .main-contents .company-blk-3 .represent-greeting .right h3 {
  margin-bottom: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-size: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
}
body.page-company main .main-contents .company-blk-3 .represent-greeting .right p {
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  line-height: 1.7;
}
body.page-company main .float-nav {
  position: absolute;
  top: -20px;
  right: calc(50% - 440px);
  font-size: 14px;
  font-weight: 400;
}
body.page-company main .float-nav ul {
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.3333333333);
}
body.page-company main .float-nav ul li {
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 0.3em;
}
body.page-company main .float-nav ul li:not(:last-child) {
  margin-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
}

@media (max-width: 767px) {
  body.page-company main {
    margin-bottom: min(6 * 100vw / 375 * 10, 78px);
  }
  body.page-company main .main-contents .section-title-wrapper .section-title {
    font-size: min(4 * 100vw / 375 * 10, 52px);
  }
  body.page-company main .main-contents .company-blk-1 {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    left: 0;
    width: calc(100% - min(6 * 100vw / 375 * 10, 78px));
    margin: 0 auto min(5 * 100vw / 375 * 10, 65px) 0;
  }
  body.page-company main .main-contents .company-blk-1 ul li {
    margin-bottom: min(2.2 * 100vw / 375 * 10, 28.6px);
    padding-bottom: min(0.5 * 100vw / 375 * 10, 6.5px);
    border-bottom: min(0.1 * 100vw / 375 * 10, 1.3px) solid #E9E9E9;
  }
  body.page-company main .main-contents .company-blk-1 ul li::after {
    bottom: max(-0.1 * 100vw / 375 * 10, -1.3px);
    width: 24%;
    height: min(0.25 * 100vw / 375 * 10, 3.25px);
  }
  body.page-company main .main-contents .company-blk-1 ul li h3 {
    width: 24%;
    font-size: min(1.45 * 100vw / 375 * 10, 18.85px);
  }
  body.page-company main .main-contents .company-blk-1 ul li p {
    width: 76%;
    padding-left: min(1.2 * 100vw / 375 * 10, 15.6px);
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  body.page-company main .main-contents .company-map {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
  }
  body.page-company main .main-contents .company-map iframe {
    height: min(26 * 100vw / 375 * 10, 338px);
  }
  body.page-company main .main-contents .company-blk-2 {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    left: 0;
    width: calc(100% - min(6 * 100vw / 375 * 10, 78px));
    margin: 0 auto min(5 * 100vw / 375 * 10, 65px) 0;
  }
  body.page-company main .main-contents .company-blk-2 .section-title-wrapper {
    padding-left: 0;
  }
  body.page-company main .main-contents .company-blk-3 {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    left: 0;
    width: calc(100% - min(6 * 100vw / 375 * 10, 78px));
    margin: 0 auto clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px) 0;
  }
  body.page-company main .main-contents .company-blk-3 .section-title-wrapper {
    padding-left: 0;
  }
  body.page-company main .main-contents .company-blk-3 .section-title-wrapper .section-title {
    font-size: min(2 * 100vw / 375 * 10, 26px);
    line-height: 1.7;
  }
  body.page-company main .main-contents .company-blk-3 .represent-greeting {
    display: flex;
    column-gap: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-company main .main-contents .company-blk-3 .represent-greeting .left {
    width: 30%;
  }
  body.page-company main .main-contents .company-blk-3 .represent-greeting .right {
    width: calc(70% - min(5 * 100vw / 375 * 10, 65px));
  }
  body.page-company main .main-contents .company-blk-3 .represent-greeting .right h3 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-company main .main-contents .company-blk-3 .represent-greeting .right p {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    font-weight: 400;
    line-height: 1.7;
  }
  body.page-company main .float-nav {
    top: -20px;
    right: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.2 * 100vw / 375 * 10, 15.6px);
  }
  body.page-company main .float-nav ul {
    padding: 20px 10px;
  }
  body.page-company main .float-nav ul li:not(:last-child) {
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
  }
}
/* サービス
--------------------------------- */
body.page-recruit .mv-recruit .mv__thumbnail img {
  object-position: center -4rem;
}
body.page-recruit .mv-recruit .mv__lead {
  display: none;
}
body.page-recruit main {
  margin-bottom: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
  color: #3b4249;
}
body.page-recruit main .main-contents .recruit-blk-1 {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(5 * 100vw / 1080 * 10, 5 * 1200 / 1080 * 10 * 1px), 75px);
}
body.page-recruit main .main-contents .recruit-blk-1 .section-title-wrapper {
  padding-left: 0;
}
body.page-recruit main .main-contents .recruit-blk-1 .section-title-wrapper .section-title {
  font-size: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px);
  color: #3b4249;
}
body.page-recruit main .main-contents .recruit-blk-1 .section-title-wrapper .section-subtitle {
  margin-bottom: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  color: #3b4249;
}
body.page-recruit main .main-contents .recruit-blk-1 .section-title-wrapper .section-subtitle::before {
  background-color: #3b4249;
}
body.page-recruit main .main-contents .recruit-blk-1 p {
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 500;
  line-height: 1.75;
}
body.page-recruit main .main-contents .recruit-blk-2 {
  padding: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px) 0;
  background-color: #F4F4F4;
}
body.page-recruit main .main-contents .recruit-blk-2 .blk-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  display: flex;
}
body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .left {
  width: 50%;
}
body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right {
  width: 50%;
  padding: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px) clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
}
body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right h2 {
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-size: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right p {
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 500;
  line-height: 1.7;
}
body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right p:not(:last-of-type) {
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-recruit main .main-contents .recruit-blk-3 {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px);
  padding-top: clamp(1px, min(6 * 100vw / 1080 * 10, 6 * 1200 / 1080 * 10 * 1px), 90px);
}
body.page-recruit main .main-contents .recruit-blk-3 h2 {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-weight: 700;
  line-height: 1;
}
body.page-recruit main .main-contents .recruit-blk-3 ul li {
  position: relative;
  display: flex;
  align-items: first baseline;
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  padding-bottom: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  border-bottom: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #E9E9E9;
}
body.page-recruit main .main-contents .recruit-blk-3 ul li::after {
  position: absolute;
  content: "";
  bottom: clamp(-1.5px, max(-0.1 * 100vw / 1080 * 10, -0.1 * 1200 / 1080 * 10 * 1px), -1px);
  left: 0;
  width: 20%;
  height: clamp(1px, min(0.25 * 100vw / 1080 * 10, 0.25 * 1200 / 1080 * 10 * 1px), 3.75px);
  background-color: #4F7C61;
}
body.page-recruit main .main-contents .recruit-blk-3 ul li h3 {
  width: 20%;
  margin-bottom: 0;
  font-size: clamp(1px, min(1.45 * 100vw / 1080 * 10, 1.45 * 1200 / 1080 * 10 * 1px), 21.75px);
}
body.page-recruit main .main-contents .recruit-blk-3 ul li p {
  width: 80%;
  padding-left: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-size: clamp(1px, min(1.45 * 100vw / 1080 * 10, 1.45 * 1200 / 1080 * 10 * 1px), 21.75px);
  font-weight: 400;
}
body.page-recruit main .main-contents .recruit-blk-4 {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
}
body.page-recruit main .main-contents .recruit-blk-4 h2 {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-weight: 700;
  line-height: 1;
}
body.page-recruit main .main-contents .recruit-blk-4 p {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div > p {
  display: flex;
  column-gap: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  border-bottom: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #818478;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span {
  padding-bottom: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
}
body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(1) {
  width: 20%;
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border-bottom: clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px) solid #818478;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(2) {
  width: calc(80% - clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px));
}
body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(2) input {
  width: 100%;
  max-width: clamp(1px, min(50 * 100vw / 1080 * 10, 50 * 1200 / 1080 * 10 * 1px), 750px);
  height: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #CACACA;
  background-color: #ddd;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(2) span.wpcf7-not-valid-tip {
  width: 100%;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.zip > p span:nth-of-type(2) {
  width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.pref > p span:nth-of-type(2) select {
  width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  height: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #CACACA;
  background-color: #ddd;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.pref > p span:nth-of-type(2) select option:first-of-type {
  display: none;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.tel > p span:nth-of-type(2) {
  width: clamp(1px, min(26 * 100vw / 1080 * 10, 26 * 1200 / 1080 * 10 * 1px), 390px);
}
body.page-recruit main .main-contents .recruit-blk-4 form > div textarea {
  width: 100%;
  height: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #CACACA;
  background-color: #ddd;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.submit > p {
  border-bottom: none;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.submit > p input {
  display: block;
  margin: 0 auto;
  width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  height: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 700;
  background-color: #3b4249;
  color: #E9E9E9;
  border: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.submit > p input:hover {
  opacity: 0.9;
}
body.page-recruit main .main-contents .recruit-blk-4 form > div.submit > p span {
  display: none;
}

@media (max-width: 767px) {
  body.page-recruit .mv-recruit {
    height: min(22 * 100vw / 375 * 10, 286px);
  }
  body.page-recruit .mv-recruit .mv__thumbnail {
    background-color: #7c7c7c;
  }
  body.page-recruit .mv-recruit .mv__thumbnail img {
    object-position: center min(4 * 100vw / 375 * 10, 52px);
  }
  body.page-recruit main {
    margin-bottom: min(12 * 100vw / 375 * 10, 156px);
  }
  body.page-recruit main .main-contents .recruit-blk-1 {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(5 * 100vw / 375 * 10, 65px);
  }
  body.page-recruit main .main-contents .recruit-blk-1 .section-title-wrapper {
    padding-left: 0;
  }
  body.page-recruit main .main-contents .recruit-blk-1 .section-title-wrapper .section-title {
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  body.page-recruit main .main-contents .recruit-blk-1 .section-title-wrapper .section-subtitle {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-recruit main .main-contents .recruit-blk-1 p {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.page-recruit main .main-contents .recruit-blk-2 {
    padding: min(4 * 100vw / 375 * 10, 52px) 0;
  }
  body.page-recruit main .main-contents .recruit-blk-2 .blk-inner {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    flex-direction: column;
  }
  body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .left {
    width: 100%;
    height: min(20 * 100vw / 375 * 10, 260px);
  }
  body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .left img {
    height: 100%;
  }
  body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right {
    width: 100%;
    padding: min(2 * 100vw / 375 * 10, 26px) min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right h2 {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right p {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.page-recruit main .main-contents .recruit-blk-2 .blk-inner .right p:not(:last-of-type) {
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-recruit main .main-contents .recruit-blk-3 {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(8 * 100vw / 375 * 10, 104px);
    padding-top: min(6 * 100vw / 375 * 10, 78px);
  }
  body.page-recruit main .main-contents .recruit-blk-3 h2 {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  body.page-recruit main .main-contents .recruit-blk-3 ul li {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
    padding-bottom: min(1 * 100vw / 375 * 10, 13px);
    border-bottom: min(0.1 * 100vw / 375 * 10, 1.3px) solid #E9E9E9;
  }
  body.page-recruit main .main-contents .recruit-blk-3 ul li::after {
    bottom: max(-0.1 * 100vw / 375 * 10, -1.3px);
    height: min(0.25 * 100vw / 375 * 10, 3.25px);
  }
  body.page-recruit main .main-contents .recruit-blk-3 ul li h3 {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.page-recruit main .main-contents .recruit-blk-3 ul li p {
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.page-recruit main .main-contents .recruit-blk-4 {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-recruit main .main-contents .recruit-blk-4 h2 {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
    font-size: min(3 * 100vw / 375 * 10, 39px);
  }
  body.page-recruit main .main-contents .recruit-blk-4 p {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
    font-size: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div > p {
    column-gap: min(1.5 * 100vw / 375 * 10, 19.5px);
    border-bottom: min(0.1 * 100vw / 375 * 10, 1.3px) solid #818478;
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span {
    padding-bottom: min(0.5 * 100vw / 375 * 10, 6.5px);
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(1) {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border-bottom: min(0.2 * 100vw / 375 * 10, 2.6px) solid #818478;
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(2) {
    width: calc(80% - min(1.5 * 100vw / 375 * 10, 19.5px));
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(2) input {
    max-width: min(50 * 100vw / 375 * 10, 650px);
    height: min(2.6 * 100vw / 375 * 10, 33.8px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border: min(0.1 * 100vw / 375 * 10, 1.3px) solid #CACACA;
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div > p > span:nth-of-type(2) span.wpcf7-not-valid-tip {
    width: 100%;
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div.zip > p span:nth-of-type(2) {
    width: min(20 * 100vw / 375 * 10, 260px);
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div.pref > p span:nth-of-type(2) select {
    width: min(20 * 100vw / 375 * 10, 260px);
    height: min(2.6 * 100vw / 375 * 10, 33.8px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border: min(0.1 * 100vw / 375 * 10, 1.3px) solid #CACACA;
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div.tel > p span:nth-of-type(2) {
    width: min(26 * 100vw / 375 * 10, 338px);
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div textarea {
    height: min(20 * 100vw / 375 * 10, 260px);
    font-size: min(1.5 * 100vw / 375 * 10, 19.5px);
    border: min(0.1 * 100vw / 375 * 10, 1.3px) solid #CACACA;
  }
  body.page-recruit main .main-contents .recruit-blk-4 form > div.submit > p input {
    width: min(20 * 100vw / 375 * 10, 260px);
    height: min(3 * 100vw / 375 * 10, 39px);
    font-size: min(1.5 * 100vw / 375 * 10, 19.5px);
  }
}
/* お問い合わせ
--------------------------------- */
body.page-contact {
  background-color: #E9E9E9;
}
body.page-contact main {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  margin-bottom: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
  color: #3b4249;
}
body.page-contact main h3 {
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
  font-size: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-weight: 700;
}
body.page-contact main p {
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
}
body.page-contact main .main-contents form > div > p {
  display: flex;
  column-gap: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  border-bottom: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #818478;
}
body.page-contact main .main-contents form > div > p > span {
  padding-bottom: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px);
}
body.page-contact main .main-contents form > div > p > span:nth-of-type(1) {
  width: 20%;
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border-bottom: clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px) solid #818478;
}
body.page-contact main .main-contents form > div > p > span:nth-of-type(2) {
  width: calc(80% - clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px));
}
body.page-contact main .main-contents form > div > p > span:nth-of-type(2) input, body.page-contact main .main-contents form > div > p > span:nth-of-type(2) select {
  width: 100%;
  max-width: clamp(1px, min(50 * 100vw / 1080 * 10, 50 * 1200 / 1080 * 10 * 1px), 750px);
  height: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #CACACA;
  background-color: #ddd;
}
body.page-contact main .main-contents form > div > p > span:nth-of-type(2) span.wpcf7-not-valid-tip {
  width: 100%;
}
body.page-contact main .main-contents form > div.zip > p span:nth-of-type(2) {
  width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
}
body.page-contact main .main-contents form > div.pref > p span:nth-of-type(2) select {
  width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  height: clamp(1px, min(2.6 * 100vw / 1080 * 10, 2.6 * 1200 / 1080 * 10 * 1px), 39px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #CACACA;
  background-color: #ddd;
}
body.page-contact main .main-contents form > div.pref > p span:nth-of-type(2) select option:first-of-type {
  display: none;
}
body.page-contact main .main-contents form > div.tel > p span:nth-of-type(2) {
  width: clamp(1px, min(26 * 100vw / 1080 * 10, 26 * 1200 / 1080 * 10 * 1px), 390px);
}
body.page-contact main .main-contents form > div.inquiry-type select {
  height: clamp(1px, min(3.2 * 100vw / 1080 * 10, 3.2 * 1200 / 1080 * 10 * 1px), 48px) !important;
  padding: clamp(1px, min(0.2 * 100vw / 1080 * 10, 0.2 * 1200 / 1080 * 10 * 1px), 3px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
}
body.page-contact main .main-contents form > div textarea {
  width: 100%;
  height: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 400;
  border: clamp(1px, min(0.1 * 100vw / 1080 * 10, 0.1 * 1200 / 1080 * 10 * 1px), 1.5px) solid #CACACA;
  background-color: #ddd;
}
body.page-contact main .main-contents form > div.submit > p {
  border-bottom: none;
}
body.page-contact main .main-contents form > div.submit > p input {
  display: block;
  margin: 0 auto;
  width: clamp(1px, min(20 * 100vw / 1080 * 10, 20 * 1200 / 1080 * 10 * 1px), 300px);
  height: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
  font-size: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  font-weight: 700;
  background-color: #3b4249;
  color: #E9E9E9;
  border: none;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s;
}
body.page-contact main .main-contents form > div.submit > p input:hover {
  opacity: 0.9;
}
body.page-contact main .main-contents form > div.submit > p span {
  display: none;
}

@media (max-width: 767px) {
  body.page-contact main {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(12 * 100vw / 375 * 10, 156px);
  }
  body.page-contact main h3 {
    margin-bottom: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(2.2 * 100vw / 375 * 10, 28.6px);
  }
  body.page-contact main p {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.page-contact main .main-contents form > div > p {
    column-gap: min(1.5 * 100vw / 375 * 10, 19.5px);
    border-bottom: min(0.1 * 100vw / 375 * 10, 1.3px) solid #818478;
  }
  body.page-contact main .main-contents form > div > p > span {
    padding-bottom: min(0.5 * 100vw / 375 * 10, 6.5px);
  }
  body.page-contact main .main-contents form > div > p > span:nth-of-type(1) {
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border-bottom: min(0.2 * 100vw / 375 * 10, 2.6px) solid #818478;
  }
  body.page-contact main .main-contents form > div > p > span:nth-of-type(2) {
    width: calc(80% - min(1.5 * 100vw / 375 * 10, 19.5px));
  }
  body.page-contact main .main-contents form > div > p > span:nth-of-type(2) input {
    max-width: min(50 * 100vw / 375 * 10, 650px);
    height: min(2.6 * 100vw / 375 * 10, 33.8px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border: min(0.1 * 100vw / 375 * 10, 1.3px) solid #CACACA;
  }
  body.page-contact main .main-contents form > div.zip > p span:nth-of-type(2) {
    width: min(18 * 100vw / 375 * 10, 234px);
  }
  body.page-contact main .main-contents form > div.pref > p span:nth-of-type(2) select {
    width: min(20 * 100vw / 375 * 10, 260px);
    height: min(2.6 * 100vw / 375 * 10, 33.8px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border: min(0.1 * 100vw / 375 * 10, 1.3px) solid #CACACA;
  }
  body.page-contact main .main-contents form > div.tel > p span:nth-of-type(2) {
    width: min(22 * 100vw / 375 * 10, 286px);
  }
  body.page-contact main .main-contents form > div textarea {
    height: min(20 * 100vw / 375 * 10, 260px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
    border: min(0.1 * 100vw / 375 * 10, 1.3px) solid #CACACA;
  }
  body.page-contact main .main-contents form > div.submit > p input {
    width: min(20 * 100vw / 375 * 10, 260px);
    height: min(3 * 100vw / 375 * 10, 39px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.page-contact main .main-contents form > div.submit > p span {
    display: none;
  }
}
/* サービス
--------------------------------- */
body.page-news-list {
  background-color: #E9E9E9;
}
body.page-news-list main {
  position: relative;
  margin-bottom: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
  color: #3b4249;
}
body.page-news-list main .section-news {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
}
body.page-news-list main .section-news .news-list {
  display: flex;
  flex-direction: column;
  row-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-news-list main .section-news .news-list .news-list__item a {
  display: flex;
  align-items: flex-start;
  column-gap: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.page-news-list main .section-news .news-list .news-list__item a .news__thumbnail {
  width: 20%;
  height: clamp(1px, min(12 * 100vw / 1080 * 10, 12 * 1200 / 1080 * 10 * 1px), 180px);
}
body.page-news-list main .section-news .news-list .news-list__item a .news__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content {
  display: flex;
  flex-wrap: wrap;
  width: calc(80% - clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px));
  padding: 0 clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px) 0;
  color: #605654;
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content p {
  margin-right: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  line-height: 1.5;
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content ul {
  display: flex;
  column-gap: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content ul li {
  padding: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  background-color: #605654;
  color: #fff;
  line-height: 1;
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content ul li.item {
  background-color: #F76C7C;
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content ul li.event {
  background-color: #09DAE9;
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content ul li.news {
  background-color: #E9D605;
}
body.page-news-list main .section-news .news-list .news-list__item a .news__content h2 {
  width: 100%;
  margin-top: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 500;
  line-height: 1.5;
}

@media (max-width: 767px) {
  body.page-news-list main {
    margin-bottom: min(12 * 100vw / 375 * 10, 156px);
  }
  body.page-news-list main .section-news {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-news-list main .section-news .news-list {
    row-gap: min(2 * 100vw / 375 * 10, 26px);
  }
  body.page-news-list main .section-news .news-list .news-list__item a {
    column-gap: min(1 * 100vw / 375 * 10, 13px);
  }
  body.page-news-list main .section-news .news-list .news-list__item a .news__thumbnail {
    width: 35%;
    height: auto;
    min-height: min(12 * 100vw / 375 * 10, 156px);
  }
  body.page-news-list main .section-news .news-list .news-list__item a .news__content {
    width: calc(65% - min(1 * 100vw / 375 * 10, 13px));
    padding: 0 min(1 * 100vw / 375 * 10, 13px) min(1 * 100vw / 375 * 10, 13px) 0;
  }
  body.page-news-list main .section-news .news-list .news-list__item a .news__content p {
    margin-right: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  body.page-news-list main .section-news .news-list .news-list__item a .news__content ul {
    column-gap: min(1 * 100vw / 375 * 10, 13px);
  }
  body.page-news-list main .section-news .news-list .news-list__item a .news__content ul li {
    padding: min(0.5 * 100vw / 375 * 10, 6.5px) min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.3 * 100vw / 375 * 10, 16.9px);
  }
  body.page-news-list main .section-news .news-list .news-list__item a .news__content h2 {
    margin-top: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
}
body.single-news main .news-container {
  box-sizing: border-box;
  width: 100%;
  max-width: calc(1080px + clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px));
  margin: 0 auto;
  padding-left: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  padding-right: clamp(1px, min(1.5 * 100vw / 1080 * 10, 1.5 * 1200 / 1080 * 10 * 1px), 22.5px);
  max-width: 900px;
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
}
body.single-news main .news-container .news-heading {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: clamp(1px, min(4 * 100vw / 1080 * 10, 4 * 1200 / 1080 * 10 * 1px), 60px);
  color: #605654;
}
body.single-news main .news-container .news-heading p {
  margin-right: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  line-height: 1.5;
}
body.single-news main .news-container .news-heading ul li {
  padding: clamp(1px, min(0.5 * 100vw / 1080 * 10, 0.5 * 1200 / 1080 * 10 * 1px), 7.5px) clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.4 * 100vw / 1080 * 10, 1.4 * 1200 / 1080 * 10 * 1px), 21px);
  font-weight: 500;
  background-color: #605654;
  color: #fff;
  line-height: 1;
}
body.single-news main .news-container .news-heading ul li.item {
  background-color: #F76C7C;
}
body.single-news main .news-container .news-heading ul li.event {
  background-color: #09DAE9;
}
body.single-news main .news-container .news-heading ul li.news {
  background-color: #E9D605;
}
body.single-news main .news-container .news-heading h2 {
  width: 100%;
  margin-top: clamp(1px, min(1 * 100vw / 1080 * 10, 1 * 1200 / 1080 * 10 * 1px), 15px);
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 500;
  line-height: 1.5;
}
body.single-news main .news-container .news-thumbnail {
  height: clamp(1px, min(40 * 100vw / 1080 * 10, 40 * 1200 / 1080 * 10 * 1px), 600px);
  margin-bottom: clamp(1px, min(3 * 100vw / 1080 * 10, 3 * 1200 / 1080 * 10 * 1px), 45px);
}
body.single-news main .news-container .news-thumbnail img {
  height: 100%;
}
body.single-news main .news-container .news-content p {
  font-size: clamp(1px, min(1.6 * 100vw / 1080 * 10, 1.6 * 1200 / 1080 * 10 * 1px), 24px);
  font-weight: 400;
  line-height: 1.75;
  margin-bottom: clamp(1px, min(2 * 100vw / 1080 * 10, 2 * 1200 / 1080 * 10 * 1px), 30px);
}
body.single-news main .back-btn {
  margin-bottom: clamp(1px, min(8 * 100vw / 1080 * 10, 8 * 1200 / 1080 * 10 * 1px), 120px);
  text-align: center;
}
body.single-news main .back-btn a {
  display: inline-block;
  padding: 10px 20px;
  background-color: gray;
  color: #fff;
}

@media (max-width: 767px) {
  body.single-news main .news-container {
    width: 100%;
    padding-left: min(2 * 100vw / 375 * 10, 26px);
    padding-right: min(2 * 100vw / 375 * 10, 26px);
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
  }
  body.single-news main .news-container .news-heading {
    margin-bottom: min(4 * 100vw / 375 * 10, 52px);
  }
  body.single-news main .news-container .news-heading p {
    margin-right: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.single-news main .news-container .news-heading ul li {
    padding: min(0.5 * 100vw / 375 * 10, 6.5px) min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.4 * 100vw / 375 * 10, 18.2px);
  }
  body.single-news main .news-container .news-heading h2 {
    margin-top: min(1 * 100vw / 375 * 10, 13px);
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
  }
  body.single-news main .news-container .news-thumbnail {
    height: min(40 * 100vw / 375 * 10, 520px);
    margin-bottom: min(3 * 100vw / 375 * 10, 39px);
  }
  body.single-news main .news-container .news-content p {
    font-size: min(1.6 * 100vw / 375 * 10, 20.8px);
    margin-bottom: min(2 * 100vw / 375 * 10, 26px);
  }
  body.single-news main .back-btn {
    margin-bottom: min(8 * 100vw / 375 * 10, 104px);
  }
  body.single-news main .back-btn a {
    padding: 10px 20px;
  }
}