/* =========================================================
   komonsmatch.css  /komonsmatch 専用。クラス名はすべて km- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* km-root: サービスについて ピックアップ 経営者インタビュー 絞 */
.km-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* km-top-sec1: keyboard_arrow_left pause chev */
.km-top-sec1 { place-content: center flex-start; align-items: center; background: rgb(15, 111, 180); flex-flow: column; height: auto; padding: 115px 0px 40px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .km-top-sec1 { padding: 110px 40px 40px; } }
@media screen and (max-width: 540px) { .km-top-sec1 { padding: 130px 32px 40px 30px; } }

/* km-top-inner1:  */
.km-top-inner1 { padding: 115px 0px 40px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 840px) { .km-top-inner1 { padding: 110px 40px 40px; flex-direction: column; } }
@media screen and (max-width: 540px) { .km-top-inner1 { padding: 130px 32px 40px 30px; flex-direction: column; } }

/* km-top-box1:  */
.km-top-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 10px; margin: 0px 0px 30px; padding: 0px; width: 1090px; --gh-km-top-box1: 10px; --gv-km-top-box1: 10px; max-width: 100%; }

/* km-top-list1:  */
.km-top-list1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 5px; height: auto; padding: 0px; width: calc(100% - (var(--gh-km-top-box1) * 0)); --gh-km-top-list1: 5px; --gv-km-top-list1: 5px; max-width: calc(100% - (var(--gh-km-top-box1) * 0)); }

/* km-top-box2: keyboard_arrow_left pause chev */
.km-top-box2 { place-content: center; align-items: center; display: flex; flex: 0 0 auto; flex-flow: row; gap: 0px 20px; height: 515px; overflow: hidden; padding: 0px; transition-timing-function: cubic-bezier(0, 0, 0.99, 0.98); width: 100%; --gh-km-top-box2: 20px; --gv-km-top-box2: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-top-box2 { display: flex; flex: 0 0 auto; height: 300px; --gh-km-top-box2: 20px; --gv-km-top-box2: 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .km-top-box2 { display: none; height: 500px; --gh-km-top-box2: 20px; --gv-km-top-box2: 0px; width: 100%; max-width: 100%; } }

/* km-top-link1:  */
.km-top-link1 { flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-km-top-box2) * 0)); outline-offset: -4px; transform: var(--sd-237f809b_002d52df_002d4383_002dbd65_002d954186e5b53c-transform); transition-property: transform; transition-timing-function: cubic-bezier(0.58, 0.21, 0.41, 0.96); width: 1260px; will-change: transform; max-width: 100%; }
.km-top-link1:focus { outline: none; }
.km-top-link1:focus-visible { outline: black solid 2px; }
._animatingNext.km-top-link1 { transform: translateX(-100%); }
._animatingPrev.km-top-link1 { transform: translateX(100%); }

/* km-top-pic1:  */
.km-top-pic1 { place-content: flex-start flex-end; align-items: flex-start; flex-flow: column; height: 100%; padding: 0px 80px 88px; width: 100%; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .km-top-pic1::before { background-position: center center; } }

/* km-top-box3: keyboard_arrow_left pause chev */
.km-top-box3 { place-content: center; align-items: center; inset: auto 0px 19px; flex-flow: row; gap: 24px; height: auto; position: absolute; transition-timing-function: cubic-bezier(0.4, 0.4, 0.05, 1); width: auto; z-index: 3; --gh-km-top-box3: 24px; --gv-km-top-box3: 0px; max-width: 100%; }

/* km-top-btn1: keyboard_arrow_left */
.km-top-btn1 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 50%; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }
.km-top-btn1:hover { background: rgb(225, 225, 225); }

/* km-top-icon1: keyboard_arrow_left */
.km-top-icon1 { color: rgb(255, 255, 255); font-size: 24px; }

/* km-top-btn2: pause */
.km-top-btn2 { background: rgb(0, 0, 0); border-radius: 50%; flex-flow: column; height: 40px; justify-content: center; width: 40px; max-width: 100%; }
.km-top-btn2:hover { background: rgb(225, 225, 225); }

/* km-top-box4: pause */
.km-top-box4 { height: auto; width: auto; max-width: 100%; }

/* km-top-icon2: pause */
.km-top-icon2 { color: rgb(255, 255, 255); font-size: 15px; }

/* km-top-btn3: chevron_right */
.km-top-btn3 { background: rgb(0, 0, 0); border-radius: 50%; flex-flow: column; height: 40px; justify-content: center; width: 40px; max-width: 100%; }
.km-top-btn3:hover { background: rgb(225, 225, 225); }

/* km-top-icon3: chevron_right */
.km-top-icon3 { color: rgb(255, 255, 255); font-size: 24px; }

