/* =========================================================
   top.css  top（/ /top …）専用。クラス名はすべて tp- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* tp-root: ご挨拶 私たちの仕事 お知らせ 会社情報 お問い合わせ 顧問 */
.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-blk4-box1: for Ready to Grow Smarter. ご挨 */
.tp-blk4-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-box2: for Ready to Grow Smarter. */
.tp-blk4-box2 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: 100vh; margin: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-pic1: for Ready to Grow Smarter. */
.tp-blk4-pic1 { place-content: center; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 4px; flex: 1 1 0%; flex-flow: column; height: auto; margin: 0px 50px 40px; padding: 0px; width: calc(100% - 100px); max-width: calc(100% - 100px); }
.tp-blk4-pic1::before { background-repeat: no-repeat; }
@media screen and (max-width: 840px) { .tp-blk4-pic1 { margin: 0px 40px 40px; width: calc(100% - 80px); max-width: calc(100% - 80px); } }
@media screen and (max-width: 540px) { .tp-blk4-pic1 { border-radius: 0px; margin: 0px 38px 40px 0px; width: calc(100% - 38px); max-width: calc(100% - 38px); } }

/* tp-blk4-box3: for Ready to Grow Smarter. */
.tp-blk4-box3 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 20px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box3 { margin: 0px 30px 20px; max-width: calc(100% - 60px); } }
@media screen and (max-width: 540px) { .tp-blk4-box3 { margin: 0px 12px 49px 25px; max-width: calc(100% - 37px); } }

/* tp-blk4-txt1: for */
.tp-blk4-txt1 { background: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Bad Script', sans-serif; font-size: 30px; font-style: italic; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.7; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-blk4-txt2: Ready to Grow Smarter. */
.tp-blk4-txt2 { background: rgba(0, 0, 0, 0); color: rgb(255, 255, 255); flex: 0 0 auto; font-family: Rubik, sans-serif; font-size: 48px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.7; margin: 7px 0px 0px -4px; padding: 0px; text-align: left; width: auto; max-width: calc(100% + 4px); justify-content: flex-start; }
@media screen and (max-width: 840px) { .tp-blk4-txt2 { flex: 0 0 auto; line-height: 1.2; margin: 22px 0px 0px -6px; text-align: center; width: 345px; max-width: calc(100% + 6px); justify-content: center; } }
@media screen and (max-width: 540px) { .tp-blk4-txt2 { flex: 1 1 0%; text-align: left; width: auto; max-width: calc(100% + 6px); justify-content: flex-start; } }

/* tp-blk4-box4: ご挨拶 仕組みで支える、あなたの挑戦。 私たちは、中小企 */
.tp-blk4-box4 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; margin: -38px 0px 0px; padding: 100px 0px 110px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box4 { flex: 0 0 auto; padding: 80px 0px 90px; } }
@media screen and (max-width: 540px) { .tp-blk4-box4 { margin: -30px 0px 0px; padding: 40px 0px 90px; width: 100%; max-width: 100%; } }

/* tp-blk4-box5: ご挨拶 */
.tp-blk4-box5 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 50px; padding: 0px; width: 840px; max-width: calc(100% - 100px); }
html.js .tp-blk4-box5:not(.in) { opacity: 0; transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; translate: 0px 10px; }
.tp-blk4-box5.in-active { transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; }
@media screen and (max-width: 840px) { .tp-blk4-box5 { flex: 0 0 auto; margin: 0px; width: 80%; max-width: 80%; } }
@media screen and (max-width: 540px) { .tp-blk4-box5 { flex: 0 0 auto; width: 92%; max-width: 92%; } }

/* tp-blk4-txt3: ご挨拶 */
.tp-blk4-txt3 { background: rgba(0, 0, 0, 0); border-width: 0px 2px 0px 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-size: 22px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 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) { .tp-blk4-txt3 { font-size: 19px; } }
@media screen and (max-width: 540px) { .tp-blk4-txt3 { flex: 0 0 auto; font-size: 18px; width: 34px; max-width: 100%; } }

/* tp-blk4-box6: 仕組みで支える、あなたの挑戦。 私たちは、中小企業の成長を */
.tp-blk4-box6 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; margin: -25px 0px 0px; padding: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box6 { flex: 0 0 auto; margin: -20px 0px 0px 64px; width: calc(72% - 64px); max-width: calc(72% - 64px); } }
@media screen and (max-width: 540px) { .tp-blk4-box6 { flex: 0 0 auto; margin: -20px 0px 0px 28px; width: calc(70% - 28px); max-width: calc(70% - 28px); } }

/* tp-blk4-txt4: 仕組みで支える、あなたの挑戦。 */
.tp-blk4-txt4 { background: rgba(0, 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.72; margin: 0px 0px 25px; text-align: left; width: 600px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .tp-blk4-txt4 { font-size: 28px; } }
@media screen and (max-width: 540px) { .tp-blk4-txt4 { letter-spacing: 0.1em; line-height: 1.5; } }

/* tp-blk4-txt5: 私たちは、中小企業の成長を「営業力」と「仕組み化」で支える会 */
.tp-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 48px; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 540px) { .tp-blk4-txt5 { margin: 0px 0px 33px; max-width: 100%; } }

/* tp-blk4-img1:  */
.tp-blk4-img1 { border-radius: 4px; flex: 0 0 auto; height: auto; margin: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-img1 { flex: 0 0 auto; height: 293px; margin: 0px 0px 0px 64px; width: calc(72% - 64px); max-width: calc(72% - 64px); } }
@media screen and (max-width: 540px) { .tp-blk4-img1 { flex: 0 0 auto; height: auto; margin: 0px 0px 0px 28px; width: calc(70% - 28px); max-width: calc(70% - 28px); } }

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

