@charset "UTF-8";
/*=================================================
パーシャルインポート
===================================================*/
/* デフォルトフォントサイズ設定
--------------------------------*/
/*=================================================
ぼかし表示
===================================================*/
.inview-blur {
  opacity: 0;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: 0.8s;
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
/* パーシャルインポート
--------------------------------*/
/* デフォルトフォントサイズ設定
--------------------------------*/
/*=================================================
ぼかし表示
===================================================*/
.inview-blur {
  opacity: 0;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: 0.8s;
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
/* カラー設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* PCサイズ設定
--------------------------------*/
/* TBサイズ設定
--------------------------------*/
/* 横幅設定
--------------------------------*/
/* 余白設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* ボタン
--------------------------------*/
/* カラー設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* PCサイズ設定
--------------------------------*/
/* TBサイズ設定
--------------------------------*/
/* 横幅設定
--------------------------------*/
/* 余白設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* パーシャルインポート
--------------------------------*/
/* デフォルトフォントサイズ設定
--------------------------------*/
/*=================================================
ぼかし表示
===================================================*/
.inview-blur {
  opacity: 0;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: 0.8s;
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
/* カラー設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* PCサイズ設定
--------------------------------*/
/* TBサイズ設定
--------------------------------*/
/* 横幅設定
--------------------------------*/
/* 余白設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* 基本設定
--------------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  color: #551800;
  overflow-x: hidden;
}

/* 見出し設定
--------------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 600 700;
}

/* 画像設定
--------------------------------*/
figure {
  display: block;
}

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

/* 改行制御
--------------------------------*/
.br-pc {
  display: none;
}
@media (min-width: 64rem) {
  .br-pc {
    display: block;
  }
}

.br-tb {
  display: block;
}
@media (min-width: 37.5rem) {
  .br-tb {
    display: none;
  }
}
@media (min-width: 64rem) {
  .br-tb {
    display: none;
  }
}

.br-sp {
  display: block;
}
@media (min-width: 64rem) {
  .br-sp {
    display: none;
  }
}

/* パーシャルインポート
--------------------------------*/
/* デフォルトフォントサイズ設定
--------------------------------*/
/*=================================================
ぼかし表示
===================================================*/
.inview-blur {
  opacity: 0;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
  transition: 0.8s;
}

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
@keyframes imageBlur {
  from {
    opacity: 0;
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px);
  }
  to {
    opacity: 1;
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}
/* カラー設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* PCサイズ設定
--------------------------------*/
/* TBサイズ設定
--------------------------------*/
/* 横幅設定
--------------------------------*/
/* 余白設定
--------------------------------*/
/* フォント設定
--------------------------------*/
/* header
--------------------------------*/
.header {
  background: #ffaa55;
}
.header-container {
  position: relative;
}
@media (min-width: 64rem) {
  .header-container {
    background: url(../img/border_horizontal.webp) repeat-x bottom center;
  }
}
.header-ttl {
  position: absolute;
  overflow: hidden;
  top: clamp(10rem, 11vw, 13.125rem);
  left: 0;
  right: 0;
  margin: 0 auto;
  text-align: center;
}
.header-ttl .en, .header-ttl .ja {
  display: block;
}
.header-ttl .en {
  font-family: adorn-coronet, sans-serif;
  font-size: clamp(2.5rem, 6.25vw, 7.5rem);
  color: #ff5f1a;
  transform: rotate(-5deg);
  margin-bottom: 0.9375rem;
}
@media (min-width: 64rem) {
  .header-ttl .en {
    margin-bottom: 0;
  }
}
.header-ttl .ja {
  font-size: clamp(1.75rem, 2.6vw, 3.125rem);
  font-weight: 900;
}
.header-ttl .ja .em {
  display: block;
  margin-top: 0.625rem;
  font-size: 2.5rem;
  line-height: 1.2;
}
@media (min-width: 64rem) {
  .header-ttl .ja .em {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    margin-top: 0;
  }
}
@media (min-width: 64rem) {
  .header-image img {
    max-width: 120rem;
    margin: 0 auto;
  }
}
.header .seasonalDecoL, .header .seasonalDecoR {
  display: none;
}
@media (min-width: 64rem) {
  .header .seasonalDecoL, .header .seasonalDecoR {
    display: block;
    position: absolute;
    top: 0;
    z-index: 9999;
  }
}
@media (min-width: 64rem) {
  .header .seasonalDecoL {
    left: 0;
    width: 21%;
    max-width: 25rem;
  }
}
@media (min-width: 64rem) {
  .header .seasonalDecoR {
    right: 0;
    width: 23.5%;
    max-width: 28.125rem;
  }
}

/* footer
--------------------------------*/
.footer {
  padding: clamp(3.125rem, 16.6vw, 12.5rem) 0 clamp(2.5rem, 6.6vw, 5rem);
  background: url(../img/footer_bg_sp.webp) no-repeat center center #f3f5f7;
  background-size: cover;
}
@media (min-width: 64rem) {
  .footer {
    background: url(../img/footer_bg_pc.webp) no-repeat center center #f3f5f7;
    background-size: 120rem auto;
  }
}
.footer-container {
  position: relative;
  width: min(84%, 64rem);
  margin: 0 auto;
}
.footer-link {
  display: block;
  padding: clamp(2.25rem, 7.5vw, 5.625rem) clamp(1.875rem, 6.6vw, 5rem) clamp(1.875rem, 5.83vw, 4.375rem);
  background: url(../img/btn_fotter_sp.webp) no-repeat center center;
  background-size: cover;
  margin-bottom: clamp(6.25rem, 3vw, 12.5rem);
  box-shadow: 1.25rem 0.625rem 1.25rem 0px rgba(201, 202, 202, 0.75);
}
@media (min-width: 64rem) {
  .footer-link {
    background: url(../img/btn_fotter_pc.webp) no-repeat center center;
    background-size: cover;
  }
}
.footer-link:hover .footer-btn {
  color: #fff;
  background-image: url(../img/icon_arrow_wh.webp);
  background-color: #551800;
}
.footer-txt {
  font-size: clamp(0.875rem, 3.3vw, 2.25rem);
  text-align: center;
  margin-bottom: clamp(2.5rem, 8.33vw, 6.25rem);
}
@media (min-width: 64rem) {
  .footer-txt {
    text-align: left;
  }
}
.footer-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: clamp(11.25rem, 33.3vw, 25rem);
  height: clamp(2.5rem, 8.33vw, 6.25rem);
  font-size: clamp(0.875rem, 2.3vw, 1.75rem);
  font-weight: 700;
  padding: 0 clamp(0.625rem, 2.5vw, 1.875rem);
  margin: 0 auto;
  border: 0.125rem #551800 solid;
  background-image: url(../img/icon_arrow_br.webp);
  background-repeat: no-repeat;
  background-position: right 0.625rem center;
  background-color: #fff;
  background-size: 0.375rem auto;
  transition: all 0.3s 0s ease;
}
@media (min-width: 64rem) {
  .footer-btn {
    margin: 0;
    background-position: right 1.875rem center;
    background-size: 1rem auto;
  }
}
.footer-logo {
  width: clamp(11.25rem, 35vw, 26.25rem);
  height: auto;
  margin: 0 auto clamp(1.125rem, 3.3vw, 2.5rem);
}
.footer-copyright {
  font-size: clamp(0.375rem, 1.33vw, 1rem);
  text-align: center;
}

/*=================================================
intro
===================================================*/
.intro {
  text-align: center;
  background: #ffca68 url(../img/pic_momiji.webp) no-repeat top 3% right 6%;
  background-size: 4.625rem auto;
}
@media (min-width: 64rem) {
  .intro {
    background-image: none;
  }
}
.intro-container {
  padding: clamp(3.125rem, 15vw, 11.25rem) 0;
  padding-bottom: 0;
}
@media (min-width: 64rem) {
  .intro-container {
    max-width: 64rem;
    margin: 0 auto;
  }
}
.intro-ttl {
  font-size: clamp(1.25rem, 4.2vw, 2.75rem);
  font-weight: 700;
  margin-bottom: clamp(2rem, 9.375vw, 6rem);
}
.intro-txt {
  font-size: clamp(1rem, 2.7vw, 1.75rem);
  line-height: 2;
  margin-bottom: clamp(2.5rem, 6.6vw, 5rem);
}
.intro-txt:last-of-type {
  margin-bottom: clamp(3rem, 13vw, 10rem);
}
.intro-plus-ttl {
  font-size: clamp(1.125rem, 3.7vw, 2.375rem);
  font-weight: 900;
  margin-bottom: clamp(1.5rem, 6.6vw, 5rem);
}
.intro-plus-copy {
  font-family: adorn-coronet, sans-serif;
  font-size: clamp(2.25rem, 9.7vw, 6.25rem);
  color: #00a73c;
  transform: rotate(-5deg);
}
.intro-plus-point {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: min(75%, 50rem);
  margin: 0 auto;
}
.intro-plus-point li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 33.3333333333%;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
  box-shadow: 7px 7px 5px 0px rgba(185, 65, 0, 0.75);
}
@media (min-width: 64rem) {
  .intro-plus-point li {
    box-shadow: 5px 5px 5px 0px rgba(185, 65, 0, 0.75);
  }
}
.intro-plus-point-num, .intro-plus-point-txt {
  display: block;
}
.intro-plus-point-num {
  font-family: helvetica-neue-lt-pro-cond, sans-serif;
  font-size: clamp(0.875rem, 4.3vw, 2.75rem);
  color: #00a73c;
}
.intro-plus-point-txt {
  font-size: clamp(0.875rem, 3.125vw, 2rem);
  font-weight: 700;
  line-height: 1.2;
}
.intro-plus-point-image {
  width: 4.6875rem;
  height: auto;
  margin: 1.875rem auto 0;
}
@media (min-width: 64rem) {
  .intro-plus-point-image {
    margin: 0;
    display: none;
  }
}

/*=================================================
product
===================================================*/
.product {
  background: #feecd2;
  padding-bottom: clamp(3.125rem, 8.3vw, 6.25rem);
}
@media (min-width: 64rem) {
  .product {
    padding-bottom: 0;
  }
}
.product-container {
  padding-top: clamp(3.125rem, 8.3vw, 6.25rem);
}

/* タブ・アコーディオン
--------------------------------------------------*/
.tab_wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.tab_wrapper > .tab_list {
  display: none;
}
@media (min-width: 64rem) {
  .tab_wrapper > .tab_list {
    display: flex;
    gap: 0.78125rem;
    justify-content: space-between;
    align-items: center;
    max-width: 81.25rem;
    margin: 0 auto;
  }
}
@media (min-width: 64rem) {
  .tab_wrapper > .tab_list li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc((100% - 0.78125rem) / 5);
    height: 6.25rem;
    font-size: clamp(0.875rem, 2vw, 1.5rem);
    font-weight: 900;
    line-height: 1.2;
    text-align: center;
    color: #928178;
    cursor: pointer;
    border-width: 0.25rem 0.25rem 0;
    border-color: #fff;
    border-style: solid;
    border-top-right-radius: 3.125rem;
    transition: all 0.3s 0s ease;
  }
}
.tab_wrapper > .tab_list li.active {
  color: #551800;
  background: #fff;
}
.tab_wrapper .content_wrapper {
  width: 100%;
}
.tab_wrapper .content_wrapper .tab_content {
  display: none;
  padding: clamp(2.5rem, 6.6vw, 5rem) 0;
  background: #fff;
}
.tab_wrapper .content_wrapper .accordian_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 84%;
  height: 4rem;
  margin: 1.25rem auto 0;
  font-weight: bold;
  padding: 0 0.625rem 0 3.75rem;
  cursor: pointer;
}
.tab_wrapper .content_wrapper .accordian_header.tab_1_1, .tab_wrapper .content_wrapper .accordian_header.tab_1_2, .tab_wrapper .content_wrapper .accordian_header.tab_1_3, .tab_wrapper .content_wrapper .accordian_header.tab_1_4, .tab_wrapper .content_wrapper .accordian_header.tab_1_5 {
  background-repeat: no-repeat;
  background-position: left 0.625rem center;
  background-color: #fff;
  background-size: 3.125rem 2.1875rem;
}
.tab_wrapper .content_wrapper .accordian_header.tab_1_1 {
  background-image: url(../img/icon_tab_1_sp.webp);
}
.tab_wrapper .content_wrapper .accordian_header.tab_1_2 {
  background-image: url(../img/icon_tab_2_sp.webp);
}
.tab_wrapper .content_wrapper .accordian_header.tab_1_3 {
  background-image: url(../img/icon_tab_3_sp.webp);
}
.tab_wrapper .content_wrapper .accordian_header.tab_1_4 {
  background-image: url(../img/icon_tab_4_sp.webp);
}
.tab_wrapper .content_wrapper .accordian_header.tab_1_5 {
  background-image: url(../img/icon_tab_5_sp.webp);
}
@media (min-width: 64rem) {
  .tab_wrapper .content_wrapper .accordian_header {
    display: none;
  }
}
.tab_wrapper .content_wrapper .accordian_header.active {
  color: #551800;
}
.tab_wrapper .content_wrapper .accordian_header .arrow {
  display: inline-block;
  width: 0.75rem;
  height: 0.75rem;
  position: relative;
  border-radius: 2px;
  transform: rotate(135deg);
  background: #fff;
  border-top: 2px solid #551800;
  border-left: 2px solid #551800;
}
.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(-135deg);
  border-top: 2px solid #551800;
  border-left: 2px solid #551800;
}
.tab_wrapper.accordion .content_wrapper {
  border-color: #ccc;
}
.tab_wrapper.accordion .content_wrapper .accordian_header {
  display: block;
}

