main {
  font-size: 14px;

  h2 {
    font-size: clamp(32px, calc(21.952153110047846px + 2.8708133971291865vw), 44px);
    padding-bottom:.5em;
  }
  h3 {
    margin-block: .85em;

    .slide-text {
      margin-bottom: .5em;
      font-size: clamp(14px, calc(8.976076555023923px + 1.4354066985645932vw), 20px);
    }
  }
  .area {
    padding-top: 40px;
    padding-bottom: 80px;
  }

  .tab-ttl{
    font-size:clamp(10px, calc(6.183206106870228px + 1.0178117048346056vw), 14px);
  }
}

#hero-sp {
  text-align: center;
  width: 100vw;
  height: calc(100lvh - 103px);
}

#hero-text,
#hero-img {
  width: 100%;
  height: 50%;

  img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

#hero-text{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#reason {
  li{
    max-width: 175px;
  }
}

#select-by-scene {
  .swiper-pagination-main {
    margin-bottom: 2.4rem;
  }
}

.scene-item:not(:last-of-type){
  margin-bottom:3%;
}

h3{
  background-color:var(--background-color);
  padding-block:1em;
  font-family: var(--font_jp-serif);
}

.swiper{
  margin-block:2em;
}

  .swiper-wrapper{
    gap:1%;
  }
  [nh-list-product] .image{
    margin:0 auto;
  }

  [nh-list-product] .text{
    height: 105px;
  }

  .item{
    background-color: #fff;
  }

#reason{
  .flex{
    p{
    flex-basis: 45%;
    }
  }
}

.scene-item-text :first-child {
  min-height: 125px;
}

/* .guide_price_box {
  padding: 5% 0;
} */

#select-by-color {
  text-align: center;
}

#concierge,
#wrapping,
#engraving {
  padding: 10px 20px 40px;
}