/* =========================================================
   top.css  / 専用。クラス名はすべて tp- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* 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; } }

/* サービスカード（ご相談は、各サービスページから…）：左右の余白を 40px ずつにそろえた（2026-10-27）。矢印ボタンは元どおりカードの右下の角に付ける */
@media screen and (min-width: 541px) {
  .tp-contact-box1 > a.pic > div:last-child { margin-right: -40px; width: calc(100% + 40px); max-width: none; }
}