.XP1akG_section{border-block:1px solid var(--suki-line);margin:0 0 28px;padding:20px 0 24px}.XP1akG_section h2{margin:0 0 16px;font-size:18px}.XP1akG_group+.XP1akG_group{margin-top:24px}.XP1akG_group h3{color:var(--suki-muted);overflow-wrap:anywhere;margin:0 0 12px;font-size:14px}.XP1akG_grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px;margin:0;padding:0;list-style:none;display:grid}.XP1akG_grid li{min-width:0}.XP1akG_card{text-align:center;border-radius:6px;gap:8px;text-decoration:none;display:grid}.XP1akG_card:hover .XP1akG_name{text-decoration:underline}.XP1akG_card:focus-visible,.XP1akG_more summary:focus-visible{outline:3px solid var(--suki-accent);outline-offset:4px}.XP1akG_name{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.XP1akG_more{margin-top:16px}.XP1akG_more summary{border:1px solid var(--suki-line);background:var(--suki-soft);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:fit-content;min-height:44px;margin:0 auto;padding:8px 16px;list-style:none;display:flex}.XP1akG_more summary::-webkit-details-marker{display:none}.XP1akG_openLabel,.XP1akG_more[open] .XP1akG_closedLabel{display:none}.XP1akG_more[open] .XP1akG_openLabel{display:inline}.XP1akG_more[open] .XP1akG_arrow{transform:rotate(180deg)}.XP1akG_more[open] .XP1akG_grid{margin-top:16px}@media (min-width:768px){.XP1akG_grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
.suki .hirushoku-banner,.suki .hirushoku-modal{box-sizing:border-box;color:#24383a;text-align:left;background:#e7f8fa;border:1px solid #afe1e5;border-radius:16px;line-height:1.65}.suki .hirushoku-banner{margin:20px 0;padding:20px}.hirushoku-banner>.hirushoku-logo{margin-bottom:12px}.suki .hirushoku-banner h2{color:#24383a;margin:0 0 8px;font-size:clamp(17px,4.5vw,21px);line-height:1.5}.suki .hirushoku-description{color:#24383a;text-wrap:pretty;margin:0 0 16px;font-size:14px}.hirushoku-banner-actions{justify-content:flex-end;display:flex}.hirushoku-banner-actions .hirushoku-line-link{min-width:190px}.hirushoku-logo{border-radius:6px;width:128px;max-width:100%;height:auto;display:block}.suki .hirushoku-line-link{box-sizing:border-box;color:#003917;background:#06c755;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 16px;font-size:15px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-flex}.suki .hirushoku-line-link:hover{background:#05b34d}.suki .hirushoku-banner :focus-visible,.suki .hirushoku-modal :focus-visible{outline-offset:3px;outline:3px solid #087c83}.suki .hirushoku-modal{overscroll-behavior:contain;border-radius:20px;width:min(370px,100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:28px 24px 20px;font-family:inherit;overflow-y:auto;box-shadow:0 24px 90px #0005}.hirushoku-modal::backdrop{background:#0009}.suki .hirushoku-modal button.hirushoku-close{color:#24383a;background:#e7f8fa;border:1px solid #afe1e5;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:28px;line-height:1;display:grid;position:absolute;top:12px;right:12px}.hirushoku-modal .hirushoku-logo{max-width:calc(100% - 44px)}.suki .hirushoku-modal h2{color:#24383a;text-wrap:pretty;margin:22px 0 16px;font-size:clamp(16px,4.6vw,20px);line-height:1.5}.suki .hirushoku-modal-ai h2{font-size:clamp(14px,4.2vw,18px)}.suki .hirushoku-modal .hirushoku-description{margin-bottom:20px;font-size:15px}.hirushoku-modal .hirushoku-line-link{width:100%}.suki .hirushoku-operator{color:#4b6366;text-align:center;margin:16px 0 0;font-size:12px}body:has(.hirushoku-modal[open]){overflow:hidden}@media (max-width:380px){.suki .hirushoku-banner{padding:16px}.suki .hirushoku-modal{padding:26px 20px 18px}.suki .hirushoku-banner-ranking .hirushoku-description{font-size:13px}}@media (max-width:480px){.hirushoku-banner-actions .hirushoku-line-link{width:100%;min-width:0}}