/* =========================================================
   common.css  複数のページで共通の部品（ヘッダー・フッター・お問い合わせ帯など）
   クラス名の意味: hd-=ヘッダー / ft-=フッター / cm-=その他の共通部品 / ts-=共通の文字スタイル
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* hd-box1: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.hd-box1 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; height: auto; left: 0px; padding: 0px; position: fixed; top: 0px; width: 100%; z-index: 2; --gh-hd-box1: 0px; --gv-hd-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box1 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); padding: 0px 25px; } }
@media screen and (max-width: 760px) { .hd-box1 { flex: 0 0 auto; height: auto; } }
@media screen and (max-width: 540px) { .hd-box1 { gap: 0px; padding: 10px 20px; --gh-hd-box1: 0px; --gv-hd-box1: 0px; } }

/* hd-header1: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.hd-header1 { place-content: center; align-items: center; backdrop-filter: blur(8px); background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: row; height: 56px; margin: 0px; padding: 17px 25px; position: relative; transition-delay: 500ms; width: calc(85% - (var(--gh-hd-box1) * 0.15000000000000002)); max-width: calc(85% - (var(--gh-hd-box1) * 0.15000000000000002)); }
html.js .hd-header1:not(.in) { opacity: 0; transform: translate(0px, -8px); transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
.hd-header1.in-active { transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .hd-header1 { place-content: center flex-start; align-items: center; padding: 15px 0px; width: auto; max-width: 100%; } }
@media screen and (max-width: 760px) { .hd-header1 { padding: 16px 0px; } }
@media screen and (max-width: 540px) { .hd-header1 { padding: 0px; } }

/* hd-box2: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.hd-box2 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; margin: 0px; padding: 0px; width: 100%; --gh-hd-box2: 40px; --gv-hd-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box2 { gap: 0px; width: auto; --gh-hd-box2: 0px; --gv-hd-box2: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .hd-box2 { gap: 0px; --gh-hd-box2: 0px; --gv-hd-box2: 0px; } }

/* hd-link1:  */
.hd-link1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }

/* hd-img1:  */
.hd-img1 { flex: 0 0 auto; height: 22px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-img1 { flex: 0 0 auto; height: 20px; max-width: 100%; } }

/* hd-box3: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.hd-box3 { place-content: center flex-end; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 12px; height: 15px; padding: 0px; width: auto; --gh-hd-box3: 12px; --gv-hd-box3: 12px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-box3 { gap: 16px; --gh-hd-box3: 16px; --gv-hd-box3: 16px; } }

/* hd-nav1: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.hd-nav1 { place-content: center space-between; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; }
@media screen and (max-width: 1280px) { .hd-nav1 { display: none; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; } }
@media screen and (max-width: 760px) { .hd-nav1 { display: none; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; } }
@media screen and (max-width: 540px) { .hd-nav1 { display: none; gap: 16px; --gh-hd-nav1: 16px; --gv-hd-nav1: 0px; } }
@media screen and (max-width: 360px) { .hd-nav1 { display: none; --gh-hd-nav1: 24px; --gv-hd-nav1: 0px; } }

/* hd-list1: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.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: 1280px) { .hd-list1 { display: flex; --gh-hd-list1: 0px; --gv-hd-list1: 0px; } }
@media screen and (max-width: 760px) { .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: 3つのリアル */
.hd-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* hd-link2: 3つのリアル */
.hd-link2 { place-content: center; align-items: center; border-radius: 6px; flex-flow: row; gap: 5px; padding: 0px 15px; --gh-hd-link2: 5px; --gv-hd-link2: 0px; }
.hd-link2:hover { border-radius: 0px; --gh-hd-link2: 5px; --gv-hd-link2: 0px; }

/* hd-img2:  */
.hd-img2 { flex: 0 0 auto; height: auto; opacity: 0; width: 13px; max-width: 100%; }

/* hd-link2: 3つのリアル */
.hd-link2:hover .hd-img2 { opacity: 1; transition-duration: 300ms; }

/* hd-txt1: 3つのリアル */
.hd-txt1 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.8; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }

/* hd-link2: 3つのリアル */
.hd-link2:hover .hd-txt1 { color: rgb(0, 0, 0); transition-duration: 0ms; }
@media screen and (max-width: 540px) { .hd-txt1 { font-size: 14px; } }

/* hd-box4: お問い合わせ arrow_forward */
.hd-box4 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; height: 56px; padding: 0px; width: 234px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box4 { place-content: center flex-start; align-items: center; height: auto; width: auto; max-width: 100%; } }

/* hd-link3: お問い合わせ arrow_forward */
.hd-link3 { place-content: center; align-items: center; background: #44a6ffff; border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; padding: 15px 20px 15px 40px; width: 100%; --gh-hd-link3: 40px; --gv-hd-link3: 0px; max-width: 100%; }
.hd-link3:hover { background: #ff379c; border-bottom: 0px solid #44a6ffff; border-left: 0px solid #44a6ffff; border-right: 0px solid #44a6ffff; border-top: 0px solid #44a6ffff; opacity: 1; --gh-hd-link3: 40px; --gv-hd-link3: 0px; }
@media screen and (max-width: 1280px) { .hd-link3 { display: flex; margin: 0px 25px 0px 0px; padding: 15px 20px 15px 50px; width: auto; --gh-hd-link3: 40px; --gv-hd-link3: 0px; max-width: calc(100% - 25px); } }
@media screen and (max-width: 760px) { .hd-link3 { display: flex; --gh-hd-link3: 40px; --gv-hd-link3: 0px; } }
@media screen and (max-width: 540px) { .hd-link3 { border-radius: 4px; display: none; padding: 6px 12px; --gh-hd-link3: 40px; --gv-hd-link3: 0px; } }

/* hd-box5: お問い合わせ arrow_forward */
.hd-box5 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 20px; height: auto; padding: 0px; width: calc(100% - (var(--gh-hd-link3) * 0)); --gh-hd-box5: 20px; --gv-hd-box5: 0px; max-width: calc(100% - (var(--gh-hd-link3) * 0)); }
@media screen and (max-width: 1280px) { .hd-box5 { gap: 20px; --gh-hd-box5: 20px; --gv-hd-box5: 0px; } }

/* hd-txt2: お問い合わせ */
.hd-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* hd-link3: お問い合わせ arrow_forward */
.hd-link3:hover .hd-txt2 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .hd-txt2 { font-size: 14px; } }

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

/* hd-link3: お問い合わせ arrow_forward */
.hd-link3:hover .hd-icon1 { color: rgb(255, 255, 255); transform: translate(2px, 0px); translate: 5px; }

/* hd-btn1: menuMenu */
.hd-btn1 { place-content: center; align-items: center; display: none; flex: 0 0 auto; flex-flow: row; gap: 12px; height: auto; padding: 0px; width: 5%; --gh-hd-btn1: 12px; --gv-hd-btn1: 0px; max-width: 5%; }
@media screen and (max-width: 1280px) { .hd-btn1 { display: flex; padding: 0px; width: auto; --gh-hd-btn1: 12px; --gv-hd-btn1: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .hd-btn1 { display: flex; gap: 16px; --gh-hd-btn1: 16px; --gv-hd-btn1: 0px; } }
@media screen and (max-width: 540px) { .hd-btn1 { display: flex; --gh-hd-btn1: 12px; --gv-hd-btn1: 0px; } }
@media screen and (max-width: 360px) { .hd-btn1 { display: flex; --gh-hd-btn1: 12px; --gv-hd-btn1: 0px; } }

/* hd-box6: menuMenu */
.hd-box6 { place-content: center; align-items: center; display: flex; flex: 0 0 auto; flex-flow: column; height: 40px; padding: 0px; width: auto; max-width: 100%; }
.hd-box6:hover { opacity: 0.7; }
@media screen and (max-width: 1280px) { .hd-box6 { display: flex; flex-flow: column; height: auto; max-width: 100%; } }
@media screen and (max-width: 760px) { .hd-box6 { display: flex; } }
@media screen and (max-width: 540px) { .hd-box6 { display: flex; } }
@media screen and (max-width: 360px) { .hd-box6 { display: flex; } }

/* hd-icon2: menu */
.hd-icon2 { color: rgb(34, 34, 34); font-size: 24px; }
@media screen and (max-width: 1280px) { .hd-icon2 { color: rgb(34, 34, 34); font-size: 24px; } }

/* hd-txt3: Menu */
.hd-txt3 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .hd-txt3 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; line-height: 1; } }

/* ft-footer1: 株式会社ヴィレグループ 成功報酬で隣を走る、 立ち上げパー */
.ft-footer1 { place-content: center; align-items: center; background: rgb(34, 34, 34); flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px; padding: 60px 100px 20px; width: 100%; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; max-width: 100%; }
html.js .ft-footer1:not(.in) { transition-duration: 0ms; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; }
.ft-footer1.in-active { transition-duration: 0ms; }
@media screen and (max-width: 1280px) { .ft-footer1 { padding: 60px 50px 20px; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; } }
@media screen and (max-width: 760px) { .ft-footer1 { place-content: center flex-start; align-items: center; height: auto; padding: 65px 50px 25px; width: 100%; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ft-footer1 { padding: 50px 30px 25px; --gh-ft-footer1: 0px; --gv-ft-footer1: 60px; } }

/* ft-box1: 株式会社ヴィレグループ 成功報酬で隣を走る、 立ち上げパー */
.ft-box1 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 64px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-footer1) * 0)); --gh-ft-box1: 0px; --gv-ft-box1: 64px; max-width: calc(100% - (var(--gh-ft-footer1) * 0)); }
@media screen and (max-width: 760px) { .ft-box1 { place-content: flex-start; align-items: flex-start; flex-flow: column; height: auto; width: 100%; --gh-ft-box1: 0px; --gv-ft-box1: 64px; } }

/* ft-box2: 株式会社ヴィレグループ 成功報酬で隣を走る、 立ち上げパー */
.ft-box2 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 50px 0px; height: auto; margin: 0px 0px 20px; padding: 0px; width: calc(100% - (var(--gh-ft-box1) * 0)); --gh-ft-box2: 0px; --gv-ft-box2: 50px; max-width: calc(100% - (var(--gh-ft-box1) * 0)); }
@media screen and (max-width: 1280px) { .ft-box2 { margin: 0px; --gh-ft-box2: 0px; --gv-ft-box2: 50px; width: calc(100% - (var(--gh-ft-box1) * 0)); max-width: calc(100% - (var(--gh-ft-box1) * 0)); } }
@media screen and (max-width: 760px) { .ft-box2 { gap: 50px; --gh-ft-box2: 50px; --gv-ft-box2: 50px; } }

/* ft-box3: 株式会社ヴィレグループ 成功報酬で隣を走る、 立ち上げパー */
.ft-box3 { place-content: flex-start center; align-items: flex-start; border-bottom: 0px solid #44a6ffff; border-left: 5px solid #44a6ffff; border-right: 0px solid #44a6ffff; border-top: 0px solid #44a6ffff; flex-flow: column; height: auto; padding: 0px 0px 0px 30px; width: auto; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-box3 { flex-direction: column; } }

/* ft-txt1: 株式会社ヴィレグループ */
.ft-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 35px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px 0px 25px; padding: 0px; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt1 { font-size: 25px; margin: 0px 0px 20px; width: 100%; max-width: 100%; } }

/* ft-txt2: 成功報酬で隣を走る、 立ち上げパートナー。 中小企業庁認定 */
.ft-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: normal; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.1em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt2 { font-size: 14px; } }

/* ft-box4: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.ft-box4 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; }
@media screen and (max-width: 1280px) { .ft-box4 { width: auto; max-width: 100%; } }
@media screen and (max-width: 760px) { .ft-box4 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-ft-box2) * 0)); max-width: calc(100% - (var(--gh-ft-box2) * 0)); } }

/* ft-list1: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.ft-list1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 0px; margin: 0px 0px 40px; padding: 0px; width: auto; --gh-ft-list1: 0px; --gv-ft-list1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ft-list1 { flex: 0 0 auto; flex-flow: wrap; height: auto; width: 100%; --gh-ft-list1: 0px; --gv-ft-list1: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ft-list1 { flex: 0 0 auto; height: auto; width: 100%; --gh-ft-list1: 0px; --gv-ft-list1: 0px; } }
@media screen and (max-width: 540px) { .ft-list1 { gap: 5px 0px; --gh-ft-list1: 0px; --gv-ft-list1: 5px; } }

/* ft-item1: 3つのリアル */
.ft-item1 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 20px; height: auto; padding: 0px; width: auto; --gh-ft-item1: 20px; --gv-ft-item1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-item1 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 50px; --gh-ft-item1: 0px; --gv-ft-item1: 50px; } }

/* ft-link1: 3つのリアル */
.ft-link1 { place-content: center flex-start; align-items: center; border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 4px 12px; width: auto; --gh-ft-link1: 0px; --gv-ft-link1: 0px; max-width: 100%; }
.ft-link1:hover { opacity: 1; --gh-ft-link1: 0px; --gv-ft-link1: 0px; }
@media screen and (max-width: 760px) { .ft-link1 { place-content: center flex-start; align-items: center; flex-flow: row; --gh-ft-link1: 0px; --gv-ft-link1: 0px; } }
@media screen and (max-width: 540px) { .ft-link1 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; --gh-ft-link1: 0px; --gv-ft-link1: 8px; } }

/* ft-box5: 3つのリアル */
.ft-box5 { place-content: center; align-items: center; flex-flow: row; gap: 5px; padding: 0px; --gh-ft-box5: 5px; --gv-ft-box5: 0px; }
@media screen and (max-width: 760px) { .ft-box5 { flex-flow: row; gap: 5px; --gh-ft-box5: 5px; --gv-ft-box5: 0px; } }
@media screen and (max-width: 540px) { .ft-box5 { flex-direction: row; --gh-ft-box5: 5px; --gv-ft-box5: 0px; } }

/* ft-img1:  */
.ft-img1 { flex: 0 0 auto; height: auto; opacity: 0; width: 13px; max-width: 100%; }

/* ft-link1: 3つのリアル */
.ft-link1:hover .ft-img1 { opacity: 1; transition-duration: 300ms; }

/* ft-txt3: 3つのリアル */
.ft-txt3 { color: rgb(255, 255, 255); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; height: auto; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ft-txt3 { flex: 0 0 auto; height: 15px; width: auto; max-width: 100%; } }

