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

/* ka-pickup2-sec1: ABOUT 顧問ズ・マッチについて あなたの挑戦に、頼れ */
.ka-pickup2-sec1 { place-content: center flex-start; align-items: center; background: rgb(240, 240, 240); flex-flow: column; height: auto; padding: 200px 40px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .ka-pickup2-sec1 { padding: 200px 40px; } }
@media screen and (max-width: 540px) { .ka-pickup2-sec1 { padding: 150px 30px; } }

/* ka-pickup2-inner1:  */
.ka-pickup2-inner1 { padding: 200px 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) { .ka-pickup2-inner1 { padding: 200px 40px; flex-direction: column; } }
@media screen and (max-width: 540px) { .ka-pickup2-inner1 { padding: 150px 30px; flex-direction: column; } }

/* ka-pickup2-box1: ABOUT 顧問ズ・マッチについて */
.ka-pickup2-box1 { 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: 1090px; max-width: 100%; }

/* ka-pickup2-box2: ABOUT 顧問ズ・マッチについて */
.ka-pickup2-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; }

/* ka-pickup2-txt1: ABOUT */
.ka-pickup2-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; }

/* ka-pickup2-txt2: 顧問ズ・マッチについて */
.ka-pickup2-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; }

/* ka-pickup2-txt3: あなたの挑戦に、頼れる顧問を。 */
.ka-pickup2-txt3 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: Kosugi, sans-serif; font-size: 30px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 20px; text-align: left; width: 1090px; max-width: 100%; justify-content: flex-start; }

/* ka-pickup2-txt4: 顧問を受けたいエンドユーザーと、知見を提供する企業を結びつけ */
.ka-pickup2-txt4 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Kosugi, sans-serif; font-size: 15px; font-weight: 400; height: auto; line-height: 1.75; margin: 0px 0px 150px; text-align: left; width: 1090px; max-width: 100%; justify-content: flex-start; }

/* ka-pickup2-box3: RECOMMEND こんな方におすすめ */
.ka-pickup2-box3 { 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%; }

/* ka-pickup2-box4: RECOMMEND こんな方におすすめ */
.ka-pickup2-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; }

/* ka-pickup2-txt5: RECOMMEND */
.ka-pickup2-txt5 { 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; }

/* ka-pickup2-txt6: こんな方におすすめ */
.ka-pickup2-txt6 { 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; }

/* ka-pickup2-box5: 経歴や実績を見て 納得したうえで顧問を選びたい方 信頼でき */
.ka-pickup2-box5 { place-content: center; align-items: center; flex-flow: wrap; gap: 30px; margin: 0px 0px 150px; padding: 0px; --gh-ka-pickup2-box5: 30px; --gv-ka-pickup2-box5: 30px; max-width: 100%; }

/* ka-pickup2-box6: 経歴や実績を見て 納得したうえで顧問を選びたい方 */
.ka-pickup2-box6 { place-content: center; align-items: center; background: rgb(15, 111, 180); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 330px; padding: 30px; width: 300px; max-width: 100%; }

/* ka-pickup2-box7: 経歴や実績を見て 納得したうえで顧問を選びたい方 */
.ka-pickup2-box7 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: 100%; max-width: 100%; }

/* ka-pickup2-pic1:  */
.ka-pickup2-pic1 { height: 200px; margin: 0px 0px 10px; width: 200px; max-width: 100%; }

/* ka-pickup2-txt7: 経歴や実績を見て 納得したうえで顧問を選びたい方 */
.ka-pickup2-txt7 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ka-pickup2-box8: 信頼できる顧問を見つけて 専門的なアドバイスを受けたい方 */
.ka-pickup2-box8 { place-content: center; align-items: center; background: rgb(15, 111, 180); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 330px; padding: 30px; width: 300px; max-width: 100%; }

/* ka-pickup2-box9: 信頼できる顧問を見つけて 専門的なアドバイスを受けたい方 */
.ka-pickup2-box9 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 0px; width: 100%; max-width: 100%; }

/* ka-pickup2-pic2:  */
.ka-pickup2-pic2 { height: 200px; margin: 0px 0px 10px; width: 200px; max-width: 100%; }

/* ka-pickup2-txt8: 信頼できる顧問を見つけて 専門的なアドバイスを受けたい方 */
.ka-pickup2-txt8 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ka-pickup2-box10: 実績のある企業とつながり 事業の成長を加速させたい方 */
.ka-pickup2-box10 { place-content: center; align-items: center; background: rgb(15, 111, 180); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 330px; padding: 30px; width: 300px; max-width: 100%; }

/* ka-pickup2-box11: 実績のある企業とつながり 事業の成長を加速させたい方 */
.ka-pickup2-box11 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 0px; width: 100%; max-width: 100%; }

/* ka-pickup2-pic3:  */
.ka-pickup2-pic3 { height: 200px; margin: 0px 0px 10px; width: 200px; max-width: 100%; }

