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

/* ar-blk1-sec1: CHUGOKU 中国 NEW TOPICKS 新着記事 */
.ar-blk1-sec1 { place-content: center; align-items: center; background: rgb(240, 240, 240); flex-flow: row; height: auto; padding: 200px 40px 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .ar-blk1-sec1 { place-content: flex-start center; align-items: flex-start; height: auto; margin: 0px; padding: 200px 40px 100px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .ar-blk1-sec1 { height: auto; margin: 0px; padding: 180px 30px 100px; width: 100%; } }

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

/* ar-blk1-box1: CHUGOKU 中国 NEW TOPICKS 新着記事 */
.ar-blk1-box1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 0px 70px; padding: 0px; width: 1090px; --gh-ar-blk1-box1: 70px; --gv-ar-blk1-box1: 0px; max-width: 100%; }

/* ar-blk1-box2: CHUGOKU 中国 */
.ar-blk1-box2 { 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 50px; width: 1140px; max-width: 100%; }

/* ar-blk1-box3: CHUGOKU 中国 */
.ar-blk1-box3 { 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; }

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

/* ar-blk1-txt2: 中国 */
.ar-blk1-txt2 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 15px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ar-blk1-box4:  */
.ar-blk1-box4 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; margin: 0px 0px 60px; padding: 0px; width: calc(60% - (var(--gh-ar-blk1-box1) * 0.4)); --gh-ar-blk1-box4: 10px; --gv-ar-blk1-box4: 10px; max-width: calc(60% - (var(--gh-ar-blk1-box1) * 0.4)); }
@media screen and (max-width: 840px) { .ar-blk1-box4 { height: auto; margin: 0px; width: calc(100% - (var(--gh-ar-blk1-box1) * 0)); --gh-ar-blk1-box4: 10px; --gv-ar-blk1-box4: 10px; max-width: calc(100% - (var(--gh-ar-blk1-box1) * 0)); } }
@media screen and (max-width: 540px) { .ar-blk1-box4 { height: auto; margin: 0px; --gh-ar-blk1-box4: 10px; --gv-ar-blk1-box4: 10px; } }