/* km-top-box5: keyboard_arrow_leftpausechevro */
.km-top-box5 { place-content: center; align-items: center; display: none; flex: 0 0 auto; flex-flow: row; gap: 0px 20px; height: 515px; overflow: hidden; padding: 0px; transition-timing-function: cubic-bezier(0, 0, 0.99, 0.98); width: 100%; --gh-km-top-box5: 20px; --gv-km-top-box5: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-top-box5 { display: none; flex: 0 0 auto; height: 300px; --gh-km-top-box5: 20px; --gv-km-top-box5: 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .km-top-box5 { display: flex; flex: 0 0 auto; height: 500px; width: 100%; --gh-km-top-box5: 20px; --gv-km-top-box5: 0px; max-width: 100%; } }
/* スマホ幅のスライドは PC 幅と同じ記事の大きな画像（横 3780×縦 1545）を出す（元サイトは中身が空で、高さ 500px の青い枠だけだった）。
   画像の文字が切れないよう高さを画像の比率に合わせ、送り・一時停止のボタンは画像の文字に重ならないよう画像の下に出す */
@media screen and (max-width: 540px) {
  .km-top-box5 { height: auto; padding-bottom: 64px; align-items: flex-start; }
  .km-top-link2 { height: auto; aspect-ratio: 3780 / 1545; }
  .km-top-box6 { bottom: 12px; }
}

/* km-top-link2:  */
.km-top-link2 { flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-km-top-box5) * 0)); outline-offset: -4px; transform: var(--sd-734b18de_002d8e9f_002d4075_002d958c_002d6be04a5a14ff-transform); transition-property: transform; transition-timing-function: cubic-bezier(0.58, 0.21, 0.41, 0.96); width: 1260px; will-change: transform; max-width: 100%; }
.km-top-link2:focus { outline: none; }
.km-top-link2:focus-visible { outline: black solid 2px; }
._animatingNext.km-top-link2 { transform: translateX(-100%); }
._animatingPrev.km-top-link2 { transform: translateX(100%); }

/* km-top-pic2:  */
.km-top-pic2 { place-content: flex-start flex-end; align-items: flex-start; flex-flow: column; height: 100%; padding: 0px 80px 88px; width: 100%; z-index: -1; max-width: 100%; }
@media screen and (max-width: 540px) { .km-top-pic2::before { background-position: center center; } }

/* km-top-box6: keyboard_arrow_leftpausechevro */
.km-top-box6 { place-content: center; align-items: center; inset: auto 0px 19px; flex-flow: row; gap: 24px; height: auto; position: absolute; transition-timing-function: cubic-bezier(0.4, 0.4, 0.05, 1); width: auto; z-index: 3; --gh-km-top-box6: 24px; --gv-km-top-box6: 0px; max-width: 100%; }

/* km-top-btn4: keyboard_arrow_left */
.km-top-btn4 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 50%; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }
.km-top-btn4:hover { background: rgb(225, 225, 225); }

/* km-top-icon4: keyboard_arrow_left */
.km-top-icon4 { color: rgb(255, 255, 255); font-size: 24px; }

/* km-top-btn5: pause */
.km-top-btn5 { background: rgb(0, 0, 0); border-radius: 50%; flex-flow: column; height: 40px; justify-content: center; width: 40px; max-width: 100%; }
.km-top-btn5:hover { background: rgb(225, 225, 225); }

/* km-top-box7: pause */
.km-top-box7 { height: auto; width: auto; max-width: 100%; }

/* km-top-icon5: pause */
.km-top-icon5 { color: rgb(255, 255, 255); font-size: 15px; }

/* km-top-btn6: chevron_right */
.km-top-btn6 { background: rgb(0, 0, 0); border-radius: 50%; flex-flow: column; height: 40px; justify-content: center; width: 40px; max-width: 100%; }
.km-top-btn6:hover { background: rgb(225, 225, 225); }

/* km-top-icon6: chevron_right */
.km-top-icon6 { color: rgb(255, 255, 255); font-size: 24px; }

/* km-pickup-sec1: PICK UP 人気の記事 サービス業 近畿 コロナ */
.km-pickup-sec1 { place-content: center flex-start; align-items: center; background: rgb(234, 246, 255); flex-flow: column; height: auto; padding: 100px 40px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .km-pickup-sec1 { padding: 100px 40px; } }
@media screen and (max-width: 540px) { .km-pickup-sec1 { padding: 70px 40px; } }

/* km-pickup-inner1:  */
.km-pickup-inner1 { padding: 100px 40px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 840px) { .km-pickup-inner1 { padding: 100px 40px; flex-direction: column; } }
@media screen and (max-width: 540px) { .km-pickup-inner1 { padding: 70px 40px; flex-direction: column; } }

/* km-pickup-box1: PICK UP 人気の記事 */
.km-pickup-box1 { place-content: flex-start center; align-items: flex-start; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; margin: 0px 0px 30px; width: 1090px; max-width: 100%; }

/* km-pickup-box2: PICK UP 人気の記事 */
.km-pickup-box2 { place-content: flex-start center; align-items: flex-start; border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex-flow: column; padding: 0px 0px 0px 15px; }

/* km-pickup-txt1: PICK UP */
.km-pickup-txt1 { color: rgb(15, 111, 180); font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-pickup-txt2: 人気の記事 */
.km-pickup-txt2 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-pickup-box3: サービス業 近畿 コロナ倒産から、ホテル7か所の運営へ  */
.km-pickup-box3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 30px 10px; height: auto; padding: 0px; width: 1090px; --gh-km-pickup-box3: 10px; --gv-km-pickup-box3: 30px; max-width: 100%; }
@media screen and (max-width: 540px) { .km-pickup-box3 { gap: 20px 10px; --gh-km-pickup-box3: 10px; --gv-km-pickup-box3: 20px; } }