/* tp-blk4-pic2:  */
.tp-blk4-pic2 { box-shadow: rgb(100, 100, 100) 10px 10px 0px; flex: 0 0 auto; height: 416px; margin: 0px; width: 93%; max-width: 93%; }
@media screen and (max-width: 840px) { .tp-blk4-pic2 { flex: 0 0 auto; height: 266px; width: 93%; max-width: 93%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic2 { flex: 0 0 auto; height: 220px; width: 88%; max-width: 88%; } }

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

/* tp-blk4-box9: 私たちの仕事 */
.tp-blk4-box9 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 50px; padding: 0px; width: 840px; max-width: calc(100% - 100px); }
html.js .tp-blk4-box9:not(.in) { opacity: 0; transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; translate: 0px 10px; }
.tp-blk4-box9.in-active { transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; }
@media screen and (max-width: 840px) { .tp-blk4-box9 { flex: 0 0 auto; margin: 0px; width: calc(80% - (var(--gh-tp-blk4-box8) * 0.2)); max-width: calc(80% - (var(--gh-tp-blk4-box8) * 0.2)); } }
@media screen and (max-width: 540px) { .tp-blk4-box9 { flex: 0 0 auto; width: calc(92% - (var(--gh-tp-blk4-box8) * 0.07999999999999995)); max-width: calc(92% - (var(--gh-tp-blk4-box8) * 0.07999999999999995)); } }

/* tp-blk4-txt6: 私たちの仕事 */
.tp-blk4-txt6 { background: rgba(0, 0, 0, 0); border-width: 0px 2px 0px 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-size: 22px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 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) { .tp-blk4-txt6 { font-size: 19px; } }
@media screen and (max-width: 540px) { .tp-blk4-txt6 { flex: 0 0 auto; font-size: 18px; width: 34px; max-width: 100%; } }

/* tp-blk4-box10: 1 営業支援事業 営業に、仕組みと再現性を。 私たちは */
.tp-blk4-box10 { place-content: flex-start center; align-items: flex-start; flex-flow: column; margin: -25px 0px 150px; padding: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box10 { flex: 0 0 auto; margin: -20px 0px 60px 64px; width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); max-width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); } }
@media screen and (max-width: 540px) { .tp-blk4-box10 { flex: 0 0 auto; margin: -60px 0px 100px 28px; width: calc(70% - 28px - (var(--gh-tp-blk4-box8) * 0.3)); max-width: calc(70% - 28px - (var(--gh-tp-blk4-box8) * 0.3)); } }

/* tp-blk4-box11: 1 営業支援事業 */
.tp-blk4-box11 { place-content: flex-start; align-items: flex-start; flex-flow: row; margin: 0px 0px 16px; padding: 0px; width: auto; max-width: 100%; }

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

/* tp-blk4-txt7: 1 */
.tp-blk4-txt7 { 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) { .tp-blk4-txt7 { font-size: 23px; } }

/* tp-blk4-box13:  */
.tp-blk4-box13 { 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) { .tp-blk4-box13 { flex: 0 0 auto; height: 30px; margin: -20px 0px 0px; width: 30px; max-width: 100%; } }

/* tp-blk4-txt8: 営業支援事業 */
.tp-blk4-txt8 { 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) { .tp-blk4-txt8 { flex: 1 1 0%; font-size: 26px; line-height: 1.55; width: auto; } }
@media screen and (max-width: 540px) { .tp-blk4-txt8 { font-size: 24px; line-height: 1.4; margin: 38px 0px 0px -22px; max-width: calc(100% + 22px); } }

