:root {
  --c-main01: #e27a1e;
  --c-text01: #333;
  --c-white: #fff;
  --c-gray: #ddd;
  --c-accent-green: #5c851b;
  --c-accent-orange: #db5000;
  --c-accent-red: #d93a00;
  --c-brown: #392012;
  --c-bg-beige: #f7f4ed;
  --c-bg-cream: #ffefc9;
}

.c-modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  transition: 0.3s;
}
.c-modal.--open {
  visibility: visible;
  opacity: 1;
}

.c-modal__base {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(153, 153, 153, 0.9);
}

.c-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: min(calc(1000 / 1080 * 100vw), 1000px);
  min-height: min(calc(200 / 1080 * 100vw), 200px);
  max-height: 90vh;
  background: #fff;
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  padding-bottom: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .c-modal__content {
    width: calc(690 / 750 * 100vw);
  }
}

.c-modal__close {
  cursor: pointer;
}
.c-modal__close .close-top01 {
  width: min(calc(70 / 1080 * 100vw), 70px);
  height: min(calc(70 / 1080 * 100vw), 70px);
  position: absolute;
  top: max(calc(-40 / 1080 * 100vw), -40px);
  right: max(calc(-80 / 1080 * 100vw), -80px);
  cursor: pointer;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M70 70L-3.0598e-06 1.52588e-05L70 1.2199e-05L70 70Z' fill='%23E27A1E'/%3E%3Crect x='57.749' y='30.6074' width='25' height='5' transform='rotate(-135 57.749 30.6074)' fill='white'/%3E%3Crect x='40.0713' y='27.0723' width='25' height='5' transform='rotate(-45 40.0713 27.0723)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-modal__close .close-top01 {
    width: calc(88 / 750 * 100vw);
    height: calc(88 / 750 * 100vw);
    top: calc(-40 / 750 * 100vw);
    right: calc(-30 / 750 * 100vw);
  }
}
.c-modal__close .close-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: min(calc(180 / 1080 * 100vw), 180px);
  height: min(calc(48 / 1080 * 100vw), 48px);
  border-radius: min(calc(4 / 1080 * 100vw), 4px);
  background: var(--c-main01);
  color: var(--c-white);
  text-align: center;
  font-size: min(calc(22 / 1080 * 100vw), 22px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: min(calc(1.76 / 1080 * 100vw), 1.76px);
  padding-left: min(calc(20 / 1080 * 100vw), 20px);
  margin: 0 auto;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-modal__close .close-bottom {
    width: calc(212 / 750 * 100vw);
    height: calc(70 / 750 * 100vw);
    border-radius: calc(6 / 750 * 100vw);
    font-size: calc(32 / 750 * 100vw);
    letter-spacing: calc(2.55 / 750 * 100vw);
    padding-left: calc(35 / 750 * 100vw);
  }
}
.c-modal__close .close-bottom::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='29' viewBox='0 0 28 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.58545' y='20.2446' width='19.6' height='4.2' transform='rotate(-45 5.58545 20.2446)' fill='white'/%3E%3Crect x='8.55518' y='6.38525' width='19.6' height='4.2' transform='rotate(45 8.55518 6.38525)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(calc(30 / 1080 * 100vw), 30px);
  height: min(calc(30 / 1080 * 100vw), 30px);
  position: absolute;
  left: min(calc(20 / 1080 * 100vw), 20px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .c-modal__close .close-bottom::before {
    width: calc(44 / 750 * 100vw);
    height: calc(44 / 750 * 100vw);
    left: calc(20 / 750 * 100vw);
  }
}

@media screen and (max-width: 767px) {
  .c-tabs {
    width: calc(690 / 750 * 100vw);
    margin: 0 auto;
  }
}

.c-tabs__head-wrapper {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: min(calc(2 / 1080 * 100vw), 2px);
}
@media screen and (max-width: 767px) {
  .c-tabs__head-wrapper {
    gap: calc(3 / 750 * 100vw);
  }
}

.c-tabs__head {
  transition: 0.5s;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: min(calc(8 / 1080 * 100vw), 8px) min(calc(8 / 1080 * 100vw), 8px) 0 0;
  background: #ddd;
  width: min(calc(306 / 1080 * 100vw), 306px);
  height: min(calc(92 / 1080 * 100vw), 92px);
}
@media screen and (max-width: 767px) {
  .c-tabs__head {
    border-radius: calc(16 / 750 * 100vw) calc(16 / 750 * 100vw) 0 0;
    width: calc(230 / 750 * 100vw);
    height: calc(150 / 750 * 100vw);
  }
}
.c-tabs__head.--active {
  background: var(--c-main01);
  color: var(--c-white);
}

