@charset "UTF-8";
/* =================================================================
 base
================================================================= */
/* ブロック
-------------------------------------------------------------*/
body.lp #main {
  padding-bottom: 0;
}

/* 見出し
-------------------------------------------------------------*/
.large-title {
  margin: 4.7333333333em auto 0.7333333333em;
  font-size: 30px;
}
@media print, screen and (max-width: 1180px) {
  .large-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .large-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .large-title {
    margin-top: 70px;
  }
}

.lp-large-title {
  margin-bottom: 0.7076923077em;
  padding: 0.7692307692em 0 0.8307692308em;
  color: #000;
  font-size: 65px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  .lp-large-title {
    font-size: 42px;
  }
}
@media screen and (max-width: 767px) {
  .lp-large-title {
    font-size: 30px;
  }
}
@media print, screen and (max-width: 1180px) {
  .lp-large-title {
    padding-right: 40px;
  }
}
@media screen and (max-width: 767px) {
  .lp-large-title {
    margin-bottom: 28px;
    padding: 16px 0 17px;
  }
}
.lp-large-title::before, .lp-large-title::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 459/23;
  width: 3.4461538462em;
  background-image: url(../media/images/2025/lp/border_lp_title.png);
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767px) {
  .lp-large-title::before, .lp-large-title::after {
    width: 87px;
  }
}
.lp-large-title::before {
  top: 0;
}
.lp-large-title::after {
  bottom: 0;
}

.lp-medium-title {
  margin: 3.75em auto 1.55em;
  padding: 0.4em 0.65em;
  width: -moz-fit-content;
  width: fit-content;
  background: #FFF;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  .lp-medium-title {
    font-size: 28px;
  }
}
@media screen and (max-width: 767px) {
  .lp-medium-title {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 1180px) {
  .lp-medium-title {
    margin: 9.55vw auto 3.95vw;
  }
}
@media screen and (max-width: 767px) {
  .lp-medium-title {
    margin: 75px auto 25px;
    padding: 8px 12px;
  }
}
.lp-medium-title em {
  color: #59c3e2;
}
.lp-medium-title::before, .lp-medium-title::after {
  content: "";
  display: block;
  aspect-ratio: 1;
  width: 0.65em;
  border-style: solid;
  border-color: #59c3e2;
  position: absolute;
}
.lp-medium-title::before {
  border-width: 6px 0 0 6px;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .lp-medium-title::before {
    border-width: 3px 0 0 3px;
  }
}
.lp-medium-title::after {
  border-width: 0 6px 6px 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .lp-medium-title::after {
    border-width: 0 3px 3px 0;
  }
}

.area-title {
  font-size: 30px;
  letter-spacing: 0.15em;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media print, screen and (max-width: 1180px) {
  .area-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  .area-title {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .area-title {
    font-size: 17px;
    left: 28px;
    transform: translate(0, -50%);
  }
}
.area-title .enclosed-text span {
  margin: 0 0.075em;
}
.area-title .enclosed-text span::before {
  width: 1.73em;
}

/* ボタン
-------------------------------------------------------------*/
.lp-button {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: space-between;
  padding: 0.1em 0.9em 0.1em 1.5em;
  width: 17em;
  max-width: 100%;
  min-height: 90px;
  border: solid 2px #000;
  background: #FFF;
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  text-decoration: none;
  border-radius: 15px;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  .lp-button {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .lp-button {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  .lp-button {
    border-radius: 7px;
  }
}
@media screen and (max-width: 767px) {
  .lp-button {
    width: 295px;
    min-height: 60px;
    border-width: 1px;
    font-size: 15px;
  }
}
.lp-button.next::after, .lp-button.link::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 1;
  width: 2em;
  height: auto;
  background-image: url(../media/images/2025/common/icon_link_next.png);
}
.lp-button.external::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 1;
  width: 2em;
  height: auto;
  background-image: url(../media/images/2025/common/icon_link_external.png);
}
.lp-button.faq, .lp-button.contact {
  padding: 0.9em 0.9em 0.9em 1em;
}
@media screen and (max-width: 767px) {
  .lp-button.faq, .lp-button.contact {
    padding: 12px 20px 12px 12px;
  }
}
.lp-button.faq .text, .lp-button.contact .text {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-start;
  position: relative;
}
.lp-button.faq .text::before, .lp-button.contact .text::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: inline-block;
  margin-right: 0.8em;
  aspect-ratio: 1;
  width: 4.05em;
  height: atuo;
  position: relative;
  top: 0.01em;
}
@media screen and (max-width: 767px) {
  .lp-button.faq .text::before, .lp-button.contact .text::before {
    margin-right: 16px;
    width: 48px;
  }
}
.lp-button.faq .text::before {
  background-image: url(../media/images/2025/lp/img_lp_illust_faq.png);
}
.lp-button.contact .text::before {
  background-image: url(../media/images/2025/lp/img_lp_illust_contact.png);
}

/* =================================================================
 ヘッダー
================================================================= */
/* ヘッダー（LP用）
-------------------------------------------------------------*/
body.lp .logo {
  transition: all 0.3s;
}
body.lp header:not(.fixed) .header-inner {
  border-bottom-color: transparent;
  background: transparent;
}
body.lp header:not(.fixed) .header-inner:has(#menu.open) {
  background: #FFF;
}
body.lp header:not(.fixed) .header-inner:has(#menu.open) .logo {
  opacity: 1;
}
body.lp header:not(.fixed) .logo {
  opacity: 0;
}

/* =================================================================
 LP
================================================================= */
/* キービジュアル
-------------------------------------------------------------*/
#key-visual {
  margin-top: -90px;
}
@media screen and (max-width: 767px) {
  #key-visual {
    margin-top: -70px;
  }
}
#key-visual .event-title img {
  width: 100%;
  height: auto;
}