/* ar-blk1-link6: サービス業 北陸 100社・1000名を支えた"人と向き */
.ar-blk1-link6 { 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(33% - (var(--gh-ar-blk1-box4) * 0.67)); --gh-ar-blk1-link6: 0px; --gv-ar-blk1-link6: 10px; max-width: calc(33% - (var(--gh-ar-blk1-box4) * 0.67)); }
@media screen and (max-width: 840px) { .ar-blk1-link6 { flex: 0 0 auto; flex-direction: column; overflow: hidden auto; width: calc(50% - (var(--gh-ar-blk1-box4) * 0.5)); --gh-ar-blk1-link6: 0px; --gv-ar-blk1-link6: 10px; max-width: calc(50% - (var(--gh-ar-blk1-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .ar-blk1-link6 { overflow: hidden auto; width: calc(100% - (var(--gh-ar-blk1-box4) * 0)); --gh-ar-blk1-link6: 0px; --gv-ar-blk1-link6: 10px; max-width: calc(100% - (var(--gh-ar-blk1-box4) * 0)); } }

/* ar-blk1-pic3:  */
.ar-blk1-pic3 { flex: 0 0 auto; height: 155px; width: 265px; max-width: 100%; }
@media screen and (max-width: 840px) { .ar-blk1-pic3 { flex: 0 0 auto; height: 240px; width: calc(100% - (var(--gh-ar-blk1-link6) * 0)); max-width: calc(100% - (var(--gh-ar-blk1-link6) * 0)); } }

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

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

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

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

/* ar-blk1-txt30: 100社・1000名を支えた"人と向き合う"人材紹介 ──  */
.ar-blk1-txt30 { 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) { .ar-blk1-txt30 { font-size: 20px; } }

/* ar-blk1-box30: MU合同会社 浅下 晴幹 代表 */
.ar-blk1-box30 { flex-direction: row; gap: 11px; padding: 0px; --gh-ar-blk1-box30: 11px; --gv-ar-blk1-box30: 0px; }

/* ar-blk1-txt31: MU合同会社 */
.ar-blk1-txt31 { 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; }

/* ar-blk1-txt32: 浅下 晴幹 代表 */
.ar-blk1-txt32 { 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; }

/* ar-blk1-box5: NEW TOPICKS 新着記事 2026.09.08  */
.ar-blk1-box5 { 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 0px 0px 70px; width: calc(40% - (var(--gh-ar-blk1-box1) * 0.6)); max-width: calc(40% - (var(--gh-ar-blk1-box1) * 0.6)); }
@media screen and (max-width: 840px) { .ar-blk1-box5 { display: none; } }
@media screen and (max-width: 540px) { .ar-blk1-box5 { display: none; } }

/* ar-blk1-box6: NEW TOPICKS 新着記事 */
.ar-blk1-box6 { 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%; }

/* ar-blk1-txt3: NEW TOPICKS */
.ar-blk1-txt3 { 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; }

/* ar-blk1-txt4: 新着記事 */
.ar-blk1-txt4 { 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; }

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

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

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

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

/* ar-blk1-box9: 2026.09.08 */
.ar-blk1-box9 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* ar-blk1-box10: 2026.09.08 */
.ar-blk1-box10 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* ar-blk1-txt5: 2026.09.08 */
.ar-blk1-txt5 { 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; }

/* ar-blk1-box11: 建設・不動産業 関東 */
.ar-blk1-box11 { 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-ar-blk1-box8) * 0)); --gh-ar-blk1-box11: 3px; --gv-ar-blk1-box11: 3px; max-width: calc(100% - (var(--gh-ar-blk1-box8) * 0)); }

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

/* ar-blk1-txt6: 建設・不動産業 */
.ar-blk1-txt6 { 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; }

/* ar-blk1-txt7: 関東 */
.ar-blk1-txt7 { 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; }

/* ar-blk1-txt8: 「もっと良い足場を」から始まった独立 ── 職人目線と安全第 */
.ar-blk1-txt8 { 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) { .ar-blk1-txt8 { font-size: 20px; } }

/* ar-blk1-box13: 有限会社小野田工業 小野田 英伸 社長 */
.ar-blk1-box13 { flex-direction: row; gap: 11px; padding: 0px; --gh-ar-blk1-box13: 11px; --gv-ar-blk1-box13: 0px; }

/* ar-blk1-txt9: 有限会社小野田工業 */
.ar-blk1-txt9 { 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; }

/* ar-blk1-txt10: 小野田 英伸 社長 */
.ar-blk1-txt10 { 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; }

/* ar-blk1-box14: PICK UP 人気の記事 */
.ar-blk1-box14 { 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%; }

/* ar-blk1-txt11: PICK UP */
.ar-blk1-txt11 { 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; }

/* ar-blk1-txt12: 人気の記事 */
.ar-blk1-txt12 { 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; }

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

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

/* ar-blk1-pic2:  */
.ar-blk1-pic2 { flex: 0 0 auto; height: 85px; width: 95px; max-width: 100%; }
@media screen and (max-width: 840px) { .ar-blk1-pic2 { flex: 0 0 auto; height: 240px; width: calc(100% - (var(--gh-ar-blk1-link2) * 0)); max-width: calc(100% - (var(--gh-ar-blk1-link2) * 0)); } }

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

/* ar-blk1-box17: 2026.09.16 */
.ar-blk1-box17 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* ar-blk1-box18: 2026.09.16 */
.ar-blk1-box18 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* ar-blk1-txt13: 2026.09.16 */
.ar-blk1-txt13 { 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; }

/* ar-blk1-box19: サービス業 近畿 */
.ar-blk1-box19 { 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-ar-blk1-box16) * 0)); --gh-ar-blk1-box19: 3px; --gv-ar-blk1-box19: 3px; max-width: calc(100% - (var(--gh-ar-blk1-box16) * 0)); }

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

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

/* ar-blk1-txt15: 近畿 */
.ar-blk1-txt15 { 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; }

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

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

/* ar-blk1-txt17: 株式会社小林商事 */
.ar-blk1-txt17 { 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; }

/* ar-blk1-txt18: 小林 一裕 社長 */
.ar-blk1-txt18 { 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; }

/* ar-blk1-box22: INDUSTRY 業種で探す */
.ar-blk1-box22 { 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%; }

/* ar-blk1-txt19: INDUSTRY */
.ar-blk1-txt19 { 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; }

/* ar-blk1-txt20: 業種で探す */
.ar-blk1-txt20 { 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; }

/* ar-blk1-box23: サービス業 卸売・小売業 情報通信業 建設・不動産業  */
.ar-blk1-box23 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: wrap; gap: 10px; margin: 0px 0px 50px; padding: 0px; width: auto; --gh-ar-blk1-box23: 10px; --gv-ar-blk1-box23: 10px; max-width: 100%; }

/* ar-blk1-list1: サービス業 卸売・小売業 情報通信業 建設・不動産業  */
.ar-blk1-list1 { flex-flow: wrap; gap: 5px; padding: 0px; width: auto; --gh-ar-blk1-list1: 5px; --gv-ar-blk1-list1: 5px; max-width: 100%; }

/* ar-blk1-item1: サービス業 */
.ar-blk1-item1 { place-content: center; align-items: center; background: rgb(238, 238, 238); flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; width: calc(50% - (var(--gh-ar-blk1-list1) * 0.5)); max-width: calc(50% - (var(--gh-ar-blk1-list1) * 0.5)); }