.c-tabs__content {
  display: none;
  border-top: min(calc(8 / 1080 * 100vw), 8px) solid var(--c-main01);
  background-color: var(--c-bg-cream);
  padding: min(calc(27 / 1080 * 100vw), 27px) 0 min(calc(50 / 1080 * 100vw), 50px);
  border-radius: 0 0 min(calc(12 / 1080 * 100vw), 12px) min(calc(12 / 1080 * 100vw), 12px);
}
@media screen and (max-width: 767px) {
  .c-tabs__content {
    border-top: calc(10 / 750 * 100vw) solid var(--c-main01);
    padding: calc(34 / 750 * 100vw) calc(30 / 750 * 100vw) calc(56 / 750 * 100vw);
  }
}
.c-tabs__content.--active {
  display: block;
}
.c-tabs__content.--bg {
  position: relative;
}
.c-tabs__content.--bg::before {
  content: "";
  display: block;
  background-color: var(--c-bg-beige);
  width: min(calc(920 / 1080 * 100vw), 920px);
  height: min(calc(164 / 1080 * 100vw), 164px);
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .c-tabs__content.--bg::before {
    width: calc(690 / 750 * 100vw);
    height: calc(220 / 750 * 100vw);
  }
}

.c-alert-banner {
  background-color: #f0e9d0;
  text-align: center;
  padding: min(calc(14 / 1080 * 100vw), 14px) 0;
}
@media screen and (max-width: 767px) {
  .c-alert-banner {
    padding: calc(14 / 750 * 100vw) 0;
  }
}

.c-alert-banner__link {
  color: #85511e;
  text-align: center;
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 500;
  line-height: 120%;
  text-decoration: underline;
  padding: 0 min(calc(20 / 1080 * 100vw), 20px) 0 min(calc(25 / 1080 * 100vw), 25px);
  position: relative;
  transition: all 0.3s;
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-alert-banner__link {
    font-size: calc(22 / 750 * 100vw);
    padding: 0 calc(30 / 750 * 100vw) 0 calc(50 / 750 * 100vw);
  }
}
.c-alert-banner__link:hover {
  filter: brightness(120%);
}
.c-alert-banner__link::before {
  content: "";
  display: inline-block;
  background-image: url(../img/icon_caution_brown.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: min(calc(20 / 1080 * 100vw), 20px);
  height: min(calc(20 / 1080 * 100vw), 20px);
}
@media screen and (max-width: 767px) {
  .c-alert-banner__link::before {
    width: calc(32 / 750 * 100vw);
    height: calc(32 / 750 * 100vw);
  }
}

.c-alert-banner__arrow {
  width: min(calc(7 / 1080 * 100vw), 7px);
  height: min(calc(12 / 1080 * 100vw), 12px);
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.33398 1.28613L6.05898 6.01113L1.33398 10.7361' stroke='%2385511E' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .c-alert-banner__arrow {
    width: calc(10 / 750 * 100vw);
    height: calc(17 / 750 * 100vw);
  }
}

.c-campaign-banner {
  display: block;
  width: min(calc(750 / 1080 * 100vw), 750px);
  margin: 0 auto;
  cursor: pointer;
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .c-campaign-banner {
    width: calc(750 / 750 * 100vw);
  }
}
.c-campaign-banner:hover {
  opacity: 0.8;
}

.c-modal#modal_campaign .c-modal__content,
.adlp-modal#modal_campaign .adlp-modal__content {
  container-type: inline-size;
  width: 450px;
  max-width: 90vw;
  padding: 0;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  .c-modal#modal_campaign .c-modal__content,
  .adlp-modal#modal_campaign .adlp-modal__content {
    width: 92cqw;
    padding: 0;
  }
}

.campaign-modal {
  position: relative;
}

.campaign-modal__inner {
  max-height: 90vh;
  overflow-y: auto;
}

.campaign-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  width: 8.5333333333cqw;
  height: 8.5333333333cqw;
  transform: translate(30%, -30%);
  background-color: var(--c-accent-red);
  border-radius: 50%;
  cursor: pointer;
  z-index: 10;
}

.campaign-modal__close-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 4.8cqw;
  height: 4.8cqw;
}
.campaign-modal__close-icon::before, .campaign-modal__close-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 0.8cqw;
  background-color: var(--c-white);
}
.campaign-modal__close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.campaign-modal__close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.campaign-modal__body {
  padding: 0;
  background-color: var(--c-white);
}

