/* =========================================================
   top__works.css  /top/works 専用。クラス名はすべて tw- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* tw-blk4-box13: Problem */
.tw-blk4-box13 { place-content: center; align-items: center; flex-flow: column; gap: 7px 0px; margin: 0px; padding: 0px; --gh-tw-blk4-box13: 0px; --gv-tw-blk4-box13: 7px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box13 { display: flex; --gh-tw-blk4-box13: 0px; --gv-tw-blk4-box13: 7px; } }
@media screen and (max-width: 540px) { .tw-blk4-box13 { display: flex; --gh-tw-blk4-box13: 0px; --gv-tw-blk4-box13: 7px; } }

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

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

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

/* tw-blk4-txt11: パートナーメンバ− */
.tw-blk4-txt11 { color: rgb(14, 25, 44); font-family: "Noto Sans JP"; font-size: 16px; font-weight: 600; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

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

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

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

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

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

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

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

/* tw-root: ご挨拶 私たちの仕事 お知らせ 会社情報 お問い合わせ 顧問 */
.tw-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%; }

/* tw-blk4-box1: 私たちの仕事 1 営業支援事業 営業に、仕組みと再現性 */
.tw-blk4-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px 0px 100px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box1 { height: auto; padding: 0px 50px 100px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-box1 { height: auto; padding: 0px 50px 100px; } }

/* tw-blk4-pic1: 私たちの仕事 */
.tw-blk4-pic1 { place-content: center; align-items: center; border-radius: 4px; box-shadow: rgb(100, 100, 100) 0px 0px 0px; flex: 0 0 auto; flex-flow: column; height: 458px; margin: 0px 50px 60px; width: calc(100% - 100px); max-width: calc(100% - 100px); }
.tw-blk4-pic1::before { background-repeat: no-repeat; }
@media screen and (max-width: 840px) { .tw-blk4-pic1 { height: 405px; margin: 0px 0px 40px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic1 { height: 291px; margin: 0px 38px 40px 0px; width: calc(100% - 38px); max-width: calc(100% - 38px); } }

/* tw-blk4-txt1: 私たちの仕事 */
.tw-blk4-txt1 { background: rgba(0, 0, 0, 0.7); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 22px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px; padding: 20px 0px; text-align: center; width: 47px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tw-blk4-txt1 { flex: 0 0 auto; font-size: 18px; width: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-txt1 { font-size: 16px; width: 40px; } }

/* tw-blk4-box2: 1 営業支援事業 営業に、仕組みと再現性を。 私たちは */
.tw-blk4-box2 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 100px 150px 32px; width: 100%; --gh-tw-blk4-box2: 0px; --gv-tw-blk4-box2: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box2 { margin: 0px 0px 100px; padding: 80px 0px 0px; width: auto; --gh-tw-blk4-box2: 0px; --gv-tw-blk4-box2: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-box2 { padding: 50px 0px 0px; --gh-tw-blk4-box2: 0px; --gv-tw-blk4-box2: 0px; } }

/* tw-blk4-box3: 1 営業支援事業 営業に、仕組みと再現性を。 私たちは */
.tw-blk4-box3 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 150px; padding: 0px; width: 940px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box3 { margin: 0px 0px 80px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-box3 { flex: 0 0 auto; margin: 0px 0px 100px; width: calc(82% - (var(--gh-tw-blk4-box2) * 0.18)); max-width: calc(82% - (var(--gh-tw-blk4-box2) * 0.18)); } }

/* tw-blk4-box4: 1 営業支援事業 */
.tw-blk4-box4 { place-content: flex-start; align-items: flex-start; flex-flow: row; margin: 0px 0px 25px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .tw-blk4-box4 { flex-flow: column; margin: 0px 0px 25px; } }

/* tw-blk4-box5: 1 */
.tw-blk4-box5 { place-content: flex-start center; align-items: flex-start; flex-flow: column; margin: 0px; padding: 0px; max-width: 100%; }

/* tw-blk4-txt2: 1 */
.tw-blk4-txt2 { color: rgb(5, 15, 119); font-family: Rubik, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tw-blk4-txt2 { font-size: 24px; } }

/* tw-blk4-box6:  */
.tw-blk4-box6 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2), var(--g-color-3) var(--g-position-3)); flex: 0 0 auto; height: 40px; margin: -24px 0px 0px; width: 40px; z-index: -1; max-width: 100%; --g-color-0: rgb(255, 255, 255); --g-position-0: 49%; --g-color-1: rgb(5, 15, 119); --g-position-1: 49%; --g-color-2: rgb(5, 15, 119); --g-position-2: 51%; --g-color-3: rgb(255, 255, 255); --g-position-3: 40%; --g-color-4: rgb(255, 255, 255); --g-position-4: 40%; --g-color-5: rgb(255, 255, 255); --g-position-5: 40%; --g-color-6: rgb(255, 255, 255); --g-position-6: 40%; --g-color-7: rgb(255, 255, 255); --g-position-7: 40%; --g-color-8: rgb(255, 255, 255); --g-position-8: 40%; --g-color-9: rgb(255, 255, 255); --g-position-9: 40%; --g-color-10: rgb(255, 255, 255); --g-position-10: 40%; --g-color-11: rgb(255, 255, 255); --g-position-11: 40%; --g-angle: 135deg; }
@media screen and (max-width: 540px) { .tw-blk4-box6 { flex: 0 0 auto; height: 32px; width: 32px; max-width: 100%; } }