/* km-pickup-link1: サービス業 近畿 コロナ倒産から、ホテル7か所の運営へ  */
.km-pickup-link1 { align-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; width: calc(25% - (var(--gh-km-pickup-box3) * 0.75)); --gh-km-pickup-link1: 10px; --gv-km-pickup-link1: 10px; max-width: calc(25% - (var(--gh-km-pickup-box3) * 0.75)); }
@media screen and (max-width: 840px) { .km-pickup-link1 { flex: 0 0 auto; flex-direction: column; height: auto; overflow: hidden auto; width: calc(50% - (var(--gh-km-pickup-box3) * 0.5)); --gh-km-pickup-link1: 10px; --gv-km-pickup-link1: 10px; max-width: calc(50% - (var(--gh-km-pickup-box3) * 0.5)); } }
@media screen and (max-width: 540px) { .km-pickup-link1 { overflow: hidden auto; width: calc(100% - (var(--gh-km-pickup-box3) * 0)); --gh-km-pickup-link1: 10px; --gv-km-pickup-link1: 10px; max-width: calc(100% - (var(--gh-km-pickup-box3) * 0)); } }

/* km-pickup-pic1:  */
.km-pickup-pic1 { flex: 0 0 auto; height: 155px; width: calc(100% - (var(--gh-km-pickup-link1) * 0)); max-width: calc(100% - (var(--gh-km-pickup-link1) * 0)); }
@media screen and (max-width: 840px) { .km-pickup-pic1 { flex: 0 0 auto; height: 240px; width: calc(100% - (var(--gh-km-pickup-link1) * 0)); max-width: calc(100% - (var(--gh-km-pickup-link1) * 0)); } }

/* km-pickup-box4: サービス業 近畿 コロナ倒産から、ホテル7か所の運営へ  */
.km-pickup-box4 { align-content: flex-start; align-items: flex-start; flex: 1 1 0%; gap: 7px; --gh-km-pickup-box4: 0px; --gv-km-pickup-box4: 7px; }

/* km-pickup-box5: サービス業 近畿 */
.km-pickup-box5 { place-content: center flex-start; align-items: center; flex-flow: wrap; height: auto; padding: 0px; width: auto; max-width: 100%; }

/* km-pickup-box6: サービス業 近畿 */
.km-pickup-box6 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 3px; padding: 0px; --gh-km-pickup-box6: 3px; --gv-km-pickup-box6: 3px; }

/* km-pickup-txt3: サービス業 */
.km-pickup-txt3 { background: rgb(13, 112, 180); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-pickup-txt4: 近畿 */
.km-pickup-txt4 { background: rgb(0, 0, 0); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-pickup-txt5: コロナ倒産から、ホテル7か所の運営へ ── "ワンパック支援 */
.km-pickup-txt5 { color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 13px; line-height: 1.4; text-align: left; justify-content: flex-start; }
@media screen and (max-width: 840px) { .km-pickup-txt5 { font-size: 20px; } }

/* km-pickup-box7: 株式会社小林商事 小林 一裕 社長 */
.km-pickup-box7 { flex-flow: wrap; gap: 3px 11px; padding: 0px; --gh-km-pickup-box7: 11px; --gv-km-pickup-box7: 3px; }

/* km-pickup-txt6: 株式会社小林商事 */
.km-pickup-txt6 { border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(140, 140, 140); color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; padding: 0px 15px 0px 0px; text-align: left; justify-content: flex-start; }

/* km-pickup-txt7: 小林 一裕 社長 */
.km-pickup-txt7 { color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; text-align: left; justify-content: flex-start; }

/* km-blk3-sec1: INTERVIEW 経営者インタビュー サービス業 北 */
.km-blk3-sec1 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: row; height: auto; padding: 100px 40px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-sec1 { place-content: flex-start; align-items: flex-start; padding: 100px 40px; } }
@media screen and (max-width: 540px) { .km-blk3-sec1 { padding: 70px 40px; } }

/* km-blk3-inner1:  */
.km-blk3-inner1 { padding: 100px 40px; width: 100%; height: auto; flex-flow: row; place-content: flex-start center; align-items: flex-start; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-inner1 { padding: 100px 40px; flex-direction: column; place-content: flex-start; align-items: flex-start; } }
@media screen and (max-width: 540px) { .km-blk3-inner1 { padding: 70px 40px; flex-direction: column; } }

/* km-blk3-box1: INTERVIEW 経営者インタビュー サービス業 北 */
.km-blk3-box1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: row; gap: 0px 70px; padding: 0px; width: 1090px; --gh-km-blk3-box1: 70px; --gv-km-blk3-box1: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; width: 100%; --gh-km-blk3-box1: 70px; --gv-km-blk3-box1: 0px; max-width: 100%; } }