.campaign-modal__cta-head {
  text-align: center;
  padding: 6.4cqw 5.3333333333cqw 5.3333333333cqw;
  position: relative;
  background-color: var(--c-white);
  border-radius: 1.0666666667cqw;
  width: 84cqw;
  margin: 0 auto -10.9333333333cqw;
  z-index: 2;
}
.campaign-modal__cta-head::after {
  content: "";
  position: absolute;
  bottom: -2cqw;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 2.1333333333cqw solid transparent;
  border-right: 2.1333333333cqw solid transparent;
  border-top: 2.1333333333cqw solid var(--c-white);
}

.campaign-modal__cta-head-sub {
  font-size: 4.2666666667cqw;
  font-weight: 500;
  color: var(--c-text01);
  letter-spacing: 0.04em;
  line-height: 1.5;
}

.campaign-modal__cta-head-main {
  font-size: 6.4cqw;
  font-weight: 700;
  color: var(--c-brown);
  letter-spacing: 0.04em;
  line-height: 1.4;
  margin-top: 0.5333333333cqw;
}

.campaign-modal__cta-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #efefef;
  padding: 18.9333333333cqw 4cqw 8cqw;
}

.campaign-modal__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 16cqw;
  border-radius: 26.6666666667cqw;
  box-shadow: 0 0.8cqw 1.3333333333cqw rgba(0, 0, 0, 0.24);
  cursor: pointer;
  transition: opacity 0.3s;
}
.campaign-modal__btn:hover {
  opacity: 0.8;
}
.campaign-modal__btn.--tel {
  background-color: var(--c-accent-red);
}
.campaign-modal__btn.--mail {
  background-color: var(--c-brown);
  margin-top: 5.3333333333cqw;
}

.campaign-modal__btn-icon {
  width: 7.4666666667cqw;
  height: 7.4666666667cqw;
  margin-right: 3.2cqw;
}
.campaign-modal__btn-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.campaign-modal__btn-text {
  font-size: 5.3333333333cqw;
  font-weight: 700;
  color: var(--c-white);
  letter-spacing: 0.4266666667cqw;
  line-height: 1.6;
}

.campaign-modal__btn-arrow {
  position: absolute;
  right: 5.3333333333cqw;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 1.6cqw solid transparent;
  border-bottom: 1.6cqw solid transparent;
  border-left: 2.4cqw solid var(--c-white);
}

.campaign-modal__cta-note {
  font-size: 3.7333333333cqw;
  font-weight: 700;
  color: var(--c-text01);
  letter-spacing: 0.2986666667cqw;
  line-height: 1.5;
  text-align: center;
  margin-top: 5.3333333333cqw;
}

.campaign-modal__close-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.1333333333cqw;
  width: 26cqw;
  height: 9.3333333333cqw;
  background-color: #999;
  border-radius: 0.8cqw;
  margin: 7.7333333333cqw auto 0;
  cursor: pointer;
  transition: opacity 0.3s;
}
.campaign-modal__close-btn:hover {
  opacity: 0.8;
}

.campaign-modal__close-btn-icon {
  position: relative;
  width: 3.7333333333cqw;
  height: 3.7333333333cqw;
}
.campaign-modal__close-btn-icon::before, .campaign-modal__close-btn-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.7333333333cqw;
  height: 0.8cqw;
  background-color: var(--c-white);
}
.campaign-modal__close-btn-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.campaign-modal__close-btn-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.campaign-modal__close-btn-text {
  font-size: 4.2666666667cqw;
  font-weight: 700;
  color: var(--c-white);
  letter-spacing: 0.3413333333cqw;
  line-height: 1.5;
}