/* tw-blk4-txt3: 営業支援事業 */
.tw-blk4-txt3 { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); 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: 32px; font-style: normal; height: auto; letter-spacing: 0.12em; line-height: 1.4; margin: 25px 0px 0px -10px; text-align: left; width: auto; max-width: calc(100% + 10px); justify-content: flex-start; }
@media screen and (max-width: 840px) { .tw-blk4-txt3 { flex: 1 1 0%; width: auto; } }
@media screen and (max-width: 540px) { .tw-blk4-txt3 { font-size: 24px; letter-spacing: 0.1em; margin: 6px 0px 0px; max-width: 100%; } }

/* tw-blk4-txt4: 営業に、仕組みと再現性を。 */
.tw-blk4-txt4 { color: rgb(51, 51, 51); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 20px; height: auto; line-height: 1.4; margin: 0px 0px 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tw-blk4-txt5: 私たちは、様々な企業の新規開拓営業の支援を行っております。  */
.tw-blk4-txt5 { background: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 14px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 50px; text-align: justify; width: 700px; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 540px) { .tw-blk4-txt5 { margin: 0px 0px 30px; max-width: 100%; } }

/* tw-blk4-box7:  */
.tw-blk4-box7 { place-content: flex-start space-between; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; height: auto; margin: 0px; padding: 0px; width: 940px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box7 { flex: 0 0 auto; } }

/* tw-blk4-pic2:  */
.tw-blk4-pic2 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic2 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic2 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-pic3:  */
.tw-blk4-pic3 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic3 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic3 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-pic4:  */
.tw-blk4-pic4 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic4 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic4 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-pic5:  */
.tw-blk4-pic5 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic5 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic5 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-pic6:  */
.tw-blk4-pic6 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic6 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic6 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-pic7:  */
.tw-blk4-pic7 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic7 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic7 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-box8: 2 経営DX支援事業 現場に、無理なく、成果につながるD */
.tw-blk4-box8 { place-content: flex-start center; align-items: flex-start; flex-flow: column; margin: 0px 0px 50px; padding: 0px; width: 940px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box8 { width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-box8 { flex: 0 0 auto; margin: 0px 0px 50px; width: calc(82% - (var(--gh-tw-blk4-box2) * 0.18)); max-width: calc(82% - (var(--gh-tw-blk4-box2) * 0.18)); } }

/* tw-blk4-box9: 2 経営DX支援事業 */
.tw-blk4-box9 { place-content: flex-start; align-items: flex-start; flex-flow: row; margin: 0px 0px 25px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .tw-blk4-box9 { flex-flow: column; margin: 0px 0px 25px; } }

/* tw-blk4-box10: 2 */
.tw-blk4-box10 { place-content: flex-start center; align-items: flex-start; flex-flow: column; margin: 0px; padding: 0px; max-width: 100%; }

/* tw-blk4-txt6: 2 */
.tw-blk4-txt6 { color: rgb(5, 15, 119); font-family: Rubik, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tw-blk4-txt6 { font-size: 24px; } }

/* tw-blk4-box11:  */
.tw-blk4-box11 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2), var(--g-color-3) var(--g-position-3)); flex: 0 0 auto; height: 40px; margin: -24px 0px 0px; width: 40px; z-index: -1; max-width: 100%; --g-color-0: rgb(255, 255, 255); --g-position-0: 49%; --g-color-1: rgb(5, 15, 119); --g-position-1: 49%; --g-color-2: rgb(5, 15, 119); --g-position-2: 51%; --g-color-3: rgb(255, 255, 255); --g-position-3: 40%; --g-color-4: rgb(255, 255, 255); --g-position-4: 40%; --g-color-5: rgb(255, 255, 255); --g-position-5: 40%; --g-color-6: rgb(255, 255, 255); --g-position-6: 40%; --g-color-7: rgb(255, 255, 255); --g-position-7: 40%; --g-color-8: rgb(255, 255, 255); --g-position-8: 40%; --g-color-9: rgb(255, 255, 255); --g-position-9: 40%; --g-color-10: rgb(255, 255, 255); --g-position-10: 40%; --g-color-11: rgb(255, 255, 255); --g-position-11: 40%; --g-angle: 135deg; }
@media screen and (max-width: 540px) { .tw-blk4-box11 { flex: 0 0 auto; height: 32px; width: 32px; max-width: 100%; } }

/* tw-blk4-txt7: 経営DX支援事業 */
.tw-blk4-txt7 { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); 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: 32px; font-style: normal; height: auto; letter-spacing: 0.12em; line-height: 1.4; margin: 25px 0px 0px -10px; text-align: left; width: auto; max-width: calc(100% + 10px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tw-blk4-txt7 { font-size: 24px; margin: 6px 0px 0px; max-width: 100%; } }

/* tw-blk4-txt8: 現場に、無理なく、成果につながるDXを。 */
.tw-blk4-txt8 { color: rgb(51, 51, 51); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 20px; height: auto; line-height: 1.4; margin: 0px 0px 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tw-blk4-txt9: 私たちのDX支援は、「ただのIT導入」ではありません。 業務 */
.tw-blk4-txt9 { background: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 12px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 23px; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 540px) { .tw-blk4-txt9 { margin: 0px; max-width: 100%; } }

/* tw-blk4-sec1: Problem 毎月膨大な領収書請求書と仕訳と支払いに追われ */
.tw-blk4-sec1 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; width: 940px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-sec1 { width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-sec1 { margin: 0px 0px 50px; max-width: 100%; } }

/* tw-blk4-box12: Problem 毎月膨大な領収書請求書と仕訳と支払いに追われ */
.tw-blk4-box12 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); flex-flow: wrap; gap: 20px 0px; height: auto; margin: 0px 0px 50px; padding: 13px 0px 43px; width: 100%; --gh-tw-blk4-box12: 0px; --gv-tw-blk4-box12: 20px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box12 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; margin: 0px 0px 50px; padding: 0px; width: 100%; --gh-tw-blk4-box12: 0px; --gv-tw-blk4-box12: 20px; } }
@media screen and (max-width: 540px) { .tw-blk4-box12 { margin: 0px 16px; padding: 0px; --gh-tw-blk4-box12: 0px; --gv-tw-blk4-box12: 20px; width: calc(100% - 32px); max-width: calc(100% - 32px); } }