/* km-blk3-box2: INTERVIEW 経営者インタビュー サービス業 北 */
.km-blk3-box2 { place-content: center flex-start; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; height: auto; width: calc(60% - (var(--gh-km-blk3-box1) * 0.4)); max-width: calc(60% - (var(--gh-km-blk3-box1) * 0.4)); }
@media screen and (max-width: 840px) { .km-blk3-box2 { place-content: center; align-items: center; flex: 0 0 auto; width: calc(100% - (var(--gh-km-blk3-box1) * 0)); max-width: calc(100% - (var(--gh-km-blk3-box1) * 0)); } }

/* km-blk3-box3: INTERVIEW 経営者インタビュー */
.km-blk3-box3 { place-content: center space-between; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px 0px 30px; width: 100%; max-width: 100%; }

/* km-blk3-box4: INTERVIEW 経営者インタビュー */
.km-blk3-box4 { place-content: flex-start center; align-items: flex-start; border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex-flow: column; padding: 0px 0px 0px 15px; }

/* km-blk3-txt1: INTERVIEW */
.km-blk3-txt1 { color: rgb(15, 111, 180); font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt2: 経営者インタビュー */
.km-blk3-txt2 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-box5: サービス業 北陸 100社・1000名を支えた"人と向き */
.km-blk3-box5 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 30px 10px; height: auto; margin: 0px 0px 60px; padding: 0px; width: 100%; --gh-km-blk3-box5: 10px; --gv-km-blk3-box5: 30px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-box5 { place-content: flex-start; align-items: flex-start; --gh-km-blk3-box5: 10px; --gv-km-blk3-box5: 30px; } }
@media screen and (max-width: 540px) { .km-blk3-box5 { gap: 20px 10px; --gh-km-blk3-box5: 10px; --gv-km-blk3-box5: 20px; } }

/* km-blk3-link1: サービス業 北陸 100社・1000名を支えた"人と向き */
.km-blk3-link1 { align-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 0px; width: calc(33% - (var(--gh-km-blk3-box5) * 0.67)); --gh-km-blk3-link1: 0px; --gv-km-blk3-link1: 10px; max-width: calc(33% - (var(--gh-km-blk3-box5) * 0.67)); }
@media screen and (max-width: 840px) { .km-blk3-link1 { flex: 0 0 auto; flex-direction: column; overflow: hidden auto; width: calc(50% - (var(--gh-km-blk3-box5) * 0.5)); --gh-km-blk3-link1: 0px; --gv-km-blk3-link1: 10px; max-width: calc(50% - (var(--gh-km-blk3-box5) * 0.5)); } }
@media screen and (max-width: 540px) { .km-blk3-link1 { overflow: hidden auto; width: calc(100% - (var(--gh-km-blk3-box5) * 0)); --gh-km-blk3-link1: 0px; --gv-km-blk3-link1: 10px; max-width: calc(100% - (var(--gh-km-blk3-box5) * 0)); } }

/* km-blk3-pic1:  */
.km-blk3-pic1 { flex: 0 0 auto; height: 155px; width: 265px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-pic1 { flex: 0 0 auto; height: 240px; width: calc(100% - (var(--gh-km-blk3-link1) * 0)); max-width: calc(100% - (var(--gh-km-blk3-link1) * 0)); } }

/* km-blk3-box6: サービス業 北陸 100社・1000名を支えた"人と向き */
.km-blk3-box6 { place-content: flex-start center; align-items: flex-start; flex: 1 1 0%; gap: 7px; padding: 0px; --gh-km-blk3-box6: 0px; --gv-km-blk3-box6: 7px; }

/* km-blk3-box7: サービス業 北陸 */
.km-blk3-box7 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; padding: 0px; width: calc(100% - (var(--gh-km-blk3-box6) * 0)); max-width: calc(100% - (var(--gh-km-blk3-box6) * 0)); }

/* km-blk3-box8: サービス業 北陸 */
.km-blk3-box8 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 3px; height: 20px; padding: 0px; width: auto; --gh-km-blk3-box8: 3px; --gv-km-blk3-box8: 3px; max-width: 100%; }

/* km-blk3-txt3: サービス業 */
.km-blk3-txt3 { background: rgb(13, 112, 180); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt4: 北陸 */
.km-blk3-txt4 { background: rgb(0, 0, 0); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt5: 100社・1000名を支えた"人と向き合う"人材紹介 ──  */
.km-blk3-txt5 { color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 13px; line-height: 1.4; text-align: left; justify-content: flex-start; }
@media screen and (max-width: 840px) { .km-blk3-txt5 { font-size: 20px; } }

/* km-blk3-box9: MU合同会社 浅下 晴幹 代表 */
.km-blk3-box9 { flex-flow: wrap; gap: 3px 11px; padding: 0px; --gh-km-blk3-box9: 11px; --gv-km-blk3-box9: 3px; }

/* km-blk3-txt6: MU合同会社 */
.km-blk3-txt6 { border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(140, 140, 140); color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; padding: 0px 15px 0px 0px; text-align: left; justify-content: flex-start; }

/* km-blk3-txt7: 浅下 晴幹 代表 */
.km-blk3-txt7 { color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; text-align: left; justify-content: flex-start; }

/* km-blk3-link2: 経営者インタビュー一覧 chevron_right */
.km-blk3-link2 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 0px 5px; padding: 0px; max-width: calc(100% - 5px); }

/* km-blk3-btn1: 経営者インタビュー一覧 */
.km-blk3-btn1 { background: rgb(0, 0, 0); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Lato, sans-serif; font-size: 16px; font-weight: 400; height: 45px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 2px 0px 0px; opacity: 1; padding: 15px 30px; text-align: left; width: 225px; max-width: calc(100% - 2px); }

/* km-blk3-txt8: 経営者インタビュー一覧 */
.km-blk3-txt8 { border-radius: 0px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0em; line-height: 1; margin: 0px; opacity: 1; padding: 0px 0px 2px; text-align: center; max-width: 100%; justify-content: center; }

/* km-blk3-box10: chevron_right */
.km-blk3-box10 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 45px; width: 45px; max-width: 100%; }