.c-satisfaction-banner {
  width: min(calc(410 / 1080 * 100vw), 410px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .c-satisfaction-banner {
    width: calc(546 / 750 * 100vw);
  }
}
.c-satisfaction-banner img {
  width: 100%;
}

.c-footer {
  background-color: var(--c-white);
  padding: min(calc(64 / 1080 * 100vw), 64px) 0 min(calc(164 / 1080 * 100vw), 164px);
}
@media screen and (max-width: 767px) {
  .c-footer {
    padding: calc(64 / 750 * 100vw) 0 calc(220 / 750 * 100vw);
  }
}

.c-footer__jpx {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(calc(10 / 1080 * 100vw), 10px);
  margin-bottom: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .c-footer__jpx {
    gap: calc(10 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
}
.c-footer__jpx .logo {
  flex: 0 0 min(calc(50 / 1080 * 100vw), 50px);
}
@media screen and (max-width: 767px) {
  .c-footer__jpx .logo {
    flex: 0 0 calc(50 / 750 * 100vw);
  }
}
.c-footer__jpx .code {
  color: #000;
  text-align: center;
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .c-footer__jpx .code {
    font-size: calc(20 / 750 * 100vw);
  }
}

.c-footer__menu-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto min(calc(40 / 1080 * 100vw), 40px);
  gap: min(calc(48 / 1080 * 100vw), 48px);
}
@media screen and (max-width: 767px) {
  .c-footer__menu-wrapper {
    flex-direction: column;
    width: 100%;
    margin: 0 auto calc(40 / 750 * 100vw);
    gap: calc(32 / 750 * 100vw);
  }
}

.c-footer__menu {
  text-align: center;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .c-footer__menu {
    font-size: calc(28 / 750 * 100vw);
  }
}

.c-footer__logo {
  width: min(calc(252 / 1080 * 100vw), 252px);
  margin: 0 auto min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .c-footer__logo {
    width: calc(254 / 750 * 100vw);
    margin: 0 auto calc(40 / 750 * 100vw);
  }
}

.c-footer__number {
  text-align: center;
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .c-footer__number {
    font-size: calc(20 / 750 * 100vw);
  }
}

.c-footer__text {
  margin: min(calc(40 / 1080 * 100vw), 40px) auto 0;
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  font-weight: 400;
  line-height: 150%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-footer__text {
    font-size: calc(20 / 750 * 100vw);
    margin: calc(40 / 750 * 100vw) auto 0;
  }
}

.method__tab-head .text01 {
  text-align: center;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .method__tab-head .text01 {
    font-size: calc(28 / 750 * 100vw);
  }
}
.method__tab-head .text02 {
  text-align: center;
  font-size: min(calc(26 / 1080 * 100vw), 26px);
  font-weight: 700;
  line-height: 160%;
}
@media screen and (max-width: 767px) {
  .method__tab-head .text02 {
    font-size: calc(36 / 750 * 100vw);
  }
}

.method__tab-content {
  width: min(calc(830 / 1080 * 100vw), 830px);
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .method__tab-content {
    width: 100%;
  }
}

.method__tab-title01 {
  color: var(--c-text01);
  text-align: center;
  font-size: min(calc(24 / 1080 * 100vw), 24px);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.08em;
  margin-bottom: min(calc(23 / 1080 * 100vw), 23px);
}
@media screen and (max-width: 767px) {
  .method__tab-title01 {
    font-size: calc(32 / 750 * 100vw);
    margin-bottom: calc(19 / 750 * 100vw);
  }
}
.method__tab-title01 .large {
  color: var(--c-accent-green);
  font-size: min(calc(48 / 1080 * 100vw), 48px);
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .method__tab-title01 .large {
    font-size: calc(64 / 750 * 100vw);
  }
}

.method__tab-pricelist {
  display: flex;
  justify-content: center;
  gap: min(calc(25 / 1080 * 100vw), 25px);
  margin-bottom: min(calc(33 / 1080 * 100vw), 33px);
}
@media screen and (max-width: 767px) {
  .method__tab-pricelist {
    gap: calc(15 / 750 * 100vw);
    margin-bottom: calc(38 / 750 * 100vw);
  }
}

.method__tab-priceitem {
  flex: 0 0 min(calc(260 / 1080 * 100vw), 260px);
  height: min(calc(100 / 1080 * 100vw), 100px);
  background-color: var(--c-white);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .method__tab-priceitem {
    flex: 0 0 calc(200 / 750 * 100vw);
    height: calc(170 / 750 * 100vw);
    flex-direction: column;
  }
}
.method__tab-priceitem .text {
  color: var(--c-text01);
  text-align: center;
  font-size: min(calc(18 / 1080 * 100vw), 18px);
  font-weight: 700;
  line-height: 150%;
  letter-spacing: 0.08em;
  position: relative;
  bottom: max(calc(-10 / 1080 * 100vw), -10px);
}
@media screen and (max-width: 767px) {
  .method__tab-priceitem .text {
    font-size: calc(28 / 750 * 100vw);
    bottom: 0;
  }
}
.method__tab-priceitem .num {
  color: var(--c-accent-green);
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .method__tab-priceitem .num {
    font-size: calc(30 / 750 * 100vw);
  }
}
.method__tab-priceitem .num .zero {
  color: var(--c-accent-green);
  font-family: "Roboto", sans-serif;
  font-size: min(calc(58 / 1080 * 100vw), 58px);
  font-weight: 700;
  line-height: 110%;
  letter-spacing: 0.08em;
  display: inline-block;
  padding-left: min(calc(10 / 1080 * 100vw), 10px);
  position: relative;
}
@media screen and (max-width: 767px) {
  .method__tab-priceitem .num .zero {
    font-size: calc(68 / 750 * 100vw);
    padding-left: calc(10 / 750 * 100vw);
  }
}
.method__tab-priceitem .num .zero::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='19' viewBox='0 0 17 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.74023 1.5L1.5005 7.6221M11.7423 6.88422L6.41344 11.0096M14.9121 16.1498L8.30291 16.5321' stroke='%235C851B' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: min(calc(18 / 1080 * 100vw), 18px);
  height: min(calc(19 / 1080 * 100vw), 19px);
  position: absolute;
  right: max(calc(-10 / 1080 * 100vw), -10px);
  top: max(calc(-4 / 1080 * 100vw), -4px);
}
@media screen and (max-width: 767px) {
  .method__tab-priceitem .num .zero::before {
    width: calc(18 / 750 * 100vw);
    height: calc(21 / 750 * 100vw);
    right: calc(-8 / 750 * 100vw);
    top: 0;
  }
}

.method__tab-lead {
  margin-bottom: min(calc(40 / 1080 * 100vw), 40px);
  color: var(--c-text01);
  text-align: center;
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .method__tab-lead {
    margin-bottom: calc(40 / 750 * 100vw);
    font-size: calc(30 / 750 * 100vw);
  }
}

.method__tab-flowtitle {
  text-align: center;
  margin-bottom: min(calc(24 / 1080 * 100vw), 24px);
}
@media screen and (max-width: 767px) {
  .method__tab-flowtitle {
    margin-bottom: calc(24 / 750 * 100vw);
  }
}
.method__tab-flowtitle span {
  color: var(--c-text01);
  text-align: center;
  font-size: min(calc(26 / 1080 * 100vw), 26px);
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.08em;
  position: relative;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .method__tab-flowtitle span {
    font-size: calc(36 / 750 * 100vw);
  }
}
.method__tab-flowtitle span::before {
  content: "";
  display: block;
  background-color: var(--c-text01);
  width: min(calc(222 / 1080 * 100vw), 222px);
  height: 1px;
  position: absolute;
  left: max(calc(-238 / 1080 * 100vw), -238px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .method__tab-flowtitle span::before {
    width: calc(156 / 750 * 100vw);
    height: calc(2 / 750 * 100vw);
    left: calc(-180 / 750 * 100vw);
  }
}
.method__tab-flowtitle span::after {
  content: "";
  display: block;
  background-color: var(--c-text01);
  width: min(calc(222 / 1080 * 100vw), 222px);
  height: 1px;
  position: absolute;
  right: max(calc(-238 / 1080 * 100vw), -238px);
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .method__tab-flowtitle span::after {
    width: calc(156 / 750 * 100vw);
    height: calc(2 / 750 * 100vw);
    right: calc(-180 / 750 * 100vw);
  }
}

.method__tab-flowlist {
  display: flex;
  justify-content: center;
  gap: min(calc(16 / 1080 * 100vw), 16px);
  margin-bottom: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .method__tab-flowlist {
    gap: calc(6 / 750 * 100vw);
    margin-bottom: calc(24 / 750 * 100vw);
  }
}

.method__tab-flowitem {
  flex: 0 0 min(calc(156 / 1080 * 100vw), 156px);
  height: min(calc(156 / 1080 * 100vw), 156px);
  background-color: var(--c-white);
  border: min(calc(2 / 1080 * 100vw), 2px) solid var(--c-accent-green);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 767px) {
  .method__tab-flowitem {
    flex: 0 0 calc(153 / 750 * 100vw);
    height: calc(153 / 750 * 100vw);
    border: calc(2 / 750 * 100vw) solid var(--c-accent-green);
  }
}
.method__tab-flowitem .num {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--c-accent-green);
  width: min(calc(40 / 1080 * 100vw), 40px);
  height: min(calc(40 / 1080 * 100vw), 40px);
  border-radius: 50%;
  color: var(--c-white);
  text-align: center;
  font-family: "Roboto", sans-serif;
  font-size: min(calc(26 / 1080 * 100vw), 26px);
  font-weight: 700;
  line-height: 150%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .method__tab-flowitem .num {
    width: calc(40 / 750 * 100vw);
    height: calc(40 / 750 * 100vw);
    font-size: calc(24 / 750 * 100vw);
  }
}
.method__tab-flowitem .text {
  color: var(--c-text01);
  text-align: center;
  font-size: min(calc(20 / 1080 * 100vw), 20px);
  font-weight: 400;
  line-height: 130%;
}
@media screen and (max-width: 767px) {
  .method__tab-flowitem .text {
    font-size: calc(26 / 750 * 100vw);
  }
}

.method__tab-img01 {
  width: min(calc(671 / 1080 * 100vw), 671px);
  margin: max(calc(-30 / 1080 * 100vw), -30px) auto min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .method__tab-img01 {
    width: calc(630 / 750 * 100vw);
    margin: 0 auto calc(38 / 750 * 100vw);
  }
}

.method__tab-note {
  color: #666;
  text-align: justify;
  font-size: min(calc(12 / 1080 * 100vw), 12px);
  font-weight: 400;
  line-height: 150%;
}
@media screen and (max-width: 767px) {
  .method__tab-note {
    font-size: calc(24 / 750 * 100vw);
  }
}

.method__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(calc(40 / 1080 * 100vw), 40px);
  text-align: center;
  margin-bottom: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .method__head {
    gap: calc(40 / 750 * 100vw);
    margin-bottom: calc(40 / 750 * 100vw);
  }
}