/* tw-blk4-list1: 毎月膨大な領収書請求書と仕訳と支払いに追われている 月次決算 */
.tw-blk4-list1 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 5px; padding: 0px; width: calc(100% - (var(--gh-tw-blk4-box12) * 0)); --gh-tw-blk4-list1: 5px; --gv-tw-blk4-list1: 5px; max-width: calc(100% - (var(--gh-tw-blk4-box12) * 0)); }
@media screen and (max-width: 840px) { .tw-blk4-list1 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; width: 500px; --gh-tw-blk4-list1: 5px; --gv-tw-blk4-list1: 5px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-list1 { gap: 8px; --gh-tw-blk4-list1: 8px; --gv-tw-blk4-list1: 8px; } }

/* tw-blk4-item1: 毎月膨大な領収書請求書と仕訳と支払いに追われている */
.tw-blk4-item1 { place-content: center space-around; align-items: center; border-width: 2px; border-style: solid; border-color: rgb(217, 217, 217); flex: 0 0 auto; flex-flow: column; gap: 0px; height: 206px; padding: 8px; width: 206px; --gh-tw-blk4-item1: 0px; --gv-tw-blk4-item1: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-item1 { flex: 0 0 auto; flex-flow: column; height: auto; padding: 8px; width: calc(50% - (var(--gh-tw-blk4-list1) * 0.5)); --gh-tw-blk4-item1: 0px; --gv-tw-blk4-item1: 0px; max-width: calc(50% - (var(--gh-tw-blk4-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .tw-blk4-item1 { flex: 0 0 auto; padding: 6px; width: 50%; --gh-tw-blk4-item1: 0px; --gv-tw-blk4-item1: 0px; } }

/* tw-blk4-img1:  */
.tw-blk4-img1 { flex: 0 0 auto; height: auto; width: 152px; max-width: 100%; }
@media screen and (max-width: 540px) { .tw-blk4-img1 { flex: 0 0 auto; width: 142px; max-width: 100%; } }

/* tw-blk4-txt12: 毎月膨大な領収書請求書と仕訳と支払いに追われている */
.tw-blk4-txt12 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.2; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tw-blk4-txt12 { font-size: 14px; } }

/* tw-blk4-box17: なら解決できます ここにしかない中小企業特化DXパッケージ */
.tw-blk4-box17 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-tw-blk4-box2) * 0)); --gh-tw-blk4-box17: 0px; --gv-tw-blk4-box17: 0px; max-width: calc(100% - (var(--gh-tw-blk4-box2) * 0)); }
@media screen and (max-width: 840px) { .tw-blk4-box17 { flex-flow: column; margin: 0px 0px 30px; width: auto; --gh-tw-blk4-box17: 0px; --gv-tw-blk4-box17: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-box17 { gap: 8px; --gh-tw-blk4-box17: 0px; --gv-tw-blk4-box17: 8px; } }

/* tw-blk4-box18: なら解決できます */
.tw-blk4-box18 { place-content: center; align-items: center; flex-flow: row; gap: 4px; margin: 0px 0px 10px; padding: 0px; --gh-tw-blk4-box18: 4px; --gv-tw-blk4-box18: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box18 { flex-flow: wrap; --gh-tw-blk4-box18: 4px; --gv-tw-blk4-box18: 4px; } }
@media screen and (max-width: 540px) { .tw-blk4-box18 { gap: 0px; margin: 0px 0px 8px; --gh-tw-blk4-box18: 0px; --gv-tw-blk4-box18: 0px; max-width: 100%; } }

/* tw-blk4-box19:  */
.tw-blk4-box19 { place-content: center; align-items: center; flex-flow: row; gap: 4px; margin: 0px 0px -5px; padding: 0px; --gh-tw-blk4-box19: 4px; --gv-tw-blk4-box19: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .tw-blk4-box19 { margin: 0px; --gh-tw-blk4-box19: 4px; --gv-tw-blk4-box19: 0px; max-width: 100%; } }

/* tw-blk4-img2:  */
.tw-blk4-img2 { flex: 0 0 auto; height: auto; width: 252px; max-width: 100%; }

/* tw-blk4-txt13: なら解決できます */
.tw-blk4-txt13 { color: rgb(228, 115, 181); font-family: 'Noto Sans JP', sans-serif; font-size: 30px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tw-blk4-txt13 { font-size: 20px; margin: -6px 0px 0px; max-width: 100%; } }

/* tw-blk4-txt14: ここにしかない中小企業特化DXパッケージ 営業・バックオフィ */
.tw-blk4-txt14 { color: rgb(51, 51, 51); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 12px; height: auto; line-height: 1.3; margin: 0px 0px 40px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tw-blk4-txt14 { margin: 0px 0px 20px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-txt14 { display: none; } }

/* tw-blk4-txt15: 【組み合わせ可能なツール一覧】 */
.tw-blk4-txt15 { color: rgb(51, 51, 51); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 20px; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tw-blk4-txt16: freee会計を中心とした、中小企業DX向けフルDXパッケー */
.tw-blk4-txt16 { color: rgb(51, 51, 51); display: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.3; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tw-blk4-txt16 { display: none; } }
@media screen and (max-width: 540px) { .tw-blk4-txt16 { display: flex; text-align: justify; justify-content: space-between; } }

/* tw-blk4-list2: freee ERP Hubspot Notion Mon */
.tw-blk4-list2 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 5px; height: 663px; padding: 0px; width: 885px; --gh-tw-blk4-list2: 5px; --gv-tw-blk4-list2: 5px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-list2 { place-content: stretch center; align-items: stretch; flex-flow: wrap; gap: 16px; height: auto; width: 500px; --gh-tw-blk4-list2: 16px; --gv-tw-blk4-list2: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-list2 { gap: 8px; height: auto; --gh-tw-blk4-list2: 8px; --gv-tw-blk4-list2: 8px; } }

/* tw-blk4-item2: freee ERP */
.tw-blk4-item2 { place-content: center space-around; align-items: center; border-width: 2px; border-style: solid; border-color: rgb(249, 213, 246); flex: 0 0 auto; flex-flow: column; gap: 0px; height: 206px; padding: 16px; width: 206px; --gh-tw-blk4-item2: 0px; --gv-tw-blk4-item2: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-item2 { flex: 0 0 auto; flex-flow: column; height: 150px; padding: 24px; width: calc(50% - (var(--gh-tw-blk4-list2) * 0.5)); --gh-tw-blk4-item2: 0px; --gv-tw-blk4-item2: 0px; max-width: calc(50% - (var(--gh-tw-blk4-list2) * 0.5)); } }
@media screen and (max-width: 540px) { .tw-blk4-item2 { flex: 0 0 auto; height: 178px; padding: 10px; width: calc(50% - (var(--gh-tw-blk4-list2) * 0.5)); --gh-tw-blk4-item2: 0px; --gv-tw-blk4-item2: 0px; max-width: calc(50% - (var(--gh-tw-blk4-list2) * 0.5)); } }

/* tw-blk4-box20:  */
.tw-blk4-box20 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-tw-blk4-item2) * 0)); --gh-tw-blk4-box20: 0px; --gv-tw-blk4-box20: 0px; max-width: calc(100% - (var(--gh-tw-blk4-item2) * 0)); }
@media screen and (max-width: 840px) { .tw-blk4-box20 { flex-direction: column; --gh-tw-blk4-box20: 0px; --gv-tw-blk4-box20: 0px; } }
@media screen and (max-width: 540px) { .tw-blk4-box20 { height: 102px; margin: 0px; --gh-tw-blk4-box20: 0px; --gv-tw-blk4-box20: 0px; width: calc(100% - (var(--gh-tw-blk4-item2) * 0)); max-width: calc(100% - (var(--gh-tw-blk4-item2) * 0)); } }