/* タブ・アコーディオン内コンテンツ
--------------------------------------------------*/
/* recommend */
.recommend {
  margin-bottom: clamp(1.875rem, 6.6vw, 5rem);
}
.recommend-box {
  width: min(84%, 51.5rem);
  font-size: clamp(0.875rem, 2.5vw, 1.625rem);
  font-weight: 700;
  border: 0.0625rem #00a73c solid;
  padding: clamp(1.25rem, 2.6vw, 3.125rem) clamp(1.25rem, 3.3vw, 2.5rem);
  margin: 0 auto;
}
.recommend-ttl {
  font-size: clamp(1rem, 3.7vw, 2.375rem);
  text-align: center;
  color: #00a73c;
  margin-bottom: clamp(0.625rem, 2.5vw, 1.875rem);
}
.recommend-point li {
  line-height: 1.5;
  padding-left: 1.25em;
  padding-bottom: 0.625rem;
  border-bottom: 0.125rem #00a73c dotted;
  margin-bottom: 0.625rem;
  background: url(../img/icon_check.webp) no-repeat left 0.4em;
  background-size: 1em auto;
}
.recommend-point li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}

/* overview */
.overview {
  margin-bottom: clamp(1.875rem, 6.6vw, 5rem);
}
.overview-container {
  display: grid;
  position: relative;
  width: min(84%, 64rem);
  margin: 0 auto;
}
.overview-wrap {
  display: flex;
  gap: clamp(1.875rem, 6.6vw, 5rem);
  flex-direction: column;
  order: 2;
}
@media (min-width: 64rem) {
  .overview-wrap {
    flex-direction: row;
    justify-content: center;
  }
}
.overview-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: clamp(1.5rem, 3.9vw, 2.5rem);
  font-weight: 700;
  writing-mode: vertical-rl;
}
.overview-txt {
  width: min(100%, 32rem);
  font-size: clamp(0.875rem, 1.75vw, 1.125rem);
  line-height: 2;
  margin: 0 auto;
}
.overview-image {
  order: 1;
  margin-bottom: clamp(1.875rem, 6.6vw, 5rem);
}