.method__head-title {
  display: flex;
  flex-direction: column;
  line-height: 1.4;
  margin-bottom: max(calc(-24 / 1080 * 100vw), -24px);
}
@media screen and (max-width: 767px) {
  .method__head-title {
    gap: calc(4 / 750 * 100vw);
    margin-bottom: calc(-16 / 750 * 100vw);
  }
}

.method__head-title-main {
  color: var(--c-accent-red);
  font-size: min(calc(40 / 1080 * 100vw), 40px);
  font-weight: 700;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 767px) {
  .method__head-title-main {
    font-size: calc(56 / 750 * 100vw);
  }
}

.method__head-title-sub {
  color: var(--c-text01);
  font-size: min(calc(28 / 1080 * 100vw), 28px);
  font-weight: 700;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 767px) {
  .method__head-title-sub {
    font-size: calc(40 / 750 * 100vw);
  }
}

.method__head-text {
  color: var(--c-text01);
  font-size: min(calc(16 / 1080 * 100vw), 16px);
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" 1;
}
@media screen and (max-width: 767px) {
  .method__head-text {
    font-size: calc(28 / 750 * 100vw);
  }
}

.method__head-bnr {
  display: block;
  width: min(calc(670 / 1080 * 100vw), 670px);
  transition: opacity 0.3s;
}
@media screen and (max-width: 767px) {
  .method__head-bnr {
    width: calc(590 / 750 * 100vw);
  }
}
.method__head-bnr:hover {
  opacity: 0.8;
}

