@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;600;700;900&display=swap');
:root{--purple:#7424ed;--pink:#f7449b;--lime:#ddff68;--ink:#281435}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;font:16px/1.95 'Noto Sans JP','Yu Gothic',sans-serif;color:var(--ink);background:#fff}a{color:#6822c6;text-underline-offset:4px}a:hover{color:#ba247c}a:focus-visible,summary:focus-visible{outline:3px solid #f7449b;outline-offset:5px}header{position:sticky;top:0;z-index:10;background:#fffffff5;border-bottom:1px solid #e8dff1;padding:20px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;backdrop-filter:blur(12px)}.brand{font:bold 31px/1.3 Arial,sans-serif;color:#6923d8;text-decoration:none;white-space:nowrap;letter-spacing:-1px}.brand small{font-size:15px;letter-spacing:0}nav{display:flex;gap:25px;font-size:14px;font-weight:700}nav a{text-decoration:none}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}section{padding:65px 0}h1,h2,h3{line-height:1.5;letter-spacing:-.035em}h1{font-size:48px;font-weight:900;margin:12px 0 22px}h2{font-size:30px;margin:0 0 28px}h3{font-size:21px;margin:12px 0}.eyebrow{font:700 12px/1.7 Arial,'Noto Sans JP',sans-serif;letter-spacing:.12em;color:#7023cf;margin:0 0 15px}em{font-style:normal}p{margin:14px 0;color:#6a5277}.page-hero{background:linear-gradient(115deg,#6220dd,#ad2be8);color:white;padding:65px 0}.page-hero .eyebrow,.page-hero p{color:#f0dcff}.page-hero h1{font-size:60px}.page-hero em{color:var(--lime)}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.category-grid>a{background:#f5edff;border-radius:16px;padding:26px;text-decoration:none;border:1px solid #e9d7fe;transition:transform .2s}.category-grid>a:hover,.article-card:hover{transform:translateY(-4px)}.category-grid b{font:900 37px Arial;color:#b88be9}.category-grid h3{font-size:19px;color:#451861}.category-grid p{font-size:14px}.category-grid small{color:#7b4aae}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.article-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e4d7ef;border-radius:15px;padding:28px;text-decoration:none;box-shadow:0 5px 0 #f0e6fa;transition:transform .2s}.article-card>span{font-size:12px;font-weight:bold;background:#f1e4ff;align-self:flex-start;padding:4px 10px;border-radius:20px}.article-card h3{font-size:22px;color:#321540;line-height:1.6}.article-card p{font-size:15px;margin:5px 0 25px}.article-card b{font-size:14px;margin-top:auto;color:#7924d8}.breadcrumbs{font-size:13px;margin:28px 0;color:#8e759b}.category-heading{padding:25px 0}.category-tabs{display:flex;flex-wrap:wrap;gap:12px}.category-tabs a{border:1px solid #e2cdf5;border-radius:30px;padding:8px 18px;text-decoration:none;font-size:14px}.category-tabs a[aria-current]{background:#7625dd;color:#fff}.article-layout{display:grid;grid-template-columns:minmax(0,790px) 260px;gap:65px;padding:30px 0 50px}.article-body h1{font-size:38px;line-height:1.6}.article-intro{font-size:18px;line-height:1.9}.date{font-size:12px;color:#887296}.article-body h2{font-size:26px;margin:48px 0 18px;padding-top:10px}.article-body p,.article-body li{font-size:16px;line-height:2.1}.article-body aside,.notice{padding:22px 25px;background:#f5eeff;border-left:4px solid #9d52e8;border-radius:0 12px 12px 0;color:#745381;margin:30px 0;font-size:14px}.article-body figure{background:#f7f0ff;padding:25px;margin:25px 0;text-align:center;border-radius:15px}.article-body figure img{border-radius:12px}.article-body figcaption{font-size:12px;color:#826a91}.toc{display:block;background:#f5eeff;border-radius:15px;padding:25px;margin:30px 0}.toc ol{padding-left:22px;margin:14px 0 0}.toc li{font-size:14px;margin:6px 0}.toc a{text-decoration:underline}.article-sidebar{align-self:start;position:sticky;top:110px;border-top:4px solid #802add;padding-top:18px}.article-sidebar h3{font-size:18px}.article-sidebar>a{display:block;border-bottom:1px solid #ede2f6;padding:14px 0;font-size:14px;text-decoration:none}.article-sidebar>div{background:#f5edff;border-radius:15px;padding:20px;margin-top:25px}.article-sidebar p,.article-sidebar>div a{font-size:14px}.sources{font-size:12px!important;border-top:1px solid #e8dff1;padding-top:25px;margin-top:40px}.recruit-hero{background:#7120da;color:#fff;position:relative;overflow:hidden;min-height:570px;isolation:isolate}.recruit-hero .wrap{position:relative;z-index:2}.recruit-hero .eyebrow,.recruit-hero p{color:#f6e7ff}.recruit-hero h1{font-size:55px}.recruit-hero em{color:var(--lime)}.recruit-hero>img{position:absolute;right:0;top:0;height:100%;width:48%;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(to right,transparent,#000 28%);z-index:0}.button{display:inline-flex;text-decoration:none;background:var(--lime);color:#341047;padding:15px 25px;border-radius:50px;font-weight:700;font-size:15px;margin-top:20px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.three>div,.three>article{padding:25px;border-top:3px solid #c193f3;background:#fbf8fe}.three b{font:bold 32px Arial;color:#b286e5}.bonus-panel{background:#2b1042;color:#fff;border-radius:20px;padding:40px;display:grid;grid-template-columns:1.1fr 1fr;gap:50px}.bonus-panel strong{font-size:46px;color:var(--lime)}.bonus-panel p,.bonus-panel a{color:#f3dfff}.bonus-panel .eyebrow{color:#ff9ecc}.bonus-panel h2{margin-bottom:14px}.checklist{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:15px}.checklist li{padding:18px 22px;background:#f5edff;border-radius:10px}.checklist li:before{content:'✓';color:#9d37e5;margin-right:12px}.flow{display:grid;grid-template-columns:repeat(3,1fr);padding:0;gap:30px;list-style:none}.flow li{border-top:2px solid #dfc5f5;padding-top:22px}.flow b{font:900 37px Arial;color:#ba86e7}.contact{padding:38px;background:#f4ebff;border-radius:18px;margin:25px 0}.contact h2{margin-bottom:16px}.subtle{font-size:13px;color:#856c93}.agency-hero{background:#211133;color:#fff;position:relative;overflow:hidden;isolation:isolate;min-height:470px}.agency-hero .wrap{position:relative;z-index:2}.agency-hero .eyebrow{color:#f4a0d7}.agency-hero h1{font-size:54px}.agency-hero em{color:#e6ff85}.agency-hero p{color:#e9d5fa}.agency-hero>span{position:absolute;right:3%;bottom:-15px;transform:rotate(-7deg);font:900 100px/1 Arial,sans-serif;letter-spacing:-6px;color:#a74aff25;z-index:0}.lead{font-size:20px;max-width:850px}.agency-info{margin:25px 0}.agency-info>div{display:grid;grid-template-columns:220px 1fr;gap:30px;padding:23px 0;border-bottom:1px solid #e9ddf3}.agency-info dt{font-weight:bold;color:#7424ed}.agency-info dd{margin:0;color:#6a5277}details{border-bottom:1px solid #e4d5ef;padding:21px 0}summary{font-weight:bold;cursor:pointer;list-style:none;padding-right:25px;position:relative}summary:after{content:'+';position:absolute;right:0;color:#7625dd}details[open] summary:after{content:'−'}details p{margin-bottom:0}footer{padding:45px 5%;background:#251334;color:#fff}footer strong{font:bold 22px Arial}footer>div{display:flex;gap:25px;margin-top:20px}footer a{color:#dec3fa;font-size:14px}footer p{font-size:12px;color:#cdb1e5}.skip{position:fixed;top:-100px;left:10px;z-index:50;background:#fff;padding:10px}.skip:focus{top:10px}
@media(max-width:1000px){header{flex-wrap:wrap;gap:14px}.category-grid{grid-template-columns:1fr 1fr}.article-grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.recruit-hero h1{font-size:43px}.agency-hero h1{font-size:45px}.three{gap:18px}.three>div,.three>article{padding:20px}}
@media(max-width:700px){html{scroll-padding-top:145px}.wrap{width:calc(100% - 40px)}header{padding:15px 20px;gap:12px}.brand{font-size:26px}.brand small{font-size:14px}nav{width:100%;gap:15px;font-size:12px;justify-content:space-between}section{padding:45px 0}h1{font-size:32px}h2{font-size:26px}.page-hero{padding:45px 0}.page-hero h1{font-size:40px}.category-grid{gap:15px}.category-grid>a{padding:20px}.category-grid h3{font-size:17px}.article-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:30px;padding-top:10px}.article-body h1{font-size:30px}.article-body h2{font-size:24px}.article-sidebar{position:static;display:block}.article-sidebar>div{margin-top:20px}.three,.flow{grid-template-columns:1fr}.recruit-hero{min-height:730px}.recruit-hero h1{font-size:35px}.recruit-hero p{font-size:15px}.recruit-hero>img{top:auto;bottom:0;height:45%;width:100%;object-position:50% 27%;mask-image:linear-gradient(to bottom,transparent,#000 25%)}.bonus-panel{grid-template-columns:1fr;padding:28px;gap:15px}.bonus-panel strong{font-size:38px}.checklist{grid-template-columns:1fr}.contact{padding:26px}.agency-hero{min-height:480px}.agency-hero h1{font-size:34px}.agency-hero>span{font-size:67px;bottom:18px}.lead{font-size:17px}.agency-info>div{grid-template-columns:1fr;gap:8px}.category-tabs{gap:8px}.category-tabs a{font-size:12px;padding:7px 13px}footer>div{flex-wrap:wrap;gap:15px}.breadcrumbs{font-size:12px}.toc{padding:20px}.article-intro{font-size:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}