/* ==========================================================
   レスポンシブ調整（移管後に追加）
   ----------------------------------------------------------
   STUDIOの指定（style.css）はそのまま残し、崩れていたところだけをここで上書きしています。
   PC（1281px以上）の見た目は変えていません。

   画面幅の区切り（STUDIOと同じ）
     1281px〜      PC
     961〜1280px   小さめのPC・iPad Pro（横長のタブレット）
     481〜960px    タブレット
     〜480px       スマホ

   ※ §xxxxxxxx は build.py で STUDIO の部品名（data-s-…）に置き換わります
   ========================================================== */


/* ---------------------------------------------------------
   0. 全体
   --------------------------------------------------------- */
/* CVエリアの見出しで1文字だけ次の行に落ちる（「な／ら」など）のを防ぐ */
.sd[data-s-01e93204-b9af-4caf-9895-b3f964c61b2e], .sd[data-s-dbc2c099-2520-4b97-938d-848144183118], .sd[data-s-13de29f5-37e7-48cc-b195-60fb5374144d], .sd[data-s-482958f4-ebe5-4acc-8ae6-1d2157b672ba] { text-wrap: balance; }

/* キービジュアルの見出しの帯：「実現！」の後ろの余白が狭かったので、左と同じだけ右にも余白をとる */
.sd[data-s-c7cdacd6-2298-4dff-a972-5db47c364fb7] { padding-right: 14px !important; }   /* 文字の右側にある見えない余白の分、左より2px短くして見た目をそろえる */
.sd[data-s-13792cef-ecb8-4294-84bb-7a28352a5f86] { padding-right: 6px !important; }
.sd[data-s-62a4b8bf-72a6-4b17-8a3f-968a8e8d548e] { padding-right: 8px !important; }

/* お知らせ：開いたときの本文が「Q」の分だけ右に寄っていたので、コンテンツの幅いっぱいに広げる */
.sd[data-s-c292e27c-cd8f-4e70-8c89-1bb60a9ac8d9] { max-width: 100% !important; width: 100% !important; }
.sd[data-s-ac61dab5-3bd6-4148-9261-b707b6da3506] { margin-left: 0 !important; max-width: 100% !important; width: 100% !important; }
.sd[data-s-9c1fb489-0401-4bd4-aa54-486271882d32] { width: 100% !important; max-width: 100% !important; }

/* 講座ポップアップ：下の2つのボタン（資料ダウンロード・無料相談）が縦に並んだときの間隔 */
[data-kind="course"] .mig-cta-row { row-gap: 16px !important; }

/* 研修講座カードのタグ（全部門・全社員…）が見切れないよう、入りきらなければ折り返す */
:is(#pattern1, #pattern2, #pattern3) > div:first-child > :is(button, div):not(:last-child) > div:nth-child(2) > div:first-child > div:nth-child(2) {
  flex-wrap: wrap !important;
  row-gap: 6px !important;
}
:is(#pattern1, #pattern2, #pattern3) > div:first-child > :is(button, div):not(:last-child) > div:nth-child(2) > div:first-child > div:nth-child(2) > * {
  flex-shrink: 0 !important;
}



/* ---------------------------------------------------------
   PC（961px以上）：キービジュアルの写真
   上下の余白をそろえ、画面が狭くなって写真が小さくなっても、上下の余白は同じ割合で小さくなるようにする
   （写真の箱を「ヘッダーの下〜エリアの下」の間に、上下同じ余白で置き、写真はその箱いっぱいに表示）
   --------------------------------------------------------- */
@media screen and (min-width: 961px) {
  .sd[data-s-68162058-5581-4ec7-abea-df617da9ad6c] { --kv-m: clamp(12px, 2vw, 28px); }
  .sd[data-s-4b9d22aa-90d0-4503-b6f2-460515975e40] {
    position: absolute !important; right: 60px !important; left: auto !important;
    top: calc(64px + var(--kv-m)) !important; bottom: var(--kv-m) !important;
    width: min(calc((100% - 120px) / 2), 700px) !important; max-width: none !important; height: auto !important;
    padding: 0 !important; margin: 0 !important; display: block !important;
  }
  .sd[data-s-cc22a8ff-35be-4f9b-959e-5d88fd5f16c1] { width: 100% !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover !important; object-position: center !important; }
  .sd[data-s-82ca1472-3b0c-4475-a376-2e18c5479f4b] { position: absolute !important; right: 0 !important; bottom: 20px !important; margin: 0 !important; }
}


/* ---------------------------------------------------------
   お知らせ：右端の「＋」が下線の右端からはみ出さないようにする
   （タイトルの行が横幅いっぱいを取っていたので、「＋」の分だけ短くする。よくあるご質問と同じ形）
   --------------------------------------------------------- */
.sd[data-s-7542a5d9-cd58-4570-9b52-d36d5f47b6e0] { max-width: calc(100% - 24px) !important; }


/* ---------------------------------------------------------
   大きい画面（1281px以上）：コンテンツの最大幅を「研修講座を探す」の一覧と同じ1280pxにそろえる
   ・対象：研修とは？／研修講座を探す（見出し）／導入までの流れ／助成金／よくあるご質問／お知らせ
   ・対象外：キービジュアル、講座のスライダー、CTA（無料相談・資料ダウンロードの帯）、フッター
   ・背景の色は画面いっぱいのまま、中身だけ中央に1280pxでそろえる
   --------------------------------------------------------- */