.method__tab-deliverymodal {
  padding: min(calc(40 / 1080 * 100vw), 40px);
}
@media screen and (max-width: 767px) {
  .method__tab-deliverymodal {
    padding: calc(30 / 750 * 100vw);
  }
}

.attention_distrust {
  padding: 0 100px;
  font-family: "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .attention_distrust {
    padding: 0 10px;
  }
}

.attention_distrust-title {
  padding: 50px 0;
  font-size: clamp(1px, 2.1875vw, 28px);
  font-weight: 600;
  color: #896811;
  text-align: center;
  background-color: #F7EFDB;
}
@media screen and (max-width: 767px) {
  .attention_distrust-title {
    padding: 20px 0;
    font-size: 25px;
  }
}

.attention_distrust-desc {
  margin-top: 20px;
  font-weight: 300;
  line-height: 1.6;
  font-size: clamp(1px, 1.25vw, 16px);
}
@media screen and (max-width: 767px) {
  .attention_distrust-desc {
    font-size: 16px;
  }
}

.attention_distrust-section {
  margin-top: 50px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section {
    margin-top: 30px;
  }
}
.attention_distrust-section p {
  margin-top: 20px;
  font-weight: 500;
}
.attention_distrust-section.privacy {
  background-color: #F9F5EB;
  border-radius: 10px;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.privacy {
    padding: 20px 15px;
  }
}
.attention_distrust-section.privacy h2 {
  font-size: clamp(1px, 1.5625vw, 20px);
  font-weight: 600;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.privacy h2 {
    font-size: 20px;
  }
}
.attention_distrust-section.privacy p {
  margin-top: 0;
  line-height: 1.6;
  font-size: clamp(1px, 1.25vw, 16px);
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.privacy p {
    font-size: 16px;
  }
}
.attention_distrust-section.privacy .soudansitsu {
  margin-top: 10px;
  padding: 25px 21px;
  border-radius: 10px;
  border: 1px solid #DFD2B0;
  background-color: #fff;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.privacy .soudansitsu {
    padding: 15px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.attention_distrust-section.privacy .soudansitsu p.title {
  font-weight: 600;
  font-size: clamp(1px, 1.25vw, 16px);
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.privacy .soudansitsu p.title {
    font-size: 16px;
    margin-right: 0;
  }
}
.attention_distrust-section.privacy .soudansitsu p.text {
  font-weight: 300;
  font-size: clamp(1px, 1.25vw, 16px);
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.privacy .soudansitsu p.text {
    font-size: 13px;
  }
}
.attention_distrust-section.cpright .flex {
  display: flex;
  justify-content: space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #E7E8E7;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.cpright .flex {
    flex-direction: column;
  }
}
.attention_distrust-section.cpright .left {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.cpright .left {
    flex-direction: column;
  }
}
.attention_distrust-section.cpright .left p {
  margin-top: 0;
  font-size: clamp(1px, 1.015625vw, 13px);
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1.3px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.cpright .left p {
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.5;
  }
}
.attention_distrust-section.cpright .bs_logo {
  width: 80px;
  height: 35px;
  margin-right: 15px;
}
.attention_distrust-section.cpright .right {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.cpright .right {
    margin-top: 15px;
    align-items: center;
    justify-content: center;
  }
}
.attention_distrust-section.cpright .pmark_logo {
  width: 40px;
  height: 40px;
}
.attention_distrust-section.cpright .jpx_logo {
  width: 40px;
  height: 40px;
  margin-left: 15px;
}
.attention_distrust-section.cpright .copyright {
  margin-top: 10px;
  text-align: left;
  font-size: 13px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section.cpright .copyright {
    text-align: center;
  }
}

