@charset "UTF-8";
/* *****************************
 *
 * Import file to Scss or Sass.
 *
 **************************** */
.fadeIn {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 0.6s;
  transition: opacity 1s, visibility 1s, -webkit-transform 0.6s;
  transition: transform 0.6s, opacity 1s, visibility 1s;
  transition: transform 0.6s, opacity 1s, visibility 1s, -webkit-transform 0.6s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  will-change: filter;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.fadeIn.active {
  opacity: 1;
  visibility: visible;
}

.fadeUp {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: opacity 1s, visibility 1s, -webkit-transform 1s;
  transition: transform 1s, opacity 1s, visibility 1s;
  transition: transform 1s, opacity 1s, visibility 1s, -webkit-transform 1s;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
  will-change: filter;
  -webkit-perspective: 1000;
          perspective: 1000;
}
.fadeUp.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  visibility: visible;
}

@-webkit-keyframes jump01 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}

@keyframes jump01 {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
}
/* -----------------------------------------------------------------

 #01　リセット

 ------------------------------------------------------------------ */
* {
  font-style: normal;
  margin: 0px;
  padding: 0px;
  text-decoration: none;
}

html {
  font-size: 62.5%;
  line-height: 1.6;
}

ul {
  list-style: none;
}

fieldset {
  border: 0;
}

img {
  border: 0;
  vertical-align: bottom;
}

/* -----------------------------------------------------------------

 #02　基本タグの定義

 ------------------------------------------------------------------ */
body {
  color: #333333;
  font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  -webkit-font-feature-settings: "palt" 1;
  font-feature-settings: "palt" 1;
  background-color: #ffffff;
  letter-spacing: 0.05em;
  text-align: left;
  background-repeat: no-repeat;
  width: auto;
  height: 100%;
  margin: 0px auto;
  background-position: top;
}

h1,
h2,
h3 {
  font-weight: 100;
}

p {
  text-align: left;
  font-size: 1.3em;
}

span {
  font-size: 1em;
  text-align: left;
}

em,
strong {
  font-style: normal;
  font-weight: 100;
}

a img {
  border-style: none;
  outline: medium none;
}

object {
  border-style: none;
  outline: medium none;
}