/* ft-list2: シャチョウ補助金 シャチョウ集客 シャチョウDX シャ */
.ft-list2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; gap: 0px; margin: 0px 0px 10px; padding: 0px; width: auto; --gh-ft-list2: 0px; --gv-ft-list2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ft-list2 { flex: 0 0 auto; flex-flow: wrap; height: auto; width: 100%; --gh-ft-list2: 0px; --gv-ft-list2: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ft-list2 { flex: 0 0 auto; width: 100%; --gh-ft-list2: 0px; --gv-ft-list2: 0px; } }
@media screen and (max-width: 540px) { .ft-list2 { gap: 5px 0px; --gh-ft-list2: 0px; --gv-ft-list2: 0px; } }

/* ft-item2: シャチョウ補助金 */
.ft-item2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 20px; height: auto; padding: 0px; width: auto; --gh-ft-item2: 20px; --gv-ft-item2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-item2 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 50px; --gh-ft-item2: 0px; --gv-ft-item2: 50px; } }

/* ft-link2: シャチョウ補助金 */
.ft-link2 { place-content: center flex-start; align-items: center; border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 4px 12px; width: auto; --gh-ft-link2: 0px; --gv-ft-link2: 0px; max-width: 100%; }
.ft-link2:hover { opacity: 1; --gh-ft-link2: 0px; --gv-ft-link2: 0px; }
@media screen and (max-width: 760px) { .ft-link2 { place-content: center flex-start; align-items: center; flex-flow: row; --gh-ft-link2: 0px; --gv-ft-link2: 0px; } }
@media screen and (max-width: 540px) { .ft-link2 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; --gh-ft-link2: 0px; --gv-ft-link2: 8px; } }

/* ft-box6: シャチョウ補助金 */
.ft-box6 { place-content: center; align-items: center; flex-flow: row; gap: 5px; padding: 0px; --gh-ft-box6: 5px; --gv-ft-box6: 0px; }
@media screen and (max-width: 760px) { .ft-box6 { flex-flow: row; --gh-ft-box6: 5px; --gv-ft-box6: 0px; } }
@media screen and (max-width: 540px) { .ft-box6 { flex-direction: row; --gh-ft-box6: 5px; --gv-ft-box6: 0px; } }

/* ft-img2:  */
.ft-img2 { flex: 0 0 auto; height: auto; opacity: 0; width: 13px; max-width: 100%; }

/* ft-link2: シャチョウ補助金 */
.ft-link2:hover .ft-img2 { opacity: 1; transition-duration: 300ms; }

/* ft-txt4: シャチョウ補助金 */
.ft-txt4 { color: rgb(255, 255, 255); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; height: auto; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ft-list3: AIマンガラボ まるごと工事 印刷卸売.com Cal */
.ft-list3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; gap: 0px; padding: 0px; width: auto; --gh-ft-list3: 0px; --gv-ft-list3: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ft-list3 { flex: 0 0 auto; flex-flow: wrap; height: auto; width: 100%; --gh-ft-list3: 0px; --gv-ft-list3: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ft-list3 { flex: 0 0 auto; width: 100%; --gh-ft-list3: 0px; --gv-ft-list3: 0px; } }
@media screen and (max-width: 540px) { .ft-list3 { gap: 5px 0px; --gh-ft-list3: 0px; --gv-ft-list3: 0px; } }

/* ft-item3: AIマンガラボ */
.ft-item3 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 20px; height: auto; padding: 0px; width: auto; --gh-ft-item3: 20px; --gv-ft-item3: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-item3 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 50px; --gh-ft-item3: 0px; --gv-ft-item3: 50px; } }

/* ft-link3: AIマンガラボ */
.ft-link3 { place-content: center flex-start; align-items: center; border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 4px 12px; width: auto; --gh-ft-link3: 0px; --gv-ft-link3: 0px; max-width: 100%; }
.ft-link3:hover { opacity: 1; --gh-ft-link3: 0px; --gv-ft-link3: 0px; }
@media screen and (max-width: 760px) { .ft-link3 { place-content: center flex-start; align-items: center; flex-flow: row; --gh-ft-link3: 0px; --gv-ft-link3: 0px; } }
@media screen and (max-width: 540px) { .ft-link3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; --gh-ft-link3: 0px; --gv-ft-link3: 8px; } }

/* ft-box7: AIマンガラボ */
.ft-box7 { place-content: center; align-items: center; flex-flow: row; gap: 5px; padding: 0px; --gh-ft-box7: 5px; --gv-ft-box7: 0px; }
@media screen and (max-width: 760px) { .ft-box7 { flex-flow: row; --gh-ft-box7: 5px; --gv-ft-box7: 0px; } }
@media screen and (max-width: 540px) { .ft-box7 { flex-direction: row; --gh-ft-box7: 5px; --gv-ft-box7: 0px; } }

/* ft-img3:  */
.ft-img3 { flex: 0 0 auto; height: auto; opacity: 0; width: 13px; max-width: 100%; }

/* ft-link3: AIマンガラボ */
.ft-link3:hover .ft-img3 { opacity: 1; transition-duration: 300ms; }

/* ft-txt5: AIマンガラボ */
.ft-txt5 { color: rgb(255, 255, 255); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; height: auto; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ft-box8: プライバシーポリシー 情報セキュリティ対応方針 カスタマーハ */
.ft-box8 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ft-box1) * 0)); --gh-ft-box8: 0px; --gv-ft-box8: 24px; max-width: calc(100% - (var(--gh-ft-box1) * 0)); }
@media screen and (max-width: 760px) { .ft-box8 { place-content: flex-start; align-items: flex-start; flex-direction: column; --gh-ft-box8: 0px; --gv-ft-box8: 24px; } }

/* ft-box9:  */
.ft-box9 { background: rgb(138, 138, 138); flex: 0 0 auto; height: 1px; margin: 0px; width: calc(100% - (var(--gh-ft-box8) * 0)); max-width: calc(100% - (var(--gh-ft-box8) * 0)); }

/* ft-box10: プライバシーポリシー 情報セキュリティ対応方針 カスタマーハ */
.ft-box10 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-box8) * 0)); --gh-ft-box10: 32px; --gv-ft-box10: 0px; max-width: calc(100% - (var(--gh-ft-box8) * 0)); }
@media screen and (max-width: 760px) { .ft-box10 { place-content: flex-start space-around; align-items: flex-start; flex-flow: column; gap: 24px; --gh-ft-box10: 0px; --gv-ft-box10: 24px; } }

/* ft-box11: プライバシーポリシー 情報セキュリティ対応方針 カスタマーハ */
.ft-box11 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-ft-box11: 24px; --gv-ft-box11: 0px; }
@media screen and (max-width: 760px) { .ft-box11 { place-content: flex-start; align-items: flex-start; flex-flow: row; --gh-ft-box11: 24px; --gv-ft-box11: 0px; } }
@media screen and (max-width: 540px) { .ft-box11 { flex-flow: wrap; gap: 10px 25px; --gh-ft-box11: 25px; --gv-ft-box11: 10px; } }

/* ft-txt6: プライバシーポリシー */
.ft-txt6 { color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 12px; font-style: normal; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.ft-txt6:hover { color: rgb(138, 138, 138); opacity: 0.7; }
@media screen and (max-width: 540px) { .ft-txt6 { font-size: 11px; } }

/* ft-txt7: 情報セキュリティ対応方針 */
.ft-txt7 { color: rgb(230, 230, 230); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 12px; font-style: normal; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.ft-txt7:hover { color: rgb(138, 138, 138); opacity: 0.7; }
@media screen and (max-width: 540px) { .ft-txt7 { font-size: 11px; } }

/* ft-txt8: カスタマーハラスメントに対する対応指針 */
.ft-txt8 { color: rgb(230, 230, 230); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 12px; font-style: normal; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.ft-txt8:hover { color: rgb(138, 138, 138); opacity: 0.7; }
@media screen and (max-width: 540px) { .ft-txt8 { font-size: 11px; } }

/* ft-txt9: ©︎ 2026 VILLE GROUP */
.ft-txt9 { color: rgb(230, 230, 230); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt9 { font-size: 11px; } }

/* ft-footer2: 支援内容一覧 keyboard_arrow_right  */
.ft-footer2 { place-content: center; align-items: center; background: rgb(247, 247, 247); flex: 0 0 auto; flex-flow: column; gap: 16px; padding: 65px 50px 20px; width: 100%; --gh-ft-footer2: 0px; --gv-ft-footer2: 16px; max-width: 100%; }

/* ft-box12: 支援内容一覧 keyboard_arrow_right  */
.ft-box12 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-footer2) * 0)); --gh-ft-box12: 0px; --gv-ft-box12: 0px; max-width: calc(100% - (var(--gh-ft-footer2) * 0)); }

/* ft-txt10: 支援内容一覧 */
.ft-txt10 { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 10px; padding: 0px 0px 6px; text-align: center; width: 185px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ft-txt10 { font-size: 18px; } }

/* ft-box13: keyboard_arrow_right シャチョウ補助金 */
.ft-box13 { place-content: flex-start center; align-items: flex-start; flex-flow: wrap; margin: 0px 0px 50px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 360px) { .ft-box13 { flex-flow: column; } }

/* ft-list4: keyboard_arrow_right シャチョウ補助金 */
.ft-list4 { padding: 10px; width: auto; max-width: 100%; }

/* ft-link4: keyboard_arrow_right シャチョウ補助金 */
.ft-link4 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; height: auto; width: 100%; max-width: 100%; }
.ft-link4:hover { background: rgb(228, 242, 255); }

/* ft-icon1: keyboard_arrow_right */
.ft-icon1 { color: rgb(24, 104, 190); font-size: 24px; }

/* ft-txt11: シャチョウ補助金 */
.ft-txt11 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ft-list5: keyboard_arrow_right 小規模事業者持続 */
.ft-list5 { padding: 10px; width: auto; max-width: 100%; }

/* ft-link5: keyboard_arrow_right 小規模事業者持続 */
.ft-link5 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; height: auto; width: 100%; max-width: 100%; }
.ft-link5:hover { background: rgb(228, 242, 255); }

/* ft-icon2: keyboard_arrow_right */
.ft-icon2 { color: rgb(24, 104, 190); font-size: 24px; }

/* ft-txt12: 小規模事業者持続化補助金 */
.ft-txt12 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ft-list6: keyboard_arrow_right紹介パートナー募集k */
.ft-list6 { padding: 10px; width: auto; display: none; max-width: 100%; }
@media screen and (max-width: 1280px) { .ft-list6 { display: none; } }
@media screen and (max-width: 760px) { .ft-list6 { display: none; } }
@media screen and (max-width: 540px) { .ft-list6 { display: none; } }
@media screen and (max-width: 360px) { .ft-list6 { display: none; } }

/* ft-link6: keyboard_arrow_right紹介パートナー募集 */
.ft-link6 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; height: auto; width: 100%; max-width: 100%; }
.ft-link6:hover { background: rgb(228, 242, 255); }

/* ft-icon3: keyboard_arrow_right */
.ft-icon3 { color: rgb(24, 104, 190); font-size: 24px; }

/* ft-txt13: 紹介パートナー募集 */
.ft-txt13 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ft-box14: VILLE GROUP. All rights reserv */
.ft-box14 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: wrap; padding: 0px; width: calc(100% - (var(--gh-ft-box12) * 0)); --gh-ft-box14: 0px; --gv-ft-box14: 0px; max-width: calc(100% - (var(--gh-ft-box12) * 0)); }
@media screen and (max-width: 540px) { .ft-box14 { gap: 10px 0px; --gh-ft-box14: 0px; --gv-ft-box14: 10px; } }

/* ft-txt14: VILLE GROUP. All rights reserv */
.ft-txt14 { color: rgb(85, 85, 85); font-family: "Noto Sans JP"; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ft-box15: 運営会社 プライバシーポリシー */
.ft-box15 { align-items: center; place-content: center flex-end; flex-flow: row; padding: 0px; gap: 20px; --gh-ft-box15: 20px; --gv-ft-box15: 0px; }
@media screen and (max-width: 540px) { .ft-box15 { gap: 10px 0px; --gh-ft-box15: 0px; --gv-ft-box15: 0px; } }

/* ft-box16:  */
.ft-box16 { align-items: center; place-content: center flex-end; flex-flow: row; padding: 0px; --gh-ft-box16: 0px; --gv-ft-box16: 0px; }
@media screen and (max-width: 540px) { .ft-box16 { gap: 10px 0px; --gh-ft-box16: 0px; --gv-ft-box16: 0px; } }

/* ft-pic1:  */
.ft-pic1 { flex: 0 0 auto; height: 30px; width: 30px; margin: 0px; max-width: 100%; }

/* ft-pic2:  */
.ft-pic2 { flex: 0 0 auto; height: 30px; margin: 0px 0px 0px 10px; width: 30px; max-width: calc(100% - 10px); }
@media screen and (max-width: 540px) { .ft-pic2 { margin: 0px; max-width: 100%; } }

/* ft-list7: 運営会社 プライバシーポリシー */
.ft-list7 { place-content: center; align-items: center; flex-flow: wrap; gap: 16px 32px; padding: 0px; --gh-ft-list7: 32px; --gv-ft-list7: 16px; }
@media screen and (max-width: 760px) { .ft-list7 { gap: 16px 24px; --gh-ft-list7: 24px; --gv-ft-list7: 16px; } }
@media screen and (max-width: 360px) { .ft-list7 { gap: 5px 24px; --gh-ft-list7: 24px; --gv-ft-list7: 5px; } }

/* ft-item4: 運営会社 */
.ft-item4 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(153, 153, 153); flex-flow: row; gap: 6px; padding: 0px; --gh-ft-item4: 6px; --gv-ft-item4: 0px; }

/* ft-link7: 運営会社 */
.ft-link7 { place-content: center; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); flex-flow: row; gap: 6px; padding: 0px 0px 2px; --gh-ft-link7: 6px; --gv-ft-link7: 0px; }
.ft-link7:hover { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(136, 136, 136); --gh-ft-link7: 6px; --gv-ft-link7: 0px; }