/* ka-pickup2-txt9: 実績のある企業とつながり 事業の成長を加速させたい方 */
.ka-pickup2-txt9 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ka-pickup2-box12: SERVICE サービスの流れ */
.ka-pickup2-box12 { 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%; }

/* ka-pickup2-box13: SERVICE サービスの流れ */
.ka-pickup2-box13 { 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; }

/* ka-pickup2-txt10: SERVICE */
.ka-pickup2-txt10 { 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; }

/* ka-pickup2-txt11: サービスの流れ */
.ka-pickup2-txt11 { 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; }

/* ka-pickup2-box14: description 企業のインタビュー記事を読む 顧 */
.ka-pickup2-box14 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0.8); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px 0px 150px; padding: 30px; width: 75%; --gh-ka-pickup2-box14: 0px; --gv-ka-pickup2-box14: 60px; max-width: 75%; }
@media screen and (max-width: 840px) { .ka-pickup2-box14 { padding: 30px; --gh-ka-pickup2-box14: 0px; --gv-ka-pickup2-box14: 60px; } }
@media screen and (max-width: 540px) { .ka-pickup2-box14 { flex: 0 0 auto; margin: 0px 0px 100px; padding: 20px; width: 100%; --gh-ka-pickup2-box14: 0px; --gv-ka-pickup2-box14: 60px; max-width: 100%; } }

/* ka-pickup2-box15: description 企業のインタビュー記事を読む 顧 */
.ka-pickup2-box15 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 48px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ka-pickup2-box14) * 0)); --gh-ka-pickup2-box15: 0px; --gv-ka-pickup2-box15: 48px; max-width: calc(100% - (var(--gh-ka-pickup2-box14) * 0)); }
@media screen and (max-width: 840px) { .ka-pickup2-box15 { flex-flow: column; --gh-ka-pickup2-box15: 0px; --gv-ka-pickup2-box15: 48px; } }

/* ka-pickup2-box16: description 企業のインタビュー記事を読む 顧 */
.ka-pickup2-box16 { place-content: stretch space-between; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-ka-pickup2-box15) * 0)); --gh-ka-pickup2-box16: 0px; --gv-ka-pickup2-box16: 0px; max-width: calc(100% - (var(--gh-ka-pickup2-box15) * 0)); }
html.js .ka-pickup2-box16:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-ka-pickup2-box16: 0px; --gv-ka-pickup2-box16: 0px; }
.ka-pickup2-box16.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 840px) { .ka-pickup2-box16 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 10px; width: 480px; --gh-ka-pickup2-box16: 0px; --gv-ka-pickup2-box16: 10px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ka-pickup2-box16 { gap: 10px; --gh-ka-pickup2-box16: 10px; --gv-ka-pickup2-box16: 10px; } }

/* ka-pickup2-box17: description 企業のインタビュー記事を読む 顧 */
.ka-pickup2-box17 { background: rgba(250, 250, 250, 0); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 30px; width: calc(30% - (var(--gh-ka-pickup2-box16) * 0.7000000000000001)); --gh-ka-pickup2-box17: 0px; --gv-ka-pickup2-box17: 0px; max-width: calc(30% - (var(--gh-ka-pickup2-box16) * 0.7000000000000001)); }
@media screen and (max-width: 840px) { .ka-pickup2-box17 { flex: 0 0 auto; width: calc(100% - (var(--gh-ka-pickup2-box16) * 0)); --gh-ka-pickup2-box17: 0px; --gv-ka-pickup2-box17: 0px; max-width: calc(100% - (var(--gh-ka-pickup2-box16) * 0)); } }
@media screen and (max-width: 540px) { .ka-pickup2-box17 { border-radius: 6px; --gh-ka-pickup2-box17: 0px; --gv-ka-pickup2-box17: 0px; } }

/* ka-pickup2-icon1: description */
.ka-pickup2-icon1 { color: rgb(15, 111, 180); font-size: 50px; margin: 0px 0px 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .ka-pickup2-icon1 { font-size: 32px; } }

/* ka-pickup2-txt12: 企業のインタビュー記事を読む */
.ka-pickup2-txt12 { color: rgb(15, 111, 180); font-family: Kosugi, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; gap: 0px; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px 0px 10px; text-align: center; width: auto; --gh-ka-pickup2-txt12: 0px; --gv-ka-pickup2-txt12: 0px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ka-pickup2-txt12 { font-size: 14px; --gh-ka-pickup2-txt12: 0px; --gv-ka-pickup2-txt12: 0px; } }

/* ka-pickup2-txt13: 顧問として知見を提供する企業が、実績や強みを語ったインタビュ */
.ka-pickup2-txt13 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 15px; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ka-pickup2-icon2:  */
.ka-pickup2-icon2 { color: rgb(15, 111, 180); font-size: 24px; }
@media screen and (max-width: 840px) { .ka-pickup2-icon2 { rotate: 90deg; } }
@media screen and (max-width: 540px) { .ka-pickup2-icon2 { rotate: 90deg; } }

