/* =========================================================
   menu.css  モーダル「menu」専用（スマホのメニューなど）。クラス名はすべて menu- で始まる
   ========================================================= */

/* モーダルの外枠（ヘッダーのボタンで開く）。開閉は site.js */
.modal { position: fixed; inset: 0; z-index: 100; opacity: 0; transition: opacity 0.4s var(--ease); pointer-events: none; }
.modal[hidden] { display: none; }
.modal.open { opacity: 1; }
.modal > .modal-backdrop { position: fixed; inset: 0; z-index: -1; border: 0; padding: 0; cursor: pointer; pointer-events: auto; }
.modal > .modal-body { height: 100%; pointer-events: none; }
.modal > .modal-body > .b { pointer-events: none; background: none !important; }
.modal > .modal-body > .b > * { pointer-events: all; }
html.modal-opened { overflow: hidden; }
.modal-menu > .modal-backdrop { background: rgba(0, 0, 0, 0.16); }

/* 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; } }

/* tp-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.tp-root { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; flex-flow: column; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk1-sec1: コンサルはいらない。一緒にやってくれるパートナーが要る。 あ */
.tp-blk1-sec1 { place-content: center flex-start; align-items: center; background: rgba(255, 255, 255, 0); flex-flow: column; height: auto; padding: 56px 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-blk1-sec1 { padding: 80px 0px 0px; } }

/* tp-blk1-inner1:  */
.tp-blk1-inner1 { padding: 56px 0px 0px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-blk1-inner1 { padding: 80px 0px 0px; flex-direction: column; } }

/* tp-blk1-txt1: コンサルはいらない。一緒にやってくれるパートナーが要る。 あ */
.tp-blk1-txt1 { inset: auto auto 196px 86px; color: rgb(255, 255, 255); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; height: auto; letter-spacing: -0.05em; line-height: 1.4; position: absolute; text-align: left; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .tp-blk1-txt1 { bottom: 173px; left: 43px; padding: 0px; right: auto; width: 367px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk1-txt1 { inset: 318px auto auto 25px; padding: 0px; width: 248px; max-width: 100%; } }

/* tp-blk1-link1: こんな事業をしています arrow_forward */
.tp-blk1-link1 { place-content: center; align-items: center; background: rgb(68, 166, 255); border-radius: 4px; inset: auto auto 99px 86px; flex: 0 0 auto; flex-flow: row; gap: 16px; overflow: hidden; padding: 15px 17px 15px 30px; position: absolute; width: auto; z-index: 1; --gh-tp-blk1-link1: 16px; --gv-tp-blk1-link1: 0px; max-width: 100%; }
.tp-blk1-link1:hover { background: #ff379c; --gh-tp-blk1-link1: 16px; --gv-tp-blk1-link1: 0px; }
@media screen and (max-width: 760px) { .tp-blk1-link1 { bottom: 93px; left: 42px; --gh-tp-blk1-link1: 16px; --gv-tp-blk1-link1: 0px; } }
@media screen and (max-width: 540px) { .tp-blk1-link1 { bottom: 33px; left: 19px; --gh-tp-blk1-link1: 16px; --gv-tp-blk1-link1: 0px; } }

/* tp-blk1-txt2: こんな事業をしています */
.tp-blk1-txt2 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-blk1-link1: こんな事業をしています arrow_forward */
.tp-blk1-link1:hover .tp-blk1-txt2 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-blk1-txt2 { font-size: 14px; } }

/* tp-blk1-icon1: arrow_forward */
.tp-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-blk1-link1: こんな事業をしています arrow_forward */
.tp-blk1-link1:hover .tp-blk1-icon1 { color: rgb(250, 250, 250); translate: 10px; }
@media screen and (max-width: 540px) { .tp-blk1-icon1 { font-size: 15px; } }

/* tp-blk1-box1:  */
.tp-blk1-box1 { flex: 0 0 auto; flex-direction: row; gap: 5px; height: auto; width: 100%; --gh-tp-blk1-box1: 5px; --gv-tp-blk1-box1: 0px; max-width: 100%; }

/* tp-blk1-pic1:  */
.tp-blk1-pic1 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: 684px; padding: 12px; width: 610px; max-width: 100%; }
.tp-blk1-pic1::before { background-position: center center; background-size: 230% auto; }
@media screen and (max-width: 540px) { .tp-blk1-pic1::before { background-position: center center; background-repeat: no-repeat; background-size: cover; } }

/* tp-blk1-pic2:  */
.tp-blk1-pic2 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: 684px; padding: 12px; width: 610px; max-width: 100%; }
.tp-blk1-pic2::before { background-position: center center; background-size: cover; }

/* tp-blk1-pic3:  */
.tp-blk1-pic3 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: 684px; padding: 12px; width: 610px; max-width: 100%; }
.tp-blk1-pic3::before { background-position: center center; background-size: 180% auto; }
@media screen and (max-width: 540px) { .tp-blk1-pic3::before { background-position: center bottom; background-repeat: no-repeat; background-size: cover; } }

/* tp-blk1-pic4:  */
.tp-blk1-pic4 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: 684px; padding: 12px; width: 610px; max-width: 100%; }
.tp-blk1-pic4::before { background-position: center center; background-size: cover; }
@media screen and (max-width: 540px) { .tp-blk1-pic4::before { background-position: center center; } }

/* tp-blk1-icon2: arrow_downward */
.tp-blk1-icon2 { inset: auto 136px 127px auto; color: rgb(255, 255, 255); display: flex; font-size: 24px; position: absolute; z-index: 3; }
@media screen and (max-width: 1280px) { .tp-blk1-icon2 { display: flex; } }
@media screen and (max-width: 760px) { .tp-blk1-icon2 { bottom: 116px; display: flex; right: 94px; } }
@media screen and (max-width: 540px) { .tp-blk1-icon2 { bottom: 56px; display: flex; font-size: 20px; left: auto; right: 52px; } }
@media screen and (max-width: 360px) { .tp-blk1-icon2 { display: none; } }

/* tp-blk1-pic5:  */
.tp-blk1-pic5 { place-content: center; align-items: center; inset: auto 60px 53px auto; display: flex; flex: 0 0 auto; flex-flow: column; height: 180px; padding: 0px; position: absolute; width: 180px; z-index: 1; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk1-pic5 { display: flex; } }
@media screen and (max-width: 760px) { .tp-blk1-pic5 { bottom: 59px; display: flex; flex: 0 0 auto; height: 150px; right: 30px; width: 150px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk1-pic5 { bottom: 25px; display: flex; flex: 0 0 auto; height: 85px; right: 20px; width: 85px; max-width: 100%; } }
@media screen and (max-width: 360px) { .tp-blk1-pic5 { display: none; } }

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

/* tp-blk1-img1:  */
.tp-blk1-img1 { height: 373px; left: 75px; position: absolute; right: auto; top: 144px; width: 732px; z-index: 1; max-width: 100%; }
@media screen and (max-width: 760px) { .tp-blk1-img1 { inset: 157px -30px auto 25px; flex: 0 0 auto; height: 321px; width: 680px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk1-img1 { inset: 101px 8px auto 17px; flex: 0 0 auto; height: 220px; width: auto; max-width: 100%; } }

/* tp-blk2-pic1: 私たちが向き合っているのは、企業ではなく、その先にいる「人」 */
.tp-blk2-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); inset: auto; flex-flow: column; height: auto; padding: 150px 100px; position: relative; width: 100%; --gh-tp-blk2-pic1: 0px; --gv-tp-blk2-pic1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .tp-blk2-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .tp-blk2-pic1 { gap: 0px; padding: 80px 0px; --gh-tp-blk2-pic1: 0px; --gv-tp-blk2-pic1: 0px; } }

/* tp-blk2-inner1:  */
.tp-blk2-inner1 { padding: 150px 100px; width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; --gh-tp-blk2-pic1: 0px; --gv-tp-blk2-pic1: 0px; max-width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); }
@media screen and (max-width: 760px) { .tp-blk2-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-blk2-inner1 { padding: 80px 0px; flex-direction: column; gap: 0px; --gh-tp-blk2-pic1: 0px; --gv-tp-blk2-pic1: 0px; } }

/* tp-blk2-img1:  */
.tp-blk2-img1 { display: flex; flex: 0 0 auto; height: auto; margin: 0px 0px 10px; width: 1100px; max-width: 100%; }
html.js .tp-blk2-img1:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-blk2-img1.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-blk2-img1 { display: flex; } }
@media screen and (max-width: 760px) { .tp-blk2-img1 { display: flex; } }
@media screen and (max-width: 540px) { .tp-blk2-img1 { display: none; } }
@media screen and (max-width: 360px) { .tp-blk2-img1 { display: none; } }

/* tp-blk2-img2:  */
.tp-blk2-img2 { display: none; height: auto; width: 200px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-img2 { display: none; } }
@media screen and (max-width: 760px) { .tp-blk2-img2 { display: none; } }
@media screen and (max-width: 540px) { html.js .tp-blk2-img2:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; } }
@media screen and (max-width: 540px) { .tp-blk2-img2.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; } }
@media screen and (max-width: 540px) { .tp-blk2-img2 { display: flex; flex: 0 0 auto; height: auto; margin: 0px 0px 20px; padding: 0px 30px; width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); max-width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); } }
@media screen and (max-width: 360px) { .tp-blk2-img2 { display: flex; } }

/* tp-blk2-txt1: 私たちが向き合っているのは、企業ではなく、その先にいる「人」 */
.tp-blk2-txt1 { color: rgb(51, 51, 51); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: -0.1em; line-height: 1.5; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
html.js .tp-blk2-txt1:not(.in) { opacity: 0; transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-blk2-txt1.in-active { transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .tp-blk2-txt1 { font-size: 17px; padding: 0px 25px; } }

/* tp-blk2-box1:  */
.tp-blk2-box1 { background: #44a6ffff; flex: 0 0 auto; height: 5px; margin: 120px 0px; width: 50px; max-width: 100%; }
@media screen and (max-width: 760px) { .tp-blk2-box1 { margin: 100px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk2-box1 { flex: 0 0 auto; margin: 70px 0px; width: 40px; max-width: 100%; } }

/* tp-blk2-img3:  */
.tp-blk2-img3 { display: flex; flex: 0 0 auto; height: auto; width: 1235px; max-width: 100%; }
html.js .tp-blk2-img3:not(.in) { opacity: 0; transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-blk2-img3.in-active { transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-blk2-img3 { display: flex; } }
@media screen and (max-width: 760px) { .tp-blk2-img3 { display: flex; } }
@media screen and (max-width: 540px) { .tp-blk2-img3 { display: none; flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); max-width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); } }
@media screen and (max-width: 360px) { .tp-blk2-img3 { display: none; } }

/* tp-blk2-img4:  */
.tp-blk2-img4 { display: none; height: auto; width: 200px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-img4 { display: none; } }
@media screen and (max-width: 760px) { .tp-blk2-img4 { display: none; } }
@media screen and (max-width: 540px) { html.js .tp-blk2-img4:not(.in) { opacity: 0; transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; } }
@media screen and (max-width: 540px) { .tp-blk2-img4.in-active { transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; } }
@media screen and (max-width: 540px) { .tp-blk2-img4 { display: flex; flex: 0 0 auto; height: auto; margin: 0px; padding: 0px 30px; width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); max-width: calc(100% - (var(--gh-tp-blk2-pic1) * 0)); } }
@media screen and (max-width: 360px) { .tp-blk2-img4 { display: flex; } }

/* tp-real-pic1: ヴィレが " リアル " に賭けている、3つのこと。 3つ */
.tp-real-pic1 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 150px; width: 100%; z-index: 0; max-width: 100%; }
.tp-real-pic1::before { background-position: right top; filter: blur(0px) brightness(130%); }
@media screen and (max-width: 1280px) { .tp-real-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .tp-real-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .tp-real-pic1 { padding: 100px 25px; } }

/* tp-real-inner1:  */
.tp-real-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: flex-start; align-items: flex-start; max-width: 100%; }
.tp-real-inner1::before { flex-direction: column; }
@media screen and (max-width: 1280px) { .tp-real-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .tp-real-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-real-inner1 { padding: 100px 25px; flex-direction: column; } }

/* tp-real-box1: ヴィレが " リアル " に賭けている、3つのこと。 3つ */
.tp-real-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 50px; padding: 0px; width: 100%; z-index: 6; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-real-box1 { z-index: 3; } }
@media screen and (max-width: 760px) { .tp-real-box1 { z-index: 6; } }

/* tp-real-box2: ヴィレが " リアル " に賭けている、3つのこと。 */
.tp-real-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-tp-real-box2: 10px; --gv-tp-real-box2: 0px; max-width: 100%; }

/* tp-real-box3:  */
.tp-real-box3 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-real-txt1: ヴィレが " リアル " に賭けている、3つのこと。 */
.tp-real-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; 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) { .tp-real-txt1 { font-size: 13px; } }

/* tp-real-txt2: 3つのリアル */
.tp-real-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-real-txt2 { font-size: 50px; } }

/* tp-real-box4: 01 Accompaniment 伴走 立ち上げの大 */
.tp-real-box4 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 5px; padding: 0px; width: 100%; --gh-tp-real-box4: 5px; --gv-tp-real-box4: 5px; max-width: 100%; }

/* tp-real-box5: 01 Accompaniment 伴走 立ち上げの大 */
.tp-real-box5 { place-content: flex-start; align-items: flex-start; background: rgb(241, 241, 241); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 300px; padding: 0px 25px 25px 0px; width: 390px; --gh-tp-real-box5: 0px; --gv-tp-real-box5: 0px; max-width: 100%; }
html.js .tp-real-box5:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; --gh-tp-real-box5: 0px; --gv-tp-real-box5: 0px; }
.tp-real-box5.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .tp-real-box5 { flex: 0 0 auto; padding: 0px 20px 20px 0px; width: 500px; --gh-tp-real-box5: 0px; --gv-tp-real-box5: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-real-box5 { gap: 0px; height: auto; padding: 0px 20px 25px 0px; --gh-tp-real-box5: 0px; --gv-tp-real-box5: 0px; max-width: 100%; } }

/* tp-real-box6: 01 */
.tp-real-box6 { place-content: center; align-items: center; background: #44a6ffff; border-width: 0px 5px 5px 0px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 3px 0px 6px; flex: 0 0 auto; flex-flow: column; height: 50px; width: 50px; max-width: 100%; }

/* tp-real-txt3: 01 */
.tp-real-txt3 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-real-box7: Accompaniment 伴走 立ち上げの大変さを一緒 */
.tp-real-box7 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-real-box5) * 0)); --gh-tp-real-box7: 0px; --gv-tp-real-box7: 0px; max-width: calc(100% - (var(--gh-tp-real-box5) * 0)); }
@media screen and (max-width: 540px) { .tp-real-box7 { gap: 4px; --gh-tp-real-box7: 0px; --gv-tp-real-box7: 4px; } }

/* tp-real-box8: Accompaniment */
.tp-real-box8 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 24px; padding: 0px; width: calc(100% - (var(--gh-tp-real-box7) * 0)); --gh-tp-real-box8: 5px; --gv-tp-real-box8: 0px; max-width: calc(100% - (var(--gh-tp-real-box7) * 0)); }

/* tp-real-box9:  */
.tp-real-box9 { background: #44a6ffff; flex: 0 0 auto; height: 2px; width: 10px; max-width: 100%; }

/* tp-real-txt4: Accompaniment */
.tp-real-txt4 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 17px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-real-txt5: 伴走 */
.tp-real-txt5 { 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: normal; font-size: 65px; height: auto; letter-spacing: -0.05em; line-height: 1.3; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-real-box7) * 0)); z-index: 1; max-width: calc(100% - (var(--gh-tp-real-box7) * 0)); justify-content: center; }

/* tp-real-img1:  */
.tp-real-img1 { height: auto; translate: 0px -30px; width: 200px; z-index: -1; max-width: 100%; }

/* tp-real-txt6: 立ち上げの大変さを一緒に乗り切る。 机の上の話じゃなく、う */
.tp-real-txt6 { color: rgb(0, 0, 0); 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; padding: 0px 0px 0px 25px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-real-txt6 { font-size: 14px; } }

/* tp-real-box10: 02 Practical work 実務 書類だけじ */
.tp-real-box10 { place-content: flex-start; align-items: flex-start; background: rgb(241, 241, 241); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 300px; padding: 0px 25px 25px 0px; width: 390px; --gh-tp-real-box10: 0px; --gv-tp-real-box10: 0px; max-width: 100%; }
html.js .tp-real-box10:not(.in) { opacity: 0; transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; --gh-tp-real-box10: 0px; --gv-tp-real-box10: 0px; }
.tp-real-box10.in-active { transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .tp-real-box10 { flex: 0 0 auto; padding: 0px 20px 20px 0px; width: 500px; --gh-tp-real-box10: 0px; --gv-tp-real-box10: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-real-box10 { gap: 0px; height: auto; padding: 0px 20px 25px 0px; --gh-tp-real-box10: 0px; --gv-tp-real-box10: 0px; max-width: 100%; } }

/* tp-real-box11: 02 */
.tp-real-box11 { place-content: center; align-items: center; background: #44a6ffff; border-width: 0px 5px 5px 0px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 3px 0px 6px; flex: 0 0 auto; flex-flow: column; height: 50px; width: 50px; max-width: 100%; }

/* tp-real-txt7: 02 */
.tp-real-txt7 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-real-box12: Practical work 実務 書類だけじゃない。事 */
.tp-real-box12 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-real-box10) * 0)); --gh-tp-real-box12: 0px; --gv-tp-real-box12: 0px; max-width: calc(100% - (var(--gh-tp-real-box10) * 0)); }
@media screen and (max-width: 540px) { .tp-real-box12 { gap: 4px; --gh-tp-real-box12: 0px; --gv-tp-real-box12: 4px; } }

/* tp-real-box13: Practical work */
.tp-real-box13 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 24px; padding: 0px; width: calc(100% - (var(--gh-tp-real-box12) * 0)); --gh-tp-real-box13: 5px; --gv-tp-real-box13: 0px; max-width: calc(100% - (var(--gh-tp-real-box12) * 0)); }

/* tp-real-box14:  */
.tp-real-box14 { background: #44a6ffff; flex: 0 0 auto; height: 2px; width: 10px; max-width: 100%; }

/* tp-real-txt8: Practical work */
.tp-real-txt8 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 17px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-real-txt9: 実務 */
.tp-real-txt9 { 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: normal; font-size: 65px; height: auto; letter-spacing: -0.05em; line-height: 1.3; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-real-box12) * 0)); max-width: calc(100% - (var(--gh-tp-real-box12) * 0)); justify-content: center; }

/* tp-real-img2:  */
.tp-real-img2 { height: auto; translate: 0px -30px; width: 200px; z-index: -1; max-width: 100%; }

/* tp-real-txt10: 書類だけじゃない。事業を作るために手を動かして、泥臭く形にす */
.tp-real-txt10 { color: rgb(0, 0, 0); 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; padding: 0px 0px 0px 25px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-real-txt10 { font-size: 14px; } }

/* tp-real-box15: 03 Determination 覚悟 100以上の */
.tp-real-box15 { place-content: flex-start; align-items: flex-start; background: rgb(241, 241, 241); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 300px; padding: 0px 25px 25px 0px; width: 390px; --gh-tp-real-box15: 0px; --gv-tp-real-box15: 0px; max-width: 100%; }
html.js .tp-real-box15:not(.in) { opacity: 0; transition-delay: 600ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; --gh-tp-real-box15: 0px; --gv-tp-real-box15: 0px; }
.tp-real-box15.in-active { transition-delay: 600ms; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .tp-real-box15 { flex: 0 0 auto; padding: 0px 20px 20px 0px; width: 500px; --gh-tp-real-box15: 0px; --gv-tp-real-box15: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-real-box15 { gap: 0px; height: auto; padding: 0px 20px 25px 0px; --gh-tp-real-box15: 0px; --gv-tp-real-box15: 0px; max-width: 100%; } }

/* tp-real-box16: 03 */
.tp-real-box16 { place-content: center; align-items: center; background: #44a6ffff; border-width: 0px 5px 5px 0px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 3px 0px 6px; flex: 0 0 auto; flex-flow: column; height: 50px; width: 50px; max-width: 100%; }

/* tp-real-txt11: 03 */
.tp-real-txt11 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 18px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-real-box17: Determination 覚悟 100以上の事業を作っ */
.tp-real-box17 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-real-box15) * 0)); --gh-tp-real-box17: 0px; --gv-tp-real-box17: 0px; max-width: calc(100% - (var(--gh-tp-real-box15) * 0)); }
@media screen and (max-width: 540px) { .tp-real-box17 { gap: 4px; --gh-tp-real-box17: 0px; --gv-tp-real-box17: 4px; } }

