@charset "UTF-8";
/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/
/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/
/*画像のパス */
/*コンテンツ幅*/
body {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.11;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  body {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
  }
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.8;
}

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
}
@media (max-width: 767px) {
  a[href*="tel:"] {
    pointer-events: auto;
    cursor: pointer;
  }
}

svg,
iframe {
  width: 100%;
  height: 100%;
  display: block;
}

img {
  width: 100%;
  height: 100%;
  display: block;
}

p {
  margin-bottom: 0;
}

.container {
  max-width: 1920px;
}

#content {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
@media (max-width: 767px) {
  #content {
    border: 0;
    overflow-x: hidden;
  }
}

:focus-visible {
  outline: #A28764 auto 1px;
}

section {
  position: relative;
}

/*ヘッダ*/
nav#nav-main {
  padding: 0;
}

.header {
  width: 100%;
  height: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  max-width: 1920px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: start;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: var(--_, #F8F7F4);
}
@media (max-width: 767px) {
  .header {
    border: 0;
    justify-content: space-between;
    height: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 2);
  }
}
.header .navbar-brand {
  display: block;
  width: clamp(5.415rem, 11.282vw, 13.539rem);
  height: clamp(1.522rem, 3.17vw, 3.804rem);
  aspect-ratio: 216.62/60.86;
  padding: 0;
  margin-left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 4);
  position: relative;
}
@media (max-width: 767px) {
  .header .navbar-brand {
    width: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 10);
    height: clamp(1.938rem, 8.267vw, 3.968rem);
    aspect-ratio: 110/31;
    margin-left: clamp(0.75rem, 3.201vw, 1.536rem);
  }
}
.header .navbar-brand::before {
  content: "";
  background: url(./assets/img/header-logo.svg) no-repeat;
  background-size: contain;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
.header .global-menu {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-left: auto;
  margin-right: clamp(1.175rem, 2.448vw, 2.938rem);
  list-style: none;
  padding-left: 0;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .header .global-menu {
    display: none;
  }
}
.header .global-menu li {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  display: flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}
.header .global-menu li.parent-menu {
  cursor: pointer;
  position: relative;
  padding-right: clamp(0.5rem, 1.042vw, 1.25rem);
}
.header .global-menu li.parent-menu::after {
  background: url(./assets/img/icon-chevron-down.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.25rem, 0.521vw, 0.625rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
.header .global-menu li.parent-menu .global-menu-child {
  display: none;
}
.header .global-menu li.parent-menu .parent-menu:focus-within .global-menu-child {
  display: grid;
}
.header .global-menu li.parent-menu:hover .global-menu-child {
  position: absolute;
  top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 2);
  left: 50%;
  transform: translateX(-50%);
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: calc(clamp(0.625rem, 1.302vw, 1.563rem) * 10) calc(clamp(0.625rem, 1.302vw, 1.563rem) * 10);
  gap: clamp(0.6rem, 1.25vw, 1.5rem) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  width: clamp(17.25rem, 35.938vw, 43.125rem);
  height: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 10);
  padding: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2) clamp(1.325rem, 2.76vw, 3.313rem);
  border-radius: 3px;
  background: var(--_FFF, #FFF);
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.1));
}
.header .global-menu li.parent-menu:hover .global-menu-child::before {
  background: url(./assets/img/icon-triangle.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.5rem, 1.042vw, 1.25rem);
  height: clamp(0.35rem, 0.729vw, 0.875rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 319px;
  top: calc(-1 * clamp(0.25rem, 0.521vw, 0.625rem));
  transform: unset;
}
.header .global-menu li.parent-menu:hover .global-menu-child::after {
  content: "";
  position: absolute;
  top: calc(-1 * clamp(0.75rem, 1.563vw, 1.875rem));
  left: 0;
  width: 100%;
  height: clamp(0.75rem, 1.563vw, 1.875rem);
}
.header .global-menu li.parent-menu:hover .global-menu-child li {
  justify-content: start;
}
.header .global-menu li.parent-menu:hover .global-menu-child li.menu-item02 {
  grid-row: 2/3;
  grid-column: 1/2;
}
.header .global-menu li.parent-menu:hover .global-menu-child li.menu-item03 {
  grid-row: 3/4;
  grid-column: 1/2;
}
.header .global-menu li.parent-menu:hover .global-menu-child li.menu-item04 {
  grid-row: 1/2;
  grid-column: 2/3;
}
.header .global-menu li.parent-menu:hover .global-menu-child li.menu-item05 {
  grid-row: 2/3;
  grid-column: 2/3;
}
.header .global-menu li.parent-menu:hover .global-menu-child li.menu-item06 {
  grid-row: 3/4;
  grid-column: 2/3;
}
.header .global-menu li.parent-menu:hover .global-menu-child li a {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.375rem, 0.781vw, 0.938rem);
  font-style: normal;
  font-weight: 700;
  line-height: 2;
  letter-spacing: calc(clamp(0.938rem, 4vw, 1.92rem) / 20);
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
}
.header .global-menu li.parent-menu:hover .global-menu-child li a::after {
  transform: unset;
  background: url(./assets/img/icon-arrow-right-gray.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.75rem, 1.563vw, 1.875rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 20);
}
.header .global-menu li.parent-menu:hover .global-menu-child li a:hover {
  color: #A28764;
}
.header .global-menu li.parent-menu:hover .global-menu-child li a:hover::after {
  background: url(./assets/img/icon-arrow-right-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.75rem, 1.563vw, 1.875rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 20);
}
.header .global-menu li.parent-menu:hover .service-menu {
  display: grid;
  grid-template-columns: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 30) 1fr;
  padding: 0;
  padding-right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  border-radius: 3px;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 80);
}
.header .global-menu li.parent-menu:hover .service-menu::before {
  left: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 20);
}
.header .global-menu li.parent-menu:hover .service-menu .service-menu-image {
  position: relative;
}
.header .global-menu li.parent-menu:hover .service-menu .service-menu-image img {
  position: absolute;
  inset: 0;
  width: calc(clamp(0.75rem, 1.563vw, 1.875rem) * 10);
  height: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 10);
  object-fit: cover;
  opacity: 0;
  border-radius: 3px 0 0 3px;
  transition: opacity 0.3s ease;
}
.header .global-menu li.parent-menu:hover .service-menu .service-menu-image .is-active {
  opacity: 1;
}
.header .global-menu li.parent-menu:hover .service-menu .service-menu-image .img-service01 {
  opacity: 1;
}
.header .global-menu li.parent-menu:hover .service-menu:has(.menu-item01:hover) .img-service01 {
  opacity: 1;
}
.header .global-menu li.parent-menu:hover .service-menu:has(.menu-item02:hover) .img-service02 {
  opacity: 1;
}
.header .global-menu li.parent-menu:hover .service-menu:has(.menu-item03:hover) .img-service03 {
  opacity: 1;
}
.header .global-menu li.parent-menu:hover .service-menu:has(.menu-item04:hover) .img-service04 {
  opacity: 1;
}
.header .global-menu li.parent-menu:hover .service-menu:has(.menu-item05:hover) .img-service05 {
  opacity: 1;
}
.header .global-menu li.parent-menu:hover .service-menu-list {
  padding-left: 0;
  display: grid;
  padding: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 3) 0;
  grid-template-rows: clamp(0.75rem, 1.563vw, 1.875rem) clamp(0.75rem, 1.563vw, 1.875rem) clamp(0.75rem, 1.563vw, 1.875rem);
  grid-template-columns: calc(clamp(0.4rem, 0.833vw, 1rem) * 10) calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  gap: clamp(0.6rem, 1.25vw, 1.5rem) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
.header .global-menu li.parent-menu:hover .service-menu-list li a::after,
.header .global-menu li.parent-menu:hover .service-menu-list li a:hover::after {
  left: calc(clamp(0.325rem, 0.677vw, 0.813rem) * 10);
}
.header .global-menu a {
  color: var(--_4C, #4C4C4C);
  position: relative;
}
.header .global-menu a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 1px;
  background: #A28764;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.5s;
}
.header .global-menu a:hover {
  color: #A28764;
}
.header .global-menu a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}
.header .header-button-link {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  margin-right: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
}
@media (max-width: 767px) {
  .header .header-button-link {
    display: none;
  }
}
.header .header-button-link .button-orange {
  width: calc(clamp(0.5rem, 1.042vw, 1.25rem) * 10);
  height: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
  color: var(--_FFF, #FFF);
  padding-left: clamp(1.675rem, 3.49vw, 4.188rem);
  margin: 0;
  justify-content: start;
}
.header .header-button-link .button-orange::before {
  background: url(./assets/img/icon-home-white.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.7rem, 1.458vw, 1.75rem);
  height: clamp(0.625rem, 1.302vw, 1.563rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: clamp(0.75rem, 1.563vw, 1.875rem);
}
.header .header-button-link .button-brown {
  width: calc(clamp(0.5rem, 1.042vw, 1.25rem) * 10);
  height: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
  color: var(--_FFF, #FFF);
  margin: 0;
  padding-left: clamp(1.675rem, 3.49vw, 4.188rem);
  justify-content: start;
}
.header .header-button-link .button-brown::before {
  background: url(./assets/img/icon-mail-white.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.7rem, 1.458vw, 1.75rem);
  height: clamp(0.525rem, 1.094vw, 1.313rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: clamp(0.75rem, 1.563vw, 1.875rem);
}

.button-orange {
  display: flex;
  padding: clamp(0.5rem, 1.042vw, 1.25rem);
  justify-content: center;
  align-items: center;
  width: calc(clamp(0.5rem, 1.042vw, 1.25rem) * 10);
  height: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
  color: var(--_FFF, #FFF);
  padding: clamp(0.3rem, 0.625vw, 0.75rem);
  padding-left: clamp(1.675rem, 3.49vw, 4.188rem);
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  background: var(--_, #DD8E4A);
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.425rem, 0.885vw, 1.063rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.76;
  position: relative;
}

.button-brown {
  display: flex;
  width: calc(clamp(0.65rem, 1.354vw, 1.625rem) * 10);
  height: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
  padding: clamp(0.3rem, 0.625vw, 0.75rem);
  justify-content: center;
  align-items: center;
  gap: clamp(0.4rem, 0.833vw, 1rem);
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  background: var(--_, #A28764);
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.425rem, 0.885vw, 1.063rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  position: relative;
}

@media (max-width: 767px) {
  /* offcanvas 内の閉じるボタンを非表示 */
  #offcanvas-navbar .btn-close {
    display: none;
  }
  #masthead {
    position: sticky;
    top: 0;
    z-index: 1055;
    width: 100vw;
    padding-right: 0 !important;
  }
  #masthead .header {
    transition: background-color 0.2s ease;
  }
  #masthead {
    /* メニュー開いたときは白 */
  }
  #masthead.is-open {
    padding-right: 0 !important;
  }
  #masthead.is-open .header {
    background-color: #F8F7F4;
  }
  .offcanvas,
  .offcanvas-start,
  .offcanvas-end {
    transform: none !important;
  }
  .offcanvas {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.1s ease, transform 0.1s ease;
    transform: scale(0.98);
  }
  .offcanvas.show {
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    width: 100%;
  }
  .offcanvas-backdrop.show {
    opacity: 0;
  }
  button.btn {
    padding: clamp(0.75rem, 3.201vw, 1.536rem) clamp(1rem, 4.267vw, 2.048rem);
    border: 0;
  }
  button.btn:active {
    border: 0;
    border-color: #F8F7F4;
  }
  /* ハンバーガー全体 */
  .hamburger {
    position: relative;
    width: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2);
    height: clamp(1rem, 4.267vw, 2.048rem);
    display: inline-block;
  }
  /* 真ん中の線 */
  .hamburger .line {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    background: #4c4c4c;
    transform: translateY(-50%);
    transition: opacity 0.3s ease;
  }
  /* 上下の線 */
  .hamburger::before,
  .hamburger::after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #4C4C4C;
    transition: transform 0.3s ease, top 0.3s ease;
  }
  .hamburger::before {
    top: 0;
  }
  .hamburger::after {
    bottom: 0;
  }
  /* ===== 開いた状態（×） ===== */
  .nav-toggler.is-open .hamburger .line {
    opacity: 0;
  }
  .nav-toggler.is-open .hamburger::before {
    top: 50%;
    transform: translateY(-50%) rotate(20deg);
  }
  .nav-toggler.is-open .hamburger::after {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%) rotate(-20deg);
  }
  /* 開いているとき hover 無効 */
  .nav-toggler.is-open:hover {
    background-color: none;
    cursor: default;
    /* クリック感を抑える */
  }
  .offcanvas-header {
    height: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 2);
  }
  .offcanvas.offcanvas-end {
    border-left: none;
  }
  .offcanvas-body {
    background: #FFF;
    padding: clamp(1.875rem, 8vw, 3.84rem) clamp(1.563rem, 6.667vw, 3.2rem) calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
  .offcanvas-body ul {
    list-style: none;
    padding-left: clamp(5.188rem, -0.001rem + 22.137vw, 10.625rem);
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: calc(clamp(0.813rem, 3.466vw, 1.664rem) * 3);
    margin-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
  .offcanvas-body ul li {
    color: var(--_4C, #4C4C4C);
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
    position: relative;
  }
  .offcanvas-body ul li::before {
    content: "";
    border-top: 1px solid #A28764;
    position: absolute;
    width: clamp(0.625rem, 2.667vw, 1.28rem);
    height: 1px;
    top: clamp(0.813rem, 3.466vw, 1.664rem);
    left: calc(-1 * clamp(1.063rem, 4.534vw, 2.176rem));
  }
  .offcanvas-body ul a {
    color: var(--_4C, #4C4C4C);
  }
  .offcanvas-body ul.global-menu-child {
    padding-left: 0;
    gap: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: 0;
    margin-top: clamp(1.563rem, 6.667vw, 3.2rem);
  }
  .offcanvas-body ul.global-menu-child li::before {
    content: none;
  }
  .offcanvas-body ul.global-menu-child a {
    color: var(--_4C, #4C4C4C);
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
  .offcanvas-body .header-button-link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(0.875rem, 3.733vw, 1.792rem);
  }
  .offcanvas-body .button-orange {
    width: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 13);
    height: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
    color: var(--_FFF, #FFF);
    padding-left: clamp(2.688rem, 11.467vw, 5.504rem);
    margin: 0;
    justify-content: start;
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    font-size: clamp(0.938rem, 4vw, 1.92rem);
  }
  .offcanvas-body .button-orange::before {
    background: url(./assets/img/icon-home-white.svg) no-repeat;
    background-size: contain;
    content: "";
    width: clamp(1.375rem, 5.868vw, 2.816rem);
    height: clamp(1.25rem, 5.333vw, 2.56rem);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: clamp(0.813rem, 3.466vw, 1.664rem);
  }
  .offcanvas-body .button-brown {
    width: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 13);
    height: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
    color: var(--_FFF, #FFF);
    margin: 0;
    padding-left: clamp(2.688rem, 11.467vw, 5.504rem);
    justify-content: start;
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    font-size: clamp(0.938rem, 4vw, 1.92rem);
  }
  .offcanvas-body .button-brown::before {
    background: url(./assets/img/icon-mail-white.svg) no-repeat;
    background-size: contain;
    content: "";
    width: clamp(1.375rem, 5.868vw, 2.816rem);
    height: clamp(1.063rem, 4.534vw, 2.176rem);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: clamp(0.813rem, 3.466vw, 1.664rem);
  }
  .offcanvas-body .sp-menu-tel {
    margin-top: clamp(1.875rem, 8vw, 3.84rem);
    text-align: center;
  }
  .offcanvas-body .sp-menu-tel a {
    color: var(--_4C, #4C4C4C);
    font-family: "Outfit", sans-serif;
    font-size: clamp(1.875rem, 8vw, 3.84rem);
    font-style: normal;
    font-weight: 500;
    line-height: 0.8;
    letter-spacing: calc(clamp(0.938rem, 4vw, 1.92rem) / 10);
  }
  .offcanvas-body .sp-menu-tel p {
    color: var(--_4C, #4C4C4C);
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 20);
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    margin-bottom: clamp(1.313rem, 5.601vw, 2.688rem);
  }
  .offcanvas-body .sp-menu-sns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
    margin-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
  }
  .offcanvas-body .sp-menu-sns a {
    width: clamp(1.875rem, 8vw, 3.84rem);
    height: clamp(1.875rem, 8vw, 3.84rem);
  }
  .offcanvas-body .sp-extarnal-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 clamp(0.813rem, 3.466vw, 1.664rem);
  }
  .offcanvas-body .sp-extarnal-link a {
    color: var(--_4C, #4C4C4C);
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(clamp(0.938rem, 4vw, 1.92rem) / 25);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 4%;
    /* 0.48px */
    text-underline-offset: 40%;
    /* 4.8px */
    text-underline-position: from-font;
    position: relative;
    padding-left: clamp(1.5rem, 6.399vw, 3.072rem);
  }
  .offcanvas-body .sp-extarnal-link a::before {
    background: url(./assets/img//icon-extarnal.svg) no-repeat;
    background-size: contain;
    content: "";
    width: clamp(0.875rem, 3.733vw, 1.792rem);
    height: clamp(0.875rem, 3.733vw, 1.792rem);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }
}
/*フッタ*/
footer {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
@media (max-width: 767px) {
  footer {
    border: 0;
  }
}

.footer-contact-area {
  background: url(./assets/img/footer-contact-bg-pc.png) no-repeat top center;
  background-size: cover;
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .footer-contact-area {
    background: url(./assets/img/footer-contact-bg-sp.png) no-repeat top center;
    background-size: cover;
    padding-top: clamp(2.313rem, 9.867vw, 4.736rem);
    padding-bottom: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 3);
    flex-direction: column;
  }
}
.footer-contact-area-text {
  color: var(--_FFF, #FFF);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 10);
  margin-right: calc(clamp(0.325rem, 0.677vw, 0.813rem) * 10);
}
@media (max-width: 767px) {
  .footer-contact-area-text {
    color: var(--_FFF, #FFF);
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 700;
    line-height: 1.69231;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 10);
    margin: 0 auto;
    margin-bottom: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 2);
  }
}
.footer-contact-area-button {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
}
@media (max-width: 767px) {
  .footer-contact-area-button {
    flex-direction: column;
  }
}
.footer-contact-area-button a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 30);
  height: calc(clamp(0.55rem, 1.146vw, 1.375rem) * 10);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_FFF, #FFF);
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.33333;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .footer-contact-area-button a {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 30);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    flex-direction: row;
    justify-content: start;
    align-items: center;
    gap: clamp(1.25rem, 5.333vw, 2.56rem);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
    background: var(--_FFF, #FFF);
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 500;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
@media (max-width: 767px) {
  .footer-contact-area-button a:last-child {
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    line-height: 1.38462;
  }
}
.footer-contact-area-button .icon-footer-mail {
  width: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 5);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  margin-bottom: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 2);
}
@media (max-width: 767px) {
  .footer-contact-area-button .icon-footer-mail {
    width: clamp(2.082rem, 8.885vw, 4.265rem);
    height: clamp(1.563rem, 6.667vw, 3.2rem);
    flex-shrink: 0;
    aspect-ratio: 33.32/25;
    margin-bottom: 0;
    margin-left: clamp(1.115rem, 4.757vw, 2.284rem);
  }
}
.footer-contact-area-button .icon-footer-tel {
  width: clamp(1.017rem, 2.119vw, 2.543rem);
  height: clamp(1.788rem, 3.724vw, 4.469rem);
  margin-bottom: clamp(0.575rem, 1.198vw, 1.438rem);
}
@media (max-width: 767px) {
  .footer-contact-area-button .icon-footer-tel {
    width: clamp(1.42rem, 6.058vw, 2.908rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    flex-shrink: 0;
    aspect-ratio: 22.76/40;
    margin-bottom: 0;
    margin-left: clamp(1.351rem, 5.765vw, 2.767rem);
  }
}
.footer-contact-area-button .footer-contact-area-tel-text {
  display: block;
}
@media (max-width: 767px) {
  .footer-contact-area-button .footer-contact-area-tel-text {
    line-height: 1;
  }
}
.footer-contact-area-button .footer-contact-area-tel-number {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 500;
  line-height: 0.75;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  margin-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 2);
}
@media (max-width: 767px) {
  .footer-contact-area-button .footer-contact-area-tel-number {
    font-size: clamp(1.75rem, 7.466vw, 3.584rem);
    font-style: normal;
    font-weight: 500;
    line-height: 0.85714;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 10);
  }
}
.footer-contact-area-button .icon-footer-line {
  width: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 7);
  height: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 7);
  margin-bottom: clamp(0.425rem, 0.885vw, 1.063rem);
}
@media (max-width: 767px) {
  .footer-contact-area-button .icon-footer-line {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    margin-bottom: 0;
    margin-left: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}

.footer-bottom-area {
  display: flex;
  align-items: start;
  justify-content: start;
  padding-top: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 3);
  position: relative;
  background: #fff;
}
@media (max-width: 767px) {
  .footer-bottom-area {
    flex-direction: column;
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
  }
}
.footer-bottom-area .footer-address-link-area {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  position: relative;
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area {
    width: 100%;
  }
}
.footer-bottom-area .footer-address-link-area .footer-logo {
  width: clamp(7.088rem, 14.766vw, 17.719rem);
  height: clamp(1.991rem, 4.148vw, 4.978rem);
  margin-left: clamp(3.7rem, 7.708vw, 9.25rem);
  margin-right: clamp(0.637rem, 1.328vw, 1.594rem);
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area .footer-logo {
    width: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 18);
    height: calc(clamp(0.875rem, 3.733vw, 1.792rem) * 4);
    aspect-ratio: 99/28;
    margin: auto;
    margin-top: clamp(1.438rem, 6.132vw, 2.944rem);
  }
}
.footer-bottom-area .footer-address-link-area .footer-address-link-middle {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: clamp(0.55rem, 1.146vw, 1.375rem);
  margin-left: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  margin-bottom: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area .footer-address-link-middle {
    margin-top: clamp(1rem, 4.267vw, 2.048rem);
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.footer-bottom-area .footer-address-link-area .footer-address-text {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area .footer-address-text {
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 20);
  }
}
.footer-bottom-area .footer-address-link-area .footer-address-text-line-second {
  display: block;
}
.footer-bottom-area .footer-address-link-area .footer-instagram {
  display: block;
  width: clamp(1.075rem, 2.24vw, 2.688rem);
  height: clamp(1.075rem, 2.24vw, 2.688rem);
  margin-left: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area .footer-instagram {
    display: none;
  }
}
.footer-bottom-area .footer-address-link-area .footer-address-banner {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(0.65rem, 1.354vw, 1.625rem);
  margin-left: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 59.8);
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area .footer-address-banner {
    display: none;
  }
}
.footer-bottom-area .footer-address-link-area .banner-gofudosan {
  display: block;
  width: clamp(7.15rem, 14.896vw, 17.875rem);
  height: clamp(1.575rem, 3.281vw, 3.938rem);
  aspect-ratio: 286/63;
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area .banner-gofudosan {
    display: none;
  }
}
.footer-bottom-area .footer-address-link-area .banner-reflectix {
  display: block;
  width: clamp(5.45rem, 11.354vw, 13.625rem);
  height: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 3);
  aspect-ratio: 218/63;
}
@media (max-width: 767px) {
  .footer-bottom-area .footer-address-link-area .banner-reflectix {
    display: none;
  }
}
.footer-bottom-area .bootscore-footer-info {
  line-height: 1;
}
@media (max-width: 767px) {
  .footer-bottom-area .bootscore-footer-info {
    width: 100%;
  }
  .footer-bottom-area .bootscore-footer-info .footer-sp-link a {
    color: var(--_4C, #4C4C4C);
  }
  .footer-bottom-area .bootscore-footer-info .footer-sp-link {
    text-align: center;
    font-family: "Zen Old Mincho", serif;
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    font-style: normal;
    font-weight: 700;
    line-height: 2.72727;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 20);
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: auto;
    text-decoration-thickness: 4%;
    /* 0.44px */
    text-underline-offset: 40%;
    /* 4.4px */
    text-underline-position: from-font;
  }
}
.footer-bottom-area .bootscore-footer-info .footer-menu-area {
  display: flex;
  align-items: start;
  justify-content: start;
  margin-left: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .footer-bottom-area .bootscore-footer-info .footer-menu-area {
    display: none;
  }
}
.footer-bottom-area .bootscore-footer-info .footer-menu {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: clamp(0.25rem, 0.521vw, 0.625rem);
  width: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 10);
}
.footer-bottom-area .bootscore-footer-info .footer-menu .footer-menu-door-title {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.875;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
  position: relative;
  padding-left: clamp(0.5rem, 1.042vw, 1.25rem);
}
.footer-bottom-area .bootscore-footer-info .footer-menu .footer-menu-door-title::before {
  background: #A28764 no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.35rem, 0.729vw, 0.875rem);
  height: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.footer-bottom-area .bootscore-footer-info .footer-menu .footer-menu-door-title a {
  color: var(--_4C, #4C4C4C);
}
.footer-bottom-area .bootscore-footer-info .footer-menu.footer-menu-third, .footer-bottom-area .bootscore-footer-info .footer-menu.footer-menu-fourth {
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
}
.footer-bottom-area .bootscore-footer-info .footer-menu-child {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: clamp(0.375rem, 0.781vw, 0.938rem);
  margin-left: clamp(0.575rem, 1.198vw, 1.438rem);
}
.footer-bottom-area .bootscore-footer-info .footer-menu-child a {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.3rem, 0.625vw, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.91;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 20);
}
.footer-bottom-area .bootscore-footer-info .footer-bottom-link a {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: 2.14;
}
.footer-bottom-area .bootscore-footer-info .bootscore-copyright {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.3rem, 0.625vw, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  padding-bottom: clamp(0.575rem, 1.198vw, 1.438rem);
  text-align: right;
}
@media (max-width: 767px) {
  .footer-bottom-area .bootscore-footer-info .bootscore-copyright {
    color: var(--_4C, #4C4C4C);
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 2);
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding-bottom: clamp(0.938rem, 4vw, 1.92rem);
  }
}
.footer-bottom-area .top-button {
  background: #fff;
  /* position-fixedの時
  right: unset;
  left: calc(50% + clamp(21.5rem, 44.792vw, 53.75rem));
  */
  bottom: clamp(5.7rem, 11.875vw, 14.25rem);
  border: 0;
  position: absolute;
  opacity: 1;
  visibility: visible;
  width: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.2);
  padding: 0;
}
.footer-bottom-area .top-button.visible:hover {
  opacity: 0.8;
}
.footer-bottom-area .top-button.visible:active {
  background: #fff;
}
@media (max-width: 767px) {
  .footer-bottom-area .top-button {
    bottom: unset;
    top: 0;
    right: 0;
    width: 100%;
    height: auto;
  }
}

