/****************

master.cssは編集不可！！
LESSファイルを編集すること！

****************/
/*bootstrapの設定を読み込み*/
/* モデルハウス共通 */
p {
  line-height: 2.1;
}
section {
  position: relative;
}
.page-catalog-title-wrap {
  position: relative;
  white-space: nowrap;
}
.page-catalog-title {
  font-size: clamp(1.75rem, calc(3.0555555555555554vw + 1.0625rem), 3.125rem);
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  width: fit-content;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.page-catalog-title-jp {
  font-size: clamp(0.625rem, calc(1.1111111111111112vw + 0.375rem), 1.125rem);
  margin-bottom: 0;
  font-weight: 500;
  color: #010101;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .page-catalog-title-jp {
    font-size: clamp(1.125rem, calc(0.3225806451612903vw + 0.8669354838709677rem), 1.25rem);
  }
}
.page-catalog-title-left {
  font-size: clamp(1.75rem, calc(3.0555555555555554vw + 1.0625rem), 3.125rem);
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1;
  color: #ffffff;
  position: relative;
}
.page-catalog-title-jp-left {
  font-size: clamp(0.625rem, calc(1.1111111111111112vw + 0.375rem), 1.125rem);
  margin-bottom: 0;
  font-weight: 500;
  color: #010101;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 5%;
}
@media (min-width: 992px) {
  .page-catalog-title-jp-left {
    font-size: clamp(1.125rem, calc(0.3225806451612903vw + 0.8669354838709677rem), 1.25rem);
  }
}
.page-catalog-title-jp-white {
  font-size: clamp(0.625rem, calc(1.1111111111111112vw + 0.375rem), 1.125rem);
  margin-bottom: 0;
  font-weight: 500;
  color: #ffffff;
  line-height: 1;
  position: absolute;
  bottom: 0;
  left: 5%;
}
@media (min-width: 992px) {
  .page-catalog-title-jp-white {
    font-size: clamp(1.125rem, calc(0.3225806451612903vw + 0.8669354838709677rem), 1.25rem);
  }
}
.catalog-text {
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  font-weight: 500;
}
.section-margin-top {
  margin-top: clamp(3.75rem, calc(3.571428571428571vw + 2.9464285714285716rem), 5.625rem);
}
.catalog-text {
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  font-weight: 500;
}
.catalog-eyecatch-wrap {
  position: relative;
  padding-top: clamp(3.125rem, calc(7.142857142857142vw + 1.517857142857143rem), 10rem);
  padding-bottom: clamp(3.125rem, calc(7.142857142857142vw + 1.517857142857143rem), 10rem);
  background-image: url(../images/page/catalog/eyecatch.webp);
  background-size: cover;
  background-position: center;
}
.catalog-eyecatch-wrap .catalog-logo {
  width: 76px;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(2.5rem, calc(1.1904761904761905vw + 2.232142857142857rem), 3.125rem);
}
@media (min-width: 768px) {
  .catalog-eyecatch-wrap .catalog-logo {
    width: 120px;
  }
}
@media (min-width: 992px) {
  .catalog-eyecatch-wrap .catalog-logo {
    width: 160px;
  }
}
.catalog-eyecatch-wrap .catalog-catchcopy {
  font-size: clamp(1rem, calc(2.638888888888889vw + 0.40625rem), 2.1875rem);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  margin-bottom: clamp(8.75rem, calc(42.857142857142854vw + -0.8928571428571423rem), 31.25rem);
}
.catalog-eyecatch-wrap .eyecatch-tit {
  font-size: clamp(0.875rem, calc(1.9444444444444444vw + 0.4375rem), 1.75rem);
  font-weight: 500;
  line-height: 2;
  text-align: center;
  color: #ffffff;
  margin-bottom: clamp(1.875rem, calc(17.857142857142858vw + -2.1428571428571432rem), 11.25rem);
}
.catalog-eyecatch-wrap::before {
  content: "";
  background-image: linear-gradient(transparent, #000000);
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.catalog-contact {
  width: 70%;
  display: flex;
  flex-direction: column;
  list-style-type: none;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(1.875rem, calc(3.571428571428571vw + 1.0714285714285716rem), 3.75rem);
}
@media (min-width: 768px) {
  .catalog-contact {
    max-width: 500px;
    flex-direction: row;
    justify-content: center;
  }
}
.catalog-contact-text-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
}
.catalog-contact-text-wrap p {
  font-size: clamp(0.75rem, calc(0.2777777777777778vw + 0.6875rem), 0.875rem);
  font-weight: 500;
  padding-left: clamp(1.25rem, calc(1.2987012987012987vw + 0.9577922077922078rem), 2.5rem);
  padding-right: clamp(1.25rem, calc(1.2987012987012987vw + 0.9577922077922078rem), 2.5rem);
  margin-bottom: 0;
}
.catalog-contact-text-wrap .btn-circle {
  position: relative;
  overflow: hidden;
  background-color: #010101;
  border-radius: 50%;
  display: block;
  width: 1.75rem;
  height: 1.75rem;
  margin-right: 0;
  transition: 0.5s ease-in-out;
}
@media (min-width: 992px) {
  .catalog-contact-text-wrap .btn-circle {
    width: 2rem;
    height: 2rem;
  }
}
.catalog-contact-text-wrap .btn-circle::before {
  content: "";
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  clip-path: polygon(0 45%, 85% 45%, 50% 0, 60% 0, 100% 50%, 60% 100%, 50% 100%, 85% 55%, 0 55%);
  background-color: #ffffff;
  transform: translate(-50%, -50%);
  transition: 0.5s ease-in-out;
}
.catalog-contact-link-round {
  color: #ffffff;
  background-color: #8D1C17;
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  height: 100%;
  padding: .625rem;
  border-radius: 30px;
  overflow: hidden;
}
.catalog-contact-link-round:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  background-color: #010101;
  transform: scaleX(0);
  transform-origin: left top;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.catalog-contact-link-round:hover {
  color: #ffffff;
}
.catalog-contact-link-round:hover .btn-circle {
  background-color: #ffffff;
}
.catalog-contact-link-round:hover .btn-circle::before {
  background-color: #010101;
}
.catalog-contact-link-round:hover .btn-circle::before {
  animation: move-arrow-catalog 0.8s linear;
}
@keyframes move-arrow-catalog {
  /* 円の中（少し左寄り） */
  0% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
  /* 右側の外にはみ出す位置 */
  45% {
    transform: translateY(-50%) translateX(60px);
    opacity: 1;
  }
  /* 一瞬で左外へワープ（見た目を自然にするなら透明に） */
  50% {
    transform: translateY(-50%) translateX(-60px);
    opacity: 0;
  }
  /* 左外からまた見えるようにする */
  55% {
    transform: translateY(-50%) translateX(-60px);
    opacity: 1;
  }
  /* 元の位置（円の中）に戻る */
  100% {
    transform: translateY(-50%) translateX(0);
    opacity: 1;
  }
}
.catalog-contact-link-round:hover:before {
  transform: scale(1);
}
.catalog-intro-wrap {
  position: relative;
  overflow: hidden;
  padding-top: clamp(1.875rem, calc(3.2467532467532463vw + 1.1444805194805197rem), 5rem);
}
.catalog-intro-wrap .intro-tit {
  font-size: clamp(0.75rem, calc(2.5vw + 0.1875rem), 1.875rem);
  font-weight: 500;
  line-height: 1.6;
  margin-bottom: 0;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.catalog-intro-wrap .intro-text-wrap {
  margin-top: clamp(1.25rem, calc(5.194805194805195vw + 0.081168831168831rem), 6.25rem);
  margin-bottom: clamp(1.875rem, calc(11.03896103896104vw + -0.6087662337662336rem), 12.5rem);
  padding-left: clamp(0.625rem, calc(4.545454545454546vw + -0.3977272727272727rem), 5rem);
  padding-right: clamp(0.625rem, calc(4.545454545454546vw + -0.3977272727272727rem), 5rem);
}
.catalog-intro-wrap .intro-text {
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  font-weight: 500;
}
.catalog-intro-wrap .intro-img-wrap02 {
  width: 100%;
  aspect-ratio: 0.38461538;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .catalog-intro-wrap .intro-img-wrap02 {
    aspect-ratio: 0.45454545;
  }
}
.catalog-intro-wrap .intro-img-wrap02 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-intro-wrap .intro-img-wrap03 {
  margin-top: clamp(2.5rem, calc(6.493506493506493vw + 1.038961038961039rem), 8.75rem);
  width: 100%;
  aspect-ratio: 0.46706587;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .catalog-intro-wrap .intro-img-wrap03 {
    aspect-ratio: 0.91666667;
  }
}
.catalog-intro-wrap .intro-img-wrap03 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#catalog-slide {
  overflow: hidden;
  margin-top: clamp(1.875rem, calc(3.2467532467532463vw + 1.1444805194805197rem), 5rem);
}
#catalog-slide .swiper-wrapper {
  transition-timing-function: linear;
}
#catalog-slide .swiper-wrapper .swiper-slide {
  width: auto;
  height: 180px !important;
}
@media (min-width: 768px) {
  #catalog-slide .swiper-wrapper .swiper-slide {
    height: 240px !important;
  }
}
@media (min-width: 1200px) {
  #catalog-slide .swiper-wrapper .swiper-slide {
    height: 420px !important;
  }
}
#catalog-slide .swiper-wrapper .swiper-slide img {
  width: auto;
  height: 100%;
  object-fit: cover;
  vertical-align: bottom;
}
#page-catalog-guide {
  padding-top: clamp(3.75rem, calc(11.688311688311687vw + 1.1201298701298703rem), 15rem);
  overflow: hidden;
}
#page-catalog-guide .guide-title {
  font-size: clamp(2.25rem, calc(1.9444444444444444vw + 1.8125rem), 3.125rem);
  font-weight: 700;
  line-height: 1;
  margin-bottom: clamp(0.625rem, calc(0.6493506493506493vw + 0.4788961038961039rem), 1.25rem);
}
#page-catalog-guide .guide-title-jp {
  font-size: clamp(0.75rem, calc(1.9444444444444444vw + 0.3125rem), 1.625rem);
  font-weight: 500;
  margin-bottom: clamp(0.625rem, calc(0.6493506493506493vw + 0.4788961038961039rem), 1.25rem);
}
#page-catalog-guide .guide-sub {
  font-size: clamp(0.875rem, calc(1.6666666666666667vw + 0.5rem), 1.625rem);
  font-weight: 600;
  margin-bottom: clamp(1.875rem, calc(-0.6493506493506493vw + 2.021103896103896rem), 1.25rem);
}
#page-catalog-guide .catalog-odd,
#page-catalog-guide .catalog-even {
  position: relative;
  width: 130%;
  min-height: 400px;
  overflow: hidden;
  margin-bottom: clamp(7.5rem, calc(-5.194805194805195vw + 8.668831168831169rem), 2.5rem);
}
@media (min-width: 992px) {
  #page-catalog-guide .catalog-odd,
  #page-catalog-guide .catalog-even {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#page-catalog-guide .catalog-odd img,
#page-catalog-guide .catalog-even img {
  width: 100%;
  height: auto;
  display: block;
}
#page-catalog-guide .catalog-odd .guide-info,
#page-catalog-guide .catalog-even .guide-info {
  position: absolute;
  top: 65%;
  max-width: 50%;
}
@media (min-width: 768px) {
  #page-catalog-guide .catalog-odd .guide-info,
  #page-catalog-guide .catalog-even .guide-info {
    max-width: 40%;
    top: initial;
    bottom: 6%;
  }
}
#page-catalog-guide .catalog-odd .guide-info h3,
#page-catalog-guide .catalog-even .guide-info h3 {
  font-size: clamp(0.875rem, calc(0.7792207792207793vw + 0.6996753246753247rem), 1.625rem);
  font-weight: 500;
  text-align: center;
  margin-bottom: clamp(0.9375rem, calc(0.6493506493506493vw + 0.7913961038961039rem), 1.5625rem);
}
#page-catalog-guide .catalog-odd .guide-info p,
#page-catalog-guide .catalog-even .guide-info p {
  font-size: clamp(0.75rem, calc(0.5194805194805194vw + 0.6331168831168831rem), 1.25rem);
  margin-bottom: 0;
}
#page-catalog-guide .catalog-odd {
  margin-left: -20%;
}
@media (min-width: 992px) {
  #page-catalog-guide .catalog-odd {
    margin-left: initial;
  }
}
#page-catalog-guide .catalog-odd .guide-info {
  right: 10%;
}
@media (min-width: 992px) {
  #page-catalog-guide .catalog-odd .guide-info {
    right: 10%;
  }
}
#page-catalog-guide .catalog-even {
  margin-right: -20%;
}
@media (min-width: 992px) {
  #page-catalog-guide .catalog-even {
    margin-right: initial;
  }
}
#page-catalog-guide .catalog-even .guide-info {
  left: 4%;
}
@media (min-width: 992px) {
  #page-catalog-guide .catalog-even .guide-info {
    left: 10%;
  }
}
#page-catalog-guide #catalogVideo {
  width: 100%;
  aspect-ratio: 1.15625;
  overflow: hidden;
}
@media (min-width: 1200px) {
  #page-catalog-guide #catalogVideo {
    aspect-ratio: 1.15;
  }
}
#page-catalog-guide #catalogVideo video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ink-bg-on {
  background-color: #2D2D2D;
}
.ink-bg-on .intro-text,
.ink-bg-on .guide-title,
.ink-bg-on .guide-title-jp,
.ink-bg-on .guide-sub,
.ink-bg-on .guide-info,
.ink-bg-on .page-catalog-title-jp-left {
  color: #ffffff;
}
.page-catalog-merit {
  padding-top: clamp(1.25rem, calc(5.194805194805195vw + 0.081168831168831rem), 6.25rem);
  padding-bottom: clamp(1.25rem, calc(5.194805194805195vw + 0.081168831168831rem), 6.25rem);
}
.catalog-meritbox-odd,
.catalog-meritbox-even {
  position: relative;
  margin-top: clamp(1.25rem, calc(1.2987012987012987vw + 0.9577922077922078rem), 2.5rem);
  padding-bottom: clamp(5.625rem, calc(5.844155844155844vw + 4.310064935064935rem), 11.25rem);
}
.catalog-meritbox-odd .img-wrap,
.catalog-meritbox-even .img-wrap {
  width: 100%;
  aspect-ratio: 1.67889908;
  overflow: hidden;
}
@media (min-width: 1200px) {
  .catalog-meritbox-odd .img-wrap,
  .catalog-meritbox-even .img-wrap {
    aspect-ratio: 1.68831169;
  }
}
.catalog-meritbox-odd .img-wrap img,
.catalog-meritbox-even .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.catalog-meritbox-odd .detail,
.catalog-meritbox-even .detail {
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 1;
  padding-left: clamp(1.25rem, calc(3.2467532467532463vw + 0.5194805194805195rem), 4.375rem);
  padding-right: clamp(1.25rem, calc(3.2467532467532463vw + 0.5194805194805195rem), 4.375rem);
  padding-bottom: clamp(1.25rem, calc(2.5974025974025974vw + 0.6655844155844155rem), 3.75rem);
}
.catalog-meritbox-odd .detail h3,
.catalog-meritbox-even .detail h3 {
  font-size: clamp(0.8125rem, calc(2.361111111111111vw + 0.28125rem), 1.875rem);
  margin-bottom: clamp(0.9375rem, calc(2.922077922077922vw + 0.2800324675324676rem), 3.75rem);
  font-weight: 600;
  line-height: 1.6;
}
.catalog-meritbox-odd .detail p,
.catalog-meritbox-even .detail p {
  font-size: clamp(0.6875rem, calc(0.6944444444444444vw + 0.53125rem), 1rem);
  font-weight: 500;
  margin-bottom: 0;
}
.catalog-meritbox-even .detail {
  text-align: right;
}
.catalog-meritbox-odd:before,
.catalog-meritbox-even:before {
  content: attr(data-text);
  position: absolute;
  top: 10px;
  font-size: clamp(1.875rem, calc(10.9375vw + -0.5859375rem), 6.25rem);
  color: #F0F0F0;
  font-weight: 700;
  line-height: 1;
  z-index: 1;
}
.catalog-meritbox-odd:before {
  left: 10px;
  writing-mode: sideways-rl;
}
.catalog-meritbox-even:before {
  right: 10px;
  writing-mode: sideways-lr;
}
.catalog-meritbox-odd:after,
.catalog-meritbox-even:after {
  content: "";
  background-color: #ffffff;
  position: absolute;
  inset: 0;
  z-index: 0;
}
.catalog-meritbox-odd:after {
  clip-path: polygon(0 30%, 100% 60%, 100% 100%, 0% 100%);
}
@media (min-width: 768px) {
  .catalog-meritbox-odd:after {
    clip-path: polygon(0 40%, 100% 70%, 100% 100%, 0% 100%);
  }
}
@media (min-width: 992px) {
  .catalog-meritbox-odd:after {
    clip-path: polygon(0 50%, 100% 70%, 100% 100%, 0% 100%);
  }
}
.catalog-meritbox-even:after {
  clip-path: polygon(0 60%, 100% 30%, 100% 100%, 0% 100%);
}
@media (min-width: 768px) {
  .catalog-meritbox-even:after {
    clip-path: polygon(0 70%, 100% 40%, 100% 100%, 0% 100%);
  }
}
@media (min-width: 992px) {
  .catalog-meritbox-even:after {
    clip-path: polygon(0 70%, 100% 50%, 100% 100%, 0% 100%);
  }
}
.page-catalog-promise {
  padding-top: clamp(2.5rem, calc(1.2987012987012987vw + 2.207792207792208rem), 3.75rem);
  padding-bottom: clamp(2.5rem, calc(1.2987012987012987vw + 2.207792207792208rem), 3.75rem);
  padding-left: clamp(0.625rem, calc(1.2987012987012987vw + 0.33279220779220775rem), 1.875rem);
  padding-right: clamp(0.625rem, calc(1.2987012987012987vw + 0.33279220779220775rem), 1.875rem);
  background-color: #CCCCCC;
}
.page-catalog-promise .promise-sub {
  position: relative;
  font-size: clamp(0.875rem, calc(1.3888888888888888vw + 0.5625rem), 1.5rem);
  font-weight: 500;
  text-align: center;
  margin-top: clamp(1.875rem, calc(5.844155844155844vw + 0.5600649350649352rem), 7.5rem);
  margin-bottom: clamp(2.5rem, calc(2.5974025974025974vw + 1.9155844155844155rem), 5rem);
}
.page-catalog-promise .promise-img-wrap {
  margin-top: clamp(1.875rem, calc(7.142857142857142vw + 0.267857142857143rem), 8.75rem);
  width: 100%;
  aspect-ratio: 0.75;
}
@media (min-width: 992px) {
  .page-catalog-promise .promise-img-wrap {
    aspect-ratio: 1.97916667;
  }
}
.page-catalog-promise .promise-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-catalog-slide {
  position: relative;
  padding-top: clamp(3.75rem, calc(7.792207792207792vw + 1.9967532467532467rem), 11.25rem);
  padding-bottom: clamp(3.75rem, calc(7.792207792207792vw + 1.9967532467532467rem), 11.25rem);
  background-image: url(../images/page/catalog/review-bg.webp);
  background-size: cover;
  background-position: center;
}
.page-catalog-slide .review-title {
  font-size: clamp(2.25rem, calc(1.9444444444444444vw + 1.8125rem), 3.125rem);
  font-weight: 700;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  margin-bottom: clamp(0.625rem, calc(0.6493506493506493vw + 0.4788961038961039rem), 1.25rem);
}
.page-catalog-slide .review-title-jp {
  font-size: clamp(0.75rem, calc(1.9444444444444444vw + 0.3125rem), 1.625rem);
  font-weight: 500;
  color: #ffffff;
  text-align: center;
  margin-bottom: clamp(0.625rem, calc(9.740259740259742vw + -1.5665584415584415rem), 10rem);
}
.page-catalog-slide .slide-tit {
  font-size: clamp(1rem, calc(1.9444444444444444vw + 0.5625rem), 1.875rem);
  font-weight: 500;
  line-height: 2;
  color: #ffffff;
  margin-bottom: clamp(2.5rem, calc(2.380952380952381vw + 1.9642857142857144rem), 3.75rem);
}
.page-catalog-slide .lp-text {
  color: #ffffff;
  margin-bottom: clamp(2.5rem, calc(9.523809523809524vw + 0.3571428571428572rem), 7.5rem);
}
.page-catalog-slide .swiper-slide {
  height: auto;
  display: flex;
  background-color: rgba(255, 255, 255, 0.8);
}
.page-catalog-slide .swiper-slide .slide {
  position: relative;
  padding-top: clamp(3.125rem, calc(2.5974025974025974vw + 2.5405844155844157rem), 5.625rem);
}
.page-catalog-slide .swiper-slide .slide img {
  width: 35%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.page-catalog-slide .swiper-slide .slide:after {
  content: attr(data-text);
  position: absolute;
  bottom: 0;
  right: 8%;
  font-size: clamp(0.625rem, calc(1.25vw + 0.34375rem), 1.125rem);
  font-weight: 500;
  line-height: 1;
}
.page-catalog-slide .swiper-slide .detail {
  position: relative;
  padding-top: clamp(1.875rem, calc(1.2987012987012987vw + 1.5827922077922079rem), 3.125rem);
  padding-bottom: clamp(1.875rem, calc(1.2987012987012987vw + 1.5827922077922079rem), 3.125rem);
  padding-left: clamp(1.25rem, calc(0.6493506493506493vw + 1.103896103896104rem), 1.875rem);
  padding-right: clamp(1.25rem, calc(0.6493506493506493vw + 1.103896103896104rem), 1.875rem);
}
.page-catalog-slide .swiper-slide .detail .sub {
  font-size: clamp(0.875rem, calc(0.8333333333333334vw + 0.6875rem), 1.25rem);
  margin-bottom: clamp(1.25rem, calc(2.380952380952381vw + 0.7142857142857143rem), 2.5rem);
  font-weight: 600;
  line-height: 1.6;
}
.page-catalog-slide .swiper-slide .detail .review-text {
  font-size: clamp(0.75rem, calc(0.8333333333333334vw + 0.5625rem), 1.125rem);
  font-weight: 500;
  line-height: 1.6;
}
.page-catalog-slide .swiper-slide > .slide-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.page-catalog-slide .bnr-wrap-lp {
  width: 100%;
  position: absolute;
  bottom: -48px;
  left: 50%;
  transform: translateX(-50%);
}
@media (min-width: 768px) {
  .page-catalog-slide .bnr-wrap-lp {
    bottom: -70px;
  }
}
@media (min-width: 992px) {
  .page-catalog-slide .bnr-wrap-lp {
    bottom: -80px;
  }
}
@media (min-width: 1200px) {
  .page-catalog-slide .bnr-wrap-lp {
    bottom: -100px;
  }
}
.page-catalog-slide .bnr-wrap-lp img {
  display: block;
  margin: auto;
  width: auto;
  height: 96px;
}
@media (min-width: 768px) {
  .page-catalog-slide .bnr-wrap-lp img {
    height: 140px;
  }
}
@media (min-width: 992px) {
  .page-catalog-slide .bnr-wrap-lp img {
    height: 160px;
  }
}
@media (min-width: 1200px) {
  .page-catalog-slide .bnr-wrap-lp img {
    height: 200px;
  }
}
.page-catalog-slide::before {
  content: "";
  background-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}
.page-catalog-form {
  padding-top: clamp(2.5rem, calc(6.493506493506493vw + 1.038961038961039rem), 8.75rem);
  padding-bottom: clamp(2.5rem, calc(6.493506493506493vw + 1.038961038961039rem), 8.75rem);
}
.white-content {
  padding-top: clamp(1.875rem, calc(1.948051948051948vw + 1.4366883116883118rem), 3.75rem);
  padding-bottom: clamp(1.875rem, calc(1.948051948051948vw + 1.4366883116883118rem), 3.75rem);
  padding-left: clamp(1.25rem, calc(1.2987012987012987vw + 0.9577922077922078rem), 2.5rem);
  padding-right: clamp(1.25rem, calc(1.2987012987012987vw + 0.9577922077922078rem), 2.5rem);
  background-color: #ffffff;
  position: relative;
  margin-bottom: clamp(1.875rem, calc(3.571428571428571vw + 1.0714285714285716rem), 3.75rem);
}
.white-content .page-catalog-title-wrap {
  margin-bottom: clamp(1.875rem, calc(3.571428571428571vw + 1.0714285714285716rem), 3.75rem);
}
.white-content .page-catalog-title {
  color: #F0F0F0;
}
.form-wrap {
  width: 100%;
}
@media (min-width: 992px) {
  .form-wrap {
    width: 820px;
    margin-left: auto;
    margin-right: auto;
  }
}
.contactform-text {
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  font-weight: 500;
  line-height: 3.125rem;
  margin-bottom: 0;
}
.req-text {
  color: #8D1C17;
}
/* ベース */
.acc {
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: clip;
  /* 角丸を保ったまま中を切る */
  background: #fff;
}
/* summaryのデフォルト三角を消す */
.acc > summary {
  list-style: none;
}
.acc > summary::-webkit-details-marker {
  display: none;
}
.acc__head {
  cursor: pointer;
  padding: 14px 16px;
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
/* 右側の矢印 */
.acc__head::after {
  content: "▾";
  transition: transform 240ms ease;
}
/* 中身：gridで高さ可変でも滑らかに */
.acc__body {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 240ms ease;
}
.acc__inner {
  overflow: hidden;
  padding: 0 16px;
  /* 開閉時の余白はinnerに持たせる */
  padding-bottom: 14px;
  font-size: clamp(0.75rem, calc(0.5555555555555556vw + 0.625rem), 1rem);
  color: #333;
  line-height: 1.7;
}
/* 開いたとき */
.acc[open] .acc__body {
  grid-template-rows: 1fr;
}
.acc[open] .acc__head::after {
  transform: rotate(180deg);
}
/* ユーザーが「動きを減らす」設定ならアニメ無し */
@media (prefers-reduced-motion: reduce) {
  .acc__body,
  .acc__head::after {
    transition: none;
  }
}
.submit-wrap {
  position: relative;
  width: 180px;
  height: 50px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
@media (min-width: 768px) {
  .submit-wrap {
    width: 200px;
  }
}
@media (min-width: 992px) {
  .submit-wrap {
    width: 220px;
    height: 60px;
  }
}
.submit-wrap .circle-icon {
  position: absolute;
  top: 5px;
  right: 5px;
  display: block;
  width: 36px;
  height: 36px;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 50%;
  transition: 0.5s ease-in-out;
}
@media (min-width: 992px) {
  .submit-wrap .circle-icon {
    width: 40px;
    height: 40px;
  }
}
.submit-wrap .circle-icon:before {
  content: "";
  width: .5rem;
  height: .5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  clip-path: polygon(0 45%, 85% 45%, 50% 0, 60% 0, 100% 50%, 60% 100%, 50% 100%, 85% 55%, 0 55%);
  background-color: #8D1C17;
  transform: translate(-50%, -50%);
  transition: 0.5s ease-in-out;
}
.submit-wrap:hover .btn-circle {
  background-color: transparent;
}
.submit-wrap:hover .btn-circle::before {
  background-color: #ffffff;
}