/* km-blk3-icon1: chevron_right */
.km-blk3-icon1 { color: rgb(255, 255, 255); font-size: 20px; }

/* km-blk3-box11: NEW TOPICKS 新着記事 2026.09.08  */
.km-blk3-box11 { place-content: flex-start; align-items: flex-start; background: rgba(238, 238, 238, 0); display: flex; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(40% - (var(--gh-km-blk3-box1) * 0.6)); max-width: calc(40% - (var(--gh-km-blk3-box1) * 0.6)); }
@media screen and (max-width: 840px) { .km-blk3-box11 { display: none; } }
@media screen and (max-width: 540px) { .km-blk3-box11 { display: none; } }

/* km-blk3-box12: NEW TOPICKS 新着記事 */
.km-blk3-box12 { place-content: flex-start center; align-items: flex-start; border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex-flow: column; margin: 0px 0px 30px; padding: 0px 0px 0px 15px; max-width: 100%; }

/* km-blk3-txt9: NEW TOPICKS */
.km-blk3-txt9 { color: rgb(15, 111, 180); font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt10: 新着記事 */
.km-blk3-txt10 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-box13: 2026.09.08 建設・不動産業 関東 「もっと良 */
.km-blk3-box13 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 15px 10px; height: auto; margin: 0px 0px 50px; padding: 0px; width: 100%; --gh-km-blk3-box13: 10px; --gv-km-blk3-box13: 15px; max-width: 100%; }

/* km-blk3-link3: 2026.09.08 建設・不動産業 関東 「もっと良 */
.km-blk3-link3 { place-content: center flex-start; align-items: center; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 0px; width: calc(100% - (var(--gh-km-blk3-box13) * 0)); --gh-km-blk3-link3: 10px; --gv-km-blk3-link3: 10px; max-width: calc(100% - (var(--gh-km-blk3-box13) * 0)); }
@media screen and (max-width: 840px) { .km-blk3-link3 { flex-direction: column; overflow: hidden auto; --gh-km-blk3-link3: 10px; --gv-km-blk3-link3: 10px; } }
@media screen and (max-width: 540px) { .km-blk3-link3 { overflow: hidden auto; width: 100%; --gh-km-blk3-link3: 10px; --gv-km-blk3-link3: 10px; } }

/* km-blk3-pic2:  */
.km-blk3-pic2 { flex: 0 0 auto; height: 90px; width: 120px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-pic2 { flex: 0 0 auto; height: 240px; width: calc(100% - (var(--gh-km-blk3-link3) * 0)); max-width: calc(100% - (var(--gh-km-blk3-link3) * 0)); } }

/* km-blk3-box14: 2026.09.08 建設・不動産業 関東 「もっと良 */
.km-blk3-box14 { align-content: flex-start; align-items: flex-start; flex: 1 1 0%; gap: 3px; padding: 0px; --gh-km-blk3-box14: 0px; --gv-km-blk3-box14: 3px; }

/* km-blk3-box15: 2026.09.08 */
.km-blk3-box15 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* km-blk3-box16: 2026.09.08 */
.km-blk3-box16 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* km-blk3-txt11: 2026.09.08 */
.km-blk3-txt11 { color: rgb(140, 140, 140); font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.2; text-align: left; justify-content: flex-start; }

/* km-blk3-box17: 建設・不動産業 関東 */
.km-blk3-box17 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; padding: 0px; width: calc(100% - (var(--gh-km-blk3-box14) * 0)); max-width: calc(100% - (var(--gh-km-blk3-box14) * 0)); }

/* km-blk3-box18: 建設・不動産業 関東 */
.km-blk3-box18 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 3px; height: auto; padding: 0px; width: 100%; --gh-km-blk3-box18: 3px; --gv-km-blk3-box18: 3px; max-width: 100%; }

/* km-blk3-box19: 建設・不動産業 関東 */
.km-blk3-box19 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 3px; padding: 0px; --gh-km-blk3-box19: 3px; --gv-km-blk3-box19: 3px; }