.attention_distrust-section-title {
  font-size: clamp(1px, 1.5625vw, 20px);
  border-bottom: 1px solid #896811;
  font-weight: 600;
  color: #896811;
}
@media screen and (max-width: 767px) {
  .attention_distrust-section-title {
    font-size: 20px;
    line-height: 1.5;
    padding-bottom: 10px;
  }
}

.attention_distrust-attention {
  color: #E31A1A;
  margin-top: 10px;
  text-indent: -1.71875vw;
  padding-left: 1.71875vw;
  position: relative;
}
@media only screen and (min-width: 1281px) {
  .attention_distrust-attention {
    text-indent: -22px;
    padding-left: 22px;
  }
}
@media screen and (max-width: 767px) {
  .attention_distrust-attention {
    text-indent: -22px;
    padding-left: 22px;
  }
}
.attention_distrust-attention p {
  font-size: clamp(1px, 1.015625vw, 13px);
  font-weight: 400;
  line-height: 1.6;
  text-indent: 0;
}
@media screen and (max-width: 767px) {
  .attention_distrust-attention p {
    font-size: 13px;
  }
}
.attention_distrust-attention::before {
  content: "";
  display: inline-block;
  background-image: url(https://campaigns.speed-kaitori.jp/wp-content/themes/bsLP/img/campaign/attention_distrust/icon/icon_caution.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  width: 1.25vw;
  height: 1.25vw;
  margin-right: 0.390625vw;
  left: 0;
}
@media only screen and (min-width: 1281px) {
  .attention_distrust-attention::before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 767px) {
  .attention_distrust-attention::before {
    width: 16px;
    height: 16px;
    margin-right: 5px;
  }
}

.attention_distrust-chk-list {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  background-color: #F9F5EB;
  border-radius: 10px;
  padding: 30px 41px;
  gap: 10px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-chk-list {
    flex-direction: column;
    padding: 20px 15px;
  }
}
.attention_distrust-chk-list li {
  width: calc(50% - 10px);
  font-weight: 600;
  font-size: clamp(1px, 1.25vw, 16px);
  padding-left: 21px;
  line-height: 1.6;
  position: relative;
}
@media screen and (max-width: 767px) {
  .attention_distrust-chk-list li {
    width: 100%;
    font-size: 16px;
  }
}
.attention_distrust-chk-list li::before {
  content: "";
  display: inline-block;
  background-image: url(https://campaigns.speed-kaitori.jp/wp-content/themes/bsLP/img/campaign/attention_distrust/icon/icon_checkbox.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-chk-list li::before {
    top: 12px;
  }
}

.attention_distrust-step-list .attention_distrust-list-item {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .attention_distrust-step-list .attention_distrust-list-item {
    flex-direction: column;
  }
}
.attention_distrust-step-list .attention_distrust-list-item img {
  width: 120px;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-step-list .attention_distrust-list-item img {
    width: 335px;
    height: 70px;
  }
}
.attention_distrust-step-list .attention_distrust-list-item .attention_distrust-list-item-desc {
  margin-left: 15px;
}
@media screen and (max-width: 767px) {
  .attention_distrust-step-list .attention_distrust-list-item .attention_distrust-list-item-desc {
    margin-left: 0;
  }
}
.attention_distrust-step-list .attention_distrust-list-item p.title {
  margin-top: 0;
  font-weight: 600;
  line-height: 1.6;
  font-size: clamp(1px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  .attention_distrust-step-list .attention_distrust-list-item p.title {
    font-size: 20px;
  }
}
.attention_distrust-step-list .attention_distrust-list-item p.text {
  margin-top: 5px;
  line-height: 1.6;
  font-size: clamp(1px, 1.25vw, 16px);
}
@media screen and (max-width: 767px) {
  .attention_distrust-step-list .attention_distrust-list-item p.text {
    margin-top: 15px;
    font-size: 16px;
  }
}

.attention_distrust-close {
  text-align: center;
  margin-top: 30px;
  cursor: pointer;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .attention_distrust-close {
    font-size: 16px;
  }
}

.c-modal#delivery_detail_modal .adlp-modal__wrapper,
.adlp-modal#delivery_detail_modal .adlp-modal__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: min(100vw, 1080px);
}
@media screen and (max-width: 767px) {
  .c-modal#delivery_detail_modal .adlp-modal__wrapper,
  .adlp-modal#delivery_detail_modal .adlp-modal__wrapper {
    width: 92vw;
  }
}