/* ft-txt15: 運営会社 */
.ft-txt15 { color: rgb(85, 85, 85); font-family: "Noto Sans JP"; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ft-icon4:  */
.ft-icon4 { color: rgb(85, 85, 85); font-size: 16px; padding: 4px 0px 0px; }

/* hd-header2: keyboard_arrow_right 特徴 keyb */
.hd-header2 { place-content: center; align-items: center; background: rgba(11, 37, 64, 0); border-width: 0px 0px 1px; border-style: solid; border-color: transparent; flex: 0 0 auto; flex-flow: column; height: auto; left: 0px; padding: 16px 25px; position: fixed; top: 0px; width: 100%; z-index: 2; max-width: 100%; }
html.js .hd-header2:not(.in) { opacity: 0; transform: translate(0px, -8px); transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: ease; }
.hd-header2.in-active { transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: ease; }
@media screen and (max-width: 1280px) { .hd-header2 { padding: 20px; top: 1px; } }
@media screen and (max-width: 760px) { .hd-header2 { padding: 16px 32px; } }
@media screen and (max-width: 540px) { .hd-header2 { padding: 15px; top: -1px; } }

/* hd-box7: keyboard_arrow_right 特徴 keyb */
.hd-box7 { place-content: center space-between; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; margin: 0px; padding: 0px; width: 100%; --gh-hd-box7: 40px; --gv-hd-box7: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-box7 { gap: 16px; --gh-hd-box7: 16px; --gv-hd-box7: 0px; } }

/* hd-link4:  */
.hd-link4 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* hd-pic1:  */
.hd-pic1 { flex: 0 0 auto; height: 55px; width: 260px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-pic1 { flex: 0 0 auto; height: 42px; width: 200px; max-width: 100%; } }

/* hd-box8: keyboard_arrow_right 特徴 keyb */
.hd-box8 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 20px; padding: 0px; --gh-hd-box8: 20px; --gv-hd-box8: 20px; }
@media screen and (max-width: 1280px) { .hd-box8 { flex: 0 0 auto; height: 50px; width: auto; --gh-hd-box8: 20px; --gv-hd-box8: 20px; max-width: 100%; } }
@media screen and (max-width: 760px) { .hd-box8 { display: flex; --gh-hd-box8: 20px; --gv-hd-box8: 20px; } }
@media screen and (max-width: 540px) { .hd-box8 { display: flex; --gh-hd-box8: 20px; --gv-hd-box8: 20px; } }
@media screen and (max-width: 360px) { .hd-box8 { display: flex; --gh-hd-box8: 20px; --gv-hd-box8: 20px; } }

/* hd-nav2: keyboard_arrow_right 特徴 keyb */
.hd-nav2 { place-content: center space-between; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-hd-nav2: 24px; --gv-hd-nav2: 0px; }
@media screen and (max-width: 1280px) { .hd-nav2 { display: none; --gh-hd-nav2: 24px; --gv-hd-nav2: 0px; } }
@media screen and (max-width: 760px) { .hd-nav2 { display: none; --gh-hd-nav2: 24px; --gv-hd-nav2: 0px; } }
@media screen and (max-width: 540px) { .hd-nav2 { display: none; gap: 16px; --gh-hd-nav2: 16px; --gv-hd-nav2: 0px; } }
@media screen and (max-width: 360px) { .hd-nav2 { display: none; --gh-hd-nav2: 24px; --gv-hd-nav2: 0px; } }

/* hd-list2: keyboard_arrow_right 特徴 keyb */
.hd-list2 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 0px 10px; padding: 0px; --gh-hd-list2: 10px; --gv-hd-list2: 0px; }
@media screen and (max-width: 1280px) { .hd-list2 { display: flex; --gh-hd-list2: 10px; --gv-hd-list2: 0px; } }
@media screen and (max-width: 760px) { .hd-list2 { display: flex; --gh-hd-list2: 10px; --gv-hd-list2: 0px; } }
@media screen and (max-width: 540px) { .hd-list2 { display: flex; --gh-hd-list2: 10px; --gv-hd-list2: 0px; } }

/* hd-item2: keyboard_arrow_right 特徴 */
.hd-item2 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }
.hd-item2:hover { scale: 1; transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* hd-link5: keyboard_arrow_right 特徴 */
.hd-link5 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }

/* hd-item2: keyboard_arrow_right 特徴 */
.hd-item2:hover .hd-link5:hover { opacity: 1; }
.hd-item2:hover .hd-link5 { place-content: center; align-items: center; flex-flow: column; }

/* hd-box9: keyboard_arrow_right 特徴 */
.hd-box9 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* hd-icon3: keyboard_arrow_right */
.hd-icon3 { background: #df5d00ff; border-radius: 2px; color: rgb(255, 255, 255); font-size: 13px; margin: 0px 7px 0px 0px; padding: 3px; max-width: calc(100% - 7px); }

/* hd-link5: keyboard_arrow_right 特徴 */
.hd-link5:hover .hd-icon3 { background: rgb(225, 127, 56); font-size: 13px; }

/* hd-txt4: 特徴 */
.hd-txt4 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 700; 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-link5: keyboard_arrow_right 特徴 */
.hd-link5:hover .hd-txt4 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .hd-txt4 { font-size: 14px; } }

/* hd-link6: 無料で見積を診断する arrow_forward */
.hd-link6 { place-content: center flex-start; align-items: center; background: #df5d00ff; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px; display: flex; flex-flow: row; gap: 16px; margin: 0px; overflow: hidden; padding: 12px 25px; width: auto; --gh-hd-link6: 16px; --gv-hd-link6: 0px; max-width: 100%; }
.hd-link6:hover { background: rgb(225, 127, 56); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px inset; --gh-hd-link6: 16px; --gv-hd-link6: 0px; }
@media screen and (max-width: 1280px) { .hd-link6 { display: flex; --gh-hd-link6: 16px; --gv-hd-link6: 0px; } }
@media screen and (max-width: 760px) { .hd-link6 { display: none; --gh-hd-link6: 16px; --gv-hd-link6: 0px; } }
@media screen and (max-width: 540px) { .hd-link6 { display: none; --gh-hd-link6: 16px; --gv-hd-link6: 0px; } }
@media screen and (max-width: 360px) { .hd-link6 { display: none; --gh-hd-link6: 16px; --gv-hd-link6: 0px; } }

/* hd-txt5: 無料で見積を診断する */
.hd-txt5 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* hd-link6: 無料で見積を診断する arrow_forward */
.hd-link6:hover .hd-txt5 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .hd-txt5 { font-size: 14px; } }

/* hd-box10:  */
.hd-box10 { background: rgba(11, 37, 64, 0); border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(255, 255, 255); flex: 0 0 auto; height: 16px; width: 1px; max-width: 100%; }

/* hd-icon4: arrow_forward */
.hd-icon4 { color: rgb(255, 255, 255); font-size: 16px; }

/* hd-link6: 無料で見積を診断する arrow_forward */
.hd-link6:hover .hd-icon4 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .hd-icon4 { font-size: 15px; } }

/* hd-icon5: toc */
.hd-icon5 { background: #df5d00ff; border-radius: 3px; color: rgb(255, 255, 255); display: none; font-size: 24px; padding: 13px; }
@media screen and (max-width: 1280px) { .hd-icon5 { display: flex; } }
@media screen and (max-width: 760px) { .hd-icon5 { display: flex; } }
@media screen and (max-width: 540px) { .hd-icon5 { display: flex; } }
@media screen and (max-width: 360px) { .hd-icon5 { display: flex; } }

/* ft-footer3: keyboard_arrow_right 特徴 keyb */
.ft-footer3 { place-content: center; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px; padding: 130px 100px 50px; width: 100%; --gh-ft-footer3: 0px; --gv-ft-footer3: 60px; max-width: 100%; --g-color-0: #0b2540ff; --g-position-0: 100%; --g-color-1: #000000ff; --g-position-1: 21%; --g-color-2: #000000ff; --g-position-2: 21%; --g-color-3: #000000ff; --g-position-3: 21%; --g-color-4: #000000ff; --g-position-4: 21%; --g-color-5: #000000ff; --g-position-5: 21%; --g-color-6: #000000ff; --g-position-6: 21%; --g-color-7: #000000ff; --g-position-7: 21%; --g-color-8: #000000ff; --g-position-8: 21%; --g-color-9: #000000ff; --g-position-9: 21%; --g-color-10: #000000ff; --g-position-10: 21%; --g-color-11: #000000ff; --g-position-11: 21%; --g-angle: 180deg; }
@media screen and (max-width: 760px) { .ft-footer3 { padding: 65px 30px 25px; --gh-ft-footer3: 0px; --gv-ft-footer3: 60px; } }
@media screen and (max-width: 540px) { .ft-footer3 { padding: 48px 25px 25px; --gh-ft-footer3: 0px; --gv-ft-footer3: 60px; } }

/* ft-box17: keyboard_arrow_right 特徴 keyb */
.ft-box17 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-footer3) * 0)); --gh-ft-box17: 0px; --gv-ft-box17: 0px; max-width: calc(100% - (var(--gh-ft-footer3) * 0)); }
@media screen and (max-width: 760px) { .ft-box17 { place-content: flex-start; align-items: flex-start; flex-flow: column; --gh-ft-box17: 0px; --gv-ft-box17: 0px; } }

/* ft-box18: keyboard_arrow_right 特徴 keyb */
.ft-box18 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 40px; margin: 0px 0px 10px; padding: 0px; width: calc(100% - (var(--gh-ft-box17) * 0)); --gh-ft-box18: 40px; --gv-ft-box18: 40px; max-width: calc(100% - (var(--gh-ft-box17) * 0)); }
@media screen and (max-width: 1280px) { .ft-box18 { margin: 0px 0px 20px; --gh-ft-box18: 40px; --gv-ft-box18: 40px; width: calc(100% - (var(--gh-ft-box17) * 0)); max-width: calc(100% - (var(--gh-ft-box17) * 0)); } }
@media screen and (max-width: 760px) { .ft-box18 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 20px; margin: 0px 0px 20px; --gh-ft-box18: 20px; --gv-ft-box18: 20px; } }
@media screen and (max-width: 540px) { .ft-box18 { margin: 0px 0px 20px; --gh-ft-box18: 40px; --gv-ft-box18: 40px; } }

/* ft-link8:  */
.ft-link8 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ft-link8 { margin: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ft-link8 { margin: 0px; } }

/* ft-pic3:  */
.ft-pic3 { flex: 0 0 auto; height: 55px; width: 260px; max-width: 100%; }

/* ft-list8: keyboard_arrow_right 特徴 keyb */
.ft-list8 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 0px 10px; padding: 0px; --gh-ft-list8: 10px; --gv-ft-list8: 0px; }
@media screen and (max-width: 1280px) { .ft-list8 { display: flex; --gh-ft-list8: 10px; --gv-ft-list8: 0px; } }
@media screen and (max-width: 760px) { .ft-list8 { display: flex; --gh-ft-list8: 10px; --gv-ft-list8: 0px; } }
@media screen and (max-width: 540px) { .ft-list8 { place-content: center flex-start; align-items: center; display: flex; margin: 0px; --gh-ft-list8: 10px; --gv-ft-list8: 0px; max-width: 100%; } }

/* ft-item5: keyboard_arrow_right 特徴 */
.ft-item5 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }
.ft-item5:hover { scale: 1; transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* ft-link9: keyboard_arrow_right 特徴 */
.ft-link9 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }

/* ft-item5: keyboard_arrow_right 特徴 */
.ft-item5:hover .ft-link9:hover { opacity: 1; }
.ft-item5:hover .ft-link9 { place-content: center; align-items: center; flex-flow: column; }

/* ft-box19: keyboard_arrow_right 特徴 */
.ft-box19 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }

/* ft-icon5: keyboard_arrow_right */
.ft-icon5 { background: #df5d00ff; border-radius: 2px; color: rgb(255, 255, 255); font-size: 13px; margin: 0px 7px 0px 0px; padding: 3px; max-width: calc(100% - 7px); }

/* ft-link9: keyboard_arrow_right 特徴 */
.ft-link9:hover .ft-icon5 { background: rgb(225, 127, 56); font-size: 13px; }

/* ft-txt16: 特徴 */
.ft-txt16 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }

/* ft-link9: keyboard_arrow_right 特徴 */
.ft-link9:hover .ft-txt16 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ft-txt16 { font-size: 14px; } }

/* ft-box20:  */
.ft-box20 { background: rgb(59, 83, 108); flex: 0 0 auto; height: 1px; margin: 0px 0px 10px; width: calc(100% - (var(--gh-ft-box17) * 0)); max-width: calc(100% - (var(--gh-ft-box17) * 0)); }

/* ft-box21: © Marugoto construction 2026  */
.ft-box21 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 32px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-box17) * 0)); --gh-ft-box21: 32px; --gv-ft-box21: 32px; max-width: calc(100% - (var(--gh-ft-box17) * 0)); }
@media screen and (max-width: 1280px) { .ft-box21 { flex-flow: wrap; --gh-ft-box21: 32px; --gv-ft-box21: 32px; } }
@media screen and (max-width: 760px) { .ft-box21 { place-content: flex-start space-between; align-items: flex-start; flex-flow: row; gap: 10px; --gh-ft-box21: 10px; --gv-ft-box21: 0px; } }

/* ft-txt17: © Marugoto construction 2026 */
.ft-txt17 { color: rgb(230, 230, 230); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt17 { font-size: 11px; } }

/* ft-link10: 運営会社 open_in_new */
.ft-link10 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 3px; padding: 0px; --gh-ft-link10: 3px; --gv-ft-link10: 0px; }
@media screen and (max-width: 760px) { .ft-link10 { place-content: flex-start; align-items: flex-start; flex-direction: row; --gh-ft-link10: 3px; --gv-ft-link10: 0px; } }

/* ft-txt18: 運営会社 */
.ft-txt18 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt18 { font-size: 11px; } }

/* ft-icon6: open_in_new */
.ft-icon6 { color: rgb(255, 255, 255); font-size: 17px; }

/* cm-box1: Problem */
.cm-box1 { place-content: center; align-items: center; flex-flow: column; margin: 0px 0px 70px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-box1 { display: flex; } }
@media screen and (max-width: 540px) { .cm-box1 { display: flex; } }