/*共通*/
.entry-header {
  position: relative;
  height: calc(clamp(0.75rem, 1.563vw, 1.875rem) * 10);
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9);
  padding-left: clamp(4.05rem, 8.438vw, 10.125rem);
  padding-right: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  margin-bottom: clamp(2.981rem, 6.21vw, 7.452rem);
  /*afterの高さと同じ*/
}
@media (max-width: 767px) {
  .entry-header {
    height: calc(clamp(0.813rem, 3.466vw, 1.664rem) * 10);
    padding: calc(clamp(0.938rem, 4vw, 1.92rem) * 3) calc(clamp(1.5rem, 6.399vw, 3.072rem) - var(--bs-gutter-x) * 0.5) clamp(1.5rem, 6.399vw, 3.072rem);
    margin-bottom: calc(clamp(3.421rem, 14.598vw, 7.007rem) - clamp(0.813rem, 3.466vw, 1.664rem));
  }
}
.entry-header::before {
  content: "";
  background: var(--_, #F8F7F4);
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: calc(clamp(0.75rem, 1.563vw, 1.875rem) * 10);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .entry-header::before {
    height: calc(clamp(0.813rem, 3.466vw, 1.664rem) * 10);
  }
}
.entry-header::after {
  content: "";
  background: url(./assets/img/title-bottom-pc.svg) no-repeat;
  background-size: cover;
  display: block;
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: clamp(2.981rem, 6.21vw, 7.452rem);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .entry-header::after {
    background: url(./assets/img/title-bottom-sp.svg) no-repeat;
    background-size: cover;
    display: block;
    position: absolute;
    width: calc(100% + var(--bs-gutter-x));
    height: clamp(3.421rem, 14.598vw, 7.007rem);
    top: calc(100% - clamp(0.813rem, 3.466vw, 1.664rem));
  }
}
.entry-header h1 {
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  position: relative;
}
.entry-header h1 .title-upper-text {
  color: var(--_, #A28764);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
  position: absolute;
  padding-left: clamp(0.525rem, 1.094vw, 1.313rem);
  bottom: 100%;
}
@media (max-width: 767px) {
  .entry-header h1 .title-upper-text {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    letter-spacing: calc(clamp(1.5rem, 6.399vw, 3.072rem) / 50);
  }
}
.entry-header h1 .title-upper-text::before {
  background: url(./assets/img/icon-circle-beige.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.25rem, 0.521vw, 0.625rem);
  height: clamp(0.25rem, 0.521vw, 0.625rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.entry-header.no-after {
  margin-bottom: 0;
}
.entry-header.no-after::after {
  content: none;
}

.title-en {
  color: var(--_, #A28764);
  font-family: "Outfit", sans-serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 5);
}
@media (max-width: 767px) {
  .title-en {
    font-size: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    font-style: normal;
    font-weight: 500;
    line-height: 1;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 10);
  }
}

.title-jp {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: calc(clamp(0.5rem, 1.042vw, 1.25rem) / 10);
}
@media (max-width: 767px) {
  .title-jp {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 5);
    margin-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
  }
}

.breadcrumb {
  color: var(--_4C, #4C4C4C);
  text-align: right;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.28571;
  justify-content: end;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .breadcrumb {
    font-size: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 2);
    line-height: normal;
    padding-top: clamp(0.625rem, 2.667vw, 1.28rem);
    position: relative;
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
  }
  .breadcrumb::before {
    content: "";
    background: var(--_, #F8F7F4);
    position: absolute;
    width: calc(100% + var(--bs-gutter-x));
    height: clamp(1.563rem, 6.667vw, 3.2rem);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
.breadcrumb a {
  color: var(--_4C, #4C4C4C);
}

.page-eyecatch-img {
  position: relative;
}
.page-eyecatch-img::before {
  content: "";
  background: var(--_, #F8F7F4);
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .page-eyecatch-img::before {
    height: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 10);
  }
}

.page-eyecatch-img img {
  width: clamp(46.5rem, 96.875vw, 116.25rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  border-radius: 0 calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4) 0;
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
@media (max-width: 767px) {
  .page-eyecatch-img img {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 35);
    height: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 10);
    border-radius: 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem) 0;
  }
}

/*プライバシーポリシー*/
.page-id-3 .entry-header {
  padding-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
}
.page-id-3 .entry-header h1 {
  margin-bottom: 0;
}

/*お問い合わせ*/
.page-id-22 .entry-header {
  padding-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
}
.page-id-22 .entry-header h1 {
  margin-bottom: 0;
}

.privacy-policy-page,
.contact-thanks-page {
  padding-top: clamp(2.044rem, 4.259vw, 5.111rem);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .privacy-policy-page,
  .contact-thanks-page {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-rop: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
  }
}

.privacy-policy-content {
  max-width: clamp(30.8rem, 64.167vw, 77rem);
  width: 100%;
  margin: auto;
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .privacy-policy-content {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    align-items: flex-start;
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
  .privacy-policy-content p {
    color: var(--_4C, #4C4C4C);
    font-family: "Zen Kaku Gothic New";
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.privacy-policy-content h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.33333;
  letter-spacing: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10);
  margin-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .privacy-policy-content h3 {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 10);
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
  }
}

.anchor-link {
  text-decoration: underline;
  color: var(--_4C, #4C4C4C);
}

.privacy-date {
  margin-left: auto;
}

/*お問い合わせ完了*/
.form-before-area h2 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.28571;
  letter-spacing: calc(clamp(0.525rem, 1.094vw, 1.313rem) / 10);
  margin-bottom: clamp(0.725rem, 1.51vw, 1.813rem);
}
@media (max-width: 767px) {
  .form-before-area h2 {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.375rem, 5.868vw, 2.816rem) / 10);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.form-before-area p {
  text-align: center;
}
@media (max-width: 767px) {
  .form-before-area p {
    color: var(--_4C, #4C4C4C);
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    text-align: left;
    margin: auto;
  }
}

.link-to-form {
  margin: 0 auto;
  margin-top: clamp(2.325rem, 4.844vw, 5.813rem);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
}
@media (max-width: 767px) {
  .link-to-form {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}

.button-red,
.wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn {
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 700;
  /*line-height: 2.11111;*/
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  padding: clamp(0.675rem, 1.406vw, 1.688rem);
  justify-content: center;
  align-items: center;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  background: #C93F2D;
  padding-right: clamp(0.975rem, 2.031vw, 2.438rem);
  position: relative;
}
@media (max-width: 767px) {
  .button-red,
  .wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 2);
    padding: 0;
    justify-content: center;
    align-items: center;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    border-radius: clamp(1.688rem, 7.201vw, 3.456rem);
  }
}
.button-red::after,
.wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn::after {
  background: url(./assets/img/icon-arrow-right-w.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.55rem, 1.146vw, 1.375rem);
  height: clamp(0.575rem, 1.198vw, 1.438rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
}
@media (max-width: 767px) {
  .button-red::after,
  .wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn::after {
    width: clamp(0.875rem, 3.733vw, 1.792rem);
    height: clamp(0.875rem, 3.733vw, 1.792rem);
    right: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.button-red:disabled,
.wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn:disabled {
  background: #C93F2D;
  color: #fff;
}

.wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 30);
  border: 0;
}
@media (max-width: 767px) {
  .wpcf7-form-control.wpcf7-submit.wpcf7cp-cfm-submit-btn {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}

.wpcf7-form-control.wpcf7cp-cfm-edit-btn {
  color: var(--WEB, #FFF);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 700;
  /*line-height: 2.11111;*/
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 36);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  padding: clamp(0.675rem, 1.406vw, 1.688rem);
  justify-content: center;
  align-items: center;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  background: var(--_888, #888);
  position: relative;
  border: 0;
}
@media (max-width: 767px) {
  .wpcf7-form-control.wpcf7cp-cfm-edit-btn {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 2);
    justify-content: center;
    align-items: center;
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: normal;
    margin: 0;
    border-radius: clamp(1.688rem, 7.201vw, 3.456rem);
  }
}

/*お問い合わせ*/
.contact-page {
  padding-top: clamp(1.994rem, 4.155vw, 4.986rem);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .contact-page {
    padding-top: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2);
  }
}

.form-before-area h2.tel-number {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  font-style: normal;
  font-weight: 500;
  line-height: 0.6;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 5);
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  margin-bottom: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .form-before-area h2.tel-number {
    font-size: clamp(1.625rem, 6.934vw, 3.328rem);
    font-style: normal;
    font-weight: 500;
    line-height: 1.53846;
    letter-spacing: calc(clamp(1.625rem, 6.934vw, 3.328rem) / 20);
    margin-top: clamp(1.5rem, 6.399vw, 3.072rem);
    margin-bottom: 0;
  }
}

p.tel-info-text {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.14286;
  letter-spacing: calc(clamp(0.35rem, 0.729vw, 0.875rem) / 20);
}
@media (max-width: 767px) {
  p.tel-info-text {
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    line-height: 1.81818;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 20);
  }
}

.form-content-area,
#wpcf7cpcnf {
  width: clamp(30.8rem, 64.167vw, 77rem);
  margin: auto;
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  border-top: 1px solid var(---CF, #CFCFCF);
}
@media (max-width: 767px) {
  .form-content-area,
  #wpcf7cpcnf {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin-top: calc(clamp(0.938rem, 4vw, 1.92rem) * 3);
  }
}
.form-content-area .form-item,
#wpcf7cpcnf .form-item {
  border: 1px solid var(---CF, #CFCFCF);
  border-top: 0;
  display: flex;
  align-items: stretch;
  justify-content: start;
}
@media (max-width: 767px) {
  .form-content-area .form-item,
  #wpcf7cpcnf .form-item {
    flex-direction: column;
  }
}
.form-content-area .form-item .form-label,
#wpcf7cpcnf .form-item .form-label {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  margin-bottom: 0;
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  border-right: 1px solid var(---CF, #CFCFCF);
  background: var(--_, #F8F7F4);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  padding: clamp(0.4rem, 0.833vw, 1rem) clamp(0.6rem, 1.25vw, 1.5rem);
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .form-content-area .form-item .form-label,
  #wpcf7cpcnf .form-item .form-label {
    display: flex;
    padding: clamp(0.75rem, 3.201vw, 1.536rem) clamp(1rem, 4.267vw, 2.048rem);
    align-items: center;
    justify-content: space-between;
    gap: clamp(0.75rem, 3.201vw, 1.536rem);
    align-self: stretch;
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: normal;
    width: 100%;
    border-right: 0;
    border-bottom: 1px solid var(---CF, #CFCFCF);
  }
}
.form-content-area .form-item .required,
#wpcf7cpcnf .form-item .required {
  color: var(---WEB, #FFF);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.3rem, 0.625vw, 0.75rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  display: flex;
  width: calc(clamp(0.575rem, 1.198vw, 1.438rem) * 2);
  height: clamp(0.6rem, 1.25vw, 1.5rem);
  padding: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(---, #C93F2D);
}
@media (max-width: 767px) {
  .form-content-area .form-item .required,
  #wpcf7cpcnf .form-item .required {
    width: calc(clamp(1.438rem, 6.132vw, 2.944rem) * 2);
    height: clamp(1.5rem, 6.399vw, 3.072rem);
    padding: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 4) calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
  }
}
.form-content-area .form-item .form-content,
#wpcf7cpcnf .form-item .form-content {
  padding: clamp(0.4rem, 0.833vw, 1rem) clamp(0.6rem, 1.25vw, 1.5rem);
  background: var(--WEB, #FFF);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
  width: clamp(20.813rem, 0.021rem + 43.316vw, 52rem);
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
}
@media (max-width: 767px) {
  .form-content-area .form-item .form-content,
  #wpcf7cpcnf .form-item .form-content {
    display: flex;
    padding: clamp(0.75rem, 3.201vw, 1.536rem) clamp(1rem, 4.267vw, 2.048rem);
    flex-direction: column;
    align-items: flex-start;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    align-self: stretch;
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
  }
}
.form-content-area .form-item .form-content input#zip,
#wpcf7cpcnf .form-item .form-content input#zip {
  width: 50%;
}
@media (max-width: 767px) {
  .form-content-area .form-item .form-content input#zip,
  #wpcf7cpcnf .form-item .form-content input#zip {
    width: 100%;
  }
}
.form-content-area .form-item .form-content .button-brown,
#wpcf7cpcnf .form-item .form-content .button-brown {
  color: var(--WEB, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: 2.57143;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
  border-radius: 10px;
  background: var(--_, #A28764);
  position: absolute;
  left: 52%;
  top: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 5);
}
@media (max-width: 767px) {
  .form-content-area .form-item .form-content .button-brown,
  #wpcf7cpcnf .form-item .form-content .button-brown {
    position: static;
    color: var(--WEB, #FFF);
    text-align: center;
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    display: flex;
    width: clamp(10.75rem, 45.867vw, 22.016rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) / 2) clamp(1rem, 4.267vw, 2.048rem);
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    background: var(--_, #A28764);
  }
}
.form-content-area .form-item .form-content.privacy-accept,
#wpcf7cpcnf .form-item .form-content.privacy-accept {
  gap: clamp(0.35rem, 0.729vw, 0.875rem);
}
@media (max-width: 767px) {
  .form-content-area .form-item .form-content.privacy-accept,
  #wpcf7cpcnf .form-item .form-content.privacy-accept {
    gap: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.form-content-area .form-item .form-content.privacy-accept a.icon-link,
#wpcf7cpcnf .form-item .form-content.privacy-accept a.icon-link {
  color: var(--_, #A28764);
  text-align: justify;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.1875;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 8%;
  /* 1.28px */
  text-underline-offset: 25%;
  /* 4px */
  text-underline-position: from-font;
  text-decoration-color: #A28764;
  padding-left: clamp(0.725rem, 1.51vw, 1.813rem);
  position: relative;
}
@media (max-width: 767px) {
  .form-content-area .form-item .form-content.privacy-accept a.icon-link,
  #wpcf7cpcnf .form-item .form-content.privacy-accept a.icon-link {
    padding-left: clamp(1.813rem, 7.733vw, 3.712rem);
    font-size: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.form-content-area .form-item .form-content.privacy-accept a.icon-link::before,
#wpcf7cpcnf .form-item .form-content.privacy-accept a.icon-link::before {
  background: url(./assets/img/icon-arrow-right-bg-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.5rem, 1.042vw, 1.25rem);
  height: clamp(0.5rem, 1.042vw, 1.25rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .form-content-area .form-item .form-content.privacy-accept a.icon-link::before,
  #wpcf7cpcnf .form-item .form-content.privacy-accept a.icon-link::before {
    width: clamp(1.25rem, 5.333vw, 2.56rem);
    height: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.form-content-area .form-item .td-text,
#wpcf7cpcnf .form-item .td-text {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.42857;
}
@media (max-width: 767px) {
  .form-content-area .form-item .td-text,
  #wpcf7cpcnf .form-item .td-text {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.form-content-area .form-item .wpcf7-form-control-wrap,
#wpcf7cpcnf .form-item .wpcf7-form-control-wrap {
  width: 100%;
}
.form-content-area .form-item span.wpcf7-list-item,
#wpcf7cpcnf .form-item span.wpcf7-list-item {
  margin: 0;
}
.form-content-area .form-item label,
#wpcf7cpcnf .form-item label {
  display: flex;
}
@media (max-width: 767px) {
  .form-content-area .form-item label,
  #wpcf7cpcnf .form-item label {
    display: inline-block;
  }
}
.form-content-area .form-item input[type=checkbox],
#wpcf7cpcnf .form-item input[type=checkbox] {
  width: 1em;
  margin-right: 0.5em;
}
@media (max-width: 767px) {
  .form-content-area .form-item input[type=checkbox],
  #wpcf7cpcnf .form-item input[type=checkbox] {
    width: unset;
    margin-right: unset;
  }
}
.form-content-area .form-item .input-radio .wpcf7-list-item,
#wpcf7cpcnf .form-item .input-radio .wpcf7-list-item {
  display: block;
}
.form-content-area .form-item input[type=text i],
.form-content-area .form-item input[type=email],
.form-content-area .form-item input[type=tel i],
.form-content-area .form-item select,
.form-content-area .form-item input[type=date],
#wpcf7cpcnf .form-item input[type=text i],
#wpcf7cpcnf .form-item input[type=email],
#wpcf7cpcnf .form-item input[type=tel i],
#wpcf7cpcnf .form-item select,
#wpcf7cpcnf .form-item input[type=date] {
  display: flex;
  width: 100%;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
  padding: calc(clamp(0.4rem, 0.833vw, 1rem) / 2) clamp(0.4rem, 0.833vw, 1rem);
  align-items: center;
  align-self: stretch;
  border-radius: 5px;
  border: 1px solid var(---CF, #CFCFCF);
  background: var(---WEB, #FFF);
}
@media (max-width: 767px) {
  .form-content-area .form-item input[type=text i],
  .form-content-area .form-item input[type=email],
  .form-content-area .form-item input[type=tel i],
  .form-content-area .form-item select,
  .form-content-area .form-item input[type=date],
  #wpcf7cpcnf .form-item input[type=text i],
  #wpcf7cpcnf .form-item input[type=email],
  #wpcf7cpcnf .form-item input[type=tel i],
  #wpcf7cpcnf .form-item select,
  #wpcf7cpcnf .form-item input[type=date] {
    display: flex;
    min-height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) / 2) clamp(1rem, 4.267vw, 2.048rem);
  }
}
.form-content-area .form-item input[type=text i]::placeholder,
.form-content-area .form-item input[type=email]::placeholder,
.form-content-area .form-item input[type=tel i]::placeholder,
.form-content-area .form-item select::placeholder,
.form-content-area .form-item input[type=date]::placeholder,
#wpcf7cpcnf .form-item input[type=text i]::placeholder,
#wpcf7cpcnf .form-item input[type=email]::placeholder,
#wpcf7cpcnf .form-item input[type=tel i]::placeholder,
#wpcf7cpcnf .form-item select::placeholder,
#wpcf7cpcnf .form-item input[type=date]::placeholder {
  color: var(---CF, #CFCFCF);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 767px) {
  .form-content-area .form-item input[type=text i]::placeholder,
  .form-content-area .form-item input[type=email]::placeholder,
  .form-content-area .form-item input[type=tel i]::placeholder,
  .form-content-area .form-item select::placeholder,
  .form-content-area .form-item input[type=date]::placeholder,
  #wpcf7cpcnf .form-item input[type=text i]::placeholder,
  #wpcf7cpcnf .form-item input[type=email]::placeholder,
  #wpcf7cpcnf .form-item input[type=tel i]::placeholder,
  #wpcf7cpcnf .form-item select::placeholder,
  #wpcf7cpcnf .form-item input[type=date]::placeholder {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.form-content-area .form-item textarea,
#wpcf7cpcnf .form-item textarea {
  width: 100%;
  height: clamp(8.2rem, 17.083vw, 20.5rem);
  border-radius: 5px;
  border: 1px solid var(---CF, #CFCFCF);
  background: var(---WEB, #FFF);
  padding: calc(clamp(0.4rem, 0.833vw, 1rem) / 2) clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .form-content-area .form-item textarea,
  #wpcf7cpcnf .form-item textarea {
    display: flex;
    min-height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    height: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 10);
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) / 2) clamp(1rem, 4.267vw, 2.048rem);
    align-items: center;
    align-self: stretch;
  }
}
.form-content-area .form-item textarea::placeholder,
#wpcf7cpcnf .form-item textarea::placeholder {
  color: var(---CF, #CFCFCF);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 767px) {
  .form-content-area .form-item textarea::placeholder,
  #wpcf7cpcnf .form-item textarea::placeholder {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
  }
}

.form-button-bf {
  margin: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8) auto 0;
  position: relative;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .form-button-bf {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    width: 100%;
    height: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 2);
    padding: 0;
  }
}
.form-button-bf::after {
  background: url(./assets/img/icon-arrow-right-w.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.55rem, 1.146vw, 1.375rem);
  height: clamp(0.575rem, 1.198vw, 1.438rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
}
@media (max-width: 767px) {
  .form-button-bf::after {
    width: clamp(0.875rem, 3.733vw, 1.792rem);
    height: clamp(0.875rem, 3.733vw, 1.792rem);
    right: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.form-button-bf .btn.confirm_button.button-red {
  margin: auto;
}
.form-button-bf .btn.confirm_button.button-red:hover {
  background-color: #C93F2D;
  opacity: 0.8;
  color: #fff;
}

/*確認画面*/
#wpcf7cpcnf {
  border-top: 0;
}
@media (max-width: 767px) {
  #wpcf7cpcnf p {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
  }
}
#wpcf7cpcnf {
  /* 確認画面にだけタイトルを出す */
}
#wpcf7cpcnf::before {
  content: "送信内容に誤りがないか、ご確認ください。";
  display: block;
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 2.25;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  #wpcf7cpcnf::before {
    margin-top: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2);
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
    width: 73%;
    /*開業用*/
    margin: auto;
  }
}
#wpcf7cpcnf table {
  width: clamp(30.8rem, 64.167vw, 77rem);
  margin: auto;
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  border-top: 1px solid var(---CF, #CFCFCF);
}
@media (max-width: 767px) {
  #wpcf7cpcnf table {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin-top: clamp(1.438rem, 6.132vw, 2.944rem);
  }
}
#wpcf7cpcnf tr {
  border: 1px solid var(---CF, #CFCFCF);
  border-top: 0;
  display: flex;
  align-items: stretch;
  justify-content: start;
}
@media (max-width: 767px) {
  #wpcf7cpcnf tr {
    flex-direction: column;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}
#wpcf7cpcnf tr th {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  margin-bottom: 0;
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  border-right: 1px solid var(---CF, #CFCFCF);
  background: var(--_, #F8F7F4);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  padding: clamp(0.4rem, 0.833vw, 1rem) clamp(0.6rem, 1.25vw, 1.5rem);
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  #wpcf7cpcnf tr th {
    padding: clamp(0.75rem, 3.201vw, 1.536rem) clamp(1rem, 4.267vw, 2.048rem);
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    width: 100%;
    border-bottom: 1px solid var(---CF, #CFCFCF);
    border-right: 0;
  }
}
#wpcf7cpcnf tr td {
  padding: clamp(0.4rem, 0.833vw, 1rem) clamp(0.6rem, 1.25vw, 1.5rem);
  background: var(--WEB, #FFF);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
  flex-shrink: 0;
  align-self: stretch;
  position: relative;
  width: clamp(20.813rem, 0.021rem + 43.316vw, 52rem);
}
@media (max-width: 767px) {
  #wpcf7cpcnf tr td {
    padding: clamp(0.75rem, 3.201vw, 1.536rem) clamp(1rem, 4.267vw, 2.048rem);
    color: var(--_4C, #4C4C4C);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    width: 100%;
  }
}
#wpcf7cpcnf .wpcf7cp-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #wpcf7cpcnf .wpcf7cp-btns {
    flex-direction: column;
    gap: clamp(1.313rem, 5.601vw, 2.688rem);
    margin-top: calc(clamp(1.5rem, 6.399vw, 3.072rem) * 2);
  }
}