/* detail */
.detail {
  /* detail & handrail */
}
.detail-container {
  position: relative;
  width: min(84%, 64rem);
  margin: 0 auto;
}
.detail-ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(2.1875rem, 7.83vw, 5.875rem);
  font-size: clamp(0.875rem, 3.16vw, 2.375rem);
  font-weight: 700;
  color: #fff;
  background: #551800;
}
.detail-comparison {
  display: grid;
  gap: 3.125rem;
  grid-template-rows: 1fr;
}
@media (min-width: 64rem) {
  .detail-comparison {
    gap: 1.25rem;
    grid-template-columns: 1fr 1fr;
  }
}
.detail-comparison-item {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: clamp(1.875rem, 8.3vw, 6.25rem);
}
.detail-comparison-item-subttl {
  font-size: clamp(0.9375rem, 3.16vw, 2.375rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(0.625rem, 3.3vw, 2.5rem);
}
.detail-comparison-item-point li {
  line-height: 1.5;
  padding-left: 1.25em;
  padding-bottom: 0.625rem;
  border-bottom: 0.125rem #551800 dotted;
  margin-bottom: 0.625rem;
  background: url(../img/icon_check_br.webp) no-repeat left 0.4em;
  background-size: 1em auto;
}
.detail-comparison-item-point li:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: 0;
}
.detail-comparison-item-image {
  margin-bottom: clamp(0.625rem, 3.3vw, 2.5rem);
}
.detail-txt {
  font-size: clamp(0.875rem, 1.75vw, 1.125rem);
  width: 100%;
  margin: 0 auto;
}
@media (min-width: 64rem) {
  .detail-txt {
    max-width: 50rem;
  }
}
.detail.handrail .grid-image {
  display: grid;
  margin-bottom: clamp(1.875rem, 6.6vw, 5rem);
}
@media (min-width: 64rem) {
  .detail.handrail .grid-image {
    max-height: 39.6875rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 50% 50%;
  }
}
@media (min-width: 64rem) {
  .detail.handrail .grid-image img:nth-child(1) {
    order: 1;
  }
}
@media (min-width: 64rem) {
  .detail.handrail .grid-image img:nth-child(2) {
    order: 3;
  }
}
@media (min-width: 64rem) {
  .detail.handrail .grid-image img:nth-child(3) {
    order: 2;
  }
}