@media screen and (min-width: 1281px) {
  /* 左右80pxの余白を内側に持つ箱：余白込みで1440px（中身1280px） */
  .sd[data-s-8ce4fd0c-732d-4d69-9bbd-c4fe8b517de4], .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e], .sd[data-s-90cd8ed6-52b6-466d-b361-a61517cd2923], .sd[data-s-7baa73bf-075b-4daa-88d5-1887484d6de3], .sd[data-s-72b9432b-fb9a-420e-a98a-599b84c2dc3e], .sd[data-s-10015e86-fe8b-47bc-8af7-bf6a02b74139] {
    width: 100% !important; max-width: 1440px !important; margin-left: auto !important; margin-right: auto !important;
  }
  /* 余白を持たない箱：そのまま1280px */
  .sd[data-s-94f40d07-dcdd-4c83-b3e9-e30038d91fb6], .sd[data-s-848c6a1a-4add-44d4-aa1f-da1f04b421ff], .sd[data-s-011f6ea2-aeba-4297-8ca9-e57cacfd4b7c], .sd[data-s-f0f8d851-aec0-45aa-bf4e-d1a7426b6f71] {
    width: 100% !important; max-width: 1280px !important; margin-left: auto !important; margin-right: auto !important;
  }
  /* 助成金：中身と「相談する」ボタンを同じ左端にそろえるため、エリアの左右の余白で1280pxにする */
  .sd[data-s-9668db9c-24b2-460e-9252-15d2ed00895d] { padding-left: max(80px, calc((100% - 1280px) / 2)) !important; padding-right: max(80px, calc((100% - 1280px) / 2)) !important; }
}


/* ---------------------------------------------------------
   1. 小さめのPC・iPad Pro（961〜1280px）
   --------------------------------------------------------- */