/* tp-real-box18: Determination */
.tp-real-box18 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 24px; padding: 0px; width: calc(100% - (var(--gh-tp-real-box17) * 0)); --gh-tp-real-box18: 5px; --gv-tp-real-box18: 0px; max-width: calc(100% - (var(--gh-tp-real-box17) * 0)); }

/* tp-real-box19:  */
.tp-real-box19 { background: #44a6ffff; flex: 0 0 auto; height: 2px; width: 10px; max-width: 100%; }

/* tp-real-txt12: Determination */
.tp-real-txt12 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 17px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-real-txt13: 覚悟 */
.tp-real-txt13 { 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: normal; font-size: 65px; height: auto; letter-spacing: -0.05em; line-height: 1.3; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-real-box17) * 0)); max-width: calc(100% - (var(--gh-tp-real-box17) * 0)); justify-content: center; }

/* tp-real-img3:  */
.tp-real-img3 { height: auto; translate: 0px -30px; width: 200px; z-index: -1; max-width: 100%; }

/* tp-real-txt14: 100以上の事業を作ってきた実績。損をしないようにやり切る。 */
.tp-real-txt14 { color: rgb(0, 0, 0); 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; padding: 0px 0px 0px 25px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-real-txt14 { font-size: 14px; } }

/* tp-real-txt15: REAL */
.tp-real-txt15 { inset: 62px 0px auto auto; color: rgba(236, 236, 236, 0.4); font-family: Oswald, sans-serif; font-size: 200px; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1; padding: 0px; position: absolute; text-align: center; width: auto; z-index: 4; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-real-txt15 { font-size: 150px; padding: 0px; top: 60px; } }

/* tp-service-pic1: 必要なことは、全部やります。 事業内容 SERVICE  */
.tp-service-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-service-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .tp-service-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .tp-service-pic1 { padding: 100px 25px; } }

/* tp-service-inner1:  */
.tp-service-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-service-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .tp-service-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-service-inner1 { padding: 100px 25px; flex-direction: column; } }

/* tp-service-box1: 必要なことは、全部やります。 事業内容 */
.tp-service-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 0px; width: 100%; z-index: 3; max-width: 100%; }
@media screen and (max-width: 760px) { .tp-service-box1 { z-index: 3; } }
@media screen and (max-width: 540px) { .tp-service-box1 { margin: 0px 0px 70px; width: 100%; max-width: 100%; } }

/* tp-service-box2: 必要なことは、全部やります。 */
.tp-service-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-tp-service-box2: 10px; --gv-tp-service-box2: 0px; max-width: 100%; }

/* tp-service-box3:  */
.tp-service-box3 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-service-txt1: 必要なことは、全部やります。 */
.tp-service-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; height: auto; letter-spacing: -0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-txt2: 事業内容 */
.tp-service-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-service-txt2 { font-size: 50px; } }

/* tp-service-box4:  */
.tp-service-box4 { background: rgb(238, 238, 238); flex: 0 0 auto; height: 1px; width: 1px; max-width: 100%; }

/* tp-service-txt3: SERVICE */
.tp-service-txt3 { inset: 96px 0px auto auto; color: rgba(255, 255, 255, 0.4); font-family: Oswald, sans-serif; font-size: 200px; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1; padding: 0px; position: absolute; text-align: center; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-service-txt3 { font-size: 150px; top: 67px; z-index: -1; } }

/* tp-service-box5: 経営改善サービス シャチョウ */
.tp-service-box5 { place-content: flex-end flex-start; align-items: flex-end; flex: 0 0 auto; flex-flow: row; margin: 0px 0px 50px; padding: 0px; width: 100%; z-index: 2; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-service-box5 { place-content: center flex-start; align-items: center; flex-flow: wrap; margin: 0px 0px 50px; } }

/* tp-service-txt4: 経営改善サービス */
.tp-service-txt4 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 30px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; translate: 0px -20px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-service-txt4 { font-size: 25px; translate: 0px 5px; } }

/* tp-service-box6: シャチョウ */
.tp-service-box6 { place-content: center; align-items: center; flex-flow: column; padding: 0px; translate: 0px 10px; }

/* tp-service-txt5: シャチョウ */
.tp-service-txt5 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 50px; height: auto; letter-spacing: -0.1em; line-height: 1; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-service-txt5 { font-size: 45px; } }

/* tp-service-img1:  */
.tp-service-img1 { flex: 0 0 auto; height: auto; translate: 0px -20px; width: 235px; z-index: -1; max-width: 100%; }

/* tp-service-box7: シャチョウ補助金 返済不要の制度を活用した補助金支援。 事 */
.tp-service-box7 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 70px 30px; height: auto; margin: 0px 0px 150px; padding: 0px; width: 100%; --gh-tp-service-box7: 30px; --gv-tp-service-box7: 70px; max-width: 100%; }
html.js .tp-service-box7:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; --gh-tp-service-box7: 30px; --gv-tp-service-box7: 70px; }
.tp-service-box7.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-service-box7 { gap: 50px 15px; --gh-tp-service-box7: 15px; --gv-tp-service-box7: 50px; } }
@media screen and (max-width: 540px) { .tp-service-box7 { gap: 80px 15px; margin: 0px 0px 100px; --gh-tp-service-box7: 15px; --gv-tp-service-box7: 80px; width: 100%; max-width: 100%; } }

/* tp-service-box8: シャチョウ補助金 返済不要の制度を活用した補助金支援。 事 */
.tp-service-box8 { place-content: center flex-start; align-items: center; flex-flow: column; height: auto; padding: 0px; width: 500px; max-width: 100%; }
.tp-service-box8:hover { transition-duration: 0ms; }
@media screen and (max-width: 760px) { .tp-service-box8 { flex: 0 0 auto; width: 450px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box8 { height: auto; } }

/* tp-service-txt6: シャチョウ補助金 */
.tp-service-txt6 { border-bottom: 0px solid #44a6ffff; border-left: 5px solid #44a6ffff; border-right: 0px solid #44a6ffff; border-top: 0px solid #44a6ffff; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 30px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px 0px 10px; padding: 0px 0px 0px 10px; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt6 { font-size: 25px; } }

/* tp-service-box9:  */
.tp-service-box9 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 230px; margin: 0px 0px 10px; opacity: 1; width: 100%; max-width: 100%; }
.tp-service-box9::before { filter: brightness(50%) grayscale(100%); }

/* tp-service-box8: シャチョウ補助金 返済不要の制度を活用した補助金支援。 事 */
.tp-service-box8:hover .tp-service-box9 { scale: 1; transition-duration: 300ms; }
.tp-service-box8:hover .tp-service-box9::before { background-position: center center; filter: brightness(70%) grayscale(0%); }
@media screen and (max-width: 540px) { .tp-service-box9 { flex: 0 0 auto; height: 230px; } }

/* tp-service-img2:  */
.tp-service-img2 { flex: 0 0 auto; height: auto; width: 250px; max-width: 100%; }

/* tp-service-box8: シャチョウ補助金 返済不要の制度を活用した補助金支援。 事 */
.tp-service-box8:hover .tp-service-img2 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .tp-service-img2 { flex: 0 0 auto; width: 210px; max-width: 100%; } }

/* tp-service-txt7: 返済不要の制度を活用した補助金支援。 事業整理から計画作成ま */
.tp-service-txt7 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: normal; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.1em; line-height: 1.6; margin: 0px 0px 20px; padding: 0px; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt7 { font-size: 15px; margin: 0px 0px 10px; width: 100%; max-width: 100%; } }

/* tp-service-box10: 詳しくはこちら arrow_forward */
.tp-service-box10 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* tp-service-link1: 詳しくはこちら arrow_forward */
.tp-service-link1 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link1: 20px; --gv-tp-service-link1: 0px; max-width: 100%; }

/* tp-service-box8: シャチョウ補助金 返済不要の制度を活用した補助金支援。 事 */
.tp-service-box8:hover .tp-service-link1 { background: #ff379c; --gh-tp-service-link1: 20px; --gv-tp-service-link1: 0px; }

/* tp-service-txt8: 詳しくはこちら */
.tp-service-txt8 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-box8: シャチョウ補助金 返済不要の制度を活用した補助金支援。 事 */
.tp-service-box8:hover .tp-service-txt8 { color: rgb(250, 250, 250); }
@media screen and (max-width: 760px) { .tp-service-txt8 { height: auto; } }
@media screen and (max-width: 540px) { .tp-service-txt8 { font-size: 14px; } }

/* tp-service-icon1: arrow_forward */
.tp-service-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-service-box8: シャチョウ補助金 返済不要の制度を活用した補助金支援。 事 */
.tp-service-box8:hover .tp-service-icon1 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon1 { font-size: 15px; } }

/* tp-service-box11: シャチョウ集客 Web制作、広告運用、営業代行、カタログチ */
.tp-service-box11 { place-content: center flex-start; align-items: center; flex-flow: column; height: auto; padding: 0px; width: 500px; max-width: 100%; }
.tp-service-box11:hover { transition-duration: 0ms; }
@media screen and (max-width: 760px) { .tp-service-box11 { flex: 0 0 auto; width: 450px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box11 { height: auto; } }

/* tp-service-txt9: シャチョウ集客 */
.tp-service-txt9 { border-bottom: 0px solid #44a6ffff; border-left: 5px solid #44a6ffff; border-right: 0px solid #44a6ffff; border-top: 0px solid #44a6ffff; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 30px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px 0px 10px; padding: 0px 0px 0px 10px; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt9 { font-size: 25px; } }

/* tp-service-box12:  */
.tp-service-box12 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 230px; margin: 0px 0px 10px; width: 100%; max-width: 100%; }
.tp-service-box12::before { filter: brightness(51%) grayscale(100%); }

/* tp-service-box11: シャチョウ集客 Web制作、広告運用、営業代行、カタログチ */
.tp-service-box11:hover .tp-service-box12::before { filter: brightness(66%) grayscale(0%); }
@media screen and (max-width: 540px) { .tp-service-box12 { flex: 0 0 auto; height: 230px; } }

/* tp-service-img3:  */
.tp-service-img3 { flex: 0 0 auto; height: auto; width: 250px; max-width: 100%; }

/* tp-service-box11: シャチョウ集客 Web制作、広告運用、営業代行、カタログチ */
.tp-service-box11:hover .tp-service-img3 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .tp-service-img3 { flex: 0 0 auto; width: 210px; max-width: 100%; } }

/* tp-service-txt10: Web制作、広告運用、営業代行、カタログチラシまで対応。 集 */
.tp-service-txt10 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: normal; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.1em; line-height: 1.6; margin: 0px 0px 20px; padding: 0px; text-align: left; width: 100%; --gh-tp-service-txt10: 0px; --gv-tp-service-txt10: 0px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt10 { font-size: 15px; gap: 0px; margin: 0px 0px 10px; --gh-tp-service-txt10: 0px; --gv-tp-service-txt10: 0px; width: 100%; max-width: 100%; } }

/* tp-service-box13: 詳しくはこちら arrow_forward */
.tp-service-box13 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* tp-service-link2: 詳しくはこちら arrow_forward */
.tp-service-link2 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link2: 20px; --gv-tp-service-link2: 0px; max-width: 100%; }

/* tp-service-box11: シャチョウ集客 Web制作、広告運用、営業代行、カタログチ */
.tp-service-box11:hover .tp-service-link2:hover { background: #ff379c; --gh-tp-service-link2: 20px; --gv-tp-service-link2: 0px; }

/* tp-service-txt11: 詳しくはこちら */
.tp-service-txt11 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-link2: 詳しくはこちら arrow_forward */
.tp-service-link2:hover .tp-service-txt11 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-service-txt11 { font-size: 14px; } }

/* tp-service-icon2: arrow_forward */
.tp-service-icon2 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-service-link2: 詳しくはこちら arrow_forward */
.tp-service-link2:hover .tp-service-icon2 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon2 { font-size: 15px; } }

/* tp-service-box14: シャチョウDX バックオフィスをDXで効率化。 複数ツール */
.tp-service-box14 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: 500px; --gh-tp-service-box14: 0px; --gv-tp-service-box14: 0px; max-width: 100%; }
.tp-service-box14:hover { transition-duration: 0ms; --gh-tp-service-box14: 0px; --gv-tp-service-box14: 0px; }
@media screen and (max-width: 760px) { .tp-service-box14 { flex: 0 0 auto; width: 450px; --gh-tp-service-box14: 0px; --gv-tp-service-box14: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box14 { gap: 0px; height: auto; --gh-tp-service-box14: 0px; --gv-tp-service-box14: 0px; } }

/* tp-service-txt12: シャチョウDX */
.tp-service-txt12 { border-bottom: 0px solid #44a6ffff; border-left: 5px solid #44a6ffff; border-right: 0px solid #44a6ffff; border-top: 0px solid #44a6ffff; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 30px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px 0px 10px; padding: 0px 0px 0px 10px; text-align: left; width: calc(100% - (var(--gh-tp-service-box14) * 0)); max-width: calc(100% - (var(--gh-tp-service-box14) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt12 { font-size: 25px; } }

/* tp-service-box15:  */
.tp-service-box15 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 230px; margin: 0px 0px 10px; width: calc(100% - (var(--gh-tp-service-box14) * 0)); max-width: calc(100% - (var(--gh-tp-service-box14) * 0)); }
.tp-service-box15::before { filter: brightness(80%) grayscale(100%); }

/* tp-service-box14: シャチョウDX バックオフィスをDXで効率化。 複数ツール */
.tp-service-box14:hover .tp-service-box15::before { filter: brightness(100%) grayscale(0%); }
@media screen and (max-width: 540px) { .tp-service-box15 { flex: 0 0 auto; height: 230px; } }

/* tp-service-img4:  */
.tp-service-img4 { flex: 0 0 auto; height: auto; width: 250px; max-width: 100%; }

/* tp-service-box14: シャチョウDX バックオフィスをDXで効率化。 複数ツール */
.tp-service-box14:hover .tp-service-img4 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .tp-service-img4 { flex: 0 0 auto; width: 210px; max-width: 100%; } }

/* tp-service-txt13: バックオフィスをDXで効率化。 複数ツールの一元管理と自動化 */
.tp-service-txt13 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: normal; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.1em; line-height: 1.6; margin: 0px 0px 20px; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-service-box14) * 0)); max-width: calc(100% - (var(--gh-tp-service-box14) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt13 { font-size: 15px; margin: 0px 0px 10px; width: calc(100% - (var(--gh-tp-service-box14) * 0)); max-width: calc(100% - (var(--gh-tp-service-box14) * 0)); } }

/* tp-service-box16: 詳しくはこちら arrow_forward */
.tp-service-box16 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-service-box14) * 0)); max-width: calc(100% - (var(--gh-tp-service-box14) * 0)); }

/* tp-service-link3: 詳しくはこちら arrow_forward */
.tp-service-link3 { place-content: center; align-items: center; background: rgb(68, 166, 255); border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link3: 20px; --gv-tp-service-link3: 0px; max-width: 100%; }

/* tp-service-box14: シャチョウDX バックオフィスをDXで効率化。 複数ツール */
.tp-service-box14:hover .tp-service-link3:hover { background: #ff379c; --gh-tp-service-link3: 20px; --gv-tp-service-link3: 0px; }

/* tp-service-txt14: 詳しくはこちら */
.tp-service-txt14 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-link3: 詳しくはこちら arrow_forward */
.tp-service-link3:hover .tp-service-txt14 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-service-txt14 { font-size: 14px; } }

/* tp-service-icon3: arrow_forward */
.tp-service-icon3 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-service-link3: 詳しくはこちら arrow_forward */
.tp-service-link3:hover .tp-service-icon3 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon3 { font-size: 15px; } }

/* tp-service-box17: シャチョウ補助金放題 経営改善のための資金調達申請し放題の */
.tp-service-box17 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: 500px; --gh-tp-service-box17: 0px; --gv-tp-service-box17: 0px; max-width: 100%; }
.tp-service-box17:hover { transition-duration: 0ms; --gh-tp-service-box17: 0px; --gv-tp-service-box17: 0px; }
@media screen and (max-width: 760px) { .tp-service-box17 { flex: 0 0 auto; width: 450px; --gh-tp-service-box17: 0px; --gv-tp-service-box17: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box17 { gap: 0px; height: auto; --gh-tp-service-box17: 0px; --gv-tp-service-box17: 0px; } }

/* tp-service-txt15: シャチョウ補助金放題 */
.tp-service-txt15 { border-bottom: 0px solid #44a6ffff; border-left: 5px solid #44a6ffff; border-right: 0px solid #44a6ffff; border-top: 0px solid #44a6ffff; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 28px; height: auto; letter-spacing: -0.1em; line-height: 1.1; margin: 0px 0px 10px; padding: 0px 0px 0px 10px; text-align: left; width: calc(100% - (var(--gh-tp-service-box17) * 0)); max-width: calc(100% - (var(--gh-tp-service-box17) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt15 { font-size: 25px; } }

/* tp-service-box18:  */
.tp-service-box18 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 230px; margin: 0px 0px 10px; width: calc(100% - (var(--gh-tp-service-box17) * 0)); max-width: calc(100% - (var(--gh-tp-service-box17) * 0)); }
.tp-service-box18::before { filter: brightness(80%) grayscale(100%); }

/* tp-service-box17: シャチョウ補助金放題 経営改善のための資金調達申請し放題の */
.tp-service-box17:hover .tp-service-box18::before { filter: brightness(100%) grayscale(0%); }
@media screen and (max-width: 540px) { .tp-service-box18 { flex: 0 0 auto; height: 230px; } }

/* tp-service-img5:  */
.tp-service-img5 { flex: 0 0 auto; height: auto; width: 300px; max-width: 100%; }

/* tp-service-box17: シャチョウ補助金放題 経営改善のための資金調達申請し放題の */
.tp-service-box17:hover .tp-service-img5 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .tp-service-img5 { flex: 0 0 auto; width: 250px; max-width: 100%; } }

/* tp-service-txt16: 経営改善のための資金調達申請し放題の顧問支援。複数補助金の申 */
.tp-service-txt16 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: normal; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.1em; line-height: 1.6; margin: 0px 0px 20px; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-service-box17) * 0)); max-width: calc(100% - (var(--gh-tp-service-box17) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-service-txt16 { font-size: 15px; margin: 0px 0px 10px; width: calc(100% - (var(--gh-tp-service-box17) * 0)); max-width: calc(100% - (var(--gh-tp-service-box17) * 0)); } }

/* tp-service-box19: 詳しくはこちら arrow_forward */
.tp-service-box19 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-service-box17) * 0)); max-width: calc(100% - (var(--gh-tp-service-box17) * 0)); }

/* tp-service-link4: 詳しくはこちら arrow_forward */
.tp-service-link4 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link4: 20px; --gv-tp-service-link4: 0px; max-width: 100%; }

/* tp-service-box17: シャチョウ補助金放題 経営改善のための資金調達申請し放題の */
.tp-service-box17:hover .tp-service-link4:hover { background: #ff379c; --gh-tp-service-link4: 20px; --gv-tp-service-link4: 0px; }

/* tp-service-txt17: 詳しくはこちら */
.tp-service-txt17 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-link4: 詳しくはこちら arrow_forward */
.tp-service-link4:hover .tp-service-txt17 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-service-txt17 { font-size: 14px; } }

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