/* lineup */
.lineup-container {
  padding: clamp(2.5rem, 6.6vw, 5rem) 0 0;
}
.lineup-ttl {
  font-size: clamp(1.5rem, 4.1vw, 2.625rem);
  font-weight: 700;
  text-align: center;
  color: #00a73c;
  margin-bottom: clamp(0.625rem, 2.5vw, 1.875rem);
}
.lineup-lead {
  font-size: clamp(0.8125rem, 2.5vw, 1.5rem);
  text-align: center;
  color: #00a73c;
  margin-bottom: clamp(0.625rem, 2.5vw, 1.875rem);
}
.lineup-wrapp {
  display: grid;
  gap: 0.625rem;
  grid-template-columns: 1fr;
}
@media (min-width: 64rem) {
  .lineup-wrapp {
    max-width: 64rem;
    margin: 0 auto;
  }
}
.lineup-item {
  padding: 2.5rem 0;
  background: #eae5e3;
}
.lineup-subttl {
  font-size: clamp(1.25rem, 3.125vw, 2rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: clamp(0.625rem, 1.6vw, 1.25rem);
}
.lineup-flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 64rem) {
  .lineup-flex {
    flex-direction: row;
  }
  .lineup-flex a:hover .lineup-btn {
    color: #fff;
    background: #551800;
  }
}
.lineup-flex li {
  width: 100%;
}
.lineup-image {
  width: 61%;
  margin: 0 auto;
}
@media (min-width: 64rem) {
  .lineup-image {
    width: 100%;
  }
}
.lineup-txt p {
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  text-align: center;
}
.lineup-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 9.375rem;
  height: clamp(2.25rem, 4.3vw, 2.75rem);
  font-size: clamp(1.125rem, 2vw, 1.25rem);
  text-align: center;
  margin: 0.625rem auto 0;
  border: 0.0625rem #551800 solid;
  background: #fff;
  transition: all 0.3s 0s ease;
}