/* tw-blk4-img3: freee */
.tw-blk4-img3 { flex: 0 0 auto; height: auto; width: calc(90% - (var(--gh-tw-blk4-box20) * 0.10000000000000003)); max-width: calc(90% - (var(--gh-tw-blk4-box20) * 0.10000000000000003)); }
._boolean.tw-blk4-img3 { width: calc(50% - (var(--gh-tw-blk4-box20) * 0.5)); max-width: calc(50% - (var(--gh-tw-blk4-box20) * 0.5)); }
@media screen and (max-width: 840px) { .tw-blk4-img3 { flex: 0 0 auto; width: calc(60% - (var(--gh-tw-blk4-box20) * 0.4)); max-width: calc(60% - (var(--gh-tw-blk4-box20) * 0.4)); } }
@media screen and (max-width: 840px) { ._boolean.tw-blk4-img3 { width: calc(35% - (var(--gh-tw-blk4-box20) * 0.65)); max-width: calc(35% - (var(--gh-tw-blk4-box20) * 0.65)); } }
@media screen and (max-width: 540px) { .tw-blk4-img3 { flex: 0 0 auto; width: calc(100% - (var(--gh-tw-blk4-box20) * 0)); max-width: calc(100% - (var(--gh-tw-blk4-box20) * 0)); } }
@media screen and (max-width: 540px) { ._boolean.tw-blk4-img3 { width: calc(40% - (var(--gh-tw-blk4-box20) * 0.6)); max-width: calc(40% - (var(--gh-tw-blk4-box20) * 0.6)); } }

/* tw-blk4-box21: freee ERP */
.tw-blk4-box21 { place-content: center; align-items: center; inset: auto 0px 24px; flex: 0 0 auto; flex-flow: column; gap: 0px; margin: 0px; padding: 0px; position: absolute; width: calc(100% - (var(--gh-tw-blk4-item2) * 0)); --gh-tw-blk4-box21: 0px; --gv-tw-blk4-box21: 0px; max-width: calc(100% - (var(--gh-tw-blk4-item2) * 0)); }
@media screen and (max-width: 840px) { .tw-blk4-box21 { bottom: 10px; flex-direction: column; --gh-tw-blk4-box21: 0px; --gv-tw-blk4-box21: 0px; } }

/* tw-blk4-txt17: freee ERP */
.tw-blk4-txt17 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.2; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tw-blk4-txt17 { font-size: 14px; } }

