/* =========================================================
   financing-the-establishment-of-business.css  /financing-the-establishment-of-business 専用。クラス名はすべて fe- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* fe-root: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-root { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; flex-flow: column; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* fe-blk0-box1: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-blk0-box1 { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* fe-blk0-sec1: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-blk0-sec1 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .fe-blk0-sec1 { display: flex; } }
@media screen and (max-width: 540px) { .fe-blk0-sec1 { display: flex; } }
@media screen and (max-width: 360px) { .fe-blk0-sec1 { display: flex; } }

/* fe-blk0-sec2: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-blk0-sec2 { place-content: center flex-end; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 48px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .fe-blk0-sec2 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 540px) { .fe-blk0-sec2 { display: flex; padding: 0px; } }
@media screen and (max-width: 360px) { .fe-blk0-sec2 { display: flex; height: 720px; width: 100%; max-width: 100%; } }

/* fe-blk0-box2: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-blk0-box2 { place-content: flex-end center; align-items: flex-end; flex: 0 0 auto; flex-flow: row; margin: 0px; padding: 0px; width: 1280px; max-width: 100%; }
@media screen and (max-width: 760px) { .fe-blk0-box2 { flex: 0 0 auto; width: auto; max-width: 100%; } }

/* fe-blk0-box3: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-blk0-box3 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }
@media screen and (max-width: 760px) { .fe-blk0-box3 { flex: 0 0 auto; width: 50%; max-width: 50%; } }
@media screen and (max-width: 540px) { .fe-blk0-box3 { flex: 0 0 auto; padding: 100px 0px; width: 100%; max-width: 100%; } }

/* fe-blk0-box4: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-blk0-box4 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 605px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .fe-blk0-box4 { flex: 0 0 auto; } }
@media screen and (max-width: 760px) { .fe-blk0-box4 { flex: 0 0 auto; height: auto; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .fe-blk0-box4 { flex: 0 0 auto; width: 100%; } }
@media screen and (max-width: 360px) { .fe-blk0-box4 { height: 423px; width: 100%; max-width: 100%; } }

/* fe-blk0-box5: \ 新規事業を始める方へ / 創業事業融資 日本政策金融 */
.fe-blk0-box5 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; margin: 0px 0px 24px; padding: 0px; width: 100%; --gh-fe-blk0-box5: 0px; --gv-fe-blk0-box5: 24px; max-width: 100%; }
@media screen and (max-width: 760px) { .fe-blk0-box5 { gap: 12px; margin: 0px 0px 12px; --gh-fe-blk0-box5: 0px; --gv-fe-blk0-box5: 12px; width: 100%; max-width: 100%; } }

/* fe-blk0-box6: \ 新規事業を始める方へ / */
.fe-blk0-box6 { place-content: flex-end center; align-items: flex-end; background: rgba(0, 0, 0, 0); box-shadow: none; flex: 0 0 auto; flex-flow: wrap; height: auto; margin: 0px; width: calc(100% - (var(--gh-fe-blk0-box5) * 0)); max-width: calc(100% - (var(--gh-fe-blk0-box5) * 0)); }
@media screen and (max-width: 360px) { .fe-blk0-box6 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: wrap; } }

/* fe-blk0-txt2: \ 新規事業を始める方へ / */
.fe-blk0-txt2 { border-width: 0px; border-style: solid; border-color: rgb(68, 166, 255); color: rgb(189, 50, 101); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; padding: 0px 0px 10px; text-align: left; text-decoration: none; text-shadow: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .fe-blk0-txt2 { font-size: 24px; } }
@media screen and (max-width: 760px) { .fe-blk0-txt2 { font-size: 18px; padding: 0px 0px 5px; } }

/* fe-blk0-box7: 創業事業融資 */
.fe-blk0-box7 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); box-shadow: none; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; width: calc(100% - (var(--gh-fe-blk0-box5) * 0)); max-width: calc(100% - (var(--gh-fe-blk0-box5) * 0)); }

/* fe-blk0-txt3: 創業事業融資 */
.fe-blk0-txt3 { background: rgb(189, 50, 101); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(255, 255, 255); flex: 0 0 auto; font-family: Lato, sans-serif; font-size: 64px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; padding: 10px 30px; text-align: center; text-decoration: none; text-shadow: none; width: 80%; max-width: 80%; justify-content: center; }
@media screen and (max-width: 1280px) { .fe-blk0-txt3 { font-size: 50px; } }
@media screen and (max-width: 760px) { .fe-blk0-txt3 { font-size: 36px; } }