/* handrail > lineup */
@media (min-width: 64rem) {
  .handrail .lineup-wrapp {
    gap: 5.625rem;
  }
}
.handrail .lineup-wrapp .hr-1 .lineup-flex {
  gap: clamp(2.5rem, 7.5vw, 5.625rem);
}
@media (min-width: 64rem) {
  .handrail .lineup-wrapp .hr-1 .lineup-flex {
    padding: 0 3.75rem;
  }
}
.handrail .lineup-wrapp .hr-2 .lineup-flex {
  gap: 2.5rem;
}
@media (min-width: 64rem) {
  .handrail .lineup-wrapp .hr-2 .lineup-flex {
    gap: 0;
  }
}
.handrail .lineup-wrapp .hr-3 .lineup-flex {
  gap: clamp(1.25rem, 5vw, 3.75rem);
}
@media (min-width: 64rem) {
  .handrail .lineup-wrapp .hr-3 .lineup-flex {
    padding: 0 3.75rem;
  }
}

/* siderail > lineup */
@media (min-width: 64rem) {
  .siderail .lineup-wrapp {
    gap: 5.625rem 3.75rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
  }
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-1 {
    grid-row: 1;
    grid-column: 1/3;
  }
}
.siderail .lineup-wrapp .sl-1 .lineup-flex {
  gap: 2.5rem;
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-1 .lineup-flex {
    padding: 0 2.5rem;
  }
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-1 .lineup-flex li {
    width: calc((100% - 5rem) / 3);
  }
}
.siderail .lineup-wrapp .sl-1 .lineup-image,
.siderail .lineup-wrapp .sl-1 .lineup-txt p {
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-2 {
    grid-row: 2;
    grid-column: 1/3;
  }
}
.siderail .lineup-wrapp .sl-2 .lineup-flex {
  gap: clamp(2.5rem, 7.5vw, 5.625rem);
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-2 .lineup-flex {
    padding: 0 5rem;
  }
}
.siderail .lineup-wrapp .sl-2 .lineup-image,
.siderail .lineup-wrapp .sl-2 .lineup-txt p {
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-3 {
    grid-row: 3;
    grid-column: 1;
  }
}
.siderail .lineup-wrapp .sl-3 .lineup-flex {
  gap: 0.625rem;
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-3 .lineup-flex {
    flex-direction: column;
    padding: 0 3.75rem;
  }
}
.siderail .lineup-wrapp .sl-3 .lineup-flexBox {
  display: flex;
  flex-direction: column;
  gap: clamp(0.625rem, 1.6vw, 1.25rem);
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-3 .lineup-flexBox {
    flex-direction: row;
  }
  .siderail .lineup-wrapp .sl-3 .lineup-flexBox .lineup-image {
    width: 10.9375rem;
  }
  .siderail .lineup-wrapp .sl-3 .lineup-flexBox .lineup-txt {
    width: 10rem;
  }
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-4 {
    grid-row: 3;
    grid-column: 2;
  }
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-4 .lineup-flex {
    padding: 0 3.75rem;
  }
}
.siderail .lineup-wrapp .sl-4 .lineup-image {
  margin-bottom: clamp(0.625rem, 1.6vw, 1.25rem);
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-5 {
    grid-row: 4;
    grid-column: 1/3;
  }
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-5 .lineup-flex {
    padding: 0 3.75rem;
  }
}
.siderail .lineup-wrapp .sl-5 .lineup-grid {
  display: grid;
  grid-template-columns: 1fr;
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-5 .lineup-grid {
    align-items: center;
    grid-template-columns: auto auto auto;
  }
}
.siderail .lineup-wrapp .sl-5 .lineup-image {
  margin-bottom: clamp(0.625rem, 1.6vw, 1.25rem);
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-5 .lineup-txt p {
    text-align: left;
  }
}
@media (min-width: 64rem) {
  .siderail .lineup-wrapp .sl-5 .lineup-txt span {
    margin: 0.625rem 0 0;
  }
}