/* イベント紹介
-------------------------------------------------------------*/
#introduction {
  padding: 1.9444444444em 0 8.6111111111em;
  background: #ffe813;
  position: relative;
  z-index: 1;
}
@media print, screen and (max-width: 1180px) {
  #introduction {
    padding-bottom: 14.09vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction {
    padding: clamp(65px, 17.33vw, 84.5px) 0 clamp(120px, 32vw, 156px);
  }
}
#introduction::before {
  content: "";
  aspect-ratio: 1900/374;
  width: 100%;
  height: auto;
  background: #ffe813;
  position: absolute;
  top: -5.26vw;
  left: 0;
  z-index: -1;
  -webkit-clip-path: ellipse(56% 50% at 50% 50%);
          clip-path: ellipse(56% 50% at 50% 50%);
}
#introduction .inner-narrow-l {
  position: relative;
}
#introduction .inner-narrow-l::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 671/422;
  width: 18.6666666667em;
  height: auto;
  background-image: url(../media/images/2025/lp/img_lp_illust_001.png);
  position: absolute;
  top: 1em;
  right: calc(40px + 1.6666666667em);
  transform: translate(0, -11.11vw);
  z-index: 1;
}
@media print, screen and (max-width: 1380px) {
  #introduction .inner-narrow-l::before {
    top: 8.18vw;
    right: calc(40px + 2.73vw);
    transform: translate(0, -100%);
  }
}
@media print, screen and (max-width: 1180px) {
  #introduction .inner-narrow-l::before {
    width: 30.55vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .inner-narrow-l::before {
    width: clamp(135px, 36vw, 175.5px);
    top: clamp(-46px, -12.27vw, -59.8px);
    left: 50%;
    right: auto;
    transform: translate(-50%, -100%);
  }
}
#introduction .catch-copy {
  margin-top: 2.5555555556em;
  padding: 0 1.6666666667em;
  text-align: right;
}
@media print, screen and (max-width: 1180px) {
  #introduction .catch-copy {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  #introduction .catch-copy {
    margin-top: 28px;
    padding: 0;
  }
}
#introduction .catch-copy img {
  margin-left: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #introduction .catch-copy img {
    margin-right: auto;
    width: clamp(335px, 100%, 502.5px);
  }
}
#introduction .lead-sentence {
  display: flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 5.5555555556em;
  margin: 3.0555555556em auto 0;
  max-width: 960px;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  #introduction .lead-sentence {
    gap: 9.09vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .lead-sentence {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 28px;
    margin-top: 20px;
  }
}
#introduction .lead-sentence::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 1383/251;
  width: 38.4444444444em;
  height: auto;
  background-image: url(../media/images/2025/lp/img_lp_illust_003.png);
  position: absolute;
  bottom: 3em;
  right: 1.2222222222em;
  transform: translate(0, 100%);
}
@media print, screen and (max-width: 1180px) {
  #introduction .lead-sentence::after {
    width: 62.91vw;
    bottom: 4.91vw;
    right: 2vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .lead-sentence::after {
    width: clamp(346px, 92.27vw, 449.8px);
    left: -20px;
    bottom: clamp(5px, 1.33vw, 6.5px);
    right: auto;
  }
}
#introduction .lead-sentence .img-box {
  padding-top: 1.6666666667em;
  width: 35.4%;
}
@media screen and (max-width: 767px) {
  #introduction .lead-sentence .img-box {
    padding-top: 0;
    width: clamp(205px, 54.67vw, 266.5px);
  }
}
#introduction .lead-sentence .img-box img {
  width: 120%;
  height: auto;
  position: relative;
  left: -20%;
}
@media print, screen and (max-width: 1180px) {
  #introduction .lead-sentence .img-box img {
    width: 100%;
    left: 0;
  }
}
#introduction .lead-sentence .text-box {
  flex: 1;
}
#introduction .lead-sentence p {
  font-size: 20px;
  line-height: 2.5;
  letter-spacing: 0.03em;
}
@media print, screen and (max-width: 1180px) {
  #introduction .lead-sentence p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .lead-sentence p {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1180px) {
  #introduction .lead-sentence p {
    font-size: 1.82vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .lead-sentence p {
    margin-top: 22px;
    font-size: 17px;
  }
}
#introduction .lead-sentence p .marker {
  background: linear-gradient(transparent 0%, #fcf8cf 0%);
  font-weight: 400;
}
#introduction .movie {
  margin-top: 7.7777777778em;
  max-width: 960px;
}
@media screen and (max-width: 767px) {
  #introduction .movie {
    margin-top: clamp(115px, 30.67vw, 149.5px);
  }
}
#introduction .event-outline {
  display: flex;
  align-items: stretch;
  flex-flow: row nowrap;
  justify-content: space-between;
  gap: 7.7777777778em;
  margin: 5.5555555556em 0 0;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  #introduction .event-outline {
    gap: 12.73vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 22px;
    margin-top: 75px;
  }
}
#introduction .event-outline::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 1;
  width: 6.0555555556em;
  height: auto;
  background-image: url(../media/images/2025/lp/icon_cross.png);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 5.3333333333em;
}
@media print, screen and (max-width: 1180px) {
  #introduction .event-outline::before {
    width: 9.91vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline::before {
    content: none;
  }
}
#introduction .event-outline .outline-box {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: flex-start;
  width: 100%;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-box {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 15px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-box.real {
    padding-bottom: 0;
  }
}
#introduction .event-outline .outline-box.real .outline-title {
  width: 80.93%;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-box.real .outline-title {
    width: 249px;
    max-width: 100%;
  }
}
#introduction .event-outline .outline-box.real .outline-detail {
  background: #d0eaea;
}
#introduction .event-outline .outline-box.real .outline-detail .date {
  background: #59c3e2;
}
#introduction .event-outline .outline-box.real .outline-detail .detail dt {
  background: #59c3e2;
}
#introduction .event-outline .outline-box.online .outline-title {
  width: 96%;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-box.online .outline-title {
    width: 305px;
  }
}
#introduction .event-outline .outline-box.online .outline-detail {
  background: #d4edbc;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-box.online .outline-detail {
    padding-top: 64px;
  }
}
#introduction .event-outline .outline-box.online .outline-detail .date {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  min-width: 14.6153846154em;
  padding: 0.35em 0.6923076923em 0.45em;
  background: #73bb2b;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-box.online .outline-detail .date {
    transform: translate(-50%, -30%);
  }
}
#introduction .event-outline .outline-box.online .outline-detail .date .date-start,
#introduction .event-outline .outline-box.online .outline-detail .date .date-end {
  display: flex;
  align-items: baseline;
  flex-flow: row nowrap;
  justify-content: center;
  position: relative;
}
#introduction .event-outline .outline-box.online .outline-detail .date .date-start {
  left: -0.65em;
}
#introduction .event-outline .outline-box.online .outline-detail .date .date-end {
  left: 0.65em;
}
#introduction .event-outline .outline-box.online .outline-detail .detail dt {
  background: #73bb2b;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-box + .outline-box::before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    aspect-ratio: 1;
    width: 70px;
    height: auto;
    background-image: url(../media/images/2025/lp/icon_cross.png);
  }
}
#introduction .event-outline .outline-title {
  text-align: center;
}
#introduction .event-outline .outline-title img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-title img {
    width: 100%;
  }
}
#introduction .event-outline .outline-detail {
  flex: 1;
  margin-top: 4.3333333333em;
  padding: 3.5555555556em 1.8888888889em 1.2222222222em;
  width: 100%;
  border: solid 1px #000;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail {
    border-radius: 5px;
  }
}
@media print, screen and (max-width: 1180px) {
  #introduction .event-outline .outline-detail {
    padding: 5.82vw 3.09vw 2vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail {
    margin-top: 20px;
    padding: 37px 15px 15px;
  }
}
#introduction .event-outline .outline-detail .date {
  display: flex;
  align-items: baseline;
  flex-flow: row nowrap;
  justify-content: center;
  padding: 0.18em 0.6923076923em 0.22em;
  min-height: 1.9230769231em;
  font-size: 26px;
  line-height: 1.3;
  border: solid 1px #000;
  border-radius: 999px;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media print, screen and (max-width: 1180px) {
  #introduction .event-outline .outline-detail .date {
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .date {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1180px) {
  #introduction .event-outline .outline-detail .date {
    font-size: 1.89vw;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .date {
    padding: 0.25em 15px 0.1em;
    min-height: 40px;
    font-size: 20px;
  }
}
#introduction .event-outline .outline-detail .date .sub {
  font-size: 0.7857em;
}
#introduction .event-outline .outline-detail .date .hyphen {
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  margin: 0 0.1923076923em;
  width: 0.7692307692em;
  height: 2px;
  background: #000;
  position: relative;
  top: -0.3em;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .date .hyphen {
    width: 15px;
    height: 1px;
  }
}
#introduction .event-outline .outline-detail .details {
  display: flex;
  align-items: flex-start;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: 0.8333333333em;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .details {
    gap: 10px;
  }
}
#introduction .event-outline .outline-detail .detail {
  display: flex;
  align-items: flex-start;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 0.4444444444em;
}
#introduction .event-outline .outline-detail .detail dt {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 0.07em 0.625em 0.13em;
  min-height: 1.75em;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.3;
  border: solid 1px #000;
  border-radius: 4px;
  white-space: nowrap;
}
@media print, screen and (max-width: 1180px) {
  #introduction .event-outline .outline-detail .detail dt {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .detail dt {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .detail dt {
    border-radius: 2px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .detail dt {
    padding: 0 5px 1px;
  }
}
#introduction .event-outline .outline-detail .detail dd {
  width: 100%;
  font-size: 0.8333em;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .detail dd {
    font-size: 14px;
    letter-spacing: 0;
  }
}
#introduction .event-outline .outline-detail .icon-live {
  display: inline-block;
  margin-left: 0.5em;
  padding: 0.1875em 0.3125em 0.25em;
  border: solid 1px #000;
  background: #ffe813;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  white-space: nowrap;
  border-radius: 4px;
}
@media print, screen and (max-width: 1180px) {
  #introduction .event-outline .outline-detail .icon-live {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .icon-live {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #introduction .event-outline .outline-detail .icon-live {
    border-radius: 2px;
  }
}
#introduction .event-outline .outline-detail .icon-live::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  display: inline-block;
  margin-right: 0.125em;
  aspect-ratio: 25/15;
  width: 1.5625em;
  height: auto;
  background-image: url(../media/images/2025/lp/icon_live.png);
  position: relative;
  top: 0.1em;
}
@media screen and (max-width: 767px) {
  #introduction .comment {
    margin-top: 32px;
  }
  #introduction .comment::before, #introduction .comment::after {
    top: 0;
    right: auto;
    transform: translate(-50%, 0);
  }
  #introduction .comment::before {
    left: calc(50% - 130px);
  }
  #introduction .comment::after {
    left: calc(50% + 130px);
  }
}
@media screen and (max-width: 767px) {
  #introduction .comment .message {
    font-size: 18px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  #introduction .comment .notice {
    margin-top: 10px !important;
  }
}

