@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Spectral&family=Noto+Sans+JP:wght@400&family=Noto+Serif+JP");
.sp_only {
  display: block;
}

.pc_only {
  display: none;
}

img {
  width: 100%;
  height: auto;
}

._fs_chat_icon {
  display: none;
}

.fs-body-custom .fs-l-main {
  width: 100% !important;
  margin: 0;
  background: #fff;
}

.fs-l-main {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0px;
}

.fs-l-pageMain {
  width: 100% !important;
  max-width: 100% !important;
}

.main {
  width: 100%;
  background: #f7f6f6;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
}

p {
  color: #333333;
}

.serif {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif "Noto Serif JP", serif;
  font-weight: 400;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

#stage_lp {
  width: 100%;
  margin: 0 auto;
  background-color: #dcd2cc;
  color: #333333;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
  font-weight: 500;
}

#stage_lp .stage_wrap {
  background-color: #f7f6f6;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#stage_lp .txt {
  font-size: 2.5641025641vw;
  line-height: 1.5;
}

.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

#stage_lp .mv_area {
  width: 100%;
  height: 144.5vw;
  background-color: #dcd2cc;
  position: relative;
  display: block;
}

#stage_lp .mv_area .mv {
  text-align: center;
  margin-top: 2.5vw;
  padding-top: 2.5vw;
}

#stage_lp .mv_area .mv img {
  width: 95.25vw;
}

#stage_lp .mv_area .mv_bar {
  position: absolute;
  width: 1px;
  height: 9.375vw;
  background-color: #3e3030;
  top: 83.75vw;
  left: 50%;
  transform: translateX(-50%);
}

#stage_lp .mv_area .mv .is-active::after {
  height: 17.125vw;
}

#stage_lp .mv_area .txt {
  margin-top: 16.875vw;
}

#stage_lp .mv_area .txt p {
  font-size: 3.125vw;
  text-align: center;
  line-height: 2;
}

#stage_lp .mv_area .txt span.ttl {
  font-weight: bold;
  border: #333 solid 1px;
  font-size: 4vw;
  padding: 1.25vw 3.75vw;
  margin-top: 5.625vw;
  line-height: 3;
}

#stage_lp .benefits_area {
  width: 100%;
  max-width: 800px;
  height: 312.5vw;
  margin: 0 auto;
  padding: 8.75vw 0 0;
  background-color: #c3ada1;
  background-size: cover;
  position: relative;
}

#stage_lp .benefits_area .benefits_list {
  display: flex;
  width: 100%;
  max-width: 800px;
  width: 91.25vw;
  margin-inline: auto;
  justify-content: space-between;
}

#stage_lp .benefits_area .benefits_list .benefits {
  width: 28.875vw;
  margin-bottom: 12.5vw;
  position: relative;
  font-size: 2.625vw;
  color: #3b2929;
  opacity: 0;
  text-align: center;
}

#stage_lp .benefits_area .benefits_list .benefits img {
  margin-bottom: 1.5vw;
}

#stage_lp .benefits_area .benefits_list .benefits.last .icon img {
  position: absolute;
  right: -14px;
  top: 58px;
  width: 13.75vw;
  pointer-events: none;
}

#stage_lp .benefits_area .benefits_list .benefits .img {
  width: 100%;
  margin: 0 auto;
}

#stage_lp .benefits_area .member_benefits .logo {
  width: 45.625vw;
  margin: 0 auto;
}

#stage_lp .benefits_area .member_benefits {
  position: relative;
}

#stage_lp .benefits_area .member_benefits .bene_bar {
  position: absolute;
  width: 1px;
  height: 10.625vw;
  background-color: #fff;
  top: 17.5vw;
  left: 50%;
  transform: translateX(-50%);
}

#stage_lp .benefits_area .member_benefits .graph {
  margin-top: 18.75vw;
  height: 128vw;
  background: url("https://tu-hacci.co.jp/img/contents/2511_member_stage/graph.png") no-repeat;
  width: 95%;
  background-size: contain;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 6.25vw;
}

#stage_lp .benefits_area .member_benefits .graph p.txt {
  font-size: 3.25vw;
  color: #c3ada1;
  text-align: center;
  position: absolute;
  top: 30.625vw;
  left: 15vw;
  font-weight: bold;
  line-height: 2;
}