/* tw-blk4-sec2: Works 営業管理の自動化 営業数値・顧客管理情報をデー */
.tw-blk4-sec2 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: 605px; margin: 0px 0px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-sec2 { height: auto; margin: 0px 0px 100px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-sec2 { flex: 0 0 auto; height: auto; margin: 0px 0px 50px; width: auto; max-width: 100%; } }

/* tw-blk4-box22: Works 営業管理の自動化 営業数値・顧客管理情報をデー */
.tw-blk4-box22 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 20px; height: 100%; margin: 0px; padding: 80px 0px; width: 1000px; --gh-tw-blk4-box22: 0px; --gv-tw-blk4-box22: 20px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box22 { gap: 20px; margin: 0px; padding: 0px; --gh-tw-blk4-box22: 0px; --gv-tw-blk4-box22: 20px; } }
@media screen and (max-width: 540px) { .tw-blk4-box22 { gap: 48px; height: auto; margin: 0px 16px; padding: 0px; width: auto; --gh-tw-blk4-box22: 0px; --gv-tw-blk4-box22: 48px; max-width: calc(100% - 32px); } }

/* tw-blk4-list3: 営業管理の自動化 営業数値・顧客管理情報をデータ管理。顧客 */
.tw-blk4-list3 { place-content: stretch center; align-items: stretch; flex-flow: wrap; gap: 5px; padding: 0px; --gh-tw-blk4-list3: 5px; --gv-tw-blk4-list3: 5px; }
@media screen and (max-width: 840px) { .tw-blk4-list3 { flex: 0 0 auto; width: calc(100% - (var(--gh-tw-blk4-box22) * 0)); --gh-tw-blk4-list3: 5px; --gv-tw-blk4-list3: 5px; max-width: calc(100% - (var(--gh-tw-blk4-box22) * 0)); } }
@media screen and (max-width: 540px) { .tw-blk4-list3 { place-content: stretch flex-start; align-items: stretch; flex-flow: row; gap: 16px; margin: -36px -16px 0px 0px; overflow: auto hidden; --gh-tw-blk4-list3: 16px; --gv-tw-blk4-list3: 0px; width: calc(100% - -16px - (var(--gh-tw-blk4-box22) * 0)); max-width: calc(100% - -16px - (var(--gh-tw-blk4-box22) * 0)); } }

/* tw-blk4-item3: 営業管理の自動化 営業数値・顧客管理情報をデータ管理。顧客 */
.tw-blk4-item3 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(74, 164, 139); flex: 0 0 auto; flex-flow: column; gap: 16px; height: auto; padding: 20px 40px; width: calc(33.33% - (var(--gh-tw-blk4-list3) * 0.6667)); --gh-tw-blk4-item3: 0px; --gv-tw-blk4-item3: 16px; max-width: calc(33.33% - (var(--gh-tw-blk4-list3) * 0.6667)); }
@media screen and (max-width: 840px) { .tw-blk4-item3 { flex: 0 0 auto; --gh-tw-blk4-item3: 0px; --gv-tw-blk4-item3: 16px; } }
@media screen and (max-width: 540px) { .tw-blk4-item3 { flex: 0 0 auto; gap: 8px; width: calc(75% - (var(--gh-tw-blk4-list3) * 0.24999999999999994)); --gh-tw-blk4-item3: 0px; --gv-tw-blk4-item3: 8px; max-width: calc(75% - (var(--gh-tw-blk4-list3) * 0.24999999999999994)); } }

/* tw-blk4-img4:  */
.tw-blk4-img4 { flex: 0 0 auto; height: 40px; width: 40px; max-width: 100%; }

/* tw-blk4-txt19: 営業管理の自動化 */
.tw-blk4-txt19 { color: rgb(74, 164, 139); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 700; height: auto; line-height: 1.2; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tw-blk4-txt19 { display: none; } }

/* tw-blk4-txt20: 営業進捗の数値管理 */
.tw-blk4-txt20 { color: rgb(74, 164, 139); display: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 700; height: auto; line-height: 1.2; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tw-blk4-txt20 { display: none; } }
@media screen and (max-width: 540px) { .tw-blk4-txt20 { display: flex; } }

/* tw-blk4-txt21: 営業数値・顧客管理情報をデータ管理。顧客情報と営業数値を自動 */
.tw-blk4-txt21 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: calc(100% - (var(--gh-tw-blk4-item3) * 0)); max-width: calc(100% - (var(--gh-tw-blk4-item3) * 0)); justify-content: flex-start; }
@media screen and (max-width: 840px) { .tw-blk4-txt21 { display: none; } }
@media screen and (max-width: 540px) { .tw-blk4-txt21 { display: none; } }

/* tw-blk4-txt22: 営業成績と情報がダッシュボードへ自動的に集められ、不足してい */
.tw-blk4-txt22 { color: rgb(51, 51, 51); display: none; flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: calc(100% - (var(--gh-tw-blk4-item3) * 0)); max-width: calc(100% - (var(--gh-tw-blk4-item3) * 0)); justify-content: flex-start; }
@media screen and (max-width: 840px) { .tw-blk4-txt22 { display: flex; } }
@media screen and (max-width: 540px) { .tw-blk4-txt22 { display: flex; text-align: justify; justify-content: space-between; } }

/* tw-blk4-sec3: Flow STEP01 無料相談 STEP02 ヒア */
.tw-blk4-sec3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: 562px; margin: 0px 0px 100px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-sec3 { height: auto; width: auto; max-width: 100%; } }

