@charset "UTF-8";
/* Color */
.guaranteeSystem__ttl__main {
  font-size: 4.4rem;
  font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", HanaMinA, "Noto Serif JP", serif;
  text-align: center;
  letter-spacing: 0.05em;
}

/* Guarantee System */
.guaranteeSystem {
  padding: 110px 0;
  background: url(../../assets/img/bg-warranty.jpg) center top/cover;
}
.guaranteeSystem__card {
  max-width: 1058px;
  margin: 44px auto 0;
  background: #faf8f5;
  padding: 60px 86px;
}
.guaranteeSystem__card__catch {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  width: 700px;
  margin: 0 auto;
  background: url(../img/guarantee/wing_left.png) no-repeat left center, url(../img/guarantee/wing_right.png) no-repeat right center;
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
.guaranteeSystem__card__catch__ttl {
  font-size: 4.85rem;
  font-weight: bold;
  letter-spacing: -0.1rem;
  line-height: 5.5rem;
  margin: 0 1rem 0 0;
}
.guaranteeSystem__card__catch__ttl small {
  font-size: 4.5rem;
  font-feature-settings: "palt";
  letter-spacing: -2px;
}
.guaranteeSystem__card__catch__period {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12rem;
  font-weight: bold;
  color: #bba274;
  line-height: 1;
}
.guaranteeSystem__card__catch__period__num {
  margin-right: 14px;
  font-weight: 500;
  letter-spacing: -0.1em;
  transform: translateY(-9px) scaleY(1.05);
  font-size: 16rem;
  line-height: 0;
}
.guaranteeSystem__card__catch__txt {
  flex: 0 0 100%;
  margin-top: 20px;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.1em;
}
.guaranteeSystem__card__description {
  margin-top: 36px;
  text-align: center;
}
.guaranteeSystem__card__description p {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.02em;
}
.guaranteeSystem__card__description p span {
  color: #b58122;
}
.guaranteeSystem__card__detail__caution {
  display: none;
}
.guaranteeSystem__card__detail__list {
  margin-top: 40px;
}
.guaranteeSystem__card__detail__list li {
  margin-top: 4px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 1.5rem;
  letter-spacing: 0.02em;
  line-height: 1.6;
}
.guaranteeSystem__card__popup__trigger {
  margin-top: 20px;
  font-size: 1.5rem;
  text-decoration: underline;
  cursor: pointer;
  transition: opacity 0.4s ease;
  color: #b58122;
}
.guaranteeSystem__card__popup__trigger:hover {
  opacity: 0.6;
  text-decoration: none;
  transition: opacity 0.4s ease;
}

@media screen and (max-width: 1058px) {
  .guaranteeSystem__ttl__main {
    font-size: 7vw;
    font-weight: bold;
  }
  .guaranteeSystem {
    width: 100%;
    padding: 9.3vw 5vw;
  }
  .guaranteeSystem__in {
    margin-top: 5vw;
    background: #faf8f5;
    padding: 0 5vw;
  }
  .guaranteeSystem__ttl__sub {
    margin-bottom: 5vw;
  }
  .guaranteeSystem__ttl__main {
    white-space: nowrap;
    text-indent: -2.6vw;
    width: 100%;
  }
  .guaranteeSystem__card {
    margin-top: 5vw;
    padding: 8vw 4vw;
  }
  .guaranteeSystem__card__catch {
    display: block;
    width: auto;
    background-size: 15vw;
  }
  .guaranteeSystem__card__catch__ttl {
    padding-top: 0;
    font-size: 7.2vw;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.15;
  }
  .guaranteeSystem__card__catch__ttl small {
    font-size: 7.2vw;
  }
  .guaranteeSystem__card__catch__period {
    margin-top: 1vw;
    padding-right: 10px;
    font-size: 18vw;
    letter-spacing: -2px;
    line-height: 1.25;
  }
  .guaranteeSystem__card__catch__period__num {
    margin-right: 0px;
    font-size: 25vw;
    letter-spacing: 0;
    transform: translateY(-7px) scaleY(1);
  }
  .guaranteeSystem__card__catch__txt {
    margin-top: 2vw;
    padding: 0 0;
    font-size: 3.4vw;
    letter-spacing: 0;
    line-height: 1.4;
  }
  .guaranteeSystem__card__description {
    margin-top: 6vw;
    padding: 0 0vw;
  }
  .guaranteeSystem__card__description p {
    font-size: 3.4vw;
  }
  .guaranteeSystem__card__detail .c-popup {
    margin-top: 0;
    font-feature-settings: "palt";
    letter-spacing: 0px;
  }
  .guaranteeSystem__card__detail__caution {
    display: block;
    margin: 0 0 0;
    font-size: 3vw;
    text-align: right;
  }
}