@charset "utf-8";
.bg::before {
  background-image: url(/pages/elegance/main/elegance_foundation/img/el_26aw_foundation_bg_pc.jpg)!important;
}
.lead__container {
  margin: 106px auto!important;
}
.spec__link {
  display: inline-block;
  margin-top: 1em;
  border-bottom: 1px solid #282828;
  font-size: 16px;
}
.spec__link span {
  position: relative;
  padding-right: 28px;
}
.spec__link span::after {
  position: absolute;
  right: 2px;
  top: 50%;
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  transform: translateY(-50%);
  background: url(/pages/elegance/main/elegance_foundation/img/el_26aw_foundation_ic_01.png) no-repeat center / contain;
}
.sample-coupon {
  max-width: 600px;
  margin: 100px auto 0;
  padding: 15px;
  background: #B19566;
}
.sample-coupon-inner {
  margin: 0 auto;
  padding: 30px;
  border: solid 2px #fff;
}
.sample-coupon-ttl {
  text-align: center;
  font-size: clamp(27px, 3vw, 36px);
  font-weight: bold;
  color: #fff;
}
.sample-coupon-txt {
  margin-top: 1em;
  text-align: center;
  font-size: clamp(14px, 1.5vw, 18px);
  color: #fff;
}
.sample-coupon-note {
  margin-top: 1em;
  text-align: center;
  font-size: clamp(12px, 1.33vw, 16px);
  color: #fff;
  opacity: .8;
}
.sample-coupon-btn {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(190px, 20.83vw, 250px);
  height: clamp(36px, 4.17vw, 50px);
  margin: 1.5em auto .5em;
  border-radius: 25px;
  background: #fff;
  font-size: clamp(14px, 1.5vw, 18px);
  font-weight: bold;
  color: #B19566;
}
.sample-coupon-btn:hover {
  color: #B19566!important;
}
.sample-coupon-btn::after {
  position: absolute;
  top: 50%;
  right: 20px;
  content: "";
  display: block;
  width: clamp(11px, 1.17vw, 14px);
  height: clamp(11px, 1.17vw, 14px);
  transform: translateY(-50%);
  background: url(/pages/elegance/main/elegance_foundation/img/el_26aw_foundation_ic_01.png) no-repeat center / contain !important;
  opacity: .5;
}
.recommend__box .item__box .item__text .date {
  background-color: #b78152!important;
}
.recommend__box .item__box .item__text .link span {
  padding-right: 28px!important;
}
.recommend__box .item__box .item__text .link span::after {
  right: 2px!important;
  top: 50%!important;
  width: 14px!important;
  height: 14px!important;
  border: none!important;
  transform: translateY(-50%)!important;
  background: url(/pages/elegance/main/elegance_foundation/img/el_26aw_foundation_ic_01.png) no-repeat center / contain!important;
}

@media screen and (max-width:1200px) {
  .lead__container {
    margin: 8.83vw auto!important;
  }
  .spec__link {
    font-size: 1.33vw;
  }
  .spec__link span {
    padding-right: 2.33vw;
  }
  .spec__link span::after {
    right: 0.17vw;
    width: 1.17vw;
    height: 1.17vw;
  }
  .recommend__box .item__box .item__text .link span {
    padding-right: 2.33vw!important;
  }
  .recommend__box .item__box .item__text .link span::after {
    right: 0.17vw!important;
    width: 1.17vw!important;
    height: 1.17vw!important;
  }
}

 @media screen and (max-width:767px) {
  .bg::before {
    background-image: url(/pages/elegance/main/elegance_foundation/img/el_26aw_foundation_bg_sp.jpg)!important;
  }
  .lead__container {
    margin: 16.53vw auto!important;
  }
  .spec__link {
    font-size: 3.2vw;
  }
  .spec__link span {
    padding-right: 6.27vw;
  }
  .spec__link span::after {
    right: 0.8vw;
    width: 2.93vw;
    height: 2.93vw;
  }
  .sample-coupon {
    max-width: 100%;
    margin: 0;
    padding: 4vw 0;
  }
  .sample-coupon-inner {
    width: 92vw;
    padding: 8vw 4vw;
    border: solid 1px #fff;
  }
  .sample-coupon-ttl {
    font-size: 6.4vw;
  }
  .sample-coupon-txt {
    font-size: 3.73vw;
  }
  .sample-coupon-note {
    font-size: 3.2vw;
  }
  .sample-coupon-btn {
    width: 66.67vw;
    height: 13.33vw;
    border-radius: 6.67vw;
    font-size: 3.73vw;
  }
  .sample-coupon-btn::after {
    right: 5.33vw;
    width: 3.2vw;
    height: 3.2vw;
  }
  .recommend__box .item__box .item__text .link span {
    padding-right: 6.27vw!important;
  }
  .recommend__box .item__box .item__text .link span::after {
    right: 0.8vw!important;
    width: 2.93vw!important;
    height: 2.93vw!important;
  }
}