/* tw-blk4-box24: Flow STEP01 無料相談 STEP02 ヒア */
.tw-blk4-box24 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 20px; height: auto; margin: 0px; padding: 80px 0px 123px; width: 1000px; --gh-tw-blk4-box24: 0px; --gv-tw-blk4-box24: 20px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box24 { margin: 0px; padding: 0px; --gh-tw-blk4-box24: 0px; --gv-tw-blk4-box24: 20px; } }
@media screen and (max-width: 540px) { .tw-blk4-box24 { gap: 20px; margin: 0px 16px; padding: 0px; --gh-tw-blk4-box24: 0px; --gv-tw-blk4-box24: 20px; max-width: calc(100% - 32px); } }

/* tw-blk4-box26: STEP01 無料相談 STEP02 ヒアリング内容提 */
.tw-blk4-box26 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: calc(100% - (var(--gh-tw-blk4-box24) * 0)); max-width: calc(100% - (var(--gh-tw-blk4-box24) * 0)); }
@media screen and (max-width: 540px) { .tw-blk4-box26 { margin: -10px -16px 0px 0px; width: calc(100% - -16px - (var(--gh-tw-blk4-box24) * 0)); max-width: calc(100% - -16px - (var(--gh-tw-blk4-box24) * 0)); } }

/* tw-blk4-list4: STEP01 無料相談 STEP02 ヒアリング内容提 */
.tw-blk4-list4 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 5px; height: auto; padding: 0px; width: 100%; --gh-tw-blk4-list4: 5px; --gv-tw-blk4-list4: 5px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-list4 { gap: 16px; height: auto; --gh-tw-blk4-list4: 16px; --gv-tw-blk4-list4: 16px; } }
@media screen and (max-width: 540px) { .tw-blk4-list4 { place-content: stretch flex-start; align-items: stretch; flex-flow: row; gap: 8px; overflow: auto hidden; --gh-tw-blk4-list4: 8px; --gv-tw-blk4-list4: 0px; } }

/* tw-blk4-item4: STEP01 無料相談 */
.tw-blk4-item4 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(74, 164, 139); flex-flow: column; gap: 10px; height: calc(50% - (var(--gv-tw-blk4-list4) * 0.5)); padding: 30px; width: calc(33.33% - (var(--gh-tw-blk4-list4) * 0.6667)); --gh-tw-blk4-item4: 0px; --gv-tw-blk4-item4: 10px; max-width: calc(33.33% - (var(--gh-tw-blk4-list4) * 0.6667)); }
@media screen and (max-width: 840px) { .tw-blk4-item4 { flex: 0 0 auto; height: auto; padding: 20px 10px; --gh-tw-blk4-item4: 0px; --gv-tw-blk4-item4: 10px; width: calc(33.33% - (var(--gh-tw-blk4-list4) * 0.6667)); max-width: calc(33.33% - (var(--gh-tw-blk4-list4) * 0.6667)); } }
@media screen and (max-width: 540px) { .tw-blk4-item4 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 16px; width: calc(47% - (var(--gh-tw-blk4-list4) * 0.53)); --gh-tw-blk4-item4: 0px; --gv-tw-blk4-item4: 16px; max-width: calc(47% - (var(--gh-tw-blk4-list4) * 0.53)); } }

/* tw-blk4-img5:  */
.tw-blk4-img5 { flex: 0 0 auto; height: 40px; width: 40px; max-width: 100%; }

/* tw-blk4-box27: STEP01 無料相談 */
.tw-blk4-box27 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; padding: 0px; width: auto; --gh-tw-blk4-box27: 0px; --gv-tw-blk4-box27: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box27 { flex-flow: column; padding: 0px; --gh-tw-blk4-box27: 0px; --gv-tw-blk4-box27: 0px; } }
@media screen and (max-width: 540px) { .tw-blk4-box27 { flex: 0 0 auto; gap: 4px; height: auto; --gh-tw-blk4-box27: 0px; --gv-tw-blk4-box27: 4px; max-width: 100%; } }

/* tw-blk4-txt24: STEP01 */
.tw-blk4-txt24 { color: rgb(74, 164, 139); font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .tw-blk4-txt24 { font-size: 14px; } }

/* tw-blk4-txt25: 無料相談 */
.tw-blk4-txt25 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .tw-blk4-txt25 { font-size: 14px; } }
@media screen and (max-width: 540px) { .tw-blk4-txt25 { text-align: center; justify-content: center; } }

/* tw-blk4-txt26: お客様のご負担を減らす 補助金のサポートも可能◎ */
.tw-blk4-txt26 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 12px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tw-blk4-txt26 { font-size: 12px; } }
@media screen and (max-width: 540px) { .tw-blk4-txt26 { text-align: justify; justify-content: space-between; } }

/* tw-blk4-box28: 3 DX研修事業 AIを、現場の味方にするDX研修  */
.tw-blk4-box28 { place-content: flex-start center; align-items: flex-start; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 0px; width: 940px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box28 { margin: 0px 0px 70px; padding: 0px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .tw-blk4-box28 { flex: 0 0 auto; margin: 0px 0px 60px; width: 100%; max-width: 100%; } }

/* tw-blk4-box29: 3 DX研修事業 */
.tw-blk4-box29 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; margin: 0px 0px 25px; padding: 0px; width: 100%; max-width: 100%; }

/* tw-blk4-box30: 3 */
.tw-blk4-box30 { place-content: flex-start center; align-items: flex-start; flex-flow: column; margin: 0px; padding: 0px; max-width: 100%; }