/* tp-blk4-txt9: 営業に、仕組みと再現性を。 */
.tp-blk4-txt9 { color: rgb(51, 51, 51); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 15px; height: auto; line-height: 1.4; padding: 8px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-blk4-txt10: 私たちは、様々な企業の新規開拓営業の支援を行っております。  */
.tp-blk4-txt10 { 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 30px; padding: 11px; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }

/* tp-blk4-box14:  */
.tp-blk4-box14 { place-content: center space-between; align-items: center; flex-flow: row; gap: 5px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-tp-blk4-box14: 5px; --gv-tp-blk4-box14: 0px; max-width: 100%; }

/* tp-blk4-pic3:  */
.tp-blk4-pic3 { border-radius: 4px; height: 140px; width: 200px; max-width: 100%; }
.tp-blk4-pic3::before { background-size: cover; }
@media screen and (max-width: 840px) { .tp-blk4-pic3 { height: 110px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic3 { height: 75px; padding: 0px; max-width: 100%; } }

/* tp-blk4-pic4:  */
.tp-blk4-pic4 { border-radius: 4px; flex: 0 0 auto; height: 140px; width: 199px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-pic4 { height: 110px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic4 { height: 75px; padding: 0px; max-width: 100%; } }

/* tp-blk4-pic5:  */
.tp-blk4-pic5 { border-radius: 4px; flex: 0 0 auto; height: 140px; margin: 0px; width: 199px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-pic5 { height: 110px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic5 { height: 75px; padding: 0px; max-width: 100%; } }

/* tp-blk4-box15: 2 経営DX支援事業 現場に、無理なく、成果につながる */
.tp-blk4-box15 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 60px; padding: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box15 { flex: 0 0 auto; margin: 0px 0px 70px 64px; width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); max-width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); } }
@media screen and (max-width: 540px) { .tp-blk4-box15 { flex: 0 0 auto; margin: 0px 0px 60px 28px; width: calc(70% - 28px - (var(--gh-tp-blk4-box8) * 0.3)); max-width: calc(70% - 28px - (var(--gh-tp-blk4-box8) * 0.3)); } }

/* tp-blk4-box16: 2 経営DX支援事業 */
.tp-blk4-box16 { place-content: flex-start; align-items: flex-start; flex-flow: row; margin: 0px 0px 25px; padding: 0px; width: auto; max-width: 100%; }

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

/* tp-blk4-txt11: 2 */
.tp-blk4-txt11 { 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) { .tp-blk4-txt11 { font-size: 23px; } }

/* tp-blk4-box18:  */
.tp-blk4-box18 { 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) { .tp-blk4-box18 { flex: 0 0 auto; height: 30px; margin: -20px 0px 0px; width: 30px; max-width: 100%; } }

/* tp-blk4-txt12: 経営DX支援事業 */
.tp-blk4-txt12 { 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) { .tp-blk4-txt12 { flex: 1 1 0%; font-size: 26px; line-height: 1.55; width: auto; } }
@media screen and (max-width: 540px) { .tp-blk4-txt12 { font-size: 24px; letter-spacing: 0.1em; line-height: 1.4; margin: 38px 0px 0px -22px; max-width: calc(100% + 22px); } }

/* tp-blk4-txt13: 現場に、無理なく、成果につながるDXを。 */
.tp-blk4-txt13 { color: rgb(51, 51, 51); 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: auto; max-width: 100%; justify-content: flex-start; }

/* tp-blk4-txt14: 私たちのDX支援は、「ただのIT導入」ではありません。 業務 */
.tp-blk4-txt14 { 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 23px; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }

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

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

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

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

/* tp-blk4-txt15: なら解決できます */
.tp-blk4-txt15 { 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) { .tp-blk4-txt15 { font-size: 20px; margin: -6px 0px 0px; max-width: 100%; } }

/* tp-blk4-txt16: ここにしかない中小企業特化DXパッケージ 営業・バックオフィ */
.tp-blk4-txt16 { 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: 540px) { .tp-blk4-txt16 { display: none; } }

/* tp-blk4-txt17: 【組み合わせ可能なツール一覧】 */
.tp-blk4-txt17 { 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; }
@media screen and (max-width: 540px) { .tp-blk4-txt17 { font-size: 18px; } }

/* tp-blk4-txt18: freee会計を中心とした、中小企業DX向けフルDXパッケー */
.tp-blk4-txt18 { 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) { .tp-blk4-txt18 { display: none; } }
@media screen and (max-width: 540px) { .tp-blk4-txt18 { display: flex; text-align: justify; justify-content: space-between; } }

/* tp-blk4-list1: freee ERP Hubspot Notion Mon */
.tp-blk4-list1 { place-content: center; align-items: center; flex-flow: wrap; gap: 5px; height: 671px; margin: 0px 0px 150px; padding: 0px; width: 930px; --gh-tp-blk4-list1: 5px; --gv-tp-blk4-list1: 5px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-list1 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 16px; height: calc(100% - 150px - (var(--gv-tp-blk4-box8) * 0)); width: 500px; --gh-tp-blk4-list1: 16px; --gv-tp-blk4-list1: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-list1 { gap: 5px; height: auto; margin: 0px 0px 100px; padding: 0px 30px; --gh-tp-blk4-list1: 5px; --gv-tp-blk4-list1: 5px; max-width: 100%; } }

/* tp-blk4-item1: freee ERP */
.tp-blk4-item1 { 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-tp-blk4-item1: 0px; --gv-tp-blk4-item1: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-item1 { flex: 0 0 auto; flex-flow: column; height: 150px; padding: 24px; width: calc(50% - (var(--gh-tp-blk4-list1) * 0.5)); --gh-tp-blk4-item1: 0px; --gv-tp-blk4-item1: 0px; max-width: calc(50% - (var(--gh-tp-blk4-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .tp-blk4-item1 { flex: 0 0 auto; height: 178px; padding: 10px; width: calc(50% - (var(--gh-tp-blk4-list1) * 0.5)); --gh-tp-blk4-item1: 0px; --gv-tp-blk4-item1: 0px; max-width: calc(50% - (var(--gh-tp-blk4-list1) * 0.5)); } }

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

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

/* tp-blk4-box23: freee ERP */
.tp-blk4-box23 { 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-tp-blk4-item1) * 0)); --gh-tp-blk4-box23: 0px; --gv-tp-blk4-box23: 0px; max-width: calc(100% - (var(--gh-tp-blk4-item1) * 0)); }
@media screen and (max-width: 840px) { .tp-blk4-box23 { bottom: 10px; flex-direction: column; --gh-tp-blk4-box23: 0px; --gv-tp-blk4-box23: 0px; } }

/* tp-blk4-txt19: freee ERP */
.tp-blk4-txt19 { 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) { .tp-blk4-txt19 { font-size: 14px; } }

/* tp-blk4-box24: 3 DX研修事業 AIを、現場の味方にするDX研修  */
.tp-blk4-box24 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box24 { flex: 0 0 auto; margin: 0px 0px 70px 64px; width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); max-width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); } }
@media screen and (max-width: 540px) { .tp-blk4-box24 { flex: 0 0 auto; margin: 0px 0px 60px 28px; width: calc(70% - 28px - (var(--gh-tp-blk4-box8) * 0.3)); max-width: calc(70% - 28px - (var(--gh-tp-blk4-box8) * 0.3)); } }

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

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

/* tp-blk4-txt20: 3 */
.tp-blk4-txt20 { 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) { .tp-blk4-txt20 { font-size: 23px; } }

/* tp-blk4-box27:  */
.tp-blk4-box27 { 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) { .tp-blk4-box27 { flex: 0 0 auto; height: 30px; margin: -20px 0px 0px; width: 30px; max-width: 100%; } }

/* tp-blk4-txt21: DX研修事業 */
.tp-blk4-txt21 { 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) { .tp-blk4-txt21 { flex: 1 1 0%; font-size: 26px; line-height: 1.55; width: auto; } }
@media screen and (max-width: 540px) { .tp-blk4-txt21 { font-size: 24px; letter-spacing: 0.1em; line-height: 1.4; margin: 38px 0px 0px -22px; max-width: calc(100% + 22px); } }

