.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}}