/* km-blk3-txt12: 建設・不動産業 */
.km-blk3-txt12 { background: rgb(13, 112, 180); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt13: 関東 */
.km-blk3-txt13 { background: rgb(0, 0, 0); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt14: 「もっと良い足場を」から始まった独立 ── 職人目線と安全第 */
.km-blk3-txt14 { color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 10px; line-height: 1.4; text-align: left; justify-content: flex-start; }
@media screen and (max-width: 840px) { .km-blk3-txt14 { font-size: 20px; } }

/* km-blk3-box20: 有限会社小野田工業 小野田 英伸 社長 */
.km-blk3-box20 { flex: 0 0 auto; flex-direction: row; gap: 11px; height: 14px; padding: 0px; width: auto; --gh-km-blk3-box20: 11px; --gv-km-blk3-box20: 0px; max-width: 100%; }

/* km-blk3-txt15: 有限会社小野田工業 */
.km-blk3-txt15 { border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(140, 140, 140); color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; padding: 0px 10px 0px 0px; text-align: left; justify-content: flex-start; }

/* km-blk3-txt16: 小野田 英伸 社長 */
.km-blk3-txt16 { color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; text-align: left; justify-content: flex-start; }

/* km-blk3-box21: PICK UP 人気の記事 */
.km-blk3-box21 { place-content: flex-start center; align-items: flex-start; border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex-flow: column; margin: 0px 0px 30px; padding: 0px 0px 0px 15px; max-width: 100%; }

/* km-blk3-txt17: PICK UP */
.km-blk3-txt17 { color: rgb(15, 111, 180); font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt18: 人気の記事 */
.km-blk3-txt18 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-box22: 2026.09.16 サービス業 近畿 コロナ倒産から */
.km-blk3-box22 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 15px 10px; height: auto; margin: 0px 0px 50px; padding: 0px; width: 100%; --gh-km-blk3-box22: 10px; --gv-km-blk3-box22: 15px; max-width: 100%; }

/* km-blk3-link4: 2026.09.16 サービス業 近畿 コロナ倒産から */
.km-blk3-link4 { align-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 0px; width: calc(100% - (var(--gh-km-blk3-box22) * 0)); --gh-km-blk3-link4: 10px; --gv-km-blk3-link4: 10px; max-width: calc(100% - (var(--gh-km-blk3-box22) * 0)); }
@media screen and (max-width: 840px) { .km-blk3-link4 { flex-direction: column; overflow: hidden auto; --gh-km-blk3-link4: 10px; --gv-km-blk3-link4: 10px; } }
@media screen and (max-width: 540px) { .km-blk3-link4 { overflow: hidden auto; width: 100%; --gh-km-blk3-link4: 10px; --gv-km-blk3-link4: 10px; } }

/* km-blk3-pic3:  */
.km-blk3-pic3 { flex: 0 0 auto; height: 85px; width: 95px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-pic3 { flex: 0 0 auto; height: 240px; width: calc(100% - (var(--gh-km-blk3-link4) * 0)); max-width: calc(100% - (var(--gh-km-blk3-link4) * 0)); } }

/* km-blk3-box23: 2026.09.16 サービス業 近畿 コロナ倒産から */
.km-blk3-box23 { align-content: flex-start; align-items: flex-start; flex: 1 1 0%; gap: 3px; --gh-km-blk3-box23: 0px; --gv-km-blk3-box23: 3px; }

/* km-blk3-box24: 2026.09.16 */
.km-blk3-box24 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* km-blk3-box25: 2026.09.16 */
.km-blk3-box25 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* km-blk3-txt19: 2026.09.16 */
.km-blk3-txt19 { color: rgb(140, 140, 140); font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.2; text-align: left; justify-content: flex-start; }

/* km-blk3-box26: サービス業 近畿 */
.km-blk3-box26 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 3px; height: auto; padding: 0px; width: calc(100% - (var(--gh-km-blk3-box23) * 0)); --gh-km-blk3-box26: 3px; --gv-km-blk3-box26: 3px; max-width: calc(100% - (var(--gh-km-blk3-box23) * 0)); }

/* km-blk3-box27: サービス業 近畿 */
.km-blk3-box27 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 3px; padding: 0px; --gh-km-blk3-box27: 3px; --gv-km-blk3-box27: 3px; }