a {
  font-size: 1em;
  color: #023461;
  text-decoration: none;
  outline: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
a:hover {
  text-decoration: underline;
  opacity: 0.7;
}
a:link {
  outline: medium none;
}
a:visited {
  outline: medium none;
}

video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/* -----------------------------------------------------------------
@mixin
------------------------------------------------------------------ */
.fancybox-button img {
  width: 100%;
  height: auto;
}

.flowing {
  -webkit-animation: pulse 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
          animation: pulse 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
}

@-webkit-keyframes flowing {
  0% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  50% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  100% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
}

@keyframes flowing {
  0% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
  50% {
    -webkit-transform: translateY(-7px);
            transform: translateY(-7px);
  }
  100% {
    -webkit-transform: translateY(7px);
            transform: translateY(7px);
  }
}
#wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
#wrapper img,
#wrapper source {
  width: auto;
  height: auto;
  max-width: 100%;
}
#wrapper .fix {
  position: fixed !important;
  top: auto !important;
  bottom: 0;
  left: 0.875% !important;
  width: 100%;
  z-index: 1000;
  display: none;
}
#wrapper .fix.show {
  bottom: 0;
}
#wrapper .fix a {
  display: block;
  width: 100%;
  max-width: 950px;
  margin: 0 auto;
}
@media screen and (max-width: 950px) {
  #wrapper .fix p {
    bottom: 4.1052631579vw;
    right: 8vw;
  }
  #wrapper .fix p a {
    width: 14.1052631579vw;
  }
}
#wrapper .lpbody {
  width: 100%;
  max-width: 950px;
  margin: 0 auto 30rem;
}
#wrapper .lpbody strong,
#wrapper .lpbody a,
#wrapper .lpbody span,
#wrapper .lpbody img,
#wrapper .lpbody source {
  display: block;
}
#wrapper .lpbody p {
  width: 100%;
}
#wrapper .lpbody .vid {
  overflow: hidden;
}
#wrapper .lpbody div {
  position: relative;
  top: 0;
  left: 0;
}
#wrapper .lpbody div.btn a {
  display: block;
  position: absolute;
}
#wrapper .lpbody div.btn a.not_event {
  pointer-events: none;
}
#wrapper .lpbody div.btn span {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
#wrapper .lpbody div.btn01 video {
  position: absolute;
  top: 0;
  left: 62px;
  width: 826px;
  height: 426px;
}
#wrapper .lpbody div.btn01 a {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: 0;
  left: 62px;
  width: 826px;
  height: 426px;
}
#wrapper .lpbody div.btn01 a img {
  width: 126px;
}
#wrapper .lpbody div.btn01 a:hover {
  background: rgba(255, 255, 255, 0.4);
}
#wrapper .lpbody div.btn02 a {
  top: 458px;
  left: 56px;
  width: 855px;
}
#wrapper .lpbody div.btn02 .js-modal-btn {
  position: absolute;
  top: auto;
  bottom: 62px;
  cursor: pointer;
}
@media screen and (max-width: 950px) {
  #wrapper .lpbody {
    margin: 0 auto 15rem;
  }
  #wrapper .lpbody div.btn01 video {
    left: 6.5263157895vw;
    width: 86.9473684211vw;
    height: 44.8421052632vw;
  }
  #wrapper .lpbody div.btn01 a {
    left: 6.5263157895vw;
    width: 86.9473684211vw;
    height: 44.8421052632vw;
  }
  #wrapper .lpbody div.btn01 a img {
    width: 13.2631578947vw;
  }
  #wrapper .lpbody div.btn02 a {
    top: 48.2105263158vw;
    left: 5.8947368421vw;
    width: 90vw;
  }
  #wrapper .lpbody div.btn02 .js-modal-btn {
    bottom: 6.5263157895vw;
  }
}
#wrapper .lpbody .fv {
  width: calc(100% + 1px);
}
#wrapper .lpbody .fv .img {
  position: absolute;
  top: 4.85%;
}
#wrapper .lpbody .fv .img picture {
  display: block;
  margin: auto;
  width: 97.7894736842%;
}
#wrapper .lpbody .fv + .offer_btn {
  margin-top: -18.1%;
}
#wrapper .lpbody .offer_btn {
  margin-top: 5%;
  padding: 2% 0 3%;
}
#wrapper .lpbody .offer_btn .offer_bg {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 89.4736842105%;
  -webkit-box-shadow: 10px 10px 20px rgba(158, 165, 178, 0.6);
          box-shadow: 10px 10px 20px rgba(158, 165, 178, 0.6);
}
#wrapper .lpbody .offer_btn .img {
  position: absolute;
}
#wrapper .lpbody .offer_btn .img01 {
  top: unset;
  bottom: 12%;
}
#wrapper .lpbody .offer_btn .img01 picture {
  display: block;
  margin: auto;
  width: 76.8421052632%;
  -webkit-box-shadow: 10px 20px 16px rgba(128, 125, 128, 0.5);
          box-shadow: 10px 20px 16px rgba(128, 125, 128, 0.5);
}
#wrapper .lpbody .fv + .back_hair {
  margin-top: -1.2%;
}
#wrapper .lpbody .back_hair {
  position: relative;
}
#wrapper .lpbody .back_hair .img {
  position: absolute;
  top: -20%;
  left: 7.7894736842%;
  width: 84.4210526316%;
}
#wrapper .lpbody .back_hair .splide__track {
  padding-bottom: 30px;
}
#wrapper .lpbody .back_hair .splide__slide {
  -webkit-box-shadow: 15px 15px 10px rgba(44, 45, 51, 0.15);
          box-shadow: 15px 15px 10px rgba(44, 45, 51, 0.15);
}
#wrapper .lpbody .back_hair .splide__arrows {
  position: static;
}
#wrapper .lpbody .back_hair .splide__arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-radius: unset;
  opacity: 1;
  background: none;
}
#wrapper .lpbody .back_hair .splide__arrow--prev {
  left: 7em;
  border-left: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-right: 60px solid #cc929f;
}
@media screen and (max-width: 950px) {
  #wrapper .lpbody .back_hair .splide__arrow--prev {
    left: 3em;
    border-top: 3.6842105263vw solid transparent;
    border-bottom: 3.6842105263vw solid transparent;
    border-right: 6.3157894737vw solid #cc929f;
  }
}
#wrapper .lpbody .back_hair .splide__arrow--next {
  right: 7em;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 60px solid #cc929f;
  border-right: 0;
}
@media screen and (max-width: 950px) {
  #wrapper .lpbody .back_hair .splide__arrow--next {
    right: 3em;
    border-top: 3.6803364879vw solid transparent;
    border-bottom: 3.6803364879vw solid transparent;
    border-left: 6.309148265vw solid #cc929f;
  }
}
#wrapper .lpbody .toromi {
  position: relative;
}
#wrapper .lpbody .toromi .img, #wrapper .lpbody .toromi .vid {
  position: absolute;
}
#wrapper .lpbody .toromi .img01 {
  top: 8%;
  left: 26.8421052632%;
  width: 46.3157894737%;
}
#wrapper .lpbody .toromi .img02 {
  top: unset;
  bottom: 15%;
  left: 5.2631578947%;
  width: 89.4736842105%;
}
#wrapper .lpbody .toromi .vid01 {
  overflow: unset;
  top: 30%;
  left: 13.1578947368%;
  width: 73.6842105263%;
}
#wrapper .lpbody .toromi .vid01 .icon {
  position: absolute;
  top: 0;
  width: 21.0526315789%;
}
#wrapper .lpbody .toromi .vid01 .icon_old {
  left: 0;
  translate: -50% -50%;
}
#wrapper .lpbody .toromi .vid01 .icon_new {
  right: 0;
  translate: 50% -50%;
}
#wrapper .lpbody .toromi01 {
  margin-top: 5%;
  margin-bottom: -14%;
  z-index: -1;
}
#wrapper .lpbody .toromi02 {
  margin-top: -5%;
  z-index: -1;
}
#wrapper .lpbody .like_this {
  position: relative;
}
#wrapper .lpbody .like_this .img {
  position: absolute;
  top: 5%;
  left: 5.2631578947%;
  width: 89.4736842105%;
}
#wrapper .lpbody .whathair {
  position: relative;
}
#wrapper .lpbody .whathair .img {
  position: absolute;
  top: 27.3%;
  left: 13.6842105263%;
  width: 72.6315789474%;
}
#wrapper .lpbody .whatabouthair {
  position: relative;
}
#wrapper .lpbody .whatabouthair .img {
  position: absolute;
  top: 8.5%;
  left: 7.6842105263%;
  width: 84.6315789474%;
}
#wrapper .lpbody .reason {
  margin-top: 5%;
}
#wrapper .lpbody .reason .img {
  position: absolute;
  top: unset;
}
#wrapper .lpbody .reason .img.img01 {
  top: 1.3%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 76.8421052632%;
}
#wrapper .lpbody .reason .img.img02 {
  top: 3.15%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 58.3157894737%;
}
#wrapper .lpbody .reason .img.img03 {
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
#wrapper .lpbody .reason .img.img04 {
  top: 31.63%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