/* cm-txt1: Problem */
.cm-txt1 { color: rgb(69, 166, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 40px; font-weight: 900; height: auto; line-height: 1.4; opacity: 0.2; text-align: center; width: auto; max-width: 100%; justify-content: center; }
._boolean1.cm-txt1 { color: rgb(24, 103, 190); opacity: 0.7; }
._boolean2.cm-txt1 { color: rgb(255, 255, 255); }
._boolean3.cm-txt1 { color: rgb(18, 118, 208); font-size: 72px; }
._boolean4.cm-txt1 { color: rgb(251, 227, 227); opacity: 1; }
._boolean6.cm-txt1 { color: rgb(74, 164, 139); }
@media screen and (max-width: 1280px) { .cm-txt1 { letter-spacing: 0.05em; } }
@media screen and (max-width: 540px) { .cm-txt1 { font-size: 32px; } }
@media screen and (max-width: 540px) { ._boolean5.cm-txt1 { font-size: 48px; } }

/* cm-box2: パートナーメンバ− */
.cm-box2 { place-content: center; align-items: center; display: none; flex-flow: row; gap: 10px; margin: 0px; padding: 0px; --gh-cm-box2: 10px; --gv-cm-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-box2 { display: none; --gh-cm-box2: 10px; --gv-cm-box2: 0px; } }
@media screen and (max-width: 540px) { .cm-box2 { display: none; margin: -5px 0px 0px; --gh-cm-box2: 10px; --gv-cm-box2: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .cm-box2 { display: none; --gh-cm-box2: 10px; --gv-cm-box2: 0px; } }

/* cm-box3:  */
.cm-box3 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 20px; rotate: 25deg; width: 1px; max-width: 100%; }
._boolean3.cm-box3 { background: rgb(24, 103, 190); }
._boolean4.cm-box3 { background: rgb(233, 107, 107); }
@media screen and (max-width: 760px) { .cm-box3 { flex: 0 0 auto; height: 22px; max-width: 100%; } }

/* cm-txt2: パートナーメンバ− */
.cm-txt2 { color: rgb(14, 25, 44); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 360px) { .cm-txt2 { font-size: 18px; } }

/* cm-box4:  */
.cm-box4 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 20px; rotate: 25deg; width: 1px; max-width: 100%; }
._boolean3.cm-box4 { background: rgb(24, 103, 190); }
._boolean4.cm-box4 { background: rgb(233, 107, 107); }
@media screen and (max-width: 760px) { .cm-box4 { flex: 0 0 auto; height: 22px; max-width: 100%; } }

/* cm-box5: お気軽にご相談ください お問い合わせはこちら */
.cm-box5 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: 100%; max-width: 100%; }

/* cm-pic1: お気軽にご相談ください お問い合わせはこちら */
.cm-pic1 { place-content: center; align-items: center; background: rgb(22, 126, 173); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* cm-box6: お気軽にご相談ください お問い合わせはこちら */
.cm-box6 { place-content: center; align-items: center; background: rgba(22, 126, 173, 0.8); flex: 0 0 auto; flex-flow: column; gap: 15px; height: 100%; margin: 0px; padding: 40px 0px; width: 100%; --gh-cm-box6: 0px; --gv-cm-box6: 15px; max-width: 100%; }
._boolean1.cm-box6 { background: rgba(233, 107, 107, 0.8); --gh-cm-box6: 0px; --gv-cm-box6: 15px; }
._boolean2.cm-box6 { background: rgba(74, 164, 139, 0.8); --gh-cm-box6: 0px; --gv-cm-box6: 15px; }
@media screen and (max-width: 760px) { .cm-box6 { padding: 30px 0px; --gh-cm-box6: 0px; --gv-cm-box6: 15px; } }
@media screen and (max-width: 540px) { .cm-box6 { padding: 20px 0px; --gh-cm-box6: 0px; --gv-cm-box6: 15px; } }

/* cm-txt3: お気軽にご相談ください */
.cm-txt3 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* cm-link1: お問い合わせはこちら */
.cm-link1 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 50px; flex-flow: column; height: auto; padding: 10px 30px; width: auto; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-link1 { padding: 10px 30px; width: auto; } }
@media screen and (max-width: 540px) { .cm-link1 { width: auto; } }

/* cm-txt4: お問い合わせはこちら */
.cm-txt4 { color: rgb(22, 126, 173); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
._boolean1.cm-txt4 { color: rgb(233, 107, 107); }
._boolean2.cm-txt4 { color: rgb(74, 164, 139); }

/* cm-box7: Scrollkeyboard_arrow_right */
.cm-box7 { place-content: center; align-items: center; display: none; flex-flow: column; gap: 50px; padding: 0px; --gh-cm-box7: 0px; --gv-cm-box7: 50px; }
@media screen and (max-width: 760px) { .cm-box7 { place-content: center flex-end; align-items: center; display: flex; flex: 0 0 auto; flex-flow: row; gap: 0px; width: 100%; --gh-cm-box7: 0px; --gv-cm-box7: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .cm-box7 { place-content: center flex-end; align-items: center; display: flex; flex: 0 0 auto; flex-direction: row; gap: 0px; width: 100%; --gh-cm-box7: 0px; --gv-cm-box7: 0px; } }

/* cm-txt5: Scroll */
.cm-txt5 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .cm-txt5 { font-size: 14px; } }
@media screen and (max-width: 540px) { .cm-txt5 { font-size: 14px; } }

/* cm-icon1: keyboard_arrow_right */
.cm-icon1 { color: rgb(51, 51, 51); font-size: 24px; }
@media screen and (max-width: 760px) { .cm-icon1 { font-size: 20px; } }
@media screen and (max-width: 540px) { .cm-icon1 { font-size: 20px; } }

/* cm-box8: Scrollkeyboard_arrow_right */
.cm-box8 { place-content: center; align-items: center; display: none; flex-flow: column; gap: 50px; padding: 0px; --gh-cm-box8: 0px; --gv-cm-box8: 50px; }
@media screen and (max-width: 760px) { .cm-box8 { place-content: center flex-end; align-items: center; display: none; flex: 0 0 auto; flex-flow: row; gap: 0px; width: 100%; --gh-cm-box8: 0px; --gv-cm-box8: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .cm-box8 { place-content: center flex-end; align-items: center; display: flex; flex: 0 0 auto; flex-direction: row; gap: 0px; width: 100%; --gh-cm-box8: 0px; --gv-cm-box8: 0px; } }

/* cm-txt6: Scroll */
.cm-txt6 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .cm-txt6 { font-size: 14px; } }
@media screen and (max-width: 540px) { .cm-txt6 { font-size: 14px; } }

/* cm-icon2: keyboard_arrow_right */
.cm-icon2 { color: rgb(51, 51, 51); font-size: 24px; }
@media screen and (max-width: 760px) { .cm-icon2 { font-size: 20px; } }
@media screen and (max-width: 540px) { .cm-icon2 { font-size: 20px; } }

/* ft-footer4: 運営会社 プライバシーポリシー VILLE GROUP. */
.ft-footer4 { place-content: center flex-start; align-items: center; background: rgb(25, 162, 255); border-width: 0px; border-style: solid; border-color: rgb(36, 37, 40); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 60px 0px; width: 100%; z-index: 0; max-width: 100%; }
@media screen and (max-width: 1280px) { .ft-footer4 { flex: 0 0 auto; height: auto; padding: 100px 0px 40px; } }
@media screen and (max-width: 540px) { .ft-footer4 { place-content: flex-start; align-items: flex-start; flex-flow: column; padding: 80px 0px; } }

/* ft-box22: 運営会社 プライバシーポリシー VILLE GROUP. */
.ft-box22 { place-content: center; align-items: center; background: rgb(25, 162, 255); flex: 0 0 auto; flex-flow: column; gap: 16px; padding: 0px; width: 100%; --gh-ft-box22: 0px; --gv-ft-box22: 16px; max-width: 100%; }

/* ft-list9: 運営会社 プライバシーポリシー */
.ft-list9 { place-content: center; align-items: center; flex-flow: wrap; gap: 16px 32px; padding: 0px; --gh-ft-list9: 32px; --gv-ft-list9: 16px; }
@media screen and (max-width: 760px) { .ft-list9 { gap: 16px 24px; --gh-ft-list9: 24px; --gv-ft-list9: 16px; } }

/* ft-item6: 運営会社 */
.ft-item6 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); flex-flow: row; gap: 6px; padding: 0px; --gh-ft-item6: 6px; --gv-ft-item6: 0px; }

/* ft-link11: 運営会社 */
.ft-link11 { place-content: center; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); flex-flow: row; gap: 6px; padding: 0px 0px 2px; --gh-ft-link11: 6px; --gv-ft-link11: 0px; }
.ft-link11:hover { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(136, 136, 136); --gh-ft-link11: 6px; --gv-ft-link11: 0px; }

/* ft-txt19: 運営会社 */
.ft-txt19 { color: rgb(255, 255, 255); font-family: Lato, "Noto Sans JP"; font-size: 15px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ft-icon7:  */
.ft-icon7 { color: rgb(255, 255, 255); font-size: 16px; padding: 4px 0px 0px; }

/* ft-txt20: VILLE GROUP. All rights reserv */
.ft-txt20 { color: rgb(255, 255, 255); font-family: Lato, "Noto Sans JP"; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* hd-header3: シャチョウインタビュー search search ホー */
.hd-header3 { place-content: center; align-items: center; backdrop-filter: blur(0px); background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgba(36, 37, 40, 0.1); flex: 0 0 auto; flex-flow: row; height: 90px; left: 0px; margin: 0px; padding: 0px 20px; position: fixed; top: 0px; width: 100%; z-index: 2; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-header3 { place-content: center flex-start; align-items: center; display: flex; flex: 0 0 auto; flex-flow: row; padding: 0px 40px; } }
@media screen and (max-width: 760px) { .hd-header3 { place-content: center flex-start; align-items: center; display: flex; flex: 0 0 auto; left: 0px; margin: 0px; position: fixed; top: 0px; } }
@media screen and (max-width: 540px) { .hd-header3 { display: flex; flex: 0 0 auto; padding: 0px 20px; } }

/* hd-box11: シャチョウインタビュー search search ホー */
.hd-box11 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 20px; padding: 0px 20px; width: 100%; --gh-hd-box11: 20px; --gv-hd-box11: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box11 { flex-direction: row; padding: 0px; --gh-hd-box11: 20px; --gv-hd-box11: 0px; } }
@media screen and (max-width: 540px) { .hd-box11 { gap: 10px; --gh-hd-box11: 10px; --gv-hd-box11: 0px; } }

/* hd-link7: シャチョウインタビュー */
.hd-link7 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-link7 { flex: 0 0 auto; } }
@media screen and (max-width: 540px) { .hd-link7 { flex-flow: row-reverse; } }

/* hd-box12: シャチョウインタビュー */
.hd-box12 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }
@media screen and (max-width: 540px) { .hd-box12 { flex-direction: row-reverse; } }

/* hd-txt6: シャチョウインタビュー */
.hd-txt6 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 900; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 360px) { .hd-txt6 { font-size: 16px; } }

/* hd-box13: search search */
.hd-box13 { place-content: center flex-end; align-items: center; flex: 1 1 0%; flex-flow: row; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box13 { flex-direction: row; } }

/* hd-box14: search search */
.hd-box14 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: auto; max-width: 100%; }
._isClose.hd-box14 { opacity: 1; }
@media screen and (max-width: 760px) { .hd-box14 { flex: 0 0 auto; } }

/* hd-btn2: search */
.hd-btn2 { place-content: center; align-items: center; border-radius: 12px; flex: 0 0 auto; flex-flow: row; gap: 0px; height: 44px; left: 0px; margin: 0px; opacity: 0; padding: 0px; position: absolute; top: 0px; transition-duration: 200ms; width: 44px; z-index: -1; --gh-hd-btn2: 0px; --gv-hd-btn2: 0px; max-width: 100%; }
.hd-btn2:hover { background: rgba(36, 37, 40, 0.1); --gh-hd-btn2: 0px; --gv-hd-btn2: 0px; }
._isClose.hd-btn2 { flex: 0 0 auto; opacity: 1; position: relative; z-index: 1; --gh-hd-btn2: 0px; --gv-hd-btn2: 0px; }

/* hd-icon6: search */
.hd-icon6 { color: rgb(36, 37, 40); font-size: 24px; }

/* hd-box15: search */
.hd-box15 { place-content: center flex-start; align-items: center; background: rgba(36, 37, 40, 0.1); border-width: 0px; border-style: solid; border-color: rgb(36, 37, 40); border-radius: 12px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; opacity: 1; overflow: visible; padding: 0px; position: relative; width: 280px; z-index: 1; max-width: 100%; }
._isClose.hd-box15 { place-content: flex-end flex-start; align-items: flex-end; inset: 0px 0px auto auto; flex: 0 0 auto; margin: 0px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
@media screen and (max-width: 760px) { .hd-box15 { place-content: flex-end flex-start; align-items: flex-end; flex: 0 0 auto; width: 100%; max-width: 100%; } }

/* hd-box16: search */
.hd-box16 { place-content: flex-end center; align-items: flex-end; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* hd-form1: search */
.hd-form1 { place-content: flex-start flex-end; align-items: flex-start; background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgba(36, 37, 40, 0.1); border-radius: 12px; flex: 0 0 auto; flex-flow: row; margin: 0px; width: 100%; max-width: 100%; }
._isClose.hd-form1 { background: rgba(0, 0, 0, 0); }

/* hd-input1:  */
.hd-input1 { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(238, 238, 238); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(36, 37, 40); flex: 1 1 0%; font-family: Lato, "Noto Sans JP"; font-size: 16px; font-weight: 400; height: 44px; justify-content: center; line-height: 1.4; padding: 10px 16px; text-align: left; max-width: 100%; }
.hd-input1::-webkit-input-placeholder { color: rgba(36, 37, 40, 0.7); }
@media screen and (max-width: 540px) { .hd-input1 { flex: 0 0 auto; width: 140px; max-width: 100%; } }

/* hd-btn3: search */
.hd-btn3 { background: rgba(0, 0, 0, 0); box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: Lato, "Noto Sans JP"; font-size: 15px; height: 44px; justify-content: center; line-height: 1.4; text-align: left; width: 44px; max-width: 100%; }

/* hd-icon7: search */
.hd-icon7 { color: rgb(36, 37, 40); font-size: 24px; }

/* hd-box17: ホーム すべての記事 サービス業 卸売・小売業 金融 */
.hd-box17 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; padding: 0px; width: auto; --gh-hd-box17: 40px; --gv-hd-box17: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box17 { flex-direction: row; --gh-hd-box17: 40px; --gv-hd-box17: 0px; } }
@media screen and (max-width: 760px) { .hd-box17 { flex: 0 0 auto; --gh-hd-box17: 40px; --gv-hd-box17: 0px; } }

/* hd-box18: ホーム すべての記事 サービス業 卸売・小売業 金融 */
.hd-box18 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; overflow: visible; padding: 0px; transition-duration: 200ms; width: auto; z-index: 0; max-width: 100%; }

