@charset "UTF-8";
.p-page_content__inner {
  max-width: 100%;
}

.p-page_content {
  padding: 0;
}

.wrap p {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #4d4d4d;
  font-size: 28px;
}
@media screen and (max-width: 750px) {
  .wrap p {
    font-size: 3.7333333333vw;
  }
}
.wrap h1, .wrap .h1, .wrap h2, .wrap .h2, .wrap h3, .wrap .h3, .wrap h4, .wrap .h4, .wrap h5, .wrap .h5, .wrap h6, .wrap .h6 {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
}

.wrap div, .wrap span, .wrap iframe, .wrap h1, .wrap h2, .wrap h3, .wrap h4, .wrap h5, .wrap h6, .wrap p, .wrap img, .wrap small, .wrap strong, .wrap b, .wrap dl, .wrap dt, .wrap dd, .wrap ol, .wrap ul, .wrap li,
.wrap form, .wrap label, .wrap legend, .wrap table, .wrap tbody, .wrap tfoot, .wrap thead, .wrap tr, .wrap th, .wrap td, .wrap footer, .wrap header, .wrap menu, .wrap nav, .wrap section, .wrap video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
  line-height: 1;
}
.wrap ul li {
  list-style: none;
}
.wrap a {
  margin: 0;
  padding: 0;
  color: #4d4d4d;
  text-decoration: none;
  vertical-align: baseline;
}
.wrap a:hover {
  opacity: 0.7;
}
.wrap table {
  border-spacing: 0;
}
.wrap img {
  width: 100%;
}
.wrap {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, sans-serif;
  color: #4d4d4d;
  font-size: 28px;
  max-width: 750px;
  margin: 0 auto;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .wrap {
    font-size: 3.7333333333vw;
  }
}
.wrap .fv {
  background: url(../img/fv_bg.jpg) no-repeat top center/100%;
  height: 750px;
  padding-top: 220px;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .fv {
    height: 100vw;
    padding-top: 29.3333333333vw;
  }
}
.wrap .fv .fv_logo {
  width: 610px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .fv .fv_logo {
    width: 81.3333333333vw;
  }
}
.wrap .fv .tit {
  font-size: 48px;
  line-height: 1.45;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.08em;
  margin-top: 60px;
}
@media screen and (max-width: 750px) {
  .wrap .fv .tit {
    font-size: 6.4vw;
    margin-top: 8vw;
  }
}
.wrap .cta_img {
  width: 640px;
  margin: 0 auto 22px;
}
@media screen and (max-width: 750px) {
  .wrap .cta_img {
    width: 85.3333333333vw;
    margin: 0 auto 2.9333333333vw;
  }
}
.wrap .line_img {
  width: 640px;
  margin: 0 auto 27px;
}
@media screen and (max-width: 750px) {
  .wrap .line_img {
    width: 85.3333333333vw;
    margin: 0 auto 3.6vw;
  }
}
.wrap a.btn_box {
  display: block;
  color: #fff;
  font-size: 36px;
  line-height: 116px;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.12em;
  width: 640px;
  height: 120px;
  margin: 0 auto;
  border-radius: 100vw;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box {
    font-size: 4.8vw;
    line-height: 15.4666666667vw;
    width: 85.3333333333vw;
    height: 16vw;
  }
}
.wrap a.btn_box.cta_btn {
  background: #e096a4;
}
.wrap a.btn_box.line_btn {
  font-size: 38px;
  margin-top: 17px;
  padding-left: 72px;
  background: #34ac37;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.line_btn {
    font-size: 5.0666666667vw;
    margin-top: 2.2666666667vw;
    padding-left: 9.6vw;
  }
}
.wrap a.btn_box.line_btn::before {
  content: "";
  display: block;
  width: 72px;
  height: 69px;
  background: url(../img/line_icon.svg) no-repeat top left/100%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 97px;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.line_btn::before {
    width: 9.6vw;
    height: 9.2vw;
    left: 12.9333333333vw;
  }
}
.wrap a.btn_box.cta_btn02 {
  width: 600px;
  background: #e096a4;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.cta_btn02 {
    width: 80vw;
  }
}
.wrap a.btn_box.rank_btn {
  width: 600px;
  background: #e4c0bc;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.rank_btn {
    width: 80vw;
  }
}
.wrap a.btn_box.contact_btn {
  font-size: 34px;
  padding-left: 70px;
  margin-bottom: 70px;
  background: #a3c9cb;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.contact_btn {
    font-size: 4.5333333333vw;
    padding-left: 9.3333333333vw;
    margin-bottom: 9.3333333333vw;
  }
}
.wrap a.btn_box.contact_btn::before {
  content: "";
  display: block;
  width: 52px;
  height: 49px;
  background: url(../img/cotact_icon.svg) no-repeat top left/100%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 77px;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.contact_btn::before {
    width: 6.9333333333vw;
    height: 6.5333333333vw;
    left: 10.2666666667vw;
  }
}
.wrap a.btn_box.top_btn {
  color: #888;
  font-size: 34px;
  padding-left: 250px;
  background: #f3f3f3;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.top_btn {
    font-size: 4.5333333333vw;
    padding-left: 33.3333333333vw;
  }
}
.wrap a.btn_box.top_btn::before {
  content: "";
  display: block;
  width: 260px;
  height: 36px;
  background: url(../img/top_btn_icon.png) no-repeat top left/100%;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 95px;
}
@media screen and (max-width: 750px) {
  .wrap a.btn_box.top_btn::before {
    width: 34.6666666667vw;
    height: 4.8vw;
    left: 12.6666666667vw;
  }
}
.wrap .about {
  padding: 105px 0 140px;
}
@media screen and (max-width: 750px) {
  .wrap .about {
    padding: 14vw 0 18.6666666667vw;
  }
}
.wrap .about .text {
  line-height: 1.85;
  text-align: center;
  letter-spacing: 0.08em;
  margin-bottom: 60px;
}
@media screen and (max-width: 750px) {
  .wrap .about .text {
    margin-bottom: 8vw;
  }
}
.wrap .rank {
  background: #faf2f2;
  padding: 110px 0 130px;
}
@media screen and (max-width: 750px) {
  .wrap .rank {
    padding: 14.6666666667vw 0 17.3333333333vw;
  }
}
.wrap .rank h2 {
  font-size: 60px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .wrap .rank h2 {
    font-size: 8vw;
  }
}
.wrap .rank .text {
  line-height: 1.85;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 50px 0 70px;
}
@media screen and (max-width: 750px) {
  .wrap .rank .text {
    margin: 6.6666666667vw 0 9.3333333333vw;
  }
}
.wrap .rank_scroll {
  overflow: hidden;
  position: relative;
}
.wrap .rank_scroll_inner {
  overflow-x: auto;
  overflow-y: hidden;
  width: 100%;
  cursor: grab;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
}
.wrap .rank_scroll_inner.is-dragging {
  cursor: grabbing;
  user-select: none;
}
.wrap .rank_scroll_area {
  width: 1210px;
  margin: 0 20px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area {
    width: 161.3333333333vw;
    margin: 0 2.6666666667vw;
  }
}
.wrap .rank_scroll_area .text_area .head {
  font-size: 34px;
  font-weight: 400;
  letter-spacing: 0.08em;
  padding: 0 35px 13px 40px;
  border-bottom: 2px solid #e096a4;
  position: absolute;
  top: 65px;
  left: 0;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area .head {
    font-size: 4.5333333333vw;
    padding: 0 4.6666666667vw 1.7333333333vw 5.3333333333vw;
    border-bottom: 0.2666666667vw solid #e096a4;
    top: 8.6666666667vw;
  }
}
.wrap .rank_scroll_area .text_area .head span {
  color: #e096a4;
}
.wrap .rank_scroll_area .text_area p[class^=rank] {
  font-size: 24px;
  position: absolute;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area p[class^=rank] {
    font-size: 3.2vw;
  }
}
.wrap .rank_scroll_area .text_area p[class^=rank].rank01 {
  top: 385px;
  left: 228px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area p[class^=rank].rank01 {
    top: 51.3333333333vw;
    left: 30.4vw;
  }
}
.wrap .rank_scroll_area .text_area p[class^=rank].rank02 {
  top: 355px;
  left: 395px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area p[class^=rank].rank02 {
    top: 47.3333333333vw;
    left: 52.6666666667vw;
  }
}
.wrap .rank_scroll_area .text_area p[class^=rank].rank03 {
  top: 315px;
  left: 560px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area p[class^=rank].rank03 {
    top: 42vw;
    left: 74.6666666667vw;
  }
}
.wrap .rank_scroll_area .text_area p[class^=rank].rank04 {
  top: 283px;
  left: 725px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area p[class^=rank].rank04 {
    top: 37.7333333333vw;
    left: 96.6666666667vw;
  }
}
.wrap .rank_scroll_area .text_area p[class^=rank].rank05 {
  top: 255px;
  left: 868px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area p[class^=rank].rank05 {
    top: 34vw;
    left: 115.7333333333vw;
  }
}
.wrap .rank_scroll_area .text_area p[class^=rank].rank06 {
  top: 225px;
  left: 1033px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area p[class^=rank].rank06 {
    top: 30vw;
    left: 137.7333333333vw;
  }
}
.wrap .rank_scroll_area .text_area .tanle_head {
  position: absolute;
  top: 420px;
  left: 43px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area .tanle_head {
    top: 56vw;
    left: 5.7333333333vw;
  }
}
.wrap .rank_scroll_area .text_area .tanle_head li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 157px;
  height: 100px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area .tanle_head li {
    width: 20.9333333333vw;
    height: 13.3333333333vw;
  }
}
.wrap .rank_scroll_area .text_area .tanle_head li:not(:first-child) {
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area .tanle_head li:not(:first-child) {
    margin-top: 1.3333333333vw;
  }
}
.wrap .rank_scroll_area .text_area .tanle_head li:last-child {
  line-height: 1.15;
}
.wrap .rank_scroll_area .text_area .tanle_head li:last-child span {
  display: block;
  font-size: 20px;
  line-height: 22px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area .tanle_head li:last-child span {
    font-size: 2.6666666667vw;
    line-height: 2.9333333333vw;
  }
}
.wrap .rank_scroll_area .text_area .tanle_head li p {
  font-size: 26px;
  line-height: 1.23;
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area .tanle_head li p {
    font-size: 3.4666666667vw;
  }
}
.wrap .rank_scroll_area .text_area .kome {
  display: flex;
  font-size: 22px;
  line-height: 1.54;
  letter-spacing: 0.02em;
  position: absolute;
  left: 50px;
  bottom: 60px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_area .text_area .kome {
    font-size: 2.9333333333vw;
    left: 6.6666666667vw;
    bottom: 8vw;
  }
}
.wrap .rank_scroll_table {
  width: 1210px;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_table {
    width: 161.3333333333vw;
  }
}
.wrap .rank_scroll_table img {
  pointer-events: none;
  user-select: none;
  -webkit-user-drag: none;
}
.wrap .rank_scroll_hint {
  visibility: visible;
  pointer-events: none;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  position: absolute;
  top: 50%;
  left: 235px;
  z-index: 10;
  transform: translateY(-50%);
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_hint {
    left: 31.3333333333vw;
  }
}
.wrap .rank_scroll_hint.is-hidden {
  opacity: 0;
  visibility: hidden;
}
.wrap .rank_scroll_hint_icon {
  display: block;
  width: 240px;
  height: 230px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .rank_scroll_hint_icon {
    width: 32vw;
    height: 30.6666666667vw;
  }
}
.wrap .bonus {
  padding: 145px 0 140px;
}
@media screen and (max-width: 750px) {
  .wrap .bonus {
    padding: 19.3333333333vw 0 18.6666666667vw;
  }
}
.wrap .bonus h2 {
  font-size: 64px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-bottom: 70px;
}
@media screen and (max-width: 750px) {
  .wrap .bonus h2 {
    font-size: 8.5333333333vw;
    margin-bottom: 9.3333333333vw;
  }
}
.wrap .bonus .bonus_list .bonus_box {
  width: 660px;
  margin: 0 auto;
  padding: 30px 0 45px;
  border: 4px solid #e096a4;
  border-radius: 20px;
}
@media screen and (max-width: 750px) {
  .wrap .bonus .bonus_list .bonus_box {
    width: 88vw;
    padding: 4vw 0 6vw;
    border: 0.5333333333vw solid #e096a4;
    border-radius: 2.6666666667vw;
  }
}
.wrap .bonus .bonus_list .bonus_box:not(:first-child) {
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .wrap .bonus .bonus_list .bonus_box:not(:first-child) {
    margin-top: 4vw;
  }
}
.wrap .bonus .bonus_list .bonus_box .tit_area {
  display: flex;
  align-items: center;
}
.wrap .bonus .bonus_list .bonus_box .tit_area .num {
  width: 90px;
  margin: 0 25px 0 16px;
}
@media screen and (max-width: 750px) {
  .wrap .bonus .bonus_list .bonus_box .tit_area .num {
    width: 12vw;
    margin: 0 3.3333333333vw 0 2.1333333333vw;
  }
}
.wrap .bonus .bonus_list .bonus_box .tit_area .tit {
  color: #e096a4;
  font-size: 46px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.02em;
  width: 345px;
}
@media screen and (max-width: 750px) {
  .wrap .bonus .bonus_list .bonus_box .tit_area .tit {
    font-size: 6.1333333333vw;
    width: 46vw;
  }
}
.wrap .bonus .bonus_list .bonus_box .tit_area .icon {
  width: 140px;
}
@media screen and (max-width: 750px) {
  .wrap .bonus .bonus_list .bonus_box .tit_area .icon {
    width: 18.6666666667vw;
  }
}
.wrap .bonus .bonus_list .bonus_box .text {
  font-size: 30px;
  line-height: 1.73;
  letter-spacing: 0.04em;
  width: 580px;
  margin: 30px auto 0;
}
@media screen and (max-width: 750px) {
  .wrap .bonus .bonus_list .bonus_box .text {
    font-size: 4vw;
    width: 77.3333333333vw;
    margin: 4vw auto 0;
  }
}
.wrap .bonus .bonus_list .bonus_box .text span {
  display: block;
  font-size: 26px;
  line-height: 1.69;
}
@media screen and (max-width: 750px) {
  .wrap .bonus .bonus_list .bonus_box .text span {
    font-size: 3.4666666667vw;
  }
}
.wrap .secret {
  width: 670px;
  height: 900px;
  margin: 0 auto;
  padding-top: 105px;
  background: url(../img/secret_bg.jpg) no-repeat top center/100%;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .secret {
    width: 89.3333333333vw;
    height: 120vw;
    padding-top: 14vw;
  }
}
.wrap .secret h2 {
  color: #fff;
  font-size: 60px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 750px) {
  .wrap .secret h2 {
    font-size: 8vw;
  }
}
.wrap .secret .top_text {
  color: #fff;
  text-align: center;
  letter-spacing: 0.08em;
  margin-top: 20px;
}
@media screen and (max-width: 750px) {
  .wrap .secret .top_text {
    margin-top: 2.6666666667vw;
  }
}
.wrap .secret .text {
  color: #fff;
  line-height: 1.85;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 65px 0 45px;
}
@media screen and (max-width: 750px) {
  .wrap .secret .text {
    margin: 8.6666666667vw 0 6vw;
  }
}
.wrap .secret .in_box {
  text-align: center;
  width: 580px;
  margin: 0 auto;
  padding: 45px 0 30px;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .wrap .secret .in_box {
    width: 77.3333333333vw;
    padding: 6vw 0 4vw;
  }
}
.wrap .secret .in_box .box_text01 {
  font-size: 34px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .wrap .secret .in_box .box_text01 {
    font-size: 4.5333333333vw;
  }
}
.wrap .secret .in_box .box_text02 {
  line-height: 1.64;
  letter-spacing: 0.08em;
  width: 500px;
  margin: 30px auto 0;
  padding-top: 25px;
  border-top: 2px solid #333;
}
@media screen and (max-width: 750px) {
  .wrap .secret .in_box .box_text02 {
    width: 66.6666666667vw;
    margin: 4vw auto 0;
    padding-top: 3.3333333333vw;
    border-top: 0.2666666667vw solid #333;
  }
}
.wrap .signup {
  padding: 150px 0 170px;
}
@media screen and (max-width: 750px) {
  .wrap .signup {
    padding: 20vw 0 22.6666666667vw;
  }
}
.wrap .signup h2 {
  font-size: 64px;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  margin-bottom: 70px;
}
@media screen and (max-width: 750px) {
  .wrap .signup h2 {
    font-size: 8.5333333333vw;
    margin-bottom: 9.3333333333vw;
  }
}
.wrap .signup .signup_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  margin-bottom: 85px;
}
@media screen and (max-width: 750px) {
  .wrap .signup .signup_list {
    gap: 2.6666666667vw;
    margin-bottom: 11.3333333333vw;
  }
}
.wrap .signup .signup_list .box {
  width: 320px;
  padding: 58px 27px 45px;
  background: #faf2f2;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 750px) {
  .wrap .signup .signup_list .box {
    width: 42.6666666667vw;
    padding: 7.7333333333vw 3.6vw 6vw;
  }
}
.wrap .signup .signup_list .box .num {
  width: 80px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  .wrap .signup .signup_list .box .num {
    width: 10.6666666667vw;
  }
}
.wrap .signup .signup_list .box .img {
  width: 150px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .signup .signup_list .box .img {
    width: 20vw;
  }
}
.wrap .signup .signup_list .box .tit {
  font-size: 35px;
  line-height: 1.37;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.08em;
  height: 144px;
  margin: 30px 0 20px;
}
@media screen and (max-width: 750px) {
  .wrap .signup .signup_list .box .tit {
    font-size: 4.6666666667vw;
    height: 19.2vw;
    margin: 4vw 0 2.6666666667vw;
  }
}
.wrap .signup .signup_list .box .text {
  line-height: 1.64;
  text-align: justify;
  letter-spacing: 0.04em;
}
.wrap .line {
  width: 710px;
  margin: 0 auto 130px;
  padding: 80px 20px 20px;
  border-radius: 20px;
  background: #d6eed7;
  box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  .wrap .line {
    width: 94.6666666667vw;
    margin: 0 auto 17.3333333333vw;
    padding: 10.6666666667vw 2.6666666667vw 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
.wrap .line h2 {
  color: #34ac37;
  font-size: 66px;
  line-height: 1.24;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.08em;
  margin-bottom: 50px;
}
@media screen and (max-width: 750px) {
  .wrap .line h2 {
    font-size: 8.8vw;
    margin-bottom: 6.6666666667vw;
  }
}
.wrap .line .in_box {
  width: 670px;
  margin: 75px auto auto;
  padding: 75px 0 40px;
  border-radius: 20px;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .wrap .line .in_box {
    width: 89.3333333333vw;
    margin: 10vw auto auto;
    padding: 10vw 0 5.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.wrap .line .in_box h3 {
  color: #34ac37;
  font-size: 44px;
  text-align: center;
  font-weight: 400;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .wrap .line .in_box h3 {
    font-size: 5.8666666667vw;
  }
}
.wrap .line .in_box .text {
  line-height: 1.85;
  text-align: center;
  letter-spacing: 0.08em;
  margin: 40px 0 35px;
}
@media screen and (max-width: 750px) {
  .wrap .line .in_box .text {
    margin: 5.3333333333vw 0 4.6666666667vw;
  }
}
.wrap .line .in_box .kome_list {
  width: 598px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .line .in_box .kome_list {
    width: 79.7333333333vw;
  }
}
.wrap .line .in_box .kome_list li {
  font-size: 22px;
  line-height: 1.72;
  text-align: justify;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 750px) {
  .wrap .line .in_box .kome_list li {
    font-size: 2.9333333333vw;
  }
}
.wrap .update {
  background: #faf2f2;
  padding: 120px 0 170px;
}
@media screen and (max-width: 750px) {
  .wrap .update {
    padding: 16vw 0 22.6666666667vw;
  }
}
.wrap .update h2 {
  font-size: 62px;
  line-height: 1.33;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .wrap .update h2 {
    font-size: 8.2666666667vw;
  }
}
.wrap .update .kome_list {
  width: 640px;
  margin: 75px auto 90px;
}
@media screen and (max-width: 750px) {
  .wrap .update .kome_list {
    width: 85.3333333333vw;
    margin: 10vw auto 12vw;
  }
}
.wrap .update .kome_list li {
  line-height: 1.92;
  text-align: justify;
}
.wrap .update .kome_list li span {
  display: block;
  font-size: 24px;
  line-height: 50px;
}
@media screen and (max-width: 750px) {
  .wrap .update .kome_list li span {
    font-size: 3.2vw;
    line-height: 6.6666666667vw;
  }
}
.wrap .update .in_box {
  width: 690px;
  margin: 0 auto;
  border-radius: 20px;
  background: #fff;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box {
    width: 92vw;
    border-radius: 2.6666666667vw;
  }
}
.wrap .update .in_box > div {
  text-align: center;
  width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box > div {
    width: 80vw;
  }
}
.wrap .update .in_box > div .head {
  font-size: 36px;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box > div .head {
    font-size: 4.8vw;
  }
}
.wrap .update .in_box .member {
  padding: 120px 0 80px;
  border-bottom: 2px solid #e096a4;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box .member {
    padding: 16vw 0 10.6666666667vw;
    border-bottom: 0.2666666667vw solid #e096a4;
  }
}
.wrap .update .in_box .member .head {
  margin-bottom: 30px;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box .member .head {
    margin-bottom: 4vw;
  }
}
.wrap .update .in_box .member .password {
  display: block;
  font-size: 24px;
  text-decoration: underline;
  margin-top: 35px;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box .member .password {
    font-size: 3.2vw;
    margin-top: 4.6666666667vw;
  }
}
.wrap .update .in_box .nonmember {
  padding: 75px 0 95px;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box .nonmember {
    padding: 10vw 0 12.6666666667vw;
  }
}
.wrap .update .in_box .nonmember .head {
  margin-bottom: 50px;
}
@media screen and (max-width: 750px) {
  .wrap .update .in_box .nonmember .head {
    margin-bottom: 6.6666666667vw;
  }
}
.wrap .btn_area {
  padding: 120px 0;
}
@media screen and (max-width: 750px) {
  .wrap .btn_area {
    padding: 16vw 0;
  }
}/*# sourceMappingURL=style.css.map */