/* fe-blk0-box8: 日本政策金融公庫を中心に 最適な融資制度を活用 */
.fe-blk0-box8 { place-content: flex-end center; align-items: flex-end; background: rgba(0, 0, 0, 0); box-shadow: none; flex: 0 0 auto; flex-flow: wrap; height: auto; margin: 0px; width: calc(100% - (var(--gh-fe-blk0-box5) * 0)); max-width: calc(100% - (var(--gh-fe-blk0-box5) * 0)); }
@media screen and (max-width: 360px) { .fe-blk0-box8 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: wrap; } }

/* fe-blk0-txt5: 日本政策金融公庫を中心に 最適な融資制度を活用 */
.fe-blk0-txt5 { border-width: 0px; border-style: solid; border-color: rgb(68, 166, 255); color: rgb(189, 50, 101); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.4; padding: 0px 0px 10px; text-align: center; text-decoration: none; text-shadow: none; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 1280px) { .fe-blk0-txt5 { font-size: 24px; } }
@media screen and (max-width: 760px) { .fe-blk0-txt5 { font-size: 18px; padding: 0px 0px 5px; } }

/* fe-blk0-box10:  */
.fe-blk0-box10 { place-content: center flex-end; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; height: auto; width: 50%; max-width: 50%; }
@media screen and (max-width: 540px) { .fe-blk0-box10 { display: none; flex: 0 0 auto; width: 100%; max-width: 100%; } }

/* fe-blk0-pic1:  */
.fe-blk0-pic1 { place-content: center; align-items: center; display: flex; flex-flow: column; height: 100%; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; width: 100%; z-index: -1; max-width: 100%; }
.fe-blk0-pic1::before { filter: none; }
@media screen and (max-width: 1280px) { .fe-blk0-pic1 { display: flex; } }
@media screen and (max-width: 760px) { .fe-blk0-pic1 { display: flex; } }
@media screen and (max-width: 540px) { .fe-blk0-pic1 { display: flex; } }
@media screen and (max-width: 360px) { .fe-blk0-pic1 { display: flex; } }

/* 2026-10-22 特集ページ化：FV の下に、ページの色（ピンク）の帯を入れる（/sustainability-grants と同じ形） */
.fe-blk0-sec2 { position: relative; }
@media screen and (max-width: 540px) { .fe-blk0-sec2::after { height: 8px; } }
/* 2026-10-23 FV の上にも同じピンクの帯（見本と同じく上下に帯） */
@media screen and (max-width: 540px) { .fe-blk0-sec2::before { height: 8px; } }
/* 2026-10-23 「創業融資の流れ」（共通部品 LpFlow）のアイコン画像は青なので、このページだけピンク寄りに色を変える */
/* バッジの画像を外して幅が狭くなった分、「創業融資」が折り返さないようにする */
.fe-blk0-txt3 { width: auto; max-width: 100%; white-space: nowrap; }