#stage_lp .benefits_area .message {
  width: 68.75vw;
  margin: 0 auto;
}

#stage_lp .premium_gift {
  width: 100%;
  height: 725vw;
  max-width: 800px;
  margin-top: -12.5vw;
  margin-inline: auto;
  background-image: url("https://www.tu-hacci.co.jp/img/contents/2511_member_stage/rank_parts/content02__bg.png");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 28.75vw;
  position: relative;
  z-index: 1;
}

#stage_lp .premium_gift--title {
  width: 73.75vw;
  margin-inline: auto;
  margin-bottom: 8.75vw;
}

#stage_lp .premium_gift--about {
  width: 79.375vw;
  height: 106.875vw;
  margin-left: 11.875vw;
  margin-bottom: 13.125vw;
  position: relative;
  padding-top: 41.875vw;
  background-image: url("https://www.tu-hacci.co.jp/img/contents/2511_member_stage/rank_parts/content02__link--bg.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

#stage_lp .about__title {
  position: absolute;
  width: 45vw;
  left: 50%;
  transform: translateX(-50%);
  top: 11.25vw;
}

#stage_lp .about__text {
  font-size: 3.25vw;
  text-align: center;
  line-height: 1.8;
  color: #602c2d;
  margin-bottom: 2.5vw;
}

#stage_lp .anchor__square {
  width: 3.25vw;
  aspect-ratio: 1;
  margin-inline: auto;
  margin-bottom: 2.5vw;
}

#stage_lp .premium_gift--text {
  font-size: 4vw;
  text-align: center;
  font-weight: bold;
  margin-bottom: 1.875vw;
  color: #602c2d;
}

#stage_lp .premium_gift--btn {
  font-size: 4vw;
  text-align: center;
  display: grid;
  place-content: center;
  width: 37.5vw;
  height: 6.875vw;
  color: #602c2d;
  background-color: #602c2d;
  margin-inline: auto;
}

#stage_lp .premium_gift--btn a {
  color: #fff;
}

#stage_lp .ms_program {
  width: 92.5vw;
  height: 346.25vw;
  margin-inline: auto;
  margin-bottom: 11.875vw;
  background-color: #f2ece9;
  position: relative;
  padding-block: 12vw 0;
}

#stage_lp .ms_program::before {
  content: "";
  width: 87.75vw;
  height: 337.5vw;
  margin-inline: auto;
  border: solid 1px #7d5253;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  pointer-events: none;
}

#stage_lp .ms_program__title {
  width: 62vw;
  margin-inline: auto;
  margin-bottom: 10.625vw;
}

#stage_lp .ms_program__item {
  width: 72.5vw;
  margin-inline: auto;
  margin-bottom: 11.875vw;
}

#stage_lp .ms_program__item--text {
  font-size: 4vw;
  text-align: center;
  font-weight: bold;
  color: #3e3030;
  margin-bottom: 2.5vw;
  line-height: 1;
  font-feature-settings: "palt";
}

#stage_lp .ms_program__vip,
#stage_lp .ms_program__platinum {
  width: 72.5vw;
  margin-inline: auto;
  background-color: #fff;
  padding-bottom: 6.25vw;
}

#stage_lp .ms_program__obi {
  width: 100%;
  margin-bottom: 6.875vw;
}

#stage_lp .ms_program__vip .ms_program__subttl {
  width: 41.875vw;
  margin-inline: auto;
  margin-bottom: 6.25vw;
}

#stage_lp .ms_program__vip .ms_program__img01,
#stage_lp .ms_program__vip .ms_program__img02 {
  width: 64.375vw;
  margin-inline: auto;
  margin-bottom: 3.75vw;
}

#stage_lp .ms_program__vip .ms_program__img-text01,
#stage_lp .ms_program__vip .ms_program__img-text02 {
  width: 53.75vw;
  margin-inline: auto;
}

#stage_lp .ms_program__vip .ms_program__img-text01 {
  margin-bottom: 1.875vw;
}

#stage_lp .ms_program__platinum .ms_program__subttl {
  width: 41.875vw;
  margin-inline: auto;
  margin-bottom: 6.25vw;
}