#wrapper .lpbody .reason .img.img04 .vid01 {
  position: absolute;
  top: 12.9%;
  left: 12.25%;
  width: 37.4736842105%;
  aspect-ratio: 1;
  border-radius: 50%;
}
#wrapper .lpbody .reason .img.img04 .vid02 {
  overflow: unset;
  position: absolute;
  top: 43.5%;
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide {
  left: 28.9473684211%;
  width: 42.1052631579%;
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide__slide {
  padding: 6% 12.5%;
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide__arrows {
  position: static;
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide__arrows .splide__arrow {
  opacity: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide__arrows .splide__arrow:disabled {
  opacity: 0;
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide__arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-radius: unset;
  opacity: 1;
  background: none;
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide__arrow--prev {
  left: -4em;
  border-left: 0;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-right: 60px solid #cc929f;
}
@media screen and (max-width: 950px) {
  #wrapper .lpbody .reason .img.img04 .vid02 .splide__arrow--prev {
    left: -3em;
    border-top: 3.6842105263vw solid transparent;
    border-bottom: 3.6842105263vw solid transparent;
    border-right: 6.3157894737vw solid #cc929f;
  }
}
#wrapper .lpbody .reason .img.img04 .vid02 .splide__arrow--next {
  right: -4em;
  border-top: 35px solid transparent;
  border-bottom: 35px solid transparent;
  border-left: 60px solid #cc929f;
  border-right: 0;
}
@media screen and (max-width: 950px) {
  #wrapper .lpbody .reason .img.img04 .vid02 .splide__arrow--next {
    right: -3em;
    border-top: 3.6803364879vw solid transparent;
    border-bottom: 3.6803364879vw solid transparent;
    border-left: 6.309148265vw solid #cc929f;
  }
}
#wrapper .lpbody .reason .img.img04 .vid02 .slide_wrap {
  position: relative;
}
#wrapper .lpbody .reason .img.img04 .vid02 .icon {
  position: absolute;
  top: 0;
  width: 40%;
}
#wrapper .lpbody .reason .img.img04 .vid02 .icon_old {
  left: 0;
  translate: -33% -15%;
}
#wrapper .lpbody .reason .img.img04 .vid02 .icon_new {
  right: 0;
  translate: 33% -15%;
}
#wrapper .lpbody .reason .img.img04 .vid02 .icon_before,
#wrapper .lpbody .reason .img.img04 .vid02 .icon_after {
  top: unset;
  bottom: 0;
  width: 100%;
}
#wrapper .lpbody .reason .img.img04 .vid03 {
  overflow: unset;
  position: absolute;
  top: 43.5%;
  left: 16.8421052632%;
  width: 66.3157894737%;
}
#wrapper .lpbody .reason .img.img04 .vid03 video {
  aspect-ratio: 650/370;
  -o-object-position: 50% 55%;
     object-position: 50% 55%;
}
#wrapper .lpbody .reason .img.img05 {
  top: 74.755%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
}
#wrapper .lpbody .reason .img.fadeUp {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}
#wrapper .lpbody .reason .img.fadeUp.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#wrapper .lpbody .usesalon .img01 {
  position: absolute;
  top: 15%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 88.6315789474%;
}
#wrapper .lpbody .usesalon .img01 .img02,
#wrapper .lpbody .usesalon .img01 .vid {
  position: absolute;
  top: 0;
  left: 0;
  width: 42.584211%;
  aspect-ratio: 358/537;
}
#wrapper .lpbody .usesalon .img01 .img02 picture,
#wrapper .lpbody .usesalon .img01 .vid picture {
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) scale(1);
          transform: translateY(-50%) scale(1);
}
#wrapper .lpbody .interview {
  margin-top: 8%;
}
#wrapper .lpbody .interview .child {
  position: relative;
}
#wrapper .lpbody .interview01 .img01 {
  position: absolute;
  top: 6%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 78.9473684211%;
}
#wrapper .lpbody .interview01 .img02 {
  position: absolute;
  top: 36%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 78.9473684211%;
}
#wrapper .lpbody .interview02 .img01, #wrapper .lpbody .interview03 .img01, #wrapper .lpbody .interview04 .img01, #wrapper .lpbody .interview05 .img01 {
  position: absolute;
  top: 2.5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 78.9473684211%;
}
#wrapper .lpbody .interview06 .splide {
  position: absolute;
  top: 6.8%;
}
#wrapper .lpbody .interview06 .splide .splide__arrows {
  position: static;
}
#wrapper .lpbody .interview06 .splide .splide__arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-radius: unset;
  opacity: 1;
  background: none;
}
#wrapper .lpbody .interview06 .splide .splide__arrow--prev {
  left: 6em;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 58px solid #FFC2C9;
  border-right: 0;
}
#wrapper .lpbody .interview06 .splide .splide__arrow--prev:disabled {
  display: none;
}
@media screen and (max-width: 950px) {
  #wrapper .lpbody .interview06 .splide .splide__arrow--prev {
    left: 2em;
    border-top: 4.2060988433vw solid transparent;
    border-bottom: 4.2060988433vw solid transparent;
    border-left: 6.0988433228vw solid #FFC2C9;
  }
}
#wrapper .lpbody .interview06 .splide .splide__arrow--next {
  right: 6em;
  border-top: 40px solid transparent;
  border-bottom: 40px solid transparent;
  border-left: 58px solid #FFC2C9;
  border-right: 0;
}
#wrapper .lpbody .interview06 .splide .splide__arrow--next:disabled {
  display: none;
}
@media screen and (max-width: 950px) {
  #wrapper .lpbody .interview06 .splide .splide__arrow--next {
    right: 2em;
    border-top: 4.2060988433vw solid transparent;
    border-bottom: 4.2060988433vw solid transparent;
    border-left: 6.0988433228vw solid #FFC2C9;
  }
}
#wrapper .lpbody .interview06 .splide picture {
  display: block;
  margin: auto;
  width: 67.5789473684%;
}
#wrapper .lpbody .care .img01 {
  position: absolute;
  top: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 89.4736842105%;
}
#wrapper .lpbody .care .back_hair {
  margin-top: 10%;
}
#wrapper .lpbody .care .vid {
  position: absolute;
  top: unset;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  aspect-ratio: 850/564;
}
#wrapper .lpbody .care .vid picture {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(2.8);
          transform: translate(-50%, -50%) scale(2.8);
}
#wrapper .lpbody .sns {
  position: relative;
}
#wrapper .lpbody .sns .vid {
  position: absolute;
  top: unset;
  left: unset;
  width: 32.5263157895%;
  aspect-ratio: 619/1107;
}
#wrapper .lpbody .sns .vid.vid01 {
  top: 19.4%;
  left: 8.1052631579%;
  width: 32.8421052632%;
  aspect-ratio: 624/1135;
}
#wrapper .lpbody .sns .vid.vid02 {
  top: 51.25%;
  right: 7.3684210526%;
}
#wrapper .lpbody .sns .vid.vid03 {
  bottom: 9.2%;
  left: 8.9473684211%;
}
#wrapper .lpbody .sns .img01 {
  position: absolute;
  top: 35.86%;
  left: 5.2%;
  width: 36.8421052632%;
}
#wrapper .lpbody .hair_environment {
  position: relative;
  margin-top: 5%;
}
#wrapper .lpbody .hair_environment .img {
  position: absolute;
  top: 10%;
  left: 9.2631578947%;
  width: 81.4736842105%;
}
#wrapper .lpbody .howto dd {
  display: none;
}
#wrapper .lpbody .faq dl {
  margin-bottom: 5px;
}
#wrapper .lpbody .faq dd {
  display: none;
}
#wrapper .lpbody .review .img {
  position: absolute;
}
#wrapper .lpbody .review.review01 .img01 {
  top: 32.3%;
  left: 27.6842105263%;
  width: 44.6315789474%;
}
#wrapper .lpbody .review.review01 #more {
  display: none;
}
#wrapper .lpbody .review.review01 .fadeUp {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
#wrapper .lpbody .review.review01 .fadeUp.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#wrapper .lpbody .review.review01_02 .img01 {
  top: 1.2%;
  left: 8.1052631579%;
  width: 83.7894736842%;
}
#wrapper .lpbody .review.review01_02 .img02 {
  top: 10%;
  left: 0%;
  width: 100%;
}
#wrapper .lpbody .review.review01_02 .img03 {
  top: 36.4%;
  left: 0%;
  width: 100%;
}
#wrapper .lpbody .review.review01_02 .img04 {
  top: 68.7%;
  left: 0%;
  width: 100%;
}
#wrapper .lpbody .review.review01_02 .fadeUp {
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}
#wrapper .lpbody .review.review01_02 .fadeUp.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#wrapper .lpbody .review.review02 {
  margin-top: 0%;
}
#wrapper .lpbody .review.review02 .img01 {
  left: 13.2631578947%;
  top: 8.8%;
  width: 73.4736842105%;
}
#wrapper .lpbody .review.review02 .img02 {
  left: 1%;
  top: 10%;
  width: 104.8421052632%;
}
#wrapper .lpbody .offer {
  position: relative;
}
#wrapper .lpbody .offer.offer_top {
  margin-top: 0;
}
#wrapper .lpbody .offer.offer_top .img {
  position: absolute;
}
#wrapper .lpbody .offer.offer_top .img01 {
  top: 24.3%;
  left: 13.6%;
  width: 69.8947368421%;
}
#wrapper .lpbody .offer.offer_top .fadeUp {
  -webkit-transform: translateX(-30px);
          transform: translateX(-30px);
}
#wrapper .lpbody .offer.offer_top .fadeUp.active {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#wrapper .lpbody .offer03 {
  margin-top: 3%;
}
#wrapper .lpbody .offer__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#wrapper .lpbody .offer .btn {
  position: absolute;
}
#wrapper .lpbody .offer .btn.btn01 {
  width: 93.5%;
  left: 4.5%;
  bottom: 4.8%;
}
#wrapper .lpbody .offer .btn.btn02 {
  width: 78%;
  top: unset;
  left: 50%;
  bottom: 4%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#wrapper .lpbody .benefits {
  position: relative;
  margin-top: 5%;
}