/* ka-pickup2-box18: search 依頼したい顧問を見つける 記事を読み「こ */
.ka-pickup2-box18 { background: rgba(250, 250, 250, 0); border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 30px; width: calc(30% - (var(--gh-ka-pickup2-box16) * 0.7000000000000001)); --gh-ka-pickup2-box18: 0px; --gv-ka-pickup2-box18: 0px; max-width: calc(30% - (var(--gh-ka-pickup2-box16) * 0.7000000000000001)); }
@media screen and (max-width: 840px) { .ka-pickup2-box18 { flex: 0 0 auto; width: calc(100% - (var(--gh-ka-pickup2-box16) * 0)); --gh-ka-pickup2-box18: 0px; --gv-ka-pickup2-box18: 0px; max-width: calc(100% - (var(--gh-ka-pickup2-box16) * 0)); } }
@media screen and (max-width: 540px) { .ka-pickup2-box18 { border-radius: 6px; --gh-ka-pickup2-box18: 0px; --gv-ka-pickup2-box18: 0px; } }

/* ka-pickup2-icon3: search */
.ka-pickup2-icon3 { color: rgb(15, 111, 180); font-size: 50px; margin: 0px 0px 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .ka-pickup2-icon3 { font-size: 32px; } }

/* ka-pickup2-txt14: 依頼したい顧問を見つける */
.ka-pickup2-txt14 { color: rgb(15, 111, 180); font-family: Kosugi, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; gap: 0px; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px 0px 10px; text-align: center; width: auto; --gh-ka-pickup2-txt14: 0px; --gv-ka-pickup2-txt14: 0px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ka-pickup2-txt14 { font-size: 14px; --gh-ka-pickup2-txt14: 0px; --gv-ka-pickup2-txt14: 0px; } }

/* ka-pickup2-txt15: 記事を読み「この方に顧問を依頼したい」と感じたら、問い合わせ */
.ka-pickup2-txt15 { color: rgb(51, 51, 51); font-family: Kosugi, sans-serif; font-size: 15px; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ka-pickup2-icon4:  */
.ka-pickup2-icon4 { color: rgb(15, 111, 180); font-size: 24px; }
@media screen and (max-width: 840px) { .ka-pickup2-icon4 { rotate: 90deg; } }
@media screen and (max-width: 540px) { .ka-pickup2-icon4 { rotate: 90deg; } }

/* ka-pickup2-box19: 顧問契約へ お見積もりをご提示させていただき、ご希望に沿 */
.ka-pickup2-box19 { background: rgba(250, 250, 250, 0); border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 30px; width: calc(30% - (var(--gh-ka-pickup2-box16) * 0.7000000000000001)); --gh-ka-pickup2-box19: 0px; --gv-ka-pickup2-box19: 0px; max-width: calc(30% - (var(--gh-ka-pickup2-box16) * 0.7000000000000001)); }
@media screen and (max-width: 840px) { .ka-pickup2-box19 { flex: 0 0 auto; width: calc(100% - (var(--gh-ka-pickup2-box16) * 0)); --gh-ka-pickup2-box19: 0px; --gv-ka-pickup2-box19: 0px; max-width: calc(100% - (var(--gh-ka-pickup2-box16) * 0)); } }
@media screen and (max-width: 540px) { .ka-pickup2-box19 { border-radius: 6px; --gh-ka-pickup2-box19: 0px; --gv-ka-pickup2-box19: 0px; } }

/* ka-pickup2-icon5:  */
.ka-pickup2-icon5 { color: rgb(15, 111, 180); font-size: 40px; margin: 0px 0px 15px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .ka-pickup2-icon5 { font-size: 32px; } }

/* ka-pickup2-txt16: 顧問契約へ */
.ka-pickup2-txt16 { color: rgb(15, 111, 180); font-family: Kosugi, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ka-pickup2-txt16 { font-size: 14px; } }

/* ka-pickup2-txt17: お見積もりをご提示させていただき、ご希望に沿って、企業とお繋 */
.ka-pickup2-txt17 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Kosugi, sans-serif; font-size: 15px; height: auto; line-height: 1.4; text-align: left; width: calc(100% - (var(--gh-ka-pickup2-box19) * 0)); max-width: calc(100% - (var(--gh-ka-pickup2-box19) * 0)); justify-content: flex-start; }

/* ka-pickup2-link1: keyboard_arrow_left トップへ戻る */
.ka-pickup2-link1 { 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); }

/* ka-pickup2-box20: keyboard_arrow_left */
.ka-pickup2-box20 { 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); }

/* ka-pickup2-icon6: keyboard_arrow_left */
.ka-pickup2-icon6 { color: rgb(255, 255, 255); font-size: 23px; }

/* ka-pickup2-btn1: トップへ戻る */
.ka-pickup2-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: 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); }

/* ka-pickup2-txt18: トップへ戻る */
.ka-pickup2-txt18 { 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; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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