/* tp-service-link4: 詳しくはこちら arrow_forward */
.tp-service-link4:hover .tp-service-icon4 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon4 { font-size: 15px; } }

/* tp-service-box20: AIという最先端を、一番泥臭い情熱で使いこなす。 AIマン */
.tp-service-box20 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 50px 20px; height: auto; padding: 0px; width: 100%; --gh-tp-service-box20: 20px; --gv-tp-service-box20: 50px; max-width: 100%; }
html.js .tp-service-box20:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; --gh-tp-service-box20: 20px; --gv-tp-service-box20: 50px; }
.tp-service-box20.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-service-box20 { gap: 50px 15px; --gh-tp-service-box20: 15px; --gv-tp-service-box20: 50px; } }
@media screen and (max-width: 540px) { .tp-service-box20 { gap: 100px 15px; --gh-tp-service-box20: 15px; --gv-tp-service-box20: 100px; } }

/* tp-service-box21: AIという最先端を、一番泥臭い情熱で使いこなす。 AIマン */
.tp-service-box21 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: 280px; max-width: 100%; }
.tp-service-box21:hover { transition-duration: 0ms; }
@media screen and (max-width: 760px) { .tp-service-box21 { flex: 0 0 auto; width: 450px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box21 { height: auto; } }

/* tp-service-box22: AIという最先端を、一番泥臭い情熱で使いこなす。 */
.tp-service-box22 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 24px; margin: 0px 0px 3px; padding: 0px; width: 100%; --gh-tp-service-box22: 5px; --gv-tp-service-box22: 0px; max-width: 100%; }

/* tp-service-box23:  */
.tp-service-box23 { background: #44a6ffff; flex: 0 0 auto; height: 2px; width: 10px; max-width: 100%; }

/* tp-service-txt18: AIという最先端を、一番泥臭い情熱で使いこなす。 */
.tp-service-txt18 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 11px; 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) { .tp-service-txt18 { font-size: 13px; } }

/* tp-service-box24: AIマンガラボ */
.tp-service-box24 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; margin: 0px 0px 15px; padding: 0px; width: 100%; --gh-tp-service-box24: 0px; --gv-tp-service-box24: 0px; max-width: 100%; }

/* tp-service-txt19: AIマンガラボ */
.tp-service-txt19 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 28px; height: auto; letter-spacing: -0.1em; line-height: 1; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-service-box25: 詳しくはこちら arrow_forward */
.tp-service-box25 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px; }

/* tp-service-box26:  */
.tp-service-box26 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 160px; margin: 0px 0px 10px; width: 653px; max-width: 100%; }
.tp-service-box26::before { background-position: center center; filter: brightness(60%) grayscale(100%); }

/* tp-service-box21: AIという最先端を、一番泥臭い情熱で使いこなす。 AIマン */
.tp-service-box21:hover .tp-service-box26::before { filter: brightness(80%) grayscale(0%); }
@media screen and (max-width: 760px) { .tp-service-box26 { flex: 0 0 auto; height: 230px; max-width: 100%; } }

/* tp-service-img6:  */
.tp-service-img6 { flex: 0 0 auto; height: auto; width: 100px; max-width: 100%; }

/* tp-service-box21: AIという最先端を、一番泥臭い情熱で使いこなす。 AIマン */
.tp-service-box21:hover .tp-service-img6 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .tp-service-img6 { flex: 0 0 auto; width: 130px; max-width: 100%; } }

/* tp-service-box27: 詳しくはこちら arrow_forward */
.tp-service-box27 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* tp-service-link5: 詳しくはこちら arrow_forward */
.tp-service-link5 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link5: 20px; --gv-tp-service-link5: 0px; max-width: 100%; }

/* tp-service-box21: AIという最先端を、一番泥臭い情熱で使いこなす。 AIマン */
.tp-service-box21:hover .tp-service-link5:hover { background: #ff379c; --gh-tp-service-link5: 20px; --gv-tp-service-link5: 0px; }

/* tp-service-txt20: 詳しくはこちら */
.tp-service-txt20 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-link5: 詳しくはこちら arrow_forward */
.tp-service-link5:hover .tp-service-txt20 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-service-txt20 { font-size: 14px; } }

/* tp-service-icon5: arrow_forward */
.tp-service-icon5 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-service-link5: 詳しくはこちら arrow_forward */
.tp-service-link5:hover .tp-service-icon5 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon5 { font-size: 15px; } }

/* tp-service-box28: 工事で失敗しないために、一度見積を整理する。 まるごと工事 */
.tp-service-box28 { 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; padding: 0px; width: 280px; --gh-tp-service-box28: 0px; --gv-tp-service-box28: 0px; max-width: 100%; }
.tp-service-box28:hover { transition-duration: 0ms; --gh-tp-service-box28: 0px; --gv-tp-service-box28: 0px; }
@media screen and (max-width: 760px) { .tp-service-box28 { flex: 0 0 auto; width: 450px; --gh-tp-service-box28: 0px; --gv-tp-service-box28: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box28 { height: auto; --gh-tp-service-box28: 0px; --gv-tp-service-box28: 0px; } }

/* tp-service-box29: 工事で失敗しないために、一度見積を整理する。 */
.tp-service-box29 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 24px; margin: 0px 0px 3px; padding: 0px; width: calc(100% - (var(--gh-tp-service-box28) * 0)); --gh-tp-service-box29: 5px; --gv-tp-service-box29: 0px; max-width: calc(100% - (var(--gh-tp-service-box28) * 0)); }

/* tp-service-box30:  */
.tp-service-box30 { background: #44a6ffff; flex: 0 0 auto; height: 2px; width: 10px; max-width: 100%; }

/* tp-service-txt21: 工事で失敗しないために、一度見積を整理する。 */
.tp-service-txt21 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 11px; 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) { .tp-service-txt21 { font-size: 13px; } }

/* tp-service-box31: まるごと工事 */
.tp-service-box31 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 15px; padding: 0px; width: calc(100% - (var(--gh-tp-service-box28) * 0)); max-width: calc(100% - (var(--gh-tp-service-box28) * 0)); }

/* tp-service-txt22: まるごと工事 */
.tp-service-txt22 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 28px; height: auto; letter-spacing: -0.1em; line-height: 1; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-service-box32: 詳しくはこちら arrow_forward */
.tp-service-box32 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-service-box28) * 0)); max-width: calc(100% - (var(--gh-tp-service-box28) * 0)); }

/* tp-service-box28: 工事で失敗しないために、一度見積を整理する。 まるごと工事 */
.tp-service-box28:hover .tp-service-box32:hover { transition-duration: 0ms; }

/* tp-service-box33:  */
.tp-service-box33 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 160px; margin: 0px 0px 10px; width: 100%; max-width: 100%; }
.tp-service-box33::before { filter: brightness(55%) grayscale(100%); }

/* tp-service-box32: 詳しくはこちら arrow_forward */
.tp-service-box32:hover .tp-service-box33::before { filter: brightness(80%) grayscale(0%); }
@media screen and (max-width: 760px) { .tp-service-box33 { flex: 0 0 auto; height: 230px; width: 100%; max-width: 100%; } }

/* tp-service-img7:  */
.tp-service-img7 { flex: 0 0 auto; height: auto; width: 180px; max-width: 100%; }

/* tp-service-box32: 詳しくはこちら arrow_forward */
.tp-service-box32:hover .tp-service-img7 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .tp-service-img7 { flex: 0 0 auto; width: 210px; max-width: 100%; } }

/* tp-service-box34: 詳しくはこちら arrow_forward */
.tp-service-box34 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* tp-service-link6: 詳しくはこちら arrow_forward */
.tp-service-link6 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link6: 20px; --gv-tp-service-link6: 0px; max-width: 100%; }

/* tp-service-box32: 詳しくはこちら arrow_forward */
.tp-service-box32:hover .tp-service-link6:hover { background: #ff379c; --gh-tp-service-link6: 20px; --gv-tp-service-link6: 0px; }

/* tp-service-txt23: 詳しくはこちら */
.tp-service-txt23 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-link6: 詳しくはこちら arrow_forward */
.tp-service-link6:hover .tp-service-txt23 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-service-txt23 { font-size: 14px; } }

/* tp-service-icon6: arrow_forward */
.tp-service-icon6 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-service-link6: 詳しくはこちら arrow_forward */
.tp-service-link6:hover .tp-service-icon6 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon6 { font-size: 15px; } }

/* tp-service-box35: 印刷機器を、卸売価格で導入する。 印刷卸売.com 印刷 */
.tp-service-box35 { 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; padding: 0px; width: 280px; --gh-tp-service-box35: 0px; --gv-tp-service-box35: 0px; max-width: 100%; }
.tp-service-box35:hover { transition-duration: 0ms; --gh-tp-service-box35: 0px; --gv-tp-service-box35: 0px; }
@media screen and (max-width: 760px) { .tp-service-box35 { flex: 0 0 auto; width: 450px; --gh-tp-service-box35: 0px; --gv-tp-service-box35: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box35 { height: auto; --gh-tp-service-box35: 0px; --gv-tp-service-box35: 0px; } }

/* tp-service-box36: 印刷機器を、卸売価格で導入する。 */
.tp-service-box36 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 24px; margin: 0px 0px 3px; padding: 0px; width: calc(100% - (var(--gh-tp-service-box35) * 0)); --gh-tp-service-box36: 5px; --gv-tp-service-box36: 0px; max-width: calc(100% - (var(--gh-tp-service-box35) * 0)); }

/* tp-service-box37:  */
.tp-service-box37 { background: #44a6ffff; flex: 0 0 auto; height: 2px; width: 10px; max-width: 100%; }

/* tp-service-txt24: 印刷機器を、卸売価格で導入する。 */
.tp-service-txt24 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 11px; 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) { .tp-service-txt24 { font-size: 13px; } }

/* tp-service-box38: 印刷卸売.com */
.tp-service-box38 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 15px; padding: 0px; width: calc(100% - (var(--gh-tp-service-box35) * 0)); max-width: calc(100% - (var(--gh-tp-service-box35) * 0)); }

/* tp-service-txt25: 印刷卸売.com */
.tp-service-txt25 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 28px; height: auto; letter-spacing: -0.1em; line-height: 1; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-service-box39: 印刷卸売.com 詳しくはこちら arrow_forwa */
.tp-service-box39 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-service-box35) * 0)); max-width: calc(100% - (var(--gh-tp-service-box35) * 0)); }

/* tp-service-box35: 印刷機器を、卸売価格で導入する。 印刷卸売.com 印刷 */
.tp-service-box35:hover .tp-service-box39:hover { transition-duration: 0ms; }

/* tp-service-box40: 印刷卸売.com */
.tp-service-box40 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 160px; margin: 0px 0px 10px; width: 100%; max-width: 100%; }
.tp-service-box40::before { filter: brightness(55%) grayscale(100%); }

/* tp-service-box39: 印刷卸売.com 詳しくはこちら arrow_forwa */
.tp-service-box39:hover .tp-service-box40::before { filter: brightness(80%) grayscale(0%); }
@media screen and (max-width: 760px) { .tp-service-box40 { flex: 0 0 auto; height: 230px; width: 100%; max-width: 100%; } }

/* tp-service-txt26: 印刷卸売.com */
.tp-service-txt26 { border-width: 0px 0px 0px 5px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; line-height: 1.4; padding: 0px 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-box39: 印刷卸売.com 詳しくはこちら arrow_forwa */
.tp-service-box39:hover .tp-service-txt26 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .tp-service-txt26 { font-size: 27px; } }

/* tp-service-box41: 詳しくはこちら arrow_forward */
.tp-service-box41 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* tp-service-link7: 詳しくはこちら arrow_forward */
.tp-service-link7 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link7: 20px; --gv-tp-service-link7: 0px; max-width: 100%; }

/* tp-service-box39: 印刷卸売.com 詳しくはこちら arrow_forwa */
.tp-service-box39:hover .tp-service-link7:hover { background: #ff379c; --gh-tp-service-link7: 20px; --gv-tp-service-link7: 0px; }

/* tp-service-txt27: 詳しくはこちら */
.tp-service-txt27 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-link7: 詳しくはこちら arrow_forward */
.tp-service-link7:hover .tp-service-txt27 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-service-txt27 { font-size: 14px; } }

/* tp-service-icon7: arrow_forward */
.tp-service-icon7 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-service-link7: 詳しくはこちら arrow_forward */
.tp-service-link7:hover .tp-service-icon7 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon7 { font-size: 15px; } }

/* tp-service-box42: 即日個人参加フットサル。 Calcio -カルチョ- 詳 */
.tp-service-box42 { 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; padding: 0px; width: 280px; --gh-tp-service-box42: 0px; --gv-tp-service-box42: 0px; max-width: 100%; }
.tp-service-box42:hover { transition-duration: 0ms; --gh-tp-service-box42: 0px; --gv-tp-service-box42: 0px; }
@media screen and (max-width: 760px) { .tp-service-box42 { flex: 0 0 auto; width: 450px; --gh-tp-service-box42: 0px; --gv-tp-service-box42: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-service-box42 { height: auto; --gh-tp-service-box42: 0px; --gv-tp-service-box42: 0px; } }

/* tp-service-box43: 即日個人参加フットサル。 */
.tp-service-box43 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 24px; margin: 0px 0px 3px; padding: 0px; width: calc(100% - (var(--gh-tp-service-box42) * 0)); --gh-tp-service-box43: 5px; --gv-tp-service-box43: 0px; max-width: calc(100% - (var(--gh-tp-service-box42) * 0)); }

/* tp-service-box44:  */
.tp-service-box44 { background: #44a6ffff; flex: 0 0 auto; height: 2px; width: 10px; max-width: 100%; }

/* tp-service-txt28: 即日個人参加フットサル。 */
.tp-service-txt28 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 11px; 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) { .tp-service-txt28 { font-size: 13px; } }

/* tp-service-box45: Calcio -カルチョ- */
.tp-service-box45 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 15px; padding: 0px; width: calc(100% - (var(--gh-tp-service-box42) * 0)); max-width: calc(100% - (var(--gh-tp-service-box42) * 0)); }

/* tp-service-txt29: Calcio -カルチョ- */
.tp-service-txt29 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 28px; height: auto; letter-spacing: -0.01em; line-height: 1; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-service-box46: 詳しくはこちら arrow_forward */
.tp-service-box46 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-service-box42) * 0)); max-width: calc(100% - (var(--gh-tp-service-box42) * 0)); }

/* tp-service-box42: 即日個人参加フットサル。 Calcio -カルチョ- 詳 */
.tp-service-box42:hover .tp-service-box46:hover { transition-duration: 0ms; }

/* tp-service-box47:  */
.tp-service-box47 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 160px; margin: 0px 0px 10px; width: 100%; max-width: 100%; }
.tp-service-box47::before { filter: brightness(55%) grayscale(100%); }

/* tp-service-box46: 詳しくはこちら arrow_forward */
.tp-service-box46:hover .tp-service-box47::before { filter: brightness(80%) grayscale(0%); }
@media screen and (max-width: 760px) { .tp-service-box47 { flex: 0 0 auto; height: 230px; width: 100%; max-width: 100%; } }

/* tp-service-pic2:  */
.tp-service-pic2 { height: 56.0224px; width: 200px; max-width: 100%; }

/* tp-service-box46: 詳しくはこちら arrow_forward */
.tp-service-box46:hover .tp-service-pic2 { scale: 1.1; transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* tp-service-box48: 詳しくはこちら arrow_forward */
.tp-service-box48 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* tp-service-link8: 詳しくはこちら arrow_forward */
.tp-service-link8 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-service-link8: 20px; --gv-tp-service-link8: 0px; max-width: 100%; }

/* tp-service-box46: 詳しくはこちら arrow_forward */
.tp-service-box46:hover .tp-service-link8:hover { background: #ff379c; --gh-tp-service-link8: 20px; --gv-tp-service-link8: 0px; }

/* tp-service-txt30: 詳しくはこちら */
.tp-service-txt30 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-service-link8: 詳しくはこちら arrow_forward */
.tp-service-link8:hover .tp-service-txt30 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-service-txt30 { font-size: 14px; } }

/* tp-service-icon8: arrow_forward */
.tp-service-icon8 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-service-link8: 詳しくはこちら arrow_forward */
.tp-service-link8:hover .tp-service-icon8 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-service-icon8 { font-size: 15px; } }

/* tp-number-pic1: VILLE in numbers 見せかけじゃない。数字 */
.tp-number-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: transparent; flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
.tp-number-pic1::before { filter: brightness(130%); }
@media screen and (max-width: 1280px) { .tp-number-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .tp-number-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .tp-number-pic1 { padding: 100px 25px; } }

/* tp-number-inner1:  */
.tp-number-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
.tp-number-inner1::before { flex-direction: column; }
@media screen and (max-width: 1280px) { .tp-number-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .tp-number-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-number-inner1 { padding: 100px 25px; flex-direction: column; } }

/* tp-number-txt1: VILLE in numbers */
.tp-number-txt1 { color: rgba(236, 236, 236, 0.4); font-family: Oswald, sans-serif; font-size: 150px; font-weight: 500; height: auto; left: auto; letter-spacing: normal; line-height: 1; padding: 0px; position: absolute; right: 0px; text-align: right; top: 113px; width: auto; z-index: 0; max-width: 100%; justify-content: flex-end; }
@media screen and (max-width: 760px) { .tp-number-txt1 { bottom: auto; font-size: 110px; right: 0px; top: 126px; } }
@media screen and (max-width: 540px) { .tp-number-txt1 { bottom: auto; font-size: 90px; left: 0px; line-height: 0.65; text-align: right; top: 52px; justify-content: flex-end; } }

/* tp-number-box1: 見せかけじゃない。数字がそのまま答えです。 数字で見るヴィ */
.tp-number-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 60px; padding: 0px; width: 100%; z-index: 7; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-number-box1 { padding: 0px; } }

/* tp-number-box2: 見せかけじゃない。数字がそのまま答えです。 */
.tp-number-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-tp-number-box2: 10px; --gv-tp-number-box2: 0px; max-width: 100%; }

/* tp-number-box3:  */
.tp-number-box3 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-number-txt2: 見せかけじゃない。数字がそのまま答えです。 */
.tp-number-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; 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) { .tp-number-txt2 { font-size: 13px; } }

/* tp-number-txt3: 数字で見るヴィレ */
.tp-number-txt3 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-number-txt3 { flex: 0 0 auto; font-size: 50px; height: auto; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; } }

/* tp-number-box4:  */
.tp-number-box4 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 20px; padding: 0px; max-width: 100%; }

/* tp-number-box5: 支援事業実績 以上 企画・事業立ち上げ・集客・仕組み化ま */
.tp-number-box5 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 10px 0px; padding: 0px; width: 100%; z-index: 2; --gh-tp-number-box5: 0px; --gv-tp-number-box5: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .tp-number-box5 { gap: 15px 0px; --gh-tp-number-box5: 0px; --gv-tp-number-box5: 15px; } }
@media screen and (max-width: 540px) { .tp-number-box5 { gap: 20px 0px; --gh-tp-number-box5: 0px; --gv-tp-number-box5: 20px; } }

/* tp-number-box6: 支援事業実績 以上 企画・事業立ち上げ・集客・仕組み化ま */
.tp-number-box6 { place-content: center flex-start; align-items: center; border-width: 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 252px; padding: 0px 50px; width: 300px; max-width: 100%; }

/* tp-number-txt4: 支援事業実績 */
.tp-number-txt4 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 22px; height: auto; letter-spacing: -0.05em; line-height: 1.4; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-number-box7: 以上 */
.tp-number-box7 { place-content: flex-end center; align-items: flex-end; flex-flow: row; gap: 0px; height: auto; margin: 0px 0px 15px; padding: 0px; width: auto; --gh-tp-number-box7: 0px; --gv-tp-number-box7: 0px; max-width: 100%; }

/* tp-number-box8:  */
.tp-number-box8 { background: rgba(238, 238, 238, 0); flex: 0 0 auto; height: 100px; margin: 0px; padding: 0px; width: 160px; max-width: 100%; }

