/* hero_v1.css — ヒーロー デバイスモック（実機比率＋書籍重ね） 2026/06/18 rev3 */
.mainVisual .photoBox .stage{aspect-ratio:auto !important;max-width:none !important;overflow:visible !important;}
/* 右側（デバイス列）を拡大：テキスト52% / デバイス48% */
.mainVisual .imgBox{max-width:1400px !important;}
.mainVisual .textBox{width:52% !important;}
.mainVisual .photoBox{width:48% !important;}
.hero-devices{position:relative;width:100%;max-width:680px;margin:10px auto 64px;}
.mainVisual .label{white-space:nowrap;}
@media(max-width:560px){.mainVisual .label{font-size:11px;padding:5px 12px;}}

/* ===== ノートPC（16:10・MacBook風） ===== */
.hd-laptop{position:relative;width:94%;margin:0 auto;filter:drop-shadow(0 30px 44px rgba(0,0,0,.40));}
.hd-screen{position:relative;background:#0b0b0e;border:2px solid #23242b;border-radius:14px 14px 5px 5px;padding:10px;}
.hd-cam{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:5px;height:5px;border-radius:50%;background:#30323b;}
.hd-shot{aspect-ratio:16/10;overflow:hidden;border-radius:3px;background:#eef2f7;}
.hd-shot img{width:100%;height:100%;object-fit:contain;object-position:top center;display:block;}
.hd-base{position:relative;width:116%;height:15px;margin:-2px 0 0 -8%;
  background:linear-gradient(180deg,#eef1f5,#cfd5de 48%,#aeb5c1);border-radius:0 0 12px 12px;
  box-shadow:inset 0 2px 2px rgba(255,255,255,.7),0 3px 6px rgba(0,0,0,.18);}
.hd-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:15%;height:6px;
  background:linear-gradient(180deg,#9aa1ad,#c4cad3);border-radius:0 0 8px 8px;}

/* ===== スマホ（縦長・iPhone風・右下） ===== */
.hd-phone{position:absolute;right:-1%;bottom:-30px;width:18%;max-width:104px;
  background:#0b0b0e;border:2px solid #23242b;border-radius:20px;padding:5px;box-shadow:0 26px 44px rgba(0,0,0,.5);}
.hd-pnotch{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:30%;height:4px;border-radius:4px;background:#23242b;z-index:2;}
.hd-pscr{aspect-ratio:9/19;overflow:hidden;border-radius:16px;background:#fff;}
.hd-pscr img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;}

/* ===== 書籍（左下・2冊重ね・PCに重ねて「思想を実装」） ===== */
.hd-book{position:absolute;left:-6%;bottom:-22px;width:50%;max-width:278px;z-index:4;
  display:flex;align-items:flex-end;}
.hd-book .bk{width:60%;border-radius:5px;box-shadow:0 20px 38px rgba(0,0,0,.6);display:block;}
.hd-book .bk2{margin-left:-24%;transform:rotate(7deg);transform-origin:bottom center;}
.hd-book .bk-cap{position:absolute;left:16%;bottom:-30px;display:flex;flex-direction:column;
  align-items:flex-start;gap:5px;z-index:5;}
.hd-book .bk-badge{position:relative;overflow:hidden;display:inline-flex;align-items:center;line-height:1;
  font-size:13.5px;font-weight:900;color:#3a2b00;
  background:linear-gradient(135deg,#ffe082,#ffc107 55%,#ffb300);border-radius:99px;
  padding:9px 18px;white-space:nowrap;box-shadow:0 10px 22px rgba(255,179,0,.55);
  transform-origin:center;animation:bkPulse 2.6s ease-in-out infinite;}
.hd-book .bk-badge b{font-size:20px;font-weight:900;line-height:1;color:#d81b1b;margin:0 3px;}
.hd-book .bk-badge::after{content:'';position:absolute;top:0;left:-75%;width:48%;height:100%;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.9),transparent);
  transform:skewX(-20deg);animation:bkShine 3.4s ease-in-out infinite;}
.hd-book .bk-line{font-size:13px;font-weight:800;color:#fff;background:rgba(10,14,39,.84);
  border-radius:9px;padding:7px 14px;white-space:nowrap;box-shadow:0 6px 14px rgba(0,0,0,.32);}
.hd-book .bk-line b{color:#ffd24a;font-weight:900;}
@keyframes bkPulse{0%,100%{transform:scale(1);}50%{transform:scale(1.06);}}
@keyframes bkShine{0%{left:-75%;}45%{left:135%;}100%{left:135%;}}
@media(prefers-reduced-motion:reduce){
  .hd-book .bk-badge{animation:none;}.hd-book .bk-badge::after{animation:none;display:none;}}

@media(max-width:900px){.hero-devices{max-width:480px;margin:26px auto 72px;}
  .mainVisual .imgBox{flex-direction:column !important;}
  .mainVisual .textBox, .mainVisual .photoBox{width:100% !important;}}
@media(max-width:560px){.hd-phone{right:0;bottom:-20px;}.hd-book{bottom:-16px;width:52%;}}
/* PHONE_RAISE */ @media(min-width:769px){.hd-phone{bottom:18% !important;}}
/* MNEWS_BAR */ @media(max-width:768px){.mainVisual{overflow:visible !important;}.hero-news-widget{position:relative !important;inset:auto !important;transform:none !important;width:100% !important;max-width:100% !important;margin:14px 0 0 !important;border-radius:0 !important;display:block !important;box-shadow:0 -2px 10px rgba(0,0,0,.15) !important;}.hero-news-widget .hnw-body{height:auto !important;padding:0 !important;position:relative !important;}.hero-news-widget .hnw-slide{display:none !important;}.hero-news-widget .hnw-slide.active{display:flex !important;align-items:center !important;gap:11px !important;padding:11px 84px 11px 12px !important;}.hero-news-widget .hnw-thumb{flex:0 0 80px !important;width:80px !important;height:58px !important;border-radius:3px !important;overflow:hidden !important;}.hero-news-widget .hnw-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}.hero-news-widget .hnw-date{font-size:12px !important;white-space:nowrap !important;font-weight:700 !important;}.hero-news-widget .hnw-title{font-size:13px !important;line-height:1.45 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}.hero-news-widget .hnw-arrows{position:absolute !important;right:8px !important;top:50% !important;transform:translateY(-50%) !important;display:flex !important;gap:4px !important;}}
/* MNEWS_BAR */
@media(max-width:768px){
.mainVisual{overflow:visible !important;}
.mainVisual .hero-news-widget{display:block !important;position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;transform:none !important;width:100% !important;max-width:100% !important;margin:14px 0 0 !important;border-radius:0 !important;box-shadow:0 4px 14px rgba(0,0,0,.18) !important;z-index:3 !important;}
.mainVisual .hero-news-widget .hnw-body{height:auto !important;padding:0 !important;position:relative !important;}
.mainVisual .hero-news-widget .hnw-slide{display:none !important;}
.mainVisual .hero-news-widget .hnw-slide.active{display:flex !important;align-items:center !important;gap:11px !important;padding:11px 86px 11px 12px !important;}
.mainVisual .hero-news-widget .hnw-thumb{flex:0 0 80px !important;width:80px !important;height:58px !important;border-radius:3px !important;overflow:hidden !important;}
.mainVisual .hero-news-widget .hnw-thumb img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.mainVisual .hero-news-widget .hnw-date{font-size:12px !important;white-space:nowrap !important;font-weight:700 !important;}
.mainVisual .hero-news-widget .hnw-title{font-size:13px !important;line-height:1.45 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;}
.mainVisual .hero-news-widget .hnw-arrows{position:absolute !important;right:8px !important;top:50% !important;bottom:auto !important;transform:translateY(-50%) !important;display:flex !important;gap:4px !important;}
}
/* MNEWS_COL */
@media(max-width:768px){
.mainVisual{flex-direction:column !important;}
.mainVisual .hero-news-widget{flex:0 0 auto !important;}
}
/* MNEWS_FIX */
@media(max-width:768px){
html,body{overflow-x:hidden !important;}
.mainVisual{overflow:hidden !important;}
}