/* ご参加方法（資産運用フェアをとことん楽しむ）
-------------------------------------------------------------*/
#how-to {
  padding: 6.6666666667em 0 8.3333333333em;
}
@media print, screen and (max-width: 1180px) {
  #how-to {
    padding: 10.91vw 0 13.64vw;
  }
}
@media screen and (max-width: 767px) {
  #how-to {
    padding: clamp(75px, 20vw, 97.5px) 0 clamp(125px, 33.33vw, 162.5px);
  }
}
#how-to .inner-narrow-l {
  position: relative;
}
#how-to .inner-narrow-l::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 788/474;
  width: 21.8888888889em;
  height: auto;
  background-image: url(../media/images/2025/lp/img_lp_illust_004.png);
  position: absolute;
  top: 1.3333333333em;
  right: calc(40px - 2.7777777778em);
  transform: translate(0, -100%);
  z-index: 1;
}
@media print, screen and (max-width: 1180px) {
  #how-to .inner-narrow-l::before {
    width: 35.82vw;
    top: 2.18vw;
    right: calc(40px - 4.55vw);
  }
}
@media screen and (max-width: 767px) {
  #how-to .inner-narrow-l::before {
    width: clamp(197px, 52.53vw, 256.1px);
    top: clamp(-17px, -4.53vw, -22.1px);
    right: clamp(40px, 10.67vw, 52px);
  }
}
#how-to .how-to-list {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 1.9444444444em;
  margin-top: 3.4444444444em;
}
@media screen and (max-width: 767px) {
  #how-to .how-to-list {
    gap: 15px;
    margin-top: 25px;
  }
}
#how-to .how-to-list .how-to-box {
  width: calc(33.3333333333% - 2 * 1.9444444444em / 3);
}
@media screen and (max-width: 767px) {
  #how-to .how-to-list .how-to-box {
    width: calc(50% - 7.5px);
  }
}
#how-to .how-to-list + .button-area {
  margin-top: 3.3333333333em;
}
#how-to .how-to-box a {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 0 0 0.2272727273em;
  min-height: 8.6363636364em;
  border: solid 2px #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 15px;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  #how-to .how-to-box a {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box a {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box a {
    border-radius: 7px;
  }
}
@media print, screen and (max-width: 1180px) {
  #how-to .how-to-box a {
    font-size: 1.7vw;
  }
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box a {
    min-height: 147px;
    padding: 0;
    font-size: 15px;
    line-height: 1.3;
  }
}
#how-to .how-to-box a::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 44/26;
  width: 0.9090909091em;
  height: auto;
  background-image: url(../media/images/2025/lp/icon_fair_arrow.png);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0.5em;
}
#how-to .how-to-box a::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
#how-to .how-to-box a.link::before {
  aspect-ratio: 1;
  width: 1.8181818182em;
  background-image: url(../media/images/2025/lp/icon_btn_next.png);
  left: auto;
  right: 0.5em;
  transform: translate(0, 0);
}
#how-to .how-to-box.fair-real a {
  gap: 0.5em;
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-real a {
    gap: 15px;
    padding-bottom: 8px;
  }
}
#how-to .how-to-box.fair-real a::after {
  aspect-ratio: 100/125;
  width: auto;
  height: 2.9090909091em;
  background-image: url(../media/images/2025/lp/icon_fair_real.png);
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-real a::after {
    height: 48px;
  }
}
#how-to .how-to-box.fair-online a {
  gap: 1.0909090909em;
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-online a {
    gap: 18px;
    padding-bottom: 11px;
  }
}
#how-to .how-to-box.fair-online a::after {
  aspect-ratio: 169/98;
  width: auto;
  height: 2.3181818182em;
  background-image: url(../media/images/2025/lp/icon_fair_online.png);
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-online a::after {
    height: 42px;
  }
}
#how-to .how-to-box.fair-booth a {
  gap: 0.8181818182em;
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-booth a {
    gap: 24px;
    padding-bottom: 0;
  }
}
#how-to .how-to-box.fair-booth a::after {
  aspect-ratio: 158/114;
  width: auto;
  height: 2.5909090909em;
  background-image: url(../media/images/2025/lp/icon_fair_booth.png);
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-booth a::after {
    height: 50px;
  }
}
#how-to .how-to-box.fair-seminar a {
  gap: 0.3636363636em;
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-seminar a {
    gap: 16px;
    padding-bottom: 10px;
  }
}
#how-to .how-to-box.fair-seminar a::after {
  aspect-ratio: 136/107;
  width: auto;
  height: 2.4545454545em;
  background-image: url(../media/images/2025/lp/icon_fair_seminar.png);
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-seminar a::after {
    height: 48px;
  }
}
#how-to .how-to-box.fair-limited a {
  gap: 0em;
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-limited a {
    gap: 5px;
    padding-bottom: 17px;
  }
}
#how-to .how-to-box.fair-limited a::after {
  aspect-ratio: 124/124;
  width: auto;
  height: 2.8181818182em;
  background-image: url(../media/images/2025/lp/icon_fair_limited.png);
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-limited a::after {
    height: 46px;
  }
}
#how-to .how-to-box.fair-member a {
  gap: 0.1818181818em;
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-member a {
    gap: 4px;
    padding-bottom: 18px;
  }
}
#how-to .how-to-box.fair-member a::after {
  aspect-ratio: 162/116;
  width: auto;
  height: 2.6363636364em;
  background-image: url(../media/images/2025/lp/icon_fair_member.png);
}
@media screen and (max-width: 767px) {
  #how-to .how-to-box.fair-member a::after {
    height: 47px;
  }
}
#how-to .large-title {
  margin-top: 2.7058823529em;
}
@media screen and (max-width: 767px) {
  #how-to .large-title {
    margin-top: 70px;
  }
}