/* tp-number-txt5: 以上 */
.tp-number-txt5 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 35px; height: auto; letter-spacing: -0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-number-txt6: 企画・事業立ち上げ・集客・仕組み化まで一緒に伴走。 */
.tp-number-txt6 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-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: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-number-txt6 { font-size: 14px; } }

/* tp-number-box9: 紹介率 % 広告ゼロ。 ほぼ全案件が元クライアントからの */
.tp-number-box9 { place-content: center flex-start; align-items: center; border-width: 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 252px; padding: 0px 50px; width: 300px; max-width: 100%; }

/* tp-number-txt7: 紹介率 */
.tp-number-txt7 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 22px; height: auto; letter-spacing: -0.05em; line-height: 1.4; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-number-box10: % */
.tp-number-box10 { place-content: flex-end center; align-items: flex-end; flex-flow: row; margin: 0px 0px 15px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-number-box10 { padding: 0px; } }

/* tp-number-box11:  */
.tp-number-box11 { background: rgba(238, 238, 238, 0); flex: 0 0 auto; height: 100px; margin: 0px; width: 170px; max-width: 100%; }

/* tp-number-txt8: % */
.tp-number-txt8 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 35px; height: auto; letter-spacing: -0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-number-txt9: 広告ゼロ。 ほぼ全案件が元クライアントからの紹介。 */
.tp-number-txt9 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-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: center; width: 100%; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-number-txt9 { font-size: 14px; } }

/* tp-number-box12: 支援実績業種 製造業、飲食業、カフェ、サウナ、美容室、エス */
.tp-number-box12 { place-content: center flex-start; align-items: center; border-width: 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex: 0 0 auto; flex-flow: column; gap: 0px; height: 252px; padding: 0px 50px; width: 300px; --gh-tp-number-box12: 0px; --gv-tp-number-box12: 0px; max-width: 100%; }

/* tp-number-txt10: 支援実績業種 */
.tp-number-txt10 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 22px; height: auto; letter-spacing: -0.05em; line-height: 1.4; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-number-box13:  */
.tp-number-box13 { place-content: flex-end center; align-items: flex-end; flex-flow: row; margin: 0px 0px 15px; padding: 0px; max-width: 100%; }

/* tp-number-box14:  */
.tp-number-box14 { background: rgba(238, 238, 238, 0); flex: 0 0 auto; height: 100px; margin: 0px; width: 170px; max-width: 100%; }

/* tp-number-txt11: 製造業、飲食業、カフェ、サウナ、美容室、エステ、ゲーム開発、 */
.tp-number-txt11 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-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: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-number-txt11 { font-size: 14px; } }

/* tp-number-box15: 成功報酬・初期費用 〜 あなたが成功した時に費用がかかる */
.tp-number-box15 { place-content: center flex-start; align-items: center; border-width: 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 252px; padding: 0px 50px; width: 300px; max-width: 100%; }

/* tp-number-txt12: 成功報酬・初期費用 */
.tp-number-txt12 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 22px; height: auto; letter-spacing: -0.05em; line-height: 1.4; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-number-box16: 〜 */
.tp-number-box16 { place-content: flex-end center; align-items: flex-end; flex-flow: row; margin: 0px 0px 15px; padding: 0px; width: auto; max-width: 100%; }

/* tp-number-box17:  */
.tp-number-box17 { background: rgba(238, 238, 238, 0); flex: 0 0 auto; height: 100px; margin: 0px; width: 160px; max-width: 100%; }

/* tp-number-txt13: 〜 */
.tp-number-txt13 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 35px; height: auto; letter-spacing: -0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-number-txt14: あなたが成功した時に費用がかかるようにしたい。 */
.tp-number-txt14 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-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: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-number-txt14 { font-size: 14px; } }

/* tp-news-pic1: 近況はこちらから、ご確認ください。 お知らせ NEWS  */
.tp-news-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-news-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .tp-news-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .tp-news-pic1 { padding: 100px 25px; } }

/* tp-news-inner1:  */
.tp-news-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-news-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .tp-news-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-news-inner1 { padding: 100px 25px; flex-direction: column; } }

/* tp-news-box1: 近況はこちらから、ご確認ください。 お知らせ */
.tp-news-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 80px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-news-box1 { z-index: 3; } }
@media screen and (max-width: 760px) { .tp-news-box1 { z-index: 3; } }

/* tp-news-box2: 近況はこちらから、ご確認ください。 */
.tp-news-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-tp-news-box2: 10px; --gv-tp-news-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .tp-news-box2 { flex: 0 0 auto; height: 21px; width: auto; --gh-tp-news-box2: 10px; --gv-tp-news-box2: 0px; max-width: 100%; } }

/* tp-news-box3:  */
.tp-news-box3 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-news-txt1: 近況はこちらから、ご確認ください。 */
.tp-news-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; 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) { .tp-news-txt1 { font-size: 13px; } }

/* tp-news-txt2: お知らせ */
.tp-news-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-news-txt2 { font-size: 50px; } }

/* tp-news-txt3: NEWS */
.tp-news-txt3 { color: rgba(255, 255, 255, 0.4); font-family: Oswald, sans-serif; font-size: 200px; font-weight: 500; height: auto; left: auto; letter-spacing: normal; line-height: 1; padding: 0px; position: absolute; right: 0px; text-align: center; top: 86px; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-news-txt3 { bottom: auto; font-size: 150px; top: 53px; } }

/* tp-news-box4: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-box4 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 30px; height: auto; margin: 0px 0px 30px; padding: 0px; width: 100%; --gh-tp-news-box4: 0px; --gv-tp-news-box4: 30px; max-width: 100%; }

/* tp-news-link1: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-link1 { background: rgba(255, 255, 255, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); flex-direction: row; gap: 40px; justify-content: flex-start; padding: 0px 0px 15px; width: calc(100% - (var(--gh-tp-news-box4) * 0)); --gh-tp-news-link1: 40px; --gv-tp-news-link1: 0px; max-width: calc(100% - (var(--gh-tp-news-box4) * 0)); }
.tp-news-link1:hover { transition-duration: 0ms; --gh-tp-news-link1: 40px; --gv-tp-news-link1: 0px; }
@media screen and (max-width: 760px) { .tp-news-link1 { flex-flow: row; gap: 20px; overflow: hidden auto; --gh-tp-news-link1: 20px; --gv-tp-news-link1: 0px; } }
@media screen and (max-width: 540px) { .tp-news-link1 { overflow: hidden auto; width: 100%; --gh-tp-news-link1: 40px; --gv-tp-news-link1: 0px; } }

/* tp-news-box5: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-box5 { flex: 1 1 0%; flex-flow: wrap; gap: 10px; height: auto; justify-content: flex-start; --gh-tp-news-box5: 10px; --gv-tp-news-box5: 10px; max-width: 100%; }

/* tp-news-box6: 2026.07.07 ニュース DX */
.tp-news-box6 { place-content: center; align-items: center; flex-flow: row; height: auto; padding: 0px; max-width: 100%; }

/* tp-news-txt4: 2026.07.07 */
.tp-news-txt4 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 15px; font-weight: 500; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-news-link1: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-link1:hover .tp-news-txt4 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .tp-news-txt4 { font-size: 12px; } }

/* tp-news-list1: ニュース DX */
.tp-news-list1 { flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 21px; margin: 0px 30px 0px 0px; width: auto; --gh-tp-news-list1: 5px; --gv-tp-news-list1: 0px; max-width: calc(100% - 30px); }

/* tp-news-item1: ニュース */
.tp-news-item1 { place-content: flex-start center; align-items: flex-start; flex-wrap: nowrap; gap: 10px; padding: 0px; --gh-tp-news-item1: 0px; --gv-tp-news-item1: 10px; }

/* tp-news-txt5: ニュース */
.tp-news-txt5 { background: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 13px; padding: 5px 10px; }

/* tp-news-link1: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-link1:hover .tp-news-txt5 { background: #44a6ffff; }
@media screen and (max-width: 760px) { .tp-news-txt5 { font-size: 10px; } }

/* tp-news-txt6: 【お知らせ】「シャチョウDX」の開発実績に「アポ候補日生成メ */
.tp-news-txt6 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; line-height: 1.2; text-align: left; justify-content: flex-start; }

/* tp-news-link1: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-link1:hover .tp-news-txt6 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .tp-news-txt6 { font-size: 15px; } }

/* tp-news-box7: arrow_forward */
.tp-news-box7 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-news-link1: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-link1:hover .tp-news-box7 { background: #ff379c; }

/* tp-news-icon1: arrow_forward */
.tp-news-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-news-link1: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tp-news-link1:hover .tp-news-icon1 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-news-icon1 { font-size: 15px; } }

/* tp-news-box8: お知らせ一覧へ arrow_forward */
.tp-news-box8 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* tp-news-link2: お知らせ一覧へ arrow_forward */
.tp-news-link2 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 15px 10px 40px; position: relative; width: auto; --gh-tp-news-link2: 20px; --gv-tp-news-link2: 0px; max-width: 100%; }
.tp-news-link2:hover { background: #ff379c; --gh-tp-news-link2: 20px; --gv-tp-news-link2: 0px; }

/* tp-news-txt7: お知らせ一覧へ */
.tp-news-txt7 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-news-link2: お知らせ一覧へ arrow_forward */
.tp-news-link2:hover .tp-news-txt7 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tp-news-txt7 { font-size: 14px; } }

/* tp-news-icon2: arrow_forward */
.tp-news-icon2 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-news-link2: お知らせ一覧へ arrow_forward */
.tp-news-link2:hover .tp-news-icon2 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-news-icon2 { font-size: 15px; } }

/* tp-company-sec1: 会社の詳細はこちら。 会社概要 会社名 株式会社ヴィレ */
.tp-company-sec1 { place-content: center; align-items: center; background: rgb(251, 251, 251); flex: 0 0 auto; flex-flow: row; gap: 0px 50px; height: auto; margin: 0px; padding: 0px 0px 0px 150px; width: 100%; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-company-sec1 { margin: 0px; padding: 0px 100px; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; } }
@media screen and (max-width: 760px) { .tp-company-sec1 { padding: 0px 50px; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; } }
@media screen and (max-width: 540px) { .tp-company-sec1 { padding: 0px 25px; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; } }

/* tp-company-inner1:  */
.tp-company-inner1 { padding: 0px 0px 0px 150px; width: calc(100% - (var(--gh-tp-company-sec1) * 0)); height: auto; flex-flow: row; place-content: center; align-items: center; gap: 0px 50px; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; max-width: calc(100% - (var(--gh-tp-company-sec1) * 0)); }
@media screen and (max-width: 1280px) { .tp-company-inner1 { padding: 0px 100px; flex-direction: column; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; } }
@media screen and (max-width: 760px) { .tp-company-inner1 { padding: 0px 50px; flex-direction: column; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; } }
@media screen and (max-width: 540px) { .tp-company-inner1 { padding: 0px 25px; flex-direction: column; --gh-tp-company-sec1: 50px; --gv-tp-company-sec1: 0px; } }

/* tp-company-box1: 会社の詳細はこちら。 会社概要 会社名 株式会社ヴィレ */
.tp-company-box1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(50% - (var(--gh-tp-company-sec1) * 0.5)); max-width: calc(50% - (var(--gh-tp-company-sec1) * 0.5)); }
@media screen and (max-width: 1280px) { .tp-company-box1 { flex: 0 0 auto; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-company-sec1) * 0)); max-width: calc(100% - (var(--gh-tp-company-sec1) * 0)); } }
@media screen and (max-width: 760px) { .tp-company-box1 { flex: 0 0 auto; width: 100%; } }

/* tp-company-box2: 会社の詳細はこちら。 会社概要 会社名 株式会社ヴィレ */
.tp-company-box2 { place-content: flex-start center; align-items: flex-start; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 150px 0px 100px; width: 100%; --gh-tp-company-box2: 0px; --gv-tp-company-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-company-box2 { padding: 150px 0px; --gh-tp-company-box2: 0px; --gv-tp-company-box2: 0px; } }
@media screen and (max-width: 540px) { .tp-company-box2 { gap: 0px; padding: 100px 0px; --gh-tp-company-box2: 0px; --gv-tp-company-box2: 0px; } }

/* tp-company-box3: 会社の詳細はこちら。 会社概要 */
.tp-company-box3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 80px; padding: 0px; width: calc(100% - (var(--gh-tp-company-box2) * 0)); max-width: calc(100% - (var(--gh-tp-company-box2) * 0)); }
@media screen and (max-width: 540px) { .tp-company-box3 { margin: 0px 0px 60px; width: calc(100% - (var(--gh-tp-company-box2) * 0)); max-width: calc(100% - (var(--gh-tp-company-box2) * 0)); } }

/* tp-company-box4: 会社の詳細はこちら。 */
.tp-company-box4 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-tp-company-box4: 10px; --gv-tp-company-box4: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .tp-company-box4 { flex: 0 0 auto; height: 21px; width: auto; --gh-tp-company-box4: 10px; --gv-tp-company-box4: 0px; max-width: 100%; } }

/* tp-company-box5:  */
.tp-company-box5 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-company-txt1: 会社の詳細はこちら。 */
.tp-company-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; 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) { .tp-company-txt1 { font-size: 13px; } }

/* tp-company-txt2: 会社概要 */
.tp-company-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-company-txt2 { font-size: 50px; } }

/* tp-company-list1: 会社名 株式会社ヴィレグループ 東京オフィス 〒101 */
.tp-company-list1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 0px; height: auto; margin: 0px 0px 30px; padding: 0px; width: calc(100% - (var(--gh-tp-company-box2) * 0)); --gh-tp-company-list1: 0px; --gv-tp-company-list1: 0px; max-width: calc(100% - (var(--gh-tp-company-box2) * 0)); }
@media screen and (max-width: 1280px) { .tp-company-list1 { flex: 0 0 auto; width: 100%; --gh-tp-company-list1: 0px; --gv-tp-company-list1: 0px; } }
@media screen and (max-width: 760px) { .tp-company-list1 { flex: 0 0 auto; width: 100%; --gh-tp-company-list1: 0px; --gv-tp-company-list1: 0px; } }

/* tp-company-item1: 会社名 株式会社ヴィレグループ */
.tp-company-item1 { place-content: center flex-start; align-items: center; border-width: 0px 0px 1px; border-style: dotted; border-color: rgb(0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 0px; padding: 15px 0px; width: calc(100% - (var(--gh-tp-company-list1) * 0)); --gh-tp-company-item1: 0px; --gv-tp-company-item1: 0px; max-width: calc(100% - (var(--gh-tp-company-list1) * 0)); }
.tp-company-item1:hover { opacity: 1; --gh-tp-company-item1: 0px; --gv-tp-company-item1: 0px; }
@media screen and (max-width: 540px) { .tp-company-item1 { place-content: center flex-start; align-items: center; gap: 10px; padding: 24px 0px; --gh-tp-company-item1: 10px; --gv-tp-company-item1: 0px; } }

/* tp-company-txt3: 会社名 */
.tp-company-txt3 { color: rgb(0, 0, 0); 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: 28px; letter-spacing: normal; line-height: 1.4; text-align: left; width: 167px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-company-txt3 { width: 140px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-company-txt3 { flex: 0 0 auto; font-size: 15px; width: 100px; max-width: 100%; } }

/* tp-company-txt4: 株式会社ヴィレグループ */
.tp-company-txt4 { color: rgb(0, 0, 0); flex: 1 1 0%; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 13px; height: auto; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-company-txt4 { font-size: 15px; } }

/* tp-company-box6:  */
.tp-company-box6 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; margin: 0px 0px 30px; padding: 0px; width: calc(100% - (var(--gh-tp-company-box2) * 0)); --gh-tp-company-box6: 10px; --gv-tp-company-box6: 10px; max-width: calc(100% - (var(--gh-tp-company-box2) * 0)); }

/* tp-company-box7:  */
.tp-company-box7 { flex: 0 0 auto; height: 180px; width: calc(50% - (var(--gh-tp-company-box6) * 0.5)); max-width: calc(50% - (var(--gh-tp-company-box6) * 0.5)); }
@media screen and (max-width: 540px) { .tp-company-box7 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-company-box6) * 0)); max-width: calc(100% - (var(--gh-tp-company-box6) * 0)); } }

/* tp-company-box8:  */
.tp-company-box8 { flex: 0 0 auto; height: 180px; width: calc(50% - (var(--gh-tp-company-box6) * 0.5)); max-width: calc(50% - (var(--gh-tp-company-box6) * 0.5)); }
@media screen and (max-width: 540px) { .tp-company-box8 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-company-box6) * 0)); max-width: calc(100% - (var(--gh-tp-company-box6) * 0)); } }

/* tp-company-box9: 会社資料ダウンロードはこちら arrow_forward  */
.tp-company-box9 { place-content: center; align-items: center; border-bottom: 0px solid #ff379c; border-left: 0px solid #ff379c; border-right: 0px solid #ff379c; border-top: 0px solid #ff379c; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-company-box2) * 0)); --gh-tp-company-box9: 10px; --gv-tp-company-box9: 10px; max-width: calc(100% - (var(--gh-tp-company-box2) * 0)); }

/* tp-company-link1: 会社資料ダウンロードはこちら arrow_forward */
.tp-company-link1 { place-content: center; align-items: center; background: #44a6ffff; border-bottom: 2px solid #44a6ffff; border-left: 2px solid #44a6ffff; border-radius: 4px; border-right: 2px solid #44a6ffff; border-top: 2px solid #44a6ffff; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; height: auto; overflow: hidden; padding: 20px 15px 20px 40px; position: relative; width: calc(50% - (var(--gh-tp-company-box9) * 0.5)); --gh-tp-company-link1: 20px; --gv-tp-company-link1: 0px; max-width: calc(50% - (var(--gh-tp-company-box9) * 0.5)); }
.tp-company-link1:hover { background: rgb(255, 255, 255); border-bottom: 2px solid #44a6ffff; border-left: 2px solid #44a6ffff; border-right: 2px solid #44a6ffff; border-top: 2px solid #44a6ffff; --gh-tp-company-link1: 20px; --gv-tp-company-link1: 0px; }
@media screen and (max-width: 1280px) { .tp-company-link1 { flex: 0 0 auto; width: 50%; --gh-tp-company-link1: 20px; --gv-tp-company-link1: 0px; } }
@media screen and (max-width: 760px) { .tp-company-link1 { flex: 0 0 auto; width: 50%; --gh-tp-company-link1: 20px; --gv-tp-company-link1: 0px; } }
@media screen and (max-width: 540px) { .tp-company-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-company-box9) * 0)); --gh-tp-company-link1: 20px; --gv-tp-company-link1: 0px; max-width: calc(100% - (var(--gh-tp-company-box9) * 0)); } }

/* tp-company-txt5: 会社資料ダウンロードはこちら */
.tp-company-txt5 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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; }

/* tp-company-link1: 会社資料ダウンロードはこちら arrow_forward */
.tp-company-link1:hover .tp-company-txt5 { color: #44a6ffff; font-weight: 800; }
@media screen and (max-width: 540px) { .tp-company-txt5 { font-size: 15px; line-height: 1.5; } }

/* tp-company-icon1: arrow_forward */
.tp-company-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-company-link1: 会社資料ダウンロードはこちら arrow_forward */
.tp-company-link1:hover .tp-company-icon1 { color: #44a6ffff; translate: 5px; }
@media screen and (max-width: 540px) { .tp-company-icon1 { font-size: 15px; } }

/* tp-company-link2: 決算書ダウンロードはこちら arrow_forward */
.tp-company-link2 { place-content: center; align-items: center; background: rgb(255, 55, 156); border-bottom: 2px solid #ff379c; border-left: 2px solid #ff379c; border-radius: 4px; border-right: 2px solid #ff379c; border-top: 2px solid #ff379c; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 20px 15px 20px 40px; position: relative; width: calc(50% - (var(--gh-tp-company-box9) * 0.5)); --gh-tp-company-link2: 20px; --gv-tp-company-link2: 0px; max-width: calc(50% - (var(--gh-tp-company-box9) * 0.5)); }
.tp-company-link2:hover { background: rgb(255, 255, 255); border-bottom: 2px solid #ff379c; border-left: 2px solid #ff379c; border-right: 2px solid #ff379c; border-top: 2px solid #ff379c; --gh-tp-company-link2: 20px; --gv-tp-company-link2: 0px; }
@media screen and (max-width: 1280px) { .tp-company-link2 { flex: 0 0 auto; width: 50%; --gh-tp-company-link2: 20px; --gv-tp-company-link2: 0px; } }
@media screen and (max-width: 760px) { .tp-company-link2 { flex: 0 0 auto; width: 50%; --gh-tp-company-link2: 20px; --gv-tp-company-link2: 0px; } }
@media screen and (max-width: 540px) { .tp-company-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-company-box9) * 0)); --gh-tp-company-link2: 20px; --gv-tp-company-link2: 0px; max-width: calc(100% - (var(--gh-tp-company-box9) * 0)); } }

