.block__has_full {
    max-width: unset;
    margin: 0;
}
picture {
  display: block;
}

/* kv */
.kv {
    position: relative;
}
.kv__header {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 1;
}
.kv__header img {
    display: block;
    width: calc(821 / 1366 * 100vw);
    margin: 0 auto;
}
.kv__body {
    display: flex;
}
.kv__gaksi, .kv__yoro {
    width: 50%;
    position: relative;
}
.kv__gaksi > picture, .kv__yoro > picture {
    position: relative;
    z-index: 2;
}
.kv__gaksi::before, .kv__yoro::before {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.kv__gaksi::before {
    background: transparent linear-gradient(180deg, #FFEBED59 0%, #FAD0D6 100%) 0% 0% no-repeat;
}
.kv__yoro::before {
    background: transparent linear-gradient(180deg, #E0F5FF59 0%, #91D7F5 100%) 0% 0% no-repeat;
}
.kv__gaksi img, .kv__yoro img {
    width: 100%;
}
.kv__link_anchor {
    display: block;
    width: calc(385 / 1366 * 100vw);
    position: absolute;
    bottom: calc(22 / 1366 * 100vw);
    z-index: 3;
}
.kv__gaksi .kv__link_anchor {
    right: calc(115 / 1366 * 100vw);
}
.kv__yoro .kv__link_anchor {
    left: calc(115 / 1366 * 100vw);
}
.kv__cta {
    padding-block: calc(26 / 1366 * 100vw) calc(27 / 1366 * 100vw);
    background-color: #000099;
}
.kv__cta > picture {
    display: flex;
    justify-content: center;
    margin-bottom: calc(10 / 1366 * 100vw);
}
.kv__cta .kv__cta_copy img {
    width: calc(366 / 1366 * 100vw);
}
.kv__cta .kv__cta_button {
    display: block;
    width: calc(500 / 1366 * 100vw);
    margin: 0 auto;
}
.kv__cta .kv__cta_button img {
    width: 100%;
}
@media all and (max-width: 767px) {
    .kv__header img {
        width: 100%;
    }
    .kv__body {
        flex-direction: column;
        padding-top: calc(68 / 375 * 100vw);
        position: relative;
        z-index: 2;
    }
    .kv__gaksi, .kv__yoro {
        width: 100%;
    }
    .kv__link_anchor {
        width: calc(100% - calc(20 / 375 * 100vw));
        bottom: calc(19 / 375 * 100vw);
    }
    .kv__link_anchor img {
        width: 100%;
    }
    .kv__gaksi .kv__link_anchor, .kv__yoro .kv__link_anchor {
        margin: 0 auto;
        right: 0;
        left: 0;
    }
    .kv__cta {
        padding-block: calc(30 / 375 * 100vw) calc(35 / 375 * 100vw);
    }
    .kv__cta > picture {
        margin-bottom: calc(5 / 375 * 100vw);
    }
    .kv__cta .kv__cta_copy img {
        width: calc(303 / 375 * 100vw);
    }
    .kv__cta .kv__cta_button {
        width: calc(100% - calc(20 / 375 * 100vw));
    }
}

/* about-gaksi */
.about-gaksi img {
  width: 100%;
}
.about-gaksi__title {
  width: calc(1000 / 1366 * 100vw);
  margin: 0 auto;
}
.about-gaksi__summary {
  background: linear-gradient(180deg, #FFEBED00 0%, #FFEBED00 32%, #FFF2F3 100%);
}
.about-gaksi__summary > picture {
  width: calc(677 / 1366 * 100vw);
  padding-bottom: calc(80 / 1366 * 100vw);
  margin: 0 auto;
}
@media all and (max-width: 767px) {
  .about-gaksi__title {
    width: 100%;
  }
  .about-gaksi__summary > picture {
    width: 100%;
    padding-bottom: calc(80 / 375 * 100vw);
  }
}

/* feature-gaksi */
.feature-gaksi {
  padding-top: calc(70 / 1366 * 100vw);
  padding-bottom: calc(70 / 1366 * 100vw);
  background-color: #FAD0D6;
  position: relative;
}
.feature-gaksi img {
  width: 100%;
}
.feature-gaksi__title {
  width: calc(650 / 1366 * 100vw);
  margin: 0 auto;
  position: absolute;
  top: calc(22 / 1366 * -100vw);
  left: 0;
  right: 0;
}
.feature-gaksi__summary {
  width: calc(1000 / 1366 * 100vw);
  margin: 0 auto;
}
.feature-gaksi .list__annotation li {
  padding: 0 0 0 30px;
}
.feature-gaksi .list__annotation li:nth-child(1)::before {
  content: "※3";
}
.feature-gaksi .list__annotation li:nth-child(2)::before {
  content: "※4";
}
.feature-gaksi .list__annotation li:nth-child(3)::before {
  content: "※5";
}
@media all and (max-width: 767px) {
  .feature-gaksi {
    padding-top: calc(70 / 375 * 100vw);
    padding-bottom: calc(80 / 375 * 100vw);
  }
  .feature-gaksi__title {
    width: calc(355 / 375 * 100vw);
    top: calc(18 / 375 * -100vw);
  }
  .feature-gaksi__summary {
    width: calc(358 / 375 * 100vw);
  }
}

/* difference-gaksi */
.difference-gaksi {
  padding-top: calc(70 / 1366 * 100vw);
  padding-bottom: calc(64 / 1366 * 100vw);
  background-color: #FFF2F3;
  position: relative;
}
.difference-gaksi img {
  width: 100%;
}
.difference-gaksi__title {
  width: calc(800 / 1366 * 100vw);
  margin: 0 auto;
  position: absolute;
  top: calc(25 / 1366 * -100vw);
  left: 0;
  right: 0;
}
.difference-gaksi .difference-gaksi__figure {
  width: calc(1000 / 1366 * 100vw);
  margin: 0 auto;
}
.difference-gaksi .list__annotation {
  margin-bottom: 5px;
}
.difference-gaksi .list__annotation li {
  padding: 0 0 0 30px;
}
.difference-gaksi .list__annotation:not(.circle) li:nth-child(1)::before {
  content: "※6";
}
.difference-gaksi .list__annotation:not(.circle) li:nth-child(2)::before {
  content: "※7";
}
@media all and (max-width: 767px) {
  .difference-gaksi {
    padding-top: calc(80 / 375 * 100vw);
    padding-bottom: calc(40 / 375 * 100vw);
  }
  .difference-gaksi__title {
    width: calc(355 / 375 * 100vw);
    top: calc(43 / 375 * -100vw);;
  }
  .difference-gaksi .scroll_x img {
    width: auto;
    padding-inline: calc(10 / 375 * 100vw);
  }
}

/* about-yoro */
.about-yoro img {
  width: 100%;
}

/* benefit-yoro */
.benefit-yoro {
  position: relative;
}
.benefit-yoro img {
  width: 100%;
}
.benefit-yoro__title {
  width: calc(500 / 1366 * 100vw);
  margin: 0 auto;
  position: absolute;
  top: calc(23 / 1366 * -100vw);
  left: 0;
  right: 0;
}
@media all and (max-width: 767px) {
  .benefit-yoro__title {
    width: calc(330 / 375 * 100vw);
    top: calc(20 / 375 * -100vw);;
  }
}

/* feature-yoro */
.feature-yoro {
  padding-top: calc(60 / 1366 * 100vw);
  padding-bottom: calc(60 / 1366 * 100vw);
  background-color: #E5F6FF;
  position: relative;
}
.feature-yoro img {
  width: 100%;
}
.feature-yoro__title {
  width: calc(700 / 1366 * 100vw);
  margin: 0 auto;
  position: absolute;
  top: calc(25 / 1366 * -100vw);
  left: 0;
  right: 0;
}
.feature-yoro__summary {
  width: calc(1000 / 1366 * 100vw);
  margin: 0 auto;
}
.feature-yoro .list__annotation {
  margin-bottom: 5px;
}
@media all and (max-width: 767px) {
  .feature-yoro {
    padding-top: calc(80 / 375 * 100vw);
    padding-bottom: calc(40 / 375 * 100vw);
  }
  .feature-yoro__title {
    width: calc(355 / 375 * 100vw);
    top: calc(43 / 375 * -100vw);;
  }
  .feature-yoro__summary {
    width: calc(355 / 375 * 100vw);
    margin: 0 auto;
  }
  .feature-yoro .scroll_x img {
    width: auto;
    padding-inline: calc(10 / 375 * 100vw);
  }
}

/* nayami */
.nayami {
  position: relative;
}
.nayami img {
  width: 100%;
}
.my_step {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.my_step {background: white;margin: calc(40 / 1366 * 100vw) auto calc(120 / 1366 * 100vw);padding: calc(28 / 1366 * 100vw) calc(32 / 1366 * 100vw) calc(27 / 1366 * 100vw);border-radius: 15px;max-width: calc(600 / 1366 * 100vw);box-sizing: border-box;}
.my_step__heading {margin: auto;text-align: center;font-size: 1.375rem;line-height: 1.6363636364;}
.my_layout__1 {display: flex;align-items: center;justify-content: center;gap: calc(30 / 1366 * 100vw);}
.my_layout__item1 {width: calc(182 / 1366 * 100vw);margin: 0;}
.my_layout__item2 {font-size: 1.375rem;line-height: 1.5;font-weight: bold;}

@media all and (max-width: 767px) {
  .my_step {margin: calc(40 / 375 * 100vw) auto calc(80 / 375 * 100vw);padding: calc(28 / 375 * 100vw) calc(32 / 375 * 100vw) calc(27 / 375 * 100vw);max-width: calc(339 / 375 * 100vw);}
  .my_layout__1 {gap: calc(30 / 375 * 100vw);}
  .my_layout__item1 {width: calc(182 / 375 * 100vw);}
}

/* annotation */
.annotation_wrap {
  max-width: calc(1000 / 1366 * 100vw);
  margin: 0 auto;;
}
.list__annotation.circle li::before {
  content: "○";
}
@media all and (max-width: 767px) {
  .annotation_wrap {
    max-width: unset;
    padding-inline: calc(10 / 375 * 100vw);
    margin: 0 auto;
  }
}

/* banner-cta */
.banner-cta {
    padding-block: calc(40 / 1366 * 100vw);
    background-color: #000099;
}
.banner-cta .pc__flex_sp__column {
  justify-content: center !important;
  gap: calc(40 / 1366 * 100vw);

}
.banner-cta img {
  width: 100%;
}
.banner-cta__button.banner-cta__button_fuature {
    display: block;
    width: calc(420 / 1366 * 100vw);
}
.banner-cta__button {
    display: block;
    width: calc(500 / 1366 * 100vw);
}
@media all and (max-width: 767px) {
  .banner-cta {
    padding-block: calc(30 / 375 * 100vw) calc(35 / 375 * 100vw);
  }
  .banner-cta .pc__flex_sp__column {
    align-items: center !important;
    gap: calc(20 / 375 * 100vw);

  }
  .banner-cta > picture {
      margin-bottom: calc(5 / 375 * 100vw);
  }
  .banner-cta__button.banner-cta__button_fuature, .banner-cta__button {
      width: calc(100% - calc(20 / 375 * 100vw));
  }
}

/* bnrarea */
.bnrarea_list_img-03.animated {
  animation-delay: .9s !important;
}
.popin.animated {
  animation: poko .7s cubic-bezier(.175, .885, .32, 1.275) forwards;
  animation-delay: .2s;
  opacity: 0;
}
@keyframes poko {
  0% {
    opacity: 0;
    -webkit-transform: scale(.7);
    transform: scale(.7)
  }
  to {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
  }
}
.bnrarea {
  background-color: #fff;
  margin: 85px auto 0;
  max-width: 550px;
  width: 55%;
}
.bnrarea_tit {
  font-size: 20px;
  letter-spacing: .04em;
  line-height: 1.66;
  text-align: center;
}
.bnrarea_tit span {
  display: inline-block;
  position: relative;
}
.bnrarea_tit span:after,
.bnrarea_tit span:before {
  bottom: 8px;
  content: "";
  display: block;
  height: 29px;
  position: absolute;
  width: 14px;
}
.bnrarea_tit span:before {
  background: url(/products/yoro/special3/resource/img/bnrarea_border_left.png) 0 bottom no-repeat;
  background-size: contain;
  left: -34px;
}
.bnrarea_tit span:after {
  background: url(/products/yoro/special3/resource/img/bnrarea_border_right.png) 0 bottom no-repeat;
  background-size: contain;
  right: -34px;
}
.bnrarea_list {
  margin: 22px auto 0;
  max-width: 482px;
}
.bnrarea li {
  list-style: none;
}
.bnrarea img {
  width: 100%;
  display: block;
  transition: all .3s;
}
@media all and (max-width: 767px) {
  .bnrarea {
    margin-bottom: 0;
    margin-top: 15.28vw;
    width: 90.28vw;
  }
  .bnrarea_tit {
    font-size: 3.89vw;
    line-height: 1.41;
  }
  .bnrarea_tit span:before {
    left: -5.56vw;
  }
  .bnrarea_tit span:after {
    right: -5.56vw;
  }
  .bnrarea_list {
    margin-top: 4.17vw;
  }
}

/* cta contents */
.cta_contents {
    margin: 0 auto;
    max-width: 1000px;
    width: 95%;
}
.cta_contents p{
  padding: 3rem 0 2rem;
}
@media all and (max-width: 767px) {
  .cta_contents{
    max-width: 90.28vw;
  }
}