/* tw-blk4-txt27: 3 */
.tw-blk4-txt27 { color: rgb(5, 15, 119); font-family: Rubik, sans-serif; font-size: 28px; font-style: normal; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tw-blk4-txt27 { font-size: 23px; } }

/* tw-blk4-box31:  */
.tw-blk4-box31 { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1), var(--g-color-2) var(--g-position-2), var(--g-color-3) var(--g-position-3)); flex: 0 0 auto; height: 40px; margin: -24px 0px 0px; width: 40px; z-index: -1; max-width: 100%; --g-color-0: rgb(255, 255, 255); --g-position-0: 49%; --g-color-1: rgb(5, 15, 119); --g-position-1: 49%; --g-color-2: rgb(5, 15, 119); --g-position-2: 51%; --g-color-3: rgb(255, 255, 255); --g-position-3: 40%; --g-color-4: rgb(255, 255, 255); --g-position-4: 40%; --g-color-5: rgb(255, 255, 255); --g-position-5: 40%; --g-color-6: rgb(255, 255, 255); --g-position-6: 40%; --g-color-7: rgb(255, 255, 255); --g-position-7: 40%; --g-color-8: rgb(255, 255, 255); --g-position-8: 40%; --g-color-9: rgb(255, 255, 255); --g-position-9: 40%; --g-color-10: rgb(255, 255, 255); --g-position-10: 40%; --g-color-11: rgb(255, 255, 255); --g-position-11: 40%; --g-angle: 135deg; }
@media screen and (max-width: 540px) { .tw-blk4-box31 { flex: 0 0 auto; height: 30px; margin: -20px 0px 0px; width: 30px; max-width: 100%; } }

/* tw-blk4-txt28: DX研修事業 */
.tw-blk4-txt28 { background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(0, 0, 0); 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: "palt"; font-size: 32px; font-style: normal; height: auto; letter-spacing: 0.12em; line-height: 1.93; margin: 25px 0px 0px -10px; text-align: left; width: auto; max-width: calc(100% + 10px); justify-content: flex-start; }
@media screen and (max-width: 840px) { .tw-blk4-txt28 { flex: 1 1 0%; font-size: 26px; line-height: 1.55; width: auto; } }
@media screen and (max-width: 540px) { .tw-blk4-txt28 { font-size: 24px; letter-spacing: 0.1em; line-height: 1.4; margin: 38px 0px 0px -22px; max-width: calc(100% + 22px); } }

/* tw-blk4-txt29: AIを、現場の味方にするDX研修 */
.tw-blk4-txt29 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1.4; margin: 0px 0px 15px; padding: 0px; text-align: left; width: 100%; max-width: 100%; justify-content: flex-start; }

/* tw-blk4-txt30: 私たちは、「明日から使えるAI活用」にこだわった 短期間で身 */
.tw-blk4-txt30 { background: rgba(0, 0, 0, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 12px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.9; margin: 11px 0px 50px; text-align: justify; width: 100%; max-width: 100%; justify-content: space-between; }

/* tw-blk4-box32:  */
.tw-blk4-box32 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: wrap; height: auto; margin: 0px; padding: 0px; width: 940px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box32 { flex: 0 0 auto; } }

/* tw-blk4-pic8:  */
.tw-blk4-pic8 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic8 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic8 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-pic9:  */
.tw-blk4-pic9 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic9 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic9 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-pic10:  */
.tw-blk4-pic10 { border-radius: 4px; flex: 0 0 auto; height: 210px; margin: 0px 0px 20px; width: 32%; max-width: 32%; }
@media screen and (max-width: 840px) { .tw-blk4-pic10 { height: 118px; margin: 0px 0px 13px; width: 32%; max-width: 32%; } }
@media screen and (max-width: 540px) { .tw-blk4-pic10 { flex: 0 0 auto; height: 115px; margin: 0px 0px 7px; width: 49%; max-width: 49%; } }

/* tw-blk4-box33: 初級コース IT化とDX その本質的な違いとビジネス変革へ */
.tw-blk4-box33 { place-content: center; align-items: center; flex-flow: wrap; gap: 25px; margin: 25px 0px 100px; padding: 0px; width: 940px; --gh-tw-blk4-box33: 25px; --gv-tw-blk4-box33: 25px; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-box33 { flex-flow: wrap; width: auto; --gh-tw-blk4-box33: 25px; --gv-tw-blk4-box33: 25px; max-width: 100%; } }

/* tw-blk4-box34: 初級コース IT化とDX その本質的な違いとビジネス変革へ */
.tw-blk4-box34 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }
@media screen and (max-width: 840px) { .tw-blk4-box34 { flex-direction: column; width: calc(100% - (var(--gh-tw-blk4-box33) * 0)); max-width: calc(100% - (var(--gh-tw-blk4-box33) * 0)); } }

/* tw-blk4-txt31: 初級コース */
.tw-blk4-txt31 { background: rgb(73, 163, 138); border-width: 0px; border-style: solid; border-color: rgb(98, 174, 152); border-radius: 100px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1.4; margin: 0px 0px -16px; padding: 5px 40px; text-align: left; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }

/* tw-blk4-list5: IT化とDX その本質的な違いとビジネス変革への道 デジタ */
.tw-blk4-list5 { place-content: stretch flex-start; align-items: stretch; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(73, 163, 138); border-radius: 5px; flex: 0 0 auto; padding: 25px 30px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-list5 { width: 470px; max-width: 100%; } }

/* tw-blk4-item5: IT化とDX その本質的な違いとビジネス変革への道 */
.tw-blk4-item5 { place-content: center; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(230, 230, 230); flex-flow: row; gap: 8px; padding: 8px 0px; --gh-tw-blk4-item5: 8px; --gv-tw-blk4-item5: 0px; }

