/* seminar-2026 追加分（style.css は designer 管理のため別ファイル。納品時に SCSS へ統合）
   幅の境界は4つだけ。範囲が重ならないよう、必ずこの4区分で書く（docs/coding-notes.md 参照）
     SP      ：〜768px      （style.css の SP と同じ）
     TAB     ：769〜1024px  （ヒーローは縦積み。ハンバーガーを表示）
     DT      ：1025px〜     （ヒーローは日時とボタンを横並び。メニューは右上の文字リンク）
     WIDE    ：1440px〜     （追従ボタンがコンパクト版になる）
   さらに DT の中で 1025〜1239px は申込ボタンを小さめにする（日時とボタンが収まる幅のため） */

/* ===== 共通部品 ===== */
.u-phrase{display:inline;white-space:nowrap}
.c-section-title .-main{color:#f0fc0d;font-size:1.2rem;font-weight:700;line-height:1.2}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #001660;outline-offset:2px;box-shadow:0 0 0 5px #fff}
.l-footer small{font-size:.6875rem}

/* 文字組み：自動文節区切りは見出し・短文・ボタン・箇条書きだけ。長文は通常の折り返し＋厳格な禁則 */
h1,h2,h3,.c-section-title .-sub,.p-top-hero-detail-mailbox__inner,.c-mail-box__inner,.p-top-timetable-points li,.p-top-introduction-recommend__list li,.p-top-timetable-points-title{word-break:auto-phrase;text-wrap:wrap}
.p-top-timetable-netdesc{word-break:auto-phrase;line-break:strict;text-wrap:wrap}
.p-top-introduction-lead,.p-top-introduction-lead span{word-break:auto-phrase;line-break:strict;text-align:left;text-wrap:pretty}
.-bio{word-break:auto-phrase;line-break:strict;text-wrap:wrap}
.p-top-introduction-lead{font-weight:500;max-width:none}
.c-section-title .-sub,.p-top-timetable-list__item .-sectioTitle,.p-top-timetable-list__item .-area-text-title{text-wrap:balance}

/* 区切り線は本文幅（左右の余白の内側） */
.l-section__inner,.p-top-timetable .l-section__inner{border-bottom:0;position:relative}
.l-section__inner::after{content:"";position:absolute;left:20px;right:20px;bottom:0;border-bottom:1px solid #fff}

/* スクロールで出現（reveal.js が has-reveal を付けたときだけ初期非表示。元の ScrollReveal と同じ：下から100px・1.2秒） */
.has-reveal .animateBottom,.has-reveal .animateBottomText{opacity:0;visibility:hidden;transform:translateY(100px);transition:opacity 1.2s cubic-bezier(.5,0,0,1),transform 1.2s cubic-bezier(.5,0,0,1)}
.has-reveal .animateLeft{opacity:0;visibility:hidden;transform:translateX(-100px);transition:opacity 1.5s cubic-bezier(.5,0,0,1),transform 1.5s cubic-bezier(.5,0,0,1)}
.has-reveal .animateRight{opacity:0;visibility:hidden;transform:translateX(100px);transition:opacity 1.2s cubic-bezier(.5,0,0,1),transform 1.2s cubic-bezier(.5,0,0,1)}
.has-reveal .animateslow{opacity:0;visibility:hidden;transition:opacity .8s ease}
.has-reveal .is-revealed{opacity:1;visibility:visible;transform:none}

/* SCROLL は白（4.5:1以上） */
.p-top-hero-scroll .-text{color:#fff}
.p-top-hero-scroll .-arrow li:before{border-top-color:#fff}

/* ===== ヒーロー（共通：すべて左揃え。軸はタイトルロゴの左端） ===== */
.p-top-hero__inner{align-items:center;justify-content:center}
.p-top-hero-contents{align-items:flex-start}
.p-top-hero-logo{width:100%;max-width:none}
.p-top-hero-about{margin:0;max-width:none;width:100%}
.p-top-hero-detail{width:100%;text-align:left;align-items:flex-start}
.p-top-hero-detail-info{display:flex;flex-direction:column;align-items:flex-start;padding-top:24px}
.p-top-hero-tag{display:inline-block;margin:0;padding:6px 18px 7px;border-radius:100px;background:#f0fc0d;color:#001660;font-size:1.125rem;font-weight:700;letter-spacing:.04em;line-height:1.3;white-space:nowrap;font-feature-settings:"palt"}
.p-top-hero-detail__text{width:fit-content;max-width:100%;margin:14px 0 0;text-align:left;letter-spacing:.04em}
.p-top-hero-detail__text,.p-top-hero-detail__text *{font-family:"Jost","Noto Sans JP",sans-serif}
.p-top-hero-detail__text small{letter-spacing:.04em}
.p-top-hero-detail__addr{display:inline-block;margin-top:2px;font-size:.75em;line-height:1.5;letter-spacing:.04em}
.p-top-hero-detail-mailbox{width:100%}

/* SP */
@media (max-width:768px){
  .p-top-hero{padding-bottom:73px}
  .p-top-hero-scroll{bottom:-11px}
  .p-top-hero-contents{width:100%}
  .c-section-title .-sub{font-size:1.625rem}
  .p-top-hero-logo{margin-top:0}
  .p-top-hero-detail-info{padding-top:24px}
  .p-top-hero-tag{font-size:.875rem;padding:5px 14px 6px}
  .p-top-hero-detail__text{line-height:1.7;margin-top:12px;margin-bottom:0}
  .p-top-hero-detail__text strong{font-size:2rem;line-height:1}
  .p-top-hero-detail-mailbox{margin-top:24px}
}
/* TAB：ロゴ・帯・日時を同じ内側幅で左端そろえ。縦積みなのでボタンの最大幅を決める */
@media (min-width:769px) and (max-width:1024px){
  .p-top-hero-contents{width:100%}
}
@media (max-width:1024px){
  .p-top-hero-detail-mailbox{max-width:480px}
  /* サブタイトルから区切り線まで 44px 以上 */
  .p-top-hero-about{margin-top:44px}
  .p-top-hero-detail{margin-top:0}
}
/* DT：イラストなしの構図。タイトルを主役に大きく、下に日時と申込ボタンを横一列（日時が左、ボタンが右） */
@media (min-width:1025px){
  .p-top-hero{padding:56px 60px 88px}
  .p-top-hero-contents{width:min(100%,1040px)}
  /* タイトルロゴの右端を、右上メニュー（左端は画面幅−188px）より24px以上左に。幅が広ければ 1040px のまま */
  .p-top-hero-logo{margin-top:0;max-width:calc(100vw - 212px - max(60px, (100vw - 1040px) / 2))}
  .p-top-hero-about{margin-top:40px}
  .p-top-hero-detail{justify-content:flex-start;align-items:flex-end;gap:32px;padding-top:32px;border-top:1px solid rgba(255,255,255,.55)}
  .p-top-hero-detail-info{padding-top:0}
  .p-top-hero-detail__text{font-size:1.5rem;line-height:1.55}
  .p-top-hero-detail__text strong{font-size:3.75rem;line-height:1}
  .p-top-hero-detail-mailbox{width:auto;max-width:380px;flex:0 0 auto}
  .p-top-hero-detail-mailbox__inner{padding:14px}
  .p-top-hero-detail-mailbox__inner .-head{width:52px;height:52px;margin-right:12px;flex-shrink:0}
  .p-top-hero-detail-mailbox__inner .-body{font-size:1.125rem}
  /* イラストあり：左右2列（元の型の構図）。左揃えのまま */
  .p-top-hero__inner:has(.p-top-hero-topimg){align-items:flex-end;justify-content:space-between}
  .p-top-hero__inner:has(.p-top-hero-topimg) .p-top-hero-contents{width:60%;align-items:stretch}
  .p-top-hero__inner:has(.p-top-hero-topimg) .p-top-hero-logo,
  .p-top-hero__inner:has(.p-top-hero-topimg) .p-top-hero-about{max-width:850px}
  .p-top-hero__inner:has(.p-top-hero-topimg) .p-top-hero-detail__text strong{font-size:3rem}
}
/* DT のうち 1240px 以上：ボタンを大きく、日時との間隔を広げる */
@media (min-width:1240px){
  .p-top-hero-detail{gap:72px}
  .p-top-hero-detail-mailbox__inner{padding:18px}
  .p-top-hero-detail-mailbox__inner .-head{width:60px;height:60px;margin-right:12px;flex-shrink:0}
  .p-top-hero-detail-mailbox__inner .-body{font-size:1.375rem}
}

/* ===== 本文の左右余白：TAB〜DT の狭い側（〜1160px）はヒーローの内側（60px）に合わせる ===== */
@media (min-width:769px) and (max-width:1160px){
  .l-section__inner{padding-left:60px;padding-right:60px}
  .l-section__inner::after{left:60px;right:60px}
}

/* ===== 導入 ===== */
.p-top-introduction-recommend{margin:40px auto 0;max-width:800px;padding:24px 32px;background:#fff;border-radius:12px;color:#000}
.p-top-introduction-recommend__title{font-size:1.25rem;font-weight:700;margin-bottom:12px}
.p-top-introduction-recommend__list{padding-left:1.5em;list-style:decimal;line-height:1.9}
.p-top-introduction-recommend__list li{list-style:decimal;margin-top:6px}
@media (max-width:768px){
  .p-top-introduction-recommend{padding:20px}
}

/* ===== プログラム ===== */
.p-top-timetable-points-title{margin-top:16px;font-size:.875rem;font-weight:700;letter-spacing:.05em}
.p-top-timetable-points{margin-top:6px;padding-left:1.2em;list-style:disc;line-height:1.8}
.p-top-timetable-points li{list-style:disc}
/* 時刻欄の所要時間（セッションのみ） */
.p-top-timetable-list__item .-head .-title .-duration{display:block;margin-top:6px;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.05em;white-space:nowrap;text-align:center}
/* 受付・休憩の行は低く */
.p-top-timetable-list__item:has(.-body.is-onlyTitle){min-height:0}
.p-top-timetable-list__item:has(.-body.is-onlyTitle) .-head .-title{font-size:1.25rem;flex-direction:row;align-items:center;gap:0;width:auto;line-height:1.4}
.p-top-timetable-list__item:has(.-body.is-onlyTitle) .-head .-title span:first-child{flex-direction:row;align-items:center}
.p-top-timetable-list__item:has(.-body.is-onlyTitle) .-head .-title span:first-child:after{margin:0 8px;height:3px;width:10px}
.p-top-timetable-list__item:has(.-body.is-onlyTitle) .-body.is-onlyTitle{padding:14px 20px !important;font-size:1.125rem}
.p-top-timetable-list__item:has(.-body.is-onlyTitle) .-body.is-onlyTitle h3{font-size:1.125rem;font-weight:500}
/* 登壇者カード：写真｜肩書き・氏名・略歴 を1人1行で */
.p-top-timetable-list__item .-body.is-special .-area-text-person{margin:28px 0 0}
.p-top-timetable-list__item .-body.is-special .-area-text-person li{display:grid;grid-template-columns:120px minmax(0,1fr);column-gap:20px;align-items:start;max-width:none;width:100%;margin:0 0 24px;padding-bottom:24px;border-bottom:1px solid #d9d9d9}
.p-top-timetable-list__item .-body.is-special .-area-text-person li:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}
.p-top-timetable-list__item .-body.is-special .-area-text-person-thumbnail{width:100%;max-width:none;margin:0}
.p-top-timetable-list__item .-body.is-special .-area-text-person-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail{padding-right:0}
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-sub{margin-top:0;font-size:.8125rem;line-height:1.6;font-weight:700}
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-main{margin-top:6px;font-size:1.125rem;line-height:1.4}
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-bio{display:block;margin-top:12px;font-size:.8125rem;font-weight:400;line-height:1.9;letter-spacing:.02em;text-align:left;overflow-wrap:anywhere}

/* TAB〜DT：時刻欄の幅をセッション行と同じにして、時刻欄／内容欄の境目をそろえる。セッションの時刻は上揃え */
@media (min-width:769px){
  .p-top-timetable-list__item .-body{min-width:0}
  .p-top-timetable-list__item .-head{box-sizing:border-box;flex:0 0 222px;width:222px;padding-left:0;padding-right:0;justify-content:center}
  .p-top-timetable-list__item:has(.-body.is-onlyTitle) .-head{padding-top:14px;padding-bottom:14px}
  .p-top-timetable-list__item:has(.-body.is-special) .-head{align-items:flex-start;padding-top:36px}
}
/* SP */
@media (max-width:768px){
  .p-top-timetable-list__item .-head{justify-content:center}
  .p-top-timetable-list__item:has(.-body.is-onlyTitle) .-head{padding:4px}
  .p-top-timetable-list__item:has(.-body.is-onlyTitle) .-head .-title{font-size:1.25rem;line-height:1.6;width:auto}
  .p-top-timetable-list__item .-head .-title .-duration{display:inline;vertical-align:baseline;margin:0 0 0 8px;font-size:.6875rem;align-self:center}
  .p-top-timetable-note{text-align:left}
}

/* TAB・SP：登壇者は写真の右に肩書き・氏名、略歴は写真の下に全幅 */
@media (max-width:1024px){
  .p-top-timetable-list__item .-body.is-special .-area-text-person li{grid-template-columns:84px minmax(0,1fr);column-gap:14px}
  .p-top-timetable-list__item .-body.is-special .-area-text-person-detail{display:contents}
  .p-top-timetable-list__item .-body.is-special .-area-text-person-thumbnail{grid-column:1;grid-row:1/3}
  .p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-sub{grid-column:2;grid-row:1;align-self:end;font-size:.75rem}
  .p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-main{grid-column:2;grid-row:2;align-self:start;font-size:1rem}
  .p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-bio{grid-column:1/-1;grid-row:3;font-size:.8125rem;line-height:1.8}
}

/* ===== 共催・開催概要 ===== */
.p-top-sponsor-list--cohost{justify-content:center;gap:24px}
.p-top-sponsor-list02.p-top-sponsor-list--cohost .p-top-sponsor-list__item02{width:320px}
.p-top-sponsor-list--cohost .p-top-sponsor-list__inner{display:flex;justify-content:center;align-items:center;width:100%;height:128px;padding:0;background:#fff;border:0;border-radius:12px;box-sizing:border-box}
.p-top-sponsor-list02 .p-top-sponsor-list__item02 .p-top-sponsor-list__inner img{width:auto;max-width:none;object-fit:contain}
.p-top-sponsor-list02 .p-top-sponsor-list__item02 .p-top-sponsor-list__inner img[src*="logo_medialab"]{height:auto;width:230px;max-width:calc(100% - 48px)}
.p-top-sponsor-list--cohost img[src*="essen"]{height:34px}
.p-top-sponsor-list--cohost a.p-top-sponsor-list__inner{transition:opacity .3s}
.p-top-sponsor-list--cohost a.p-top-sponsor-list__inner:hover{opacity:.8}
.p-top-overview-entry{display:inline-block;padding:12px 28px;border-radius:100px;background:#f0fc0d;color:#001660;font-weight:700}
/* セクション間の余白：区切り線→見出しは、共催 64px・開催概要 120px（SP は 64px）。ロゴ→区切り線は 64px */
.p-top-sponsor.l-section{padding-top:64px;padding-bottom:0}
.p-top-sponsor .l-section__inner{padding-bottom:64px}
.p-top-overview.l-section{padding-top:120px}
/* 開催概要の表の下：追従ボタンが罫線の手前で止まるための余白（ボタン高さ86＋上下24px 前後） */
.p-top-overview .l-section__inner{padding-bottom:140px}
@media (max-width:768px){
  .c-mail-box__inner{border:0;border-radius:0}
  .p-top-sponsor-list--cohost{gap:12px}
  .p-top-sponsor-list02.p-top-sponsor-list--cohost .p-top-sponsor-list__item02{width:calc(50% - 6px)}
  .p-top-sponsor-list--cohost .p-top-sponsor-list__inner{height:84px;border-radius:10px}
  .p-top-sponsor-list02 .p-top-sponsor-list__item02 .p-top-sponsor-list__inner img[src*="logo_medialab"]{height:auto;width:128px;max-width:calc(100% - 24px)}
  .p-top-sponsor-list--cohost img[src*="essen"]{height:22px}
  .p-top-overview.l-section{padding-top:64px}
}

/* ===== 追従の申込ボタン =====
   INTRODUCTION 以降はページの最後まで表示。ヒーローでは非表示。出るときはふわっと。表示前は操作不可。
   フッターの罫線の手前（24px上）で止まる位置の計算は assets/js/entry-box.js
   〜1439px（SP・TAB・DT 狭）：下部の全幅バー  /  1440px〜：流用元と同じ大きな横長ピル型（1行） */
.c-mail-box{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease,visibility 0s linear .5s}
.c-mail-box.screen-out-top,.c-mail-box.screen-out-top.screen-in-fotter{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .5s ease,transform .5s ease,visibility 0s linear 0s}
@media (prefers-reduced-motion:reduce){.c-mail-box,.c-mail-box.screen-out-top{transition:none;transform:none}}
@media (min-width:769px) and (max-width:1439px){
  .c-mail-box{top:auto;bottom:0;right:0;width:100%}
  .c-mail-box__inner{min-width:0;width:100%;padding:18px 20px;border:0;border-radius:0;box-sizing:border-box}
  .c-mail-box__inner .-body{font-size:1.125rem;padding:0}
  .c-mail-box__inner .-head{width:40px;height:40px;margin-left:10px}
}
@media (min-width:1440px){
  .c-mail-box{right:48px;bottom:16px;width:auto}
  .c-mail-box__inner{min-width:320px;width:auto;padding:16px 20px;border:solid 1px #001660;border-radius:100px;box-sizing:border-box}
  .c-mail-box__inner .-body{font-size:1.375rem;line-height:1;padding:0 .5rem;letter-spacing:.05em;white-space:nowrap}
  .c-mail-box__inner .-body small{display:inline;font-size:inherit;line-height:inherit;letter-spacing:inherit}
  .c-mail-box__inner .-head{width:52px;height:52px;margin-left:10px;flex-shrink:0}
  .c-mail-box__inner .-head:before{font-size:1.25rem}
}


/* ===== ハンバーガー（〜1024px）：下へスクロール中は消し、上へ戻すと出す。Tab で届いたら表示に戻す ===== */
.fullScreenMenu-button{transition:opacity .3s ease}
.fullScreenMenu-button.is-scroll-hidden:not(.is-open):not(:focus):not(:focus-within){opacity:0;pointer-events:none}
/* JS が無効なときはハンバーガーを出さない（開いても何も起きないため） */
@media (max-width:1024px){html:not(.js) .fullScreenMenu-button{display:none}}
@media (max-width:768px){
  .fullScreenMenu-button{width:40px;height:40px;top:12px;right:12px}
}

/* 768px 付近：略歴・導入文は1行 36em まで（1行35〜40字の目安） */
@media (min-width:600px) and (max-width:1024px){
  .-bio{max-width:36em}
}

/* 開催概要の申込ボタンは折り返さない（狭い幅は文字と余白を小さく） */
.p-top-overview-entry{white-space:nowrap}
@media (max-width:420px){.p-top-overview-entry{font-size:.8125rem;padding:12px 18px}}

/* 狭い幅の最初の画面の申込ボタン：矢印の丸をつぶさない。374px 以下は文字 16px・丸との間 12px */
.p-top-hero-detail-mailbox__inner .-head{flex-shrink:0}
@media (max-width:374px){
  .p-top-hero-detail-mailbox__inner .-body{font-size:1rem;margin-left:12px}
}
.p-top-introduction-lead{letter-spacing:.03em}

/* 登壇者カードの会社ロゴ：社名の上、高さ24px・左揃え（PC・SP 共通） */
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-sub .-logo{display:block;width:auto;height:24px;max-width:100%;margin:0 0 8px;object-fit:contain;object-position:left center}
/* ロゴは見た目の大きさ・重さをそろえるため、ロゴごとに高さを調整（横長・文字の太さが違うため） */
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-sub .-logo[src*="essen"]{height:29px}
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-sub .-logo[src*="ijigen"]{height:32px}
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-sub .-logo[src*="fukuya"]{height:30px}
.p-top-timetable-list__item .-body.is-special .-area-text-person-detail .-sub .-logo[src*="medialab"]{height:28px}

/* ===== 2026-10-19 修正指示書：体制表記・日時の年・案内枠・Coming Soon ===== */
/* FV の日時：「2026年」を11.24の約45〜50%の大きさ・太字で左に */
.p-top-hero-detail__wd{margin-left:-.35em}
.p-top-hero-detail__year{margin-right:.4em;font-size:1rem;font-weight:700;letter-spacing:.06em}
@media (min-width:1025px){
  .p-top-hero-detail__year{font-size:1.75rem}
}
@media (min-width:769px) and (max-width:1024px){
  .p-top-hero-detail__year{font-size:1.375rem}
}
/* 案内枠（おすすめ枠の下。幅・角丸はおすすめ枠と同じ。アウトライン） */
.p-top-introduction-notice{margin:24px auto 0;max-width:800px;box-sizing:border-box;padding:24px 32px;border:2px solid #fff;border-radius:12px;color:#fff}
.p-top-introduction-notice__title{margin:0 0 12px;font-size:1.125rem;font-weight:700;line-height:1.6}
.p-top-introduction-notice__lead{margin:0;font-size:.9375rem;line-height:1.9;text-align:left}
.p-top-introduction-notice__list{margin:10px 0 0;padding:0;list-style:none;font-size:.8125rem;line-height:1.8}
.p-top-introduction-notice__list li{list-style:none;padding-left:1em;text-indent:-1em;margin-top:4px}
@media (max-width:768px){
  .p-top-introduction-notice{padding:20px}
}
/* 開催概要「対象」の注記 */
.p-top-overview-note{display:inline-block;margin-top:6px;font-size:.8125rem;line-height:1.7}
/* 主催・共催のロゴ表示（白いボックスは3つとも同じ大きさ） */
.p-top-sponsor__unit{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
.p-top-sponsor-group{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}
.p-top-sponsor-group__label{margin:0;color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.2em;line-height:1.4}
.p-top-sponsor-list--cohost{width:100%;justify-content:flex-start}
.p-top-sponsor-list02 .p-top-sponsor-list__item02 .p-top-sponsor-list__inner img[src*="ijigen"]{height:auto;width:220px;max-width:calc(100% - 48px)}
@media (max-width:768px){
  .p-top-sponsor__unit{gap:24px}
  .p-top-sponsor-list02 .p-top-sponsor-list__item02 .p-top-sponsor-list__inner img[src*="ijigen"]{width:120px;max-width:calc(100% - 24px)}
}
/* Session 1 の3人目：Coming Soon */
.p-top-badge-soon{display:inline-block;padding:4px 10px 5px;border-radius:100px;background:#f0fc0d;color:#001660;font-family:"Jost","Noto Sans JP",sans-serif;font-size:.75rem;font-weight:700;line-height:1.2;letter-spacing:.04em;white-space:nowrap}
.p-top-timetable-list__item .-body.is-special .-area-text-person li.is-comingsoon .-area-text-person-thumbnail{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#001660}
.p-top-timetable-list__item .-body.is-special .-area-text-person li.is-comingsoon .-main{margin-top:0;align-self:center}
.p-top-timetable-list__item .-body.is-special .-area-text-person li.is-comingsoon{align-items:center}
@media (max-width:1024px){
  .p-top-badge-soon{max-width:68px;padding:4px 10px 5px;border-radius:16px;font-size:.75rem;letter-spacing:0;white-space:normal;text-align:center;line-height:1.25}
  .p-top-timetable-list__item .-body.is-special .-area-text-person li.is-comingsoon .-main{letter-spacing:.02em;font-size:.9375rem}
  .p-top-timetable-list__item .-body.is-special .-area-text-person li.is-comingsoon .-main{grid-row:1/3;align-self:center}
}
@media (max-width:480px){
  .p-top-overview-co{display:block}
  .p-top-overview-sep{display:none}
}
.p-top-introduction-notice__title{text-wrap:balance}
.p-top-timetable-list__item .-body.is-special .-area-text-person li.is-comingsoon .-main{margin-left:-.5em}
@media (max-width:340px){.p-top-timetable-list__item .-body.is-special .-area-text-person li.is-comingsoon .-main{font-size:.8125rem;letter-spacing:0;white-space:nowrap}}
.u-keep{white-space:nowrap}