/* ux ページ（UXデザイン）。下の大半は research/tools/bubble2tpl.py が本番の DOM から起こした（research/convert/ux.json）。
 * 基準 = 1240 幅、@media (max-width: 759.98px) = 本番の「幅 < 760」、(max-width: 499.98px) = 「幅 < 500」。
 * 実測と突き合わせは measured/ux.md。直すときは設定と build.sh で起こし直す（この頭の部分だけ手書き）。
 *
 * ポップアップ（Popup exe）: 本番は Group F → 型 1（カスタマージャーニーマップの例）、Group E → 型 3（570 interview）。
 *   覆い = 画面全体に固定・rgba(0,0,0,.7)・z 2002。箱 = ページの中で absolute・開いた時のスクロール位置 ＋ 50・
 *   幅 calc(100% - 20px)・最大 800・最小 300・中央。閉じる = 箱の中の「閉じる」（Group K）と Esc
 */
.ux-grey { position: fixed; inset: 0; z-index: 2002; background: rgba(0, 0, 0, 0.7); }
.ux-grey[hidden], .ux-pop[hidden] { display: none !important; }
.bb.ux-pop { position: absolute; z-index: 2002; left: 0; right: 0; }

/* ポップアップの見出しは幅 < 500 で 20px（定義 cmTrV の条件。本番はポップアップを開く時の実際の窓の幅で決まるので、
 * ページ幅の偽装では採寸できなかった＝定義から起こした・未実測） */
@media (max-width: 499.98px) { .bb .p1-TraV, .bb .p3-TraV { font-size: 20px; } }