/* hd-btn4:  */
.hd-btn4 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-width: 2px; border-style: solid; border-color: rgb(36, 37, 40); border-radius: 12px; flex: 0 0 auto; flex-flow: row; gap: 5px; height: 42px; padding: 0px 10px; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); width: 42px; --gh-hd-btn4: 5px; --gv-hd-btn4: 0px; max-width: 100%; }
.hd-btn4:hover { background: rgba(36, 37, 40, 0.1); --gh-hd-btn4: 5px; --gv-hd-btn4: 0px; }
._isClose.hd-btn4 { border-width: 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); --gh-hd-btn4: 5px; --gv-hd-btn4: 0px; }

/* hd-icon8:  */
.hd-icon8 { color: rgb(36, 37, 40); font-size: 20px; margin: 0px; padding: 0px; max-width: 100%; }

/* hd-box19: ホーム すべての記事 サービス業 卸売・小売業 金融 */
.hd-box19 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-width: 2px 4px 4px 2px; border-style: solid; border-color: rgb(36, 37, 40); border-radius: 12px; inset: 50px 0px auto auto; box-shadow: none; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; opacity: 1; overflow: hidden; padding: 0px; position: absolute; transition-duration: 400ms; transition-timing-function: ease-out; translate: 10px; width: 700%; max-width: 700%; }
._isClose.hd-box19 { translate: 400px; }

/* hd-box20: ホーム すべての記事 サービス業 卸売・小売業 金融 */
.hd-box20 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; opacity: 1; padding: 0px; width: 310px; --gh-hd-box20: 0px; --gv-hd-box20: 0px; max-width: 100%; }

/* hd-box21: ホーム すべての記事 */
.hd-box21 { place-content: flex-start; align-items: flex-start; border-width: 0px 0px 1px; border-style: solid; border-color: rgba(36, 37, 40, 0.7); flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 5px; width: calc(100% - (var(--gh-hd-box20) * 0)); --gh-hd-box21: 0px; --gv-hd-box21: 0px; max-width: calc(100% - (var(--gh-hd-box20) * 0)); }
@media screen and (max-width: 1280px) { .hd-box21 { flex: 1 1 0%; flex-flow: wrap; --gh-hd-box21: 0px; --gv-hd-box21: 0px; } }
@media screen and (max-width: 760px) { .hd-box21 { flex: 0 0 auto; flex-flow: column; --gh-hd-box21: 0px; --gv-hd-box21: 0px; } }
@media screen and (max-width: 540px) { .hd-box21 { place-content: flex-start; align-items: flex-start; flex-flow: column; --gh-hd-box21: 0px; --gv-hd-box21: 0px; } }

/* hd-link8: ホーム */
.hd-link8 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 15px 20px; width: calc(100% - (var(--gh-hd-box21) * 0)); max-width: calc(100% - (var(--gh-hd-box21) * 0)); }
.hd-link8:hover { background: rgba(36, 37, 40, 0.1); }
@media screen and (max-width: 540px) { .hd-link8 { place-content: flex-start flex-end; align-items: flex-start; flex-flow: row-reverse; } }

/* hd-txt7: ホーム */
.hd-txt7 { color: rgb(36, 37, 40); font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* hd-link9: すべての記事 */
.hd-link9 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 15px 20px; width: calc(100% - (var(--gh-hd-box21) * 0)); max-width: calc(100% - (var(--gh-hd-box21) * 0)); }
.hd-link9:hover { background: rgba(36, 37, 40, 0.1); }
@media screen and (max-width: 540px) { .hd-link9 { place-content: flex-start flex-end; align-items: flex-start; flex-flow: row-reverse; } }

/* hd-txt8: すべての記事 */
.hd-txt8 { color: rgb(36, 37, 40); font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* hd-box22: サービス業 卸売・小売業 金融・保険業 情報通信業  */
.hd-box22 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgba(36, 37, 40, 0.7); flex: 0 0 auto; flex-flow: wrap; gap: 5px; height: auto; margin: 0px; overflow: visible; padding: 20px; width: auto; --gh-hd-box22: 5px; --gv-hd-box22: 5px; max-width: 100%; }

/* hd-box23: サービス業 */
.hd-box23 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-width: 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 10px; padding: 0px; width: auto; --gh-hd-box23: 0px; --gv-hd-box23: 10px; max-width: 100%; }

/* hd-link10: サービス業 */
.hd-link10 { place-content: center space-between; align-items: center; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 30px; margin: 0px; padding: 5px; width: auto; --gh-hd-link10: 30px; --gv-hd-link10: 0px; max-width: 100%; }
.hd-link10:hover { background: rgba(36, 37, 40, 0.1); --gh-hd-link10: 30px; --gv-hd-link10: 0px; }

/* hd-box24: サービス業 */
.hd-box24 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; --gh-hd-box24: 10px; --gv-hd-box24: 0px; }

/* hd-box25:  */
.hd-box25 { background: var(--sd-e61d549a_002d6cb0_002d4dfa_002d98c7_002d3916f4f2a749-Z_005fVRc4Dm); border-width: 1px; border-style: solid; border-color: rgb(36, 37, 40); border-radius: 8px; flex: 0 0 auto; height: 10px; width: 20px; max-width: 100%; }

/* hd-txt9: サービス業 */
.hd-txt9 { color: rgb(36, 37, 40); font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 16px; font-weight: 400; height: auto; line-height: 1.2; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* cm-box9: 人気の記事 Ranking 全国1300社が頼る理由  */
.cm-box9 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 80px; padding: 0px; width: 100%; --gh-cm-box9: 0px; --gv-cm-box9: 80px; max-width: 100%; }
@media screen and (max-width: 1280px) { .cm-box9 { flex: 0 0 auto; flex-flow: row; gap: 40px; width: 100%; --gh-cm-box9: 40px; --gv-cm-box9: 0px; } }
@media screen and (max-width: 760px) { .cm-box9 { flex-flow: column; gap: 80px; --gh-cm-box9: 0px; --gv-cm-box9: 80px; } }
@media screen and (max-width: 540px) { .cm-box9 { gap: 60px; --gh-cm-box9: 0px; --gv-cm-box9: 60px; } }

/* cm-box10: 人気の記事 Ranking 全国1300社が頼る理由  */
.cm-box10 { place-content: flex-start center; align-items: flex-start; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); flex: 0 0 auto; flex-flow: column; gap: 20px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-cm-box10: 0px; --gv-cm-box10: 20px; max-width: 100%; }
@media screen and (max-width: 1280px) { .cm-box10 { flex: 2 1 0%; margin: 0px; width: auto; --gh-cm-box10: 0px; --gv-cm-box10: 20px; } }
@media screen and (max-width: 760px) { .cm-box10 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-cm-box9) * 0)); --gh-cm-box10: 0px; --gv-cm-box10: 20px; max-width: calc(100% - (var(--gh-cm-box9) * 0)); } }
@media screen and (max-width: 540px) { .cm-box10 { gap: 10px; --gh-cm-box10: 0px; --gv-cm-box10: 10px; } }

/* cm-header1: 人気の記事 Ranking */
.cm-header1 { place-content: center space-between; align-items: center; border-width: 1px 0px 0px; border-style: solid; border-color: rgb(36, 37, 40); flex: 0 0 auto; flex-flow: row; gap: 20px; height: auto; margin: 0px; padding: 20px 0px 0px; width: calc(100% - (var(--gh-cm-box10) * 0)); --gh-cm-header1: 20px; --gv-cm-header1: 0px; max-width: calc(100% - (var(--gh-cm-box10) * 0)); }
@media screen and (max-width: 1280px) { .cm-header1 { margin: 0px; --gh-cm-header1: 20px; --gv-cm-header1: 0px; } }
@media screen and (max-width: 540px) { .cm-header1 { gap: 5px; --gh-cm-header1: 5px; --gv-cm-header1: 0px; } }

/* cm-box11: 人気の記事 Ranking */
.cm-box11 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; --gh-cm-box11: 10px; --gv-cm-box11: 0px; }

/* cm-txt7: 人気の記事 */
.cm-txt7 { color: rgb(25, 162, 255); flex: 0 0 auto; font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 700; height: auto; line-height: 1.35; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-txt8: Ranking */
.cm-txt8 { color: rgba(36, 37, 40, 0.7); flex: 0 0 auto; font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 500; height: auto; line-height: 1.75; margin: 0px; mix-blend-mode: normal; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-box12: 全国1300社が頼る理由 ── 中小企業のDXと補助金を支え */
.cm-box12 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; margin: 0px; overflow: visible; padding: 0px; width: auto; --gh-cm-box12: 0px; --gv-cm-box12: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-box12 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-cm-box10) * 0)); --gh-cm-box12: 0px; --gv-cm-box12: 0px; max-width: calc(100% - (var(--gh-cm-box10) * 0)); } }
@media screen and (max-width: 540px) { .cm-box12 { gap: 0px; --gh-cm-box12: 0px; --gv-cm-box12: 0px; } }

/* cm-link2: 全国1300社が頼る理由 ── 中小企業のDXと補助金を支え */
.cm-link2 { place-content: center space-between; align-items: center; background: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 12px; box-shadow: none; flex: 0 0 auto; flex-flow: row; gap: 20px; height: auto; margin: 0px -10px; overflow: hidden; padding: 10px; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); width: calc(100% - -20px - (var(--gh-cm-box12) * 0)); --gh-cm-link2: 20px; --gv-cm-link2: 0px; max-width: calc(100% - -20px - (var(--gh-cm-box12) * 0)); }
.cm-link2:hover { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgba(36, 37, 40, 0.1); --gh-cm-link2: 20px; --gv-cm-link2: 0px; }
@media screen and (max-width: 1280px) { .cm-link2 { flex: 0 0 auto; --gh-cm-link2: 20px; --gv-cm-link2: 0px; } }
@media screen and (max-width: 760px) { .cm-link2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; overflow: visible; --gh-cm-link2: 20px; --gv-cm-link2: 0px; } }
@media screen and (max-width: 540px) { .cm-link2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; width: 100%; --gh-cm-link2: 20px; --gv-cm-link2: 0px; } }
@media screen and (max-width: 360px) { .cm-link2 { flex-flow: column; --gh-cm-link2: 0px; --gv-cm-link2: 20px; } }

/* cm-box13:  */
.cm-box13 { place-content: center; align-items: center; border-radius: 8px; flex: 0 0 auto; flex-flow: row; overflow: hidden; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 1280px) { .cm-box13 { flex: 0 0 auto; } }
@media screen and (max-width: 760px) { .cm-box13 { flex-direction: row; } }
@media screen and (max-width: 540px) { .cm-box13 { flex: 0 0 auto; flex-direction: column; width: auto; } }
@media screen and (max-width: 360px) { .cm-box13 { flex-direction: column; } }

/* cm-pic2:  */
.cm-pic2 { background: rgb(240, 239, 239); border-radius: 0px; flex: 0 0 auto; height: 51px; width: 90px; max-width: 100%; }
html.js .cm-pic2:not(.in) { opacity: 0; transition-delay: 100ms; }
.cm-pic2.in-active { transition-delay: 100ms; }
@media screen and (max-width: 1280px) { .cm-pic2 { flex: 0 0 auto; } }
@media screen and (max-width: 760px) { .cm-pic2 { flex: 0 0 auto; } }
@media screen and (max-width: 540px) { .cm-pic2 { flex: 0 0 auto; } }

/* cm-box14: 全国1300社が頼る理由 ── 中小企業のDXと補助金を支え */
.cm-box14 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: column; gap: 5px; margin: 0px; opacity: 1; padding: 0px; width: auto; --gh-cm-box14: 0px; --gv-cm-box14: 5px; max-width: 100%; }
@media screen and (max-width: 540px) { .cm-box14 { gap: 0px; --gh-cm-box14: 0px; --gv-cm-box14: 0px; } }

/* cm-txt9: 全国1300社が頼る理由 ── 中小企業のDXと補助金を支え */
.cm-txt9 { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(36, 37, 40); flex: 0 0 auto; font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 500; height: auto; line-height: 1.5; margin: -1px 0px 0px; opacity: 1; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .cm-txt9 { font-size: 16px; } }
@media screen and (max-width: 540px) { .cm-txt9 { font-size: 14px; } }

/* cm-txt10: 2026.07.27 */
.cm-txt10 { color: rgba(36, 37, 40, 0.7); font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 500; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-box15: 業種から探す Industry サービス業 卸売・小売業 */
.cm-box15 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgba(36, 37, 40, 0.1); border-radius: 0px; display: flex; flex: 0 0 auto; flex-flow: column; gap: 40px; overflow: hidden; padding: 0px; width: 100%; z-index: 0; --gh-cm-box15: 0px; --gv-cm-box15: 40px; max-width: 100%; }
@media screen and (max-width: 1280px) { .cm-box15 { display: flex; --gh-cm-box15: 0px; --gv-cm-box15: 40px; } }
@media screen and (max-width: 760px) { .cm-box15 { display: flex; --gh-cm-box15: 0px; --gv-cm-box15: 40px; } }
@media screen and (max-width: 540px) { .cm-box15 { display: flex; --gh-cm-box15: 0px; --gv-cm-box15: 40px; } }

/* cm-box16: 業種から探す Industry サービス業 卸売・小売業 */
.cm-box16 { place-content: flex-start; align-items: flex-start; background: rgb(229, 245, 255); flex: 0 0 auto; flex-flow: row; gap: 80px; padding: 120px 80px; width: calc(100% - (var(--gh-cm-box15) * 0)); --gh-cm-box16: 80px; --gv-cm-box16: 0px; max-width: calc(100% - (var(--gh-cm-box15) * 0)); }
@media screen and (max-width: 1280px) { .cm-box16 { flex-flow: row; gap: 40px; padding: 80px 40px; --gh-cm-box16: 40px; --gv-cm-box16: 0px; } }
@media screen and (max-width: 760px) { .cm-box16 { flex-flow: column; gap: 60px; --gh-cm-box16: 0px; --gv-cm-box16: 60px; } }
@media screen and (max-width: 540px) { .cm-box16 { gap: 60px; padding: 40px 20px; --gh-cm-box16: 60px; --gv-cm-box16: 0px; } }