/* tp-blk4-txt22: AIを、現場の味方にするDX研修 */
.tp-blk4-txt22 { color: rgb(51, 51, 51); 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: auto; max-width: 100%; justify-content: flex-start; }

/* tp-blk4-txt23: 私たちは、「明日から使えるAI活用」にこだわった 短期間で身 */
.tp-blk4-txt23 { 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: auto; max-width: 100%; justify-content: space-between; }

/* tp-blk4-box28:  */
.tp-blk4-box28 { place-content: center space-between; align-items: center; flex-flow: row; gap: 5px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-tp-blk4-box28: 5px; --gv-tp-blk4-box28: 0px; max-width: 100%; }

/* tp-blk4-pic6:  */
.tp-blk4-pic6 { border-radius: 4px; height: 140px; padding: 0px; width: 200px; max-width: 100%; }
.tp-blk4-pic6::before { background-size: cover; }
@media screen and (max-width: 840px) { .tp-blk4-pic6 { height: 110px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic6 { height: 75px; padding: 0px; max-width: 100%; } }

/* tp-blk4-pic7:  */
.tp-blk4-pic7 { border-radius: 4px; flex: 0 0 auto; height: 140px; width: 199px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-pic7 { height: 110px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic7 { height: 75px; padding: 0px; max-width: 100%; } }

/* tp-blk4-pic8:  */
.tp-blk4-pic8 { border-radius: 4px; flex: 0 0 auto; height: 140px; margin: 0px; width: 199px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-pic8 { height: 110px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic8 { height: 75px; padding: 0px; max-width: 100%; } }

/* tp-blk4-box29:  */
.tp-blk4-box29 { place-content: flex-end center; align-items: flex-end; flex: 0 0 auto; flex-flow: column; padding: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box29 { flex: 0 0 auto; margin: 0px 0px 0px 64px; width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); max-width: calc(72% - 64px - (var(--gh-tp-blk4-box8) * 0.27999999999999997)); } }

/* tp-blk4-link1: view more */
.tp-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: 16px; flex: 0 0 auto; flex-flow: column; height: 30px; margin: 0px; padding: 0px; width: 122px; max-width: 100%; }
.tp-blk4-link1:hover { border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }

/* tp-blk4-txt24: view more */
.tp-blk4-txt24 { 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; }

/* tp-blk4-link1: view more */
.tp-blk4-link1:hover .tp-blk4-txt24 { color: rgb(5, 15, 119); letter-spacing: 0.1em; }

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

/* tp-blk4-link1: view more */
.tp-blk4-link1:hover .tp-blk4-box30 { background: rgb(5, 15, 119); scale: 2 1; transform-origin: left center; }

/* tp-blk4-box31: お知らせ 2021.10.11 NEWS 【紹介パート */
.tp-blk4-box31 { place-content: center; align-items: center; background: rgb(245, 245, 245); flex: 0 0 auto; flex-flow: column; margin: 0px; padding: 100px 0px 190px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box31 { padding: 80px 0px 170px; } }
@media screen and (max-width: 540px) { .tp-blk4-box31 { padding: 50px 0px 170px; } }

/* tp-blk4-box32: お知らせ */
.tp-blk4-box32 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 50px 50px; padding: 0px; width: 840px; max-width: calc(100% - 100px); }
html.js .tp-blk4-box32:not(.in) { opacity: 0; transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; translate: 0px 10px; }
.tp-blk4-box32.in-active { transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; }
@media screen and (max-width: 840px) { .tp-blk4-box32 { flex: 0 0 auto; margin: 0px; width: 80%; max-width: 80%; } }
@media screen and (max-width: 540px) { .tp-blk4-box32 { flex: 0 0 auto; width: 92%; max-width: 92%; } }

/* tp-blk4-txt25: お知らせ */
.tp-blk4-txt25 { background: rgba(0, 0, 0, 0); border-width: 0px 2px 0px 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-size: 22px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 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) { .tp-blk4-txt25 { font-size: 19px; } }
@media screen and (max-width: 540px) { .tp-blk4-txt25 { flex: 0 0 auto; font-size: 18px; width: 34px; max-width: 100%; } }

/* tp-blk4-box33: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-box33 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; gap: 30px; height: auto; margin: 0px 0px 30px; padding: 0px; width: 800px; --gh-tp-blk4-box33: 0px; --gv-tp-blk4-box33: 30px; max-width: 100%; }

/* tp-blk4-link2: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-link2 { background: rgba(255, 255, 255, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); flex-direction: row; gap: 40px; justify-content: flex-start; padding: 0px 0px 15px; width: calc(100% - (var(--gh-tp-blk4-box33) * 0)); --gh-tp-blk4-link2: 40px; --gv-tp-blk4-link2: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box33) * 0)); }
.tp-blk4-link2:hover { transition-duration: 0ms; --gh-tp-blk4-link2: 40px; --gv-tp-blk4-link2: 0px; }
@media screen and (max-width: 840px) { .tp-blk4-link2 { flex-flow: row; gap: 20px; overflow: hidden auto; --gh-tp-blk4-link2: 20px; --gv-tp-blk4-link2: 0px; } }
@media screen and (max-width: 540px) { .tp-blk4-link2 { overflow: hidden auto; width: 100%; --gh-tp-blk4-link2: 40px; --gv-tp-blk4-link2: 0px; } }

/* tp-blk4-box34: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-box34 { flex: 1 1 0%; flex-flow: wrap; gap: 10px; height: auto; justify-content: flex-start; --gh-tp-blk4-box34: 10px; --gv-tp-blk4-box34: 10px; max-width: 100%; }

/* tp-blk4-box35: 2021.10.11 NEWS */
.tp-blk4-box35 { place-content: center; align-items: center; flex-flow: row; height: auto; padding: 0px; max-width: 100%; }