/* リアル会場／オンライン会場
-------------------------------------------------------------*/
.venue-area {
  padding: 6.6666666667em 0 8.3333333333em;
  background: #fcf8cf;
  /* リアル会場 */
  /* オンライン会場 */
}
@media print, screen and (max-width: 1180px) {
  .venue-area {
    padding: 10.91vw 0 13.64vw;
  }
}
@media screen and (max-width: 767px) {
  .venue-area {
    padding: clamp(75px, 20vw, 97.5px) 0 clamp(120px, 32vw, 156px);
  }
}
.venue-area .keypoint-list {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 0.5555555556em;
}
@media screen and (max-width: 767px) {
  .venue-area .keypoint-list {
    gap: 8px;
  }
}
.venue-area .keypoint-list .keypoint-box {
  width: calc(50% - 1 * 0.5555555556em / 2);
}
@media screen and (max-width: 767px) {
  .venue-area .keypoint-list .keypoint-box {
    width: 100%;
  }
}
.venue-area .keypoint-list + .notice {
  margin-top: 1.5em;
  text-align: center;
}
.venue-area .keypoint-list + .button-area {
  margin-top: 3.3333333333em;
}
.venue-area .keypoint-box {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 0.8888888889em;
  padding: 0.5em 1.3888888889em;
  min-height: 8.3333333333em;
  background: #FFF;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .venue-area .keypoint-box {
    border-radius: 5px;
  }
}
@media screen and (max-width: 767px) {
  .venue-area .keypoint-box {
    padding: 0.5em 15px;
    min-height: 90px;
  }
}
.venue-area .keypoint-box .text {
  font-size: 26px;
  font-weight: 700;
}
@media print, screen and (max-width: 1180px) {
  .venue-area .keypoint-box .text {
    font-size: 21px;
  }
}
@media screen and (max-width: 767px) {
  .venue-area .keypoint-box .text {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1180px) {
  .venue-area .keypoint-box .text {
    font-size: 1.96vw;
  }
}
@media screen and (max-width: 767px) {
  .venue-area .keypoint-box .text {
    font-size: 16px;
  }
}
.venue-area .keypoint-box .text em {
  display: inline-block;
  padding: 0.0769230769em 0.2692307692em 0.1923076923em;
  background: #ffe813;
  line-height: 1.3;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .venue-area .keypoint-box .text em {
    border-radius: 2px;
  }
}
.venue-area .keypoint-box::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 1;
  min-width: 2.6923076923em;
  height: auto;
}
.venue-area .keypoint-box.point-listen::before {
  background-image: url(../media/images/2025/lp/icon_point_listen.png);
}
.venue-area .keypoint-box.point-consultation::before {
  background-image: url(../media/images/2025/lp/icon_point_consultation.png);
}
.venue-area .keypoint-box.point-know::before {
  background-image: url(../media/images/2025/lp/icon_point_know.png);
}
.venue-area .keypoint-box.point-communicate::before {
  background-image: url(../media/images/2025/lp/icon_point_communicate.png);
}
.venue-area .keypoint-box.point-live::before {
  background-image: url(../media/images/2025/lp/icon_point_live.png);
}
.venue-area .keypoint-box.point-original::before {
  background-image: url(../media/images/2025/lp/icon_point_original.png);
}
.venue-area .keypoint-box.point-point::before {
  background-image: url(../media/images/2025/lp/icon_point_point.png);
}
.venue-area#real-venue {
  background: #fcf8cf;
}
.venue-area#real-venue .inner {
  position: relative;
}
.venue-area#real-venue .inner::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 684/490;
  width: 19em;
  height: auto;
  background-image: url(../media/images/2025/lp/img_lp_illust_005.png);
  position: absolute;
  top: 2.8333333333em;
  right: calc(40px + 1.7777777778em);
  transform: translate(0, -100%);
  z-index: 1;
}
@media print, screen and (max-width: 1180px) {
  .venue-area#real-venue .inner::before {
    width: 31.09vw;
    top: 4.64vw;
    right: calc(40px + -2.36vw);
  }
}
@media screen and (max-width: 767px) {
  .venue-area#real-venue .inner::before {
    width: clamp(171px, 45.6vw, 222.3px);
    top: clamp(-36px, -9.6vw, -46.8px);
    right: clamp(40px, 10.67vw, 52px);
  }
}
.venue-area#online-venue {
  padding: 6.6666666667em 0 10.5555555556em;
  background: #FFF;
}
@media screen and (max-width: 767px) {
  .venue-area#online-venue {
    padding: clamp(75px, 20vw, 97.5px) 0 clamp(88px, 23.47vw, 114.4px);
  }
}
.venue-area#online-venue .inner {
  position: relative;
}
.venue-area#online-venue .inner::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 426/578;
  width: 11.8888888889em;
  height: auto;
  background-image: url(../media/images/2025/lp/img_lp_illust_006.png);
  position: absolute;
  top: 3.5em;
  right: calc(40px + 1.3333333333em);
  transform: translate(0, -100%);
  z-index: 1;
}
@media print, screen and (max-width: 1180px) {
  .venue-area#online-venue .inner::before {
    width: 19.45vw;
    top: 5.73vw;
    right: calc(40px + 2.18vw);
  }
}
@media screen and (max-width: 767px) {
  .venue-area#online-venue .inner::before {
    width: clamp(107px, 28.53vw, 139.1px);
    top: clamp(-15px, -4vw, -19.5px);
    right: clamp(38px, 10.13vw, 49.4px);
  }
}
.venue-area#online-venue .keypoint-box {
  background: #f2f2f2;
}
.venue-area .button-area.sideby {
  margin-top: 30px;
}

