:root{
  --blue:#124fc4;--blue2:#0c3ba0;--navy:#07142d;--ink:#0b1730;--muted:#667085;
  --line:#dce5f1;--soft:#f5f8fd;--paper:#fff;--shadow:0 10px 32px rgba(22,63,130,.08);
  --max:1180px;--r:18px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.wrap{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:999;background:#fff;border:1px solid var(--line);padding:8px 12px;border-radius:10px}.topbar{height:4px;background:var(--blue)}
.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,241,.86)}.headin{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:230px}.brandmark{width:34px;height:34px;border:2px solid var(--blue);display:grid;place-items:center;border-radius:8px;color:var(--blue);font-weight:950}.brandtext{line-height:1.12}.brandtext b{display:block;font-size:15px;letter-spacing:.03em;color:#0c3b9a}.brandtext span{display:block;font-size:8px;letter-spacing:.12em;color:#55657d;margin-top:3px}.nav{display:flex;align-items:center;gap:27px;font-size:11px;font-weight:850;letter-spacing:.03em}.nav a{text-decoration:none}.nav a:hover,.nav a:focus-visible{color:var(--blue)}.menu{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;width:42px;height:42px;font-size:20px}.mobile-nav{display:none;padding:0 0 14px}.mobile-nav.open{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mobile-nav a{text-decoration:none;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-weight:800;font-size:12px;background:#fff}
.hero{background:#fff}.heroimg{display:block;width:100%;height:auto;max-height:760px;object-fit:cover;object-position:center top;border:0}.hero-shell{width:min(1440px,100%);margin:0 auto;overflow:hidden;background:#fff}
.live{padding:18px 0 28px;background:#fff}.livegrid{display:grid;grid-template-columns:1.7fr .9fr;gap:12px}.panel{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);padding:16px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;border-bottom:1px solid #e7edf6}.paneltitle{display:flex;align-items:center;gap:10px}.iconbox{width:32px;height:32px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:900}.paneltitle b{display:block;font-size:15px}.paneltitle small{display:block;color:var(--blue);font-size:9px;font-weight:900;letter-spacing:.08em}.viewall{font-size:10px;color:var(--blue);font-weight:900;text-decoration:none}.feed{list-style:none;margin:0;padding:4px 0}.feed li{display:grid;grid-template-columns:74px auto 1fr 20px;gap:8px;align-items:center;min-height:38px;border-bottom:1px solid #edf1f6;font-size:11px}.feed li:last-child{border-bottom:0}.feed time{color:#677891;font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace}.tag{display:inline-flex;justify-content:center;border:1px solid #cbdcff;background:#f3f7ff;color:var(--blue);border-radius:999px;padding:3px 7px;font-size:8px;font-weight:900;white-space:nowrap}.feed a{text-decoration:none;font-weight:700;min-width:0}.arr{color:var(--blue);font-weight:900;text-align:right}.journal li{grid-template-columns:46px 1fr 18px}.journal .indexbtn{display:flex;align-items:center;justify-content:center;width:100%;min-height:36px;border:1px solid #9ebaf5;border-radius:7px;color:var(--blue);font-size:11px;font-weight:900;text-decoration:none;margin-top:8px}
.showcase{padding:20px 0 34px;background:#fff}.sectiontitle{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:950;letter-spacing:-.02em;margin:0 0 12px}.sectiontitle small{font-size:10px;color:#738098;font-weight:700;margin-left:8px}.showgrid{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:12px}.carousel{position:relative;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);padding:14px 14px 10px;overflow:hidden}.slide{display:grid;grid-template-columns:38% 1fr;gap:18px;align-items:center;min-height:250px}.visual{height:200px;border-radius:10px;background:radial-gradient(circle at 50% 35%,rgba(63,164,255,.34),transparent 28%),linear-gradient(145deg,#041127,#0b2e65);color:#fff;display:grid;place-items:center;text-align:center;padding:18px;position:relative;overflow:hidden}.visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(80,160,255,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(80,160,255,.11) 1px,transparent 1px);background-size:24px 24px}.visual strong{position:relative;font-size:20px;line-height:1.15;letter-spacing:.04em}.visual span{position:relative;display:block;font:900 11px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:8px;color:#8ecbff}.slidecopy{min-width:0}.eyebrow{font-size:9px;font-weight:900;letter-spacing:.09em;color:#475d7a}.slidecopy h2{font-size:clamp(24px,3vw,34px);line-height:1.12;letter-spacing:-.04em;margin:4px 0 9px}.slidecopy .killer{font-size:clamp(18px,2.2vw,25px);font-weight:950;color:var(--ink);margin:0 0 11px;line-height:1.3}.slidecopy p{font-size:12px;color:#506078;max-width:570px;margin:0 0 12px}.slidecopy .definition{font-weight:900;color:#1e3355}.detail{display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-size:11px;font-weight:900;text-decoration:none}.detail:hover{text-decoration:underline}.arrows{position:absolute;left:6px;right:6px;top:50%;display:flex;justify-content:space-between;pointer-events:none}.arrowbtn{pointer-events:auto;border:1px solid #d9e4f5;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.96);color:var(--blue);font-size:20px;box-shadow:0 5px 18px rgba(26,66,130,.1)}.dots{display:flex;justify-content:center;gap:6px;padding:7px 0}.dot{width:6px;height:6px;border:0;border-radius:50%;background:#cbd4e1;padding:0}.dot.active{background:var(--blue);transform:scale(1.22)}.thumbs{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;border-top:1px solid #edf1f6;padding-top:10px}.thumb{border:1px solid #dfe7f2;border-radius:8px;background:#fff;min-height:48px;padding:6px;font-size:8px;font-weight:850;color:#42516b;display:flex;gap:5px;align-items:center;justify-content:center;text-align:center}.thumb.active{border-color:#82aaf5;background:#f4f8ff;color:var(--blue)}.thumbmark{font-size:16px;color:var(--blue)}.rail{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);padding:12px;display:grid;gap:9px;align-content:start}.filter{min-height:56px;border:1px solid #d8e3f2;border-radius:9px;background:#fff;color:#16284a;font-weight:850;display:flex;align-items:center;justify-content:center;gap:8px}.filter.active{background:#f2f7ff;color:var(--blue);border-color:#c2d7ff}.filter span{font-size:18px}.allindex{margin-top:6px;min-height:70px;border:1px solid #bbcff8;border-radius:9px;background:#fff;color:var(--blue);font-weight:950}.carouselnote{font-size:9px;color:#728096;margin:8px 0 0}
.creator{padding:16px 0 34px;background:#fff}.creatorbox{border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.creator-top{display:grid;grid-template-columns:1fr 1.25fr}.creator-profile,.situation{padding:18px}.creator-profile{display:grid;grid-template-columns:96px 1fr;gap:16px;align-items:center;border-right:1px solid var(--line)}.avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;background:#edf3fb;border:1px solid #dfe8f4}.creator-profile h3{margin:0 0 5px;font-size:21px}.creator-profile p,.situation p{font-size:11px;color:#53637a;margin:4px 0}.creator-profile .role{font-size:9px;font-weight:900;color:#314764}.situation h3{font-size:11px;color:var(--blue);letter-spacing:.06em;margin:0 0 8px}.situation .strong{font-size:16px;font-weight:950;color:var(--blue);margin-top:10px}.creator-bottom{display:grid;grid-template-columns:1fr 1.1fr;border-top:1px solid var(--line)}.spec,.sns{padding:18px}.spec{border-right:1px solid var(--line)}.minorhead{font-size:10px;font-weight:950;color:var(--blue);letter-spacing:.06em;margin-bottom:10px}.specgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.speccard{border:1px solid #dfe7f2;border-radius:9px;min-height:72px;padding:10px;display:flex;align-items:center;gap:8px}.speccard span{font-size:21px;color:var(--blue)}.speccard b{font-size:10px;display:block}.speccard small{font-size:8px;color:#718096}.speclink{display:inline-flex;margin-top:12px;color:var(--blue);font-size:11px;font-weight:900;text-decoration:none}.snsgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.snslink{border:1px solid #dfe7f2;border-radius:9px;min-height:57px;text-decoration:none;padding:9px 11px;display:flex;align-items:center;gap:10px;background:#fff}.snslink .logo{width:28px;height:28px;border-radius:7px;background:#f4f7fb;display:grid;place-items:center;font-weight:950}.snslink b{display:block;font-size:11px}.snslink small{display:block;font-size:8px;color:#718096}.snslink.soon{color:#98a4b6;background:#f8fafc;cursor:default}.snslink.soon .logo{opacity:.55}.snslink.contact{grid-column:1/-1;color:var(--blue)}
.footer{border-top:1px solid var(--line);background:#fff;padding:28px 0 0}.footgrid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:24px;padding-bottom:28px}.footbrand .brand{min-width:0}.footbrand p{font-size:9px;color:#718096}.footcol b{font-size:9px;color:var(--blue);letter-spacing:.05em}.footcol a{display:block;text-decoration:none;font-size:9px;color:#4c5b70;margin-top:5px}.copyright{background:var(--blue);color:#dfe9ff;font-size:8px;padding:8px 0}.copyin{display:flex;justify-content:space-between;gap:12px}
@media(max-width:820px){.nav{display:none}.menu{display:block}.brand{min-width:0}.heroimg{max-height:none;object-fit:contain}.livegrid{grid-template-columns:1fr}.showgrid{grid-template-columns:1fr}.rail{grid-template-columns:repeat(4,1fr)}.filter{min-height:48px;font-size:10px}.allindex{margin:0;min-height:48px}.slide{grid-template-columns:1fr}.visual{height:190px}.thumbs{grid-template-columns:repeat(4,1fr)}.creator-top,.creator-bottom{grid-template-columns:1fr}.creator-profile,.spec{border-right:0}.situation,.sns{border-top:1px solid var(--line)}.footgrid{grid-template-columns:1fr 1fr}.footbrand{grid-column:1/-1}}
@media(max-width:520px){.wrap{width:min(100% - 20px,var(--max))}.header{position:relative}.headin{min-height:58px}.brandmark{width:30px;height:30px}.brandtext b{font-size:13px}.live{padding-top:10px}.panel{padding:12px}.paneltitle b{font-size:13px}.feed li{grid-template-columns:58px auto minmax(0,1fr) 14px;font-size:10px;gap:6px}.journal li{grid-template-columns:40px minmax(0,1fr) 14px}.sectiontitle{font-size:16px;flex-wrap:wrap}.sectiontitle small{width:100%;margin-left:0}.carousel{padding:10px}.slide{min-height:0;gap:12px}.visual{height:160px}.slidecopy h2{font-size:22px}.slidecopy .killer{font-size:18px}.slidecopy p{font-size:11px}.arrows{top:116px}.arrowbtn{width:34px;height:34px}.thumbs{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:3px}.thumb{min-width:92px;scroll-snap-align:start}.rail{grid-template-columns:repeat(2,1fr)}.creator-profile{grid-template-columns:70px 1fr;gap:12px}.avatar{width:64px;height:64px}.creator-profile h3{font-size:18px}.specgrid{grid-template-columns:1fr 1fr}.snsgrid{grid-template-columns:1fr 1fr}.footgrid{grid-template-columns:1fr 1fr;gap:16px}.copyright{font-size:7px}.copyin{display:block}.copyin span:last-child{display:block;margin-top:3px}}
@media(max-width:390px){.wrap{width:calc(100% - 16px)}.brandtext span{display:none}.mobile-nav.open{grid-template-columns:1fr}.panel{border-radius:12px}.feed li{grid-template-columns:52px auto minmax(0,1fr) 12px}.tag{padding:2px 5px}.rail{grid-template-columns:1fr 1fr}.specgrid,.snsgrid{grid-template-columns:1fr}.snslink.contact{grid-column:auto}.footgrid{grid-template-columns:1fr}.footbrand{grid-column:auto}}