/* tp-company-txt6: 決算書ダウンロードはこちら */
.tp-company-txt6 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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; }

/* tp-company-link2: 決算書ダウンロードはこちら arrow_forward */
.tp-company-link2:hover .tp-company-txt6 { color: #ff379c; font-weight: 800; }
@media screen and (max-width: 540px) { .tp-company-txt6 { font-size: 15px; line-height: 1.5; } }

/* tp-company-icon2: arrow_forward */
.tp-company-icon2 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-company-link2: 決算書ダウンロードはこちら arrow_forward */
.tp-company-link2:hover .tp-company-icon2 { color: #ff379c; translate: 5px; }
@media screen and (max-width: 540px) { .tp-company-icon2 { font-size: 15px; } }

/* tp-company-box10:  */
.tp-company-box10 { place-content: center; align-items: center; display: flex; flex: 0 0 auto; flex-flow: column; gap: 5px; height: auto; padding: 0px; width: calc(50% - (var(--gh-tp-company-sec1) * 0.5)); --gh-tp-company-box10: 0px; --gv-tp-company-box10: 5px; max-width: calc(50% - (var(--gh-tp-company-sec1) * 0.5)); }
@media screen and (max-width: 1280px) { .tp-company-box10 { place-content: center flex-start; align-items: center; display: none; height: auto; width: 50%; --gh-tp-company-box10: 0px; --gv-tp-company-box10: 5px; } }
@media screen and (max-width: 760px) { .tp-company-box10 { display: none; --gh-tp-company-box10: 0px; --gv-tp-company-box10: 5px; } }
@media screen and (max-width: 540px) { .tp-company-box10 { display: none; --gh-tp-company-box10: 0px; --gv-tp-company-box10: 5px; } }
@media screen and (max-width: 360px) { .tp-company-box10 { display: none; --gh-tp-company-box10: 0px; --gv-tp-company-box10: 5px; } }

/* tp-company-pic1:  */
.tp-company-pic1 { background: rgb(238, 238, 238); border-radius: 3px; flex: 0 0 auto; height: 500px; padding: 0px; width: calc(100% - (var(--gh-tp-company-box10) * 0)); max-width: calc(100% - (var(--gh-tp-company-box10) * 0)); }
@media screen and (max-width: 1280px) { .tp-company-pic1 { flex: 1 1 0%; height: auto; width: calc(100% - (var(--gh-tp-company-box10) * 0)); max-width: calc(100% - (var(--gh-tp-company-box10) * 0)); } }

/* tp-company-pic2:  */
.tp-company-pic2 { background: rgb(238, 238, 238); border-radius: 3px; flex: 0 0 auto; height: 500px; padding: 0px; width: calc(100% - (var(--gh-tp-company-box10) * 0)); max-width: calc(100% - (var(--gh-tp-company-box10) * 0)); }
@media screen and (max-width: 1280px) { .tp-company-pic2 { flex: 1 1 0%; height: auto; width: calc(100% - (var(--gh-tp-company-box10) * 0)); max-width: calc(100% - (var(--gh-tp-company-box10) * 0)); } }

/* tp-company-pic3:  */
.tp-company-pic3 { background: rgb(238, 238, 238); border-radius: 3px; flex: 0 0 auto; height: 500px; padding: 0px; width: calc(100% - (var(--gh-tp-company-box10) * 0)); max-width: calc(100% - (var(--gh-tp-company-box10) * 0)); }
.tp-company-pic3::before { background-position: center top; }
@media screen and (max-width: 1280px) { .tp-company-pic3 { flex: 1 1 0%; height: auto; width: calc(100% - (var(--gh-tp-company-box10) * 0)); max-width: calc(100% - (var(--gh-tp-company-box10) * 0)); } }

/* tp-contact1-pic1:  */
.tp-contact1-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 100px 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-contact1-pic1::before { background-size: 150% auto; } }
@media screen and (max-width: 1280px) { .tp-contact1-pic1 { padding: 150px 0px 0px; } }
@media screen and (max-width: 760px) { .tp-contact1-pic1::before { background-size: 300% auto; } }
@media screen and (max-width: 760px) { .tp-contact1-pic1 { padding: 150px 0px 0px; } }
@media screen and (max-width: 540px) { .tp-contact1-pic1::before { background-size: 350% auto; } }
@media screen and (max-width: 540px) { .tp-contact1-pic1 { padding: 100px 0px 0px; } }

/* tp-contact1-inner1:  */
.tp-contact1-inner1 { padding: 100px 0px 0px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
.tp-contact1-inner1::before { flex-direction: column; }
@media screen and (max-width: 1280px) { .tp-contact1-inner1::before { flex-direction: column; } }
@media screen and (max-width: 1280px) { .tp-contact1-inner1 { padding: 150px 0px 0px; flex-direction: column; } }
@media screen and (max-width: 760px) { .tp-contact1-inner1::before { flex-direction: column; } }
@media screen and (max-width: 760px) { .tp-contact1-inner1 { padding: 150px 0px 0px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-contact1-inner1::before { flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-contact1-inner1 { padding: 100px 0px 0px; flex-direction: column; } }

/* tp-contact1-box1:  */
.tp-contact1-box1 { display: flex; flex: 0 0 auto; flex-direction: row; gap: 5px; height: 250px; width: 100%; --gh-tp-contact1-box1: 5px; --gv-tp-contact1-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-contact1-box1 { display: flex; --gh-tp-contact1-box1: 5px; --gv-tp-contact1-box1: 0px; } }
@media screen and (max-width: 760px) { .tp-contact1-box1 { display: flex; --gh-tp-contact1-box1: 5px; --gv-tp-contact1-box1: 0px; } }
@media screen and (max-width: 540px) { .tp-contact1-box1 { display: flex; --gh-tp-contact1-box1: 5px; --gv-tp-contact1-box1: 0px; } }
@media screen and (max-width: 360px) { .tp-contact1-box1 { display: flex; --gh-tp-contact1-box1: 5px; --gv-tp-contact1-box1: 0px; } }

/* tp-contact1-pic2:  */
.tp-contact1-pic2 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-tp-contact1-box1) * 0)); padding: 12px; width: 230px; max-width: 100%; }

/* tp-contact1-pic3:  */
.tp-contact1-pic3 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-tp-contact1-box1) * 0)); padding: 12px; width: 230px; max-width: 100%; }

/* tp-contact1-pic4:  */
.tp-contact1-pic4 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-tp-contact1-box1) * 0)); padding: 12px; width: 230px; max-width: 100%; }

/* tp-contact1-pic5:  */
.tp-contact1-pic5 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-tp-contact1-box1) * 0)); padding: 12px; width: 230px; max-width: 100%; }

/* tp-contact1-pic6:  */
.tp-contact1-pic6 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-tp-contact1-box1) * 0)); padding: 12px; width: 230px; max-width: 100%; }

/* tp-contact1-pic7:  */
.tp-contact1-pic7 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-tp-contact1-box1) * 0)); padding: 12px; width: 230px; max-width: 100%; }

/* tp-contact1-pic8:  */
.tp-contact1-pic8 { place-content: center; align-items: center; background: rgb(240, 240, 240); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: calc(100% - (var(--gv-tp-contact1-box1) * 0)); padding: 12px; width: 230px; max-width: 100%; }

/* tp-contact-pic1: ご相談は、各サービスページから受け付けています。 各サービ */
.tp-contact-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 170px 150px 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-contact-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .tp-contact-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .tp-contact-pic1 { padding: 100px 25px; } }

/* tp-contact-inner1:  */
.tp-contact-inner1 { padding: 170px 150px 150px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-contact-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .tp-contact-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tp-contact-inner1 { padding: 100px 25px; flex-direction: column; } }

/* tp-contact-txt1: ご相談は、各サービスページから受け付けています。 */
.tp-contact-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 50px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px 0px 10px; padding: 0px; text-align: center; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 1280px) { .tp-contact-txt1 { font-size: 49px; } }
@media screen and (max-width: 540px) { .tp-contact-txt1 { font-size: 40px; } }

/* tp-contact-txt2: 各サービスのご不明点等、お気軽にお問い合わせください。 */
.tp-contact-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 30px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px 0px 50px; padding: 0px; text-align: center; translate: 0px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-contact-txt2 { font-size: 20px; } }

/* tp-contact-box1: シャチョウ補助金 check 補助金を使って事業を前に進 */
.tp-contact-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; margin: 0px 0px 10px; padding: 0px; width: 100%; --gh-tp-contact-box1: 10px; --gv-tp-contact-box1: 10px; max-width: 100%; }

/* tp-contact-pic2: シャチョウ補助金 check 補助金を使って事業を前に進 */
.tp-contact-pic2 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic2: 0px; --gv-tp-contact-pic2: 0px; max-width: 100%; }
.tp-contact-pic2::before { filter: blur(100px); --gh-tp-contact-pic2: 0px; --gv-tp-contact-pic2: 0px; }
.tp-contact-pic2:hover { --gh-tp-contact-pic2: 0px; --gv-tp-contact-pic2: 0px; }
.tp-contact-pic2:hover::before { filter: blur(0px) brightness(61%); }
@media screen and (max-width: 760px) { .tp-contact-pic2 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic2: 0px; --gv-tp-contact-pic2: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic2 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic2: 0px; --gv-tp-contact-pic2: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box2: シャチョウ補助金 check 補助金を使って事業を前に進 */
.tp-contact-box2 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box2 { place-content: flex-start; align-items: flex-start; gap: 4px; height: auto; width: auto; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 4px; max-width: 100%; } }

/* tp-contact-box3: シャチョウ補助金 */
.tp-contact-box3 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box3: 10px; --gv-tp-contact-box3: 0px; }

/* tp-contact-box4:  */
.tp-contact-box4 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt3: シャチョウ補助金 */
.tp-contact-txt3 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic2: シャチョウ補助金 check 補助金を使って事業を前に進 */
.tp-contact-pic2:hover .tp-contact-txt3 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt3 { font-size: 25px; width: auto; max-width: 100%; } }

/* tp-contact-list1: check 補助金を使って事業を前に進めたい方 chec */
.tp-contact-list1 { place-content: flex-start; align-items: flex-start; }

/* tp-contact-item1: check 補助金を使って事業を前に進めたい方 */
.tp-contact-item1 { place-content: center; align-items: center; flex-flow: row; margin: 1px; padding: 0px; max-width: calc(100% - 2px); }

/* tp-contact-icon1: check */
.tp-contact-icon1 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt4: 補助金を使って事業を前に進めたい方 */
.tp-contact-txt4 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic2: シャチョウ補助金 check 補助金を使って事業を前に進 */
.tp-contact-pic2:hover .tp-contact-txt4 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt4 { font-size: 13px; } }

/* tp-contact-box5: arrow_forward */
.tp-contact-box5 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic2) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic2) * 0)); }

/* tp-contact-box6: arrow_forward */
.tp-contact-box6 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-contact-icon2: arrow_forward */
.tp-contact-icon2 { color: rgb(255, 255, 255); font-size: 16px; height: auto; max-width: 100%; }

/* tp-contact-pic2: シャチョウ補助金 check 補助金を使って事業を前に進 */
.tp-contact-pic2:hover .tp-contact-icon2 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon2 { font-size: 15px; } }

/* tp-contact-pic3: シャチョウ集客 check 集客をちゃんと仕組みにしたい */
.tp-contact-pic3 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic3: 0px; --gv-tp-contact-pic3: 0px; max-width: 100%; }
.tp-contact-pic3::before { filter: blur(100px); --gh-tp-contact-pic3: 0px; --gv-tp-contact-pic3: 0px; }
.tp-contact-pic3:hover { --gh-tp-contact-pic3: 0px; --gv-tp-contact-pic3: 0px; }
.tp-contact-pic3:hover::before { filter: blur(0px) brightness(70%); }
@media screen and (max-width: 760px) { .tp-contact-pic3 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic3: 0px; --gv-tp-contact-pic3: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic3 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic3: 0px; --gv-tp-contact-pic3: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box7: シャチョウ集客 check 集客をちゃんと仕組みにしたい */
.tp-contact-box7 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box7: 0px; --gv-tp-contact-box7: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box7 { gap: 4px; --gh-tp-contact-box7: 0px; --gv-tp-contact-box7: 4px; } }

/* tp-contact-box8: シャチョウ集客 */
.tp-contact-box8 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box8: 10px; --gv-tp-contact-box8: 0px; }

/* tp-contact-box9:  */
.tp-contact-box9 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt5: シャチョウ集客 */
.tp-contact-txt5 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic3: シャチョウ集客 check 集客をちゃんと仕組みにしたい */
.tp-contact-pic3:hover .tp-contact-txt5 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt5 { flex: 0 0 auto; font-size: 25px; height: auto; width: auto; max-width: 100%; } }

/* tp-contact-list2: check 集客をちゃんと仕組みにしたい方 check  */
.tp-contact-list2 { place-content: flex-start; align-items: flex-start; margin: 0px; max-width: 100%; }

/* tp-contact-item2: check 集客をちゃんと仕組みにしたい方 */
.tp-contact-item2 { place-content: center; align-items: center; flex-flow: row; margin: 1px; padding: 0px; max-width: calc(100% - 2px); }
@media screen and (max-width: 540px) { .tp-contact-item2 { height: auto; max-width: calc(100% - 2px); } }

/* tp-contact-icon3: check */
.tp-contact-icon3 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt6: 集客をちゃんと仕組みにしたい方 */
.tp-contact-txt6 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic3: シャチョウ集客 check 集客をちゃんと仕組みにしたい */
.tp-contact-pic3:hover .tp-contact-txt6 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt6 { font-size: 13px; } }

/* tp-contact-box10: arrow_forward */
.tp-contact-box10 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic3) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic3) * 0)); }

/* tp-contact-box11: arrow_forward */
.tp-contact-box11 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

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

/* tp-contact-pic3: シャチョウ集客 check 集客をちゃんと仕組みにしたい */
.tp-contact-pic3:hover .tp-contact-icon4 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon4 { font-size: 15px; } }

/* tp-contact-pic4: シャチョウDX check バックオフィスを効率化したい */
.tp-contact-pic4 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic4: 0px; --gv-tp-contact-pic4: 0px; max-width: 100%; }
.tp-contact-pic4::before { filter: blur(100px) brightness(150%); --gh-tp-contact-pic4: 0px; --gv-tp-contact-pic4: 0px; }
.tp-contact-pic4:hover { --gh-tp-contact-pic4: 0px; --gv-tp-contact-pic4: 0px; }
.tp-contact-pic4:hover::before { filter: blur(0px) brightness(70%); }
@media screen and (max-width: 760px) { .tp-contact-pic4 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic4: 0px; --gv-tp-contact-pic4: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic4 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic4: 0px; --gv-tp-contact-pic4: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box12: シャチョウDX check バックオフィスを効率化したい */
.tp-contact-box12 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box12: 0px; --gv-tp-contact-box12: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box12 { gap: 4px; --gh-tp-contact-box12: 0px; --gv-tp-contact-box12: 4px; } }

/* tp-contact-box13: シャチョウDX */
.tp-contact-box13 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box13: 10px; --gv-tp-contact-box13: 0px; }

/* tp-contact-box14:  */
.tp-contact-box14 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt7: シャチョウDX */
.tp-contact-txt7 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic4: シャチョウDX check バックオフィスを効率化したい */
.tp-contact-pic4:hover .tp-contact-txt7 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt7 { flex: 0 0 auto; font-size: 25px; height: auto; width: auto; max-width: 100%; } }

/* tp-contact-list3: check バックオフィスを効率化したい方 check  */
.tp-contact-list3 { place-content: flex-start; align-items: flex-start; margin: 1px; max-width: calc(100% - 2px); }

/* tp-contact-item3: check バックオフィスを効率化したい方 */
.tp-contact-item3 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 1px; padding: 0px; max-width: 100%; }

/* tp-contact-icon5: check */
.tp-contact-icon5 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt8: バックオフィスを効率化したい方 */
.tp-contact-txt8 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic4: シャチョウDX check バックオフィスを効率化したい */
.tp-contact-pic4:hover .tp-contact-txt8 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt8 { font-size: 13px; } }

/* tp-contact-box15: arrow_forward */
.tp-contact-box15 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic4) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic4) * 0)); }

/* tp-contact-box16: arrow_forward */
.tp-contact-box16 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-contact-icon6: arrow_forward */
.tp-contact-icon6 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-contact-pic4: シャチョウDX check バックオフィスを効率化したい */
.tp-contact-pic4:hover .tp-contact-icon6 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon6 { font-size: 15px; } }

/* tp-contact-pic5: シャチョウ補助金放題 check 補助金を継続的に活用し */
.tp-contact-pic5 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic5: 0px; --gv-tp-contact-pic5: 0px; max-width: 100%; }
.tp-contact-pic5::before { filter: blur(100px) brightness(150%); --gh-tp-contact-pic5: 0px; --gv-tp-contact-pic5: 0px; }
.tp-contact-pic5:hover { --gh-tp-contact-pic5: 0px; --gv-tp-contact-pic5: 0px; }
.tp-contact-pic5:hover::before { filter: blur(0px) brightness(70%); }
@media screen and (max-width: 760px) { .tp-contact-pic5 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic5: 0px; --gv-tp-contact-pic5: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic5 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic5: 0px; --gv-tp-contact-pic5: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box17: シャチョウ補助金放題 check 補助金を継続的に活用し */
.tp-contact-box17 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box17: 0px; --gv-tp-contact-box17: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box17 { gap: 4px; --gh-tp-contact-box17: 0px; --gv-tp-contact-box17: 4px; } }

/* tp-contact-box18: シャチョウ補助金放題 */
.tp-contact-box18 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box18: 10px; --gv-tp-contact-box18: 0px; }

/* tp-contact-box19:  */
.tp-contact-box19 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt9: シャチョウ補助金放題 */
.tp-contact-txt9 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic5: シャチョウ補助金放題 check 補助金を継続的に活用し */
.tp-contact-pic5:hover .tp-contact-txt9 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt9 { flex: 0 0 auto; font-size: 25px; height: auto; width: auto; max-width: 100%; } }

/* tp-contact-list4: check 補助金を継続的に活用していきたい方 chec */
.tp-contact-list4 { place-content: flex-start; align-items: flex-start; margin: 0px; max-width: 100%; }

/* tp-contact-item4: check 補助金を継続的に活用していきたい方 */
.tp-contact-item4 { place-content: center; align-items: center; flex-flow: row; margin: 1px; padding: 0px; max-width: calc(100% - 2px); }

/* tp-contact-icon7: check */
.tp-contact-icon7 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt10: 補助金を継続的に活用していきたい方 */
.tp-contact-txt10 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic5: シャチョウ補助金放題 check 補助金を継続的に活用し */
.tp-contact-pic5:hover .tp-contact-txt10 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt10 { font-size: 13px; } }

/* tp-contact-box20: arrow_forward */
.tp-contact-box20 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic5) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic5) * 0)); }