/* cm-box17: 業種から探す Industry サービス業 卸売・小売業 */
.cm-box17 { place-content: flex-start; align-items: flex-start; flex: 2 1 0%; flex-flow: column; gap: 20px; padding: 0px; width: auto; --gh-cm-box17: 0px; --gv-cm-box17: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .cm-box17 { gap: 10px; width: calc(100% - (var(--gh-cm-box16) * 0)); --gh-cm-box17: 0px; --gv-cm-box17: 10px; max-width: calc(100% - (var(--gh-cm-box16) * 0)); } }

/* cm-header2: 業種から探す Industry */
.cm-header2 { place-content: center space-between; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(36, 37, 40); flex: 0 0 auto; flex-flow: row; gap: 20px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-cm-box17) * 0)); --gh-cm-header2: 20px; --gv-cm-header2: 0px; max-width: calc(100% - (var(--gh-cm-box17) * 0)); }
@media screen and (max-width: 540px) { .cm-header2 { gap: 5px; --gh-cm-header2: 5px; --gv-cm-header2: 0px; } }

/* cm-box18: 業種から探す Industry */
.cm-box18 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; --gh-cm-box18: 10px; --gv-cm-box18: 0px; }

/* cm-txt11: 業種から探す */
.cm-txt11 { color: rgb(25, 162, 255); flex: 0 0 auto; font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 700; height: auto; line-height: 1.35; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-txt12: Industry */
.cm-txt12 { color: rgba(36, 37, 40, 0.7); flex: 0 0 auto; font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 500; height: auto; line-height: 1.75; margin: 0px; mix-blend-mode: normal; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-box19: サービス業 卸売・小売業 金融・保険業 情報通信業 全国13 */
.cm-box19 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: wrap; gap: 10px 30px; height: auto; margin: 0px; overflow: visible; padding: 0px; width: auto; --gh-cm-box19: 30px; --gv-cm-box19: 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .cm-box19 { flex: 0 0 auto; flex-flow: column; gap: 0px 30px; width: calc(100% - (var(--gh-cm-box17) * 0)); --gh-cm-box19: 0px; --gv-cm-box19: 0px; max-width: calc(100% - (var(--gh-cm-box17) * 0)); } }

/* cm-box20: サービス業 */
.cm-box20 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-width: 2px 0px 0px; border-style: solid; border-color: rgb(36, 37, 40); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 10px 0px 0px; width: calc(33.33% - (var(--gh-cm-box19) * 0.6667)); --gh-cm-box20: 0px; --gv-cm-box20: 0px; max-width: calc(33.33% - (var(--gh-cm-box19) * 0.6667)); }
@media screen and (max-width: 1280px) { .cm-box20 { flex: 0 0 auto; --gh-cm-box20: 0px; --gv-cm-box20: 0px; } }
@media screen and (max-width: 760px) { .cm-box20 { flex: 0 0 auto; width: calc(50% - (var(--gh-cm-box19) * 0.5)); --gh-cm-box20: 0px; --gv-cm-box20: 0px; max-width: calc(50% - (var(--gh-cm-box19) * 0.5)); } }
@media screen and (max-width: 540px) { .cm-box20 { border-width: 0px; border-style: solid; border-color: rgb(36, 37, 40); flex: 0 0 auto; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-cm-box19) * 0)); --gh-cm-box20: 0px; --gv-cm-box20: 0px; max-width: calc(100% - (var(--gh-cm-box19) * 0)); } }

/* cm-link3: サービス業 */
.cm-link3 { place-content: center space-between; align-items: center; border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: row; gap: 30px; margin: 0px -10px; padding: 10px; width: calc(100% - -20px - (var(--gh-cm-box20) * 0)); --gh-cm-link3: 30px; --gv-cm-link3: 0px; max-width: calc(100% - -20px - (var(--gh-cm-box20) * 0)); }
.cm-link3:hover { border-width: 1px; border-style: solid; border-color: rgba(36, 37, 40, 0.1); --gh-cm-link3: 30px; --gv-cm-link3: 0px; }

/* cm-box21: サービス業 */
.cm-box21 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; --gh-cm-box21: 10px; --gv-cm-box21: 0px; }

/* cm-box22:  */
.cm-box22 { background: var(--sd-dd2616b1_002de650_002d446a_002d9952_002d95dbe5ce10f6-Z_005fVRc4Dm); border-width: 2px; border-style: solid; border-color: rgb(36, 37, 40); border-radius: 8px; flex: 0 0 auto; height: 10px; width: 20px; max-width: 100%; }

/* cm-txt13: サービス業 */
.cm-txt13 { color: rgb(36, 37, 40); font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 14px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* cm-box23:  */
.cm-box23 { place-content: center; align-items: center; flex-flow: row; gap: 5px; opacity: 0; padding: 0px; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); translate: -10px; --gh-cm-box23: 5px; --gv-cm-box23: 0px; }

/* cm-link3: サービス業 */
.cm-link3:hover .cm-box23 { opacity: 1; translate: 0px; --gh-cm-box23: 5px; --gv-cm-box23: 0px; }
@media screen and (max-width: 540px) { .cm-box23 { gap: 5px; opacity: 1; translate: 0px; --gh-cm-box23: 5px; --gv-cm-box23: 0px; } }

/* cm-icon3:  */
.cm-icon3 { color: rgb(36, 37, 40); font-size: 16px; rotate: 0deg; }

/* cm-box24:  */
.cm-box24 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; overflow: visible; padding: 0px; width: calc(100% - (var(--gh-cm-box20) * 0)); --gh-cm-box24: 0px; --gv-cm-box24: 0px; max-width: calc(100% - (var(--gh-cm-box20) * 0)); }
@media screen and (max-width: 760px) { .cm-box24 { gap: 10px; --gh-cm-box24: 0px; --gv-cm-box24: 10px; } }
@media screen and (max-width: 540px) { .cm-box24 { display: none; gap: 0px 10px; --gh-cm-box24: 0px; --gv-cm-box24: 0px; } }

/* cm-link4: 全国1300社が頼る理由 ──... 2026.07.27 */
.cm-link4 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 8px; box-shadow: none; flex: 0 0 auto; flex-flow: row; gap: 20px; height: auto; margin: 0px -10px; overflow: hidden; padding: 10px; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); width: calc(100% - -20px - (var(--gh-cm-box24) * 0)); --gh-cm-link4: 20px; --gv-cm-link4: 0px; max-width: calc(100% - -20px - (var(--gh-cm-box24) * 0)); }
.cm-link4:hover { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgba(36, 37, 40, 0.1); --gh-cm-link4: 20px; --gv-cm-link4: 0px; }
@media screen and (max-width: 1280px) { .cm-link4 { flex: 0 0 auto; gap: 20px; --gh-cm-link4: 20px; --gv-cm-link4: 0px; } }
@media screen and (max-width: 760px) { .cm-link4 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; overflow: visible; --gh-cm-link4: 0px; --gv-cm-link4: 20px; } }
@media screen and (max-width: 540px) { .cm-link4 { flex: 0 0 auto; flex-flow: row; padding: 5px 10px; --gh-cm-link4: 20px; --gv-cm-link4: 0px; } }
@media screen and (max-width: 360px) { .cm-link4 { flex-flow: column; --gh-cm-link4: 0px; --gv-cm-link4: 20px; } }

/* cm-box25: 全国1300社が頼る理由 ──... 2026.07.27 */
.cm-box25 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; gap: 5px; margin: 0px; opacity: 1; padding: 0px; width: calc(100% - (var(--gh-cm-link4) * 0)); --gh-cm-box25: 5px; --gv-cm-box25: 0px; max-width: calc(100% - (var(--gh-cm-link4) * 0)); }
@media screen and (max-width: 540px) { .cm-box25 { gap: 0px; --gh-cm-box25: 0px; --gv-cm-box25: 0px; } }

/* cm-txt14: 全国1300社が頼る理由 ──... */
.cm-txt14 { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(36, 37, 40); flex: 1 1 0%; font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 500; height: auto; line-height: 1.5; margin: -1px 0px 0px; opacity: 1; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-txt15: 2026.07.27 */
.cm-txt15 { color: rgba(36, 37, 40, 0.7); font-family: Lato, "Noto Sans JP"; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 500; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* hd-header4: Concept Features News Floor */
.hd-header4 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 0px; display: flex; flex: 0 0 auto; flex-flow: column; height: auto; left: 0px; padding: 15px 40px; position: fixed; top: 0px; transition-duration: 1000ms; width: 100%; z-index: 2; max-width: 100%; }
html.js .hd-header4:not(.in) { opacity: 0; transform: translate(0px, -8px); transition-delay: 800ms; transition-duration: 500ms; }
.hd-header4.in-active { transition-delay: 800ms; transition-duration: 500ms; }
@media screen and (max-width: 1280px) { .hd-header4 { bottom: auto; display: flex; padding: 15px 40px; right: 0px; } }
@media screen and (max-width: 760px) { .hd-header4 { display: flex; padding: 16px 32px; } }
@media screen and (max-width: 540px) { .hd-header4 { display: flex; padding: 12px 16px; } }
@media screen and (max-width: 360px) { .hd-header4 { display: flex; } }

/* hd-box26: Concept Features News Floor */
.hd-box26 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; padding: 0px; width: 100%; --gh-hd-box26: 40px; --gv-hd-box26: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-box26 { gap: 16px; --gh-hd-box26: 16px; --gv-hd-box26: 0px; } }

/* hd-link11:  */
.hd-link11 { place-content: center; align-items: center; flex-flow: row; padding: 0px 60px 0px 0px; transition-duration: 600ms; }
.hd-link11:hover { transform: scale(0.95, 0.95); }

/* hd-img3:  */
.hd-img3 { flex: 0 0 auto; height: 32px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-img3 { flex: 0 0 auto; height: 24px; max-width: 100%; } }

/* hd-nav3: Concept Features News Floor */
.hd-nav3 { place-content: center space-between; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-hd-nav3: 24px; --gv-hd-nav3: 0px; }
@media screen and (max-width: 1280px) { .hd-nav3 { display: none; --gh-hd-nav3: 24px; --gv-hd-nav3: 0px; } }
@media screen and (max-width: 760px) { .hd-nav3 { display: none; --gh-hd-nav3: 24px; --gv-hd-nav3: 0px; } }
@media screen and (max-width: 540px) { .hd-nav3 { display: none; gap: 16px; --gh-hd-nav3: 16px; --gv-hd-nav3: 0px; } }
@media screen and (max-width: 360px) { .hd-nav3 { display: none; --gh-hd-nav3: 24px; --gv-hd-nav3: 0px; } }

/* hd-list3: Concept Features News Floor */
.hd-list3 { place-content: center; align-items: center; flex-flow: wrap; gap: 0px; padding: 0px; --gh-hd-list3: 0px; --gv-hd-list3: 0px; }
@media screen and (max-width: 1280px) { .hd-list3 { display: flex; --gh-hd-list3: 0px; --gv-hd-list3: 0px; } }
@media screen and (max-width: 760px) { .hd-list3 { display: flex; --gh-hd-list3: 0px; --gv-hd-list3: 0px; } }
@media screen and (max-width: 540px) { .hd-list3 { display: flex; --gh-hd-list3: 0px; --gv-hd-list3: 0px; } }

/* hd-item3: Concept */
.hd-item3 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* hd-link12: Concept */
.hd-link12 { place-content: center; align-items: center; flex-flow: column; padding: 4px 15px; }
.hd-link12:hover { opacity: 1; }

/* hd-txt10: Concept */
.hd-txt10 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Montserrat, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; 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-link12: Concept */
.hd-link12:hover .hd-txt10 { color: rgb(169, 169, 169); }
@media screen and (max-width: 540px) { .hd-txt10 { font-size: 14px; } }

/* hd-box27: LINEで問い合わせ */
.hd-box27 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 15px; height: auto; padding: 0px; width: auto; --gh-hd-box27: 15px; --gv-hd-box27: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .hd-box27 { gap: 16px; --gh-hd-box27: 16px; --gv-hd-box27: 0px; } }

/* hd-pic2:  */
.hd-pic2 { flex: 0 0 auto; height: 17px; width: 17px; max-width: 100%; }

/* hd-box28: LINEで問い合わせ */
.hd-box28 { place-content: center space-between; align-items: center; background: rgba(255, 80, 53, 0); border-width: 1px; border-style: solid; border-color: rgb(109, 109, 109); border-radius: 999px; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 7px 25px; width: auto; --gh-hd-box28: 16px; --gv-hd-box28: 0px; max-width: 100%; }
.hd-box28:hover { background: transparent; opacity: 1; --gh-hd-box28: 16px; --gv-hd-box28: 0px; }
@media screen and (max-width: 540px) { .hd-box28 { display: none; --gh-hd-box28: 16px; --gv-hd-box28: 0px; } }
@media screen and (max-width: 360px) { .hd-box28 { display: none; --gh-hd-box28: 16px; --gv-hd-box28: 0px; } }