/* 2026-10-22 「創業融資とは」（見た目は /sustainability-grants の「〇〇補助金とは」と同じ） */
.fe-lp-about { display: flex; flex-direction: column; align-items: center; padding: 64px 16px 24px; width: 100%; box-sizing: border-box; }
.fe-lp-about-box { display: flex; flex-direction: column; align-items: center; width: 50%; max-width: 100%; }
.fe-lp-about-head { background: rgb(189, 50, 101); margin: 0 0 -24px; padding: 12px 24px; transform: skew(-10deg, 0deg); z-index: 1; }
.fe-lp-about-title { color: #fff; font-family: 'Noto Serif JP', serif; font-size: 20px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.4; transform: skew(10deg, 0deg); }
.fe-lp-about-body { background: #fff; border-width: 2px 0; border-style: solid; border-color: rgb(189, 50, 101); padding: 48px 12px 24px; width: 100%; box-sizing: border-box; }
.fe-lp-about-txt { color: #000; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0.15em; line-height: 1.8; text-align: left; display: block; }

/* 2026-10-22 「創業融資の対象者と条件」（見た目は /sustainability-grants の「対象者と条件」と同じ） */
.fe-lp-req { display: flex; flex-direction: column; align-items: center; padding: 48px 16px 88px; width: 100%; box-sizing: border-box; }
.fe-lp-req-box { display: flex; flex-direction: column; align-items: center; width: 50%; max-width: 100%; }
.fe-lp-req-head { display: flex; flex-direction: column; align-items: center; }
.fe-lp-req-title { background: rgb(189, 50, 101); color: #fff; font-family: 'Noto Serif JP', serif; font-size: 20px; font-weight: 500; letter-spacing: 0.2em; line-height: 1.4; padding: 24px; text-align: center; }
.fe-lp-req-icon { color: rgb(189, 50, 101); font-size: 48px; margin: -24px 0 24px; rotate: 45deg; }
.fe-lp-req-lead { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; letter-spacing: 0.08em; margin: 0 0 16px; text-align: center; }
.fe-lp-req-table { border: 3px solid rgb(189, 50, 101); padding: 24px; width: 100%; box-sizing: border-box; display: flex; flex-direction: column; gap: 12px; }
.fe-lp-req-row { display: flex; flex-direction: row; align-items: stretch; gap: 12px; width: 100%; }
.fe-lp-req-label { flex: 0 0 25%; background: rgb(189, 50, 101); border-radius: 8px; color: #fff; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; letter-spacing: 0.15em; line-height: 1.4; padding: 14px 6px; display: flex; align-items: center; justify-content: center; text-align: center; box-sizing: border-box; }
.fe-lp-req-val { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 4px; text-align: left; }
.fe-lp-req-val .t { text-align: left; justify-content: flex-start; width: 100%; }
.fe-lp-req-txt { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; letter-spacing: 0.05em; line-height: 1.6; display: block; }
.fe-lp-req-check { color: #000; font-size: 18px; margin-right: 6px; }
.fe-lp-req-note { color: rgb(85, 85, 85); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; line-height: 1.6; display: block; }
.fe-lp-req-foot { color: rgb(85, 85, 85); font-family: 'Noto Sans JP', sans-serif; font-size: 13px; line-height: 1.7; margin-top: 14px; width: 100%; display: block; }
@media screen and (max-width: 1280px) {
  .fe-lp-about-box, .fe-lp-req-box { width: 70%; }
}
@media screen and (max-width: 760px) {
  .fe-lp-about-box, .fe-lp-req-box { width: 100%; }
}
@media screen and (max-width: 540px) {
  .fe-lp-about { padding: 40px 16px 16px; }
  .fe-lp-about-title, .fe-lp-req-title { font-size: 16px; letter-spacing: 0.12em; }
  .fe-lp-req-title { padding: 18px 16px; }
  .fe-lp-about-txt { font-size: 14px; letter-spacing: 0.08em; }
  .fe-lp-req { padding: 32px 16px 48px; }
  .fe-lp-req-lead { font-size: 13px; }
  .fe-lp-req-table { padding: 14px; }
  .fe-lp-req-row { flex-direction: column; gap: 6px; }
  .fe-lp-req-label { flex: none; padding: 8px 6px; font-size: 14px; }
  .fe-lp-req-txt { font-size: 14px; }
  .fe-lp-req-note { font-size: 12.5px; }
  .fe-lp-req-foot { font-size: 12px; }
}

/* 2026-10-23 対象者と条件の表の行間・内側の余白を広げる（礒部さん：窮屈） */
.fe-lp-req-table { gap: 20px; padding: 36px 40px; }
.fe-lp-req-table li, .fe-lp-req-table p { line-height: 1.75; }
@media screen and (max-width: 540px) { .fe-lp-req-table { gap: 16px; padding: 24px 16px; } }

/* 2026-10-23 見出しの下の三角を小さく（礒部さん：大きい） */
.fe-lp-req-icon { font-size: 30px !important; margin: -15px 0px 40px !important; }
@media screen and (max-width: 760px) { .fe-lp-req-icon { font-size: 20px !important; margin: -10px 0px 24px !important; } }

/* 2026-10-23 対象者と条件を共通部品 LpSpec（カード＋表）に。幅は部品側で最大 920px */
.fe-lp-req-box { width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .fe-lp-req-box { width: 100%; max-width: 100%; } }
@media screen and (max-width: 760px) { .fe-lp-req-box { width: 100%; max-width: 100%; } }
.fe-lp-req-foot { max-width: 920px; padding: 0 16px; box-sizing: border-box; }
.fe-lp-req-lead { line-height: 1.6; padding: 0 16px; }

/* 2026-10-23 TOP：写真を下げて頭まで見せ、コピーを上下の真ん中に（礒部さん） */
.fe-blk0-pic1::before { background-position: 50% 15%; }
.fe-blk0-sec2.lpfv { justify-content: center; }
.fe-blk0-box2 { align-items: center; }
@media screen and (max-width: 540px) { .fe-blk0-box3 { padding: 0; } .fe-blk0-pic1::before { background-position: 85% 15%; } .fe-blk0-sec2.lpfv { justify-content: flex-end; padding-bottom: 40px !important; } }
@media screen and (max-width: 540px) { .fe-blk0-box5 { background: rgba(255, 255, 255, 0.86); padding: 14px 16px; border-radius: 4px; } }

/* 2026-10-27 フッターの「＞」をこのページのテーマ色に（礒部さん） */
body .ft-icon1, body .ft-icon2, body .ft-icon3 { color: rgb(189, 50, 101); }