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

/* nt-blk1-sec1: サービス業 北陸 2026.09.17 100社・10 */
.nt-blk1-sec1 { place-content: center flex-start; align-items: center; background: rgb(240, 240, 240); flex-flow: column; height: auto; padding: 170px 40px 130px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .nt-blk1-sec1 { padding: 120px 30px 130px; } }

/* nt-blk1-inner1:  */
.nt-blk1-inner1 { padding: 170px 40px 130px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .nt-blk1-inner1 { padding: 120px 30px 130px; flex-direction: column; } }

/* nt-blk1-img1:  */
.nt-blk1-img1 { flex: 0 0 auto; height: auto; margin: 0px 0px 50px; padding: 0px; width: 100%; max-width: 100%; }

/* nt-blk1-box1: サービス業 北陸 2026.09.17 */
.nt-blk1-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 15px; height: auto; margin: 0px 0px 35px; padding: 0px; width: 1090px; --gh-nt-blk1-box1: 15px; --gv-nt-blk1-box1: 0px; max-width: 100%; }

/* nt-blk1-box2: サービス業 北陸 */
.nt-blk1-box2 { place-content: center; align-items: center; flex-flow: row; gap: 3px; padding: 0px; --gh-nt-blk1-box2: 3px; --gv-nt-blk1-box2: 0px; }

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

/* nt-blk1-txt1: サービス業 */
.nt-blk1-txt1 { 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; }

/* nt-blk1-txt2: 北陸 */
.nt-blk1-txt2 { 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; }

/* nt-blk1-box4: 2026.09.17 */
.nt-blk1-box4 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* nt-blk1-txt3: 2026.09.17 */
.nt-blk1-txt3 { color: rgb(140, 140, 140); font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 400; line-height: 1.2; text-align: left; justify-content: flex-start; }

/* nt-blk1-txt4: 100社・1000名を支えた"人と向き合う"人材紹介 ──  */
.nt-blk1-txt4 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 15px; text-align: left; width: 1090px; max-width: 100%; justify-content: flex-start; }

/* nt-blk1-box5: MU合同会社 浅下 晴幹 代表 */
.nt-blk1-box5 { flex: 0 0 auto; flex-direction: row; gap: 11px; margin: 0px 0px 45px; padding: 0px; width: 1090px; --gh-nt-blk1-box5: 11px; --gv-nt-blk1-box5: 0px; max-width: 100%; }

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

/* nt-blk1-txt6: 浅下 晴幹 代表 */
.nt-blk1-txt6 { color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.4; text-align: left; justify-content: flex-start; }

/* nt-blk1-txt7: 近江町市場や金沢の老舗クラブでの経験を経て人材紹介業界へ進み */
.nt-blk1-txt7 { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: auto; line-height: 1.7; margin: 0px 0px 100px; padding: 0px 0px 55px; text-align: left; width: 1090px; max-width: 100%; justify-content: flex-start; }

/* nt-blk1-rich1: ┃ 事業内容 ── 人材紹介から、採用支援・AI活用まで  */
.nt-blk1-rich1 { border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.2; margin: 0px 0px 100px; text-align: left; width: 1090px; max-width: 100%; }
.nt-blk1-rich1 > figure { text-align: center; }
.nt-blk1-rich1 > h2 { color: rgb(15, 111, 180); font-family: Kosugi, sans-serif; font-size: 18px; font-weight: 700; margin: 10px 0px; }
.nt-blk1-rich1 > p { font-family: Kosugi, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; margin: 0px; width: auto; }
.nt-blk1-rich1 strong { color: rgb(15, 111, 180); font-family: Kosugi, sans-serif; font-size: 18px; }
.nt-blk1-rich1 > [data-type="table"] > table { border-radius: 3px; flex: 0 0 auto; width: 85.1562%; margin: 10px 0px; }
.nt-blk1-rich1 > [data-type="table"] > table tbody tr > td { background: rgb(255, 255, 255); border-radius: 3px; padding: 15px; }
.nt-blk1-rich1 > [data-type="table"] > table tbody tr > th { background: rgb(13, 112, 179); border-radius: 3px; color: rgb(255, 255, 255); flex: 0 0 auto; text-align: center; width: 20%; }

/* nt-blk1-box6:  */
.nt-blk1-box6 { background: rgb(0, 0, 0); flex: 0 0 auto; height: 1px; margin: 0px 0px 40px; width: 1090px; max-width: 100%; }

/* nt-blk1-box7: 記事をシェア */
.nt-blk1-box7 { place-content: center flex-end; align-items: center; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px 0px 70px; padding: 0px; width: 1090px; max-width: 100%; }

/* nt-blk1-txt8: 記事をシェア */
.nt-blk1-txt8 { color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 15px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 15px); justify-content: flex-start; }

/* nt-blk1-link1:  */
.nt-blk1-link1 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; margin: 0px; width: 40px; max-width: 100%; }

/* nt-blk1-pic1:  */
.nt-blk1-pic1 { height: 18px; width: 18px; max-width: 100%; }

/* nt-blk1-link2:  */
.nt-blk1-link2 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; margin: 0px 5px; width: 40px; max-width: calc(100% - 10px); }

/* nt-blk1-pic2:  */
.nt-blk1-pic2 { flex: 0 0 auto; height: 23px; width: 25px; max-width: 100%; }

/* nt-blk1-link3:  */
.nt-blk1-link3 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; margin: 0px; width: 40px; max-width: 100%; }

