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

/* id-blk1-sec1: CONSTRUCTION 建設・不動産業 建設・不動産業 */
.id-blk1-sec1 { place-content: flex-start center; align-items: flex-start; background: rgb(240, 240, 240); flex-flow: row; height: auto; padding: 200px 40px 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .id-blk1-sec1 { padding: 200px 30px 150px; } }

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

/* id-blk1-box1: CONSTRUCTION 建設・不動産業 建設・不動産業 */
.id-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-id-blk1-box1: 70px; --gv-id-blk1-box1: 0px; max-width: 100%; }

/* id-blk1-box2: CONSTRUCTION 建設・不動産業 */
.id-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%; }

/* id-blk1-box3: CONSTRUCTION 建設・不動産業 */
.id-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; }

/* id-blk1-txt1: CONSTRUCTION */
.id-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; }

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

/* id-blk1-box4: 建設・不動産業 関東 「もっと良い足場を」から始まった独 */
.id-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-id-blk1-box1) * 0.4)); --gh-id-blk1-box4: 10px; --gv-id-blk1-box4: 10px; max-width: calc(60% - (var(--gh-id-blk1-box1) * 0.4)); }
@media screen and (max-width: 840px) { .id-blk1-box4 { height: auto; margin: 0px; width: calc(100% - (var(--gh-id-blk1-box1) * 0)); --gh-id-blk1-box4: 10px; --gv-id-blk1-box4: 10px; max-width: calc(100% - (var(--gh-id-blk1-box1) * 0)); } }
@media screen and (max-width: 540px) { .id-blk1-box4 { height: auto; margin: 0px; --gh-id-blk1-box4: 10px; --gv-id-blk1-box4: 10px; } }

/* id-blk1-link1: 建設・不動産業 関東 「もっと良い足場を」から始まった独 */
.id-blk1-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; width: calc(33% - (var(--gh-id-blk1-box4) * 0.67)); --gh-id-blk1-link1: 0px; --gv-id-blk1-link1: 10px; max-width: calc(33% - (var(--gh-id-blk1-box4) * 0.67)); }
@media screen and (max-width: 840px) { .id-blk1-link1 { flex: 0 0 auto; flex-direction: column; overflow: hidden auto; width: calc(50% - (var(--gh-id-blk1-box4) * 0.5)); --gh-id-blk1-link1: 0px; --gv-id-blk1-link1: 10px; max-width: calc(50% - (var(--gh-id-blk1-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .id-blk1-link1 { overflow: hidden auto; width: calc(100% - (var(--gh-id-blk1-box4) * 0)); --gh-id-blk1-link1: 0px; --gv-id-blk1-link1: 10px; max-width: calc(100% - (var(--gh-id-blk1-box4) * 0)); } }

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

/* id-blk1-box5: 建設・不動産業 関東 「もっと良い足場を」から始まった独 */
.id-blk1-box5 { align-content: flex-start; align-items: flex-start; flex: 1 1 0%; gap: 7px; padding: 0px; --gh-id-blk1-box5: 0px; --gv-id-blk1-box5: 7px; }

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

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

/* id-blk1-txt4: 関東 */
.id-blk1-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; }

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

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

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

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

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

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

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

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

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

/* id-blk1-link2: 2026.09.08 建設・不動産業 関東 「もっと良 */
.id-blk1-link2 { 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-id-blk1-link2: 10px; --gv-id-blk1-link2: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .id-blk1-link2 { flex-direction: column; overflow: hidden auto; --gh-id-blk1-link2: 0px; --gv-id-blk1-link2: 10px; } }
@media screen and (max-width: 540px) { .id-blk1-link2 { overflow: hidden auto; width: calc(100% - (var(--gh-id-blk1-box10) * 0)); --gh-id-blk1-link2: 10px; --gv-id-blk1-link2: 0px; max-width: calc(100% - (var(--gh-id-blk1-box10) * 0)); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* id-blk1-link3: 2026.09.16 サービス業 近畿 コロナ倒産から */
.id-blk1-link3 { 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-id-blk1-link3: 10px; --gv-id-blk1-link3: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .id-blk1-link3 { flex-direction: column; overflow: hidden auto; --gh-id-blk1-link3: 0px; --gv-id-blk1-link3: 10px; } }
@media screen and (max-width: 540px) { .id-blk1-link3 { overflow: hidden auto; width: calc(100% - (var(--gh-id-blk1-box18) * 0)); --gh-id-blk1-link3: 10px; --gv-id-blk1-link3: 0px; max-width: calc(100% - (var(--gh-id-blk1-box18) * 0)); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* id-blk1-box26: サービス業 卸売・小売業 情報通信業 建設・不動産業  */
.id-blk1-box26 { 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-id-blk1-box26: 10px; --gv-id-blk1-box26: 10px; max-width: 100%; }

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

/* id-blk1-item1: サービス業 */
.id-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-id-blk1-list1) * 0.5)); max-width: calc(50% - (var(--gh-id-blk1-list1) * 0.5)); }

/* id-blk1-link4: サービス業 */
.id-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%; }
.id-blk1-link4.url-query-partial { background: rgb(51, 51, 51); }
.id-blk1-link4:hover { background: rgb(204, 204, 204); }

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

/* id-blk1-link4: サービス業 */
.id-blk1-link4.url-query-partial .id-blk1-txt26 { color: rgb(255, 255, 255); }

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

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

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

/* id-blk1-box28: 北海道 東北 関東 東海 北陸 近畿 中国 四 */
.id-blk1-box28 { 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-id-blk1-box28: 10px; --gv-id-blk1-box28: 10px; max-width: 100%; }

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

/* id-blk1-item2: 北海道 */
.id-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-id-blk1-list2) * 0.5)); max-width: calc(50% - (var(--gh-id-blk1-list2) * 0.5)); }

/* id-blk1-link5: 北海道 */
.id-blk1-link5 { 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%; }
.id-blk1-link5.url-query-partial { background: rgb(51, 51, 51); }
.id-blk1-link5:hover { background: rgb(204, 204, 204); }

/* id-blk1-txt29: 北海道 */
.id-blk1-txt29 { 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; }

/* id-blk1-link5: 北海道 */
.id-blk1-link5.url-query-partial .id-blk1-txt29 { color: rgb(255, 255, 255); }

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

/* id-blk1-txt30: ARCHIVE */
.id-blk1-txt30 { 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; }

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

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

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

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

/* id-blk1-box30: chevron_right */
.id-blk1-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%; }

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

/* id-blk2-link1: keyboard_arrow_left トップへ戻る */
.id-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) { .id-blk2-link1 { flex: 0 0 auto; margin: 0px 0px 100px; width: 40%; max-width: 40%; } }
@media screen and (max-width: 540px) { .id-blk2-link1 { width: auto; max-width: 100%; } }

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

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

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

/* id-blk2-txt1: トップへ戻る */
.id-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) { .id-blk2-txt1 { font-size: 12px; } }