/* ar-blk1-link3: サービス業 */
.ar-blk1-link3 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 2px; flex: 0 0 auto; flex-flow: row; padding: 10px 20px; width: 100%; max-width: 100%; }
.ar-blk1-link3.url-query-partial { background: rgb(51, 51, 51); }
.ar-blk1-link3:hover { background: rgb(204, 204, 204); }

/* ar-blk1-txt21: サービス業 */
.ar-blk1-txt21 { background: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ar-blk1-link3: サービス業 */
.ar-blk1-link3.url-query-partial .ar-blk1-txt21 { color: rgb(255, 255, 255); }

/* ar-blk1-box24: AREA エリアで探す */
.ar-blk1-box24 { 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%; }

/* ar-blk1-txt22: AREA */
.ar-blk1-txt22 { 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; }

/* ar-blk1-txt23: エリアで探す */
.ar-blk1-txt23 { 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; }

/* ar-blk1-box25: 北海道 東北 関東 東海 北陸 近畿 中国 四 */
.ar-blk1-box25 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: wrap; gap: 10px; margin: 0px 0px 50px; padding: 0px; width: auto; --gh-ar-blk1-box25: 10px; --gv-ar-blk1-box25: 10px; max-width: 100%; }

/* ar-blk1-list2: 北海道 東北 関東 東海 北陸 近畿 中国 四 */
.ar-blk1-list2 { flex-flow: wrap; gap: 5px; padding: 0px; width: auto; --gh-ar-blk1-list2: 5px; --gv-ar-blk1-list2: 5px; max-width: 100%; }

/* ar-blk1-item2: 北海道 */
.ar-blk1-item2 { place-content: center; align-items: center; background: rgb(238, 238, 238); flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; width: calc(50% - (var(--gh-ar-blk1-list2) * 0.5)); max-width: calc(50% - (var(--gh-ar-blk1-list2) * 0.5)); }

/* ar-blk1-link4: 北海道 */
.ar-blk1-link4 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 2px; flex: 0 0 auto; flex-flow: row; padding: 10px 20px; width: 100%; max-width: 100%; }
.ar-blk1-link4.url-query-partial { background: rgb(51, 51, 51); }
.ar-blk1-link4:hover { background: rgb(204, 204, 204); }

/* ar-blk1-txt24: 北海道 */
.ar-blk1-txt24 { background: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: Kosugi, sans-serif; font-size: 11px; font-weight: 400; height: auto; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ar-blk1-link4: 北海道 */
.ar-blk1-link4.url-query-partial .ar-blk1-txt24 { color: rgb(255, 255, 255); }

/* ar-blk1-box26: ARCHIVE アーカイブ */
.ar-blk1-box26 { 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) { .ar-blk1-box26 { display: flex; } }
@media screen and (max-width: 540px) { .ar-blk1-box26 { display: flex; } }

/* ar-blk1-txt25: ARCHIVE */
.ar-blk1-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; }

/* ar-blk1-txt26: アーカイブ */
.ar-blk1-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; }

/* ar-blk1-link5: アーカイブ一覧 chevron_right */
.ar-blk1-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) { .ar-blk1-link5 { display: flex; } }
@media screen and (max-width: 540px) { .ar-blk1-link5 { display: flex; } }

/* ar-blk1-btn1: アーカイブ一覧 */
.ar-blk1-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: calc(90% - 2px); max-width: calc(90% - 2px); }

/* ar-blk1-txt27: アーカイブ一覧 */
.ar-blk1-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; }

/* ar-blk1-box27: chevron_right */
.ar-blk1-box27 { 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%; }

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

/* ar-blk2-link1: keyboard_arrow_left トップへ戻る */
.ar-blk2-link1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: row; height: 65px; margin: 0px 0px 100px; padding: 0px; width: 475px; max-width: 100%; }
@media screen and (max-width: 840px) { .ar-blk2-link1 { flex: 0 0 auto; margin: 0px 0px 100px; width: 40%; max-width: 40%; } }
@media screen and (max-width: 540px) { .ar-blk2-link1 { width: auto; max-width: 100%; } }

/* ar-blk2-box1: keyboard_arrow_left */
.ar-blk2-box1 { 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); }

/* ar-blk2-icon1: keyboard_arrow_left */
.ar-blk2-icon1 { color: rgb(255, 255, 255); font-size: 23px; }

/* ar-blk2-btn1: トップへ戻る */
.ar-blk2-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: 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: calc(85% - 2px); max-width: calc(85% - 2px); }
@media screen and (max-width: 540px) { .ar-blk2-btn1 { flex: 0 0 auto; width: calc(100% - 2px); max-width: calc(100% - 2px); height: 100%; } }

/* ar-blk2-txt1: トップへ戻る */
.ar-blk2-txt1 { border-radius: 0px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: Kosugi, sans-serif; font-size: 15px; font-weight: 400; height: 20px; letter-spacing: 0em; line-height: 1; margin: 0px; opacity: 1; padding: 0px 0px 2px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ar-blk2-txt1 { font-size: 12px; } }