/* detail > サポートグリッパー */
.gripper .detail-image {
  margin-bottom: clamp(1.875rem, 6.6vw, 5rem);
}
.gripper .lineup-flex a {
  display: flex;
  gap: clamp(0.625rem, 1.6vw, 1.25rem);
  flex-direction: column;
}
@media (min-width: 64rem) {
  .gripper .lineup-flex a {
    flex-direction: row-reverse;
    align-items: center;
    padding: 0 7.5rem;
  }
}
@media (min-width: 64rem) {
  .gripper .lineup-image {
    width: 61%;
  }
}
@media (min-width: 64rem) {
  .gripper .lineup-txt p {
    text-align: left;
  }
}

/* detail > 電動ベッド */
.electric .lineup-wrapp {
  gap: clamp(0.625rem, 7.5vw, 5.625rem);
}
.electric .lineup-item {
  padding-top: 0;
}
.electric .lineup-ttlImage {
  margin-bottom: clamp(1.25rem, 3.3vw, 2.5rem);
}
.electric .lineup-flex {
  flex-direction: column;
  gap: clamp(1.25rem, 4.16vw, 3.125rem);
}
@media (min-width: 64rem) {
  .electric .lineup-flex {
    flex-direction: row;
    flex-wrap: wrap;
    padding: 0 3.75rem;
  }
}
@media (min-width: 64rem) {
  .electric .lineup-flex li {
    width: calc((100% - 3.125rem) / 2);
  }
}
.electric .lineup-image {
  margin-bottom: clamp(0.625rem, 1.6vw, 1.25rem);
}
.electric .lineup-txt {
  font-size: clamp(0.875rem, 1.6vw, 1.25rem);
  text-align: center;
}
.electric .lineup-btn {
  transition: all 0.3s 0s ease;
}
@media (min-width: 64rem) {
  .electric .lineup-btn {
    margin-top: 2.5rem;
  }
}
.electric .lineup-btn:hover {
  color: #fff;
  background: #551800;
}

