@charset "UTF-8";

:root {
  --color-gold: #ccbc9d;
  --color-red: #7d0000;
  --color-brown: #7b6b61;
}

.cormorant-garamond,
.en,
.text-en {
  font-family: "Cormorant Garamond", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.shippori-mincho,
.jp,
.text-jp {
  font-family: "Shippori Mincho", serif;
  font-style: normal;
}
.text-gold{
 color: var(--color-gold)!important;
}
.text-red{
  color: var(--color-red)!important;
 }
 .text-brown{
  color: var(--color-brown)!important;
 }
 
.bg-primary {
  background-color: var(--theme-color, #ccbc9d);
}

.btn-primary {
  --bs-btn-bg: var(--theme-color, #ccbc9d);
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

.bg-secondary {
  background-color: #867439;
}

.btn-secondary {
  --bs-btn-bg: #867439;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

.bg-light {
  background-color: #f8f7f3;
}

.btn-light {
  --bs-btn-bg: #f8f7f3;
}

.bg-dark {
  background-color: #000;
}

.btn-dark {
  --bs-btn-bg: #000;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

.bg-white {
  background-color: #fff;
}

.btn-white {
  --bs-btn-bg: #fff;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

.bg-orange {
  background-color: #dd5e25;
}

.btn-orange {
  --bs-btn-bg: #dd5e25;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

.bg-gold {
  background-color: #ad9a5c;
}

.btn-gold {
  --bs-btn-bg: #ad9a5c;
  --bs-btn-color: #fff;
  --bs-btn-hover-color: #fff;
}

h1 {
  font-size: 4.8rem;
}

.fs-1 {
  font-size: 4.8rem;
}

h2 {
  font-size: 4.2rem;
}

.fs-2 {
  font-size: 4.2rem;
}

h3 {
  font-size: 3.6rem;
}

.fs-3 {
  font-size: 3.6rem;
}

h4 {
  font-size: 3.2rem;
}

.fs-4 {
  font-size: 3.2rem;
}

h5 {
  font-size: 2.8rem;
}

.fs-5 {
  font-size: 2.8rem;
}

h6 {
  font-size: 2.4rem;
}

.fs-6 {
  font-size: 2.4rem;
}

.mt-auto {
  margin-top: auto !important;
}

.mt-sm {
  margin-top: 4rem !important;
}

.pt-sm {
  padding-top: 4rem !important;
}

.mt-md {
  margin-top: 6rem !important;
}

.pt-md {
  padding-top: 6rem !important;
}

.mt-lg {
  margin-top: 10rem !important;
}

.pt-lg {
  padding-top: 10rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mt-1 {
  margin-top: 0.8rem !important;
}

.pt-1 {
  padding-top: 0.8rem !important;
}

.mt-2 {
  margin-top: 1.6rem !important;
}

.pt-2 {
  padding-top: 1.6rem !important;
}

.mt-3 {
  margin-top: 2.4rem !important;
}

.pt-3 {
  padding-top: 2.4rem !important;
}

.mt-4 {
  margin-top: 3.2rem !important;
}

.pt-4 {
  padding-top: 3.2rem !important;
}

.mt-5 {
  margin-top: 4rem !important;
}

.pt-5 {
  padding-top: 4rem !important;
}

.mt-6 {
  margin-top: 4.8rem !important;
}

.pt-6 {
  padding-top: 4.8rem !important;
}

.mt-7 {
  margin-top: 6.4rem !important;
}

.pt-7 {
  padding-top: 6.4rem !important;
}

.mt-8 {
  margin-top: 8rem !important;
}

.pt-8 {
  padding-top: 8rem !important;
}

.mt-9 {
  margin-top: 9.6rem !important;
}

.pt-9 {
  padding-top: 9.6rem !important;
}

.mt-10 {
  margin-top: 11.2rem !important;
}

.pt-10 {
  padding-top: 11.2rem !important;
}

.mt-11 {
  margin-top: 12.8rem !important;
}

.pt-11 {
  padding-top: 12.8rem !important;
}

.mt-12 {
  margin-top: 14.4rem !important;
}

.pt-12 {
  padding-top: 14.4rem !important;
}

.mt-13 {
  margin-top: 16rem !important;
}

.pt-13 {
  padding-top: 16rem !important;
}

.mt-14 {
  margin-top: 17.6rem !important;
}

.pt-14 {
  padding-top: 17.6rem !important;
}

.mt-15 {
  margin-top: 19.2rem !important;
}

.pt-15 {
  padding-top: 19.2rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.mb-sm {
  margin-bottom: 4rem !important;
}

.pb-sm {
  padding-bottom: 4rem !important;
}

.mb-md {
  margin-bottom: 6rem !important;
}

.pb-md {
  padding-bottom: 6rem !important;
}

.mb-lg {
  margin-bottom: 10rem !important;
}

.pb-lg {
  padding-bottom: 10rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: 0.8rem !important;
}

.pb-1 {
  padding-bottom: 0.8rem !important;
}

.mb-2 {
  margin-bottom: 1.6rem !important;
}

.pb-2 {
  padding-bottom: 1.6rem !important;
}

.mb-3 {
  margin-bottom: 2.4rem !important;
}

.pb-3 {
  padding-bottom: 2.4rem !important;
}

.mb-4 {
  margin-bottom: 3.2rem !important;
}

.pb-4 {
  padding-bottom: 3.2rem !important;
}

.mb-5 {
  margin-bottom: 4rem !important;
}

.pb-5 {
  padding-bottom: 4rem !important;
}

.mb-6 {
  margin-bottom: 4.8rem !important;
}

.pb-6 {
  padding-bottom: 4.8rem !important;
}

.mb-7 {
  margin-bottom: 6.4rem !important;
}

.pb-7 {
  padding-bottom: 6.4rem !important;
}

.mb-8 {
  margin-bottom: 8rem !important;
}

.pb-8 {
  padding-bottom: 8rem !important;
}

.mb-9 {
  margin-bottom: 9.6rem !important;
}

.pb-9 {
  padding-bottom: 9.6rem !important;
}

.mb-10 {
  margin-bottom: 11.2rem !important;
}

.pb-10 {
  padding-bottom: 11.2rem !important;
}

.mb-11 {
  margin-bottom: 12.8rem !important;
}

.pb-11 {
  padding-bottom: 12.8rem !important;
}

.mb-12 {
  margin-bottom: 14.4rem !important;
}

.pb-12 {
  padding-bottom: 14.4rem !important;
}

.mb-13 {
  margin-bottom: 16rem !important;
}

.pb-13 {
  padding-bottom: 16rem !important;
}

.mb-14 {
  margin-bottom: 17.6rem !important;
}

.pb-14 {
  padding-bottom: 17.6rem !important;
}

.mb-15 {
  margin-bottom: 19.2rem !important;
}

.pb-15 {
  padding-bottom: 19.2rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.ms-sm {
  margin-left: 4rem !important;
}

.ps-sm {
  padding-left: 4rem !important;
}

.ms-md {
  margin-left: 6rem !important;
}

.ps-md {
  padding-left: 6rem !important;
}

.ms-lg {
  margin-left: 10rem !important;
}

.ps-lg {
  padding-left: 10rem !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ms-1 {
  margin-left: 0.8rem !important;
}

.ps-1 {
  padding-left: 0.8rem !important;
}

.ms-2 {
  margin-left: 1.6rem !important;
}

.ps-2 {
  padding-left: 1.6rem !important;
}

.ms-3 {
  margin-left: 2.4rem !important;
}

.ps-3 {
  padding-left: 2.4rem !important;
}

.ms-4 {
  margin-left: 3.2rem !important;
}

.ps-4 {
  padding-left: 3.2rem !important;
}

.ms-5 {
  margin-left: 4rem !important;
}

.ps-5 {
  padding-left: 4rem !important;
}

.ms-6 {
  margin-left: 4.8rem !important;
}

.ps-6 {
  padding-left: 4.8rem !important;
}

.ms-7 {
  margin-left: 6.4rem !important;
}

.ps-7 {
  padding-left: 6.4rem !important;
}

.ms-8 {
  margin-left: 8rem !important;
}

.ps-8 {
  padding-left: 8rem !important;
}

.ms-9 {
  margin-left: 9.6rem !important;
}

.ps-9 {
  padding-left: 9.6rem !important;
}

.ms-10 {
  margin-left: 11.2rem !important;
}

.ps-10 {
  padding-left: 11.2rem !important;
}

.ms-11 {
  margin-left: 12.8rem !important;
}

.ps-11 {
  padding-left: 12.8rem !important;
}

.ms-12 {
  margin-left: 14.4rem !important;
}

.ps-12 {
  padding-left: 14.4rem !important;
}

.ms-13 {
  margin-left: 16rem !important;
}

.ps-13 {
  padding-left: 16rem !important;
}

.ms-14 {
  margin-left: 17.6rem !important;
}

.ps-14 {
  padding-left: 17.6rem !important;
}

.ms-15 {
  margin-left: 19.2rem !important;
}

.ps-15 {
  padding-left: 19.2rem !important;
}

.me-auto {
  margin-right: auto !important;
}

.me-sm {
  margin-right: 4rem !important;
}

.pe-sm {
  padding-right: 4rem !important;
}

.me-md {
  margin-right: 6rem !important;
}

.pe-md {
  padding-right: 6rem !important;
}

.me-lg {
  margin-right: 10rem !important;
}

.pe-lg {
  padding-right: 10rem !important;
}

.me-0 {
  margin-right: 0 !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.me-1 {
  margin-right: 0.8rem !important;
}

.pe-1 {
  padding-right: 0.8rem !important;
}

.me-2 {
  margin-right: 1.6rem !important;
}

.pe-2 {
  padding-right: 1.6rem !important;
}

.me-3 {
  margin-right: 2.4rem !important;
}

.pe-3 {
  padding-right: 2.4rem !important;
}

.me-4 {
  margin-right: 3.2rem !important;
}

.pe-4 {
  padding-right: 3.2rem !important;
}

.me-5 {
  margin-right: 4rem !important;
}

.pe-5 {
  padding-right: 4rem !important;
}

.me-6 {
  margin-right: 4.8rem !important;
}

.pe-6 {
  padding-right: 4.8rem !important;
}

.me-7 {
  margin-right: 6.4rem !important;
}

.pe-7 {
  padding-right: 6.4rem !important;
}

.me-8 {
  margin-right: 8rem !important;
}

.pe-8 {
  padding-right: 8rem !important;
}

.me-9 {
  margin-right: 9.6rem !important;
}

.pe-9 {
  padding-right: 9.6rem !important;
}

.me-10 {
  margin-right: 11.2rem !important;
}

.pe-10 {
  padding-right: 11.2rem !important;
}

.me-11 {
  margin-right: 12.8rem !important;
}

.pe-11 {
  padding-right: 12.8rem !important;
}

.me-12 {
  margin-right: 14.4rem !important;
}

.pe-12 {
  padding-right: 14.4rem !important;
}

.me-13 {
  margin-right: 16rem !important;
}

.pe-13 {
  padding-right: 16rem !important;
}

.me-14 {
  margin-right: 17.6rem !important;
}

.pe-14 {
  padding-right: 17.6rem !important;
}

.me-15 {
  margin-right: 19.2rem !important;
}

.pe-15 {
  padding-right: 19.2rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.mx-sm {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.px-sm {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.mx-md {
  margin-right: 6rem !important;
  margin-left: 6rem !important;
}

.px-md {
  padding-right: 6rem !important;
  padding-left: 6rem !important;
}

.mx-lg {
  margin-right: 10rem !important;
  margin-left: 10rem !important;
}

.px-lg {
  padding-right: 10rem !important;
  padding-left: 10rem !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.mx-1 {
  margin-right: 0.8rem !important;
  margin-left: 0.8rem !important;
}

.px-1 {
  padding-right: 0.8rem !important;
  padding-left: 0.8rem !important;
}

.mx-2 {
  margin-right: 1.6rem !important;
  margin-left: 1.6rem !important;
}

.px-2 {
  padding-right: 1.6rem !important;
  padding-left: 1.6rem !important;
}

.mx-3 {
  margin-right: 2.4rem !important;
  margin-left: 2.4rem !important;
}

.px-3 {
  padding-right: 2.4rem !important;
  padding-left: 2.4rem !important;
}

.mx-4 {
  margin-right: 3.2rem !important;
  margin-left: 3.2rem !important;
}

.px-4 {
  padding-right: 3.2rem !important;
  padding-left: 3.2rem !important;
}

.mx-5 {
  margin-right: 4rem !important;
  margin-left: 4rem !important;
}

.px-5 {
  padding-right: 4rem !important;
  padding-left: 4rem !important;
}

.mx-6 {
  margin-right: 4.8rem !important;
  margin-left: 4.8rem !important;
}

.px-6 {
  padding-right: 4.8rem !important;
  padding-left: 4.8rem !important;
}

.mx-7 {
  margin-right: 6.4rem !important;
  margin-left: 6.4rem !important;
}

.px-7 {
  padding-right: 6.4rem !important;
  padding-left: 6.4rem !important;
}

.mx-8 {
  margin-right: 8rem !important;
  margin-left: 8rem !important;
}

.px-8 {
  padding-right: 8rem !important;
  padding-left: 8rem !important;
}

.mx-9 {
  margin-right: 9.6rem !important;
  margin-left: 9.6rem !important;
}

.px-9 {
  padding-right: 9.6rem !important;
  padding-left: 9.6rem !important;
}

.mx-10 {
  margin-right: 11.2rem !important;
  margin-left: 11.2rem !important;
}

.px-10 {
  padding-right: 11.2rem !important;
  padding-left: 11.2rem !important;
}

.mx-11 {
  margin-right: 12.8rem !important;
  margin-left: 12.8rem !important;
}

.px-11 {
  padding-right: 12.8rem !important;
  padding-left: 12.8rem !important;
}

.mx-12 {
  margin-right: 14.4rem !important;
  margin-left: 14.4rem !important;
}

.px-12 {
  padding-right: 14.4rem !important;
  padding-left: 14.4rem !important;
}

.mx-13 {
  margin-right: 16rem !important;
  margin-left: 16rem !important;
}

.px-13 {
  padding-right: 16rem !important;
  padding-left: 16rem !important;
}

.mx-14 {
  margin-right: 17.6rem !important;
  margin-left: 17.6rem !important;
}

.px-14 {
  padding-right: 17.6rem !important;
  padding-left: 17.6rem !important;
}

.mx-15 {
  margin-right: 19.2rem !important;
  margin-left: 19.2rem !important;
}

.px-15 {
  padding-right: 19.2rem !important;
  padding-left: 19.2rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.my-sm {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.py-sm {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.my-md {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.py-md {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.my-lg {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.py-lg {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.8rem !important;
  margin-bottom: 0.8rem !important;
}

.py-1 {
  padding-top: 0.8rem !important;
  padding-bottom: 0.8rem !important;
}

.my-2 {
  margin-top: 1.6rem !important;
  margin-bottom: 1.6rem !important;
}

.py-2 {
  padding-top: 1.6rem !important;
  padding-bottom: 1.6rem !important;
}

.my-3 {
  margin-top: 2.4rem !important;
  margin-bottom: 2.4rem !important;
}

.py-3 {
  padding-top: 2.4rem !important;
  padding-bottom: 2.4rem !important;
}

.my-4 {
  margin-top: 3.2rem !important;
  margin-bottom: 3.2rem !important;
}

.py-4 {
  padding-top: 3.2rem !important;
  padding-bottom: 3.2rem !important;
}

.my-5 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.py-5 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.my-6 {
  margin-top: 4.8rem !important;
  margin-bottom: 4.8rem !important;
}

.py-6 {
  padding-top: 4.8rem !important;
  padding-bottom: 4.8rem !important;
}

.my-7 {
  margin-top: 6.4rem !important;
  margin-bottom: 6.4rem !important;
}

.py-7 {
  padding-top: 6.4rem !important;
  padding-bottom: 6.4rem !important;
}

.my-8 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.py-8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.my-9 {
  margin-top: 9.6rem !important;
  margin-bottom: 9.6rem !important;
}

.py-9 {
  padding-top: 9.6rem !important;
  padding-bottom: 9.6rem !important;
}

.my-10 {
  margin-top: 11.2rem !important;
  margin-bottom: 11.2rem !important;
}

.py-10 {
  padding-top: 11.2rem !important;
  padding-bottom: 11.2rem !important;
}

.my-11 {
  margin-top: 12.8rem !important;
  margin-bottom: 12.8rem !important;
}

.py-11 {
  padding-top: 12.8rem !important;
  padding-bottom: 12.8rem !important;
}

.my-12 {
  margin-top: 14.4rem !important;
  margin-bottom: 14.4rem !important;
}

.py-12 {
  padding-top: 14.4rem !important;
  padding-bottom: 14.4rem !important;
}

.my-13 {
  margin-top: 16rem !important;
  margin-bottom: 16rem !important;
}

.py-13 {
  padding-top: 16rem !important;
  padding-bottom: 16rem !important;
}

.my-14 {
  margin-top: 17.6rem !important;
  margin-bottom: 17.6rem !important;
}

.py-14 {
  padding-top: 17.6rem !important;
  padding-bottom: 17.6rem !important;
}

.my-15 {
  margin-top: 19.2rem !important;
  margin-bottom: 19.2rem !important;
}

.py-15 {
  padding-top: 19.2rem !important;
  padding-bottom: 19.2rem !important;
}

.m-auto {
  margin: auto !important;
}

.m-sm {
  margin: 4rem !important;
}

.p-sm {
  padding: 4rem !important;
}

.m-md {
  margin: 6rem !important;
}

.p-md {
  padding: 6rem !important;
}

.m-lg {
  margin: 10rem !important;
}

.p-lg {
  padding: 10rem !important;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.m-1 {
  margin: 0.8rem !important;
}

.p-1 {
  padding: 0.8rem !important;
}

.m-2 {
  margin: 1.6rem !important;
}

.p-2 {
  padding: 1.6rem !important;
}

.m-3 {
  margin: 2.4rem !important;
}

.p-3 {
  padding: 2.4rem !important;
}

.m-4 {
  margin: 3.2rem !important;
}

.p-4 {
  padding: 3.2rem !important;
}

.m-5 {
  margin: 4rem !important;
}

.p-5 {
  padding: 4rem !important;
}

.m-6 {
  margin: 4.8rem !important;
}

.p-6 {
  padding: 4.8rem !important;
}

.m-7 {
  margin: 6.4rem !important;
}

.p-7 {
  padding: 6.4rem !important;
}

.m-8 {
  margin: 8rem !important;
}

.p-8 {
  padding: 8rem !important;
}

.m-9 {
  margin: 9.6rem !important;
}

.p-9 {
  padding: 9.6rem !important;
}

.m-10 {
  margin: 11.2rem !important;
}

.p-10 {
  padding: 11.2rem !important;
}

.m-11 {
  margin: 12.8rem !important;
}

.p-11 {
  padding: 12.8rem !important;
}

.m-12 {
  margin: 14.4rem !important;
}

.p-12 {
  padding: 14.4rem !important;
}

.m-13 {
  margin: 16rem !important;
}

.p-13 {
  padding: 16rem !important;
}

.m-14 {
  margin: 17.6rem !important;
}

.p-14 {
  padding: 17.6rem !important;
}

.m-15 {
  margin: 19.2rem !important;
}

.p-15 {
  padding: 19.2rem !important;
}

@media screen and (min-width: 769px) {
  .mt-pc-sm {
    margin-top: 4rem !important;
  }
  .pt-pc-sm {
    padding-top: 4rem !important;
  }
  .mt-pc-md {
    margin-top: 6rem !important;
  }
  .pt-pc-md {
    padding-top: 6rem !important;
  }
  .mt-pc-lg {
    margin-top: 10rem !important;
  }
  .pt-pc-lg {
    padding-top: 10rem !important;
  }
  .mt-pc-0 {
    margin-top: 0 !important;
  }
  .pt-pc-0 {
    padding-top: 0 !important;
  }
  .mt-pc-1 {
    margin-top: 0.8rem !important;
  }
  .pt-pc-1 {
    padding-top: 0.8rem !important;
  }
  .mt-pc-2 {
    margin-top: 1.6rem !important;
  }
  .pt-pc-2 {
    padding-top: 1.6rem !important;
  }
  .mt-pc-3 {
    margin-top: 2.4rem !important;
  }
  .pt-pc-3 {
    padding-top: 2.4rem !important;
  }
  .mt-pc-4 {
    margin-top: 3.2rem !important;
  }
  .pt-pc-4 {
    padding-top: 3.2rem !important;
  }
  .mt-pc-5 {
    margin-top: 4rem !important;
  }
  .pt-pc-5 {
    padding-top: 4rem !important;
  }
  .mt-pc-6 {
    margin-top: 4.8rem !important;
  }
  .pt-pc-6 {
    padding-top: 4.8rem !important;
  }
  .mt-pc-7 {
    margin-top: 6.4rem !important;
  }
  .pt-pc-7 {
    padding-top: 6.4rem !important;
  }
  .mt-pc-8 {
    margin-top: 8rem !important;
  }
  .pt-pc-8 {
    padding-top: 8rem !important;
  }
  .mt-pc-9 {
    margin-top: 9.6rem !important;
  }
  .pt-pc-9 {
    padding-top: 9.6rem !important;
  }
  .mt-pc-10 {
    margin-top: 11.2rem !important;
  }
  .pt-pc-10 {
    padding-top: 11.2rem !important;
  }
  .mt-pc-11 {
    margin-top: 12.8rem !important;
  }
  .pt-pc-11 {
    padding-top: 12.8rem !important;
  }
  .mt-pc-12 {
    margin-top: 14.4rem !important;
  }
  .pt-pc-12 {
    padding-top: 14.4rem !important;
  }
  .mt-pc-13 {
    margin-top: 16rem !important;
  }
  .pt-pc-13 {
    padding-top: 16rem !important;
  }
  .mt-pc-14 {
    margin-top: 17.6rem !important;
  }
  .pt-pc-14 {
    padding-top: 17.6rem !important;
  }
  .mt-pc-15 {
    margin-top: 19.2rem !important;
  }
  .pt-pc-15 {
    padding-top: 19.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .mb-pc-sm {
    margin-bottom: 4rem !important;
  }
  .pb-pc-sm {
    padding-bottom: 4rem !important;
  }
  .mb-pc-md {
    margin-bottom: 6rem !important;
  }
  .pb-pc-md {
    padding-bottom: 6rem !important;
  }
  .mb-pc-lg {
    margin-bottom: 10rem !important;
  }
  .pb-pc-lg {
    padding-bottom: 10rem !important;
  }
  .mb-pc-0 {
    margin-bottom: 0 !important;
  }
  .pb-pc-0 {
    padding-bottom: 0 !important;
  }
  .mb-pc-1 {
    margin-bottom: 0.8rem !important;
  }
  .pb-pc-1 {
    padding-bottom: 0.8rem !important;
  }
  .mb-pc-2 {
    margin-bottom: 1.6rem !important;
  }
  .pb-pc-2 {
    padding-bottom: 1.6rem !important;
  }
  .mb-pc-3 {
    margin-bottom: 2.4rem !important;
  }
  .pb-pc-3 {
    padding-bottom: 2.4rem !important;
  }
  .mb-pc-4 {
    margin-bottom: 3.2rem !important;
  }
  .pb-pc-4 {
    padding-bottom: 3.2rem !important;
  }
  .mb-pc-5 {
    margin-bottom: 4rem !important;
  }
  .pb-pc-5 {
    padding-bottom: 4rem !important;
  }
  .mb-pc-6 {
    margin-bottom: 4.8rem !important;
  }
  .pb-pc-6 {
    padding-bottom: 4.8rem !important;
  }
  .mb-pc-7 {
    margin-bottom: 6.4rem !important;
  }
  .pb-pc-7 {
    padding-bottom: 6.4rem !important;
  }
  .mb-pc-8 {
    margin-bottom: 8rem !important;
  }
  .pb-pc-8 {
    padding-bottom: 8rem !important;
  }
  .mb-pc-9 {
    margin-bottom: 9.6rem !important;
  }
  .pb-pc-9 {
    padding-bottom: 9.6rem !important;
  }
  .mb-pc-10 {
    margin-bottom: 11.2rem !important;
  }
  .pb-pc-10 {
    padding-bottom: 11.2rem !important;
  }
  .mb-pc-11 {
    margin-bottom: 12.8rem !important;
  }
  .pb-pc-11 {
    padding-bottom: 12.8rem !important;
  }
  .mb-pc-12 {
    margin-bottom: 14.4rem !important;
  }
  .pb-pc-12 {
    padding-bottom: 14.4rem !important;
  }
  .mb-pc-13 {
    margin-bottom: 16rem !important;
  }
  .pb-pc-13 {
    padding-bottom: 16rem !important;
  }
  .mb-pc-14 {
    margin-bottom: 17.6rem !important;
  }
  .pb-pc-14 {
    padding-bottom: 17.6rem !important;
  }
  .mb-pc-15 {
    margin-bottom: 19.2rem !important;
  }
  .pb-pc-15 {
    padding-bottom: 19.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .ms-pc-sm {
    margin-left: 4rem !important;
  }
  .ps-pc-sm {
    padding-left: 4rem !important;
  }
  .ms-pc-md {
    margin-left: 6rem !important;
  }
  .ps-pc-md {
    padding-left: 6rem !important;
  }
  .ms-pc-lg {
    margin-left: 10rem !important;
  }
  .ps-pc-lg {
    padding-left: 10rem !important;
  }
  .ms-pc-0 {
    margin-left: 0 !important;
  }
  .ps-pc-0 {
    padding-left: 0 !important;
  }
  .ms-pc-1 {
    margin-left: 0.8rem !important;
  }
  .ps-pc-1 {
    padding-left: 0.8rem !important;
  }
  .ms-pc-2 {
    margin-left: 1.6rem !important;
  }
  .ps-pc-2 {
    padding-left: 1.6rem !important;
  }
  .ms-pc-3 {
    margin-left: 2.4rem !important;
  }
  .ps-pc-3 {
    padding-left: 2.4rem !important;
  }
  .ms-pc-4 {
    margin-left: 3.2rem !important;
  }
  .ps-pc-4 {
    padding-left: 3.2rem !important;
  }
  .ms-pc-5 {
    margin-left: 4rem !important;
  }
  .ps-pc-5 {
    padding-left: 4rem !important;
  }
  .ms-pc-6 {
    margin-left: 4.8rem !important;
  }
  .ps-pc-6 {
    padding-left: 4.8rem !important;
  }
  .ms-pc-7 {
    margin-left: 6.4rem !important;
  }
  .ps-pc-7 {
    padding-left: 6.4rem !important;
  }
  .ms-pc-8 {
    margin-left: 8rem !important;
  }
  .ps-pc-8 {
    padding-left: 8rem !important;
  }
  .ms-pc-9 {
    margin-left: 9.6rem !important;
  }
  .ps-pc-9 {
    padding-left: 9.6rem !important;
  }
  .ms-pc-10 {
    margin-left: 11.2rem !important;
  }
  .ps-pc-10 {
    padding-left: 11.2rem !important;
  }
  .ms-pc-11 {
    margin-left: 12.8rem !important;
  }
  .ps-pc-11 {
    padding-left: 12.8rem !important;
  }
  .ms-pc-12 {
    margin-left: 14.4rem !important;
  }
  .ps-pc-12 {
    padding-left: 14.4rem !important;
  }
  .ms-pc-13 {
    margin-left: 16rem !important;
  }
  .ps-pc-13 {
    padding-left: 16rem !important;
  }
  .ms-pc-14 {
    margin-left: 17.6rem !important;
  }
  .ps-pc-14 {
    padding-left: 17.6rem !important;
  }
  .ms-pc-15 {
    margin-left: 19.2rem !important;
  }
  .ps-pc-15 {
    padding-left: 19.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .me-pc-sm {
    margin-right: 4rem !important;
  }
  .pe-pc-sm {
    padding-right: 4rem !important;
  }
  .me-pc-md {
    margin-right: 6rem !important;
  }
  .pe-pc-md {
    padding-right: 6rem !important;
  }
  .me-pc-lg {
    margin-right: 10rem !important;
  }
  .pe-pc-lg {
    padding-right: 10rem !important;
  }
  .me-pc-0 {
    margin-right: 0 !important;
  }
  .pe-pc-0 {
    padding-right: 0 !important;
  }
  .me-pc-1 {
    margin-right: 0.8rem !important;
  }
  .pe-pc-1 {
    padding-right: 0.8rem !important;
  }
  .me-pc-2 {
    margin-right: 1.6rem !important;
  }
  .pe-pc-2 {
    padding-right: 1.6rem !important;
  }
  .me-pc-3 {
    margin-right: 2.4rem !important;
  }
  .pe-pc-3 {
    padding-right: 2.4rem !important;
  }
  .me-pc-4 {
    margin-right: 3.2rem !important;
  }
  .pe-pc-4 {
    padding-right: 3.2rem !important;
  }
  .me-pc-5 {
    margin-right: 4rem !important;
  }
  .pe-pc-5 {
    padding-right: 4rem !important;
  }
  .me-pc-6 {
    margin-right: 4.8rem !important;
  }
  .pe-pc-6 {
    padding-right: 4.8rem !important;
  }
  .me-pc-7 {
    margin-right: 6.4rem !important;
  }
  .pe-pc-7 {
    padding-right: 6.4rem !important;
  }
  .me-pc-8 {
    margin-right: 8rem !important;
  }
  .pe-pc-8 {
    padding-right: 8rem !important;
  }
  .me-pc-9 {
    margin-right: 9.6rem !important;
  }
  .pe-pc-9 {
    padding-right: 9.6rem !important;
  }
  .me-pc-10 {
    margin-right: 11.2rem !important;
  }
  .pe-pc-10 {
    padding-right: 11.2rem !important;
  }
  .me-pc-11 {
    margin-right: 12.8rem !important;
  }
  .pe-pc-11 {
    padding-right: 12.8rem !important;
  }
  .me-pc-12 {
    margin-right: 14.4rem !important;
  }
  .pe-pc-12 {
    padding-right: 14.4rem !important;
  }
  .me-pc-13 {
    margin-right: 16rem !important;
  }
  .pe-pc-13 {
    padding-right: 16rem !important;
  }
  .me-pc-14 {
    margin-right: 17.6rem !important;
  }
  .pe-pc-14 {
    padding-right: 17.6rem !important;
  }
  .me-pc-15 {
    margin-right: 19.2rem !important;
  }
  .pe-pc-15 {
    padding-right: 19.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .mx-pc-sm {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .px-pc-sm {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .mx-pc-md {
    margin-right: 6rem !important;
    margin-left: 6rem !important;
  }
  .px-pc-md {
    padding-right: 6rem !important;
    padding-left: 6rem !important;
  }
  .mx-pc-lg {
    margin-right: 10rem !important;
    margin-left: 10rem !important;
  }
  .px-pc-lg {
    padding-right: 10rem !important;
    padding-left: 10rem !important;
  }
  .mx-pc-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .px-pc-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .mx-pc-1 {
    margin-right: 0.8rem !important;
    margin-left: 0.8rem !important;
  }
  .px-pc-1 {
    padding-right: 0.8rem !important;
    padding-left: 0.8rem !important;
  }
  .mx-pc-2 {
    margin-right: 1.6rem !important;
    margin-left: 1.6rem !important;
  }
  .px-pc-2 {
    padding-right: 1.6rem !important;
    padding-left: 1.6rem !important;
  }
  .mx-pc-3 {
    margin-right: 2.4rem !important;
    margin-left: 2.4rem !important;
  }
  .px-pc-3 {
    padding-right: 2.4rem !important;
    padding-left: 2.4rem !important;
  }
  .mx-pc-4 {
    margin-right: 3.2rem !important;
    margin-left: 3.2rem !important;
  }
  .px-pc-4 {
    padding-right: 3.2rem !important;
    padding-left: 3.2rem !important;
  }
  .mx-pc-5 {
    margin-right: 4rem !important;
    margin-left: 4rem !important;
  }
  .px-pc-5 {
    padding-right: 4rem !important;
    padding-left: 4rem !important;
  }
  .mx-pc-6 {
    margin-right: 4.8rem !important;
    margin-left: 4.8rem !important;
  }
  .px-pc-6 {
    padding-right: 4.8rem !important;
    padding-left: 4.8rem !important;
  }
  .mx-pc-7 {
    margin-right: 6.4rem !important;
    margin-left: 6.4rem !important;
  }
  .px-pc-7 {
    padding-right: 6.4rem !important;
    padding-left: 6.4rem !important;
  }
  .mx-pc-8 {
    margin-right: 8rem !important;
    margin-left: 8rem !important;
  }
  .px-pc-8 {
    padding-right: 8rem !important;
    padding-left: 8rem !important;
  }
  .mx-pc-9 {
    margin-right: 9.6rem !important;
    margin-left: 9.6rem !important;
  }
  .px-pc-9 {
    padding-right: 9.6rem !important;
    padding-left: 9.6rem !important;
  }
  .mx-pc-10 {
    margin-right: 11.2rem !important;
    margin-left: 11.2rem !important;
  }
  .px-pc-10 {
    padding-right: 11.2rem !important;
    padding-left: 11.2rem !important;
  }
  .mx-pc-11 {
    margin-right: 12.8rem !important;
    margin-left: 12.8rem !important;
  }
  .px-pc-11 {
    padding-right: 12.8rem !important;
    padding-left: 12.8rem !important;
  }
  .mx-pc-12 {
    margin-right: 14.4rem !important;
    margin-left: 14.4rem !important;
  }
  .px-pc-12 {
    padding-right: 14.4rem !important;
    padding-left: 14.4rem !important;
  }
  .mx-pc-13 {
    margin-right: 16rem !important;
    margin-left: 16rem !important;
  }
  .px-pc-13 {
    padding-right: 16rem !important;
    padding-left: 16rem !important;
  }
  .mx-pc-14 {
    margin-right: 17.6rem !important;
    margin-left: 17.6rem !important;
  }
  .px-pc-14 {
    padding-right: 17.6rem !important;
    padding-left: 17.6rem !important;
  }
  .mx-pc-15 {
    margin-right: 19.2rem !important;
    margin-left: 19.2rem !important;
  }
  .px-pc-15 {
    padding-right: 19.2rem !important;
    padding-left: 19.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .my-pc-sm {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .py-pc-sm {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .my-pc-md {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .py-pc-md {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .my-pc-lg {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .py-pc-lg {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .my-pc-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .py-pc-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .my-pc-1 {
    margin-top: 0.8rem !important;
    margin-bottom: 0.8rem !important;
  }
  .py-pc-1 {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
  }
  .my-pc-2 {
    margin-top: 1.6rem !important;
    margin-bottom: 1.6rem !important;
  }
  .py-pc-2 {
    padding-top: 1.6rem !important;
    padding-bottom: 1.6rem !important;
  }
  .my-pc-3 {
    margin-top: 2.4rem !important;
    margin-bottom: 2.4rem !important;
  }
  .py-pc-3 {
    padding-top: 2.4rem !important;
    padding-bottom: 2.4rem !important;
  }
  .my-pc-4 {
    margin-top: 3.2rem !important;
    margin-bottom: 3.2rem !important;
  }
  .py-pc-4 {
    padding-top: 3.2rem !important;
    padding-bottom: 3.2rem !important;
  }
  .my-pc-5 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .py-pc-5 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .my-pc-6 {
    margin-top: 4.8rem !important;
    margin-bottom: 4.8rem !important;
  }
  .py-pc-6 {
    padding-top: 4.8rem !important;
    padding-bottom: 4.8rem !important;
  }
  .my-pc-7 {
    margin-top: 6.4rem !important;
    margin-bottom: 6.4rem !important;
  }
  .py-pc-7 {
    padding-top: 6.4rem !important;
    padding-bottom: 6.4rem !important;
  }
  .my-pc-8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .py-pc-8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .my-pc-9 {
    margin-top: 9.6rem !important;
    margin-bottom: 9.6rem !important;
  }
  .py-pc-9 {
    padding-top: 9.6rem !important;
    padding-bottom: 9.6rem !important;
  }
  .my-pc-10 {
    margin-top: 11.2rem !important;
    margin-bottom: 11.2rem !important;
  }
  .py-pc-10 {
    padding-top: 11.2rem !important;
    padding-bottom: 11.2rem !important;
  }
  .my-pc-11 {
    margin-top: 12.8rem !important;
    margin-bottom: 12.8rem !important;
  }
  .py-pc-11 {
    padding-top: 12.8rem !important;
    padding-bottom: 12.8rem !important;
  }
  .my-pc-12 {
    margin-top: 14.4rem !important;
    margin-bottom: 14.4rem !important;
  }
  .py-pc-12 {
    padding-top: 14.4rem !important;
    padding-bottom: 14.4rem !important;
  }
  .my-pc-13 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important;
  }
  .py-pc-13 {
    padding-top: 16rem !important;
    padding-bottom: 16rem !important;
  }
  .my-pc-14 {
    margin-top: 17.6rem !important;
    margin-bottom: 17.6rem !important;
  }
  .py-pc-14 {
    padding-top: 17.6rem !important;
    padding-bottom: 17.6rem !important;
  }
  .my-pc-15 {
    margin-top: 19.2rem !important;
    margin-bottom: 19.2rem !important;
  }
  .py-pc-15 {
    padding-top: 19.2rem !important;
    padding-bottom: 19.2rem !important;
  }
}
@media screen and (min-width: 769px) {
  .m-pc-sm {
    margin-all: 4rem !important;
  }
  .p-pc-sm {
    padding-all: 4rem !important;
  }
  .m-pc-md {
    margin-all: 6rem !important;
  }
  .p-pc-md {
    padding-all: 6rem !important;
  }
  .m-pc-lg {
    margin-all: 10rem !important;
  }
  .p-pc-lg {
    padding-all: 10rem !important;
  }
  .m-pc-0 {
    margin-all: 0 !important;
  }
  .p-pc-0 {
    padding-all: 0 !important;
  }
  .m-pc-1 {
    margin-all: 0.8rem !important;
  }
  .p-pc-1 {
    padding-all: 0.8rem !important;
  }
  .m-pc-2 {
    margin-all: 1.6rem !important;
  }
  .p-pc-2 {
    padding-all: 1.6rem !important;
  }
  .m-pc-3 {
    margin-all: 2.4rem !important;
  }
  .p-pc-3 {
    padding-all: 2.4rem !important;
  }
  .m-pc-4 {
    margin-all: 3.2rem !important;
  }
  .p-pc-4 {
    padding-all: 3.2rem !important;
  }
  .m-pc-5 {
    margin-all: 4rem !important;
  }
  .p-pc-5 {
    padding-all: 4rem !important;
  }
  .m-pc-6 {
    margin-all: 4.8rem !important;
  }
  .p-pc-6 {
    padding-all: 4.8rem !important;
  }
  .m-pc-7 {
    margin-all: 6.4rem !important;
  }
  .p-pc-7 {
    padding-all: 6.4rem !important;
  }
  .m-pc-8 {
    margin-all: 8rem !important;
  }
  .p-pc-8 {
    padding-all: 8rem !important;
  }
  .m-pc-9 {
    margin-all: 9.6rem !important;
  }
  .p-pc-9 {
    padding-all: 9.6rem !important;
  }
  .m-pc-10 {
    margin-all: 11.2rem !important;
  }
  .p-pc-10 {
    padding-all: 11.2rem !important;
  }
  .m-pc-11 {
    margin-all: 12.8rem !important;
  }
  .p-pc-11 {
    padding-all: 12.8rem !important;
  }
  .m-pc-12 {
    margin-all: 14.4rem !important;
  }
  .p-pc-12 {
    padding-all: 14.4rem !important;
  }
  .m-pc-13 {
    margin-all: 16rem !important;
  }
  .p-pc-13 {
    padding-all: 16rem !important;
  }
  .m-pc-14 {
    margin-all: 17.6rem !important;
  }
  .p-pc-14 {
    padding-all: 17.6rem !important;
  }
  .m-pc-15 {
    margin-all: 19.2rem !important;
  }
  .p-pc-15 {
    padding-all: 19.2rem !important;
  }
}
.gap-sm {
  gap: 4rem !important;
}

.gap-md {
  gap: 6rem !important;
}

.gap-lg {
  gap: 10rem !important;
}

.gap-0 {
  gap: 0 !important;
}

.gap-1 {
  gap: 0.8rem !important;
}

.gap-2 {
  gap: 1.6rem !important;
}

.gap-3 {
  gap: 2.4rem !important;
}

.gap-4 {
  gap: 3.2rem !important;
}

.gap-5 {
  gap: 4rem !important;
}

.gap-6 {
  gap: 4.8rem !important;
}

.gap-7 {
  gap: 6.4rem !important;
}

.gap-8 {
  gap: 8rem !important;
}

.gap-9 {
  gap: 9.6rem !important;
}

.gap-10 {
  gap: 11.2rem !important;
}

.gap-11 {
  gap: 12.8rem !important;
}

.gap-12 {
  gap: 14.4rem !important;
}

.gap-13 {
  gap: 16rem !important;
}

.gap-14 {
  gap: 17.6rem !important;
}

.gap-15 {
  gap: 19.2rem !important;
}

.gx-sm {
  -webkit-column-gap: 4rem !important;
  -moz-column-gap: 4rem !important;
  column-gap: 4rem !important;
}

.gx-md {
  -webkit-column-gap: 6rem !important;
  -moz-column-gap: 6rem !important;
  column-gap: 6rem !important;
}

.gx-lg {
  -webkit-column-gap: 10rem !important;
  -moz-column-gap: 10rem !important;
  column-gap: 10rem !important;
}

.gx-0 {
  -webkit-column-gap: 0 !important;
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}

.gx-1 {
  -webkit-column-gap: 0.8rem !important;
  -moz-column-gap: 0.8rem !important;
  column-gap: 0.8rem !important;
}

.gx-2 {
  -webkit-column-gap: 1.6rem !important;
  -moz-column-gap: 1.6rem !important;
  column-gap: 1.6rem !important;
}

.gx-3 {
  -webkit-column-gap: 2.4rem !important;
  -moz-column-gap: 2.4rem !important;
  column-gap: 2.4rem !important;
}

.gx-4 {
  -webkit-column-gap: 3.2rem !important;
  -moz-column-gap: 3.2rem !important;
  column-gap: 3.2rem !important;
}

.gx-5 {
  -webkit-column-gap: 4rem !important;
  -moz-column-gap: 4rem !important;
  column-gap: 4rem !important;
}

.gx-6 {
  -webkit-column-gap: 4.8rem !important;
  -moz-column-gap: 4.8rem !important;
  column-gap: 4.8rem !important;
}

.gx-7 {
  -webkit-column-gap: 6.4rem !important;
  -moz-column-gap: 6.4rem !important;
  column-gap: 6.4rem !important;
}

.gx-8 {
  -webkit-column-gap: 8rem !important;
  -moz-column-gap: 8rem !important;
  column-gap: 8rem !important;
}

.gx-9 {
  -webkit-column-gap: 9.6rem !important;
  -moz-column-gap: 9.6rem !important;
  column-gap: 9.6rem !important;
}

.gx-10 {
  -webkit-column-gap: 11.2rem !important;
  -moz-column-gap: 11.2rem !important;
  column-gap: 11.2rem !important;
}

.gx-11 {
  -webkit-column-gap: 12.8rem !important;
  -moz-column-gap: 12.8rem !important;
  column-gap: 12.8rem !important;
}

.gx-12 {
  -webkit-column-gap: 14.4rem !important;
  -moz-column-gap: 14.4rem !important;
  column-gap: 14.4rem !important;
}

.gx-13 {
  -webkit-column-gap: 16rem !important;
  -moz-column-gap: 16rem !important;
  column-gap: 16rem !important;
}

.gx-14 {
  -webkit-column-gap: 17.6rem !important;
  -moz-column-gap: 17.6rem !important;
  column-gap: 17.6rem !important;
}

.gx-15 {
  -webkit-column-gap: 19.2rem !important;
  -moz-column-gap: 19.2rem !important;
  column-gap: 19.2rem !important;
}

.gy-sm {
  row-gap: 4rem !important;
}

.gy-md {
  row-gap: 6rem !important;
}

.gy-lg {
  row-gap: 10rem !important;
}

.gy-0 {
  row-gap: 0 !important;
}

.gy-1 {
  row-gap: 0.8rem !important;
}

.gy-2 {
  row-gap: 1.6rem !important;
}

.gy-3 {
  row-gap: 2.4rem !important;
}

.gy-4 {
  row-gap: 3.2rem !important;
}

.gy-5 {
  row-gap: 4rem !important;
}

.gy-6 {
  row-gap: 4.8rem !important;
}

.gy-7 {
  row-gap: 6.4rem !important;
}

.gy-8 {
  row-gap: 8rem !important;
}

.gy-9 {
  row-gap: 9.6rem !important;
}

.gy-10 {
  row-gap: 11.2rem !important;
}

.gy-11 {
  row-gap: 12.8rem !important;
}

.gy-12 {
  row-gap: 14.4rem !important;
}

.gy-13 {
  row-gap: 16rem !important;
}

.gy-14 {
  row-gap: 17.6rem !important;
}

.gy-15 {
  row-gap: 19.2rem !important;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
  scroll-behavior: auto !important;
  /* scrollbar-gutter: stable both-edges;スクロールバーの有無で横幅が変わらないよう常に溝を確保 */
}
html.no-scroll,
body.no-scroll {
  overflow: hidden;
  touch-action: none; /* モバイルでのスクロール禁止 */
  overscroll-behavior: none; /* バウンド無効 */
}
body {
  width: 100%;
  position: relative;
  overflow-y: auto;
  background-color: #171717;
  color: #fff;
  letter-spacing: 0.025em;
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 1.6rem;
  overflow: hidden;
}
body.is-hero-locked {
  overscroll-behavior: none;
  /* 必要に応じて */
  /* touch-action: none; */
}
/* body.is-loading {
  overflow: hidden;
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
} */
body.lower {
  background-color: #242424;
}

@media (max-width: 1250px) {
  html {
    font-size: 0.8vw;
  }
}
* {
  letter-spacing: 0.06em;
}

em {
  font-style: normal;
}

p {
  line-height: 1.875;
}
p:last-child {
  margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}

address {
  font-style: normal;
}

ul,
ol {
  margin-bottom: 0;
  padding-left: 0;
  list-style-type: none;
}

dl,
dt,
dd {
  margin-bottom: 0;
}

figure {
  margin-bottom: 0;
}

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

.img-cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.img-border {
  border: 1px solid #ccc;
}

.img-fluid {
  width: var(--width-pc) !important;
}

iframe {
  vertical-align: bottom;
}

.hr-01 {
  border-top: 5px solid #707070;
  border-bottom: none;
  opacity: 1;
}

a {
  color: #fff;
  text-decoration: none;
}
@media (hover: hover) {
  a:hover {
    color: inherit;
  }

  [data-link]:hover {
    text-decoration: none;
  }
}

@media screen and (min-width: 769px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}
[data-link="banner"] {
  display: block;
  font-size: 1rem;
  line-height: 1;
}

.link-primary {
  display: inline-block;
  --bs-link-color-rgb: 140, 59, 59;
}
.link-underline {
  text-decoration: underline;
}
.link-external {
  gap: 0 0.36em;
  text-decoration: underline;
}
.link-external::before {
  content: "";
  width: 1em;
  height: 1em;
  display: inline-block;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'><g fill='%236B1B7E'><path d='M19.05 8.53c-.36 0-.65.29-.65.65v11.51H1.31V3.59h11.5c.36 0 .65-.29.65-.65 0-.36-.29-.65-.65-.66H.65c-.36 0-.65.29-.65.65v18.41c0 .36.29.65.65.65h18.4c.36 0 .65-.29.65-.65V9.18c0-.36-.29-.65-.65-.65'/><path d='M21.35 0h-5.98c-.36 0-.65.29-.65.65 0 .36.29.65.65.65h4.4L9.4 11.68c-.26.26-.26.67 0 .93s.67.26.92 0L20.69 2.23v4.4c0 .36.3.65.66.65.36 0 .65-.29.65-.65V.65c0-.36-.29-.66-.65-.66'/></g></svg>");
  background-size: contain;
  background-repeat: no-repeat;
}

.list-dot {
  list-style-type: none;
}
.list-dot li {
  margin-left: 1em;
  text-indent: -1em;
  line-height: 1.875;
}
.list-dot li::before {
  content: "・";
}
.list-circle li {
  margin-left: 1em;
  text-indent: -1em;
}
.list-circle li::before {
  content: "●";
}
.list-note {
  list-style-type: none;
}
.list-note li {
  margin-left: 1em;
  text-indent: -1em;
  line-height: 1.6;
}
.list-note li::before {
  content: "※";
}
.list-note.sm {
  font-size: 1.4rem;
}
.list-note.msm {
  font-size: 1.3rem;
}
.list-note.xsm {
  font-size: 1.2rem;
}
.list-num {
  padding-left: 1.5em;
  list-style-type: decimal;
}
.list-num li {
  line-height: 1.875;
}

.video-wrap {
  width: 100%;
  aspect-ratio: 16/9;
}
.video-wrap video {
  width: 100%;
  height: 100%;
}

.youtube {
  width: 100%;
  aspect-ratio: 16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

#pageTop {
  width: 4rem;
  height: 4rem;
  position: fixed;
  right: 0.5rem;
  bottom: 0.5rem;
  z-index: 98;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #867439;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
#pageTop::before {
  content: "";
  width: 1rem;
  height: 0.9rem;
  background-color: #fff;
  -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
#pageTop.is-active {
  opacity: 1;
  visibility: visible;
}

.bg-01 {
  background-color: #f8f7f3;
}

.bg-obj > * {
  position: absolute;
  z-index: -1;
  opacity: 0.15;
}
*:has(> .img-cap) {
  position: relative;
}
.img-cap {
  max-width: calc(100% - 30px);
  position: absolute;
  right: 15px;
  bottom: 12px;
  font-size: 14px;
  letter-spacing: 0.05em;
  text-align: right;
  color: #fff;
  text-shadow: 1px 1px 2px #000;
  pointer-events: none;
}
.img-cap.is-left {
  text-align: left;
  right: unset;
  left: 15px;
}
.img-cap.is-text-black {
  color: #000;
  text-shadow: 1px 1px 2px #fff;
}
.img-cap.is-bg-black {
  background-color: #000;
  padding: 0 5px;
}
.img-cap.is-static {
  position: static;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1em;
}
@media (max-width: 600px) {
  .img-cap {
    font-size: 12px;
  }
}
@media (hover: hover) {
  .js-modal__trigger:hover {
    cursor: pointer;
  }
}
.js-bg-layer {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
}
.js-bg-layer.is-show {
  opacity: 1;
  visibility: visible;
}

.w-sm {
  max-width: 89rem !important;
  margin-right: auto;
  margin-left: auto;
}
.w-md {
  max-width: 94rem !important;
  margin-right: auto;
  margin-left: auto;
}
.w-lg {
  max-width: 106rem !important;
  margin-right: auto;
  margin-left: auto;
}
.w-xl {
  max-width: 120rem !important;
  margin-inline: auto;
}
.mw-100 {
  max-width: 100% !important;
}

.container.w-sm {
  max-width: 86.4rem;
}
.container.w-md {
  max-width: 112rem;
}

.link-ext01 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.link-ext01::after {
  content: "";
  width: 1em;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 12"><path d="M2 0h12v10H2Zm11 1H3v8h10Z"/><path d="M9.5 12H0V4.5h1V11h8.5Z"/></svg>');
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 1;
}

.text-sans-serif {
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, YuGothic, ヒラギノ角ゴ ProN W3, Hiragino Kaku Gothic ProN, Arial, メイリオ, Meiryo, sans-serif;
}
.text-gothic {
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.text-serif {
  font-family: "Shippori Mincho", serif;
}
.text-en {
  font-family: "Cormorant Garamond", serif;
}
.text-unset {
  font-family: initial;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.text-end {
  text-align: right;
}
.text-bold {
  font-weight: 700;
}
.text-white {
  color: #fff !important;
  --bs-link-color: #fff;
  --bs-link-hover-color: #fff;
  --text-color: #fff;
}
.text-white .fill {
  fill: #fff;
}
.text-secondary {
  color: #8e7244;
}
.text-black {
  color: #000;
}
.text-primary {
  color: var(--theme-color, #ccbc9d);
}
.text-md {
  font-size: 1.8rem;
}
.text-sm {
  font-size: 1.4rem;
}

.ls-0 {
  letter-spacing: 0;
}
.ls-md {
  letter-spacing: 0.1em;
}
.ls-lg {
  letter-spacing: 0.2em;
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flex-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 768px) {
  .pcOnly {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .tabOnly {
    display: none !important;
  }
}
@media screen and (min-width: 575px) {
  .spOnly {
    display: none !important;
  }
}
@media screen and (min-width: 769px) {
  .text-md-center {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 2.5641025641vw;
  }
  body {
    font-size: 1.4rem;
  }
  * {
    letter-spacing: 0.05em;
  }
  .img-fluid {
    width: var(--width-sp) !important;
  }
  .mt-lg {
    margin-top: 6rem !important;
  }
  .mt-md {
    margin-top: 4rem !important;
  }
  .mt-sm {
    margin-top: 3rem !important;
  }
  .mb-lg {
    margin-bottom: 6rem !important;
  }
  .mb-md {
    margin-bottom: 4rem !important;
  }
  .mb-sm {
    margin-bottom: 3rem !important;
  }
  .text-md {
    font-size: 1.4rem;
  }
  .list-note.msm {
    font-size: 1.2rem;
  }
  .list-note.sm {
    font-size: 1.2rem;
  }
  .ls-lg {
    letter-spacing: 0.1em;
  }
}
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 200;
}
.header::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  /* height: calc(100% + 10px); */
  position: absolute;
  top: 0;
  left: 0;
  /* background: RGBA(36, 36, 36, 0.7);
  background: linear-gradient(180deg, rgba(36, 36, 36, 0.8) 0%, rgba(36, 36, 36, 0.7) 80%, rgba(36, 36, 36, 0) 95%); */
  background-image: linear-gradient(0deg, transparent, #242424cc 20%, #242424f2);
  mix-blend-mode: multiply;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: none;
}
.header.bg-black::before {
  opacity: 1;
}
.header.is-open .header__title a {
  color: #fff;
}
.header.color-dark:not(.is-open) .header__title .title {
  color: #21140c;
}
.header.color-dark:not(.is-open) .header__title .label {
  color: #21140c;
}
.header.color-dark:not(.is-open) .header__hamburger .inner > span {
  background-color: #21140c;
}
.header.color-dark:not(.is-open) .header__hamburger .label {
  color: #21140c;
}
.header__inner {
  height: 11.6rem;
  padding: 0 2.8rem 2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__title {
  margin: 0;
  position: relative;
  z-index: 2;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 1rem;
  line-height: 1;
}
.header__title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.4rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.header__title .title {
  color: var(--color-gold);
  font-weight: 700;
  font-size: 2.8rem;
  text-shadow: 0px 0px 6px rgba(0,0,0,.25);
}
.header__title .label {
  letter-spacing: 0.45em;
  font-weight: 500;
  font-size: 1.2rem;
  text-shadow: 0px 0px 6px rgba(0,0,0,.25);
}
.header__navi {
  width: 100%;
  height: 100vh;
  padding: 0 6rem;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
  overflow-y: auto;
  background: url(../../images/common/menu_bg.jpg) no-repeat center/cover;
}
.header__navi--inner {
  max-width: 106rem;
  margin: 0 auto;
  padding-top: 14rem;
  padding-bottom: 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.header__menu {
  width: 40%;
}
.header__menu > li + li {
  margin-top: 3.2rem;
}
.header__menu > li > a {
  padding: 1.2rem 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #fff;
  font-size: 1.4rem;
}
.header__menu > li > a::before {
  content: attr(data-label);
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-size: 2.4rem;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}
.header__menu > li > a::after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 0.2rem;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.header__menu--child {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem 3.8rem;
  font-size: 1.4rem;
}
.header__menu--child li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.header__menu--child li::before {
  content: "";
  width: 2.8rem;
  height: 1px;
  display: block;
  background-color: #fff;
}
.header__menu--child .child-text {
  margin-top: 0.5rem;
  display: inline-block;
}
.header__buttons {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.8rem;
}
.header__buttons--map {
  margin-right: 2.65rem;
  font-size: 1.4rem;
}
.header__buttons--item {
  width: 15rem;
  height: 4.6rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #453d2f;
  color: #fff;
  font-size: 1.4rem;
}
.header__buttons--item::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
  border: 1px solid rgba(204, 188, 157, 0.5);
  pointer-events: none;
}
@media (hover: hover) {
  .header__buttons--item:hover {
    color: #fff;
  }
}
.header__buttons--item.is-red {
  background-color: #7d0000;
}

.header__buttons--item.is-red::before {
  border-color: #fff;
}

.header__buttons--item.is-shine {
  overflow: hidden;
}

.header__buttons--item.is-shine::after {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
  width: 50px;
  height: 50px;
  top: -60px;
  left: -60px;
  animation-name: shine;
  animation-delay: 0.5s;
  animation-duration: 5s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}
@keyframes shine {
  0% {
    transform: scale(0) rotate(50deg);
    opacity: 0;
  }

  40% {
    transform: scale(1) rotate(50deg);
    opacity: 1;
  }

  90% {
    transform: scale(250) rotate(50deg);
    opacity: 0;
  }

  100% {
    transform: scale(0) rotate(50deg);
    opacity: 0;
  }
}
@keyframes shine-large {
  0% {
    transform: scale(0) rotate(50deg);
    opacity: 0;
  }

  30% {
    transform: scale(1) rotate(50deg);
    opacity: 1;
  }

  70% {
    transform: scale(250) rotate(50deg);
    opacity: 0;
  }

  100% {
    transform: scale(0) rotate(50deg);
    opacity: 0;
  }
}

.header__hamburger {
  width: 4.6rem;
  height: 4.6rem;
  padding: 0;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: none;
}
.header__hamburger .label {
  font-size: 1.2rem;
}
.header__hamburger .inner {
  width: 3.2rem;
  height: 1.6rem;
  margin: 0 auto;
  position: relative;
  display: block;
}
.header__hamburger .inner > span {
  width: 100%;
  height: 1px;
  position: absolute;
  right: 0;
  background-color: var(--color-gold);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__hamburger .inner > span:nth-child(1) {
  width: 50%;
  top: 0;
}
.header__hamburger .inner > span:nth-child(2) {
  width: 75%;
  top: calc(50% - 0.5px);
}
.header__hamburger .inner > span:nth-child(3) {
  top: calc(100% - 1px);
}
.header__hamburger.is-open {
  color: #fff;
}
.header__hamburger.is-open .inner > span {
  background-color: #fff;
}
.header__hamburger.is-open .inner > span:nth-child(1) {
  width: 100%;
  top: 0.8rem;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
}
.header__hamburger.is-open .inner > span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.header__hamburger.is-open .inner > span:nth-child(3) {
  top: 0.8rem;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
}

@media screen and (max-width: 768px) {
  .header.is-open .header__buttons {
    z-index: -1;
  }
  .header__inner {
    height: 5.8rem;
    padding: 0 2rem;
  }
  .header__title .title {
    letter-spacing: 0.06em;
    font-size: 1.6rem;
  }
  .header__title .label {
    letter-spacing: 0.1em;
    font-size: 1rem;
  }
  .header__navi {
    padding: 0 2rem;
  }
  .header__navi--inner {
    padding-top: 10rem;
    padding-bottom: 5rem;
    display: block;
  }
  .header__menu {
    width: 100%;
  }
  .header__menu > li {
    padding: 0.8rem 0;
    border-bottom: 1px solid #fff;
  }
  .header__menu > li + li {
    margin-top: 0;
  }
  .header__menu > li > a {
    border-bottom: none;
    font-size: 1.2rem;
  }
  .header__menu > li > a::before {
    font-size: 1.8rem;
  }
  .header__menu--child {
    margin-top: 0;
    padding-bottom: 1rem;
    font-size: 1.2rem;
  }
  .header__buttons {
    position: fixed;
    top: 8rem;
    right: 0;
    gap: 1rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
  }
  .header__buttons.is-hide {
    right: -100%;
  }
  .header__buttons > .header__buttons--item {
    width: 4rem;
    height: 15rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
  .header__buttons--sp {
    margin-right: -2rem;
    margin-left: -2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .header__buttons--sp .header__buttons--item {
    height: 9rem;
    gap: 0.4rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: -webkit-gradient(linear, left top, right top, from(#36251b), color-stop(48.12%, #5a493f), to(#21140c));
    background: linear-gradient(90deg, #36251b 0%, #5a493f 48.12%, #21140c 100%);
  }
  .header__buttons--sp .header__buttons--item .icon {
    width: 3rem;
    height: auto;
  }
  .header__contact {
    margin-bottom: 5rem;
    text-align: center;
  }
  .header__hamburger {
    width: auto;
    margin-left: auto;
  }
  .header__hamburger .inner {
    height: 1.2rem;
  }
}
.footer {
  padding-top: 10rem;
  padding-bottom: 2.8rem;
  position: relative;
}
.footer__logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem;
  margin-top: 6rem;
}
.footer__logos li a {
  display: block;
  text-align: center;
}

.footer__logos li span {
  display: block;
  text-align: left;
  font-size: 1.6rem;
  margin-bottom: 0.3em;
}
.footer__logos li figure {
  padding: 1.4rem;
  /* background-color: #fff; */
}
.footer__logos li img {
  width: auto;
  height: 5rem;
  fill: #fff;
}
.footer__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.footer__info {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.footer__title {
  margin: 0;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  font-size: 1rem;
  line-height: 1;
  margin-bottom: 3rem;
}
.footer__title a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--color-gold);
}
.footer__title .title {
  font-weight: 700;
  font-size: 4.5rem;
}
.footer__title .label {
  letter-spacing: 0.45em;
  font-weight: 500;
  font-size: 1.9rem;
}
.footer .btn__01 {
  width: 33.2rem;
  /* margin-top: 6rem; */
  gap: 0 1.5rem;
}
.footer__banners.main__block{
  margin-bottom: 6rem;
}
.footer__banners .banner_area{
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem 5rem;
  padding-block: 4rem;
  /* border-top: 1px solid var(--color-gold);
  border-bottom: 1px solid var(--color-gold);   */
}
.footer__banners .banner_area::before,.footer__banners .banner_area::after{
  content:"";
  width: 100vw;
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: var(--color-gold);
  opacity: 0.3;
}
.footer__banners .banner_area::before{
  top: 0;
}
.footer__banners .banner_area::after{
  bottom: 0;
}
.footer .banner_item {
  width: 32rem;
}
.footer__navi {
  padding-top: 5.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.5rem;
}
.footer__navi li {
  min-width: fit-content;
}
.footer__navi li + li {
  margin-top: 3.2rem;
}
.footer__navi a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-size: 1.4rem;
}
.footer__navi--list > li > a::before {
  content: attr(data-label);
  font-family: "Cormorant Garamond", serif;
  font-size: 1.8rem;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}
.footer__navi--child {
  margin-top: 1.6rem;
}
.footer__navi--child li {
  padding-left: 2.5rem;
}
.footer__navi--child li + li {
  margin-top: 1.6rem;
}
.footer__navi--child a {
  font-size: 1.2rem;
}
.footer__navi--child a::before {
  font-size: 1.6rem;
}
.footer__bottom {
  margin-top: 6rem;
}
.footer__subNavi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1.8rem;
  font-size: 1.4rem;
  line-height: 1;
}
.footer__copyRight {
  font-size: 1.4rem;
  line-height: 1;
}

@media screen and (max-width: 768px) {
  .footer {
   padding-top: 3.6rem;
   padding-bottom: 3.6rem;
  }
  .footer__top {
    padding-bottom: 9.4rem;
    position: relative;
  }
  .footer__logos {
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    margin-top: 5rem;
  }
  .footer__logos li span {
    font-size: 1.4rem;
  }
  .footer__logos li img {
    max-width: 390px;
    width: 100%;
    height: auto;
  }
  .footer__logos li:first-child img {
    max-width: 360px;
    width: 90%;
  }
  .footer__grid {
    display: block;
  }
  .footer__top {
    display: flex;
    flex-direction: column;
    gap: 3rem;
  }
  .footer__info {
    display: contents;
  }
  .footer__title {
    order: -1;
  }
  .footer__title .title {
    letter-spacing: 0.06em;
    font-size: 3.3rem;
  }
  .footer__title .label {
    margin-top: 0.5em;
    letter-spacing: 0.1em;
  }
  .footer .btn__01 {
    /* height: 6rem;
    position: absolute;
    bottom: 0;
    left: calc(50% - 16.6rem); */
    font-size: 1.6rem;
  }
  .footer__banners.main__block{
    padding-top :0;
  }
  .footer__banners .banner_area{
    flex-direction: column;
    align-items: center;
  }
  .footer__navi {
    order: -1;
    padding-top: 0;
    gap: 2.4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .footer__navi li + li {
    margin-top: 2.4rem;
  }
  .footer__navi a {
    gap: 1.6rem;
    font-size: 1rem;
  }
  .footer__navi a::before {
    font-size: 1.4rem;
  }
  .footer__navi--child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 3.2rem;
  }
  .footer__navi--child li {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .footer__navi--child li::before {
    content: "";
    width: 2rem;
    height: 1px;
    display: block;
    background-color: #fff;
  }
  .footer__navi--child li + li {
    margin-top: 0;
  }
  .footer__navi--child a {
    gap: 0;
  }
  .footer__bottom {
    margin-top: 6.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .footer__subNavi {
    font-size: 1rem;
  }
  .footer__copyRight {
    font-size: 1rem;
  }
}
.main {
  padding-top: 11rem;
  position: relative;
}
.main__block {
  margin-bottom: 10rem;
  padding-top: 10rem;
}
.main__block[class*="bg-"] {
  padding-top: 10rem;
  padding-bottom: 10rem;
}
.main__container {
  max-width: 132rem;
  margin-right: auto;
  margin-left: auto;
  padding-right: 6rem;
  padding-left: 6rem;
}
.main__container + .main__container {
  margin-top: 10rem;
}
.main__headline {
  width: 100%;
  height: 72.5rem;
  margin-bottom: 10rem;
  padding-top: 5rem;
  position: relative;
}
.main__headline::before,
.main__headline::after {
  content: "";
  width: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  background-color: #242424;
  aspect-ratio: 1/0.087;
}
.main__headline::before {
  top: -1px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.main__headline::after {
  bottom: -1px;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  clip-path: polygon(100% 0, 0% 100%, 100% 100%);
}
.main__headline.h-sm {
  height: 28rem;
}
.main__headline .main__container {
  position: relative;
  z-index: 4;
}
.main__headline--text {
  width: 100%;
  height: 100%;
  padding-bottom: 7rem;
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.main__headline--title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.8rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--color-gold);
}
.main__headline--title .label {
  letter-spacing: 0.06em;
  font-family: "Cormorant Garamond", serif;
  font-size: 2.4rem;
}
.main__headline--title .title {
  letter-spacing: 0.2em;
  font-size: 5.4rem;
  line-height: 1.4074074074;
}
.main__headline--bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.main__headline--bg::before,
.main__headline--bg::after {
  content: "";
  width: 100%;
  height: 24.6rem;
  position: absolute;
  left: 0;
  z-index: 3;
  background: #000;
  -webkit-transform: skewY(-5deg);
  transform: skewY(-5deg);
}
.main__headline--bg::before {
  top: -3px;
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(rgba(36, 36, 36, 0)));
  background: linear-gradient(#242424 0%, rgba(36, 36, 36, 0) 100%);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.main__headline--bg::after {
  height: 29.4rem;
  bottom: -3px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 36, 36, 0)), to(#242424));
  background: linear-gradient(rgba(36, 36, 36, 0) 0%, #242424 100%);
  -webkit-transform-origin: left bottom;
  transform-origin: left bottom;
}
.main__headline--bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main__headline--bg .img-cap {
  max-width: 600px;
  display: inline-block;
  bottom: 20%;
  z-index: 5;
}
.main__headline--bg .img-cap b {
  font-size: 14px;
}
.main__headline--bg .img-cap small {
  font-size: 10px;
}
.main__headline.no-visual {
  height: auto;
}
.main__lead {
  text-align: center;
}
.main__lead--title {
  margin-bottom: 1.2em;
  color: var(--color-gold);
  font-size: 3.2rem;
  line-height: 1.875;
}
.main__lead--title.sm {
  font-size: 2.8rem;
}
.main__lead--title span {
  font-size: 2rem;
}
.main__lead--text p {
  letter-spacing: 0.2em;
  line-height: 2;
}
.main__lead--text .ls-100 {
  letter-spacing: 0.1em;
}
.main__lead--text .lh-lg {
  line-height: 3;
}

.common__contact {
  margin-bottom: 16rem;
  padding-top: 10rem;
  position: relative;
  z-index: 1;
  background: url(../../images/common/contact_bg.jpg) no-repeat top center/cover;
}
.common__contact::before {
  content: "";
  width: 100%;
  height: 20rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: -webkit-gradient(linear, left top, left bottom, from(#171717), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(-180deg, #171717 0%, rgba(0, 0, 0, 0) 50%);
}
.common__contact .heading__01 {
  margin-bottom: 14rem;
}
.common__contact .heading__01--label {
  margin-bottom: -0.3em;
  color: var(--color-gold);
  letter-spacing: 0.06em;
  font-size: 19.6rem;
  opacity: 0.1;
}
.common__contact--grid {
  padding-bottom: 13.8rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.common__contact--info {
  text-align: center;
}
.common__contact--info:not(:first-child) {
  margin-top: 6rem;
}
.common__contact--info dt {
  margin-bottom: 2rem;
  letter-spacing: 0.2em;
  font-size: 1.8rem;
}
.common__contact--info dd {
  font-size: 1.4rem;
}
.common__contact--info dd p {
  letter-spacing: 0.2em;
}
.common__contact--info .btn__01 {
  width: 45rem;
  height: 6rem;
  gap: 0 0.6rem;
  font-size: 1.8rem;
}
.common__contact--info .btn__01 + .btn__01 {
  margin-top: 2rem;
}
.common__contact--info .btn__01.is-red {
  background-color: #7d0000;
}
.common__contact--info .btn__01.is-red::before {
  border-color: #fff;
}
.common__contact--info .btn__01.is-shine {
  overflow: hidden;
}
.common__contact--info .btn__01.is-shine::after {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
  width: 50px;
  height: 50px;
  top: -60px;
  left: -60px;
  animation-name: shine-large;
  animation-delay: 0.5s;
  animation-duration: 5s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}

.common__contact--phone {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 1.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 6rem;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .common__contact--phone {
    font-size: 5rem;
  }
}
.common__contact--hours {
  margin-top: 2rem;
}
.common__navi {
  /* max-width: 94rem; */
  max-width: 120rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
/* .common__navi > li {
  width: 20.8rem;
} */
.common__navi--slider.swiper {
  padding-inline: 1.5rem;
}
.common__navi--slider .swiper-button {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  aspect-ratio: 1;
  background: rgba(33, 20, 12, 0.8);
}
.common__navi--slider .swiper-button-next {
  right: 0;
}
.common__navi--slider .swiper-button-prev {
  left: 0;
}
.common__navi--slider .swiper-button-prev::after,
.common__navi--slider .swiper-button-next::after {
  font-size: 2rem;
  color: #fff;
}

.common__navi--item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  aspect-ratio: 208 / 163;
  padding: 0.8rem;
  background: rgba(33, 20, 12, 0.16);
  /* border: 0.8rem solid ; */
}
/* .common__navi--item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  border: 0.8rem solid rgba(33, 20, 12, 0.16);
  box-sizing: border-box;
} */

.common__navi--item .image {
  width: calc(100% - 1.6rem);
  height: calc(100% - 1.6rem);
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
  overflow: hidden;
  background-color: #242424;
}
.common__navi--item .image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transform: scale(1);
}
/* .common__navi--item .image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(33, 20, 12, 0.35);
} */
.common__navi--item .text {
  position: relative;
  z-index: 2;
  color: #fff;
  text-align: center;
}
.common__navi--item .text dt {
  font-family: "Cormorant Garamond", serif;
  font-weight: 700;
  font-size: 1.4rem;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";  
}
.common__navi--item .text dd {
  font-size: 2rem;
}
.common__navi--note {
  margin-top: 8rem;
}
.common__navi--note p {
  letter-spacing: 0.2em;
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.common__foot--note {
  max-width: 94rem;
  margin: 8rem auto 5rem;
}
.common__foot--note small {
  font-size: 1.2rem;
  display: block;
}
.common__foot--note small + small {
  margin-top: 0.6em;
}

.lower .common__contact::before {
  background: -webkit-gradient(linear, left top, left bottom, from(#242424), color-stop(50%, rgba(36, 36, 36, 0)));
  background: linear-gradient(-180deg, #242424 0%, rgba(36, 36, 36, 0) 50%);
}

@media screen and (min-width: 769px) {
  .common__contact--visual {
    width: 80.6rem;
    position: absolute;
    bottom: -9rem;
    left: 50%;
  }
  .common__contact--visual .img-cap {
    bottom: 45px;
  }
  .common__contact--visual .img-cap.is-left {
    left: 5%;
  }
  .common__navi--item .image img {
    opacity: 0.2;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: all 0.3s;
    transition: all 0.3s, -webkit-transform 0.3s;
  }
  @media (hover: hover) {
    .common__navi--item:hover .image img {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
      opacity: 0.5;
    }
  }
  .common__navi--item .text dd.sm {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .main {
    padding-top: 5.8rem;
  }
  .main__block {
    margin-bottom: 6rem;
  }
  .main__block[class*="bg-"] {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
  .main__container {
    padding-right: 2rem;
    padding-left: 2rem;
  }
  .main__container + .main__container {
    margin-top: 6rem;
  }
  .main__headline {
    height: 35rem;
    margin-bottom: 4rem;
    padding-top: 2rem;
  }
  .main__headline--text {
    padding-bottom: 3.5rem;
  }
  .main__headline--title {
    gap: 0;
  }
  .main__headline--title .title {
    font-size: 3.2rem;
  }
  .main__headline--title .label {
    font-size: 1.6rem;
  }
  .main__headline--bg::before,
  .main__headline--bg::after {
    height: 14rem;
  }
  .main__lead--title {
    font-size: 2.4rem;
  }

  .common__foot--note{
    margin: 6rem auto 0rem;
  }

  .common__contact {
    position: relative;
    margin-top: 0;
    padding-top: 0;
  }
  .common__contact--visual {
    position: relative;
    top: 0;
  }
  .common__contact .heading__01 {
    margin-bottom: 2.8rem;
  }
  .common__contact .heading__01--label {
    margin-bottom: -0.5em;
    font-size: 6.4rem;
  }
  .common__contact .heading__01--main {
    margin-right: -1em;
    margin-left: -1em;
    letter-spacing: 0;
    font-size: 1.6rem;
    line-height: 2.5;
  }
  .common__contact--grid {
    padding-bottom: 7.4rem;
    display: block;
  }
  .common__contact--info {
    margin-top: 2.8rem;
  }
  .common__contact--info dt {
    margin-bottom: 1em;
    font-size: 1.6rem;
    line-height: 2;
  }
  .common__contact--info .btn__01 {
    width: 30rem;
    height: 5rem;
  }
  .common__contact--phone {
    letter-spacing: 0.05em;
    font-size: 3.8rem;
  }
  .common__contact--phone svg {
    width: 3.8rem;
  }
  .common__contact--hours {
    margin-top: 0;
    font-size: 1.2rem;
  }
  .common__navi {
    width: 100%;
    /* -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; */
  }
  /* .common__navi > li {
    width: 100%;
  } */
  .common__navi--slider.swiper {
    padding: 0 0 3rem;
  }
  .common__navi--slider .swiper-buttons {
    display: flex;
    gap: 3rem;
    justify-content: center;
  }
  .common__navi--slider .swiper-button {
    position: relative;
    width: 30px;
    height: 30px;
    top: unset;
    left: unset;
    right: unset;
    margin: 0;
  }
  .common__navi--slider .swiper-button-prev::after,
  .common__navi--slider .swiper-button-next::after {
    font-size: 1.6rem;
  }
  .common__navi--item {
    aspect-ratio: 1/0.457;
  }
  .common__navi--item .image img {
    opacity: 0.5;
  }
  .common__navi--item .text {
    margin-right: auto;
    margin-left: 2rem;
    text-align: left;
  }
  .common__navi--note {
    margin-top: 6rem;
  }
  .common__navi--note p {
    letter-spacing: 0.1em;
  }
}
.breadcrumbs {
  padding: 1rem 0;
  font-size: 1.4rem;
}
.breadcrumbs__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25em 0.5em;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.btn__01 {
  width: 51rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 100%;
  height: var(--button-height, 8rem);
  padding-bottom: 0.25em;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #453d2f;
  color: #fff;
  letter-spacing: 0.06em;
  font-size: 2rem;
  -webkit-filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, 0.16));
  filter: drop-shadow(0 1rem 1rem rgba(0, 0, 0, 0.16));
}
.btn__01::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
  border: 1px solid rgba(204, 188, 157, 0.5);
  pointer-events: none;
}
@media (hover: hover) {
  .btn__01:hover {
    color: #fff;
  }
}
.btn__01.next::after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 2.4rem;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btn__01.low {
  height: 6rem;
}
.btn__01.v01 {
  background-color: #7b6b61;
}
.btn__01.v01::before {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.btn__01.v02 {
  background-color: var(--color-gold);
  color: #453d2f;
}
.btn__01.v02::before {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.btn__01.is-red {
  background-color: var(--color-red);
}
.btn__01.is-red::before {
  border-color: #fff;
}
.btn__01.is-shine {
  overflow: hidden;
}
.btn__01.is-shine::after {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
  width: 50px;
  height: 50px;
  top: -60px;
  left: -60px;
  animation-name: shine-large;
  animation-delay: 0.5s;
  animation-duration: 5s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}
.btn__02 {
  width: 30rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 100%;
  height: 6.4rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.6rem;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.btn__02.next::after {
  content: "";
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: calc(50% - 0.5rem);
  right: 2.4rem;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.btn__more {
  width: 16.8rem;
  padding-bottom: 1em;
  position: relative;
  display: block;
  color: var(--color-gold);
  letter-spacing: 0.1em;
}
.btn__more::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--color-gold);
}
.btn__more::after {
  content: "";
  width: 0.5em;
  position: absolute;
  right: -0.25em;
  bottom: -0.245em;
  border-radius: 50%;
  background-color: var(--color-gold);
  aspect-ratio: 1;
}
.btn__grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.8rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.link__01 {
  width: 17.6rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding-bottom: 1rem;
  position: relative;
  display: block;
  border-bottom: 1px solid currentColor;
  color: var(--color-gold);
  font-size: 1.6rem;
}
.link__01::after {
  content: "";
  width: 0.8rem;
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  border-radius: 50%;
  background-color: var(--color-gold);
  aspect-ratio: 1;
}

@media (hover: hover) {
  .btn__01.btn-primary:hover {
    background-color: #fff;
    color: var(--theme-color, #ccbc9d);
  }
  .btn__01.btn-primary.next:hover {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 20'><g fill='%23006e52'><path d='M9.5 10a.5.5 0 0 1-.127.334l-8.5 9.5a.5.5 0 0 1-.705.039.5.5 0 0 1-.039-.706l8.5-9.5A.5.5 0 0 1 9.5 10Z'/><path d='M9.5 10a.5.5 0 0 1-.166.373.5.5 0 0 1-.705-.039l-8.5-9.5A.5.5 0 1 1 .873.167l8.5 9.5A.5.5 0 0 1 9.5 10Z'/></g></svg>");
  }
  .btn__01.btn-primary[target="_blank"]:hover {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'><g fill='%23006e52'><path d='M1 17.996a1 1 0 0 1-1-1V2.662a1 1 0 0 1 1-1h6.72v2H1.99v12.344h12.352v-5.723h1.991V17a1 1 0 0 1-1 1L1 17.996Z'/><path d='M7.492 11.398a.89.89 0 0 1-.634-.26.92.92 0 0 1 .017-1.3l8.19-8.188-4.274-.036A.807.807 0 0 1 10.797 0l6.744.058a.4.4 0 0 1 .4.4L18 7.193a.807.807 0 0 1-.8.813H17.128a.8.8 0 0 1-.742-.8l-.037-4.271-8.19 8.187a.935.935 0 0 1-.665.277'/></g></svg>");
  }
  .btn__01.btn-secondary:hover {
    background-color: #d0b78d;
  }
}
@media screen and (max-width: 768px) {
  .btn__01 {
    max-width: 51rem;
    width: 100%;
    font-size: 1.4rem;
  }
  .btn__grid {
    gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
/*大見出し*/
.heading__01 {
  position: relative;
  z-index: 1;
  margin-bottom: 4.8rem;
}
.heading__01 > span {
  display: block;
}
.heading__01--label {
  position: relative;
  z-index: -1;
  margin-bottom: -0.5em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-weight: 400;
  font-size: 10rem;
  text-transform: uppercase;
  line-height: 1;
  opacity: 0.12;
}
.heading__01--label.lg {
  font-size: 12.6rem;
}
.heading__01--main {
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 1.5625;
}
.heading__01--main.is-image {
  font-size: 1rem;
  line-height: 1;
  padding-block: 0.6rem;
}
.heading__01--main.lg {
  letter-spacing: 0.2em;
  font-size: 4.6rem;
  line-height: 1.3913043478;
}
.heading__01.text-center {
  max-width: 100vw;
}
.heading__01.text-center .heading__01--label {
  max-width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
.heading__01.v02 {
  text-align: center;
}
.heading__01.v02 .heading__01--label {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  margin-bottom: -0.35em;
  color: var(--color-gold);
  letter-spacing: 0.06em;
  font-size: 10rem;
  opacity: 0.12;
  line-height: 1;
}
.heading__01.v02 .heading__01--label.text-sm {
  font-size: 16rem;
}
.heading__01.v02 .heading__01--main.text-wh {
  color: #fff;
}
.heading__01 + .heading__lead {
  margin-top: -1.6rem;
  margin-bottom: 6rem;
}
.heading__02 {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.2em;
  font-size: 3.2rem;
  line-height: 1.8;
}
.heading__02.lg {
  font-size: 4.2rem;
}
.heading__02 span {
  padding: 0 0.05em 0.1em 0.05em;
  display: inline-block;
  background-color: var(--color-gold);
  color: #21140c;
  line-height: 1;
}
.heading__02 + .heading__lead {
  margin-top: -2.4rem;
}
.heading__03 {
  margin-bottom: 1em;
  color: #fff;
  letter-spacing: 0.2em;
  font-size: 2.8rem;
  line-height: 1.8;
}
.heading__03 span {
  padding: 0 0.05em 0.1em 0.05em;
  display: inline-block;
  background-color: #fff;
  color: #21140c;
  line-height: 1;
}
.heading__03 + .heading__lead {
  margin-top: -2.4rem;
}
.heading__04 {
  margin-bottom: 1em;
  font-size: 3.2rem;
  line-height: 1.8;
  color: var(--color-gold);
  letter-spacing: 0.2em;
}
.heading__04 .small {
  display: inline-block;
  font-size: 2rem;
  margin-left: 0.5em;
  vertical-align: middle;
}
.heading__lead {
  margin-bottom: 4.8rem;
  text-align: center;
}
.heading__lead p {
  letter-spacing: 0.2em;
  line-height: 2.25;
}

@media screen and (max-width: 768px) {
  .heading__01 {
    margin-bottom: 3.6rem;
  }
  .heading__01--label {
    margin-bottom: -0.5em;
    letter-spacing: 0;
    font-size: 7rem;
  }
  .heading__01--label.lg {
    font-size: 7rem;
  }
  .heading__01--main {
    font-size: 2.6rem;
  }
  .heading__01--main.lg {
    letter-spacing: 0.1em;
    font-size: 2.6rem;
  }
  .heading__01.v02 .heading__01--label {
    font-size: 5rem;
    margin-left: 0;
    margin-right: 0;
  }
  .heading__02,
  .heading__02.lg {
    font-size: 2rem;
  }
  .heading__lead p {
    letter-spacing: 0.01em;
  }
  .heading__03 {
    font-size: 1.8rem;
  }
  .heading__04 {
    font-size: 2.4rem;
    margin-bottom: 0.5em;
  }
  .heading__04 .small {
    font-size: 1.6rem;
  }
}
.navi__anchor {
  margin-bottom: 6rem;
}
.navi__anchor--list {
  min-height: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.navi__anchor a {
  height: 100%;
  padding: 0 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.8rem;
  line-height: 1.4444444444;
}
.navi__anchor a::after {
  content: "";
  width: 2rem;
  height: 1.2rem;
  margin-left: auto;
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11.514'><g fill='%23000000'><path d='M10 11.514a.5.5 0 0 1-.371-.165L.129.835A.5.5 0 0 1 .165.129a.5.5 0 0 1 .706.036l9.5 10.514a.5.5 0 0 1-.371.835Z'/><path d='M10 11.514a.5.5 0 0 1-.335-.129.5.5 0 0 1-.036-.706l9.5-10.514a.5.5 0 0 1 .706-.036.5.5 0 0 1 .036.706l-9.5 10.514a.5.5 0 0 1-.371.165Z'/></g></svg>");
  background-position: center;
  background-size: contain;
}
@media (hover: hover) {
  .navi__anchor a:hover {
    background-color: var(--theme-color, #ccbc9d);
    color: #fff;
    opacity: 1;
  }
  .navi__anchor a:hover::after {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 11.514'><g fill='%23FFF'><path d='M10 11.514a.5.5 0 0 1-.371-.165L.129.835A.5.5 0 0 1 .165.129a.5.5 0 0 1 .706.036l9.5 10.514a.5.5 0 0 1-.371.835Z'/><path d='M10 11.514a.5.5 0 0 1-.335-.129.5.5 0 0 1-.036-.706l9.5-10.514a.5.5 0 0 1 .706-.036.5.5 0 0 1 .036.706l-9.5 10.514a.5.5 0 0 1-.371.165Z'/></g></svg>");
  }
}
.pager__archive--total {
  margin-bottom: 1.5em;
  text-align: center;
  font-weight: 700;
}
.pager__archive--inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pager__archive .page-numbers {
  color: #707070;
  font-family: "Trajan Pro", serif;
  font-size: 1.8rem;
}
.pager__archive .page-numbers.dots {
  margin: 0 -1.5rem;
}
.pager__archive .page-numbers.current {
  color: var(--theme-color, #ccbc9d);
  font-weight: 700;
}
.pager__archive .page-numbers.prev,
.pager__archive .page-numbers.next {
  width: 1rem;
  height: 2rem;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9.5 20'><g fill='%23000000'><path d='M9.5 10a.5.5 0 0 1-.127.334l-8.5 9.5a.5.5 0 0 1-.705.039.5.5 0 0 1-.039-.706l8.5-9.5A.5.5 0 0 1 9.5 10Z'/><path d='M9.5 10a.5.5 0 0 1-.166.373.5.5 0 0 1-.705-.039l-8.5-9.5A.5.5 0 1 1 .873.167l8.5 9.5A.5.5 0 0 1 9.5 10Z'/></g></svg>")
    no-repeat center/contain;
}
.pager__archive .page-numbers.prev {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

@media screen and (min-width: 769px) {
  .navi__anchor li {
    width: 25%;
    border-right: 1px solid #ccc;
  }
  .navi__anchor li:first-child {
    border-left: 1px solid #ccc;
  }
}
@media screen and (max-width: 768px) {
  .navi__anchor {
    margin-bottom: 3rem;
  }
  .navi__anchor--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .navi__anchor li {
    border-bottom: 1px solid #000;
  }
  .navi__anchor a {
    padding: 2rem 1.5rem;
  }
  .navi__anchor + .list-note {
    margin-right: -1rem;
    margin-left: -1rem;
  }
  .pager__archive--inner {
    gap: 0 1.5rem;
  }
  .pager__archive .page-numbers.dots {
    margin: 0 -1rem;
  }
}
.module__01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 16rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.module__01.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.module__01.is-reverse .module__01--visual {
  margin-right: calc(50% - 50vw);
  margin-left: 0;
  padding-right: 3.8rem;
  padding-left: 0;
}
.module__01.is-reverse .module__01--visual .image-layer {
  right: 0;
  left: auto;
}
.module__01 + .module__01 {
  margin-top: 18rem;
}
.module__01--visual {
  margin-left: calc(50% - 50vw);
  padding-top: 3.8rem;
  padding-left: 3.8rem;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.module__01--visual .image-main {
  width: 100%;
  display: block;
  -webkit-filter: drop-shadow(0 1.8rem 1.7rem rgba(0, 0, 0, 0.4));
  filter: drop-shadow(0 1.8rem 1.7rem rgba(0, 0, 0, 0.4));
}
.module__01--visual .image-layer {
  width: calc(100% - 3.8rem);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  overflow: hidden;
}
.module__01--visual .image-layer img {
  -webkit-filter: blur(1.5rem);
  filter: blur(1.5rem);
}
.module__01--text {
  width: 37.8rem;
}
.module__01--text p {
  letter-spacing: 0.2em;
}
.module__01--text .btn__02 {
  margin-top: 8rem;
}
.module__01--headline {
  margin-bottom: 6rem;
}
.module__01--headline .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.2;
}
.module__01--headline .label::before {
  content: "";
  width: 3rem;
  height: 1px;
  background-color: var(--color-gold);
}
.module__01--headline .title {
  display: block;
  letter-spacing: 0.18em;
  font-weight: 500;
  font-size: 3.2rem;
  line-height: 2;
}

.grid {
  display: grid;
}
.grid.col2 {
  gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
.grid.col3 {
  gap: 4rem;
  grid-template-columns: repeat(3, 1fr);
}
.grid-card.col2 {
  gap: 4rem 4rem;
}
.grid-card.col3 {
  gap: 4rem 5rem;
}

.banner-item {
  display: block;
}
.banner-item img {
  width: 100%;
}
.banner-item.border {
  padding-bottom: 0.4rem;
  border-bottom: 2px solid var(--theme-color, #ccbc9d);
}

.card__01 {
  display: block;
  background-color: #fff;
}
.card__01--image {
  display: block;
  overflow: hidden;
  aspect-ratio: 1/0.681;
}
.card__01--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card__01--body {
  padding: 3rem;
}
.card__01--title {
  margin-bottom: 2rem;
  text-align: center;
  font-family: "Shippori Mincho", serif;
  font-size: 2.4rem;
}
.card__01--title::after {
  content: "";
  width: 5rem;
  height: 3px;
  margin: 1rem auto;
  display: block;
  background-color: var(--theme-color, #ccbc9d);
}
.card__01--title:last-child {
  margin-bottom: 0;
}
.card__01[href] img {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
@media (hover: hover) {
  .card__01[href]:hover {
    opacity: 1;
  }
  .card__01[href]:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.gallery__01 {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
}
.gallery__01--item {
  aspect-ratio: 1/0.668;
}
.gallery__01--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gallery__01 .item1 {
  grid-area: 1/1/3/3;
}
.gallery__01 .item2 {
  grid-area: 1/3/2/4;
}
.gallery__01 .item3 {
  grid-area: 1/4/2/5;
}
.gallery__01 .item4 {
  grid-area: 2/3/3/4;
}
.gallery__01 .item5 {
  grid-area: 2/4/3/5;
}
.gallery__01 .item6 {
  grid-area: 3/1/4/2;
}
.gallery__01 .item7 {
  grid-area: 3/2/4/3;
}
.gallery__01 .item8 {
  grid-area: 3/3/4/4;
}
.gallery__01 .item9 {
  grid-area: 3/4/4/5;
}
.gallery__02 {
  display: grid;
  gap: 4rem;
  grid-template-columns: 1fr 1fr;
}
.gallery__02--item {
  aspect-ratio: 1/0.714;
}
.gallery__02--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gallery__03--item {
  display: block;
}
.gallery__03--item > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gallery__03--item.is-map {
  aspect-ratio: 1/0.345;
}
.gallery__03--title {
  margin-top: 4rem;
  color: var(--theme-color, #ccbc9d);
  letter-spacing: 0;
  font-size: 2.4rem;
  line-height: 1.4583333333;
}
.gallery__03--text {
  margin-top: 2rem;
}

.tags__01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.tags__01 .tag {
  padding: 0 2rem;
  display: inline-block;
  border-radius: 1.5rem;
  background-color: var(--theme-color, #ccbc9d);
  color: #fff;
  font-size: 1.4rem;
  line-height: 3rem;
}

.js-slider01-control .swiper-navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.js-slider01-control .swiper-button {
  height: auto;
  margin: 0;
  position: relative;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  -webkit-transform: none;
  transform: none;
}
.js-slider01-control .swiper-button::after {
  color: #000;
  font-size: 2rem;
}
.js-slider01-control .swiper-pause {
  width: 2rem;
  height: 2rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.js-slider01-control .swiper-pause::before,
.js-slider01-control .swiper-pause::after {
  content: "";
  width: 0.4rem;
  height: 100%;
  background-color: var(--theme-color, #ccbc9d);
}
.js-slider01-control .swiper-pause.paused::before {
  width: 2rem;
  height: 1rem;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.js-slider01-control .swiper-pause.paused::after {
  display: none;
}

.slider__01--card .pic {
  margin-bottom: 1.6rem;
  display: block;
  overflow: hidden;
  aspect-ratio: 296/400;
}
.slider__01--card .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider__01--card .pic.asp-auto {
  aspect-ratio: auto;
}
.slider__01--card .tag {
  padding: 0 0.8rem;
  display: inline-block;
  border-radius: 0.3rem;
  background-color: var(--theme-color, #ccbc9d);
  color: #fff;
  font-weight: 500;
  font-size: 1.2rem;
}
.slider__01--card .tag + .name {
  margin-top: 0.8rem;
}
.slider__01--card .name {
  font-weight: 500;
  line-height: 1.75;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  white-space: wrap;
  -webkit-line-clamp: 2;
}
.slider__01 .swiper {
  overflow: visible !important;
}
.slider__01 .swiper-wrapper {
  height: auto;
}
.slider__01 .swiper-slide {
  width: 29.6rem;
}
.slider__01--control {
  margin-top: 8rem;
  padding: 2rem 0;
}
.slider__02--card .pic {
  display: block;
  overflow: hidden;
  aspect-ratio: 1/0.5;
}
.slider__02--card .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider__02 .swiper {
  overflow: visible !important;
}
.slider__02 .swiper-wrapper {
  height: auto;
}
.slider__02 .swiper-slide {
  width: 83.2rem;
}
.slider__02--control {
  margin-top: 4rem;
}
.slider__03--card .pic {
  display: block;
  overflow: hidden;
  aspect-ratio: 1/0.68;
}
.slider__03--card .pic img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.slider__03--card .pic + p {
  margin-top: 2.4rem;
}
.slider__03 .swiper {
  overflow: visible !important;
}
.slider__03 .swiper-wrapper {
  height: auto;
}
.slider__03 .swiper-slide {
  width: 36rem;
}
.slider__03--control {
  margin-top: 10rem;
}

@media screen and (min-width: 769px) {
  .slider__01 {
    position: relative;
  }
  .slider__01 .btn__01 {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  .slider__01--control {
    margin-top: 2.5rem;
    padding: 0;
  }
  .slider__01 .btn__01 {
    margin-top: 4rem;
  }
  .slider__02 .swiper-slide {
    width: 100%;
  }
  .slider__02--control {
    margin-top: 3.5rem;
  }
}
.table__01--content {
  display: grid;
  gap: 2rem;
  grid-template-columns: 25rem 1fr;
  font-size: 1.6rem;
}
.table__01--head {
  padding: 0 1rem 2rem;
  border-bottom: 1px solid var(--theme-color, #ccbc9d);
  color: var(--theme-color, #ccbc9d);
  line-height: 1.875;
}
.table__01--detail {
  padding: 0 1rem 2rem;
  border-bottom: 1px solid #e2e2e2;
}
.table__01 .list-note {
  margin-top: 3rem;
  font-size: 1.4rem;
}
.table__02--info {
  margin-bottom: 1.25em;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 1.4;
}
.table__02 table {
  width: 100%;
  border-collapse: collapse;
}
.table__02 thead * {
  font-weight: 500;
}
.table__02 th,
.table__02 td {
  border: 1px solid #ccc;
  letter-spacing: 0;
}
.table__02 th {
  padding: 2rem;
  background-color: var(--theme-color, #ccbc9d);
  color: #fff;
}
.table__02 th .label {
  margin-top: 0.6rem;
  padding: 0.4rem 1rem;
  display: block;
  background-color: #fff;
  color: var(--theme-color, #ccbc9d);
}
.table__02 td {
  padding: 2rem 2.8rem;
}
.table__02 .td-1 {
  background-color: #f8f7f3;
  color: #000;
}
.table__02 .nowrap {
  white-space: nowrap;
}
.table__02 .left {
  text-align: left;
}
.table__02 .right {
  text-align: right;
}

@media screen and (max-width: 768px) {
  .table__01--content {
    display: block;
  }
  .table__01--head {
    padding: 0.5rem 2rem;
    border-bottom: none;
    border-left: 1px solid var(--theme-color, #ccbc9d);
  }
  .table__01--detail {
    padding: 1rem 0 2rem 2rem;
    border-bottom: none;
  }
  .table__01 .list-note {
    margin-top: 2rem;
    font-size: 1.2rem;
  }
  .table__02 {
    margin-right: -2.5rem;
    padding-right: 2.5rem;
    overflow-x: scroll;
  }
  .table__02 table {
    width: 100rem;
  }
}
*:focus {
  outline: none;
}

.form__box.address__group {
  opacity: 0;
  visibility: hidden;
  line-height: 0;
  width: 0px;
  height: 0px;
  margin: 0;
}
.form__box.address__group + .form__box.address__group {
  margin-top: 0;
}
.form__box.address__group.is-visible {
  opacity: 1;
  visibility: visible;
  line-height: 1;
  width: auto;
  height: auto;
}
.form__box.address__group.is-visible + .form__box.address__group.is-visible {
  margin-top: 3.2rem;
}
.form__box + .form__box {
  margin-top: 3.2rem;
}
.form__box dt {
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1em;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  font-weight: 400;
}
.form__box dt .required,
.form__box dt .optional {
  min-width: 36px;
  padding: 0.2em 0.5em 0.3em;
  display: inline-block;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1;
}
.form__box dt .required {
  background-color: #ae290e;
}
.form__box dt .optional {
  background-color: #aaa;
}
.form__box dt .note {
  font-size: 87.5%;
}
.form__box dd .example {
  margin-top: 0.25em;
}
.form__box--inner + .form__box--inner {
  margin-top: 5rem;
}
.form__box--inner .label {
  margin-bottom: 0.5em;
  font-weight: 700;
}
.form__box input.is-hide {
  opacity: 0;
  visibility: hidden;
  line-height: 0;
  width: 0px;
  height: 0px;
}
.form__box#js-toggle-know {
  display: grid;
  grid-template-rows: 0fr;
  gap: 0;
  -webkit-transition: 250ms grid-template-rows ease;
  transition: 250ms grid-template-rows ease;
  transition: 250ms grid-template-rows ease, 250ms -ms-grid-rows ease;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.form__box#js-toggle-know > * {
  overflow: hidden;
}
.form__box#js-toggle-know.is-show {
  grid-template-rows: 1fr;
}
.form__grid {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 2.5rem;
  display: grid;
  gap: 3rem 4rem;
  grid-template-columns: repeat(2, 1fr);
}
.form__grid--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 2.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form__grid--item label {
  font-size: 1.6rem;
  white-space: nowrap;
}
.form__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 2.5rem;
  gap: 3rem 1rem;
}
.form__flex--item {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  gap: 0.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.form__flex--item label {
  font-size: 1.6rem;
}
.form__flex--item.know__other {
  flex: 1;
}
.form__flex--item.know__other .form__control {
  max-width: 100%;
}
.form__flex .form__control {
  max-width: 24rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.form__control {
  width: 100%;
  padding: 0.75em 2rem;
  border-radius: 0.6rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  color: #453d2f;
  font-size: max(1.6rem, 16px);
  line-height: 1.5;
}
.form__control#zipcode1 {
  width: 10em;
}
.form__control#chome {
  width: 6em;
}
.form__control#banchi {
  width: 6em;
}
.form__control#go {
  width: 6em;
}
.form__control.js-useroff {
  color: #fff;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form__birthday select {
  width: 100%;
  max-width: 8em;
  padding: 0.75em 2rem;
  border-radius: 0.6rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  color: #453d2f;
  font-size: max(1.6rem, 16px);
  line-height: 1.5;
}
.form__control--short {
  width: 6em;
}
.form__select {
  padding-right: 2.5em;
}
.form__select optgroup {
  display: none;
}
.form__select,
.form .mfp_element_select-one,
.form__birthday select {
  background-image: url(../../images/common/select_arrow.svg);
  background-position: right 2rem center;
  background-size: 1.6rem;
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form__select::-ms-expand,
.form .mfp_element_select-one::-ms-expand,
.form__birthday select::-ms-expand {
  display: none;
}
.form__checkList {
  display: grid;
}
.form__checkList.col2 {
  gap: 1em;
  grid-template-columns: 1fr 1fr;
}
.form__checkbox label {
  position: relative;
}
.form__checkbox label > span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  line-height: 1.34;
}
.form__checkbox label > span::before {
  content: "";
  width: 1.71em;
  height: 1.71em;
  margin-right: 1rem;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border: 1px solid #ccc;
  background-color: #fff;
}
.form__checkbox label > span::after {
  content: "";
  width: 0.8em;
  height: 0.6em;
  position: absolute;
  top: 0;
  left: 0.45em;
  border-bottom: 0.2rem solid #453d2f;
  border-left: 0.2rem solid #453d2f;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.form__checkbox label.mfp_checked > span::after {
  opacity: 1;
  visibility: visible;
}
.form__checkbox input[type="checkbox"] {
  display: none;
}
.form__checkbox input[type="checkbox"]:checked + span::after {
  opacity: 1;
  visibility: visible;
}
.form__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.5em 2em;
}
.form__radio label {
  position: relative;
}
.form__radio .mfp_checked span::after {
  opacity: 1;
}
.form__radio input[type="radio"] {
  display: none;
}
.form__radio input[type="radio"]:checked + span::after {
  opacity: 1;
}
.form__radio span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-align: left;
  line-height: 1.75;
}
.form__radio span::before {
  content: "";
  width: 1.75em;
  height: 1.75em;
  margin-right: 1rem;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  background-color: #fff;
  border-radius: 50%;
}
.form__radio span::after {
  content: "";
  width: 0.75em;
  height: 0.75em;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  display: block;
  border-radius: 50%;
  background-color: var(--primary-color, #000);
  opacity: 0;
}
.form__textarea {
  height: 28rem;
}
.form__separator {
  margin: 30px auto;
}
.form__doui {
  margin-top: 4rem;
  text-align: center;
}
.form__doui a {
  text-decoration: underline;
}
.form__policy {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 10rem auto 0;
  padding: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f3f3f3;
  color: #383838;
}
.form__policy a {
  color: #383838;
  text-decoration: underline;
}
@media (hover: hover) {
  .form__policy a:hover {
    text-decoration: none;
  }
}
.form__buttons {
  margin-top: 8rem;
}
.form__buttons .btn__02.is-active {
  background-color: #b49975;
}

.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0;
}
.mw_wp_form .error {
  margin-top: 0.5em;
}

.mwform-checkbox-field-text {
  padding-left: 2em;
  position: relative;
  display: inline-block;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  line-height: 1.34;
}
.mwform-checkbox-field-text::before {
  content: "";
  width: 1.34em;
  height: 1.34em;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ccc;
  background-color: #fff;
}
.mwform-checkbox-field-text::after {
  content: "";
  width: 0.8em;
  height: 0.6em;
  position: absolute;
  top: 0.25em;
  left: 0.25em;
  border-bottom: 0.2rem solid #453d2f;
  border-left: 0.2rem solid #453d2f;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mwform-checkbox-field input[type="checkbox"] {
  display: none;
}
.mwform-checkbox-field input[type="checkbox"]:checked + .mwform-checkbox-field-text::after {
  opacity: 1;
  visibility: visible;
}
.mwform-radio-field-text {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 2em;
  position: relative;
  font-weight: 500;
  font-size: max(1.6rem, 16px);
  line-height: 1;
}
.mwform-radio-field-text::before {
  content: "";
  width: 1.5em;
  height: 1.5em;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: background 0.3s;
  transition: background 0.3s;
}
.mwform-radio-field-text::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  position: absolute;
  top: 0.5em;
  left: 0.5em;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 0.3s, visibility 0.3s;
  transition: opacity 0.3s, visibility 0.3s;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.mwform-radio-field input[type="radio"] {
  display: none;
}
.mwform-radio-field input[type="radio"]:checked + .mwform-radio-field-text::before {
  border-color: var(--color-gold);
  background-color: var(--color-gold);
}
.mwform-radio-field input[type="radio"]:checked + .mwform-radio-field-text::after {
  opacity: 1;
  visibility: visible;
}

.mw_wp_form_confirm .c-form__doui {
  display: none !important;
}

.mfp_buttons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.mfp_buttons .mfp_element_button {
  width: 30rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  max-width: 100%;
  height: 6.4rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0.6rem;
  background-color: #ccc;
  color: #fff;
  text-align: center;
  font-weight: 700;
}
.mfp_buttons .mfp_element_button#mfp_button_send {
  background-color: #b49975;
}
.mfp_buttons .mfp_element_button#mfp_button_cancel {
  background-color: #ccc;
}

@media screen and (max-width: 768px) {
  .form__box--inner:not(:last-child) {
    margin-bottom: 4rem;
  }
  .form__flex--item {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .form__flex--item span {
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .form__control#zipcode1 {
    max-width: calc(100% - 4em);
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .form__control#chome {
    max-width: calc(100% - 4em);
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .form__control#banchi {
    max-width: calc(100% - 4em);
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .form__control#go {
    max-width: calc(100% - 4em);
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
  }
  .form__grid {
    width: 100%;
    gap: 2rem 0;
    grid-template-columns: 1fr;
  }
  .form__grid--item {
    gap: 0 1.2rem;
  }
  .form__grid--item label {
    width: 7rem;
    text-align: right;
    font-size: 1.4rem;
  }
  .form__grid--item .form__control {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .form__select {
    padding-right: 1.5em;
  }
  .form__select,
  .form .mfp_element_select-one,
  .form__birthday select {
    background-position: right 1rem center;
    background-size: 1rem;
  }
  .form__birthday select {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none;
    max-width: calc(100% - 4rem);
    width: 100%;
  }
  .form__policy {
    width: 100%;
    margin-top: 4rem;
    gap: 0.5em;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .form__buttons {
    margin-top: 4rem;
  }
}
.home .main {
  padding-top: 0;
}
.home__bgVideo {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
  opacity: 0.2;
  pointer-events: none;
}
.home__bgVideo::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.69);
  mix-blend-mode: hue;
}
.home__bgVideo video {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.home__hero {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.home__hero--icons {
  position: absolute;
  top: 130px;
  right: 30px;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.home__hero--icons figure {
  max-width: 250px;
  width: 20vw;
}
.home__hero--visual {
  width: 100%;
  /* height: 100vh;
  height: 100dvh; */
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.home__hero--visual .swiper .swiper-slide {
	height: auto;
  max-height: 100vh;
}
.home__hero--item {
  position: relative;
  /* position: absolute;
  top: 0;
  left: 0; */
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* opacity: 0; */
  background-color: #0c0807;
  box-sizing: border-box;
}
/* .home__hero--item:first-child {
  opacity: 1;
} */

.home__hero--catch {
  /* min-height: 70%;
  max-height: 100%; */
  height: 100%;
  padding :9rem 0 9rem 9.4rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.home__hero--catch.catch01 {
  width: 100%;
  height: 100%;
  margin: 0;
  max-height: 100%;
  padding: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.home__hero--catch.catch01 p {
  white-space: nowrap;
  letter-spacing: 0.2em;
  font-size: 5.4rem;
  text-align: center;
}
.home__hero--catch.catch01 p span {
  font-size: 1.8em;
  line-height: 1.1;
  background: #665e4f;
  background: linear-gradient(
    180deg,
    rgba(102, 94, 79, 1) 5%,
    rgba(216, 200, 169, 1) 35%,
    rgba(226, 210, 179, 1) 50%,
    rgba(232, 216, 184, 1) 60%,
    rgba(204, 188, 157, 1) 62%,
    rgba(102, 94, 79, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home__hero--catch .image {
  width: 47.5rem;
  /* height: 95%; */
}
.home__hero--catch .image img {
  display: block;
  object-fit: contain;
  max-height: 100%;
}
.home__hero--catch.catch04 {
  padding-top: 13rem;
}
.home__hero--catch.catch04 .image{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
} 
.home__hero--catch.catch04 .image img {
  display: block;
  aspect-ratio: 425 / 461;
  object-fit: contain;
  max-width: 42.5rem;
  width: 95%;
  height: 95%;
}
.home__hero--image {
  width: 100%;
  width: 100vw;
  height: 100%;
  height: 100vh;
  height: 100svh;
  /* height: 100dvh; */
  /* position: absolute;
  top: 0;
  left: 0;
  z-index: auto; */
  overflow: hidden;
}
.home__hero--image.fadein {
  object-fit: cover;
  opacity: 0;
  -webkit-animation: fadeIn 4s ease-in-out forwards;
  animation: fadeIn 4s ease-in-out forwards;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.home__hero--image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.home__hero--image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.home__hero--image video {
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.home__hero--text {
  width: 100%;
  height: 19rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home__hero--text .title {
  color: var(--color-gold);
  text-align: center;
  letter-spacing: 0.12em;
  font-size: 5.2rem;
  line-height: 1.3461538462;
}
.home__hero--text .title span {
  font-size: 4.2rem;
}
.home__hero--scroll {
  position: absolute;
  top: calc(100svh - 100px);
  left: 50%;
  color: #fff;
  letter-spacing: 0.1em;
  transform: translateX(-50%);
  text-align: center;
  z-index: 100;
  pointer-events: none;
  padding-bottom: 50px;
  margin-bottom: 150px;
}
.home__hero--scroll::after {
  content: "";
  display: block;
  width: 1px;
  height: 45px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  animation: scroll 2s cubic-bezier(0.25, 0.1, 0.25, 1) infinite;
}
@keyframes scroll {
  0% {
    height: 45px;
  }
  100% {
    height: 0px;
  }
}




.home__merit {
  width: 100%;
  padding: 30px 0 0;
  /* background-color: #171717; */
}

.merit_hero_banner {
  /* max-width: 1400px; */
  margin: 0 auto;
  /* padding: 40px 0; */
  text-align: center;
  box-sizing: border-box;
}

.merit_hero_flex {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 1.6em;
}

.merit_hero_box {
  /* flex: 1; */
  text-align: center;
  /* display: -webkit-inline-box; */
}

.merit_hero_box.is-right {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .merit_hero_box.is-right {
    padding-right: 4.5em;
  }
}
.merit_hero_label {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  font-size: 2.7rem;
  line-height: 1.3;
  text-align: center;
  margin-right: 0.05em;
  padding-bottom: 0.6em;
}
.merit_hero_label .merit_hero_label_ss{
  font-size: 80%;
}

.merit_img_100 {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 8em;
}

.merit_img_x {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 6.8em;
  margin: 0 0 0.6em;
}

.merit_hero_unit {
  display: inline-block;
  vertical-align: bottom;
  color: #fff;
  font-size: 4.1rem;
  /* margin-left: 5px; */
  padding-bottom: 10px;
}

.merit_list_new {
  display: flex;
  /* grid-template-columns: repeat(4, 1fr); */
  align-items: flex-end;
  /* gap: 20px; */
  /* max-width: 1400px; */
  /* margin: 2.0em auto 0; */
  /* padding: 0 20px; */
  list-style: none;
}

.merit_list_new li {
  position: relative;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  position: relative;
  padding-top: 1.6em;
}

.merit_list_new li::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #fff;
  opacity: 0.6;
}
.merit_list_new li.has-top-border::before{
  opacity: 0;
}

.merit_inner {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.merit_sub {font-size: 1.7rem;margin-bottom: 1.1em;line-height: 1.4;color: #fff;}
.merit_hero_box .merit_sub{
  font-size: 2.0rem;
  margin-bottom: 0.2em;
}
.merit_sub.lh_low {margin-bottom: 0.3em;}
.merit_white { color: #fff; }
.merit_mid { font-size: 2.21rem; line-height: 1.4; }
.merit_base { font-size: 3.4rem; line-height: 1.2; letter-spacing: 0.1em; color: #ccbc9d; }
.merit_large {font-size: 5.44rem;line-height: 1;letter-spacing: normal;margin: 0 5px;font-family: "Times New Roman", serif;display: inline-block;transform: translateY(0.05em);color: #ccbc9d;}
.merit_accent { color: #ccbc9d !important; }
.merit_note { font-size: 1.2rem; margin-top: 10px; line-height: 1.4; color: #fff; }

.merit_card_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  /* max-width: 650px; */
  /* height: 54px; */
  margin: 1.5em auto 0;
  background-color: rgba(204, 188, 157, 0.2);
  color: #ccbc9d;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  font-family: "Cormorant Garamond", serif;
  font-weight: 500;
  transition: all 0.3s ease;
  padding: 0.6em 0;
}
.merit_list_new .merit_card_btn {
  margin: 2.3em auto 0;
}

.merit_card_btn b {
  font-size: 1.2rem;
  margin-left: 0.5em;
}

@media (hover: hover) {
  a:hover .merit_card_btn {
    background-color: rgba(204, 188, 157, 0.4);
    color: #fff;
  }
}

@media screen and (max-width: 768px) {
  .merit_hero_banner {
    padding: 20px 0;
  }
  .merit_hero_flex {
    gap: 10px;
  }
  .merit_hero_box {
    text-align: center;
  }
  .merit_hero_box.is-right {
    text-align: center;
  }
  .merit_hero_label {
    display: block;
    font-size: 1.2rem;
    text-align: center;
    margin-right: 0;
    /* margin-bottom: 5px; */
  }
  .merit_img_100 {
    height: 4.6em;
  }
  .merit_img_x {
    height: 2.4em;
    margin: 0 0 0.8em;
  }
  .merit_hero_unit {
    font-size: 1.4rem;
    padding-bottom: 0;
    display: inline-block;
    transform: translateY(-0.3em);
  }
  .merit_list_new {
    flex-direction: column;
    padding: 0;
  }
  .merit_list_new li {
    padding: 0 0 30px;
  }
  .merit_inner {
    border-bottom: none;
    padding: 0;
  }
  .merit_list_new li.has-top-border {
    border-top: 1px solid #fff;
    margin-top: 20px;
    padding-top: 40px;
  }
  .merit_sub { font-size: 1.4rem; }
  .merit_mid { font-size: 1.8rem; }
  .merit_base { font-size: 2.8rem; }
  .merit_large { font-size: 4.5rem; }
  .merit_card_btn {
    width: 85%;
    height: 3em;
    font-size: 1.3rem;
  }
  .merit_hero_box .merit_sub{
    font-size: 0.9rem;
    margin-bottom: 1.1em;
  }
}
@media screen and (max-width: 480px) {
  .merit_hero_box .merit_sub{
    font-size: 1.4rem;
  }  
}




.home__model {
  padding: 0;
}
.home__model .home__hero--icons {
  padding: 3rem 2rem;
  margin-bottom: 0;
}

.home__model--column {
  display: flex;
  justify-content: center;
  background: #fbfaf9 url(../../images/home/home_model_bg.jpg) no-repeat center top;
  background-size: cover;
}
.home__model--content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 770px;
  color: #21140c;
  padding: 6.7rem 2rem 8.3rem;
}

.home__model--content .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 15px;
  font-size: 4.2rem;
  margin-bottom: 4rem;
}

.home__model--content .title span {
  display: inline-block;
  width: 184px;
  font-size: 2rem;
  line-height: 1;
  letter-spacing: 0.05em;
  padding: 0.5rem 1.5rem;
  border: 1px solid currentColor;
}

.home__model--content .title::before {
  content: "";
  display: block;
  width: 23.7rem;
  aspect-ratio: 237 / 32;
  height: auto;
  background: url(../../images/home/home_model_deco.svg) no-repeat center / contain;
}

.home__model--content .btn-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 4.6rem;
}

.home__model--content .btn__01.is-red {
  background-color: #7d0000;
}

.home__model--content .btn__01.is-red::before {
  border-color: #fff;
}

.home__model--content .btn__01.is-shine {
  overflow: hidden;
}

.home__model--content .btn__01.is-shine span::after {
  content: "";
  position: absolute;
  display: block;
  background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9));
  width: 50px;
  height: 50px;
  top: -60px;
  left: -60px;
  animation-name: shine-large;
  animation-delay: 0.5s;
  animation-duration: 5s;
  animation-timing-function: ease-in;
  animation-iteration-count: infinite;
}

@media (max-width: 768px) {
  .home__model--column {
    flex-direction: column-reverse;
  }

  .home__model--visual {
    max-width: 100%;
  }

  .home__model--content {
    width: 100%;
    overflow: hidden;
  }

  .home__model--content .title {
    font-size: 2.4rem;
  }
  .home__model--content .title::before {
    width: 15rem;
  }
  .home__model--content .title span {
    font-size: 1.4rem;
  }
  .home__model--content .btn__01.is-shine span::after {
    animation-name: shine;
  }
}

.home__point {
  position: relative;
  background-color: #171717;
  z-index: 1;
}
.home__point::before {
  content: "";
  width: 100%;
  height: 40rem;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(rgba(24, 24, 24, 0)));
  background: linear-gradient(180deg, #171717 0%, rgba(24, 24, 24, 0) 100%);
  pointer-events: none;
}
.home__point--inner {
  position: relative;
}
.home__point--list {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.home__point--list li {
  font-size: 2.5rem;
  line-height: 1;
}
.home__point--list li + li {
  margin-top: 2.4rem;
  padding-top: 2.4rem;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.home__point--list li span {
  display: inline-block;
}
.home__point--list li .text01 {
  font-size: 2.2rem;
}
.home__point--list li .text02 {
  font-size: 1.2rem;
}
.home__point--list li .text03 {
  padding: 0.2em 0.5em;
  background-color: var(--color-gold);
  color: #21140c;
  font-size: 1.4rem;
}
.home__point--list li .text04 {
  letter-spacing: 0.2em;
  font-size: 2.4rem;
}
.home__point--list li .text04 span {
  font-size: 1.9rem;
}
.home__point--list li .text05 {
  letter-spacing: 0.2em;
  font-size: 1.5rem;
  line-height: 1.3;
}
.home__point--list li .text06 {
  font-size: 2.4rem;
}
.home__point--list li .text06 span {
  font-size: 2.8rem;
}
.home__point--list li .text08 {
  letter-spacing: 0.1em;
  font-size: 1.6rem;
}
.home__point--list li .text08 .num {
  color: var(--color-gold);
  font-size: 2.7rem;
}
.home__point--list li .inner + .inner {
  margin-top: 0.25em;
}
.home__point--info {
  margin-top: 5rem;
}
.home__point--info p {
  letter-spacing: 0;
  line-height: 1;
}
.home__point--info .text01 {
  font-size: 3rem;
}
.home__point--info .text02 {
  margin-top: 0.75em;
  font-size: 2rem;
}
.home__point--info .text02 span {
  color: var(--color-gold);
  font-size: 3rem;
}
.home__point--image {
  width: calc(50vw + 30rem);
  height: 67rem;
  position: absolute;
  top: calc(50% - 33.5rem);
  right: calc(50% - 50vw);
  z-index: -1;
}
.home__point--image::before {
  content: "";
  width: 37.6rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  background: -webkit-gradient(linear, left top, right top, from(#171717), to(rgba(24, 24, 24, 0)));
  background: linear-gradient(90deg, #171717 50%, rgba(24, 24, 24, 0) 100%);
}
.home__point--image img {
  opacity: 0.8;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left center;
  object-position: left center;
}
.home__concept--list {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(3, 1fr);
}
.home__concept--list .image {
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.home__concept--list .image img {
  padding: 0;
  line-height: 1;
  vertical-align: bottom;
}

.home__concept--list .image::before {
  content: "";
  width: 100%;
  height: 50%;
  position: absolute;
  bottom: -1px;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 36, 36, 0)), color-stop(43.1%, rgba(36, 36, 36, 0.61)), to(#242424));
  background: linear-gradient(rgba(36, 36, 36, 0) 0%, rgba(36, 36, 36, 0.61) 43.1%, #242424 100%);
}
.home__concept--list dl {
  margin-top: -4.2rem;
  text-align: center;
}
.home__concept--list dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #f5e5c7;
  letter-spacing: 0.1em;
  line-height: 1;
}
.home__concept--list dt span {
  letter-spacing: 0.1em;
  font-size: 3.8rem;
}
.home__concept--list dd {
  margin-top: 1em;
  font-size: 2.4rem;
}
.home__concept--list dd p {
  line-height: 2;
}
.home__feature .heading__01--main {
  letter-spacing: 0;
  font-size: 4.4rem;
  line-height: 1.4545454545;
}
.home__feature .heading__01--main span {
  font-size: 3.8rem;
}
.home__feature--list {
  display: grid;
  gap: 4rem;
  grid-template-columns: repeat(2, 1fr);
}
.home__feature--list .image {
  margin-bottom: 2rem;
  position: relative;
}
.home__feature--list .title {
  margin-bottom: 0.5em;
  color: var(--color-gold);
  font-weight: 400;
  font-size: 3.2rem;
}
.home__feature--list .title .note {
  color: #fff;
  font-size: 1.2rem;
}
.home__feature--list .sentence {
  font-size: 1.4rem;
}
.home__feature--list .sentence p {
  letter-spacing: 0.1em;
  line-height: 2.1428571429;
}
.home__feature--list .link__01 {
  margin-top: 0.5rem;
  margin-left: auto;
}
.home__group {
  padding-top: 0;
}
.home__group--inner {
  position: relative;
}
.home__group--text {
  width: 100%;
  position: relative;
  z-index: 2;
}
.home__group .heading__01 {
  position: relative;
  width: fit-content;
}
.home__group .heading__01--label {
  width: 100%;
  /* position: absolute;
  top: 50%; */
  left: -8rem;
  z-index: -1;
  white-space: nowrap;
  /* -webkit-transform: translateY(-50%);
  transform: translateY(-50%); */
}
.home__group.is-reverse .heading__01{
  text-align: right;
}
.home__group.is-reverse .heading__01--label {
  left: unset;
  right: -8rem;
}
.home__group.is-reverse .heading__01 .heading__01--main{
  text-align: right;
}
/* .home__group.home__plan .heading__01{
  max-width: 50rem;
} */
/* .home__group.home__plan .heading__01 .heading__01--label{
  left: -8rem;
  right: unset;
} */
.home__group .sentence {
  max-width: 36.5rem;
}
.home__group .sentence p {
  font-size: 1.4rem;
}
.home__group .btn__more {
  margin-top: 5rem;
}
.home__group--image {
  position: relative;
}
.home__group--image::before {
  content: "";
  width: 34.8rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(36, 36, 36, 0)), to(rgba(23, 23, 23, 0.6)));
  background: linear-gradient(-90deg, rgba(36, 36, 36, 0) 0%, rgba(23, 23, 23, 0.6) 100%);
}
.home__group--image::after {
  content: "";
  width: calc(100% + 4rem);
  height: 100%;
  position: absolute;
  top: 4rem;
  left: -4rem;
  z-index: -1;
  background-color: #212121;
}
.home__group--image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.home__group.is-reverse .home__group--image::before {
  right: 0;
  left: auto;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.home__group.is-reverse .home__group--image::after {
  left: 0;
}
.home__group.is-reverse .home__group .heading__01--label {
  right: -8rem;
  left: auto;
}
.home__special--heading {
  margin-bottom: 5rem;
}
.home__special--content {
  padding: 3.5rem 3.5rem 5rem;
  position: relative;
  border: 0.5rem solid #7b6b61;
  background: url(../../images/home/special_bg.jpg) no-repeat center/cover;
  color: #453d2f;
}
.home__special--content::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
  bottom: 0.5rem;
  left: 0.5rem;
  border: 2px solid #7b6b61;
  pointer-events: none;
}
.home__special--content .title {
  margin-bottom: 1em;
  letter-spacing: 0;
  font-size: 2.4rem;
  line-height: 1.4583333333;
}
.home__special--content p {
  letter-spacing: 0;
}
.home__special--content .btn-group {
  margin-top: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 6.8rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.home__special--content .btn-group .btn__01 {
  width: 45rem;
  height: 6.2rem;
}
.home__special--content .btn-group .btn__01 span > span {
  font-size: 0.73em;
}
.home__special--content .frame {
  width: 10.8rem;
  position: absolute;
  background: url(../../images/home/special_frame.svg) no-repeat center/cover;
  pointer-events: none;
  aspect-ratio: 1;
}
.home__special--content .frame-01 {
  top: 0.7rem;
  left: 0.7rem;
}
.home__special--content .frame-02 {
  top: 0.7rem;
  right: 0.7rem;
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.home__special--content .frame-03 {
  bottom: 0.7rem;
  left: 0.7rem;
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.home__special--content .frame-04 {
  right: 0.7rem;
  bottom: 0.7rem;
  -webkit-transform: scale(-1, -1);
  transform: scale(-1, -1);
}

@media screen and (min-width: 769px) {  
  .home__group--text {
    padding: 0 8rem;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .home__group--image {
    height: 58.2rem;
    margin-left: 55.6rem;
  }
  .home__group.is-reverse .home__group--text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .home__group.is-reverse .home__group--image {
    margin-right: 55.6rem;
    margin-left: 0;
  }
}
@media screen and (max-width: 768px) {
  .home__openingAnimation--text {
    font-size: 2.8rem;
  }
  .home__openingAnimation--skip {
    right: 2rem;
    font-size: 1.8rem;
  }
  .home__hero {
    background-color: #171717;
  }
  .home__hero--icons {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 3rem;
  }
  .home__hero--icons figure {
    max-width: 180px;
    width: 45%;
    text-align: center;
  }
  .home__hero--visual {
    height: 100dvh;
  }
  .home__hero--catch,.home__hero--catch.catch04 {
    width: 100%;
    max-height: 100%;
    height: 100%;
    /* max-height: 70rem; */
    /* padding-bottom: 100px; */
    padding :6rem 0;
  }
  .home__hero--catch.catch01 p {
    font-size: 3.2rem;
  }
  .home__hero--catch .image {
    width: 22.5rem;
    height: auto;
  }
  .home__hero--catch.catch01 .image {
    max-width: 32.8rem;
    width: 76%;
  }
  .home__hero--catch.catch02 .image {
    max-width: 29.2rem;
    width: 76%;
  }
  .home__hero--catch.catch03 .image {
    max-width: 27.3rem;
    width: 70%;
  }
  .home__hero--catch.catch04 .image {
    max-width: 26.5rem;
    width: 68%;
    height: 80%;
    display: flex;
    align-items: center;   
  }
  .home__hero--bg {
    height: 100%;
  }
  .home__hero--bg .swiper-slide-image .img-cap {
    right: 4%;
    bottom: 40px;
  }
  .home__hero--text {
    position: relative;
  }
  .home__hero--text .title {
    font-size: 2.5rem;
    line-height: 1.6;
  }
  .home__hero--text .title span {
    font-size: 2rem;
  }
  .home__point {
    margin-bottom: 0;
    padding-top: 2rem;
  }
  .home__point::before {
    height: 20rem;
  }
  .home__point--image {
    width: calc(100% + 4rem);
    height: 34rem;
    margin-bottom: 2rem;
    position: relative;
    top: auto;
    right: 2rem;
  }
  .home__point--image::before {
    width: 100%;
    height: 6rem;
    background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(rgba(24, 24, 24, 0)));
    background: linear-gradient(180deg, #171717 0%, rgba(24, 24, 24, 0) 100%);
  }
  .home__point--image::after {
    content: "";
    width: 100%;
    height: 6rem;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left bottom, left top, from(#171717), to(rgba(24, 24, 24, 0)));
    background: linear-gradient(0deg, #171717 0%, rgba(24, 24, 24, 0) 100%);
  }
  .home__point--image .img-cap {
    max-width: 90%;
    font-size: 10px;
    text-align: left;
    right: 4%;
    bottom: 40px;
  }
  .home__point--list {
    width: 100%;
    text-align: center;
  }
  .home__point--list li {
    font-size: 1.4rem;
  }
  .home__point--list li .text01 {
    font-size: 1.3rem;
  }
  .home__point--list li .text-primary {
    font-size: 2rem;
  }
  .home__point--list li .text03 {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 0.75em;
    margin-left: 1.7em;
    display: block;
    font-size: 1rem;
  }
  .home__point--list li .text04 {
    letter-spacing: 0.05em;
    font-size: 2rem;
  }
  .home__point--list li .text04 span {
    font-size: 1.4rem;
  }
  .home__point--list li .text05 {
    text-align: left;
    letter-spacing: 0.05em;
    font-size: 1.1rem;
  }
  .home__point--list li .text05.text-center {
    text-align: center;
  }
  .home__point--list li .text06 {
    font-size: 1.6rem;
  }
  .home__point--list li .text06 span {
    font-size: 2rem;
  }
  .home__point--list li .text07 {
    font-size: 1.6rem;
  }
  .home__point--list li .text08 {
    margin-top: 0.75em;
    font-size: 1.2rem;
  }
  .home__point--list li .text08 .num {
    font-size: 2.2rem;
  }
  .home__point--list li .text09 {
    font-size: 1.8rem;
  }
  .home__concept--list {
    gap: 4rem;
    grid-template-columns: 1fr;
  }
  .home__concept--list .image {
    width: 31.8rem;
    margin: 0 auto;
  }
  .home__concept--list dl {
    margin-top: -3rem;
  }
  .home__concept--list dt {
    font-size: 1.3rem;
  }
  .home__concept--list dt span {
    font-size: 3.2rem;
  }
  .home__concept--list dd {
    margin-top: 0.75em;
    font-size: 1.6rem;
  }
  .home__concept--list dd p {
    line-height: 1.75;
  }
  .home__feature .heading__01 {
    margin-bottom: 3.5rem;
  }
  .home__feature .heading__01--main {
    font-size: 2.5rem;
    line-height: 1.4545454545;
  }
  .home__feature .heading__01--main span {
    font-size: 2rem;
  }
  .home__feature--list {
    gap: 3rem;
    grid-template-columns: 1fr;
  }
  .home__feature--list .title {
    font-size: 2.2rem;
  }
  .home__feature--list .link__01 {
    margin-top: 1rem;
  }
  .home__group--inner {
    padding: 0 2rem;
  }
  .home__group .heading__01 {
    margin-bottom: 2rem;
  }
  .home__group .heading__01--label {
    top: -1rem;
    left: 0;
    font-size: 4.8rem;
  }
  .home__group.is-reverse .heading__01{
    text-align: left;
  }
  .home__group.is-reverse .heading__01 .heading__01--main{
    text-align: left;
  }
  .home__group.is-reverse .heading__01--label {
    left: 0;
    right: unset;
  }
  .home__group .btn__more {
    margin-top: 2rem;
    margin-left: auto;
  }
  .home__group--image {
    margin-right: -2rem;
  }
  .home__group--image::before {
    width: 22rem;
  }
  .home__group--image::after {
    width: calc(100% + 2rem);
    top: 2rem;
    left: -2rem;
  }
  .home__group.is-reverse .home__group--image {
    margin-right: 0;
    margin-left: -2rem;
  }
  .home__group.is-reverse .home__group .heading__01--label {
    right: auto;
    left: -2rem;
  }
  .home__special--heading {
    margin-bottom: 3.4rem;
  }
  .home__special--content {
    padding: 10rem 2rem;
  }
  .home__special--content .title {
    font-size: 1.7rem;
    line-height: 2.3529411765;
  }
  .home__special--content .frame {
    width: 6rem;
  }
  .home__special--content .btn-group {
    gap: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .home__special--content .btn-group .btn__01 {
    width: 28rem;
    height: 5.2rem;
  }
}
.overview__content {
  padding: 8rem 7rem;
  background-color: rgba(235, 229, 217, 0.06);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
  box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
}
.overview__table {
  max-width: 94rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto 1fr;
}
.overview__table dt,
.overview__table dd {
  padding-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid #818181;
  letter-spacing: 0.2em;
}
.overview__table dt {
  padding-right: 5rem;
  line-height: 2;
}
.overview__table dd p {
  letter-spacing: 0.2em;
  line-height: 2;
}
.overview__table.is-child dt:nth-last-child(2),
.overview__table.is-child dd:last-child {
  border-bottom: 0;
}
.overview__teaser {
  max-width: 94rem;
  margin: 6rem auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.overview__teaser dt {
  width: 14rem;
  border: 1px solid #fff;
  text-align: center;
  letter-spacing: 0.2em;
  font-size: 2rem;
  line-height: 2.3;
}
.overview__teaser dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.2rem;
}
.overview__teaser dd p {
  letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
  .overview__content {
    padding: 8rem 2rem;
  }
  .overview__table {
    display: block;
  }
  .overview__table dt {
    padding-bottom: 0;
    border-bottom: 0;
    color: var(--color-gold);
  }
  .overview__table dd {
    padding-top: 0.5rem;
  }
  .overview__table dd p {
    word-break: break-all;
  }
  .overview__teaser {
    display: block;
  }
  .overview__teaser dt {
    width: 100%;
    margin-bottom: 1em;
    padding: 0 1em;
    font-size: 1.4rem;
  }
}
.access__information .list-note {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 4rem auto 0;
  font-size: 1.3rem;
}
.access__information .list-note li + li {
  margin-top: 0.5em;
}
.access__map {
  padding: 5rem;
  position: relative;
  background-color: rgba(255, 255, 255, 0.08);
}
.access__map--title {
  position: absolute;
  top: 0;
  left: 2.4rem;
  color: var(--color-gold);
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: 4.6rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.access__duration {
  margin-top: 6rem;
}
.access__duration--grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.access__duration--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1.2rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  flex-wrap: wrap;
  font-size: 2.4rem;
  line-height: 1;
}
.access__duration--item * {
  letter-spacing: 0;
}
.access__duration--item.text-center {
  justify-content: center;
}
.access__duration dt .label {
  margin-bottom: 0.5em;
  margin-left: 1em;
  display: block;
  font-size: 1.4rem;
  line-height: 1.2;
}
.access__duration dd span {
  color: var(--color-gold);
  font-size: 5.6rem;
}
.access__duration--text {
  margin-top: 0.5em;
  font-size: 2.4rem;
}
.access__duration--text span {
  color: var(--color-gold);
  font-size: 4rem;
}
.access__duration--text small {
  display: block;
  font-size: 1.2rem;
}
.access__city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.access__city--images {
  width: 66.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2rem;
  position: relative;
}
.access__city--images .image {
  width: 100%;
  position: relative;
  aspect-ratio: 1/2.367;
}
.access__city--images .image:nth-child(2) {
  top: 2.4rem;
}
.access__city--images .image:nth-child(3) {
  top: 4.8rem;
}
.access__city--images .image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.57)));
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
}
.access__city--images .img-cap {
  bottom: -4.8rem;
}
.access__city--images .caption {
  position: absolute;
  bottom: 1.8rem;
  left: 1.3rem;
  letter-spacing: 0.1em;
  font-size: 3.6rem;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  line-height: 1;
}
.access__city--images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.access__city--duration dl + dl {
  margin-top: 8rem;
}
.access__city--duration dt {
  letter-spacing: 0.2em;
  font-size: 1.8rem;
}
.access__city--duration dd {
  letter-spacing: 0.2em;
  font-size: 2.6rem;
}
.access__city--duration dd span {
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 3.8rem;
}
.access__city + .btn__01 {
  margin-top: 12rem;
}

@media screen and (max-width: 768px) {
  .access__map {
    padding: 4rem 2rem;
  }
  .access__map--title {
    font-size: 2.4rem;
  }
  .access__duration--grid {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    gap: 2.4rem 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .access__duration--item {
    font-size: 2rem;
  }
  .access__duration dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .access__duration dt .label {
    margin-bottom: 0;
    margin-left: 0;
    font-size: 1.2rem;
  }
  .access__duration dd span {
    font-size: 3.2rem;
  }
  .access__duration--text {
    margin-top: 2.4rem;
    text-align: left;
    font-size: 2rem;
    line-height: 1;
  }
  .access__duration--text span {
    font-size: 3.2rem;
  }
  .access__city {
    display: block;
  }
  .access__city--images {
    width: 100%;
    margin-bottom: 8rem;
    gap: 0.8rem;
  }
  .access__city--images .caption {
    font-size: 2rem;
  }
  .access__city--duration dl + dl {
    margin-top: 2.4rem;
  }
  .access__city--duration dt {
    letter-spacing: 0.1em;
    font-size: 1.4rem;
  }
  .access__city--duration dd {
    font-size: 1.8rem;
  }
  .access__city--duration dd span {
    font-size: 2.8rem;
  }
  .access__city + .btn__01 {
    margin-top: 4rem;
  }
}
.location__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.location__lead--text {
  width: 50%;
}
.location__lead .heading__01 {
  margin-bottom: 2rem;
}
.location__lead .heading__01--label {
  /* font-size: 20rem;
  font-size: clamp(10rem, 11vw , 20rem);
  margin-left: -10vw; */
  width: fit-content;
  left: -8rem;
  z-index: -1;
  white-space: nowrap;
}
@media screen and (max-width: 1400px) {
  .location__lead .heading__01--label {
    left: -4rem;
  }
}
.location__lead .sentence p {
  letter-spacing: 0.2em;
  line-height: 2.25;
}
.location__lead--image {
  width: 56rem;
  margin-top: 17.4rem;
}
.location__lead--image .image01 {
  width: 37.8rem;
  margin-left: auto;
}
.location__lead--image .image02 {
  width: 41.8rem;
  margin-top: -14.8rem;
}
.location__grid {
  display: grid;
  gap: 6rem 3rem;
  grid-template-columns: repeat(3, 1fr);
}
.location__item--image {
  margin-bottom: 1.2rem;
  position: relative;
}
.location__item--title {
  margin-bottom: 0.5em;
  letter-spacing: 0;
  font-size: 2.2rem;
  line-height: 1.4545454545;
}
.location__item--sentence {
  font-size: 1.4rem;
}
.location__sub-list {
  display: grid;
  gap: 20px 40px;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  margin-top: 80px;
}
.location__sub-list dl {
  max-width: 580px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px 3%;
  padding: 20px 0;
  border-bottom: 1px solid #666;
}
.location__sub-list dl::after {
  content: "";
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
  height: 3px;
  background-image: linear-gradient(to right, #ccc 3px, transparent 3px);
  background-size: 20px 3px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
.location__sub-list dl dt {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  max-width: 60%;
}
.location__sub-list dl dd {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
  max-width: 35%;
}
@media screen and (max-width: 768px) {
  .location__lead {
    display: block;
  }
  .location__lead--text {
    width: 100%;
  }
  .location__lead .heading__01--label {
    margin-left: 0;
    font-size: 7rem;
  }
  .location__lead--image {
    width: 100%;
    margin-top: 4rem;
  }
  .location__lead--image .image01 {
    width: 60%;
  }
  .location__lead--image .image02 {
    width: 80%;
    margin-top: -7rem;
  }
  .location__grid {
    gap: 4rem 0;
    grid-template-columns: 1fr;
  }
  .location__item--title {
    font-size: 1.8rem;
  }
  .location__sub-list {
    grid-template-columns: 1fr;
    margin-top: 60px;
  }
  .location__sub-list dl dt {
    max-width: 42%;
  }
  .location__sub-list dl dd {
    max-width: 42%;
  }
}
.concept__lead--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  font-size: 4.3rem;
  line-height: 1.488372093;
}
.concept__panel {
  width: 100%;
  height: 100dvh;
}
.concept__block {
  margin-bottom: 0;
  padding-top: 0;
  position: relative;
}
.concept__block--inner {
  max-width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.concept__block .heading__01 {
  margin: 0 auto 3rem;
  position: relative;
}
.concept__block .heading__01--label {
  /* position: absolute;
  top: -4.8rem; */
  left: -6.8rem;
  /* color: rgb(204, 188, 157); */
}
.concept__block .heading__01--main {
  line-height: 1.6875;
}
.concept__block--text p {
  font-size: 1.4rem;
}
.concept__block--links {
  margin-top: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
}
.concept__block--links li {
  width: 27.7rem;
}
.concept__block--links .link-item {
  position: relative;
  display: block;
}
.concept__block--links .link-image {
  position: relative;
  display: block;
}
.concept__block--links .link-image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.57)));
  background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
}
.concept__block--links .link-text {
  width: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.concept__block--links .link-text::after {
  content: "";
  width: 0.5em;
  height: 0.5em;
  margin-right: 0.5rem;
  margin-left: auto;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.concept__block--bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.concept__block--bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.concept__block--slider {
  width: 100%;
  height: 100%;
}
.concept__block--slider .swiper-wrapper,
.concept__block--slider .swiper-slide {
  height: 100%;
}
.concept__block .swiper-navi {
  height: 100%;
  padding-bottom: 5rem;
  position: absolute;
  top: 0;
  left: 2rem;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  mix-blend-mode: difference;
}
.concept__block .swiper-pagination {
  width: auto !important;
  position: relative;
  bottom: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  --swiper-pagination-bullet-horizontal-gap: 0;
  --swiper-pagination-bullet-inactive-color: transparent;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-size: 1.6rem;
  --swiper-pagination-color: transparent;
}
.concept__block .swiper-pagination-bullet {
  position: relative;
  border: 1px solid #fff;
}
.concept__block .swiper-pagination-bullet::before {
  content: "";
  width: 62.5%;
  position: absolute;
  top: 18.75%;
  left: 18.75%;
  border-radius: 50%;
  background-color: #fff;
  opacity: 0;
  aspect-ratio: 1;
}
.concept__block .swiper-pagination-bullet-active::before {
  opacity: 1;
}
.concept__block .progressbar {
  width: 1px;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.concept__block .progressbar span {
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: inline-block;
  background: #fff;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: center top;
  transform-origin: center top;
}
.concept__block--list {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.concept__block--list .link-item {
  width: 100%;
  padding: 2.8rem;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  aspect-ratio: 1/0.482;
}
.concept__block--list .link-title {
  margin-bottom: 8rem;
  line-height: 1;
}
.concept__block--list .link-title span {
  display: block;
}
.concept__block--list .link-title-label {
  font-size: 6.4rem;
}
.concept__block--list .link-title-main {
  font-size: 2rem;
}
.concept__block--list .link-more {
  width: 22rem;
  position: absolute;
  right: 2.8rem;
  bottom: 2.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.concept__block--list .link-more::before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #fff;
}
.concept__block--list .link-more::after {
  content: "";
  width: 0.8rem;
  height: 0.8rem;
  margin-right: 0.8rem;
  margin-left: auto;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.concept__block--list .link-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.concept__block--list .link-bg::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6)));
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}
.concept__block--list .link-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 769px) {
  .concept__block--inner {
    padding-top: 14rem;
    padding-bottom: 8rem;
  }
  .concept__block--bg {
    height: 100%;
    z-index: -1;
  }
  .concept__block--bg .cont_img{
    position: absolute;
    z-index: 1;
    width: 35%;
    bottom: 50px;
    left: 50px;
  }

  .concept__block--bg::before {
    content: "";
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, rgba(36, 36, 36, 0.8)), color-stop(60%, rgba(36, 36, 36, 0.61)), to(rgba(36, 36, 36, 0)));
    background: linear-gradient(90deg, rgba(36, 36, 36, 0.8) 30%, rgba(36, 36, 36, 0.61) 60%, rgba(36, 36, 36, 0) 100%);
  }
  .concept__block--bg::after {
    content: "";
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(36, 36, 36, 0.7)), color-stop(60%, rgba(36, 36, 36, 0.4)), to(rgba(36, 36, 36, 0)));
    background: linear-gradient(180deg, rgba(36, 36, 36, 0.7) 30%, rgba(36, 36, 36, 0.4) 60%, rgba(36, 36, 36, 0) 100%);
  }


  .concept__block--links .link-text {
    padding: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .concept__block.is-reverse .concept__block--inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
  .concept__block.is-reverse .concept__block--inner .heading__01--label {
    /* top: 3.6rem; */
    right: 0;
    left: auto;
    text-align: right;
  }
  .concept__block.is-reverse .concept__block--bg::before {
    right: 0;
    left: auto;
    background: -webkit-gradient(linear, right top, left top, color-stop(30%, rgba(36, 36, 36, 0.8)), color-stop(60%, rgba(36, 36, 36, 0.61)), to(rgba(36, 36, 36, 0)));
    background: linear-gradient(-90deg, rgba(36, 36, 36, 0.8) 30%, rgba(36, 36, 36, 0.61) 60%, rgba(36, 36, 36, 0) 100%);
  }

  .concept__block.is-reverse .concept__block--bg::after {
    width: 100%;
    height: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, rgba(36, 36, 36, 0.7)), color-stop(60%, rgba(36, 36, 36, 0.4)), to(rgba(36, 36, 36, 0)));
    background: linear-gradient(180deg, rgba(36, 36, 36, 0.7) 30%, rgba(36, 36, 36, 0.4) 60%, rgba(36, 36, 36, 0) 100%);
  }

  .concept__block.is-reverse .concept__block--bg img {
    -o-object-position: left center;
    object-position: left center;
  }
}
[data-panel="dark"] {
  --theme-color: #7b6b61;
}

.dot-navigation {
  height: 100dvh;
  padding-bottom: 5rem;
  position: fixed;
  top: 0;
  left: 0.8rem;
  z-index: 9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
}
.dot-navigation.is-visible {
  opacity: 1;
  pointer-events: auto;
}
.dot-navigation .nav-bar {
  width: 1px;
  margin-bottom: 0.6rem;
  position: relative;
  display: block;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.dot-navigation .nav-bar::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--theme-color, #fff);
  -webkit-animation: scrollBar 3s infinite;
  animation: scrollBar 3s infinite;
}
.dot-navigation .dot {
  width: 1.6rem;
  position: relative;
  border: 1px solid var(--theme-color, #fff);
  border-radius: 50%;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  pointer-events: none;
  aspect-ratio: 1;
}
.dot-navigation .dot::before {
  content: "";
  width: 1rem;
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  border-radius: 50%;
  background-color: var(--theme-color, #fff);
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  aspect-ratio: 1;
}
.dot-navigation .dot.active::before {
  opacity: 1;
}

@-webkit-keyframes scrollBar {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}

@keyframes scrollBar {
  0% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
  }
  50.1% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
  100% {
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
  }
}
@media screen and (max-width: 768px) {
  .concept__fv {
    min-height: 100vh;
  }
  .concept__lead--title {
    font-size: 2.8rem;
  }
  .concept__block + .concept__block {
    margin-top: 6.2rem;
  }
  .concept__block .heading__01 {
    margin-bottom: 2rem;
  }
  .concept__block .heading__01--label {
    top: auto;
    bottom: 100%;
    left: 0;
  }
  .concept__block .heading__01--main {
    font-size: 2.2rem;
  }
  .concept__block--inner {
    padding-bottom: 2.5rem;
    gap: 0;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .concept__block--bg {
    margin: 0 auto;
    /*aspect-ratio: 1/1.2;*/
    aspect-ratio: 1/0.8;
  }
  .concept__block--bg::before {
    content: "";
    width: calc(100% + 2px);
    height: 70%;
    position: absolute;
    bottom: -1px;
    left: -1px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(36, 36, 36, 0)), color-stop(43.1%, rgba(36, 36, 36, 0.61)), to(#242424));
    background: linear-gradient(rgba(36, 36, 36, 0) 0%, rgba(36, 36, 36, 0.61) 43.1%, #242424 100%);
  }
  /*.concept__block--bg .img-cap.is-left {
    left: unset;
    right: 1.5rem;
  }*/

  .concept__block--bg .img-cap{
    left: 1.5rem;
    right: unset;
    top: 6rem;
    bottom: auto;
  }

  .concept__block--text {
    position: relative;
    z-index: 2;
  }
  .concept__block--text p {
    letter-spacing: 0;
  }
  .concept__block--links {
    margin-top: 3rem;
  }

  .concept__block--links li {
    max-width: 47%;
  }

  .concept__block--links .link-text {
    margin-top: 0.6rem;
    gap: 0.25em;
    letter-spacing: 0;
    font-size: 1.4rem;
  }
  .concept__block--links .link-text::after {
    width: 0.35em;
    height: 0.35em;
    margin-right: 0;
  }
  .concept__block--list {
    grid-template-columns: 1fr;
  }
  .concept__block--list .link-item {
    padding: 2rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .concept__block--list .link-title {
    margin-bottom: 0;
  }
  .concept__block--list .link-title-label {
    font-size: 2.6rem;
  }
  .concept__block--list .link-title-main {
    margin-top: 0.5em;
    font-size: 1.4rem;
  }
  .concept__block--list .link-more {
    width: 11.4rem;
    position: absolute;
    right: 2rem;
    bottom: 2rem;
    font-size: 1.2rem;
  }
  .concept__block--list .link-more::after {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.4rem;
  }
  .dot-navigation {
    padding-bottom: 2rem;
    left: 0.4rem;
  }
  .dot-navigation .dot {
    width: 1rem;
  }
  .dot-navigation .dot::before {
    width: 0.4rem;
  }

  .concept__block--bg .cont_img{
    display: none;
  }
  .cont_img.spOnly{
    width: 72%;
    margin: 0 auto;
  }  
}
.feature__lead--inner {
  padding-bottom: 12rem;
  position: relative;
}
.feature__lead--text {
  max-width: 72rem;
  padding-top: 10rem;
  padding-bottom: 10rem;
  position: relative;
  z-index: 1;
}
.feature__lead--text::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-color: rgba(36, 36, 36, 0.74);
}
.feature__lead--sentence {
  max-width: 50.5rem;
}
.feature__lead--images {
  margin-top: 7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4.8rem;
}
.feature__lead--images li {
  width: 27.8rem;
  position: relative;
}
.feature__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.feature__column + .feature__column {
  margin-top: 14rem;
}
.feature__column:nth-of-type(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.feature__column:nth-of-type(odd) .feature__column--visual {
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: auto;
}
.feature__column:nth-of-type(odd) .feature__column--text {
  max-width: 40.4rem;
}
.feature__column--visual {
  position: relative;
  width: 52.5vw;
  margin-left: calc(50% - 50vw);
}
.feature__column--text {
  max-width: 49.5rem;
}
.feature__column--inner {
  max-width: 47.4rem;
}
.feature__column--inner + .feature__column--inner {
  margin-top: 7rem;
}
.feature__column--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  line-height: 1.5625;
}
.feature__column--title.lg {
  font-size: 3.2rem;
}
.feature__column--link {
  width: 17.6rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-top: 3rem;
  margin-left: auto;
  padding-right: 4.2rem;
  padding-bottom: 1rem;
  position: relative;
  display: block;
  color: var(--color-gold);
  border-bottom: 1px solid currentColor;
}
.feature__column--link::after {
  content: "";
  width: 0.8rem;
  position: absolute;
  right: 0;
  bottom: -0.4rem;
  border-radius: 50%;
  background-color: var(--color-gold);
  aspect-ratio: 1;
}
.feature__column--movie {
  width: 33.8rem;
  margin-left: auto;
}
.feature__column--movie .feature__column--link {
  margin-top: 1rem;
  margin-left: 0;
}

.history__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.history__column + .history__column {
  margin-top: 14rem;
}
.history__column:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.history__column:nth-of-type(even) .history__column--visual {
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: auto;
}
.history__column--visual {
  position: relative;
  width: 52.5vw;
  margin-left: calc(50% - 50vw);
}
.history__column--text {
  max-width: 49.5rem;
}
.history__column--inner {
  max-width: 49.5rem;
}
.history__column--inner + .history__column--inner {
  margin-top: 7rem;
}
.history__column--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  line-height: 1.5625;
}
.history__column--title.lg {
  font-size: 3.2rem;
}
.history__column .link__01 {
  margin-top: 4rem;
  margin-left: auto;
}
.history__column.history01 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.history__column.history01 .history__column--visual {
  position: relative;
  margin-bottom: 4rem;
}
.history__info {
  margin-top: 4.6rem;
}
.history__info--item {
  width: 32.7rem;
}
.history__info--image {
  position: relative;
  margin-bottom: 1rem;
}

.feature__future .main__container {
  max-width: 153.6rem;
}

.future__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 5.5rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.future__column + .future__column {
  margin-top: 14rem;
}
.future__column--visual {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.future__column--image {
  position: relative;
}
.future__column--image::before {
  content: "";
  width: 80%;
  height: 70%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  background-color: var(--color-gold);
  opacity: 0.2;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.future__column--point {
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3rem;
}
.future__column--point li {
  width: 32.7rem;
}
.future__column--point .point-image {
  position: relative;
  margin-bottom: 1rem;
}
.future__column--text {
  width: 52.2rem;
}
.future__column--inner + .future__column--inner {
  margin-top: 7rem;
}
.future__column--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  line-height: 1.5625;
}
.future__column--title.lg {
  font-size: 3.2rem;
}
.future__column .link__01 {
  margin-top: 4rem;
  margin-left: auto;
}
.future__column.history01 {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.future__column.history01 .history__column--visual {
  position: relative;
  margin-bottom: 4rem;
}
.future__column.future01 .image01 {
  position: relative;
  width: 57%;
}
.future__column.future01 .image02 {
  position: relative;
  width: 58%;
  margin-top: -18rem;
  margin-left: auto;
}
.future__column.future02 .image01 {
  width: 60%;
  margin-left: auto;
  position: relative;
  z-index: 2;
}
.future__column.future02 .image02 {
  width: 70%;
  margin-top: -15.8rem;
}

.renace__main {
  padding: 7rem;
  background-color: #f4f4f4;
  color: #21140c;
}
.renace__main p {
  letter-spacing: 0.2em;
}
.renace__main--title01 {
  margin-bottom: 1em;
  font-size: 2.8rem;
  line-height: 1.6428571429;
}
.renace__main--title01.sm {
  font-size: 2.4rem;
}
.renace__main--lead {
  margin-bottom: 7rem;
}
.renace__main--lead .visual {
  position: relative;
  margin-top: 4rem;
}
.renace__main--block01 .visual {
  position: relative;
  max-width: 94rem;
  margin: 0 auto;
}
.renace__main--block02 {
  margin-top: 6rem;
  padding-top: 6rem;
  position: relative;
}
.renace__main--block02::before {
  content: "";
  width: 100%;
  max-width: 80rem;
  height: 1px;
  position: absolute;
  top: 0;
  left: calc(50% - 40rem);
  display: block;
  background-color: #aaa;
}
.renace__method {
  margin-top: 10rem;
  position: relative;
  z-index: auto;
}
.renace__method--block + .renace__method--block {
  margin-top: 9.2rem;
}
.renace__method--subtitle {
  position: relative;
  font-size: 2rem;
  letter-spacing: 0.1em;
  margin-bottom: 0.9em;
  padding-left: 1.5em;
}
.renace__method--subtitle::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0;
  display: inline-block;
  width: 1em;
  aspect-ratio: 1;
  background-color: currentColor;
  border-radius: 50%;
}
.renace__method--subtitle span {
  font-size: 1.6rem;
  color: #eb613b;
}
.renace__method--text {
  width: 42rem;
  margin-left: auto;
}
.renace__method--text dt {
  margin-bottom: 1em;
  position: relative;
  font-size: 2rem;
}
.renace__method--text dt::after {
  content: "";
  width: 200%;
  height: 1px;
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  background-color: #aaa;
}
.renace__method--text p {
  font-size: 1.4rem;
}
.renace__method--text ul {
  margin-top: 0.5em;
}
.renace__method--text ul li {
  margin-left: 1.5em;
  text-indent: -1.5em;
}
.renace__method--text ul li::before {
  content: "■";
  margin-right: 0.5em;
}
.renace__method--text ul li + li {
  margin-top: 0.5em;
}
.renace__method--visual {
  width: 45.4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
}
.renace__method--visual img {
  width: 100%;
}
.renace__method--grid {
  margin-top: 7rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 2.8rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
}
.renace__method--grid dt {
  margin-bottom: 0.5em;
  font-size: 2rem;
  line-height: 1.75;
}
.renace__method--grid dd {
  font-size: 1.4rem;
}
.renace__method--grid dd p {
  letter-spacing: 0.1em;
}
.renace__method--grid .visual {
  position: relative;
}
.renace__lead--visual {
  position: relative;
  margin-top: 4rem;
  -webkit-box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.15);
}
.renace__lead--movie {
  max-width: 87rem;
  margin: 6rem auto 0;
}
.renace__lead--movie .caption {
  margin-top: 0.5em;
  text-align: center;
  font-size: 2.4rem;
}
.renace__banner {
  position: relative;
  max-width: 94rem;
  margin: 0 auto;
  display: block;
  cursor: pointer;
}
.renace__banner--modal {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 60px 40px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999;
  overflow: hidden;
}
@media (max-width: 600px) {
  .renace__banner--modal {
    padding: 40px 20px;
  }
}
.renace__banner--modal.is-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.renace__banner--modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}
.renace__banner--modal_content {
  max-width: 1200px;
  width: 80%;
}
.renace__banner--modal_close {
  width: 1.5em;
  aspect-ratio: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #fff;
  margin-bottom: 10px;
  cursor: pointer;
  margin-left: auto;
}
.renace__banner--modal .video__wrap {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
}
.renace__banner--modal .video__wrap video,
.renace__banner--modal .video__wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.renace__feature--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 17rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.renace__feature--item + .renace__feature--item {
  margin-top: 4rem;
}
.renace__feature--item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.renace__feature--item:nth-of-type(even) .renace__feature--visual {
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: auto;
}
.renace__feature--visual {
  position: relative;
  margin-left: calc(50% - 50vw);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.renace__feature--text {
  width: 48rem;
}
.renace__feature--text p {
  letter-spacing: 0.2em;
}
.renace__feature--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.2em;
  font-size: 2.8rem;
}
.renace__merit--list {
  display: grid;
  gap: 8rem;
  grid-template-columns: 1fr 1fr;
  counter-reset: count;
}
.renace__merit--item {
  position: relative;
  display: grid;
  gap: 0 4rem;
  grid-template-columns: 1fr 1fr;
}
.renace__merit--item::before {
  content: counter(count, decimal-leading-zero);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  color: var(--color-gold);
  counter-increment: count;
  font-size: 8rem;
  line-height: 1;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.renace__merit--visual {
  position: relative;
}
.renace__merit--visual::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(-45deg, rgba(60, 49, 42, 0) 0%, rgba(60, 49, 42, 0.6) 75%);
}
.renace__merit--text p {
  letter-spacing: 0.2em;
}
.renace__merit--title {
  margin-bottom: 0.5em;
  color: var(--color-gold);
  letter-spacing: 0.2em;
  font-size: 2.4rem;
}
.renace__links--list {
  max-width: 114rem;
  margin: 0 auto;
  display: grid;
  gap: 6rem;
  grid-template-columns: 1fr 1fr;
}
.renace__links--item {
  position: relative;
  display: block;
}
.renace__links--item::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.57)));
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.57) 100%);
}
.renace__links--label {
  width: 100%;
  padding: 1.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 2rem;
}
.renace__links--label::after {
  content: "";
  width: 1rem;
  margin-right: 2rem;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  aspect-ratio: 1;
}

.quality__facility--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  font-size: 3.6rem;
}
.quality__facility--list {
  display: grid;
  gap: 9.4rem 3rem;
  grid-template-columns: repeat(3, 1fr);
}
.quality__facility .item-visual {
  position: relative;
  margin-bottom: 2rem;
}
.quality__facility .item-title {
  margin-bottom: 1.6rem;
  color: var(--color-gold);
  font-size: 2.2rem;
}
.quality__parking--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.quality__parking--visual {
  margin-right: calc(50% - 50vw);
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.quality__parking--icon {
  width: 16.8rem;
  position: absolute;
  bottom: -2.8rem;
  left: -7.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 50%;
  background-color: #ccbc9d;
  color: #21140c;
  text-align: center;
  font-weight: 700;
  aspect-ratio: 1;
}
.quality__parking--text {
  width: 58rem;
}
.quality__parking--text p {
  letter-spacing: 0.1em;
}
.quality__parking--text .list-note {
  margin-top: 3rem;
  font-size: 1.4rem;
}
.quality__parking--title {
  margin-bottom: 1em;
  color: #ccbc9d;
  letter-spacing: 0.1em;
  font-size: 3.2rem;
}
.quality__point--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.quality__point--column .title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.4rem;
}
.quality__point--column.column01 {
  gap: 0 10rem;
}
.quality__point--column.column01 .visual {
  position: relative;
  width: 43.2rem;
}
.quality__point--column.column02 {
  gap: 0 12rem;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.quality__point--column.column02 .visual {
  position: relative;
  width: 35rem;
}
.quality__point--function {
  max-width: 106rem;
  margin-top: 8rem;
  margin-right: auto;
  margin-left: auto;
  display: grid;
  gap: 0 11.7rem;
  grid-template-columns: auto 1fr;
}
.quality__point--function .title {
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.2rem;
}
.quality__point--function dt {
  margin-bottom: 0.5em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 1.8rem;
}
.quality__point--function dd + dt {
  margin-top: 1.5em;
}
.quality__point--comparison {
  max-width: 106rem;
  margin-top: 3rem;
  margin-right: auto;
  margin-left: auto;
  padding: 2rem 2rem;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.15);
}
.quality__point--comparison .title {
  margin-bottom: 7rem;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.8rem;
}
.quality__point--comparison .comparison--list {
  padding: 0 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 10rem;
}
.quality__point--comparison .comparison--list li {
  width: 100%;
  position: relative;
  text-align: center;
}
.quality__point--comparison .comparison--list li + li::before {
  content: "";
  width: 1px;
  height: 120%;
  position: absolute;
  top: -10%;
  left: -4rem;
  background-color: var(--color-gold);
  opacity: 0.5;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
.quality__point--comparison .comparison--list .icon {
  margin-bottom: 1.6rem;
}
.quality__point--comparison .comparison--list .text01 {
  margin-bottom: 2rem;
  color: var(--color-gold);
  font-size: 3rem;
  line-height: 1;
}
.quality__point--comparison .comparison--list .text01 span {
  letter-spacing: 0;
  font-size: 5rem;
}
.quality__point--comparison .comparison--list .text02 {
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  line-height: 1.5;
}
.quality__point--comparison .comparison--list .list01 .text01 {
  margin-bottom: 0;
  font-size: 3.6rem;
}
.quality__point--comparison .comparison--list .list01 .text01 span {
  font-size: 7.6rem;
}
.quality__point--comparison .comparison--list .list01 .text02 {
  font-size: 4.6rem;
}
.quality__point--comparison .note {
  margin-top: 2em;
  text-align: right;
  font-size: 1.4rem;
}
.quality__system--visual {
  position: relative;
  margin-bottom: 4rem;
}
.quality__system--list {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(3, 1fr);
}
.quality__system--list .visual {
  position: relative;
  margin-bottom: 2rem;
}
.quality__system--list .title {
  margin-bottom: 0.75em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.2rem;
}
/*254030追記ここから*/
.free-plan__info {
  max-width: 940px;
  position: relative;
  padding: 48px 55px 60px;
  margin: 0 auto;
  background-color: rgba(255, 255, 255, 0.15);
  text-align: center;
}
.free-plan__info::before,
.free-plan__info::after {
  content: "";
  width: 42px;
  aspect-ratio: 1;
  position: absolute;
  pointer-events: none;
}
.free-plan__info::before {
  top: 16px;
  left: 16px;
  border-top: 2px solid var(--color-gold);
  border-left: 2px solid var(--color-gold);
}
.free-plan__info::after {
  right: 16px;
  bottom: 16px;
  border-bottom: 2px solid var(--color-gold);
  border-right: 2px solid var(--color-gold);
}
.free-plan__info .title {
  font-size: 3.2rem;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  margin-bottom: 0.75em;
}
.free-plan__custom {
  display: flex;
  gap: 30px 4%;
  align-items: center;
  margin-top: 180px;
}
.free-plan__custom .text {
  max-width: 680px;
  width: 57%;
}
.free-plan__custom .text .title {
  font-size: 3.2rem;
  color: var(--color-gold);
  margin-bottom: 7rem;
}
.free-plan__custom .visual {
  max-width: 406px;
  width: 34%;
}
.free-plan__list {
  margin-top: 180px;
}
/*254030追記ここまで*/
.free-plan__list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 3rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.free-plan__list li + li {
  margin-top: 6rem;
}
.free-plan__list li:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.free-plan__list .visual {
  position: relative;
  width: 50%;
}
.free-plan__list .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.free-plan__list .title {
  margin-bottom: 0.75em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  line-height: 1.9166666667;
}
.free-plan .btn__grid {
  margin-top: 8.4rem;
}
.free-plan__renace--title {
  margin-bottom: 0.75em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  line-height: 1.6428571429;
}
.free-plan__renace--column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.free-plan__renace--point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 1rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.free-plan__renace--point dl {
  width: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 50%;
  background-color: var(--color-gold);
  color: #21140c;
  text-align: center;
  aspect-ratio: 1;
}
.free-plan__renace--point dt {
  font-size: 3rem;
}
.free-plan__renace--point dd {
  font-size: 1.8rem;
}
.free-plan__renace--point .cross {
  width: 8rem;
  position: relative;
  aspect-ratio: 1;
}
.free-plan__renace--point .cross::before,
.free-plan__renace--point .cross::after {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: var(--color-gold);
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.free-plan__renace--point .cross::after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.free-plan__renace .btn__01 {
  margin-top: 6rem;
}

@media screen and (min-width: 769px) {
  .feature__lead--visual {
    height: 69rem;
    position: absolute;
    right: calc(50% - 50vw);
    bottom: 0;
    left: 6rem;
    z-index: -1;
  }
  .feature__lead--visual img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .future__column:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }
  .future__column:nth-of-type(odd) .future__column--visual {
    margin-left: auto;
  }
  .future__column:nth-of-type(odd) .future__column--image {
    margin-right: -6rem;
    margin-left: auto;
  }
  .future__column--image {
    margin-left: -6rem;
  }
}
@media screen and (max-width: 768px) {
  .feature__lead--inner {
    padding-bottom: 0;
  }
  .feature__lead--visual {
    position: relative;
    margin-right: -2rem;
  }
  .feature__lead--text {
    padding-top: 2rem;
    padding-bottom: 0;
  }
  .feature__lead--text::before {
    content: none;
  }
  .feature__lead--images {
    margin-top: 4rem;
    gap: 2rem;
  }
  .feature__column {
    display: block;
  }
  .feature__column + .feature__column {
    margin-top: 5rem;
  }
  .feature__column--visual {
    width: auto;
    margin-bottom: 2rem;
  }
  .feature__column--title {
    margin-bottom: 0.5em;
    font-size: 2rem;
  }
  .history__column {
    display: block;
  }
  .history__column + .history__column {
    margin-top: 5rem;
  }
  .history__column--visual {
    width: auto;
    margin-bottom: 2rem;
  }
  .history__column--title {
    font-size: 2rem;
  }
  .history__column--title.lg {
    font-size: 2rem;
  }
  .history__info {
    margin-top: 4rem;
  }
  .history__info--item {
    width: 100%;
  }
  .future__column {
    display: block;
  }
  .future__column + .future__column {
    margin-top: 5rem;
  }
  .future__column--point {
    gap: 2rem;
  }
  .future__column--text {
    width: 100%;
    margin-top: 3rem;
  }
  .future__column--title {
    font-size: 2rem;
  }
  .future__column--title.lg {
    font-size: 2rem;
  }
  .future__column.future01 .image02 {
    margin-top: -5rem;
  }
  .future__column.future02 .image02 {
    margin-top: -5rem;
  }
  .renace__main {
    padding: 4rem 2rem;
  }
  .renace__main p {
    letter-spacing: 0.1em;
  }
  .renace__main--title01 {
    font-size: 2rem;
  }
  .renace__main--title01.sm {
    font-size: 1.8rem;
  }
  .renace__main--block02 {
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 1px solid #aaa;
  }
  .renace__main--block02::before {
    content: none;
  }
  .renace__method {
    margin-top: 5rem;
  }
  .renace__method--subtitle {
    font-size: 1.6rem;
  }
  .renace__method--subtitle span {
    font-size: 1.4rem;
  }
  .renace__method--block + .renace__method--block {
    margin-top: 4rem;
  }
  .renace__method--text {
    width: 100%;
  }
  .renace__method--text dt {
    font-size: 1.8rem;
  }
  .renace__method--text dt::after {
    width: 100%;
  }
  .renace__method--visual {
    width: 100%;
    margin-bottom: 3rem;
    position: relative;
  }
  .renace__method--grid {
    display: block;
  }
  .renace__method--grid .visual {
    margin-bottom: 2rem;
  }
  .renace__method--grid dt {
    font-size: 1.8rem;
  }
  .renace__links--list {
    gap: 2.4rem;
    grid-template-columns: 1fr;
  }
  .renace__feature--item {
    display: block;
  }
  .renace__feature--visual {
    margin-bottom: 2rem;
  }
  .renace__feature--text {
    width: 100%;
  }
  .renace__feature--title {
    font-size: 2rem;
  }
  .renace__merit--list {
    gap: 4rem;
    grid-template-columns: 1fr;
  }
  .renace__merit--item {
    gap: 2rem;
    grid-template-columns: 40% 1fr;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  .renace__merit--item::before {
    font-size: 4rem;
  }
  .renace__merit--text {
    margin-top: -0.5em;
  }
  .renace__merit--text p {
    letter-spacing: 0.1em;
  }
  .renace__merit--title {
    letter-spacing: 0.1em;
    font-size: 1.8rem;
  }
  .quality__facility--title {
    font-size: 2.4rem;
  }
  .quality__facility--list {
    gap: 5rem 0;
    grid-template-columns: 1fr;
  }
  .quality__facility .item-title {
    font-size: 2rem;
  }
  .quality__parking--column {
    display: block;
  }
  .quality__parking--visual {
    margin-right: 0;
    margin-bottom: 4rem;
  }
  .quality__parking--icon {
    width: 10rem;
    bottom: -2rem;
    left: -2rem;
    font-size: 1rem;
  }
  .quality__parking--icon svg {
    width: 4.8rem;
    height: auto;
  }
  .quality__parking--text {
    width: 100%;
  }
  .quality__parking--text .list-note {
    margin-top: 2rem;
    font-size: 1.2rem;
  }
  .quality__parking--title {
    font-size: 2rem;
  }

  .quality__point--column {
    display: block;
  }
  .quality__point--column + .quality__point--column {
    margin-top: 5rem;
  }
  .quality__point--column .visual {
    margin-bottom: 2rem;
  }
  .quality__point--column .title {
    font-size: 2rem;
  }
  .quality__point--column.column01 .visual {
    width: 100%;
  }
  .quality__point--column.column02 .visual {
    width: 100%;
  }
  .quality__point--function {
    display: block;
  }
  .quality__point--function .title {
    margin-bottom: 1em;
    font-size: 2rem;
  }
  .quality__point--function dt {
    font-size: 1.6rem;
  }
  .quality__point--comparison .title {
    font-size: 2rem;
  }
  .quality__point--comparison .comparison--list {
    display: block;
  }
  .quality__point--comparison .comparison--list li + li {
    margin-top: 5rem;
  }
  .quality__point--comparison .comparison--list li + li::before {
    content: none;
  }
  .quality__point--comparison .comparison--list .icon {
    width: 6rem;
    height: auto;
    margin-bottom: 1rem;
  }
  .quality__point--comparison .comparison--list .text01 {
    font-size: 2rem;
  }
  .quality__point--comparison .comparison--list .text01 span {
    font-size: 4rem;
  }
  .quality__point--comparison .comparison--list .text02 {
    font-size: 1.8rem;
  }
  .quality__point--comparison .comparison--list .list01 .text01 {
    font-size: 2.4rem;
  }
  .quality__point--comparison .comparison--list .list01 .text01 span {
    font-size: 6rem;
  }
  .quality__point--comparison .comparison--list .list01 .text02 {
    margin-top: 0.5rem;
    font-size: 2.8rem;
  }
  .quality__system--list {
    gap: 5rem;
    grid-template-columns: 1fr;
  }
  .quality__system--list .title {
    font-size: 2rem;
  }

  /*254030追記ここから*/
  .free-plan__info {
    padding: 35px 30px 50px;
    margin: 0 auto;
    background-color: rgba(255, 255, 255, 0.15);
    text-align: center;
  }
  .free-plan__info::before,
  .free-plan__info::after {
    width: 36px;
  }
  .free-plan__info::before {
    top: 12px;
    left: 12px;
  }
  .free-plan__info::after {
    right: 12px;
    bottom: 12px;
  }
  .free-plan__info .title {
    font-size: 2rem;
  }
  .free-plan__custom {
    width: 100%;
    flex-direction: column;
    gap: 30px 4%;
    margin-top: 60px;
  }
  .free-plan__custom .text {
    width: 100%;
  }
  .free-plan__custom .text .title {
    font-size: 2rem;
    margin-bottom: 4rem;
  }
  .free-plan__custom .visual {
    width: 100%;
  }
  .free-plan__list {
    margin-top: 100px;
  }
  /*254030追記ここまで*/

  .free-plan__list li {
    display: block;
  }
  .free-plan__list li + li {
    margin-top: 5rem;
  }
  .free-plan__list .visual {
    width: 100%;
    margin-bottom: 2rem;
  }
  .free-plan__list .title {
    font-size: 1.8rem;
  }
  .free-plan .btn__grid {
    margin-top: 5rem;
  }
  .free-plan__renace--title {
    margin-bottom: 3rem;
    font-size: 1.8rem;
  }
  .free-plan__renace--column {
    grid-template-columns: 1fr;
  }
  .free-plan__renace--point {
    margin-bottom: 2rem;
  }
  .free-plan__renace--point dl {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .free-plan__renace--point dt {
    font-size: 2rem;
  }
  .free-plan__renace--point dd {
    font-size: 1.4rem;
  }
  .free-plan__renace--point .cross {
    width: 4rem;
  }
  .free-plan__renace .btn__01 {
    margin-top: 4rem;
  }
}
.value__plan--pageNavi {
  margin-bottom: 18rem;
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
}
.value__plan--pageNavi .link-item {
  display: block;
}
.value__plan--pageNavi .link-image {
  position: relative;
}
.value__plan--pageNavi .link-label {
  padding: 1.4rem;
  position: relative;
  display: block;
  background-color: rgba(204, 188, 157, 0.5);
  text-align: center;
}
.value__plan--pageNavi .link-label .label {
  margin-bottom: 0.5em;
  display: inline-block;
  letter-spacing: 0.1em;
  font-size: 1.4rem;
}
.value__plan--pageNavi .link-label .title {
  letter-spacing: 0.1em;
  font-size: 2rem;
}
.value__plan--pageNavi .link-label::after {
  content: "";
  width: 0.8rem;
  margin: 1em auto 0;
  display: block;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  aspect-ratio: 1;
}
.value__plan--foot {
  margin-top: 8rem;
}
.value__plan--foot p {
  text-align: center;
  letter-spacing: 0.2em;
  line-height: 2.25;
}
.value__plan--foot p span {
  display: inline-block;
}
.value__case {
  padding: 10rem 7rem 5rem;
  position: relative;
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.15);
  box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.15);
}
.floorplan .value__case {
  max-width: 55%;
  padding: 6rem 5rem 5rem;
}
.value__case + .value__case {
  margin-top: 15rem;
}
.value__case--container + .value__case--container {
  margin-top: 15rem;
}
.value__case--inner + .value__case--inner {
  margin-top: 5rem;
}
.value__case--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}
.value__case--box.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.value__case--box + .value__case--box {
  margin-top: 8rem;
}
.value__case--label {
  position: absolute;
  top: -0.85em;
  left: 5rem;
  color: var(--color-gold);
  font-size: 7.6rem;
  line-height: 1;
}
.value__case--label span {
  font-size: 10rem;
  line-height: 1;
}
.value__case--text {
  width: 50rem;
}
.floorplan .value__case--text {
    width: 35%;
}
.value__case--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  font-size: 2.4rem;
  line-height: 2;
}
.floorplan .value__case--title {
  width: 100%;
}
.value__case--image {
  margin-bottom: 2.4rem;
}
.value__case--sentence p {
  letter-spacing: 0.2em;
}
.floorplan .value__case--sentence p {
  letter-spacing: 0;
  line-height: 1.5;
}
.value__case--sentence p + p {
  margin-top: 4rem;
}
.floorplan .value__case--sentence p + p {
  margin-top: 3rem;
}
.value__case--layout {
  width: 46.2rem;
  position: relative;
}
.floorplan .value__case--layout {
    width: 60%;
}
.value__case--layout .layout-label {
  padding: 0.6rem 1.4rem;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #21140c;
}
.value__price--box + .value__price--box {
  margin-top: 6.4rem;
}
.value__price--image + * {
  margin-top: 3rem;
}
.value__price--title {
  margin-bottom: 0.75em;
  font-size: 2.4rem;
}
/* 26.3.17 */
.value__case--container{
  display: flex;
  justify-content: center;
}
.value__floorplan{
  padding: 75px;
  background-color: #FFFFFF;
}
.value__mobile-tab-container{
  display: none;
}
@media screen and (max-width: 768px) {
  .value__plan--pageNavi {
    grid-template-columns: 1fr;
    margin-bottom: 5rem;
  }
  .value__plan--pageNavi .link-item {
    display: grid;
    grid-template-columns: 30% 1fr;
  }
  .value__plan--pageNavi .link-label .label {
    font-size: 1.2rem;
  }
  .value__plan--pageNavi .link-label .title {
    font-size: 1.4rem;
  }
  .value__plan--pageNavi .link-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  .value__plan--foot {
    margin-top: 4rem;
  }
  .value__case {
    padding: 5rem 2rem 3rem;
  }
  .floorplan .value__case {
    max-width: 100%;
    padding: 5rem 2rem 3rem;
  }
  .value__case + .value__case {
    margin-top: 8rem;
  }
  .value__case--box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .floorplan .value__case--box{
    -webkit-box-orient: unset;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    flex-direction: column;
  }
  .value__case--box.is-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .value__case--box + .value__case--box {
    margin-top: 4rem;
  }
  .value__case--label {
    left: 2rem;
    font-size: 3.6rem;
  }
  .value__case--label span {
    font-size: 5rem;
  }
  .value__case--text {
    width: 100%;
  }
  .floorplan .value__case--title {
    order: 2;
}
  .floorplan .value__case--text {
    width: 100%;
    order: 3;
  }
  .value__case--title {
    margin-bottom: 0.5em;
    font-size: 2rem;
    line-height: 1.8;
  }
  .value__case--layout {
    width: 100%;
    margin-bottom: 2rem;
  }
  .floorplan .value__case--layout{
    width: 100%;
    order: 1;
  }
  .value__price--image + * {
    margin-top: 2rem;
  }
  .value__price--title {
    font-size: 1.8rem;
  }
  .value__case--container {
    display: block;
  }
  .value__floorplan{
    display: none;
  }
  /* 間取りタブ切り替え */
  /* 基本スタイル */
  .value__mobile-tab-container {
    display: block;
    max-width: 500px; /* スマホ想定の幅 */
    margin: 0 auto 50px;
    background-color: #333; /* 背景の暗いグレー */
    font-family: "Times New Roman", "YuMincho", "serif";
  }
  /* タブメニュー */
  .value__tab-menu {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    background-color: #fff;
    border-bottom: 2px solid #ccc;
  }
  .value__tab-item {
    flex: 1;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    color: #888;
    border-right: 1px solid #eee;
    transition: 0.3s;
  }
  .value__tab-item:last-child {
    border-right: none;
  }
  /* ラベルと数字のスタイル */
  .value__story-label {
    display: block;
    font-size: 20px;
    letter-spacing: 2px;
  }
  .value__story-number {
    display: block;
    font-size: 24px;
    font-weight: bold;
  }
  /* アクティブ（選択中）のタブ */
  .value__tab-item.active {
    background-color: #797166; /* 画像に近いグレーベージュ */
    color: #fff;
  }
  /* コンテンツエリア */
  .value__tab-content {
    background-color: #fff;
    padding: 20px;
    min-height: 400px;
  }
  .value__content-item {
    display: none; /* 基本は非表示 */
  }
  .value__content-item.active {
    display: block; /* 選択中のみ表示 */
  }
  .value__content-item img {
    width: 100%;
    height: auto;
    display: block;
  }
}

.roomplan__main--column {
  padding-bottom: 4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.roomplan__main--info {
  width: 50%;
}
.roomplan__main--title {
  max-width: 56rem;
  margin-bottom: 3.5rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 2rem;
  line-height: 1.4;
}
.roomplan__main--title .label {
  margin-top: 2rem;
  display: inline-block;
}
.roomplan__main--title .label span {
  font-size: 1.2rem;
}
.roomplan__main--sentence {
  margin-bottom: 4.8rem;
  font-size: 1.8rem;
}
.roomplan__main--sentence p {
  line-height: 1.7777777778;
}
.roomplan__main--area {
  display: grid;
  gap: 3rem 3rem;
  grid-template-columns: auto 1fr;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.roomplan__main--area > dt,
.roomplan__main--area dd {
  line-height: 1;
}
.roomplan__main--area > dd {
  color: var(--color-gold);
  font-size: 3.2rem;
}
.roomplan__main--area > dd > span {
  font-size: 1.6rem;
}
.roomplan__main--area > dd > span.approx {
  font-size: 2.2rem;
}
.roomplan__main--area .text01 {
  line-height: 1.2;
}
.roomplan__main--area .text01 span {
  font-size: 5rem;
}
.roomplan__main--area .text02 {
  margin-top: 0.75em;
  font-size: 1.4rem;
  line-height: 1.6;
}
.roomplan__main--area .text02 b {
  font-size: 2rem;
}
.roomplan__main--area .text03 {
  line-height: 1.2;
}
.roomplan__main--area .text03-1 {
  font-size: 1.6rem;
}
.roomplan__main--area .text03-2 {
  font-size: 3.2rem;
}
.roomplan__main--area .text03-2 span {
  font-size: 2.4rem;
}
.roomplan__main--area .text04 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 1em;
  display: grid;
  gap: 0.5em 1em;
  grid-template-columns: auto 1fr;
  font-size: 1.6rem;
}
.roomplan__main--area .text04 dt,
.roomplan__main--area .text04 dd {
  letter-spacing: 0.2em;
}
.roomplan__main--area .text04 dt {
  color: #fff;
}
.roomplan__main--area .text04 dd {
  text-align: left;
}
.roomplan__main--area_sub {
  margin-top: 1rem;
}
.roomplan__main--area_sub .inner {
  padding: 2rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.roomplan__main--area_sub dd {
  color: var(--color-gold);
}
.roomplan__main--feature {
  margin-top: 3rem;
}
.roomplan__main--feature dt {
  margin-bottom: 0.75em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.5em;
  color: var(--color-gold);
  font-size: 2.4rem;
}
.roomplan__main--feature dt::before,
.roomplan__main--feature dt::after {
  content: "-";
}
.roomplan__main--feature dd > * {
  letter-spacing: 0.1em;
}
.roomplan__main--feature dd > *:not(:last-child) {
  margin-bottom: 1.5em;
}
.roomplan__main--feature li + li {
  margin-top: 0.75em;
}
.roomplan__main--layout {
  width: 55.8rem;
  position: relative;
}
.roomplan__main--layout .layout-label {
  padding: 0.6rem 1.8rem;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #21140c;
  font-size: 2rem;
}
.roomplan__main--layout p.text-end {
  margin-left: 40%;
}
.roomplan__ultimate {
  padding-top: 6rem;
  position: relative;
}
.roomplan__ultimate--title {
  margin-bottom: 1.4em;
  font-size: 2.8rem;
}
.roomplan__ultimate--fukidashi {
  padding: 3rem 2rem;
  position: absolute;
  top: 41.2rem;
  left: 0;
  z-index: 9;
  background-color: #e6dcc7;
  color: #21140c;
}
.roomplan__ultimate--fukidashi::after {
  content: "";
  width: 31rem;
  height: 16.2rem;
  position: absolute;
  top: 3rem;
  left: 100%;
  background-color: #e6dcc7;
  -webkit-clip-path: polygon(100% 0, 0 20%, 0 100%);
  clip-path: polygon(100% 0, 0 20%, 0 100%);
}
.roomplan__ultimate--fukidashi .title {
  margin-bottom: 0.5em;
  font-size: 2.4rem;
}
.roomplan__ultimate--fukidashi p {
  letter-spacing: 0.2em;
}
.roomplan__ultimate--fukidashi .list-note {
  margin-top: 1.5em;
  font-size: 1.2rem;
}
.roomplan__other--title {
  margin-bottom: 2em;
  letter-spacing: 0.1em;
  font-size: 2.4rem;
}
.roomplan__other--list {
  max-width: 106rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5.6rem 5%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.roomplan__other--item {
  width: 30%;
}
.roomplan__other--layout {
  width: 100%;
  margin-bottom: 1.5rem;
  position: relative;
  z-index: 2;
  background-color: #fff;
  aspect-ratio: 1/1.478;
}
.roomplan__other--layout .layout-label {
  padding: 0.6rem 1.8rem;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #7b6b61;
  font-size: 1.2rem;
}
.roomplan__other--layout.is-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.roomplan__other--layout.is-coming .image::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(123, 107, 97, 0.33);
}
.roomplan__other--layout dl {
  color: #453d2f;
  text-align: center;
}
.roomplan__other--layout dt {
  letter-spacing: 0.1em;
  font-size: 4rem;
  line-height: 1.4;
}
.roomplan__other--layout dd {
  margin-top: 1em;
  letter-spacing: 0.1em;
  font-size: 2rem;
}

.roomplan__other--layout.lim_opa_none dd {
  margin-top: 5.5em;
}
.roomplan__other--layout.lim_opa_none dd span.border-text{
  background: rgba(255, 255, 255, 0.7);
}
.roomplan__other--layout dd .border-text {
  padding: 5px 15px;
  border: 1px solid currentColor;
}
.roomplan__other--layout .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  overflow: hidden;
}
.roomplan__other--layout.is-reservation dt::before {
  content: "";
  display: block;
  max-width: 23.7rem;
  width: 60%;
  aspect-ratio: 237 / 32;
  height: auto;
  margin: 0 auto 1.5rem;
  background: url(../../images/home/home_model_deco.svg) no-repeat center / contain;
}
.roomplan__other--layout .image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  transform: scale(1);
  transition: all 0.3s ease;
}
.roomplan__other--layout.lim_opa_none .image img  {
  opacity: 1.0;
}

.roomplan__other--layout.is-reservation .image {
  background-color: #efe6d0;
}
.roomplan__other--layout.is-reservation .image img {
  opacity: 1;
}

@media (hover: hover) {
  a:hover .roomplan__other--layout .image img {
    opacity: 0.2;
    transform: scale(1.1);
  }
  a:hover .roomplan__other--layout.is-reservation .image img {
    opacity: 0.6;
  }
}

.roomplan__other--text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.roomplan__other--name > span {
  display: block;
  line-height: 1;
}
.roomplan__other--name .label {
  margin-bottom: 0.5em;
  font-size: 1.3rem;
}
.roomplan__other--name .name {
  font-size: 2.8rem;
}
.roomplan__other--name .type {
  color: var(--color-gold);
}
.roomplan__other--name .sm {
  font-size: 2rem;
}
.roomplan__other--size {
  text-align: right;
  font-size: 1.4rem;
  line-height: 1.2;
}
.roomplan__other--size b {
  font-size: 2rem;
  display: block;
}
.roomplan__other--area {
  margin-top: 1rem;
}
.roomplan__other--area .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.roomplan__other--area .inner + .inner {
  margin-top: 0.5rem;
}
.roomplan__other--area dt {
  font-size: 1.4rem;
}
.roomplan__other--area dd {
  color: var(--color-gold);
  font-size: 2rem;
}
.roomplan__other--area dd span {
  font-size: 1.6rem;
}
.roomplan__furniture--item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.roomplan__furniture--item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.roomplan__furniture--item + .roomplan__furniture--item {
  margin-top: 10rem;
}
.roomplan__furniture--visual {
  width: 49rem;
}
.roomplan__furniture--text {
  max-width: 57rem;
}
.roomplan__furniture--title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.4rem;
}
.roomplan__furniture p {
  letter-spacing: 0.1em;
}


.roomplan__underfloor-storage_inner{
  background-color: rgba(255, 255, 255, 0.15);
  padding: 4rem 3rem;
}
.roomplan__underfloor-storage .free-plan__list {
  margin-top:0;
}
.roomplan__underfloor-storage .free-plan__list li{
 gap: 0 6rem;
}
.roomplan__underfloor-storage .free-plan__list li .btn__01{
  margin-left: 0!important;
}
.roomplan__underfloor-storage .free-plan__list li .btn__01{
  margin-top: 5rem!important;
}
.roomplan_cap small{
  display: inline-block;
  padding-top: 0.8em;
}


@media screen and (max-width: 768px) {
  .roomplan__main--column {
    padding-bottom: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
  .roomplan__main--info {
    width: 100%;
  }
  .roomplan__main--title {
    margin-bottom: 2rem;
  }
  .roomplan__main--title .label span {
    display: inline-block;
  }
  .roomplan__main--area {
    display: block;
  }
  .roomplan__main--area > dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1em;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .roomplan__main--area > dd + dt {
    margin-top: 2em;
    margin-bottom: 0.5em;
  }
  .roomplan__main--area .text01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.5rem;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
  }
  .roomplan__main--area .text02 {
    margin-top: 0;
  }
  .roomplan__main--area .text04 {
    grid-template-columns: 1fr;
  }
  .roomplan__main--area .text04 dd + dt {
    margin-top: 0.5em;
  }
  .roomplan__main--feature dt {
    font-size: 1.8rem;
  }
  .roomplan__main--layout {
    width: 100%;
    margin-bottom: 4rem;
  }
  .roomplan__main--layout .layout-label {
    font-size: 1.6rem;
  }

  .roomplan__main--layout p {
    position: relative;
    z-index: 10;
  }
  .roomplan__ultimate {
    padding-top: 0;
  }
  .roomplan__ultimate--title {
    margin-bottom: 1em;
    font-size: 2rem;
    line-height: 1.8;
  }
  .roomplan__ultimate--fukidashi {
    margin-bottom: 3rem;
    padding: 2rem;
    position: relative;
    top: 0;
  }
  .roomplan__ultimate--fukidashi::after {
    width: 10rem;
    height: 20rem;
    top: auto;
    bottom: calc(100% - 1px);
    left: 22%;
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 40% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 40% 100%);
  }
  .roomplan__ultimate--fukidashi .title {
    margin-bottom: 0.75em;
    font-size: 1.8rem;
  }
  .roomplan__ultimate--fukidashi p {
    letter-spacing: 0.05em;
  }
  .roomplan__ultimate--fukidashi .list-note {
    margin-top: 1em;
  }
  .roomplan__other--title {
    font-size: 1.8rem;
  }
  .roomplan__other--list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .roomplan__other--item {
    width: 100%;
  }


  .main__container + .main__container.roomplan__underfloor-storage{
    margin-top: 4rem;
  }
  .roomplan__underfloor-storage_inner{
    padding: 4rem 2rem;
  }
  .roomplan__underfloor-storage .free-plan__list {
    margin-top:0;
  }
  .roomplan__underfloor-storage .free-plan__list li{
   gap: 0 6rem;
  }
  .roomplan__underfloor-storage .free-plan__list li .btn__01{
    margin-top: 4rem!important;
  }

  .roomplan_cap small{
    padding-top: 0.8em;
    line-height: 1.7;
  }

}
.negotiation__content {
  padding: 8rem 7rem;
  background-color: rgba(235, 229, 217, 0.06);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
  box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
}
.negotiation__step {
  margin-bottom: 10rem;
}
.negotiation__step--list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 6rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.negotiation__step--list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.negotiation__step--list li:not(:last-child) .number::after {
  content: "";
  width: 6rem;
  height: 1px;
  position: absolute;
  top: calc(50% - 0.5px);
  left: 100%;
  background-color: #b49975;
}
.negotiation__step--list .number {
  width: 6rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  background-color: #fff;
  color: #453d2f;
  aspect-ratio: 1;
}
.negotiation__step--list .is-active {
  color: #b49975;
}
.negotiation__step--list .is-active .number {
  background-color: #b49975;
  color: #fff;
}
.negotiation__form + .negotiation__form {
  margin-top: 8rem;
  padding-top: 8rem;
  border-top: 1px solid #818181;
}

@media screen and (max-width: 768px) {
  .negotiation__content {
    padding: 4rem 2rem;
  }
}
.login__block {
  margin-top: 30px;
}
.login__block .err-massage {
  margin-bottom: 20px;
  color: #c50000;
}
.login__block .login__field {
  max-width: 780px;
  width: 92%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 30px auto 0;
}
.login__block .login__field-textfield {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}
.login__block .login__field-textfield input {
  width: 100%;
  height: 60px;
  padding: 0.75em 2rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.08);
  color: #453d2f;
  font-size: max(1.6rem, 16px);
  line-height: 1.5;
  border: 1px solid #453d2f;
}
.login__block .login__field-btn input {
  cursor: pointer;
  width: 200px;
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  background-color: #453d2f;
}

.login__flow {
  margin-top: 80px;
  text-align: center;
}
.login__flow--list {
  max-width: 780px;
  margin: 4.8rem auto 0;
}
.login__flow--list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 15px;
}
.login__flow--list li span {
  color: #fff;
  font-weight: bold;
  text-align: center;
  padding: 10px 20px;
  background-color: #453d2f;
}
.login__flow--list li p {
  text-align: left;
  padding-top: 6px;
}
.login__flow--list li + li {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .login__block .login__field {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 15px;
  }
  .login__block .login__field-btn input {
    width: 100%;
  }
  .login__flow {
    margin-top: 40px;
  }
  .login__flow--list {
    margin: 2.8rem auto 0;
  }
  .login__flow--list li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
  }
  .login__flow--list li span {
    display: block;
    width: 100%;
    text-align: center;
  }
  .login__flow--list li p {
    text-align: left;
    padding-top: 6px;
  }
  .login__flow--list li + li {
    margin-top: 20px;
  }
}
@media screen and (max-width: 768px) {
  .lgm__information .btn__01.mt-8 {
    margin-top: 2rem !important;
  }
}
.lgm__map {
  max-width: 1016px;
  padding: 5rem;
  text-align: center;
  margin: 0 auto;
}
.lgm__map--info {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.lgm__map--title {
  color: var(--color-gold);
  letter-spacing: 0.06em;
  font-weight: 500;
  font-size: 4.6rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.lgm__map p {
  font-size: 14px;
  text-align: left;
  margin-top: 15px;
  /* margin-left: 45px; */
}
@media screen and (max-width: 768px) {
  .lgm__map {
    padding: 4rem 2rem;
  }
  .lgm__map--title {
    font-size: 2.4rem;
  }
} /*# sourceMappingURL=style.css.map */

/*モデルルーム 250609追加*/
.modelroom__main .main__container.m94 {
  max-width: 94rem;
}
.modelroom__main--title {
  position: relative;
  z-index: 2;
  font-family: "Cormorant Garamond", serif;
  letter-spacing: 0.2em;
  font-size: 7.6rem;
  letter-spacing: 0.06em;
  line-height: 1.3;
  color: var(--color-gold);
  margin-bottom: -0.5em;
}
@media screen and (max-width: 768px) {
  .modelroom__main--title {
    font-size: 3.2rem;
  }
}
.modelroom__main--title span {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-size: 3.2rem;
  font-size: 0.42em;
}
.modelroom__main--slide .swiperMain .swiper-slide {
  aspect-ratio: 940 / 551;
  height: auto;
}
.modelroom__main--slide .swiperMain .swiper-slide-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.modelroom__main--slide .swiperMain .swiper-slide-image figure {
  position: relative;
  width: fit-content;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modelroom__main--slide .swiperMain .swiper-slide-image figure {
    width: 100%;
  }
}
.modelroom__main--slide .swiperMain .swiper-slide-image figure figcaption {
  position: absolute;
  bottom: 15px;
  right: 10px;
  text-shadow: 1px 1px 2px #000;
}
@media screen and (max-width: 768px) {
  .modelroom__main--slide .swiperMain .swiper-slide-image figure figcaption {
    font-size: 1.2rem;
    text-align: center;
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
  }
}
.modelroom__main--slide .swiper-slide-image img {
  object-fit: contain;
  width: 100%;
  height: 100%;
}
/* .modelroom__main--slider .swiper .swiper-slide {
	height: auto;

} */
.modelroom__main--slide .swiper .swiper-slide-item {
  height: 100%;
}
@media screen and (max-width: 768px) {
  .modelroom__main--slide .swiper .swiper-buttons {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 10px;
  }
}
.modelroom__main--slide .swiper .swiper-button {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
  background: rgba(204, 188, 157, 0.8);
}
@media screen and (max-width: 768px) {
  .modelroom__main--slide .swiper .swiper-button {
    position: relative;
    width: 30px;
    height: 30px;
    top: unset;
    left: unset;
    right: unset;
    margin: 0;
  }
}
.modelroom__main--slide .swiper .swiper-button-next {
  right: 0;
}
.modelroom__main--slide .swiper .swiper-button-prev {
  left: 0;
}
.modelroom__main--slide .swiper .swiper-button-prev::after,
.modelroom__main--slide .swiper .swiper-button-next::after {
  font-size: 2.5rem;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .modelroom__main--slide .swiper .swiper-button-prev::after,
  .modelroom__main--slide .swiper .swiper-button-next::after {
    font-size: 2rem;
  }
}
.swiperThumbnail {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .swiperThumbnail {
    margin-top: 10px;
  }
}
.swiperThumbnail .swiper-slide {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 140 / 82;
  /* height: auto;
  overflow: hidden; */
}
.swiperThumbnail .swiper-slide .swiper-slide-image {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  /* aspect-ratio: 140 / 82; */
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.swiperThumbnail .swiper-slide .swiper-slide-image::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.3s ease;
  overflow: hidden;
}
.swiperThumbnail .swiper-slide-thumb-active .swiper-slide-image::before {
  background-color: rgba(0, 0, 0, 0);
}
.swiperThumbnail .swiper-slide figure {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0 auto;
}
.swiperThumbnail .swiper-slide figure img {
  object-fit: contain;
  max-width: 120px;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: all 0.3s ease;
}
.swiperThumbnail .swiper-slide figcaption {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  text-align: center;
  opacity: 1;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .swiperThumbnail .swiper-slide figcaption {
    font-size: 1rem;
  }
}
.swiperThumbnail .swiper-slide-thumb-active figure img {
  opacity: 1;
}
.swiperThumbnail .swiper-slide-thumb-active figcaption {
  opacity: 0;
}
.modelroom__foot .heading__02 {
  letter-spacing: 0.1em;
}

/*-----------------------------
ランドプランページ Land Plan
-----------------------------*/
.lower__nav {
  max-width: 132rem;
  width: 92%;
  margin: 100px auto;
}
@media screen and (max-width: 768px) {
  .lower__nav {
    margin: 50px auto;
  }
}
.lower__nav ul {
  /* display: flex;
  flex-wrap: wrap;
  justify-content: center; */
  display: grid;
  gap: 30px 6%;
  grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
}
.lower__nav ul li {
  /* flex: 1; */
  min-width: fit-content;
  /* max-width: 330px; */
  color: var(--color-gold);
}
.lower__nav ul li a {
  position: relative;
  display: block;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  line-height: 1.1;
  color: var(--color-gold);
  text-decoration: none;
  padding: 0.2em 20px 0.2em 0;
  padding-bottom: 0.3em;
  border-bottom: 1px solid currentColor;
}
@media screen and (max-width: 768px) {
  .lower__nav ul {
    grid-template-columns: 1fr;
  }
  .lower__nav ul li {
    width: 100%;
  }
  .lower__nav ul li a {
    font-size: 2rem;
  }
}
.lower__nav ul li a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
  background-color: var(--color-gold);
}
@media (hover: hover) {
  .lower__nav ul li a:hover::before {
    transform: scale(1, 1);
  }
}
.lower__nav ul li a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 4px;
  width: 10px;
  height: 10px;
  border-right: 2px solid var(--color-gold);
  border-bottom: 2px solid var(--color-gold);
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease-in-out;
}
.lower__nav ul li a span {
  display: inline-block;
}
.lower__nav ul li a .text-serif {
  font-size: 1.4rem;
  margin-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .lower__nav ul li a .text-serif {
    font-size: 1.2rem;
  }
}
.landplan__nav {
  max-width: 76rem;
}
.landplan__design .main__container {
  max-width: 94rem;
}

@media screen and (min-width: 769px) {
  .landplan__design__approach .heading__01.text-center,
  .landplan__design__hall .heading__01.text-center,
  .landplan__design__space .heading__01.text-center {
    margin-bottom: -1em;
  }
}

.landplan__main--title {
  font-size: 3.2rem;
  color: var(--color-gold);
  margin-bottom: 4.2rem;
}
@media screen and (max-width: 768px) {
  .landplan__main--title {
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
}
.landplan__design--visual {
  margin: 6rem auto 3rem;
}
.landplan__design__facade .heading__lead {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  margin-bottom: 3.2rem;
}
@media screen and (max-width: 768px) {
  .landplan__design__facade .heading__lead {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 768px) {
  .landplan__design__facade p.text-center {
    text-align: left;
  }
}
.landplan__section--banner {
  position: relative;
  z-index: -1;
  margin-bottom: -9rem;
}
@media screen and (max-width: 768px) {
  .landplan__section--banner {
    margin-bottom: 3rem;
  }
}

.landplan__design__approach .main__container,
.landplan__design__hall .main__container,
.landplan__design__space .main__container {
  max-width: 120rem;
}
.landplan__design__approach {
  margin: 14rem auto 8rem;
}
@media screen and (max-width: 768px) {
  .landplan__design__approach {
    margin: 8rem auto 4rem;
  }
}
.landplan__design__hall {
  margin: 8rem auto;
}
@media screen and (max-width: 768px) {
  .landplan__design__hall {
    margin: 4rem auto;
  }
}
.landplan__design__space {
  margin: 8rem auto;
}
@media screen and (max-width: 768px) {
  .landplan__design__space {
    margin: 4rem auto;
  }
}
.landplan__design__column {
  display: flex;
  align-items: center;
  gap: 30px 6%;
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .landplan__design__column {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 4rem;
  }
}
.landplan__design__column .title {
  font-size: 2.8rem;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  line-height: 1.75;
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 768px) {
  .landplan__design__column .title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.landplan__design__column .image {
  flex: 1;
  max-width: 580px;
}
.landplan__design__column--tiles {
  flex: 1;
  display: flex;
  justify-content: space-evenly;
  gap: 20px 4%;
}
.landplan__design__column--tiles figure {
  flex: 1;
}
.landplan__design__column--tiles figcaption {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 0.5em;
}
@media screen and (max-width: 768px) {
  .landplan__design__column--tiles figcaption {
    font-size: 1.2rem;
  }
}
.landplan__design__column .image figure {
  position: relative;
}
.landplan__design__column .text {
  flex: 1;
}
.landplan__design__parking {
  max-width: 120rem;
  width: 92%;
  padding: 7rem 0;
  margin: 8rem auto;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 5px 10px rgba(153, 152, 137, 0.15);
}
@media screen and (max-width: 768px) {
  .landplan__design__parking {
    padding: 4rem 0;
    margin: 5rem auto;
  }
}
.landplan__design__parking .main__container {
  max-width: 106rem;
  display: flex;
  gap: 30px 5%;
}
@media screen and (max-width: 768px) {
  .landplan__design__parking .main__container {
    flex-direction: column;
  }
}
.landplan__design__parking .text {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .landplan__design__parking .text {
    width: 100%;
  }
}
.landplan__design__parking .title {
  font-size: 2.8rem;
  color: var(--color-gold);
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 768px) {
  .landplan__design__parking .title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.landplan__design__parking .image {
  width: 45%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .landplan__design__parking .image {
    width: 100%;
  }
}
.landplan__design__parking .badge {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 130px;
  width: 33%;
  aspect-ratio: 1;
  transform: translate(30%, 30%);
}
@media screen and (max-width: 768px) {
  .landplan__design__parking .badge {
    max-width: 100px;
    transform: translate(15px, 15px);
  }
}
/* .landplan__plan {
} */
.landplan__plan .heading__lead {
  font-family: 2.8rem;
  letter-spacing: 0.1em;
  color: var(--color-gold);
}
@media screen and (max-width: 768px) {
  .landplan__plan .heading__lead {
    font-family: 2rem;
  }
}
@media screen and (max-width: 768px) {
  .landplan__plan p.text-center {
    text-align: left;
  }
}
.landplan__plan_floor_image {
  max-width: 94rem;
  margin: 45px auto;
  padding: 45px 45px 20px;
  background-color: rgba(255, 255, 255, 0.15);
}
.landplan__plan_floor_image.small {
  max-width: 65rem;
}
.landplan__plan_floor_image figcaption {
  font-size: 1.4rem;
  letter-spacing: 0.2em;
  text-align: center;
  margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
  .landplan__plan_floor_image figcaption {
    font-size: 1.2rem;
    margin-top: 2rem;
  }
}
.landplan__plan__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 70px 6%;
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .landplan__plan__grid {
    grid-template-columns: 1fr;
    margin-top: 80px;
    gap: 40px;
  }
}
.landplan__plan__grid p {
  display: flex;
  align-items: center;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: var(--color-gold);
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  .landplan__plan__grid p {
    font-size: 2rem;
  }
}
.landplan__plan__grid p span {
  font-size: 2.85em;
  line-height: 1;
  opacity: 0.12;
  display: inline-block;
  margin-right: -0.5em;
}
.landplan__plan__planting {
  max-width: 120rem;
  width: 92%;
  padding: 7.5rem 0;
  margin: 10rem auto 0;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 5px 10px rgba(153, 152, 137, 0.15);
}
@media screen and (max-width: 768px) {
  .landplan__plan__planting {
    padding: 4rem 0;
    margin: 5rem auto 0;
  }
}
.landplan__plan__planting .main__container {
  display: flex;
  align-items: center;
  gap: 30px 5%;
}
@media screen and (max-width: 768px) {
  .landplan__plan__planting .main__container {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}
.landplan__plan__planting_image {
  max-width: 490px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 5%;
}
@media screen and (max-width: 768px) {
  .landplan__plan__planting_image {
    gap: 20px 6%;
  }
}
.landplan__plan__planting_image > * {
  width: 30%;
}
@media screen and (max-width: 768px) {
  .landplan__plan__planting_image > * {
    width: 47%;
  }
}
.landplan__plan__planting_image figcaption {
  font-size: 1.2rem;
  text-align: center;
}
.landplan__plan__planting .text {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .landplan__plan__planting .text {
    width: 100%;
  }
}
.landplan__plan__planting .title {
  font-size: 2.8rem;
  color: var(--color-gold);
  margin-bottom: 4.5rem;
}
@media screen and (max-width: 768px) {
  .landplan__plan__planting .title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}

/*-----------------------------
設備仕様ページ EQUIPMENT
-----------------------------*/
body.equipment {
  overflow: clip;
}
.equipment .lower__nav ul {
  justify-content: flex-start;
  gap: 50px 5%;
}
.equipment__contents {
  position: relative;
  width: 100%;
}
.equipment__side-nav {
  position: absolute;
  top: 0;
  z-index: 10;
  height: 100%;
  pointer-events: none;
}
.equipment__side-nav .inner {
  position: sticky;
  top: 200px;
  pointer-events: all;
}
.equipment__side-nav ul li a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  line-height: 1.1;
  transition: all 0.2s ease-in-out;
}
@media screen and (min-width: 769px) {
  .equipment__side-nav {
    right: 30px;
    width: 180px;
  }
  .equipment__side-nav__label {
    display: none;
  }
  .equipment__side-nav ul li {
    text-align: right;
  }
  .equipment__side-nav ul li + li {
    margin-top: 1em;
  }
  .equipment__side-nav ul li a {
    justify-content: flex-end;
    opacity: 0.5;
  }
  .equipment__side-nav ul li a.is-focus {
    opacity: 1;
  }
  .equipment__side-nav ul li a span {
    position: relative;
    display: inline-block;
    width: 1em;
    aspect-ratio: 1;
    line-height: 1;
    border: 1px solid #fff;
    border-radius: 50%;
  }
  .equipment__side-nav ul li a span::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    background-color: transparent;
    border-radius: 50%;
  }
  .equipment__side-nav ul li a.is-focus span::before {
    background-color: #fff;
  }
}
@media screen and (max-width: 768px) {
  .equipment__side-nav .inner {
    top: 50px;
    max-width: calc(100% - 60px);
    padding: 2rem;
    background-color: rgba(255, 255, 255, 0);
    transform: translateX(calc(-100% + 11px));
    transition: all 0.3s ease-in-out;
    backdrop-filter: blur(7px);
  }
  .equipment__side-nav.is-active .inner {
    background-color: rgba(255, 255, 255, 0.16);
    transform: translateX(0%);
  }
  .equipment__side-nav__label {
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: -11px;
    z-index: 20;
    transform: translateY(-50%);
    display: block;
    width: 22px;
    height: 33px;
    background-color: var(--color-gold);
  }
  .equipment__side-nav__label::before {
    content: "";
    display: block;
    width: 10px;
    aspect-ratio: 1;
    border-top: 1px solid #242424;
    border-left: 1px solid #242424;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-75%, -50%) rotate(135deg);
    transition: all 0.3s linear;
  }
  .equipment__side-nav.is-active .equipment__side-nav__label::before {
    transform: translate(-25%, -50%) rotate(-45deg);
  }
  .equipment__side-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem 3%;
  }
  .equipment__side-nav ul li {
    width: 30%;
    min-width: fit-content;
  }
  .equipment__side-nav ul li a {
    position: relative;
    font-size: 1.2rem;
    letter-spacing: 0.1em;
    text-align: center;
    color: #fff;
    padding: 0.5em 1.5em 0.5em 0;
    border-bottom: 1px solid #fff;
  }
  .equipment__side-nav ul li a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4px;
    width: 5px;
    height: 5px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
    transition: transform 0.3s ease-in-out;
  }
}
.equipment__grid {
  display: grid;
  gap: 6rem 3rem;
  grid-template-columns: repeat(3, 1fr);
}

.equipment__grid.col-2 {
  display: grid;
  gap: 6rem;
  grid-template-columns: repeat(2, 1fr);
}

.equipment__grid.col-4 {
  display: grid;
  gap: 6rem 1.6rem;
  grid-template-columns: repeat(4, 1fr);
}
.equipment__item--image {
  margin-bottom: 1.2rem;
  position: relative;
}
.equipment__item--image img {
  width: 100%;
}
.equipment__item--title {
  margin-bottom: 0.5em;
  letter-spacing: 0;
  font-size: 2rem;
  line-height: 1.5;
}
.equipment__item--sentence {
  font-size: 1.6rem;
}
.equipment__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 4rem 9%;
}
.equipment__column + .equipment__column {
  margin-top: 14rem;
}
.equipment__column.is-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.equipment__column.is-reverse .text {
  max-width: 48.4rem;
}
.equipment__column .image {
  position: relative;
  width: 50vw;
  margin-left: calc(50% - 50vw);
}
.equipment__column .image img {
  width: 100%;
}
.equipment__column.is-reverse .image {
  position: relative;
  margin-right: calc(50% - 50vw);
  margin-left: auto;
}
.equipment__column .text {
  width: 41%;
}
.equipment__column .title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  line-height: 1.5625;
}
.equipment__kitchen .equipment__column .text {
  padding-top: 7rem;
}
.equipment__kitchen .equipment__column .sub-image {
  max-width: 420px;
  width: 80%;
  margin-top: 8rem;
  margin-left: auto;
}
.equipment__kitchen .equipment__grid {
  margin-top: 10rem;
}
.equipment__unit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 40px 6%;
}
.equipment__unit.align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.equipment__unit.is-reverse {
  flex-direction: row-reverse;
}
.equipment__unit + .equipment__unit {
  margin-top: 4rem;
}
.equipment__unit > * {
  flex-shrink: 1;
}
.equipment__unit .text {
  flex: unset;
  width: 44%;
}
.equipment__unit .images {
  flex: unset;
  width: 50%;
}
.equipment__unit .image {
  width: fit-content;
}
.equipment__unit .title {
  margin-bottom: 0.75em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  line-height: 1.91;
}
.equipment__unit .title span {
  font-size: 0.8em;
  display: inline-block;
  margin-left: 0.5em;
}
.equipment__note {
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  line-height: 1.5;
}
.equipment__note small {
  display: inline-block;
  font-size: 1.2rem;
}
.equipment__note span {
  display: inline-block;
}
.equipment__dining {
  margin-top: 11rem;
}
.equipment__dining.overview__content {
  background-color: rgba(255, 255, 255, 0.15);
}
.equipment__dining .images {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}
.equipment__dining .images > * {
  flex: 1;
}
.equipment__bathroom .equipment__column .overview__content {
  padding: 5rem;
}
.equipment__bathroom .equipment__column .overview__content .title {
  font-size: 2.4rem;
}
.equipment__bathroom .equipment__column .overview__content .image {
  max-width: 22.7rem;
  width: 70%;
  margin: 4rem auto 0;
}
.equipment__bathroom .equipment__grid {
  margin-top: 10rem;
}
.equipment__bathroom .equipment__unit .text{
  width: 50%;
}
.equipment__bathroom__thermobath.overview__content {
  width: 44%;
  max-width: 49rem;
  padding: 4.8rem;
  background-color: rgba(255, 255, 255, 0.15);
}
.equipment__bathroom__thermobath .image{
  margin: 4rem auto 0;

}
.equipment__powderroom .heading__01.v02 .heading__01--label {
  font-size: 10vw;
}
.equipment__powderroom__kanta {
  position: relative;
  margin-top: 10rem;
  margin-bottom: 12.5rem;
}
.equipment__powderroom__kanta.overview__content {
  background-color: rgba(255, 255, 255, 0.15);
}
.equipment__powderroom__kanta_label {
  position: absolute;
  top: -65px;
  right: 0;
  width: 130px;
  aspect-ratio: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.5;
  color: #21140c;
  text-align: center;
  background-color: var(--color-gold);
  border-radius: 50%;
}
.equipment__powderroom__kanta .equipment__unit {
  align-items: center;
}
.equipment__powderroom__kanta .equipment__unit .title {
  font-size: 3.2rem;
}
.equipment__powderroom__kanta .equipment__unit .title span {
  display: inline-block;
  line-height: 1;
  margin-left: 0.2em;
}
.equipment__powderroom__kanta .equipment__unit .title img {
  width: 4em;
  height: auto;
}
.equipment__powderroom__kanta_voice {
  position: relative;
  padding: 5rem;
  margin: 4rem auto 7rem;
  background-color: rgba(255, 255, 255, 0.16);
}
.equipment__powderroom__kanta_voice::before,
.equipment__powderroom__kanta_voice::after {
  content: "";
  width: 29px;
  aspect-ratio: 1;
  position: absolute;
  border-color: var(--color-gold);
  border-width: 2px;
}
.equipment__powderroom__kanta_voice::before {
  top: 1.4rem;
  left: 1.4rem;
  border-top-style: solid;
  border-left-style: solid;
}
.equipment__powderroom__kanta_voice::after {
  right: 1.4rem;
  bottom: 1.4rem;
  border-right-style: solid;
  border-bottom-style: solid;
}
.equipment__powderroom__kanta_voice .equipment__unit {
  gap: 3rem;
}
.equipment__powderroom__kanta_voice .equipment__unit .image {
  max-width: 290px;
}
.equipment__powderroom__kanta_voice .equipment__unit .image img {
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.25));
}
.equipment__powderroom__kanta_voice .equipment__unit .text {
  flex: 1;
  width: auto;
}
.equipment__powderroom__kanta_voice .text .comment {
  font-size: 2rem;
  letter-spacing: 0.2em;
}
.equipment__powderroom__kanta_voice .text .comment strong {
  display: inline;
  font-size: 2.5rem;
  font-weight: normal;
  background: linear-gradient(transparent 96%, #fff 0%);
  padding: 0 1px 0px;
}
.equipment__powderroom__kanta_voice .text .comment small {
  font-size: 1.2rem;
}
.equipment__powderroom__cards {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.4rem;
  margin-top: 2.5rem;
}
.equipment__powderroom__cards li {
  width: 14.6rem;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  color: #242424;
  text-align: center;
  background-color: var(--color-gold);
}
.equipment__powderroom__compare {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 5.5rem;
}
.equipment__powderroom__compare .box {
  width: 40%;
  padding: 3rem 3.5rem;
  background-color: rgba(255, 255, 255, 0.16);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
  box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
}
.equipment__powderroom__compare .box.focus {
  position: relative;
  width: 55%;
  margin: 10px;
}
.equipment__powderroom__compare .box.focus::before {
  content: "";
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  position: absolute;
  top: -10px;
  left: -10px;
  border: 2px solid #fff;
}
.equipment__powderroom__compare .box .title {
  font-size: 2rem;
  letter-spacing: 0.2em;
  margin-bottom: 1.5rem;
}
.equipment__powderroom__compare .smaller {
  width: 5%;
  display: block;
  width: 30px;
  aspect-ratio: 30 / 55;
}
.equipment__powderroom .equipment__unit {
  align-items: center;
}
.equipment__amenity .equipment__unit {
  align-items: center;
}
.equipment__amenity .equipment__unit .text {
  width: 50%;
  margin-right: auto;
}
.equipment__security__unit {
  display: flex;
  flex-wrap: wrap;
  gap: 40px 8%;
  align-items: stretch;
  justify-content: center;
  margin: 50px auto;
}
.equipment__security__unit .card {
  max-width: 415px;
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding: 3rem 3rem 1.4rem;
  background-color: rgba(255, 255, 255, 0.15);
  box-shadow: 0 5px 10px rgba(255, 255, 255, 0.15);
}
.equipment__security__unit .card .title {
  font-size: 2.8rem;
  margin-bottom: 0.5em;
}
.equipment__security__unit .card .image {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 100%;
  width: 60%;
  height: 100%;
  margin: 0 auto;
  text-align: center;
}
.equipment__security__block .heading__03 {
  margin-top: 4rem;
}
.equipment__security__image_02 {
  margin-top: 12rem;
}
.equipment__security__image_03 {
  margin-top: 7rem;
}
.equipment__structure .equipment__unit {
  align-items: center;
}
.equipment__security .equipment__grid {
  margin-top: 12rem;
}

@media screen and (max-width: 768px) {
  .equipment .lower__nav {
    margin: 50px auto 100px;
  }
  .equipment .lower__nav ul {
    justify-content: center;
    gap: 3rem;
  }
  .equipment .lower__nav ul li {
    max-width: 100%;
  }
  /* .equipment__side-nav{
    display: none;
  } */
  .equipment__column {
    display: block;
  }

  .equipment__column + .equipment__column {
    margin-top: 5rem;
  }
  .equipment__column .image {
    width: auto;
    margin-bottom: 2rem;
  }
  .equipment__column .text {
    width: 100%;
  }
  .equipment__column .title {
    margin-bottom: 0.5em;
    font-size: 2rem;
  }
  .equipment__grid,
  .equipment__grid.col-2,
  .equipment__grid.col-3,
  .equipment__grid.col-4 {
    gap: 4rem 0;
    grid-template-columns: 1fr;
  }
  .equipment__item--title {
    font-size: 1.8rem;
    margin-bottom: 0.4rem;
  }
  .equipment__item--sentence {
    font-size: 1.4rem;
  }
  .equipment__unit,
  .equipment__unit.is-reverse {
    flex-direction: column;
    align-items: flex-start;
  }
  .equipment__unit {
    gap: 1.2rem;
  }
  .equipment__unit .title {
    font-size: 1.8rem;
    margin-bottom: 0.4rem;
  }
  .equipment__unit > *,
  .equipment__unit .text,
  .equipment__unit .image {
    width: 100%;
  }
  .equipment__unit .images {
    width: 100%;
  }
  .equipment__note {
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
  .equipment__note small {
    font-size: 1.2rem;
  }
  .equipment__dining.overview__content {
    margin-top: 5rem;
    padding: 3rem;
  }
  .equipment__kitchen .equipment__column .text {
    padding-top: 0;
  }
  .equipment__kitchen .equipment__column .sub-image {
    margin-top: 4rem;
  }

  .equipment__bathroom .heading__01.v02 .heading__01--label {
    font-size: 7rem;
    font-size: 16vw;
  }
  .equipment__bathroom .equipment__unit .text{
    width: 100%;
  }
  .equipment__bathroom__thermobath.overview__content{
    width: 100%;
    padding: 3rem;
    margin-inline: auto;
  }
  .equipment__bathroom .equipment__column .overview__content .image {
    margin: 2rem auto 0;
  }
  .equipment__powderroom .heading__01.v02 .heading__01--label {
    font-size: 7rem;
  }
  .equipment__powderroom__kanta {
    margin-top: 6rem;
    margin-bottom: 8rem;
    padding: 3rem;
  }
  .equipment__powderroom__kanta_label {
    top: -50px;
    width: 90px;
    font-size: 1.4rem;
  }
  .equipment__powderroom__kanta .equipment__unit .title {
    font-size: 2rem;
  }
  .equipment__powderroom__kanta_voice {
    padding: 3rem;
    margin: 3rem auto 5rem;
  }
  .equipment__powderroom__kanta_voice::before,
  .equipment__powderroom__kanta_voice::after {
    width: 24px;
  }
  .equipment__powderroom__kanta_voice .text .comment {
    font-size: 1.6rem;
  }
  .equipment__powderroom__kanta_voice .text .comment strong {
    font-size: 1.8rem;
  }
  .equipment__powderroom__cards li {
    width: 100%;
    font-size: 1.2rem;
  }
  .equipment__powderroom__compare {
    flex-direction: column;
    align-items: center;
  }
  .equipment__powderroom__compare .box {
    width: 100%;
  }
  .equipment__powderroom__compare .box.focus {
    width: calc(100% - 20px);
  }
  .equipment__powderroom__compare .smaller {
    transform: rotate(90deg);
    /* clip-path: polygon(0 0, 50% 100%, 100% 0);
    background-color: #fff; */
  }
  /* .equipment__powderroom__compare .smaller > *{
    transform: rotate(90deg);
  } */
  .equipment__amenity .equipment__unit .text {
    width: 100%;
    margin-right: auto;
  }
  .equipment__structure .heading__01.v02 .heading__01--label {
    font-size: 7rem;
    font-size: 16vw;
  }
  .equipment__security .heading__01.v02 .heading__01--label {
    font-size: 7rem;
    font-size: 19vw;
  }
  .equipment__security__unit {
    margin: 50px auto 20px;
  }
  .equipment__security__unit .card {
    margin: 0 auto;
  }
  .equipment__security__unit .card .title {
    font-size: 2rem;
  }
  .equipment__security__block .heading__03 {
    margin-top: 2rem;
  }
  .equipment__security__image_02 {
    margin-top: 6rem;
  }
  .equipment__security__image_03 {
    margin-top: 4rem;
  }
  .equipment__security .equipment__grid {
    margin-top: 6rem;
  }
}

/*-----------------------------
プレミアムページ PREMIUM
-----------------------------*/

/*		タブ切り替えパネル
-----------------------------------------------------*/
.c-tab-panel_tabs {
  display: flex;
  justify-content: center;
  gap: 15px 3%;
}
.c-tab-panel_tab {
  cursor: pointer;
  padding: 3px 5px;
}
.c-tab-panel_tab.is-active {
  pointer-events: none;
}
.c-tab-panel_panel {
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: opacity 0.2s ease;
}
.c-tab-panel_panel.is-active {
  pointer-events: all;
  max-height: 100%;
  visibility: visible;
  opacity: 1;
}

.premium__intro .main__lead--text {
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 2;
  text-align: center;
  color: var(--color-gold);
}

.premium__view {
  max-width: 100%;
  overflow: hidden;
}

.label__tiles {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 16px 20px;
}
.label__tiles li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 300px;
  min-height: 67px;
  font-size: 1.6rem;
  line-height: 1.3;
  letter-spacing: 0.2em;
  color: var(--color-gold);
  text-align: center;
}
.label__tiles li div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 67px;
  padding: 1rem;
  border: 1px solid var(--color-gold);
}
.label__tiles li div p {
  line-height: 1.3;
  letter-spacing: 0.2em;
}
.label__tiles li div b {
  display: inline;
  font-size: 2.2rem;
  letter-spacing: 0.2em;
  font-weight: normal;
}
.label__tiles li .num {
  font-size: 2.8rem;
}
.label__tiles li div span {
  display: inline-block;
  font-size: 1.2rem;
  letter-spacing: 0.2em;
}

.premium__intro .label__tiles {
  margin-top: 10rem;
}
.premium__floor .c-tab-panel {
  max-width: 132rem;
  margin: 10rem auto 0;
}
.premium__floor .c-tab-panel_tabs {
  gap: 2rem 0;
}
.premium__floor .c-tab-panel_tab {
  flex: 1;
  color: #242424;
  padding: 1.9rem;
  background-color: var(--color-gold);
  opacity: 0.6;
}
.premium__floor .c-tab-panel_tab.is-active {
  opacity: 1;
}
.tab_label {
  display: flex;
  align-items: center;
}
.tab_label_type {
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  line-height: 1;
  text-align: center;
  padding: 0.3rem 3.4rem 0 1.5rem;
  border-right: 1px solid #242424;
}
.tab_label_type b {
  display: block;
  font-size: 4.6rem;
  line-height: 1;
}
.tab_label_text {
  flex: 1;
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  text-align: center;
}
.tab_label_text b {
  font-size: 1.8em;
  font-weight: 400;
  display: inline-block;
  margin-left: 0.2em;
}
.c-tab-panel_panel.is-active {
  padding: 8rem 2rem 7rem;
  background-color: rgba(255, 255, 255, 0.15);
}
/* .premium__floor .text02{
  font-size: 1.4rem;
} */
.premium__floor .roomplan__main--area {
  align-items: flex-start;
}
.premium__floor .text03-2 {
  font-size: 5.2rem;
}
.premium__floor .text03-2 span {
  font-size: 2.4rem;
}
.spec_future {
  display: flex;
  align-items: flex-start;
  gap: 2.2rem;
}
.spec_future dl {
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.75rem;
  color: var(--color-gold);
  border: 1px solid var(--color-gold);
}
.spec_future dl dt {
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  line-height: 1.5;
  order: -1;
}
.spec_future dl dd {
  font-size: 3.2rem;
}
.spec_future dl dd b {
  font-size: 1.75em;
  font-weight: normal;
}
.spec_future dl::after {
  content: "";
  width: 1px;
  align-self: stretch;
  background-color: var(--color-gold);
  order: -1;
}
.spec_future .comment p {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 8.1rem;
  font-size: 1.4rem;
  line-height: 1;
  color: #242424;
  padding: 0.7rem 2rem;
  background-color: var(--color-gold);
}
.spec_future .comment p::before {
  content: "";
  width: 33px;
  height: 19px;
  position: absolute;
  top: 50%;
  right: calc(100% - 1px);
  transform: translateY(-50%);
  background-color: var(--color-gold);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  pointer-events: none;
}
.spec_future .comment small {
  display: block;
  margin-top: 1rem;
}
.spec_future .comment .label {
  display: block;
  width: 100%;
  text-align: center;
}
.spec_future .comment .detail {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 0.5rem;
}
.spec_future .comment .detail b {
  font-size: 3.2rem;
  font-weight: normal;
  line-height: 1;
}
.spec_future .comment .detail .num {
  font-size: 4.2rem;
}
.premium .swiper-slide-image figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.premium .swiper-slide-image figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.premium__floor .swiper-slide-image {
  position: relative;
}
.premium__floor .swiper-slide-image figure {
  max-height: 100vh;
}
.premium__floor .swiper-slide-image figure::before,
.premium__floor .swiper-slide-image figure::after {
  content: "";
  display: block;
  width: 100%;
  height: 250px;
  max-height: 30%;
  position: absolute;
  left: 0;
  z-index: 10;
  background-image: linear-gradient(0deg, transparent, #242424);
  pointer-events: none;
}
.premium__floor .swiper-slide-image figure::before {
  top: -1px;
}
.premium__floor .swiper-slide-image figure::after {
  bottom: -1px;
  transform: rotate(180deg);
}

.premium .swiper-button {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  aspect-ratio: 1;
  background: rgba(204, 188, 157, 0.8);
}
.premium .swiper-button-next {
  right: 0;
}
.premium .swiper-button-prev {
  left: 0;
}
.premium .swiper-button-prev::after,
.premium .swiper-button-next::after {
  font-size: 2.5rem;
  color: #fff;
}

.premium__view--visual {
  position: relative;
}
.premium__view--visual img {
  width: 100%;
}
/* .premium__view--visual::before,
.premium__view--visual::after{
  content: "";
  display: block;
  width: 100%;
  height: 250px;
  max-height: 30%;
  position: absolute;
  left: 0;
  z-index: 10;
  background-image: linear-gradient(0deg, transparent, #242424);
  pointer-events: none;
}
.premium__view--visual::before{
  top: -1px;
}
.premium__view--visual::after{
  bottom: -1px;
  transform: rotate(180deg);
} */
/*merit*/
.premium__renace--merit {
  margin-top: 13.2rem;
}
.premium__renace--merit_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.3rem 0.5rem;
}
.premium__renace--merit_list .title {
  width: calc(50% - 0.5rem);
  align-self: center;
}
.premium__renace--merit_list .item {
  position: relative;
  width: calc((100% - 1rem) / 3);
}
.premium__renace--merit_list .item.item_01 {
  width: 50%;
}
.premium__renace--merit_list .item .num {
  display: block;
  position: relative;
  z-index: 1;
  font-size: 5.2rem;
  color: var(--color-gold);
  line-height: 1;
  margin-bottom: -0.4em;
}
.premium__renace--merit_list .item.item_01 .num {
  font-size: 6.2rem;
}
.premium__renace--merit_list .item figure {
  text-align: center;
  padding-left: 1.5rem;
  overflow: hidden;
}
.premium__renace--merit_list .item figure img {
  object-fit: contain;
  width: 100%;
}
.premium__renace--merit_list .item figure figcaption {
  font-size: 1.6rem;
  color: var(--color-gold);
  margin-top: 0.5em;
}
.premium__renace--merit_list .item.item_01 figure figcaption {
  font-size: 2rem;
}
.premium__equipment .heading__02 {
  margin-block: 8rem;
}
.premium__equipment--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8rem;
}
.premium__equipment--column .visual {
  position: relative;
  max-width: 100%;
  width: 41.4rem;
}
.premium__equipment--column .text {
  flex: 1;
}
.premium__equipment--column .title {
  margin-bottom: 1em;
  color: var(--color-gold);
  letter-spacing: 0.1em;
  font-size: 2.4rem;
}
.premium__equipment--column + .premium__equipment--column {
  margin-top: 6rem;
}
.premium__grid {
  display: grid;
  gap: 6rem 3rem;
  grid-template-columns: repeat(3, 1fr);
}
.premium__grid--title {
  font-size: 2rem;
  color: var(--color-gold);
  margin-bottom: 1.5rem;
}
.premium__grid--title .text-en {
  font-size: 3.6rem;
}
.premium__grid--text p {
  font-size: 1.6rem;
  line-height: 2;
  color: #fff;
  margin-top: 1.6rem;
}
.text-img {
  display: inline-block;
  height: 1.5em;
  width: auto;
  margin-inline: 0.1em;
}
.premium__grid--text .overview {
  padding: 2rem;
  background-color: rgba(235, 229, 217, 0.06);
  -webkit-box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
  box-shadow: 0 0.5rem 1rem rgba(156, 152, 137, 0.06);
}
.premium__equipment .premium__grid {
  margin-top: 13.5rem;
}
.premium__amenity {
  margin-top: 11.2rem;
}
.premium__security--unit {
  display: flex;
  align-items: center;
  gap: 5rem 6%;
  margin-top: 6.4rem;
}
.premium__security--unit .image {
  flex: 1;
}
.premium__security--unit .image figure {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.premium__security--unit .text {
  flex: 1;
}

.premium__landplan--slider .swiper-slide-image {
  position: relative;
}
.premium__landplan--slider .swiper-slide-image figure {
  max-height: 852px;
  height: 90vh;
}
.premium__landplan--slider .swiper-slide-image figure::before,
.premium__landplan--slider .swiper-slide-image figure::after {
  content: "";
  display: block;
  width: 100%;
  max-height: 30%;
  height: 250px;
  position: absolute;
  left: 0;
  z-index: 10;
  background-image: linear-gradient(0deg, transparent, #242424);
  pointer-events: none;
}
.premium__landplan--slider .swiper-slide-image figure::before {
  top: -1px;
}
.premium__landplan--slider .swiper-slide-image figure::after {
  bottom: -1px;
  transform: rotate(180deg);
}
.premium__landplan--slider .swiper-slide-image figcaption {
  z-index: 15;
}
.premium__landplan--slider .swiper-slide-image p {
  position: absolute;
  left: 10%;
  bottom: 1.5rem;
  z-index: 20;
  font-size: 3.2rem;
  letter-spacing: 0.2em;
  line-height: 1.75;
  color: var(--color-gold);
}
.premium__parking--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  margin-top: 12.5rem;
}
.premium__parking--image {
  width: 42%;
}
.premium__parking--icon {
  width: 13rem;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(-40%, 40%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 50%;
  background-color: #ccbc9d;
  color: #21140c;
  text-align: center;
  font-weight: 700;
  aspect-ratio: 1;
}
.premium__parking--icon svg {
  width: 50%;
  height: auto;
}
.premium__parking--icon span {
  font-size: 1.2rem;
}
.premium__parking--text {
  flex: 1;
}
.premium__parking--text p {
  letter-spacing: 0.1em;
}
.premium__parking--text .list-note {
  margin-top: 3rem;
  font-size: 1.4rem;
}
.premium__parking--title {
  margin-bottom: 1em;
  color: #ccbc9d;
  letter-spacing: 0.1em;
  font-size: 3.2rem;
}
.premium__special .common__foot--note {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .premium__intro .main__lead--text {
    font-size: 1.4rem;
  }
  .label__tiles {
    flex-direction: column;
    align-items: center;
  }
  .label__tiles li {
    font-size: 1.4rem;
  }
  .label__tiles li b {
    font-size: 1.8rem;
  }
  .label__tiles li .num {
    font-size: 2rem;
  }
  .premium__intro .label__tiles {
    margin-top: 5rem;
  }
  .premium__floor {
    padding-top: 5rem;
  }
  .premium__floor .c-tab-panel {
    margin: 5rem auto 0;
  }
  .premium__floor .c-tab-panel_tabs {
    flex-direction: column;
    gap: 1rem;
  }
  .premium__floor .c-tab-panel_tab {
    padding: 1.4rem;
  }
  .tab_label_type {
    font-size: 1.4rem;
    padding: 0.3rem 2.4rem 0 1rem;
  }
  .tab_label_type b {
    font-size: 2.6rem;
  }
  .tab_label_text {
    font-size: 1.8rem;
  }
  .c-tab-panel_panel.is-active {
    padding: 4rem 2rem 5rem;
  }
  .premium__floor .text03-2 {
    font-size: 3rem;
  }
  .premium__floor .text03-2 span {
    font-size: 1.8rem;
  }
  .spec_future {
    width: fit-content;
    flex-direction: column;
    align-items: flex-end;
    gap: 1.8rem;
  }
  .spec_future dl {
    gap: 1.8rem;
    padding: 1.5rem;
  }
  .spec_future dl dt {
    font-size: 1.4rem;
  }
  .spec_future dl dd {
    font-size: 2.2rem;
  }
  .spec_future .comment p::before {
    top: -29px;
    left: 50%;
    width: 20px;
    height: 30px;
    transform: translateX(-50%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  }
  .spec_future .comment .detail b {
    font-size: 2.6rem;
  }
  .spec_future .comment .detail .num {
    font-size: 3.2rem;
  }
  .premium .swiper-buttons {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 10px;
  }
  .premium .swiper-button {
    position: relative;
    width: 30px;
    height: 30px;
    top: unset;
    left: unset;
    right: unset;
    margin: 0;
  }
  .premium .swiper-button-prev::after,
  .premium .swiper-button-next::after {
    font-size: 2rem;
  }
  .premium__floor--slider {
    margin-top: 6rem;
  }
  .premium__floor--slider figure {
    width: 100%;
    aspect-ratio: 4 / 3;
    height: auto;
  }
  .premium__floor--slider .swiper-slide-image figure::before,
  .premium__floor--slider .swiper-slide-image figure::after {
    height: 150px;
  }
  .premium__renace.main__block {
    margin-bottom: 0;
  }
  .premium__renace--merit {
    margin-top: 6rem;
  }
  .premium__renace--merit.overview__content {
    padding-block: 5rem;
  }
  .premium__renace--merit .heading__02 {
    margin-bottom: 0;
  }
  .premium__renace--merit_list {
    flex-direction: column;
    gap: 2rem;
  }
  .premium__renace--merit_list .title,
  .premium__renace--merit_list .item,
  .premium__renace--merit_list .item.item_01 {
    width: 100%;
  }
  .premium__renace--merit_list .item .num,
  .premium__renace--merit_list .item.item_01 .num {
    font-size: 3.6rem;
    text-align: center;
    margin-bottom: -0.3em;
    text-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  }
  .premium__renace--merit_list .item figure {
    padding-inline: 1.5rem;
  }
  .premium__renace--merit_list .item figure figcaption,
  .premium__renace--merit_list .item.item_01 figure figcaption {
    font-size: 1.4rem;
  }
  .js-scrollable img {
    max-width: unset;
    width: auto;
  }
  .js-scrollable .premium__view--visual img {
    max-width: 300vw;
  }

  .premium__equipment {
    margin-bottom: 0;
  }
  .premium__equipment .heading__01.text-center .heading__01--label {
    font-size: clamp(4rem, 15vw, 7rem);
  }
  .premium__equipment .heading__02 {
    margin-block: 4rem;
  }
  .premium__equipment--column {
    flex-direction: column;
    gap: 4rem;
  }
  .premium__equipment--column .title {
    font-size: 1.8rem;
  }
  .premium__equipment--column + .premium__equipment--column {
    margin-top: 3rem;
  }
  .premium__grid {
    gap: 4rem;
    grid-template-columns: 1fr;
  }
  .premium__grid--title {
    font-size: 1.6rem;
  }
  .premium__grid--title .text-en {
    font-size: 2.6rem;
  }
  .premium__grid--image img {
    width: 100%;
  }
  .premium__grid--text p {
    font-size: 1.4rem;
    margin-top: 1.2rem;
  }
  .premium__grid--text .overview {
    padding: 1.6rem;
  }
  .premium__equipment .premium__grid {
    margin-top: 6rem;
  }
  .premium__amenity {
    margin-top: 6rem;
  }
  .premium__security {
    margin-bottom: 0;
  }
  .premium__security--unit {
    flex-direction: column;
    gap: 3rem;
    margin-top: 4rem;
  }
  .premium__security--unit.overview__content {
    padding: 4.5rem 2rem;
  }
  .premium__landplan .heading__01.text-center .heading__01--label {
    font-size: clamp(4rem, 15vw, 7rem);
  }
  .premium__landplan--slider .swiper-slide-image figure {
    width: 100%;
    height: 450px;
  }
  .premium__landplan--slider .swiper-slide-image figure::before,
  .premium__landplan--slider .swiper-slide-image figure::after {
    max-height: 35%;
    height: 150px;
  }
  .premium__landplan--slider .swiper-slide-image p {
    font-size: 1.8rem;
    left: 2rem;
    bottom: 5rem;
  }
  .premium__parking--column {
    flex-direction: column;
    gap: 4rem;
    margin-top: 6rem;
    padding: 2rem;
  }
  .premium__parking--image {
    width: 100%;
  }
  .premium__parking--icon {
    width: 10rem;
    transform: translate(-2rem, 2rem);
  }
  .premium__parking--icon span {
    font-size: 1rem;
  }
  .premium__parking--icon svg {
    width: 4.8rem;
  }
  .premium__parking--text {
    width: 100%;
  }
  .premium__parking--title {
    font-size: 2rem;
  }
  .premium__parking--text .list-note {
    margin-top: 2rem;
    font-size: 1.2rem;
  }
  .premium__special .common__foot--note {
    margin-bottom: 0;
  }
}

/*-----------------------------
持続可能な住まいへページ 
SUSTAINABLE
-----------------------------*/
.sustainable main {
  --color-black: #242424;
  --color-cream: #f9ffeb;
  /* --color-gray:#EDEFEA; */
  --color-gray: #fff;
  --color-green: #2a6541;
  color: var(--color-black);
}
.sustainable main {
  position: relative;
}
.sustainable main .text-green {
  color: var(--color-green);
}
.sustainable .main {
  position: relative;
}
.sustainable .main p {
  line-height: 2.2;
  letter-spacing: 0.2em;
}
.sustainable .main::before {
  content: "";
  width: 100%;
  height: calc(100% - 11rem);
  position: absolute;
  top: 11rem;
  left: 0;
  z-index: -1;
  /* background-image: linear-gradient(0deg, #f9ffeb 60%, #2a6541 90%); */
  background-image: linear-gradient(0deg, #242424 2%, #2a6541 8%, #f9ffeb 16% 75%, #2a6541 90%);
}
.main__headline--wrap {
  position: relative;
}
.main__headline--wrap::after {
  content: "";
  width: 100%;
  height: 30rem;
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  background: linear-gradient(#242424 0%, rgba(36, 36, 36, 0) 100%);
  pointer-events: none;
}
.sustainable--column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 8.4rem;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.sustainable--column .image {
  margin-right: calc(50% - 50vw);
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.sustainable--column .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.sustainable__heading {
  position: relative;
  z-index: 1;
  margin-bottom: 4.8rem;
}
.sustainable__heading--label {
  position: relative;
  z-index: -1;
  display: block;
  margin-bottom: -0.5em;
  color: var(--color-gold);
  letter-spacing: 0.06em;
  font-weight: 400;
  font-size: 7.4rem;
  text-transform: uppercase;
  line-height: 1;
  opacity: 0.12;
}
.sustainable__heading--main {
  color: #fff;
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 4.2rem;
  line-height: 1.5625;
}
/* .sustainable__intro{
  padding-top: 20rem;
} */
.sustainable main .heading__01 .heading__01--label {
  color: var(--color-green);
}
.sustainable main .heading__01 .heading__01--main {
  color: var(--color-black);
}
.sustainable main .heading__02 {
  color: var(--color-black);
}
.sustainable main .heading__02 span {
  background-color: transparent;
}
.sustainable__intro {
  color: #fff;
}
.sustainable__intro .heading__02 {
  letter-spacing: 0.1em;
  margin-bottom: 20rem;
}
.sustainable__intro p strong {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold;
}
.sustainable .overview__content {
  padding: 3.2rem 2rem 5.5rem;
  color: #242424;
  background-color: #fff;
}
.sustainable__intro_zeh-m {
  margin-top: 12rem;
  color: #242424;
  background-color: #fff;
}
.sustainable__intro_zeh-m h3 {
  font-size: 2.8rem;
  text-align: center;
  letter-spacing: 0.02em;
  margin-bottom: 3rem;
}
.sustainable__intro_zeh-m h3 span {
  display: inline-block;
  margin-bottom: 0.2em;
}

.sustainable__seh-m-o .heading__02 .logo {
  display: block;
  margin-top: 3rem;
}
.sustainable__seh-m-o--grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 5rem 6%;
  margin-top: 6rem;
  /* grid-column-gap: 0px;
  grid-row-gap: 0px; */
}
.sustainable__seh-m-o--grid-item:first-child {
  grid-area: 1 / 1 / 2 / 3;
}
.sustainable__seh-m-o--grid-item {
  color: var(--color-black);
  padding: 4rem 2rem 5rem;
  border-top: 10px solid var(--color-green);
  background-color: #fff;
}
.sustainable__seh-m-o--grid-item .l-inner {
  max-width: 360px;
  margin-inline: auto;
}
.sustainable__seh-m-o--grid-item h3 {
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 3rem;
}
.sustainable__seh-m-o--grid-item p {
  min-height: 141px;
  margin-bottom: 3.6rem;
}
.sustainable__seh-m-o--grid-item figure {
  margin-top: auto;
  text-align: center;
}
.sustainable__merit.main__block {
  margin-bottom: 3.2rem;
}
.sustainable__merit .heading__02 {
  margin-bottom: 8rem;
}
.sustainable__merit--box {
  padding: 6rem 2rem;
  background-color: #fff;
}
.sustainable__merit--box + .sustainable__merit--box {
  margin-top: 6rem;
}
.sustainable__merit--title {
  display: flex;
  align-items: flex-start;
  font-size: 2.8rem;
  letter-spacing: 0.01em;
  border-bottom: 1px solid var(--color-green);
  padding-bottom: 2.5rem;
  margin-bottom: 2.5rem;
}
.sustainable__merit--title .title_label {
  display: inline-block;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
  padding: 0.9rem 1rem;
  margin-right: 1.5rem;
  background-color: var(--color-green);
}
.sustainable__merit--title .text-en {
  font-size: 1.6rem;
  display: inline-block;
  margin-right: 0.2em;
}
.sustainable__merit--column {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 3rem 3%;
}
.sustainable__merit--column .image {
  text-align: center;
}
.sustainable__merit--column .image img {
  width: 100%;
}
.sustainable__merit--point-list ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.sustainable__subttl {
  font-size: 2.4rem;
  color: #fff;
  text-align: center;
  padding: 1rem 2rem;
  margin-block: 4rem;
  background-color: #68852b;
}
#point02.sustainable__merit--box {
  margin-bottom: 8rem;
}
#point02.sustainable__merit--box .sustainable__merit--column {
  margin-bottom: 4rem;
}
#point03.sustainable__merit--box {
  margin-bottom: 15rem;
}
.sustainable__merit--list {
  display: grid;
  gap: 3rem;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 6rem;
}
.sustainable__merit--list .visual {
  position: relative;
  margin-bottom: 1rem;
  overflow: hidden;
}
.sustainable__merit--list .visual img {
  width: 100%;
}
.sustainable__merit--list .title {
  font-size: 1.6rem;
  text-align: center;
  letter-spacing: 0.1em;
}
.sustainable .main .sustainable__merit--list .title {
  line-height: 1.5;
}
.sustainable__merit--list .title b {
  display: block;
  font-size: 2.4rem;
  font-weight: normal;
}
.sustainable .main .sustainable__merit--chart p {
  margin-top: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.sustainable--history {
  display: grid;
  /* align-items: flex-start; */
  grid-template-columns: 130px 1fr;
  gap: 0 4%;
}
.sustainable--history dt {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.5rem;
  font-size: 2rem;
  letter-spacing: 0.2em;
  padding-top: 0.4em;
}
.sustainable--history dt::before {
  content: "";
  position: absolute;
  top: 16px;
  right: 12px;
  width: 1px;
  height: 100%;
  background-color: var(--color-green);
}
.sustainable--history dt:last-of-type::before {
  content: none;
}
.sustainable--history dt::after {
  content: "";
  display: block;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  margin: 6px;
  transform: translateY(0.2em);
  background-color: var(--color-green);
  box-shadow: 0 0 0 6px #c6d3c8;
}
.sustainable--history dd {
  font-size: 2.2rem;
}
.sustainable--history dd:not(:last-child) {
  padding-bottom: 5rem;
}
.sustainable--history dd small {
  display: inline;
  font-size: 1.6rem;
  color: var(--color-green);
}
/* .sustainable .common__contact::after{
  content: "";
  position: absolute;
  left: 0;
  bottom:calc(100% - 1px);
  width: 100%;
  height: 20rem;
  background-image: linear-gradient(0deg, #242424, #f9ffeb);
  pointer-events: none;
  z-index: 1;
} */
@media (max-width: 768px) {
  .sustainable .main::before {
    top: 5.8rem;
    background-image: linear-gradient(0deg, #242424 0%, #2a6541 3%, #f9ffeb 8% 80%, #2a6541 95%);

    /* background-image: linear-gradient(0deg, #f9ffeb 65%, #2a6541 90%); */
  }
  .main__headline--wrap::after {
    height: 20rem;
  }
  .sustainable--column {
    flex-direction: column;
    gap: 3rem;
  }
  .sustainable__heading {
    margin-bottom: 3rem;
  }
  .sustainable__heading--label {
    font-size: 4.4rem;
  }
  .sustainable__heading--main {
    font-size: 2.5rem;
  }
  .sustainable__intro.main__block {
    margin-bottom: 4rem;
  }
  .sustainable__intro .heading__02 {
    margin-bottom: 6rem;
  }
  .sustainable__intro p strong {
    font-size: 1.6rem;
  }
  .sustainable .overview__content {
    padding: 3rem 2rem 4rem;
  }
  .sustainable__intro_zeh-m {
    margin-top: 4rem;
  }
  .sustainable__intro_zeh-m h3 {
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
  .sustainable__intro_zeh-m h3 span {
    display: inline-block;
    width: 5.5rem;
    margin-bottom: 0.2em;
  }
  .sustainable__seh-m-o.main__block {
    padding-top: 6rem;
    margin-bottom: 4rem;
  }
  .sustainable__seh-m-o .heading__02 .logo {
    width: 80%;
    margin: 2rem auto 0;
  }
  .sustainable__seh-m-o--grid {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    gap: 4rem;
    margin-top: 5rem;
  }
  .sustainable__seh-m-o--grid-item:first-child {
    grid-area: 1;
  }
  .sustainable__seh-m-o--grid-item h3 {
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
  .sustainable__seh-m-o--grid-item p {
    min-height: auto;
    margin-bottom: 3rem;
  }
  .sustainable__merit .heading__02 {
    margin-bottom: 6rem;
  }
  .sustainable__merit.main__block {
    padding-top: 6rem;
    margin-bottom: 4rem;
  }
  .sustainable__merit--box {
    padding: 4rem 2rem;
  }
  .sustainable__merit--box + .sustainable__merit--box {
    margin-top: 5rem;
  }
  .sustainable__merit--title {
    flex-direction: column;
    gap: 1rem;
    font-size: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 2rem;
  }
  .sustainable__merit--title .title_label {
    font-size: 1.6rem;
    padding: 0.5rem 1rem;
  }
  .sustainable__merit--title .text-en {
    font-size: 1.4rem;
  }
  .sustainable__merit--column {
    display: grid;
    grid-template-columns: 1fr;
    gap: 3rem;
  }
  .sustainable__merit--point-list ul {
    flex-direction: column;
  }
  .sustainable__subttl {
    font-size: 1.8rem;
    padding: 1rem;
    margin-block: 3rem;
  }
  #point02.sustainable__merit--box {
    margin-bottom: 6rem;
  }
  #point02.sustainable__merit--box .sustainable__merit--column {
    margin-bottom: 3rem;
  }
  #point03.sustainable__merit--box {
    margin-bottom: 6rem;
  }
  .sustainable__merit--list {
    display: grid;
    gap: 3rem;
    grid-template-columns: 1fr;
    margin-bottom: 5rem;
  }
  .sustainable__merit--list .title {
    font-size: 1.4rem;
  }
  .sustainable__merit--list .title b {
    font-size: 1.8rem;
  }
  .sustainable__merit--environment .heading__01 .heading__01--label {
    font-size: 12vw;
  }
  .sustainable--history {
    position: relative;
    grid-template-columns: 1fr;
  }
  .sustainable--history dt {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 1.5rem;
    font-size: 1.8rem;
    padding: 0;
  }
  .sustainable--history dt::before {
    content: none;
  }
  .sustainable--history dt:last-of-type::before {
    content: none;
  }
  .sustainable--history dt::after {
    transform: translateY(0.1em);
  }
  .sustainable--history dd {
    position: relative;
    font-size: 1.6rem;
    padding-top: 1.5rem;
    padding-left: 3.8rem;
  }
  .sustainable--history dd::before {
    content: "";
    position: absolute;
    top: -10px;
    left: 12px;
    width: 1px;
    height: calc(100% + 20px);
    background-color: var(--color-green);
  }
  .sustainable--history dd:last-child::before {
    content: none;
  }
  .sustainable--history dd:not(:last-child) {
    padding-bottom: 3.5rem;
  }
  .sustainable--history dd small {
    font-size: 1.4rem;
  }
}
.btn_2nd {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 7%; 
    left: 52%; 
    width: 7%;
    height: 37%;
}
.btn_1nd {
  position: relative;
  display: inline-block;
}
@media (max-width: 768px) {
    .btn_2nd {
        top: 48%;  
        left: 4%;   
        width: 23%; 
        height: 18%;
    }
}
/*-----------------------------
冬季休業のお知らせ
-----------------------------*/
.top_lead-news {
    /* display: block; */
    /* max-width: 600px; */
    width: 100%;
    margin: 0px auto 0px;
    padding: 40px 0px;
    color: black;
    text-align: center;
    letter-spacing: .5px;
    line-height: 1.5;
    background: white;
}

.top_lead-news h4 {
    font-size: 1.1em;
    margin: 0;
    color: #8E0000;
}
.footer_lead-news {
    max-width: 98%;
    border: 1px solid white;
    padding: 10px 10px;
    margin: 30px auto 0px;
    text-align: center;
    letter-spacing: .5px;
    line-height: 1.5;
    font-size: 0.8em;
}

.footer_lead-news h4 {
    color: #fff;
    font-size: 1.1em;
    margin: 0;
}
br.nopc {
  display: none;
}
@media (max-width: 768px) {
    br.nopc {
    display: inline;
  }
  .top_lead-news p {
    font-size: 0.9em;
}
.footer_lead-news {
    max-width: 87%;
}

}

/* --- Splash Banner Base (Mobile First) --- */
.splash-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
}

.splash-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

.splash-inner {
    position: relative;
    background-color: rgba(255, 255, 255, 0.95);
    width: 100%;
    max-width: 570px;
   /* padding: 40px 30px;*/
    box-sizing: border-box;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
}

.no_padding{
  padding: 0;
}

.splash-close {
    position: absolute;
    top: 1px;
    right: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: none;
    border: none;
    /*padding: 0;*/
    padding: 10px;/*20260319追記*/
    z-index: 100;/*20260319追記*/
}

.splash-close::before,
.splash-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 2px;
    background-color: #333;
}

.splash-close::before { transform: translate(-50%, -50%) rotate(45deg); }
.splash-close::after { transform: translate(-50%, -50%) rotate(-45deg); }

.splash-body {
    color: #333;
    font-family: inherit;
}

.splash-title {
    font-size: 1.75rem;
    line-height: 1.5;
    font-weight: 700;
    margin-bottom: 24px;
    letter-spacing: 0.05em;
}

.splash-text {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.8;
    margin-bottom: 32px;
}

.splash-link-wrap {
    text-align: left;
}

.splash-link {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    padding-bottom: 2px;
    transition: opacity 0.3s;
}

.splash-link:hover {
    opacity: 0.7;
}

.u-sp-only { display: block; }

@media screen and (min-width: 769px) {
    .u-sp-only { display: none; }
    
    .splash-inner {
        /*padding: 70px 50px;*/
    }
    .no_padding{
      padding: 0;
    }
    .splash-title {
        font-size: 2.5rem;
        margin-bottom: 35px;
    }
    
    .splash-text {
        font-size: 1.5rem;
        margin-bottom: 45px;
        font-weight: 500;
    }
    
    .splash-link {
        font-size: 1.7rem;
        font-weight: 600;
    }
    
    .splash-close {
        top: 21px;
        right: 21px;
    }
}




/* --- Phase Info Banner (Mobile & Tablet & Small PC ~1300px) --- */
.phase_info_wrap {
    position: fixed;
    top: 62px;
    left: 10px;
    right: 10px;
    z-index: 10001;
    background-color: rgba(33, 33, 33, 0.7);
    border: none;
    backdrop-filter: blur(4px);
    border-radius: 0;
}

.phase_info_wrap a {
    display: block;
    text-decoration: none;
    padding: 10px;
}

.phase_info_inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding-right: 0;
}

.phase_info_icon_box {
    flex-shrink: 0;
    width: 16px;
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.phase_info_icon_box img {
    width: 100%;
    height: auto;
}

.phase_info_text {
    color: #ffffff;
    font-size: 0.65em;
    line-height: 1.4;
    letter-spacing: -0.02em;
    margin: 0;
}

.phase_info_arrow {
    position: absolute;
    right: 0;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (min-width: 769px) and (max-width: 1300px) {
    .phase_info_wrap {
        top: 106px;
    }
    .phase_info_wrap a {
        padding: 10px 15px;
    }
    .phase_info_text {
        font-size: 11px;
        letter-spacing: 0.02em;
    }
}

@media screen and (max-width: 1300px) {
    .u-pc-only { display: none; }
}

@media screen and (min-width: 1301px) {
    .u-pc-only { display: block; }

    .phase_info_wrap {
        position: absolute;
        top: 44%;
        left: 350px;
        right: auto;
        transform: translateY(-50%);
        width: auto;
        min-width: 320px;
        background-color: rgba(255, 255, 255, 0.15);
        border: none;
        border-radius: 0;
        backdrop-filter: none;
    }

    .phase_info_wrap a {
        padding: 6px 15px;
    }

    .phase_info_icon_box {
        width: 18px;
        margin-right: 12px;
    }

    .phase_info_text {
        font-size: 12px;
        line-height: 1.5;
        letter-spacing: 0.05em;
    }
    
    .phase_info_arrow {
        right: 10px;
    }
}



/* --- MV 自由設計残りわずか表記 --- */

/* --- MV Phase Info Section (Tightened Layout) --- */

/* 1. 親要素のフレックス制御 */
.home__hero--catch.catch02 {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
}

/* 2. 既存画像（figure.image）の間隔調整 */
.home__hero--catch.catch02 figure.image {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    transform: none !important;
    margin-bottom: 30px !important;
    width: 100% !important;
    max-width: fit-content;
}

/* 3. 追加告知エリア */
.mv_section_info {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100%;
    max-width: 440px; 
    text-align: center;
    color: #333;
    z-index: 10;
}

.mv_section_info__deco {
    width: 100%;
}
.mv_section_info__deco img {
    display: block;
    width: 100%;
    height: auto;
}
.mv_section_info__deco:first-child {
    margin-bottom: 8px;
}
.mv_section_info__deco:last-child {
    margin-top: 8px;
}

.mv_section_info__body {
    background-color: rgba(255, 255, 255, 0.9); 
    border-top: 1px solid #806b42;
    border-bottom: 1px solid #806b42;
    padding: 20px 0;
}

.mv_section_info__title {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 12px;
    letter-spacing: 0.1em;
}

.mv_section_info__text {
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 18px;
    color: #444;
}

.mv_section_info__link a {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
}

@media screen and (max-width: 768px) {
    .home__hero--catch.catch02 {
        align-items: center !important;
        padding-top: 10px; 
    }

    .home__hero--catch.catch02 figure.image {
        margin-bottom: 15px !important; 
    }

    .mv_section_info {
        max-width: 92%;
    }

    .mv_section_info__body {
        padding: 12px 10px;
    }

    .mv_section_info__title {
        font-size: 14px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .mv_section_info__text {
        font-size: 11px;
        line-height: 1.5;
        margin-bottom: 10px;
    }

    .mv_section_info__link a {
        font-size: 12px;
        font-weight: 500;
    }

    .mv_section_info__deco:first-child { margin-bottom: 6px; }
    .mv_section_info__deco:last-child { margin-top: 6px; }
}



/* --- 自由設計ページの修正 --- */

/* --- Free Plan Page Limit Section --- */
.free_plan_limit_section {
    width: 100%;
    background-color: #000; /* 幅100%の黒背景 */
    padding: 80px 0;
    color: #fff;
    text-align: center;
    margin: 100px 0 100px;
}

.limit_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: 0.05em;
}

/* タイトルの赤いライン（デザイン見本再現） */
.limit_title_highlight {
    position: relative;
    display: inline-block;
    padding-bottom: 5px;
    font-weight: 500;
}
.limit_title_highlight::after {
    content: "";
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #b00; /* 落ち着いた赤色 */
    z-index: 1;
}

.limit_text {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 40px;
    letter-spacing: 0.02em;
}

/* CVボタン（既存デザイン流用） */
.limit_btn_wrap {
    display: flex;
    justify-content: center;
}

.limit_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 320px;
    height: 64px;
    background-color: #b00; /* 来場予約の赤 */
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
    border: 1px solid #b00;
    transition: all 0.3s ease;
    position: relative;
}

.limit_btn:hover {
    background-color: #fff;
    color: #b00;
}

.limit_btn_icon {
    width: 18px;
    height: 14px;
    border: 1px solid currentColor;
    margin-right: 12px;
    position: relative;
}
.limit_btn_icon::before {
    content: "";
    position: absolute;
    top: -4px;
    left: 2px;
    width: 12px;
    height: 4px;
    border: 1px solid currentColor;
    border-bottom: none;
}

/* --- Mobile Styles --- */
@media screen and (max-width: 768px) {
    .free_plan_limit_section {
        padding: 60px 20px;
    }

    .limit_title {
        font-size: 18px;
        line-height: 1.5;
    }

    .limit_title_highlight::after {
        bottom: 4px;
        height: 2px;
    }

    .limit_text {
        font-size: 13px;
        text-align: left; /* スマホでは読みやすく左寄せに */
    }

    .limit_btn {
        width: 100%;
        max-width: 280px;
        height: 56px;
        font-size: 16px;
    }
}

.free_plan_limit_section {
    width: 100vw; /* 画面の横幅いっぱい */
    margin-left: calc(-50vw + 50%); /* 画面の中央まで戻してから引き伸ばす */
    margin-right: calc(-50vw + 50%);
    
    /* 以下は既存の設定を維持 */
    background-color: #000;
    padding: 80px 0;
    color: #fff;
    text-align: center;
}

@media screen and (max-width: 768px) {

  .free_plan_limit_section .l-inner{
    padding: 0 15px;
  }

.free_plan_limit_section {
    padding: 50px 0;
    margin-top: 60px;
    margin-bottom: 60px;

}

}



/* --- セミオーダー相談会ページ --- */


body.semiorder-consultation {
    background-image: url('../../images/semiorder/main_bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto; 
}
/* スマホ用の設定（画面幅767px以下の場合） */
@media screen and (max-width: 767px) {
    body.semiorder-consultation {
        background-image: url('../../images/semiorder/main_bg_sp.png');
    }
}

.semiorder-consultation .main__headline{
  padding-top: 14rem;
}
.semiorder-consultation .main__headline::before,
.semiorder-consultation .main__headline::after{
  display: none;
}
.semiorder-consultation .ta_c{
  text-align: center;
}
.semiorder-consultation .main__headline h1.semiorder__headline--title,
.semiorder-consultation .main__headline p{
  color: #ccbc9d;
  text-align: center;
}
.semiorder-consultation .main__headline h1.semiorder__headline--title{
  font-size: 4.6rem;  
  margin-bottom: 1.7em;
}
.semiorder-consultation .main__headline h1.semiorder__headline--title span{
  font-size: 43.48%;
  display: block;
  margin-bottom: 0.8em;
}
.semiorder-consultation .main__headline p{
  font-size: 2.0rem;
  line-height: 2.0;
}
.semiorder-consultation .main__headline p:nth-child(n+2) {
  margin-top: 1.0em;
}
@media screen and (max-width: 768px) {

.semiorder-consultation .main__headline{
  padding-top: 10rem;
  height: auto;
}  
.semiorder-consultation .main__headline h1.semiorder__headline--title{
  font-size: 3.0rem;  
  margin-bottom: 1.4em;
}
.semiorder-consultation .main__headline h1.semiorder__headline--title span{
  font-size: 1.4rem;
  margin-bottom: 0.8em;
}
.semiorder-consultation .main__headline p{
  font-size: 1.4rem;
  line-height: 2.0;
}

}

.semiorder.heading__02{
  font-size: 3.6rem;
}
.semiorder-consultation #semiorder__intro {
    background-color: #222222;
    color: #fff;
    padding: 80px 0;
}

.semiorder-consultation .benefits_wrap .heading__02 {
    color: #ccbc9d;
    font-family: "Noto Serif JP", serif;
    font-size: 3.2rem;
    margin-bottom: 60px;
    letter-spacing: 0.1em;
    text-align: center;
}

.semiorder-consultation .benefits_list {
    display: flex;
    justify-content: center;
    gap: 40px;
    list-style: none;
    padding: 0;
    max-width: 1180px;
    margin: 0 auto;
}

.semiorder-consultation .benefits_list li {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.semiorder-consultation .img_box {
    position: relative;
    line-height: 0;
    margin-bottom: 10px;
}

.semiorder-consultation .img_box img {
    width: 100%;
    height: auto;
    display: block;
}

.semiorder-consultation .list_num {
    position: absolute;
    top: -40px;
    left: -10px;
    font-family: "EB Garamond", serif;
    font-size: 6.0rem;
    line-height: 1;
    color: #ccbc9d;
    z-index: 1;
}

.semiorder-consultation .txt_box {
    background-color: #fff;
    color: #333;
    padding: 30px 20px;
    text-align: center;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.semiorder-consultation .txt1 {
    font-size: 2.0rem;
    font-weight: 500;
    margin-bottom: 20px;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0.1em;
    color: #333;
}

.semiorder-consultation .txt2 {
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: center;
}

.semiorder-consultation .benefits_list li:first-child .txt1 {
    margin-bottom: 10px;
}

.semiorder-consultation .benefits_list li:first-child .txt2 {
    /* font-size: 1.5rem; */
    /* letter-spacing: -0.02em; */
}

@media screen and (max-width: 768px) {

.semiorder.heading__02{
  font-size: 2.4rem;
  margin-bottom: 0.7em;
}

  .semiorder-consultation .benefits_wrap .heading__02{
    font-size: 2.4rem;
    margin-bottom: 15px;
  }
  
    .semiorder-consultation #semiorder__intro {
        padding: 50px 20px;
    }

    .semiorder-consultation .benefits_list {
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    .semiorder-consultation .benefits_list li {
        width: 100%;
        max-width: 100%;
    }

    .semiorder-consultation .img_box {
        margin-bottom: 10px;
    }

    .semiorder-consultation .list_num {
        top: -0.5em;
        left: -0.5em;
        font-size: 4.9rem;
        display: block;
        margin-bottom: 5px;
    }

    .semiorder-consultation .txt_box {
      padding: 15px;
        text-align: left;
        min-height: auto;
        display: block;
    }

    .semiorder-consultation .txt1 {
        font-size: 1.8rem;
        margin-bottom: 10px;
        text-align: center;
    }

    .semiorder-consultation .txt2 {
        font-size: 1.4rem;
        text-align: center;
    }

    .semiorder-consultation .benefits_list li:first-child .txt1 {
        margin-bottom: 10px;
    }

    .semiorder-consultation .benefits_list li:first-child .txt2 {
        font-size: 1.4rem;
        letter-spacing: normal;
    }
}

.premium__special .common__foot--note p{
  font-size: 1.2rem;

}


.semiorder-consultation .semiorder_flow {
    padding: 80px 0;
}

.semiorder-consultation .semiorder_flow_list {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
    max-width: 820px;
}

.semiorder-consultation .semiorder_flow_list li {
    position: relative;
    width: 100%;
    background-color: #86784a;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.semiorder-consultation .semiorder_flow_list li p {
    color: #fff;
    font-size: 2.0rem;
    font-family: "Noto Serif JP", serif;
    position: relative;
    z-index: 2;
    letter-spacing: 0.1em;
    margin: 0;
}

.semiorder-consultation .semiorder_flow_list li p {
    position: relative; 
    display: flex;
    align-items: center;
    justify-content: center;
}

.semiorder-consultation .note_num {
    font-size: 1.2rem; 
    position: relative;
    top: -0.5em; 
    margin-left: 0.2em; 
    font-weight: normal; 
}

.semiorder-consultation .flow_list_num {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #988c65;
    font-size: 9.0rem;
    font-family: "EB Garamond", serif;
    z-index: 1;
    line-height: 1;
    pointer-events: none;
    opacity: 0.5;
}

.semiorder-consultation .semiorder_flow_list li:not(:last-child)::after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 15px solid #988c65;
    z-index: 3;
}
.semiorder_flow .cap{
  max-width: 820px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
    .semiorder-consultation .semiorder_flow {
        padding: 50px 20px;
    }

    .semiorder-consultation .semiorder_flow_list {
        gap: 30px;
        max-width: 100%;
    }

    .semiorder-consultation .semiorder_flow_list li {
        height: 70px;
    }

    .semiorder-consultation .semiorder_flow_list li p {
        font-size: 1.6rem;
    }

.semiorder-consultation .note_num {
        font-size: 1.0rem;
        top: -0.3em;
    }

    .semiorder-consultation .flow_list_num {
        font-size: 6.0rem;
    }

    .semiorder-consultation .semiorder_flow_list li:not(:last-child)::after {
        bottom: -22px;
        border-left: 22.5px solid transparent;
        border-right: 22.5px solid transparent;
        border-top: 10px solid #988c65;
    }
}



.what_is_semiorder .free-plan__info{
  max-width: 820px;
}

.semiorder-consultation .semiorder_plans {
    padding: 80px 0 0;
}

.semiorder-consultation .semiorder_plans_inner {
    background-color: #444444;
    max-width: 1140px;
    margin: 0 auto;
    padding: 60px 40px;
    text-align: center;
}

.semiorder-consultation .semiorder_plans_inner .title {
    color: #ccbc9d;
    font-size: 2.4rem;
    font-family: "Noto Serif JP", serif;
    line-height: 1.5;
    margin-bottom: 30px;
    font-weight: 500;
}

.semiorder-consultation .semiorder_plans_inner p {
    color: #fff;
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 25px;
}

.semiorder-consultation .cap{
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 40px;
}
.semiorder-consultation .cap.cap_b{
    color: #333;
}
.semiorder-consultation .cap_l {
    text-align: left;
}
.semiorder-consultation .cap_c {
    text-align: center;
}


.semiorder-consultation .semiorder_plans_item {
    display: flex;
    justify-content: center;
    align-items: center;
    list-style: none;
    padding: 0;
    gap: 100px;
    margin: 0 auto;
}

.semiorder-consultation .semiorder_plans_item li {
    position: relative;
    flex: 0 1 430px;
}

.semiorder-consultation .semiorder_plans_item li img {
    width: 100%;
    height: auto;
    display: block;
}

.semiorder-consultation .semiorder_plans_item li:first-child::after {
    content: "";
    position: absolute;
    right: -75px;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-left: 30px solid #ccbc9d;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

@media screen and (max-width: 768px) {
    .semiorder-consultation .semiorder_plans_inner {
        padding: 40px 20px;
    }

    .semiorder-consultation .semiorder_plans_inner .title {
        font-size: 1.8rem;
    }

    .semiorder-consultation .semiorder_plans_inner p {
        font-size: 1.4rem;
        text-align: left;
        margin-bottom: 0.5em;
    }



    .semiorder-consultation .semiorder_plans_item {
        flex-direction: column;
        gap: 60px;
        margin-top: 25px;
    }

    .semiorder-consultation .semiorder_plans_item li {
        width: 100%;
    }

    .semiorder-consultation .semiorder_plans_item li:first-child::after {
        right: auto;
        left: 50%;
        bottom: -65px;
        top: auto;
        transform: translateX(-50%);
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 30px solid #ccbc9d;
    }

    .semiorder-consultation .semiorder_plans_inner p.cap_c{
      font-size: 1.2rem;
    }
}

.benefits_list .img_box {
    position: relative;
    display: block;
}
.image_caption {
    position: absolute;
    bottom: 9px;
    right: 5px;
    font-size: 1.2rem;
    letter-spacing: normal;
    text-align: right;
    line-height: 1;
    z-index: 2;
    pointer-events: none;
}
.cap_w {
    color: #ffffff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
.cap_b {
    color: #000000;
    text-shadow: 1px 1px 3px rgba(255, 255, 255, 0.7);
}


.semiorder-consultation .main__block{
  margin-bottom: 5rem;

}
.semiorder-consultation .pb0{
  padding-bottom: 0!important;
}


.header__buttons--semiorder {
        position: fixed;
        top: 17rem;
        right: 0;
        gap: 1rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: all 0.4s;
        transition: all 0.4s;
        z-index: 9;
    }

      .header__buttons--semiorder > .header__buttons--item {
    width: 4rem;
    height: 15rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
  }
.header__buttons--semiorder .header__buttons--item {
  height: auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 0.6rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #453d2f;
  color: #fff;
  font-size: 2.0rem;
  padding: 1em 1.8em;
}
.header__buttons--semiorder .header__buttons--item .btn_cap{
  font-size: 70%;
}
.header__buttons--semiorder .header__buttons--item::before {
  content: "";
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
  border: 1px solid rgba(204, 188, 157, 0.5);
  pointer-events: none;
}

@media screen and (max-width: 768px) {
.semiorder-consultation .header__buttons{
  display: none;

}

.header__buttons--semiorder {
        top: auto;
        bottom: 40px;
    }
  .header__buttons--semiorder .header__buttons--item{
    font-size: 1.2em;
    padding: 1em 1.3em;

}

}

.semiorder-consultation .phase_info_wrap{
  display: none;
}

/* 260417_床下収納ページ_追記 */

.underfloor-storage .main__headline {
  height: 100vh;
}

.underfloor-storage .main__headline::before {
  content: none;
}

.underfloor-storage .main__headline--bg::before {
  content: none;
}

.underfloor-storage .main__headline::after {
  content: none;
}

.underfloor-storage .main__headline--bg::after {
  content: none;
}

.underfloor-storage_list li {
  flex-direction: row-reverse;
}

.underfloor-storage .text {
  text-align: start;
}

.underfloor-storage .underfloor-storage_sec01 .heading__01--label {
  font-size: 3.8rem;
}

.underfloor-storage .titile {
  font-size: 3.8rem;
}

.underfloor-storage .underfloor-storage_sec02 {
  margin-top: 180px;
}

.underfloor-storage .underfloor-storage_sec02 .underfloor-storage_list_no {
  margin-top: 70px;
}

.underfloor-storage .underfloor-storage_sec02 .underfloor-storage_list_no .visual {
  width: 40%;
}

.underfloor-storage .underfloor-storage_sec02 .underfloor-storage_list_no .visual .img-cap {
  right: 80px;
}

.underfloor-storage .underfloor-storage_sec03_container {
  background-color: rgba(255, 255, 255, 0.15);
}

.underfloor-storage .underfloor-storage_sec03 .underfloor-storage_list_no {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.underfloor-storage .underfloor-storage_sec04 {
  margin-top: 180px;
}

.underfloor-storage .underfloor-storage_sec04 .underfloor-storage_list {
  margin-top: 70px;
}

.underfloor-storage .underfloor-storage_sec04 .underfloor-storage_list video {
  width: 70%;
  height: 550px;
  object-fit: cover;
}

.underfloor-storage .underfloor-storage_sec04 .underfloor-storage_example li {
  justify-content: flex-end;
}

.underfloor-storage .underfloor-storage_sec04 .underfloor-storage_example li + li {
    margin-top: 3rem;
}

.underfloor-storage .underfloor-storage_sec05 {
  background-color: #7b6b6138;
  margin-top: 180px;
}

.underfloor-storage .underfloor-storage_sec05 .home__concept--list {
  padding-bottom: 3rem;
}

.underfloor-storage .underfloor-storage_sec05 .heading__01 {
  padding-top: 3rem;
}

.underfloor-storage .underfloor-storage_sec05 .underfloor-storage_title_text {
  font-size: 2rem;
  margin-top: 3.2rem;
}

.underfloor-storage .underfloor-storage_sec05 .home__concept--list {
  padding-bottom: 6rem;
}

.underfloor-storage .underfloor-storage_sec05 .home__concept--list .underfloor-storage_dl {
  margin-top: -13rem;
}

.underfloor-storage .underfloor-storage_sec05 .home__concept--list .underfloor-storage_dl dt {
  font-size: 2.4rem;
}

.underfloor-storage .underfloor-storage_sec05 .home__concept--list .underfloor-storage_dl dd {
  font-size: 1.6rem;
}

.underfloor-storage .underfloor-storage_sec06 .heading__01--label {
  font-size: 3.8rem;
}

.underfloor-storage .underfloor-storage_btn {
  margin-top: 4.6rem;
}

.underfloor-storage .underfloor-storage_sec07 {
  margin-top: 180px;
}

.underfloor-storage .underfloor-storage_sec07 .underfloor-storage_text-center {
  letter-spacing: 0.2em;
  line-height: 2.25;
  text-align: center;
  font-size: 2rem;
}

@media screen and (max-width: 768px) {
  .underfloor-storage .underfloor-storage_sec02 {
    margin-top: 100px;
  }
  .underfloor-storage .underfloor-storage_sec02 .underfloor-storage_list_no .visual {
    width: 100%;
    margin-bottom: 3rem;
  }

  .underfloor-storage .underfloor-storage_sec02 .underfloor-storage_list_no .visual .img-cap {
    right: 15px;
  }

  .underfloor-storage .underfloor-storage_sec04 {
    margin-top: 100px;
  }

  .underfloor-storage .underfloor-storage_sec04 .underfloor-storage_list video {
    width: 100%;
    height: 450px;
    object-fit: cover;
  }

  .underfloor-storage .underfloor-storage_sec04 .underfloor-storage_example li + li {
    margin-top: 2rem;
  }

  .underfloor-storage .underfloor-storage_sec05 {
    margin-top: 100px;
  }

  .underfloor-storage .underfloor-storage_sec05 .underfloor-storage_title_text {
    font-size: 1.6rem;
    margin-top: 2.8rem;
  }

  .underfloor-storage .underfloor-storage_sec05 .home__concept--list {
    padding-bottom: 6rem;
    gap: 6rem;
  }

  .underfloor-storage .underfloor-storage_sec07 {
    margin-top: 100px;
  }

  .underfloor-storage .underfloor-storage_sec07 .underfloor-storage_text-center {
    font-size: 1.6rem;
  }
}



/*260515*/
/* ============================================================
  ロケーション（周辺環境）ページ専用追加デザイン
============================================================ */

/* 1. 見出し中央配置と白いグラデーションラインの再現 */
.location-page .heading__01.v02 {
  position: relative;
  padding-bottom: 2.5rem;
  margin-bottom: 2rem;
  text-align: center;
}
.location-page .heading__01.v02 .heading__01--label{
  margin-bottom: 1rem;
}
.location-page .heading__01.v02 .heading__01--main{
  font-size: 2.2rem;
  color: #FFF;
}
.location-page .heading__01.v02::after {
  content: "";
  display: block;
  width: 25rem;
  height: 1px;
  margin: 0 auto 0;
  background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.6), transparent);
}

.location-page .text .title {
  font-size: 2.8rem;
  color: var(--color-gold);
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin-bottom: 2.5rem;
}
.location-page .text .title.title__center{
  text-align: center;
}
.location-page .text .pc__center {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .location-page .text .title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
  .location-page .text .pc__center {
    text-align: left;
  }  
}

.location__bg-box-dark {
  max-width: 120rem; /* 1200px */
  margin-inline: auto;
  background-color: #302f2f;
  box-sizing: border-box;
}
.location__inner-container {
  padding: 0 6rem 8rem;
}
.location__inner-container .text,
.location__inner-container-1200 .text{
  margin-bottom: 5rem;
}

/* 3. 各店舗カードの適正化（余白・背景色を削除し本来の340pxを維持） */
.location__grid-3col {
  display: grid;
  grid-template-columns: repeat(3, 34rem); /* カンプ通りカチッと340pxで固定 */
  gap: 5rem 3rem; /* 3カラムの合計幅1080px */
  justify-content: center;
  margin-inline: auto;
  max-width: 108rem;
}
.location__item {
  background-color: transparent !important; /* 店舗個別の背景色を解除 */
  padding: 0 !important; /* 店舗個別の内側余白を解除 */
  width: 34rem;
  box-sizing: border-box;
}
.location__item--image, 
.location__item--image img {
  width: 34rem;
  height: auto;
  display: block;
}
.location__item--title {
  font-size: 2.2rem !important;
  margin-top: 1.5rem;
  margin-bottom: 0.5em;
  font-weight: 400;
}
.location__item--sentence {
  font-size: 1.4rem !important; /* 文字サイズ 14px */
  color: #fff;
}

/* 4. 教育施設・商業施設のコラム要素（背景#47443f、余白上下左右30px） */
.location__column-box {
  background-color: #47443f;
  padding: 3rem;
  margin-top: 5rem;
  max-width: 108rem;
  margin-inline: auto;
  box-sizing: border-box;
}
.location__column-text {
  font-size: 1.4rem;
  line-height: 1.8;
  color: #fff;
  margin: 0;
}

/* 5. 周辺環境セクション（左右画像並び・ object-fit 追従仕様） */
.location__surroundings-flex {
  display: flex;
  align-items: stretch; /* 左と右の要素の高さを揃える */
  justify-content: space-between;
}
.location__surroundings-left {
  width: 46rem; /* 左側画像・テキスト幅 460px */
  flex-shrink: 0;
}
.location__surroundings-right {
  flex: 1;
  margin-right: -6rem; /* 背景ボックスの右端にピッタリ接地させる */
  position: relative;
  /* overflow: hidden; */
  max-width: 60rem;
}
.image02-full, .image02-full img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* ブラウザ伸縮時に左右が自動カットされながら高さをキープ */
  display: block;
}

/* 6. 公園セクション（背景幅100% #3d3b36 / うはらの湯縦長画像） */
.location__section-park-full {
  background-color: #3d3b36;
  width: 100vw;
  position: relative;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: 10rem;
  padding: 0 6rem 8rem;
}
.location__inner-container-1200 {
  max-width: 120rem;
  margin-inline: auto;
  /* padding-inline: 6rem; */
  box-sizing: border-box;
}
.location__park-flex {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.location__park-left {
  width: 75rem;
}
.location__grid-park-inner {
  display: grid;
  grid-template-columns: repeat(2, 34rem);
  gap: 4rem 7rem;
}
.location__park-right {
  max-width: 38rem; /* 右側の縦長画像幅 380px */
  flex-shrink: 0;
  position: relative;
}
.image-park-vertical {
  height: 100%;
  position: relative;
}
.image-park-vertical img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* 周辺環境と同様に高さ自動追従＆左右カット仕様 */
  display: block;
}
.layout-label-park {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  /* background-color: rgba(33, 20, 12, 0.8); */
  padding: 1.5rem;
  box-sizing: border-box;
  font-size: 1.8rem;
  color: #fff;
  text-align: center;
}

/* 7. グルメセクション（PC時：画像右側に店舗情報を配置する構造） */
.location__gourmet-flex {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 5rem;
}
.gourmet__map {
  width: 54rem; /* マップ幅 540px */
  flex-shrink: 0;
  margin: 0;
}
.gourmet__side-list {
  flex: 1;
  padding-left: 4rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
.gourmet__item-flex {
  display: flex;
  align-items: flex-end;
  gap: 1rem 2rem;
  flex-wrap: wrap;
}
.gourmet__item-pic {
  width: 34rem; /* 画像幅 340px */
  flex-shrink: 0;
}
.gourmet__item-info {
  flex: 1;
}
.gourmet__item-genre {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.gourmet__item-title {
  font-size: 2.2rem !important; /* 店舗名文字サイズ 22px (2.2rem) */
  color: #fff;
  margin: 0 0 1rem 0;
}
.gourmet__item-title .item_kako{
  font-size: 70%;
  letter-spacing: -0.07em;
}
.gourmet__item-text {
  font-size: 1.4rem; /* 営業時間等文字サイズ 14px (1.4rem) */
  line-height: 1.4; /* 行間比較的狭め */
  color: #fff;
  margin: 0;
  width: 100%;
}
.gourmet__item-text .gourmet_cap{
  font-size: 1.2rem;
}

/* ============================================================
  レスポンシブ補足（スマホ時挙動の完全最適化）
============================================================ */
@media screen and (max-width: 768px) {
  /* スマホ時の余白およびコンテンツ幅を背景ボックスの幅（100%）に */
  .location__bg-box-dark {
    width: calc(100% - 3.0rem);
    max-width: 100%;
  }
  .location__inner-container {
    padding: 0 1.5rem 4rem; /* 左右1.5remの指定通り */
  }
  .location__inner-container {
    padding: 0 1.5rem 4rem; /* 左右1.5remの指定通り */
  }  
  .location__inner-container .heading__01 .v02 .text-center{
    margin-bottom:2.0rem;
  }
  .location__inner-container .text,
  .location__inner-container-1200 .text{
    margin-bottom: 4rem;
  }


  /* 3カラム指定をスマホ1カラムに解除 */
  .location__grid-3col {
    grid-template-columns: 1fr;
    max-width: 100%;
    gap: 3.5rem 0;
  }
  .location__item, .location__item--image, .location__item--image img {
    width: 100%;
  }

  /* 各種イレギュラー表示をスマホ用に最適化 */
  .location__surroundings-flex, 
  .location__park-flex, 
  .location__gourmet-flex,
  .gourmet__item-flex {
    display: block;
  }
  .location__surroundings-left {
    width: 100%;
  }
  .location__surroundings-right {
    margin-right: -1.5rem;
    margin-left: -1.5rem;
    margin-top: 3rem;
  }
  
  .location__section-park-full {
    padding-block: 0 4rem;
    padding-inline: 1.5rem;
  }
  .location__inner-container-1200 {
    padding-inline: 1.5rem;
  }
  .location__park-left, .location__park-right {
    width: 100%;
  }
  .location__grid-park-inner {
    grid-template-columns: 1fr;
    gap: 4rem 0;
  }
  .location__park-right {
    margin-top: 4rem;
  }
  
  .gourmet__map {
    width: 100%;
    margin-bottom: 4rem;
  }
  .gourmet__side-list {
    padding-left: 0;
  }
  .gourmet__item-pic {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .gourmet__item-text{
    font-size: 1.2rem;
  }
}

/* ============================================================
  商業施設セクション：コラムボックス拡張
============================================================ */
.location__uhara-box {
  padding: 3rem !important; 
  max-width: 108rem;
  margin-inline: auto;
  box-sizing: border-box;
}
.location__uhara-box.column_mb{
  margin-bottom: 4rem;
}

.location__uhara-flex {
  display: flex;
  align-items: flex-start;
  gap: 4rem; /* 画像とテキストの間の余白 */
}
#location__education .location__uhara-flex {
  flex-direction: row-reverse;
}

/* 左側画像：他のカードと同じ340px幅にカチッと合わせる */
.location__uhara-image {
  width: 34rem;
  flex-shrink: 0;
  margin: 0;
}
.location__uhara-image img {
  width: 100%;
  height: auto;
  display: block;
}

/* 右側テキストエリア */
.location__uhara-text {
  flex: 1;
  text-align: left;
}

/* タイトルと距離の横並び設定 */
.location__uhara-title-wrap {
  display: flex;
  align-items: baseline;
  gap: 2rem;
  margin-bottom: 1.5rem;
}

.location__uhara-name {
  font-size: 2.2rem; /* 店舗名 22px */
  margin: 0;
  font-weight: 500;
  letter-spacing: 0.05em;
}

.location__uhara-distance {
  font-size: 1.4rem; /* 14px */
  color: #fff; 
  margin: 0;
  letter-spacing: 0.05em;
}

/* キャッチコピー（見出し） */
.location__uhara-heading {
  font-size: 2rem;
  color: #fff;
  margin: 0 0 1.5rem 0;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.4;
}

/* 本文説明文 */
.location__uhara-sentence {
  font-size: 1.4rem; /* 14px */
  line-height: 1.8;
  color: #fff;
  margin: 0;
  letter-spacing: 0.05em;
}

/* ------------------------------------------------------------
  スマホ時レスポンシブ
------------------------------------------------------------ */
@media screen and (max-width: 768px) {
  .location__uhara-box {
    padding: 2rem 1.5rem !important;
    max-width: 108rem;
    margin-inline: auto;
    box-sizing: border-box;
  }  
  .location__uhara-flex {
    display: block; /* 縦並びに落とす */
  }
  .location__uhara-image {
    width: 100%;
    margin-bottom: 2rem;
  }
  .location__uhara-title-wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    margin-bottom: 1rem;
  }
  .location__uhara-heading {
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .location__uhara-sentence {
    font-size: 1.3rem;
    line-height: 1.6;
  }
}



.link_img_block{
  max-width: 51rem;
  margin: 9rem auto -3rem;
}
.link_img_block a{
  display: flex;
  justify-content: center;
  align-items: center;
}
.link_img_block img{
  opacity: 0.3;
}
.link_img_block .link_text{
  position: absolute;
}
.link_img_block .link_text .txt1{
  font-size: 2.4rem;
  text-align: center;
  color: var(--color-gold);
}
.link_img_block .link_text .txt2{
  font-size: 2.0rem;
  text-align: center;
  padding-top: 1rem;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .link_img_block{
    max-width: 51rem;
    margin: 8rem 2rem -1rem;

  }  
  .link_img_block .link_text .txt1{
    font-size: 1.8rem;

  }
  .link_img_block .link_text .txt2{
    font-size: 1.5rem;
    padding-top: 0.7rem;
  }  
}


/*260616*/
/* ============================================================
  value 資産価値セクション 個別指定
============================================================ */


.value__price .w-md {
  max-width: inherit !important;
}
.value__price .w-md img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {

.value__price .heading__lead {
  text-align: start;
}
}

/*260810*/
.btn_reserv a {
    /*width: 45rem;*/
    height: 6rem;
    gap: 0 0.6rem;
    font-size: 1.8rem;
}
.btn_reserv{
      margin: 6rem auto;
}

@media screen and (max-width: 768px) {
    .btn_room {
        max-width: 89%;
    }
}


/*260821　島村*/
/* ============================================================
  roomplan 更新
============================================================ */
/* ========================================================
   間取り画像リンク用グリッドレイアウト（常時2列 / スマホクラス切替対応）
======================================================== */

.roomplan__image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* スマホ表示時の余白 */
    width: 100%;
    max-width: 900px; /* 全体の最大幅 */
    margin: 0 auto;
}

/* スマホ等でクラスを付けた場合のみ1列にする設定 */
.roomplan__image-grid.grid-col-1,
.roomplan__image-grid.sp-col-1 {
    grid-template-columns: 1fr;
}

/* リンク要素 */
.roomplan__image-grid .roomplan__image-link {
    display: block;
    text-decoration: none;
    overflow: hidden;
}

/* 画像 */
.roomplan__image-grid .roomplan__image-link img {
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.3s ease;
}

/* ホバー時の透過エフェクト */
@media (hover: hover) {
    .roomplan__image-grid .roomplan__image-link:hover img {
        opacity: 0.8;
    }
}

/* PC（768px以上）の強制2列＆余白調整 */
@media (min-width: 768px) {
    .roomplan__image-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 40px; /* PC表示時の余白（必要に応じて調整してください） */
    }
}

/* ========================================================
   設備と工夫セクション（追加分）
======================================================== */

.roomplan__underfloor-storage .free-plan__list .title{
  letter-spacing: 0;
}

/* 上下の大きなパネル用余白 */
.roomplan__underfloor-storage_inner {
    margin-bottom: 4rem;
}
.roomplan__underfloor-storage_inner:last-of-type {
    margin-bottom: 0;
}

/* 2段目：3列カードレイアウト（スマホ時は1列） */
.facility-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4rem; /* カード同士の間隔 */
    margin-bottom: 4rem; /* 下の駐車場パネルとの余白 */
}
.facility-grid li {
    display: flex;
    flex-direction: column;
    /* --- カードごとに3つ別々の背景色と余白を指定 --- */
    background-color: rgba(255, 255, 255, 0.15); 
    padding: 3rem 2rem; 
}
.facility-grid .visual {
    margin-bottom: 2rem;
}
.facility-grid .visual img {
    width: 100%;
    height: auto;
}

/* 3列用のタイトル文字サイズ調整 */
.facility-grid__title {
  margin-bottom: 0.75em;
  color: var(--color-gold);
  letter-spacing: 0;
  font-size: 1.8rem;
  line-height: 1.9166666667;
}

/* 駐車場パネル等の注釈テキスト */
.facility-note {
  letter-spacing: 0;
  font-size: 0.9em;
}

/* --- PC・タブレット表示（768px以上）のレイアウト --- */
@media (min-width: 768px) {

    /* 駐車場パネル用：画像を右、テキストを左に反転 */
    .roomplan__underfloor-storage .free-plan__list li.reverse {
        flex-direction: row-reverse;
    }

    /* 2段目：3列カードレイアウトをPCで横3列に */
    .facility-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 3rem; /* 横並び時のカード同士の間隔 */
    }
    /* 3列用のタイトル文字サイズ調整 */
    .facility-grid__title {
      font-size: 2.4rem;
    }
    .facility-grid li {
        padding: 3rem; /* PC表示時は他のパネルに合わせて余白を広げる */
    }
}

/* ========================================================
   駐車場（3段目）の画像サイズ調整（追加分）
======================================================== */
@media (min-width: 768px) {
    /* 駐車場の画像エリアを42%に縮小 */
    .roomplan__underfloor-storage .free-plan__list li.reverse .visual {
        width: 42% !important;
    }
    
    /* 画像を小さくした分、テキストエリアの幅を広げる（50% → 58%） */
    .roomplan__underfloor-storage .free-plan__list li.reverse .text {
        width: 58% !important;
    }
}