/* tp-blk4-txt26: 2021.10.11 */
.tp-blk4-txt26 { color: rgb(0, 0, 0); font-family: Rubik, sans-serif; font-size: 15px; font-weight: 400; height: auto; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); }

/* tp-blk4-link2: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-link2:hover .tp-blk4-txt26 { color: rgb(148, 148, 148); }
@media screen and (max-width: 840px) { .tp-blk4-txt26 { font-size: 12px; } }

/* tp-blk4-list2: NEWS */
.tp-blk4-list2 { flex: 0 0 auto; flex-flow: row; gap: 0px 5px; height: 21px; margin: 0px 30px 0px 0px; width: auto; --gh-tp-blk4-list2: 5px; --gv-tp-blk4-list2: 0px; max-width: calc(100% - 30px); }

/* tp-blk4-item2: NEWS */
.tp-blk4-item2 { place-content: flex-start center; align-items: flex-start; flex-wrap: nowrap; gap: 10px; padding: 0px; --gh-tp-blk4-item2: 0px; --gv-tp-blk4-item2: 10px; }

/* tp-blk4-txt27: NEWS */
.tp-blk4-txt27 { background: rgb(0, 0, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: Rubik, sans-serif; font-size: 13px; font-weight: 300; padding: 5px 10px; }

/* tp-blk4-link2: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-link2:hover .tp-blk4-txt27 { background: rgb(249, 166, 178); }
@media screen and (max-width: 840px) { .tp-blk4-txt27 { font-size: 10px; } }

/* tp-blk4-txt28: 【紹介パートナー募集中】ご紹介で報酬が得られる制度とは？ */
.tp-blk4-txt28 { 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-blk4-link2: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-link2:hover .tp-blk4-txt28 { color: rgb(148, 148, 148); }
@media screen and (max-width: 840px) { .tp-blk4-txt28 { font-size: 15px; } }

/* tp-blk4-box36: arrow_forward */
.tp-blk4-box36 { place-content: center; align-items: center; background: rgb(249, 166, 178); border-radius: 3px; flex: 0 0 auto; flex-flow: column; height: 40px; width: 40px; max-width: 100%; }

/* tp-blk4-link2: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-link2:hover .tp-blk4-box36 { background: rgb(249, 166, 178); }

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

/* tp-blk4-link2: 2021.10.11 NEWS 【紹介パートナー募集中】 */
.tp-blk4-link2:hover .tp-blk4-icon1 { color: rgb(250, 250, 250); translate: 5px; }
@media screen and (max-width: 540px) { .tp-blk4-icon1 { font-size: 15px; } }

/* tp-blk4-box37:  */
.tp-blk4-box37 { place-content: flex-end center; align-items: flex-end; flex: 0 0 auto; flex-flow: column; margin: -90px 0px 0px; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-pic9:  */
.tp-blk4-pic9 { box-shadow: rgb(100, 100, 100) -10px 10px 0px; flex: 0 0 auto; height: 416px; margin: 0px; width: 93%; max-width: 93%; }
@media screen and (max-width: 840px) { .tp-blk4-pic9 { flex: 0 0 auto; height: 266px; width: 93%; max-width: 93%; } }
@media screen and (max-width: 540px) { .tp-blk4-pic9 { flex: 0 0 auto; height: 220px; width: 92%; max-width: 92%; } }

/* tp-blk4-box38: 会社情報 株式会社チェリブロは、「挑戦する企業の“実行パー */
.tp-blk4-box38 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; margin: 10px 0px 0px; padding: 100px 0px 110px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box38 { padding: 80px 0px 90px; } }
@media screen and (max-width: 540px) { .tp-blk4-box38 { padding: 50px 0px 90px; } }

/* tp-blk4-box39: 会社情報 */
.tp-blk4-box39 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px 50px 0px 47px; padding: 0px; width: 840px; max-width: calc(100% - 97px); }
html.js .tp-blk4-box39:not(.in) { opacity: 0; transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; translate: 0px 10px; }
.tp-blk4-box39.in-active { transition-delay: 200ms; transition-duration: 400ms; transition-timing-function: ease-out; }
@media screen and (max-width: 840px) { .tp-blk4-box39 { flex: 0 0 auto; margin: 0px; width: 80%; max-width: 80%; } }
@media screen and (max-width: 540px) { .tp-blk4-box39 { flex: 0 0 auto; width: 92%; max-width: 92%; } }

/* tp-blk4-txt29: 会社情報 */
.tp-blk4-txt29 { background: rgba(0, 0, 0, 0); border-width: 0px 2px 0px 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-size: 22px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 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) { .tp-blk4-txt29 { font-size: 19px; } }
@media screen and (max-width: 540px) { .tp-blk4-txt29 { flex: 0 0 auto; font-size: 18px; width: 34px; max-width: 100%; } }

/* tp-blk4-box40: 株式会社チェリブロは、「挑戦する企業の“実行パートナー”であ */
.tp-blk4-box40 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; margin: -25px 0px 68px; padding: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box40 { align-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: -20px 0px 62px 64px; width: calc(72% - 64px); max-width: calc(72% - 64px); } }
@media screen and (max-width: 540px) { .tp-blk4-box40 { flex: 0 0 auto; margin: -20px 0px 50px 28px; width: calc(70% - 28px); max-width: calc(70% - 28px); } }

/* tp-blk4-img4:  */
.tp-blk4-img4 { border-width: 10px; border-style: solid; border-color: rgb(245, 245, 245); border-radius: 46px; flex: 0 0 auto; height: 344px; margin: 0px 26px 0px 0px; width: auto; max-width: calc(100% - 26px); }
@media screen and (max-width: 840px) { .tp-blk4-img4 { margin: 0px 22px 29px 0px; max-width: calc(100% - 22px); } }
@media screen and (max-width: 540px) { .tp-blk4-img4 { flex: 0 0 auto; margin: 0px 0px 22px; width: 100%; max-width: 100%; } }