/* detail > other */
.other {
  padding-top: 0 !important;
}
@media (min-width: 64rem) {
  .other {
    padding: clamp(2.5rem, 6.6vw, 5rem) 0 !important;
  }
}
.other .lineup-item {
  padding-top: 0;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp {
    gap: 5.625rem 3.75rem;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto auto;
  }
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-1 {
    grid-row: 1;
    grid-column: 1/3;
  }
}
.other .lineup-wrapp .ot-1 .lineup-flex {
  gap: 2.5rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-1 .lineup-flex a {
    padding-top: 2.5rem;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    align-items: center;
  }
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-1 .lineup-txt p {
    text-align: left;
    order: 1;
  }
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-1 .lineup-txt .lineup-btn {
    margin: 0.625rem 0 0;
  }
}
.other .lineup-wrapp .ot-1 .lineup-image {
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-1 .lineup-image {
    max-width: 21.875rem;
    order: 2;
    margin-bottom: 0;
  }
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-2 {
    grid-row: 2;
    grid-column: 1;
  }
}
.other .lineup-wrapp .ot-2 .lineup-flex {
  gap: clamp(2.5rem, 7.5vw, 5.625rem);
}
.other .lineup-wrapp .ot-2 .lineup-image {
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-3 {
    grid-row: 2;
    grid-column: 2;
  }
}
.other .lineup-wrapp .ot-3 .lineup-flex {
  gap: 0.625rem;
}
.other .lineup-wrapp .ot-3 .lineup-image {
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-4 {
    grid-row: 3;
    grid-column: 1;
  }
}
.other .lineup-wrapp .ot-4 .lineup-flex {
  gap: 0.625rem;
}
.other .lineup-wrapp .ot-4 .lineup-image {
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-5 {
    grid-row: 3;
    grid-column: 2;
  }
}
.other .lineup-wrapp .ot-5 .lineup-flex {
  gap: 0.625rem;
}
.other .lineup-wrapp .ot-5 .lineup-image {
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-6 {
    grid-row: 4;
    grid-column: 1/3;
    padding: 0;
  }
}
.other .lineup-wrapp .ot-6 .lineup-flex a {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.625rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-6 .lineup-flex a {
    justify-content: center;
    align-items: center;
    grid-template-columns: 1fr 1fr;
    gap: 0;
  }
}
.other .lineup-wrapp .ot-6 .lineup-image {
  width: 100%;
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .other .lineup-wrapp .ot-6 .lineup-image {
    margin-bottom: 0;
  }
}