/*よくある質問 FAQ*/
.page-id-40 footer {
  background: var(--_, #F8F7F4);
}

.faq-page {
  position: relative;
  padding: clamp(6.6rem, 13.75vw, 16.5rem);
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .faq-page {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
.faq-page::before {
  content: "";
  background: var(--_, #F8F7F4);
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.faq-page .leader-text {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.6rem, 1.25vw, 1.5rem) / 5);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .faq-page .leader-text {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    letter-spacing: calc(clamp(1.625rem, 6.934vw, 3.328rem) / 10);
    margin-bottom: calc(clamp(1.625rem, 6.934vw, 3.328rem) * 2);
  }
}
.faq-page h3 {
  color: var(--_, #6A5D56);
  text-align: justify;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.45455;
  letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) / 10);
  position: relative;
  padding-left: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
  margin-bottom: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
}
@media (max-width: 767px) {
  .faq-page h3 {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.2;
    letter-spacing: calc(clamp(1.25rem, 5.333vw, 2.56rem) / 25);
    margin-bottom: clamp(1.375rem, 5.868vw, 2.816rem);
  }
}
.faq-page h3::before {
  background: url(./assets/img/icon-circle-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.35rem, 0.729vw, 0.875rem);
  height: clamp(0.35rem, 0.729vw, 0.875rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .faq-page h3::before {
    width: clamp(0.625rem, 2.667vw, 1.28rem);
    height: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.faq-page .faq-list {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .faq-page .faq-list {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.faq-page .faq-list.faq-list01, .faq-page .faq-list.faq-list02 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
}
@media (max-width: 767px) {
  .faq-page .faq-list.faq-list01, .faq-page .faq-list.faq-list02 {
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
.faq-page details {
  display: flex;
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .faq-page details {
    display: flex;
    padding: clamp(1.5rem, 6.399vw, 3.072rem) clamp(1rem, 4.267vw, 2.048rem);
    border-radius: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.faq-page details summary {
  list-style: none;
  cursor: pointer;
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.7rem, 1.458vw, 1.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.85;
  letter-spacing: calc(clamp(0.35rem, 0.729vw, 0.875rem) / 10);
  position: relative;
  width: 100%;
}
@media (max-width: 767px) {
  .faq-page details summary {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.57143;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 10);
    padding-left: clamp(1.5rem, 6.399vw, 3.072rem);
    padding-right: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.faq-page details summary::-webkit-details-marker {
  display: none;
}
.faq-page details summary :before {
  content: "Q";
  font-weight: 700;
  margin-right: 0.75em;
  color: var(--_, #A28764);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .faq-page details summary :before {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: 1;
    position: absolute;
    left: 0;
  }
}
.faq-page details summary::after {
  content: "＋";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  transition: transform 0.2s;
}
@media (max-width: 767px) {
  .faq-page details summary::after {
    top: 0;
    transform: translateY(0%) rotate(0deg);
  }
}
.faq-page details[open] summary::after {
  content: "－";
  transform: translateY(-50%) rotate(180deg);
}
@media (max-width: 767px) {
  .faq-page details[open] summary::after {
    transform: translateY(0%) rotate(180deg);
  }
}
.faq-page details .answer {
  color: var(---28, #282828);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.11111;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  padding-top: clamp(0.6rem, 1.25vw, 1.5rem);
  padding-left: clamp(1.225rem, 2.552vw, 3.063rem);
}
@media (max-width: 767px) {
  .faq-page details .answer {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding-left: clamp(1.5rem, 6.399vw, 3.072rem);
    padding-right: calc(clamp(0.813rem, 3.466vw, 1.664rem) * 3);
    position: relative;
  }
}
.faq-page details .answer::before {
  content: "A";
  font-weight: 700;
  margin-right: 0.75em;
  margin-left: calc(-1 * clamp(1.225rem, 2.552vw, 3.063rem));
  color: var(--_, #A28764);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .faq-page details .answer::before {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: 1.44;
    margin-right: 0;
    position: absolute;
    left: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}

/*会社概要　共通*/
.page-lead-area {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 20);
}
@media (max-width: 767px) {
  .page-lead-area {
    padding-top: calc(clamp(1.438rem, 6.132vw, 2.944rem) * 2);
    padding-bottom: clamp(1.563rem, 6.667vw, 3.2rem);
    margin-bottom: clamp(3.421rem, 14.598vw, 7.007rem);
  }
}
.page-lead-area h2 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2381;
  letter-spacing: calc(clamp(0.525rem, 1.094vw, 1.313rem) / 2.5);
  margin-bottom: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
}
@media (max-width: 767px) {
  .page-lead-area h2 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 5);
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.page-lead-area p {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 2);
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .page-lead-area p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 2.15385;
    letter-spacing: calc(clamp(0.938rem, 4vw, 1.92rem) / 20);
  }
}
.page-lead-area::before {
  position: absolute;
  content: "";
  background: var(--_, #F8F7F4);
  background-size: contain;
  max-width: 1920px;
  width: calc(100% + var(--bs-gutter-x));
  height: 100%;
  display: block;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.page-lead-area::after {
  position: absolute;
  content: "";
  background: url(./assets/img/page-lead-bottom-pc.svg) no-repeat;
  background-size: contain;
  max-width: 1920px;
  width: calc(100% + var(--bs-gutter-x));
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 20);
  top: calc(100% - clamp(0.275rem, 0.573vw, 0.688rem));
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .page-lead-area::after {
    background: url(./assets/img/page-lead-bottom-sp.svg) no-repeat;
    background-size: contain;
    height: clamp(3.421rem, 14.598vw, 7.007rem);
    top: 100%;
  }
}

.left-content {
  width: clamp(11.65rem, 24.271vw, 29.125rem);
  padding-left: calc(clamp(4.05rem, 8.438vw, 10.125rem) - var(--bs-gutter-x) * 0.5);
  position: sticky;
  padding-top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 4);
  top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 4);
}
@media (max-width: 767px) {
  .left-content {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    padding-left: 0;
    margin: auto;
    padding-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
  }
}
.left-content .page-nav ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .left-content .page-nav ul {
    width: 100%;
    gap: 0;
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.left-content .page-nav ul li {
  line-height: 1;
}
@media (max-width: 767px) {
  .left-content .page-nav ul li {
    line-height: calc(clamp(1.625rem, 6.934vw, 3.328rem) * 2);
    border-top: 1px solid var(--_, #EEE7DE);
    width: 100%;
  }
}
@media (max-width: 767px) {
  .left-content .page-nav ul li:last-child {
    border-bottom: 1px solid var(--_, #EEE7DE);
  }
}
.left-content .page-nav ul a {
  color: var(--_4C, #4C4C4C);
  text-align: justify;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.1875;
  position: relative;
  padding-left: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .left-content .page-nav ul a {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: calc(clamp(1.625rem, 6.934vw, 3.328rem) * 2);
    padding-left: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    display: block;
    width: 100%;
  }
}
.left-content .page-nav ul a::before {
  background: url(./assets/img/icon-circle-arrow-bottom-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.5rem, 1.042vw, 1.25rem);
  height: clamp(0.5rem, 1.042vw, 1.25rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .left-content .page-nav ul a::before {
    width: clamp(1.25rem, 5.333vw, 2.56rem);
    height: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.left-content .page-nav ul a.current {
  color: #A28764;
}

.right-content {
  width: clamp(36.313rem, -0.021rem + 75.694vw, 90.813rem);
  padding-left: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
  padding-right: calc(clamp(3.95rem, 8.229vw, 9.875rem) - var(--bs-gutter-x) * 0.5);
  padding-top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 4);
}
@media (max-width: 767px) {
  .right-content {
    padding-top: clamp(1.5rem, 6.399vw, 3.072rem);
    padding-left: 0;
    padding-right: 0;
  }
}
.right-content .bg-beige::before {
  left: calc(-1 * clamp(13.25rem, 27.604vw, 33.125rem));
  transform: unset;
}
@media (max-width: 767px) {
  .right-content .bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}

.bg-beige::before {
  content: "";
  background: var(--_, #F8F7F4);
  max-width: 1920px;
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -1;
}

.virtical-lead.right-photo h2 {
  color: var(--_, #6A5D56);
  text-align: justify;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
  font-style: normal;
  font-weight: 700;
  line-height: 1.29167;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 0.4);
  position: relative;
  padding-left: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .virtical-lead.right-photo h2 {
    font-size: clamp(1.688rem, 7.201vw, 3.456rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.688rem, 7.201vw, 3.456rem) / 10);
    padding-left: clamp(1.375rem, 5.868vw, 2.816rem);
    margin-bottom: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.virtical-lead.right-photo h2::before {
  background: url(./assets/img/icon-circle-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.45rem, 0.938vw, 1.125rem);
  height: clamp(0.45rem, 0.938vw, 1.125rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .virtical-lead.right-photo h2::before {
    width: clamp(0.625rem, 2.667vw, 1.28rem);
    height: clamp(0.625rem, 2.667vw, 1.28rem);
    top: 0.8em;
  }
}
.virtical-lead.right-photo h2::after {
  content: "";
  border-bottom: 2px solid #A28764;
  width: clamp(22.65rem, 47.188vw, 56.625rem);
  height: 2px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .virtical-lead.right-photo h2::after {
    content: none;
  }
}
.virtical-lead.right-photo h2 .title-point {
  color: var(--_, #A28764);
  text-align: right;
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .virtical-lead.right-photo h2 .title-point {
    text-align: left;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    letter-spacing: calc(clamp(1.625rem, 6.934vw, 3.328rem) / 50);
    position: relative;
    display: block;
    margin-top: clamp(0.75rem, 3.201vw, 1.536rem);
    margin-left: calc(-1 * clamp(1.375rem, 5.868vw, 2.816rem));
  }
  .virtical-lead.right-photo h2 .title-point::after {
    content: "";
    border-bottom: 2px solid #A28764;
    width: calc(clamp(1.625rem, 6.934vw, 3.328rem) * 10);
    height: 2px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-bottom-width: 1px;
    height: 1px;
  }
}
.virtical-lead.right-photo .lead-and-picture {
  display: flex;
  align-items: start;
  justify-content: start;
  margin-bottom: clamp(2.438rem, -0.021rem + 5.122vw, 6.125rem);
}
.virtical-lead.right-photo .lead-and-picture h3 {
  display: flex;
  width: clamp(2.075rem, 4.323vw, 5.188rem);
  align-items: flex-start;
  flex-direction: row-reverse;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  margin-bottom: 0;
  margin-left: clamp(2.775rem, 5.781vw, 6.938rem);
}
@media (max-width: 767px) {
  .virtical-lead.right-photo .lead-and-picture h3 {
    order: 2;
    width: 100%;
    flex-direction: column;
    margin-left: 0;
    gap: 0;
  }
}
.virtical-lead.right-photo .lead-and-picture h3 span {
  color: var(--_, #6A5D56);
  text-align: center;
  font-feature-settings: "vert" on;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.27778;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
}
@media (max-width: 767px) {
  .virtical-lead.right-photo .lead-and-picture h3 span {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
    font-feature-settings: normal;
  }
}
.virtical-lead.right-photo .lead-and-picture .right-img {
  width: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 100);
  height: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 20);
  margin-left: auto;
  margin-right: calc(-1 * clamp(3.95rem, 8.229vw, 9.875rem));
}
@media (max-width: 767px) {
  .virtical-lead.right-photo .lead-and-picture .right-img {
    margin-left: 0;
    margin-right: 0;
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    height: calc(clamp(1.625rem, 6.934vw, 3.328rem) * 10);
  }
}
.virtical-lead.right-photo .lead-and-picture .right-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem) 0 0 clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .virtical-lead.right-photo .lead-and-picture .right-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) 0 0 clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

/*会社概要*/
.page-id-35 .left-content {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}

.company-message-area {
  padding-top: 0;
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}
@media (max-width: 767px) {
  .company-message-area {
    padding-top: 0;
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
  .company-message-area.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
  }
  .company-message-area.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
  .company-message-area.virtical-lead.right-photo .lead-and-picture {
    padding-top: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    padding-left: calc(0.5 * var(--bs-gutter-x));
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

.message-text p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.11111;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .message-text p {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 2;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
  }
}
.message-text p.ceo-name {
  text-align: right;
  margin-top: clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .message-text p.ceo-name {
    margin-top: clamp(0.35rem, 0.729vw, 0.875rem);
  }
}

.company-policy {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_, #F8F7F4);
  padding-top: clamp(1.725rem, 3.594vw, 4.313rem);
  padding-bottom: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 2);
  position: relative;
}
@media (max-width: 767px) {
  .company-policy {
    display: flex;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) * 2) clamp(1.5rem, 6.399vw, 3.072rem);
    flex-direction: column;
    align-items: center;
    gap: clamp(1.25rem, 5.333vw, 2.56rem);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.company-policy .company-policy-title {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.62;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: clamp(0.925rem, 1.927vw, 2.313rem);
}
@media (max-width: 767px) {
  .company-policy .company-policy-title {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.73333;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 20);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.company-policy .company-policy-title::after {
  content: "";
  position: absolute;
  border-bottom: 2px solid #A28764;
  width: clamp(27.703rem, 57.714vw, 69.257rem);
  height: 2px;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
}
@media (max-width: 767px) {
  .company-policy .company-policy-title::after {
    border-bottom-width: 1px;
    width: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 10);
    height: 1px;
  }
}
.company-policy .company-policy-content {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
  font-style: normal;
  font-weight: 700;
  line-height: 1.08333;
  letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) * 0.6);
  margin-left: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 3);
}
@media (max-width: 767px) {
  .company-policy .company-policy-content {
    font-size: clamp(1.75rem, 7.466vw, 3.584rem);
    line-height: 1.11429;
    letter-spacing: calc(clamp(1.75rem, 7.466vw, 3.584rem) / 5);
    margin-left: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 2);
  }
}
.company-policy .company-motto {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  margin-top: clamp(0.7rem, 1.458vw, 1.75rem);
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
}
@media (max-width: 767px) {
  .company-policy .company-motto {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.73333;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 20);
    margin-top: 0;
    margin-bottom: 0;
  }
}
.company-policy .company-motto-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.7rem, 1.458vw, 1.75rem);
}
@media (max-width: 767px) {
  .company-policy .company-motto-list {
    flex-direction: column;
    align-items: flex-start;
    gap: clamp(0.75rem, 3.201vw, 1.536rem);
    align-self: stretch;
  }
}
.company-policy .company-motto-item {
  display: flex;
  width: clamp(9.125rem, 19.01vw, 22.813rem);
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(0.4rem, 0.833vw, 1rem);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .company-policy .company-motto-item {
    width: 100%;
    padding: clamp(1.5rem, 6.399vw, 3.072rem);
    gap: calc(clamp(1.5rem, 6.399vw, 3.072rem) / 2.5);
    align-self: stretch;
    border-radius: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
  }
}
.company-policy .company-motto-item-title {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
  font-style: normal;
  font-weight: 500;
  line-height: 1.17647;
  letter-spacing: calc(clamp(0.425rem, 0.885vw, 1.063rem) / 10);
}
@media (max-width: 767px) {
  .company-policy .company-motto-item-title {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: 1.2;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 10);
  }
}
.company-policy .company-motto-item-text {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 10);
}
@media (max-width: 767px) {
  .company-policy .company-motto-item-text {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: 1.4;
    letter-spacing: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 20);
  }
}

.company-staff-info-area {
  padding-top: clamp(3.575rem, 7.448vw, 8.938rem);
  padding-bottom: clamp(4.225rem, 8.802vw, 10.563rem);
}
@media (max-width: 767px) {
  .company-staff-info-area {
    padding-top: clamp(1.875rem, 8vw, 3.84rem);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1.875rem, 8vw, 3.84rem) * 2);
  }
  .company-staff-info-area.virtical-lead.right-photo .lead-and-picture {
    padding-top: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    padding-left: calc(0.5 * var(--bs-gutter-x));
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
@media (max-width: 767px) {
  .company-staff-info-area.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.company-staff-info-area.virtical-lead.right-photo h2::after {
  width: clamp(21.35rem, 44.479vw, 53.375rem);
}
@media (max-width: 767px) {
  .company-staff-info-area.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.company-staff-info-area-text p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.11111;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
.company-staff-info-area .staff-list {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: clamp(1.775rem, 3.698vw, 4.438rem);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list {
    flex-direction: column;
    gap: clamp(1.063rem, 4.534vw, 2.176rem);
  }
}
.company-staff-info-area .staff-list .staff-list-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list .staff-list-img {
    width: 100%;
  }
}
.company-staff-info-area .staff-list .staff-list-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list .staff-list-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.company-staff-info-area .staff-list .staff-list-text {
  width: calc(clamp(0.35rem, 0.729vw, 0.875rem) * 40);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list .staff-list-text {
    width: 100%;
    order: 2;
  }
}
.company-staff-info-area .staff-list .staff-list-text .staff-name-title {
  color: var(--_888, #888);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 5);
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list .staff-list-text .staff-name-title {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 10);
  }
}
.company-staff-info-area .staff-list .staff-list-text .staff-name {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  position: relative;
  padding-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
  border-bottom: 2px solid #A28764;
  margin-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list .staff-list-text .staff-name {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
    padding-bottom: clamp(0.75rem, 3.201vw, 1.536rem);
    border-bottom-width: 1px;
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.company-staff-info-area .staff-list .staff-list-text p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.77778;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list .staff-list-text p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.company-staff-info-area .staff-list.staff-list01 {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list.staff-list01 {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.company-staff-info-area .staff-list.staff-list02 {
  margin-top: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 4);
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list.staff-list02 {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.company-staff-info-area .staff-list.staff-list02 .staff-list-img {
  order: 2;
}
@media (max-width: 767px) {
  .company-staff-info-area .staff-list.staff-list02 .staff-list-img {
    order: 1;
  }
}

.company-info-area {
  padding-top: clamp(2.55rem, 5.313vw, 6.375rem);
  padding-bottom: clamp(3.375rem, 7.031vw, 8.438rem);
}
@media (max-width: 767px) {
  .company-info-area {
    padding-top: clamp(1.875rem, 8vw, 3.84rem);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1.875rem, 8vw, 3.84rem) * 2);
  }
}
.company-info-area h2 {
  color: var(--_, #6A5D56);
  text-align: justify;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
  font-style: normal;
  font-weight: 700;
  line-height: 1.29167;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 0.4);
  position: relative;
  padding-left: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  margin-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
}
@media (max-width: 767px) {
  .company-info-area h2 {
    font-size: clamp(1.688rem, 7.201vw, 3.456rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.688rem, 7.201vw, 3.456rem) / 10);
    padding-left: clamp(1.375rem, 5.868vw, 2.816rem);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.company-info-area h2::before {
  background: url(./assets/img/icon-circle-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.45rem, 0.938vw, 1.125rem);
  height: clamp(0.45rem, 0.938vw, 1.125rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .company-info-area h2::before {
    width: clamp(0.625rem, 2.667vw, 1.28rem);
    height: clamp(0.625rem, 2.667vw, 1.28rem);
    top: 0.8em;
  }
}
.company-info-area h2::after {
  content: "";
  border-bottom: 2px solid #A28764;
  width: clamp(23.975rem, 49.948vw, 59.938rem);
  height: 2px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .company-info-area h2::after {
    border-bottom-width: 1px;
    width: 100%;
    height: 1px;
    top: 100%;
    transform: unset;
  }
}

@media (max-width: 767px) {
  .company-outline table tr,
  .company-history table tr {
    display: flex;
    align-items: stretch;
    justify-content: start;
  }
}
.company-outline table th,
.company-history table th {
  width: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 10);
  border-bottom: 2px solid var(--_, #6A5D56);
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.33333;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .company-outline table th,
  .company-history table th {
    display: flex;
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 8);
    padding: clamp(0.625rem, 2.667vw, 1.28rem) 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.company-outline table td,
.company-history table td {
  padding: clamp(0.25rem, 0.521vw, 0.625rem) calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.77778;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  border-bottom: 1px solid var(--_, #6A5D56);
}
@media (max-width: 767px) {
  .company-outline table td,
  .company-history table td {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    display: flex;
    padding: clamp(0.625rem, 2.667vw, 1.28rem) 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem);
    flex-direction: column;
    align-items: flex-start;
    flex: 1 0 0;
    align-self: stretch;
  }
}
.company-outline table td a,
.company-history table td a {
  text-decoration: underline;
  color: var(--_4C, #4C4C4C);
}

.company-history-area {
  padding-top: clamp(2.65rem, 5.521vw, 6.625rem);
  padding-bottom: clamp(2.725rem, 5.677vw, 6.813rem);
}
@media (max-width: 767px) {
  .company-history-area {
    padding-top: clamp(1.875rem, 8vw, 3.84rem);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1.875rem, 8vw, 3.84rem) * 2);
  }
}
@media (max-width: 767px) {
  .company-history-area.virtical-lead.right-photo h2 {
    font-size: clamp(1.688rem, 7.201vw, 3.456rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.688rem, 7.201vw, 3.456rem) / 10);
    padding-left: clamp(1.375rem, 5.868vw, 2.816rem);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.company-history-area.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 106.5);
}
@media (max-width: 767px) {
  .company-history-area.virtical-lead.right-photo h2::after {
    content: "";
    border-bottom-width: 1px;
    width: 100%;
    height: 1px;
    top: 100%;
    transform: unset;
  }
}
@media (max-width: 767px) {
  .company-history-area.virtical-lead.right-photo .lead-and-picture {
    padding-top: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    padding-left: calc(0.5 * var(--bs-gutter-x));
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

.company-access-area {
  padding-top: clamp(2.8rem, 5.833vw, 7rem);
  padding-bottom: clamp(4.075rem, 8.49vw, 10.188rem);
}
@media (max-width: 767px) {
  .company-access-area {
    padding-top: clamp(1.875rem, 8vw, 3.84rem);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1.875rem, 8vw, 3.84rem) * 2);
  }
}
.company-access-area.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 4);
}
@media (max-width: 767px) {
  .company-access-area.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.company-access-area.virtical-lead.right-photo h2::after {
  width: clamp(20.025rem, 41.719vw, 50.063rem);
}
@media (max-width: 767px) {
  .company-access-area.virtical-lead.right-photo h2::after {
    content: "";
    border-bottom-width: 1px;
    width: 100%;
    height: 1px;
    top: 100%;
    transform: unset;
  }
}
.company-access-area .map-text {
  display: inline-flex;
  align-items: center;
  gap: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
}
@media (max-width: 767px) {
  .company-access-area .map-text {
    flex-direction: column;
    align-items: start;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.company-access-area .map-text h3 {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.33333;
  letter-spacing: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10);
}
@media (max-width: 767px) {
  .company-access-area .map-text h3 {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    line-height: 1.27273;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 10);
  }
}
.company-access-area .map-text .map-text-detail {
  position: relative;
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.88889;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .company-access-area .map-text .map-text-detail {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.company-access-area .map-text .map-text-detail::before {
  content: "";
  border-left: 2px solid #A28764;
  position: absolute;
  width: 2px;
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
  left: calc(-1 * clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .company-access-area .map-text .map-text-detail::before {
    content: none;
  }
}
.company-access-area .map {
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
}
@media (max-width: 767px) {
  .company-access-area .map {
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 40);
  }
}
.company-access-area .map-and-outline.map-and-outline02 {
  margin-top: clamp(2.325rem, 4.844vw, 5.813rem);
}
@media (max-width: 767px) {
  .company-access-area .map-and-outline.map-and-outline02 {
    margin-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
  }
}

/*concept 家づくりのこだわり*/
.concept-chapter01 {
  padding-top: calc(clamp(0.35rem, 0.729vw, 0.875rem) * 8);
  padding-bottom: calc(clamp(0.75rem, 1.563vw, 1.875rem) * 2);
  margin-bottom: clamp(7.225rem, 15.052vw, 18.063rem);
}
@media (max-width: 767px) {
  .concept-chapter01 {
    padding-top: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 2);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    margin-bottom: clamp(3.543rem, 15.117vw, 7.256rem);
  }
}
.concept-chapter01::after {
  background: url(./assets/img/concept-chapter01-bottom-pc.svg) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: clamp(7.225rem, 15.052vw, 18.063rem);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .concept-chapter01::after {
    background: url(./assets/img/concept-chapter01-bottom-sp.svg) no-repeat;
    background-size: contain;
    width: 100vw;
    height: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 3);
  }
}
.concept-chapter01 .lead-and-picture {
  padding-left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
}
@media (max-width: 767px) {
  .concept-chapter01 .lead-and-picture {
    padding-left: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

.title-and-picture {
  display: flex;
  align-items: start;
  justify-content: end;
  margin-right: calc(-0.5 * var(--bs-gutter-x));
}
@media (max-width: 767px) {
  .title-and-picture {
    flex-direction: column;
    margin-left: calc(clamp(1.5rem, 6.399vw, 3.072rem) + -0.5 * var(--bs-gutter-x));
  }
}
.title-and-picture h2 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-feature-settings: "vert" on;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  font-style: normal;
  font-weight: 700;
  line-height: 1.13333;
  letter-spacing: calc(clamp(0.75rem, 1.563vw, 1.875rem) / 10);
  position: relative;
  margin-right: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 5);
  margin-bottom: 0;
  writing-mode: vertical-rl;
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
}
@media (max-width: 767px) {
  .title-and-picture h2 {
    font-size: clamp(1.688rem, 7.201vw, 3.456rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.688rem, 7.201vw, 3.456rem) / 10);
    writing-mode: horizontal-tb;
    padding-top: 0;
    padding-left: clamp(1.375rem, 5.868vw, 2.816rem);
    margin-bottom: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.title-and-picture h2::before {
  content: "";
  background-color: var(--_, #A28764);
  width: clamp(0.45rem, 0.938vw, 1.125rem);
  height: clamp(0.45rem, 0.938vw, 1.125rem);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  aspect-ratio: 1/1;
  border-radius: 50%;
}
@media (max-width: 767px) {
  .title-and-picture h2::before {
    width: clamp(0.625rem, 2.667vw, 1.28rem);
    height: clamp(0.625rem, 2.667vw, 1.28rem);
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
  }
}
.title-and-picture .right-img {
  width: clamp(34.25rem, 71.354vw, 85.625rem);
  height: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 20);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem) 0 0 clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .title-and-picture .right-img {
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    height: calc(clamp(1.625rem, 6.934vw, 3.328rem) * 10);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) 0 0 clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

.lead-and-picture {
  display: flex;
  align-items: start;
  justify-content: start;
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  gap: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 3);
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  padding-left: 0;
}
@media (max-width: 767px) {
  .lead-and-picture {
    flex-direction: column;
    padding-top: clamp(1.75rem, 7.466vw, 3.584rem);
    padding-left: clamp(1.5rem, 6.399vw, 3.072rem);
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.lead-and-picture-text {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
  width: calc(clamp(0.5rem, 1.042vw, 1.25rem) * 43);
}
@media (max-width: 767px) {
  .lead-and-picture-text {
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.lead-and-picture-text h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .lead-and-picture-text h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
  }
}
.lead-and-picture-img {
  width: clamp(11.667rem, 24.306vw, 29.167rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 70);
  aspect-ratio: 466.67/700;
}
@media (max-width: 767px) {
  .lead-and-picture-img {
    width: clamp(20.438rem, -0.018rem + 87.277vw, 41.875rem);
    height: clamp(13.625rem, 58.133vw, 27.904rem);
    flex-shrink: 0;
  }
}
.lead-and-picture-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .lead-and-picture-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

.concept-chapter02 {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: clamp(6.8rem, 14.167vw, 17rem);
}
@media (max-width: 767px) {
  .concept-chapter02 {
    padding-top: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 2);
    padding-bottom: clamp(0.75rem, 3.201vw, 1.536rem);
    margin-bottom: clamp(4.563rem, 19.467vw, 9.344rem);
  }
}
.concept-chapter02::before {
  content: "";
  background: var(--_, #F8F7F4);
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.concept-chapter02::after {
  background: url(./assets/img/concept-chapter02-bottom-pc.svg) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: clamp(9.3rem, 19.375vw, 23.25rem);
  top: calc(100% - clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .concept-chapter02::after {
    background: url(./assets/img/concept-chapter02-bottom-sp.svg) no-repeat;
    background-size: contain;
    width: 100vw;
    height: clamp(4.563rem, 19.467vw, 9.344rem);
    top: 100%;
  }
}
.concept-chapter02 .title-and-picture {
  justify-content: start;
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.concept-chapter02 .title-and-picture h2 {
  order: 2;
  margin-left: calc(clamp(0.575rem, 1.198vw, 1.438rem) * 6);
}
@media (max-width: 767px) {
  .concept-chapter02 .title-and-picture h2 {
    margin-left: clamp(1.5rem, 6.399vw, 3.072rem);
    order: 1;
  }
}
@media (max-width: 767px) {
  .concept-chapter02 .title-and-picture .right-img {
    order: 2;
    margin-left: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.concept-chapter02 .title-and-picture .right-img img {
  border-radius: 0 clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.5rem, 1.042vw, 1.25rem) 0;
}
@media (max-width: 767px) {
  .concept-chapter02 .title-and-picture .right-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) 0 0 clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.concept-chapter02 .lead-and-picture {
  gap: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
  padding-left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
}
@media (max-width: 767px) {
  .concept-chapter02 .lead-and-picture {
    padding-left: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.concept-chapter02 .lead-and-picture-text {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 66);
}
@media (max-width: 767px) {
  .concept-chapter02 .lead-and-picture-text {
    width: clamp(20.438rem, -0.018rem + 87.277vw, 41.875rem);
  }
}
.concept-chapter02 .lead-and-picture-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 66);
  height: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 40);
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .concept-chapter02 .lead-and-picture-img {
    width: clamp(20.438rem, -0.018rem + 87.277vw, 41.875rem);
    height: auto;
  }
}
.concept-chapter02-text {
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  padding-left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
  padding-right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .concept-chapter02-text {
    padding: clamp(1.5rem, 6.399vw, 3.072rem) clamp(1.5rem, 6.399vw, 3.072rem) 0;
  }
}
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.concept-chapter02 .scroll-infinity__wrap {
  display: flex;
  overflow: hidden;
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .concept-chapter02 .scroll-infinity__wrap {
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.concept-chapter02 .scroll-infinity__list {
  display: flex;
  list-style: none;
  padding: 0;
  gap: clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .concept-chapter02 .scroll-infinity__list {
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.concept-chapter02 .scroll-infinity__list--left {
  animation: infinity-scroll-left 80s infinite linear 0.5s both;
  /*ページ表示がされて0.5秒後に動き出し、80秒かけてすべての画像が左端まで移動する*/
}
.concept-chapter02 ul.scroll-infinity__list {
  margin-bottom: 0;
}
.concept-chapter02 .scroll-infinity__item {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 48);
}
@media (max-width: 767px) {
  .concept-chapter02 .scroll-infinity__item {
    width: calc(clamp(1.313rem, 5.601vw, 2.688rem) * 10);
  }
}
.concept-chapter02 .scroll-infinity__item > img {
  width: 100%;
}

.concept-chapter03 {
  padding-top: clamp(4.325rem, 9.01vw, 10.813rem);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .concept-chapter03 {
    padding-top: calc(clamp(1.313rem, 5.601vw, 2.688rem) * 2);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
.concept-chapter03 .title-and-picture {
  justify-content: start;
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.concept-chapter03 .title-and-picture h2 {
  order: 2;
  margin-left: calc(clamp(0.575rem, 1.198vw, 1.438rem) * 6);
}
@media (max-width: 767px) {
  .concept-chapter03 .title-and-picture h2 {
    margin-left: clamp(1.5rem, 6.399vw, 3.072rem);
    order: 1;
  }
}
@media (max-width: 767px) {
  .concept-chapter03 .title-and-picture .right-img {
    order: 2;
    margin-left: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.concept-chapter03 .title-and-picture .right-img img {
  border-radius: 0 clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.5rem, 1.042vw, 1.25rem) 0;
}
@media (max-width: 767px) {
  .concept-chapter03 .title-and-picture .right-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) 0 0 clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.concept-chapter03 .lead-and-picture {
  gap: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
  padding-left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
}
@media (max-width: 767px) {
  .concept-chapter03 .lead-and-picture {
    padding-left: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.concept-chapter03 .lead-and-picture-text {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 66);
}
@media (max-width: 767px) {
  .concept-chapter03 .lead-and-picture-text {
    width: clamp(20.438rem, -0.018rem + 87.277vw, 41.875rem);
  }
}
.concept-chapter03 .lead-and-picture-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 66);
  height: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 40);
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .concept-chapter03 .lead-and-picture-img {
    width: clamp(20.438rem, -0.018rem + 87.277vw, 41.875rem);
  }
}
.concept-chapter03-text {
  margin-left: calc(-0.5 * var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  padding-left: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
  padding-right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .concept-chapter03-text {
    padding: clamp(1.5rem, 6.399vw, 3.072rem) clamp(1.5rem, 6.399vw, 3.072rem) 0;
    margin-bottom: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2);
  }
  .concept-chapter03-text p {
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.concept-chapter03-button-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .concept-chapter03-button-area {
    flex-direction: column;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

/*materials 素材・工法から考える住まい*/
@media (max-width: 767px) {
  .page-id-143 .entry-header {
    height: clamp(10.375rem, 44.267vw, 21.248rem);
  }
  .page-id-143 .entry-header::before {
    height: clamp(10.375rem, 44.267vw, 21.248rem);
  }
}

.materials-chapter01 {
  padding-top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 4);
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}
@media (max-width: 767px) {
  .materials-chapter01 {
    padding-top: 0;
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.materials-chapter01.virtical-lead.right-photo h2::after {
  width: clamp(23.575rem, 49.115vw, 58.938rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
  top: 50%;
  transform: translateY(-50%);
}
.materials-chapter01.virtical-lead.right-photo .lead-and-picture {
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  gap: clamp(2.65rem, 5.521vw, 6.625rem);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .materials-chapter01.virtical-lead.right-photo .lead-and-picture {
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.materials-chapter01 .materials-list {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9);
  flex-wrap: wrap;
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .materials-chapter01 .materials-list {
    margin-top: calc(clamp(0.813rem, 3.466vw, 1.664rem) * 3);
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.materials-chapter01 .materials-list .external-link {
  margin-top: clamp(0.7rem, 1.458vw, 1.75rem);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .materials-chapter01 .materials-list .external-link {
    margin-top: clamp(1rem, 4.267vw, 2.048rem);
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

.column-card {
  display: flex;
  width: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 30);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.7rem, 1.458vw, 1.75rem);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .column-card {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
  .column-card p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding-right: 0;
  }
}
.column-card h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  padding-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
  margin-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
  border-bottom: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) #A28764 solid;
}
@media (max-width: 767px) {
  .column-card h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
    padding-bottom: clamp(0.75rem, 3.201vw, 1.536rem);
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.column-card p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.77778;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .column-card p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: cakc(clamp(0.813rem, 3.466vw, 1.664rem)/20);
  }
}

.external-link a {
  color: var(--_, #6A5D56);
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: 4%;
  /* 0.64px */
  text-underline-offset: 40%;
  /* 6.4px */
  text-underline-position: from-font;
  position: relative;
  padding-left: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
}
@media (max-width: 767px) {
  .external-link a {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    padding-left: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.external-link a::before {
  background: url(./assets/img/icon-extarnal.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.4rem, 0.833vw, 1rem);
  height: clamp(0.4rem, 0.833vw, 1rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
@media (max-width: 767px) {
  .external-link a::before {
    width: clamp(0.875rem, 3.733vw, 1.792rem);
    height: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}

.materials-chapter02 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  padding-bottom: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 5);
}
@media (max-width: 767px) {
  .materials-chapter02 {
    padding-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
    padding-bottom: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 5);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.materials-chapter02.bg-beige::before {
  left: calc(-40 * clamp(0.325rem, 0.677vw, 0.813rem));
}
@media (max-width: 767px) {
  .materials-chapter02.bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.materials-chapter02.virtical-lead.right-photo h2::after {
  width: clamp(23.675rem, 49.323vw, 59.188rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.materials-chapter02.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .materials-chapter02.virtical-lead.right-photo .lead-and-picture {
    padding-top: 0;
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

.row-card-list {
  margin-top: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 4);
  display: flex;
  align-items: start;
  justify-content: start;
  flex-direction: column;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .row-card-list {
    margin-top: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    flex-direction: column;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}

.row-card {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
}
@media (max-width: 767px) {
  .row-card {
    flex-direction: column;
    align-items: start;
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
  .row-card p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.row-card-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  flex-shrink: 0;
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .row-card-img {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: auto;
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.row-card-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .row-card-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.row-card h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  padding-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
  border-bottom: #A28764 calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid;
  margin-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .row-card h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
    padding-bottom: clamp(0.75rem, 3.201vw, 1.536rem);
    border-bottom-width: 1px;
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.row-card h4 {
  color: var(--_, #6A5D56);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.45455;
  letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) / 10);
  margin-bottom: clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .row-card h4 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.57143;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 10);
    border-bottom: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

.materials-chapter03 {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}
@media (max-width: 767px) {
  .materials-chapter03 {
    padding-top: calc(clamp(1.313rem, 5.601vw, 2.688rem) * 3);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.materials-chapter03.virtical-lead.right-photo h2::after {
  width: clamp(21.025rem, 43.802vw, 52.563rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.materials-chapter03.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .materials-chapter03.virtical-lead.right-photo .lead-and-picture {
    padding-top: 0;
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

.materials-chapter04 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  padding-bottom: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 4);
}
.materials-chapter04.bg-beige::before {
  left: calc(-40 * clamp(0.325rem, 0.677vw, 0.813rem));
}
@media (max-width: 767px) {
  .materials-chapter04.bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}
@media (max-width: 767px) {
  .materials-chapter04 {
    padding-top: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 5);
    padding-bottom: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 2);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.materials-chapter04.virtical-lead.right-photo h2::after {
  width: clamp(17.075rem, 35.573vw, 42.688rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.materials-chapter04.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  margin-left: 0;
  justify-content: space-between;
  gap: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
}
@media (max-width: 767px) {
  .materials-chapter04.virtical-lead.right-photo .lead-and-picture {
    padding-top: 0;
    padding-left: 0;
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.materials-chapter04.virtical-lead.right-photo .lead-and-picture-text {
  width: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 20);
}
@media (max-width: 767px) {
  .materials-chapter04.virtical-lead.right-photo .lead-and-picture-text {
    order: 2;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    flex-direction: column-reverse;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.materials-chapter04.virtical-lead.right-photo .lead-and-picture-text h3 {
  width: 100%;
  margin-left: 0;
  display: block;
}
.materials-chapter04.virtical-lead.right-photo .lead-and-picture-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .materials-chapter04.virtical-lead.right-photo .lead-and-picture-img {
    width: clamp(21.938rem, 93.6vw, 44.928rem);
    height: calc(clamp(1.625rem, 6.934vw, 3.328rem) * 10);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) 0 0 clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.materials-chapter04.virtical-lead.right-photo .lead-and-picture-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .materials-chapter04.virtical-lead.right-photo .lead-and-picture-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) 0 0 clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

.materials-chapter05 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  padding-bottom: calc(clamp(0.575rem, 1.198vw, 1.438rem) * 8);
}
@media (max-width: 767px) {
  .materials-chapter05 {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.materials-chapter05.virtical-lead.right-photo h2::after {
  width: clamp(18.4rem, 38.333vw, 46rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.materials-chapter05.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  margin-left: 0;
  align-items: end;
  justify-content: space-between;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .materials-chapter05.virtical-lead.right-photo .lead-and-picture {
    padding-top: 0;
    padding-left: 0;
    gap: clamp(1.375rem, 5.868vw, 2.816rem);
    margin-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
    flex-direction: column-reverse;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}
.materials-chapter05.virtical-lead.right-photo .lead-and-picture-text-and-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 68);
}
@media (max-width: 767px) {
  .materials-chapter05.virtical-lead.right-photo .lead-and-picture-text-and-img {
    order: 2;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    flex-direction: column-reverse;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.materials-chapter05.virtical-lead.right-photo .lead-and-picture-text-and-img h3 {
  width: 100%;
  margin-left: 0;
  display: block;
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  margin-bottom: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .materials-chapter05.virtical-lead.right-photo .lead-and-picture-text-and-img h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
  }
}
.materials-chapter05.virtical-lead.right-photo .lead-and-picture-text-and-img img {
  aspect-ratio: 680/453;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  margin-top: calc(clamp(0.325rem, 0.677vw, 0.813rem) * 4);
}
.materials-chapter05.virtical-lead.right-photo .lead-and-picture-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 47.2);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 70.8);
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .materials-chapter05.virtical-lead.right-photo .lead-and-picture-img {
    width: calc(clamp(1.313rem, 5.601vw, 2.688rem) * 11);
    height: auto;
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.materials-chapter05.virtical-lead.right-photo .lead-and-picture-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .materials-chapter05.virtical-lead.right-photo .lead-and-picture-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

/*locally 地域に根ざす*/
@media (max-width: 767px) {
  .page-id-184 .entry-header {
    height: clamp(10.375rem, 44.267vw, 21.248rem);
  }
  .page-id-184 .entry-header::before {
    height: clamp(10.375rem, 44.267vw, 21.248rem);
  }
}
.page-id-184 footer {
  background: var(--_, #F8F7F4);
}

.locally-chapter01 {
  padding-top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 4);
  padding-bottom: calc(clamp(0.325rem, 0.677vw, 0.813rem) * 6);
}
@media (max-width: 767px) {
  .locally-chapter01 {
    padding-top: 0;
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.locally-chapter01.virtical-lead.right-photo h2::after {
  width: clamp(21.125rem, 44.01vw, 52.813rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
  top: 50%;
  transform: translateY(-50%);
}
.locally-chapter01.virtical-lead.right-photo .lead-and-picture {
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  gap: clamp(2.65rem, 5.521vw, 6.625rem);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .locally-chapter01.virtical-lead.right-photo .lead-and-picture {
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.locally-chapter01.virtical-lead.right-photo .text-and-picture {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .locally-chapter01.virtical-lead.right-photo .text-and-picture {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
  }
}

.locally-chapter02 {
  padding-top: calc(clamp(0.325rem, 0.677vw, 0.813rem) * 6);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10.8);
}
@media (max-width: 767px) {
  .locally-chapter02 {
    padding-top: 0;
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.locally-chapter02.virtical-lead.right-photo h2::after {
  width: clamp(13.1rem, 27.292vw, 32.75rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
  top: 50%;
  transform: translateY(-50%);
}
.locally-chapter02.virtical-lead.right-photo .lead-and-picture {
  margin-left: 0;
  padding-top: 0;
  padding-left: 0;
  gap: clamp(2.65rem, 5.521vw, 6.625rem);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .locally-chapter02.virtical-lead.right-photo .lead-and-picture {
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.locally-chapter02.virtical-lead.right-photo .text-and-picture {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .locally-chapter02.virtical-lead.right-photo .text-and-picture {
    margin-top: 0;
    margin-bottom: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2);
  }
}
.locally-chapter02.virtical-lead.right-photo .text-and-picture-text a {
  margin-top: clamp(0.65rem, 1.354vw, 1.625rem);
}
.locally-chapter02.virtical-lead.right-photo .link-gofudosan {
  margin: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 4) auto calc(clamp(0.325rem, 0.677vw, 0.813rem) * 6);
}
@media (max-width: 767px) {
  .locally-chapter02.virtical-lead.right-photo .link-gofudosan {
    margin: clamp(1.75rem, 7.466vw, 3.584rem) auto;
  }
}
.locally-chapter02.virtical-lead.right-photo .locally-chapter02-button-area {
  align-items: center;
  justify-content: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .locally-chapter02.virtical-lead.right-photo .locally-chapter02-button-area {
    flex-direction: column;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
    justify-content: center;
  }
}

.link-gofudosan {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 80);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .link-gofudosan {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 10);
  }
}
.link-gofudosan a.content-link {
  justify-content: center;
  overflow: hidden;
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 80);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  flex-shrink: 0;
  padding: 0;
  padding-right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 3);
  background: #E0F2FC;
  gap: 0;
}
.link-gofudosan a.content-link:hover .link-gofudosan-img {
  transform: scale(1.1);
}
.link-gofudosan a.content-link::before {
  right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
}
.link-gofudosan-img {
  width: calc(clamp(0.75rem, 1.563vw, 1.875rem) * 10);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.link-gofudosan-img img {
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem) 0 0 clamp(0.25rem, 0.521vw, 0.625rem);
}
.link-gofudosan-text {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  padding-left: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
  display: flex;
  align-items: center;
  justify-content: start;
}
.link-gofudosan-text img {
  width: clamp(7.799rem, 16.248vw, 19.498rem);
  height: clamp(0.901rem, 1.877vw, 2.252rem);
}

.locally-chapter03 {
  padding-top: calc(clamp(0.35rem, 0.729vw, 0.875rem) * 8);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 18);
}
@media (max-width: 767px) {
  .locally-chapter03 {
    padding-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.locally-chapter03.bg-beige::before {
  left: calc(-40 * clamp(0.325rem, 0.677vw, 0.813rem));
}
@media (max-width: 767px) {
  .locally-chapter03.bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.locally-chapter03.virtical-lead.right-photo h2::after {
  width: clamp(21.025rem, 43.802vw, 52.563rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
  top: 50%;
  transform: translateY(-50%);
}
.locally-chapter03.virtical-lead.right-photo .text-and-picture {
  margin-top: 0;
}
@media (max-width: 767px) {
  .locally-chapter03.virtical-lead.right-photo .text-and-picture {
    align-items: start;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.locally-chapter03.virtical-lead.right-photo .text-and-picture-text {
  width: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 40);
}
@media (max-width: 767px) {
  .locally-chapter03.virtical-lead.right-photo .text-and-picture-text {
    width: 100%;
    order: 2;
  }
}
.locally-chapter03.virtical-lead.right-photo .text-and-picture-img {
  width: clamp(10.576rem, 22.033vw, 26.44rem);
  height: auto;
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
}
@media (max-width: 767px) {
  .locally-chapter03.virtical-lead.right-photo .text-and-picture-img {
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 10);
    aspect-ratio: 76/53;
    margin: 0 auto;
  }
}
.locally-chapter03.virtical-lead.right-photo h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .locally-chapter03.virtical-lead.right-photo h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
  }
}
.locally-chapter03 .locally-img-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 3);
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .locally-chapter03 .locally-img-area {
    flex-direction: column;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.locally-chapter03 .locally-img-area .locally-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .locally-chapter03 .locally-img-area .locally-img {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 21.8);
    flex-shrink: 0;
    border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  }
}
.locally-chapter03 .locally-img-area .locally-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .locally-chapter03 .locally-img-area .locally-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

.text-and-picture {
  display: inline-flex;
  align-items: center;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
}
@media (max-width: 767px) {
  .text-and-picture {
    flex-direction: column;
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.text-and-picture-text {
  display: flex;
  width: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 20);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .text-and-picture-text {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    text-align: justify;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.text-and-picture-text h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .text-and-picture-text h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
  }
}
.text-and-picture-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .text-and-picture-img {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: auto;
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.text-and-picture-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .text-and-picture-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

/*reliable 安心安全な家づくり*/
.page-id-212 .left-content {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}
@media (max-width: 767px) {
  .page-id-212 .left-content {
    padding-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
    top: unset;
  }
}

.reliable-chapter01 {
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.9);
}
@media (max-width: 767px) {
  .reliable-chapter01 {
    padding-top: 0;
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
  .reliable-chapter01 .text-and-picture-text {
    order: 2;
  }
}
.reliable-chapter01.virtical-lead.right-photo h2::after {
  width: clamp(13.225rem, 27.552vw, 33.063rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.reliable-chapter01 .text-and-picture-img {
  order: 2;
}
@media (max-width: 767px) {
  .reliable-chapter01 .text-and-picture-img {
    order: 1;
  }
}
.reliable-chapter01 .point-list {
  margin: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6) 0;
}
@media (max-width: 767px) {
  .reliable-chapter01 .point-list {
    margin: clamp(1.5rem, 6.399vw, 3.072rem) 0;
  }
}

.point-list {
  border-radius: 10px;
  background: var(--_, #F8F7F4);
  display: flex;
  width: 100%;
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .point-list {
    padding: clamp(1.5rem, 6.399vw, 3.072rem);
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.point-list ul {
  margin-bottom: 0;
  padding-inline-start: 1em;
}
.point-list ul li {
  line-height: 1.77778;
}
@media (max-width: 767px) {
  .point-list ul li {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}

.reliable-chapter02 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.9);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.9);
}
@media (max-width: 767px) {
  .reliable-chapter02 {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
}
.reliable-chapter02.virtical-lead.right-photo h2::after {
  width: clamp(21.05rem, 43.854vw, 52.625rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.reliable-chapter02 .point-list {
  margin: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6) 0;
}

.reliable-chapter03 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.9);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12);
}
@media (max-width: 767px) {
  .reliable-chapter03 {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
  .reliable-chapter03 .text-and-picture-text {
    order: 2;
  }
}
.reliable-chapter03.virtical-lead.right-photo h2::after {
  width: clamp(19.725rem, 41.094vw, 49.313rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.reliable-chapter03 .text-and-picture-img {
  order: 2;
}
@media (max-width: 767px) {
  .reliable-chapter03 .text-and-picture-img {
    order: 1;
  }
}

.reliable-chapter04 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 13.8);
}
@media (max-width: 767px) {
  .reliable-chapter04 {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5.8);
  }
}
.reliable-chapter04.virtical-lead.right-photo h2::after {
  width: clamp(19.675rem, 40.99vw, 49.188rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.reliable-chapter04 h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  margin-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .reliable-chapter04 h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.reliable-chapter04 .icon-point-list {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  justify-content: center;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4) clamp(0.75rem, 1.563vw, 1.875rem);
  margin-top: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 2);
}
@media (max-width: 767px) {
  .reliable-chapter04 .icon-point-list {
    margin-top: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 2);
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.reliable-chapter04 .reliable-icon-home {
  width: clamp(1.812rem, 3.776vw, 4.531rem);
  height: clamp(1.718rem, 3.58vw, 4.296rem);
}
@media (max-width: 767px) {
  .reliable-chapter04 .reliable-icon-home {
    width: clamp(3.499rem, 0.78rem + 13.306vw, 7.167rem);
    height: clamp(3.311rem, 0.738rem + 12.59vw, 6.782rem);
  }
}
.reliable-chapter04 .reliable-icon-ground {
  width: clamp(1.725rem, 3.594vw, 4.313rem);
  height: clamp(1.262rem, 2.628vw, 3.154rem);
}
@media (max-width: 767px) {
  .reliable-chapter04 .reliable-icon-ground {
    width: clamp(3.45rem, 0.769rem + 13.118vw, 7.066rem);
    height: clamp(3.95rem, 0.881rem + 15.019vw, 8.09rem);
  }
}
.reliable-chapter04 .reliable-icon-bath {
  width: clamp(2.241rem, 4.669vw, 5.603rem);
  height: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
}
@media (max-width: 767px) {
  .reliable-chapter04 .reliable-icon-bath {
    width: clamp(4.482rem, 0.999rem + 17.043vw, 9.18rem);
    height: clamp(3.6rem, 0.802rem + 13.688vw, 7.373rem);
  }
}
.reliable-chapter04 .reliable-icon-insect {
  width: clamp(1.562rem, 3.253vw, 3.904rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .reliable-chapter04 .reliable-icon-insect {
    width: clamp(3.123rem, 0.696rem + 11.874vw, 6.396rem);
    height: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}

.icon-point-list-item {
  display: flex;
  width: clamp(240px, 31.25vw, 600px);
  height: clamp(9.7rem, 20.208vw, 24.25rem);
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--WEB, #FFF);
}
@media (max-width: 767px) {
  .icon-point-list-item {
    display: flex;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: auto;
    padding: clamp(1.875rem, 8vw, 3.84rem);
    flex-direction: column;
    align-items: center;
    gap: clamp(0.75rem, 3.201vw, 1.536rem);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.icon-point-list-item h3 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .icon-point-list-item h3 {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 10);
  }
}
.icon-point-list-item p {
  color: var(---28, #282828);
  text-align: justify;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.77778;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .icon-point-list-item p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}

.reliable-chapter05 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.3);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 18);
}
@media (max-width: 767px) {
  .reliable-chapter05 {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
.reliable-chapter05.virtical-lead.right-photo h2::after {
  width: clamp(9.15rem, 19.063vw, 22.875rem);
  right: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
.reliable-chapter05.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .reliable-chapter05.virtical-lead.right-photo .lead-and-picture {
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
    padding-left: calc(0.5 * var(--bs-gutter-x));
  }
}
.reliable-chapter05.virtical-lead.right-photo .lead-and-picture h3 {
  margin-left: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 10);
}
@media (max-width: 767px) {
  .reliable-chapter05.virtical-lead.right-photo .lead-and-picture h3 {
    margin-left: 0;
  }
}
.reliable-chapter05 .reliable-consultation {
  display: flex;
  align-items: center;
  justify-content: start;
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  gap: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9);
}
@media (max-width: 767px) {
  .reliable-chapter05 .reliable-consultation {
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
    flex-direction: column;
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.reliable-chapter05 .reliable-consultation-text {
  display: flex;
  width: clamp(18.625rem, 38.802vw, 46.563rem);
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(0.4rem, 0.833vw, 1rem);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #F8F7F4);
}
@media (max-width: 767px) {
  .reliable-chapter05 .reliable-consultation-text {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    padding: clamp(1.5rem, 6.399vw, 3.072rem);
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.reliable-chapter05 .reliable-consultation-text h4 {
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.45455;
  letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) / 10);
}
@media (max-width: 767px) {
  .reliable-chapter05 .reliable-consultation-text h4 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.57143;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
  }
}
.reliable-chapter05 .reliable-consultation-text ul {
  line-height: 1.77778;
  letter-spacing: 0.9px;
  margin-bottom: 0;
  padding-inline-start: 1em;
}
@media (max-width: 767px) {
  .reliable-chapter05 .reliable-consultation-text ul {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.reliable-chapter05 .reliable-consultation-img {
  width: clamp(9.7rem, 20.208vw, 24.25rem);
  height: auto;
}
@media (max-width: 767px) {
  .reliable-chapter05 .reliable-consultation-img {
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 10);
  }
}
.reliable-chapter05-button-area {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .reliable-chapter05-button-area {
    flex-direction: column;
    width: calc(clamp(1.875rem, 8vw, 3.84rem) * 10);
    margin: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2) auto 0;
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.reliable-chapter05-button-area .content-link {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #A28764);
  color: #fff;
  padding-left: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .reliable-chapter05-button-area .content-link {
    width: 100%;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(1.25rem, 5.333vw, 2.56rem);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.reliable-chapter05-button-area .content-link__text {
  color: var(--_FFF, #FFF);
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .reliable-chapter05-button-area .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}

/*flow 家づくりの流れ*/
.page-id-233 footer {
  background: var(--_, #F8F7F4);
}

.flow-page {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .flow-page {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
.flow-page .page-lead {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
  max-width: 1920px;
  width: 100%;
  text-align: center;
}
@media (max-width: 767px) {
  .flow-page .page-lead {
    width: 100%;
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.flow-page .page-lead h2 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.2381;
  letter-spacing: calc(clamp(0.525rem, 1.094vw, 1.313rem) / 2.5);
}
@media (max-width: 767px) {
  .flow-page .page-lead h2 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 0.2);
  }
}
.flow-page .page-lead p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 2.11111;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .flow-page .page-lead p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 2.15385;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}

.flow-list {
  display: flex;
  width: clamp(34.8rem, 72.5vw, 87rem);
  margin: calc(clamp(0.4rem, 0.833vw, 1rem) * 4) auto 0;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .flow-list {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.flow-list-item {
  display: flex;
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  justify-content: flex-start;
  align-items: center;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
  align-self: stretch;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .flow-list-item {
    display: flex;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    padding: clamp(1.5rem, 6.399vw, 3.072rem);
    flex-direction: column;
    align-items: center;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.flow-list .flow-step {
  display: flex;
  width: calc(clamp(0.35rem, 0.729vw, 0.875rem) * 10);
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  .flow-list .flow-step {
    width: 100%;
  }
}
.flow-list .flow-step-head {
  color: var(--_, #A28764);
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
}
@media (max-width: 767px) {
  .flow-list .flow-step-head {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    letter-spacing: calc(clamp(1.75rem, 7.466vw, 3.584rem) / 50);
  }
}
.flow-list .flow-step-number {
  color: var(--_, #A28764);
  font-family: "Outfit", sans-serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 5);
}
@media (max-width: 767px) {
  .flow-list .flow-step-number {
    font-family: "Outfit", sans-serif;
    font-size: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    font-style: normal;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
    margin-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) / -2);
  }
}
.flow-list .flow-detail {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  flex: 1 0 0;
}
@media (max-width: 767px) {
  .flow-list .flow-detail {
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.flow-list .flow-detail h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .flow-list .flow-detail h3 {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: 1.4;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 10);
    margin: 0 auto;
  }
}
.flow-list .flow-detail p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.11111;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .flow-list .flow-detail p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}

/*新築注文住宅 */
.page-id-261 .page-eyecatch-img::before {
  content: none;
}
.page-id-261 .page-eyecatch-img img {
  width: 100vw;
  max-width: 1918px;
  height: auto;
  border-radius: 0;
}
.page-id-261 .left-content {
  padding-top: calc(clamp(0.35rem, 0.729vw, 0.875rem) * 4);
}
@media (max-width: 767px) {
  .page-id-261 .left-content {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
}
.page-id-261 .right-content {
  padding-top: calc(clamp(0.35rem, 0.729vw, 0.875rem) * 4);
}
@media (max-width: 767px) {
  .page-id-261 .right-content {
    padding-top: clamp(1.625rem, 6.934vw, 3.328rem);
    width: 100vw;
  }
}
.page-id-261 .right-content .bg-beige::before {
  left: calc(-1 * clamp(12.95rem, 26.979vw, 32.375rem));
}
@media (max-width: 767px) {
  .page-id-261 .right-content .bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}

.order-chapter01 {
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}
@media (max-width: 767px) {
  .order-chapter01 {
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 2);
  }
  .order-chapter01 .lead-and-picture {
    padding-top: 0;
    padding-left: calc(0.5 * var(--bs-gutter-x));
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.order-chapter01.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
}
@media (max-width: 767px) {
  .order-chapter01.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.order-chapter01.virtical-lead.right-photo h2::after {
  width: clamp(26.65rem, 55.521vw, 66.625rem);
}
@media (max-width: 767px) {
  .order-chapter01.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.order-chapter01 .order-point {
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9);
  flex-wrap: wrap;
  margin-top: calc(clamp(0.575rem, 1.198vw, 1.438rem) * 3);
}
@media (max-width: 767px) {
  .order-chapter01 .order-point {
    margin-top: clamp(1.875rem, 8vw, 3.84rem);
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.order-chapter01 .order-point .order-point-item {
  width: 46%;
}
@media (max-width: 767px) {
  .order-chapter01 .order-point .order-point-item {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}
.order-chapter01 .order-point .order-point-item .more-link, .order-chapter01 .order-point .order-point-item .content-link {
  margin-top: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .order-chapter01 .order-point .order-point-item .more-link, .order-chapter01 .order-point .order-point-item .content-link {
    margin-top: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}

.page-swiper .swiper {
  padding-left: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
}
@media (max-width: 767px) {
  .page-swiper .swiper {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .page-swiper .swiper-nav-wrapper {
    display: block;
    width: 100%;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    position: relative;
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.page-swiper .swiper-nav-wrapper .swiper-button-prev {
  left: clamp(0.425rem, 0.885vw, 1.063rem);
}
@media (max-width: 767px) {
  .page-swiper .swiper-nav-wrapper .swiper-button-prev {
    left: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.page-swiper .swiper-nav-wrapper .swiper-button-next {
  right: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .page-swiper .swiper-nav-wrapper .swiper-button-next {
    right: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.page-swiper .swiper-nav-wrapper .swiper-button-prev::before,
.page-swiper .swiper-nav-wrapper .swiper-button-next::before {
  content: "";
  position: absolute;
  right: clamp(0px, 13.34px - 0.695vw, 8px);
  width: clamp(0.6rem, 1.25vw, 1.5rem);
  height: clamp(0.625rem, 1.302vw, 1.563rem);
  background-color: var(--_, #A28764);
  mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
  -webkit-mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .page-swiper .swiper-nav-wrapper .swiper-button-prev::before,
  .page-swiper .swiper-nav-wrapper .swiper-button-next::before {
    right: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
    width: clamp(1rem, 4.267vw, 2.048rem);
    height: clamp(1.042rem, 4.445vw, 2.133rem);
    background-color: #6A5D56;
  }
}
.page-swiper .swiper-nav-wrapper .swiper-button-prev::before {
  transform: rotate(180deg);
}
.page-swiper .swiper-nav-wrapper .swiper-button-prev::after,
.page-swiper .swiper-nav-wrapper .swiper-button-next::after {
  content: "";
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  padding: clamp(0.375rem, 0.781vw, 0.938rem) clamp(0.4rem, 0.833vw, 1rem);
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 5px;
  border: 1px solid var(--_, #A28764);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .page-swiper .swiper-nav-wrapper .swiper-button-prev::after,
  .page-swiper .swiper-nav-wrapper .swiper-button-next::after {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding: clamp(0.938rem, 4vw, 1.92rem) clamp(1rem, 4.267vw, 2.048rem);
    border-color: #6A5D56;
  }
}
.page-swiper .swiper-nav-wrapper .swiper-pagination {
  display: none;
}
@media (max-width: 767px) {
  .page-swiper .swiper-nav-wrapper .swiper-pagination {
    display: block;
    z-index: 0;
  }
  .page-swiper .swiper-nav-wrapper .swiper-pagination-bullet {
    width: clamp(2.49rem, 10.624vw, 5.1rem);
    height: 1px;
    opacity: 0.5;
    background: var(--_, #A28764);
    border-radius: 0;
    margin: 0 calc(clamp(0.813rem, 3.466vw, 1.664rem) / 2);
  }
  .page-swiper .swiper-nav-wrapper .swiper-pagination-bullet-active {
    height: 2px;
    opacity: 1;
  }
}

.order-chapter02 {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10.9);
}
@media (max-width: 767px) {
  .order-chapter02 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.order-chapter02.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
}
@media (max-width: 767px) {
  .order-chapter02.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.order-chapter02.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 80);
}
@media (max-width: 767px) {
  .order-chapter02.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}

.order-chapter02 .slide-item {
  display: flex;
  width: clamp(460px, 0.9973980919px + 59.843885516vw, 1150px);
  padding: clamp(22px, 0.0477016479px + 2.8620988725vw, 55px);
  padding-left: clamp(24px, 1.3824804857px + 2.9488291414vw, 58px);
  padding-right: clamp(24px, 1.3824804857px + 2.9488291414vw, 58px);
  flex-direction: column;
  align-items: start;
  gap: clamp(10px, 0.6869037294px + 1.2142237641vw, 24px);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .order-chapter02 .slide-item {
	 width: clamp(327px, 199.7678571429px + 33.9285714286vw, 460px);
    padding: clamp(24px, -0.8724489796px + 6.6326530612vw, 50px);
	padding-left: clamp(24px, -0.8724489796px + 6.6326530612vw, 50px);
	padding-right: clamp(24px, -0.8724489796px + 6.6326530612vw, 50px);
    gap: clamp(16px, -0.262755102px + 4.3367346939vw, 33px);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.order-chapter02 .slide-item a {
  width: clamp(412px, 0.8933217693px + 53.5993061578vw, 1030px);
}
@media (max-width: 767px) {
.order-chapter02 .slide-item a {
  width: clamp(279px, 151.7678571429px + 33.9285714286vw, 412px);
}	
}
.order-chapter02 .slide-item a .slider-title {
  width: 100%;
  justify-content: space-between;
}
.order-chapter02 .slide-item a .slider-title .title-text {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: clamp(0.64px, 0.0013876843px + 0.0832610581vw, 1.6px);
}
@media (max-width: 767px) {
  .order-chapter02 .slide-item a .slider-title .title-text {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    line-height: normal;
    letter-spacing: clamp(2.2px, -0.000255102px + 0.5867346939vw, 4.5px);
    text-decoration-thickness: 4%;
    /* 0.88px */
  }
}
.order-chapter02 .slide-item-img {
  display: flex;
  align-items: center;
  justify-content: center;
 gap: clamp(16px, -0.262755102px + 4.3367346939vw, 33px);
}
@media (max-width: 767px) {
  .order-chapter02 .slide-item-img {
    flex-direction: column;
    margin: auto;
  }
}
.order-chapter02 .slide-item-img .slide-img {
  width: clamp(198px, 0.4293148309px + 25.7588898526vw, 495px);
}
@media (max-width: 767px) {
.order-chapter02 .slide-item-img .slide-img {
	width: clamp(220px, -0.0255102041px + 58.6734693878vw, 450px);
	}
}
.order-chapter02 .slide-item p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
 font-size: clamp(7px, 1.0130095403px + 0.7805724198vw, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: clamp(0.32px, 0.0006938422px + 0.0416305291vw, 0.8px);
}
@media (max-width: 767px) {
.order-chapter02 .slide-item p {
	  font-size: clamp(13px, 0.5637755102px + 3.3163265306vw, 26px);
  letter-spacing: clamp(0.65px, 0.0281887755px + 0.1658163265vw, 1.3px);
	}
}
.order-chapter02-link-area {
  margin-top: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
}
@media (max-width: 767px) {
  .order-chapter02-link-area {
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.order-chapter02-link-area .content-link {
  color: var(--_FFF, #FFF);
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding: clamp(0.625rem, 1.302vw, 1.563rem) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  align-items: center;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #A28764);
  margin: auto;
}
@media (max-width: 767px) {
  .order-chapter02-link-area .content-link {
    display: flex;
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 30);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(1.25rem, 5.333vw, 2.56rem);
    justify-content: space-between;
    align-items: center;
  }
}
.order-chapter02-link-area .content-link__text {
  color: var(--_FFF, #FFF);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .order-chapter02-link-area .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.25;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}
.order-chapter02-link-area .content-link::before {
  right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 5);
}
@media (max-width: 767px) {
  .order-chapter02-link-area .content-link::before {
    right: clamp(1.875rem, 8vw, 3.84rem);
  }
}

.order-chapter03 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.1);
}
@media (max-width: 767px) {
  .order-chapter03 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
  .order-chapter03 .text-and-picture {
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.order-chapter03.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.order-chapter03.virtical-lead.right-photo h2::after {
  width: clamp(26.65rem, 55.521vw, 66.625rem);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.order-chapter03.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 5);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo .lead-and-picture {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
  .order-chapter03.virtical-lead.right-photo .lead-and-picture h3 {
    flex-direction: row;
  }
}
.order-chapter03.virtical-lead.right-photo .picture-and-text {
  margin-top: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
  display: flex;
  align-items: start;
  justify-content: start;
  gap: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo .picture-and-text {
    margin-top: clamp(1.5rem, 6.399vw, 3.072rem);
    flex-direction: column-reverse;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.order-chapter03.virtical-lead.right-photo .picture-and-text-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo .picture-and-text-img {
    width: 100%;
  }
}
.order-chapter03.virtical-lead.right-photo .picture-and-text-txt {
  width: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 20);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo .picture-and-text-txt {
    width: 100%;
  }
}
.order-chapter03.virtical-lead.right-photo .picture-and-text-txt .point-list {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo .picture-and-text-txt .point-list {
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.order-chapter03.virtical-lead.right-photo .picture-and-text-txt h3 {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) / 10);
}
@media (max-width: 767px) {
  .order-chapter03.virtical-lead.right-photo .picture-and-text-txt h3 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.57143;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
  }
}
.order-chapter03-link-area {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.3);
}
@media (max-width: 767px) {
  .order-chapter03-link-area {
    margin-top: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 4);
  }
}
.order-chapter03-link-area .content-link {
  color: var(--_FFF, #FFF);
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding: clamp(0.625rem, 1.302vw, 1.563rem) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  align-items: center;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #A28764);
  margin: auto;
}
@media (max-width: 767px) {
  .order-chapter03-link-area .content-link {
    display: flex;
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 30);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(1.25rem, 5.333vw, 2.56rem);
    justify-content: space-between;
    align-items: center;
  }
}
.order-chapter03-link-area .content-link__text {
  color: var(--_FFF, #FFF);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .order-chapter03-link-area .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.25;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}
.order-chapter03-link-area .content-link::before {
  right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 5);
}
@media (max-width: 767px) {
  .order-chapter03-link-area .content-link::before {
    right: clamp(1.875rem, 8vw, 3.84rem);
  }
}

.order-chapter04 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.1);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.1);
}
@media (max-width: 767px) {
  .order-chapter04 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: clamp(1.813rem, 7.733vw, 3.712rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.order-chapter04.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
}
@media (max-width: 767px) {
  .order-chapter04.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.order-chapter04.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 24);
}
@media (max-width: 767px) {
  .order-chapter04.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.order-chapter04.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .order-chapter04.virtical-lead.right-photo .lead-and-picture {
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.order-chapter04-images {
  width: 100%;
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  gap: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2) clamp(0.75rem, 1.563vw, 1.875rem);
  flex-wrap: wrap;
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .order-chapter04-images {
    gap: clamp(0.625rem, 2.667vw, 1.28rem) calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
	 justify-content:center;
    margin-top: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.order-chapter04-images img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  flex-shrink: 0;
  aspect-ratio: 3/2;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .order-chapter04-images img {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 15.7);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}

.order-chapter05 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.1);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .order-chapter05 {
    padding-top: clamp(1.813rem, 7.733vw, 3.712rem);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}

.bottom-contact-area {
  display: flex;
  width: 100%;
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_, #F8F7F4);
}
@media (max-width: 767px) {
  .bottom-contact-area {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin: 0 calc(var(--bs-gutter-x) * 0.5);
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) * 2) clamp(1.5rem, 6.399vw, 3.072rem);
    gap: clamp(1rem, 4.267vw, 2.048rem);
    border-radius: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.bottom-contact-area h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 0;
  gap: clamp(0.3rem, 0.625vw, 0.75rem);
}
@media (max-width: 767px) {
  .bottom-contact-area h2 {
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.bottom-contact-area .title-en {
  color: var(--_, #A28764);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .bottom-contact-area .title-en {
    font-size: clamp(1.875rem, 8vw, 3.84rem);
    letter-spacing: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 10);
  }
}
.bottom-contact-area .title-jp {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
}
@media (max-width: 767px) {
  .bottom-contact-area .title-jp {
    font-size: clamp(1.063rem, 4.534vw, 2.176rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.063rem, 4.534vw, 2.176rem) / 20);
    margin-top: 0;
  }
}
.bottom-contact-area p {
  color: var(---28, #282828);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.77778;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .bottom-contact-area p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding: 0 calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
  }
}
.bottom-contact-area-link {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .bottom-contact-area-link {
    flex-direction: column;
    gap: clamp(1rem, 4.267vw, 2.048rem);
    width: 100%;
  }
}
.bottom-contact-area-link .content-link {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  align-items: center;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .bottom-contact-area-link .content-link {
    width: 100%;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(1.25rem, 5.333vw, 2.56rem);
    justify-content: space-between;
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.bottom-contact-area-link .content-link::before {
  right: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 5);
}

/*森の空箱 */
.page-id-294 .page-eyecatch-img::before {
  content: none;
}
.page-id-294 .page-eyecatch-img img {
  width: 100vw;
  max-width: 1918px;
  height: auto;
  border-radius: 0;
}
.page-id-294 .left-content {
  padding-top: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .page-id-294 .left-content {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
}
.page-id-294 .right-content {
  padding-top: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .page-id-294 .right-content {
    padding-top: clamp(1.5rem, 6.399vw, 3.072rem);
    width: 100vw;
  }
}
.page-id-294 .right-content .bg-beige::before {
  left: calc(-1 * clamp(13.45rem, 28.021vw, 33.625rem));
}
@media (max-width: 767px) {
  .page-id-294 .right-content .bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.page-id-294 .page-lead-area p {
  padding: 0 clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
}

.mori-chapter01 {
  padding-bottom: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 2);
}
@media (max-width: 767px) {
  .mori-chapter01 {
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.mori-chapter01.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
}
@media (max-width: 767px) {
  .mori-chapter01.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.mori-chapter01.virtical-lead.right-photo h2::after {
  width: clamp(21.375rem, 44.531vw, 53.438rem);
}
@media (max-width: 767px) {
  .mori-chapter01.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.mori-chapter01.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.575rem, 1.198vw, 1.438rem) * 3);
}
@media (max-width: 767px) {
  .mori-chapter01.virtical-lead.right-photo .lead-and-picture {
    padding-left: calc(0.5 * var(--bs-gutter-x));
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.mori-chapter01 .mori-feature-list {
  margin-top: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
}
@media (max-width: 767px) {
  .mori-chapter01 .mori-feature-list {
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.mori-chapter01 .mori-feature-list .feature-list-item {
  gap: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
}
@media (max-width: 767px) {
  .mori-chapter01 .mori-feature-list .feature-list-item {
    gap: clamp(0.75rem, 3.201vw, 1.536rem);
  }
}
.mori-chapter01 .mori-feature-list .feature-list-item h3 {
  margin-bottom: clamp(0.3rem, 0.625vw, 0.75rem);
}
.mori-chapter01 .mori-feature-list .feature-list-item:first-of-type {
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
}
.mori-chapter01 .mori-feature-list .feature-list-item:first-of-type h3 {
  margin-bottom: 0;
}
.mori-chapter01 .mori-feature-list .feature-list-item .mori-icon-hiraya {
  width: clamp(2.725rem, 5.677vw, 6.813rem);
  height: clamp(1.675rem, 3.49vw, 4.188rem);
}
@media (max-width: 767px) {
  .mori-chapter01 .mori-feature-list .feature-list-item .mori-icon-hiraya {
    width: clamp(5.125rem, 21.867vw, 10.496rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    aspect-ratio: 41/25;
  }
}
.mori-chapter01 .mori-feature-list .feature-list-item .mori-icon-calc {
  width: clamp(1.775rem, 3.698vw, 4.438rem);
  height: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 9);
}
@media (max-width: 767px) {
  .mori-chapter01 .mori-feature-list .feature-list-item .mori-icon-calc {
    width: clamp(3.125rem, 4.914rem - 7.634vw, 1.25rem);
    height: calc(clamp(1.438rem, 6.132vw, 2.944rem) * 3);
  }
}
.mori-chapter01 .mori-feature-list .feature-list-item .mori-icon-hand {
  width: clamp(3.075rem, 6.406vw, 7.688rem);
  height: clamp(2.425rem, 5.052vw, 6.062rem);
}
@media (max-width: 767px) {
  .mori-chapter01 .mori-feature-list .feature-list-item .mori-icon-hand {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 9);
    height: clamp(4.436rem, 18.927vw, 9.085rem);
  }
}
.mori-chapter01 .mori-feature-list h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  text-align: center;
  width: 100%;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .mori-chapter01 .mori-feature-list h3 {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 10);
  }
}

.feature-list {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: clamp(0.55rem, 1.146vw, 1.375rem);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .feature-list {
    flex-direction: column;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.feature-list-item {
  display: flex;
  width: 32%;
  height: clamp(11.8rem, 24.583vw, 29.5rem);
  padding: 0 calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_, #F8F7F4);
}
@media (max-width: 767px) {
  .feature-list-item {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: auto;
    padding: clamp(1.875rem, 8vw, 3.84rem);
    gap: clamp(0.75rem, 3.201vw, 1.536rem);
  }
}
.feature-list-item h3 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  margin-bottom: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .feature-list-item h3 {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 10);
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}

.mori-chapter02 {
  padding-top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 2);
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}
@media (max-width: 767px) {
  .mori-chapter02 {
    padding-left: clamp(0.75rem, 3.201vw, 1.536rem);
    padding-right: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
.mori-chapter02.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
}
@media (max-width: 767px) {
  .mori-chapter02.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.mori-chapter02.virtical-lead.right-photo h2::after {
  width: clamp(26.65rem, 55.521vw, 66.625rem);
}
@media (max-width: 767px) {
  .mori-chapter02.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.mori-chapter02.virtical-lead.right-photo .lead-and-picture {
  padding-top: 0;
  margin-bottom: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 4);
}
@media (max-width: 767px) {
  .mori-chapter02.virtical-lead.right-photo .lead-and-picture {
    padding-left: calc(0.5 * var(--bs-gutter-x));
    gap: clamp(1.75rem, 7.466vw, 3.584rem);
    margin-bottom: calc(clamp(1.438rem, 6.132vw, 2.944rem) * 2);
  }
}
.mori-chapter02 .mori-feature-list.row-card-list {
  margin-top: 0;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .mori-chapter02 .mori-feature-list.row-card-list {
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
@media (max-width: 767px) {
  .mori-chapter02 .mori-feature-list-item.row-card {
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.mori-chapter02 .mori-feature-list-item.row-card h3 {
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  padding-bottom: 0;
  border: 0;
}
@media (max-width: 767px) {
  .mori-chapter02 .mori-feature-list-item.row-card h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
  }
}
.mori-chapter02 .mori-feature-list-item.row-card:nth-child(2n+1) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .mori-chapter02 .mori-feature-list-item.row-card:nth-child(2n+1) {
    flex-direction: column;
  }
}

.mori-chapter03 {
  padding-top: calc(clamp(0.625rem, 1.302vw, 1.563rem) * 5);
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
}
@media (max-width: 767px) {
  .mori-chapter03 {
    padding: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5) clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.mori-chapter03.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 4);
}
@media (max-width: 767px) {
  .mori-chapter03.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.mori-chapter03.virtical-lead.right-photo h2::after {
  width: clamp(25.325rem, 52.76vw, 63.313rem);
}
@media (max-width: 767px) {
  .mori-chapter03.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.mori-chapter03 .page-swiper {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
.mori-chapter03 .slide-item {
  width: clamp(28.75rem, 59.896vw, 71.875rem);
  height: clamp(12.35rem, 25.729vw, 30.875rem);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_FFF, #FFF);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .mori-chapter03 .slide-item {
    width: 100%;
    height: auto;
    flex-direction: column;
    padding: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.mori-chapter03 .slide-item-left {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 51);
}
@media (max-width: 767px) {
  .mori-chapter03 .slide-item-left {
    width: 100%;
  }
  .mori-chapter03 .slide-item-left p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.mori-chapter03 .slide-item-left h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  padding-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
  margin-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
  border-bottom: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid #A28764;
}
@media (max-width: 767px) {
  .mori-chapter03 .slide-item-left h3 {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.375rem, 5.868vw, 2.816rem) / 10);
    padding-bottom: clamp(1rem, 4.267vw, 2.048rem);
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
    border-bottom-width: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 10);
  }
}
.mori-chapter03 .slide-item-right {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 55);
  aspect-ratio: 50/39;
}
@media (max-width: 767px) {
  .mori-chapter03 .slide-item-right {
    width: 100%;
  }
}

.mori-chapter04 {
  padding-top: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 5);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .mori-chapter04 {
    padding-top: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.mori-chapter04 .content-link.morinoakibako-lp-link {
  width: clamp(30.8rem, 64.167vw, 77rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 24.8);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #A28764);
  padding-left: 0;
  padding-right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  justify-content: start;
  color: #fff;
  gap: 0;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
}
@media (max-width: 767px) {
  .mori-chapter04 .content-link.morinoakibako-lp-link {
    flex-direction: column;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(1.313rem, 5.601vw, 2.688rem) * 10);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
    margin: auto;
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
    padding-right: 0;
    align-items: start;
  }
}
.mori-chapter04 .content-link.morinoakibako-lp-link .mori-banner-link-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 54.4);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem) 0 0 clamp(0.25rem, 0.521vw, 0.625rem);
  overflow: hidden;
}
@media (max-width: 767px) {
  .mori-chapter04 .content-link.morinoakibako-lp-link .mori-banner-link-img {
    width: 100%;
    height: calc(clamp(0.875rem, 3.733vw, 1.792rem) * 10);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem) 0 0;
  }
}
.mori-chapter04 .content-link.morinoakibako-lp-link .mori-banner-link-img img {
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mori-chapter04 .content-link.morinoakibako-lp-link:hover .mori-banner-link-img img {
  transform: scale(1.1);
}
@media (max-width: 767px) {
  .mori-chapter04 .content-link.morinoakibako-lp-link:hover .mori-banner-link-img img {
    transform: 1;
  }
}
.mori-chapter04 .content-link.morinoakibako-lp-link .mori-logo-white {
  width: clamp(3.208rem, 6.682vw, 8.019rem);
  height: clamp(4.333rem, 9.028vw, 10.834rem);
  margin-left: calc(clamp(0.4rem, 0.833vw, 1rem) * 6);
  margin-right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.47);
}
@media (max-width: 767px) {
  .mori-chapter04 .content-link.morinoakibako-lp-link .mori-logo-white {
    display: none;
  }
}
.mori-chapter04 .content-link.morinoakibako-lp-link .content-link__text {
  color: var(--_FFF, #FFF);
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  line-height: 2.25;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .mori-chapter04 .content-link.morinoakibako-lp-link .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.25;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
    display: flex;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0;
    padding-left: clamp(1.25rem, 5.333vw, 2.56rem);
    justify-content: start;
    align-items: center;
    border-radius: 0 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.mori-chapter04 .content-link.morinoakibako-lp-link::before {
  right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9.5);
}
@media (max-width: 767px) {
  .mori-chapter04 .content-link.morinoakibako-lp-link::before {
    right: clamp(1.875rem, 8vw, 3.84rem);
    top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 16.5);
  }
}
.mori-chapter04 .content-link.morinoakibako-lp-link::after {
  position: absolute;
  right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .mori-chapter04 .content-link.morinoakibako-lp-link::after {
    top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 15.5);
    right: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}

/*リノベーション*/
.page-id-315 .page-eyecatch-img::before {
  content: none;
}
.page-id-315 .page-eyecatch-img img {
  width: 100vw;
  max-width: 1918px;
  height: auto;
  border-radius: 0;
}
.page-id-315 .left-content {
  padding-top: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .page-id-315 .left-content {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
}
.page-id-315 .right-content {
  padding-top: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .page-id-315 .right-content {
    padding-top: clamp(1.5rem, 6.399vw, 3.072rem);
    width: 100vw;
  }
}
.page-id-315 .right-content .bg-beige::before {
  left: calc(-51.8 * clamp(0.25rem, 0.521vw, 0.625rem));
}
@media (max-width: 767px) {
  .page-id-315 .right-content .bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.page-id-315 .page-lead-area p {
  padding: 0 clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
}

.renovation-chapter01 {
  padding-top: 0;
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.25);
}
@media (max-width: 767px) {
  .renovation-chapter01 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.renovation-chapter01.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
}
@media (max-width: 767px) {
  .renovation-chapter01.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.renovation-chapter01.virtical-lead.right-photo h2::after {
  width: clamp(20.575rem, 42.865vw, 51.438rem);
}
@media (max-width: 767px) {
  .renovation-chapter01.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.renovation-chapter01 .feature-list-item {
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 56.8);
}
@media (max-width: 767px) {
  .renovation-chapter01 .feature-list-item {
    height: auto;
  }
}
.renovation-chapter01 .feature-list-item h3 {
  margin-bottom: 0;
}
.renovation-chapter01 .renovation-icon-cost {
  width: clamp(2.575rem, 5.365vw, 6.438rem);
  height: clamp(1.754rem, 3.653vw, 4.384rem);
}
@media (max-width: 767px) {
  .renovation-chapter01 .renovation-icon-cost {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    height: auto;
  }
}
.renovation-chapter01 .renovation-icon-air {
  width: clamp(2.248rem, 4.683vw, 5.62rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8.9);
}
@media (max-width: 767px) {
  .renovation-chapter01 .renovation-icon-air {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    height: auto;
  }
}
.renovation-chapter01 .renovation-icon-support {
  width: clamp(1.935rem, 4.031vw, 4.837rem);
  height: clamp(2.204rem, 4.592vw, 5.511rem);
}
@media (max-width: 767px) {
  .renovation-chapter01 .renovation-icon-support {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    height: auto;
  }
}

.renovation-chapter02 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.25);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
}
@media (max-width: 767px) {
  .renovation-chapter02 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
  .renovation-chapter02 p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.renovation-chapter02.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.6);
}
@media (max-width: 767px) {
  .renovation-chapter02.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.renovation-chapter02.virtical-lead.right-photo h2::after {
  width: clamp(18.725rem, 39.01vw, 46.813rem);
}
@media (max-width: 767px) {
  .renovation-chapter02.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.renovation-chapter02 .difference-table {
  margin-top: clamp(0.475rem, 0.99vw, 1.188rem);
  border-bottom: 1px solid var(--_CF, #CFCFCF);
}
@media (max-width: 767px) {
  .renovation-chapter02 .difference-table {
    margin-top: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.renovation-chapter02 .difference-table tr:first-child {
  border: 1px solid #B9B9B9;
}
.renovation-chapter02 .difference-table tr:first-child th {
  border-left: 1px solid #B9B9B9;
}
.renovation-chapter02 .difference-table th {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 5);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 23.2);
  padding: clamp(0.4rem, 0.833vw, 1rem);
  border-top: 1px solid var(--_CF, #CFCFCF);
  border-left: 1px solid var(--_CF, #CFCFCF);
  background: var(--_, #F8F7F4);
}
@media (max-width: 767px) {
  .renovation-chapter02 .difference-table th {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 5);
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 10);
  }
}
.renovation-chapter02 .difference-table th.rebuilding-point {
  color: var(--_FFF, #FFF);
  border-top: 1px solid #B9B9B9;
  border-left: 1px solid #B9B9B9;
  background: var(--_, #6A5D56);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
}
@media (max-width: 767px) {
  .renovation-chapter02 .difference-table th.rebuilding-point {
    padding: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.renovation-chapter02 .difference-table th.renovation-point {
  color: var(--_FFF, #FFF);
  border-top: 1px solid #B9B9B9;
  border-left: 1px solid #B9B9B9;
  background: var(--_, #DD8E4A);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
}
@media (max-width: 767px) {
  .renovation-chapter02 .difference-table th.renovation-point {
    padding: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.renovation-chapter02 .difference-table td {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.55556;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  padding: clamp(0.4rem, 0.833vw, 1rem);
  border-top: 1px solid var(--_CF, #CFCFCF);
  border-right: 1px solid var(--_CF, #CFCFCF);
  border-left: 1px solid var(--_CF, #CFCFCF);
}
@media (max-width: 767px) {
  .renovation-chapter02 .difference-table td {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}

.renovation-chapter03 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
}
@media (max-width: 767px) {
  .renovation-chapter03 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
  .renovation-chapter03 p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.renovation-chapter03.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.6);
}
@media (max-width: 767px) {
  .renovation-chapter03.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.renovation-chapter03.virtical-lead.right-photo h2::after {
  width: clamp(26.65rem, 55.521vw, 66.625rem);
}
@media (max-width: 767px) {
  .renovation-chapter03.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.renovation-chapter03 .renovation-feature-list.row-card-list {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .renovation-chapter03 .renovation-feature-list.row-card-list .renovation-feature-list-item.row-card {
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.renovation-chapter03 .renovation-feature-list.row-card-list .renovation-feature-list-item.row-card h3 {
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  padding-bottom: 0;
  border: 0;
}
@media (max-width: 767px) {
  .renovation-chapter03 .renovation-feature-list.row-card-list .renovation-feature-list-item.row-card h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
  }
}
.renovation-chapter03 .renovation-feature-list.row-card-list .renovation-feature-list-item.row-card:nth-child(2n+1) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .renovation-chapter03 .renovation-feature-list.row-card-list .renovation-feature-list-item.row-card:nth-child(2n+1) {
    flex-direction: column;
  }
}

.renovation-chapter04 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 13.6);
}
@media (max-width: 767px) {
  .renovation-chapter04 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
  .renovation-chapter04 p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.renovation-chapter04.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.5);
}
@media (max-width: 767px) {
  .renovation-chapter04.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.renovation-chapter04.virtical-lead.right-photo h2::after {
  width: clamp(16.075rem, 33.49vw, 40.188rem);
}
@media (max-width: 767px) {
  .renovation-chapter04.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.renovation-chapter04 .flow-list {
  max-width: calc(clamp(30.8rem, 64.167vw, 77rem) - 2px);
}
@media (max-width: 767px) {
  .renovation-chapter04 .flow-list {
    margin-top: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 3);
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.renovation-chapter04 .flow-list-item {
  border: 2px solid var(--_, #6A5D56);
}
@media (max-width: 767px) {
  .renovation-chapter04 .flow-list-item {
    border: 1px solid var(--_, #6A5D56);
  }
}

.renovation-chapter05,
.reform-chapter05 {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 11.5);
}
@media (max-width: 767px) {
  .renovation-chapter05,
  .reform-chapter05 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.renovation-chapter05.virtical-lead.right-photo h2,
.reform-chapter05.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
}
@media (max-width: 767px) {
  .renovation-chapter05.virtical-lead.right-photo h2,
  .reform-chapter05.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.renovation-chapter05.virtical-lead.right-photo h2::after,
.reform-chapter05.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 80);
}
@media (max-width: 767px) {
  .renovation-chapter05.virtical-lead.right-photo h2::after,
  .reform-chapter05.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.renovation-chapter05 .slide-item,
.reform-chapter05 .slide-item {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 115);
  padding: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 5) calc(clamp(0.725rem, 1.51vw, 1.813rem) * 2);
  flex-direction: column;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .renovation-chapter05 .slide-item,
  .reform-chapter05 .slide-item {
    width: 100%;
    padding: clamp(1.5rem, 6.399vw, 3.072rem);
    gap: clamp(0.625rem, 2.667vw, 1.28rem);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.renovation-chapter05 .slide-item .more-link, .renovation-chapter05 .slide-item .content-link,
.reform-chapter05 .slide-item .more-link,
.reform-chapter05 .slide-item .content-link {
  width: 100%;
  display: flex;
  justify-content: space-between;
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.625;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
}
@media (max-width: 767px) {
  .renovation-chapter05 .slide-item .more-link, .renovation-chapter05 .slide-item .content-link,
  .reform-chapter05 .slide-item .more-link,
  .reform-chapter05 .slide-item .content-link {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.375rem, 5.868vw, 2.816rem) / 10);
  }
}
.renovation-chapter05 .slide-item h4,
.reform-chapter05 .slide-item h4 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .renovation-chapter05 .slide-item h4,
  .reform-chapter05 .slide-item h4 {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.625;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 20);
  }
}
.renovation-chapter05 .slide-item .slide-picture,
.reform-chapter05 .slide-item .slide-picture {
  display: flex;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .renovation-chapter05 .slide-item .slide-picture,
  .reform-chapter05 .slide-item .slide-picture {
    flex-direction: column;
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.renovation-chapter05 .slide-item .slide-picture p,
.reform-chapter05 .slide-item .slide-picture p {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
  margin-top: clamp(0.3rem, 0.625vw, 0.75rem);
}
@media (max-width: 767px) {
  .renovation-chapter05 .slide-item .slide-picture p,
  .reform-chapter05 .slide-item .slide-picture p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 20);
  }
}
.renovation-chapter05 .slide-item p,
.reform-chapter05 .slide-item p {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 20);
}
@media (max-width: 767px) {
  .renovation-chapter05 .slide-item p,
  .reform-chapter05 .slide-item p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 20);
  }
}
.renovation-chapter05-link-area,
.reform-chapter05-link-area {
  margin-top: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
}
@media (max-width: 767px) {
  .renovation-chapter05-link-area,
  .reform-chapter05-link-area {
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.renovation-chapter05-link-area .content-link,
.reform-chapter05-link-area .content-link {
  color: var(--_FFF, #FFF);
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding: clamp(0.625rem, 1.302vw, 1.563rem) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  align-items: center;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #A28764);
  margin: auto;
}
@media (max-width: 767px) {
  .renovation-chapter05-link-area .content-link,
  .reform-chapter05-link-area .content-link {
    display: flex;
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 30);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(1.25rem, 5.333vw, 2.56rem);
    justify-content: space-between;
    align-items: center;
  }
}
.renovation-chapter05-link-area .content-link__text,
.reform-chapter05-link-area .content-link__text {
  color: var(--_FFF, #FFF);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .renovation-chapter05-link-area .content-link__text,
  .reform-chapter05-link-area .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.25;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}
.renovation-chapter05-link-area .content-link::before,
.reform-chapter05-link-area .content-link::before {
  right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 5);
}
@media (max-width: 767px) {
  .renovation-chapter05-link-area .content-link::before,
  .reform-chapter05-link-area .content-link::before {
    right: clamp(1.875rem, 8vw, 3.84rem);
  }
}

.renovation-chapter06,
.reform-chapter06,
.land-chapter03 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9.8);
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}

/*リフォーム*/
.page-id-335 .page-eyecatch-img::before {
  content: none;
}
.page-id-335 .page-eyecatch-img img {
  width: 100vw;
  max-width: 1918px;
  height: auto;
  border-radius: 0;
}
.page-id-335 .left-content {
  padding-top: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .page-id-335 .left-content {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
}
.page-id-335 .right-content {
  padding-top: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 4);
}
@media (max-width: 767px) {
  .page-id-335 .right-content {
    padding-top: clamp(1.5rem, 6.399vw, 3.072rem);
    width: 100vw;
  }
}
.page-id-335 .right-content .bg-beige::before {
  left: calc(-51.8 * clamp(0.25rem, 0.521vw, 0.625rem));
}
@media (max-width: 767px) {
  .page-id-335 .right-content .bg-beige::before {
    left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.page-id-335 .page-lead-area p {
  padding: 0 clamp(0.625rem, 2.667vw, 1.28rem);
}

.reform-chapter01 {
  padding-top: 0;
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.1);
}
@media (max-width: 767px) {
  .reform-chapter01 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
  .reform-chapter01 p {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.reform-chapter01.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.2);
}
@media (max-width: 767px) {
  .reform-chapter01.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.reform-chapter01.virtical-lead.right-photo h2::after {
  width: clamp(17.4rem, 36.25vw, 43.5rem);
}
@media (max-width: 767px) {
  .reform-chapter01.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.reform-chapter01-content {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
  display: flex;
  align-items: start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .reform-chapter01-content {
    margin-top: clamp(1.375rem, 5.868vw, 2.816rem);
    flex-direction: column;
  }
}
.reform-chapter01-content-left ul {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 68.2);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .reform-chapter01-content-left ul {
    width: 100%;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.reform-chapter01-content-left li {
  font-weight: 500;
  display: flex;
  padding: clamp(0.25rem, 0.521vw, 0.625rem) clamp(0.5rem, 1.042vw, 1.25rem);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(0.4rem, 0.833vw, 1rem);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #F8F7F4);
}
@media (max-width: 767px) {
  .reform-chapter01-content-left li {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding: clamp(1rem, 4.267vw, 2.048rem) calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    gap: 10px;
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.reform-chapter01-content-right {
  width: clamp(12.619rem, 26.29vw, 31.548rem);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 20);
}
@media (max-width: 767px) {
  .reform-chapter01-content-right {
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 10);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 17.1168);
    aspect-ratio: 112/71;
    margin: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4) auto 0;
  }
}

.reform-chapter02 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.1);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.2);
}
@media (max-width: 767px) {
  .reform-chapter02 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.reform-chapter02.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
}
@media (max-width: 767px) {
  .reform-chapter02.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.reform-chapter02.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 82.3);
}
@media (max-width: 767px) {
  .reform-chapter02.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.reform-chapter02 .feature-list-item {
  justify-content: start;
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.3);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 55.5);
}
@media (max-width: 767px) {
  .reform-chapter02 .feature-list-item {
    padding-top: clamp(1.875rem, 8vw, 3.84rem);
    height: auto;
  }
}
.reform-chapter02 .feature-list-item:last-child {
  padding-top: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 3);
}
@media (max-width: 767px) {
  .reform-chapter02 .feature-list-item:last-child {
    padding-top: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.reform-chapter02 .feature-list-item h3 {
  margin-bottom: 0;
}
.reform-chapter02 .feature-list-item .feature-list-text {
  line-height: 1.77;
}
@media (max-width: 767px) {
  .reform-chapter02 .feature-list-item .feature-list-text {
    line-height: 1.84;
  }
}
.reform-chapter02 .reform-icon-construction {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 13.0924);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9.1);
}
@media (max-width: 767px) {
  .reform-chapter02 .reform-icon-construction {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6.5);
    height: auto;
  }
}
.reform-chapter02 .reform-icon-air {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10.3);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8.652);
}
@media (max-width: 767px) {
  .reform-chapter02 .reform-icon-air {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    height: auto;
  }
}
.reform-chapter02 .reform-icon-scale {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 13.1);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9.8025);
}
@media (max-width: 767px) {
  .reform-chapter02 .reform-icon-scale {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    height: auto;
  }
}

.reform-chapter03 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.2);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .reform-chapter03 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.reform-chapter03.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.8);
}
@media (max-width: 767px) {
  .reform-chapter03.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.reform-chapter03.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 69.6);
}
@media (max-width: 767px) {
  .reform-chapter03.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.reform-chapter03 .reform-menu-list {
  display: flex;
  width: clamp(30.8rem, 64.167vw, 77rem);
  align-items: flex-start;
  align-content: flex-start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9);
  flex-wrap: wrap;
}

.reform-chapter04 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10.6);
}
@media (max-width: 767px) {
  .reform-chapter04 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.reform-chapter04.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.5);
}
@media (max-width: 767px) {
  .reform-chapter04.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.reform-chapter04.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 74.9);
}
@media (max-width: 767px) {
  .reform-chapter04.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.reform-chapter04 .flow-list {
  max-width: calc(clamp(30.8rem, 64.167vw, 77rem) - 2px);
}
@media (max-width: 767px) {
  .reform-chapter04 .flow-list {
    margin-top: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 3);
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.reform-chapter04 .flow-list-item {
  border: 2px solid var(--_, #6A5D56);
}
@media (max-width: 767px) {
  .reform-chapter04 .flow-list-item {
    border: 1px solid var(--_, #6A5D56);
  }
}

/*土地のこと*/
.page-id-342 .page-eyecatch-img::before {
  content: none;
}
.page-id-342 .page-eyecatch-img img {
  width: 100vw;
  max-width: 1918px;
  height: auto;
  border-radius: 0;
}
.page-id-342 .left-content {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .page-id-342 .left-content {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
  }
}
.page-id-342 .right-content {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .page-id-342 .right-content {
    padding-top: clamp(1.5rem, 6.399vw, 3.072rem);
    width: 100vw;
  }
}

.land-chapter01 {
  padding-top: 0;
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.5);
}
@media (max-width: 767px) {
  .land-chapter01 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.land-chapter01.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.6);
}
@media (max-width: 767px) {
  .land-chapter01.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.land-chapter01.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 106.6);
}
@media (max-width: 767px) {
  .land-chapter01.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.land-chapter01 .land-feature-list.row-card-list {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.8);
}
@media (max-width: 767px) {
  .land-chapter01 .land-feature-list.row-card-list .row-card {
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.land-chapter01 .land-feature-list.row-card-list .row-card h3 {
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
  padding-bottom: 0;
  border: 0;
}
@media (max-width: 767px) {
  .land-chapter01 .land-feature-list.row-card-list .row-card h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
  }
}
.land-chapter01 .land-feature-list.row-card-list .row-card:nth-child(2n+1) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .land-chapter01 .land-feature-list.row-card-list .row-card:nth-child(2n+1) {
    flex-direction: column;
  }
}

.land-chapter02 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.5);
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .land-chapter02 {
    padding: calc(0.5 * var(--bs-gutter-x));
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3);
    width: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 13);
  }
}
.land-chapter02.virtical-lead.right-photo h2 {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5.1);
}
@media (max-width: 767px) {
  .land-chapter02.virtical-lead.right-photo h2 {
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.land-chapter02.virtical-lead.right-photo h2::after {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 80.2);
}
@media (max-width: 767px) {
  .land-chapter02.virtical-lead.right-photo h2::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom-width: 1px;
    top: 100%;
    transform: unset;
  }
}
.land-chapter02 .land-feature-list {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4.7);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.754);
}
.land-chapter02 .land-feature-list .feature-list-item {
  height: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 40);
}
@media (max-width: 767px) {
  .land-chapter02 .land-feature-list .feature-list-item {
    height: auto;
  }
}
.land-chapter02 .land-feature-list .feature-list-item h3 {
  margin-bottom: 0;
}
.land-chapter02 .land-icon-consultation {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 13.7);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.9);
}
@media (max-width: 767px) {
  .land-chapter02 .land-icon-consultation {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    height: auto;
  }
}
.land-chapter02 .land-icon-home {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 11.3);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8.1005);
}
@media (max-width: 767px) {
  .land-chapter02 .land-icon-home {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5);
    height: auto;
  }
}
.land-chapter02 .land-icon-ground {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.7);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.1293);
}
@media (max-width: 767px) {
  .land-chapter02 .land-icon-ground {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
    height: auto;
  }
}
.land-chapter02 .link-gofudosan {
  margin: auto;
}

@media (max-width: 767px) {
  .land-chapter03 {
    padding-top: 0;
  }
}

/*news index.php ニュース一覧*/
.index .entry-header {
  margin-bottom: 0;
}
.index .entry-header::after {
  content: none;
}
.index main {
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .index main {
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
@media (max-width: 767px) {
  .index .page-lead-area {
    padding-bottom: 0;
  }
}

.category-list {
  padding-top: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 4);
  padding-bottom: clamp(2.15rem, 4.479vw, 5.375rem);
}
@media (max-width: 767px) {
  .category-list {
    padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}

.category-item {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 0;
  list-style: none;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .category-item {
    display: flex;
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 32.2);
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    gap: clamp(0.875rem, 3.733vw, 1.792rem);
    flex-wrap: wrap;
    margin: auto;
  }
}
.category-item .current {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 20);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_, #A28764);
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
}
@media (max-width: 767px) {
  .category-item .current {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 15.4);
    height: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 2.14286;
    border-radius: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.category-item a {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 20);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .category-item a {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 15.4);
    height: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 2.14286;
    border-radius: clamp(1.25rem, 5.333vw, 2.56rem);
    border: 1px solid var(--_, #6A5D56);
  }
}

.news-list-area {
  display: flex;
  align-items: start;
  justify-content: start;
  width: clamp(40.05rem, 83.438vw, 100.125rem);
  margin: auto;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10) calc(clamp(0.65rem, 1.354vw, 1.625rem) * 2);
  margin-bottom: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 4);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .news-list-area {
    flex-direction: column;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin: 0 auto;
    border-top: 1px solid var(--_CF, #CFCFCF);
    gap: 0;
  }
}
.news-list-area article {
  width: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 20);
}
@media (max-width: 767px) {
  .news-list-area article {
    width: 100%;
    border-bottom: 1px solid var(--_CF, #CFCFCF);
  }
}
@media (max-width: 767px) {
  .news-list-area article a {
    display: flex;
    align-items: center;
    justify-content: start;
    flex-wrap: wrap;
    padding: clamp(1rem, 4.267vw, 2.048rem) 0;
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
  .news-list-area article a > div:first-child {
    width: 100%;
    gap: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.news-list-area article a .eyecatch img {
  width: 100%;
  height: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 10);
  object-fit: cover;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .news-list-area article a .eyecatch img {
    width: calc(clamp(1rem, 4.267vw, 2.048rem) * 10);
    height: clamp(6.688rem, 28.533vw, 13.696rem);
    aspect-ratio: 157/105;
    border-radius: 5px;
  }
}
.news-list-area article a .news-title-link-text {
  margin-top: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .news-list-area article a .news-title-link-text {
    margin-top: 0;
    width: calc(clamp(0.938rem, 4vw, 1.92rem) * 10);
  }
}
.news-list-area article a .news-date {
  color: var(--_888, #888);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: clamp(0.25rem, 0.521vw, 0.625rem);
}
@media (max-width: 767px) {
  .news-list-area article a .news-date {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53;
  }
}
.news-list-area article a .post-category {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.87;
  display: flex;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .news-list-area article a .post-category {
    width: auto;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    border-radius: 5px;
    border-width: 1px;
  }
}
.news-list-area article a h2.blog-post-title.h5 {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  margin-top: clamp(0.25rem, 0.521vw, 0.625rem);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  /* 3行で省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* line-clamp: 3; // 将来的な標準化のため */
}
@media (max-width: 767px) {
  .news-list-area article a h2.blog-post-title.h5 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.42;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    -webkit-line-clamp: 5;
  }
}

/*news ニュース　single.php*/
.single.site-content {
  position: relative;
}
.single.site-content::before {
  content: "";
  background: var(--_, #F8F7F4);
  max-width: 1920px;
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .single.site-content::before {
    content: none;
  }
}
.single .entry-header {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .single .entry-header {
    margin-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5.4744);
  }
  .single .entry-header::before {
    content: "";
    background: var(--_, #F8F7F4);
    max-width: 1920px;
    width: 100vw;
    height: calc(clamp(0.813rem, 3.466vw, 1.664rem) * 10);
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
  }
}
.single .entry-header::after {
  content: none;
}
@media (max-width: 767px) {
  .single .entry-header::after {
    position: absolute;
    content: "";
    background: url(./assets/img/works-header-bottom-sp.svg) no-repeat;
    background-size: contain;
    max-width: 1920px;
    width: calc(100% + var(--bs-gutter-x));
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5.4744);
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
}
.single .entry-content-area {
  margin: auto;
  margin-top: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 2);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  width: clamp(34.8rem, 72.5vw, 87rem);
  border-radius: 10px;
  background: var(--_FFF, #FFF);
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .single .entry-content-area {
    padding: 0;
    padding-top: calc(clamp(0.938rem, 4vw, 1.92rem) * 3);
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin: 0 auto;
  }
}
.single .post-category {
  display: flex;
  min-width: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
	width:auto;
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: 0;
  justify-content: center;
  align-items: center;
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  border-radius: 5px;
  border: 1px solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
  margin-right: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .single .post-category {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    width: auto;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.single .news-date {
  color: var(--_888, #888);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.7;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 10);
  margin-top: clamp(0.4rem, 0.833vw, 1rem);
  margin-bottom: clamp(0.275rem, 0.573vw, 0.688rem);
}
@media (max-width: 767px) {
  .single .news-date {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: 1.66667;
  }
}
.single h1.entry-title {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.28571;
  letter-spacing: calc(clamp(0.525rem, 1.094vw, 1.313rem) / 10);
  position: relative;
  padding-left: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  padding-bottom: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 4);
  border-bottom: 2px solid #888;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .single h1.entry-title {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 10);
    padding-left: clamp(1.375rem, 5.868vw, 2.816rem);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    border-bottom-width: 1px;
    margin-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.single h1.entry-title::before {
  background: url(./assets/img/icon-circle-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.45rem, 0.938vw, 1.125rem);
  height: clamp(0.45rem, 0.938vw, 1.125rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  top: 0.7em;
  z-index: 0;
}
@media (max-width: 767px) {
  .single h1.entry-title::before {
    width: clamp(0.625rem, 2.667vw, 1.28rem);
    height: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.single .pagination {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  margin-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .single .pagination {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 1.3625);
    margin: auto;
    margin-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
  }
}
.single .pagination .page-link {
  display: flex;
  width: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 700;
  line-height: 2.11111;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
  position: relative;
}
@media (max-width: 767px) {
  .single .pagination .page-link {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 8.175);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    border-radius: clamp(1.5rem, 6.399vw, 3.072rem);
    border: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 20) solid var(--_, #6A5D56);
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: 1.9;
    letter-spacing: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 20);
  }
}
.single .pagination .page-link[rel=prev] {
  padding-left: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
.single .pagination .page-link[rel=prev]:before {
  background: url(./assets/img/icon-arrow-left-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.55rem, 1.146vw, 1.375rem);
  height: clamp(0.575rem, 1.198vw, 1.438rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
}
.single .pagination .page-link[rel=next] {
  padding-right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
.single .pagination .page-link[rel=next]:after {
  background: url(./assets/img/icon-arrow-left-brown.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.55rem, 1.146vw, 1.375rem);
  height: clamp(0.575rem, 1.198vw, 1.438rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
  transform: translateY(-50%) rotate(180deg);
}
.single .pagination .page-link.to-list {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 30);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  justify-content: start;
  align-items: center;
  flex-shrink: 0;
  color: #fff;
  border: 0;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  background: var(--_, #A28764);
  padding-left: clamp(2.95rem, 6.146vw, 7.375rem);
}
@media (max-width: 767px) {
  .single .pagination .page-link.to-list {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 13.625);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-left: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4.533);
    align-items: center;
    border-radius: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.single .pagination .page-link.to-list::before {
  background: url(./assets/img/icon-list.svg) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(0.475rem, 0.99vw, 1.188rem);
  height: clamp(0.475rem, 0.99vw, 1.188rem);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 5);
}
@media (max-width: 767px) {
  .single .pagination .page-link.to-list::before {
    width: clamp(0.688rem, 2.934vw, 1.408rem);
    height: clamp(0.688rem, 2.934vw, 1.408rem);
    left: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 1.952);
  }
}
.single .pagination .page-link:focus {
  box-shadow: none;
}
.single .footer-contact-area {
  background-color: #F8F7F4;
}

/*建築事例*/
@media (max-width: 767px) {
  .single-works .breadcrumb {
    padding-right: 0;
  }
}
.single-works .entry-header {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.0231);
}
.single-works .entry-header::after {
  position: absolute;
  content: "";
  background: url(./assets/img/works-header-bottom-pc.svg) no-repeat;
  background-size: contain;
  max-width: 1920px;
  width: calc(100% + var(--bs-gutter-x));
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.0231);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .single-works .entry-header::after {
    background: url(./assets/img/works-header-bottom-sp.svg) no-repeat;
    background-size: contain;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5.4744);
  }
}
.single-works .entry-content-area {
  margin-bottom: 0;
  padding-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) * 6);
}
@media (max-width: 767px) {
  .single-works .entry-content-area {
    padding: 0;
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.326);
    width: calc(100vw - var(--bs-gutter-x));
  }
}
.single-works h1.entry-title {
  padding-left: 0;
  text-align: center;
  border: 0;
  padding-bottom: 0;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .single-works h1.entry-title {
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(clamp(1.375rem, 5.868vw, 2.816rem) / 10);
    margin-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.single-works h1.entry-title::before {
  content: none;
}
.single-works .slider-main-wrapper {
  position: relative;
}
.single-works .slider-main .slide-inner {
  width: clamp(30.8rem, 64.167vw, 77rem);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 82.1);
  aspect-ratio: 1229/819;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .single-works .slider-main .slide-inner {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 21.8);
    aspect-ratio: 3/2;
  }
}
.single-works .slider-main .slide-inner img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
h3.slider-title {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: clamp(0.875rem, 0.814rem + 0.259vw, 1.125rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.875;
    margin-top: 0.5em;
}

.single-works .slider-main .slide-inner {
  /* スライダーの表示 */
}
.single-works .slider-main .slide-inner .slide,
.single-works .slider-main .slide-inner .post-slider {
  opacity: 0;
  transition: opacity 0.3s linear;
}
.single-works .slider-main .slide-inner .slide.slick-initialized,
.single-works .slider-main .slide-inner .post-slider.slick-initialized {
  opacity: 1;
}
.single-works .slider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
  z-index: 10;
}
@media (max-width: 767px) {
  .single-works .slider-arrow {
    top: calc(100% - clamp(1.875rem, 8vw, 3.84rem));
    transform: unset;
  }
}
.single-works .slider-arrow.prev {
  left: calc(-8.5 * clamp(0.25rem, 0.521vw, 0.625rem));
}
@media (max-width: 767px) {
  .single-works .slider-arrow.prev {
    left: clamp(0.625rem, 2.667vw, 1.28rem);
    padding: 0;
  }
}
.single-works .slider-arrow.next {
  right: calc(-8.5 * clamp(0.25rem, 0.521vw, 0.625rem));
}
@media (max-width: 767px) {
  .single-works .slider-arrow.next {
    right: clamp(0.625rem, 2.667vw, 1.28rem);
    padding: 0;
  }
}
.single-works .slider-arrow svg {
  width: clamp(1.5rem, 3.125vw, 3.75rem);
  height: clamp(1.5rem, 3.125vw, 3.75rem);
}
@media (max-width: 767px) {
  .single-works .slider-arrow svg {
    width: clamp(2.5rem, 10.667vw, 5.12rem);
    height: clamp(2.5rem, 10.667vw, 5.12rem);
  }
}
.single-works .slider-thumb {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  overflow: hidden;
}
@media (max-width: 767px) {
  .single-works .slider-thumb {
    margin-top: clamp(1.25rem, 5.333vw, 2.56rem);
    overflow: auto;
    padding: 0 calc(0.5 * var(--bs-gutter-x));
  }
}
.single-works .slider-thumb .thumb-inner {
  width: clamp(4rem, 8.333vw, 10rem);
  height: clamp(4rem, 8.333vw, 10rem);
  aspect-ratio: 1/1;
  min-width: 100px;
  min-height: 100px;
  margin-right: clamp(0.7rem, 1.458vw, 1.75rem);
}
@media (max-width: 767px) {
  .single-works .slider-thumb .thumb-inner {
    width: calc(clamp(1.313rem, 5.601vw, 2.688rem) * 4);
    height: calc(clamp(1.313rem, 5.601vw, 2.688rem) * 4);
    aspect-ratio: 1/1;
    margin-right: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.single-works .slider-thumb .thumb-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.single-works .slider-thumb .slick-slide {
  opacity: 0.5;
  cursor: pointer;
}
.single-works .slider-thumb .slick-current {
  opacity: 1;
}
.single-works .slider-thumb.is-center .slick-track {
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  width: auto !important;
  /* ← デフォルトの固定幅を解除 */
}
.single-works .slider-thumb.is-center .slick-slide {
  float: none !important;
  display: block;
  width: auto !important;
  /* ← デフォルトの固定幅を解除 */
}
.single-works .slider-thumb .slick-arrow {
  display: none !important;
}
.single-works .works-detail {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  display: flex;
  width: clamp(30.8rem, 64.167vw, 77rem);
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  background: var(--_, #F8F7F4);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
}
@media (max-width: 767px) {
  .single-works .works-detail {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
    padding: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2) clamp(1.5rem, 6.399vw, 3.072rem) calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    gap: clamp(1.25rem, 5.333vw, 2.56rem);
    margin: auto;
    margin-top: clamp(1.875rem, 8vw, 3.84rem);
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.single-works .works-detail > div {
  flex-wrap: wrap;
  gap: clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .single-works .works-detail > div {
    gap: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.single-works .post-category {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  display: flex;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  height: clamp(0.75rem, 1.563vw, 1.875rem);
  padding: 0;
  justify-content: center;
  align-items: center;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
  margin-right: 0;
}
@media (max-width: 767px) {
  .single-works .post-category {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    width: auto;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
  }
}
.single-works .works-address {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875;
}
@media (max-width: 767px) {
  .single-works .works-address {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
  }
}
.single-works .works-point {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.11111;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .single-works .works-point {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.84615;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
  }
}
.single-works .works-date {
  width: 100%;
}
.single-works .works-date table {
  width: 100%;
}
.single-works .works-date table th {
  padding: 0 clamp(0.5rem, 1.042vw, 1.25rem);
  width: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 10);
  border-bottom: 2px solid var(--_, #6A5D56);
  font-weight: 500;
  line-height: 1.33333;
  text-align: center;
  vertical-align: middle;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .single-works .works-date table th {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 8);
    padding: clamp(0.625rem, 2.667vw, 1.28rem) 0;
  }
}
.single-works .works-date table td {
  padding: clamp(0.4rem, 0.833vw, 1rem) calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  border-bottom: 1px solid var(--_, #6A5D56);
  line-height: 1.77778;
}
@media (max-width: 767px) {
  .single-works .works-date table td {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding: clamp(0.625rem, 2.667vw, 1.28rem);
    padding-right: 0;
  }
}
.single-works .works-to-voice {
  margin: 0 auto;
}
.single-works .works-to-voice .content-link {
  display: flex;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 40);
  height: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 10);
  padding: clamp(0.6rem, 1.25vw, 1.5rem) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
  align-items: center;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: linear-gradient(0deg, rgba(106, 93, 86, 0.8) 0%, rgba(106, 93, 86, 0.8) 100%), url(./assets/img/works-link-bg-pc.jpg) lightgray 50%/cover no-repeat;
  margin: auto;
  color: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .single-works .works-to-voice .content-link {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    justify-content: space-between;
    align-items: center;
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
    background: linear-gradient(0deg, rgba(106, 93, 86, 0.8) 0%, rgba(106, 93, 86, 0.8) 100%), url(./assets/img/works-link-bg-sp.jpg) lightgray 50%/cover no-repeat;
    margin-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.single-works .works-to-voice .content-link__text {
  color: var(--_FFF, #FFF);
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(clamp(0.6rem, 1.25vw, 1.5rem) / 10);
}
@media (max-width: 767px) {
  .single-works .works-to-voice .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.25;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
    white-space: nowrap;
  }
}
.single-works .works-to-voice .content-link::before {
  right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
}
.single-works .entry-footer nav {
  margin-top: clamp(0.4rem, 0.833vw, 1rem);
}

/*works archive-works.php 建築事例一覧*/
.archive-works .entry-header {
  margin-bottom: 0;
}
.archive-works .entry-header::after {
  content: none;
}
@media (max-width: 767px) {
  .archive-works .page-lead-area {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: 0;
  }
}
.archive-works .category-list {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 9.4);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
}
@media (max-width: 767px) {
  .archive-works .category-list {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.archive-works-list-area {
  display: flex;
  margin: auto;
  width: clamp(40.625rem, 1.042rem + 82.465vw, 100rem);
  align-items: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .archive-works-list-area {
    flex-direction: column;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin: auto;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.archive-works-list-area article a {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 51);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .archive-works-list-area article a {
    width: 100%;
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.archive-works-list-area article a .works-img {
  width: 100%;
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 34);
  align-self: stretch;
  aspect-ratio: 3/2;
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
}
@media (max-width: 767px) {
  .archive-works-list-area article a .works-img {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 21.8);
    aspect-ratio: 3/2;
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.archive-works-list-area article a .works-img img {
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  object-fit: cover;
}
@media (max-width: 767px) {
  .archive-works-list-area article a .works-img img {
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.archive-works-list-area article a .category-list {
  padding: 0;
	display:flex;
	gap:clamp(0.4rem, 0.833vw, 1rem);
}
.archive-works-list-area article a .post-category {
  display: inline-flex;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  justify-content: center;
  align-items: center;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
}
@media (max-width: 767px) {
  .archive-works-list-area article a .post-category {
    text-align: center;
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    width: auto;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
    white-space: nowrap;
  }
}
.archive-works-list-area article a .works-address {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875;
	margin-top:calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
}
@media (max-width: 767px) {
  .archive-works-list-area article a .works-address {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
	  margin-top:calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
  }
}
.archive-works-list-area article a h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.36364;
  letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) / 10);
  margin-top: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
}
@media (max-width: 767px) {
  .archive-works-list-area article a h3 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.5;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    margin-top: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
  }
}
.archive-works main {
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .archive-works main {
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}

.entry-footer nav {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
}
@media (max-width: 767px) {
  .entry-footer nav {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.entry-footer nav ul.pagination.mb-4 {
  display: flex;
  width: auto;
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  justify-content: center;
  align-items: center;
  gap: clamp(0.7rem, 1.458vw, 1.75rem);
  margin-bottom: 0 !important;
}
@media (max-width: 767px) {
  .entry-footer nav ul.pagination.mb-4 {
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.918);
    gap: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    aspect-ratio: 59/15;
    margin: auto;
  }
}
.entry-footer nav .page-link {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  justify-content: center;
  align-items: center;
  border-radius: clamp(0.75rem, 1.563vw, 1.875rem) !important;
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
}
@media (max-width: 767px) {
  .entry-footer nav .page-link {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.918);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.918);
    border-radius: clamp(1.25rem, 5.333vw, 2.56rem) !important;
    border: 1px solid var(--_, #6A5D56);
  }
}
.entry-footer nav .page-link.active,
.entry-footer nav .active > .page-link {
  color: var(--WEB, #FFF);
  background: var(--_, #A28764);
  border-color: #A28764;
}
.entry-footer nav .page-link:focus {
  box-shadow: 0 0 0 calc(clamp(0.4rem, 0.833vw, 1rem) / 4) rgba(162, 135, 100, 0.3);
}

/*event archive-event.php イベント一覧*/
.archive-event .entry-header {
  margin-bottom: 0;
}
.archive-event .entry-header::after {
  content: none;
}
.archive-event main {
  padding-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .archive-event main {
    padding-bottom: calc(clamp(1rem, 4.267vw, 2.048rem) * 4);
  }
}
@media (max-width: 767px) {
  .archive-event .page-lead-area {
    padding-bottom: 0;
  }
}

.archive-event-list-area {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10) calc(clamp(0.675rem, 1.406vw, 1.688rem) * 1.9);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 160.2);
  margin: auto;
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6.5);
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .archive-event-list-area {
    padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
    flex-direction: column;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
  }
}
.archive-event-list-area article {
  width: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 20);
}
@media (max-width: 767px) {
  .archive-event-list-area article {
    width: 100%;
  }
}
.archive-event-list-area article a {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.55rem, 1.146vw, 1.375rem);
}
@media (max-width: 767px) {
  .archive-event-list-area article a {
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.archive-event-list-area article .event-item-eyecatch {
  height: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 20);
}
@media (max-width: 767px) {
  .archive-event-list-area article .event-item-eyecatch {
    height: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}
.archive-event-list-area article .event-item-eyecatch img {
  object-fit: cover;
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
}
@media (max-width: 767px) {
  .archive-event-list-area article .event-item-eyecatch img {
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.archive-event-list-area article .event-item-term {
  display: flex;
  justify-content: start;
  align-items: center;
}
.archive-event-list-area article .event-item-term .post-term {
  color: var(--_FFF, #FFF);
  text-align: center;
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: clamp(0.4rem, 0.833vw, 1rem);
  border-radius: 5px;
  background: var(--_, #6A5D56);
}
@media (max-width: 767px) {
  .archive-event-list-area article .event-item-term .post-term {
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    margin-right: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
}
.archive-event-list-area article .event-item-status-bet {
  color: var(--_, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  display: flex;
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--_, #DD8E4A);
}
@media (max-width: 767px) {
  .archive-event-list-area article .event-item-status-bet {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.archive-event-list-area article .event-item-status-close {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  display: flex;
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .archive-event-list-area article .event-item-status-close {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.archive-event-list-area .event-item-text-day {
  color: var(--_888, #888);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875;
  margin-top: clamp(0.3rem, 0.625vw, 0.75rem);
}
@media (max-width: 767px) {
  .archive-event-list-area .event-item-text-day {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: 1.66667;
    margin: calc(clamp(1rem, 4.267vw, 2.048rem) / 2) 0;
  }
}
.archive-event-list-area h3 {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* 1行で省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .archive-event-list-area h3 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.42857;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
  }
}

/*イベント情報*/
.single-event .entry-header {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.0231);
}
.single-event .entry-header::after {
  position: absolute;
  content: "";
  background: url(./assets/img/works-header-bottom-pc.svg) no-repeat;
  background-size: contain;
  max-width: 1920px;
  width: calc(100% + var(--bs-gutter-x));
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.0231);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .single-event .entry-header::after {
    background: url(./assets/img/works-header-bottom-sp.svg) no-repeat;
    background-size: contain;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5.4744);
  }
}
.single-event .entry-content-area {
  margin-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .single-event .entry-content-area {
    padding-top: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2);
  }
  .single-event .entry-content-area > div {
    flex-wrap: wrap;
    gap: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.single-event .event-item-term {
  display: flex;
  align-items: start;
  justify-content: start;
}
.single-event .post-category {
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  display: flex;
  min-width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.7);
	width:auto;
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--_, #6A5D56);
}
@media (max-width: 767px) {
  .single-event .post-category {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: clamp(1.375rem, 5.868vw, 2.816rem);
    width: auto;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    min-width: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 4);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.single-event .event-item-status-bet {
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.7);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--_, #DD8E4A);
}
@media (max-width: 767px) {
  .single-event .event-item-status-bet {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    min-width: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 4);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.single-event .event-item-status-close {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  display: flex;
  width: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .single-event .event-item-status-close {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    width: auto;
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.single-event .event-date {
  color: var(--_888, #888);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.7;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 10);
  margin-top: clamp(0.4rem, 0.833vw, 1rem);
  margin-bottom: clamp(0.275rem, 0.573vw, 0.688rem);
}
@media (max-width: 767px) {
  .single-event .event-date {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: 1.66667;
    margin-top: clamp(0.75rem, 3.201vw, 1.536rem);
    margin-bottom: clamp(0.75rem, 3.201vw, 1.536rem);
  }
}
.single-event .event-detail {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  display: flex;
  width: clamp(30.8rem, 64.167vw, 77rem);
  padding: calc(clamp(0.4rem, 0.833vw, 1rem) * 4) calc(clamp(0.275rem, 0.573vw, 0.688rem) * 4);
  flex-direction: column;
  align-items: center;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  border-radius: 10px;
  background: var(--_, #F8F7F4);
}
@media (max-width: 767px) {
  .single-event .event-detail {
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
    width: 100%;
    padding: calc(clamp(1rem, 4.267vw, 2.048rem) * 2) clamp(1.5rem, 6.399vw, 3.072rem);
    gap: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.single-event .event-detail h3.event-detail-title {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 10);
}
@media (max-width: 767px) {
  .single-event .event-detail h3.event-detail-title {
    font-size: clamp(1.063rem, 4.534vw, 2.176rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.063rem, 4.534vw, 2.176rem) / 20);
  }
}
.single-event .event-detail .event-date-table th {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  vertical-align: middle;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.33333;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  width: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 10);
  border-bottom: 2px solid var(--_, #6A5D56);
  padding: clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.3rem, 0.625vw, 0.75rem);
}
@media (max-width: 767px) {
  .single-event .event-detail .event-date-table th {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 8);
  }
}
.single-event .event-detail .event-date-table td {
  padding: clamp(0.4rem, 0.833vw, 1rem) calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  border-bottom: 1px solid var(--_, #6A5D56);
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.77778;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
}
@media (max-width: 767px) {
  .single-event .event-detail .event-date-table td {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding: clamp(0.625rem, 2.667vw, 1.28rem);
    padding-right: 0;
  }
}
.single-event .pagination {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
.single-event .event-reserve-tel {
  border-top: var(--_888, #888) 2px solid;
  border-bottom: var(--_888, #888) 2px solid;
  width: clamp(30.8rem, 64.167vw, 77rem);
  margin: auto;
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8) 0;
}
@media (max-width: 767px) {
  .single-event .event-reserve-tel {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    border-width: 1px;
    border-color: #A28764;
    padding-top: clamp(1.75rem, 7.466vw, 3.584rem);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.7);
  }
}
.single-event .event-reserve-tel h3 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.28571;
  letter-spacing: calc(clamp(0.525rem, 1.094vw, 1.313rem) / 10);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
}
@media (max-width: 767px) {
  .single-event .event-reserve-tel h3 {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 5);
    margin-bottom: clamp(0.938rem, 4vw, 1.92rem);
  }
}
.single-event .event-reserve-tel .tel-number {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: calc(clamp(0.5rem, 1.042vw, 1.25rem) / 10);
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
}
@media (max-width: 767px) {
  .single-event .event-reserve-tel .tel-number {
    font-size: clamp(1.625rem, 6.934vw, 3.328rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 10);
  }
}
.single-event .event-reserve-tel p {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.14286;
  letter-spacing: calc(clamp(0.35rem, 0.729vw, 0.875rem) / 20);
}
@media (max-width: 767px) {
  .single-event .event-reserve-tel p {
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    line-height: 1.81818;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 20);
  }
}
.single-event .event-reserve-form {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
}
@media (max-width: 767px) {
  .single-event .event-reserve-form {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.7);
  }
}
.single-event .event-reserve-form h3 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.525rem, 1.094vw, 1.313rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.28571;
  letter-spacing: calc(clamp(0.525rem, 1.094vw, 1.313rem) / 10);
  margin-bottom: clamp(0.275rem, 0.573vw, 0.688rem);
}
@media (max-width: 767px) {
  .single-event .event-reserve-form h3 {
    font-size: clamp(1.25rem, 5.333vw, 2.56rem);
    line-height: normal;
    letter-spacing: calc(clamp(1.25rem, 5.333vw, 2.56rem) / 10);
  }
}
.single-event .event-reserve-form p {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.71429;
  letter-spacing: calc(clamp(0.35rem, 0.729vw, 0.875rem) / 20);
}
@media (max-width: 767px) {
  .single-event .event-reserve-form p {
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    line-height: 1.81818;
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 20);
    text-align: left;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin: auto;
  }
}
.single-event form {
  margin-bottom: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 10);
}
@media (max-width: 767px) {
  .single-event form {
    margin-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
  }
}

/*お客様の声 single-voice.php*/
@media (max-width: 767px) {
  .single-voice .breadcrumb {
    padding-right: 0;
  }
}
.single-voice .entry-header {
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.0231);
}
.single-voice .entry-header::after {
  position: absolute;
  content: "";
  background: url(./assets/img/works-header-bottom-pc.svg) no-repeat;
  background-size: contain;
  max-width: 1920px;
  width: calc(100% + var(--bs-gutter-x));
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 12.0231);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .single-voice .entry-header::after {
    background: url(./assets/img/works-header-bottom-sp.svg) no-repeat;
    background-size: contain;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 5.4744);
  }
}
.single-voice .entry-content-area {
  padding-top: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 5);
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .single-voice .entry-content-area {
    padding-top: calc(clamp(0.938rem, 4vw, 1.92rem) * 3);
  }
  .single-voice .entry-content-area .voice-eyecatch {
    width: 100vw;
    margin-left: calc(-1 * clamp(1.5rem, 6.399vw, 3.072rem));
  }
}
.single-voice h1.entry-title {
  border: 0;
  padding-bottom: 0;
  margin-bottom: clamp(0.65rem, 1.354vw, 1.625rem);
}
@media (max-width: 767px) {
  .single-voice h1.entry-title {
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.single-voice .post-category {
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  height: clamp(0.75rem, 1.563vw, 1.875rem);
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  line-height: 1.87;
  border-radius: 5px;
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
  margin-right: clamp(0.25rem, 0.521vw, 0.625rem);
}
@media (max-width: 767px) {
  .single-voice .post-category {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    width: auto;
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    border-radius: 5px;
    border: 1px solid var(--_, #6A5D56);
    margin-right: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.single-voice .voice-owner {
  color: var(--_888, #888);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.5rem, 1.042vw, 1.25rem);
  font-style: normal;
  font-weight: 700;
  line-height: 2.7;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 10);
  margin-top: clamp(0.3rem, 0.625vw, 0.75rem);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .single-voice .voice-owner {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 2;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    margin-top: calc(clamp(1rem, 4.267vw, 2.048rem) / 4);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.single-voice .voice-upper {
  margin-top: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 5);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  display: inline-flex;
  align-items: center;
  gap: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
}
@media (max-width: 767px) {
  .single-voice .voice-upper {
    margin-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    flex-direction: column-reverse;
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    width: 100%;
  }
}
.single-voice .voice-upper-left {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  aspect-ratio: 3/2;
}
@media (max-width: 767px) {
  .single-voice .voice-upper-left {
    width: 100%;
  }
}
.single-voice .voice-upper-right table {
  width: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 20);
}
@media (max-width: 767px) {
  .single-voice .voice-upper-right table {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}
.single-voice .voice-upper-right table th {
  width: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 10);
  border-bottom: 2px solid var(--_, #6A5D56);
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.33333;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  padding: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .single-voice .voice-upper-right table th {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 8);
    padding: clamp(0.625rem, 2.667vw, 1.28rem) 0;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 20);
  }
}
.single-voice .voice-upper-right table td {
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.77;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  padding: clamp(0.4rem, 0.833vw, 1rem) calc(clamp(0.4rem, 0.833vw, 1rem) * 2);
  border-bottom: 1px solid var(--_, #6A5D56);
}
@media (max-width: 767px) {
  .single-voice .voice-upper-right table td {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 20);
    padding: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.single-voice .voice-content h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  margin-bottom: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .single-voice .voice-content h3 {
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    line-height: 1.66667;
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 10);
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.single-voice .voice-content .voice-column01 {
  display: inline-flex;
  align-items: center;
  gap: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .single-voice .voice-content .voice-column01 {
    flex-direction: column;
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 2);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 2);
  }
}
.single-voice .voice-content .voice-column01-right {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
  height: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 50);
  aspect-ratio: 2/3;
}
@media (max-width: 767px) {
  .single-voice .voice-content .voice-column01-right {
    width: calc(clamp(1.5rem, 6.399vw, 3.072rem) * 10);
    height: auto;
  }
}
.single-voice .voice-content .voice-column02 {
  display: inline-flex;
  align-items: center;
  gap: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 4);
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .single-voice .voice-content .voice-column02 {
    padding-top: clamp(1.25rem, 5.333vw, 2.56rem);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    flex-direction: column-reverse;
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.single-voice .voice-content .voice-column02-left {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
  height: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 50);
  aspect-ratio: 2/3;
}
@media (max-width: 767px) {
  .single-voice .voice-content .voice-column02-left {
    width: calc(clamp(1.5rem, 6.399vw, 3.072rem) * 10);
    height: auto;
  }
}
.single-voice .voice-content .voice-column03 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .single-voice .voice-content .voice-column03 {
    padding-top: clamp(1.25rem, 5.333vw, 2.56rem);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.single-voice .voice-content .voice-column04 {
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  display: flex;
  width: clamp(30.8rem, 64.167vw, 77rem);
  align-items: flex-start;
  gap: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 3);
}
@media (max-width: 767px) {
  .single-voice .voice-content .voice-column04 {
    padding-top: clamp(1.25rem, 5.333vw, 2.56rem);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
    flex-direction: column;
    gap: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.single-voice .voice-content .voice-column04-left, .single-voice .voice-content .voice-column04-right {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: auto;
  align-self: stretch;
  aspect-ratio: 3/2;
}
@media (max-width: 767px) {
  .single-voice .voice-content .voice-column04-left, .single-voice .voice-content .voice-column04-right {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}
.single-voice .voice-to-work {
  text-align: center;
  padding-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .single-voice .voice-to-work {
    padding-top: clamp(1.25rem, 5.333vw, 2.56rem);
    padding-bottom: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.single-voice .voice-to-work .content-link {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 10);
  padding: clamp(0.625rem, 1.302vw, 1.563rem) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  align-items: center;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  color: var(--_FFF, #FFF);
  border-radius: 10px;
  background: var(--_, #A28764);
  margin: auto;
}
@media (max-width: 767px) {
  .single-voice .voice-to-work .content-link {
    width: calc(clamp(1.875rem, 8vw, 3.84rem) * 10);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(1.25rem, 5.333vw, 2.56rem);
    justify-content: space-between;
    align-items: center;
  }
}
.single-voice .voice-to-work .content-link::before {
  right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 5);
}
@media (max-width: 767px) {
  .single-voice .voice-to-work .content-link::before {
    right: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.single-voice .voice-to-work .content-link__text {
  color: var(--_FFF, #FFF);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
}
@media (max-width: 767px) {
  .single-voice .voice-to-work .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.25;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
    text-align: left;
  }
}
.single-voice .voice-to-work p {
  margin-top: clamp(0.6rem, 1.25vw, 1.5rem);
  color: var(--_4C, #4C4C4C);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.35rem, 0.729vw, 0.875rem);
  font-style: normal;
  font-weight: 400;
  line-height: 2.28571;
  letter-spacing: calc(clamp(0.35rem, 0.729vw, 0.875rem) / 20);
}
@media (max-width: 767px) {
  .single-voice .voice-to-work p {
    margin-top: clamp(1.5rem, 6.399vw, 3.072rem);
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) / 20);
    text-align: left;
  }
}
.single-voice .entry-footer nav {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}

/*voice archive-voice.php お客様の声一覧*/
.archive-voice .entry-header {
  margin-bottom: 0;
}
.archive-voice .entry-header::after {
  content: none;
}
@media (max-width: 767px) {
  .archive-voice .page-lead-area {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding-bottom: 0;
  }
}
.archive-voice .category-list {
  padding-top: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 2);
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .archive-voice .category-list {
    padding-top: calc(clamp(0.938rem, 4vw, 1.92rem) * 3);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.archive-voice-list-area {
  display: flex;
  margin: auto;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 160.2);
  align-items: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6) calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
  flex-wrap: wrap;
  margin-top: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 4);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 18.2);
}
@media (max-width: 767px) {
  .archive-voice-list-area {
    flex-direction: column;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    margin: auto;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) * 2);
    margin-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 6);
  }
}
.archive-voice-list-area article a {
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 75);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .archive-voice-list-area article a {
    width: 100%;
    gap: clamp(0.688rem, 2.934vw, 1.408rem);
  }
}
.archive-voice-list-area article a .voice-eyecatch {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 75);
  aspect-ratio: 3/2;
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
}
@media (max-width: 767px) {
  .archive-voice-list-area article a .voice-eyecatch {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    aspect-ratio: 3/2;
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.archive-voice-list-area article a .voice-eyecatch img {
  border-radius: 10px;
}
@media (max-width: 767px) {
  .archive-voice-list-area article a .voice-eyecatch img {
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.archive-voice-list-area article a h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.33333;
  letter-spacing: calc(clamp(0.75rem, 1.563vw, 1.875rem) / 20);
  margin-bottom: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .archive-voice-list-area article a h3 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.5;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    margin-bottom: clamp(0.688rem, 2.934vw, 1.408rem);
  }
}
.archive-voice-list-area article a .category-list {
  display: flex;
  align-items: flex-start;
  gap: clamp(0.25rem, 0.521vw, 0.625rem);
  justify-content: start;
  padding: 0;
}
@media (max-width: 767px) {
  .archive-voice-list-area article a .category-list {
    gap: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.archive-voice-list-area article a .category-list .post-category {
  display: flex;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  justify-content: center;
  align-items: center;
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .archive-voice-list-area article a .category-list .post-category {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    width: auto;
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
    border: 1px solid var(--_, #6A5D56);
  }
}

/*トップページ*/
.hero-area {
  max-width: 1920px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.hero-area .catch-copy {
  position: absolute;
  top: clamp(11.575rem, 24.115vw, 28.938rem);
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .hero-area .catch-copy {
    writing-mode: vertical-rl;
  }
}
.hero-area .catch-copy-text {
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  letter-spacing: clamp(0.3rem, 0.625vw, 0.75rem);
  margin-bottom: clamp(0.3rem, 0.625vw, 0.75rem);
}
@media (max-width: 767px) {
  .hero-area .catch-copy-text {
    font-feature-settings: "vert" on;
    font-size: clamp(1.875rem, 8vw, 3.84rem);
    font-style: normal;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10);
  }
}
.hero-area .catch-copy-description {
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.7rem, 1.458vw, 1.75rem);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(clamp(0.35rem, 0.729vw, 0.875rem) * 0.4);
}
@media (max-width: 767px) {
  .hero-area .catch-copy-description {
    font-feature-settings: "vert" on;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.23077;
    letter-spacing: calc(clamp(1.625rem, 6.934vw, 3.328rem) / 10);
  }
}
.hero-area .scroll-down {
  display: flex;
  width: clamp(1.697rem, 3.535vw, 4.242rem);
  padding: 1px 1px 0.26px 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: calc(clamp(0.625rem, 1.302vw, 1.563rem) / 2);
  position: absolute;
  left: 50%;
  bottom: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 2);
  transform: translateX(-50%);
  z-index: 1;
}
@media (max-width: 767px) {
  .hero-area .scroll-down {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding: 0.6px 0.6px 0.156px 0.6px;
    gap: calc(clamp(0.938rem, 4vw, 1.92rem) / 2);
    bottom: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
  }
}
.hero-area .scroll-down-text {
  color: #FFF;
  text-align: center;
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.3rem, 0.625vw, 0.75rem);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
@media (max-width: 767px) {
  .hero-area .scroll-down-text {
    font-size: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.hero-area .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  text-align: left;
  padding-left: clamp(1.225rem, 2.552vw, 3.063rem);
}
@media (max-width: 767px) {
  .hero-area .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    padding-left: clamp(0.938rem, 4vw, 1.92rem);
  }
}
.hero-area .swiper-pagination-bullet {
  background: #FFF;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  height: 2px;
  border-radius: 0;
}
@media (max-width: 767px) {
  .hero-area .swiper-pagination-bullet {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
    aspect-ratio: 1/1;
    border-radius: 5px;
    opacity: 0.7;
    margin-left: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 2);
    margin-right: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) / 2);
  }
}
@media (max-width: 767px) {
  .hero-area span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    height: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
    aspect-ratio: 1/1;
    opacity: 1;
  }
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.hero-area .top-slider .swiper-slide-active .swiper-img,
.hero-area .top-slider .swiper-slide-duplicate-active .swiper-img,
.hero-area .top-slider .swiper-slide-prev .swiper-img {
  animation: zoomUp 7s linear 0s normal both;
}
.hero-area .top-slider .swiper-slide img {
  height: auto;
  width: 100%;
}

.top-chapter01 {
  padding-top: calc(clamp(0.575rem, 1.198vw, 1.438rem) * 5);
}
@media (max-width: 767px) {
  .top-chapter01 {
    padding-top: calc(clamp(0.813rem, 3.466vw, 1.664rem) * 5);
  }
}
.top-chapter01 .pc-img-area {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding-right: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 7);
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
}
@media (max-width: 767px) {
  .top-chapter01 .pc-img-area {
    display: none;
  }
}
.top-chapter01 .pc-img-area .top-img01 {
  width: clamp(23.15rem, 48.229vw, 57.875rem);
  height: clamp(15.425rem, 32.135vw, 38.563rem);
  aspect-ratio: 926/617;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  margin-top: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.top-chapter01 .pc-img-area .top-img02 {
  width: clamp(7.883rem, 16.424vw, 19.708rem);
  height: clamp(11.825rem, 24.635vw, 29.563rem);
  aspect-ratio: 315.33/473;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
.top-chapter01 .pc-img-area .top-img03 {
  height: clamp(13.55rem, 28.229vw, 33.875rem);
  width: clamp(9.033rem, 18.819vw, 22.583rem);
  aspect-ratio: 361.33/542;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
}
.top-chapter01-content {
  padding: 0 calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
  display: flex;
  align-items: start;
  justify-content: space-between;
  padding-bottom: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 6);
  margin-bottom: clamp(12.35rem, 25.729vw, 30.875rem);
}
@media (max-width: 767px) {
  .top-chapter01-content {
    flex-direction: column;
    padding: 0 clamp(0.688rem, 2.934vw, 1.408rem);
    padding-bottom: clamp(5.188rem, 22.133vw, 10.624rem);
    margin-bottom: clamp(5.923rem, 25.271vw, 12.13rem);
  }
}
.top-chapter01-content-text {
  padding-top: clamp(0.925rem, 1.927vw, 2.313rem);
}
@media (max-width: 767px) {
  .top-chapter01-content-text {
    padding: 0;
  }
}
.top-chapter01-content-text h2 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: clamp(0.3rem, 0.625vw, 0.75rem);
  margin-bottom: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 2);
}
@media (max-width: 767px) {
  .top-chapter01-content-text h2 {
    text-align: center;
    font-size: clamp(1.75rem, 7.466vw, 3.584rem);
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 0.56);
    margin-bottom: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.top-chapter01-content-text p {
  color: var(--_, #6A5D56);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.83333;
  letter-spacing: calc(clamp(0.6rem, 1.25vw, 1.5rem) / 10);
}
@media (max-width: 767px) {
  .top-chapter01-content-text p {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 2;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
  }
}
.top-chapter01-content-img {
  width: clamp(15.85rem, 33.021vw, 39.625rem);
  height: clamp(10.575rem, 22.031vw, 26.438rem);
  aspect-ratio: 634/423;
}
@media (max-width: 767px) {
  .top-chapter01-content-img {
    display: none;
  }
}
.top-chapter01-content::before {
  background: url(./assets/img/top-chapter01-bottom-pc.svg) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: clamp(12.35rem, 25.729vw, 30.875rem);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .top-chapter01-content::before {
    background: url(./assets/img/top-chapter01-bottom-sp.svg) no-repeat;
    background-size: contain;
    width: 100vw;
    height: clamp(5.923rem, 25.271vw, 12.13rem);
  }
}
.top-chapter01-content::after {
  background: url(./assets/img/top-img05-pc.png) no-repeat;
  background-size: contain;
  content: "";
  width: clamp(13.804rem, 28.758vw, 34.509rem);
  height: clamp(9.626rem, 20.054vw, 24.064rem);
  position: absolute;
  left: clamp(28.225rem, 58.802vw, 70.563rem);
  top: calc(100% - clamp(1.025rem, 2.135vw, 2.563rem));
}
@media (max-width: 767px) {
  .top-chapter01-content::after {
    background: url(./assets/img/top-img05-sp.png) no-repeat;
    background-size: contain;
    width: calc(clamp(1.375rem, 5.868vw, 2.816rem) * 10);
    height: clamp(9.588rem, 40.91vw, 19.637rem);
    left: clamp(8.188rem, 34.933vw, 16.768rem);
    top: calc(100% - clamp(0.625rem, 2.667vw, 1.28rem) * 6);
  }
}
.top-chapter01 .sp-img-area {
  display: none;
}
@media (max-width: 767px) {
  .top-chapter01 .sp-img-area {
    display: flex;
    flex-direction: column;
  }
  .top-chapter01 .sp-img-area .top-img01 {
    margin-top: clamp(1.813rem, 7.733vw, 3.712rem);
    margin-left: auto;
    width: clamp(19rem, 81.066vw, 38.912rem);
  }
  .top-chapter01 .sp-img-area > div {
    margin-top: clamp(1.438rem, 6.132vw, 2.944rem);
  }
  .top-chapter01 .sp-img-area .top-img02 {
    height: clamp(11.438rem, 48.8vw, 23.424rem);
    width: clamp(7.625rem, 32.533vw, 15.616rem);
    aspect-ratio: 2/3;
  }
  .top-chapter01 .sp-img-area .top-img04 {
    width: clamp(12.625rem, 53.867vw, 25.856rem);
    height: clamp(8.438rem, 36vw, 17.28rem);
    aspect-ratio: 202/135;
    margin-left: clamp(1.625rem, 6.934vw, 3.328rem);
  }
}

/*詳しく見るボタン*/
.more-link, .content-link {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: var(--_, #6A5D56);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  gap: clamp(0.4rem, 0.833vw, 1rem);
  text-decoration: none;
}
@media (max-width: 767px) {
  .more-link, .content-link {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.more-link__text {
  position: relative;
}
.more-link, .content-link {
  /* 下線用 */
}
.more-link__text::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: currentColor;
  /* 通常時 */
  transform: translateX(0) scaleX(1);
  transform-origin: left;
  transition: transform 0.4s ease;
}
.more-link, .content-link {
  /* hover時：右へ流れて消える */
}
.more-link:hover .more-link__text::before, .content-link:hover .more-link__text::before {
  transform: translateX(100%) scaleX(0);
}
.more-link, .content-link {
  /* ---------- 丸 ---------- */
}
.more-link::after, .content-link::after {
  content: "";
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
  border: 1px solid currentColor;
  border-radius: 50%;
  flex-shrink: 0;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .more-link::after, .content-link::after {
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
}
.more-link:hover::after, .content-link:hover::after {
  transform: scale(1.1);
}
.more-link, .content-link {
  /* ---------- 矢印アイコン ---------- */
}
.more-link::before, .content-link::before {
  content: "";
  position: absolute;
  right: clamp(0.375rem, 0.781vw, 0.938rem);
  width: clamp(0.7rem, 1.458vw, 1.75rem);
  height: clamp(0.725rem, 1.51vw, 1.813rem);
  pointer-events: none;
  background-color: currentColor;
  mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
  -webkit-mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
}
@media (max-width: 767px) {
  .more-link::before, .content-link::before {
    right: clamp(0.688rem, 2.934vw, 1.408rem);
    width: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    height: clamp(1.188rem, 5.066vw, 2.432rem);
    aspect-ratio: 18/19;
  }
}
.more-link:focus-visible, .content-link:focus-visible {
  outline: none;
}
.more-link:is(:hover, :focus-visible) .more-link__text::before, .content-link:is(:hover, :focus-visible) .more-link__text::before {
  transform: translateX(100%) scaleX(0);
}
.more-link:is(:hover, :focus-visible)::after, .content-link:is(:hover, :focus-visible)::after {
  transform: scale(1.1);
}

.top-chapter02 {
  margin-top: calc(-1 * clamp(2.95rem, 6.146vw, 7.375rem));
  margin-bottom: clamp(5.188rem, 10.807vw, 12.969rem);
  padding-top: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 3);
}
@media (max-width: 767px) {
  .top-chapter02 {
    margin-top: 0;
    margin-bottom: clamp(3.421rem, 14.598vw, 7.007rem);
    padding: 0 clamp(0.688rem, 2.934vw, 1.408rem);
    padding-top: clamp(1rem, 4.267vw, 2.048rem);
    padding-bottom: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 3.5);
  }
}
.top-chapter02::before {
  content: "";
  background: var(--_, #F8F7F4);
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.top-chapter02::after {
  background: url(./assets/img/top-chapter02-bottom-pc.svg) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: clamp(7.138rem, 14.87vw, 17.844rem);
  top: calc(100% - clamp(0.325rem, 0.677vw, 0.813rem) * 6);
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .top-chapter02::after {
    background: url(./assets/img/top-chapter02-bottom-sp.svg) no-repeat;
    background-size: contain;
    width: 100vw;
    height: clamp(3.421rem, 14.598vw, 7.007rem);
    top: 100%;
  }
}
.top-chapter02-content {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: clamp(2.45rem, 5.104vw, 6.125rem);
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 100);
  margin: auto;
}
@media (max-width: 767px) {
  .top-chapter02-content {
    flex-direction: column;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
    width: 100%;
  }
}
.top-chapter02-content-text {
  margin-left: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 4);
  width: clamp(18.75rem, -0.042rem + 39.149vw, 46.938rem);
  margin-top: clamp(0.25rem, 0.521vw, 0.625rem);
}
@media (max-width: 767px) {
  .top-chapter02-content-text {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
  }
}
.top-chapter02-content-text h2 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 11.2px;
  margin-bottom: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 2);
}
@media (max-width: 767px) {
  .top-chapter02-content-text h2 {
    font-size: clamp(1.5rem, 6.399vw, 3.072rem);
    letter-spacing: 4.8px;
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.top-chapter02-content-text h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.36364;
  letter-spacing: calc(clamp(0.55rem, 1.146vw, 1.375rem) / 10);
  margin-bottom: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .top-chapter02-content-text h3 {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.75;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}
.top-chapter02-content-text p {
  color: var(--_, #6A5D56);
  margin-bottom: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .top-chapter02-content-text p {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 2;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    margin-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.top-chapter02-content-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 75);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 50);
  aspect-ratio: 3/2;
}
@media (max-width: 767px) {
  .top-chapter02-content-img {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: auto;
  }
}
.top-chapter02-content-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .top-chapter02-content-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.top-chapter02-content:nth-child(odd) .top-chapter02-content-text {
  order: 2;
  margin-left: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .top-chapter02-content:nth-child(odd) .top-chapter02-content-text {
    order: unset;
    margin-left: 0;
  }
}
.top-chapter02-content:first-child {
  padding-bottom: clamp(3.425rem, 7.135vw, 8.563rem);
}
@media (max-width: 767px) {
  .top-chapter02-content:first-child {
    padding-bottom: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
  }
}
.top-chapter02-content:nth-child(2) {
  padding-bottom: calc(clamp(0.325rem, 0.677vw, 0.813rem) * 12);
}
@media (max-width: 767px) {
  .top-chapter02-content:nth-child(2) {
    padding-bottom: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
  }
}

.title-kana {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 5);
}
@media (max-width: 767px) {
  .title-kana {
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    line-height: normal;
    letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 10);
  }
}

.top-chapter03 {
  margin-bottom: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 24);
}
@media (max-width: 767px) {
  .top-chapter03 {
    padding-top: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    margin-bottom: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 2);
  }
}
.top-chapter03::after {
  background: url(./assets/img/top-chapter03-bottom-pc.svg) no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: clamp(7.225rem, 15.052vw, 18.063rem);
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
@media (max-width: 767px) {
  .top-chapter03::after {
    background: url(./assets/img/top-chapter03-bottom-sp.svg) no-repeat;
    background-size: contain;
    width: 100vw;
    height: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 3);
  }
}
.top-chapter03 h2 {
  text-align: center;
  margin-bottom: clamp(0.575rem, 1.198vw, 1.438rem);
}
@media (max-width: 767px) {
  .top-chapter03 h2 {
    font-size: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}
.top-chapter03 h3 {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 0.6);
  margin-bottom: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 2);
}
@media (max-width: 767px) {
  .top-chapter03 h3 {
    font-size: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 2);
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 0.4);
    margin-bottom: clamp(1rem, 4.267vw, 2.048rem);
  }
}
.top-chapter03 p {
  text-align: center;
}
@media (max-width: 767px) {
  .top-chapter03 p {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    font-style: normal;
    font-weight: 400;
    line-height: 2;
    letter-spacing: calc(clamp(0.938rem, 4vw, 1.92rem) / 25);
  }
}
.top-chapter03-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  margin-top: clamp(1.825rem, 3.802vw, 4.563rem);
  padding-bottom: clamp(2.8rem, 5.833vw, 7rem);
}
@media (max-width: 767px) {
  .top-chapter03-content {
    margin-top: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
    padding-bottom: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 4);
  }
}
.top-chapter03-content-item {
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 100);
  height: calc(clamp(0.7rem, 1.458vw, 1.75rem) * 20);
  display: flex;
  align-items: center;
  justify-content: start;
}
@media (max-width: 767px) {
  .top-chapter03-content-item {
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    height: auto;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    aspect-ratio: 109/105;
  }
}
.top-chapter03-content-item.item01 .top-chapter03-text {
  border-radius: 0 clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.5rem, 1.042vw, 1.25rem) 0;
  background: #9D8868;
  order: 2;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item01 .top-chapter03-text {
    border-radius: 0 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.top-chapter03-content-item.item01 img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem) 0 0 clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item01 img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem) 0 0;
  }
}
.top-chapter03-content-item.item02 {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item02 {
    flex-direction: column;
  }
}
.top-chapter03-content-item.item02 .top-chapter03-text {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem) 0 0 clamp(0.5rem, 1.042vw, 1.25rem);
  background: #9D8868;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item02 .top-chapter03-text {
    border-radius: 0 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.top-chapter03-content-item.item02 img {
  border-radius: 0 clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.5rem, 1.042vw, 1.25rem) 0;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item02 img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem) 0 0;
  }
}
.top-chapter03-content-item.item03 .top-chapter03-text {
  border-radius: 0 clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.5rem, 1.042vw, 1.25rem) 0;
  background: #685D57;
  padding-right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item03 .top-chapter03-text {
    border-radius: 0 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.top-chapter03-content-item.item03 .top-chapter03-text h3 {
  letter-spacing: clamp(0.25rem, 0.521vw, 0.625rem);
}
.top-chapter03-content-item.item03 img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem) 0 0 clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item03 img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem) 0 0;
  }
}
.top-chapter03-content-item.item04 {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item04 {
    flex-direction: column;
  }
}
.top-chapter03-content-item.item04 .top-chapter03-text {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem) 0 0 clamp(0.5rem, 1.042vw, 1.25rem);
  background: #685D57;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item04 .top-chapter03-text {
    border-radius: 0 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.top-chapter03-content-item.item04 img {
  border-radius: 0 clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.5rem, 1.042vw, 1.25rem) 0;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item04 img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem) 0 0;
  }
}
.top-chapter03-content-item.item05 {
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 30);
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item05 {
    height: auto;
  }
}
.top-chapter03-content-item.item05 .top-chapter03-text {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 80);
  border-radius: 0 clamp(0.5rem, 1.042vw, 1.25rem) clamp(0.5rem, 1.042vw, 1.25rem) 0;
  background: #5B6350;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item05 .top-chapter03-text {
    width: 100%;
    border-radius: 0 0 clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.top-chapter03-content-item.item05 .top-chapter03-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 80);
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item05 .top-chapter03-img {
    width: 100%;
  }
}
.top-chapter03-content-item.item05 img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem) 0 0 clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .top-chapter03-content-item.item05 img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem) clamp(0.625rem, 2.667vw, 1.28rem) 0 0;
  }
}
.top-chapter03-text {
  display: flex;
  width: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 30);
  height: 100%;
  padding: 0 calc(clamp(0.275rem, 0.573vw, 0.688rem) * 7);
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: clamp(0.75rem, 1.563vw, 1.875rem);
  color: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .top-chapter03-text {
    width: 100%;
    height: clamp(7.75rem, 33.053vw, 15.869rem);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: unset;
    flex-shrink: 0;
    padding-left: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    padding-right: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.top-chapter03-text h3 {
  color: var(--_FFF, #FFF);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: clamp(0.25rem, 0.521vw, 0.625rem);
  text-align: left;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top-chapter03-text h3 {
    font-size: clamp(1.625rem, 6.934vw, 3.328rem);
    letter-spacing: calc(clamp(1.625rem, 6.934vw, 3.328rem) / 5);
  }
}
.top-chapter03-text h3 .title-description {
  display: block;
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 0.4);
}
@media (max-width: 767px) {
  .top-chapter03-text h3 .title-description {
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    line-height: 1.53846;
    letter-spacing: calc(clamp(0.813rem, 3.466vw, 1.664rem) / 10);
  }
}
.top-chapter03-text p {
  color: var(--_FFF, #FFF);
  text-align: left;
}
@media (max-width: 767px) {
  .top-chapter03-text p {
    display: none;
  }
}
.top-chapter03-img {
  width: clamp(25.75rem, 53.646vw, 64.375rem);
}
@media (max-width: 767px) {
  .top-chapter03-img {
    width: 100%;
  }
}
.top-chapter03 .more-link, .top-chapter03 .content-link {
  color: #fff;
}
@media (max-width: 767px) {
  .top-chapter03 .more-link .more-link__text, .top-chapter03 .content-link .more-link__text {
    display: none;
  }
}

.top-chapter04 {
  padding-top: 0;
  padding-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 10);
}
@media (max-width: 767px) {
  .top-chapter04 {
    padding-top: clamp(0.688rem, 2.934vw, 1.408rem);
    padding-bottom: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 4);
  }
}
.top-chapter04::before {
  content: "";
  background: var(--_, #F8F7F4);
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.top-chapter04-content {
  display: flex;
  align-items: start;
  justify-content: space-between;
  width: clamp(34.2rem, 71.25vw, 85.5rem);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top-chapter04-content {
    flex-direction: column;
    width: clamp(20.438rem, 87.2vw, 41.856rem);
  }
}
.top-chapter04-content-text {
  width: clamp(19.2rem, 40vw, 48rem);
}
@media (max-width: 767px) {
  .top-chapter04-content-text {
    width: 100%;
  }
}
.top-chapter04-content-text h2 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 3);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 2);
  margin-bottom: clamp(1.075rem, 2.24vw, 2.688rem);
}
@media (max-width: 767px) {
  .top-chapter04-content-text h2 {
    text-align: center;
    font-size: clamp(1.5rem, 6.399vw, 3.072rem);
    letter-spacing: calc(clamp(0.75rem, 3.201vw, 1.536rem) * 0.4);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
}
.top-chapter04-content-text h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 2);
  font-style: normal;
  font-weight: 700;
  line-height: 1.36364;
  letter-spacing: clamp(0.055rem, 0.115vw, 0.138rem);
  margin-bottom: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .top-chapter04-content-text h3 {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    line-height: 1.75;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
    margin-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.top-chapter04-content-text p {
  margin-bottom: clamp(0.75rem, 1.563vw, 1.875rem);
}
@media (max-width: 767px) {
  .top-chapter04-content-text p {
    margin-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.top-chapter04-content-img {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 60);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 40);
  aspect-ratio: 3/2;
}
@media (max-width: 767px) {
  .top-chapter04-content-img {
    margin-top: clamp(1.5rem, 6.399vw, 3.072rem);
    width: 100%;
    height: clamp(13.625rem, 58.133vw, 27.904rem);
  }
}
.top-chapter04-content-img img {
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .top-chapter04-content-img img {
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.top-chapter04-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: clamp(34.2rem, 71.25vw, 85.5rem);
  margin: calc(clamp(0.4rem, 0.833vw, 1rem) * 4) auto 0;
}
@media (max-width: 767px) {
  .top-chapter04-link {
    flex-direction: column;
    width: calc(clamp(1.875rem, 8vw, 3.84rem) * 10);
    margin-top: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    gap: clamp(1rem, 4.267vw, 2.048rem);
  }
}

.content-link {
  width: clamp(16.075rem, 33.49vw, 40.188rem);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_FFF, #FFF);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: clamp(2.425rem, 5.052vw, 6.063rem);
  padding-right: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 3);
  color: #4c4c4c;
  /* 矢印の位置調整 */
}
.content-link::before {
  right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 6);
}
@media (max-width: 767px) {
  .content-link::before {
    right: clamp(1.875rem, 8vw, 3.84rem);
  }
}
@media (max-width: 767px) {
  .content-link {
    width: 100%;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 7);
    padding: 0 clamp(1.25rem, 5.333vw, 2.56rem);
    border-radius: clamp(0.625rem, 2.667vw, 1.28rem);
  }
}
.content-link__text {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: calc(clamp(0.75rem, 1.563vw, 1.875rem) / 10);
}
@media (max-width: 767px) {
  .content-link__text {
    font-size: clamp(1rem, 4.267vw, 2.048rem);
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}

.works-item a {
  display: flex;
  width: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 30);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .works-item a {
    width: 100%;
    gap: clamp(0.938rem, 4vw, 1.92rem);
  }
}
.works-item a .works-img {
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  overflow: hidden;
}
@media (max-width: 767px) {
  .works-item a .works-img {
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
}
.works-item a .works-img img {
  height: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 20);
  aspect-ratio: 3/2;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .works-item a .works-img img {
    height: auto;
    aspect-ratio: 292/195;
  }
}
.works-item a:hover .works-img img {
  transform: scale(1.1);
}
.works-item a .category-list {
  padding: 0;
	display:flex;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
}
@media (max-width: 767px) {
  .works-item a .category-list {
    margin-right: clamp(0.813rem, 3.466vw, 1.664rem);
  }
}
.works-item a .post-category {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  border-radius: 5px;
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
  display: flex;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  justify-content: center;
  align-items: center;
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
}
@media (max-width: 767px) {
  .works-item a .post-category {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 11);
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
    border: 1px solid var(--_, #6A5D56);
  }
}
.works-item a .works-address {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875;
  margin-bottom: calc(clamp(0.4rem, 0.833vw, 1rem) / 2);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 33);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 767px) {
  .works-item a .works-address {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    width: calc(clamp(1rem, 4.267vw, 2.048rem) * 10);
  }
}
.works-item a h3 {
  color: var(--_, #6A5D56);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.55rem, 1.146vw, 1.375rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.36364;
  letter-spacing: calc(clamp(0.275rem, 0.573vw, 0.688rem) / 10);
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 51);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .works-item a h3 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.5;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    width: calc(clamp(1.813rem, 7.733vw, 3.712rem) * 10);
  }
}

.top-chapter05 {
  padding-top: calc(clamp(0.475rem, 0.99vw, 1.188rem) * 6);
}
@media (max-width: 767px) {
  .top-chapter05 {
    padding-top: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
  }
  .top-chapter05 .custom-post-slider {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
  .top-chapter05 .custom-post-slider .swiper-wrapper {
    box-sizing: content-box;
  }
  .top-chapter05 .custom-post-slider .swiper-slide {
    flex-shrink: 0;
    width: 78%;
  }
  .top-chapter05 .custom-post-slider .works-item-text {
    padding-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
  .top-chapter05 .custom-post-slider .swiper-pagination {
    position: relative;
    margin-top: 12px;
    z-index: 10;
    text-align: center;
  }
  .top-chapter05 .swiper-nav-wrapper {
    display: block;
    width: 100%;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    position: relative;
  }
  .top-chapter05 .swiper-nav-wrapper .swiper-button-prev {
    left: clamp(1.875rem, 8vw, 3.84rem);
    z-index: 20;
  }
  .top-chapter05 .swiper-nav-wrapper .swiper-button-next {
    right: clamp(1.875rem, 8vw, 3.84rem);
    z-index: 20;
  }
  .top-chapter05 .swiper-nav-wrapper .swiper-button-prev::before,
  .top-chapter05 .swiper-nav-wrapper .swiper-button-next::before {
    content: "";
    position: absolute;
    right: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
    width: clamp(1rem, 4.267vw, 2.048rem);
    height: clamp(1.042rem, 4.445vw, 2.133rem);
    background-color: var(--_, #6A5D56);
    mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
    -webkit-mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
  }
  .top-chapter05 .swiper-nav-wrapper .swiper-button-prev::before {
    transform: rotate(180deg);
  }
  .top-chapter05 .swiper-nav-wrapper .swiper-button-prev::after,
  .top-chapter05 .swiper-nav-wrapper .swiper-button-next::after {
    content: "";
    display: flex;
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding: clamp(0.938rem, 4vw, 1.92rem) clamp(1rem, 4.267vw, 2.048rem);
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 5px;
    border: 1px solid var(--_, #6A5D56);
    background: var(--_FFF, #FFF);
  }
  .top-chapter05 .swiper-nav-wrapper .swiper-pagination-bullet {
    width: clamp(2.49rem, 10.624vw, 5.1rem);
    height: 1px;
    opacity: 0.5;
    background: var(--_, #A28764);
    border-radius: 0;
    margin: 0 calc(clamp(0.813rem, 3.466vw, 1.664rem) / 2);
  }
  .top-chapter05 .swiper-nav-wrapper .swiper-pagination-bullet-active {
    height: 2px;
    opacity: 1;
  }
}
.top-chapter05 .top-works-post-wrapper {
  padding: 0 calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
}
@media (max-width: 767px) {
  .top-chapter05 .top-works-post-wrapper {
    padding: 0;
  }
}
.top-chapter05 .top-works-post-wrapper h2 {
  display: flex;
  align-items: baseline;
  justify-content: start;
  gap: clamp(0.5rem, 1.042vw, 1.25rem);
  margin-bottom: clamp(0.675rem, 1.406vw, 1.688rem);
}
@media (max-width: 767px) {
  .top-chapter05 .top-works-post-wrapper h2 {
    flex-direction: column;
    gap: 0;
    align-items: center;
    margin-bottom: clamp(1.625rem, 6.934vw, 3.328rem);
  }
  .top-chapter05 .top-works-post-wrapper h2 .title-en {
    color: var(--_, #A28764);
    text-align: center;
    font-size: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 10);
  }
  .top-chapter05 .top-works-post-wrapper h2 .title-kana {
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 10);
  }
}
.top-chapter05 .top-works-post {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
}
@media (max-width: 767px) {
  .top-chapter05 .top-works-post {
    display: block !important;
    margin-bottom: clamp(1.188rem, 5.066vw, 2.432rem);
    width: 100vw;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
}
.top-chapter05 .no-post-text {
  margin: auto;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
}
.top-chapter05 .top-works-more-link {
  margin-top: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7);
}
@media (max-width: 767px) {
  .top-chapter05 .top-works-more-link {
    margin-top: clamp(1.25rem, 5.333vw, 2.56rem);
    margin-bottom: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 2);
  }
}
.top-chapter05 .top-banner-voice {
  width: clamp(30.8rem, 64.167vw, 77rem);
  height: calc(clamp(0.75rem, 1.563vw, 1.875rem) * 10);
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  background: var(--_, #A28764);
  margin: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7) auto calc(clamp(0.275rem, 0.573vw, 0.688rem) * 10);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 3.5);
  padding-left: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 11);
  padding-right: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 7.5);
}
@media (max-width: 767px) {
  .top-chapter05 .top-banner-voice {
    width: clamp(20.438rem, -0.018rem + 87.277vw, 41.875rem);
    height: clamp(10.25rem, 43.733vw, 20.992rem);
    border-radius: clamp(1.25rem, 5.333vw, 2.56rem);
    padding-top: clamp(1.813rem, 7.733vw, 3.712rem);
    padding-right: clamp(0.688rem, 2.934vw, 1.408rem);
    padding-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
    padding-left: clamp(1.25rem, 5.333vw, 2.56rem);
    position: relative;
    margin: calc(clamp(1.688rem, 7.201vw, 3.456rem) * 2) auto calc(clamp(1.563rem, 6.667vw, 3.2rem) * 2);
  }
}
.top-chapter05 .top-banner-voice-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 68);
}
@media (max-width: 767px) {
  .top-chapter05 .top-banner-voice-text {
    width: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 15);
    justify-content: center;
  }
}
.top-chapter05 .top-banner-voice-text h2 {
  margin-bottom: clamp(0.4rem, 0.833vw, 1rem);
}
@media (max-width: 767px) {
  .top-chapter05 .top-banner-voice-text h2 {
    margin-bottom: clamp(0.875rem, 3.733vw, 1.792rem);
  }
}
.top-chapter05 .top-banner-voice-text h2 .title-en {
  color: var(--_FFF, #FFF);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0.75rem, 1.563vw, 1.875rem);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.3rem, 0.625vw, 0.75rem) / 10);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
}
@media (max-width: 767px) {
  .top-chapter05 .top-banner-voice-text h2 .title-en {
    text-align: center;
    font-size: clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem);
    letter-spacing: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 0.4);
    margin-bottom: 0;
  }
}
.top-chapter05 .top-banner-voice-text h2 .title-kana {
  color: var(--_FFF, #FFF);
  font-family: "Zen Old Mincho", serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: clamp(0.25rem, 0.521vw, 0.625rem);
}
@media (max-width: 767px) {
  .top-chapter05 .top-banner-voice-text h2 .title-kana {
    text-align: center;
    font-size: clamp(1.375rem, 5.868vw, 2.816rem);
    letter-spacing: calc(clamp(0.688rem, 2.934vw, 1.408rem) / 2.5);
  }
}
.top-chapter05 .top-banner-voice-text .more-link, .top-chapter05 .top-banner-voice-text .content-link {
  color: #fff;
}
.top-chapter05 .top-banner-voice-text p {
  color: var(--_FFF, #FFF);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 5);
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top-chapter05 .top-banner-voice-text p {
    display: none;
  }
}
.top-chapter05 .top-banner-voice-img {
  width: clamp(7.918rem, 16.496vw, 19.795rem);
  height: clamp(5.732rem, 11.941vw, 14.329rem);
}
@media (max-width: 767px) {
  .top-chapter05 .top-banner-voice-img {
    width: clamp(8.988rem, 38.35vw, 18.408rem);
    height: clamp(6.506rem, 27.761vw, 13.325rem);
    position: absolute;
    right: clamp(0.688rem, 2.934vw, 1.408rem);
  }
}
.top-chapter05 .top-chapter05-bottom {
  width: calc(100% + var(--bs-gutter-x));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}

.top-chapter06 {
  padding-top: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 10);
  padding-bottom: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
}
@media (max-width: 767px) {
  .top-chapter06 {
    padding-top: calc(clamp(0.938rem, 4vw, 1.92rem) * 3);
    padding-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
}
.top-chapter06 h2 {
  text-align: center;
  margin-bottom: calc(clamp(0.725rem, 1.51vw, 1.813rem) * 2);
}
@media (max-width: 767px) {
  .top-chapter06 h2 {
    margin-bottom: clamp(1.75rem, 7.466vw, 3.584rem);
  }
}
.top-chapter06 .top-event-list {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: calc(clamp(0.675rem, 1.406vw, 1.688rem) * 2);
  width: clamp(40.063rem, 0.021rem + 83.42vw, 100.125rem);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .top-chapter06 .top-event-list {
    display: block !important;
    margin-bottom: clamp(1.188rem, 5.066vw, 2.432rem);
    width: 100vw;
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
  }
  .top-chapter06 .top-event-list .event-item a {
    display: flex;
    width: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 10);
    padding-bottom: 0;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: clamp(1.5rem, 6.399vw, 3.072rem);
    flex-shrink: 0;
  }
  .top-chapter06 .top-event-list .event-item a .post-term {
    width: auto;
    height: clamp(1.375rem, 5.868vw, 2.816rem);
    min-width: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 4);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    justify-content: center;
    align-items: center;
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    margin-right: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
  .top-chapter06 .top-event-list .event-item a .event-item-eyecatch {
    width: 100%;
    height: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 10);
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
  }
  .top-chapter06 .top-event-list .event-item a .event-item-eyecatch img {
    border-radius: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 2);
    object-fit: cover;
  }
  .top-chapter06 .top-event-list .event-item a .event-item-text {
    display: flex;
    align-items: start;
    justify-content: start;
    flex-direction: column;
    gap: calc(clamp(1rem, 4.267vw, 2.048rem) / 2);
  }
  .top-chapter06 .top-event-list .event-item a .event-item-status-close {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: normal;
    display: flex;
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    height: clamp(1.375rem, 5.868vw, 2.816rem);
  }
  .top-chapter06 .top-event-list .event-item a .event-item-status-bet {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    height: clamp(1.375rem, 5.868vw, 2.816rem);
  }
  .top-chapter06 .top-event-list .event-item a .event-item-text-day {
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    line-height: 1.66;
  }
  .top-chapter06 .top-event-list .event-item a h3 {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    font-style: normal;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    margin-bottom: 0;
  }
  .top-chapter06 .top-event-list .top-event-slider {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
  }
  .top-chapter06 .top-event-list .top-event-slider .swiper-wrapper {
    box-sizing: content-box;
  }
  .top-chapter06 .top-event-list .top-event-slider .swiper-slide {
    flex-shrink: 0;
    width: 78%;
  }
  .top-chapter06 .top-event-list .top-event-slider .works-item-text {
    padding-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
  }
  .top-chapter06 .top-event-list .top-event-slider .swiper-pagination {
    position: relative;
    margin-top: 12px;
    z-index: 10;
    text-align: center;
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav {
    display: block;
    width: 100%;
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    position: relative;
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav .top-event-swiper-button-prev {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 20;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    left: clamp(1.875rem, 8vw, 3.84rem);
    right: auto;
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav .top-event-swiper-button-next {
    position: absolute;
    top: var(--swiper-navigation-top-offset, 50%);
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - var(--swiper-navigation-size) / 2);
    z-index: 20;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    right: clamp(1.875rem, 8vw, 3.84rem);
    left: auto;
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav .top-event-swiper-button-prev::before,
  .top-chapter06 .top-event-list .top-event-swiper-nav .top-event-swiper-button-next::before {
    content: "";
    position: absolute;
    right: calc(clamp(0.75rem, 3.201vw, 1.536rem) / 2);
    width: clamp(1rem, 4.267vw, 2.048rem);
    height: clamp(1.042rem, 4.445vw, 2.133rem);
    background-color: var(--_, #6A5D56);
    mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
    -webkit-mask: url(./assets/img/icon-arrow-right.svg) no-repeat center/contain;
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav .top-event-swiper-button-prev::before {
    transform: rotate(180deg);
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav .top-event-swiper-button-prev::after,
  .top-chapter06 .top-event-list .top-event-swiper-nav .top-event-swiper-button-next::after {
    content: "";
    display: flex;
    width: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    height: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    padding: clamp(0.938rem, 4vw, 1.92rem) clamp(1rem, 4.267vw, 2.048rem);
    justify-content: center;
    align-items: center;
    aspect-ratio: 1/1;
    border-radius: 5px;
    border: 1px solid var(--_, #6A5D56);
    background: var(--_FFF, #FFF);
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav .swiper-pagination-bullet {
    width: clamp(2.49rem, 10.624vw, 5.1rem);
    height: 1px;
    opacity: 0.5;
    background: var(--_, #A28764);
    border-radius: 0;
    margin: 0 calc(clamp(0.813rem, 3.466vw, 1.664rem) / 2);
  }
  .top-chapter06 .top-event-list .top-event-swiper-nav .swiper-pagination-bullet-active {
    height: 2px;
    opacity: 1;
  }
}

.event-item a {
  display: flex;
  width: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 20);
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.55rem, 1.146vw, 1.375rem);
}
.event-item a .post-term {
  display: flex;
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--_, #6A5D56);
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.87;
  margin-right: clamp(0.4rem, 0.833vw, 1rem);
}
.event-item a .event-item-eyecatch {
  width: 100%;
  height: calc(clamp(0.45rem, 0.938vw, 1.125rem) * 20);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
}
.event-item a .event-item-eyecatch img {
  width: 100%;
  height: 100%;
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  object-fit: cover;
}
.event-item a .event-item-status-close {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  display: flex;
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  border: 1px solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
}
.event-item a .event-item-status-bet {
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  display: flex;
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: 5px;
  background: var(--_, #DD8E4A);
}
.event-item a .event-item-text-day {
  color: var(--_888, #888);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.87;
}
.event-item a h3 {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* line-clamp: 1; // 将来的な標準化のため */
}

.top-chapter07 {
  padding-top: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 4);
  padding-bottom: calc(clamp(0.275rem, 0.573vw, 0.688rem) * 10);
}
@media (max-width: 767px) {
  .top-chapter07 {
    padding-top: calc(clamp(1.063rem, 4.534vw, 2.176rem) * 2);
    padding-bottom: calc(clamp(1.75rem, 7.466vw, 3.584rem) * 2);
  }
}
.top-chapter07 h2 {
  text-align: center;
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
}
@media (max-width: 767px) {
  .top-chapter07 h2 {
    margin-bottom: clamp(1.875rem, 8vw, 3.84rem);
  }
}
.top-chapter07 .top-news-category-link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(0.6rem, 1.25vw, 1.5rem);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-category-link {
    gap: clamp(1.188rem, 5.066vw, 2.432rem);
  }
}
.top-chapter07 .top-news-category-link .category-item {
  color: var(--_FFF, #FFF);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  display: flex;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 20);
  height: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  padding: 0 clamp(0.35rem, 0.729vw, 0.875rem);
  justify-content: center;
  align-items: center;
  border-radius: clamp(0.5rem, 1.042vw, 1.25rem);
  background: var(--_, #A28764);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-category-link .category-item {
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 2.14286;
    width: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 14);
    height: calc(clamp(1.125rem, 0.008rem + 4.835vw, 2.313rem) * 2);
    border-radius: clamp(1.25rem, 5.333vw, 2.56rem);
  }
}
.top-chapter07 .top-news-category-link .category-item.link-item {
  color: var(--_, #6A5D56);
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-category-link .category-item.link-item {
    border: 1px solid var(--_, #6A5D56);
  }
}
.top-chapter07 .top-news-list {
  display: flex;
  align-items: start;
  justify-content: start;
  flex-wrap: wrap;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 100);
  margin: auto;
  margin-top: clamp(1.575rem, 3.281vw, 3.938rem);
  margin-bottom: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
  gap: 0 calc(clamp(0.725rem, 1.51vw, 1.813rem) * 2);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list {
    margin: auto;
    margin-top: clamp(1.875rem, 8vw, 3.84rem);
    margin-bottom: clamp(1.5rem, 6.399vw, 3.072rem);
    width: clamp(20.438rem, 87.2vw, 41.856rem);
    padding: 0;
    border-bottom: 1px solid #CFCFCF;
  }
}
.top-chapter07 .top-news-list .news-item {
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 77);
  height: calc(clamp(0.55rem, 1.146vw, 1.375rem) * 10);
  border-top: 1px solid var(--_CF, #CFCFCF);
  padding: clamp(0.75rem, 1.563vw, 1.875rem) 0;
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list .news-item {
    width: 100%;
    height: auto;
    padding: clamp(1rem, 4.267vw, 2.048rem) 0;
  }
}
.top-chapter07 .top-news-list .news-item a {
  display: flex;
  align-items: start;
  justify-content: start;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list .news-item a {
    gap: clamp(0.75rem, 3.201vw, 1.536rem) clamp(1rem, 4.267vw, 2.048rem);
    flex-wrap: wrap;
  }
  .top-chapter07 .top-news-list .news-item a > div:first-child {
    width: 100%;
  }
  .top-chapter07 .top-news-list .news-item a > div:first-child .news-date {
    color: var(--_888, #888);
    font-family: "Noto Sans JP", sans-serif;
    font-size: clamp(0.813rem, 3.466vw, 1.664rem);
    font-style: normal;
    font-weight: 400;
    line-height: 1.53846;
    margin-right: clamp(0.688rem, 2.934vw, 1.408rem);
  }
  .top-chapter07 .top-news-list .news-item a > div:first-child .post-category {
    color: var(--_, #6A5D56);
    text-align: center;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: clamp(0.75rem, 3.201vw, 1.536rem);
    font-style: normal;
    font-weight: 500;
    line-height: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 2);
    display: flex;
    width: auto;
    height: calc(clamp(0.688rem, 2.934vw, 1.408rem) * 2);
    justify-content: center;
    align-items: center;
    padding: 0 clamp(0.875rem, 3.733vw, 1.792rem);
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
    border: 1px solid var(--_, #6A5D56);
    background: var(--_FFF, #FFF);
  }
}
.top-chapter07 .top-news-list .news-item a:hover img {
  transform: scale(1.1);
}
.top-chapter07 .top-news-list .news-item-img {
  width: calc(clamp(0.6rem, 1.25vw, 1.5rem) * 10);
  height: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  border-radius: clamp(0.25rem, 0.521vw, 0.625rem);
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list .news-item-img {
    width: calc(clamp(1rem, 4.267vw, 2.048rem) * 10);
    height: auto;
  }
}
.top-chapter07 .top-news-list .news-item-img img {
  aspect-ratio: 3/2;
  object-fit: cover;
  transform: scale(1);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list .news-item-img img {
    aspect-ratio: 160/107;
    border-radius: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 2);
  }
}
.top-chapter07 .top-news-list .news-item-text {
  display: flex;
  align-items: flex-start;
  justify-content: start;
  flex-direction: column;
  gap: clamp(0.3rem, 0.625vw, 0.75rem);
  width: calc(clamp(0.3rem, 0.625vw, 0.75rem) * 40);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list .news-item-text {
    width: calc(clamp(0.938rem, 4vw, 1.92rem) * 10);
  }
}
.top-chapter07 .top-news-list .news-item-text .news-date {
  color: var(--_888, #888);
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 400;
  line-height: 1.875;
}
.top-chapter07 .top-news-list .news-item-text .post-category {
  color: var(--_, #6A5D56);
  text-align: center;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.4rem, 0.833vw, 1rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.875;
  display: flex;
  width: calc(clamp(0.4rem, 0.833vw, 1rem) * 10);
  justify-content: center;
  align-items: center;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) / 2);
  border: calc(clamp(0.375rem, 0.781vw, 0.938rem) / 10) solid var(--_, #6A5D56);
  background: var(--_FFF, #FFF);
}
.top-chapter07 .top-news-list .news-item-text .blog-post-title {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: clamp(0.45rem, 0.938vw, 1.125rem);
  font-style: normal;
  font-weight: 500;
  line-height: 1.66667;
  letter-spacing: calc(clamp(0.45rem, 0.938vw, 1.125rem) / 20);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* line-clamp: 2; // 将来的な標準化のため */
  text-align: left;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list .news-item-text .blog-post-title {
    width: calc(clamp(0.938rem, 4vw, 1.92rem) * 10);
    font-size: clamp(0.875rem, 3.733vw, 1.792rem);
    line-height: 1.42857;
    letter-spacing: calc(clamp(0.875rem, 3.733vw, 1.792rem) / 20);
    -webkit-line-clamp: 5;
    /* line-clamp: 5; // 将来的な標準化のため */
  }
}
.top-chapter07 .top-news-list .news-item:nth-last-child(-n+2) {
  border-bottom: 1px solid var(--_CF, #CFCFCF);
}
@media (max-width: 767px) {
  .top-chapter07 .top-news-list .news-item:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}

.top-chapter08 {
  padding-top: calc(clamp(0.425rem, 0.885vw, 1.063rem) * 5);
  padding-bottom: calc(clamp(0.375rem, 0.781vw, 0.938rem) * 5);
}
@media (max-width: 767px) {
  .top-chapter08 {
    padding-top: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 2);
    padding-bottom: calc(clamp(1.188rem, 5.066vw, 2.432rem) * 2);
  }
  .top-chapter08 .link-banner-slider {
    width: calc(100% + var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
  }
  .top-chapter08 .link-banner-slider .swiper-slide {
    width: 66.8%;
  }
}
.top-chapter08::before {
  content: "";
  background: var(--_, #F8F7F4);
  position: absolute;
  width: calc(100% + var(--bs-gutter-x));
  height: 100%;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.top-chapter08 .link-banner-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 5);
}
.top-chapter08 .link-banner-list a {
  display: block;
  width: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 48);
}

.home.no-scroll .header {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background: transparent;
}
.home.no-scroll .header .navbar-brand::before {
  background: url("./assets/img/header-logo-white.svg") no-repeat;
  background-size: contain;
}
.home.no-scroll .header .global-menu li {
  color: var(--_FFF, #FFF);
}
.home.no-scroll .header .global-menu li.parent-menu::after {
  background: url(./assets/img/icon-chevron-down-white.svg) no-repeat;
  background-size: contain;
}
.home.no-scroll .header .global-menu li a {
  color: var(--_FFF, #FFF);
}
.home.no-scroll .header .global-menu li a::after {
  background: #FFF;
}
.home.no-scroll .header .header-button-link .button-orange,
.home.no-scroll .header .header-button-link .button-brown {
  background: transparent;
  border-radius: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 4);
  border: 2px solid var(--_FFF, #FFF);
}
@media (max-width: 767px) {
  .home.no-scroll .header .hamburger::before, .home.no-scroll .header .hamburger::after {
    background: #FFF;
  }
  .home.no-scroll .header .hamburger .line {
    background: #FFF;
  }
  .home.no-scroll .header .is-open .hamburger::before, .home.no-scroll .header .is-open .hamburger::after {
    background: #4C4C4C;
  }
  .home.no-scroll .header .is-open .hamburger .line {
    background: #4C4C4C;
  }
}
.home.no-scroll #masthead.is-open .header .navbar-brand::before {
  background: url(./assets/img/header-logo.png) no-repeat;
  background-size: contain;
}
.home .title-en {
  color: var(--_, #A28764);
  font-family: "Outfit", sans-serif;
  font-size: calc(clamp(0.25rem, 0.521vw, 0.625rem) * 8);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: calc(clamp(0.4rem, 0.833vw, 1rem) / 5);
}
@media (max-width: 767px) {
  .home .title-en {
    font-size: calc(clamp(0.625rem, 2.667vw, 1.28rem) * 4);
    letter-spacing: calc(clamp(1rem, 4.267vw, 2.048rem) / 10);
  }
}
.home .title-jp {
  color: var(--_4C, #4C4C4C);
  font-family: "Zen Old Mincho", serif;
  font-size: clamp(0.6rem, 1.25vw, 1.5rem);
  font-style: normal;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: calc(clamp(0.5rem, 1.042vw, 1.25rem) / 10);
}
@media (max-width: 767px) {
  .home .title-jp {
    font-size: clamp(0.688rem, 2.934vw, 1.408rem);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: calc(clamp(0.625rem, 2.667vw, 1.28rem) / 10);
  }
}
.home footer {
  background: var(--_, #F8F7F4);
}
/*instagram*/
.top-instagram{
	padding-top:clamp(1.563rem, 0.021rem + 3.212vw, 3.875rem);
	padding-bottom:clamp(1.563rem, 0.021rem + 3.212vw, 3.875rem);
}
.top-instagram h2 {
    text-align: center;
    margin-bottom: clamp(1.438rem, -0.021rem + 3.038vw, 3.625rem);
}
.instagram-list{
		width: clamp(40rem, 0.000rem + 83.333vw, 100rem);
		margin:0 auto clamp(1.45rem, 0.000rem + 3.021vw, 3.625rem);
	}
.order-instagram{
	padding-top:clamp(0.75rem, 0.000rem + 1.563vw, 1.875rem);
	padding-bottom:clamp(0.75rem, 0.000rem + 1.563vw, 1.875rem);
}
.mori-instagram{
	padding-bottom:clamp(2.75rem, 0.000rem + 5.729vw, 6.875rem);
}
.renovation-instagram,
.reform-instagram,
.land-instagram{
	padding-top:clamp(2.5rem, 0.000rem + 5.208vw, 6.25rem);
}
.page-instagram h2{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:clamp(1rem, 0.000rem + 2.083vw, 2.5rem);
}
.page-instagram .title-en{
	color: var(--_, #6A5D56);
	font-family: "Zen Old Mincho", serif;
	font-size: clamp(0.8rem, 1.667vw, 2rem);
	font-style: normal;
	font-weight: 700;
	line-height: 1.625;
	letter-spacing: 1.6px;
	position:relative;
	padding-left:clamp(2.1rem, 0.000rem + 4.375vw, 5.25rem);
}
.page-instagram .title-en::before{
	content:'';
	background: url(./assets/img/icon-page-instagram.svg)no-repeat;
	background-size:contain;
	width: clamp(1.5rem, 0.000rem + 3.125vw, 3.75rem);
	height: clamp(1.5rem, 0.000rem + 3.125vw, 3.75rem);
	position:absolute;
	top:50%;
	left:0;
	transform:translatey(-50%);
}
.page-instagram-list{
	width:100%;
}
@media (max-width: 767px) {
.top-instagram{
	padding-top:clamp(1rem, -0.002rem + 4.276vw, 2.047rem);
	padding-bottom:clamp(1.75rem, -0.004rem + 7.485vw, 3.584rem);
}
.instagram-list{
	width: clamp(20.438rem, -0.070rem + 87.5vw, 41.875rem);
	margin:0 auto clamp(1.5rem, 0.005rem + 6.378vw, 3.063rem);
	}
.page-instagram{
	padding-left: calc(0.5 * var(--bs-gutter-x));		
	}
.order-instagram{
	padding-top:clamp(3.188rem, 0.027rem + 13.486vw, 6.5rem);
	padding-bottom:clamp(1.313rem, -0.000rem + 5.601vw, 2.688rem);
	}
.mori-instagram{
	padding-bottom:calc(clamp(1rem, 4.267vw, 2.048rem) * 4);	
	}
.renovation-instagram,
.reform-instagram{
	padding-top:clamp(4rem, 0.004rem + 17.048vw, 8.188rem);		
	}
.land-instagram{
	padding-top:clamp(3.375rem, -0.024rem + 14.504vw, 6.938rem);
	padding-bottom:clamp(4rem, 0.004rem + 17.048vw, 8.188rem);		
	}
.page-instagram h2{
	margin-bottom:clamp(1.5rem, 0.000rem + 6.399vw, 3.072rem);
}
.page-instagram .title-en{
	font-size: clamp(1.125rem, -0.008rem + 4.835vw, 2.313rem);
	letter-spacing: clamp(0.056rem, 0.000rem + 0.239vw, 0.115rem);
	padding-left:clamp(3.188rem, 0.000rem + 13.6vw, 6.528rem);
}
.page-instagram .title-en::before{
	width: clamp(2.5rem, 0.000rem + 10.667vw, 5.12rem);
	height: clamp(2.5rem, 0.000rem + 10.667vw, 5.12rem);
	}
.page-instagram-list{
	width:clamp(20.438rem, 87.2vw, 41.856rem);
	margin-bottom:clamp(1.5rem, 0.000rem + 6.399vw, 3.072rem);	
	}	
}