/* tp-blk4-box41: 株式会社チェリブロは、「挑戦する企業の“実行パートナー”であ */
.tp-blk4-box41 { place-content: flex-start center; align-items: flex-start; flex: 1 1 0%; flex-flow: column; margin: 0px; padding: 10px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box41 { flex: 0 0 auto; width: 396px; max-width: 100%; } }

/* tp-blk4-txt30: 株式会社チェリブロは、「挑戦する企業の“実行パートナー”であ */
.tp-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: 14px; font-style: normal; height: auto; letter-spacing: 0.03em; line-height: 1.9; margin: 0px 0px 16px; padding: 0px; text-align: justify; width: 500px; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 840px) { .tp-blk4-txt30 { margin: 0px 0px 10px; max-width: 100%; } }

/* tp-blk4-txt31: 代表取締役 小栁翔 */
.tp-blk4-txt31 { 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; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 840px) { .tp-blk4-txt31 { flex: 0 0 auto; text-align: right; width: 100%; max-width: 100%; justify-content: flex-end; } }

/* tp-blk4-box42: 会社名 株式会社チェリブロ 代表 小栁翔 資本金  */
.tp-blk4-box42 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; margin: 0px; padding: 0px; width: 600px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box42 { flex: 0 0 auto; margin: 0px 0px 0px 64px; width: calc(72% - 64px); max-width: calc(72% - 64px); } }
@media screen and (max-width: 540px) { .tp-blk4-box42 { flex: 0 0 auto; margin: 0px 0px 0px 28px; width: calc(70% - 28px); max-width: calc(70% - 28px); } }

/* tp-blk4-box43: 会社名 株式会社チェリブロ 代表 小栁翔 */
.tp-blk4-box43 { place-content: center flex-start; align-items: center; flex-flow: row; margin: 0px 0px 30px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box43 { align-content: flex-start; align-items: flex-start; flex-flow: column; margin: 0px 0px 28px; max-width: 100%; } }

/* tp-blk4-box44: 会社名 株式会社チェリブロ */
.tp-blk4-box44 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; width: 360px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box44 { margin: 0px 0px 28px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-box44 { flex-flow: column; } }

/* tp-blk4-txt32: 会社名 */
.tp-blk4-txt32 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: "palt"; font-size: 14px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.93; margin: 0px 16px 0px 0px; padding: 0px; text-align: left; width: 80px; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-blk4-txt32 { flex: 0 0 auto; margin: 0px 16px 10px 0px; width: auto; max-width: calc(100% - 16px); } }

/* tp-blk4-txt33: 株式会社チェリブロ */
.tp-blk4-txt33 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 220, 220); 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; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }

/* tp-blk4-box45: 代表 小栁翔 */
.tp-blk4-box45 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-blk4-box45 { flex-flow: column; } }

/* tp-blk4-txt34: 代表 */
.tp-blk4-txt34 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: "palt"; font-size: 14px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.93; margin: 0px 16px 0px 0px; padding: 0px; text-align: left; width: 80px; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-blk4-txt34 { flex: 0 0 auto; margin: 0px 16px 10px 0px; width: auto; max-width: calc(100% - 16px); } }

/* tp-blk4-txt35: 小栁翔 */
.tp-blk4-txt35 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 220, 220); 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; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }

/* tp-blk4-box46: 資本金 500万円 お問い合わせ先 info@cher */
.tp-blk4-box46 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box46 { place-content: flex-start space-between; align-items: flex-start; flex-flow: column; } }

/* tp-blk4-box47: 資本金 500万円 */
.tp-blk4-box47 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box47 { margin: 0px 0px 28px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-box47 { flex-flow: column; } }

/* tp-blk4-txt36: 資本金 */
.tp-blk4-txt36 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: "palt"; font-size: 14px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.93; margin: 0px 16px 0px 0px; padding: 0px; text-align: left; width: 80px; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-blk4-txt36 { flex: 0 0 auto; margin: 0px 16px 10px 0px; width: auto; max-width: calc(100% - 16px); } }

/* tp-blk4-txt37: 500万円 */
.tp-blk4-txt37 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 220, 220); 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; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }

/* tp-blk4-box48: お問い合わせ先 info@cherrybro.jp */
.tp-blk4-box48 { place-content: flex-start center; align-items: flex-start; flex-flow: row; height: auto; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-blk4-box48 { flex-flow: column; } }

/* tp-blk4-txt38: お問い合わせ先 */
.tp-blk4-txt38 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: "palt"; font-size: 14px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.93; margin: 0px 16px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-blk4-txt38 { flex: 0 0 auto; margin: 0px 16px 10px 0px; width: auto; max-width: calc(100% - 16px); } }

/* tp-blk4-txt39: info@cherrybro.jp */
.tp-blk4-txt39 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 220, 220); 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; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }

/* tp-blk4-box49:  */
.tp-blk4-box49 { place-content: center flex-start; align-items: center; flex-flow: row; margin: 0px 0px 30px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box49 { align-content: flex-start; align-items: flex-start; flex-flow: column; margin: 0px 0px 28px; max-width: 100%; } }

/* tp-blk4-box50: 所在地 〒150-0002 東京都渋谷区渋谷２丁目１９番１ */
.tp-blk4-box50 { place-content: center; align-items: center; flex-flow: row; margin: 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-blk4-box50 { place-content: flex-start center; align-items: flex-start; flex-flow: column; } }

/* tp-blk4-box51: 所在地 〒150-0002 東京都渋谷区渋谷２丁目１９番１ */
.tp-blk4-box51 { place-content: flex-start; align-items: flex-start; flex-flow: row; padding: 0px; }
@media screen and (max-width: 840px) { .tp-blk4-box51 { flex-flow: column; } }