@media screen and (min-width: 961px) and (max-width: 1280px) {

  /* ページ全体のコンテンツ幅をそろえる：「研修講座を探す」と同じく、左右48pxの余白で全エリア統一 */
  .sd[data-s-0581f14c-bc63-4a7f-9c93-4256f7006555], .sd[data-s-ced5f227-b831-4ffe-a7cc-932cb820810b], .sd[data-s-702c7112-d274-4dd2-a3a7-81416b33c39a], .sd[data-s-01e4433e-e1aa-4a58-83ff-9506d8ca2e2b], .sd[data-s-a7d3d03c-b4db-4ee7-b23a-cbe1265dcbb5], .sd[data-s-9668db9c-24b2-460e-9252-15d2ed00895d], .sd[data-s-7c7d96eb-88d6-4b72-90a0-d67b3d9d7afc], .sd[data-s-7941eabc-1903-4158-b544-97136b6ad26a], .sd[data-s-5699466a-3fe8-4dcb-b0d9-890fd26f14be], .sd[data-s-de33c6a2-2bfe-498a-afac-92057e54a795] {
    padding-left: 48px !important; padding-right: 48px !important;
  }
  /* 見出し・パネル・質問リストの内側にあった左右80pxの余白をなくして、横いっぱいに */
  .sd[data-s-8ce4fd0c-732d-4d69-9bbd-c4fe8b517de4], .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e], .sd[data-s-90cd8ed6-52b6-466d-b361-a61517cd2923], .sd[data-s-7baa73bf-075b-4daa-88d5-1887484d6de3], .sd[data-s-72b9432b-fb9a-420e-a98a-599b84c2dc3e], .sd[data-s-10015e86-fe8b-47bc-8af7-bf6a02b74139] { padding-left: 0 !important; padding-right: 0 !important; }

  /* ヘッダー：メニューが2段に落ちないように、文字と余白を少し詰める */
  .sd[data-s-0581f14c-bc63-4a7f-9c93-4256f7006555] { column-gap: 16px !important; }
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] { width: auto !important; max-width: none !important; flex: 0 1 auto !important; margin-left: auto !important; flex-wrap: nowrap !important; justify-content: flex-end !important; gap: 0 !important; }
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] > a { padding: 8px 4px !important; flex-shrink: 0 !important; }
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] > a p { font-size: 12px !important; white-space: nowrap !important; }
  .sd[data-s-31626add-711f-4acf-a873-1fc6e3cc497d] { flex-shrink: 0 !important; }
  .sd[data-s-31626add-711f-4acf-a873-1fc6e3cc497d] > a { padding-left: 12px !important; padding-right: 12px !important; }
  .sd[data-s-31626add-711f-4acf-a873-1fc6e3cc497d] > a p { font-size: 13px !important; white-space: nowrap !important; }
  .sd[data-s-25ab87f8-bc26-472e-9584-55a2dd5d2422] { flex-shrink: 0 !important; }
}
/* 961〜1060px：ヘッダーの横幅が足りず、ボタン2つが2段目に落ちていたので、メニューの文字と間をもう少しだけ詰める */
@media screen and (min-width: 961px) and (max-width: 1060px) {
  .sd[data-s-0581f14c-bc63-4a7f-9c93-4256f7006555] { column-gap: 12px !important; }
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] > a { padding-left: 2px !important; padding-right: 2px !important; }
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] > a p { font-size: 11px !important; }
  .sd[data-s-31626add-711f-4acf-a873-1fc6e3cc497d] > a { padding-left: 10px !important; padding-right: 10px !important; }
}
@media screen and (min-width: 961px) and (max-width: 1280px) {

  /* キービジュアル：PCの形のまま縮小（freeze_kv.css と main.js の zoom） */

  /* アポロのDX・AI活用研修とは？：パネルの余白と見出しの大きさ */
  .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e] > * > * { padding: 56px 32px !important; }
  /* パネルの高さが画面の高さ（50dvh）で決まっていて、iPadの縦長画面だと下が大きく空くので、中身に合わせる */
  .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e] > * > * { height: auto !important; }
  /* パネル同士の間隔を少しだけ狭く（48px → 32px） */
  .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e] { row-gap: 32px !important; }
  .sd[data-s-5a84ce0f-58c0-412e-8ad3-d30ed982f626], .sd[data-s-d8d5710b-3407-4edc-85a2-610108e191f2] { column-gap: 32px !important; }
  .sd[data-s-92826dfc-e503-4658-9c4d-2e23ec1c1959], .sd[data-s-c01a372d-f7df-49da-bb10-5975bbf46553], .sd[data-s-04bb8029-0603-4bee-b11b-3cb094603223], .sd[data-s-a60a2704-165f-4d9e-be90-163c6d06d722] { width: calc(50% - 16px) !important; max-width: calc(50% - 16px) !important; }
  .sd[data-s-5a84ce0f-58c0-412e-8ad3-d30ed982f626], .sd[data-s-d8d5710b-3407-4edc-85a2-610108e191f2] { height: auto !important; align-items: stretch !important; }
  .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e] > * > * > :nth-child(2) > :first-child {
    flex-wrap: wrap !important; justify-content: center !important; zoom: .82;
  }

  /* CVエリア（高品質・低価格を求めるなら／課題に合わせた…／「現場で使える…」）：見出しの幅を広げる */
  .sd[data-s-a06ba803-6a77-4b28-95b1-d5fd2dfec8fd], .sd[data-s-587c1047-810f-4c19-8a51-1e496ccab76c], .sd[data-s-6f95306e-65d4-4624-8312-24e09ebb8c5a] { padding-left: 0 !important; padding-right: 0 !important; }

  /* 研修講座を探す：カードの間を詰めて、画像を大きく */
  .sd[data-s-6848dc3f-3c7e-440d-aaff-0cc86f146f26] { padding-left: 48px !important; padding-right: 48px !important; }
  :is(#pattern1, #pattern2, #pattern3) > div:first-child { column-gap: 24px !important; }
  :is(#pattern1, #pattern2, #pattern3) > div:first-child > :is(button, div):not(:last-child) {
    width: calc((100% - 48px) / 3) !important; max-width: calc((100% - 48px) / 3) !important;
  }

  /* 導入までの流れ：左右の余白を減らして、カードを広く */
  .sd[data-s-848c6a1a-4add-44d4-aa1f-da1f04b421ff], .sd[data-s-011f6ea2-aeba-4297-8ca9-e57cacfd4b7c] { width: 100% !important; max-width: 100% !important; }


  /* 研修実施後も万全のサポート体制！：スマホと同じく、見出し → チェック項目 の縦並びに */
  .sd[data-s-e96d92c4-1da0-44f3-94d1-03be12a2d41c] { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; padding: 40px 56px !important; height: auto !important; }
  .sd[data-s-8ec936fe-18f1-4275-aed2-a184d29302be], .sd[data-s-48a70082-0673-46a8-b79d-6582cd7398e4] { width: 100% !important; max-width: 100% !important; }
  .sd[data-s-48a70082-0673-46a8-b79d-6582cd7398e4] br { display: none; }
  .sd[data-s-0cffb34d-c98c-4b04-910f-2e631c12b665], .sd[data-s-34ac2083-388c-495e-a3c7-a9fb5efebb61], .sd[data-s-ac30d7f7-b7b8-459f-ab38-4190b6d1579d], .sd[data-s-4ae0aba4-057e-4862-a3d5-571295818639] { width: 100% !important; max-width: 100% !important; }
  .sd[data-s-0cffb34d-c98c-4b04-910f-2e631c12b665] p { white-space: normal !important; }

  /* 助成金：見出しが1文字だけ落ちないように少し小さく */
  .sd[data-s-482958f4-ebe5-4acc-8ae6-1d2157b672ba] { font-size: 32px !important; letter-spacing: -0.02em !important; }
  /* 助成金：相談ボタンは左のブロックに重ねず、下に間隔をあけて置く */
  .sd[data-s-7583f3df-c71d-41b8-936c-9a36a5907d73] { margin: 48px 0 0 !important; }
  /* 助成金：上下の空きすぎを詰める */
  .sd[data-s-9668db9c-24b2-460e-9252-15d2ed00895d] { padding-top: 120px !important; padding-bottom: 100px !important; }
  /* 助成金：左右のブロックの間を狭くして（80px → 40px）、その分右のカードを広く */
  .sd[data-s-f0f8d851-aec0-45aa-bf4e-d1a7426b6f71] { column-gap: 40px !important; }
  .sd[data-s-9242fd21-7309-4e3e-b0f9-0561793e64c6] { flex: 1 1 0 !important; max-width: none !important; padding: 40px 24px !important; }
}


/* ---------------------------------------------------------
   2. タブレット（481〜960px）
   --------------------------------------------------------- */