/*=================================================
FAQ
===================================================*/
.faq {
  background: #fffeee;
}
.faq-ttl {
  display: flex;
  flex-direction: column;
  gap: clamp(1.25rem, 6.6vw, 5rem);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  aspect-ratio: 1.6/1;
  background: url(../img/ph_faq_sp.webp) no-repeat center center;
  background-size: cover;
}
@media (min-width: 64rem) {
  .faq-ttl {
    aspect-ratio: 2.56/1;
    background: url(../img/ph_faq_pc.webp) no-repeat center center;
    background-size: cover;
  }
}
.faq-ttl .en {
  display: block;
  font-family: "helvetica-lt-pro", sans-serif;
  font-size: clamp(2.375rem, 8.3vw, 6.25rem);
  font-weight: bold;
  letter-spacing: 0.5em;
  color: #fff;
}
.faq-ttl .ja {
  font-size: clamp(0.9375rem, 3.16vw, 2.375rem);
  font-weight: 700;
  letter-spacing: 0.1em;
}
.faq-list {
  position: relative;
  width: min(84%, 64rem);
  margin: 0 auto;
  padding: clamp(3.125rem, 11.6vw, 8.75rem) 0;
}
.faq-list dt, .faq-list dd {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.faq-list dt {
  font-size: clamp(0.875rem, 2.3vw, 1.75rem);
  font-weight: 700;
  align-items: center;
  padding-bottom: clamp(0.625rem, 2.5vw, 1.875rem);
  border-bottom: 0.125rem #ffca68 dotted;
  margin-bottom: clamp(0.625rem, 2.5vw, 1.875rem);
}
.faq-list dd {
  font-size: clamp(0.875rem, 2.3vw, 1.125rem);
  align-items: flex-start;
  margin-bottom: clamp(3.125rem, 8.3vw, 6.25rem);
}
.faq-list dd:last-of-type {
  margin-bottom: 0;
}
.faq-icon {
  width: clamp(1.875rem, 5.83vw, 4.375rem);
  height: clamp(1.875rem, 5.83vw, 4.375rem);
}
.faq-txt {
  width: calc(100% - 0.625rem - clamp(1.875rem, 5.83vw, 4.375rem));
}
.faq-txt-item {
  display: block;
  margin-bottom: 1.25rem;
}
@media (min-width: 64rem) {
  .faq-txt-item {
    margin-bottom: 0;
  }
}
/*# sourceMappingURL=style.css.map */