/* hd-txt11: LINEで問い合わせ */
.hd-txt11 { color: rgb(0, 0, 0); flex: 1 1 0%; font-family: 'Shippori Mincho', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-weight: 400; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* hd-box28: LINEで問い合わせ */
.hd-box28:hover .hd-txt11 { color: rgb(255, 80, 53); }
@media screen and (max-width: 540px) { .hd-txt11 { font-size: 14px; } }

/* hd-btn5:  */
.hd-btn5 { place-content: flex-end center; align-items: flex-end; display: none; flex-flow: column; gap: 5px 0px; padding: 0px; --gh-hd-btn5: 0px; --gv-hd-btn5: 5px; }
@media screen and (max-width: 1280px) { .hd-btn5 { place-content: flex-end center; align-items: flex-end; display: flex; flex: 0 0 auto; gap: 5px 0px; height: 7px; width: auto; --gh-hd-btn5: 0px; --gv-hd-btn5: 5px; max-width: 100%; } }
@media screen and (max-width: 760px) { .hd-btn5 { display: flex; --gh-hd-btn5: 0px; --gv-hd-btn5: 5px; } }
@media screen and (max-width: 540px) { .hd-btn5 { display: flex; --gh-hd-btn5: 0px; --gv-hd-btn5: 5px; } }
@media screen and (max-width: 360px) { .hd-btn5 { display: flex; --gh-hd-btn5: 0px; --gv-hd-btn5: 5px; } }

/* hd-box29:  */
.hd-box29 { background: rgb(143, 143, 143); flex: 0 0 auto; height: 1px; width: 50px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box29 { background: rgb(0, 0, 0); flex: 0 0 auto; height: 1px; width: 50px; } }

/* hd-box30:  */
.hd-box30 { background: rgb(143, 143, 143); flex: 0 0 auto; height: 1px; width: 30px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box30 { background: rgb(0, 0, 0); flex: 0 0 auto; height: 1px; width: 30px; } }

/* cm-footer1: 〒123-0083 東京都八王子市散田町三丁目2番1号 Go */
.cm-footer1 { place-content: center; align-items: center; background: transparent; flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px; padding: 150px 40px 25px; width: 100%; --gh-cm-footer1: 0px; --gv-cm-footer1: 60px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-footer1 { padding: 64px 32px 24px; --gh-cm-footer1: 0px; --gv-cm-footer1: 60px; } }
@media screen and (max-width: 540px) { .cm-footer1 { padding: 48px 25px 24px; --gh-cm-footer1: 0px; --gv-cm-footer1: 60px; } }

/* cm-box26: 〒123-0083 東京都八王子市散田町三丁目2番1号 Go */
.cm-box26 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 80px; height: auto; margin: 0px; padding: 0px; width: 1280px; --gh-cm-box26: 0px; --gv-cm-box26: 80px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-box26 { place-content: flex-start; align-items: flex-start; flex-flow: column; --gh-cm-box26: 0px; --gv-cm-box26: 80px; } }
@media screen and (max-width: 540px) { .cm-box26 { padding: 0px; --gh-cm-box26: 0px; --gv-cm-box26: 80px; } }

/* cm-box27: 〒123-0083 東京都八王子市散田町三丁目2番1号 Go */
.cm-box27 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; padding: 0px; width: calc(100% - (var(--gh-cm-box26) * 0)); --gh-cm-box27: 40px; --gv-cm-box27: 0px; max-width: calc(100% - (var(--gh-cm-box26) * 0)); }
@media screen and (max-width: 1280px) { .cm-box27 { gap: 32px; --gh-cm-box27: 32px; --gv-cm-box27: 0px; } }
@media screen and (max-width: 760px) { .cm-box27 { place-content: flex-start; align-items: flex-start; flex-flow: wrap; --gh-cm-box27: 40px; --gv-cm-box27: 40px; } }
@media screen and (max-width: 540px) { .cm-box27 { gap: 48px 20px; --gh-cm-box27: 20px; --gv-cm-box27: 0px; } }

/* cm-box28: 〒123-0083 東京都八王子市散田町三丁目2番1号 Go */
.cm-box28 { place-content: center space-between; align-items: center; flex: 1 1 0%; flex-flow: row; gap: 60px; padding: 0px; width: auto; --gh-cm-box28: 60px; --gv-cm-box28: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-box28 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-direction: column; gap: 50px; width: calc(100% - (var(--gh-cm-box27) * 0)); --gh-cm-box28: 0px; --gv-cm-box28: 50px; max-width: calc(100% - (var(--gh-cm-box27) * 0)); } }

/* cm-box29: 〒123-0083 東京都八王子市散田町三丁目2番1号 Go */
.cm-box29 { place-content: flex-start center; align-items: flex-start; flex-wrap: nowrap; gap: 0px; padding: 0px; --gh-cm-box29: 0px; --gv-cm-box29: 0px; }

/* cm-img1:  */
.cm-img1 { flex: 0 0 auto; height: 95px; margin: 0px 0px 25px; width: auto; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-img1 { flex: 0 0 auto; height: 80px; max-width: 100%; } }
@media screen and (max-width: 540px) { .cm-img1 { flex: 0 0 auto; height: 60px; max-width: 100%; } }

/* cm-txt16: 〒123-0083 東京都八王子市散田町三丁目2番1号 */
.cm-txt16 { color: rgb(51, 51, 51); font-family: 'Shippori Mincho', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.5; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.cm-txt16:hover { opacity: 0.7; }
@media screen and (max-width: 540px) { .cm-txt16 { font-size: 11px; } }

/* cm-box30: Google Map launch */
.cm-box30 { place-content: center; align-items: center; flex-flow: row; gap: 0px 3px; padding: 0px; --gh-cm-box30: 3px; --gv-cm-box30: 0px; }
.cm-box30:hover { transition-duration: 200ms; --gh-cm-box30: 3px; --gv-cm-box30: 0px; }
@media screen and (max-width: 1280px) { .cm-box30:hover { transition-duration: 100ms; } }

/* cm-txt17: Google Map */
.cm-txt17 { color: rgb(51, 51, 51); font-family: Montserrat, sans-serif; font-feature-settings: "palt"; font-size: 11px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-box30: Google Map launch */
.cm-box30:hover .cm-txt17:hover { opacity: 0.7; }
.cm-box30:hover .cm-txt17 { color: rgb(169, 169, 169); }
@media screen and (max-width: 1280px) { .cm-box30:hover .cm-txt17 { color: rgb(169, 169, 169); } }
@media screen and (max-width: 540px) { .cm-txt17 { font-size: 11px; } }

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

/* cm-box30: Google Map launch */
.cm-box30:hover .cm-icon4 { color: rgb(169, 169, 169); }
@media screen and (max-width: 1280px) { .cm-box30:hover .cm-icon4 { color: rgb(169, 169, 169); } }

/* cm-box31: LINEで問い合わせ Concept Features  */
.cm-box31 { place-content: flex-end center; align-items: flex-end; flex-flow: column; gap: 0px; padding: 0px; --gh-cm-box31: 0px; --gv-cm-box31: 0px; }
@media screen and (max-width: 760px) { .cm-box31 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-cm-box27) * 0)); --gh-cm-box31: 0px; --gv-cm-box31: 0px; max-width: calc(100% - (var(--gh-cm-box27) * 0)); } }

/* cm-box32: LINEで問い合わせ */
.cm-box32 { place-content: center; align-items: center; flex-flow: row; gap: 0px 30px; margin: 0px 0px 30px; padding: 0px; --gh-cm-box32: 30px; --gv-cm-box32: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-box32 { gap: 0px 15px; --gh-cm-box32: 15px; --gv-cm-box32: 0px; } }
@media screen and (max-width: 540px) { .cm-box32 { gap: 0px 10px; --gh-cm-box32: 10px; --gv-cm-box32: 0px; } }

/* cm-pic3:  */
.cm-pic3 { flex: 0 0 auto; height: 23px; width: 23px; max-width: 100%; }

/* cm-box33: LINEで問い合わせ */
.cm-box33 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); border-width: 1px; border-style: solid; border-color: rgb(149, 149, 149); border-radius: 100px; flex: 0 0 auto; flex-flow: column; height: 45px; padding: 10px 30px; width: 200px; max-width: 100%; }
@media screen and (max-width: 540px) { .cm-box33 { margin: 0px; max-width: 100%; } }

/* cm-txt18: LINEで問い合わせ */
.cm-txt18 { color: rgb(51, 51, 51); font-family: 'Shippori Mincho', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.cm-txt18:hover { opacity: 0.7; }
@media screen and (max-width: 540px) { .cm-txt18 { font-size: 11px; } }

/* cm-list1: Concept Features News Floor */
.cm-list1 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 25px; margin: 0px 0px 10px; padding: 0px; width: auto; --gh-cm-list1: 25px; --gv-cm-list1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-list1 { width: auto; --gh-cm-list1: 25px; --gv-cm-list1: 0px; } }
@media screen and (max-width: 540px) { .cm-list1 { gap: 15px; --gh-cm-list1: 15px; --gv-cm-list1: 0px; } }

/* cm-item1: Concept */
.cm-item1 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 20px; padding: 0px; width: auto; --gh-cm-item1: 20px; --gv-cm-item1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .cm-item1 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 50px; --gh-cm-item1: 0px; --gv-cm-item1: 50px; } }

/* cm-link5: Concept */
.cm-link5 { place-content: center flex-start; align-items: center; border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 4px 0px; width: auto; --gh-cm-link5: 0px; --gv-cm-link5: 0px; max-width: 100%; }
.cm-link5:hover { opacity: 1; --gh-cm-link5: 0px; --gv-cm-link5: 0px; }
@media screen and (max-width: 760px) { .cm-link5 { place-content: center flex-start; align-items: center; flex-flow: row; --gh-cm-link5: 0px; --gv-cm-link5: 0px; } }
@media screen and (max-width: 540px) { .cm-link5 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; --gh-cm-link5: 0px; --gv-cm-link5: 0px; } }

/* cm-txt19: Concept */
.cm-txt19 { color: rgb(34, 34, 34); font-family: Montserrat, sans-serif; font-size: 10px; font-weight: 500; height: auto; letter-spacing: 0.05em; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-link5: Concept */
.cm-link5:hover .cm-txt19 { color: rgb(169, 169, 169); }
@media screen and (max-width: 1280px) { .cm-txt19 { flex: 0 0 auto; height: 10px; width: auto; max-width: 100%; } }
@media screen and (max-width: 1280px) { .cm-link5:hover .cm-txt19 { color: rgb(169, 169, 169); } }

/* cm-box34: 運営会社 launch Privacy Policy */
.cm-box34 { place-content: center; align-items: center; flex-flow: row; gap: 0px 25px; height: auto; padding: 0px; --gh-cm-box34: 25px; --gv-cm-box34: 0px; max-width: 100%; }

/* cm-link6: 運営会社 launch */
.cm-link6 { place-content: center; align-items: center; flex-flow: row; gap: 0px 3px; padding: 0px; --gh-cm-link6: 3px; --gv-cm-link6: 0px; }
.cm-link6:hover { transition-duration: 200ms; --gh-cm-link6: 3px; --gv-cm-link6: 0px; }
@media screen and (max-width: 1280px) { .cm-link6:hover { transition-duration: 0ms; } }

/* cm-txt20: 運営会社 */
.cm-txt20 { color: rgb(51, 51, 51); font-family: 'Shippori Mincho', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* cm-link6: 運営会社 launch */
.cm-link6:hover .cm-txt20:hover { opacity: 0.7; }
.cm-link6:hover .cm-txt20 { color: rgb(169, 169, 169); }
@media screen and (max-width: 1280px) { .cm-link6:hover .cm-txt20 { color: rgb(169, 169, 169); } }
@media screen and (max-width: 540px) { .cm-txt20 { font-size: 11px; } }

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

/* cm-link6: 運営会社 launch */
.cm-link6:hover .cm-icon5 { color: rgb(169, 169, 169); }
@media screen and (max-width: 1280px) { .cm-link6:hover .cm-icon5 { color: rgb(169, 169, 169); } }

/* cm-txt21: Privacy Policy */
.cm-txt21 { color: rgb(51, 51, 51); font-family: Montserrat, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.cm-txt21:hover { color: rgb(169, 169, 169); opacity: 0.7; }
@media screen and (max-width: 1280px) { .cm-txt21:hover { color: rgb(169, 169, 169); } }
@media screen and (max-width: 540px) { .cm-txt21 { font-size: 11px; } }

/* cm-box35: @sauna shiki.2026 */
.cm-box35 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 24px; padding: 0px; width: calc(100% - (var(--gh-cm-box26) * 0)); --gh-cm-box35: 0px; --gv-cm-box35: 24px; max-width: calc(100% - (var(--gh-cm-box26) * 0)); }
@media screen and (max-width: 1280px) { .cm-box35 { height: auto; --gh-cm-box35: 0px; --gv-cm-box35: 24px; width: calc(100% - (var(--gh-cm-box26) * 0)); max-width: calc(100% - (var(--gh-cm-box26) * 0)); } }
@media screen and (max-width: 760px) { .cm-box35 { place-content: flex-start; align-items: flex-start; flex-direction: column; --gh-cm-box35: 0px; --gv-cm-box35: 24px; } }

/* cm-box36: @sauna shiki.2026 */
.cm-box36 { place-content: center flex-end; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-cm-box35) * 0)); --gh-cm-box36: 32px; --gv-cm-box36: 0px; max-width: calc(100% - (var(--gh-cm-box35) * 0)); }
@media screen and (max-width: 760px) { .cm-box36 { place-content: flex-start space-around; align-items: flex-start; flex-flow: column; gap: 24px; --gh-cm-box36: 0px; --gv-cm-box36: 24px; } }

/* cm-txt22: @sauna shiki.2026 */
.cm-txt22 { color: rgb(51, 51, 51); font-family: Montserrat, sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .cm-txt22 { font-size: 11px; } }

/* hd-header5: 強み サービス内容 制作実績 料金 割引キャンペーン */
.hd-header5 { place-content: center; align-items: center; flex: 0 0 auto; flex-wrap: nowrap; gap: 128px; left: 0px; padding: 16px 40px; position: fixed; top: 0px; width: 100%; z-index: 2; --gh-hd-header5: 0px; --gv-hd-header5: 128px; max-width: 100%; }
html.js .hd-header5:not(.in) { opacity: 0; transform: translate(0px, -8px); transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: ease; --gh-hd-header5: 0px; --gv-hd-header5: 128px; }
.hd-header5.in-active { transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: ease; }
@media screen and (max-width: 1280px) { .hd-header5 { place-content: center; align-items: center; flex-wrap: nowrap; --gh-hd-header5: 0px; --gv-hd-header5: 128px; } }
@media screen and (max-width: 760px) { .hd-header5 { padding: 16px 32px; --gh-hd-header5: 0px; --gv-hd-header5: 128px; } }
@media screen and (max-width: 540px) { .hd-header5 { padding: 12px 16px; --gh-hd-header5: 0px; --gv-hd-header5: 128px; } }