#stage_lp .ms_program__platinum .ms_program__img01 {
  width: 64.375vw;
  margin-inline: auto;
  margin-bottom: 3.75vw;
}

#stage_lp .ms_program__platinum .ms_program__img-text01 {
  width: 53.75vw;
  margin-inline: auto;
}

#stage_lp .ms_program__item--02 {
  width: 72.5vw;
  margin-inline: auto;
}

#stage_lp .premium_gift__info {
  width: 100%;
  max-width: 800px;
  margin-inline: auto;
}

#stage_lp .info__text {
  font-size: 3.5vw;
  text-align: center;
  color: #fff;
  line-height: 1.5;
  margin-bottom: 12.5vw;
}

#stage_lp .info__text a {
  color: #fff;
  text-decoration: underline;
}

#stage_lp .coming__title {
  font-size: 3.75vw;
  text-align: center;
  font-weight: bold;
  margin-bottom: 3.75vw;
  line-height: 1;
  color: #fff;
}

#stage_lp .coming__img {
  width: 81.75vw;
  margin-inline: auto;
  margin-bottom: 6.25vw;
}

#stage_lp .update_area {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 13.75vw 0 21.25vw;
}

#stage_lp .update_area .wrap {
  width: 90vw;
  margin: 0 auto;
  padding: 0;
}

#stage_lp .update_area .wrap .ttl {
  font-size: 3.75vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #a16e72;
  margin-bottom: 4.375vw;
}

#stage_lp .update_area .wrap .txt {
  font-size: 2.5vw;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #333;
}

#stage_lp .update_area .wrap .update_img {
  width: 87.5vw;
  margin: 7.5vw auto 6.25vw;
}

#stage_lp .update_area .wrap .attention {
  font-size: 2.25vw;
  letter-spacing: 0.05em;
  line-height: 1.666;
  color: #333;
}

#stage_lp .present_area {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

#stage_lp .present_area .wrap {
  width: 90vw;
  margin: 0 auto;
  padding: 0;
}

#stage_lp .present_area .ttl {
  font-size: 3.75vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #a16e72;
  margin-bottom: 4.375vw;
}

#stage_lp .present_area .flex {
  align-items: center;
  margin-bottom: 2.5vw;
}

#stage_lp .present_area .content_ttl {
  font-size: 3.75vw;
  letter-spacing: 0.05em;
  color: #333;
  padding-top: 1.25vw;
}

#stage_lp .present_area .txt {
  font-size: 2.5vw;
  letter-spacing: 0.05em;
  line-height: 1.8;
  color: #333;
  margin-bottom: 2.5vw;
}

#stage_lp .present_area .attention {
  font-size: 2.25vw;
  letter-spacing: 0.1em;
  line-height: 1.666;
  color: #333;
  margin-bottom: -25vw;
  font-feature-settings: "palt";
}

#stage_lp .present_area .point_up {
  width: 100%;
}

#stage_lp .present_area .point_up .icon {
  width: 11.25vw;
  margin-right: 3.125vw;
}

#stage_lp .present_area .birthday_coupon {
  width: 100%;
}

#stage_lp .present_area .birthday_coupon .icon {
  width: 12.5vw;
  margin-right: 1.875vw;
}

#stage_lp .present_area .birthday_coupon .attention {
  margin-bottom: 3.75vw;
}

#stage_lp .present_area .birthday_coupon .btn_list {
  margin-bottom: -25vw;
}

#stage_lp .present_area .birthday_coupon .btn_list .btn {
  width: 52.5vw;
  margin: 0 auto 1.25vw;
}

#stage_lp .present_area .gift_present {
  width: 100%;
}

#stage_lp .present_area #anc02 {
  padding-top: 31.25vw;
}

#stage_lp .present_area #anc03 {
  padding-top: 31.25vw;
}

#stage_lp .present_area .gift_present .icon {
  width: 11.25vw;
  margin-right: 3.125vw;
}

#stage_lp .entry_area .ttl {
  font-size: 3.75vw;
  font-weight: bold;
  letter-spacing: 0.05em;
  color: #a16e72;
  margin-bottom: 4.375vw;
  margin-top: 33.75vw;
}