@media screen and (min-width: 481px) and (max-width: 960px) {

  /* ヘッダー：右端のボタンがはみ出さないように詰める */
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] { flex-wrap: nowrap !important; gap: 0 !important; }
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] > a { padding: 4px 4px !important; flex-shrink: 0 !important; }
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] > a p { font-size: 11px !important; white-space: nowrap !important; }
  .sd[data-s-31626add-711f-4acf-a873-1fc6e3cc497d] { flex-wrap: nowrap !important; flex-shrink: 0 !important; margin-left: auto !important; }
  .sd[data-s-31626add-711f-4acf-a873-1fc6e3cc497d] > a { padding: 6px 12px !important; }
  .sd[data-s-31626add-711f-4acf-a873-1fc6e3cc497d] > a p { font-size: 12px !important; white-space: nowrap !important; }

  /* キービジュアル：文字と写真が重ならないよう、写真を下に並べる */
  .sd[data-s-68162058-5581-4ec7-abea-df617da9ad6c] { flex-direction: column !important; align-items: stretch !important; padding: 120px 40px 48px !important; gap: 32px !important; height: auto !important; }
  .sd[data-s-f659719b-dd03-4fda-bf18-08f4ba574228], .sd[data-s-071c5943-a071-4806-aec6-0832d288ecbe] { width: 100% !important; max-width: 100% !important; }
  .sd[data-s-a813b7ff-d1cf-4a02-bb10-1f8dc818cd8f] { max-width: 100% !important; width: auto !important; }
  .sd[data-s-4b9d22aa-90d0-4503-b6f2-460515975e40] { height: auto !important; position: relative !important; width: 100% !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; flex-direction: column !important; align-items: flex-end !important; }
  .sd[data-s-cc22a8ff-35be-4f9b-959e-5d88fd5f16c1] { width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 !important; }
  .sd[data-s-82ca1472-3b0c-4475-a376-2e18c5479f4b] { margin-top: -18px !important; }

  /* アポロのDX・AI活用研修とは？：見出しがおかしな位置で折れないように */
  .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e] > * > * > :nth-child(2) > :first-child { flex-wrap: wrap !important; justify-content: center !important; zoom: .8; }
  /* パネルの高さが画面の高さで決まっていて、縦長のタブレットだと下が大きく空くので、中身に合わせる */
  .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e] > * > * { height: auto !important; }
  .sd[data-s-5a84ce0f-58c0-412e-8ad3-d30ed982f626], .sd[data-s-d8d5710b-3407-4edc-85a2-610108e191f2] { height: auto !important; align-items: stretch !important; }
  .sd[data-s-784e0db7-cf32-4230-8ae7-0ea703fb884e] > * > * { padding: 56px 28px !important; }

  /* 研修実施後も万全のサポート体制！：縦並びに（右側の文章が見切れていたため） */
  .sd[data-s-e96d92c4-1da0-44f3-94d1-03be12a2d41c] { flex-direction: column !important; align-items: flex-start !important; gap: 20px !important; padding: 36px 40px !important; height: auto !important; }
  .sd[data-s-8ec936fe-18f1-4275-aed2-a184d29302be], .sd[data-s-48a70082-0673-46a8-b79d-6582cd7398e4], .sd[data-s-0cffb34d-c98c-4b04-910f-2e631c12b665], .sd[data-s-34ac2083-388c-495e-a3c7-a9fb5efebb61], .sd[data-s-ac30d7f7-b7b8-459f-ab38-4190b6d1579d], .sd[data-s-4ae0aba4-057e-4862-a3d5-571295818639] { width: 100% !important; max-width: 100% !important; }
  .sd[data-s-0cffb34d-c98c-4b04-910f-2e631c12b665] p { white-space: normal !important; }

  /* 助成金：見出しを読みやすい位置で折り返す */
  .sd[data-s-482958f4-ebe5-4acc-8ae6-1d2157b672ba] { font-size: 28px !important; text-wrap: balance; }
  .sd[data-s-9242fd21-7309-4e3e-b0f9-0561793e64c6] { padding-left: 24px !important; padding-right: 24px !important; }
}

/* タブレット・スマホ（960px以下）共通：エリアの見出し（h2）とCVエリアの見出しの行の間が広すぎたので詰める */
@media screen and (max-width: 960px) {
  #__nuxt h2, .sd[data-s-dbdc6a25-0051-477b-bf88-9150c66996fe], .sd[data-s-0f7fedc3-d915-4bce-b949-b074f74bbef0], .sd[data-s-b3e6d6cc-15ec-4586-8473-eeb486cb6d16] { line-height: 1.5 !important; }
  .sd[data-s-01e93204-b9af-4caf-9895-b3f964c61b2e], .sd[data-s-dbc2c099-2520-4b97-938d-848144183118], .sd[data-s-13de29f5-37e7-48cc-b195-60fb5374144d] { line-height: 1.6 !important; }
}

/* タブレットの中でも幅が狭いとき：メニューの文字は隠して、ロゴとボタンだけにする */
@media screen and (min-width: 481px) and (max-width: 767px) {
  .sd[data-s-670105f1-4c76-4488-ae63-0ad8afe34f45] { display: none !important; }
  .sd[data-s-25ab87f8-bc26-472e-9584-55a2dd5d2422] { width: auto !important; max-width: none !important; }
  /* キービジュアル：見出しを少し小さく、ボタンは縦に並べる */
  .sd[data-s-a813b7ff-d1cf-4a02-bb10-1f8dc818cd8f] { zoom: .85; }
  .sd[data-s-1a6de32c-e0ae-48c5-a93b-6c5ff555c90d] { flex-direction: column !important; align-items: stretch !important; width: 100% !important; max-width: 420px !important; }
  .sd[data-s-111d3993-442a-412d-8f4e-918385e27e5f], .sd[data-s-3578dab2-95ce-47d1-88a2-549e01c04f6a] { width: 100% !important; max-width: 100% !important; }
  /* 助成金：2列だとグラフが小さくなりすぎるので、スマホと同じく縦に並べる */
  .sd[data-s-f0f8d851-aec0-45aa-bf4e-d1a7426b6f71] { flex-direction: column !important; row-gap: 40px !important; }
  .sd[data-s-ed9fdea0-8764-4f02-be48-478e67a6f48b], .sd[data-s-9242fd21-7309-4e3e-b0f9-0561793e64c6] { width: 100% !important; max-width: 100% !important; flex: 0 0 auto !important; }
}


/* ---------------------------------------------------------
   3. 1280px以下すべて（iPad・タブレット・スマホ共通）
   --------------------------------------------------------- */
