@charset "utf-8";
.icon_list { display:flex; justify-content:center; gap:1.5em 2em; list-style:none; margin:0; padding:0; font-size:16px; }
.icon_list__item { display:flex; flex-direction:column; align-items:center; gap:.75em; width:calc((100% - 6em) / 4); max-width:160px; margin:0; padding-left:0!important; text-align:center; }
.icon_list__item::before { display:none!important; }
.icon_list__icon { display:flex; align-items:center; justify-content:center; width:7.5em; height:7.5em; }
.icon_list__icon img { width:100%; height:auto; display:block; }
.icon_list__name { font-size:1.35em; font-weight:bold; line-height:1.3; color:#754C29; display:flex; align-items:center; justify-content:center; flex:1; }
.icon_list._cols3 .icon_list__item { width:calc((100% - 4em) / 3); max-width:180px; }
@container wciBase (width < 992px) {
  .icon_list { gap:1.25em; }
  .icon_list__item { width:calc((100% - 3.75em) / 4); }
  .icon_list._cols3 .icon_list__item { width:calc((100% - 2.5em) / 3); }
  .icon_list__name { font-size:1.15em; }
}
@container wciBase (width < 768px) {
  .icon_list { flex-wrap:wrap; gap:1.25em 1em; }
  .icon_list__item { width:calc((100% - 1em) / 2); max-width:none; }
  .icon_list._cols3 .icon_list__item { width:calc((100% - 2em) / 3); }
  .icon_list__icon { width:6em; height:6em; }
  .icon_list__name { font-size:1.1em; }
}
@container wciBase (width < 576px) {
  .icon_list._cols3 { gap:1em .5em; }
  .icon_list._cols3 .icon_list__item { width:calc((100% - 1em) / 3); }
  .icon_list._cols3 .icon_list__icon { width:5em; height:5em; }
  .icon_list._cols3 .icon_list__name { font-size:1em; }
}

.member_ticket { font-size:16px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; box-shadow:0 0 5.64px rgba(0,0,0,.06); padding:2.5em 2em; box-sizing:border-box; }
.member_ticket__list { display:grid; grid-template-columns:repeat(5,1fr); grid-auto-rows:auto; gap:0.5em; list-style:none; margin:0 0 2em; padding:0; }
.member_ticket__item { display:grid; grid-template-rows:subgrid; grid-row:span 4; align-items:start; margin:0; padding:1.5em 1em 1.25em; padding-left:1em!important; border:1px solid #754C29; border-radius:10px; background:#fff; box-sizing:border-box; text-align:center; }
.member_ticket__item::before { display:none!important; }
.member_ticket__icon { display:flex; align-items:center; justify-content:center; width:116px; aspect-ratio:116/100; margin:0 auto .85em; }
.member_ticket__icon img { width:100%; height:auto; display:block; }
.member_ticket__title { align-self:stretch; display:flex; align-items:center; justify-content:center; margin:0; font-size:1.25em; line-height:1.35; font-feature-settings:"palt"; }
.member_ticket__desc { margin:0; font-size:1em; line-height:1.7; color:#4E4E4E; text-align:left; }
.member_ticket__time { margin:0; font-size:1.25em; line-height:1.45; text-align:center; }
.member_ticket .parts--button { margin:0; text-align:center; }
.member_ticket .parts--button a { text-decoration:none; }
@container wciBase (width < 1200px) {
  .member_ticket { padding:2em 1.25em; }
  .member_ticket__list { gap:1em; }
  .member_ticket__item { padding:1.25em .65em 1em; }
  .member_ticket__title { font-size:1.05em; }
  .member_ticket__desc { font-size:.95em; }
}
@container wciBase (width < 992px) {
  .member_ticket__list { grid-template-columns:repeat(3,1fr); }
  .member_ticket__item { padding:1.35em .85em 1.15em; }
  .member_ticket__title { font-size:1.1em; }
  .member_ticket__desc { font-size:1em; }
}
@container wciBase (width < 768px) {
  .member_ticket { padding:1.75em 1.25em; }
  .member_ticket__list { grid-template-columns:repeat(2,1fr); gap:1em; margin-bottom:1.5em; }
}
@container wciBase (width < 576px) {
  .member_ticket__list { grid-template-columns:1fr; max-width:320px; margin-left:auto; margin-right:auto; }
}

.step_nav { display:flex; justify-content:space-between; align-items:center; list-style:none; margin:0 auto; padding:0; max-width:720px; position:relative; font-size:16px; }
.step_nav::before { content:""; position:absolute; top:50%; left:10%; right:10%; height:3px; background:#D4BA9E; transform:translateY(-50%); z-index:0; }
.step_nav__item { position:relative; z-index:1; margin:0; padding-left:0!important; flex:1; display:flex; justify-content:center; }
.step_nav__item::before { display:none!important; }
.step_nav__circle { display:flex; flex-direction:column; align-items:center; justify-content:center; width:115px; height:115px; border-radius:50%; background:linear-gradient(to bottom, #D4BA9E, #BCA181); color:#fff; box-sizing:border-box; font-family:"Roboto Condensed", sans-serif; font-weight:800; font-style:italic; letter-spacing:.02em; line-height:1; }
.step_nav__label { display:block; font-size:1.25em; line-height:1.1; }
.step_nav__num { display:block; font-size:2.5em; line-height:1.1; }
@container wciBase (width < 768px) {
  .step_nav { max-width:100%; }
  .step_nav__circle { width:4.5em; height:4.5em; }
  .step_nav__label { font-size:.75em; }
  .step_nav__num { font-size:1.45em; }
}
@container wciBase (width < 576px) {
  .step_nav__item { width:100%; padding:.65em 0!important; }
  .step_nav__circle { width:3.5em; height:3.5em; margin:0 auto; }
}

.app_help { font-size:16px; border:2px solid #BF7C89; border-radius:10px; padding:2em 1.5em; box-sizing:border-box; text-align:center; color:#4E4E4E; }
.app_help__title { display:inline-flex; align-items:center; justify-content:center; gap:.5em; margin:0 0 1em; color:#BF7C89; font-size:1.5em; font-weight:bold; line-height:1.4; }
.app_help__icon { display:block; width:2.5em; height:auto; flex:none; }
.app_help__text { margin:0; font-size:1.1em; line-height:1.9; }
@container wciBase (width < 768px) {
  .app_help { padding:1.5em 1.15em; text-align:left; }
  .app_help__title { font-size:1.15em; margin-bottom:.85em; }
  .app_help__text { font-size:1em; }
}

.member_required { font-size:16px; background:#fff; border:1px solid #e5e5e5; border-radius:12px; box-shadow:0 0 5.64px rgba(0,0,0,.06); padding:2.5em 5em; box-sizing:border-box; color:#4E4E4E; }
.member_required__lead { margin:0 auto 2.5em; text-align:center; font-size:1em; line-height:1.8; }
.member_required__block { margin:0 auto 2.5em; }
.member_required__head { display:flex; align-items:center; gap:.25em; margin-bottom:.85em; }
.member_required__num { display:inline-flex; align-items:center; justify-content:center; flex:none; min-width:3.25em; padding:.35em 1.1em .35em .2em; background:#D4BA9E; color:#fff; font-family:"Roboto Condensed", sans-serif; font-weight:800; font-style:italic; font-size:2.25em; letter-spacing:.04em; line-height:1; clip-path:polygon(0 0, 100% 0, calc(100% - 1.5em) 100%, 0 100%); box-sizing:border-box; }
.member_required__title { margin:0; font-size:2em; font-weight:bold; line-height:1.4; color:#754C29; }
.member_required__desc { margin:0; text-align:center; font-size:1em; line-height:1.8; }
.member_required__payment { margin:0 auto; text-align:center; }
.member_required__payment-text { margin:0 0 .75em; font-size:1em; line-height:1.8; }
.member_required__payment .parts--button { margin-top:1.5em; }
.member_required__payment a { text-decoration:none; }
@container wciBase (width < 992px) {
  .member_required { padding:2em 1.5em; }
  .member_required__title { font-size:1.5em; }
  .member_required__desc,
  .member_required__payment-text { text-align:left; }
}
@container wciBase (width < 768px) {
  .member_required { padding:1.75em 1.25em; }
  .member_required__lead { margin-bottom:2em; }
  .member_required__block { margin-bottom:2em; }
  .member_required__head { gap:.5em; }
  .member_required__num { min-width:2.75em; font-size:1.5em; padding:.3em .85em .3em .1em; }
  .member_required__title { font-size:1.25em; }
}

.member_note { list-style:none; margin:0; padding:1.5em 2em; background:#F5EFE7; border-radius:10px; box-sizing:border-box; font-size:16px; color:#754C29; }
.member_note li { margin:0; margin-bottom:0!important; padding:0 0 0 1em; padding-left:1em!important; font-size:1.1em; font-weight:bold; line-height:1.6; position:relative; text-indent:-1em; }
.member_note li::before { content:"・"!important; position:relative!important; left:auto!important; top:auto!important; display:inline!important; width:auto!important; height:auto!important; background:none!important; color:currentColor!important; font-size:1em!important; }
@container wciBase (width < 768px) {
  .member_note { padding:1.15em 1.25em; }
  .member_note li { font-size:1em; }
}