/* km-blk3-txt20: サービス業 */
.km-blk3-txt20 { background: rgb(13, 112, 180); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt21: 近畿 */
.km-blk3-txt21 { background: rgb(0, 0, 0); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt22: コロナ倒産から、ホテル7か所の運営へ ── "ワンパック支援 */
.km-blk3-txt22 { color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 10px; line-height: 1.4; text-align: left; justify-content: flex-start; }
@media screen and (max-width: 840px) { .km-blk3-txt22 { font-size: 20px; } }

/* km-blk3-box28: 株式会社小林商事 小林 一裕 社長 */
.km-blk3-box28 { flex-direction: row; gap: 11px; padding: 0px; --gh-km-blk3-box28: 11px; --gv-km-blk3-box28: 0px; }

/* km-blk3-txt23: 株式会社小林商事 */
.km-blk3-txt23 { border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(140, 140, 140); color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; padding: 0px 10px 0px 0px; text-align: left; justify-content: flex-start; }

/* km-blk3-txt24: 小林 一裕 社長 */
.km-blk3-txt24 { color: rgb(140, 140, 140); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; text-align: left; justify-content: flex-start; }

/* km-blk3-box29: ARCHIVE アーカイブ */
.km-blk3-box29 { place-content: flex-start center; align-items: flex-start; border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); display: flex; flex-flow: column; margin: 0px 0px 30px; padding: 0px 0px 0px 15px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk3-box29 { display: flex; } }
@media screen and (max-width: 540px) { .km-blk3-box29 { display: flex; } }

/* km-blk3-txt25: ARCHIVE */
.km-blk3-txt25 { color: rgb(15, 111, 180); font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-txt26: アーカイブ */
.km-blk3-txt26 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk3-link5: アーカイブ一覧 chevron_right */
.km-blk3-link5 { place-content: flex-start center; align-items: flex-start; display: flex; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px 0px 0px 5px; padding: 0px; width: calc(100% - 5px); max-width: calc(100% - 5px); }
@media screen and (max-width: 840px) { .km-blk3-link5 { display: flex; } }
@media screen and (max-width: 540px) { .km-blk3-link5 { display: flex; } }

/* km-blk3-btn2: アーカイブ一覧 */
.km-blk3-btn2 { background: rgb(0, 0, 0); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Lato, sans-serif; font-size: 16px; font-weight: 400; height: 45px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 2px 0px 0px; opacity: 1; padding: 15px 30px; text-align: left; width: calc(90% - 2px); max-width: calc(90% - 2px); }

/* km-blk3-txt27: アーカイブ一覧 */
.km-blk3-txt27 { border-radius: 0px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0em; line-height: 1; margin: 0px; opacity: 1; padding: 0px 0px 2px; text-align: center; max-width: 100%; justify-content: center; }

/* km-blk3-box30: chevron_right */
.km-blk3-box30 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 45px; width: 45px; max-width: 100%; }

/* km-blk3-icon2: chevron_right */
.km-blk3-icon2 { color: rgb(255, 255, 255); font-size: 20px; }

/* km-blk4-sec1: FILTER 絞り込み検索 All 北海道 東北  */
.km-blk4-sec1 { place-content: center flex-start; align-items: center; background: rgb(15, 111, 180); flex-flow: column; height: auto; padding: 100px 40px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk4-sec1 { padding: 100px 40px; } }
@media screen and (max-width: 540px) { .km-blk4-sec1 { padding: 70px 40px; } }

/* km-blk4-inner1:  */
.km-blk4-inner1 { padding: 100px 40px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk4-inner1 { padding: 100px 40px; flex-direction: column; } }
@media screen and (max-width: 540px) { .km-blk4-inner1 { padding: 70px 40px; flex-direction: column; } }

/* km-blk4-box1: FILTER 絞り込み検索 */
.km-blk4-box1 { place-content: flex-start center; align-items: flex-start; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; margin: 0px; width: 1090px; max-width: 100%; }

/* km-blk4-box2: FILTER 絞り込み検索 */
.km-blk4-box2 { place-content: flex-start center; align-items: flex-start; border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgb(255, 255, 255); flex-flow: column; padding: 0px 0px 0px 15px; }

/* km-blk4-txt1: FILTER */
.km-blk4-txt1 { color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk4-txt2: 絞り込み検索 */
.km-blk4-txt2 { color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk4-box3: All 北海道 東北 関東 東海 北陸 近畿  */
.km-blk4-box3 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 20px; padding: 0px; width: 1090px; --gh-km-blk4-box3: 0px; --gv-km-blk4-box3: 20px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk4-box3 { place-content: flex-start center; align-items: flex-start; --gh-km-blk4-box3: 0px; --gv-km-blk4-box3: 20px; } }

/* km-blk4-nav1: All 北海道 東北 関東 東海 北陸 近畿  */
.km-blk4-nav1 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: wrap; gap: 15px; height: auto; margin: 0px 0px 50px; padding: 0px; width: calc(100% - (var(--gh-km-blk4-box3) * 0)); --gh-km-blk4-nav1: 15px; --gv-km-blk4-nav1: 15px; max-width: calc(100% - (var(--gh-km-blk4-box3) * 0)); }
@media screen and (max-width: 540px) { .km-blk4-nav1 { width: 100%; --gh-km-blk4-nav1: 15px; --gv-km-blk4-nav1: 15px; } }

/* km-blk4-box4: All 北海道 東北 関東 東海 北陸 近畿  */
.km-blk4-box4 { place-content: center flex-start; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 40px 0px; width: calc(100% - (var(--gh-km-blk4-nav1) * 0)); --gh-km-blk4-box4: 10px; --gv-km-blk4-box4: 10px; max-width: calc(100% - (var(--gh-km-blk4-nav1) * 0)); }

/* km-blk4-list1: All 北海道 東北 関東 東海 北陸 近畿  */
.km-blk4-list1 { flex: 0 0 auto; flex-flow: wrap; gap: 10px 5px; height: auto; padding: 0px; width: 985px; --gh-km-blk4-list1: 5px; --gv-km-blk4-list1: 10px; max-width: 100%; }

/* km-blk4-item1: All */
.km-blk4-item1 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex-flow: row; margin: 0px; padding: 0px; max-width: 100%; }