@media screen and (max-width: 1280px) {

  /* 導入までの流れ：カードの下の大きな空白をなくし、内側の余白を詰める */
  .sd[data-s-bff1e39c-3790-473b-b161-467473832a1b], .sd[data-s-19f99981-a356-4c7f-854d-b7d670c03fc5], .sd[data-s-9c66ff00-85fb-4f9b-a972-8817b03a3a27] { height: auto !important; padding: 16px !important; justify-content: flex-start !important; }
  /* 導入までの流れ：アイコンの枠と絵の大きさを3つでそろえる */
  .sd[data-s-dd44a333-0bda-48ab-a212-2f7bb80fddc6], .sd[data-s-aea9a916-7b39-4bf8-aa38-b4847a4caacf], .sd[data-s-8f0b2edd-abbe-49e5-896f-3b02dddfc79e] {
    width: 100% !important; max-width: 100% !important; height: 128px !important;
    padding: 0 !important; justify-content: center !important; align-items: center !important;
  }
  .sd[data-s-dd44a333-0bda-48ab-a212-2f7bb80fddc6] > img, .sd[data-s-aea9a916-7b39-4bf8-aa38-b4847a4caacf] > img, .sd[data-s-8f0b2edd-abbe-49e5-896f-3b02dddfc79e] > img { width: auto !important; height: 72px !important; max-width: none !important; }

  /* 助成金：左下の白いブロックの角丸を少し弱く */
  .sd[data-s-6cbd392b-f387-4dea-8f77-bf27a582ed6c] { border-radius: 24px !important; }
  /* 助成金：左下の白いブロックの左右の余白を、上の余白と同じくらいに */
  .sd[data-s-6cbd392b-f387-4dea-8f77-bf27a582ed6c] { padding: 28px !important; }
  /* 助成金：「研修費用 削減イメージ」の黄色いラベルをカードの幅いっぱいに */
  .sd[data-s-ddd8185e-9894-4472-9f87-1277c5eef487], .sd[data-s-970d81db-6cee-48a8-b958-3f23d17ced36] { width: 100% !important; max-width: 100% !important; }
  .sd[data-s-09890617-1b92-4db4-ad15-3734e96f38cf] { width: 100% !important; max-width: 100% !important; justify-content: center !important; }
  .sd[data-s-716a948c-94cc-4fff-8131-578edb161ea8] { white-space: nowrap !important; width: auto !important; }
  /* 助成金：グラフはPCの形のまま縮小（freeze_graph.css と main.js の zoom） */
  .sd[data-s-954fc48c-31aa-4aac-92d4-d9fe94630ae2] { align-self: center !important; }
  .sd[data-s-9242fd21-7309-4e3e-b0f9-0561793e64c6] { height: auto !important; }
  .sd[data-s-8ff74e6c-9442-4aba-8f42-f0d119ca6387] { width: 100% !important; max-width: 100% !important; text-align: left !important; }

  /* よくあるご質問・お知らせ：質問文が＋ボタンに重ならないよう、手前で折り返す */
  :is(.sd[data-s-7baa73bf-075b-4daa-88d5-1887484d6de3], .sd[data-s-10015e86-fe8b-47bc-8af7-bf6a02b74139]) button > div:first-child { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; }
  :is(.sd[data-s-7baa73bf-075b-4daa-88d5-1887484d6de3], .sd[data-s-10015e86-fe8b-47bc-8af7-bf6a02b74139]) button > div:first-child > p { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; }
  :is(.sd[data-s-7baa73bf-075b-4daa-88d5-1887484d6de3], .sd[data-s-10015e86-fe8b-47bc-8af7-bf6a02b74139]) button > div:nth-child(2) { flex: 0 0 auto !important; margin-left: 32px !important; }
}


/* 導入までの流れ：矢印を小さく（横並びのときだけ。スマホは下向きの矢印なのでそのまま） */
@media screen and (min-width: 481px) and (max-width: 1280px) {
  /* カードを広げて、カード同士の間を狭く */
  .sd[data-s-8a4bef4e-b82d-4bc8-a640-697444d906f2] { align-items: stretch !important; column-gap: 12px !important; }
  .sd[data-s-bff1e39c-3790-473b-b161-467473832a1b], .sd[data-s-19f99981-a356-4c7f-854d-b7d670c03fc5], .sd[data-s-9c66ff00-85fb-4f9b-a972-8817b03a3a27] { flex: 1 1 0 !important; max-width: none !important; width: auto !important; }
  /* 矢印：PC（幅80px）の7割ほどの大きさに。画像を90度回して使っているので、見た目の幅に合わせて左右を詰める */
  .sd[data-s-3482a73d-6e60-43d9-87d6-26a58224ca97], .sd[data-s-ace99fc0-e506-41f4-8333-b1656a0d418b] { width: 56px !important; height: auto !important; flex: 0 0 56px !important; max-width: none !important; align-self: center !important; margin: 0 -18px !important; }
}


/* ---------------------------------------------------------
   講座ポップアップ（タブレット・スマホ）
   --------------------------------------------------------- */
@media screen and (max-width: 960px) {
  /* 画像と「研修時間・受講形式」の箱の並び：高さが画面の高さに引っぱられて、下の「主な対象者」に重なっていた → 中身に合わせる */
  [data-kind="course"] .mig-hero-row { height: auto !important; }
  [data-kind="course"] .mig-info { height: auto !important; align-content: flex-start !important; justify-content: center !important; }
  /* 講座の画像：講座によって縦横の比率がばらばらだったので、すべて同じ形（PCと同じ横長）にそろえる */
  [data-kind="course"] .mig-hero {
    width: 100% !important; max-width: 100% !important; height: auto !important;
    aspect-ratio: 747 / 420 !important; object-fit: cover !important; flex: 0 0 auto !important;
  }
  [data-kind="course"] .mig-hero:not(img) > :not(style) { width: 100% !important; height: 100% !important; }
  [data-kind="course"] .mig-hero::before, [data-kind="course"] .mig-hero > *::before { background-size: cover !important; background-position: center !important; }
  /* 文章：高さが決め打ちで、2行になると下が切れていた → 中身に合わせる */
  [data-kind="course"] .studio-canvas :is(p, h2, h3) { height: auto !important; overflow: visible !important; }
  /* 主な対象者のタグ：1行の高さに固定されたまま縦に並んで、下の「研修概要」に重なっていた
     → 講座カードと同じく、文字の幅のタグを並べて、入りきらなければ折り返す */
  [data-kind="course"] .mig-tags { height: auto !important; flex-wrap: wrap !important; gap: 6px !important; }
  [data-kind="course"] .mig-tags > * { width: auto !important; max-width: 100% !important; flex: 0 0 auto !important; }
}


