@font-face {
  font-family: "Biz Noto Sans JP";
  src: url("/ah-b/assets/fonts/noto-sans-jp-page.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+20-7E, U+2014, U+2026, U+203A-203B, U+2190, U+2192, U+226B, U+3000-30FF, U+4E00-4E01, U+4E07, U+4E0A-4E0B, U+4E0D, U+4E2D, U+4E38, U+4E86, U+4E88-4E89, U+4E8B-4E8C, U+4EA4, U+4EBA, U+4ECA, U+4ED5-4ED6, U+4ED8, U+4EE3-4EE5, U+4EF6, U+4EFB, U+4F01, U+4F1A, U+4F34, U+4F4D-4F4E, U+4F53, U+4F55, U+4F59, U+4F5C, U+4F7F, U+4F8B, U+4F91, U+4F9D, U+4FA1, U+4FDD, U+4FE1, U+4FEE, U+500B, U+504F, U+505C, U+5074, U+5099, U+50CD, U+50CF, U+512A, U+5143, U+5148, U+5165, U+5168, U+516C, U+5171, U+5177, U+5185-5186, U+518A, U+518D, U+5199, U+51E6, U+51FA, U+5206-5207, U+5217, U+521D, U+5225, U+5229, U+5236, U+524A, U+524D, U+526F, U+5272, U+529B, U+52A0, U+52A9, U+52B4, U+52B9, U+52D5, U+52D9, U+5316, U+5320, U+5352, U+5358, U+5373, U+539A, U+53C2, U+53CD-53CE, U+53D6-53D7, U+53E3, U+53EF, U+53F3, U+53F7, U+5404, U+5408, U+540C-540D, U+5411, U+543E, U+544A, U+547C-547D, U+548C, U+54E1, U+5546, U+554F, U+5584, U+55B6, U+5631, U+56DE, U+56F0, U+56FA, U+56FD, U+5728, U+5747, U+578B, U+57DF, U+57FA, U+5831, U+5834, U+5883, U+58C1, U+5909, U+5916, U+591A, U+5927, U+592A, U+592E, U+5931, U+5951, U+596A, U+5973, U+59CB, U+5B50, U+5B57-5B58, U+5B66, U+5B89, U+5B8C, U+5B9A, U+5B9F, U+5BA3, U+5BB6, U+5BB9, U+5BC4, U+5BE7, U+5BFE, U+5C02, U+5C0E-5C0F, U+5C3E, U+5C4A-5C4B, U+5C5E, U+5C71, U+5DE6, U+5DEE, U+5E2B, U+5E2F, U+5E38, U+5E45, U+5E72, U+5E74, U+5E83, U+5E95, U+5EA6, U+5F0A, U+5F0F, U+5F15, U+5F53, U+5F62, U+5F79, U+5F85, U+5F8C, U+5F93, U+5F97, U+5FA9, U+5FB4, U+5FC3, U+5FC5, U+5FD9, U+5FDC, U+5FE0, U+5FF5, U+6027, U+60C5, U+60F3, U+610F, U+614B, U+6163, U+6210-6211, U+623B, U+6240, U+624B, U+6253, U+6255, U+6271, U+627F-6280, U+6291, U+6298, U+629C, U+629E, U+62C5, U+6301, U+6307, U+6319, U+632F, U+6357, U+6392, U+63A1, U+63A8, U+63C3, U+63D0, U+63DB, U+63F4, U+643A, U+64CD, U+652F, U+6539, U+6557, U+6559, U+6570, U+6574, U+6587, U+6599, U+65AD, U+65B0, U+65B9, U+65BD, U+65E2, U+65E5, U+65E7, U+660E, U+6620, U+662F, U+6642, U+666F, U+6681, U+6697, U+66F8, U+66FF-6700, U+6708-6709, U+671F, U+672A-672C, U+6750, U+679A, U+679C, U+67A0, U+67D4, U+67FB, U+682A, U+6839, U+683C, U+6848, U+68D2, U+690D, U+691C, U+693F, U+696D, U+6982, U+69CB, U+69D8, U+6A21, U+6A2A, U+6A4B, U+6A5F, U+6B21, U+6B62-6B63, U+6B8B, U+6BB5, U+6BCE, U+6C17, U+6C42, U+6C60, U+6C7A, U+6CBF, U+6CD5, U+6CE8, U+6D3B, U+6D3E, U+6D41, U+6D78, U+6D88, U+6DF1, U+6E08-6E09, U+6E1B, U+6E21, U+6E2C, U+6E80, U+6EC5, U+6F14, U+70B9, U+7121, U+7167, U+7248, U+7269, U+7279, U+72B6, U+72ED, U+7387, U+7389, U+73FE, U+7406, U+74B0, U+751F, U+7523, U+7528, U+7530-7531, U+7533, U+753B, U+754C, U+756A, U+7591, U+767A, U+767D, U+7684, U+76EE, U+76F4, U+76F8, U+7701, U+771F, U+7740, U+77E5, U+77ED, U+7814, U+78BA, U+790E, U+793A, U+793E, U+79F0, U+79FB, U+7A2E, U+7A4D, U+7A7A, U+7A81, U+7ACB, U+7AE0, U+7AF6, U+7B2C, U+7B49, U+7B54, U+7B97, U+7BA1, U+7BC9, U+7CFB, U+7D04, U+7D14, U+7D19, U+7D2F, U+7D42, U+7D44, U+7D4C, U+7D50, U+7D71, U+7D76, U+7D9A, U+7DCF, U+7DF4, U+7E2E, U+7E3E, U+7E54, U+7F6E, U+7F72, U+7FA9, U+7FD2, U+8003, U+8005, U+805E, U+8074, U+8077, U+80B2, U+80CC, U+80FD, U+81EA, U+81F4, U+822C, U+826F, U+8272, U+843D, U+85E4, U+884C, U+8853, U+8868, U+88C5, U+88DC, U+88FD, U+8907, U+8981, U+898B, U+898F, U+8996, U+89A7, U+89D2, U+89E3, U+89E6, U+8A00, U+8A08, U+8A0E, U+8A13, U+8A17-8A18, U+8A2D, U+8A3C, U+8A66, U+8A70-8A71, U+8A8D, U+8AA4, U+8AAD, U+8AB2, U+8ABF, U+8AC7, U+8ACB, U+8AD6, U+8B00, U+8B1B, U+8B58, U+8B70, U+8CA0, U+8CB4, U+8CBB, U+8CC7, U+8CEA, U+8D70, U+8D8A, U+8DB3, U+8DF5, U+8EAB, U+8EDF, U+8EE2, U+8EFD, U+8F09, U+8FBC, U+8FD4, U+8FF7, U+8FFD, U+9001, U+9006, U+900F, U+901A, U+901F-9020, U+9023, U+9032, U+904B, U+9054-9055, U+9063, U+9069, U+9078, U+90A3, U+90CE, U+90E8, U+914D, U+91CD-91CE, U+91D1, U+9280, U+9396, U+9577, U+9580, U+958B, U+9593, U+95A2, U+9632, U+9650, U+9664-9665, U+967D, U+9699, U+969B, U+96A0, U+96C6, U+96D1, U+96FB, U+9752, U+975E, U+9762, U+9805-9806, U+9808, U+9818, U+982D, U+984C, U+985E, U+98FE, U+99C6, U+9A13, U+9AD8, U+9ED2, U+FF00-FFEF;
}
@font-face {
  /* ページ外の文字が出たときだけ取りに行く残り全部 */
  font-family: "Biz Noto Sans JP";
  src: url("/ah-b/assets/fonts/noto-sans-jp-rest.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
.hero__form { display: none !important; }
.df-field { margin-bottom: 8px; }
.df-label { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; font-size: 12px; font-weight: 700; color: #222; margin-bottom: 3px; line-height: 1.4; }
.df-req { background: #e53935; color: #fff; font-size: 10px; font-weight: 700; padding: 1px 7px; letter-spacing: .04em; }
.df-input,
.df-select { width: 100%; padding: 7px 10px; border: 1px solid #d0d5dd; font-size: 13px; color: #222; background: #fff; box-sizing: border-box; }
.df-input::placeholder { color: #aab; }
.df-input:focus,
.df-select:focus { outline: none; border-color: #1a6fb5; box-shadow: 0 0 0 3px rgba(26,111,181,.12); }
.df-select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23888' d='M6 8L0 0h12z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; padding-right: 32px; }
.df-opts { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.df-opt { display: flex; align-items: center; gap: 8px; border: 1px solid #d0d5dd; padding: 6px 9px; font-size: 12px; cursor: pointer; }
.df-opt input[type=radio] { appearance: none !important; width: 16px; height: 16px; min-width: 16px; margin: 0; border: 2px solid #b8c0cc; border-radius: 50%; background: #fff; position: relative; }
.df-opt input[type=radio]:checked { border-color: #1a6fb5; }
.df-opt input[type=radio]:checked::after { content: ""; position: absolute; inset: 2px; border-radius: 50%; background: #1a6fb5; }
.df-error { color: #e53935; font-size: 10px; margin-top: 3px; }
.df-submit-wrap { position: relative; width: 86%; margin: 16px auto 0; }
.df-submit { position: relative; overflow: visible; width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: linear-gradient(107deg,#d4215f 0%,#d4215f 73%,#b31c50 73%,#b31c50 100%); color: #fff; font-size: 14px; font-weight: 700; padding: 10px 16px 10px 22px; border: 0; cursor: pointer; }
.df-submit__label { position: relative; z-index: 1; line-height: 1; }
.df-submit__icon { position: relative; z-index: 1; width: 24px; height: 24px; border: 1.5px solid #fff; border-radius: 50%; flex-shrink: 0; }
.df-submit__icon::before { content: ""; position: absolute; width: 6px; height: 6px; top: 7px; left: 7px; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; transform: rotate(45deg); }
.df-submit__cover { position: absolute; left: 8px; top: 50%; transform: translateY(-50%); height: 132%; width: auto; max-width: 58px; object-fit: contain; filter: drop-shadow(0 2px 6px rgba(0,0,0,.35)); z-index: 2; pointer-events: none; }
.df-consent { font-size: 11px; color: #555; line-height: 1.55; margin: 8px 0 0; }
.df-consent a { color: #2a5a9b; text-decoration: underline; }

@media (min-width: 1081px) {
  /* 右レール（320px）分の幅をページ側で確保する */
  body { padding-right: 320px !important; }
  /* 右レール分だけヘッダーを内側に寄せ、レールと重ならないようにする */
  .top-header-wrap { left: 0 !important; right: 320px !important; width: auto !important; max-width: none !important; transform: none !important; }
  .hero { height: 640px !important; background: linear-gradient(90deg,#24a4cb 0%,#45b2d4 100%) !important; }
  /* 画面右に固定・全高のダウンロードフォームレール（ページ側は body の padding-right で幅を確保） */
  .right-form-fixed { display: block; position: fixed; top: 0; right: 0; bottom: 0 !important; width: 320px; background: #fff; border-radius: 0; box-shadow: 0 -20px 15px 0 rgb(0 0 0 / 10%); overflow-y: auto; scrollbar-width: thin; z-index: 100; box-sizing: border-box; white-space: normal; }
  .right-form-fixed .fv_form { padding: 24px 14px 80px 14px; }
  .footer { margin-right: 0 !important; }
  /* レール分だけ本文幅が狭まるので、フッター内側に左右の余白を確保する */
  .footer__inner,
  .footer__bottom { max-width: 1200px !important; padding-left: 56px !important; padding-right: 56px !important; box-sizing: border-box !important; }
  /* 左右余白を確保したぶん、列間を詰めて各列の折り返しを防ぐ */
  .footer__inner { gap: 32px !important; }
}

@media (max-width: 1080px) {
  .hero { height: auto !important; overflow: hidden !important; background: #0f2a5e !important; }
  .right-form-fixed { display: none !important; }
}

/* --- レイヤーFV(背景SVG＋人物切り抜き)をSPで成立させる補正。旧・写真FV前提の上書きを是正（末尾＝最優先） --- */
@media (max-width: 1080px) {
}


/* 共有 FV_CSS(BizFvStyle) がFV見出しに当てている白背景ボックス＋黒文字を打ち消し、
   bytech-lp と同じ「金色＋白文字・中央寄せ」に戻す（bizのみ）。
   サイズは後続の移植ブロックで指定する。 */
.hero__catch { text-align: center !important; }
.hero__catch .hero__ttl {
  display: block !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: #fff !important;
}
.hero__catch .hero__ttl .hero_txt01,
.hero__catch .hero__ttl .hero_txt02 {
  display: block !important;
  width: auto !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-weight: 800 !important;
  letter-spacing: .05em !important;
}
.hero__catch .hero__ttl .hero_txt01 { color: #ffca43 !important; margin-bottom: 0 !important; }
.hero__catch .hero__ttl .hero_txt02 { color: #fff !important; }
.hero__l-main-img__img img.fv-bg-pc,
.hero__l-main-img__img img.fv-bg-sp,
.hero__l-main-img__img img.fv-people-pc,
.hero__l-main-img__img img.fv-people-sp { display: none !important; }
.hero__l-main-img__img picture { display: block !important; }

/* ============================================================
   bytech-lp (public/biz-top-static) のFV上書きCSSを移植。
   FV(hero)関連のルールのみ採用し、右レール/body/ヘッダー/フッターの
   指定は bytech-ad 側の既存実装をそのまま使う。
   ============================================================ */
.hero .fadein {opacity: 1 !important; transform: none !important; transition: none !important;}
.hero::before {background-image: linear-gradient(180deg, rgba(3,18,34,.58) 0%, rgba(3,18,34,.62) 55%, rgba(3,18,34,.72) 100%) !important;}
.hero__catch .txt {display: inline-block !important; width: auto !important; font-size: 2.9rem !important; margin-bottom: 4.6rem !important; text-shadow: 0 2px 8px rgba(0,0,0,.35) !important;}
.hero__catch .txt span {font-size: 2.3rem !important;}
.hero__catch .txt::after {width: 100% !important; height: 34px !important; bottom: -40px !important; background-size: contain !important; background-position: center !important;}
.hero__catch .hero__ttl {text-shadow: 0 2px 10px rgba(0,0,0,.35) !important;}
.hero__catch .hero__ttl .hero_txt01 {font-size: 3.92rem !important;}
.hero__catch .hero__ttl .hero_txt02 {font-size: 8.54rem !important;}
.hero__cta {margin-top: 26px !important; gap: 20px !important; flex-direction: row !important; flex-wrap: wrap !important;}
.hero__cta-btn {position: relative !important; min-width: 196px !important; padding: 12px 20px !important; border-radius: 6px !important; box-shadow: 0 6px 16px rgba(0,0,0,.25) !important;}
.hero__cta-btn__label {position: absolute !important; top: -10px !important; left: 50% !important; transform: translateX(-50%) !important; background: #14181f !important; color: #fff !important; font-size: 1rem !important; font-weight: 700 !important; letter-spacing: .02em !important; padding: 3px 10px !important; border-radius: 4px !important; white-space: nowrap !important; margin: 0 !important;}
.hero__cta-btn__main {font-size: 1.6rem !important; font-weight: 800 !important; gap: 10px !important;}
.hero__cta-btn--outline {background: #C1274F !important; border: 2px solid #fff !important; color: #fff !important;}
.hero__cta-btn--fill {background: #2B58AE !important; border: 2px solid #fff !important; color: #fff !important;}
@media (min-width: 1081px) {
.hero__catch {width: 100% !important; justify-content: center !important; align-items: center !important; text-align: center !important; padding-left: max(24px, calc((100% - 1080px) / 2 - 2%)) !important; padding-right: calc(max(80px, calc((100% - 1080px) / 2 + 7%)) + 384px) !important; padding-top: 24px !important;}
.hero__catch > div {width: 100% !important; max-width: 760px !important; margin-left: auto !important; margin-right: auto !important;}
.hero__catch .hero__label__logo {text-align: center !important; margin-top: 20px !important; padding-left: 0 !important;}
.hero__element__txt {font-size: 1.18rem !important;}
.hero__catch .hero__label__logo img {margin: 0 auto !important; width: 455px !important; max-width: 100% !important;}
.hero__form {display: none !important;}
.hero__cta-sp {display: none !important;}
.hero {height: 700px !important; background: #0b1b2b !important;}
.hero__l-main-img__img {height: 100% !important; max-height: none !important; min-height: 0 !important;}
.hero__l-main-img__img {overflow: hidden !important;}
.hero__l-main-img__img picture {position: absolute !important; inset: 0 !important; left: 0 !important; top: 0 !important; bottom: 0 !important; transform: none !important; width: 100% !important; height: 100% !important; display: block !important;}
.hero__l-main-img__img picture img, .hero__l-main-img__img img {width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover !important; object-position: 60% center !important; transform: none !important;}
.hero::after {display: none !important;}
}
@media (max-width: 1080px) {
.hero {height: auto !important; overflow: hidden !important; background: #0f2a5e !important;}
.hero::after {display: none !important;}
.hero::before {display: block !important; background-image: linear-gradient(180deg, rgba(3,18,34,.74) 0%, rgba(3,18,34,.58) 38%, rgba(3,18,34,.72) 100%) !important;}
.hero__l-main-img__img {position: absolute !important; inset: 0 !important; height: 100% !important; max-height: none !important; min-height: 0 !important; overflow: hidden !important;}
.hero__l-main-img__img picture {position: absolute !important; inset: 0 !important; left: 0 !important; top: 0 !important; transform: none !important; height: 100% !important; display: block !important;}
.hero__l-main-img__img picture img, .hero__l-main-img__img img {width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: 62% center !important; transform: scale(1.1) translateY(-4%) !important; transform-origin: 62% 0% !important;}
.hero__catch {position: relative !important; z-index: 2 !important; inset: auto !important; display: block !important; width: 100% !important; max-width: 100% !important; padding: 200px 26px 0 !important; text-align: center !important;}
.hero__catch > div {max-width: 100% !important;}
.hero__ttl {overflow-wrap: anywhere !important;}
.hero__catch .txt {font-size: 5.4vw !important; margin-bottom: 3.2rem !important;}
.hero__catch .txt::after {width: 100% !important; height: 22px !important; bottom: -26px !important;}
.hero__catch .txt span {font-size: 0.8em !important;}
.hero__ttl {font-size: clamp(3.2rem, 12vw, 5.6rem) !important;}
.hero__catch .hero__ttl .hero_txt01 {font-size: 7.15vw !important;}
.hero__catch .hero__ttl .hero_txt02 {font-size: 15.8vw !important;}
.hero__element__txt {display: none !important;}
.hero__label__logo {text-align: center !important; margin-top: 18px !important; margin-bottom: 16px !important; padding: 0 !important;}
.hero__label__logo img {width: 100% !important; max-width: none !important; margin: 0 auto !important;}
.hero__cta-sp {display: flex !important; flex-direction: column !important; gap: 12px !important; margin: 26px -12px 0 !important; padding: 26px 20px 32px !important; background: #0f2a5e !important; position: relative !important; z-index: 2 !important;}
.hero__cta-sp__btn {display: flex !important; align-items: center !important; justify-content: space-between !important; padding: 16px 22px 16px 60px !important; font-size: 1.7rem !important; font-weight: 800 !important; text-decoration: none !important; border-radius: 8px !important; box-sizing: border-box !important;}
.hero__cta-sp__btn--fill {background: linear-gradient(107deg,#D4215F 0%,#D4215F 72%,#b31c50 72%,#b31c50 100%) !important; color: #fff !important; box-shadow: 0 10px 24px rgba(196,29,84,.38) !important;}
.hero__cta-sp__btn--outline {background: rgba(255,255,255,.96) !important; color: #17398a !important; border: 2px solid #fff !important;}
.hero__cta-sp__btn {position: relative !important; overflow: visible !important; gap: 8px !important;}
.hero__cta-sp__ic {width: 21px !important; height: 21px !important; flex-shrink: 0 !important; stroke: currentColor !important; stroke-width: 2.2px !important; fill: none !important; overflow: visible !important;}
.hero__cta-sp__dlico {display: inline-block !important; width: 22px !important; height: 22px !important; flex-shrink: 0 !important; background: center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3v12'/%3E%3Cpath d='M8 11l4 4 4-4'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E") !important;}
.hero__cta-sp__cover {position: absolute !important; left: 8px !important; bottom: -3px !important; width: auto !important; height: 116% !important; max-width: 52px !important; object-fit: contain !important; transform: rotate(-5deg) !important; filter: drop-shadow(0 5px 12px rgba(0,0,0,.45)) !important; pointer-events: none !important; z-index: 2 !important;}
}
@media(min-width:1081px) {
.hero__l-main-img__img picture {display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hero__l-main-img__img picture img {display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center 34%!important;transform:none!important}
}
@media(max-width:1080px) {
.hero {position:relative!important}
.hero__l-main-img__img {position:absolute!important;inset:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important;width:100%!important;height:100%!important;max-height:none!important;overflow:hidden!important;z-index:0!important}
.hero__l-main-img__img picture {display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important}
.hero__l-main-img__img picture img {display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:42% 38%!important;transform:none!important}
.hero__catch {position:relative!important;z-index:5!important;margin-top:0!important;padding-top:74px!important;padding-bottom:26px!important;background:transparent!important}
.hero__cta {display:none!important}
.hero__cta-sp {display:none!important}
}

/* bytech-ad はレール幅を body の padding-right で確保しているため、
   移植した .hero__catch の padding-right（レール用の余白）は不要。
   左右対称にしてレールを除いた領域の中央に置く。 */
@media (min-width: 1081px) {
  .hero__catch {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* 共有 FV_CSS が .hero::before を display:none にしているため、
   移植ブロックの background-image が効かずオーバーレイが消えていた。表示を戻す。 */
.hero::before { display: block !important; }

/* ------------------------------------------------------------
   SP(1080px以下)のフォームを biz.bytech.jp (bytech-lp) と同じ
   「FV直下のインライン設置」に。position:static で hero の直後に出す。
   ------------------------------------------------------------ */
@media (max-width: 1080px) {
  .right-form-fixed {display: block !important; position: static !important; width: auto !important; max-width: none !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important;}
  .right-form-fixed .fv_form {background: #fff !important; border-radius: 0 !important; padding: 0 0 28px !important; overflow: hidden !important;}
  .right-form-fixed .form_header {display: flex !important; align-items: center !important; justify-content: center !important; gap: 14px !important; margin: 0 0 20px !important; padding: 16px 16px 14px !important; background: linear-gradient(135deg, #204aa8 0%, #1a6fb5 100%) !important;}
  .right-form-fixed .form_header__text {flex: 0 0 auto !important; min-width: 0 !important;}
  .right-form-fixed .form_eyebrow {color: rgba(255,255,255,.92) !important; font-size: 13px !important; font-weight: 700 !important; text-align: left !important; margin: 0 0 4px !important; letter-spacing: .02em !important;}
  .right-form-fixed .form_title {color: #fff !important; font-size: 24px !important; font-weight: 900 !important; text-align: left !important; margin: 0 !important; line-height: 1.2 !important;}
  .right-form-fixed .form_cover {display: block !important; position: static !important; width: 92px !important; height: auto !important; flex-shrink: 0 !important; filter: drop-shadow(0 6px 14px rgba(0,0,0,.35)) !important;}
  .right-form-fixed .df-form {padding: 0 16px !important;}}

/* 「成果直結のハンズオン型」を太くする */
.hero__catch .hero__ttl .hero_txt01 { font-weight: 900 !important; }

/* ------------------------------------------------------------
   フォームヘッダーの資料画像を biz.bytech.jp（本番）と同じ扱いに。
   PC: 1冊の表紙(.form_cover) / SP: 3枚のスライドを重ねた .form_slides
   ------------------------------------------------------------ */
@media (min-width: 1081px) {
  .right-form-fixed .form_slides { display: none !important; }
}
@media (max-width: 1080px) {
  .right-form-fixed .form_cover { display: none !important; }
  .right-form-fixed .form_slides {
    position: relative !important;
    display: block !important;
    flex: 0 0 auto !important;
    width: 152px !important;
    height: 108px !important;
  }
  .right-form-fixed .form_slides img {
    position: absolute !important;
    width: 118px !important;
    height: auto !important;
    border-radius: 3px !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    box-shadow: 0 6px 14px rgba(0,0,0,.35) !important;
  }
  .right-form-fixed .form_slides img:nth-child(1) { left: 0 !important; top: 0 !important; transform: rotate(-7deg) !important; }
  .right-form-fixed .form_slides img:nth-child(2) { left: 17px !important; top: 15px !important; transform: rotate(-1deg) !important; }
  .right-form-fixed .form_slides img:nth-child(3) { left: 34px !important; top: 30px !important; transform: rotate(5deg) !important; }
}

/* SPのFV CTAは本番(biz.bytech.jp)の指定をそのまま移植。
   align-items:stretch + width:100% で2つのボタン幅が揃う。 */
@media (max-width: 1080px) {
  .hero__cta { display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 20px !important; margin-top: 26px !important; }
  .hero__cta-btn { width: 100% !important; min-width: 0 !important; max-width: none !important; padding: 13px 18px !important; justify-content: center !important; }
  .hero__cta-btn__main { font-size: 1.7rem !important; }
  .hero__cta-btn__label { font-size: 1.1rem !important; top: -11px !important; }
  .hero__cta-sp { display: none !important; }
}

/* フォームヘッダー（青帯）の左右余白を広げる */
@media (max-width: 1080px) {
  .right-form-fixed .form_header {
    padding-left: 28px !important;
    padding-right: 28px !important;
    gap: 10px !important;
  }
  .right-form-fixed .form_slides { width: 138px !important; height: 100px !important; }
  .right-form-fixed .form_slides img { width: 106px !important; }
  .right-form-fixed .form_slides img:nth-child(2) { left: 15px !important; top: 14px !important; }
  .right-form-fixed .form_slides img:nth-child(3) { left: 30px !important; top: 27px !important; }
}

/* ------------------------------------------------------------
   Noto Sans JP を適用する。
   ・style.css は font-family: var(--font-noto-jp), "Noto Sans JP", sans-serif を
     使っているが bytech-ad では --font-noto-jp が未定義で宣言が無効化されていた。
     ファイル先頭で @font-face 済みの "Biz Noto Sans JP" を割り当てて有効化する。
   ・FV見出しには明示的にも指定する（移植時に誤って削除したルールの復元）。
   ------------------------------------------------------------ */
:root { --font-noto-jp: "Biz Noto Sans JP"; }

.hero__catch .txt,
.hero__catch .hero__ttl,
.hero__catch .hero__ttl .hero_txt01,
.hero__catch .hero__ttl .hero_txt02 {
  font-family: "Biz Noto Sans JP", "Noto Sans JP", sans-serif !important;
}

/* ロゴマーキーの見出しは SP のみ「企業に〜」の前で改行する */
.logo-marquee__br-sp { display: none; }
@media (max-width: 768px) {
  .logo-marquee__br-sp { display: inline !important; }
}