/* tw-blk4-icon3:  */
.tw-blk4-icon3 { color: rgb(85, 148, 129); font-size: 16px; height: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .tw-blk4-icon3 { font-size: 12px; } }

/* tw-blk4-txt32: IT化とDX その本質的な違いとビジネス変革への道 */
.tw-blk4-txt32 { color: rgb(34, 34, 34); flex: 1 1 0%; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 13px; font-style: normal; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tw-blk4-txt32 { font-size: 11px; } }

/* tw-blk4-box35: 中級コース 【導入】業務効率化と生成AIの全体像 生成A */
.tw-blk4-box35 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }
@media screen and (max-width: 840px) { .tw-blk4-box35 { flex-direction: column; width: 918px; max-width: 100%; } }

/* tw-blk4-txt33: 中級コース */
.tw-blk4-txt33 { background: rgb(225, 126, 191); border-width: 0px; border-style: solid; border-color: rgb(229, 115, 181); border-radius: 100px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1.4; margin: 0px 0px -16px; padding: 5px 40px; text-align: left; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }

/* tw-blk4-list6: 【導入】業務効率化と生成AIの全体像 生成AIの「仕組み」 */
.tw-blk4-list6 { place-content: stretch flex-start; align-items: stretch; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(222, 114, 184); border-radius: 5px; flex: 0 0 auto; padding: 25px 30px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-list6 { width: 470px; max-width: 100%; } }

/* tw-blk4-item6: 【導入】業務効率化と生成AIの全体像 */
.tw-blk4-item6 { place-content: center; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(230, 230, 230); flex-flow: row; gap: 8px; padding: 8px 0px; --gh-tw-blk4-item6: 8px; --gv-tw-blk4-item6: 0px; }

/* tw-blk4-icon4:  */
.tw-blk4-icon4 { color: rgb(225, 126, 191); font-size: 16px; height: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .tw-blk4-icon4 { font-size: 12px; } }

/* tw-blk4-txt34: 【導入】業務効率化と生成AIの全体像 */
.tw-blk4-txt34 { color: rgb(34, 34, 34); flex: 1 1 0%; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 13px; font-style: normal; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tw-blk4-txt34 { font-size: 11px; } }

/* tw-blk4-box36: 上級コース Copilot入門：AIアシスタントの基本と全 */
.tw-blk4-box36 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }
@media screen and (max-width: 840px) { .tw-blk4-box36 { flex: 0 0 auto; flex-direction: column; width: calc(100% - (var(--gh-tw-blk4-box33) * 0)); max-width: calc(100% - (var(--gh-tw-blk4-box33) * 0)); } }

/* tw-blk4-txt35: 上級コース */
.tw-blk4-txt35 { background: rgb(5, 14, 118); border-width: 0px; border-style: solid; border-color: rgb(229, 115, 181); border-radius: 100px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1.4; margin: 0px 0px -16px; padding: 5px 40px; text-align: left; width: auto; z-index: 1; max-width: 100%; justify-content: flex-start; }

/* tw-blk4-list7: Copilot入門：AIアシスタントの基本と全体像 プロン */
.tw-blk4-list7 { place-content: stretch flex-start; align-items: stretch; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(6, 13, 118); border-radius: 5px; flex: 0 0 auto; padding: 25px 30px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .tw-blk4-list7 { width: 470px; max-width: 100%; } }

/* tw-blk4-item7: Copilot入門：AIアシスタントの基本と全体像 */
.tw-blk4-item7 { place-content: center; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(230, 230, 230); flex-flow: row; gap: 8px; padding: 8px 0px; --gh-tw-blk4-item7: 8px; --gv-tw-blk4-item7: 0px; }

/* tw-blk4-icon5:  */
.tw-blk4-icon5 { color: rgb(6, 13, 118); font-size: 16px; height: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .tw-blk4-icon5 { font-size: 12px; } }

/* tw-blk4-txt36: Copilot入門：AIアシスタントの基本と全体像 */
.tw-blk4-txt36 { color: rgb(34, 34, 34); flex: 1 1 0%; font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-feature-settings: "palt"; font-size: 13px; font-style: normal; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .tw-blk4-txt36 { font-size: 11px; } }

/* tw-blk4-link1: back */
.tw-blk4-link1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 80px; flex: 0 0 auto; flex-flow: column; height: 36px; margin: 0px; padding: 0px; width: 122px; max-width: 100%; }
.tw-blk4-link1:hover { border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }

/* tw-blk4-txt37: back */
.tw-blk4-txt37 { color: rgb(0, 0, 0); font-family: Rubik, sans-serif; font-size: 14px; font-style: italic; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; transform-origin: left center; width: auto; max-width: 100%; justify-content: flex-start; }

/* tw-blk4-link1: back */
.tw-blk4-link1:hover .tw-blk4-txt37 { color: rgb(5, 15, 119); letter-spacing: 0.12em; }

/* tw-blk4-box37:  */
.tw-blk4-box37 { background: rgb(0, 0, 0); inset: 17px auto auto -8px; flex: 0 0 auto; height: 1px; margin: 0px; position: absolute; scale: 1e-10 1; transform-origin: right center; width: 18px; z-index: 2; max-width: 100%; }

/* tw-blk4-link1: back */
.tw-blk4-link1:hover .tw-blk4-box37 { background: rgb(5, 15, 119); scale: 2 1; transform-origin: right center; }