/* ---------------------------------------------------------
   スマホ・タブレットのメニュー（右上のボタンで開くもの）
   --------------------------------------------------------- */
@media screen and (max-width: 960px) {
  /* 背景：薄い水色の単色 → ボタンと同じ濃い緑〜緑のグラデーションを斜めに薄く敷き、少しだけ透けさせる */
  .sd[data-s-7b523268-2721-43f7-afc4-730947458740] {
    background: linear-gradient(135deg, rgba(30, 122, 159, 0.16) 0%, rgba(59, 168, 150, 0.16) 100%), rgba(255, 255, 255, 0.9) !important;
  }
  /* 後ろのページは少しだけぼかして透けさせる（ぼかしは後ろの暗幕側に掛ける。メニュー本体に掛けると下のボタンの固定が効かなくなるため） */
  .design-canvas__modal[aria-label="メニュー"] .design-canvas__modal__base { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
  /* メニューの文字：サイトで一番濃い緑（無料相談ボタンのグラデーションの濃い側） */
  .sd[data-s-9f8544c7-2707-4d30-b684-d34a9f76db52], .sd[data-s-9f8544c7-2707-4d30-b684-d34a9f76db52] * { color: #1e7a9f !important; }
  /* 閉じるボタン（×）：同じ濃い緑に */
  .sd[data-s-723f0fa9-f7e1-4433-9c9e-48205df8cfee]::before { background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2252%22%20height%3D%2250%22%20viewBox%3D%220%200%2052%2050%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cline%20x1%3D%221.17%22%20y1%3D%2215.53%22%20x2%3D%2251.17%22%20y2%3D%2233.53%22%20stroke%3D%22%231E7A9F%22%20stroke-width%3D%222%22/%3E%3Cline%20x1%3D%220.83%22%20y1%3D%2233.53%22%20x2%3D%2250.83%22%20y2%3D%2215.53%22%20stroke%3D%22%231E7A9F%22%20stroke-width%3D%222%22/%3E%3C/svg%3E") !important; background-size: contain !important; background-repeat: no-repeat !important; background-position: center !important; }
  /* 下の2つのボタン：CVエリアのボタンと同じ高さにして、画面の下に固定（押しやすく） */
  .sd[data-s-3395b26a-b012-43f5-8a63-e67fe914d818] { position: fixed !important; left: 20px !important; right: 20px !important; width: auto !important; max-width: none !important;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px)) !important; gap: 12px !important; z-index: 5; }
  .sd[data-s-3395b26a-b012-43f5-8a63-e67fe914d818] > a { width: 100% !important; max-width: 100% !important; }
  .sd[data-s-ee731e84-f11a-4011-91b0-8341ccf8a92f], .sd[data-s-94d59cb3-dc61-4efb-922c-9e811dc265d3] { padding: 24px 24px !important; }
  .sd[data-s-9fd74b47-2be4-496f-930e-f324dd6a592c] { padding-bottom: 200px !important; }
}


/* ---------------------------------------------------------
   4. スマホ（〜480px）
   --------------------------------------------------------- */
@media screen and (max-width: 480px) {
  /* キービジュアル：背景の写真が画面の高さ（72dvh）で止まっていて、ボタンの下に白い空きができていた → エリアの下まで写真を敷く */
  .sd[data-s-7bed8107-c62f-4a96-b3bd-9f4e606c85ed] { height: 100% !important; }
  .sd[data-s-7bed8107-c62f-4a96-b3bd-9f4e606c85ed]::before { background-size: cover !important; background-position: center top !important; }

  /* スライダー：PCのカードの形（写真の周りの余白・角丸・ラベル）のまま縮小して並べる（縮小は freeze_slide.css と main.js） */
  .sd[data-s-f5948a69-9e11-42f6-b54e-6d0956cba934] { width: 44% !important; max-width: 44% !important; flex: 0 0 44% !important; }
  .sd[data-s-90d12a45-1658-4629-abe3-7446e7c123fe] { padding-top: 16px !important; padding-bottom: 16px !important; }

  /* 研修講座を探すのタブ：1列のまま、「すべて」は小さめの横長ボタン、残り2つは文字が折り返さない幅で並べる
     （文字の大きさは画面幅に合わせて 9.5〜12px） */
  #studio-tab-list { display: flex !important; flex-wrap: nowrap !important; gap: 6px !important; }
  #studio-tab-list > .st-tab-btn { height: auto !important; min-height: 48px; padding: 8px 6px !important; line-height: 1.45 !important;
    font-size: clamp(9px, calc((100vw - 112px) / 25.5), 12px) !important; white-space: nowrap !important; flex: 1 1 auto !important; width: auto !important; border-radius: 30px !important; }
  #studio-tab-list > .st-tab-btn:first-child { flex: 0 0 auto !important; padding: 8px 14px !important; }
}
@media screen and (max-width: 340px) {
  #studio-tab-list > .st-tab-btn { padding: 8px 4px !important; }
  #studio-tab-list > .st-tab-btn:first-child { padding: 8px 10px !important; }
}
@media screen and (max-width: 480px) {

  /* 研修実施後も万全のサポート体制！：改行をやめて、枠の内側に1行で収まる大きさに */
  .sd[data-s-48a70082-0673-46a8-b79d-6582cd7398e4] br { display: none; }
  .sd[data-s-48a70082-0673-46a8-b79d-6582cd7398e4] { white-space: nowrap !important; font-size: clamp(14px, min(5vw, calc((100vw - 76px) / 16)), 20px) !important; width: auto !important; max-width: 100% !important; }
  .sd[data-s-8ec936fe-18f1-4275-aed2-a184d29302be] { width: 100% !important; max-width: 100% !important; }
  /* その下のチェック項目：文章が右にはみ出していたのを枠の内側に収め、黄色の丸と1行目の高さをそろえ、行の間隔を統一 */
  .sd[data-s-34ac2083-388c-495e-a3c7-a9fb5efebb61] { gap: 8px !important; }
  .sd[data-s-ac30d7f7-b7b8-459f-ab38-4190b6d1579d], .sd[data-s-4ae0aba4-057e-4862-a3d5-571295818639] { width: 100% !important; max-width: 100% !important; align-items: flex-start !important; gap: 8px !important; }
  .sd[data-s-6607f9b6-52c0-4cf5-a7ee-9901d267b69c], .sd[data-s-6f7a2098-e6ad-43b9-acea-131f8d9ead59] { flex: 1 1 auto !important; min-width: 0 !important; width: auto !important; max-width: none !important; line-height: 1.6 !important; height: auto !important; }
  .sd[data-s-b683a288-86a9-4d11-80fe-d4932cff5a25], .sd[data-s-c267e5c3-5125-4283-80bf-2934d8cd0350] { flex: 0 0 auto !important; margin-top: calc((1.6em - 16px) / 2) !important; font-size: 13px; }

  /* 研修費用 削減イメージ：カードの上下の余白が狭すぎたので広げる */
  .sd[data-s-9242fd21-7309-4e3e-b0f9-0561793e64c6] { padding: 32px 24px !important; }

  /* 導入までの流れ：アイコンの枠を少し低く */
  .sd[data-s-dd44a333-0bda-48ab-a212-2f7bb80fddc6], .sd[data-s-aea9a916-7b39-4bf8-aa38-b4847a4caacf], .sd[data-s-8f0b2edd-abbe-49e5-896f-3b02dddfc79e] { height: 112px !important; }
  .sd[data-s-dd44a333-0bda-48ab-a212-2f7bb80fddc6] > img, .sd[data-s-aea9a916-7b39-4bf8-aa38-b4847a4caacf] > img, .sd[data-s-8f0b2edd-abbe-49e5-896f-3b02dddfc79e] > img { height: 64px !important; }
}