.js-modal-body.active,
.js-modal-body02.active {
  display: block !important;
}

@media only screen and (min-width: 768px) {
  .js-modal-btn:hover {
    opacity: 0.7;
  }
  .js-modal-btn,
  .js-modal-close,
  .modal-cont__btn {
    cursor: pointer;
  }
}
@media only screen and (max-width: 767px) {
  .modal-cont {
    padding: 25px !important;
  }
  .modal-cont-wrap {
    width: 90% !important;
  }
  #wrapper .lpbody div.js-modal-close {
    width: 50px;
    height: 50px;
    top: -20px !important;
    right: -10px !important;
  }
}
.js-modal-body,
.js-modal-body02 {
  position: fixed !important;
  top: 0;
  left: 0;
  background-color: rgba(111, 111, 111, 0.581);
  width: 100vw;
  height: 100vh;
  z-index: 20;
}

.modal-cont-wrap {
  margin: auto;
  width: 70%;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.modal-cont {
  background-color: #fff;
  padding: 60px;
  height: 70vh;
  overflow: auto;
  position: relative;
}

.modal-cont__txt img {
  width: 100%;
}

.modal-cont__txt__link {
  width: 54%;
  margin: 6.3157894737% 0;
}
@media only screen and (min-width: 950px) {
  .modal-cont__txt__link {
    margin: 60px 0;
  }
}

#wrapper .lpbody div.js-modal-close {
  position: absolute !important;
  top: -30px;
  right: -30px;
  left: unset !important;
  z-index: 22;
}

.modal-cont__btn {
  margin: 20px 0 80px;
}
@media only screen and (min-width: 768px) {
  .modal-cont__btn {
    margin: 48px 0 250px;
  }
}

.js-modal-body02 .modal-cont-wrap {
  max-width: 1000px;
}

.js-modal-body02 .modal-cont {
  height: auto;
}

.coupon .copy {
  cursor: pointer;
}/*# sourceMappingURL=layout.css.map */