/* =========================================================
   common.css  複数のページで共通の部品（ヘッダー・フッター・お問い合わせ帯など）
   クラス名の意味: hd-=ヘッダー / ft-=フッター / cm-=その他の共通部品 / ts-=共通の文字スタイル
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* hd-header1: ご挨拶 私たちの仕事 お知らせ 会社情報 お問い合わせ 顧問 */
.hd-header1 { place-content: center space-between; align-items: center; background: rgba(191, 181, 181, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 30px 0px 20px; position: relative; width: 100%; z-index: 4; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-header1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; height: 66px; padding: 14px 0px 14px 14px; z-index: 4; width: 100%; max-width: 100%; } }

/* hd-box1:  */
.hd-box1 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 35px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-box1 { margin: 0px; max-width: 100%; } }

/* hd-link1:  */
.hd-link1 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 48px; width: 203px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-link1 { flex: 0 0 auto; height: auto; width: 160px; max-width: 100%; } }

/* hd-img1: Good Small Company */
.hd-img1 { border-radius: 0px; flex: 0 0 auto; height: auto; margin: 0px; width: 228px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-img1 { height: auto; margin: 0px; width: auto; max-width: 100%; } }

/* hd-nav1: ご挨拶 私たちの仕事 お知らせ 会社情報 お問い合わせ 顧問 */
.hd-nav1 { place-content: center space-between; align-items: center; flex-flow: row; gap: 0px 20px; padding: 0px; width: auto; --gh-hd-nav1: 20px; --gv-hd-nav1: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-nav1 { width: 478px; --gh-hd-nav1: 20px; --gv-hd-nav1: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .hd-nav1 { display: none; --gh-hd-nav1: 20px; --gv-hd-nav1: 0px; } }

/* hd-txt1: ご挨拶 */
.hd-txt1 { border-width: 0px 0px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.hd-txt1:hover { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(5, 15, 119); color: rgb(5, 15, 119); }
@media screen and (max-width: 840px) { .hd-txt1 { font-size: 15px; } }

/* hd-txt2: 私たちの仕事 */
.hd-txt2 { border-width: 0px 0px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.hd-txt2:hover { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(5, 15, 119); color: rgb(5, 15, 119); }
@media screen and (max-width: 840px) { .hd-txt2 { font-size: 15px; } }

/* hd-txt3: お知らせ */
.hd-txt3 { border-width: 0px 0px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.hd-txt3:hover { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(5, 15, 119); color: rgb(5, 15, 119); }
@media screen and (max-width: 840px) { .hd-txt3 { font-size: 15px; } }

/* hd-txt4: 会社情報 */
.hd-txt4 { border-width: 0px 0px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.hd-txt4:hover { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(5, 15, 119); color: rgb(5, 15, 119); }
@media screen and (max-width: 840px) { .hd-txt4 { font-size: 15px; } }

/* hd-txt5: お問い合わせ */
.hd-txt5 { border-width: 0px 0px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.hd-txt5:hover { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(5, 15, 119); color: rgb(5, 15, 119); }
@media screen and (max-width: 840px) { .hd-txt5 { font-size: 15px; } }

/* hd-txt6: 顧問ズ・マッチ */
.hd-txt6 { background: rgb(14, 53, 113); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); border-radius: 3px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; padding: 5px 15px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.hd-txt6:hover { background: rgb(90, 117, 159); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); color: rgb(255, 255, 255); }
@media screen and (max-width: 840px) { .hd-txt6 { font-size: 15px; } }

/* hd-txt7: プレミアム営業支援 */
.hd-txt7 { background: rgb(193, 159, 69); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); border-radius: 3px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; padding: 5px 15px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.hd-txt7:hover { background: rgb(221, 206, 165); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); color: rgb(255, 255, 255); }
@media screen and (max-width: 840px) { .hd-txt7 { font-size: 15px; } }

/* cm-box1:  */
.cm-box1 { place-content: flex-end space-between; align-items: flex-end; background: rgba(0, 0, 0, 0); inset: 18px 14px auto auto; display: none; flex: 0 0 auto; flex-flow: column; height: 28px; margin: 0px; position: fixed; width: 28px; z-index: 5; max-width: 100%; }
@media screen and (max-width: 840px) { .cm-box1 { display: none; } }
@media screen and (max-width: 540px) { .cm-box1 { display: flex; } }

/* cm-btn1:  */
.cm-btn1 { place-content: flex-end space-between; align-items: flex-end; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 28px; margin: 0px; position: relative; width: 28px; z-index: 5; max-width: 100%; }

/* cm-box2:  */
.cm-box2 { background: rgb(0, 0, 0); flex: 0 0 auto; height: 2px; width: 100%; max-width: 100%; }

/* cm-box3:  */
.cm-box3 { background: rgb(0, 0, 0); flex: 0 0 auto; height: 2px; width: 80%; max-width: 80%; }

/* cm-box4:  */
.cm-box4 { background: rgb(0, 0, 0); flex: 0 0 auto; height: 2px; width: 60%; max-width: 60%; }

/* hd-header2:  */
.hd-header2 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 100vh; left: 0px; margin: 0px; position: fixed; top: 0px; width: 50px; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-header2 { flex: 0 0 auto; width: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .hd-header2 { inset: 260px 0px auto auto; flex: 0 0 auto; height: auto; width: 38px; max-width: 100%; } }

/* hd-header3: 仕組みで支える、あなたの挑戦。 */
.hd-header3 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); inset: 0px 0px auto auto; flex: 0 0 auto; flex-flow: column; height: 100vh; margin: 0px; position: fixed; width: 50px; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-header3 { flex: 0 0 auto; width: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .hd-header3 { flex: 0 0 auto; height: auto; top: 80px; width: 38px; max-width: 100%; } }

/* hd-txt8: 仕組みで支える、あなたの挑戦。 */
.hd-txt8 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; height: auto; letter-spacing: 0.15em; line-height: 1.4; margin: 0px; position: relative; text-align: center; text-orientation: upright; -webkit-text-orientation: upright; width: auto; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .hd-txt8 { font-size: 14px; } }
@media screen and (max-width: 540px) { .hd-txt8 { font-size: 12px; } }

/* ft-footer1: ご挨拶 私たちの仕事 お知らせ 会社情報 お問い合わせ 顧問 */
.ft-footer1 { place-content: center; align-items: center; background: rgb(50, 50, 50); flex: 0 0 auto; flex-flow: column; height: auto; padding: 16px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ft-footer1 { flex: 0 0 auto; height: auto; justify-content: flex-start; } }

/* ft-nav1: ご挨拶 私たちの仕事 お知らせ 会社情報 お問い合わせ 顧問 */
.ft-nav1 { place-content: center space-between; align-items: center; display: flex; flex: 0 0 auto; flex-flow: wrap; margin: 48px 0px 32px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-nav1 { display: flex; } }
@media screen and (max-width: 540px) { .ft-nav1 { display: flex; flex: 0 0 auto; flex-flow: wrap; justify-content: space-around; margin: 35px 0px 38px; width: 300px; max-width: 100%; } }

/* ft-txt1: ご挨拶 */
.ft-txt1 { color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 30px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
.ft-txt1:hover { opacity: 0.5; }
@media screen and (max-width: 840px) { .ft-txt1 { font-size: 14px; margin: 0px 32px 0px 0px; max-width: calc(100% - 32px); } }
@media screen and (max-width: 540px) { .ft-txt1 { margin: 0px 10px 20px; max-width: calc(100% - 20px); } }

/* ft-txt2: 私たちの仕事 */
.ft-txt2 { color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 30px 0px 0px; padding: 3px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
.ft-txt2:hover { opacity: 0.5; }
@media screen and (max-width: 840px) { .ft-txt2 { font-size: 14px; margin: 0px 32px 0px 0px; max-width: calc(100% - 32px); } }
@media screen and (max-width: 540px) { .ft-txt2 { margin: 0px 10px 20px; max-width: calc(100% - 20px); } }

/* ft-txt3: お知らせ */
.ft-txt3 { color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 30px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
.ft-txt3:hover { opacity: 0.5; }
@media screen and (max-width: 840px) { .ft-txt3 { font-size: 14px; margin: 0px 32px 0px 0px; max-width: calc(100% - 32px); } }
@media screen and (max-width: 540px) { .ft-txt3 { margin: 0px 10px 20px; max-width: calc(100% - 20px); } }

/* ft-txt4: 会社情報 */
.ft-txt4 { color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 30px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
.ft-txt4:hover { opacity: 0.5; }
@media screen and (max-width: 840px) { .ft-txt4 { font-size: 14px; margin: 0px 32px 0px 0px; max-width: calc(100% - 32px); } }
@media screen and (max-width: 540px) { .ft-txt4 { margin: 0px 10px 20px; max-width: calc(100% - 20px); } }

/* ft-txt5: お問い合わせ */
.ft-txt5 { color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 30px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
.ft-txt5:hover { opacity: 0.5; }
@media screen and (max-width: 840px) { .ft-txt5 { font-size: 14px; } }
@media screen and (max-width: 540px) { .ft-txt5 { margin: 0px 10px 20px; max-width: calc(100% - 20px); } }

/* ft-txt6: 顧問ズ・マッチ */
.ft-txt6 { background: rgb(14, 53, 113); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); border-radius: 3px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; margin: 0px 30px 0px 0px; padding: 5px 15px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
.ft-txt6:hover { background: rgb(90, 117, 159); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); color: rgb(255, 255, 255); }
@media screen and (max-width: 840px) { .ft-txt6 { font-size: 15px; } }

/* ft-txt7: プレミアム営業支援 */
.ft-txt7 { background: rgb(193, 159, 69); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); border-radius: 3px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 16px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; padding: 5px 15px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.ft-txt7:hover { background: rgb(212, 193, 143); border-width: 0px; border-style: solid; border-color: rgb(253, 168, 180); color: rgb(255, 255, 255); }
@media screen and (max-width: 840px) { .ft-txt7 { font-size: 15px; } }

/* ft-link1:  */
.ft-link1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 38px; width: 200px; max-width: 100%; }

/* ft-img1: Good Small Company */
.ft-img1 { flex: 0 0 auto; height: 39px; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
.ft-img1:hover { opacity: 0.5; }
@media screen and (max-width: 540px) { .ft-img1 { width: 215px; max-width: 100%; } }

/* ft-txt8: ｜ プライバシーポリシー | */
.ft-txt8 { color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 10px; font-style: normal; height: auto; letter-spacing: 0.1em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.ft-txt8:hover { opacity: 0.5; }
@media screen and (max-width: 840px) { .ft-txt8 { flex: 0 0 auto; margin: 0px 0px 0px 14px; width: calc(100% - 14px); max-width: calc(100% - 14px); } }
@media screen and (max-width: 540px) { .ft-txt8 { flex: 0 0 auto; margin: 0px 0px 13px; text-align: center; width: auto; max-width: 100%; justify-content: center; } }

/* ft-txt9: ©️2025 Cheribro Inc. */
.ft-txt9 { inset: auto 22px 17px auto; color: rgb(238, 238, 238); font-family: Rubik, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: 14px; letter-spacing: 0.1em; line-height: 1.4; margin: 0px; position: absolute; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt9 { inset: 0px; margin: 0px 0px 5px; position: relative; max-width: 100%; } }

/* hd-header4: サービスについて ピックアップ 経営者インタビュー 絞 */
.hd-header4 { place-content: center; align-items: center; background: rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 10px 0px; flex: 0 0 auto; flex-flow: row; height: auto; left: 0px; padding: 20px 40px; position: fixed; right: 0px; top: 0px; width: auto; z-index: 2; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-header4 { padding: 20px; } }

/* hd-box2: サービスについて ピックアップ 経営者インタビュー 絞 */
.hd-box2 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; height: auto; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-box2 { flex: 0 0 auto; justify-content: space-between; width: 100%; } }
@media screen and (max-width: 540px) { .hd-box2 { flex: 0 0 auto; justify-content: space-between; width: 100%; } }

/* hd-pic1:  */
.hd-pic1 { flex: 0 0 auto; height: 43px; margin: 0px 20px; width: 100px; max-width: calc(100% - 40px); }
@media screen and (max-width: 840px) { .hd-pic1 { margin: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .hd-pic1 { flex: 0 0 auto; height: 40px; width: 105px; max-width: 100%; } }

/* hd-box3: サービスについて ピックアップ 経営者インタビュー 絞 */
.hd-box3 { place-content: center flex-start; align-items: center; display: flex; flex-flow: row; padding: 0px; width: auto; --gh-hd-box3: 0px; --gv-hd-box3: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-box3 { display: flex; } }
@media screen and (max-width: 540px) { .hd-box3 { display: flex; } }

/* hd-box4: サービスについて ピックアップ 経営者インタビュー 絞 */
.hd-box4 { place-content: center flex-start; align-items: center; display: flex; flex: 0 0 auto; flex-flow: row; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-box4 { display: none; } }
@media screen and (max-width: 540px) { .hd-box4 { display: none; } }

/* hd-list1: サービスについて ピックアップ 経営者インタビュー 絞 */
.hd-list1 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 0px; padding: 0px; --gh-hd-list1: 0px; --gv-hd-list1: 0px; }
@media screen and (max-width: 840px) { .hd-list1 { display: flex; --gh-hd-list1: 0px; --gv-hd-list1: 0px; } }
@media screen and (max-width: 540px) { .hd-list1 { display: flex; --gh-hd-list1: 0px; --gv-hd-list1: 0px; } }

/* hd-item1: サービスについて */
.hd-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* hd-link2: サービスについて */
.hd-link2 { place-content: center; align-items: center; border-radius: 6px; flex-flow: column; padding: 5px 20px 5px 0px; }
.hd-link2:hover { background: rgba(230, 230, 230, 0); opacity: 1; }

/* hd-txt9: サービスについて */
.hd-txt9 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Kosugi; font-feature-settings: "palt"; font-size: 11px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }

/* hd-link2: サービスについて */
.hd-link2:hover .hd-txt9 { color: rgb(146, 146, 146); }
@media screen and (max-width: 540px) { .hd-txt9 { font-size: 14px; } }

/* hd-box5: search お問い合わせ chevron_right */
.hd-box5 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 5px; height: 45px; margin: 0px 0px 0px 20px; padding: 0px; width: auto; --gh-hd-box5: 5px; --gv-hd-box5: 0px; max-width: calc(100% - 20px); }

/* hd-box6: search */
.hd-box6 { place-content: stretch center; align-items: stretch; display: flex; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(55% - (var(--gh-hd-box5) * 0.44999999999999996)); max-width: calc(55% - (var(--gh-hd-box5) * 0.44999999999999996)); }
@media screen and (max-width: 840px) { .hd-box6 { display: none; } }
@media screen and (max-width: 540px) { .hd-box6 { display: none; } }

/* hd-form1: search */
.hd-form1 { place-content: flex-start center; align-items: flex-start; flex-flow: row; height: auto; width: auto; max-width: 100%; }

/* hd-input1:  */
.hd-input1 { background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgb(238, 238, 238); 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: Kosugi; font-size: 11px; font-weight: 400; height: 45px; justify-content: center; line-height: 1.4; margin: 0px 3px 0px 0px; padding: 10px 16px; text-align: left; width: 200px; max-width: calc(100% - 3px); }
.hd-input1::-webkit-input-placeholder { color: rgb(174, 174, 174); }

/* hd-btn1: search */
.hd-btn1 { place-content: center; align-items: center; background: rgb(51, 51, 51); border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; flex-flow: row; font-family: Lato; font-size: 16px; height: 45px; line-height: 1.4; text-align: left; width: 45px; max-width: 100%; }

/* hd-icon1: search */
.hd-icon1 { color: rgb(255, 255, 255); font-size: 24px; }

/* hd-link3: お問い合わせ chevron_right */
.hd-link3 { place-content: flex-start center; align-items: flex-start; display: flex; flex: 0 0 auto; flex-flow: row; margin: 0px; padding: 0px; width: calc(45% - (var(--gh-hd-box5) * 0.55)); max-width: calc(45% - (var(--gh-hd-box5) * 0.55)); }
@media screen and (max-width: 840px) { .hd-link3 { display: flex; } }
@media screen and (max-width: 540px) { .hd-link3 { display: none; } }

/* hd-btn2: お問い合わせ */
.hd-btn2 { 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: 0 0 auto; font-family: Lato; 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; text-align: left; width: 150px; max-width: calc(100% - 2px); }

/* hd-txt10: お問い合わせ */
.hd-txt10 { border-radius: 0px; color: rgb(255, 255, 255); font-family: Kosugi; 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; }

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

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

/* hd-btn3: menu */
.hd-btn3 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 3px; display: none; flex: 0 0 auto; flex-flow: column; height: 45px; width: 45px; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-btn3 { display: flex; } }
@media screen and (max-width: 540px) { .hd-btn3 { display: flex; } }

/* hd-icon3: menu */
.hd-icon3 { color: rgb(255, 255, 255); font-size: 20px; }

/* cm-box5: サービスについて ピックアップ 経営者インタビュー 絞 */
.cm-box5 { place-content: center flex-end; align-items: center; background: rgb(177, 206, 226); flex: 0 0 auto; flex-flow: column; height: 190px; padding: 20px 50px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .cm-box5 { padding: 20px; } }
@media screen and (max-width: 540px) { .cm-box5 { height: auto; padding: 30px; width: 100%; max-width: 100%; } }

/* cm-box6: サービスについて ピックアップ 経営者インタビュー 絞 */
.cm-box6 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: wrap; margin: 0px 0px 30px; padding: 0px; width: 100%; --gh-cm-box6: 0px; --gv-cm-box6: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .cm-box6 { flex-flow: wrap; gap: 0px 20px; justify-content: flex-start; --gh-cm-box6: 20px; --gv-cm-box6: 0px; } }
@media screen and (max-width: 540px) { .cm-box6 { place-content: flex-start center; align-items: flex-start; gap: 20px; --gh-cm-box6: 20px; --gv-cm-box6: 20px; } }

/* cm-pic1:  */
.cm-pic1 { flex: 0 0 auto; height: 50px; margin: 0px 20px 0px 0px; width: 115px; max-width: calc(100% - 20px); }

/* cm-box7: サービスについて ピックアップ 経営者インタビュー 絞 */
.cm-box7 { place-content: flex-start center; align-items: flex-start; flex-flow: wrap; padding: 0px; }
@media screen and (max-width: 840px) { .cm-box7 { width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .cm-box7 { flex-flow: wrap; } }

/* cm-box8: サービスについて ピックアップ 経営者インタビュー 絞 */
.cm-box8 { place-content: center; align-items: center; flex-flow: row; padding: 0px; --gh-cm-box8: 0px; --gv-cm-box8: 0px; }
@media screen and (max-width: 840px) { .cm-box8 { place-content: center flex-start; align-items: center; height: auto; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .cm-box8 { place-content: flex-start center; align-items: flex-start; flex-flow: column; gap: 10px 0px; --gh-cm-box8: 0px; --gv-cm-box8: 10px; } }

/* cm-list1: サービスについて ピックアップ 経営者インタビュー 絞 */
.cm-list1 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 0px; padding: 0px; --gh-cm-list1: 0px; --gv-cm-list1: 0px; }
@media screen and (max-width: 840px) { .cm-list1 { display: flex; margin: 0px; --gh-cm-list1: 0px; --gv-cm-list1: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .cm-list1 { place-content: center flex-start; align-items: center; display: flex; --gh-cm-list1: 0px; --gv-cm-list1: 0px; } }

/* cm-item1: サービスについて */
.cm-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* cm-link1: サービスについて */
.cm-link1 { place-content: center; align-items: center; border-radius: 6px; flex-flow: column; padding: 5px 20px 5px 0px; }
.cm-link1:hover { background: rgba(230, 230, 230, 0); opacity: 1; }

/* cm-txt1: サービスについて */
.cm-txt1 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Kosugi; font-feature-settings: "palt"; font-size: 11px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-link1: サービスについて */
.cm-link1:hover .cm-txt1 { color: rgb(146, 146, 146); }
@media screen and (max-width: 540px) { .cm-txt1 { font-size: 14px; } }

/* cm-link2: お問い合わせ chevron_right */
.cm-link2 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .cm-link2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; width: calc(35% - (var(--gh-cm-box8) * 0.65)); max-width: calc(35% - (var(--gh-cm-box8) * 0.65)); } }
@media screen and (max-width: 540px) { .cm-link2 { flex: 0 0 auto; width: calc(50% - (var(--gh-cm-box8) * 0.5)); max-width: calc(50% - (var(--gh-cm-box8) * 0.5)); } }

/* cm-btn2: お問い合わせ */
.cm-btn2 { 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: 0 0 auto; font-family: Lato; 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; text-align: left; width: 150px; max-width: calc(100% - 2px); }
@media screen and (max-width: 840px) { .cm-btn2 { flex: 0 0 auto; width: calc(76.1421% - 2px); max-width: calc(76.1421% - 2px); } }
@media screen and (max-width: 540px) { .cm-btn2 { flex: 0 0 auto; width: calc(82% - 2px); max-width: calc(82% - 2px); } }

/* cm-txt2: お問い合わせ */
.cm-txt2 { border-radius: 0px; color: rgb(255, 255, 255); font-family: Kosugi; 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; }

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

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

/* cm-box10: © 2026 CHERRYBRO Inc. All righ */
.cm-box10 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }
@media screen and (max-width: 540px) { .cm-box10 { flex-flow: wrap; } }

/* cm-txt3: © 2026 CHERRYBRO Inc. All righ */
.cm-txt3 { color: rgb(0, 0, 0); font-family: Unbounded; font-size: 10px; font-weight: 300; height: auto; line-height: 1.4; margin: 0px 30px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .cm-txt3 { flex: 0 0 auto; height: auto; margin: 0px 30px 10px 0px; text-align: center; width: 642px; max-width: calc(100% - 30px); justify-content: center; } }

/* cm-link3: 運営会社 launch */
.cm-link3 { place-content: center; align-items: center; flex-flow: row; margin: 0px 10px 0px 0px; padding: 0px; max-width: calc(100% - 10px); }

/* cm-txt4: 運営会社 */
.cm-txt4 { color: rgb(0, 0, 0); font-family: Kosugi; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 3px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 3px); justify-content: flex-start; }

/* cm-icon2: launch */
.cm-icon2 { color: rgb(51, 51, 51); font-size: 16px; }

/* cm-link4: プライバシーポリシー launch */
.cm-link4 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* cm-txt5: プライバシーポリシー */
.cm-txt5 { color: rgb(0, 0, 0); font-family: Kosugi; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 3px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 3px); justify-content: flex-start; }

/* cm-icon3: launch */
.cm-icon3 { color: rgb(51, 51, 51); font-size: 16px; }