/* ==========================================================
   以下は自動生成：PC表示の形をそのまま縮小するための固定値
   ========================================================== */

/* ---- kv: PC表示（幅1440px）のときの形をそのまま固定（自動生成） ---- */
@media screen and (min-width: 961px) and (max-width: 1280px) {
  [data-freeze="kv"] { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 1440px !important; min-width: auto !important; max-width: 100% !important; margin-top: -64px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 164px !important; padding-right: 60px !important; padding-bottom: 60px !important; padding-left: 60px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 0px !important; column-gap: 0px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: hidden !important; overflow-y: hidden !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 980px !important; min-width: auto !important; max-width: calc(50% + 320px) !important; margin-top: 0px !important; margin-right: -320px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 64px !important; column-gap: 64px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 5 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 980px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 32px !important; column-gap: 32px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 980px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 8px !important; column-gap: 8px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 830.297px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 14px !important; padding-bottom: 0px !important; padding-left: 16px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 0px !important; column-gap: 0px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 37px !important; line-height: 48.1px !important; letter-spacing: -1px !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 37px !important; line-height: 48.1px !important; letter-spacing: -1px !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 704.906px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 16px !important; padding-bottom: 0px !important; padding-left: 16px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 16px !important; column-gap: 16px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 286px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: clip !important; overflow-y: clip !important; object-fit: fill !important; aspect-ratio: auto 287 / 48 !important; height: 47.8281px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 370.906px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 10px !important; column-gap: 10px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 56px !important; line-height: 67.2px !important; letter-spacing: -1px !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(2) > :nth-child(1) > :nth-child(1) { display: block !important; position: absolute !important; top: 34.0938px !important; right: 371.906px !important; bottom: 34.0938px !important; left: 0px !important; margin-top: -1px !important; margin-right: -1px !important; margin-bottom: -1px !important; margin-left: -1px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: normal !important; align-items: normal !important; align-self: auto !important; align-content: normal !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 56px !important; line-height: 56px !important; letter-spacing: -1px !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: auto !important; order: 0 !important; overflow-x: hidden !important; overflow-y: hidden !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 496.031px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 16px !important; column-gap: 16px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 208.016px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 20px !important; padding-right: 24px !important; padding-bottom: 20px !important; padding-left: 24px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: normal !important; font-weight: 700 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(1) > :nth-child(1) > :nth-child(1) { display: block !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto !important; min-width: auto !important; max-width: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: normal !important; align-items: normal !important; align-self: auto !important; align-content: normal !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: normal !important; font-weight: 700 !important; white-space: normal !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: auto !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: auto !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 272.016px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 20px !important; padding-right: 24px !important; padding-bottom: 20px !important; padding-left: 24px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 4px !important; border-top-right-radius: 4px !important; border-bottom-left-radius: 4px !important; border-bottom-right-radius: 4px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: normal !important; font-weight: 700 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(1) > :nth-child(2) > :nth-child(2) > :nth-child(1) > :nth-child(1) { display: block !important; position: static !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: auto !important; min-width: auto !important; max-width: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: normal !important; align-items: normal !important; align-self: auto !important; align-content: normal !important; flex-grow: 0 !important; flex-shrink: 1 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 24px !important; letter-spacing: normal !important; font-weight: 700 !important; white-space: normal !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: auto !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: auto !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 596.453px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 16px !important; column-gap: 16px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 292.016px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 23px !important; padding-right: 31px !important; padding-bottom: 23px !important; padding-left: 31px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 64px !important; border-top-right-radius: 64px !important; border-bottom-left-radius: 64px !important; border-bottom-right-radius: 64px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(2) > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 19px !important; line-height: 24px !important; letter-spacing: normal !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(2) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 288.438px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 24px !important; padding-right: 40px !important; padding-bottom: 24px !important; padding-left: 40px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 64px !important; border-top-right-radius: 64px !important; border-bottom-left-radius: 64px !important; border-bottom-right-radius: 64px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(1) > :nth-child(2) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 19px !important; line-height: 24px !important; letter-spacing: normal !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(2) { display: block !important; position: absolute !important; top: 92px !important; right: 60px !important; bottom: 28px !important; left: 720px !important; width: 660px !important; min-width: 0px !important; max-width: none !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-end !important; align-items: flex-end !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 660px !important; min-width: 0px !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: normal !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: clip !important; overflow-y: clip !important; object-fit: cover !important; aspect-ratio: auto 1400 / 934 !important; height: 446px !important; min-height: 0px !important; max-height: none !important; }
  [data-freeze="kv"] > :nth-child(2) > :nth-child(2) { display: flex !important; position: absolute !important; top: 391px !important; right: 0px !important; bottom: 20px !important; left: 256.578px !important; width: 403.422px !important; min-width: 0px !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 6px !important; padding-right: 8px !important; padding-bottom: 6px !important; padding-left: 24px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 10px !important; column-gap: 10px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 22px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 22px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 2 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] > :nth-child(2) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 23px !important; letter-spacing: normal !important; font-weight: 600 !important; white-space: nowrap !important; text-align: left !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="kv"] { width: 1440.00px !important; max-width: none !important; }
}

/* ---- graph: PC表示（幅1440px）のときの形をそのまま固定（自動生成） ---- */
@media screen and (max-width: 1280px) {
  [data-freeze="graph"] { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 332px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="graph"] > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: calc(100% - 216px) !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 216px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 8px !important; column-gap: 8px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="graph"] > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 0px !important; column-gap: 0px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: 280px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="graph"] > :nth-child(1) > :nth-child(1) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 16px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: flex-end !important; align-self: auto !important; align-content: flex-end !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 0px !important; column-gap: 0px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: 210px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="graph"] > :nth-child(1) > :nth-child(1) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 16px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: flex-end !important; align-self: auto !important; align-content: flex-end !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 0px !important; column-gap: 0px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: 70px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="graph"] > :nth-child(1) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 4px !important; padding-bottom: 0px !important; padding-left: 4px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 10px !important; column-gap: 10px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="graph"] > :nth-child(1) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 21px !important; letter-spacing: normal !important; font-weight: 500 !important; white-space: nowrap !important; text-align: center !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="graph"] > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 100px !important; min-width: auto !important; max-width: 100% !important; margin-top: -308px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: clip !important; overflow-y: clip !important; object-fit: fill !important; aspect-ratio: auto 100 / 280 !important; height: 280px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="graph"] > :nth-child(3) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: calc(100% + 216px) !important; margin-top: -280px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: -216px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: flex-start !important; align-items: flex-start !important; align-self: auto !important; align-content: flex-start !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 8px !important; column-gap: 8px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="graph"] > :nth-child(3) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 16px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: flex-end !important; align-self: auto !important; align-content: flex-end !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 0px !important; column-gap: 0px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: 280px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="graph"] > :nth-child(3) > :nth-child(2) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 116px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 26px !important; padding-bottom: 0px !important; padding-left: 26px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 10px !important; column-gap: 10px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="graph"] > :nth-child(3) > :nth-child(2) > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 21px !important; letter-spacing: normal !important; font-weight: 500 !important; white-space: nowrap !important; text-align: center !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; }
  [data-freeze="graph"] > :nth-child(4) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 206px !important; min-width: auto !important; max-width: calc(100% - 5px) !important; margin-top: -217px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 5px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: clip !important; overflow-y: clip !important; object-fit: fill !important; aspect-ratio: auto 207 / 9 !important; height: 8.95312px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="graph"] { width: 332.00px !important; max-width: none !important; }
}

