@charset "utf-8";
@layer base, font, low, main, high;
@layer low { .center-a03aad76 { box-sizing: border-box; margin-inline: auto; max-inline-size: 1200px; } }
@layer low { .center-gutters-2b9580f6 { padding-inline: 1rem; } }
@layer base { *, *:before, *:after { margin: 0; padding: 0; border: 0; box-sizing: border-box; font: inherit; color: inherit; } }
@layer base { a { color: inherit; text-decoration: inherit; } }
@layer base { img, video, canvas, svg { display: block; max-width: 100%; height: auto; } }
@layer base { button { cursor: pointer; } }
@layer base { :root { font-size: 16px; line-height: 1.6; font-family: Helvetica Neue Arial Hiragino Kaku Gothic ProN Hiragino Sans Noto Sans JP Meiryo sans-serif; } }
@layer base { body { background: #f8fafc; color: #475569; } }
@layer base { ul, ol, menu { list-style-type: none; } }
@layer main { .cirro-7a2f3af3 { padding-block: 74px; } }
@layer main { .cirro-b80ba522 { font-size: 1.25rem; font-weight: bold; font-style: normal; line-height: 1.0; } }
@layer main { .cirro-56d8375 { font-size: 0.875rem; color: #64748b; } }
@layer main { @media (min-width: 900px) { .cirro-c070fc92 { display: none; } } }
@layer main { @media (max-width: 899px) { .cirro-113a4a91 { background: transparent; } } }
@layer main { .cirro-5a872962 { background: #fdfefe; } }
@layer low { .box-fe3c08b6 { box-sizing: border-box; padding: 1rem; } }
@layer main { .both-end-af6724fd { display: flex; justify-content: space-between; } }
@layer main { .topbar-2b69210f { position: fixed; left: 0; right: 0; top: 0; z-index: 6; } }
@layer main { .cirro-6ed6b9c { width: 2rem; min-width: 2rem; } }
@layer main { @media (min-width: 900px) { .cirro-ef02c8b9 { align-items: center; } } }
@layer main { @media (max-width: 899px) { .cirro-24a5985 { display: none; } } }
@layer low { .cluster-c94a9ff7 { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: flex-start; align-items: center; } }
@layer main { .cirro-37688cd6 { border-radius: 12px; background: #f1f5f9; border: 2px solid rgba(from #475569 r g b / 0.4); } }
@layer low { .box-a25aaf9f { box-sizing: border-box; padding: 0.25rem 1rem; } }
@layer main { .cirro-3408c43f { background: #f1f5f9; font-size: 1.5rem; z-index: 6; } }
@layer main { .cirro-f16b0caf { border-radius: 12px; } }
@layer main { .cirro-a1744bf5:hover { background: rgba(from #3b82f6 r g b / 0.1); } }
@layer low { .box-634a8bc8 { box-sizing: border-box; padding: 0 3rem; } }
@layer low { .box-97c5f0b { box-sizing: border-box; padding: 1.25rem; } }
@layer main { .cirro-2c844b71 { background: transparent; } }
@layer main { @media (max-width: 899px) { .cirro-42ea15f5 { width: 100%; } } }
@layer main { .slider-bd01ffb0 { position: fixed; top: 0; right: 0; width: 75%; height: 100%; z-index: 6; transition: all 0.3s ease allow-discrete; transform: translateX(140%); } }
@layer main { .slider-bb16a747.open { transform: translateX(0%); } }
@layer low { .box-b2d8d306 { box-sizing: border-box; padding: calc(1rem / 2); 0; } }
@layer low { .stack-6e8ad152 { display: flex; flex-direction: column; gap: 0; } }
@layer main { .stack-separator-64ab9210 > * + * { border-top: 1px solid rgba(from #64748b r g b / 0.5); } }
@layer low { .stack-d2eea637 { display: flex; flex-direction: column; gap: 1rem; } }
@layer main { @media (max-width: 899px) { .cirro-ca0d47f6 { border-radius: 12px; background: #f1f5f9; border: 2px solid rgba(from #475569 r g b / 0.4); } } }
@layer low { .box-6a6a036d { box-sizing: border-box; padding: 1rem 3rem; } }
@layer main { .cirro-cfff198f { border-radius: 12px; background: #fdfefe; border: 3px solid rgba(from #3b82f6 r g b / 1.0); padding: 1rem; align-items: center; } }
@layer main { .cirro-243d10d3 { display: flex; flex-direction: column; padding: 1rem; gap: 1rem; background: linear-gradient(180deg, #f8fafc 0%, #fdfefe 100%); border-radius: 16px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); transition: all 0.25s ease-in-out; } }
@layer main { .cirro-ebbd95e8:hover { box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15); transform: translateY(-2px); } }
@layer main { .cirro-d6e70987 { font-size: 1.25rem; font-weight: bold; } }
@layer main { .cirro-ae3cf02f { display: inline-flex; gap: 0.25rem; flex-wrap: wrap; } }
@layer main { .cirro-84493ba6 > li { font-size: 0.875rem; font-weight: bold; color: #0284c7; border-radius: 32px; border: 2px solid #bae6fd; background-color: #f0f9ff; padding-inline: 1.5rem; padding-block: 2px; } }
@layer main { .cirro-2b738c89 { font-weight: bold; color: #3b82f6; } }
@layer main { .cirro-d3d32c66 { font-size: 2rem; } }
@layer main { .cirro-f2e3a13b { flex-grow: 1; outline: none; } }
@layer main { .cirro-713de390 { flex-grow: 1; overflow-y: auto; } }
@layer main { @media (min-width: 900px) { .popover-pc-c66ee85b { opacity: 0; pointer-events: none; transition: all 0.3s ease allow-discrete; } } }
@layer main { @media (min-width: 900px) { .popover-pc-bb913697.show { opacity: 1; pointer-events: unset; } } }
@layer main { @media (max-width: 899px) { .popover-ph-e21994d { transform: translateY(-140%); transition: all 0.3s ease allow-discrete; } } }
@layer main { @media (max-width: 899px) { .popover-ph-33695797.show { transform: translateY(0%); } } }
@layer main { @media (min-width: 900px) { .popover-backdrop-c3633420.show { background: unset; backdrop-filter: blur(4px);; } } }
@layer main { .cover-all-428945c { position: fixed; inset: 0; z-index: 8; } }
@layer main { .popover-content-5a872962 { background: #fdfefe; } }
@layer main { @media (min-width: 900px) { .cover-all-a19b0685 { position: fixed; inset: 3rem 1rem; z-index: 8; } } }
@layer main { @media (max-width: 899px) { .cover-all-db451b7c { position: fixed; inset: 0; z-index: 8; } } }
@layer low { .sidebar-2cd7e6fc { display: flex; flex-wrap: wrap; gap: 1rem; } }
@layer low { .sidebar-side-ceef0a47 { flex-grow: 1; flex-basis: 40ch; } }
@layer low { .sidebar-content-32aa121d { flex-grow: 999; flex-basis: 0; min-inline-size: 60ch; } }
@layer main { .cirro-bc6eed9a { scroll-margin-block-start: 100px; position: relative; } }
@layer main { @media (max-width: 899px) { .cirro-230e9bf3 { display: flex; flex-direction: column; padding: 1rem; gap: 1rem; background: linear-gradient(180deg, #f8fafc 0%, #fdfefe 100%); border-radius: 16px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); transition: all 0.25s ease-in-out; } } }
@layer main { @media (max-width: 899px) { .cirro-57d7fe08:hover { box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15); transform: translateY(-2px); } } }
@layer main { @media (max-width: 899px) { .cirro-a60a9f1c { position: sticky; top: 80px; } } }
@layer main { .cirro-6e23c5f4 { font-size: 2rem; font-weight: bold; line-height: 1.3; color: #0f172a; } }
@layer main { .cirro-458c6d3d { color: #64748b; font-weight: bold; } }
@layer low { .stack-b4a8ab59 { display: flex; flex-direction: column; gap: 0.5rem; } }
@layer main { .cirro-56a560cc { align-items: center; } }
@layer main { .cirro-fc1dd20a { font-size: 1.125rem; font-weight: bold; border-radius: 64px; border: 0 none; padding-block: 2px; padding-inline: 1.5rem; color: #fdfefe; background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%); box-shadow: none; } }
@layer main { .cirro-19000411 { font-size: 1.5rem; font-weight: bold; color: #6366f1; } }
@layer main { .cirro-498eb974 { display: inline; } }
@layer main { .cirro-4b121170 { height: 1.5rem; } }
@layer main { .cirro-b2b85599 { font-size: 1.125rem; color: #0f172a; font-weight: bold; } }
@layer low { .cluster-b10a066b { display: flex; flex-wrap: wrap; gap: 0.25rem; justify-content: flex-start; align-items: center; } }
@layer main { .cirro-dec50cac { aspect-ratio: 16/9; } }
@layer main { .cirro-a4c1ead1 { color: #0f172a; font-weight: bold; margin-block: 1rem; padding-inline-start: 3rem; } }
@layer main { .cirro-ba7af64::marker { content: '第'counter(h3)'回'; font-weight: bold; font-size: 1rem; color: #0f172a; } }
@layer main { .cirro-4134ad13 { position: relative; color: #0f172a; margin-block: 1rem; padding-inline-start: 1rem; counter-increment: h3; font-size: 0.875rem; } }
@layer main { .cirro-b407f393 { display: flex; gap: 0.25rem; } }
@layer main { .cirro-9e05df76 { counter-reset: h3 0; list-style-position: inside; } }
@layer main { .cirro-5bc07d36 { padding-inline-start: 1rem; } }
@layer main { .cirro-cc576666 { align-items: center; font-size: 1.25rem; cursor: pointer; width: 100%; background: transparent; } }
@layer main { @media (min-width: 900px) { .cirro-36d29ee7::before { content: 'クリック'; } } }
@layer main { @media (max-width: 899px) { .cirro-c2e02d08::before { content: 'タップ'; } } }
@layer main { .cirro-7b608869 { overflow: hidden; height: 0; transition: all 0.2s ease; } }
@layer main { .cirro-98137a1f.is-open { height: calc-size(fit-content, size); } }
@layer main { .cirro-870da78c { color: #0f172a; font-weight: bold; margin-block: 1rem; padding-inline-start: 3rem; counter-reset: h3 0; } }
@layer main { .cirro-b6c511f8::before { content: counter(h3); margin-inline-end: 1rem; background: #162033; color: #cbd5e1; border-radius: 50%; padding-inline: 8px; position: absolute; left: 0.5rem; } }
@layer main { .cirro-3b60b012 { position: relative; color: #0f172a; font-weight: bold; margin-block: 1.25rem; padding-inline-start: 3rem; counter-increment: h3; } }
@layer main { .cirro-a6ee85a0::before { position: absolute; content: '■'; left: 2rem; } }
@layer main { .cirro-33b403b1 { position: relative; font-weight: bold; margin-block: 0.5rem; padding-inline-start: 3rem; } }
@layer main { .cirro-abb6d184, .cirro-abb6d184 div { display: flex; flex-direction: column; gap: 2rem; overflow-wrap: anywhere; text-align: justify; counter-reset: h3 0; } }
@layer main { .cirro-1d80301 h3::before { content: counter(h3); border-radius: 50%; padding-inline: 6px; color: #cbd5e1; background: #162033; margin-inline-end: 0.5rem; } }
@layer main { .cirro-7b423e34 h3 { counter-increment: h3; font-size: 1.25rem; margin-block: 3rem 0; border-bottom: 2px solid rgba(from #162033 r g b / 0.3); scroll-margin-block-start: 180px; } }
@layer main { .cirro-a9b12641 h4::before { content: '▶'; margin-inline-end: 8px; } }
@layer main { .cirro-9d960d4e h4 { font-size: 1.125rem; color: rgba(from #475569 r g b / 0.8); scroll-margin-block-start: 180px; } }
@layer main { .cirro-ab84b04c h5::before { content: '■'; } }
@layer main { .cirro-4290b722 h5 { color: rgba(from #475569 r g b / 0.7); } }
@layer main { .cirro-3fa6bdc7 a { text-decoration: underline 2px; text-underline-offset: 5px; } }
@layer main { .cirro-60795290 ul { list-style-type: disc; } }
@layer main { .cirro-92bac7d0 ol { list-style-type: number; } }
@layer main { .cirro-f42ba553 li { margin-inline-start: 2rem; } }
@layer main { .cirro-9131f08a p { text-indent: 1rem; } }
@layer main { .cirro-7c8de3d6 input[type='checkbox'] { display: inline; width: revert; } }
@layer main { .cirro-f5d663fb strong { font-weight: bold; } }
@layer main { .cirro-d38ec851 li .task-list-item { list-style-type: none; list-style-position: outside; margin-inline-start: 0px; } }
@layer main { .cirro-33e148ee table { width: 100%; border-collapse: collapse; } }
@layer main { .cirro-39edc321 table th { font-weight: bold; border-bottom: 2px solid rgba(from #162033 r g b / 0.3); padding: 0.5rem; } }
@layer main { .cirro-dad70651 tbody td { border-bottom: 1px solid rgba(from #162033 r g b / 0.1); padding-block: 0.5rem; } }
@layer main { .cirro-13dc525b tbody tr:nth-child(even) { background: rgba(from #162033 r g b / 0.05); } }
@layer main { @media (min-width: 900px) { .cirro-d5188efe { position: sticky; top: 74px; max-height: calc(100vh - 74px); overflow-y: auto; } } }
@layer main { @media (min-width: 900px) { .cirro-80d1b8ed { background: linear-gradient(180deg, #f8fafc 0%, #fdfefe 100%); border-radius: 16px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); transition: all 0.25s ease-in-out; } } }
@layer main { @media (min-width: 900px) { .cirro-ca6861d5:hover { box-shadow: 0 8px 25px 0 rgba(0, 0, 0, 0.15); transform: translateY(-2px); } } }
@layer main { .cirro-df04578c { font-size: 1.125rem; font-weight: bold; color: #475569; } }
@layer main { .cirro-2e01b837 { display: flex; justify-content: space-around; align-items: center; } }
@layer main { @media (max-width: 899px) { .cirro-1611d060 { background: linear-gradient(180deg, #f8fafc 0%, #fdfefe 100%); border-radius: 16px; box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.05); transition: all 0.25s ease-in-out; } } }
@layer main { .cirro-5f08566e { width: 52px; min-width: 52px; } }
@layer main { .cirro-ed58a9b { font-size: 1.25rem; color: #0f172a; } }
@layer low { .cluster-71127594 { display: flex; flex-wrap: nowrap; gap: 1rem; justify-content: flex-start; align-items: center; } }
@layer main { .cirro-21884456 { width: 96px; } }
@layer main { .cirro-3db79439 { font-size: 1.125rem; font-weight: bold; color: #0f172a; } }
@layer main { .cirro-9b11b857 { font-size: 1.125rem; font-weight: bold; color: #64748b; } }
@layer main { .cirro-9f439053 { color: #475569; margin-block: 1.5rem; } }
@layer main { .cirro-6c4248ff { font-weight: bold; color: #0f172a; } }
@layer main { .cirro-1e8edbad { color: #64748b; background: #f1f5f9; margin-block-start: 1.5rem; } }
@layer low { .box-ddd676b5 { box-sizing: border-box; padding: 3rem 1rem; } }
@layer low { .box-e29b5728 { box-sizing: border-box; padding: 0 0.5rem; } }
@layer low { .box-d0b439c6 { box-sizing: border-box; padding: 0 calc(1rem / 2);; } }
@layer low { .cluster-cf6b7b72 { display: flex; flex-wrap: wrap; gap: 0; justify-content: flex-start; align-items: center; } }
@layer main { .cluster-separator-300144c9 > * + * { border-inline-start: 1px solid rgba(from #64748b r g b / 0.5); } }