/* tp-blk4-box52: 所在地 〒150-0002 東京都渋谷区渋谷２丁目１９番１ */
.tp-blk4-box52 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; margin: 0px; padding: 0px; width: 378px; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box52 { margin: 0px 0px 28px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-box52 { flex-flow: column; margin: 0px; max-width: 100%; } }

/* tp-blk4-txt40: 所在地 */
.tp-blk4-txt40 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); border-radius: 0px; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-feature-settings: "palt"; font-size: 14px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.93; margin: 0px 16px 0px 0px; padding: 0px; text-align: left; width: 80px; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .tp-blk4-txt40 { flex: 0 0 auto; margin: 0px 16px 10px 0px; width: auto; max-width: calc(100% - 16px); } }

/* tp-blk4-box53: 〒150-0002 東京都渋谷区渋谷２丁目１９番１５号 宮益 */
.tp-blk4-box53 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-txt41: 〒150-0002 東京都渋谷区渋谷２丁目１９番１５号 宮益 */
.tp-blk4-txt41 { background: rgba(0, 0, 0, 0); border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 220, 220); 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: 107px; letter-spacing: 0.05em; line-height: 1.9; margin: 0px 0px 12px; text-align: justify; width: 100%; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 840px) { .tp-blk4-txt41 { margin: 0px; width: 100%; max-width: 100%; } }

/* tp-blk4-link3: Google Map */
.tp-blk4-link3 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-width: 1px; border-style: solid; border-color: rgb(100, 100, 100); border-radius: 16px; flex: 0 0 auto; flex-flow: column; height: 26px; margin: 44px 0px 0px; padding: 0px; width: 100px; max-width: 100%; }
.tp-blk4-link3:hover { border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }
@media screen and (max-width: 840px) { .tp-blk4-link3 { margin: 30px 0px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-link3 { margin: 10px 0px 0px; max-width: 100%; } }

/* tp-blk4-txt42: Google Map */
.tp-blk4-txt42 { color: rgb(100, 100, 100); font-family: Rubik, sans-serif; font-size: 11px; 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; }

/* tp-blk4-link3: Google Map */
.tp-blk4-link3:hover .tp-blk4-txt42 { color: rgb(5, 15, 119); letter-spacing: 0.08em; }

/* tp-blk4-box54:  */
.tp-blk4-box54 { background: rgb(0, 0, 0); inset: auto -6px 10px auto; flex: 0 0 auto; height: 1px; margin: 0px; position: absolute; scale: 1e-10 1; transform-origin: left center; width: 14px; z-index: 2; max-width: 100%; }

/* tp-blk4-link3: Google Map */
.tp-blk4-link3:hover .tp-blk4-box54 { background: rgb(5, 15, 119); bottom: 10px; flex: 0 0 auto; right: -6px; scale: 2 1; transform-origin: left center; width: 14px; max-width: 100%; }

/* tp-blk4-box55: お問い合わせ 弊社へのお問い合わせはこちらよりお願い致しま */
.tp-blk4-box55 { place-content: center; align-items: center; background: rgb(245, 245, 245); flex: 0 0 auto; flex-flow: column; margin: 0px; padding: 100px 0px 110px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .tp-blk4-box55 { padding: 80px 0px 90px; } }
@media screen and (max-width: 540px) { .tp-blk4-box55 { padding: 70px 0px 90px; } }

/* tp-blk4-txt43: お問い合わせ */
.tp-blk4-txt43 { 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-size: 32px; font-style: normal; height: auto; letter-spacing: 0.05em; line-height: 1.4; margin: 0px 0px 22px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-blk4-txt43 { font-size: 24px; } }

/* tp-blk4-txt44: 弊社へのお問い合わせはこちらよりお願い致します。２営業日以内 */
.tp-blk4-txt44 { 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-feature-settings: "palt"; font-size: 14px; font-style: normal; height: auto; letter-spacing: 0.07em; line-height: 1.9; margin: 0px 0px 23px; text-align: center; width: 334px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .tp-blk4-txt44 { flex: 0 0 auto; line-height: 1.59; margin: 0px 40px 23px; text-align: left; width: calc(100% - 80px); max-width: calc(100% - 80px); justify-content: flex-start; } }

/* tp-blk4-form1: お名前 必須 会社名 メールアドレス 必須  */
.tp-blk4-form1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; margin: 20px 50px; opacity: 1; padding: 0px; width: 560px; max-width: calc(100% - 100px); }
@media screen and (max-width: 840px) { .tp-blk4-form1 { margin: 20px 60px; max-width: calc(100% - 120px); } }
@media screen and (max-width: 540px) { .tp-blk4-form1 { margin: 20px 40px; max-width: calc(100% - 80px); } }

/* tp-blk4-label1: お名前 必須 */
.tp-blk4-label1 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; height: auto; margin: 0px 0px 57px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-box56: お名前 必須 */
.tp-blk4-box56 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* tp-blk4-txt45: お名前 */
.tp-blk4-txt45 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 18px; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tp-blk4-txt45 { font-size: 16px; } }

/* tp-blk4-txt46: 必須 */
.tp-blk4-txt46 { background: rgb(5, 15, 119); 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: 12px; height: 19px; line-height: 1.4; margin: 0px 0px 0px 6px; text-align: center; width: 38px; max-width: calc(100% - 6px); justify-content: center; }

/* tp-blk4-input1:  */
.tp-blk4-input1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(220, 220, 220); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 16px; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 10px; text-align: left; width: 100%; max-width: 100%; }
.tp-blk4-input1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }
.tp-blk4-input1::-webkit-input-placeholder { color: rgb(204, 204, 204); }

/* tp-blk4-label2: 会社名 */
.tp-blk4-label2 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; height: auto; margin: 0px 0px 57px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-txt47: 会社名 */
.tp-blk4-txt47 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 18px; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 10px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tp-blk4-txt47 { font-size: 16px; } }

