@charset "UTF-8";
/* featureshop 共存用: featureshop と同値を設定することで競合を回避 */
html {
  font-size: 62.5%;
}
@media screen and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}

.main,
.header,
.footer {
  color: #3a2d25;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.06em;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .main,
  .header,
  .footer {
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 1441px) {
  .pc-none {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}
/* pcの電話番号発信対応 */
a[href^="tel:"] {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: inherit;
  }
}

.text-center {
  text-align: center;
}

@media screen and (max-width: 767px) {
  .text-left_sp {
    text-align: left;
  }
}

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

.mt-4 {
  margin-top: 0.4rem;
}

.mt-8 {
  margin-top: 0.8rem;
}

.mt-12 {
  margin-top: 1.2rem;
}

.mt-14 {
  margin-top: 1.4rem;
}

.mt-15 {
  margin-top: 1.5rem;
}

.mt-16 {
  margin-top: 1.6rem;
}

.mt-18 {
  margin-top: 1.8rem;
}

.mt-24 {
  margin-top: 2.4rem;
}

.mt-32 {
  margin-top: 3.2rem;
}

.mt-40 {
  margin-top: 4rem;
}

.mt-48 {
  margin-top: 4.8rem;
}

.mt-56 {
  margin-top: 5.6rem;
}

.mt-64 {
  margin-top: 6.4rem;
}

.mt-80 {
  margin-top: 8rem;
}

.fs-0 {
  font-size: 0;
}

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

.fs-8 {
  font-size: 0.8rem;
}

.fs-12 {
  font-size: 1.2rem;
}

.fs-14 {
  font-size: 1.4rem;
}

.fs-15 {
  font-size: 1.5rem;
}

.fs-16 {
  font-size: 1.6rem;
}

.fs-18 {
  font-size: 1.8rem;
}

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

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

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

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

.fs-56 {
  font-size: 5.6rem;
}

.fs-64 {
  font-size: 6.4rem;
}

.fs-80 {
  font-size: 8rem;
}

@media screen and (max-width: 767px) {
  .fs-0_sp {
    font-size: 0;
  }
}

@media screen and (max-width: 767px) {
  .fs-4_sp {
    font-size: 0.4rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-8_sp {
    font-size: 0.8rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-12_sp {
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-14_sp {
    font-size: 1.4rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-15_sp {
    font-size: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-16_sp {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-18_sp {
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-24_sp {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-32_sp {
    font-size: 3.2rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-40_sp {
    font-size: 4rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-48_sp {
    font-size: 4.8rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-56_sp {
    font-size: 5.6rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-64_sp {
    font-size: 6.4rem;
  }
}

@media screen and (max-width: 767px) {
  .fs-80_sp {
    font-size: 8rem;
  }
}

/*-------スプライド------*/
.splide__arrow {
  background: rgba(51, 51, 51, 0.5) !important;
  width: 4.4rem !important;
  height: 4.4rem !important;
}
@media screen and (max-width: 767px) {
  .splide__arrow {
    width: 3.2rem !important;
    height: 3.2rem !important;
  }
}
.splide__arrow svg {
  fill: #fff !important;
}