/* hd-box31: 強み サービス内容 制作実績 料金 割引キャンペーン */
.hd-box31 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); border-radius: 999px; box-shadow: rgba(39, 35, 67, 0.1) 5px 5px 30px 0px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; margin: 0px; padding: 5px 5px 5px 32px; position: relative; width: 1400px; z-index: 5; --gh-hd-box31: 40px; --gv-hd-box31: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .hd-box31 { padding: 5px 5px 5px 25px; --gh-hd-box31: 40px; --gv-hd-box31: 0px; } }
@media screen and (max-width: 540px) { .hd-box31 { gap: 16px; --gh-hd-box31: 16px; --gv-hd-box31: 0px; } }

/* hd-link13:  */
.hd-link13 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 20px; padding: 0px; --gh-hd-link13: 20px; --gv-hd-link13: 20px; }
@media screen and (max-width: 1280px) { .hd-link13 { justify-content: space-between; --gh-hd-link13: 20px; --gv-hd-link13: 20px; } }
@media screen and (max-width: 760px) { .hd-link13 { place-content: center space-between; align-items: center; --gh-hd-link13: 20px; --gv-hd-link13: 20px; } }

/* hd-box32:  */
.hd-box32 { place-content: flex-start center; align-items: flex-start; background: transparent; border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(250, 250, 250); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 0px; width: auto; max-width: 100%; }

/* hd-img4:  */
.hd-img4 { flex: 0 0 auto; height: 23px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-img4 { flex: 0 0 auto; height: 24px; max-width: 100%; } }

/* hd-list4: 強み サービス内容 制作実績 料金 割引キャンペーン */
.hd-list4 { place-content: center flex-start; align-items: center; display: flex; flex-flow: wrap; gap: 5px; padding: 0px; --gh-hd-list4: 5px; --gv-hd-list4: 5px; }
@media screen and (max-width: 1280px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }
@media screen and (max-width: 760px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }
@media screen and (max-width: 540px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }
@media screen and (max-width: 360px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }

/* hd-item4: 強み */
.hd-item4 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* hd-link14: 強み */
.hd-link14 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }
.hd-link14:hover { opacity: 1; }

/* hd-txt12: 強み */
.hd-txt12 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .hd-txt12 { font-size: 14px; } }

/* hd-box33:  */
.hd-box33 { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); flex: 0 0 auto; height: 1px; width: 0%; max-width: 0%; }

/* hd-link14: 強み */
.hd-link14:hover .hd-box33 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* hd-box34: 無料相談はこちら keyboard_arrow_righ */
.hd-box34 { place-content: center flex-end; align-items: center; background: transparent; display: flex; flex: 0 0 auto; flex-flow: wrap; gap: 12px; height: calc(100% - (var(--gv-hd-box31) * 0)); width: auto; --gh-hd-box34: 12px; --gv-hd-box34: 12px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box34 { display: flex; flex-flow: row; --gh-hd-box34: 12px; --gv-hd-box34: 0px; } }
@media screen and (max-width: 760px) { .hd-box34 { display: flex; --gh-hd-box34: 12px; --gv-hd-box34: 12px; } }
@media screen and (max-width: 540px) { .hd-box34 { display: flex; --gh-hd-box34: 12px; --gv-hd-box34: 12px; } }
@media screen and (max-width: 360px) { .hd-box34 { display: flex; --gh-hd-box34: 12px; --gv-hd-box34: 12px; } }

/* hd-link15: 無料相談はこちら keyboard_arrow_righ */
.hd-link15 { place-content: center space-between; align-items: center; background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: calc(100% - (var(--gh-hd-box34) * 0)); --gh-hd-link15: 16px; --gv-hd-link15: 0px; max-width: calc(100% - (var(--gh-hd-box34) * 0)); }
.hd-link15:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.5, 0.48, 0, 0.99); --gh-hd-link15: 16px; --gv-hd-link15: 0px; --g-color-0: #ffee9bff; --g-position-0: 0%; --g-color-1: #ff3d40ff; --g-position-1: 100%; --g-color-2: #ff3d40ff; --g-position-2: 100%; --g-color-3: #ff3d40ff; --g-position-3: 100%; --g-color-4: #ff3d40ff; --g-position-4: 100%; --g-color-5: #ff3d40ff; --g-position-5: 100%; --g-color-6: #ff3d40ff; --g-position-6: 100%; --g-color-7: #ff3d40ff; --g-position-7: 100%; --g-color-8: #ff3d40ff; --g-position-8: 100%; --g-color-9: #ff3d40ff; --g-position-9: 100%; --g-color-10: #ff3d40ff; --g-position-10: 100%; --g-color-11: #ff3d40ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 1280px) { .hd-link15 { display: flex; width: auto; --gh-hd-link15: 16px; --gv-hd-link15: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .hd-link15 { display: flex; padding: 10px 8px 10px 50px; --gh-hd-link15: 16px; --gv-hd-link15: 0px; } }
@media screen and (max-width: 540px) { .hd-link15 { display: none; --gh-hd-link15: 16px; --gv-hd-link15: 0px; } }
@media screen and (max-width: 360px) { .hd-link15 { display: none; --gh-hd-link15: 16px; --gv-hd-link15: 0px; } }

/* hd-txt13: 無料相談はこちら */
.hd-txt13 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* hd-link15: 無料相談はこちら keyboard_arrow_righ */
.hd-link15:hover .hd-txt13 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .hd-txt13 { font-size: 14px; } }

/* hd-icon9: keyboard_arrow_right */
.hd-icon9 { background: rgb(255, 255, 255); border-radius: 100px; color: #ff3900ff; font-size: 24px; padding: 10px; }

/* hd-link15: 無料相談はこちら keyboard_arrow_righ */
.hd-link15:hover .hd-icon9 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* hd-btn6:  */
.hd-btn6 { place-content: center; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; display: none; flex: 0 0 auto; flex-flow: column; height: 55px; width: 55px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-btn6 { display: flex; } }
@media screen and (max-width: 760px) { .hd-btn6 { display: flex; } }
@media screen and (max-width: 540px) { .hd-btn6 { display: flex; } }
@media screen and (max-width: 360px) { .hd-btn6 { display: flex; } }

/* hd-box35:  */
.hd-box35 { background: rgb(255, 255, 255); border-radius: 4px; flex: 0 0 auto; height: 2px; margin: 2px 0px 1px; width: 17px; max-width: 100%; }

/* hd-box36:  */
.hd-box36 { background: rgb(255, 255, 255); border-radius: 4px; flex: 0 0 auto; height: 2px; margin: 2px 0px 1px; width: 17px; max-width: 100%; }

/* hd-box37:  */
.hd-box37 { background: rgb(255, 255, 255); border-radius: 4px; flex: 0 0 auto; height: 2px; margin: 2px 0px 1px; width: 17px; max-width: 100%; }

/* ft-footer5: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-footer5 { place-content: center; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px; padding: 64px 40px 24px; width: 100%; --gh-ft-footer5: 0px; --gv-ft-footer5: 60px; max-width: 100%; --g-color-0: #44c6e4ff; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 760px) { .ft-footer5 { padding: 64px 32px 24px; --gh-ft-footer5: 0px; --gv-ft-footer5: 60px; } }
@media screen and (max-width: 540px) { .ft-footer5 { padding: 48px 16px 24px; --gh-ft-footer5: 0px; --gv-ft-footer5: 60px; } }

/* ft-box23: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-box23 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; margin: 0px; padding: 0px; width: 1280px; --gh-ft-box23: 0px; --gv-ft-box23: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-box23 { place-content: flex-start; align-items: flex-start; flex-flow: column; --gh-ft-box23: 0px; --gv-ft-box23: 10px; } }

/* ft-box24: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-box24 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; padding: 0px; width: calc(100% - (var(--gh-ft-box23) * 0)); --gh-ft-box24: 40px; --gv-ft-box24: 0px; max-width: calc(100% - (var(--gh-ft-box23) * 0)); }
@media screen and (max-width: 760px) { .ft-box24 { place-content: flex-start; align-items: flex-start; flex-direction: column; --gh-ft-box24: 0px; --gv-ft-box24: 40px; } }

/* ft-box25:  */
.ft-box25 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }

/* ft-pic4:  */
.ft-pic4 { flex: 0 0 auto; height: 35px; width: 180px; max-width: 100%; }
.ft-pic4::before { background-repeat: no-repeat; background-size: 100% auto; }
@media screen and (max-width: 540px) { .ft-pic4 { flex: 0 0 auto; height: 28px; max-width: 100%; } }

/* ft-list10: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-list10 { place-content: center flex-start; align-items: center; display: flex; flex-flow: wrap; gap: 5px; padding: 0px; --gh-ft-list10: 5px; --gv-ft-list10: 5px; }
@media screen and (max-width: 1280px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }
@media screen and (max-width: 760px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }
@media screen and (max-width: 540px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }
@media screen and (max-width: 360px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }

/* ft-item7: 強み */
.ft-item7 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* ft-link12: 強み */
.ft-link12 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }
.ft-link12:hover { opacity: 1; }

/* ft-txt21: 強み */
.ft-txt21 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt21 { font-size: 14px; } }

/* ft-box26:  */
.ft-box26 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 1px; width: 0%; max-width: 0%; }

/* ft-link12: 強み */
.ft-link12:hover .ft-box26 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* ft-box27:  */
.ft-box27 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 1px; margin: 0px; width: calc(100% - (var(--gh-ft-box23) * 0)); max-width: calc(100% - (var(--gh-ft-box23) * 0)); }

/* ft-box28: 運営会社 open_in_new プライバシーポリシー  */
.ft-box28 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-box23) * 0)); --gh-ft-box28: 32px; --gv-ft-box28: 0px; max-width: calc(100% - (var(--gh-ft-box23) * 0)); }
@media screen and (max-width: 760px) { .ft-box28 { place-content: flex-start space-around; align-items: flex-start; flex-flow: column; gap: 24px; --gh-ft-box28: 0px; --gv-ft-box28: 24px; } }

/* ft-box29: 運営会社 open_in_new プライバシーポリシー */
.ft-box29 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-ft-box29: 24px; --gv-ft-box29: 0px; }
@media screen and (max-width: 760px) { .ft-box29 { place-content: flex-start; align-items: flex-start; flex-flow: row; --gh-ft-box29: 24px; --gv-ft-box29: 0px; } }

/* ft-link13: 運営会社 open_in_new */
.ft-link13 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 3px; padding: 0px; --gh-ft-link13: 3px; --gv-ft-link13: 0px; }
@media screen and (max-width: 760px) { .ft-link13 { place-content: flex-start; align-items: flex-start; flex-direction: row; --gh-ft-link13: 3px; --gv-ft-link13: 0px; } }

/* ft-txt22: 運営会社 */
.ft-txt22 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt22 { font-size: 11px; } }

/* ft-icon8: open_in_new */
.ft-icon8 { color: rgb(255, 255, 255); font-size: 17px; }

/* ft-txt23: プライバシーポリシー */
.ft-txt23 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt23 { font-size: 11px; } }

/* ft-txt24: © shachosyukyaku 2026 */
.ft-txt24 { color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 300; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ft-txt24 { font-size: 11px; } }

/* cm-group-note: （グループ会社オタッキーAI）… 開発実績のリンクに添える小さな注記 */
.cm-group-note { display: inline; color: inherit; font-size: 0.75em; font-weight: 400; white-space: nowrap; }
/* cm-works-link: 開発実績はこちら（トップの事業内容の下の小さなリンク） */
.cm-works-link { flex: 0 0 100%; margin: -30px 0 0; text-align: center; font-size: 14px; line-height: 1.6; }
.cm-works-link a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.cm-works-link a:hover { opacity: 0.7; }
/* cm-works-card: トップの事業内容の3枚目「開発実績（グループ会社オタッキーAI）」。見た目はシャチョウ集客のカード（tp-service-box11）と同じ */
.cm-works-logo { flex: 0 0 auto; height: 190px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .cm-works-logo { height: 150px; } }
/* トップの事業内容のカード（上：シャチョウ補助金・シャチョウ集客／下：AIマンガラボ・まるごと工事・Calcio）。
   カードが減って余白が目立つので、PC では上下とも同じ大きさ（幅 360px・ロゴ枠 200px・すき間 24px）にそろえて大きくする（2026-10-28） */
@media screen and (min-width: 1025px) {
  .tp-service-inner1 .tp-service-box7, .tp-service-inner1 .tp-service-box20 { flex-wrap: nowrap; justify-content: center; gap: 70px 24px; --gh-tp-service-box7: 24px; --gh-tp-service-box20: 24px; }
  .tp-service-box7 > .tp-service-box8, .tp-service-box7 > .tp-service-box11, .tp-service-box20 > div { width: min(360px, calc((100% - 48px) / 3)); }
  .tp-service-box20 > div > div:nth-child(3) { width: 100%; }
  .tp-service-box7 .tp-service-box9, .tp-service-box7 .tp-service-box12, .tp-service-box20 > div > div:nth-child(3) > div:first-child { width: 100%; height: 200px; }
  .tp-service-box7 .tp-service-img2, .tp-service-box7 .tp-service-img3 { width: 250px; }
  .tp-service-box7 .tp-service-txt6, .tp-service-box7 .tp-service-txt9 { font-size: 26px; }
}
/* オタッキーAI のカードも、ほかのカードと同じく、カードに乗せるとロゴが少し大きくなる */
.cm-works-logo { transition: scale 300ms ease-in-out; }
.cm-works-card:hover .cm-works-logo { scale: 1.1; }
/* 事業内容：上の3枚（シャチョウ補助金・シャチョウ集客・グループ会社オタッキーAI）と下のカード群のあいだを詰める（元 150px） */
.tp-service-inner1 .tp-service-box7 { margin-bottom: 70px; }
@media screen and (max-width: 540px) { .tp-service-inner1 .tp-service-box7 { margin-bottom: 70px; } }
/* お問い合わせの「システム開発実績」カード（グループ会社オタッキーAIの開発実績へ。2026-10-28）は、印刷卸売.com のカード（tp-contact-pic8）と同じ見た目。注記は cm-group-note */
/* お問い合わせのカード（スマホ）：中身を中央寄せにすると、文の長さでカードごとに左端がずれるので、左端を全カードでそろえる（2026-10-28） */
@media screen and (max-width: 540px) {
  .tp-contact-box1 > a.pic > div:first-child { align-self: stretch; padding: 0 32px; }
}