/* “スまいる”を貯めて抽選に参加しよう
-------------------------------------------------------------*/
#benefit {
  padding: 4.5555555556em 0 8.4444444444em;
  background: #fcf9cf;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  #benefit {
    padding: 7.45vw 0 13.82vw;
  }
}
@media screen and (max-width: 767px) {
  #benefit {
    padding: 52px 0 clamp(128px, 34.13vw, 166.4px);
  }
}
#benefit .callout {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0;
  transform: translate(-50%, -50%);
}
#benefit .information-box + .button-area {
  margin-top: 3.3333333333em;
}
#benefit .processes {
  display: flex;
  align-items: stretch;
  flex-flow: row wrap;
  justify-content: center;
  gap: 2.7777777778em 1.9444444444em;
}
@media screen and (max-width: 767px) {
  #benefit .processes {
    gap: 38px;
  }
}
#benefit .processes .process-box {
  border: solid 1px #000;
  width: calc(33.3333333333% - 2 * 1.9444444444em / 3);
  min-height: 11.6666666667em;
  background: #d0eaeb;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  #benefit .processes .process-box {
    width: calc(50% - 1 * 1.9444444444em / 2);
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box {
    width: 100%;
    min-height: auto;
  }
}
#benefit .processes .process-box dt {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 0.2916666667em;
  padding: 0 0.75em;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 1.75em;
  background: #59c3e2;
  font-size: 24px;
  font-weight: 400;
  line-height: 1;
  border: solid 1px #000;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: -1px;
  transform: translate(0, -50%);
}
@media print, screen and (max-width: 1180px) {
  #benefit .processes .process-box dt {
    font-size: 22px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dt {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dt {
    border-radius: 2px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dt {
    gap: 6px;
    padding: 0 12px;
    min-height: 38px;
    font-size: 18px;
  }
}
#benefit .processes .process-box dt .no {
  display: block;
  aspect-ratio: 1;
  width: 1.2272727273em;
  height: auto;
  background: #FFF;
  font-size: 22px;
  border: solid 1px #000;
  border-radius: 50%;
  text-align: center;
  position: relative;
  top: 0.01em;
}
@media print, screen and (max-width: 1180px) {
  #benefit .processes .process-box dt .no {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dt .no {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dt .no {
    padding-left: 0.1em;
    width: 20px;
    font-size: 16px;
  }
}
#benefit .processes .process-box dd {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 1.6363636364em 0.6818181818em 1em;
  height: 100%;
  font-size: 22px;
  font-weight: 700;
  text-align: center;
}
@media print, screen and (max-width: 1180px) {
  #benefit .processes .process-box dd {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dd {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dd {
    padding: 28px 20px 18px;
    font-size: 18px;
  }
}
#benefit .processes .process-box dd em {
  display: inline-block;
  padding: 0.0454545455em 0.3181818182em 0.0909090909em;
  background: #FFF;
  color: #59c3e2;
  line-height: 1.3;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dd em {
    border-radius: 2px;
  }
}
#benefit .processes .process-box dd em + em {
  margin-left: 0.3181818182em;
}
#benefit .processes .process-box dd .notice {
  display: block;
  margin-top: 0.625em;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.75;
}
@media print, screen and (max-width: 1180px) {
  #benefit .processes .process-box dd .notice {
    font-size: 15px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .processes .process-box dd .notice {
    font-size: 15px;
  }
}
#benefit .processes + .notice {
  margin-top: 2.625em;
}
@media screen and (max-width: 767px) {
  #benefit .processes + .notice {
    margin-top: 25px;
  }
}
#benefit .chance-information {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 1.6666666667em;
  margin: 2.8888888889em auto 0;
  padding: 1.5em 1.3333333333em 1.3888888889em;
  max-width: 900px;
  background: #fcf9cf;
  border: solid 1px #000;
  border-radius: 999px;
}
@media screen and (max-width: 767px) {
  #benefit .chance-information {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 12px;
    margin-top: 44px;
    padding: 15px 20px 30px;
    border-radius: 70px;
  }
}
#benefit .chance-information dt {
  width: 148px;
}
@media print, screen and (max-width: 1180px) {
  #benefit .chance-information dt {
    width: 13.45vw;
  }
}
@media screen and (max-width: 767px) {
  #benefit .chance-information dt {
    width: 90px;
  }
}
#benefit .chance-information dt img {
  display: block;
  width: 100%;
  height: auto;
}
#benefit .chance-information dd {
  flex: 1;
  font-size: 20px;
}
@media print, screen and (max-width: 1180px) {
  #benefit .chance-information dd {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .chance-information dd {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1180px) {
  #benefit .chance-information dd {
    font-size: 1.82vw;
  }
}
@media screen and (max-width: 767px) {
  #benefit .chance-information dd {
    width: 100%;
    font-size: 18px;
    text-align: center;
  }
}
#benefit .chance-information dd .emphasis {
  display: block;
  margin-bottom: 0.5333333333em;
  font-size: 30px;
}
@media print, screen and (max-width: 1180px) {
  #benefit .chance-information dd .emphasis {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #benefit .chance-information dd .emphasis {
    font-size: 20px;
  }
}
@media print, screen and (max-width: 1180px) {
  #benefit .chance-information dd .emphasis {
    font-size: 2.73vw;
  }
}
@media screen and (max-width: 767px) {
  #benefit .chance-information dd .emphasis {
    margin-bottom: 16px;
    padding-bottom: 18px;
    width: 100%;
    border-bottom: solid 1px #000;
    font-size: 24px;
  }
}
#benefit .chance-information dd .emphasis em {
  display: inline-block;
  padding: 0 0.2666666667em 0.0333333333em;
  background: #ffe813;
  font-size: 1em;
  line-height: 1.3;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  #benefit .chance-information dd .emphasis em {
    border-radius: 2px;
  }
}
#benefit .chance-information dd .emphasis .sub {
  font-size: 0.86em;
}
#benefit .chance-information dd .notice {
  font-size: 0.8em;
}
@media screen and (max-width: 767px) {
  #benefit .chance-information dd .notice {
    display: inline-block;
    margin-top: 5px;
    font-size: 0.77em;
  }
}
#benefit .giftee-information {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 2.2222222222em;
  margin-top: 3.2222222222em;
}
@media screen and (max-width: 767px) {
  #benefit .giftee-information {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 20px;
  }
}
#benefit .giftee-information .img-box {
  width: 11em;
}
#benefit .giftee-information .img-box img {
  display: block;
  width: 100%;
  height: auto;
  filter: drop-shadow(0 0.2222222222em 0.8888888889em rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 767px) {
  #benefit .giftee-information .img-box img {
    filter: drop-shadow(0 0.1111111111em 0.4444444444em rgba(0, 0, 0, 0.15));
  }
}
#benefit .giftee-information .text-box p {
  margin: 0;
  line-height: 1.5;
}
#benefit .giftee-information .text-box p .notice {
  font-size: 0.77em;
}
@media screen and (max-width: 767px) {
  #benefit .giftee-information .text-box p .notice:first-of-type {
    display: inline-block;
    margin-top: 10px;
  }
}