/* tp-contact-box21: arrow_forward */
.tp-contact-box21 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-contact-icon8: arrow_forward */
.tp-contact-icon8 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-contact-pic5: シャチョウ補助金放題 check 補助金を継続的に活用し */
.tp-contact-pic5:hover .tp-contact-icon8 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon8 { font-size: 15px; } }

/* tp-contact-pic6: AIマンガラボ check AIを使ってコンテンツ制作で */
.tp-contact-pic6 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic6: 0px; --gv-tp-contact-pic6: 0px; max-width: 100%; }
.tp-contact-pic6::before { filter: sepia(0%) saturate(66%) blur(100px) brightness(120%); --gh-tp-contact-pic6: 0px; --gv-tp-contact-pic6: 0px; }
.tp-contact-pic6:hover { --gh-tp-contact-pic6: 0px; --gv-tp-contact-pic6: 0px; }
.tp-contact-pic6:hover::before { filter: sepia(0%) saturate(66%) blur(0px) brightness(70%); }
@media screen and (max-width: 760px) { .tp-contact-pic6 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic6: 0px; --gv-tp-contact-pic6: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic6 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic6: 0px; --gv-tp-contact-pic6: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box22: AIマンガラボ check AIを使ってコンテンツ制作で */
.tp-contact-box22 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box22: 0px; --gv-tp-contact-box22: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box22 { gap: 4px; padding: 0px; --gh-tp-contact-box22: 0px; --gv-tp-contact-box22: 4px; } }

/* tp-contact-box23: AIマンガラボ */
.tp-contact-box23 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box23: 10px; --gv-tp-contact-box23: 0px; }

/* tp-contact-box24:  */
.tp-contact-box24 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt11: AIマンガラボ */
.tp-contact-txt11 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic6: AIマンガラボ check AIを使ってコンテンツ制作で */
.tp-contact-pic6:hover .tp-contact-txt11 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt11 { font-size: 25px; width: auto; max-width: 100%; } }

/* tp-contact-list5: check AIを使ってコンテンツ制作で稼ぎたい方 ch */
.tp-contact-list5 { place-content: flex-start; align-items: flex-start; }

/* tp-contact-item5: check AIを使ってコンテンツ制作で稼ぎたい方 */
.tp-contact-item5 { place-content: center; align-items: center; flex-flow: row; margin: 1px; padding: 0px; max-width: calc(100% - 2px); }

/* tp-contact-icon9: check */
.tp-contact-icon9 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt12: AIを使ってコンテンツ制作で稼ぎたい方 */
.tp-contact-txt12 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic6: AIマンガラボ check AIを使ってコンテンツ制作で */
.tp-contact-pic6:hover .tp-contact-txt12 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt12 { font-size: 13px; } }

/* tp-contact-box25: arrow_forward */
.tp-contact-box25 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic6) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic6) * 0)); }

/* tp-contact-box26: arrow_forward */
.tp-contact-box26 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-contact-icon10: arrow_forward */
.tp-contact-icon10 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-contact-pic6: AIマンガラボ check AIを使ってコンテンツ制作で */
.tp-contact-pic6:hover .tp-contact-icon10 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon10 { font-size: 15px; } }

/* tp-contact-pic7: まるごと工事 check その見積、本当に適正か確認した */
.tp-contact-pic7 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic7: 0px; --gv-tp-contact-pic7: 0px; max-width: 100%; }
.tp-contact-pic7::before { filter: blur(100px); --gh-tp-contact-pic7: 0px; --gv-tp-contact-pic7: 0px; }
.tp-contact-pic7:hover { --gh-tp-contact-pic7: 0px; --gv-tp-contact-pic7: 0px; }
.tp-contact-pic7:hover::before { filter: blur(0px) brightness(80%); }
@media screen and (max-width: 760px) { .tp-contact-pic7 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic7: 0px; --gv-tp-contact-pic7: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic7 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic7: 0px; --gv-tp-contact-pic7: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box27: まるごと工事 check その見積、本当に適正か確認した */
.tp-contact-box27 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box27: 0px; --gv-tp-contact-box27: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box27 { gap: 4px; --gh-tp-contact-box27: 0px; --gv-tp-contact-box27: 4px; } }

/* tp-contact-box28: まるごと工事 */
.tp-contact-box28 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box28: 10px; --gv-tp-contact-box28: 0px; }

/* tp-contact-box29:  */
.tp-contact-box29 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt13: まるごと工事 */
.tp-contact-txt13 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic7: まるごと工事 check その見積、本当に適正か確認した */
.tp-contact-pic7:hover .tp-contact-txt13 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt13 { flex: 0 0 auto; font-size: 25px; height: auto; width: auto; max-width: 100%; } }

/* tp-contact-list6: check その見積、本当に適正か確認したい方 chec */
.tp-contact-list6 { place-content: flex-start; align-items: flex-start; }

/* tp-contact-item6: check その見積、本当に適正か確認したい方 */
.tp-contact-item6 { place-content: center; align-items: center; flex-flow: row; margin: 1px; padding: 0px; max-width: calc(100% - 2px); }

/* tp-contact-icon11: check */
.tp-contact-icon11 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt14: その見積、本当に適正か確認したい方 */
.tp-contact-txt14 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic7: まるごと工事 check その見積、本当に適正か確認した */
.tp-contact-pic7:hover .tp-contact-txt14 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt14 { font-size: 13px; } }

/* tp-contact-box30: arrow_forward */
.tp-contact-box30 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic7) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic7) * 0)); }

/* tp-contact-box31: arrow_forward */
.tp-contact-box31 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-contact-icon12: arrow_forward */
.tp-contact-icon12 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-contact-pic7: まるごと工事 check その見積、本当に適正か確認した */
.tp-contact-pic7:hover .tp-contact-icon12 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon12 { font-size: 15px; } }

/* tp-contact-pic8: 印刷卸売.com check 印刷機器を、卸価格で導入し */
.tp-contact-pic8 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic8: 0px; --gv-tp-contact-pic8: 0px; max-width: 100%; }
.tp-contact-pic8::before { filter: blur(100px); --gh-tp-contact-pic8: 0px; --gv-tp-contact-pic8: 0px; }
.tp-contact-pic8:hover { --gh-tp-contact-pic8: 0px; --gv-tp-contact-pic8: 0px; }
.tp-contact-pic8:hover::before { filter: blur(0px) brightness(80%); }
@media screen and (max-width: 760px) { .tp-contact-pic8 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic8: 0px; --gv-tp-contact-pic8: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic8 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic8: 0px; --gv-tp-contact-pic8: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box32: 印刷卸売.com check 印刷機器を、卸価格で導入し */
.tp-contact-box32 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box32: 0px; --gv-tp-contact-box32: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box32 { gap: 4px; --gh-tp-contact-box32: 0px; --gv-tp-contact-box32: 4px; } }

/* tp-contact-box33: 印刷卸売.com */
.tp-contact-box33 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box33: 10px; --gv-tp-contact-box33: 0px; }

/* tp-contact-box34:  */
.tp-contact-box34 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt15: 印刷卸売.com */
.tp-contact-txt15 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic8: 印刷卸売.com check 印刷機器を、卸価格で導入し */
.tp-contact-pic8:hover .tp-contact-txt15 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt15 { flex: 0 0 auto; font-size: 25px; height: auto; width: auto; max-width: 100%; } }

/* tp-contact-list7: check 印刷機器を、卸価格で導入したい方 check */
.tp-contact-list7 { place-content: flex-start; align-items: flex-start; }

/* tp-contact-item7: check 印刷機器を、卸価格で導入したい方 */
.tp-contact-item7 { place-content: center; align-items: center; flex-flow: row; margin: 1px; padding: 0px; max-width: calc(100% - 2px); }

/* tp-contact-icon13: check */
.tp-contact-icon13 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt16: 印刷機器を、卸価格で導入したい方 */
.tp-contact-txt16 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic8: 印刷卸売.com check 印刷機器を、卸価格で導入し */
.tp-contact-pic8:hover .tp-contact-txt16 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt16 { font-size: 13px; } }

/* tp-contact-box35: arrow_forward */
.tp-contact-box35 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic8) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic8) * 0)); }

/* tp-contact-box36: arrow_forward */
.tp-contact-box36 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-contact-icon14: arrow_forward */
.tp-contact-icon14 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-contact-pic8: 印刷卸売.com check 印刷機器を、卸価格で導入し */
.tp-contact-pic8:hover .tp-contact-icon14 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon14 { font-size: 15px; } }

/* tp-contact-pic9: Calcio -カルチョ- check フットサルを気軽 */
.tp-contact-pic9 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 205px; overflow: hidden; padding: 35px 40px 0px 40px; width: 420px; --gh-tp-contact-pic9: 0px; --gv-tp-contact-pic9: 0px; max-width: 100%; }
.tp-contact-pic9::before { filter: blur(100px); --gh-tp-contact-pic9: 0px; --gv-tp-contact-pic9: 0px; }
.tp-contact-pic9:hover { --gh-tp-contact-pic9: 0px; --gv-tp-contact-pic9: 0px; }
.tp-contact-pic9:hover::before { filter: blur(0px) brightness(80%); }
@media screen and (max-width: 760px) { .tp-contact-pic9 { flex: 0 0 auto; width: 400px; --gh-tp-contact-pic9: 0px; --gv-tp-contact-pic9: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-contact-pic9 { place-content: center flex-start; align-items: center; gap: 0px; height: auto; padding: 30px 0px 0px; width: calc(100% - (var(--gh-tp-contact-box1) * 0)); --gh-tp-contact-pic9: 0px; --gv-tp-contact-pic9: 0px; max-width: calc(100% - (var(--gh-tp-contact-box1) * 0)); } }

/* tp-contact-box37: Calcio -カルチョ- check フットサルを気軽 */
.tp-contact-box37 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 15px; padding: 0px; width: auto; --gh-tp-contact-box37: 0px; --gv-tp-contact-box37: 15px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-contact-box37 { gap: 4px; --gh-tp-contact-box37: 0px; --gv-tp-contact-box37: 4px; } }

/* tp-contact-box38: Calcio -カルチョ- */
.tp-contact-box38 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-tp-contact-box38: 10px; --gv-tp-contact-box38: 0px; }

/* tp-contact-box39:  */
.tp-contact-box39 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tp-contact-txt17: Calcio -カルチョ- */
.tp-contact-txt17 { 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: normal; font-size: 25px; height: auto; letter-spacing: -0.05em; line-height: 1.5; text-align: left; width: 293px; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic9: Calcio -カルチョ- check フットサルを気軽 */
.tp-contact-pic9:hover .tp-contact-txt17 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt17 { flex: 0 0 auto; font-size: 25px; height: auto; width: auto; max-width: 100%; } }

/* tp-contact-list8: check フットサルを気軽に楽しみたい方 check  */
.tp-contact-list8 { place-content: flex-start; align-items: flex-start; }

/* tp-contact-item8: check フットサルを気軽に楽しみたい方 */
.tp-contact-item8 { place-content: center; align-items: center; flex-flow: row; margin: 1px; padding: 0px; max-width: calc(100% - 2px); }

/* tp-contact-icon15: check */
.tp-contact-icon15 { color: #44a6ffff; font-size: 20px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-contact-txt18: フットサルを気軽に楽しみたい方 */
.tp-contact-txt18 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 15px; font-style: normal; height: auto; letter-spacing: -0.05em; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-contact-pic9: Calcio -カルチョ- check フットサルを気軽 */
.tp-contact-pic9:hover .tp-contact-txt18 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .tp-contact-txt18 { font-size: 13px; } }

/* tp-contact-box40: arrow_forward */
.tp-contact-box40 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex-flow: column; height: auto; width: calc(100% - (var(--gh-tp-contact-pic9) * 0)); max-width: calc(100% - (var(--gh-tp-contact-pic9) * 0)); }

/* tp-contact-box41: arrow_forward */
.tp-contact-box41 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-contact-icon16: arrow_forward */
.tp-contact-icon16 { color: rgb(255, 255, 255); font-size: 16px; }

/* tp-contact-pic9: Calcio -カルチョ- check フットサルを気軽 */
.tp-contact-pic9:hover .tp-contact-icon16 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-contact-icon16 { font-size: 15px; } }

/* menu-box1: remove Close 3つのリアル 事業内容 数 */
.menu-box1 { background: rgba(0, 0, 0, 0.16); height: 100%; justify-content: center; padding: 20px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .menu-box1 { place-content: flex-end center; align-items: flex-end; flex-flow: column; padding: 0px; } }

/* menu-box2: remove Close 3つのリアル 事業内容 数 */
.menu-box2 { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px 0px; display: none; height: 240px; width: 400px; max-width: 100%; }
@media screen and (max-width: 1280px) { .menu-box2 { place-content: center space-between; align-items: center; background: #44a6ffff; border-radius: 3px; box-shadow: transparent 0px 0px 0px 0px; display: flex; flex: 0 0 auto; flex-flow: column; height: 100%; padding: 0px; width: 400px; max-width: 100%; } }
@media screen and (max-width: 760px) { .menu-box2 { display: flex; } }
@media screen and (max-width: 540px) { .menu-box2 { display: flex; } }
@media screen and (max-width: 360px) { .menu-box2 { display: flex; } }

/* menu-box3: remove Close */
.menu-box3 { place-content: center; align-items: center; display: none; flex: 0 0 auto; flex-flow: row; gap: 12px; height: auto; padding: 0px; width: 5%; --gh-menu-box3: 12px; --gv-menu-box3: 0px; max-width: 5%; }
@media screen and (max-width: 1280px) { .menu-box3 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); display: flex; flex: 0 0 auto; gap: 0px; height: 56.25px; padding: 0px 25px 0px 0px; width: 100%; --gh-menu-box3: 0px; --gv-menu-box3: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .menu-box3 { display: flex; gap: 16px; --gh-menu-box3: 16px; --gv-menu-box3: 0px; } }
@media screen and (max-width: 540px) { .menu-box3 { display: flex; --gh-menu-box3: 12px; --gv-menu-box3: 0px; } }
@media screen and (max-width: 360px) { .menu-box3 { display: flex; --gh-menu-box3: 12px; --gv-menu-box3: 0px; } }

/* menu-box4:  */
.menu-box4 { place-content: center; align-items: center; flex-flow: row; gap: 12px; padding: 0px; --gh-menu-box4: 12px; --gv-menu-box4: 0px; }
@media screen and (max-width: 1280px) { .menu-box4 { place-content: center space-between; align-items: center; gap: 0px; padding: 0px 0px 0px 25px; --gh-menu-box4: 0px; --gv-menu-box4: 0px; } }
@media screen and (max-width: 760px) { .menu-box4 { gap: 16px; --gh-menu-box4: 16px; --gv-menu-box4: 0px; } }

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

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

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

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

/* menu-txt1: Close */
.menu-txt1 { 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) { .menu-txt1 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; line-height: 1; } }

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

/* menu-item1: 3つのリアル */
.menu-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

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

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

/* menu-link2: 3つのリアル */
.menu-link2:hover .menu-img2 { opacity: 1; transition-duration: 300ms; }
@media screen and (max-width: 1280px) { .menu-link2:hover .menu-img2 { filter: brightness(200%) contrast(200%) saturate(200%); mix-blend-mode: multiply; } }

/* menu-txt2: 3つのリアル */
.menu-txt2 { 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.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }

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

/* menu-box5: 株式会社ヴィレグループ 成功報酬で隣を走る、 立ち上げパー */
.menu-box5 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }
@media screen and (max-width: 1280px) { .menu-box5 { place-content: center space-between; align-items: center; background: rgb(0, 0, 0); flex: 0 0 auto; flex-direction: column; height: auto; padding: 50px 25px 30px; width: 100%; max-width: 100%; } }

/* menu-box6: 株式会社ヴィレグループ 成功報酬で隣を走る、 立ち上げパー */
.menu-box6 { 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: 1280px) { .menu-box6 { border-bottom: 0px solid #44a6ffff; border-left: 5px solid #44a6ffff; border-right: 0px solid #44a6ffff; border-top: 0px solid #44a6ffff; flex: 0 0 auto; height: auto; margin: 0px 0px 30px; padding: 0px 0px 0px 20px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 760px) { .menu-box6 { flex-direction: column; } }

/* menu-txt3: 株式会社ヴィレグループ */
.menu-txt3 { 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: 1280px) { .menu-txt3 { font-size: 20px; margin: 0px 0px 15px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .menu-txt3 { font-size: 25px; margin: 0px 0px 20px; width: 100%; max-width: 100%; } }

/* menu-txt4: 成功報酬で隣を走る、 立ち上げパートナー。 中小企業庁認定 */
.menu-txt4 { 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: 1280px) { .menu-txt4 { font-size: 12px; } }
@media screen and (max-width: 540px) { .menu-txt4 { font-size: 14px; } }

/* menu-list2: シャチョウ補助金 シャチョウ集客 シャチョウDX シャ */
.menu-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-menu-list2: 0px; --gv-menu-list2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .menu-list2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; height: auto; width: 100%; --gh-menu-list2: 0px; --gv-menu-list2: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .menu-list2 { flex: 0 0 auto; width: 100%; --gh-menu-list2: 0px; --gv-menu-list2: 0px; } }
@media screen and (max-width: 540px) { .menu-list2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 5px 0px; height: auto; width: 100%; --gh-menu-list2: 0px; --gv-menu-list2: 0px; } }

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

/* menu-link3: シャチョウ補助金 */
.menu-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-menu-link3: 0px; --gv-menu-link3: 0px; max-width: 100%; }
.menu-link3:hover { opacity: 1; --gh-menu-link3: 0px; --gv-menu-link3: 0px; }
@media screen and (max-width: 760px) { .menu-link3 { place-content: center flex-start; align-items: center; flex-flow: row; --gh-menu-link3: 0px; --gv-menu-link3: 0px; } }
@media screen and (max-width: 540px) { .menu-link3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; --gh-menu-link3: 0px; --gv-menu-link3: 8px; } }

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

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

/* menu-link3: シャチョウ補助金 */
.menu-link3:hover .menu-img3 { opacity: 1; transition-duration: 300ms; }

/* menu-txt5: シャチョウ補助金 */
.menu-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; }
@media screen and (max-width: 1280px) { .menu-txt5 { font-size: 14px; } }

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

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

/* menu-link4: AIマンガラボ */
.menu-link4 { 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-menu-link4: 0px; --gv-menu-link4: 0px; max-width: 100%; }
.menu-link4:hover { opacity: 1; --gh-menu-link4: 0px; --gv-menu-link4: 0px; }
@media screen and (max-width: 760px) { .menu-link4 { place-content: center flex-start; align-items: center; flex-flow: row; --gh-menu-link4: 0px; --gv-menu-link4: 0px; } }
@media screen and (max-width: 540px) { .menu-link4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; --gh-menu-link4: 0px; --gv-menu-link4: 8px; } }

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

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

/* menu-link4: AIマンガラボ */
.menu-link4:hover .menu-img4 { opacity: 1; transition-duration: 300ms; }

/* menu-txt6: AIマンガラボ */
.menu-txt6 { 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: 1280px) { .menu-txt6 { font-size: 14px; } }

/* menu-box9: プライバシーポリシー 情報セキュリティ対応方針 カスタマーハ */
.menu-box9 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; --gh-menu-box9: 0px; --gv-menu-box9: 0px; }
@media screen and (max-width: 1280px) { .menu-box9 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 5px 20px; height: auto; margin: 0px; padding: 0px 25px; width: 100%; --gh-menu-box9: 20px; --gv-menu-box9: 5px; max-width: 100%; } }

/* menu-txt7: プライバシーポリシー */
.menu-txt7 { 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; }
.menu-txt7:hover { color: rgb(138, 138, 138); opacity: 0.7; }
@media screen and (max-width: 1280px) { .menu-txt7 { color: rgb(230, 230, 230); } }
@media screen and (max-width: 540px) { .menu-txt7 { font-size: 11px; } }

/* menu-txt8: 情報セキュリティ対応方針 */
.menu-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; }
.menu-txt8:hover { color: rgb(138, 138, 138); opacity: 0.7; }
@media screen and (max-width: 540px) { .menu-txt8 { font-size: 11px; } }