#stage_lp .entry_area .wrap {
  width: 90vw;
  margin: 0 auto;
  padding: 0;
}

#stage_lp .entry_area .flex {
  width: 82.5vw;
  margin: 0 auto;
  justify-content: space-between;
  gap: 2.5vw;
}

#stage_lp .entry_area .flex .entry_item {
  width: 40vw;
}

#stage_lp .entry_area .entry_btn {
  width: 62.5vw;
  margin: 12.5vw auto 0;
  padding-bottom: 25vw;
}

#stage_lp .entry_area .entry_btn .txt {
  font-size: 3vw;
  text-align: center;
  letter-spacing: 0.05em;
}

#stage_lp .entry_area .entry_btn .btn {
  width: 50vw;
  margin: 0 auto;
}

.fade {
  opacity: 0;
}

.fade.is-active {
  animation-name: fade_anim;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes fade_anim {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@media screen and (min-width: 780px) {
  .sp_only {
    display: none;
  }
  .pc_only {
    display: block;
  }
  .main {
    width: 780px;
    font-size: 18px;
    line-height: 3rem;
    margin: 0 auto;
  }
  p {
    color: #333333;
  }
  .serif {
    font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho Pro", serif "Noto Serif JP", serif;
    font-weight: 400;
  }
  #stage_lp {
    margin: 0 auto;
    background-color: #dcd1cb;
    color: #333333;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", Osaka, Arial, Helvetica, Verdana, sans-serif;
    font-weight: 500;
  }
  #stage_lp .stage_wrap {
    background-color: #f7f6f6;
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
  #stage_lp .txt {
    font-size: 20px;
    line-height: 1.5;
  }

  #stage_lp .mv_area {
    width: 100%;
    height: 1050px;
    background-size: cover;
    position: relative;
  }
  #stage_lp .mv_area .mv {
    padding: 0;
  }
  #stage_lp .mv_area .txt {
    margin-top: 120px;
  }
  #stage_lp .mv_area .mv_bar {
    position: absolute;
    width: 1px;
    height: 60px;
    background-color: #3e3030;
    top: 675px;
    left: 50%;
    transform: translateX(-50%);
  }
  #stage_lp .mv_area .ttl {
    width: 545px;
    margin: 0 auto 490px;
  }
  #stage_lp .mv_area .txt span.ttl {
    font-size: 20px;
    padding: 10px 30px;
  }
  #stage_lp .mv_area .txt p {
    font-size: 20px;
    text-align: center;
    line-height: 1.8;
  }

  #stage_lp .benefits_area {
    height: 2100px;
    margin: 0 auto;
    padding: 70px 0 0;
  }
  #stage_lp .benefits_area .benefits_list {
    display: flex;
    max-width: 800px;
    width: 700px;
    margin-inline: auto;
    justify-content: space-between;
  }
  #stage_lp .benefits_area .benefits_list .benefits {
    width: 210px;
    margin-bottom: 100px;
    position: relative;
    font-size: 18px;
    opacity: 0;
    text-align: center;
  }
  #stage_lp .benefits_area .benefits_list .benefits .num {
    width: 90px;
    margin: 0 auto 20px;
  }
  #stage_lp .benefits_area .benefits_list .benefits .img {
    width: 100%;
    margin: 0 auto;
  }
  #stage_lp .benefits_area .benefits_list .benefits.last .icon img {
    left: 140px;
    top: 100px;
    z-index: 1;
    width: 110px;
    pointer-events: none;
  }
  #stage_lp .benefits_area .member_benefits .bene_bar {
    position: absolute;
    width: 1px;
    height: 60px;
    background-color: #fff;
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
  }
  #stage_lp .benefits_area .member_benefits .logo {
    width: 300px;
    margin: 0 auto;
  }
  #stage_lp .benefits_area .member_benefits .graph {
    width: 77%;
    margin-bottom: 50px;
    height: 820px;
    margin-top: 120px;
  }
  #stage_lp .benefits_area .member_benefits .graph p.txt {
    font-size: 19px;
    color: #c3ada1;
    text-align: center;
    position: absolute;
    top: 185px;
    left: 100px;
    font-weight: bold;
    line-height: 2;
  }
  #stage_lp .benefits_area .message {
    width: 330px;
  }

  #stage_lp .premium_gift {
    width: 100%;
    height: 5800px;
    max-width: 800px;
    margin-top: -100px;
    margin-inline: auto;
    background-image: url("https://www.tu-hacci.co.jp/img/contents/2511_member_stage/rank_parts/content02__bg.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 230px;
    position: relative;
    z-index: 1;
  }
  #stage_lp .premium_gift--title {
    width: 590px;
    margin-inline: auto;
    margin-bottom: 70px;
  }
  #stage_lp .premium_gift--about {
    width: 635px;
    height: 855px;
    margin-left: 95px;
    margin-bottom: 105px;
    position: relative;
    padding-top: 335px;
    background-image: url("https://www.tu-hacci.co.jp/img/contents/2511_member_stage/rank_parts/content02__link--bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
  #stage_lp .about__title {
    position: absolute;
    width: 360px;
    left: 50%;
    transform: translateX(-50%);
    top: 90px;
  }
  #stage_lp .about__text {
    font-size: 26px;
    text-align: center;
    line-height: 1.8;
    color: #602c2d;
    margin-bottom: 20px;
  }
  #stage_lp .anchor__square {
    width: 26px;
    aspect-ratio: 1;
    margin-inline: auto;
    margin-bottom: 20px;
  }
  #stage_lp .premium_gift--text {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 15px;
    color: #602c2d;
  }
  #stage_lp .premium_gift--btn {
    font-size: 32px;
    text-align: center;
    display: grid;
    place-content: center;
    width: 300px;
    height: 55px;
    color: #602c2d;
    background-color: #602c2d;
    margin-inline: auto;
  }
  #stage_lp .premium_gift--btn a {
    color: #fff;
  }
  #stage_lp .ms_program {
    width: 740px;
    height: 2770px;
    margin-inline: auto;
    margin-bottom: 95px;
    background-color: #f2ece9;
    position: relative;
    padding-block: 96px 0;
  }
  #stage_lp .ms_program::before {
    content: "";
    width: 702px;
    height: 2700px;
    margin-inline: auto;
    border: solid 1px #7d5253;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
  }
  #stage_lp .ms_program__title {
    width: 496px;
    margin-inline: auto;
    margin-bottom: 85px;
  }
  #stage_lp .ms_program__item {
    width: 580px;
    margin-inline: auto;
    margin-bottom: 95px;
  }
  #stage_lp .ms_program__item--text {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    color: #3e3030;
    margin-bottom: 20px;
    line-height: 1;
  }
  #stage_lp .ms_program__vip,
  #stage_lp .ms_program__platinum {
    width: 580px;
    margin-inline: auto;
    background-color: #fff;
    padding-bottom: 50px;
  }
  #stage_lp .ms_program__obi {
    width: 100%;
    margin-bottom: 55px;
  }
  #stage_lp .ms_program__vip .ms_program__subttl {
    width: 335px;
    margin-inline: auto;
    margin-bottom: 50px;
  }
  #stage_lp .ms_program__vip .ms_program__img01,
  #stage_lp .ms_program__vip .ms_program__img02 {
    width: 515px;
    margin-inline: auto;
    margin-bottom: 30px;
  }
  #stage_lp .ms_program__vip .ms_program__img-text01,
  #stage_lp .ms_program__vip .ms_program__img-text02 {
    width: 430px;
    margin-inline: auto;
  }
  #stage_lp .ms_program__vip .ms_program__img-text01 {
    margin-bottom: 15px;
  }
  #stage_lp .ms_program__platinum .ms_program__subttl {
    width: 335px;
    margin-inline: auto;
    margin-bottom: 50px;
  }
  #stage_lp .ms_program__platinum .ms_program__img01 {
    width: 515px;
    margin-inline: auto;
    margin-bottom: 30px;
  }
  #stage_lp .ms_program__platinum .ms_program__img-text01 {
    width: 430px;
    margin-inline: auto;
  }
  #stage_lp .ms_program__item--02 {
    width: 580px;
    margin-inline: auto;
  }
  #stage_lp .premium_gift__info {
    width: 100%;
    max-width: 800px;
    margin-inline: auto;
  }
  #stage_lp .info__text {
    font-size: 28px;
    text-align: center;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 100px;
  }
  #stage_lp .info__text a {
    color: #fff;
    text-decoration: underline;
  }
  #stage_lp .coming__title {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1;
    color: #fff;
  }
  #stage_lp .coming__img {
    width: 654px;
    margin-inline: auto;
    margin-bottom: 50px;
  }

  #stage_lp .update_area {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
    padding: 110px 0;
  }
  #stage_lp .update_area .wrap {
    width: 720px;
    margin: 0 auto;
    padding: 0;
  }
  #stage_lp .update_area .wrap .ttl {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #a16e72;
    margin-bottom: 35px;
  }
  #stage_lp .update_area .wrap .txt {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8;
    color: #333;
  }
  #stage_lp .update_area .wrap .update_img {
    width: 700px;
    margin: 60px auto 50px;
  }
  #stage_lp .update_area .wrap .attention {
    font-size: 18px;
    letter-spacing: 0.05em;
    line-height: 1.666;
    color: #333;
  }
  #stage_lp .present_area {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
  }
  #stage_lp .present_area .wrap {
    width: 720px;
    margin: 0 auto;
    padding: 0;
  }
  #stage_lp .present_area .ttl {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #a16e72;
    margin-bottom: 35px;
  }
  #stage_lp .present_area .flex {
    align-items: center;
    margin-bottom: 20px;
  }
  #stage_lp .present_area .content_ttl {
    font-size: 30px;
    letter-spacing: 0.05em;
    color: #333;
    padding-top: 10px;
  }
  #stage_lp .present_area .txt {
    font-size: 20px;
    letter-spacing: 0.05em;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
  }
  #stage_lp .present_area .attention {
    font-size: 18px;
    letter-spacing: 0.1em;
    line-height: 1.666;
    color: #333;
    margin-bottom: -200px;
    font-feature-settings: "palt";
  }
  #stage_lp .present_area .point_up {
    width: 100%;
  }
  #stage_lp .present_area .point_up .icon {
    width: 90px;
    margin-right: 25px;
  }
  #stage_lp .present_area .birthday_coupon {
    width: 100%;
  }
  #stage_lp .present_area .birthday_coupon .icon {
    width: 100px;
    margin-right: 15px;
  }
  #stage_lp .present_area .birthday_coupon .attention {
    margin-bottom: 30px;
  }
  #stage_lp .present_area .birthday_coupon .btn_list {
    margin-bottom: -200px;
  }
  #stage_lp .present_area .birthday_coupon .btn_list .btn {
    width: 420px;
    margin: 0 auto;
  }
  #stage_lp .present_area .gift_present {
    width: 100%;
  }
  #stage_lp .present_area #anc02 {
    padding-top: 250px;
  }
  #stage_lp .present_area #anc03 {
    padding-top: 250px;
  }
  #stage_lp .present_area .gift_present .icon {
    width: 90px;
    margin-right: 25px;
  }
  #stage_lp .entry_area .ttl {
    font-size: 30px;
    font-weight: bold;
    letter-spacing: 0.05em;
    color: #a16e72;
    margin-bottom: 35px;
    margin-top: 270px;
  }
  #stage_lp .entry_area .wrap {
    width: 720px;
    margin: 0 auto;
    padding: 0;
  }
  #stage_lp .entry_area .flex {
    width: 100%;
    margin: 0 auto;
    justify-content: space-between;
    gap: 10px;
  }
  #stage_lp .entry_area .flex .entry_item {
    width: 170px;
  }
  #stage_lp .entry_area .entry_btn {
    width: 500px;
    margin: 50px auto 0;
    padding-bottom: 200px;
  }
  #stage_lp .entry_area .entry_btn .txt {
    font-size: 24px;
    text-align: center;
    letter-spacing: 0.05em;
  }
  #stage_lp .entry_area .entry_btn .btn {
    width: 400px;
    margin: 0 auto;
  }

  .fade {
    opacity: 0;
  }
  .fade.is-active {
    animation-name: fade_anim;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }
  @keyframes fade_anim {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

}