/* フェア限定コンテンツ
-------------------------------------------------------------*/
#fair-limited {
  padding: 6.6666666667em 0 8.3333333333em;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  #fair-limited {
    padding: 10.91vw 0 13.64vw;
  }
}
@media screen and (max-width: 767px) {
  #fair-limited {
    padding: clamp(75px, 20vw, 97.5px) 0 clamp(125px, 33.33vw, 162.5px);
  }
}
#fair-limited .inner {
  position: relative;
}
#fair-limited .inner::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 509/579;
  width: 14.1666666667em;
  height: auto;
  background-image: url(../media/images/2025/lp/img_lp_illust_007.png);
  position: absolute;
  top: 0.5555555556em;
  right: calc(40px + 2.2222222222em);
  transform: translate(0, -100%);
  z-index: 1;
}
@media print, screen and (max-width: 1180px) {
  #fair-limited .inner::before {
    width: 23.18vw;
    top: 0.91vw;
    right: calc(40px + 0.36vw);
  }
}
@media screen and (max-width: 767px) {
  #fair-limited .inner::before {
    width: clamp(122px, 32.53vw, 158.6px);
    top: clamp(-17px, -4.53vw, -22.1px);
    right: clamp(18px, 4.8vw, 23.4px);
  }
}

/* MIR@I会員のご案内
-------------------------------------------------------------*/
#mirai-member-guide {
  padding: 7.6666666667em 0;
  background: #fcf9cf;
}
@media print, screen and (max-width: 1180px) {
  #mirai-member-guide {
    padding: 12.55vw 0;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide {
    padding: clamp(75px, 20vw, 97.5px) 0 130px;
  }
}
#mirai-member-guide .inner {
  position: relative;
}
#mirai-member-guide .inner::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 463/388;
  width: 12.8888888889em;
  height: auto;
  background-image: url(../media/images/2025/lp/img_lp_illust_008.png);
  position: absolute;
  top: 1.2222222222em;
  right: calc(40px + 2.3888888889em);
  transform: translate(0, -100%);
  z-index: 1;
}
@media print, screen and (max-width: 1180px) {
  #mirai-member-guide .inner::before {
    width: 21.09vw;
    top: 0.2vw;
    right: calc(40px + 0.78vw);
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .inner::before {
    width: clamp(116px, 30.93vw, 150.8px);
    top: clamp(-17px, -4.53vw, -22.1px);
    right: clamp(40px, 10.67vw, 52px);
  }
}
#mirai-member-guide .about-mirai {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: center;
  gap: 3.3333333333em;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .about-mirai {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
    justify-content: flex-start;
    gap: 20px;
  }
}
#mirai-member-guide .about-mirai dt {
  width: 7.8888888889em;
  position: relative;
  top: 3px;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .about-mirai dt {
    top: 0;
  }
}
#mirai-member-guide .about-mirai dt img {
  display: block;
  width: 100%;
  height: auto;
}
#mirai-member-guide .about-mirai + .movie {
  margin-top: 3.3333333333em;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .about-mirai + .movie {
    margin-top: 30px;
  }
}
#mirai-member-guide .movie {
  max-width: 800px;
}
#mirai-member-guide .slider.banner-slider {
  max-width: 1000px;
}
#mirai-member-guide .slider.banner-slider + .large-title {
  margin-top: 2.7058823529em;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .slider.banner-slider + .large-title {
    margin-top: 70px;
  }
}
#mirai-member-guide .benefit-information {
  margin-top: 7.1111111111em;
  padding: 7.1111111111em 5.5555555556em 3em;
  background: #FFF;
  border-radius: 10px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .benefit-information {
    border-radius: 5px;
  }
}
@media print, screen and (max-width: 1180px) {
  #mirai-member-guide .benefit-information {
    padding-left: 9.09vw;
    padding-right: 9.09vw;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .benefit-information {
    margin-top: 72px;
    padding: 85px 20px 28px;
  }
}
#mirai-member-guide .benefit-information .callout {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}
#mirai-member-guide .benefit-information + .button-area {
  margin-top: 3.3333333333em;
}
#mirai-member-guide .mirai-benefits {
  display: flex;
  align-items: flex-start;
  flex-flow: column nowrap;
  justify-content: flex-start;
  gap: 1.1111111111em;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits {
    gap: 20px;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding: 1.1111111111em;
  width: 100%;
  background: #fcf9cf;
  border: solid 1px #000;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box {
    border-radius: 5px;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box {
    display: flex;
    align-items: flex-start;
    flex-flow: column nowrap;
    justify-content: flex-start;
    padding: 18px;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dt {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  justify-content: flex-start;
  gap: 2em;
  margin-right: 2.2222222222em;
  padding-right: 2.2222222222em;
  font-weight: 400;
  position: relative;
}
@media print, screen and (max-width: 1180px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt {
    gap: 3.27vw;
    margin-right: 3.64vw;
    padding-right: 3.64vw;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt {
    margin: 0 0 12px;
    padding: 0 0 18px;
    width: 100%;
    border-bottom: solid 1px #000;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dt::after {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% + 1.1111111111em);
  background: #000;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt::after {
    content: none;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dt .no-box {
  display: flex;
  align-items: center;
  flex-flow: column nowrap;
  justify-content: center;
  aspect-ratio: 1;
  width: 4.7777777778em;
  height: auto;
  background: #ffe813;
  border: solid 1px #000;
  border-radius: 4px;
  position: relative;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .no-box {
    border-radius: 2px;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .no-box {
    min-width: 62px;
    font-size: 13px;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dt .no-box::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  aspect-ratio: 138/32;
  width: 3.8333333333em;
  height: auto;
  background-image: url(../media/images/2025/lp/icon_comment_s.png);
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 1.1111111111em;
}
#mirai-member-guide .mirai-benefits .benefit-box dt .no-box .no {
  display: block;
  aspect-ratio: 1;
  padding-left: 0.1em;
  width: 1.2333333333em;
  height: auto;
  background: #FFF;
  font-size: 30px;
  line-height: 1;
  border: solid 1px #000;
  border-radius: 50%;
  text-align: center;
  position: relative;
  top: 0.01em;
}
@media print, screen and (max-width: 1180px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .no-box .no {
    font-size: 24px;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .no-box .no {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .no-box .no {
    width: 27px;
    font-size: 22px;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dt .img-box {
  width: 5.7777777778em;
  text-align: center;
}
@media print, screen and (max-width: 1180px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .img-box {
    width: 9.45vw;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .img-box {
    width: 100%;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dt .img-box img {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dt .img-box img {
    width: auto;
    max-width: 102px;
    height: auto;
    max-height: 62px;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dd {
  flex: 1;
  font-size: 22px;
  font-weight: 700;
}
@media print, screen and (max-width: 1180px) {
  #mirai-member-guide .mirai-benefits .benefit-box dd {
    font-size: 19px;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dd {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dd {
    font-size: 16px;
  }
}
#mirai-member-guide .mirai-benefits .benefit-box dd .notice {
  font-size: 0.72em;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  #mirai-member-guide .mirai-benefits .benefit-box dd .notice {
    font-size: 0.9375em;
  }
}

/* よくある質問／お問い合わせ
-------------------------------------------------------------*/
#faq {
  padding: 7.1111111111em 0 8.3333333333em;
}
@media print, screen and (max-width: 1180px) {
  #faq {
    padding: 11.64vw 0 13.64vw;
  }
}
@media print, screen and (max-width: 900px) {
  #faq {
    padding: 11.64vw 0 27.27vw;
  }
}
@media screen and (max-width: 767px) {
  #faq {
    padding: 70px 0 145px;
  }
}
#faq .large-title {
  margin-bottom: 1.7058823529em;
}
@media screen and (max-width: 767px) {
  #faq .button-area {
    margin-top: 25px;
  }
}