/* menu-txt9: カスタマーハラスメントに対する対応指針 */
.menu-txt9 { 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; }
.menu-txt9:hover { color: rgb(138, 138, 138); opacity: 0.7; }
@media screen and (max-width: 540px) { .menu-txt9 { font-size: 11px; } }

/* ch-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.ch-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* ch-blk1-sec1: カスタマーハラスメントに対する対応指針 はじめに 私た */
.ch-blk1-sec1 { place-content: center; align-items: center; background: rgb(246, 246, 246); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .ch-blk1-sec1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .ch-blk1-sec1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .ch-blk1-sec1 { padding: 150px 25px 100px; } }

/* ch-blk1-inner1:  */
.ch-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
@media screen and (max-width: 1280px) { .ch-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .ch-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .ch-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* ch-blk1-box1: カスタマーハラスメントに対する対応指針 */
.ch-blk1-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 0px; width: 100%; max-width: 100%; }

/* ch-blk1-box2: カスタマーハラスメントに対する対応指針 */
.ch-blk1-box2 { place-content: center; align-items: center; flex-flow: row; gap: 20px; margin: 0px; padding: 0px; --gh-ch-blk1-box2: 20px; --gv-ch-blk1-box2: 0px; max-width: 100%; }

/* ch-blk1-box3:  */
.ch-blk1-box3 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* ch-blk1-txt1: カスタマーハラスメントに対する対応指針 */
.ch-blk1-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .ch-blk1-txt1 { font-size: 60px; } }
@media screen and (max-width: 760px) { .ch-blk1-txt1 { font-size: 50px; } }

/* ch-blk1-box4: はじめに 私たち株式会社ヴィレグループは経営サポート・デザ */
.ch-blk1-box4 { place-content: flex-start space-between; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; overflow: hidden auto; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box4 { flex-direction: column; overflow: hidden auto; } }

/* ch-blk1-box5: はじめに 私たち株式会社ヴィレグループは経営サポート・デザ */
.ch-blk1-box5 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box5 { width: 100%; } }

/* ch-blk1-txt2: はじめに */
.ch-blk1-txt2 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt2 { font-size: 20px; } }

/* ch-blk1-txt3: 私たち株式会社ヴィレグループは経営サポート・デザイン・DX事 */
.ch-blk1-txt3 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box6: 目的 弊社が掲げる 「すべての人が、信頼しあい、気持ちよく */
.ch-blk1-box6 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box6 { width: 100%; } }

/* ch-blk1-txt4: 目的 */
.ch-blk1-txt4 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt4 { font-size: 20px; } }

/* ch-blk1-txt5: 弊社が掲げる 「すべての人が、信頼しあい、気持ちよく、生き生 */
.ch-blk1-txt5 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box7: 対象となる行為 カスタマーハラスメントは、「働き方改革実行 */
.ch-blk1-box7 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box7 { width: 100%; } }

/* ch-blk1-txt6: 対象となる行為 */
.ch-blk1-txt6 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt6 { font-size: 20px; } }

/* ch-blk1-txt7: カスタマーハラスメントは、「働き方改革実行計画」（平成29年 */
.ch-blk1-txt7 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box8: 顧客による暴力・暴言 ・個人に対する暴力 ・個人に対する威 */
.ch-blk1-box8 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box8 { width: 100%; } }

/* ch-blk1-txt8: 顧客による暴力・暴言 */
.ch-blk1-txt8 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt8 { font-size: 20px; } }

/* ch-blk1-txt9: ・個人に対する暴力 ・個人に対する威迫・脅迫 ・個人の人格を */
.ch-blk1-txt9 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box9: 顧客による過剰または不合理な要求 ・合理的理由のない謝罪の */
.ch-blk1-box9 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box9 { width: 100%; } }

/* ch-blk1-txt10: 顧客による過剰または不合理な要求 */
.ch-blk1-txt10 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt10 { font-size: 20px; } }

/* ch-blk1-txt11: ・合理的理由のない謝罪の要求 ・従業員に関する解雇等の社内処 */
.ch-blk1-txt11 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box10: 顧客による合理的範囲を超える時間的・場所的拘束 ・合理的な */
.ch-blk1-box10 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box10 { width: 100%; } }

/* ch-blk1-txt12: 顧客による合理的範囲を超える時間的・場所的拘束 */
.ch-blk1-txt12 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt12 { font-size: 20px; } }

/* ch-blk1-txt13: ・合理的な理由のない長時間の拘束 ・合理的理由のない事業所以 */
.ch-blk1-txt13 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box11: 顧客によるその他ハラスメント行為 ・顧客によるプライバシー */
.ch-blk1-box11 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box11 { width: 100%; } }

/* ch-blk1-txt14: 顧客によるその他ハラスメント行為 */
.ch-blk1-txt14 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt14 { font-size: 20px; } }

/* ch-blk1-txt15: ・顧客によるプライバシー侵害行為 ・顧客によるセクシュアルハ */
.ch-blk1-txt15 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box12: カスタマーハラスメントへの対応 社内対応 ・カスタマーハ */
.ch-blk1-box12 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box12 { width: 100%; } }

/* ch-blk1-txt16: カスタマーハラスメントへの対応 */
.ch-blk1-txt16 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt16 { font-size: 20px; } }

/* ch-blk1-box13: 社内対応 ・カスタマーハラスメントの発生に備え、各社員がカ */
.ch-blk1-box13 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box13 { width: 100%; } }

/* ch-blk1-txt17: 社内対応 */
.ch-blk1-txt17 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt17 { font-size: 20px; } }

/* ch-blk1-txt18: ・カスタマーハラスメントの発生に備え、各社員がカスタマーハラ */
.ch-blk1-txt18 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box14: 社外対応 ・より良い関係の再構築に努めます。 ・カスタマー */
.ch-blk1-box14 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box14 { width: 100%; } }

/* ch-blk1-txt19: 社外対応 */
.ch-blk1-txt19 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 20px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt19 { font-size: 20px; } }

/* ch-blk1-txt20: ・より良い関係の再構築に努めます。 ・カスタマーハラスメント */
.ch-blk1-txt20 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box15: ご利用者の皆様に対するお願い 目的においても掲げている通 */
.ch-blk1-box15 { align-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; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .ch-blk1-box15 { width: 100%; } }

/* ch-blk1-txt21: ご利用者の皆様に対するお願い */
.ch-blk1-txt21 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: 0em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ch-blk1-txt21 { font-size: 20px; } }

/* ch-blk1-txt22: 目的においても掲げている通り、弊社は、ご提供させていただく各 */
.ch-blk1-txt22 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ch-blk1-box16: arrow_back TOPへ戻る */
.ch-blk1-box16 { place-content: center flex-start; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* ch-blk1-link1: arrow_back TOPへ戻る */
.ch-blk1-link1 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 40px; overflow: hidden; padding: 10px 60px 10px 15px; position: relative; width: auto; --gh-ch-blk1-link1: 40px; --gv-ch-blk1-link1: 0px; max-width: 100%; }
.ch-blk1-link1:hover { background: #ff379c; --gh-ch-blk1-link1: 40px; --gv-ch-blk1-link1: 0px; }

/* ch-blk1-icon1: arrow_back */
.ch-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* ch-blk1-link1: arrow_back TOPへ戻る */
.ch-blk1-link1:hover .ch-blk1-icon1 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .ch-blk1-icon1 { font-size: 15px; } }

/* ch-blk1-txt23: TOPへ戻る */
.ch-blk1-txt23 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Gothic A1', 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; }

/* ch-blk1-link1: arrow_back TOPへ戻る */
.ch-blk1-link1:hover .ch-blk1-txt23 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .ch-blk1-txt23 { font-size: 14px; } }

/* fs-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.fs-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* fs-blk1-pic1: 経営状況はこちらから、ご確認ください。 決算書一覧 第1 */
.fs-blk1-pic1 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
html.js .fs-blk1-pic1:not(.in) { transition-duration: 0ms; }
.fs-blk1-pic1.in-active { transition-duration: 0ms; }
@media screen and (max-width: 1280px) { .fs-blk1-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .fs-blk1-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .fs-blk1-pic1 { padding: 150px 25px 100px; } }

/* fs-blk1-inner1:  */
.fs-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
html.js .fs-blk1-inner1:not(.in) { flex-direction: column; }
@media screen and (max-width: 1280px) { .fs-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .fs-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .fs-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* fs-blk1-box1: 経営状況はこちらから、ご確認ください。 決算書一覧 */
.fs-blk1-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 40px; margin: 0px 0px 100px; padding: 0px; width: 100%; --gh-fs-blk1-box1: 40px; --gv-fs-blk1-box1: 40px; max-width: 100%; }
@media screen and (max-width: 540px) { .fs-blk1-box1 { margin: 0px 0px 80px; --gh-fs-blk1-box1: 40px; --gv-fs-blk1-box1: 40px; width: 100%; max-width: 100%; } }

/* fs-blk1-box2: 経営状況はこちらから、ご確認ください。 決算書一覧 */
.fs-blk1-box2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: auto; max-width: 100%; }

/* fs-blk1-box3: 経営状況はこちらから、ご確認ください。 */
.fs-blk1-box3 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-fs-blk1-box3: 10px; --gv-fs-blk1-box3: 0px; max-width: 100%; }

/* fs-blk1-box4:  */
.fs-blk1-box4 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* fs-blk1-txt1: 経営状況はこちらから、ご確認ください。 */
.fs-blk1-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; 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) { .fs-blk1-txt1 { font-size: 13px; } }

/* fs-blk1-txt2: 決算書一覧 */
.fs-blk1-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .fs-blk1-txt2 { font-size: 50px; } }

/* fs-blk1-box5: 第1期決算書 第2期決算書 第3期決算書 第4期決算書 */
.fs-blk1-box5 { place-content: center; align-items: center; flex-flow: wrap; gap: 30px; margin: 0px 0px 100px; padding: 0px; --gh-fs-blk1-box5: 30px; --gv-fs-blk1-box5: 30px; max-width: 100%; }
@media screen and (max-width: 760px) { .fs-blk1-box5 { margin: 0px 0px 80px; --gh-fs-blk1-box5: 30px; --gv-fs-blk1-box5: 30px; max-width: 100%; } }

/* fs-blk1-list1: 第1期決算書 第2期決算書 第3期決算書 第4期決算書 */
.fs-blk1-list1 { flex-flow: wrap; gap: 30px; height: auto; --gh-fs-blk1-list1: 30px; --gv-fs-blk1-list1: 30px; max-width: 100%; }
@media screen and (max-width: 760px) { .fs-blk1-list1 { gap: 20px; --gh-fs-blk1-list1: 20px; --gv-fs-blk1-list1: 20px; } }
@media screen and (max-width: 540px) { .fs-blk1-list1 { place-content: center flex-start; align-items: center; gap: 20px; --gh-fs-blk1-list1: 20px; --gv-fs-blk1-list1: 20px; } }

/* fs-blk1-link1: 第1期決算書 */
.fs-blk1-link1 { place-content: center flex-start; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); flex-flow: wrap; gap: 8px; padding: 0px; width: auto; --gh-fs-blk1-link1: 8px; --gv-fs-blk1-link1: 8px; max-width: 100%; }
.fs-blk1-link1:hover { opacity: 1; --gh-fs-blk1-link1: 8px; --gv-fs-blk1-link1: 8px; }
@media screen and (max-width: 540px) { .fs-blk1-link1 { gap: 6px; --gh-fs-blk1-link1: 6px; --gv-fs-blk1-link1: 6px; } }

/* fs-blk1-txt3: 第1期決算書 */
.fs-blk1-txt3 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: normal; font-size: 18px; font-style: normal; font-weight: 800; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; text-decoration: underline; width: auto; max-width: 100%; justify-content: center; }

/* fs-blk1-link1: 第1期決算書 */
.fs-blk1-link1:hover .fs-blk1-txt3 { color: rgb(0, 0, 0); }
@media screen and (max-width: 540px) { .fs-blk1-txt3 { font-size: 14px; } }

/* fs-blk1-icon1:  */
.fs-blk1-icon1 { color: #44a6ffff; font-size: 18px; }

/* fs-blk1-link1: 第1期決算書 */
.fs-blk1-link1:hover .fs-blk1-icon1 { color: #ff379c; }
@media screen and (max-width: 540px) { .fs-blk1-icon1 { font-size: 11px; } }

/* fs-blk1-box6: arrow_back TOPへ戻る */
.fs-blk1-box6 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .fs-blk1-box6 { place-content: center flex-start; align-items: center; } }

/* fs-blk1-link2: arrow_back TOPへ戻る */
.fs-blk1-link2 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 40px; overflow: hidden; padding: 10px 60px 10px 15px; position: relative; width: auto; --gh-fs-blk1-link2: 40px; --gv-fs-blk1-link2: 0px; max-width: 100%; }
.fs-blk1-link2:hover { background: #ff379c; --gh-fs-blk1-link2: 40px; --gv-fs-blk1-link2: 0px; }

/* fs-blk1-icon2: arrow_back */
.fs-blk1-icon2 { color: rgb(255, 255, 255); font-size: 16px; }

/* fs-blk1-link2: arrow_back TOPへ戻る */
.fs-blk1-link2:hover .fs-blk1-icon2 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .fs-blk1-icon2 { font-size: 15px; } }

/* fs-blk1-txt4: TOPへ戻る */
.fs-blk1-txt4 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Gothic A1', 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; }

/* fs-blk1-link2: arrow_back TOPへ戻る */
.fs-blk1-link2:hover .fs-blk1-txt4 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .fs-blk1-txt4 { font-size: 14px; } }

/* nw-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.nw-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* nw-blk1-pic1: 近況はこちらから、ご確認ください。 お知らせ ブログ  */
.nw-blk1-pic1 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
html.js .nw-blk1-pic1:not(.in) { transition-duration: 0ms; }
.nw-blk1-pic1.in-active { transition-duration: 0ms; }
@media screen and (max-width: 1280px) { .nw-blk1-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .nw-blk1-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .nw-blk1-pic1 { padding: 150px 25px 100px; } }

/* nw-blk1-inner1:  */
.nw-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
html.js .nw-blk1-inner1:not(.in) { flex-direction: column; }
@media screen and (max-width: 1280px) { .nw-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .nw-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .nw-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* nw-blk1-box1: 近況はこちらから、ご確認ください。 お知らせ ブログ  */
.nw-blk1-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 40px; margin: 0px 0px 100px; padding: 0px; width: 100%; --gh-nw-blk1-box1: 40px; --gv-nw-blk1-box1: 40px; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box1 { margin: 0px 0px 80px; --gh-nw-blk1-box1: 40px; --gv-nw-blk1-box1: 40px; width: 100%; max-width: 100%; } }

/* nw-blk1-box2: 近況はこちらから、ご確認ください。 お知らせ */
.nw-blk1-box2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: auto; max-width: 100%; }

/* nw-blk1-box3: 近況はこちらから、ご確認ください。 */
.nw-blk1-box3 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-nw-blk1-box3: 10px; --gv-nw-blk1-box3: 0px; max-width: 100%; }

/* nw-blk1-box4:  */
.nw-blk1-box4 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* nw-blk1-txt1: 近況はこちらから、ご確認ください。 */
.nw-blk1-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; 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) { .nw-blk1-txt1 { font-size: 13px; } }

/* nw-blk1-txt2: お知らせ */
.nw-blk1-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .nw-blk1-txt2 { font-size: 50px; } }

/* nw-blk1-box5: ブログ ニュース DX 集客 補助金 */
.nw-blk1-box5 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 0px; width: auto; --gh-nw-blk1-box5: 10px; --gv-nw-blk1-box5: 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box5 { width: auto; --gh-nw-blk1-box5: 10px; --gv-nw-blk1-box5: 10px; } }

/* nw-blk1-link1: ブログ */
.nw-blk1-link1 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 2px; flex-flow: row; padding: 10px 20px; }
.nw-blk1-link1:hover { background: rgb(195, 195, 195); }

/* nw-blk1-txt3: ブログ */
.nw-blk1-txt3 { background: rgba(0, 0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* nw-blk1-link1: ブログ */
.nw-blk1-link1:hover .nw-blk1-txt3:hover { background: rgba(204, 204, 204, 0); }
@media screen and (max-width: 760px) { .nw-blk1-txt3 { font-size: 13px; } }

/* nw-blk1-box6: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-box6 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 30px; height: auto; margin: 0px 0px 30px; padding: 0px; width: 100%; --gh-nw-blk1-box6: 0px; --gv-nw-blk1-box6: 30px; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box6 { margin: 0px 0px 60px; --gh-nw-blk1-box6: 0px; --gv-nw-blk1-box6: 30px; width: 100%; max-width: 100%; } }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2 { background: rgba(255, 255, 255, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); flex-direction: row; gap: 40px; justify-content: flex-start; padding: 0px 0px 15px; width: calc(100% - (var(--gh-nw-blk1-box6) * 0)); --gh-nw-blk1-link2: 40px; --gv-nw-blk1-link2: 0px; max-width: calc(100% - (var(--gh-nw-blk1-box6) * 0)); }
.nw-blk1-link2:hover { transition-duration: 0ms; --gh-nw-blk1-link2: 40px; --gv-nw-blk1-link2: 0px; }
@media screen and (max-width: 760px) { .nw-blk1-link2 { flex-flow: row; gap: 20px; overflow: hidden auto; --gh-nw-blk1-link2: 20px; --gv-nw-blk1-link2: 0px; } }
@media screen and (max-width: 540px) { .nw-blk1-link2 { overflow: hidden auto; width: 100%; --gh-nw-blk1-link2: 40px; --gv-nw-blk1-link2: 0px; } }

/* nw-blk1-box7: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-box7 { flex: 1 1 0%; flex-flow: wrap; gap: 10px; height: auto; justify-content: flex-start; --gh-nw-blk1-box7: 10px; --gv-nw-blk1-box7: 10px; max-width: 100%; }

/* nw-blk1-box8: 2026.07.07 ニュース DX */
.nw-blk1-box8 { place-content: center; align-items: center; flex-flow: row; height: auto; padding: 0px; max-width: 100%; }

/* nw-blk1-txt4: 2026.07.07 */
.nw-blk1-txt4 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 15px; font-weight: 500; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-txt4 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .nw-blk1-txt4 { font-size: 12px; } }

/* nw-blk1-list1: ニュース DX */
.nw-blk1-list1 { flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 21px; margin: 0px 30px 0px 0px; width: auto; --gh-nw-blk1-list1: 5px; --gv-nw-blk1-list1: 0px; max-width: calc(100% - 30px); }

/* nw-blk1-item1: ニュース */
.nw-blk1-item1 { place-content: flex-start center; align-items: flex-start; flex-wrap: nowrap; gap: 10px; padding: 0px; --gh-nw-blk1-item1: 0px; --gv-nw-blk1-item1: 10px; }

/* nw-blk1-txt5: ニュース */
.nw-blk1-txt5 { background: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 13px; padding: 5px 10px; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-txt5 { background: #44a6ffff; }
@media screen and (max-width: 760px) { .nw-blk1-txt5 { font-size: 10px; } }

/* nw-blk1-txt6: 【お知らせ】「シャチョウDX」の開発実績に「アポ候補日生成メ */
.nw-blk1-txt6 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; line-height: 1.2; text-align: left; justify-content: flex-start; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-txt6 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .nw-blk1-txt6 { font-size: 15px; } }

/* nw-blk1-box9: arrow_forward */
.nw-blk1-box9 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-box9 { background: #ff379c; }

/* nw-blk1-icon1: arrow_forward */
.nw-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* nw-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.nw-blk1-link2:hover .nw-blk1-icon1 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .nw-blk1-icon1 { font-size: 15px; } }

/* nw-blk1-box10: arrow_back TOPへ戻る */
.nw-blk1-box10 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .nw-blk1-box10 { place-content: center flex-start; align-items: center; } }

/* nw-blk1-link3: arrow_back TOPへ戻る */
.nw-blk1-link3 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 40px; overflow: hidden; padding: 10px 60px 10px 15px; position: relative; width: auto; --gh-nw-blk1-link3: 40px; --gv-nw-blk1-link3: 0px; max-width: 100%; }
.nw-blk1-link3:hover { background: #ff379c; --gh-nw-blk1-link3: 40px; --gv-nw-blk1-link3: 0px; }

/* nw-blk1-icon2: arrow_back */
.nw-blk1-icon2 { color: rgb(255, 255, 255); font-size: 16px; }

/* nw-blk1-link3: arrow_back TOPへ戻る */
.nw-blk1-link3:hover .nw-blk1-icon2 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .nw-blk1-icon2 { font-size: 15px; } }

