/* app ページ（WEBアプリ）。下の大半は research/tools/bubble2tpl.py が本番の DOM から起こした（research/convert/app.json）。
 * 基準 = 1240 幅、@media (max-width: 599.98px) = 本番の「幅 < 600」、(max-width: 499.98px) = 「幅 < 500」。
 * 幅 < 500 では3つの列（気軽なアプリ制作・プロトタイプ制作・リデザイン）がタブになる（本番のページの状態 app_tab）。
 *   タブの切り替えは根の data-tab（1〜3）。2・3 の差は本番でタブを押した状態の DOM から起こした
 * 事例枠（RepeatingGroup B・D・E・C）= 事例 1〜4 の作品を作った新しい順に3つ（表示しない作品は出さない＝峯岸さん 2026-10-05）
 * 実測と突き合わせは measured/app.md。直すときは設定と build.sh で起こし直す（この頭の部分だけ手書き）。
 */

/* hp_footer: app に置いた hp_footer は下の余白 40（本番のこのページの CustomElement cmTZM の margin_bottom）。
 * _hp_footer.html は ux の置き方（余白 0）で起こしてあるので、ここで足す */
.bb.hf-TaVl { margin-bottom: 40px; }

/* ---------------------------------------------------------------- 生成 */
.bb.a-TaYaN { 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 .a-TaYaQ { overflow: visible; justify-content: flex-start; border-radius: 0px; padding: 20px; align-self: center; min-width: 0px; max-width: 1080px; order: 1; min-height: 100px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 120px 0px 0px; z-index: 2; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TaYaQ { margin-top: 20px; } }
.bb .a-ee88e7c3 { align-self: flex-start; min-width: 20px; max-width: 20px; order: 1; width: 20px; flex-grow: 1; margin: 0px; z-index: 4; height: 20px; }
.bb .a-TaZaN { display: none; }
@media (max-width: 499.98px) { .bb .a-TaZaN { 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 .a-TaYaR { 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 .a-TaYaW { border-radius: 0px; place-self: center; min-width: 0px; width: calc(100% + 0px); height: max-content; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-TaYaW { visibility: hidden; display: none; } }
.bb .a-TaYaS { 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: 4; background-color: rgb(255, 255, 255); }
.bb .a-TaYaU { border-radius: 0px; align-self: center; min-width: 150px; max-width: 150px; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: 150px; margin: 50px 0px 0px; z-index: 3; }
.bb .a-TaYaT { 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 .a-TaYaT > .tv { display: none; } .bb .a-TaYaT > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .a-TaYaT > .tv { display: none; } .bb .a-TaYaT > .tv1 { display: inline; } }
.bb .a-TaYaV { 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; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TaYaV { font-size: 15px; text-align: unset; margin-bottom: 0px; } }
.bb .a-TaYaV > .tv { display: none; } .bb .a-TaYaV > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .a-TaYaV > .tv { display: none; } .bb .a-TaYaV > .tv1 { display: inline; } }
.bb .a-TaYaX { 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 .a-TaYn { 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: auto; margin: 30px 0px; z-index: 9; }
@media (max-width: 499.98px) { .bb .a-TaYn { font-size: 25px; } }
.bb .a-ToaS { display: none; }
@media (max-width: 499.98px) { .bb .a-ToaS { overflow: visible; justify-content: flex-start; gap: 0px 5px; visibility: unset; border-radius: 0px; padding: 0px 20px; align-self: center; min-width: 0px; order: 7; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 34; display: flex; } }
.bb .a-ToaV { display: none; }
@media (max-width: 499.98px) { .bb .a-ToaV { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px 10px 0px 0px; align-self: flex-start; min-width: 0px; order: 1; min-height: 45px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 2; background-color: var(--color_primary_default); display: flex; } }
@media (max-width: 499.98px) { .bb[data-tab="2"] .a-ToaV { background: none rgb(164, 193, 215); background-color: unset; } }
@media (max-width: 499.98px) { .bb[data-tab="3"] .a-ToaV { background: none rgb(164, 193, 215); background-color: unset; } }
.bb .a-Tob { display: none; }
@media (max-width: 499.98px) { .bb .a-Tob { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px 10px 0px 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 45px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 3; background-color: rgb(164, 193, 215); display: flex; } }
@media (max-width: 499.98px) { .bb[data-tab="2"] .a-Tob { background-color: var(--color_primary_default); background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; } }
@media (max-width: 499.98px) { .bb[data-tab="3"] .a-Tob { background: none rgb(164, 193, 215); background-color: unset; } }
.bb .a-Toe { display: none; }
@media (max-width: 499.98px) { .bb .a-Toe { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px 10px 0px 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 45px; width: 0px; flex-grow: 1; height: max-content; margin: 0px; z-index: 4; background-color: rgb(164, 193, 215); display: flex; } }
@media (max-width: 499.98px) { .bb[data-tab="3"] .a-Toe { background-color: var(--color_primary_default); background-image: none; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; } }
.bb .a-TaZaX { overflow: visible; justify-content: center; border-radius: 0px; align-self: center; min-width: 0px; max-width: 960px; order: 8; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px; z-index: 18; }
@media (max-width: 499.98px) { .bb .a-TaZaX { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background: none rgb(230, 239, 244); } }
.bb .a-TaZa { overflow: visible; justify-content: flex-start; border-radius: 0px; border-left-style: dashed; border-left-width: 1px; border-left-color: var(--color_primary_default); padding: 20px; align-self: stretch; min-width: 0px; order: 1; min-height: 0px; width: 0px; flex-grow: 1; height: auto; margin: 0px; z-index: 2; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TaZa { min-width: 350px; width: 350px; border-left: unset; margin-top: 50px; } }
@media (max-width: 499.98px) { .bb[data-tab="2"] .a-TaZa { min-width: 0px; width: 0px; visibility: hidden; display: none; border-left: unset; margin-top: unset; } }
@media (max-width: 499.98px) { .bb[data-tab="3"] .a-TaZa { min-width: 0px; width: 0px; visibility: hidden; display: none; border-left: unset; margin-top: unset; } }
.bb .a-TaZd { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: 35px; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-TaZd { visibility: hidden; display: none; } }
.bb .a-TaZg { 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; padding: 5px 20px; border-radius: 10px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 30px; z-index: 3; max-width: unset; max-height: unset; background-color: rgb(255, 255, 255); }
@media (max-width: 499.98px) { .bb .a-TaZg { font-size: 15px; margin-top: -20px; } }
.bb .a-TaZj { 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: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4; }
.bb .a-TaZp { 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% - 20px); margin: 0px 0px 0px 20px; z-index: 5; }
.bb .a-TaaB { overflow: visible; justify-content: flex-start; 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: 50px 0px 0px; z-index: 4; }
.bb .a-TaaM { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 5px 0px 0px; z-index: 5; }
.bb .a-TaZv { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 1; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 2; background-color: var(--color_alert_default); }
.bb .a-TaaY { border-radius: 0px; align-self: center; min-width: 2px; max-width: 2px; order: 2; min-height: 30px; max-height: 30px; height: 30px; flex-grow: 1; width: 2px; margin: 0px; z-index: 6; background-color: var(--color_primary_default); }
.bb .a-TaaJ { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 3; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 4; background-color: var(--color_alert_default); }
.bb .a-TaaS { border-radius: 0px; align-self: center; min-width: 2px; max-width: 2px; order: 4; min-height: 30px; max-height: 30px; height: 30px; flex-grow: 1; width: 2px; margin: 0px; z-index: 5; background-color: var(--color_primary_default); }
.bb .a-TaaG { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 5; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 4; }
.bb .a-Tah { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 7; }
.bb .a-TaZy { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; 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: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; }
.bb .a-Tae { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; 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: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px 0px; z-index: 6; }
.bb .a-Tab { 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.5; 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: 23px 0px 0px; z-index: 6; }
.bb .a-Tan { overflow: visible; justify-content: flex-start; border-radius: 0px; border-left-style: dashed; border-left-width: 1px; border-left-color: var(--color_primary_default); padding: 20px; align-self: stretch; min-width: 0px; order: 2; min-height: 0px; width: 0px; flex-grow: 1; height: auto; margin: 0px; z-index: 3; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-Tan { visibility: hidden; display: none; } }
@media (max-width: 499.98px) { .bb[data-tab="2"] .a-Tan { min-width: 350px; width: 350px; border-left: unset; margin-top: 50px; display: flex; visibility: unset; } }
.bb .a-Tap { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: 35px; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-Tap { visibility: hidden; display: none; } }
.bb .a-Taq { 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; padding: 5px 20px; border-radius: 10px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 30px; z-index: 3; max-width: unset; max-height: unset; background-color: rgb(255, 255, 255); }
@media (max-width: 499.98px) { .bb .a-Taq { font-size: 15px; margin-top: -20px; } }
.bb .a-Tar { 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: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4; }
.bb .a-Tas { 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% - 20px); margin: 0px 0px 0px 20px; z-index: 5; }
.bb .a-Tat { overflow: visible; justify-content: flex-start; 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: 50px 0px 0px; z-index: 4; }
.bb .a-Tau { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 5px 0px 0px; z-index: 5; }
.bb .a-Tav { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 1; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 2; background-color: var(--color_alert_default); }
.bb .a-Taz { border-radius: 0px; align-self: center; min-width: 2px; max-width: 2px; order: 2; min-height: 30px; max-height: 30px; height: 30px; flex-grow: 1; width: 2px; margin: 0px; z-index: 6; background-color: var(--color_primary_default); }
.bb .a-Tax { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 3; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 4; background-color: var(--color_alert_default); }
.bb .a-Tay { border-radius: 0px; align-self: center; min-width: 2px; max-width: 2px; order: 4; min-height: 30px; max-height: 30px; height: 30px; flex-grow: 1; width: 2px; margin: 0px; z-index: 5; background-color: var(--color_primary_default); }
.bb .a-TbaO { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 5; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 8; }
.bb .a-TbaL { border-radius: 0px; align-self: center; min-width: 2px; max-width: 2px; order: 6; min-height: 30px; max-height: 30px; height: 30px; flex-grow: 1; width: 2px; margin: 0px; z-index: 7; background-color: var(--color_primary_default); }
.bb .a-Taw { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 7; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 4; }
.bb .a-TbaA { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 7; }
.bb .a-TbaB { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; 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: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; }
.bb .a-TbaD { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; 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: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px 0px; z-index: 6; }
.bb .a-TbaC { 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.5; 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: 22px 0px 0px; z-index: 6; }
.bb .a-TbaI { 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.5; 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: 25px 0px 0px; z-index: 7; }
.bb .a-TbaF { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 8px; font-weight: 500; color: var(--color_primary_default); line-height: 2; border-radius: 0px; align-self: center; min-width: 0px; order: 5; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px 0px; z-index: 6; }
.bb .a-TbaR { overflow: visible; justify-content: flex-start; border-radius: 0px 1px 0px 0px; border-right-style: dashed; border-right-width: 1px; border-right-color: var(--color_primary_default); border-left-style: dashed; border-left-width: 1px; border-left-color: var(--color_primary_default); padding: 20px; align-self: stretch; min-width: 0px; order: 3; min-height: 0px; width: 0px; flex-grow: 1; height: auto; margin: 0px; z-index: 4; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TbaR { visibility: hidden; display: none; } }
@media (max-width: 499.98px) { .bb[data-tab="3"] .a-TbaR { min-width: 350px; width: 350px; border-right: unset; border-left: unset; margin-top: 50px; display: flex; visibility: unset; } }
.bb .a-TbaT { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 1; height: max-content; flex-grow: 0; flex-shrink: 0; width: 35px; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-TbaT { visibility: hidden; display: none; } }
.bb .a-TbaU { 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; padding: 5px 20px; border-radius: 10px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 30px; z-index: 3; max-width: unset; max-height: unset; background-color: rgb(255, 255, 255); }
@media (max-width: 499.98px) { .bb .a-TbaU { font-size: 15px; margin-top: -20px; } }
.bb .a-TbaV { 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: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4; }
.bb .a-TbaW { 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% - 20px); margin: 0px 0px 0px 20px; z-index: 5; }
.bb .a-TbaX { overflow: visible; justify-content: flex-start; 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: 50px 0px 0px; z-index: 4; }
.bb .a-TbaY { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 5px 0px 0px; z-index: 5; }
.bb .a-TbaZ { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 1; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 2; background-color: var(--color_alert_default); }
.bb .a-Tbd { border-radius: 0px; align-self: center; min-width: 2px; max-width: 2px; order: 2; min-height: 30px; max-height: 30px; height: 30px; flex-grow: 1; width: 2px; margin: 0px; z-index: 6; background-color: var(--color_primary_default); }
.bb .a-Tbb { border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 10px; max-width: 10px; order: 3; min-height: 10px; max-height: 10px; height: 10px; flex-grow: 1; width: 10px; margin: 0px; z-index: 4; }
.bb .a-Tbg { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 15px; z-index: 7; }
.bb .a-Tbh { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; 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: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 3; }
.bb .a-Tbj { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; 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: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 20px 0px 0px; z-index: 6; }
.bb .a-Tcy { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 14; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 100px 0px; z-index: 19; background-color: rgb(164, 193, 215); }
.bb .a-TaYp { 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: 15; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px 0px 10px; z-index: 11; }
@media (max-width: 499.98px) { .bb .a-TaYp { font-size: 25px; } }
.bb .a-TaYp > .tv { display: none; } .bb .a-TaYp > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .a-TaYp > .tv { display: none; } .bb .a-TaYp > .tv1 { display: inline; } }
.bb .a-TdaB { overflow: visible; justify-content: flex-start; border-style: solid; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: center; min-width: 0px; max-width: 800px; order: 17; min-height: 280px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px 20px 100px; z-index: 24; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TdaB { border-style: unset; border-width: unset; border-color: unset; width: calc(100% + 0px); margin-left: 0px; margin-right: 0px; margin-bottom: 80px; } }
.bb .a-TdaL { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 50px 0px 0px; z-index: 26; }
.bb .a-TdaI { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 1; width: 35px; flex-grow: 1; height: max-content; margin: 0px; z-index: 6; }
.bb .a-TdaF { 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: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 25; }
@media (max-width: 499.98px) { .bb .a-TdaF { font-size: 25px; } }
.bb .a-TdaQ { 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; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 100px); margin: 20px 50px; z-index: 27; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TdaQ { font-size: 15px; width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; } }
.bb .a-TdaT { overflow: visible; justify-content: flex-start; border-style: dotted; border-width: 1px; border-color: var(--color_primary_default); border-radius: 10px; align-self: flex-start; min-width: 0px; order: 5; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 100px); margin: 20px 50px; z-index: 28; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TdaT { width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; } }
.bb .a-TdaW { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; 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: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 0px; z-index: 26; }
.bb .a-TeaF { overflow: visible; justify-content: space-between; gap: 0px 20px; border-radius: 0px; align-self: stretch; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 50px; z-index: 31; }
.bb .a-Tdm { 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: 29; }
.bb .a-Tdf { overflow: visible; border-radius: 25px; align-self: center; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 50px; margin: 0px; z-index: 27; background-color: rgb(230, 239, 244); }
.bb .a-Tdc { border-radius: 0px; place-self: center; min-width: 25px; max-width: 25px; width: 25px; height: max-content; margin: 0px; z-index: 26; }
.bb .a-Tdj { 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-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 5px 0px 0px; z-index: 28; }
.bb .a-Tdr { 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: 30; }
.bb .a-Tdt { overflow: visible; border-radius: 25px; align-self: center; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 50px; margin: 0px; z-index: 27; background-color: rgb(230, 239, 244); }
.bb .a-Tdu { border-radius: 0px; place-self: center; min-width: 25px; max-width: 25px; width: 25px; height: max-content; margin: 0px; z-index: 26; }
.bb .a-Tdv { 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-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 5px 0px 0px; z-index: 28; }
.bb .a-TeaK { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 31; }
.bb .a-TeaM { overflow: visible; border-radius: 25px; align-self: center; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 50px; margin: 0px; z-index: 27; background-color: rgb(230, 239, 244); }
.bb .a-TeaN { border-radius: 0px; place-self: center; min-width: 25px; max-width: 25px; width: 25px; height: max-content; margin: 0px; z-index: 26; }
.bb .a-TeaO { 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-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 5px 0px 0px; z-index: 28; }
.bb .a-TeaW { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 4; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 32; }
.bb .a-TeaY { overflow: visible; border-radius: 25px; align-self: center; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 50px; margin: 0px; z-index: 27; background-color: rgb(230, 239, 244); }
.bb .a-TeaZ { border-radius: 0px; place-self: center; min-width: 25px; max-width: 25px; width: 25px; height: max-content; margin: 0px; z-index: 26; }
.bb .a-Tea { 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-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 5px 0px 0px; z-index: 28; }
.bb .a-Tea > .tv { display: none; } .bb .a-Tea > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .a-Tea > .tv { display: none; } .bb .a-Tea > .tv1 { display: inline; } }
.bb .a-Tec { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 5; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 33; }
.bb .a-Tee { overflow: visible; border-radius: 25px; align-self: center; min-width: 50px; max-width: 50px; order: 1; min-height: 50px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 50px; margin: 0px; z-index: 27; background-color: rgb(230, 239, 244); }
.bb .a-Tef { border-radius: 0px; place-self: center; min-width: 25px; max-width: 25px; width: 25px; height: max-content; margin: 0px; z-index: 26; }
.bb .a-Teg { 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-radius: 0px; align-self: center; min-width: 0px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 5px 0px 0px; z-index: 28; }
.bb .a-Tei { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; order: 6; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 30px 0px 0px; z-index: 29; }
.bb .a-Tel { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 1; width: 35px; flex-grow: 1; height: max-content; margin: 0px; z-index: 6; }
.bb .a-Tek { 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: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 0px 0px 20px; z-index: 25; }
@media (max-width: 499.98px) { .bb .a-Tek { font-size: 25px; } }
.bb .a-Ten { 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; order: 7; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 100px); margin: 20px 50px 50px; z-index: 30; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-Ten { font-size: 15px; width: calc(100% - 40px); margin-left: 20px; margin-right: 20px; } }
.bb .a-TlaS { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 18; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 33; }
.bb .a-TlaV { 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: 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: 35; }
@media (max-width: 499.98px) { .bb .a-TlaV { font-size: 25px; } }
.bb .a-TmaA { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 600px; order: 7; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 30px 20px 100px; z-index: 37; }
.bb .a-TmaF { 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: 33; gap: 0px; grid-auto-rows: minmax(max-content, 180px); grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-auto-flow: row; overflow: auto; }
@media (max-width: 499.98px) { .bb .a-TmaF { grid-auto-rows: minmax(max-content, 100px); grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } }
.bb .a-dd3a84b5 { min-height: 180px; box-sizing: content-box; min-width: unset; justify-content: flex-start; }
@media (max-width: 499.98px) { .bb .a-dd3a84b5 { min-height: 100px; } }
.bb .a-UnaB { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 180px; order: 2; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 4; }
.bb .a-TmaQ { border-radius: 0px; align-self: center; min-width: 180px; max-width: 180px; order: 1; min-height: 180px; max-height: 180px; height: 180px; flex-grow: 1; width: 180px; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-TmaQ { min-width: 100px; max-width: 100px; min-height: 100px; max-height: 100px; height: 100px; width: 100px; } }
.bb .a-Umy { 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-radius: 0px; align-self: flex-start; min-width: 0px; order: 2; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 5px 0px 0px; z-index: 3; }
.bb .a-TaYv { overflow: visible; justify-content: center; border-radius: 0px; align-self: center; min-width: 0px; order: 19; min-height: 280px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 15; background-color: rgb(230, 239, 244); }
.bb .a-Teq { 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: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 100px 0px 0px; z-index: 26; }
@media (max-width: 499.98px) { .bb .a-Teq { font-size: 25px; } }
.bb .a-Teq > .tv { display: none; } .bb .a-Teq > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .a-Teq > .tv { display: none; } .bb .a-Teq > .tv1 { display: inline; } }
.bb .a-Teu { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; order: 8; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px 20px 100px; z-index: 27; }
.bb .a-TfaB { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 16px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: center; min-width: 180px; max-width: 180px; order: 2; min-height: 60px; height: max-content; flex-grow: 0; flex-shrink: 0; width: 180px; margin: 0px; z-index: 22; max-height: unset; background-color: rgb(255, 255, 255); }
@media (max-width: 499.98px) { .bb .a-TfaB { font-size: 13px; margin-left: 10px; margin-right: 10px; } }
.bb .a-Tfh { border-radius: 0px; align-self: center; min-width: 20px; max-width: 20px; order: 3; height: max-content; flex-grow: 0; flex-shrink: 0; width: 20px; margin: 15px 0px; z-index: 5; }
.bb .a-Tfb { overflow: visible; justify-content: center; gap: 0px 20px; 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: 26; }
.bb .a-TfaK { overflow: visible; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 180px; max-width: 180px; order: 1; min-height: 60px; max-height: 60px; width: max-content; flex-grow: 0; height: 60px; margin: 0px; z-index: 23; background-color: rgb(255, 255, 255); }
@media (max-width: 599.98px) { .bb .a-TfaK { min-width: 25%; } }
.bb .a-Tey { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 16px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-radius: 5px; place-self: center; min-width: 0px; min-height: 0px; width: max-content; height: max-content; margin: 0px 10px; z-index: 21; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-Tey { font-size: 13px; } }
.bb .a-6eb2abbd { place-self: end center; min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; width: 18px; height: 18px; margin: 0px 0px -3px; z-index: 22; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(164, 193, 215); border-radius: 4px; }
.bb .a-TfaR { overflow: visible; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 180px; max-width: 180px; order: 2; min-height: 60px; max-height: 60px; width: max-content; flex-grow: 0; height: 60px; margin: 0px; z-index: 24; background-color: rgb(255, 255, 255); }
@media (max-width: 599.98px) { .bb .a-TfaR { min-width: 25%; } }
.bb .a-TfaT { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 16px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-radius: 5px; place-self: center; min-width: 0px; min-height: 0px; width: max-content; height: max-content; margin: 0px 10px; z-index: 21; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TfaT { font-size: 13px; } }
.bb .a-TfaT > .tv { display: none; } .bb .a-TfaT > .tv0 { display: inline; }
@media (max-width: 499.98px) { .bb .a-TfaT > .tv { display: none; } .bb .a-TfaT > .tv1 { display: inline; } }
.bb .a-65856c82 { place-self: end center; min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; width: 18px; height: 18px; margin: 0px 0px -3px; z-index: 22; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(164, 193, 215); border-radius: 4px; }
.bb .a-TfaW { overflow: visible; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 180px; max-width: 180px; order: 3; min-height: 60px; max-height: 60px; width: max-content; flex-grow: 0; height: 60px; margin: 0px; z-index: 25; background-color: rgb(255, 255, 255); }
@media (max-width: 599.98px) { .bb .a-TfaW { min-width: 25%; } }
.bb .a-TfaY { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 16px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; border-radius: 5px; place-self: center; min-width: 0px; min-height: 0px; width: max-content; height: max-content; margin: 0px 10px; z-index: 21; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TfaY { font-size: 13px; } }
.bb .a-e345543a { place-self: end center; min-width: 18px; max-width: 18px; min-height: 18px; max-height: 18px; width: 18px; height: 18px; margin: 0px 0px -3px; z-index: 22; padding: 0px; text-align: center; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; color: rgb(164, 193, 215); border-radius: 4px; }
.bb .a-Tfn { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 20; min-height: 280px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 25; }
.bb .a-Tfw { overflow: visible; justify-content: center; border-radius: 0px; align-self: center; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 100px 0px 0px; z-index: 19; }
.bb .a-Tfq { border-radius: 0px; align-self: center; min-width: 20px; max-width: 20px; order: 1; width: 20px; flex-grow: 1; height: max-content; margin: 0px; z-index: 2; }
.bb .a-Tft { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 25px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; padding: 0px 0px 8px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_alert_default); align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 20px 0px 40px; z-index: 18; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-Tft { font-size: 20px; margin-left: 20px; } }
.bb .a-TgaY { border-radius: 0px; align-self: center; min-width: 100px; max-width: 100px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 100px; margin: 20px 0px; z-index: 32; }
.bb .a-TgaH { overflow: visible; justify-content: flex-start; gap: 0px 20px; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 30px 0px 0px; z-index: 29; }
.bb .a-TgaB { 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: 1.4; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 150px; max-width: 150px; order: 1; min-height: 55px; width: 150px; flex-grow: 1; height: max-content; margin: 0px; z-index: 27; background-color: rgb(255, 255, 255); }
.bb .a-TgaP { border-radius: 0px; align-self: center; min-width: 17px; max-width: 17px; order: 2; width: 17px; flex-grow: 1; height: max-content; margin: 15px 0px; z-index: 27; }
.bb .a-TgaE { 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: 1.4; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 150px; max-width: 150px; order: 3; min-height: 55px; width: 150px; flex-grow: 1; height: max-content; margin: 0px; z-index: 28; background-color: rgb(255, 255, 255); }
.bb .a-TgaS { 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: 500px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px 20px 0px; z-index: 31; }
@media (max-width: 499.98px) { .bb .a-TgaS { font-size: 15px; } }
.bb .a-Tgj { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 500px; order: 6; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 50px 20px 20px; z-index: 34; }
.bb .a-Tgo { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 12px; 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: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 28; }
.bb .a-Tgr { border-radius: 0px; align-self: center; min-width: 80px; max-width: 80px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80px; margin: 5px 0px 10px; z-index: 32; }
.bb .a-Tgl { 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: 2; border-radius: 0px; align-self: center; 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: 31; }
.bb .a-TraE { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 600px; order: 7; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 20px; z-index: 39; }
.bb .a-TraG { 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: 20px 0px 0px; z-index: 33; gap: 0px; grid-auto-rows: minmax(max-content, 180px); grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-auto-flow: row; overflow: auto; }
@media (max-width: 499.98px) { .bb .a-TraG { grid-auto-rows: minmax(max-content, 100px); grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } }
.bb .a-c2a76060 { min-height: 180px; box-sizing: content-box; min-width: unset; }
@media (max-width: 499.98px) { .bb .a-c2a76060 { min-height: 100px; } }
.bb .a-TraH { border-radius: 0px; place-self: start center; min-width: 180px; max-width: 180px; min-height: 180px; max-height: 180px; width: 180px; height: 180px; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-TraH { min-width: 100px; max-width: 100px; min-height: 100px; max-height: 100px; width: 100px; height: 100px; } }
.bb .a-ThaE { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 21; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 100px 0px; z-index: 26; background-color: rgb(164, 193, 215); }
.bb .a-ThaH { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 22; min-height: 280px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 27; }
.bb .a-ThaJ { overflow: visible; justify-content: center; border-radius: 0px; align-self: center; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 19; }
.bb .a-ThaK { border-radius: 0px; align-self: center; min-width: 35px; max-width: 35px; order: 1; width: 35px; flex-grow: 1; height: max-content; margin: 0px; z-index: 2; }
.bb .a-ThaL { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 25px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; padding: 0px 0px 8px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_alert_default); align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 20px 0px 40px; z-index: 18; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-ThaL { font-size: 20px; margin-left: 20px; } }
.bb .a-Tid { border-radius: 0px; align-self: center; min-width: 130px; max-width: 130px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 130px; margin: 20px 0px; z-index: 32; }
.bb .a-ThaM { overflow: visible; justify-content: flex-start; gap: 0px 20px; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 30px 0px 0px; z-index: 29; }
.bb .a-ThaN { 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: 1.4; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 150px; max-width: 150px; order: 1; min-height: 55px; width: 150px; flex-grow: 1; height: max-content; margin: 0px; z-index: 27; background-color: rgb(255, 255, 255); }
.bb .a-ThaP { border-radius: 0px; align-self: center; min-width: 17px; max-width: 17px; order: 2; width: 17px; flex-grow: 1; height: max-content; margin: 15px 0px; z-index: 27; }
.bb .a-ThaO { 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: 1.4; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 150px; max-width: 150px; order: 3; min-height: 55px; width: 150px; flex-grow: 1; height: max-content; margin: 0px; z-index: 28; background-color: rgb(255, 255, 255); }
.bb .a-Tie { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 500px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px 20px 0px; z-index: 34; }
.bb .a-Tif { 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; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 31; }
@media (max-width: 499.98px) { .bb .a-Tif { font-size: 15px; } }
.bb .a-Tig { 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.5; 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% - 20px); margin: 10px 20px 0px 0px; z-index: 33; }
.bb .a-ThaT { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 500px; order: 6; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 50px 20px 20px; z-index: 34; }
.bb .a-ThaV { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 12px; 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: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 28; }
.bb .a-ThaW { border-radius: 0px; align-self: center; min-width: 80px; max-width: 80px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80px; margin: 5px 0px 10px; z-index: 32; }
.bb .a-ThaU { 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: 2; border-radius: 0px; align-self: center; 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: 31; }
.bb .a-Tqz { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 600px; order: 7; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 20px; z-index: 39; }
.bb .a-TraB { 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: 20px 0px 0px; z-index: 33; gap: 0px; grid-auto-rows: minmax(max-content, 180px); grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-auto-flow: row; overflow: auto; }
@media (max-width: 499.98px) { .bb .a-TraB { grid-auto-rows: minmax(max-content, 100px); grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } }
.bb .a-690fddea { min-height: 180px; box-sizing: content-box; min-width: unset; }
@media (max-width: 499.98px) { .bb .a-690fddea { min-height: 100px; } }
.bb .a-TraC { border-radius: 0px; place-self: start center; min-width: 180px; max-width: 180px; min-height: 180px; max-height: 180px; width: 180px; height: 180px; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-TraC { min-width: 100px; max-width: 100px; min-height: 100px; max-height: 100px; width: 100px; height: 100px; } }
.bb .a-TiaY { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 23; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 100px 0px; z-index: 30; background-color: rgb(164, 193, 215); }
.bb .a-TiaD { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 24; min-height: 280px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 29; }
.bb .a-TiaF { overflow: visible; justify-content: center; border-radius: 0px; align-self: center; min-width: 0px; order: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 19; }
.bb .a-TiaG { border-radius: 0px; align-self: center; min-width: 38px; max-width: 38px; order: 1; width: 38px; flex-grow: 1; height: max-content; margin: 0px; z-index: 2; }
.bb .a-TiaH { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 25px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; padding: 0px 0px 8px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_alert_default); align-self: center; min-width: 0px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px 20px 0px 40px; z-index: 18; max-width: unset; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TiaH { font-size: 20px; margin-left: 20px; } }
.bb .a-Tik { border-radius: 0px; align-self: center; min-width: 130px; max-width: 130px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 130px; margin: 20px 0px; z-index: 32; }
.bb .a-TiaI { overflow: visible; justify-content: flex-start; gap: 0px 20px; border-radius: 0px; align-self: center; min-width: 0px; order: 3; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 0px 0px; z-index: 29; }
.bb .a-TiaJ { 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: 1.4; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 150px; max-width: 150px; order: 1; min-height: 55px; width: 150px; flex-grow: 1; height: max-content; margin: 0px; z-index: 27; background-color: rgb(255, 255, 255); }
.bb .a-TiaL { border-radius: 0px; align-self: center; min-width: 17px; max-width: 17px; order: 2; width: 17px; flex-grow: 1; height: max-content; margin: 15px 0px; z-index: 27; }
.bb .a-TiaK { 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: 1.4; border-style: solid; border-width: 2px; border-color: var(--color_primary_default); border-radius: 5px; align-self: flex-start; min-width: 150px; max-width: 150px; order: 3; min-height: 55px; width: 150px; flex-grow: 1; height: max-content; margin: 0px; z-index: 28; background-color: rgb(255, 255, 255); }
.bb .a-Tim { 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: 500px; order: 4; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px 20px 0px; z-index: 31; }
@media (max-width: 499.98px) { .bb .a-Tim { font-size: 15px; } }
.bb .a-TiaR { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 500px; order: 6; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 50px 20px 20px; z-index: 34; }
.bb .a-TiaT { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 12px; 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: 1; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 0px; z-index: 28; }
.bb .a-TiaU { border-radius: 0px; align-self: center; min-width: 80px; max-width: 80px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80px; margin: 5px 0px 10px; z-index: 32; }
.bb .a-TiaS { 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: 2; border-radius: 0px; align-self: center; 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: 31; }
.bb .a-Tqq { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: center; min-width: 0px; max-width: 600px; order: 7; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 20px; z-index: 38; }
.bb .a-Tqs { 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: 20px 0px 0px; z-index: 33; gap: 0px; grid-auto-rows: minmax(max-content, 180px); grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); grid-auto-flow: row; overflow: auto; }
@media (max-width: 499.98px) { .bb .a-Tqs { grid-auto-rows: minmax(max-content, 100px); grid-template-columns: repeat(auto-fill, minmax(100px, 1fr)); } }
.bb .a-d788ff4d { min-height: 180px; box-sizing: content-box; min-width: unset; }
@media (max-width: 499.98px) { .bb .a-d788ff4d { min-height: 100px; } }
.bb .a-Tqt { border-radius: 0px; place-self: start center; min-width: 180px; max-width: 180px; min-height: 180px; max-height: 180px; width: 180px; height: 180px; margin: 0px; z-index: 2; }
@media (max-width: 499.98px) { .bb .a-Tqt { min-width: 100px; max-width: 100px; min-height: 100px; max-height: 100px; width: 100px; height: 100px; } }
.bb .a-TjaV { 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: 8; min-height: 40px; height: max-content; flex-grow: 0; flex-shrink: 0; width: auto; margin: 20px 10px 20px 0px; z-index: 4; }
.bb .a-TjaY { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 16px; 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 .a-ca07ca1e { 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 .a-Tjf { border-radius: 0px; align-self: flex-start; min-width: 0px; order: 26; min-height: 1px; max-height: 1px; height: 1px; flex-grow: 1; width: calc(100% + 0px); margin: 100px 0px; z-index: 31; background-color: rgb(164, 193, 215); }
.bb .a-Tji { overflow: visible; justify-content: flex-start; border-radius: 0px; align-self: flex-start; min-width: 0px; order: 27; min-height: 500px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% + 0px); margin: 0px; z-index: 32; }
.bb .a-Tjl { border-radius: 0px; align-self: center; min-width: 80px; max-width: 80px; order: 2; height: max-content; flex-grow: 0; flex-shrink: 0; width: 80px; margin: 50px 0px 10px; z-index: 34; }
.bb .a-Tjo { 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: 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: 35; }
@media (max-width: 499.98px) { .bb .a-Tjo { font-size: 25px; } }
.bb .a-Tks { overflow: visible; justify-content: center; gap: 50px; 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% - 40px); margin: 30px 20px 10px; z-index: 39; }
.bb .a-Tju { overflow: visible; justify-content: flex-start; border-radius: 10px; align-self: flex-start; min-width: 0px; max-width: 250px; order: 1; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 37; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-Tju { min-width: 350px; margin-left: 20px; margin-right: 20px; } }
.bb .a-Tjr { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px 10px 0px 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: 0px; z-index: 36; background-color: var(--color_primary_default); }
.bb .a-Tjy { overflow: visible; justify-content: flex-start; border-radius: 0px 1px 10px 10px; border-right-style: solid; border-right-width: 1px; border-right-color: var(--color_primary_default); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); border-left-style: solid; border-left-width: 1px; border-left-color: var(--color_primary_default); 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: 0px; z-index: 37; }
.bb .a-TkaB { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 36px; font-weight: 500; color: var(--color_primary_default); text-align: center; letter-spacing: 2px; line-height: 1.4; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 1; min-height: 80px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px; z-index: 2; }
.bb .a-Tkx { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 8px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; 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% - 40px); margin: 10px 20px 0px; z-index: 7; }
.bb .a-TkaH { 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: 1.4; 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% - 40px); margin: 10px 20px 0px; z-index: 4; }
.bb .a-Tkf { 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: 2; padding: 0px 0px 20px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 5; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 10px 20px 0px; z-index: 6; }
.bb .a-TkaE { 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: 2; padding: 0px 0px 20px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 6; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px; z-index: 3; }
.bb .a-TkaK { 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: flex-start; min-width: 0px; order: 7; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 20px; z-index: 5; }
.bb .a-Tki { overflow: visible; justify-content: flex-start; border-radius: 10px; align-self: flex-start; min-width: 0px; max-width: 250px; order: 2; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 38; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-Tki { min-width: 350px; margin-left: 20px; margin-top: 20px; margin-right: 20px; } }
.bb .a-Tkk { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px 10px 0px 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: 0px; z-index: 36; background-color: var(--color_primary_default); }
.bb .a-Tkl { overflow: visible; justify-content: flex-start; border-radius: 0px 1px 10px 10px; border-right-style: solid; border-right-width: 1px; border-right-color: var(--color_primary_default); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); border-left-style: solid; border-left-width: 1px; border-left-color: var(--color_primary_default); 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: 0px; z-index: 37; }
.bb .a-Tkm { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 36px; font-weight: 500; color: var(--color_primary_default); text-align: center; letter-spacing: 2px; line-height: 1.4; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 1; min-height: 80px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px; z-index: 2; }
.bb .a-TlaA { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 8px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; 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% - 40px); margin: 10px 20px 0px; z-index: 8; }
.bb .a-Tko { 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: 1.4; 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% - 40px); margin: 10px 20px 0px; z-index: 4; }
.bb .a-Tkq { 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: 2; padding: 0px 0px 20px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 4; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 10px 20px 0px; z-index: 6; }
.bb .a-Tkn { 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: 2; padding: 0px 0px 20px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 5; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px; z-index: 3; }
.bb .a-Tkp { 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: flex-start; min-width: 0px; order: 6; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 20px; z-index: 5; }
.bb .a-TlaE { overflow: visible; justify-content: flex-start; border-radius: 10px; align-self: flex-start; min-width: 0px; max-width: 250px; order: 3; min-height: 0px; width: max-content; flex-grow: 0; height: max-content; margin: 0px; z-index: 39; max-height: unset; }
@media (max-width: 499.98px) { .bb .a-TlaE { min-width: 350px; margin-left: 20px; margin-top: 20px; margin-right: 20px; } }
.bb .a-TlaG { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 13px; font-weight: 500; color: var(--color_background_default); text-align: center; line-height: 1.4; border-radius: 10px 10px 0px 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: 0px; z-index: 36; background-color: var(--color_primary_default); }
.bb .a-TlaH { overflow: visible; justify-content: flex-start; border-radius: 0px 1px 10px 10px; border-right-style: solid; border-right-width: 1px; border-right-color: var(--color_primary_default); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); border-left-style: solid; border-left-width: 1px; border-left-color: var(--color_primary_default); 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: 0px; z-index: 37; }
.bb .a-TlaI { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 36px; font-weight: 500; color: var(--color_primary_default); text-align: center; letter-spacing: 2px; line-height: 1.4; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 1; min-height: 80px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px; z-index: 2; }
.bb .a-TlaN { white-space: pre-wrap; overflow: visible; font-family: "Noto Sans JP"; font-size: 8px; font-weight: 500; color: var(--color_primary_default); text-align: center; line-height: 1.4; 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% - 40px); margin: 10px 20px 0px; z-index: 8; }
.bb .a-TlaK { 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: 1.4; 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% - 40px); margin: 10px 20px 0px; z-index: 4; }
.bb .a-TlaM { 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: 2; padding: 0px 0px 20px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 4; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 10px 20px 0px; z-index: 6; }
.bb .a-TlaJ { 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: 2; padding: 0px 0px 20px; border-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: var(--color_primary_default); align-self: flex-start; min-width: 0px; order: 5; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 20px; z-index: 3; }
.bb .a-TlaL { 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: flex-start; min-width: 0px; order: 6; min-height: 45px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 20px; z-index: 5; }
.bb .a-TlaP { 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; max-width: 800px; order: 6; min-height: 0px; height: max-content; flex-grow: 0; flex-shrink: 0; width: calc(100% - 40px); margin: 0px 20px 100px; z-index: 40; }