/* tp-blk4-input2:  */
.tp-blk4-input2 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(220, 220, 220); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 16px; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 10px; text-align: left; width: 100%; max-width: 100%; }
.tp-blk4-input2:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }
.tp-blk4-input2::-webkit-input-placeholder { color: rgb(204, 204, 204); }

/* tp-blk4-label3: メールアドレス 必須 */
.tp-blk4-label3 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 57px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-box57: メールアドレス 必須 */
.tp-blk4-box57 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* tp-blk4-txt48: メールアドレス */
.tp-blk4-txt48 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 18px; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tp-blk4-txt48 { font-size: 16px; } }

/* tp-blk4-txt49: 必須 */
.tp-blk4-txt49 { background: rgb(5, 15, 119); 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: 12px; height: 19px; line-height: 1.4; margin: 0px 0px 0px 6px; text-align: center; width: 38px; max-width: calc(100% - 6px); justify-content: center; }

/* tp-blk4-input3:  */
.tp-blk4-input3 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(220, 220, 220); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 16px; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 10px 16px; text-align: left; text-shadow: none; width: 100%; max-width: 100%; }
.tp-blk4-input3:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }
.tp-blk4-input3::-webkit-input-placeholder { color: rgb(204, 204, 204); }

/* tp-blk4-label4: 電話番号 */
.tp-blk4-label4 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 57px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* tp-blk4-txt50: 電話番号 */
.tp-blk4-txt50 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 18px; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 10px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tp-blk4-txt50 { font-size: 16px; } }

/* tp-blk4-input4:  */
.tp-blk4-input4 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(220, 220, 220); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 16px; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 10px 16px; text-align: left; text-shadow: none; width: 100%; max-width: 100%; }
.tp-blk4-input4:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }
.tp-blk4-input4::-webkit-input-placeholder { color: rgb(204, 204, 204); }

/* tp-blk4-label5: お問い合わせ内容 必須 */
.tp-blk4-label5 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 57px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-blk4-label5 { margin: 0px 0px 46px; width: 100%; max-width: 100%; } }

/* tp-blk4-box58: お問い合わせ内容 必須 */
.tp-blk4-box58 { place-content: center; align-items: center; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* tp-blk4-txt51: お問い合わせ内容 */
.tp-blk4-txt51 { border-radius: 0px; color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 18px; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tp-blk4-txt51 { font-size: 16px; } }

/* tp-blk4-txt52: 必須 */
.tp-blk4-txt52 { background: rgb(5, 15, 119); 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: 12px; height: 19px; line-height: 1.4; margin: 0px 0px 0px 6px; text-align: center; width: 38px; max-width: calc(100% - 6px); justify-content: center; }

/* tp-blk4-textarea1:  */
.tp-blk4-textarea1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(220, 220, 220); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); font-family: var(--font-a1-r); font-weight: var(--font-a1-r-weight); font-size: 16px; height: 302px; justify-content: center; letter-spacing: 0em; line-height: 1.6; opacity: 1; padding: 10px; text-align: left; text-shadow: none; width: 100%; max-width: 100%; }
.tp-blk4-textarea1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(5, 15, 119); }
.tp-blk4-textarea1::-webkit-input-placeholder { color: rgb(204, 204, 204); }

/* tp-blk4-box59: プライバシーポリシーを確認する プライバシーポリシーに同意 */
.tp-blk4-box59 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 45px; width: 100%; max-width: 100%; }

/* tp-blk4-box60: プライバシーポリシーを確認する */
.tp-blk4-box60 { place-content: flex-start center; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 20px; width: auto; max-width: 100%; }

/* tp-blk4-txt53: プライバシーポリシーを確認する */
.tp-blk4-txt53 { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 14px; line-height: 1.4; margin: 0px; max-width: 100%; }
.tp-blk4-txt53:hover { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(13, 127, 208); color: rgb(13, 127, 208); }
@media screen and (max-width: 540px) { .tp-blk4-txt53 { text-align: left; justify-content: flex-start; } }

/* tp-blk4-label6: プライバシーポリシーに同意する */
.tp-blk4-label6 { flex-direction: row; height: auto; margin: 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .tp-blk4-label6 { margin: 0px 0px 38px; max-width: 100%; } }

/* tp-blk4-input5:  */
.tp-blk4-input5 { flex: 0 0 auto; height: 16px; margin: 0px 7px 0px 0px; padding: 0px; width: 16px; max-width: calc(100% - 7px); }

/* tp-blk4-txt54: プライバシーポリシーに同意する */
.tp-blk4-txt54 { color: rgb(0, 0, 0); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 14px; line-height: 1.4; }
@media screen and (max-width: 540px) { .tp-blk4-txt54 { text-align: left; justify-content: flex-start; } }

/* tp-blk4-btn1: 送信 */
.tp-blk4-btn1 { background: rgb(5, 15, 119); border-radius: 40px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; font-size: 15px; height: 55px; justify-content: center; margin: 0px; opacity: 1; padding: 3px 0px 0px; width: 220px; max-width: 100%; }
.tp-blk4-btn1:hover { background: rgb(13, 127, 208); }
@media screen and (max-width: 840px) { .tp-blk4-btn1 { flex: 0 0 auto; width: 200px; max-width: 100%; } }
@media screen and (max-width: 540px) { .tp-blk4-btn1 { flex: 0 0 auto; width: 180px; max-width: 100%; } }

/* tp-blk4-txt55: 送信 */
.tp-blk4-txt55 { border-radius: 0px; color: rgb(255, 255, 255); font-family: var(--font-a1-m); font-weight: var(--font-a1-m-weight); font-size: 24px; letter-spacing: 0.1em; line-height: 1; margin: 0px; opacity: 1; padding: 0px 0px 2px; text-align: center; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .tp-blk4-txt55 { font-size: 20px; } }