/* ---- slide: PC表示（幅1440px）のときの形をそのまま固定（自動生成） ---- */
@media screen and (max-width: 480px) {
  [data-freeze="slide"] { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 270px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: center !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: 16px !important; column-gap: 16px !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: 240px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="slide"] > :nth-child(1) { display: flex !important; position: relative !important; top: 0px !important; right: 0px !important; bottom: 0px !important; left: 0px !important; width: 270px !important; min-width: auto !important; max-width: 100% !important; margin-top: 0px !important; margin-right: 0px !important; margin-bottom: 0px !important; margin-left: 0px !important; padding-top: 0px !important; padding-right: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; flex-direction: column !important; flex-wrap: nowrap !important; justify-content: normal !important; align-items: center !important; align-self: auto !important; align-content: center !important; flex-grow: 0 !important; flex-shrink: 0 !important; flex-basis: auto !important; row-gap: normal !important; column-gap: normal !important; font-size: 16px !important; line-height: 16px !important; letter-spacing: normal !important; font-weight: 400 !important; white-space: normal !important; text-align: start !important; border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; transform: none !important; z-index: 0 !important; order: 0 !important; overflow-x: visible !important; overflow-y: visible !important; object-fit: fill !important; aspect-ratio: auto !important; height: 240px !important; min-height: auto !important; max-height: none !important; }
  [data-freeze="slide"] { width: 270.00px !important; max-width: none !important; }
}