/* ---------------------------------------------------------------- 生成 */
.bb.u-TaUl { background-color: rgb(255, 255, 255); min-width: 0px; min-height: max(0px, 100%); width: 100%; margin-right: auto; margin-left: auto; position: relative; z-index: 2; height: max-content; flex-shrink: 0; justify-content: flex-start; }
.bb .u-TaUp { overflow: visible; justify-content: flex-start; border-radius: 0px; padding: 20px; align-self: center; min-width: 0px; max-width: 1080px; order: 2; min-height: 100px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 120px 0px 0px; z-index: 2; }
@media (max-width: 759.98px) { .bb .u-TaUp { max-height: unset; } }
@media (max-width: 499.98px) { .bb .u-TaUp { margin-top: 20px; } }
.bb .u-ea81d7ac { align-self: flex-start; min-width: 20px; max-width: 20px; order: 1; width: 20px; flex-grow: 1; margin: 0px; z-index: 2; height: 20px; }
.bb .u-TaVm { display: none; }
@media (max-width: 499.98px) { .bb .u-TaVm { visibility: unset; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; display: flex; } }
.bb .u-TaUq { overflow: visible; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5; }
.bb .u-TaUv { border-radius: 0px; place-self: center; min-width: 0px; width: calc(100% + 0px); height: max-content; margin: 0px; z-index: 0; }
@media (max-width: 499.98px) { .bb .u-TaUv { visibility: hidden; display: none; } }
.bb .u-TaUr { overflow: visible; justify-content: center; border-radius: 20px; place-self: center; min-width: 0px; max-width: 630px; min-height: 0px; width: calc(100% + 0px); height: max-content; margin: 0px; z-index: 1; background-color: rgb(255, 255, 255); }
.bb .u-TaUt { border-radius: 0px; align-self: center; min-width: 120px; max-width: 120px; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: 120px; margin: 50px 0px 0px; z-index: 3; }
.bb .u-TaUs { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 24px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 2; padding: 0px 10px; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 30px 0px; z-index: 2; }
.bb .u-TaUs > .tv { display: none; } .bb .u-TaUs > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .u-TaUs > .tv { display: none; } .bb .u-TaUs > .tv1 { display: inline; } }
.bb .u-TaUu { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 50px; z-index: 4; }
@media (max-width: 759.98px) { .bb .u-TaUu { max-width: unset; max-height: unset; } }
@media (max-width: 499.98px) { .bb .u-TaUu { font-size: 15px; text-align: unset; margin-bottom: 0px; } }
.bb .u-TaUu > .tv { display: none; } .bb .u-TaUu > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .u-TaUu > .tv { display: none; } .bb .u-TaUu > .tv1 { display: inline; } }
.bb .u-TaUw { border-radius: 0px; align-self: center; min-width: 15px; max-width: 15px; order: 5; height: max-content; flex-grow: 0; flex-shrink: 0; width: 15px; margin: 50px 0px; z-index: 6; }
.bb .u-TaVaK { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 30px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 6; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 30px 0px; z-index: 5; }
@media (max-width: 499.98px) { .bb .u-TaVaK { font-size: 25px; } }
.bb .u-UaBr { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 18px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; max-width: 760px; order: 7; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 30px; z-index: 43; }
@media (max-width: 499.98px) { .bb .u-UaBr { font-size: 15px; } }
.bb .u-Tva { overflow: visible; justify-content: flex-start; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; padding: 20px 0px; align-self: center; min-width: 0px; max-width: 760px; order: 8; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px 20px 10px; z-index: 42; }
@media (max-width: 759.98px) { .bb .u-Tva { padding: 0px 0px 20px; } }
.bb .u-TzaZ { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 25; }
.bb .u-Tzp { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: stretch; min-width: 250px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: auto; margin: 0px; z-index: 28; }
@media (max-width: 759.98px) { .bb .u-Tzp { visibility: hidden; display: none; } }
.bb .u-Tzh { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: stretch; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: auto; margin: 0px 0px 0px 30px; z-index: 26; }
.bb .u-UaAy { border-radius: 0px; align-self: center; min-width: 3px; max-width: 3px; order: 1; min-height: 50px; height: 50px; flex-grow: 1; width: 3px; margin: 0px; z-index: 26; }
.bb .u-TzaR { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 35px; margin: 0px; z-index: 6; }
@media (max-width: 499.98px) { .bb .u-TzaR { visibility: hidden; display: none; } }
.bb .u-Tze { border-radius: 0px; align-self: center; min-width: 3px; max-width: 3px; order: 3; min-height: 50px; height: 50px; flex-grow: 1; width: 3px; margin: 0px 0px -2px; z-index: 25; background-color: var(--color_primary_default); }
.bb .u-Tzm { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 27; }
.bb .u-TzaU { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 7; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 24; }
.bb .u-UaBaB { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaB { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 10px 0px 0px 10px; z-index: 29; display: flex; } }
@media (max-width: 499.98px) { .bb .u-UaBaB { display: flex; } }
.bb .u-UaBaE { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaE { border-radius: 0px; align-self: flex-start; min-width: 35px; max-width: 35px; order: 1; width: 35px; flex-grow: 1; height: max-content; margin: 0px; z-index: 6; display: flex; } }
@media (max-width: 499.98px) { .bb .u-UaBaE { display: flex; } }
.bb .u-UaBaH { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaH { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 27; display: block; } }
@media (max-width: 499.98px) { .bb .u-UaBaH { display: block; } }
.bb .u-TzaH { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 22; }
.bb .u-Tyu { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 20; }
.bb .u-Tvj { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4; }
.bb .u-Tvd { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-Tvg { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-Tvo { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 5; }
.bb .u-Tvq { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-Tvr { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-Tvr > .tv { display: none; } .bb .u-Tvr > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .u-Tvr > .tv { display: none; } .bb .u-Tvr > .tv1 { display: inline; } }
.bb .u-TaVz { overflow: visible; justify-content: flex-end; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 5px; padding: 0px 10px; align-self: center; min-width: 0px; max-width: 150px; order: 2; min-height: 40px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 30px 0px 10px; z-index: 2; }
@media (max-width: 759.98px) { .bb .u-TaVz { max-height: unset; margin-right: 10px; } }
.bb .u-TaWaF { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 12px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 10px; z-index: 3; }
.bb .u-778d7b4e { align-self: center; min-width: 20px; max-width: 20px; order: 3; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-TzaM { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 23; }
.bb .u-Tyz { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 100px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 21; }
.bb .u-TwaD { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6; }
.bb .u-TwaF { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-TwaG { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-Tvt { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 6; }
.bb .u-Tvv { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-Tvw { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-Tvw > .tv { display: none; } .bb .u-Tvw > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .u-Tvw > .tv { display: none; } .bb .u-Tvw > .tv1 { display: inline; } }
.bb .u-TaWaL { overflow: visible; justify-content: flex-start; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 5px; padding: 0px 10px; align-self: center; min-width: 0px; max-width: 150px; order: 2; min-height: 40px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 30px 0px 10px; z-index: 3; }
@media (max-width: 759.98px) { .bb .u-TaWaL { max-height: unset; margin-right: 10px; } }
.bb .u-TaWh { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 12px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 10px; z-index: 5; }
.bb .u-4ccc7bfa { align-self: center; min-width: 20px; max-width: 20px; order: 4; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-TwaI { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 0px; z-index: 7; background-color: rgb(164, 193, 215); }
.bb .u-UaAaJ { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 30; }
.bb .u-UaAaB { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: stretch; min-width: 250px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: auto; margin: 0px; z-index: 29; }
@media (max-width: 759.98px) { .bb .u-UaAaB { visibility: hidden; display: none; } }
.bb .u-UaAaD { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: stretch; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: auto; margin: 0px 0px 0px 30px; z-index: 26; }
.bb .u-UaAv { border-radius: 0px; align-self: center; min-width: 3px; max-width: 3px; order: 1; min-height: 50px; height: 50px; flex-grow: 1; width: 3px; margin: 0px; z-index: 26; background-color: var(--color_primary_default); }
.bb .u-UaAaE { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 35px; margin: 0px; z-index: 6; }
@media (max-width: 499.98px) { .bb .u-UaAaE { visibility: hidden; display: none; } }
.bb .u-UaAaF { border-radius: 0px; align-self: center; min-width: 3px; max-width: 3px; order: 3; min-height: 50px; height: 50px; flex-grow: 1; width: 3px; margin: 0px 0px -2px; z-index: 25; background-color: var(--color_primary_default); }
.bb .u-UaAaG { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 27; }
.bb .u-Tzu { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 26; }
.bb .u-UaBaL { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaL { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 10px 0px 0px 10px; z-index: 30; display: flex; } }
@media (max-width: 499.98px) { .bb .u-UaBaL { display: flex; } }
.bb .u-UaBaO { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaO { border-radius: 0px; align-self: flex-start; min-width: 35px; max-width: 35px; order: 1; width: 35px; flex-grow: 1; height: max-content; margin: 0px; z-index: 6; display: flex; } }
@media (max-width: 499.98px) { .bb .u-UaBaO { display: flex; } }
.bb .u-UaBaN { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaN { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 27; display: block; } }
@media (max-width: 499.98px) { .bb .u-UaBaN { display: block; } }
.bb .u-TwaL { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 8; }
.bb .u-TwaN { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; background-color: var(--color_alert_default); }
.bb .u-TwaO { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-TwaQ { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 9; }
.bb .u-TwaS { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; background-color: var(--color_alert_default); }
.bb .u-TwaT { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-TwaT > .tv { display: none; } .bb .u-TwaT > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .u-TwaT > .tv { display: none; } .bb .u-TwaT > .tv1 { display: inline; } }
.bb .u-TwaV { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 10; }
.bb .u-TwaX { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; background-color: var(--color_alert_default); }
.bb .u-TwaY { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-Twa { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 6; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 11; }
.bb .u-Twc { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-Twd { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-Twd > .tv { display: none; } .bb .u-Twd > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .u-Twd > .tv { display: none; } .bb .u-Twd > .tv1 { display: inline; } }
.bb .u-Twf { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 0px; z-index: 12; background-color: rgb(164, 193, 215); }
.bb .u-UaAi { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 32; }
.bb .u-UaAaY { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: stretch; min-width: 250px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: auto; margin: 0px; z-index: 30; }
@media (max-width: 759.98px) { .bb .u-UaAaY { visibility: hidden; display: none; } }
.bb .u-UaAa { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: stretch; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: auto; margin: 0px 0px 0px 30px; z-index: 26; }
.bb .u-UaAc { border-radius: 0px; align-self: center; min-width: 3px; max-width: 3px; order: 1; min-height: 50px; height: 50px; flex-grow: 1; width: 3px; margin: 0px; z-index: 25; background-color: var(--color_primary_default); }
.bb .u-UaAb { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 35px; margin: 0px; z-index: 6; }
@media (max-width: 499.98px) { .bb .u-UaAb { visibility: hidden; display: none; } }
.bb .u-UaAs { border-radius: 0px; align-self: center; min-width: 3px; max-width: 3px; order: 3; min-height: 50px; height: 50px; flex-grow: 1; width: 3px; margin: 0px 0px -2px; z-index: 26; }
.bb .u-UaAd { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 27; }
.bb .u-UaAaO { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 31; }
.bb .u-UaBaS { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaS { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 10px 0px 0px 10px; z-index: 31; display: flex; } }
@media (max-width: 499.98px) { .bb .u-UaBaS { display: flex; } }
.bb .u-UaBaV { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaV { border-radius: 0px; align-self: flex-start; min-width: 35px; max-width: 35px; order: 1; width: 35px; flex-grow: 1; height: max-content; margin: 0px; z-index: 6; display: flex; } }
@media (max-width: 499.98px) { .bb .u-UaBaV { display: flex; } }
.bb .u-UaBaU { display: none; }
@media (max-width: 759.98px) { .bb .u-UaBaU { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 14px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 27; display: block; } }
@media (max-width: 499.98px) { .bb .u-UaBaU { display: block; } }
.bb .u-Twi { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 13; }
.bb .u-Twk { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-Twl { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-Twn { overflow: visible; justify-content: flex-start; border-radius: 0px; padding: 5px 0px 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 50px; max-height: 50px; height: 50px; flex-grow: 1; width: calc(100% - 47px); margin: 0px 30px 0px 17px; z-index: 14; }
@media (max-width: 759.98px) { .bb .u-Twn { width: calc(100% - 27px); max-width: unset; margin-right: 10px; } }
.bb .u-TxaZ { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px; align-self: flex-start; min-width: 20px; max-width: 20px; order: 3; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 5px 0px 0px; z-index: 4; background-color: var(--color_alert_default); }
.bb .u-Twv { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 5; }
.bb .u-Twq { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-a4473c0b { align-self: center; min-width: 20px; max-width: 20px; order: 2; min-height: 20px; max-height: 20px; height: 20px; flex-grow: 1; width: 20px; margin: -2px 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-TxaU { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 6; }
.bb .u-TxaW { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-ae9dd9eb { align-self: center; min-width: 20px; max-width: 20px; order: 2; min-height: 20px; max-height: 20px; height: 20px; flex-grow: 1; width: 20px; margin: -2px 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-TxaK { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 6; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 6; }
.bb .u-TxaM { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-1e0cc4b0 { align-self: center; min-width: 20px; max-width: 20px; order: 2; min-height: 20px; max-height: 20px; height: 20px; flex-grow: 1; width: 20px; margin: -2px 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-Txd { overflow: visible; justify-content: flex-start; border-radius: 0px; padding: 5px 0px 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 50px; max-height: 50px; height: 50px; flex-grow: 1; width: calc(100% - 47px); margin: 0px 30px 0px 17px; z-index: 15; }
@media (max-width: 759.98px) { .bb .u-Txd { width: calc(100% - 27px); max-width: unset; margin-right: 10px; } }
.bb .u-Txo { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px; align-self: flex-start; min-width: 20px; max-width: 20px; order: 3; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 5px 0px 0px; z-index: 4; background-color: var(--color_alert_default); }
.bb .u-Txf { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 5; }
.bb .u-Txg { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-75c6dd99 { align-self: center; min-width: 20px; max-width: 20px; order: 2; min-height: 20px; max-height: 20px; height: 20px; flex-grow: 1; width: 20px; margin: -2px 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-Txl { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 6; }
.bb .u-Txm { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-af742ef6 { align-self: center; min-width: 20px; max-width: 20px; order: 2; min-height: 20px; max-height: 20px; height: 20px; flex-grow: 1; width: 20px; margin: -2px 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-Txi { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 6; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 6; }
.bb .u-Txj { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-f9f2ef00 { align-self: center; min-width: 20px; max-width: 20px; order: 2; min-height: 20px; max-height: 20px; height: 20px; flex-grow: 1; width: 20px; margin: -2px 0px; z-index: 4; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: var(--color_primary_default); border-radius: 4px; }
.bb .u-Txq { overflow: visible; justify-content: flex-start; border-radius: 0px; padding: 5px 0px 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 50px; max-height: 50px; height: 50px; flex-grow: 1; width: calc(100% - 47px); margin: 0px 30px 0px 17px; z-index: 16; }
@media (max-width: 759.98px) { .bb .u-Txq { width: calc(100% - 27px); max-width: unset; margin-right: 10px; } }
.bb .u-TyaB { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px; align-self: flex-start; min-width: 20px; max-width: 20px; order: 3; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 5px 0px 0px; z-index: 4; background-color: var(--color_alert_default); }
.bb .u-Txs { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 5; }
.bb .u-Txt { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-Txy { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 6; }
.bb .u-Txz { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-Txv { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 6; min-height: 45px; max-height: 45px; width: 0px; flex-grow: 1; height: 45px; margin: 0px 0px 0px 15px; z-index: 6; }
.bb .u-Txw { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1; padding: 10px; border-radius: 0px; align-self: center; min-width: 0px; max-width: 120px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; background-color: rgb(230, 239, 244); }
.bb .u-TyaD { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 6; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 17; }
.bb .u-TyaF { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-TyaG { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-TyaI { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 7; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 18; }
.bb .u-TyaK { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-TyaL { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-TyaL > .tv { display: none; } .bb .u-TyaL > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .u-TyaL > .tv { display: none; } .bb .u-TyaL > .tv1 { display: inline; } }
.bb .u-TyaN { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 8; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 17px); margin: 0px 0px 0px 17px; z-index: 19; }
.bb .u-TyaP { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 2; }
.bb .u-TyaQ { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); letter-spacing: 2px; line-height: 1.3; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: max-content; margin: 0px 0px 0px 15px; z-index: 3; }
.bb .u-TaVw { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 760px; order: 10; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px; z-index: 20; }
.bb .u-TaWc { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 8; }
.bb .u-TaWaX { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-end; min-width: 160px; order: 4; min-height: 27px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 7; }
.bb .u-TaWaU { border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 6; background-color: var(--color_alert_default); }
.bb .u-TaWaR { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 10px; z-index: 5; }
.bb .u-UaBf { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-end; min-width: 160px; order: 5; min-height: 27px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 9; }
.bb .u-UaBi { border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 20px; max-width: 20px; order: 1; min-height: 20px; max-height: 20px; width: 20px; flex-grow: 1; height: 20px; margin: 0px; z-index: 6; background-color: var(--color_background_default); }
.bb .u-UaBh { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 10px; z-index: 5; }
.bb .u-TaVaJ { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 13; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 80px 0px; z-index: 8; background-color: rgb(164, 193, 215); }
.bb .u-TaVt { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 30px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 14; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 30px 0px; z-index: 19; }
@media (max-width: 499.98px) { .bb .u-TaVt { font-size: 25px; } }
.bb .u-TaWz { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 18px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; max-width: 760px; order: 15; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 30px; z-index: 23; }
@media (max-width: 759.98px) { .bb .u-TaWz { max-height: unset; } }
@media (max-width: 499.98px) { .bb .u-TaWz { font-size: 15px; margin-bottom: 60px; } }
.bb .u-TaXaJ { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 760px; order: 16; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px; z-index: 26; }
.bb .u-TaWk { border-radius: 0px; align-self: center; min-width: 0px; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 21; }
.bb .u-TaXaW { overflow: visible; justify-content: space-between; border-radius: 0px; align-self: center; min-width: 0px; max-width: 760px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px; z-index: 28; }
.bb .u-TaXaY { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 45px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 25; }
.bb .u-TaXb { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 45px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 27; }
.bb .u-TaXaZ { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 10px; font-weight: 500; color: rgb(146, 146, 146); line-height: 2; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 45px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 26; }
@media (max-width: 759.98px) { .bb .u-TaXaZ { max-width: unset; max-height: unset; } }
@media (max-width: 499.98px) { .bb .u-TaXaZ { margin-top: 20px; } }
.bb .u-TaXaC { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 19; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 80px 0px; z-index: 24; background-color: rgb(164, 193, 215); }
.bb .u-TtaR { border-radius: 0px; align-self: center; min-width: 80px; max-width: 80px; order: 20; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80px; margin: 0px 0px 10px; z-index: 41; }
.bb .u-TaWw { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 30px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 21; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 30px 0px; z-index: 22; }
@media (max-width: 499.98px) { .bb .u-TaWw { font-size: 25px; } }
.bb .u-TaVq { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 18px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; max-width: 760px; order: 22; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 30px; z-index: 18; }
@media (max-width: 759.98px) { .bb .u-TaVq { max-height: unset; } }
@media (max-width: 499.98px) { .bb .u-TaVq { font-size: 15px; margin-bottom: 60px; } }
.bb .u-TaXe { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 20px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 23; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 30px 0px 0px; z-index: 27; }
.bb .u-TaVaQ { overflow: visible; justify-content: flex-start; row-gap: 0px; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; padding: 20px; align-self: center; min-width: 0px; max-width: 760px; order: 24; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px; z-index: 13; }
.bb .u-TaXk { border-radius: 0px; align-self: flex-start; min-width: 320px; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 2; }
.bb .u-TaYaF { overflow: visible; justify-content: space-between; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px 0px; z-index: 5; }
.bb .u-TaXn { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 3; }
.bb .u-TaXq { white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 13px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 2; }
.bb .u-TaXt { border-radius: 0px; align-self: flex-start; min-width: 80px; max-width: 80px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80px; margin: 5px 0px 5px 10px; z-index: 3; }
.bb .u-TaXw { white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 10px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; }
.bb .u-TaXz { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 4; }
.bb .u-TaYaB { white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 13px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 2; }
.bb .u-TaYaC { border-radius: 0px; align-self: flex-start; min-width: 80px; max-width: 80px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80px; margin: 5px 0px 5px 10px; z-index: 3; }
.bb .u-TaYaD { white-space: pre-wrap; overflow: visible; font-family: var(--font_default); font-size: 10px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 4; }
.bb.p1-TmaY { justify-content: flex-start; visibility: unset; border-radius: 3px; padding: 20px; left: 0px; right: 0px; z-index: 2002; margin-left: auto; margin-right: auto; width: calc(100% - 20px); height: auto; overflow-y: auto; grid-template-rows: minmax(100%, max-content); min-width: 300px; max-width: 800px; min-height: 0px; bottom: unset; box-shadow: rgb(0, 0, 0) 2px 2px 4px 0px; background-color: rgb(230, 239, 244); top: 50px; position: absolute; filter: none; }
.bb .p1-TraV { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 30px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 1; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px; z-index: 6; }
.bb .p1-TraY { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 15px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 7; }
.bb .p1-Tpm { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 30px 0px 0px; z-index: 5; }
.bb .p1-Tmb { overflow: visible; justify-content: center; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 5px; padding: 0px 10px; align-self: center; min-width: 0px; order: 7; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 0px; z-index: 4; background-color: rgb(255, 255, 255); }
.bb .p1-Tme { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 10px; z-index: 3; }
.bb.p3-TmaY { justify-content: flex-start; visibility: unset; border-radius: 3px; padding: 20px; left: 0px; right: 0px; z-index: 2002; margin-left: auto; margin-right: auto; width: calc(100% - 20px); height: auto; overflow-y: auto; grid-template-rows: minmax(100%, max-content); min-width: 300px; max-width: 800px; min-height: 0px; bottom: unset; box-shadow: rgb(0, 0, 0) 2px 2px 4px 0px; background-color: rgb(230, 239, 244); top: 340px; position: absolute; filter: none; }
.bb .p3-TraV { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 30px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 1; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px; z-index: 6; }
.bb .p3-TraY { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 15px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 7; }
.bb .p3-Tpm { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 30px 0px 0px; z-index: 5; visibility: hidden; display: none; }
.bb .p3-UaBaY { overflow: visible; border-radius: 0px; align-self: center; min-width: 0px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 10; }
.bb .p3-Unk { border-radius: 0px; place-self: center; min-width: 0px; width: calc(100% + 0px); height: max-content; margin: 20px 0px 0px; z-index: 2; box-shadow: 2px 2px 4px 0px var(--color_background_default); }
.bb .p3-Tmb { overflow: visible; justify-content: center; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 5px; padding: 0px 10px; align-self: center; min-width: 0px; order: 7; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 0px; z-index: 4; background-color: rgb(255, 255, 255); }
.bb .p3-Tme { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_primary_default); line-height: 1.4; border-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 10px; z-index: 3; }