/* nw-blk1-txt7: TOPへ戻る */
.nw-blk1-txt7 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Gothic A1', 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; }

/* nw-blk1-link3: arrow_back TOPへ戻る */
.nw-blk1-link3:hover .nw-blk1-txt7 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .nw-blk1-txt7 { font-size: 14px; } }

/* pd-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.pd-root { align-content: center; align-items: center; background: rgb(255, 255, 255); height: 100%; padding: 0px; width: 100%; max-width: 100%; }

/* pd-blk1-pic1: 株式会社ヴィレグループのコーポレートサイトをリニューアル・公 */
.pd-blk1-pic1 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex-flow: wrap; height: auto; padding: 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .pd-blk1-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .pd-blk1-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .pd-blk1-pic1 { padding: 150px 25px 100px; } }

/* pd-blk1-inner1:  */
.pd-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: wrap; place-content: flex-start; align-items: flex-start; max-width: 100%; }
@media screen and (max-width: 1280px) { .pd-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .pd-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .pd-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* pd-blk1-txt1: 株式会社ヴィレグループのコーポレートサイトをリニューアル・公 */
.pd-blk1-txt1 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 25px; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }

/* pd-blk1-list1: ニュース */
.pd-blk1-list1 { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(158, 158, 158); flex-flow: row; gap: 0px 5px; height: auto; margin: 0px 0px 80px; padding: 0px 0px 20px; width: 100%; --gh-pd-blk1-list1: 5px; --gv-pd-blk1-list1: 0px; max-width: 100%; }

/* pd-blk1-item1: ニュース */
.pd-blk1-item1 { place-content: flex-start center; align-items: flex-start; flex-wrap: nowrap; gap: 10px; padding: 0px; --gh-pd-blk1-item1: 0px; --gv-pd-blk1-item1: 10px; }

/* pd-blk1-txt2: ニュース */
.pd-blk1-txt2 { background: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 13px; padding: 5px 10px; }
@media screen and (max-width: 760px) { .pd-blk1-txt2 { font-size: 12px; } }

/* pd-blk1-rich1: 株式会社ヴィレグループのコーポレートサイトをリニューアル・公 */
.pd-blk1-rich1 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; height: auto; line-height: 1.4; margin: 0px 0px 100px; text-align: left; width: 100%; max-width: 100%; }
.pd-blk1-rich1 > p { font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); }
.pd-blk1-rich1 strong { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); }
@media screen and (max-width: 540px) { .pd-blk1-rich1 { margin: 0px 0px 70px; width: 100%; max-width: 100%; } }

/* pd-blk1-box1: arrow_back お知らせ一覧へ戻る */
.pd-blk1-box1 { place-content: center flex-start; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* pd-blk1-link1: arrow_back お知らせ一覧へ戻る */
.pd-blk1-link1 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 20px; overflow: hidden; padding: 10px 40px 10px 15px; position: relative; width: auto; --gh-pd-blk1-link1: 20px; --gv-pd-blk1-link1: 0px; max-width: 100%; }
.pd-blk1-link1:hover { background: #ff379c; --gh-pd-blk1-link1: 20px; --gv-pd-blk1-link1: 0px; }

/* pd-blk1-icon1: arrow_back */
.pd-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* pd-blk1-link1: arrow_back お知らせ一覧へ戻る */
.pd-blk1-link1:hover .pd-blk1-icon1 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .pd-blk1-icon1 { font-size: 15px; } }

/* pd-blk1-txt3: お知らせ一覧へ戻る */
.pd-blk1-txt3 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Gothic A1', 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: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* pd-blk1-link1: arrow_back お知らせ一覧へ戻る */
.pd-blk1-link1:hover .pd-blk1-txt3 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .pd-blk1-txt3 { font-size: 14px; } }

/* pp-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.pp-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* pp-blk1-sec1: プライバシーポリシー 1.プライバシーポリシー（または個 */
.pp-blk1-sec1 { place-content: center; align-items: center; background: rgb(246, 246, 246); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .pp-blk1-sec1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .pp-blk1-sec1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .pp-blk1-sec1 { padding: 150px 25px 100px; } }

/* pp-blk1-inner1:  */
.pp-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
@media screen and (max-width: 1280px) { .pp-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .pp-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .pp-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* pp-blk1-box1: プライバシーポリシー */
.pp-blk1-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 0px; width: 100%; max-width: 100%; }

/* pp-blk1-box2: プライバシーポリシー */
.pp-blk1-box2 { place-content: center; align-items: center; flex-flow: row; gap: 20px; margin: 0px; padding: 0px; --gh-pp-blk1-box2: 20px; --gv-pp-blk1-box2: 0px; max-width: 100%; }

/* pp-blk1-box3:  */
.pp-blk1-box3 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* pp-blk1-txt1: プライバシーポリシー */
.pp-blk1-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .pp-blk1-txt1 { font-size: 55px; } }
@media screen and (max-width: 540px) { .pp-blk1-txt1 { font-size: 50px; text-align: left; justify-content: flex-start; } }

/* pp-blk1-txt2: 1.プライバシーポリシー（または個人情報保護方針） 当社は、 */
.pp-blk1-txt2 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 20px; height: auto; line-height: 1.4; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }

/* pp-blk1-box4: arrow_back TOPへ戻る */
.pp-blk1-box4 { place-content: center flex-start; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* pp-blk1-link1: arrow_back TOPへ戻る */
.pp-blk1-link1 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 40px; overflow: hidden; padding: 10px 60px 10px 15px; position: relative; width: auto; --gh-pp-blk1-link1: 40px; --gv-pp-blk1-link1: 0px; max-width: 100%; }
.pp-blk1-link1:hover { background: #ff379c; --gh-pp-blk1-link1: 40px; --gv-pp-blk1-link1: 0px; }

/* pp-blk1-icon1: arrow_back */
.pp-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* pp-blk1-link1: arrow_back TOPへ戻る */
.pp-blk1-link1:hover .pp-blk1-icon1 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .pp-blk1-icon1 { font-size: 15px; } }

/* pp-blk1-txt3: TOPへ戻る */
.pp-blk1-txt3 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Gothic A1', 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; }

/* pp-blk1-link1: arrow_back TOPへ戻る */
.pp-blk1-link1:hover .pp-blk1-txt3 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .pp-blk1-txt3 { font-size: 14px; } }

/* sc-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.sc-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* sc-blk1-sec1: 情報セキュリティ対応方針 情報セキュリティ対応方針 株 */
.sc-blk1-sec1 { place-content: center; align-items: center; background: rgb(246, 246, 246); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .sc-blk1-sec1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .sc-blk1-sec1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .sc-blk1-sec1 { padding: 150px 25px 100px; } }

/* sc-blk1-inner1:  */
.sc-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
@media screen and (max-width: 1280px) { .sc-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .sc-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .sc-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* sc-blk1-box1: 情報セキュリティ対応方針 */
.sc-blk1-box1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 0px; width: 100%; max-width: 100%; }

/* sc-blk1-box2: 情報セキュリティ対応方針 */
.sc-blk1-box2 { place-content: center; align-items: center; flex-flow: row; gap: 20px; margin: 0px; padding: 0px; --gh-sc-blk1-box2: 20px; --gv-sc-blk1-box2: 0px; max-width: 100%; }

/* sc-blk1-box3:  */
.sc-blk1-box3 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* sc-blk1-txt1: 情報セキュリティ対応方針 */
.sc-blk1-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .sc-blk1-txt1 { font-size: 50px; text-align: left; justify-content: flex-start; } }

/* sc-blk1-box4: 情報セキュリティ対応方針 株式会社ヴィレグループ（以下、当 */
.sc-blk1-box4 { place-content: flex-start space-between; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; overflow: hidden auto; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .sc-blk1-box4 { flex-direction: column; overflow: hidden auto; } }

/* sc-blk1-box5: 情報セキュリティ対応方針 株式会社ヴィレグループ（以下、当 */
.sc-blk1-box5 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .sc-blk1-box5 { width: 100%; } }

/* sc-blk1-txt2: 情報セキュリティ対応方針 */
.sc-blk1-txt2 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 24px; height: auto; letter-spacing: -0.05em; line-height: 1.2; margin: 0px 0px 15px; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sc-blk1-txt2 { font-size: 20px; } }

/* sc-blk1-txt3: 株式会社ヴィレグループ（以下、当社）は、お客様からお預かりし */
.sc-blk1-txt3 { border-radius: 0px; flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 16px; letter-spacing: 0em; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sc-blk1-box6:  */
.sc-blk1-box6 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: column; margin: 0px; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .sc-blk1-box6 { width: 100%; } }

/* sc-blk1-box7: arrow_back TOPへ戻る */
.sc-blk1-box7 { place-content: center flex-start; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }

/* sc-blk1-link1: arrow_back TOPへ戻る */
.sc-blk1-link1 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 40px; overflow: hidden; padding: 10px 60px 10px 15px; position: relative; width: auto; --gh-sc-blk1-link1: 40px; --gv-sc-blk1-link1: 0px; max-width: 100%; }
.sc-blk1-link1:hover { background: #ff379c; --gh-sc-blk1-link1: 40px; --gv-sc-blk1-link1: 0px; }

/* sc-blk1-icon1: arrow_back */
.sc-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* sc-blk1-link1: arrow_back TOPへ戻る */
.sc-blk1-link1:hover .sc-blk1-icon1 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .sc-blk1-icon1 { font-size: 15px; } }

/* sc-blk1-txt4: TOPへ戻る */
.sc-blk1-txt4 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Gothic A1', 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; }

/* sc-blk1-link1: arrow_back TOPへ戻る */
.sc-blk1-link1:hover .sc-blk1-txt4 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .sc-blk1-txt4 { font-size: 14px; } }

/* tg-root: 3つのリアル 事業内容 数字で見るヴィレ お知らせ  */
.tg-root { align-content: center; align-items: center; background: rgb(255, 255, 255); height: 100%; padding: 0px; width: 100%; max-width: 100%; }

/* tg-blk1-pic1: 近況はこちらから、ご確認ください。 お知らせ ブログ  */
.tg-blk1-pic1 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 150px; width: 100%; max-width: 100%; }
html.js .tg-blk1-pic1:not(.in) { transition-duration: 0ms; }
.tg-blk1-pic1.in-active { transition-duration: 0ms; }
@media screen and (max-width: 1280px) { .tg-blk1-pic1 { padding: 150px 100px; } }
@media screen and (max-width: 760px) { .tg-blk1-pic1 { padding: 150px 50px; } }
@media screen and (max-width: 540px) { .tg-blk1-pic1 { padding: 150px 25px 100px; } }

/* tg-blk1-inner1:  */
.tg-blk1-inner1 { padding: 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
html.js .tg-blk1-inner1:not(.in) { flex-direction: column; }
@media screen and (max-width: 1280px) { .tg-blk1-inner1 { padding: 150px 100px; flex-direction: column; } }
@media screen and (max-width: 760px) { .tg-blk1-inner1 { padding: 150px 50px; flex-direction: column; } }
@media screen and (max-width: 540px) { .tg-blk1-inner1 { padding: 150px 25px 100px; flex-direction: column; } }

/* tg-blk1-box1: 近況はこちらから、ご確認ください。 お知らせ ブログ  */
.tg-blk1-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 40px; margin: 0px 0px 100px; padding: 0px; width: 100%; --gh-tg-blk1-box1: 40px; --gv-tg-blk1-box1: 40px; max-width: 100%; }
@media screen and (max-width: 540px) { .tg-blk1-box1 { margin: 0px 0px 80px; --gh-tg-blk1-box1: 40px; --gv-tg-blk1-box1: 40px; width: 100%; max-width: 100%; } }

/* tg-blk1-box2: 近況はこちらから、ご確認ください。 お知らせ */
.tg-blk1-box2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: auto; max-width: 100%; }

/* tg-blk1-box3: 近況はこちらから、ご確認ください。 */
.tg-blk1-box3 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px 10px; height: auto; margin: 0px 0px 5px; padding: 0px; width: auto; --gh-tg-blk1-box3: 10px; --gv-tg-blk1-box3: 0px; max-width: 100%; }

/* tg-blk1-box4:  */
.tg-blk1-box4 { background: #44a6ffff; flex: 0 0 auto; height: 7px; margin: 0px; width: 20px; max-width: 100%; }

/* tg-blk1-txt1: 近況はこちらから、ご確認ください。 */
.tg-blk1-txt1 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 15px; 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) { .tg-blk1-txt1 { font-size: 13px; } }

/* tg-blk1-txt2: お知らせ */
.tg-blk1-txt2 { color: rgb(0, 0, 0); font-family: var(--font-a1-b); font-weight: var(--font-a1-b-weight); font-size: 70px; height: auto; letter-spacing: -0.1em; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .tg-blk1-txt2 { font-size: 50px; } }

/* tg-blk1-box5: ブログ ニュース DX 集客 補助金 */
.tg-blk1-box5 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 0px; width: auto; --gh-tg-blk1-box5: 10px; --gv-tg-blk1-box5: 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .tg-blk1-box5 { width: auto; --gh-tg-blk1-box5: 10px; --gv-tg-blk1-box5: 10px; } }

/* tg-blk1-link1: ブログ */
.tg-blk1-link1 { place-content: center; align-items: center; background: rgb(0, 0, 0); border-radius: 2px; flex-flow: row; padding: 10px 20px; }
.tg-blk1-link1:hover { background: rgb(195, 195, 195); }

/* tg-blk1-txt3: ブログ */
.tg-blk1-txt3 { background: rgba(0, 0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tg-blk1-link1: ブログ */
.tg-blk1-link1:hover .tg-blk1-txt3:hover { background: rgba(204, 204, 204, 0); }
@media screen and (max-width: 760px) { .tg-blk1-txt3 { font-size: 13px; } }

/* tg-blk1-box6: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-box6 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 30px; height: auto; margin: 0px 0px 30px; padding: 0px; width: 100%; --gh-tg-blk1-box6: 0px; --gv-tg-blk1-box6: 30px; max-width: 100%; }
@media screen and (max-width: 540px) { .tg-blk1-box6 { margin: 0px 0px 60px; --gh-tg-blk1-box6: 0px; --gv-tg-blk1-box6: 30px; width: 100%; max-width: 100%; } }

/* tg-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-link2 { background: rgba(255, 255, 255, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); flex-direction: row; gap: 40px; justify-content: flex-start; padding: 0px 0px 15px; width: calc(100% - (var(--gh-tg-blk1-box6) * 0)); --gh-tg-blk1-link2: 40px; --gv-tg-blk1-link2: 0px; max-width: calc(100% - (var(--gh-tg-blk1-box6) * 0)); }
.tg-blk1-link2:hover { transition-duration: 0ms; --gh-tg-blk1-link2: 40px; --gv-tg-blk1-link2: 0px; }
@media screen and (max-width: 760px) { .tg-blk1-link2 { flex-flow: row; gap: 20px; overflow: hidden auto; --gh-tg-blk1-link2: 20px; --gv-tg-blk1-link2: 0px; } }
@media screen and (max-width: 540px) { .tg-blk1-link2 { overflow: hidden auto; width: 100%; --gh-tg-blk1-link2: 40px; --gv-tg-blk1-link2: 0px; } }

/* tg-blk1-box7: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-box7 { flex: 1 1 0%; flex-flow: wrap; gap: 10px; height: auto; justify-content: flex-start; --gh-tg-blk1-box7: 10px; --gv-tg-blk1-box7: 10px; max-width: 100%; }

/* tg-blk1-box8: 2026.07.07 ニュース DX */
.tg-blk1-box8 { place-content: center; align-items: center; flex-flow: row; height: auto; padding: 0px; max-width: 100%; }

/* tg-blk1-txt4: 2026.07.07 */
.tg-blk1-txt4 { color: rgb(0, 0, 0); font-family: Oswald, sans-serif; font-size: 15px; font-weight: 500; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tg-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-link2:hover .tg-blk1-txt4 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .tg-blk1-txt4 { font-size: 12px; } }

/* tg-blk1-list1: ニュース DX */
.tg-blk1-list1 { flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 21px; margin: 0px 30px 0px 0px; width: auto; --gh-tg-blk1-list1: 5px; --gv-tg-blk1-list1: 0px; max-width: calc(100% - 30px); }

/* tg-blk1-item1: ニュース */
.tg-blk1-item1 { place-content: flex-start center; align-items: flex-start; flex-wrap: nowrap; gap: 10px; padding: 0px; --gh-tg-blk1-item1: 0px; --gv-tg-blk1-item1: 10px; }

/* tg-blk1-txt5: ニュース */
.tg-blk1-txt5 { background: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 13px; padding: 5px 10px; }

/* tg-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-link2:hover .tg-blk1-txt5 { background: #44a6ffff; }
@media screen and (max-width: 760px) { .tg-blk1-txt5 { font-size: 10px; } }

/* tg-blk1-txt6: 【お知らせ】「シャチョウDX」の開発実績に「アポ候補日生成メ */
.tg-blk1-txt6 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; line-height: 1.2; text-align: left; justify-content: flex-start; }

/* tg-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-link2:hover .tg-blk1-txt6 { color: rgb(148, 148, 148); }
@media screen and (max-width: 760px) { .tg-blk1-txt6 { font-size: 15px; } }

/* tg-blk1-box9: arrow_forward */
.tg-blk1-box9 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tg-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-link2:hover .tg-blk1-box9 { background: #ff379c; }

/* tg-blk1-icon1: arrow_forward */
.tg-blk1-icon1 { color: rgb(255, 255, 255); font-size: 16px; }

/* tg-blk1-link2: 2026.07.07 ニュース DX 【お知らせ】「シ */
.tg-blk1-link2:hover .tg-blk1-icon1 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tg-blk1-icon1 { font-size: 15px; } }

/* tg-blk1-box10: arrow_back TOPへ戻る */
.tg-blk1-box10 { place-content: flex-end flex-start; align-items: flex-end; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .tg-blk1-box10 { place-content: center flex-start; align-items: center; } }

/* tg-blk1-link3: arrow_back TOPへ戻る */
.tg-blk1-link3 { place-content: center; align-items: center; background: #44a6ffff; border-radius: 4px; inset: auto; flex: 0 0 auto; flex-flow: row; gap: 40px; overflow: hidden; padding: 10px 60px 10px 15px; position: relative; width: auto; --gh-tg-blk1-link3: 40px; --gv-tg-blk1-link3: 0px; max-width: 100%; }
.tg-blk1-link3:hover { background: #ff379c; --gh-tg-blk1-link3: 40px; --gv-tg-blk1-link3: 0px; }

/* tg-blk1-icon2: arrow_back */
.tg-blk1-icon2 { color: rgb(255, 255, 255); font-size: 16px; }

/* tg-blk1-link3: arrow_back TOPへ戻る */
.tg-blk1-link3:hover .tg-blk1-icon2 { color: rgb(250, 250, 250); translate: -5px; }
@media screen and (max-width: 540px) { .tg-blk1-icon2 { font-size: 15px; } }

/* tg-blk1-txt7: TOPへ戻る */
.tg-blk1-txt7 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Gothic A1', 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; }

/* tg-blk1-link3: arrow_back TOPへ戻る */
.tg-blk1-link3:hover .tg-blk1-txt7 { color: rgb(250, 250, 250); }
@media screen and (max-width: 540px) { .tg-blk1-txt7 { font-size: 14px; } }