.c-modal#delivery_detail_modal .adlp-modal__wrapper,
.adlp-modal#delivery_detail_modal .adlp-modal__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: min(calc(1080 / 1080 * 100vw), 1080px);
}
@media screen and (max-width: 767px) {
  .c-modal#delivery_detail_modal .adlp-modal__wrapper,
  .adlp-modal#delivery_detail_modal .adlp-modal__wrapper {
    width: calc(690 / 750 * 100vw);
  }
}
.c-modal#delivery_detail_modal .adlp-modal__content__close.--store,
.adlp-modal#delivery_detail_modal .adlp-modal__content__close.--store {
  position: absolute;
  top: max(calc(-20 / 1080 * 100vw), -20px);
  right: max(calc(-20 / 1080 * 100vw), -20px);
  width: min(calc(45 / 1080 * 100vw), 45px);
  height: min(calc(45 / 1080 * 100vw), 45px);
  cursor: pointer;
  z-index: 10;
  background-image: url("data:image/svg+xml,%3Csvg width='45' height='45' viewBox='0 0 45 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='22.4' cy='22.4' r='22.4' fill='%23E27A1E'/%3E%3Crect x='12.0059' y='29.8242' width='25.2' height='4.2' transform='rotate(-45 12.0059 29.8242)' fill='white'/%3E%3Crect x='14.9756' y='12.0059' width='25.2' height='4.2' transform='rotate(45 14.9756 12.0059)' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media screen and (max-width: 767px) {
  .c-modal#delivery_detail_modal .adlp-modal__content__close.--store,
  .adlp-modal#delivery_detail_modal .adlp-modal__content__close.--store {
    width: calc(64 / 750 * 100vw);
    height: calc(64 / 750 * 100vw);
    top: calc(-30 / 750 * 100vw);
    right: calc(-20 / 750 * 100vw);
  }
}
.c-modal#delivery_detail_modal .adlp-modal__content,
.adlp-modal#delivery_detail_modal .adlp-modal__content {
  position: relative;
  top: auto;
  left: auto;
  transform: translateX(0) translateY(0);
}

.w100 {
  width: 100%;
}
/*# sourceMappingURL=components.css.map */