/* nt-blk1-pic3:  */
.nt-blk1-pic3 { height: 24px; width: 24px; max-width: 100%; }

/* nt-blk1-link4: 顧問サービスを依頼する chevron_right */
.nt-blk1-link4 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: row; height: 65px; margin: 0px 0px 5px 5px; padding: 0px; width: 475px; max-width: calc(100% - 5px); }

/* nt-blk1-btn1: 顧問サービスを依頼する */
.nt-blk1-btn1 { background: rgb(15, 111, 180); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 1 1 0%; font-family: Lato, sans-serif; font-size: 16px; font-weight: 400; height: 100%; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 2px 0px 0px; opacity: 1; padding: 15px 30px; text-align: left; width: auto; max-width: calc(100% - 2px); }

/* nt-blk1-txt9: 顧問サービスを依頼する */
.nt-blk1-txt9 { border-radius: 0px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 15px; 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; }

/* nt-blk1-box8: chevron_right */
.nt-blk1-box8 { place-content: center; align-items: center; background: rgb(15, 111, 180); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 100%; width: 65px; max-width: 100%; }

/* nt-blk1-icon1: chevron_right */
.nt-blk1-icon1 { color: rgb(255, 255, 255); font-size: 23px; }

/* nt-blk1-link5: keyboard_arrow_left トップへ戻る */
.nt-blk1-link5 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: row; height: 65px; margin: 0px 0px 0px 5px; padding: 0px; width: 475px; max-width: calc(100% - 5px); }

/* nt-blk1-box9: keyboard_arrow_left */
.nt-blk1-box9 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 100%; margin: 0px 2px 0px 0px; width: 65px; max-width: calc(100% - 2px); }

/* nt-blk1-icon2: keyboard_arrow_left */
.nt-blk1-icon2 { color: rgb(255, 255, 255); font-size: 23px; }

/* nt-blk1-btn2: トップへ戻る */
.nt-blk1-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: 1 1 0%; font-family: Lato, sans-serif; font-size: 16px; font-weight: 400; height: 100%; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px 2px 0px 0px; opacity: 1; padding: 15px 30px; text-align: left; width: auto; max-width: calc(100% - 2px); }

/* nt-blk1-txt10: トップへ戻る */
.nt-blk1-txt10 { border-radius: 0px; color: rgb(255, 255, 255); font-family: Kosugi, sans-serif; font-size: 15px; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; opacity: 1; padding: 0px 0px 2px; text-align: center; max-width: 100%; justify-content: center; }

/* nt-pickup-sec1: PICK UP 人気の記事 サービス業 近畿 コロナ */
.nt-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) { .nt-pickup-sec1 { padding: 100px 40px; } }
@media screen and (max-width: 540px) { .nt-pickup-sec1 { padding: 70px 40px; } }

/* nt-pickup-inner1:  */
.nt-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) { .nt-pickup-inner1 { padding: 100px 40px; flex-direction: column; } }
@media screen and (max-width: 540px) { .nt-pickup-inner1 { padding: 70px 40px; flex-direction: column; } }

/* nt-pickup-box1: PICK UP 人気の記事 */
.nt-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%; }

/* nt-pickup-box2: PICK UP 人気の記事 */
.nt-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; }

/* nt-pickup-txt1: PICK UP */
.nt-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; }

/* nt-pickup-txt2: 人気の記事 */
.nt-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; }

/* nt-pickup-box3: サービス業 近畿 コロナ倒産から、ホテル7か所の運営へ  */
.nt-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-nt-pickup-box3: 10px; --gv-nt-pickup-box3: 30px; max-width: 100%; }
@media screen and (max-width: 540px) { .nt-pickup-box3 { gap: 20px 10px; --gh-nt-pickup-box3: 10px; --gv-nt-pickup-box3: 20px; } }

/* nt-pickup-link1: サービス業 近畿 コロナ倒産から、ホテル7か所の運営へ  */
.nt-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-nt-pickup-box3) * 0.75)); --gh-nt-pickup-link1: 10px; --gv-nt-pickup-link1: 10px; max-width: calc(25% - (var(--gh-nt-pickup-box3) * 0.75)); }
@media screen and (max-width: 840px) { .nt-pickup-link1 { flex: 0 0 auto; flex-direction: column; height: auto; overflow: hidden auto; width: calc(50% - (var(--gh-nt-pickup-box3) * 0.5)); --gh-nt-pickup-link1: 10px; --gv-nt-pickup-link1: 10px; max-width: calc(50% - (var(--gh-nt-pickup-box3) * 0.5)); } }
@media screen and (max-width: 540px) { .nt-pickup-link1 { overflow: hidden auto; width: calc(100% - (var(--gh-nt-pickup-box3) * 0)); --gh-nt-pickup-link1: 10px; --gv-nt-pickup-link1: 10px; max-width: calc(100% - (var(--gh-nt-pickup-box3) * 0)); } }

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

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

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

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

/* nt-pickup-txt3: サービス業 */
.nt-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; }

/* nt-pickup-txt4: 近畿 */
.nt-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; }

/* nt-pickup-txt5: コロナ倒産から、ホテル7か所の運営へ ── "ワンパック支援 */
.nt-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) { .nt-pickup-txt5 { font-size: 20px; } }

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

/* nt-pickup-txt6: 株式会社小林商事 */
.nt-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; }

/* nt-pickup-txt7: 小林 一裕 社長 */
.nt-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; }