@charset "UTF-8";
html {
  font-size: 10px;
}
@media screen and (max-width: 1280px) {
  html {
    font-size: calc(100vw/128);
  }
}
@media screen and (max-width: 750px) {
  html {
    font-size: calc(100vw/75);
  }
}
.page {
  background: #fff;
  font-family: "Noto Sans JP";
}
.page section {
  overflow: hidden;
}
.page .inner {
  width: 70.3125%;
  max-width: 900px;
  margin: 0 auto;
}
.page .top img, .page .contents-wrapper img {
  width: 100%;
  vertical-align: bottom;
}
.contents-wrapper {
  margin-top: 30px;
}
.page .sp {
  display: none;
}
.page .pc {
  display: block;
}
.page .a_line {
  color: #858bc7;
}
.page .close_msg_box {
  padding: 15px 0;
  background: #feffda;
  color: #e59ce9;
  text-align: center;
  display: block;
}
.page .close_msg_box h2 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 10px;
  line-height: 26px;
}
.page .close_msg_box .close_msg {
  padding: 5px 0 0;
  display: inline-block;
  font-size: 22px;
  line-height: 1.5;
}
.page .top {
  background-color: #f2e5f9;
  position: relative;
  z-index: -2;
}
.page .top .fv-bg {
  background: url("../img/pc/fv_bg.png") no-repeat;
  background-size: cover;
  background-position: center;
  padding-bottom: calc(100%*658/1280);
  margin: 0 auto;
  max-width: 1600px;
  z-index: -1;
}
@media screen and (min-width: 1280px) {
  .page .top .fv-bg {
    height: 658px;
    padding: 0;
  }
}
.page .top .inner {
  position: absolute;
  max-width: 900px;
  top: 0;
  right: 0;
  left: 0;
}
.page .top .inner .fv-text-01 {
  width: 62.2223%;
  margin: 4.6094% 0 0 -2.2223%;
}
.page .top .inner .fv-text-02 {
  width: 57.7778%;
  margin-top: 4%;
}
.page .top .inner .fv-period {
  width: 47.2223%;
  margin: 3.1112% 0 0 5.3334%;
}
.page .top .inner .fv-title {
  width: 100%;
  margin-top: 5.5556%;
}
.page .section-top {
  padding-top: 6.25%;
}
@media screen and (min-width: 1280px) {
  .page .section-top {
    padding-top: 80px;
  }
}
.page .section-top .content-box {
  position: relative;
  background-color: #feffda;
  padding: 5.5556% 0 5.2223% 0;
  margin-bottom: 8.8889%;
  border-radius: 30px;
}
.page .section-top .content-box .obj {
  position: absolute;
  width: 110%;
  top: 7%;
  left: -5%;
}
.page .section-top .content-box .left-wrap {
  width: 50.5556%;
  margin-left: 8.8889%;
}
.page .section-top .content-box .left-wrap .heading {
  display: block;
  width: 76.2332%;
  padding: 3.9561% 0;
  margin: 0 auto;
  font-size: 2.2rem;
  border-radius: 30px;
  text-align: center;
  color: #fff;
  background-color: #adaadb;
}
.page .section-top .content-box .left-wrap .text {
  font-size: 2.2rem;
  margin-top: 7.6924%;
  line-height: 1.4;
  text-align: center;
  white-space: nowrap;
  color: #6c74bd;
}
.page .section-top .content-box .left-wrap .text .pink {
  color: #e59ce9;
}
.page .section-top .content-box .left-wrap .text .fz-26 {
  font-size: 2.6rem;
}
.page .section-top .content-box .left-wrap .text .fz-28 {
  font-size: 2.8rem;
}
.page .section-top .content-box .left-wrap .caution {
  font-size: 1.2rem;
  margin-top: 5.9341%;
}
.page .section-top .content-box .top-liftup {
  position: absolute;
  width: 37.7778%;
  top: -25%;
  right: 3%;
}
.page .section-top .content-box .top-release {
  position: absolute;
  width: 13.3334%;
  bottom: 5.5%;
  right: 8%;
}
.page .section-top .disappearing-latex-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.page .section-top .disappearing-latex-area .liftup {
  margin: 0 12.4445% 0 11.1112%;
}
.page .section-top .disappearing-latex-area .right-wrap {
  width: 58%;
}
.page .section-top .disappearing-latex-area .right-wrap .heading {
  width: 475px;
}
.page .section-top .disappearing-latex-area .right-wrap .text {
  margin-top: 4.8422%;
}
.page .section-top .disappearing-latex-area .right-wrap .product-name {
  font-size: 3.3rem;
  margin: 10.7369% 0 0 0.2%;
  line-height: 185%;
  font-weight: 600;
  color: #6d6d6d;
}
.page .section-top .disappearing-latex-area .right-wrap .product-name .foot-note {
  font-size: 1.2rem;
  font-weight: normal;
  padding-left: 15px;
}
.page .section-top .disappearing-latex-area .right-wrap .detail {
  font-size: 1.6rem;
  line-height: 200%;
  white-space: nowrap;
  margin-left: 0.2%;
  color: #6d6d6d;
  margin-top: 10px;
}
.btn {
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 84.2106%;
  max-width: 390px;
  margin-top: 5.4737%;
  padding: 20px 0;
  text-align: center;
  font-size: 2.2rem;
  color: #7d86c1;
  border: 2px solid #7d86c1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn::after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0.4em;
  height: 0.4em;
  top: 42%;
  right: 7%;
  border-top: 2px solid #7d86c1;
  border-right: 2px solid #7d86c1;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn:hover {
  background-color: #7d86c1;
  color: #fff;
  border: 2px solid #7d86c1;
}
.page .section-special-site {
  margin: 5.4737% 0 10%;
}
.page .section-special-site .special-site-banner {
  margin: 50px auto 0;
  max-width: 580px;
}
.page .section-cm {
  margin: 5.4737% 0 10%;
  margin-bottom: 5.8889%;
}
.page .section-cm .prom_cm {
  width: 100%;
  margin-top: 8.8889%;
  background: #ddd;
}
.page .section-cm .prom_cm > .inner {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}
.page .section-cm .prom_cm #video {
  width: 100%;
}
.page .section-apply-form {
  background: repeating-linear-gradient(45deg, #fff 0px, #fff 7px, #e8d8e9 7px, #e8d8e9 14px);
  padding: 5.4688% 0;
}
@media screen and (min-width: 1280px) {
  .page .section-apply-form {
    padding: 70px 0;
  }
}
.page .section-apply-form .inner {
  position: relative;
}
.page .section-apply-form .inner .mask {
  position: absolute;
  display: flex;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 20px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.page .section-apply-form .inner .mask p {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  margin: 0 auto;
  color: #fff;
}
@media screen and (max-width: 750px) {
  .page .section-apply-form .inner .mask p {
    font-size: 4.5rem;
    line-height: 1.6;
  }
}
.page .section-apply-form .apply-form-box {
  background-color: #fff;
  text-align: center;
  padding: 8.8889% 0;
  border-radius: 25px;
}
.page .section-apply-form .apply-form-box .title {
  font-size: 2.4rem;
  font-weight: 600;
  color: #6c74bd;
}
.page .section-apply-form .apply-form-box .title br {
  display: none;
}
.page .section-apply-form .apply-form-box .text {
  font-size: 2rem;
  margin-top: 3.3334%;
  color: #6c74bd;
}
.page .section-apply-form .apply-form-box .btn-wrap {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 5.5556% 5% 0;
  color: #6d6d6d;
}
.page .section-apply-form .apply-form-box .btn-wrap .box {
  width: 50%;
}
.page .section-apply-form .apply-form-box .btn-wrap .box .btn-title {
  font-size: 2.2rem;
  font-weight: 300;
}
.btn {
  display: inline-block;
  width: 93.5556%;
  margin: 5.3334% auto 0;
}
.page .section-apply-form .apply-form-box .btn-wrap .box .btn-text {
  position: relative;
  display: inline-block;
  font-size: 1.6rem;
  margin-top: 4%;
  line-height: 1.6;
  color: #6d6d6d;
}
.page .section-apply-form .apply-form-box .btn-wrap .box .btn-text.pw {
  margin-left: 4%;
}
.page .section-apply-form .apply-form-box .btn-wrap .box .btn-text.pw::before {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  top: 27%;
  left: -8%;
  border-left: 0.6em solid #dab4dc;
  border-top: 0.4em solid transparent;
  border-bottom: 0.4em solid transparent;
}
.page .section-overview {
  padding: 6.125% 0 10%;
  color: #6d6d6d;
}
@media screen and (min-width: 1280px) {
  .page .section-overview {
    padding: 80px 0 90px;
  }
}
.page .section-overview .notes-area {
  width: 93.5556%;
  margin: 0 auto;
}
.page .section-overview .notes-area .note-title {
  font-size: 1.8rem;
  margin: 8.8889% 0 0.5556%;
}
.page .section-overview .notes-area .note-title:nth-child(n+2) {
  margin-top: 5.5556%;
}
.page .section-overview .notes-area .notes .note {
  list-style: none;
  line-height: 200%;
  font-size: 1.6rem;
}
.page .section-overview .notes-area .notes .note::before {
  content: '・';
}
.page .section-overview .notes-area .text {
  font-size: 1.6rem;
  line-height: 200%;
}
.page .section-overview .notes-area .text.holiday {
  margin-top: 5%;
}
@media screen and (max-width: 750px) {
  .page .pc {
    display: none;
  }
  .page .sp {
    display: block;
  }
  .page .inner {
    width: 92%;
  }
  .page .top {
    background-color: #e8d8e9;
    position: relative;
    z-index: -2;
  }
  .page .top .fv-bg {
    background: url("../img/sp/fv_bg.png") no-repeat;
    background-size: cover;
    background-position: right;
    padding-bottom: calc(100%*450/750);
    margin: 0 auto;
    z-index: -1;
  }
  .page .top .inner .fv-text-01 {
    width: 65.2174%;
    margin: 5.7972% 0 0;
  }
  .page .top .inner .fv-text-02 {
    width: 64.7827%;
    margin-top: 5.7972%;
  }
  .page .top .inner .fv-period {
    width: 55.5073%;
    margin: 5.7972% 0 0 4.9276%;
  }
  .page .section-top {
    padding-top: 10.145%;
  }
  .page .section-top .content-box {
    padding: 8.6957% 0 7.9711% 0;
    margin-bottom: 10.145%;
    border-radius: 30px;
  }
  .page .section-top .content-box .obj {
    width: 101.015%;
    top: -9%;
    left: 0;
  }
  .page .section-top .content-box .left-wrap {
    width: 65.2174%;
    margin-left: 4.9276%;
  }
  .page .section-top .content-box .left-wrap .heading {
    width: 88.8889%;
    padding: 3.9561% 0;
    margin: 0 auto;
    font-size: 2.6rem;
  }
  .page .section-top .content-box .left-wrap .text {
    margin-top: 7.7778%;
    line-height: 1.4;
  }
  .page .section-top .content-box .left-wrap .caution {
    font-size: 2rem;
    margin-top: 4.4445%;
    line-height: 180%;
  }
  .page .section-top .content-box .top-liftup {
    width: 37.1015%;
    top: -14%;
    right: -5.5%;
  }
  .page .section-top .disappearing-latex-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    padding-bottom: 60%;
    margin-bottom: 20%;
  }
  .page .section-top .disappearing-latex-area .liftup {
    width: 31.8841%;
    margin: 0 7.2464%;
  }
  .page .section-top .disappearing-latex-area .right-wrap {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding-top: 10%;
  }
  .page .section-top .disappearing-latex-area .right-wrap .heading {
    width: auto;
  }
  .page .section-top .disappearing-latex-area .right-wrap .text {
    margin-top: 14.8422%;
    width: 96%;
  }
  .page .section-top .disappearing-latex-area .right-wrap .alohalabo-data {
    position: absolute;
    top: 50%;
    left: 0%;
    width: 100%;
  }
  .page .section-top .disappearing-latex-area .right-wrap .alohalabo-data .product-name {
    font-size: 4.8em;
    margin: 8% auto 3%;
    line-height: 155%;
    width: 86%;
  }
  .page .section-top .disappearing-latex-area .right-wrap .alohalabo-data .product-name .foot-note {
    font-size: 2rem;
    padding-left: 0;
    display: block;
  }
  .page .section-top .disappearing-latex-area .right-wrap .alohalabo-data .detail {
    font-size: 2.4rem;
    line-height: 180%;
    width: 86%;
    margin: 0 auto;
  }
  .btn {
    font-size: 3.2rem;
    width: 89%;
    margin: 5.4737% auto 0;
    font-weight: bold;
  }
  .page .section-cm {
    margin-bottom: 10.6667%;
  }
  .page .section-cm .prom_cm {
    margin-top: 7.2464%;
  }
  .page .section-cm .prom_cm > .inner {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    padding: 0;
  }
  .page .section-cm .prom_cm #video {
    width: 100%;
  }
  .page .section-apply-form {
    background: repeating-linear-gradient(45deg, #fff 0px, #fff 4px, #e8d8e9 4px, #e8d8e9 8px);
    padding: 5.4688% 0;
  }
  .page .section-apply-form .apply-form-box {
    width: 97.1015%;
    margin: 0 auto;
    padding: 10.8696% 0;
  }
  .page .section-apply-form .apply-form-box .title {
    font-size: 3.6rem;
    font-weight: 600;
    line-height: 150%;
  }
  .page .section-apply-form .apply-form-box .title br {
    display: block;
  }
  .page .section-apply-form .apply-form-box .text {
    margin-top: calc(6.5218%*1.0299);
  }
  .page .section-apply-form .apply-form-box .btn-wrap {
    width: calc(81.1595%*1.0299);
    display: block;
    margin: calc(12.3189%*1.0299) auto 0;
  }
  .page .section-apply-form .apply-form-box .btn-wrap .box {
    width: 100%;
  }
  .page .section-apply-form .apply-form-box .btn-wrap .box .btn-title {
    font-size: 2.8rem;
  }
  .btn {
    display: inline-block;
    width: 100%;
    margin: 7.1429% auto 0;
  }
  .page .section-apply-form .apply-form-box .btn-wrap .box .btn-text {
    font-size: 2.2rem;
    margin: 4.4643% 0 0;
    line-height: 165%;
  }
  .page .section-apply-form .apply-form-box .btn-wrap .box .btn-text.pw::before {
    top: 23%;
    border-left: 0.7em solid #dab4dc;
    border-top: 0.4em solid transparent;
    border-bottom: 0.4em solid transparent;
  }
  .page .section-apply-form .apply-form-box .btn-wrap .member::after {
    content: '';
    display: inline-block;
    background: url("../img/sp/dotted.png") no-repeat;
    width: 73.9286%;
    height: 3px;
    margin-top: 5.7972%;
  }
  .page .section-apply-form .apply-form-box .btn-wrap .non-member {
    margin-top: 12.5%;
  }
  .page .section-overview .notes-area .note-title {
    font-size: 2.2rem;
  }
  .page .section-overview .notes-area .notes .note {
    font-size: 2.2rem;
  }
  .page .section-overview .notes-area .text {
    font-size: 2.2rem;
  }
  .page .section-overview .notes-area .text.holiday {
    margin-top: 12.5%;
  }
}
footer {
  background-color: #adacd9;
  padding: 30px 5px;
  color: #fff;
  text-align: center;
}
footer p a {
  color: #fff;
}
.img-full {
  width: 100%;
}
.img-top {
  width: 100%;
  max-width: 1180px;
}