/* km-blk4-link1: All */
.km-blk4-link1 { place-content: center; align-items: center; border-radius: 2px; flex-flow: row; padding: 10px 20px; }
.km-blk4-link1.url-query-partial { background: rgb(51, 51, 51); }
.km-blk4-link1:hover { background: rgb(204, 204, 204); }

/* km-blk4-txt3: All */
.km-blk4-txt3 { background: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 12px; font-weight: 400; height: auto; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* km-blk4-link1: All */
.km-blk4-link1.url-query-partial .km-blk4-txt3 { color: rgb(255, 255, 255); }

/* km-blk4-box5: サービス業 北陸 100社・1000名を支えた"人と向き */
.km-blk4-box5 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 30px 10px; height: auto; padding: 0px; width: calc(100% - (var(--gh-km-blk4-box3) * 0)); --gh-km-blk4-box5: 10px; --gv-km-blk4-box5: 30px; max-width: calc(100% - (var(--gh-km-blk4-box3) * 0)); }
@media screen and (max-width: 540px) { .km-blk4-box5 { gap: 20px 10px; --gh-km-blk4-box5: 10px; --gv-km-blk4-box5: 20px; } }

/* km-blk4-link2: サービス業 北陸 100社・1000名を支えた"人と向き */
.km-blk4-link2 { align-content: flex-start; align-items: flex-start; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; width: calc(25% - (var(--gh-km-blk4-box5) * 0.75)); --gh-km-blk4-link2: 0px; --gv-km-blk4-link2: 10px; max-width: calc(25% - (var(--gh-km-blk4-box5) * 0.75)); }
@media screen and (max-width: 840px) { .km-blk4-link2 { flex: 0 0 auto; flex-direction: column; overflow: hidden auto; width: calc(50% - (var(--gh-km-blk4-box5) * 0.5)); --gh-km-blk4-link2: 0px; --gv-km-blk4-link2: 10px; max-width: calc(50% - (var(--gh-km-blk4-box5) * 0.5)); } }
@media screen and (max-width: 540px) { .km-blk4-link2 { overflow: hidden auto; width: calc(100% - (var(--gh-km-blk4-box5) * 0)); --gh-km-blk4-link2: 0px; --gv-km-blk4-link2: 10px; max-width: calc(100% - (var(--gh-km-blk4-box5) * 0)); } }

/* km-blk4-pic1:  */
.km-blk4-pic1 { flex: 0 0 auto; height: 155px; width: 265px; max-width: 100%; }
@media screen and (max-width: 840px) { .km-blk4-pic1 { flex: 0 0 auto; height: 240px; width: calc(100% - (var(--gh-km-blk4-link2) * 0)); max-width: calc(100% - (var(--gh-km-blk4-link2) * 0)); } }

/* km-blk4-box6: サービス業 北陸 100社・1000名を支えた"人と向き */
.km-blk4-box6 { align-content: flex-start; align-items: flex-start; flex: 1 1 0%; gap: 7px; --gh-km-blk4-box6: 0px; --gv-km-blk4-box6: 7px; }

/* km-blk4-box7: サービス業 北陸 */
.km-blk4-box7 { place-content: center flex-start; align-items: center; flex-flow: wrap; padding: 0px; }

/* km-blk4-box8: サービス業 北陸 */
.km-blk4-box8 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 3px; height: auto; padding: 0px; width: 100%; --gh-km-blk4-box8: 3px; --gv-km-blk4-box8: 3px; max-width: 100%; }

/* km-blk4-box9: サービス業 北陸 */
.km-blk4-box9 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 3px; padding: 0px; --gh-km-blk4-box9: 3px; --gv-km-blk4-box9: 3px; }

/* km-blk4-txt4: サービス業 */
.km-blk4-txt4 { background: rgb(255, 255, 255); border-radius: 1px; color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk4-txt5: 北陸 */
.km-blk4-txt5 { background: rgb(0, 0, 0); border-radius: 1px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; padding: 3px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* km-blk4-txt6: 100社・1000名を支えた"人と向き合う"人材紹介 ──  */
.km-blk4-txt6 { color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 13px; line-height: 1.4; text-align: left; justify-content: flex-start; }
@media screen and (max-width: 840px) { .km-blk4-txt6 { font-size: 20px; } }

/* km-blk4-box10: MU合同会社 浅下 晴幹 代表 */
.km-blk4-box10 { flex-flow: wrap; gap: 3px 11px; padding: 0px; --gh-km-blk4-box10: 11px; --gv-km-blk4-box10: 3px; }

/* km-blk4-txt7: MU合同会社 */
.km-blk4-txt7 { border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; padding: 0px 15px 0px 0px; text-align: left; justify-content: flex-start; }

/* km-blk4-txt8: 浅下 晴幹 代表 */
.km-blk4-txt8 { color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 10px; font-weight: 400; line-height: 1.4; text-align: left; justify-content: flex-start; }