/* =========================================================
   top.css  / 専用。クラス名はすべて tp- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* tp-root: 今なら入学金 0 円 キャンペーン！ mail_outlin */
.tp-root { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: 100%; width: 100%; max-width: 100%; }

/* tp-hd-link1: 今なら入学金 0 円 キャンペーン！ mail_outlin */
.tp-hd-link1 { place-content: center; align-items: center; background: rgb(107, 116, 219); border-width: 0px; border-style: solid; border-color: rgb(248, 248, 253); border-radius: 8px; inset: 640px 48px auto auto; box-shadow: rgba(36, 42, 115, 0.24) 0px 0px 24px; flex: 0 0 auto; flex-flow: column; gap: 8px; padding: 16px 24px; position: fixed; width: auto; z-index: 2; --gh-tp-hd-link1: 0px; --gv-tp-hd-link1: 8px; max-width: 100%; }
html.js .tp-hd-link1:not(.in) { opacity: 0; transition-delay: 1200ms; transition-duration: 800ms; translate: 40px; --gh-tp-hd-link1: 0px; --gv-tp-hd-link1: 8px; }
.tp-hd-link1.in-active { transition-delay: 1200ms; transition-duration: 800ms; }
@media screen and (max-width: 768px) { .tp-hd-link1 { gap: 4px; padding: 12px 16px; --gh-tp-hd-link1: 0px; --gv-tp-hd-link1: 4px; } }
@media screen and (max-width: 480px) { .tp-hd-link1 { inset: 620px 0px auto auto; display: flex; margin: 0px 48px; padding: 16px; width: calc(100% - 96px); --gh-tp-hd-link1: 0px; --gv-tp-hd-link1: 8px; max-width: calc(100% - 96px); } }
@media screen and (max-width: 360px) { .tp-hd-link1 { display: flex; --gh-tp-hd-link1: 0px; --gv-tp-hd-link1: 8px; } }

/* tp-hd-box1: 今なら入学金 0 円 キャンペーン！ */
.tp-hd-box1 { place-content: flex-end center; align-items: flex-end; flex-flow: row; gap: 12px; padding: 0px; --gh-tp-hd-box1: 12px; --gv-tp-hd-box1: 0px; }

/* tp-hd-box2:  */
.tp-hd-box2 { background: rgb(255, 255, 255); display: flex; flex: 0 0 auto; height: 24px; width: 2px; rotate: -32deg; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-hd-box2 { display: flex; } }
@media screen and (max-width: 768px) { .tp-hd-box2 { display: flex; } }
@media screen and (max-width: 480px) { .tp-hd-box2 { display: flex; } }
@media screen and (max-width: 360px) { .tp-hd-box2 { display: flex; } }

/* tp-hd-box3: 今なら入学金 0 円 キャンペーン！ */
.tp-hd-box3 { place-content: flex-end center; align-items: flex-end; flex-flow: row; gap: 2px; padding: 0px; --gh-tp-hd-box3: 2px; --gv-tp-hd-box3: 0px; }

/* tp-hd-txt1: 今なら入学金 */
.tp-hd-txt1 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 16px; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-hd-txt2: 0 */
.tp-hd-txt2 { color: rgb(255, 252, 133); font-family: Oswald, sans-serif; font-size: 32px; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-hd-txt3: 円 */
.tp-hd-txt3 { color: rgb(255, 252, 133); font-family: Oswald, sans-serif; font-size: 16px; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-hd-txt3 { line-height: 1.3; } }

/* tp-hd-txt4: キャンペーン！ */
.tp-hd-txt4 { color: rgb(255, 255, 255); display: flex; font-family: Oswald, sans-serif; font-size: 16px; font-weight: 700; height: auto; letter-spacing: -0.1em; line-height: 1.6; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-hd-txt4 { display: flex; } }
@media screen and (max-width: 768px) { .tp-hd-txt4 { display: none; font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-hd-txt4 { display: none; } }
@media screen and (max-width: 360px) { .tp-hd-txt4 { display: none; } }

/* tp-hd-box4:  */
.tp-hd-box4 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 24px; width: 2px; rotate: 32deg; max-width: 100%; }

/* tp-hd-box5: mail_outline 無料カウンセリングに申し込む */
.tp-hd-box5 { place-content: center; align-items: center; background: rgb(255, 252, 133); border-width: 0px; border-style: solid; border-color: rgb(107, 116, 219); border-radius: 32px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; margin: 0px; padding: 8px 12px; width: calc(100% - (var(--gh-tp-hd-link1) * 0)); --gh-tp-hd-box5: 8px; --gv-tp-hd-box5: 0px; max-width: calc(100% - (var(--gh-tp-hd-link1) * 0)); }
.tp-hd-box5:hover { box-shadow: rgba(0, 0, 0, 0.2) 3px 3px; translate: 2px 3px; --gh-tp-hd-box5: 8px; --gv-tp-hd-box5: 0px; }
@media screen and (max-width: 768px) { .tp-hd-box5 { padding: 8px 16px; --gh-tp-hd-box5: 8px; --gv-tp-hd-box5: 0px; } }

/* tp-hd-icon1: mail_outline */
.tp-hd-icon1 { color: rgb(107, 116, 219); font-size: 20px; padding: 0px; }
@media screen and (max-width: 768px) { .tp-hd-icon1 { font-size: 18px; padding: 0px; } }

/* tp-hd-txt5: 無料カウンセリングに申し込む */
.tp-hd-txt5 { color: rgb(107, 116, 219); font-family: Oswald, sans-serif; font-size: 16px; font-weight: 700; 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: 768px) { .tp-hd-txt5 { font-size: 13px; } }

/* tp-blk1-box1: Service サービス概要 Feature 特徴  */
.tp-blk1-box1 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); border-radius: 0px; flex-direction: row; gap: 0px; height: auto; padding: 24px 96px; position: sticky; top: 0px; width: 1340px; z-index: 1; --gh-tp-blk1-box1: 0px; --gv-tp-blk1-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk1-box1 { padding: 24px 48px; --gh-tp-blk1-box1: 0px; --gv-tp-blk1-box1: 0px; } }
@media screen and (max-width: 768px) { .tp-blk1-box1 { flex-flow: row; gap: 40px 0px; padding: 24px 48px; --gh-tp-blk1-box1: 0px; --gv-tp-blk1-box1: 0px; } }
@media screen and (max-width: 480px) { .tp-blk1-box1 { place-content: center flex-start; align-items: center; gap: 16px 0px; padding: 16px 24px; --gh-tp-blk1-box1: 0px; --gv-tp-blk1-box1: 0px; } }

/* tp-blk1-pic1:  */
.tp-blk1-pic1 { height: 120px; width: 160px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-blk1-pic1 { height: 80px; width: 120px; max-width: 100%; } }

/* tp-blk1-box2: Service サービス概要 Feature 特徴  */
.tp-blk1-box2 { place-content: flex-start flex-end; align-items: flex-start; flex: 1 1 0%; flex-flow: row; gap: 0px; height: auto; margin: 0px; overflow: hidden; padding: 0px; --gh-tp-blk1-box2: 0px; --gv-tp-blk1-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk1-box2 { place-content: center flex-end; align-items: center; flex-flow: row; --gh-tp-blk1-box2: 0px; --gv-tp-blk1-box2: 0px; } }
@media screen and (max-width: 768px) { .tp-blk1-box2 { flex: 1 1 0%; flex-flow: row; margin: 0px 0px 0px 48px; width: auto; --gh-tp-blk1-box2: 0px; --gv-tp-blk1-box2: 0px; max-width: calc(100% - 48px); } }
@media screen and (max-width: 480px) { .tp-blk1-box2 { margin: 0px 0px 0px 16px; padding: 0px; --gh-tp-blk1-box2: 0px; --gv-tp-blk1-box2: 0px; max-width: calc(100% - 16px); } }

/* tp-blk1-box3: Service サービス概要 Feature 特徴  */
.tp-blk1-box3 { place-content: center; align-items: center; display: flex; flex-flow: wrap; gap: 0px; height: auto; padding: 0px 48px 0px 0px; width: auto; --gh-tp-blk1-box3: 0px; --gv-tp-blk1-box3: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk1-box3 { display: flex; flex-flow: row; --gh-tp-blk1-box3: 0px; --gv-tp-blk1-box3: 0px; } }
@media screen and (max-width: 768px) { .tp-blk1-box3 { display: none; flex-flow: row; gap: 8px; width: auto; --gh-tp-blk1-box3: 8px; --gv-tp-blk1-box3: 0px; } }
@media screen and (max-width: 480px) { .tp-blk1-box3 { display: none; padding: 0px 4px 0px 0px; --gh-tp-blk1-box3: 0px; --gv-tp-blk1-box3: 0px; } }
@media screen and (max-width: 360px) { .tp-blk1-box3 { display: none; --gh-tp-blk1-box3: 0px; --gv-tp-blk1-box3: 0px; } }

/* tp-blk1-link1: Service サービス概要 */
.tp-blk1-link1 { place-content: center; align-items: center; flex-flow: column; gap: 0px; height: 52px; padding: 0px; width: 85px; --gh-tp-blk1-link1: 0px; --gv-tp-blk1-link1: 0px; max-width: 100%; }

/* tp-blk1-box4: Service */
.tp-blk1-box4 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px 3px 1px; width: auto; --gh-tp-blk1-box4: 0px; --gv-tp-blk1-box4: 0px; max-width: 100%; }

/* tp-blk1-txt1: Service */
.tp-blk1-txt1 { color: rgb(34, 34, 34); font-family: Jost, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt1 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt1 { font-size: 13px; } }

/* tp-blk1-txt2: サービス概要 */
.tp-blk1-txt2 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 11px; font-style: normal; font-weight: 350; height: auto; letter-spacing: 1px; line-height: 22px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt2 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt2 { font-size: 13px; } }

/* tp-blk1-link2: Feature 特徴 */
.tp-blk1-link2 { place-content: center; align-items: center; flex-flow: column; gap: 0px; height: 52px; padding: 0px; width: 85px; --gh-tp-blk1-link2: 0px; --gv-tp-blk1-link2: 0px; max-width: 100%; }

/* tp-blk1-box5: Feature */
.tp-blk1-box5 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px 3px 1px; width: auto; --gh-tp-blk1-box5: 0px; --gv-tp-blk1-box5: 0px; max-width: 100%; }

/* tp-blk1-txt3: Feature */
.tp-blk1-txt3 { color: rgb(34, 34, 34); font-family: Jost, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt3 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt3 { font-size: 13px; } }

/* tp-blk1-txt4: 特徴 */
.tp-blk1-txt4 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 11px; font-style: normal; font-weight: 350; height: auto; letter-spacing: 1px; line-height: 22px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt4 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt4 { font-size: 13px; } }

/* tp-blk1-link3: Plan 料金プラン */
.tp-blk1-link3 { place-content: center; align-items: center; flex-flow: column; gap: 0px; height: 52px; padding: 0px; width: 85px; --gh-tp-blk1-link3: 0px; --gv-tp-blk1-link3: 0px; max-width: 100%; }

/* tp-blk1-box6: Plan */
.tp-blk1-box6 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px 3px 1px; width: auto; --gh-tp-blk1-box6: 0px; --gv-tp-blk1-box6: 0px; max-width: 100%; }

/* tp-blk1-txt5: Plan */
.tp-blk1-txt5 { color: rgb(34, 34, 34); font-family: Jost, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt5 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt5 { font-size: 13px; } }

/* tp-blk1-txt6: 料金プラン */
.tp-blk1-txt6 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 11px; font-style: normal; font-weight: 350; height: auto; letter-spacing: 1px; line-height: 22px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt6 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt6 { font-size: 13px; } }

/* tp-blk1-link4: Faq よくある質問 */
.tp-blk1-link4 { place-content: center; align-items: center; flex-flow: column; gap: 0px; height: 52px; padding: 0px; width: 85px; --gh-tp-blk1-link4: 0px; --gv-tp-blk1-link4: 0px; max-width: 100%; }

/* tp-blk1-box7: Faq */
.tp-blk1-box7 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px 3px 1px; width: auto; --gh-tp-blk1-box7: 0px; --gv-tp-blk1-box7: 0px; max-width: 100%; }

/* tp-blk1-txt7: Faq */
.tp-blk1-txt7 { color: rgb(34, 34, 34); font-family: Jost, sans-serif; font-size: 14px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt7 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt7 { font-size: 13px; } }

/* tp-blk1-txt8: よくある質問 */
.tp-blk1-txt8 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 11px; font-style: normal; font-weight: 350; height: auto; letter-spacing: 1px; line-height: 22px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk1-txt8 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt8 { font-size: 13px; } }

/* tp-blk1-box8: get_app お問い合わせ email 無料カウンセ */
.tp-blk1-box8 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-blk1-box8: 16px; --gv-tp-blk1-box8: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk1-box8 { place-content: center; align-items: center; --gh-tp-blk1-box8: 16px; --gv-tp-blk1-box8: 0px; } }
@media screen and (max-width: 768px) { .tp-blk1-box8 { place-content: center flex-end; align-items: center; flex: 1 1 0%; width: auto; --gh-tp-blk1-box8: 16px; --gv-tp-blk1-box8: 0px; } }
@media screen and (max-width: 480px) { .tp-blk1-box8 { gap: 8px; width: auto; --gh-tp-blk1-box8: 8px; --gv-tp-blk1-box8: 0px; } }

/* tp-blk1-link5: get_app お問い合わせ */
.tp-blk1-link5 { align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex: 1 1 0%; flex-direction: row; gap: 8px; height: auto; justify-content: flex-start; padding: 10px 18px 12px 19px; width: auto; --gh-tp-blk1-link5: 8px; --gv-tp-blk1-link5: 0px; max-width: 100%; }
.tp-blk1-link5:hover { background: rgb(255, 117, 80); transition-duration: 300ms; transition-timing-function: ease-in-out; --gh-tp-blk1-link5: 8px; --gv-tp-blk1-link5: 0px; }
@media screen and (max-width: 480px) { .tp-blk1-link5 { place-content: center; align-items: center; flex: 0 0 auto; gap: 8px; padding: 4px 8px; width: auto; --gh-tp-blk1-link5: 8px; --gv-tp-blk1-link5: 0px; } }

/* tp-blk1-icon1: get_app */
.tp-blk1-icon1 { color: rgb(255, 117, 80); font-size: 24px; }

/* tp-blk1-link5: get_app お問い合わせ */
.tp-blk1-link5:hover .tp-blk1-icon1 { color: rgb(255, 255, 255); }
@media screen and (max-width: 480px) { .tp-blk1-icon1 { font-size: 18px; width: auto; max-width: 100%; } }

/* tp-blk1-txt9: お問い合わせ */
.tp-blk1-txt9 { color: rgb(255, 117, 80); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: 30px; letter-spacing: 0em; line-height: 30px; margin: 0px; text-align: center; width: 165px; max-width: 100%; justify-content: center; }

/* tp-blk1-link5: get_app お問い合わせ */
.tp-blk1-link5:hover .tp-blk1-txt9 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; }
@media screen and (max-width: 768px) { .tp-blk1-txt9 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt9 { font-size: 10px; width: auto; max-width: 100%; } }
@media screen and (max-width: 360px) { .tp-blk1-txt9 { font-size: 10px; } }

/* tp-blk1-link6: email 無料カウンセリング */
.tp-blk1-link6 { align-items: center; background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; display: flex; flex: 1 1 0%; flex-direction: row; gap: 8px; height: auto; justify-content: flex-start; padding: 10px 18px 12px 19px; width: auto; --gh-tp-blk1-link6: 8px; --gv-tp-blk1-link6: 0px; max-width: 100%; }
.tp-blk1-link6:hover { background: rgb(255, 255, 255); transition-duration: 300ms; transition-timing-function: ease-in-out; --gh-tp-blk1-link6: 8px; --gv-tp-blk1-link6: 0px; }
@media screen and (max-width: 1280px) { .tp-blk1-link6 { display: flex; --gh-tp-blk1-link6: 8px; --gv-tp-blk1-link6: 0px; } }
@media screen and (max-width: 768px) { .tp-blk1-link6 { display: flex; --gh-tp-blk1-link6: 8px; --gv-tp-blk1-link6: 0px; } }
@media screen and (max-width: 480px) { .tp-blk1-link6 { place-content: center; align-items: center; display: none; flex: 0 0 auto; gap: 8px; padding: 4px 8px; width: auto; --gh-tp-blk1-link6: 8px; --gv-tp-blk1-link6: 0px; } }
@media screen and (max-width: 360px) { .tp-blk1-link6 { display: none; --gh-tp-blk1-link6: 8px; --gv-tp-blk1-link6: 0px; } }

/* tp-blk1-icon2: email */
.tp-blk1-icon2 { color: rgb(255, 255, 255); font-size: 24px; }

/* tp-blk1-link6: email 無料カウンセリング */
.tp-blk1-link6:hover .tp-blk1-icon2 { color: rgb(255, 117, 80); }
@media screen and (max-width: 480px) { .tp-blk1-icon2 { font-size: 18px; width: auto; max-width: 100%; } }

/* tp-blk1-txt10: 無料カウンセリング */
.tp-blk1-txt10 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: 30px; letter-spacing: 0em; line-height: 30px; margin: 0px; text-align: center; width: 165px; max-width: 100%; justify-content: center; }

/* tp-blk1-link6: email 無料カウンセリング */
.tp-blk1-link6:hover .tp-blk1-txt10 { color: rgb(255, 117, 80); }
@media screen and (max-width: 768px) { .tp-blk1-txt10 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-blk1-txt10 { font-size: 10px; width: auto; max-width: 100%; } }

/* tp-blk2-box1: SCROLL 未経験からでも 3ヶ月 で すぐ 仕 */
.tp-blk2-box1 { place-content: flex-start center; align-items: flex-start; flex-flow: row; gap: 0px; height: auto; overflow: visible; padding: 72px 0px; width: 100%; --gh-tp-blk2-box1: 0px; --gv-tp-blk2-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-box1 { padding: 96px 0px; --gh-tp-blk2-box1: 0px; --gv-tp-blk2-box1: 0px; } }
@media screen and (max-width: 768px) { .tp-blk2-box1 { flex-wrap: wrap; gap: 40px 0px; padding: 72px 0px; --gh-tp-blk2-box1: 0px; --gv-tp-blk2-box1: 40px; } }
@media screen and (max-width: 480px) { .tp-blk2-box1 { gap: 16px 0px; padding: 24px 0px 72px; --gh-tp-blk2-box1: 0px; --gv-tp-blk2-box1: 0px; } }

/* tp-blk2-box2: SCROLL */
.tp-blk2-box2 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); bottom: 0px; display: flex; flex-flow: column; height: auto; left: 0px; margin: 0px; padding: 0px; position: absolute; width: calc(100% - (var(--gh-tp-blk2-box1) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-blk2-box1) * 0)); }
@media screen and (max-width: 1280px) { .tp-blk2-box2 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 768px) { .tp-blk2-box2 { bottom: -32px; display: flex; flex: 0 0 auto; justify-content: flex-end; right: 24px; } }
@media screen and (max-width: 480px) { .tp-blk2-box2 { bottom: -48px; display: flex; left: 0px; width: 100%; } }
@media screen and (max-width: 360px) { .tp-blk2-box2 { display: none; padding: 0px 0px 86px; } }

/* tp-blk2-box3: SCROLL */
.tp-blk2-box3 { place-content: flex-start center; align-items: flex-start; background: rgba(255, 255, 255, 0); display: flex; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; position: relative; width: 38px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-box3 { display: flex; } }
@media screen and (max-width: 768px) { .tp-blk2-box3 { display: flex; } }
@media screen and (max-width: 480px) { .tp-blk2-box3 { align-content: flex-start; align-items: flex-start; inset: 0px; display: flex; flex: 0 0 auto; position: relative; } }
@media screen and (max-width: 360px) { .tp-blk2-box3 { display: flex; } }

/* tp-blk2-box4:  */
.tp-blk2-box4 { place-content: center flex-start; align-items: center; display: flex; flex-flow: column; margin: 5px 0px 0px; padding: 0px; transform-origin: center bottom; scale: 1 1e-10; max-width: 100%; }
html.js .tp-blk2-box4:not(.in) { transition-delay: 4800ms; transition-duration: 800ms; scale: 1; }
.tp-blk2-box4.in-active { transition-delay: 4800ms; transition-duration: 800ms; }
@media screen and (max-width: 1280px) { .tp-blk2-box4 { display: flex; } }
@media screen and (max-width: 768px) { .tp-blk2-box4 { display: flex; } }
@media screen and (max-width: 480px) { .tp-blk2-box4 { inset: 0px; display: flex; flex: 0 0 auto; position: relative; scale: 1 1e-10; } }
@media screen and (max-width: 360px) { .tp-blk2-box4 { display: flex; } }

/* tp-blk2-box5:  */
.tp-blk2-box5 { background: rgb(67, 187, 201); flex: 0 0 auto; height: 130px; transform-origin: center top; width: 1px; max-width: 100%; }
html.js .tp-blk2-box5:not(.in) { transform-origin: center top; transition-delay: 4000ms; transition-duration: 800ms; scale: 1 1e-10; }
.tp-blk2-box5.in-active { transition-delay: 4000ms; transition-duration: 800ms; }
@media screen and (max-width: 480px) { .tp-blk2-box5 { flex: 0 0 auto; } }

/* tp-blk2-box6:  */
.tp-blk2-box6 { place-content: center flex-start; align-items: center; display: flex; flex-flow: column; margin: 5px 0px 0px; padding: 0px; transform-origin: center bottom; scale: 1 1e-10; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-box6 { display: flex; } }
@media screen and (max-width: 768px) { .tp-blk2-box6 { display: flex; } }
@media screen and (max-width: 480px) { .tp-blk2-box6 { inset: 0px; display: flex; flex: 0 0 auto; position: relative; scale: 1 1e-10; } }
@media screen and (max-width: 360px) { .tp-blk2-box6 { display: flex; } }

/* tp-blk2-box7:  */
.tp-blk2-box7 { background: rgb(67, 187, 201); flex: 0 0 auto; height: 130px; transform-origin: center top; width: 1px; max-width: 100%; }
html.js .tp-blk2-box7:not(.in) { transform-origin: center top; transition-delay: 7000ms; transition-duration: 800ms; scale: 1 1e-10; }
.tp-blk2-box7.in-active { transition-delay: 7000ms; transition-duration: 800ms; }
@media screen and (max-width: 480px) { .tp-blk2-box7 { flex: 0 0 auto; } }

/* tp-blk2-box8:  */
.tp-blk2-box8 { background: rgb(67, 187, 201); flex: 0 0 auto; height: 130px; margin: 5px 0px 0px -1px; transform-origin: center top; width: 1px; max-width: calc(100% + 1px); }
@media screen and (max-width: 480px) { .tp-blk2-box8 { flex: 0 0 auto; } }

/* tp-blk2-txt1: SCROLL */
.tp-blk2-txt1 { color: rgb(67, 187, 201); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; height: 50px; letter-spacing: 0.14em; line-height: 1.4; margin: 0px 0px 0px 4px; text-align: center; width: 14px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: calc(100% - 4px); justify-content: center; }
@media screen and (max-width: 480px) { .tp-blk2-txt1 { font-feature-settings: normal; text-orientation: mixed; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } }

/* tp-blk2-box9: 未経験からでも 3ヶ月 で すぐ 仕事に繋がる A */
.tp-blk2-box9 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 40px; height: auto; padding: 0px 96px; width: 1340px; --gh-tp-blk2-box9: 40px; --gv-tp-blk2-box9: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-box9 { padding: 0px 48px; --gh-tp-blk2-box9: 40px; --gv-tp-blk2-box9: 0px; } }
@media screen and (max-width: 768px) { .tp-blk2-box9 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 64px; margin: 0px 0px 64px; --gh-tp-blk2-box9: 0px; --gv-tp-blk2-box9: 64px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-blk2-box9 { gap: 16px; padding: 0px 24px; --gh-tp-blk2-box9: 16px; --gv-tp-blk2-box9: 0px; } }

/* tp-blk2-box10: 未経験からでも 3ヶ月 で すぐ 仕事に繋がる A */
.tp-blk2-box10 { place-content: flex-start center; align-items: flex-start; flex-flow: column; gap: 8px; height: auto; padding: 0px; width: auto; --gh-tp-blk2-box10: 0px; --gv-tp-blk2-box10: 8px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-box10 { width: calc(50% - (var(--gh-tp-blk2-box9) * 0.5)); --gh-tp-blk2-box10: 0px; --gv-tp-blk2-box10: 8px; max-width: calc(50% - (var(--gh-tp-blk2-box9) * 0.5)); } }
@media screen and (max-width: 768px) { .tp-blk2-box10 { place-content: center; align-items: center; width: calc(100% - (var(--gh-tp-blk2-box9) * 0)); --gh-tp-blk2-box10: 0px; --gv-tp-blk2-box10: 8px; max-width: calc(100% - (var(--gh-tp-blk2-box9) * 0)); } }

/* tp-blk2-box11: 未経験からでも 3ヶ月 で すぐ 仕事に繋がる A */
.tp-blk2-box11 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 24px; height: auto; margin: 0px 0px 24px; padding: 0px; width: auto; --gh-tp-blk2-box11: 0px; --gv-tp-blk2-box11: 24px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk2-box11 { place-content: center flex-start; align-items: center; gap: 16px; --gh-tp-blk2-box11: 0px; --gv-tp-blk2-box11: 16px; } }
@media screen and (max-width: 480px) { .tp-blk2-box11 { place-content: center flex-start; align-items: center; gap: 8px; width: auto; --gh-tp-blk2-box11: 0px; --gv-tp-blk2-box11: 8px; } }

/* tp-blk2-box12: 未経験からでも 3ヶ月 で */
.tp-blk2-box12 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 0px; padding: 0px; --gh-tp-blk2-box12: 0px; --gv-tp-blk2-box12: 0px; }
@media screen and (max-width: 768px) { .tp-blk2-box12 { place-content: center flex-start; align-items: center; --gh-tp-blk2-box12: 0px; --gv-tp-blk2-box12: 0px; } }
@media screen and (max-width: 480px) { .tp-blk2-box12 { place-content: center flex-start; align-items: center; --gh-tp-blk2-box12: 0px; --gv-tp-blk2-box12: 0px; } }

/* tp-blk2-txt2: 未経験からでも */
.tp-blk2-txt2 { color: rgb(34, 34, 34); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 60px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk2-txt2 { font-size: 36px; } }
@media screen and (max-width: 768px) { .tp-blk2-txt2 { font-size: 32px; } }
@media screen and (max-width: 480px) { .tp-blk2-txt2 { font-size: 20px; line-height: 1.6; } }

/* tp-blk2-txt3: 3ヶ月 */
.tp-blk2-txt3 { color: #FF7550; font-family: 'Noto Sans JP', sans-serif; font-size: 56px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.2; margin: 0px 8px; text-align: left; width: auto; translate: 0px -12px; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk2-txt3 { font-size: 36px; } }
@media screen and (max-width: 768px) { .tp-blk2-txt3 { font-size: 56px; line-height: 1.6; margin: 0px 12px; translate: 0px -10px; max-width: calc(100% - 24px); } }
@media screen and (max-width: 480px) { .tp-blk2-txt3 { font-size: 32px; margin: 0px 4px; translate: 0px -3px; max-width: calc(100% - 8px); } }

/* tp-blk2-txt4: で */
.tp-blk2-txt4 { color: rgb(34, 34, 34); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 60px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk2-txt4 { font-size: 36px; } }
@media screen and (max-width: 768px) { .tp-blk2-txt4 { font-size: 32px; } }
@media screen and (max-width: 480px) { .tp-blk2-txt4 { font-size: 20px; line-height: 1.6; } }

/* tp-blk2-box13: すぐ 仕事に繋がる */
.tp-blk2-box13 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 0px; padding: 0px; --gh-tp-blk2-box13: 0px; --gv-tp-blk2-box13: 0px; }
@media screen and (max-width: 768px) { .tp-blk2-box13 { place-content: center flex-start; align-items: center; --gh-tp-blk2-box13: 0px; --gv-tp-blk2-box13: 0px; } }
@media screen and (max-width: 480px) { .tp-blk2-box13 { place-content: center flex-start; align-items: center; --gh-tp-blk2-box13: 0px; --gv-tp-blk2-box13: 0px; } }

/* tp-blk2-txt5: すぐ */
.tp-blk2-txt5 { color: rgb(34, 34, 34); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 60px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk2-txt5 { font-size: 36px; } }
@media screen and (max-width: 768px) { .tp-blk2-txt5 { font-size: 32px; } }
@media screen and (max-width: 480px) { .tp-blk2-txt5 { font-size: 20px; line-height: 1.6; } }

/* tp-blk2-txt6: 仕事に繋がる */
.tp-blk2-txt6 { color: #FF7550; font-family: 'Noto Sans JP', sans-serif; font-size: 56px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.2; margin: 0px 8px; text-align: left; width: auto; translate: 0px -12px; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk2-txt6 { font-size: 36px; } }
@media screen and (max-width: 768px) { .tp-blk2-txt6 { font-size: 56px; line-height: 1.6; margin: 0px 12px; translate: 0px -10px; max-width: calc(100% - 24px); } }
@media screen and (max-width: 480px) { .tp-blk2-txt6 { font-size: 32px; margin: 0px 4px; translate: 0px -3px; max-width: calc(100% - 8px); } }

/* tp-blk2-box14: AIデザイン 専門スクール */
.tp-blk2-box14 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; padding: 0px; --gh-tp-blk2-box14: 0px; --gv-tp-blk2-box14: 0px; }

/* tp-blk2-txt7: AIデザイン */
.tp-blk2-txt7 { color: #FF7550; font-family: 'Noto Sans JP', sans-serif; font-size: 56px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 1.2; margin: 0px 8px; text-align: left; width: auto; translate: 0px -12px; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk2-txt7 { font-size: 36px; } }
@media screen and (max-width: 768px) { .tp-blk2-txt7 { font-size: 56px; line-height: 1.6; margin: 0px 12px; translate: 0px -10px; max-width: calc(100% - 24px); } }
@media screen and (max-width: 480px) { .tp-blk2-txt7 { font-size: 32px; margin: 0px 4px; translate: 0px -3px; max-width: calc(100% - 8px); } }

/* tp-blk2-txt8: 専門スクール */
.tp-blk2-txt8 { color: rgb(34, 34, 34); font-family: 'Noto Sans JP', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.1em; line-height: 60px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk2-txt8 { font-size: 36px; } }
@media screen and (max-width: 768px) { .tp-blk2-txt8 { font-size: 32px; } }
@media screen and (max-width: 480px) { .tp-blk2-txt8 { font-size: 20px; line-height: 1.6; } }

/* tp-blk2-box15: 案件・就職紹介付きのAIイラストスクール */
.tp-blk2-box15 { place-content: flex-start; align-items: flex-start; background: rgb(67, 187, 201); border-radius: 8px; flex-flow: column; gap: 0px; height: auto; margin: 0px 0px 32px; padding: 16px; width: auto; --gh-tp-blk2-box15: 0px; --gv-tp-blk2-box15: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk2-box15 { padding: 16px 24px; --gh-tp-blk2-box15: 0px; --gv-tp-blk2-box15: 0px; } }

/* tp-blk2-txt9: 案件・就職紹介付きのAIイラストスクール */
.tp-blk2-txt9 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.2em; line-height: 22px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-blk2-txt9 { font-size: 24px; } }
@media screen and (max-width: 480px) { .tp-blk2-txt9 { font-size: 14px; font-weight: 600; letter-spacing: 0.1em; } }

/* tp-blk2-box16:  */
.tp-blk2-box16 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: row; gap: 0px; height: 500px; overflow: visible; padding: 0px; position: relative; width: auto; translate: 48px -24px; --gh-tp-blk2-box16: 0px; --gv-tp-blk2-box16: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk2-box16 { flex: 1 1 0%; width: auto; translate: 24px -24px; --gh-tp-blk2-box16: 0px; --gv-tp-blk2-box16: 0px; } }
@media screen and (max-width: 768px) { .tp-blk2-box16 { flex: 0 0 auto; position: relative; width: calc(100% - (var(--gh-tp-blk2-box9) * 0)); translate: 0px; --gh-tp-blk2-box16: 0px; --gv-tp-blk2-box16: 0px; max-width: calc(100% - (var(--gh-tp-blk2-box9) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk2-box16 { height: 360px; padding: 0px; --gh-tp-blk2-box16: 0px; --gv-tp-blk2-box16: 0px; width: calc(100% - (var(--gh-tp-blk2-box9) * 0)); max-width: calc(100% - (var(--gh-tp-blk2-box9) * 0)); } }

/* tp-blk2-box17:  */
.tp-blk2-box17 { place-content: center; align-items: center; flex-flow: row; gap: 0px; height: calc(80% - (var(--gv-tp-blk2-box16) * 0.2)); padding: 0px; position: relative; width: calc(80% - (var(--gh-tp-blk2-box16) * 0.2)); --gh-tp-blk2-box17: 0px; --gv-tp-blk2-box17: 0px; max-width: calc(80% - (var(--gh-tp-blk2-box16) * 0.2)); }

/* tp-blk2-box18:  */
.tp-blk2-box18 { background: rgba(67, 187, 201, 0.7); border-radius: 8px; height: calc(100% - (var(--gv-tp-blk2-box17) * 0)); left: 0px; position: absolute; top: 0px; width: calc(100% - (var(--gh-tp-blk2-box17) * 0)); z-index: -1; rotate: 8deg; max-width: calc(100% - (var(--gh-tp-blk2-box17) * 0)); }

/* tp-blk2-box19:  */
.tp-blk2-box19 { background: rgba(67, 187, 201, 0.7); border-radius: 8px; height: calc(100% - (var(--gv-tp-blk2-box17) * 0)); left: 0px; position: absolute; top: 0px; width: calc(100% - (var(--gh-tp-blk2-box17) * 0)); z-index: -1; rotate: 16deg; max-width: calc(100% - (var(--gh-tp-blk2-box17) * 0)); }

/* tp-blk2-box20:  */
.tp-blk2-box20 { place-content: center; align-items: center; border-radius: 8px; flex-flow: row; height: calc(100% - (var(--gv-tp-blk2-box17) * 0)); overflow: hidden; position: relative; transition-timing-function: cubic-bezier(0, 0, 0.99, 0.98); width: calc(100% - (var(--gh-tp-blk2-box17) * 0)); max-width: calc(100% - (var(--gh-tp-blk2-box17) * 0)); }

/* tp-blk2-box21:  */
.tp-blk2-box21 { flex: 0 0 auto; flex-flow: column; height: 100%; left: 0px; margin: 0px; outline-offset: -4px; padding: 0px; position: absolute; top: 0px; transform: var(--sd-fc6c450a_002da1e7_002d4a73_002daeb6_002de14b84be58ac-transform); transition-property: transform; transition-timing-function: cubic-bezier(0.58, 0.21, 0.41, 0.96); width: 100%; will-change: transform; max-width: 100%; }
.tp-blk2-box21:focus { outline: none; }
.tp-blk2-box21:focus-visible { outline: black solid 2px; }
._animatingNext.tp-blk2-box21 { transform: translateX(-100%); }
._animatingPrev.tp-blk2-box21 { transform: translateX(100%); }

/* tp-blk2-pic1:  */
.tp-blk2-pic1 { place-content: flex-start flex-end; align-items: flex-start; flex-flow: column; height: 100%; padding: 0px 80px 88px; width: 100%; z-index: -1; max-width: 100%; }
html.js .tp-blk2-pic1:not(.in) { opacity: 0; transition-delay: 100ms; transition-duration: 3000ms; }
.tp-blk2-pic1.in-active { transition-delay: 100ms; transition-duration: 3000ms; }

/* tp-about-box1: マンガ家で！デザイナーで！ 夢を諦めずにプロになれる環境  */
.tp-about-box1 { place-content: center; align-items: center; background: transparent; border-radius: 24px 24px 0px 0px; inset: auto; flex: 0 0 auto; flex-wrap: nowrap; gap: 40px; padding: 144px 0px 152px; position: relative; width: 100%; --gh-tp-about-box1: 0px; --gv-tp-about-box1: 40px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-about-box1 { padding: 96px 0px; --gh-tp-about-box1: 0px; --gv-tp-about-box1: 40px; } }
@media screen and (max-width: 768px) { .tp-about-box1 { padding: 96px 0px; --gh-tp-about-box1: 0px; --gv-tp-about-box1: 40px; } }
@media screen and (max-width: 480px) { .tp-about-box1 { padding: 72px 0px; position: sticky; top: 0px; z-index: -2; --gh-tp-about-box1: 0px; --gv-tp-about-box1: 40px; } }

/* tp-about-box2:  */
.tp-about-box2 { align-items: center; background: rgb(67, 187, 201); border-radius: 24px 24px 0px 0px; bottom: 0px; flex-direction: column; height: calc(100% - (var(--gv-tp-about-box1) * 0)); justify-content: center; left: 0px; position: absolute; width: calc(100% - (var(--gh-tp-about-box1) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-about-box1) * 0)); }
@media screen and (max-width: 480px) { .tp-about-box2 { background: rgb(67, 187, 201); } }

/* tp-about-box3: マンガ家で！デザイナーで！ 夢を諦めずにプロになれる環境  */
.tp-about-box3 { place-content: center; align-items: center; flex-wrap: nowrap; gap: 64px; margin: 0px; padding: 0px 96px; width: 1340px; --gh-tp-about-box3: 0px; --gv-tp-about-box3: 64px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-about-box3 { padding: 0px 48px; --gh-tp-about-box3: 0px; --gv-tp-about-box3: 64px; } }
@media screen and (max-width: 480px) { .tp-about-box3 { gap: 32px; padding: 0px 24px; --gh-tp-about-box3: 0px; --gv-tp-about-box3: 32px; } }

/* tp-about-box4: マンガ家で！デザイナーで！ 夢を諦めずにプロになれる環境  */
.tp-about-box4 { place-content: center; align-items: center; flex-flow: row; gap: 40px; height: auto; padding: 0px; transition-delay: 10ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); width: calc(100% - (var(--gh-tp-about-box3) * 0)); --gh-tp-about-box4: 40px; --gv-tp-about-box4: 0px; max-width: calc(100% - (var(--gh-tp-about-box3) * 0)); }
html.js .tp-about-box4:not(.in) { opacity: 0; transition-delay: 500ms; transition-duration: 500ms; translate: 0px 20px; --gh-tp-about-box4: 40px; --gv-tp-about-box4: 0px; }
.tp-about-box4.in-active { transition-delay: 500ms; transition-duration: 500ms; }
@media screen and (max-width: 768px) { .tp-about-box4 { gap: 24px; --gh-tp-about-box4: 24px; --gv-tp-about-box4: 0px; } }

/* tp-about-box5: マンガ家で！デザイナーで！ 夢を諦めずにプロになれる環境  */
.tp-about-box5 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-about-box4) * 0)); --gh-tp-about-box5: 0px; --gv-tp-about-box5: 0px; max-width: calc(100% - (var(--gh-tp-about-box4) * 0)); }

/* tp-about-box6: マンガ家で！デザイナーで！ 夢を諦めずにプロになれる環境 */
.tp-about-box6 { place-content: flex-start center; align-items: flex-start; flex-flow: row; gap: 0px; height: auto; margin: 0px 0px 32px; padding: 0px; width: auto; --gh-tp-about-box6: 0px; --gv-tp-about-box6: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-about-box6 { flex-wrap: wrap; gap: 40px 0px; --gh-tp-about-box6: 0px; --gv-tp-about-box6: 40px; } }
@media screen and (max-width: 480px) { .tp-about-box6 { width: calc(100% - (var(--gh-tp-about-box5) * 0)); --gh-tp-about-box6: 0px; --gv-tp-about-box6: 0px; max-width: calc(100% - (var(--gh-tp-about-box5) * 0)); } }

/* tp-about-box7:  */
.tp-about-box7 { background: rgba(214, 241, 245, 0.396); height: 80px; left: -48px; position: absolute; top: -48px; width: 80px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-about-box7 { height: 60px; width: 60px; max-width: 100%; } }

/* tp-about-txt1: マンガ家で！デザイナーで！ 夢を諦めずにプロになれる環境 */
.tp-about-txt1 { color: rgb(249, 249, 249); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 64px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.02em; line-height: 1.6; text-align: center; text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-about-txt1 { flex: 0 0 auto; font-size: 36px; font-weight: 600; width: calc(100% - (var(--gh-tp-about-box6) * 0)); max-width: calc(100% - (var(--gh-tp-about-box6) * 0)); } }
@media screen and (max-width: 480px) { .tp-about-txt1 { color: rgb(249, 249, 249); font-size: 20px; } }

/* tp-about-box8:  */
.tp-about-box8 { background: rgba(214, 241, 245, 0.396); inset: auto -48px -48px auto; height: 80px; position: absolute; width: 80px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-about-box8 { height: 60px; width: 60px; max-width: 100%; } }

/* tp-about-box9: プロに必要なのは、才能だけじゃない。実績、仲間、そして仕事に */
.tp-about-box9 { place-content: center; align-items: center; flex: 1 1 0%; flex-wrap: nowrap; gap: 0px; margin: 0px; padding: 0px; width: auto; --gh-tp-about-box9: 0px; --gv-tp-about-box9: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-about-box9 { flex: 0 0 auto; margin: 0px; width: calc(100% - (var(--gh-tp-about-box5) * 0)); --gh-tp-about-box9: 0px; --gv-tp-about-box9: 0px; max-width: calc(100% - (var(--gh-tp-about-box5) * 0)); } }

/* tp-about-txt2: プロに必要なのは、才能だけじゃない。実績、仲間、そして仕事に */
.tp-about-txt2 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px 0px 48px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-about-txt2 { color: rgb(249, 249, 249); font-size: 14px; } }

/* tp-about-box10: 無料カウンセリング arrow_forward お問い合 */
.tp-about-box10 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-about-box9) * 0)); --gh-tp-about-box10: 16px; --gv-tp-about-box10: 0px; max-width: calc(100% - (var(--gh-tp-about-box9) * 0)); }
@media screen and (max-width: 480px) { .tp-about-box10 { flex-flow: column; gap: 24px; --gh-tp-about-box10: 0px; --gv-tp-about-box10: 24px; } }

/* tp-about-link1: 無料カウンセリング arrow_forward */
.tp-about-link1 { place-content: center; align-items: center; background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-about-link1: 8px; --gv-tp-about-link1: 0px; max-width: 100%; }
.tp-about-link1:hover { background: rgb(255, 255, 255); --gh-tp-about-link1: 8px; --gv-tp-about-link1: 0px; }
@media screen and (max-width: 480px) { .tp-about-link1 { background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); flex: 0 0 auto; width: calc(100% - (var(--gh-tp-about-box10) * 0)); --gh-tp-about-link1: 8px; --gv-tp-about-link1: 0px; max-width: calc(100% - (var(--gh-tp-about-box10) * 0)); } }

/* tp-about-txt3: 無料カウンセリング */
.tp-about-txt3 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-about-link1: 無料カウンセリング arrow_forward */
.tp-about-link1:hover .tp-about-txt3 { color: rgb(255, 117, 80); }
@media screen and (max-width: 480px) { .tp-about-txt3 { color: rgb(255, 255, 255); font-size: 14px; } }

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

/* tp-about-link1: 無料カウンセリング arrow_forward */
.tp-about-link1:hover .tp-about-icon1 { color: rgb(255, 80, 53); translate: 2px; }
@media screen and (max-width: 480px) { .tp-about-icon1 { color: rgb(255, 255, 255); } }

/* tp-about-link2: お問い合わせ arrow_forward */
.tp-about-link2 { place-content: center; align-items: center; border-width: 1px; border-style: solid; border-color: rgb(249, 249, 249); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-about-link2: 8px; --gv-tp-about-link2: 0px; max-width: 100%; }
.tp-about-link2:hover { background: rgb(0, 79, 102); opacity: 1; --gh-tp-about-link2: 8px; --gv-tp-about-link2: 0px; }
@media screen and (max-width: 480px) { .tp-about-link2 { border-width: 1px; border-style: solid; border-color: rgb(249, 249, 249); flex: 0 0 auto; width: calc(100% - (var(--gh-tp-about-box10) * 0)); --gh-tp-about-link2: 8px; --gv-tp-about-link2: 0px; max-width: calc(100% - (var(--gh-tp-about-box10) * 0)); } }

/* tp-about-txt4: お問い合わせ */
.tp-about-txt4 { color: rgb(249, 249, 249); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-about-link2: お問い合わせ arrow_forward */
.tp-about-link2:hover .tp-about-txt4 { color: rgb(255, 255, 255); }
@media screen and (max-width: 480px) { .tp-about-txt4 { color: rgb(249, 249, 249); font-size: 14px; } }

/* tp-about-icon2: arrow_forward */
.tp-about-icon2 { color: rgb(249, 249, 249); font-size: 20px; }

/* tp-about-link2: お問い合わせ arrow_forward */
.tp-about-link2:hover .tp-about-icon2 { color: rgb(255, 255, 255); translate: 2px; }
@media screen and (max-width: 480px) { .tp-about-icon2 { color: rgb(249, 249, 249); } }

/* tp-about-box11: 就職・案件紹介まで伴走する”成果保証" 短期集中で“仕事に直 */
.tp-about-box11 { place-content: flex-start center; align-items: flex-start; border-radius: 0px; display: flex; flex-flow: row; gap: 0px 48px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-about-box3) * 0)); --gh-tp-about-box11: 48px; --gv-tp-about-box11: 0px; max-width: calc(100% - (var(--gh-tp-about-box3) * 0)); }
html.js .tp-about-box11:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-about-box11: 48px; --gv-tp-about-box11: 0px; }
.tp-about-box11.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .tp-about-box11 { display: flex; gap: 32px; --gh-tp-about-box11: 32px; --gv-tp-about-box11: 0px; } }
@media screen and (max-width: 768px) { .tp-about-box11 { display: flex; gap: 24px; height: auto; --gh-tp-about-box11: 24px; --gv-tp-about-box11: 0px; } }
@media screen and (max-width: 480px) { .tp-about-box11 { display: none; flex-flow: column; gap: 32px; --gh-tp-about-box11: 0px; --gv-tp-about-box11: 32px; } }
@media screen and (max-width: 360px) { .tp-about-box11 { display: none; --gh-tp-about-box11: 48px; --gv-tp-about-box11: 0px; } }

/* tp-about-box12: 就職・案件紹介まで伴走する”成果保証" */
.tp-about-box12 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-wrap: nowrap; gap: 32px; height: auto; padding: 0px; transition-delay: 10ms; width: auto; --gh-tp-about-box12: 0px; --gv-tp-about-box12: 32px; max-width: 100%; }
html.js .tp-about-box12:not(.in) { opacity: 0; transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-about-box12: 0px; --gv-tp-about-box12: 32px; }
.tp-about-box12.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 768px) { .tp-about-box12 { gap: 24px; height: auto; --gh-tp-about-box12: 0px; --gv-tp-about-box12: 24px; } }
@media screen and (max-width: 480px) { .tp-about-box12 { flex: 0 0 auto; flex-flow: row; margin: 0px; width: calc(100% - (var(--gh-tp-about-box11) * 0)); --gh-tp-about-box12: 32px; --gv-tp-about-box12: 0px; max-width: calc(100% - (var(--gh-tp-about-box11) * 0)); } }

/* tp-about-pic1:  */
.tp-about-pic1 { border-radius: 8px; height: 200px; width: calc(100% - (var(--gh-tp-about-box12) * 0)); scale: 1; max-width: calc(100% - (var(--gh-tp-about-box12) * 0)); }
.tp-about-pic1::before { background-size: cover; }
@media screen and (max-width: 1280px) { .tp-about-pic1 { flex: 0 0 auto; height: 200px; } }
@media screen and (max-width: 768px) { .tp-about-pic1 { flex: 0 0 auto; height: 144px; width: calc(100% - (var(--gh-tp-about-box12) * 0)); max-width: calc(100% - (var(--gh-tp-about-box12) * 0)); } }
@media screen and (max-width: 480px) { .tp-about-pic1 { height: 200px; width: calc(30% - (var(--gh-tp-about-box12) * 0.7000000000000001)); max-width: calc(30% - (var(--gh-tp-about-box12) * 0.7000000000000001)); } }
@media screen and (max-width: 360px) { .tp-about-pic1 { flex: 0 0 auto; height: 168px; width: calc(30% - (var(--gh-tp-about-box12) * 0.7000000000000001)); max-width: calc(30% - (var(--gh-tp-about-box12) * 0.7000000000000001)); } }

/* tp-about-box13: 就職・案件紹介まで伴走する”成果保証" */
.tp-about-box13 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 16px; padding: 0px; --gh-tp-about-box13: 0px; --gv-tp-about-box13: 16px; }
@media screen and (max-width: 1280px) { .tp-about-box13 { gap: 8px; --gh-tp-about-box13: 0px; --gv-tp-about-box13: 8px; } }
@media screen and (max-width: 480px) { .tp-about-box13 { height: auto; --gh-tp-about-box13: 0px; --gv-tp-about-box13: 16px; max-width: 100%; } }

/* tp-about-txt5: 就職・案件紹介まで伴走する”成果保証" */
.tp-about-txt5 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-about-txt5 { font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-align: justify; justify-content: space-between; } }
@media screen and (max-width: 480px) { .tp-about-txt5 { color: rgb(249, 249, 249); } }

/* tp-about-txt6: 業界提携企業やクリエイター案件の紹介制度を整え、受講後も就職 */
.tp-about-txt6 { color: rgb(249, 249, 249); display: none; font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-about-txt6 { display: none; } }
@media screen and (max-width: 768px) { .tp-about-txt6 { display: none; font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-about-txt6 { color: rgb(249, 249, 249); display: flex; font-size: 14px; } }
@media screen and (max-width: 360px) { .tp-about-txt6 { display: flex; } }

/* tp-about-box14: 短期集中で“仕事に直結する”ポートフォリオを完成させるカリキ */
.tp-about-box14 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 32px; height: auto; margin: 0px; padding: 0px; transition-delay: 10ms; width: auto; --gh-tp-about-box14: 0px; --gv-tp-about-box14: 32px; max-width: 100%; }
html.js .tp-about-box14:not(.in) { opacity: 0; transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-about-box14: 0px; --gv-tp-about-box14: 32px; }
.tp-about-box14.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 768px) { .tp-about-box14 { gap: 24px; height: auto; --gh-tp-about-box14: 0px; --gv-tp-about-box14: 24px; } }
@media screen and (max-width: 480px) { .tp-about-box14 { flex: 0 0 auto; flex-flow: row; gap: 32px; margin: 0px; width: calc(100% - (var(--gh-tp-about-box11) * 0)); --gh-tp-about-box14: 32px; --gv-tp-about-box14: 0px; max-width: calc(100% - (var(--gh-tp-about-box11) * 0)); } }

/* tp-about-pic2:  */
.tp-about-pic2 { border-radius: 8px; height: 200px; width: calc(100% - (var(--gh-tp-about-box14) * 0)); max-width: calc(100% - (var(--gh-tp-about-box14) * 0)); }
@media screen and (max-width: 1280px) { .tp-about-pic2 { flex: 0 0 auto; height: 200px; } }
@media screen and (max-width: 768px) { .tp-about-pic2 { flex: 0 0 auto; height: 144px; width: calc(100% - (var(--gh-tp-about-box14) * 0)); max-width: calc(100% - (var(--gh-tp-about-box14) * 0)); } }
@media screen and (max-width: 480px) { .tp-about-pic2 { height: 200px; width: calc(30% - (var(--gh-tp-about-box14) * 0.7000000000000001)); max-width: calc(30% - (var(--gh-tp-about-box14) * 0.7000000000000001)); } }
@media screen and (max-width: 360px) { .tp-about-pic2 { flex: 0 0 auto; height: 168px; width: calc(30% - (var(--gh-tp-about-box14) * 0.7000000000000001)); max-width: calc(30% - (var(--gh-tp-about-box14) * 0.7000000000000001)); } }

/* tp-about-box15: 短期集中で“仕事に直結する”ポートフォリオを完成させるカリキ */
.tp-about-box15 { place-content: flex-start; align-items: flex-start; border-radius: 0px; flex-wrap: nowrap; gap: 16px; padding: 0px; --gh-tp-about-box15: 0px; --gv-tp-about-box15: 16px; }
@media screen and (max-width: 1280px) { .tp-about-box15 { gap: 8px; --gh-tp-about-box15: 0px; --gv-tp-about-box15: 8px; } }

/* tp-about-txt7: 短期集中で“仕事に直結する”ポートフォリオを完成させるカリキ */
.tp-about-txt7 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-about-txt7 { font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-align: justify; justify-content: space-between; } }
@media screen and (max-width: 480px) { .tp-about-txt7 { color: rgb(249, 249, 249); } }

/* tp-about-box16: AIと業界ツールを組み合わせた“即戦力化” */
.tp-about-box16 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 32px; height: auto; margin: 0px; padding: 0px; transition-delay: 10ms; width: auto; --gh-tp-about-box16: 0px; --gv-tp-about-box16: 32px; max-width: 100%; }
html.js .tp-about-box16:not(.in) { opacity: 0; transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-about-box16: 0px; --gv-tp-about-box16: 32px; }
.tp-about-box16.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 768px) { .tp-about-box16 { gap: 24px; height: auto; --gh-tp-about-box16: 0px; --gv-tp-about-box16: 24px; } }
@media screen and (max-width: 480px) { .tp-about-box16 { flex: 0 0 auto; flex-flow: row; margin: 0px; width: calc(100% - (var(--gh-tp-about-box11) * 0)); --gh-tp-about-box16: 32px; --gv-tp-about-box16: 0px; max-width: calc(100% - (var(--gh-tp-about-box11) * 0)); } }

/* tp-about-pic3:  */
.tp-about-pic3 { border-radius: 8px; height: 200px; width: calc(100% - (var(--gh-tp-about-box16) * 0)); max-width: calc(100% - (var(--gh-tp-about-box16) * 0)); }
@media screen and (max-width: 1280px) { .tp-about-pic3 { flex: 0 0 auto; height: 200px; } }
@media screen and (max-width: 768px) { .tp-about-pic3 { flex: 0 0 auto; height: 144px; width: calc(100% - (var(--gh-tp-about-box16) * 0)); max-width: calc(100% - (var(--gh-tp-about-box16) * 0)); } }
@media screen and (max-width: 480px) { .tp-about-pic3 { height: 200px; width: calc(30% - (var(--gh-tp-about-box16) * 0.7000000000000001)); max-width: calc(30% - (var(--gh-tp-about-box16) * 0.7000000000000001)); } }
@media screen and (max-width: 360px) { .tp-about-pic3 { flex: 0 0 auto; height: 168px; width: calc(30% - (var(--gh-tp-about-box16) * 0.7000000000000001)); max-width: calc(30% - (var(--gh-tp-about-box16) * 0.7000000000000001)); } }

/* tp-about-box17: AIと業界ツールを組み合わせた“即戦力化” */
.tp-about-box17 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 16px; padding: 0px; --gh-tp-about-box17: 0px; --gv-tp-about-box17: 16px; }
@media screen and (max-width: 1280px) { .tp-about-box17 { gap: 8px; --gh-tp-about-box17: 0px; --gv-tp-about-box17: 8px; } }

/* tp-about-txt8: AIと業界ツールを組み合わせた“即戦力化” */
.tp-about-txt8 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-about-txt8 { font-size: 12px; font-weight: 600; letter-spacing: 0.05em; text-align: justify; justify-content: space-between; } }
@media screen and (max-width: 480px) { .tp-about-txt8 { color: rgb(249, 249, 249); } }

/* tp-blk4-box1: 学んでも、仕事に繋がるのか不安 AI × CLIP STU */
.tp-blk4-box1 { place-content: center flex-start; align-items: center; background: rgb(232, 248, 251); border-radius: 24px 24px 0px 0px; flex-flow: column; gap: 0px; height: auto; padding: 144px 0px; width: 100%; --gh-tp-blk4-box1: 0px; --gv-tp-blk4-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk4-box1 { padding: 96px; --gh-tp-blk4-box1: 0px; --gv-tp-blk4-box1: 0px; } }
@media screen and (max-width: 768px) { .tp-blk4-box1 { padding: 96px 0px; width: 100%; --gh-tp-blk4-box1: 0px; --gv-tp-blk4-box1: 0px; } }
@media screen and (max-width: 480px) { .tp-blk4-box1 { padding: 72px 0px; --gh-tp-blk4-box1: 0px; --gv-tp-blk4-box1: 0px; } }

/* tp-blk4-box2: 学んでも、仕事に繋がるのか不安 AI × CLIP STU */
.tp-blk4-box2 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; padding: 0px 96px; width: 1340px; --gh-tp-blk4-box2: 0px; --gv-tp-blk4-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk4-box2 { padding: 0px 48px; --gh-tp-blk4-box2: 0px; --gv-tp-blk4-box2: 0px; } }
@media screen and (max-width: 480px) { .tp-blk4-box2 { padding: 0px 24px; --gh-tp-blk4-box2: 0px; --gv-tp-blk4-box2: 0px; } }

/* tp-blk4-box3: 学んでも、仕事に繋がるのか不安 AI × CLIP STU */
.tp-blk4-box3 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; height: auto; margin: 0px 0px 64px; padding: 0px; position: relative; width: calc(100% - (var(--gh-tp-blk4-box2) * 0)); --gh-tp-blk4-box3: 0px; --gv-tp-blk4-box3: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box2) * 0)); }

/* tp-blk4-box4: 学んでも、仕事に繋がるのか不安 */
.tp-blk4-box4 { place-content: flex-start center; align-items: flex-start; flex-flow: row; gap: 0px; height: auto; margin: 0px 0px 32px; padding: 0px; width: auto; --gh-tp-blk4-box4: 0px; --gv-tp-blk4-box4: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk4-box4 { flex-wrap: wrap; gap: 40px 0px; --gh-tp-blk4-box4: 0px; --gv-tp-blk4-box4: 40px; } }
@media screen and (max-width: 480px) { .tp-blk4-box4 { width: calc(100% - (var(--gh-tp-blk4-box3) * 0)); --gh-tp-blk4-box4: 0px; --gv-tp-blk4-box4: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box3) * 0)); } }

/* tp-blk4-box5:  */
.tp-blk4-box5 { background: rgb(249, 249, 249); height: 80px; left: -48px; position: absolute; top: -48px; width: 80px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-blk4-box5 { height: 60px; width: 60px; max-width: 100%; } }

/* tp-blk4-txt1: 学んでも、仕事に繋がるのか不安 */
.tp-blk4-txt1 { color: rgb(70, 70, 70); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 64px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.02em; line-height: 1.6; text-align: center; text-shadow: rgba(0, 0, 0, 0.2) 1px 1px 0px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk4-txt1 { flex: 0 0 auto; font-size: 36px; font-weight: 600; width: calc(100% - (var(--gh-tp-blk4-box4) * 0)); max-width: calc(100% - (var(--gh-tp-blk4-box4) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk4-txt1 { color: rgb(68, 68, 68); font-size: 20px; } }

/* tp-blk4-box6:  */
.tp-blk4-box6 { background: rgb(249, 249, 249); inset: auto -48px -48px auto; height: 80px; position: absolute; width: 80px; z-index: -1; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-blk4-box6 { height: 60px; width: 60px; max-width: 100%; } }

/* tp-blk4-box7: AI × CLIP STUDIOで、“描いて稼げる”自分へ */
.tp-blk4-box7 { place-content: flex-start; align-items: flex-start; background: rgb(67, 187, 201); border-radius: 8px; flex-flow: column; gap: 0px; height: auto; padding: 8px 16px; width: auto; --gh-tp-blk4-box7: 0px; --gv-tp-blk4-box7: 0px; max-width: 100%; }

/* tp-blk4-txt2: AI × CLIP STUDIOで、“描いて稼げる”自分へ */
.tp-blk4-txt2 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 22px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-blk4-txt2 { font-size: 15px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt2 { font-size: 14px; font-weight: 600; letter-spacing: 0.1em; } }

/* tp-blk4-box8: check_circle スクールに通っても、結局“仕事の */
.tp-blk4-box8 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex-flow: row; gap: 0px; padding: 48px; width: calc(80% - (var(--gh-tp-blk4-box2) * 0.2)); --gh-tp-blk4-box8: 0px; --gv-tp-blk4-box8: 0px; max-width: calc(80% - (var(--gh-tp-blk4-box2) * 0.2)); }
@media screen and (max-width: 1280px) { .tp-blk4-box8 { width: calc(90% - (var(--gh-tp-blk4-box2) * 0.10000000000000003)); --gh-tp-blk4-box8: 0px; --gv-tp-blk4-box8: 0px; max-width: calc(90% - (var(--gh-tp-blk4-box2) * 0.10000000000000003)); } }
@media screen and (max-width: 768px) { .tp-blk4-box8 { flex: 0 0 auto; padding: 32px; width: auto; --gh-tp-blk4-box8: 0px; --gv-tp-blk4-box8: 0px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-blk4-box8 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 24px; width: calc(100% - (var(--gh-tp-blk4-box2) * 0)); --gh-tp-blk4-box8: 0px; --gv-tp-blk4-box8: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box2) * 0)); } }

/* tp-blk4-box9: check_circle スクールに通っても、結局“仕事の */
.tp-blk4-box9 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: auto; --gh-tp-blk4-box9: 0px; --gv-tp-blk4-box9: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-blk4-box9 { gap: 16px; padding: 0px; --gh-tp-blk4-box9: 0px; --gv-tp-blk4-box9: 16px; } }

/* tp-blk4-box10: check_circle スクールに通っても、結局“仕事の */
.tp-blk4-box10 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); --gh-tp-blk4-box10: 0px; --gv-tp-blk4-box10: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); }

/* tp-blk4-icon1: check_circle */
.tp-blk4-icon1 { color: rgb(67, 187, 201); font-size: 40px; margin: 0px 16px 0px 0px; max-width: calc(100% - 16px); }

/* tp-blk4-txt3: スクールに通っても、結局“仕事の取り方”が分からない */
.tp-blk4-txt3 { color: rgb(70, 70, 70); display: flex; font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk4-txt3 { display: flex; } }
@media screen and (max-width: 768px) { .tp-blk4-txt3 { display: flex; font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt3 { display: none; font-size: 15px; line-height: 2; } }
@media screen and (max-width: 360px) { .tp-blk4-txt3 { display: none; } }

/* tp-blk4-txt4: スクールに通っても、結局“仕事の取り方”が分からない */
.tp-blk4-txt4 { color: rgb(70, 70, 70); display: none; font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk4-txt4 { display: none; } }
@media screen and (max-width: 768px) { .tp-blk4-txt4 { display: none; font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt4 { display: flex; font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; } }
@media screen and (max-width: 360px) { .tp-blk4-txt4 { display: flex; } }

/* tp-blk4-box11: check_circle 学んでも将来が見えず、結局手が止 */
.tp-blk4-box11 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); --gh-tp-blk4-box11: 0px; --gv-tp-blk4-box11: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); }
@media screen and (max-width: 480px) { .tp-blk4-box11 { width: 100%; --gh-tp-blk4-box11: 0px; --gv-tp-blk4-box11: 0px; } }

/* tp-blk4-icon2: check_circle */
.tp-blk4-icon2 { color: rgb(67, 187, 201); font-size: 40px; margin: 0px 16px 0px 0px; max-width: calc(100% - 16px); }

/* tp-blk4-txt5: 学んでも将来が見えず、結局手が止まってしまう */
.tp-blk4-txt5 { color: rgb(70, 70, 70); display: flex; font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk4-txt5 { display: flex; } }
@media screen and (max-width: 768px) { .tp-blk4-txt5 { display: flex; font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt5 { display: none; font-size: 15px; } }
@media screen and (max-width: 360px) { .tp-blk4-txt5 { display: none; } }

/* tp-blk4-txt6: 学んでも将来が見えず、結局手が止まってしまう */
.tp-blk4-txt6 { color: rgb(70, 70, 70); display: none; font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk4-txt6 { display: none; } }
@media screen and (max-width: 768px) { .tp-blk4-txt6 { display: none; font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt6 { display: flex; font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; } }
@media screen and (max-width: 360px) { .tp-blk4-txt6 { display: flex; } }

/* tp-blk4-box12: check_circle 会社員で時間がない */
.tp-blk4-box12 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); --gh-tp-blk4-box12: 0px; --gv-tp-blk4-box12: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); }

/* tp-blk4-icon3: check_circle */
.tp-blk4-icon3 { color: rgb(67, 187, 201); font-size: 40px; margin: 0px 16px 0px 0px; max-width: calc(100% - 16px); }

/* tp-blk4-txt7: 会社員で時間がない */
.tp-blk4-txt7 { color: rgb(70, 70, 70); font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-blk4-txt7 { font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt7 { font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; } }

/* tp-blk4-box13: check_circle 高額な専門学校に通う余裕がない */
.tp-blk4-box13 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); --gh-tp-blk4-box13: 0px; --gv-tp-blk4-box13: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); }

/* tp-blk4-icon4: check_circle */
.tp-blk4-icon4 { color: rgb(67, 187, 201); font-size: 40px; margin: 0px 16px 0px 0px; max-width: calc(100% - 16px); }

/* tp-blk4-txt8: 高額な専門学校に通う余裕がない */
.tp-blk4-txt8 { color: rgb(70, 70, 70); font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-blk4-txt8 { font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt8 { font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; } }

/* tp-blk4-box14: check_circle 独学では伸び悩んでいる */
.tp-blk4-box14 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); --gh-tp-blk4-box14: 0px; --gv-tp-blk4-box14: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); }

/* tp-blk4-icon5: check_circle */
.tp-blk4-icon5 { color: rgb(67, 187, 201); font-size: 40px; margin: 0px 16px 0px 0px; max-width: calc(100% - 16px); }

/* tp-blk4-txt9: 独学では伸び悩んでいる */
.tp-blk4-txt9 { color: rgb(70, 70, 70); font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-blk4-txt9 { font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt9 { font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; } }

/* tp-blk4-box15: check_circle 未経験だと案件に応募しても返信が */
.tp-blk4-box15 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); --gh-tp-blk4-box15: 0px; --gv-tp-blk4-box15: 0px; max-width: calc(100% - (var(--gh-tp-blk4-box9) * 0)); }

/* tp-blk4-icon6: check_circle */
.tp-blk4-icon6 { color: rgb(67, 187, 201); font-size: 40px; margin: 0px 16px 0px 0px; max-width: calc(100% - 16px); }

/* tp-blk4-txt10: 未経験だと案件に応募しても返信がこない */
.tp-blk4-txt10 { color: rgb(70, 70, 70); display: flex; font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk4-txt10 { display: flex; } }
@media screen and (max-width: 768px) { .tp-blk4-txt10 { display: flex; font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt10 { display: none; font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; } }
@media screen and (max-width: 360px) { .tp-blk4-txt10 { display: none; } }

/* tp-blk4-txt11: 未経験だと案件に応募しても返信がこない */
.tp-blk4-txt11 { color: rgb(70, 70, 70); display: none; font-family: Oswald, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 2px; line-height: 46px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 1280px) { .tp-blk4-txt11 { display: none; } }
@media screen and (max-width: 768px) { .tp-blk4-txt11 { display: none; font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk4-txt11 { display: flex; font-size: 14px; letter-spacing: 0.1em; line-height: 1.5; } }
@media screen and (max-width: 360px) { .tp-blk4-txt11 { display: flex; } }

/* tp-blk4-img1:  */
.tp-blk4-img1 { align-items: center; display: flex; flex-direction: column; height: auto; justify-content: center; position: relative; width: 195px; translate: 0px; scale: 3; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk4-img1 { display: flex; translate: 0px 48px; scale: 3; } }
@media screen and (max-width: 768px) { .tp-blk4-img1 { display: none; } }
@media screen and (max-width: 480px) { .tp-blk4-img1 { inset: auto -67px -42px auto; display: flex; position: absolute; z-index: 1; translate: 0px 24px; scale: 1.5; } }
@media screen and (max-width: 360px) { .tp-blk4-img1 { display: flex; } }

/* tp-blk5-box1: Solution その不安や悩み、「AIマンガラボ」なら全 */
.tp-blk5-box1 { place-content: center; align-items: center; background: rgb(67, 187, 201); flex: 0 0 auto; flex-flow: row-reverse; height: auto; overflow: hidden; width: 100%; max-width: 100%; }

/* tp-blk5-box2:  */
.tp-blk5-box2 { place-content: center; align-items: center; flex-flow: column; left: 0px; margin: 0px; padding: 0px; position: absolute; right: 0px; top: -80px; width: auto; max-width: 100%; }

/* tp-blk5-box3:  */
.tp-blk5-box3 { place-content: center; align-items: center; flex-flow: column; padding: 0px; scale: 2 1; }

/* tp-blk5-box4:  */
.tp-blk5-box4 { background: rgb(232, 248, 251); flex: 0 0 auto; height: 120px; width: 120px; rotate: 45deg; scale: 1; max-width: 100%; }

/* tp-blk5-box5: Solution その不安や悩み、「AIマンガラボ」なら全 */
.tp-blk5-box5 { place-content: center; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 80px; height: auto; margin: 0px 48px; padding: 120px 0px; width: 1200px; --gh-tp-blk5-box5: 0px; --gv-tp-blk5-box5: 80px; max-width: calc(100% - 96px); }
@media screen and (max-width: 768px) { .tp-blk5-box5 { margin: 0px; padding: 96px 0px; --gh-tp-blk5-box5: 0px; --gv-tp-blk5-box5: 80px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-blk5-box5 { padding: 96px 0px 72px; --gh-tp-blk5-box5: 0px; --gv-tp-blk5-box5: 80px; } }

/* tp-blk5-box6: Solution その不安や悩み、「AIマンガラボ」なら全 */
.tp-blk5-box6 { place-content: center; align-items: center; flex-flow: column; gap: 24px; padding: 0px; --gh-tp-blk5-box6: 0px; --gv-tp-blk5-box6: 24px; }

/* tp-blk5-txt1: Solution */
.tp-blk5-txt1 { color: rgb(255, 255, 255); font-family: Jost, sans-serif; font-size: 24px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
html.js .tp-blk5-txt1:not(.in) { opacity: 0; transition-delay: 100ms; transition-duration: 600ms; transition-timing-function: ease; }
.tp-blk5-txt1.in-active { transition-delay: 100ms; transition-duration: 600ms; transition-timing-function: ease; }
@media screen and (max-width: 1280px) { .tp-blk5-txt1 { font-size: 20px; } }
@media screen and (max-width: 768px) { .tp-blk5-txt1 { font-size: 18px; } }
@media screen and (max-width: 480px) { .tp-blk5-txt1 { font-size: 20px; } }

/* tp-blk5-box7: その不安や悩み、「AIマンガラボ」なら全て解消できます */
.tp-blk5-box7 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 80px; padding: 0px; width: calc(100% - (var(--gh-tp-blk5-box6) * 0)); --gh-tp-blk5-box7: 0px; --gv-tp-blk5-box7: 80px; max-width: calc(100% - (var(--gh-tp-blk5-box6) * 0)); }

/* tp-blk5-rich1: その不安や悩み、「AIマンガラボ」なら全て解消できます */
.tp-blk5-rich1 { color: rgb(255, 117, 80); display: flex; font-family: Oswald, sans-serif; font-size: 36px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 10px; text-align: left; width: auto; max-width: 100%; }
.tp-blk5-rich1 > p { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-weight: 700; letter-spacing: 0.02em; margin: 0px; }
.tp-blk5-rich1 strong { color: rgb(255, 253, 224); font-size: 64px; }
@media screen and (max-width: 1280px) { .tp-blk5-rich1 { display: flex; } }
@media screen and (max-width: 768px) { .tp-blk5-rich1 { display: flex; font-size: 20px; } }
@media screen and (max-width: 768px) { .tp-blk5-rich1 strong { font-size: 32px; } }
@media screen and (max-width: 480px) { .tp-blk5-rich1 { display: none; } }
@media screen and (max-width: 360px) { .tp-blk5-rich1 { display: none; } }

/* tp-blk5-rich2: その不安や悩み「AIマンガラボ」なら全て解消できます */
.tp-blk5-rich2 { color: rgb(255, 117, 80); display: none; font-family: Oswald, sans-serif; font-size: 36px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 10px; text-align: left; width: auto; max-width: 100%; }
.tp-blk5-rich2 > p { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-weight: 700; letter-spacing: 0.02em; margin: 0px; }
.tp-blk5-rich2 strong { color: rgb(255, 253, 224); font-size: 64px; }
@media screen and (max-width: 1280px) { .tp-blk5-rich2 { display: none; } }
@media screen and (max-width: 768px) { .tp-blk5-rich2 { display: none; font-size: 20px; } }
@media screen and (max-width: 768px) { .tp-blk5-rich2 strong { font-size: 32px; } }
@media screen and (max-width: 480px) { .tp-blk5-rich2 { display: flex; line-height: 1.6; text-align: center; } }
@media screen and (max-width: 480px) { .tp-blk5-rich2 strong { font-size: 36px; text-align: center; } }
@media screen and (max-width: 360px) { .tp-blk5-rich2 { display: flex; } }

/* tp-feature-sec1: Feature 01 SCROLL Feature 01 */
.tp-feature-sec1 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); flex-wrap: nowrap; gap: 0px; padding: 0px; width: 100%; --gh-tp-feature-sec1: 0px; --gv-tp-feature-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-feature-sec1 { background: #43BBC9; --gh-tp-feature-sec1: 0px; --gv-tp-feature-sec1: 0px; } }

/* tp-feature-box1: Feature 01 SCROLL Feature 01 */
.tp-feature-box1 { place-content: center; align-items: center; background: rgb(50, 168, 162); border-radius: 24px 24px 0px 0px; flex-flow: row; gap: 0px; height: 100vh; padding: 144px 0px; position: sticky; top: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); z-index: 1; --gh-tp-feature-box1: 0px; --gv-tp-feature-box1: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); }
@media screen and (max-width: 1280px) { .tp-feature-box1 { padding: 96px 0px; --gh-tp-feature-box1: 0px; --gv-tp-feature-box1: 0px; } }
@media screen and (max-width: 768px) { .tp-feature-box1 { flex: 0 0 auto; height: 70vh; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); --gh-tp-feature-box1: 0px; --gv-tp-feature-box1: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }
@media screen and (max-width: 480px) { .tp-feature-box1 { height: 90vh; padding: 72px 0px; --gh-tp-feature-box1: 0px; --gv-tp-feature-box1: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }

/* tp-feature-txt1: Feature 01 */
.tp-feature-txt1 { inset: auto auto 78px 38px; color: rgba(249, 249, 249, 0.804); font-family: Jost, sans-serif; font-size: 144px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 32px; position: absolute; text-align: center; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt1 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-feature-txt1 { bottom: 32px; font-size: 48px; left: 32px; } }

/* tp-feature-box2: SCROLL */
.tp-feature-box2 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); inset: 10px 0px auto; display: flex; flex-flow: column; height: auto; margin: 0px; padding: 0px; position: absolute; width: calc(100% - (var(--gh-tp-feature-box1) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-feature-box1) * 0)); }
html.js .tp-feature-box2:not(.in) { opacity: 0; transition-duration: 2000ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-feature-box2.in-active { transition-duration: 2000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-feature-box2 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 768px) { .tp-feature-box2 { display: flex; height: auto; justify-content: flex-end; } }
@media screen and (max-width: 480px) { .tp-feature-box2 { display: flex; height: auto; left: 0px; top: 0px; width: 100%; } }
@media screen and (max-width: 360px) { .tp-feature-box2 { display: none; padding: 0px 0px 86px; } }

/* tp-feature-box3: SCROLL */
.tp-feature-box3 { place-content: flex-start center; align-items: flex-start; background: rgba(255, 255, 255, 0); display: flex; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; position: relative; width: 38px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box3 { display: flex; } }
@media screen and (max-width: 768px) { .tp-feature-box3 { display: flex; } }
@media screen and (max-width: 480px) { .tp-feature-box3 { align-content: flex-start; align-items: flex-start; inset: 0px; display: flex; flex: 0 0 auto; position: relative; } }
@media screen and (max-width: 360px) { .tp-feature-box3 { display: flex; } }

/* tp-feature-box4:  */
.tp-feature-box4 { background: rgb(249, 249, 249); flex: 0 0 auto; height: 130px; margin: 5px 0px 0px -1px; transform-origin: center top; width: 1px; max-width: calc(100% + 1px); }
@media screen and (max-width: 480px) { .tp-feature-box4 { height: 70px; max-width: calc(100% + 1px); } }

/* tp-feature-txt2: SCROLL */
.tp-feature-txt2 { color: rgb(249, 249, 249); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; height: 50px; letter-spacing: 0.14em; line-height: 1.4; margin: 0px 0px 0px 4px; text-align: center; width: 14px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: calc(100% - 4px); justify-content: center; }
@media screen and (max-width: 480px) { .tp-feature-txt2 { font-feature-settings: normal; text-orientation: mixed; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } }

/* tp-feature-box5: Feature 01 「実案件ベースのカリキュラム」で “ */
.tp-feature-box5 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; padding: 0px 96px; width: 1340px; --gh-tp-feature-box5: 0px; --gv-tp-feature-box5: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box5 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-feature-box5: 0px; --gv-tp-feature-box5: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box5 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px 24px; --gh-tp-feature-box5: 0px; --gv-tp-feature-box5: 0px; } }

/* tp-feature-box6: Feature 01 「実案件ベースのカリキュラム」で “ */
.tp-feature-box6 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box5) * 0)); margin: 0px; padding: 24px; width: calc(60% - (var(--gh-tp-feature-box5) * 0.4)); --gh-tp-feature-box6: 0px; --gv-tp-feature-box6: 0px; max-width: calc(60% - (var(--gh-tp-feature-box5) * 0.4)); }
@media screen and (max-width: 768px) { .tp-feature-box6 { height: calc(100% - (var(--gv-tp-feature-box5) * 0)); width: calc(70% - (var(--gh-tp-feature-box5) * 0.3)); --gh-tp-feature-box6: 0px; --gv-tp-feature-box6: 0px; max-width: calc(70% - (var(--gh-tp-feature-box5) * 0.3)); } }
@media screen and (max-width: 480px) { .tp-feature-box6 { gap: 10px; margin: 0px 0px 32px; padding: 0px; width: calc(100% - (var(--gh-tp-feature-box5) * 0)); --gh-tp-feature-box6: 0px; --gv-tp-feature-box6: 10px; max-width: calc(100% - (var(--gh-tp-feature-box5) * 0)); height: calc(100% - 32px - (var(--gv-tp-feature-box5) * 0)); } }

/* tp-feature-txt3: Feature 01 */
.tp-feature-txt3 { color: rgb(249, 249, 249); font-family: Jost, sans-serif; font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 1.4; margin: 0px 0px 32px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt3 { font-size: 28px; } }
@media screen and (max-width: 480px) { .tp-feature-txt3 { font-size: 24px; } }

/* tp-feature-txt4: 「実案件ベースのカリキュラム」で “使えるスキル”が身につく */
.tp-feature-txt4 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 2px; line-height: 1.4; margin: 0px 0px 24px; text-align: justify; width: calc(100% - (var(--gh-tp-feature-box6) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box6) * 0)); justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt4 { font-size: 24px; } }
@media screen and (max-width: 480px) { .tp-feature-txt4 { font-size: 18px; } }

/* tp-feature-txt5: 多くのスクールは“架空の課題”で学びますが、 このスクールは */
.tp-feature-txt5 { color: rgb(249, 249, 249); display: flex; font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 1px; line-height: 1.8; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 1280px) { .tp-feature-txt5 { display: flex; } }
@media screen and (max-width: 768px) { .tp-feature-txt5 { display: flex; font-size: 14px; line-height: 1.6; } }
@media screen and (max-width: 480px) { .tp-feature-txt5 { display: none; font-size: 14px; } }
@media screen and (max-width: 360px) { .tp-feature-txt5 { display: none; } }

/* tp-feature-txt6: 多くのスクールは“架空の課題”で学びますが、このスクールは、 */
.tp-feature-txt6 { color: rgb(249, 249, 249); display: none; font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 1px; line-height: 1.8; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 1280px) { .tp-feature-txt6 { display: none; } }
@media screen and (max-width: 768px) { .tp-feature-txt6 { display: none; font-size: 14px; line-height: 1.6; } }
@media screen and (max-width: 480px) { .tp-feature-txt6 { display: flex; font-size: 14px; } }
@media screen and (max-width: 360px) { .tp-feature-txt6 { display: flex; } }

/* tp-feature-box7: カリキュラム内容account_circleカリキュラム内容 */
.tp-feature-box7 { align-items: center; display: none; flex-flow: row; gap: 24px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px 1px; width: calc(100% - (var(--gh-tp-feature-box6) * 0)); --gh-tp-feature-box7: 24px; --gv-tp-feature-box7: 0px; max-width: calc(100% - (var(--gh-tp-feature-box6) * 0)); }
@media screen and (max-width: 1280px) { .tp-feature-box7 { display: none; --gh-tp-feature-box7: 24px; --gv-tp-feature-box7: 0px; } }
@media screen and (max-width: 768px) { .tp-feature-box7 { display: none; --gh-tp-feature-box7: 24px; --gv-tp-feature-box7: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box7 { display: none; --gh-tp-feature-box7: 24px; --gv-tp-feature-box7: 0px; } }
@media screen and (max-width: 360px) { .tp-feature-box7 { display: none; --gh-tp-feature-box7: 24px; --gv-tp-feature-box7: 0px; } }

/* tp-feature-box8: カリキュラム内容account_circle */
.tp-feature-box8 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); border-radius: 8px; flex: 1 1 0%; flex-flow: wrap; gap: 0px 40px; height: 80px; margin: 32px 0px 0px; padding: 12px 18px; width: auto; --gh-tp-feature-box8: 40px; --gv-tp-feature-box8: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-feature-box8 { gap: 0px 16px; padding: 4px 8px 4px 14px; --gh-tp-feature-box8: 16px; --gv-tp-feature-box8: 0px; } }

/* tp-feature-txt7: カリキュラム内容 */
.tp-feature-txt7 { color: rgb(70, 70, 70); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 23px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-feature-txt7 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-feature-txt7 { font-size: 13px; } }

/* tp-feature-icon1: account_circle */
.tp-feature-icon1 { color: rgb(70, 70, 70); font-size: 24px; }

/* tp-feature-box9: カリキュラム内容create */
.tp-feature-box9 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); border-radius: 8px; flex: 1 1 0%; flex-flow: wrap; gap: 0px 40px; height: 80px; margin: 32px 0px 0px; padding: 12px 18px; width: auto; --gh-tp-feature-box9: 40px; --gv-tp-feature-box9: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-feature-box9 { gap: 0px 16px; padding: 4px 8px 4px 14px; --gh-tp-feature-box9: 16px; --gv-tp-feature-box9: 0px; } }

/* tp-feature-txt8: カリキュラム内容 */
.tp-feature-txt8 { color: rgb(70, 70, 70); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 23px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-feature-txt8 { font-size: 13px; } }
@media screen and (max-width: 480px) { .tp-feature-txt8 { font-size: 13px; } }

/* tp-feature-icon2: create */
.tp-feature-icon2 { color: rgb(70, 70, 70); font-size: 24px; }

/* tp-feature-box10:  */
.tp-feature-box10 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box5) * 0)); padding: 0px; width: auto; --gh-tp-feature-box10: 0px; --gv-tp-feature-box10: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-box10 { flex: 1 1 0%; width: auto; --gh-tp-feature-box10: 0px; --gv-tp-feature-box10: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box10 { width: calc(90% - (var(--gh-tp-feature-box5) * 0.10000000000000003)); --gh-tp-feature-box10: 0px; --gv-tp-feature-box10: 0px; max-width: calc(90% - (var(--gh-tp-feature-box5) * 0.10000000000000003)); height: calc(100% - (var(--gv-tp-feature-box5) * 0)); } }

/* tp-feature-pic1:  */
.tp-feature-pic1 { border-radius: 8px; height: 350px; width: 350px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-pic1 { height: 150px; width: calc(100% - (var(--gh-tp-feature-box10) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box10) * 0)); } }

/* tp-feature-box11: Feature 02 SCROLL Feature 02 */
.tp-feature-box11 { place-content: center; align-items: center; background: rgb(30, 127, 187); border-radius: 24px 24px 0px 0px; flex-flow: row; gap: 0px; height: 100vh; padding: 144px 0px; position: sticky; top: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); z-index: 1; --gh-tp-feature-box11: 0px; --gv-tp-feature-box11: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); }
@media screen and (max-width: 1280px) { .tp-feature-box11 { padding: 96px 0px; --gh-tp-feature-box11: 0px; --gv-tp-feature-box11: 0px; } }
@media screen and (max-width: 768px) { .tp-feature-box11 { flex: 0 0 auto; height: 70vh; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); --gh-tp-feature-box11: 0px; --gv-tp-feature-box11: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }
@media screen and (max-width: 480px) { .tp-feature-box11 { height: 90vh; padding: 72px 0px; --gh-tp-feature-box11: 0px; --gv-tp-feature-box11: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }

/* tp-feature-txt9: Feature 02 */
.tp-feature-txt9 { inset: auto auto 78px 38px; color: rgba(249, 249, 249, 0.804); font-family: Jost, sans-serif; font-size: 144px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 32px; position: absolute; text-align: center; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt9 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-feature-txt9 { bottom: 32px; font-size: 48px; left: 32px; } }

/* tp-feature-box12: SCROLL */
.tp-feature-box12 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); inset: 10px 0px auto; display: flex; flex-flow: column; height: auto; margin: 0px; padding: 0px; position: absolute; width: calc(100% - (var(--gh-tp-feature-box11) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-feature-box11) * 0)); }
html.js .tp-feature-box12:not(.in) { opacity: 0; transition-duration: 2000ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-feature-box12.in-active { transition-duration: 2000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-feature-box12 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 768px) { .tp-feature-box12 { display: flex; height: auto; justify-content: flex-end; } }
@media screen and (max-width: 480px) { .tp-feature-box12 { display: flex; height: auto; left: 0px; top: 0px; width: 100%; } }
@media screen and (max-width: 360px) { .tp-feature-box12 { display: none; padding: 0px 0px 86px; } }

/* tp-feature-box13: SCROLL */
.tp-feature-box13 { place-content: flex-start center; align-items: flex-start; background: rgba(255, 255, 255, 0); display: flex; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; position: relative; width: 38px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box13 { display: flex; } }
@media screen and (max-width: 768px) { .tp-feature-box13 { display: flex; } }
@media screen and (max-width: 480px) { .tp-feature-box13 { align-content: flex-start; align-items: flex-start; inset: 0px; display: flex; flex: 0 0 auto; position: relative; } }
@media screen and (max-width: 360px) { .tp-feature-box13 { display: flex; } }

/* tp-feature-box14:  */
.tp-feature-box14 { background: rgb(249, 249, 249); flex: 0 0 auto; height: 130px; margin: 5px 0px 0px -1px; transform-origin: center top; width: 1px; max-width: calc(100% + 1px); }
@media screen and (max-width: 480px) { .tp-feature-box14 { height: 70px; max-width: calc(100% + 1px); } }

/* tp-feature-txt10: SCROLL */
.tp-feature-txt10 { color: rgb(249, 249, 249); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; height: 50px; letter-spacing: 0.14em; line-height: 1.4; margin: 0px 0px 0px 4px; text-align: center; width: 14px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: calc(100% - 4px); justify-content: center; }
@media screen and (max-width: 480px) { .tp-feature-txt10 { font-feature-settings: normal; text-orientation: mixed; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } }

/* tp-feature-box15: Feature 02 「ポートフォリオ制作」を徹底サポート */
.tp-feature-box15 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; padding: 0px 96px; width: 1340px; --gh-tp-feature-box15: 0px; --gv-tp-feature-box15: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box15 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-feature-box15: 0px; --gv-tp-feature-box15: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box15 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px 24px; --gh-tp-feature-box15: 0px; --gv-tp-feature-box15: 0px; } }

/* tp-feature-box16: Feature 02 「ポートフォリオ制作」を徹底サポート */
.tp-feature-box16 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box15) * 0)); margin: 0px; padding: 24px; width: calc(60% - (var(--gh-tp-feature-box15) * 0.4)); --gh-tp-feature-box16: 0px; --gv-tp-feature-box16: 0px; max-width: calc(60% - (var(--gh-tp-feature-box15) * 0.4)); }
@media screen and (max-width: 768px) { .tp-feature-box16 { height: calc(100% - (var(--gv-tp-feature-box15) * 0)); width: calc(70% - (var(--gh-tp-feature-box15) * 0.3)); --gh-tp-feature-box16: 0px; --gv-tp-feature-box16: 0px; max-width: calc(70% - (var(--gh-tp-feature-box15) * 0.3)); } }
@media screen and (max-width: 480px) { .tp-feature-box16 { gap: 10px; margin: 0px 0px 32px; padding: 0px; width: calc(100% - (var(--gh-tp-feature-box15) * 0)); --gh-tp-feature-box16: 0px; --gv-tp-feature-box16: 10px; max-width: calc(100% - (var(--gh-tp-feature-box15) * 0)); height: calc(100% - 32px - (var(--gv-tp-feature-box15) * 0)); } }

/* tp-feature-txt11: Feature 02 */
.tp-feature-txt11 { color: rgb(249, 249, 249); font-family: Jost, sans-serif; font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 1.4; margin: 0px 0px 32px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt11 { font-size: 28px; } }
@media screen and (max-width: 480px) { .tp-feature-txt11 { font-size: 24px; } }

/* tp-feature-txt12: 「ポートフォリオ制作」を徹底サポート */
.tp-feature-txt12 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 2px; line-height: 1.4; margin: 0px 0px 24px; text-align: justify; width: calc(100% - (var(--gh-tp-feature-box16) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box16) * 0)); justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt12 { font-size: 24px; } }
@media screen and (max-width: 480px) { .tp-feature-txt12 { font-size: 18px; } }

/* tp-feature-txt13: 未経験者の大きな壁が「実績がない」こと。 ここでは、講師と一 */
.tp-feature-txt13 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 1px; line-height: 1.8; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt13 { font-size: 14px; line-height: 1.6; } }
@media screen and (max-width: 480px) { .tp-feature-txt13 { font-size: 14px; } }

/* tp-feature-box17:  */
.tp-feature-box17 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box15) * 0)); padding: 0px; width: auto; --gh-tp-feature-box17: 0px; --gv-tp-feature-box17: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-box17 { flex: 1 1 0%; width: auto; --gh-tp-feature-box17: 0px; --gv-tp-feature-box17: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box17 { width: calc(90% - (var(--gh-tp-feature-box15) * 0.10000000000000003)); --gh-tp-feature-box17: 0px; --gv-tp-feature-box17: 0px; max-width: calc(90% - (var(--gh-tp-feature-box15) * 0.10000000000000003)); height: calc(100% - (var(--gv-tp-feature-box15) * 0)); } }

/* tp-feature-pic2:  */
.tp-feature-pic2 { border-radius: 8px; height: 350px; width: 350px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-pic2 { height: 150px; width: calc(100% - (var(--gh-tp-feature-box17) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box17) * 0)); } }

/* tp-feature-box18: Feature 03 SCROLL Feature 03 */
.tp-feature-box18 { place-content: center; align-items: center; background: rgb(230, 0, 51); border-radius: 24px 24px 0px 0px; flex-flow: row; gap: 0px; height: 100vh; padding: 144px 0px; position: sticky; top: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); z-index: 1; --gh-tp-feature-box18: 0px; --gv-tp-feature-box18: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); }
@media screen and (max-width: 1280px) { .tp-feature-box18 { padding: 96px 0px; --gh-tp-feature-box18: 0px; --gv-tp-feature-box18: 0px; } }
@media screen and (max-width: 768px) { .tp-feature-box18 { flex: 0 0 auto; height: 70vh; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); --gh-tp-feature-box18: 0px; --gv-tp-feature-box18: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }
@media screen and (max-width: 480px) { .tp-feature-box18 { height: 90vh; padding: 72px 0px; --gh-tp-feature-box18: 0px; --gv-tp-feature-box18: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }

/* tp-feature-txt14: Feature 03 */
.tp-feature-txt14 { inset: auto auto 78px 38px; color: rgba(249, 249, 249, 0.804); font-family: Jost, sans-serif; font-size: 144px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 32px; position: absolute; text-align: center; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt14 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-feature-txt14 { bottom: 32px; font-size: 48px; left: 32px; } }

/* tp-feature-box19: SCROLL */
.tp-feature-box19 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); inset: 10px 0px auto; display: flex; flex-flow: column; height: auto; margin: 0px; padding: 0px; position: absolute; width: calc(100% - (var(--gh-tp-feature-box18) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-feature-box18) * 0)); }
html.js .tp-feature-box19:not(.in) { opacity: 0; transition-duration: 2000ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-feature-box19.in-active { transition-duration: 2000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-feature-box19 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 768px) { .tp-feature-box19 { display: flex; height: auto; justify-content: flex-end; } }
@media screen and (max-width: 480px) { .tp-feature-box19 { display: flex; height: auto; left: 0px; top: 0px; width: 100%; } }
@media screen and (max-width: 360px) { .tp-feature-box19 { display: none; padding: 0px 0px 86px; } }

/* tp-feature-box20: SCROLL */
.tp-feature-box20 { place-content: flex-start center; align-items: flex-start; background: rgba(255, 255, 255, 0); display: flex; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; position: relative; width: 38px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box20 { display: flex; } }
@media screen and (max-width: 768px) { .tp-feature-box20 { display: flex; } }
@media screen and (max-width: 480px) { .tp-feature-box20 { align-content: flex-start; align-items: flex-start; inset: 0px; display: flex; flex: 0 0 auto; position: relative; } }
@media screen and (max-width: 360px) { .tp-feature-box20 { display: flex; } }

/* tp-feature-box21:  */
.tp-feature-box21 { background: rgb(249, 249, 249); flex: 0 0 auto; height: 130px; margin: 5px 0px 0px -1px; transform-origin: center top; width: 1px; max-width: calc(100% + 1px); }
@media screen and (max-width: 480px) { .tp-feature-box21 { height: 70px; max-width: calc(100% + 1px); } }

/* tp-feature-txt15: SCROLL */
.tp-feature-txt15 { color: rgb(249, 249, 249); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; height: 50px; letter-spacing: 0.14em; line-height: 1.4; margin: 0px 0px 0px 4px; text-align: center; width: 14px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: calc(100% - 4px); justify-content: center; }
@media screen and (max-width: 480px) { .tp-feature-txt15 { font-feature-settings: normal; text-orientation: mixed; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } }

/* tp-feature-box22: Feature 03 「案件紹介・就職支援」まで一本化  */
.tp-feature-box22 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; padding: 0px 96px; width: 1340px; --gh-tp-feature-box22: 0px; --gv-tp-feature-box22: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box22 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-feature-box22: 0px; --gv-tp-feature-box22: 0px; } }
@media screen and (max-width: 768px) { .tp-feature-box22 { height: auto; --gh-tp-feature-box22: 0px; --gv-tp-feature-box22: 0px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-feature-box22 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px 24px; --gh-tp-feature-box22: 0px; --gv-tp-feature-box22: 0px; } }

/* tp-feature-box23: Feature 03 「案件紹介・就職支援」まで一本化  */
.tp-feature-box23 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box22) * 0)); margin: 0px; padding: 24px; width: calc(60% - (var(--gh-tp-feature-box22) * 0.4)); --gh-tp-feature-box23: 0px; --gv-tp-feature-box23: 0px; max-width: calc(60% - (var(--gh-tp-feature-box22) * 0.4)); }
@media screen and (max-width: 768px) { .tp-feature-box23 { height: calc(100% - (var(--gv-tp-feature-box22) * 0)); width: calc(70% - (var(--gh-tp-feature-box22) * 0.3)); --gh-tp-feature-box23: 0px; --gv-tp-feature-box23: 0px; max-width: calc(70% - (var(--gh-tp-feature-box22) * 0.3)); } }
@media screen and (max-width: 480px) { .tp-feature-box23 { gap: 10px; margin: 0px 0px 32px; padding: 0px; width: calc(100% - (var(--gh-tp-feature-box22) * 0)); --gh-tp-feature-box23: 0px; --gv-tp-feature-box23: 10px; max-width: calc(100% - (var(--gh-tp-feature-box22) * 0)); height: calc(100% - 32px - (var(--gv-tp-feature-box22) * 0)); } }

/* tp-feature-txt16: Feature 03 */
.tp-feature-txt16 { color: rgb(249, 249, 249); font-family: Jost, sans-serif; font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 1.4; margin: 0px 0px 32px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt16 { font-size: 28px; } }
@media screen and (max-width: 480px) { .tp-feature-txt16 { font-size: 24px; } }

/* tp-feature-txt17: 「案件紹介・就職支援」まで一本化 */
.tp-feature-txt17 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 2px; line-height: 1.4; margin: 0px 0px 24px; text-align: justify; width: calc(100% - (var(--gh-tp-feature-box23) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box23) * 0)); justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt17 { font-size: 24px; } }
@media screen and (max-width: 480px) { .tp-feature-txt17 { font-size: 18px; } }

/* tp-feature-txt18: 学んで終わりではなく、“学びの先”までしっかりサポート。 卒 */
.tp-feature-txt18 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 1px; line-height: 1.8; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt18 { font-size: 14px; line-height: 1.6; } }
@media screen and (max-width: 480px) { .tp-feature-txt18 { font-size: 14px; } }

/* tp-feature-box24:  */
.tp-feature-box24 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box22) * 0)); padding: 0px; width: auto; --gh-tp-feature-box24: 0px; --gv-tp-feature-box24: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-box24 { flex: 1 1 0%; width: auto; --gh-tp-feature-box24: 0px; --gv-tp-feature-box24: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box24 { width: calc(90% - (var(--gh-tp-feature-box22) * 0.10000000000000003)); --gh-tp-feature-box24: 0px; --gv-tp-feature-box24: 0px; max-width: calc(90% - (var(--gh-tp-feature-box22) * 0.10000000000000003)); height: calc(100% - (var(--gv-tp-feature-box22) * 0)); } }

/* tp-feature-pic3:  */
.tp-feature-pic3 { border-radius: 8px; height: 350px; width: 350px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-pic3 { height: 150px; width: calc(100% - (var(--gh-tp-feature-box24) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box24) * 0)); } }

/* tp-feature-box25: Feature 04 SCROLL Feature 04 */
.tp-feature-box25 { place-content: center; align-items: center; background: rgb(26, 35, 58); border-radius: 24px 24px 0px 0px; flex-flow: row; gap: 0px; height: 100vh; padding: 144px 0px; position: sticky; top: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); z-index: 1; --gh-tp-feature-box25: 0px; --gv-tp-feature-box25: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); }
@media screen and (max-width: 1280px) { .tp-feature-box25 { padding: 96px 0px; --gh-tp-feature-box25: 0px; --gv-tp-feature-box25: 0px; } }
@media screen and (max-width: 768px) { .tp-feature-box25 { flex: 0 0 auto; height: 70vh; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); --gh-tp-feature-box25: 0px; --gv-tp-feature-box25: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }
@media screen and (max-width: 480px) { .tp-feature-box25 { height: 90vh; padding: 72px 0px; --gh-tp-feature-box25: 0px; --gv-tp-feature-box25: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }

/* tp-feature-txt19: Feature 04 */
.tp-feature-txt19 { inset: auto auto 78px 38px; color: rgba(249, 249, 249, 0.804); font-family: Jost, sans-serif; font-size: 144px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 32px; position: absolute; text-align: center; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt19 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-feature-txt19 { bottom: 32px; font-size: 48px; left: 32px; } }

/* tp-feature-box26: SCROLL */
.tp-feature-box26 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); inset: 10px 0px auto; display: flex; flex-flow: column; height: auto; margin: 0px; padding: 0px; position: absolute; width: calc(100% - (var(--gh-tp-feature-box25) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-feature-box25) * 0)); }
html.js .tp-feature-box26:not(.in) { opacity: 0; transition-duration: 2000ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-feature-box26.in-active { transition-duration: 2000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-feature-box26 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 768px) { .tp-feature-box26 { display: flex; height: auto; justify-content: flex-end; } }
@media screen and (max-width: 480px) { .tp-feature-box26 { display: flex; height: auto; left: 0px; top: 0px; width: 100%; } }
@media screen and (max-width: 360px) { .tp-feature-box26 { display: none; padding: 0px 0px 86px; } }

/* tp-feature-box27: SCROLL */
.tp-feature-box27 { place-content: flex-start center; align-items: flex-start; background: rgba(255, 255, 255, 0); display: flex; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; position: relative; width: 38px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box27 { display: flex; } }
@media screen and (max-width: 768px) { .tp-feature-box27 { display: flex; } }
@media screen and (max-width: 480px) { .tp-feature-box27 { align-content: flex-start; align-items: flex-start; inset: 0px; display: flex; flex: 0 0 auto; position: relative; } }
@media screen and (max-width: 360px) { .tp-feature-box27 { display: flex; } }

/* tp-feature-box28:  */
.tp-feature-box28 { background: rgb(249, 249, 249); flex: 0 0 auto; height: 130px; margin: 5px 0px 0px -1px; transform-origin: center top; width: 1px; max-width: calc(100% + 1px); }
@media screen and (max-width: 480px) { .tp-feature-box28 { height: 70px; max-width: calc(100% + 1px); } }

/* tp-feature-txt20: SCROLL */
.tp-feature-txt20 { color: rgb(249, 249, 249); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; height: 50px; letter-spacing: 0.14em; line-height: 1.4; margin: 0px 0px 0px 4px; text-align: center; width: 14px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: calc(100% - 4px); justify-content: center; }
@media screen and (max-width: 480px) { .tp-feature-txt20 { font-feature-settings: normal; text-orientation: mixed; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } }

/* tp-feature-box29: Feature 04 「個別フィードバック×進捗管理」 で */
.tp-feature-box29 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; padding: 0px 96px; width: 1340px; --gh-tp-feature-box29: 0px; --gv-tp-feature-box29: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box29 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-feature-box29: 0px; --gv-tp-feature-box29: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box29 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px 24px; --gh-tp-feature-box29: 0px; --gv-tp-feature-box29: 0px; } }

/* tp-feature-box30: Feature 04 「個別フィードバック×進捗管理」 で */
.tp-feature-box30 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box29) * 0)); margin: 0px; padding: 24px; width: calc(60% - (var(--gh-tp-feature-box29) * 0.4)); --gh-tp-feature-box30: 0px; --gv-tp-feature-box30: 0px; max-width: calc(60% - (var(--gh-tp-feature-box29) * 0.4)); }
@media screen and (max-width: 768px) { .tp-feature-box30 { height: calc(100% - (var(--gv-tp-feature-box29) * 0)); width: calc(70% - (var(--gh-tp-feature-box29) * 0.3)); --gh-tp-feature-box30: 0px; --gv-tp-feature-box30: 0px; max-width: calc(70% - (var(--gh-tp-feature-box29) * 0.3)); } }
@media screen and (max-width: 480px) { .tp-feature-box30 { gap: 10px; margin: 0px 0px 32px; padding: 0px; width: calc(100% - (var(--gh-tp-feature-box29) * 0)); --gh-tp-feature-box30: 0px; --gv-tp-feature-box30: 10px; max-width: calc(100% - (var(--gh-tp-feature-box29) * 0)); height: calc(100% - 32px - (var(--gv-tp-feature-box29) * 0)); } }

/* tp-feature-txt21: Feature 04 */
.tp-feature-txt21 { color: rgb(249, 249, 249); font-family: Jost, sans-serif; font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 1.4; margin: 0px 0px 32px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt21 { font-size: 28px; } }
@media screen and (max-width: 480px) { .tp-feature-txt21 { font-size: 24px; } }

/* tp-feature-txt22: 「個別フィードバック×進捗管理」 で挫折しにくい */
.tp-feature-txt22 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 2px; line-height: 1.4; margin: 0px 0px 24px; text-align: justify; width: calc(100% - (var(--gh-tp-feature-box30) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box30) * 0)); justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt22 { font-size: 24px; } }
@media screen and (max-width: 480px) { .tp-feature-txt22 { font-size: 18px; } }

/* tp-feature-txt23: 多くのスクールでは「自習中心」でモチベーションが続かない。  */
.tp-feature-txt23 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 1px; line-height: 1.8; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt23 { font-size: 14px; line-height: 1.6; } }
@media screen and (max-width: 480px) { .tp-feature-txt23 { font-size: 14px; } }

/* tp-feature-box31:  */
.tp-feature-box31 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box29) * 0)); padding: 0px; width: auto; --gh-tp-feature-box31: 0px; --gv-tp-feature-box31: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-box31 { flex: 1 1 0%; width: auto; --gh-tp-feature-box31: 0px; --gv-tp-feature-box31: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box31 { width: calc(90% - (var(--gh-tp-feature-box29) * 0.10000000000000003)); --gh-tp-feature-box31: 0px; --gv-tp-feature-box31: 0px; max-width: calc(90% - (var(--gh-tp-feature-box29) * 0.10000000000000003)); height: calc(100% - (var(--gv-tp-feature-box29) * 0)); } }

/* tp-feature-pic4:  */
.tp-feature-pic4 { border-radius: 8px; height: 350px; width: 350px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-pic4 { height: 150px; width: calc(100% - (var(--gh-tp-feature-box31) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box31) * 0)); } }

/* tp-feature-box32: Feature 05 SCROLL Feature 05 */
.tp-feature-box32 { place-content: center; align-items: center; background: rgb(221, 190, 46); border-radius: 24px 24px 0px 0px; flex-flow: row; gap: 0px; height: 100vh; padding: 144px 0px; position: sticky; top: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); z-index: 1; --gh-tp-feature-box32: 0px; --gv-tp-feature-box32: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); }
@media screen and (max-width: 1280px) { .tp-feature-box32 { padding: 96px 0px; --gh-tp-feature-box32: 0px; --gv-tp-feature-box32: 0px; } }
@media screen and (max-width: 768px) { .tp-feature-box32 { flex: 0 0 auto; height: 70vh; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); --gh-tp-feature-box32: 0px; --gv-tp-feature-box32: 0px; max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }
@media screen and (max-width: 480px) { .tp-feature-box32 { height: 90vh; padding: 72px 0px; --gh-tp-feature-box32: 0px; --gv-tp-feature-box32: 0px; width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); max-width: calc(100% - (var(--gh-tp-feature-sec1) * 0)); } }

/* tp-feature-txt24: Feature 05 */
.tp-feature-txt24 { inset: auto auto 78px 38px; color: rgba(249, 249, 249, 0.804); font-family: Jost, sans-serif; font-size: 144px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 32px; position: absolute; text-align: center; width: auto; z-index: 1; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt24 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-feature-txt24 { bottom: 32px; font-size: 48px; left: 32px; } }

/* tp-feature-box33: SCROLL */
.tp-feature-box33 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); inset: 10px 0px auto; display: flex; flex-flow: column; height: auto; margin: 0px; padding: 0px; position: absolute; width: calc(100% - (var(--gh-tp-feature-box32) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-feature-box32) * 0)); }
html.js .tp-feature-box33:not(.in) { opacity: 0; transition-duration: 2000ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.tp-feature-box33.in-active { transition-duration: 2000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .tp-feature-box33 { display: flex; flex: 0 0 auto; } }
@media screen and (max-width: 768px) { .tp-feature-box33 { display: flex; height: auto; justify-content: flex-end; } }
@media screen and (max-width: 480px) { .tp-feature-box33 { display: flex; height: auto; left: 0px; top: 0px; width: 100%; } }
@media screen and (max-width: 360px) { .tp-feature-box33 { display: none; padding: 0px 0px 86px; } }

/* tp-feature-box34: SCROLL */
.tp-feature-box34 { place-content: flex-start center; align-items: flex-start; background: rgba(255, 255, 255, 0); display: flex; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 0px; position: relative; width: 38px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box34 { display: flex; } }
@media screen and (max-width: 768px) { .tp-feature-box34 { display: flex; } }
@media screen and (max-width: 480px) { .tp-feature-box34 { align-content: flex-start; align-items: flex-start; inset: 0px; display: flex; flex: 0 0 auto; position: relative; } }
@media screen and (max-width: 360px) { .tp-feature-box34 { display: flex; } }

/* tp-feature-box35:  */
.tp-feature-box35 { background: rgb(249, 249, 249); flex: 0 0 auto; height: 130px; margin: 5px 0px 0px -1px; transform-origin: center top; width: 1px; max-width: calc(100% + 1px); }
@media screen and (max-width: 480px) { .tp-feature-box35 { height: 70px; max-width: calc(100% + 1px); } }

/* tp-feature-txt25: SCROLL */
.tp-feature-txt25 { color: rgb(249, 249, 249); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 10px; font-weight: 700; height: 50px; letter-spacing: 0.14em; line-height: 1.4; margin: 0px 0px 0px 4px; text-align: center; width: 14px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; max-width: calc(100% - 4px); justify-content: center; }
@media screen and (max-width: 480px) { .tp-feature-txt25 { font-feature-settings: normal; text-orientation: mixed; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; } }

/* tp-feature-box36: Feature 05 「コミュニティと実践環境」で孤独を解 */
.tp-feature-box36 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; padding: 0px 96px; width: 1340px; --gh-tp-feature-box36: 0px; --gv-tp-feature-box36: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-feature-box36 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-feature-box36: 0px; --gv-tp-feature-box36: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box36 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px 24px; --gh-tp-feature-box36: 0px; --gv-tp-feature-box36: 0px; } }

/* tp-feature-box37: Feature 05 「コミュニティと実践環境」で孤独を解 */
.tp-feature-box37 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box36) * 0)); margin: 0px; padding: 24px; width: calc(60% - (var(--gh-tp-feature-box36) * 0.4)); --gh-tp-feature-box37: 0px; --gv-tp-feature-box37: 0px; max-width: calc(60% - (var(--gh-tp-feature-box36) * 0.4)); }
@media screen and (max-width: 768px) { .tp-feature-box37 { height: calc(100% - (var(--gv-tp-feature-box36) * 0)); width: calc(70% - (var(--gh-tp-feature-box36) * 0.3)); --gh-tp-feature-box37: 0px; --gv-tp-feature-box37: 0px; max-width: calc(70% - (var(--gh-tp-feature-box36) * 0.3)); } }
@media screen and (max-width: 480px) { .tp-feature-box37 { gap: 10px; margin: 0px 0px 32px; padding: 0px; width: calc(100% - (var(--gh-tp-feature-box36) * 0)); --gh-tp-feature-box37: 0px; --gv-tp-feature-box37: 10px; max-width: calc(100% - (var(--gh-tp-feature-box36) * 0)); height: calc(100% - 32px - (var(--gv-tp-feature-box36) * 0)); } }

/* tp-feature-txt26: Feature 05 */
.tp-feature-txt26 { color: rgb(249, 249, 249); font-family: Jost, sans-serif; font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 3px; line-height: 1.4; margin: 0px 0px 32px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 768px) { .tp-feature-txt26 { font-size: 28px; } }
@media screen and (max-width: 480px) { .tp-feature-txt26 { font-size: 24px; } }

/* tp-feature-txt27: 「コミュニティと実践環境」で孤独を解消 */
.tp-feature-txt27 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 28px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 2px; line-height: 1.4; margin: 0px 0px 24px; text-align: justify; width: calc(100% - (var(--gh-tp-feature-box37) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box37) * 0)); justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt27 { font-size: 24px; } }
@media screen and (max-width: 480px) { .tp-feature-txt27 { font-size: 18px; } }

/* tp-feature-txt28: 同じ目標を持つ仲間と繋がれるコミュニティがあり、 一人では得 */
.tp-feature-txt28 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 1px; line-height: 1.8; text-align: justify; width: auto; max-width: 100%; justify-content: space-between; }
@media screen and (max-width: 768px) { .tp-feature-txt28 { font-size: 14px; line-height: 1.6; } }
@media screen and (max-width: 480px) { .tp-feature-txt28 { font-size: 14px; } }

/* tp-feature-box38:  */
.tp-feature-box38 { place-content: center; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-tp-feature-box36) * 0)); padding: 0px; width: auto; --gh-tp-feature-box38: 0px; --gv-tp-feature-box38: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-box38 { flex: 1 1 0%; width: auto; --gh-tp-feature-box38: 0px; --gv-tp-feature-box38: 0px; } }
@media screen and (max-width: 480px) { .tp-feature-box38 { width: calc(90% - (var(--gh-tp-feature-box36) * 0.10000000000000003)); --gh-tp-feature-box38: 0px; --gv-tp-feature-box38: 0px; max-width: calc(90% - (var(--gh-tp-feature-box36) * 0.10000000000000003)); height: calc(100% - (var(--gv-tp-feature-box36) * 0)); } }

/* tp-feature-pic5:  */
.tp-feature-pic5 { border-radius: 8px; height: 350px; width: 350px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-feature-pic5 { height: 150px; width: calc(100% - (var(--gh-tp-feature-box38) * 0)); max-width: calc(100% - (var(--gh-tp-feature-box38) * 0)); } }

/* tp-blk7-box1: 夢中になれる仕事を、ここから始めよう 無料カウンセリング  */
.tp-blk7-box1 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; padding: 96px 0px; width: 100%; --gh-tp-blk7-box1: 0px; --gv-tp-blk7-box1: 60px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-blk7-box1 { background: rgba(255, 255, 255, 0); gap: 60px; padding: 72px 0px; --gh-tp-blk7-box1: 0px; --gv-tp-blk7-box1: 60px; } }

/* tp-blk7-pic1:  */
.tp-blk7-pic1 { height: calc(100% - (var(--gv-tp-blk7-box1) * 0)); left: 0px; position: absolute; top: 0px; width: calc(100% - (var(--gh-tp-blk7-box1) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-blk7-box1) * 0)); }
.tp-blk7-pic1::before { filter: brightness(40%); }

/* tp-blk7-box2: 夢中になれる仕事を、ここから始めよう 無料カウンセリング  */
.tp-blk7-box2 { place-content: center flex-start; align-items: center; background: rgba(34, 34, 34, 0); border-radius: 12px; flex-flow: column; gap: 40px; height: auto; margin: 0px; padding: 64px 40px; width: 1340px; --gh-tp-blk7-box2: 0px; --gv-tp-blk7-box2: 40px; max-width: 100%; }
html.js .tp-blk7-box2:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-blk7-box2: 0px; --gv-tp-blk7-box2: 40px; }
.tp-blk7-box2.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .tp-blk7-box2 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-blk7-box2: 0px; --gv-tp-blk7-box2: 40px; } }
@media screen and (max-width: 768px) { .tp-blk7-box2 { flex-flow: column; padding: 0px 48px; --gh-tp-blk7-box2: 0px; --gv-tp-blk7-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-blk7-box2 { border-radius: 8px; gap: 24px; padding: 0px 24px; --gh-tp-blk7-box2: 0px; --gv-tp-blk7-box2: 24px; } }

/* tp-blk7-txt1: 夢中になれる仕事を、ここから始めよう */
.tp-blk7-txt1 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 40px; 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: 768px) { .tp-blk7-txt1 { font-size: 32px; font-weight: 600; } }
@media screen and (max-width: 480px) { .tp-blk7-txt1 { font-size: 20px; margin: 0px 0px 24px; padding: 0px; max-width: 100%; } }

/* tp-blk7-box3: 無料カウンセリング arrow_forward お問い合 */
.tp-blk7-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-blk7-box2) * 0)); --gh-tp-blk7-box3: 16px; --gv-tp-blk7-box3: 0px; max-width: calc(100% - (var(--gh-tp-blk7-box2) * 0)); }
@media screen and (max-width: 480px) { .tp-blk7-box3 { flex-flow: column; gap: 16px; --gh-tp-blk7-box3: 0px; --gv-tp-blk7-box3: 16px; } }

/* tp-blk7-link1: 無料カウンセリング arrow_forward */
.tp-blk7-link1 { place-content: center; align-items: center; background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-blk7-link1: 8px; --gv-tp-blk7-link1: 0px; max-width: 100%; }
.tp-blk7-link1:hover { background: rgb(255, 255, 255); --gh-tp-blk7-link1: 8px; --gv-tp-blk7-link1: 0px; }
@media screen and (max-width: 480px) { .tp-blk7-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-blk7-box3) * 0)); --gh-tp-blk7-link1: 8px; --gv-tp-blk7-link1: 0px; max-width: calc(100% - (var(--gh-tp-blk7-box3) * 0)); } }

/* tp-blk7-txt2: 無料カウンセリング */
.tp-blk7-txt2 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-blk7-link1: 無料カウンセリング arrow_forward */
.tp-blk7-link1:hover .tp-blk7-txt2 { color: rgb(255, 117, 80); }
@media screen and (max-width: 480px) { .tp-blk7-txt2 { font-size: 14px; } }

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

/* tp-blk7-link1: 無料カウンセリング arrow_forward */
.tp-blk7-link1:hover .tp-blk7-icon1 { color: rgb(255, 80, 53); translate: 2px; }

/* tp-blk7-link2: お問い合わせ arrow_forward */
.tp-blk7-link2 { place-content: center; align-items: center; background: rgb(249, 249, 249); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-blk7-link2: 8px; --gv-tp-blk7-link2: 0px; max-width: 100%; }
.tp-blk7-link2:hover { background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(249, 249, 249); opacity: 1; --gh-tp-blk7-link2: 8px; --gv-tp-blk7-link2: 0px; }
@media screen and (max-width: 480px) { .tp-blk7-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-blk7-box3) * 0)); --gh-tp-blk7-link2: 8px; --gv-tp-blk7-link2: 0px; max-width: calc(100% - (var(--gh-tp-blk7-box3) * 0)); } }

/* tp-blk7-txt3: お問い合わせ */
.tp-blk7-txt3 { color: rgb(255, 117, 80); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-blk7-link2: お問い合わせ arrow_forward */
.tp-blk7-link2:hover .tp-blk7-txt3 { color: rgb(249, 249, 249); }
@media screen and (max-width: 480px) { .tp-blk7-txt3 { font-size: 14px; } }

/* tp-blk7-icon2: arrow_forward */
.tp-blk7-icon2 { color: rgb(255, 117, 80); font-size: 20px; }

/* tp-blk7-link2: お問い合わせ arrow_forward */
.tp-blk7-link2:hover .tp-blk7-icon2 { color: rgb(255, 255, 255); translate: 2px; }

/* tp-blk8-box1: MESSAGE こんな仲間を大募集 当スクールは、意欲と */
.tp-blk8-box1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 10px; flex-flow: column; gap: 0px; height: auto; padding: 144px 0px; width: 100%; --gh-tp-blk8-box1: 0px; --gv-tp-blk8-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk8-box1 { padding: 96px; --gh-tp-blk8-box1: 0px; --gv-tp-blk8-box1: 0px; } }
@media screen and (max-width: 768px) { .tp-blk8-box1 { padding: 96px 0px; width: 100%; --gh-tp-blk8-box1: 0px; --gv-tp-blk8-box1: 0px; } }
@media screen and (max-width: 480px) { .tp-blk8-box1 { padding: 72px 0px; --gh-tp-blk8-box1: 0px; --gv-tp-blk8-box1: 0px; } }

/* tp-blk8-box2: MESSAGE こんな仲間を大募集 当スクールは、意欲と */
.tp-blk8-box2 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 64px; height: auto; padding: 0px 96px; width: 1340px; --gh-tp-blk8-box2: 64px; --gv-tp-blk8-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-blk8-box2 { padding: 0px 48px; --gh-tp-blk8-box2: 64px; --gv-tp-blk8-box2: 0px; } }
@media screen and (max-width: 768px) { .tp-blk8-box2 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 40px; --gh-tp-blk8-box2: 0px; --gv-tp-blk8-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-blk8-box2 { padding: 0px 24px; --gh-tp-blk8-box2: 64px; --gv-tp-blk8-box2: 0px; } }

/* tp-blk8-box3: MESSAGE こんな仲間を大募集 当スクールは、意欲と */
.tp-blk8-box3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 32px; height: auto; margin: 0px; padding: 0px; width: calc(33.3% - (var(--gh-tp-blk8-box2) * 0.667)); --gh-tp-blk8-box3: 0px; --gv-tp-blk8-box3: 32px; max-width: calc(33.3% - (var(--gh-tp-blk8-box2) * 0.667)); }
@media screen and (max-width: 768px) { .tp-blk8-box3 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-blk8-box2) * 0)); --gh-tp-blk8-box3: 0px; --gv-tp-blk8-box3: 32px; max-width: calc(100% - (var(--gh-tp-blk8-box2) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-box3 { gap: 16px; padding: 0px; --gh-tp-blk8-box3: 0px; --gv-tp-blk8-box3: 16px; } }

/* tp-blk8-box4: MESSAGE こんな仲間を大募集 */
.tp-blk8-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk8-box3) * 0)); --gh-tp-blk8-box4: 0px; --gv-tp-blk8-box4: 16px; max-width: calc(100% - (var(--gh-tp-blk8-box3) * 0)); }
@media screen and (max-width: 480px) { .tp-blk8-box4 { padding: 8px 0px 0px; --gh-tp-blk8-box4: 0px; --gv-tp-blk8-box4: 16px; } }

/* tp-blk8-txt1: MESSAGE */
.tp-blk8-txt1 { color: rgb(255, 117, 80); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-blk8-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt1 { font-size: 32px; } }

/* tp-blk8-box5:  */
.tp-blk8-box5 { align-items: center; background: rgb(119, 119, 119); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-box5 { width: 40px; max-width: 100%; } }

/* tp-blk8-txt2: こんな仲間を大募集 */
.tp-blk8-txt2 { color: rgb(255, 117, 80); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-blk8-box4) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-blk8-box4) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-blk8-txt2 { font-size: 16px; } }

/* tp-blk8-box6: 当スクールは、意欲と成長を重視する組織です。AI時代をリード */
.tp-blk8-box6 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-blk8-box3) * 0)); --gh-tp-blk8-box6: 0px; --gv-tp-blk8-box6: 0px; max-width: calc(100% - (var(--gh-tp-blk8-box3) * 0)); }

/* tp-blk8-txt3: 当スクールは、意欲と成長を重視する組織です。AI時代をリード */
.tp-blk8-txt3 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 32px; text-align: left; width: calc(100% - (var(--gh-tp-blk8-box6) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-blk8-txt3 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt3 { font-size: 12px; font-weight: 500; line-height: 1.8; } }

/* tp-blk8-box7: 新たなキャリアに挑戦したい 未来の不安を解消したい 年収 */
.tp-blk8-box7 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 64px; margin: 64px 0px 0px; padding: 0px; width: auto; --gh-tp-blk8-box7: 0px; --gv-tp-blk8-box7: 64px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-box7 { flex-direction: column; gap: 48px; margin: 24px 0px 0px; width: calc(100% - (var(--gh-tp-blk8-box2) * 0)); --gh-tp-blk8-box7: 0px; --gv-tp-blk8-box7: 48px; max-width: calc(100% - (var(--gh-tp-blk8-box2) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-box7 { flex-flow: row; gap: 16px; margin: 0px; --gh-tp-blk8-box7: 16px; --gv-tp-blk8-box7: 0px; width: calc(100% - (var(--gh-tp-blk8-box2) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box2) * 0)); } }

/* tp-blk8-box8: 新たなキャリアに挑戦したい 未来の不安を解消したい 年収 */
.tp-blk8-box8 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: row; gap: 40px; padding: 0px; width: calc(100% - (var(--gh-tp-blk8-box7) * 0)); --gh-tp-blk8-box8: 40px; --gv-tp-blk8-box8: 0px; max-width: calc(100% - (var(--gh-tp-blk8-box7) * 0)); }
html.js .tp-blk8-box8:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-blk8-box8: 40px; --gv-tp-blk8-box8: 0px; }
.tp-blk8-box8.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .tp-blk8-box8 { gap: 32px; --gh-tp-blk8-box8: 32px; --gv-tp-blk8-box8: 0px; } }
@media screen and (max-width: 768px) { .tp-blk8-box8 { flex-flow: wrap; width: 100%; --gh-tp-blk8-box8: 40px; --gv-tp-blk8-box8: 40px; } }
@media screen and (max-width: 480px) { .tp-blk8-box8 { flex-flow: column; gap: 32px 20px; --gh-tp-blk8-box8: 0px; --gv-tp-blk8-box8: 32px; } }

/* tp-blk8-item1: 新たなキャリアに挑戦したい */
.tp-blk8-item1 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 16px; padding: 0px; width: auto; --gh-tp-blk8-item1: 0px; --gv-tp-blk8-item1: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-item1 { flex-direction: column; --gh-tp-blk8-item1: 0px; --gv-tp-blk8-item1: 16px; } }
@media screen and (max-width: 480px) { .tp-blk8-item1 { gap: 12px; width: calc(100% - (var(--gh-tp-blk8-box8) * 0)); --gh-tp-blk8-item1: 0px; --gv-tp-blk8-item1: 12px; max-width: calc(100% - (var(--gh-tp-blk8-box8) * 0)); } }

/* tp-blk8-pic1:  */
.tp-blk8-pic1 { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; flex: 0 0 auto; height: 180px; width: calc(100% - (var(--gh-tp-blk8-item1) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item1) * 0)); }
@media screen and (max-width: 768px) { .tp-blk8-pic1 { flex: 0 0 auto; height: 120px; width: calc(100% - (var(--gh-tp-blk8-item1) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item1) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-pic1 { border-radius: 4px; flex: 0 0 auto; height: 100px; width: calc(100% - (var(--gh-tp-blk8-item1) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item1) * 0)); } }

/* tp-blk8-box9: 新たなキャリアに挑戦したい */
.tp-blk8-box9 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-blk8-box9: 4px; --gv-tp-blk8-box9: 0px; }
@media screen and (max-width: 480px) { .tp-blk8-box9 { place-content: center flex-start; align-items: center; gap: 2px; --gh-tp-blk8-box9: 2px; --gv-tp-blk8-box9: 0px; } }

/* tp-blk8-box10:  */
.tp-blk8-box10 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-blk8-txt4: 新たなキャリアに挑戦したい */
.tp-blk8-txt4 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-blk8-box9) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box9) * 0)); justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk8-txt4 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt4 { font-size: 12px; } }

/* tp-blk8-item2: 未来の不安を解消したい */
.tp-blk8-item2 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 16px; padding: 0px; width: auto; --gh-tp-blk8-item2: 0px; --gv-tp-blk8-item2: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-item2 { flex-direction: column; --gh-tp-blk8-item2: 0px; --gv-tp-blk8-item2: 16px; } }
@media screen and (max-width: 480px) { .tp-blk8-item2 { gap: 12px; width: calc(100% - (var(--gh-tp-blk8-box8) * 0)); --gh-tp-blk8-item2: 0px; --gv-tp-blk8-item2: 12px; max-width: calc(100% - (var(--gh-tp-blk8-box8) * 0)); } }

/* tp-blk8-pic2:  */
.tp-blk8-pic2 { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; flex: 0 0 auto; height: 180px; width: calc(100% - (var(--gh-tp-blk8-item2) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item2) * 0)); }
@media screen and (max-width: 768px) { .tp-blk8-pic2 { flex: 0 0 auto; height: 120px; width: calc(100% - (var(--gh-tp-blk8-item2) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item2) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-pic2 { border-radius: 4px; flex: 0 0 auto; height: 100px; width: calc(100% - (var(--gh-tp-blk8-item2) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item2) * 0)); } }

/* tp-blk8-box11: 未来の不安を解消したい */
.tp-blk8-box11 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-blk8-box11: 4px; --gv-tp-blk8-box11: 0px; }
@media screen and (max-width: 480px) { .tp-blk8-box11 { place-content: center flex-start; align-items: center; gap: 2px; --gh-tp-blk8-box11: 2px; --gv-tp-blk8-box11: 0px; } }

/* tp-blk8-box12:  */
.tp-blk8-box12 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-blk8-txt5: 未来の不安を解消したい */
.tp-blk8-txt5 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-blk8-box11) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box11) * 0)); justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk8-txt5 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt5 { font-size: 12px; } }

/* tp-blk8-item3: 年収アップを目指したい */
.tp-blk8-item3 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 16px; padding: 0px; width: auto; --gh-tp-blk8-item3: 0px; --gv-tp-blk8-item3: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-item3 { flex-direction: column; --gh-tp-blk8-item3: 0px; --gv-tp-blk8-item3: 16px; } }
@media screen and (max-width: 480px) { .tp-blk8-item3 { gap: 12px; width: calc(100% - (var(--gh-tp-blk8-box8) * 0)); --gh-tp-blk8-item3: 0px; --gv-tp-blk8-item3: 12px; max-width: calc(100% - (var(--gh-tp-blk8-box8) * 0)); } }

/* tp-blk8-pic3:  */
.tp-blk8-pic3 { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; flex: 0 0 auto; height: 180px; width: calc(100% - (var(--gh-tp-blk8-item3) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item3) * 0)); }
@media screen and (max-width: 768px) { .tp-blk8-pic3 { flex: 0 0 auto; height: 120px; width: calc(100% - (var(--gh-tp-blk8-item3) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item3) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-pic3 { border-radius: 4px; flex: 0 0 auto; height: 100px; width: calc(100% - (var(--gh-tp-blk8-item3) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item3) * 0)); } }

/* tp-blk8-box13: 年収アップを目指したい */
.tp-blk8-box13 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-blk8-box13: 4px; --gv-tp-blk8-box13: 0px; }
@media screen and (max-width: 480px) { .tp-blk8-box13 { place-content: center flex-start; align-items: center; gap: 2px; --gh-tp-blk8-box13: 2px; --gv-tp-blk8-box13: 0px; } }

/* tp-blk8-box14:  */
.tp-blk8-box14 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-blk8-txt6: 年収アップを目指したい */
.tp-blk8-txt6 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-blk8-box13) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box13) * 0)); justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk8-txt6 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt6 { font-size: 12px; } }

/* tp-blk8-box15: 何か夢を叶えてみたい 一人での学習を挫折した経験 AIの */
.tp-blk8-box15 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: row; gap: 40px; padding: 0px; width: calc(100% - (var(--gh-tp-blk8-box7) * 0)); --gh-tp-blk8-box15: 40px; --gv-tp-blk8-box15: 0px; max-width: calc(100% - (var(--gh-tp-blk8-box7) * 0)); }
html.js .tp-blk8-box15:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-blk8-box15: 40px; --gv-tp-blk8-box15: 0px; }
.tp-blk8-box15.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .tp-blk8-box15 { gap: 32px; --gh-tp-blk8-box15: 32px; --gv-tp-blk8-box15: 0px; } }
@media screen and (max-width: 768px) { .tp-blk8-box15 { flex-flow: wrap; width: 100%; --gh-tp-blk8-box15: 40px; --gv-tp-blk8-box15: 40px; } }
@media screen and (max-width: 480px) { .tp-blk8-box15 { flex-flow: column; gap: 32px 20px; --gh-tp-blk8-box15: 0px; --gv-tp-blk8-box15: 32px; } }

/* tp-blk8-item4: 何か夢を叶えてみたい */
.tp-blk8-item4 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 16px; padding: 0px; width: auto; --gh-tp-blk8-item4: 0px; --gv-tp-blk8-item4: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-item4 { flex-direction: column; --gh-tp-blk8-item4: 0px; --gv-tp-blk8-item4: 16px; } }
@media screen and (max-width: 480px) { .tp-blk8-item4 { gap: 12px; width: calc(100% - (var(--gh-tp-blk8-box15) * 0)); --gh-tp-blk8-item4: 0px; --gv-tp-blk8-item4: 12px; max-width: calc(100% - (var(--gh-tp-blk8-box15) * 0)); } }

/* tp-blk8-pic4:  */
.tp-blk8-pic4 { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; flex: 0 0 auto; height: 180px; width: calc(100% - (var(--gh-tp-blk8-item4) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item4) * 0)); }
@media screen and (max-width: 768px) { .tp-blk8-pic4 { flex: 0 0 auto; height: 120px; width: calc(100% - (var(--gh-tp-blk8-item4) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item4) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-pic4 { border-radius: 4px; flex: 0 0 auto; height: 100px; width: calc(100% - (var(--gh-tp-blk8-item4) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item4) * 0)); } }

/* tp-blk8-box16: 何か夢を叶えてみたい */
.tp-blk8-box16 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-blk8-box16: 4px; --gv-tp-blk8-box16: 0px; }
@media screen and (max-width: 480px) { .tp-blk8-box16 { place-content: center flex-start; align-items: center; gap: 2px; --gh-tp-blk8-box16: 2px; --gv-tp-blk8-box16: 0px; } }

/* tp-blk8-box17:  */
.tp-blk8-box17 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-blk8-txt7: 何か夢を叶えてみたい */
.tp-blk8-txt7 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-blk8-box16) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box16) * 0)); justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk8-txt7 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt7 { font-size: 12px; } }

/* tp-blk8-item5: 一人での学習を挫折した経験 */
.tp-blk8-item5 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 16px; padding: 0px; width: auto; --gh-tp-blk8-item5: 0px; --gv-tp-blk8-item5: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-item5 { flex-direction: column; --gh-tp-blk8-item5: 0px; --gv-tp-blk8-item5: 16px; } }
@media screen and (max-width: 480px) { .tp-blk8-item5 { gap: 12px; width: calc(100% - (var(--gh-tp-blk8-box15) * 0)); --gh-tp-blk8-item5: 0px; --gv-tp-blk8-item5: 12px; max-width: calc(100% - (var(--gh-tp-blk8-box15) * 0)); } }

/* tp-blk8-pic5:  */
.tp-blk8-pic5 { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; flex: 0 0 auto; height: 180px; width: calc(100% - (var(--gh-tp-blk8-item5) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item5) * 0)); }
@media screen and (max-width: 768px) { .tp-blk8-pic5 { flex: 0 0 auto; height: 120px; width: calc(100% - (var(--gh-tp-blk8-item5) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item5) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-pic5 { border-radius: 4px; flex: 0 0 auto; height: 100px; width: calc(100% - (var(--gh-tp-blk8-item5) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item5) * 0)); } }

/* tp-blk8-box18: 一人での学習を挫折した経験 */
.tp-blk8-box18 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-blk8-box18: 4px; --gv-tp-blk8-box18: 0px; }
@media screen and (max-width: 480px) { .tp-blk8-box18 { place-content: center flex-start; align-items: center; gap: 2px; --gh-tp-blk8-box18: 2px; --gv-tp-blk8-box18: 0px; } }

/* tp-blk8-box19:  */
.tp-blk8-box19 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-blk8-txt8: 一人での学習を挫折した経験 */
.tp-blk8-txt8 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-blk8-box18) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box18) * 0)); justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk8-txt8 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt8 { font-size: 12px; } }

/* tp-blk8-item6: AIのスキルを磨きたい */
.tp-blk8-item6 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-blk8-item6: 0px; --gv-tp-blk8-item6: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-blk8-item6 { flex-direction: column; --gh-tp-blk8-item6: 0px; --gv-tp-blk8-item6: 16px; } }
@media screen and (max-width: 480px) { .tp-blk8-item6 { gap: 12px; width: calc(100% - (var(--gh-tp-blk8-box15) * 0)); --gh-tp-blk8-item6: 0px; --gv-tp-blk8-item6: 12px; max-width: calc(100% - (var(--gh-tp-blk8-box15) * 0)); } }

/* tp-blk8-pic6:  */
.tp-blk8-pic6 { border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 3px 3px 10px; flex: 0 0 auto; height: 180px; width: calc(100% - (var(--gh-tp-blk8-item6) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item6) * 0)); }
@media screen and (max-width: 768px) { .tp-blk8-pic6 { flex: 0 0 auto; height: 120px; width: calc(100% - (var(--gh-tp-blk8-item6) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item6) * 0)); } }
@media screen and (max-width: 480px) { .tp-blk8-pic6 { border-radius: 4px; flex: 0 0 auto; height: 100px; width: calc(100% - (var(--gh-tp-blk8-item6) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-item6) * 0)); } }

/* tp-blk8-box20: AIのスキルを磨きたい */
.tp-blk8-box20 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-blk8-box20: 4px; --gv-tp-blk8-box20: 0px; }
@media screen and (max-width: 480px) { .tp-blk8-box20 { place-content: center flex-start; align-items: center; gap: 2px; --gh-tp-blk8-box20: 2px; --gv-tp-blk8-box20: 0px; } }

/* tp-blk8-box21:  */
.tp-blk8-box21 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-blk8-txt9: AIのスキルを磨きたい */
.tp-blk8-txt9 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: calc(100% - (var(--gh-tp-blk8-box20) * 0)); max-width: calc(100% - (var(--gh-tp-blk8-box20) * 0)); justify-content: center; }
@media screen and (max-width: 768px) { .tp-blk8-txt9 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-blk8-txt9 { font-size: 12px; } }

/* tp-voice-box1: VOICE モニター卒業生の声 ツールを触ったことがなか */
.tp-voice-box1 { place-content: center; align-items: center; background: rgb(255, 117, 80); border-radius: 0px; flex-wrap: nowrap; gap: 60px; padding: 144px 0px; width: 100%; --gh-tp-voice-box1: 0px; --gv-tp-voice-box1: 60px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-voice-box1 { padding: 96px 0px; --gh-tp-voice-box1: 0px; --gv-tp-voice-box1: 60px; } }
@media screen and (max-width: 768px) { .tp-voice-box1 { padding: 96px 0px; --gh-tp-voice-box1: 0px; --gv-tp-voice-box1: 60px; } }
@media screen and (max-width: 480px) { .tp-voice-box1 { padding: 72px 0px; --gh-tp-voice-box1: 0px; --gv-tp-voice-box1: 60px; } }

/* tp-voice-sec1: VOICE モニター卒業生の声 ツールを触ったことがなか */
.tp-voice-sec1 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex-flow: column; gap: 64px 0px; height: auto; margin: 0px; padding: 0px 96px; width: 1340px; z-index: 2; --gh-tp-voice-sec1: 0px; --gv-tp-voice-sec1: 64px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-voice-sec1 { padding: 0px 48px; --gh-tp-voice-sec1: 0px; --gv-tp-voice-sec1: 64px; } }
@media screen and (max-width: 768px) { .tp-voice-sec1 { gap: 40px 0px; padding: 0px 48px; --gh-tp-voice-sec1: 0px; --gv-tp-voice-sec1: 40px; } }
@media screen and (max-width: 480px) { .tp-voice-sec1 { gap: 40px 0px; padding: 0px 24px; --gh-tp-voice-sec1: 0px; --gv-tp-voice-sec1: 40px; } }

/* tp-voice-box2: VOICE モニター卒業生の声 ツールを触ったことがなか */
.tp-voice-box2 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 32px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-voice-sec1) * 0)); --gh-tp-voice-box2: 0px; --gv-tp-voice-box2: 32px; max-width: calc(100% - (var(--gh-tp-voice-sec1) * 0)); }
@media screen and (max-width: 480px) { .tp-voice-box2 { gap: 16px; padding: 0px; --gh-tp-voice-box2: 0px; --gv-tp-voice-box2: 16px; } }

/* tp-voice-box3: VOICE モニター卒業生の声 */
.tp-voice-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-voice-box2) * 0)); --gh-tp-voice-box3: 0px; --gv-tp-voice-box3: 16px; max-width: calc(100% - (var(--gh-tp-voice-box2) * 0)); }
@media screen and (max-width: 480px) { .tp-voice-box3 { padding: 8px 0px 0px; --gh-tp-voice-box3: 0px; --gv-tp-voice-box3: 16px; } }

/* tp-voice-txt1: VOICE */
.tp-voice-txt1 { color: rgb(249, 249, 249); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-voice-txt1 { font-size: 32px; } }

/* tp-voice-box4:  */
.tp-voice-box4 { align-items: center; background: rgb(255, 255, 255); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-voice-box4 { width: 40px; max-width: 100%; } }

/* tp-voice-txt2: モニター卒業生の声 */
.tp-voice-txt2 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box3) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-voice-box3) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt2 { font-size: 16px; } }

/* tp-voice-box5: ツールを触ったことがなかった人、デザインとは無縁だった人。  */
.tp-voice-box5 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-voice-box2) * 0)); --gh-tp-voice-box5: 0px; --gv-tp-voice-box5: 0px; max-width: calc(100% - (var(--gh-tp-voice-box2) * 0)); }

/* tp-voice-txt3: ツールを触ったことがなかった人、デザインとは無縁だった人。  */
.tp-voice-txt3 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 32px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box5) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box5) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt3 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-voice-txt3 { font-size: 12px; font-weight: 500; line-height: 1.8; } }

/* tp-voice-box6: Y.K 様 30代男性、人材派遣 営業職 format_ */
.tp-voice-box6 { place-content: center; align-items: center; flex-wrap: nowrap; gap: 24px; overflow: visible; padding: 0px; --gh-tp-voice-box6: 0px; --gv-tp-voice-box6: 24px; }

/* tp-voice-list1: Y.K 様 30代男性、人材派遣 営業職 format_ */
.tp-voice-list1 { place-content: stretch flex-start; align-items: stretch; flex: 0 0 auto; flex-flow: row; gap: 40px; margin: 0px; overflow: auto hidden; padding: 24px; width: calc(100% - (var(--gh-tp-voice-box6) * 0)); z-index: 1; --gh-tp-voice-list1: 40px; --gv-tp-voice-list1: 0px; max-width: calc(100% - (var(--gh-tp-voice-box6) * 0)); }
@media screen and (max-width: 1280px) { .tp-voice-list1 { gap: 32px; --gh-tp-voice-list1: 32px; --gv-tp-voice-list1: 0px; } }
@media screen and (max-width: 768px) { .tp-voice-list1 { flex-flow: row; --gh-tp-voice-list1: 40px; --gv-tp-voice-list1: 0px; } }
@media screen and (max-width: 480px) { .tp-voice-list1 { gap: 20px; --gh-tp-voice-list1: 20px; --gv-tp-voice-list1: 0px; } }

/* tp-voice-item1: Y.K 様 30代男性、人材派遣 営業職 format_ */
.tp-voice-item1 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 246, 231); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; overflow: visible; padding: 20px; width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); --gh-tp-voice-item1: 0px; --gv-tp-voice-item1: 24px; max-width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); }
@media screen and (max-width: 768px) { .tp-voice-item1 { flex: 0 0 auto; padding: 12px; width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); --gh-tp-voice-item1: 0px; --gv-tp-voice-item1: 24px; max-width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); } }
@media screen and (max-width: 480px) { .tp-voice-item1 { border-radius: 6px; flex: 0 0 auto; gap: 16px; padding: 12px; width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); --gh-tp-voice-item1: 0px; --gv-tp-voice-item1: 16px; max-width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); } }

/* tp-voice-box7: Y.K 様 30代男性、人材派遣 営業職 */
.tp-voice-box7 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 12px; padding: 0px; width: auto; --gh-tp-voice-box7: 12px; --gv-tp-voice-box7: 0px; max-width: 100%; }

/* tp-voice-box8: Y.K 様 30代男性、人材派遣 営業職 */
.tp-voice-box8 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 0px; padding: 0px; width: auto; --gh-tp-voice-box8: 0px; --gv-tp-voice-box8: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-voice-box8 { height: auto; --gh-tp-voice-box8: 0px; --gv-tp-voice-box8: 0px; max-width: 100%; } }

/* tp-voice-txt4: Y.K 様 */
.tp-voice-txt4 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-tp-voice-box8) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box8) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt4 { font-size: 16px; } }

/* tp-voice-txt5: 30代男性、人材派遣 営業職 */
.tp-voice-txt5 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box8) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box8) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt5 { font-size: 14px; } }

/* tp-voice-pic1:  */
.tp-voice-pic1 { border-radius: 50%; flex: 0 0 auto; height: 60px; overflow: visible; width: 60px; translate: -20px -20px; scale: 1.5; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-voice-pic1 { flex: 0 0 auto; height: 50px; width: 50px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-voice-pic1 { height: 40px; width: 40px; max-width: 100%; } }

/* tp-voice-box9: format_quote 「未経験からでも“デザインとAI */
.tp-voice-box9 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 12px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-voice-item1) * 0)); --gh-tp-voice-box9: 0px; --gv-tp-voice-box9: 12px; max-width: calc(100% - (var(--gh-tp-voice-item1) * 0)); }

/* tp-voice-icon1: format_quote */
.tp-voice-icon1 { color: rgb(255, 117, 80); font-size: 32px; }
@media screen and (max-width: 480px) { .tp-voice-icon1 { font-size: 32px; } }

/* tp-voice-txt6: 「未経験からでも“デザインとAIスキル”で案件を取れるように */
.tp-voice-txt6 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box9) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box9) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt6 { font-size: 16px; } }
@media screen and (max-width: 480px) { .tp-voice-txt6 { font-size: 16px; } }

/* tp-voice-txt7: 営業職として忙しい毎日を送る中、“自分の手でモノを作る仕事” */
.tp-voice-txt7 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.6; text-align: left; width: calc(100% - (var(--gh-tp-voice-box9) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box9) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt7 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-voice-txt7 { font-size: 14px; } }

/* tp-voice-item2: T.M 様 30代女性、事務職 format_quote */
.tp-voice-item2 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 246, 231); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; padding: 20px; width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); --gh-tp-voice-item2: 0px; --gv-tp-voice-item2: 24px; max-width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); }
@media screen and (max-width: 768px) { .tp-voice-item2 { flex: 0 0 auto; padding: 12px; width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); --gh-tp-voice-item2: 0px; --gv-tp-voice-item2: 24px; max-width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); } }
@media screen and (max-width: 480px) { .tp-voice-item2 { border-radius: 6px; flex: 0 0 auto; gap: 16px; padding: 12px; width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); --gh-tp-voice-item2: 0px; --gv-tp-voice-item2: 16px; max-width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); } }

/* tp-voice-box10: T.M 様 30代女性、事務職 */
.tp-voice-box10 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 12px; padding: 0px; width: auto; --gh-tp-voice-box10: 12px; --gv-tp-voice-box10: 0px; max-width: 100%; }

/* tp-voice-box11: T.M 様 30代女性、事務職 */
.tp-voice-box11 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 0px; padding: 0px; width: auto; --gh-tp-voice-box11: 0px; --gv-tp-voice-box11: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-voice-box11 { height: auto; --gh-tp-voice-box11: 0px; --gv-tp-voice-box11: 0px; max-width: 100%; } }

/* tp-voice-txt8: T.M 様 */
.tp-voice-txt8 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-tp-voice-box11) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box11) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt8 { font-size: 16px; } }

/* tp-voice-txt9: 30代女性、事務職 */
.tp-voice-txt9 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box11) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box11) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt9 { font-size: 14px; } }

/* tp-voice-pic2:  */
.tp-voice-pic2 { border-radius: 50%; flex: 0 0 auto; height: 60px; width: 60px; translate: -20px -20px; scale: 1.5; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-voice-pic2 { flex: 0 0 auto; height: 50px; width: 50px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-voice-pic2 { height: 40px; width: 40px; max-width: 100%; } }

/* tp-voice-box12: format_quote 「AIツールを使ったデザインが想 */
.tp-voice-box12 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 12px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-voice-item2) * 0)); --gh-tp-voice-box12: 0px; --gv-tp-voice-box12: 12px; max-width: calc(100% - (var(--gh-tp-voice-item2) * 0)); }

/* tp-voice-icon2: format_quote */
.tp-voice-icon2 { color: rgb(255, 117, 80); font-size: 32px; }
@media screen and (max-width: 480px) { .tp-voice-icon2 { font-size: 32px; } }

/* tp-voice-txt10: 「AIツールを使ったデザインが想像以上に面白い！」 */
.tp-voice-txt10 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box12) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box12) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt10 { font-size: 16px; } }
@media screen and (max-width: 480px) { .tp-voice-txt10 { font-size: 16px; } }

/* tp-voice-txt11: 資料作りの延長でデザインに興味を持ち、思い切って受講しました */
.tp-voice-txt11 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.6; text-align: left; width: calc(100% - (var(--gh-tp-voice-box12) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box12) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt11 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-voice-txt11 { font-size: 14px; } }

/* tp-voice-item3: K.S様 20代女性、飲食店店員 format_quot */
.tp-voice-item3 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 246, 231); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; padding: 20px; width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); --gh-tp-voice-item3: 0px; --gv-tp-voice-item3: 24px; max-width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); }
@media screen and (max-width: 768px) { .tp-voice-item3 { flex: 0 0 auto; padding: 12px; width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); --gh-tp-voice-item3: 0px; --gv-tp-voice-item3: 24px; max-width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); } }
@media screen and (max-width: 480px) { .tp-voice-item3 { border-radius: 6px; flex: 0 0 auto; gap: 16px; padding: 12px; width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); --gh-tp-voice-item3: 0px; --gv-tp-voice-item3: 16px; max-width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); } }

/* tp-voice-box13: K.S様 20代女性、飲食店店員 */
.tp-voice-box13 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 12px; padding: 0px; width: auto; --gh-tp-voice-box13: 12px; --gv-tp-voice-box13: 0px; max-width: 100%; }

/* tp-voice-box14: K.S様 20代女性、飲食店店員 */
.tp-voice-box14 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 0px; padding: 0px; width: auto; --gh-tp-voice-box14: 0px; --gv-tp-voice-box14: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-voice-box14 { height: auto; --gh-tp-voice-box14: 0px; --gv-tp-voice-box14: 0px; max-width: 100%; } }

/* tp-voice-txt12: K.S様 */
.tp-voice-txt12 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-tp-voice-box14) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box14) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt12 { font-size: 16px; } }

/* tp-voice-txt13: 20代女性、飲食店店員 */
.tp-voice-txt13 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box14) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box14) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt13 { font-size: 14px; } }

/* tp-voice-pic3:  */
.tp-voice-pic3 { border-radius: 50%; flex: 0 0 auto; height: 60px; width: 60px; translate: -20px -20px; scale: 1.5; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-voice-pic3 { flex: 0 0 auto; height: 50px; width: 50px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-voice-pic3 { height: 40px; width: 40px; max-width: 100%; } }

/* tp-voice-box15: format_quote 「手に職をつけたいと思っていた自 */
.tp-voice-box15 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 12px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-voice-item3) * 0)); --gh-tp-voice-box15: 0px; --gv-tp-voice-box15: 12px; max-width: calc(100% - (var(--gh-tp-voice-item3) * 0)); }

/* tp-voice-icon3: format_quote */
.tp-voice-icon3 { color: rgb(255, 117, 80); font-size: 32px; }
@media screen and (max-width: 480px) { .tp-voice-icon3 { font-size: 32px; } }

/* tp-voice-txt14: 「手に職をつけたいと思っていた自分にぴったりでした」 */
.tp-voice-txt14 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box15) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box15) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt14 { font-size: 16px; } }
@media screen and (max-width: 480px) { .tp-voice-txt14 { font-size: 16px; } }

/* tp-voice-txt15: コロナ禍で将来に不安を感じ、何かスキルを身につけたいと受講。 */
.tp-voice-txt15 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.6; text-align: left; width: calc(100% - (var(--gh-tp-voice-box15) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box15) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt15 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-voice-txt15 { font-size: 14px; } }

/* tp-voice-item4: K.K 様 30代男性、メーカー 商品企画 format */
.tp-voice-item4 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 246, 231); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; padding: 20px; width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); --gh-tp-voice-item4: 0px; --gv-tp-voice-item4: 24px; max-width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); }
@media screen and (max-width: 768px) { .tp-voice-item4 { flex: 0 0 auto; padding: 12px; width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); --gh-tp-voice-item4: 0px; --gv-tp-voice-item4: 24px; max-width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); } }
@media screen and (max-width: 480px) { .tp-voice-item4 { border-radius: 6px; flex: 0 0 auto; gap: 16px; padding: 12px; width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); --gh-tp-voice-item4: 0px; --gv-tp-voice-item4: 16px; max-width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); } }

/* tp-voice-box16: K.K 様 30代男性、メーカー 商品企画 */
.tp-voice-box16 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 12px; padding: 0px; width: auto; --gh-tp-voice-box16: 12px; --gv-tp-voice-box16: 0px; max-width: 100%; }

/* tp-voice-box17: K.K 様 30代男性、メーカー 商品企画 */
.tp-voice-box17 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 0px; padding: 0px; width: auto; --gh-tp-voice-box17: 0px; --gv-tp-voice-box17: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-voice-box17 { height: auto; --gh-tp-voice-box17: 0px; --gv-tp-voice-box17: 0px; max-width: 100%; } }

/* tp-voice-txt16: K.K 様 */
.tp-voice-txt16 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-tp-voice-box17) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box17) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt16 { font-size: 16px; } }

/* tp-voice-txt17: 30代男性、メーカー 商品企画 */
.tp-voice-txt17 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box17) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box17) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt17 { font-size: 14px; } }

/* tp-voice-pic4:  */
.tp-voice-pic4 { border-radius: 50%; flex: 0 0 auto; height: 60px; width: 60px; translate: -20px -20px; scale: 1.5; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-voice-pic4 { flex: 0 0 auto; height: 50px; width: 50px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-voice-pic4 { height: 40px; width: 40px; max-width: 100%; } }

/* tp-voice-box18: format_quote 「AI時代に通用する“提案型デザ */
.tp-voice-box18 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 12px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-voice-item4) * 0)); --gh-tp-voice-box18: 0px; --gv-tp-voice-box18: 12px; max-width: calc(100% - (var(--gh-tp-voice-item4) * 0)); }

/* tp-voice-icon4: format_quote */
.tp-voice-icon4 { color: rgb(255, 117, 80); font-size: 32px; }
@media screen and (max-width: 480px) { .tp-voice-icon4 { font-size: 32px; } }

/* tp-voice-txt18: 「AI時代に通用する“提案型デザイナー”へキャリアチェンジ」 */
.tp-voice-txt18 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box18) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box18) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt18 { font-size: 16px; } }
@media screen and (max-width: 480px) { .tp-voice-txt18 { font-size: 16px; } }

/* tp-voice-txt19: 営業企画でプレゼン資料や広告提案をしていた経験を活かし、AI */
.tp-voice-txt19 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.6; text-align: left; width: calc(100% - (var(--gh-tp-voice-box18) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box18) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt19 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-voice-txt19 { font-size: 14px; } }

/* tp-voice-item5: K.K 様 30代男性、システムエンジニア format */
.tp-voice-item5 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 246, 231); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; padding: 20px; width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); --gh-tp-voice-item5: 0px; --gv-tp-voice-item5: 24px; max-width: calc(32% - (var(--gh-tp-voice-list1) * 0.68)); }
@media screen and (max-width: 768px) { .tp-voice-item5 { flex: 0 0 auto; padding: 12px; width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); --gh-tp-voice-item5: 0px; --gv-tp-voice-item5: 24px; max-width: calc(55% - (var(--gh-tp-voice-list1) * 0.44999999999999996)); } }
@media screen and (max-width: 480px) { .tp-voice-item5 { border-radius: 6px; flex: 0 0 auto; gap: 16px; padding: 12px; width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); --gh-tp-voice-item5: 0px; --gv-tp-voice-item5: 16px; max-width: calc(88% - (var(--gh-tp-voice-list1) * 0.12000000000000008)); } }

/* tp-voice-box19: K.K 様 30代男性、システムエンジニア */
.tp-voice-box19 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 12px; padding: 0px; width: auto; --gh-tp-voice-box19: 12px; --gv-tp-voice-box19: 0px; max-width: 100%; }

/* tp-voice-box20: K.K 様 30代男性、システムエンジニア */
.tp-voice-box20 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 0px; padding: 0px; width: auto; --gh-tp-voice-box20: 0px; --gv-tp-voice-box20: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-voice-box20 { height: auto; --gh-tp-voice-box20: 0px; --gv-tp-voice-box20: 0px; max-width: 100%; } }

/* tp-voice-txt20: K.K 様 */
.tp-voice-txt20 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-tp-voice-box20) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box20) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt20 { font-size: 16px; } }

/* tp-voice-txt21: 30代男性、システムエンジニア */
.tp-voice-txt21 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box20) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box20) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt21 { font-size: 14px; } }

/* tp-voice-pic5:  */
.tp-voice-pic5 { border-radius: 50%; flex: 0 0 auto; height: 60px; width: 60px; translate: -20px -20px; scale: 1.5; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-voice-pic5 { flex: 0 0 auto; height: 50px; width: 50px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-voice-pic5 { height: 40px; width: 40px; max-width: 100%; } }

/* tp-voice-box21: format_quote 「コーディング知識がデザインとA */
.tp-voice-box21 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 12px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-voice-item5) * 0)); --gh-tp-voice-box21: 0px; --gv-tp-voice-box21: 12px; max-width: calc(100% - (var(--gh-tp-voice-item5) * 0)); }

/* tp-voice-icon5: format_quote */
.tp-voice-icon5 { color: rgb(255, 117, 80); font-size: 32px; }
@media screen and (max-width: 480px) { .tp-voice-icon5 { font-size: 32px; } }

/* tp-voice-txt22: 「コーディング知識がデザインとAIで“最強の武器”に変わった */
.tp-voice-txt22 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; padding: 0px; text-align: left; width: calc(100% - (var(--gh-tp-voice-box21) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box21) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt22 { font-size: 16px; } }
@media screen and (max-width: 480px) { .tp-voice-txt22 { font-size: 16px; } }

/* tp-voice-txt23: SEとして培ったロジカル思考を活かしたいと考え、受講を決めま */
.tp-voice-txt23 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.6; text-align: left; width: calc(100% - (var(--gh-tp-voice-box21) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box21) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-voice-txt23 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-voice-txt23 { font-size: 14px; } }

/* tp-voice-box22: Scroll arrow_forward */
.tp-voice-box22 { place-content: flex-end flex-start; align-items: flex-end; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 16px; height: auto; margin: 0px 40px; padding: 0px; width: 1280px; --gh-tp-voice-box22: 0px; --gv-tp-voice-box22: 16px; max-width: calc(100% - 80px); }
@media screen and (max-width: 1280px) { .tp-voice-box22 { margin: 0px 32px; --gh-tp-voice-box22: 0px; --gv-tp-voice-box22: 16px; max-width: calc(100% - 64px); } }
@media screen and (max-width: 768px) { .tp-voice-box22 { flex-flow: column; --gh-tp-voice-box22: 0px; --gv-tp-voice-box22: 16px; } }
@media screen and (max-width: 480px) { .tp-voice-box22 { margin: 0px 20px; --gh-tp-voice-box22: 0px; --gv-tp-voice-box22: 16px; max-width: calc(100% - 40px); } }

/* tp-voice-box23:  */
.tp-voice-box23 { background: rgb(249, 245, 243); flex: 0 0 auto; height: 1px; opacity: 0.3; width: calc(100% - (var(--gh-tp-voice-box22) * 0)); max-width: calc(100% - (var(--gh-tp-voice-box22) * 0)); }

/* tp-voice-box24: Scroll arrow_forward */
.tp-voice-box24 { place-content: center flex-start; align-items: center; background: rgb(34, 34, 34); border-width: 1px; border-style: solid; border-color: rgba(227, 227, 227, 0.5); border-radius: 1000px; flex-flow: row; gap: 8px; padding: 0px 12px; --gh-tp-voice-box24: 8px; --gv-tp-voice-box24: 0px; }
@media screen and (max-width: 768px) { .tp-voice-box24 { flex-flow: row; --gh-tp-voice-box24: 8px; --gv-tp-voice-box24: 0px; } }

/* tp-voice-txt24: Scroll */
.tp-voice-txt24 { color: rgba(255, 255, 255, 0.9); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-voice-txt24 { font-size: 14px; } }

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

/* tp-requirement-box1: REQUIRE 募集要項 01. 対象者 02.  */
.tp-requirement-box1 { place-content: center; align-items: center; background: rgb(255, 246, 231); border-radius: 0px; flex-wrap: nowrap; gap: 60px; padding: 144px 0px; width: 100%; --gh-tp-requirement-box1: 0px; --gv-tp-requirement-box1: 60px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-requirement-box1 { padding: 96px 0px; --gh-tp-requirement-box1: 0px; --gv-tp-requirement-box1: 60px; } }
@media screen and (max-width: 768px) { .tp-requirement-box1 { padding: 96px 0px; --gh-tp-requirement-box1: 0px; --gv-tp-requirement-box1: 60px; } }
@media screen and (max-width: 480px) { .tp-requirement-box1 { padding: 72px 0px; --gh-tp-requirement-box1: 0px; --gv-tp-requirement-box1: 60px; } }

/* tp-requirement-box2: REQUIRE 募集要項 01. 対象者 02.  */
.tp-requirement-box2 { place-content: flex-start; align-items: flex-start; background: transparent; flex-flow: row; gap: 64px; height: auto; margin: 0px; padding: 0px 96px; width: 1340px; --gh-tp-requirement-box2: 64px; --gv-tp-requirement-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-requirement-box2 { padding: 0px 48px; --gh-tp-requirement-box2: 64px; --gv-tp-requirement-box2: 0px; } }
@media screen and (max-width: 768px) { .tp-requirement-box2 { flex-flow: column; gap: 0px; --gh-tp-requirement-box2: 0px; --gv-tp-requirement-box2: 0px; } }
@media screen and (max-width: 480px) { .tp-requirement-box2 { gap: 0px; padding: 0px 24px; --gh-tp-requirement-box2: 0px; --gv-tp-requirement-box2: 0px; } }

/* tp-requirement-box3: REQUIRE 募集要項 01. 対象者 02.  */
.tp-requirement-box3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 40px; margin: 0px; padding: 0px; position: sticky; top: 145px; width: calc(33.3% - (var(--gh-tp-requirement-box2) * 0.667)); --gh-tp-requirement-box3: 0px; --gv-tp-requirement-box3: 40px; max-width: calc(33.3% - (var(--gh-tp-requirement-box2) * 0.667)); }
html.js .tp-requirement-box3:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 8px; --gh-tp-requirement-box3: 0px; --gv-tp-requirement-box3: 40px; }
.tp-requirement-box3.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 768px) { .tp-requirement-box3 { place-content: center flex-start; align-items: center; inset: 0px; flex: 0 0 auto; position: relative; width: calc(100% - (var(--gh-tp-requirement-box2) * 0)); --gh-tp-requirement-box3: 0px; --gv-tp-requirement-box3: 40px; max-width: calc(100% - (var(--gh-tp-requirement-box2) * 0)); } }

/* tp-requirement-box4: REQUIRE 募集要項 */
.tp-requirement-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-requirement-box3) * 0)); --gh-tp-requirement-box4: 0px; --gv-tp-requirement-box4: 16px; max-width: calc(100% - (var(--gh-tp-requirement-box3) * 0)); }
@media screen and (max-width: 480px) { .tp-requirement-box4 { padding: 8px 0px 0px; --gh-tp-requirement-box4: 0px; --gv-tp-requirement-box4: 16px; } }

/* tp-requirement-txt1: REQUIRE */
.tp-requirement-txt1 { color: rgb(51, 51, 51); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt1 { font-size: 32px; } }

/* tp-requirement-box5:  */
.tp-requirement-box5 { align-items: center; background: rgb(255, 117, 80); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-requirement-box5 { width: 40px; max-width: 100%; } }

/* tp-requirement-txt2: 募集要項 */
.tp-requirement-txt2 { color: rgb(51, 51, 51); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-requirement-box4) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-requirement-box4) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-requirement-txt2 { font-size: 16px; } }

/* tp-requirement-list1: 01. 対象者 02. 募集期間 03. カリキュ */
.tp-requirement-list1 { flex: 0 0 auto; padding: 0px; width: calc(100% - (var(--gh-tp-requirement-box3) * 0)); max-width: calc(100% - (var(--gh-tp-requirement-box3) * 0)); }
@media screen and (max-width: 768px) { .tp-requirement-list1 { flex: 0 0 auto; } }
@media screen and (max-width: 480px) { .tp-requirement-list1 { flex: 0 0 auto; width: 100%; } }

/* tp-requirement-item1: 01. 対象者 */
.tp-requirement-item1 { place-content: center flex-start; align-items: center; border-width: 1px 0px; border-style: solid; border-color: rgb(230, 230, 230); flex: 0 0 auto; flex-flow: row; gap: 0px; margin: -1px 0px 0px; padding: 0px; width: 100%; --gh-tp-requirement-item1: 0px; --gv-tp-requirement-item1: 0px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-requirement-item1 { gap: 60px; --gh-tp-requirement-item1: 60px; --gv-tp-requirement-item1: 0px; } }

/* tp-requirement-link1: 01. 対象者 */
.tp-requirement-link1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; padding: 20px 12px; width: calc(100% - (var(--gh-tp-requirement-item1) * 0)); --gh-tp-requirement-link1: 16px; --gv-tp-requirement-link1: 0px; max-width: calc(100% - (var(--gh-tp-requirement-item1) * 0)); }
.tp-requirement-link1:hover { background: rgb(255, 117, 80); --gh-tp-requirement-link1: 16px; --gv-tp-requirement-link1: 0px; }

/* tp-requirement-box6: 01. 対象者 */
.tp-requirement-box6 { place-content: center flex-start; align-items: center; flex: 1 1 0%; flex-flow: row; gap: 8px; padding: 0px; width: auto; --gh-tp-requirement-box6: 8px; --gv-tp-requirement-box6: 0px; max-width: 100%; }

/* tp-requirement-txt3: 01. */
.tp-requirement-txt3 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Lato, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.3; margin: 0px; text-align: justify; text-decoration: none; width: auto; max-width: 100%; justify-content: space-between; }

/* tp-requirement-link1: 01. 対象者 */
.tp-requirement-link1:hover .tp-requirement-txt3 { color: rgb(255, 255, 255); }
@media screen and (max-width: 480px) { .tp-requirement-txt3 { font-size: 14px; } }

/* tp-requirement-txt4: 対象者 */
.tp-requirement-txt4 { color: rgb(68, 68, 68); flex: 1 1 0%; font-family: Lato, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.6; margin: 0px; text-align: justify; text-decoration: none; width: auto; max-width: 100%; justify-content: space-between; }

/* tp-requirement-link1: 01. 対象者 */
.tp-requirement-link1:hover .tp-requirement-txt4 { color: rgb(255, 255, 255); }
@media screen and (max-width: 480px) { .tp-requirement-txt4 { font-size: 14px; } }

/* tp-requirement-list2: 対象者 年齢不問 未経験歓迎 就業経験不問 募集期間 */
.tp-requirement-list2 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: column; gap: 64px; margin: 48px 0px 0px; padding: 0px; width: auto; --gh-tp-requirement-list2: 0px; --gv-tp-requirement-list2: 64px; max-width: 100%; }
html.js .tp-requirement-list2:not(.in) { opacity: 0; transition-delay: 800ms; transition-duration: 600ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-tp-requirement-list2: 0px; --gv-tp-requirement-list2: 64px; }
.tp-requirement-list2.in-active { transition-delay: 800ms; transition-duration: 600ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 768px) { .tp-requirement-list2 { gap: 40px; --gh-tp-requirement-list2: 0px; --gv-tp-requirement-list2: 40px; } }
@media screen and (max-width: 480px) { .tp-requirement-list2 { gap: 40px; --gh-tp-requirement-list2: 0px; --gv-tp-requirement-list2: 40px; } }

/* tp-requirement-item2: 対象者 年齢不問 未経験歓迎 就業経験不問 */
.tp-requirement-item2 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 50px; margin: 0px; padding: 48px; width: calc(100% - (var(--gh-tp-requirement-list2) * 0)); z-index: 2; --gh-tp-requirement-item2: 0px; --gv-tp-requirement-item2: 50px; max-width: calc(100% - (var(--gh-tp-requirement-list2) * 0)); }
@media screen and (max-width: 768px) { .tp-requirement-item2 { padding: 24px; --gh-tp-requirement-item2: 0px; --gv-tp-requirement-item2: 50px; } }
@media screen and (max-width: 480px) { .tp-requirement-item2 { padding: 24px; --gh-tp-requirement-item2: 0px; --gv-tp-requirement-item2: 50px; } }

/* tp-requirement-box7: 対象者 年齢不問 未経験歓迎 就業経験不問 */
.tp-requirement-box7 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-requirement-item2) * 0)); --gh-tp-requirement-box7: 0px; --gv-tp-requirement-box7: 0px; max-width: calc(100% - (var(--gh-tp-requirement-item2) * 0)); }
@media screen and (max-width: 768px) { .tp-requirement-box7 { flex-wrap: wrap; gap: 0px; --gh-tp-requirement-box7: 0px; --gv-tp-requirement-box7: 0px; } }
@media screen and (max-width: 480px) { .tp-requirement-box7 { padding: 16px 0px; --gh-tp-requirement-box7: 0px; --gv-tp-requirement-box7: 0px; } }

/* tp-requirement-box8: 対象者 */
.tp-requirement-box8 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px 0px 24px; padding: 0px; width: auto; --gh-tp-requirement-box8: 0px; --gv-tp-requirement-box8: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-requirement-box8 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-requirement-box7) * 0)); --gh-tp-requirement-box8: 0px; --gv-tp-requirement-box8: 0px; max-width: calc(100% - (var(--gh-tp-requirement-box7) * 0)); } }

/* tp-requirement-txt5: 対象者 */
.tp-requirement-txt5 { color: rgb(255, 117, 80); font-family: Oswald, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt5 { font-size: 18px; } }

/* tp-requirement-box9: 年齢不問 未経験歓迎 就業経験不問 */
.tp-requirement-box9 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 8px; padding: 0px; width: auto; --gh-tp-requirement-box9: 0px; --gv-tp-requirement-box9: 8px; max-width: 100%; }

/* tp-requirement-box10: 年齢不問 未経験歓迎 就業経験不問 */
.tp-requirement-box10 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 4px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box10: 0px; --gv-tp-requirement-box10: 4px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-requirement-box10 { padding: 0px; --gh-tp-requirement-box10: 0px; --gv-tp-requirement-box10: 4px; } }

/* tp-requirement-box11: 年齢不問 */
.tp-requirement-box11 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box11: 16px; --gv-tp-requirement-box11: 0px; max-width: 100%; }

/* tp-requirement-box12:  */
.tp-requirement-box12 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt6: 年齢不問 */
.tp-requirement-txt6 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; padding: 1px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt6 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt6 { font-size: 13px; } }

/* tp-requirement-box13: 未経験歓迎 */
.tp-requirement-box13 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box13: 16px; --gv-tp-requirement-box13: 0px; max-width: 100%; }

/* tp-requirement-box14:  */
.tp-requirement-box14 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt7: 未経験歓迎 */
.tp-requirement-txt7 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt7 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt7 { font-size: 13px; } }

/* tp-requirement-box15: 就業経験不問 */
.tp-requirement-box15 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box15: 16px; --gv-tp-requirement-box15: 0px; max-width: 100%; }

/* tp-requirement-box16:  */
.tp-requirement-box16 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt8: 就業経験不問 */
.tp-requirement-txt8 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt8 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt8 { font-size: 13px; } }

/* tp-requirement-item3: 募集期間 2026年3月1日より基本コース・応用コース開校 */
.tp-requirement-item3 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 50px; margin: 0px; padding: 48px; width: calc(100% - (var(--gh-tp-requirement-list2) * 0)); z-index: 2; --gh-tp-requirement-item3: 0px; --gv-tp-requirement-item3: 50px; max-width: calc(100% - (var(--gh-tp-requirement-list2) * 0)); }
@media screen and (max-width: 768px) { .tp-requirement-item3 { padding: 24px; --gh-tp-requirement-item3: 0px; --gv-tp-requirement-item3: 50px; } }
@media screen and (max-width: 480px) { .tp-requirement-item3 { padding: 24px; --gh-tp-requirement-item3: 0px; --gv-tp-requirement-item3: 50px; } }

/* tp-requirement-box17: 募集期間 2026年3月1日より基本コース・応用コース開校 */
.tp-requirement-box17 { place-content: flex-start; align-items: flex-start; border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-requirement-item3) * 0)); --gh-tp-requirement-box17: 0px; --gv-tp-requirement-box17: 0px; max-width: calc(100% - (var(--gh-tp-requirement-item3) * 0)); }
@media screen and (max-width: 768px) { .tp-requirement-box17 { flex-wrap: wrap; gap: 0px; --gh-tp-requirement-box17: 0px; --gv-tp-requirement-box17: 0px; } }
@media screen and (max-width: 480px) { .tp-requirement-box17 { padding: 20px 0px 16px; --gh-tp-requirement-box17: 0px; --gv-tp-requirement-box17: 0px; } }

/* tp-requirement-box18: 募集期間 */
.tp-requirement-box18 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px 0px 24px; padding: 0px; width: auto; --gh-tp-requirement-box18: 0px; --gv-tp-requirement-box18: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-requirement-box18 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-requirement-box17) * 0)); --gh-tp-requirement-box18: 0px; --gv-tp-requirement-box18: 0px; max-width: calc(100% - (var(--gh-tp-requirement-box17) * 0)); } }

/* tp-requirement-txt9: 募集期間 */
.tp-requirement-txt9 { color: rgb(255, 117, 80); font-family: Oswald, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt9 { font-size: 18px; } }

/* tp-requirement-box19: 2026年3月1日より基本コース・応用コース開校 基本コ */
.tp-requirement-box19 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 8px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box19: 0px; --gv-tp-requirement-box19: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-requirement-box19 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-requirement-box17) * 0)); --gh-tp-requirement-box19: 0px; --gv-tp-requirement-box19: 8px; max-width: calc(100% - (var(--gh-tp-requirement-box17) * 0)); } }
@media screen and (max-width: 480px) { .tp-requirement-box19 { gap: 2px; padding: 0px; --gh-tp-requirement-box19: 0px; --gv-tp-requirement-box19: 2px; } }

/* tp-requirement-txt10: 2026年3月1日より基本コース・応用コース開校 */
.tp-requirement-txt10 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt10 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt10 { font-size: 13px; } }

/* tp-requirement-box20: 基本コース（3ヶ月） 第1期：3月1日～5月31日 ※〆切 */
.tp-requirement-box20 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-requirement-box19) * 0)); --gh-tp-requirement-box20: 0px; --gv-tp-requirement-box20: 4px; max-width: calc(100% - (var(--gh-tp-requirement-box19) * 0)); }
@media screen and (max-width: 480px) { .tp-requirement-box20 { padding: 0px; --gh-tp-requirement-box20: 0px; --gv-tp-requirement-box20: 4px; } }

/* tp-requirement-box21: 基本コース（3ヶ月） */
.tp-requirement-box21 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box21: 0px; --gv-tp-requirement-box21: 0px; max-width: 100%; }

/* tp-requirement-txt11: 基本コース（3ヶ月） */
.tp-requirement-txt11 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0px; line-height: 24px; padding: 1px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt11 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt11 { font-size: 13px; } }

/* tp-requirement-box22: 第1期：3月1日～5月31日 ※〆切2026年2月18日 */
.tp-requirement-box22 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box22: 16px; --gv-tp-requirement-box22: 0px; max-width: 100%; }

/* tp-requirement-box23:  */
.tp-requirement-box23 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt12: 第1期：3月1日～5月31日 ※〆切2026年2月18日 */
.tp-requirement-txt12 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt12 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt12 { font-size: 13px; } }

/* tp-requirement-box24: 第2期：4月1日～6月30日）※〆切2026年3月20日 */
.tp-requirement-box24 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box24: 16px; --gv-tp-requirement-box24: 0px; max-width: 100%; }

/* tp-requirement-box25:  */
.tp-requirement-box25 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt13: 第2期：4月1日～6月30日）※〆切2026年3月20日 */
.tp-requirement-txt13 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt13 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt13 { font-size: 13px; } }

/* tp-requirement-box26: 第3期：5月1日～7月31日※〆切2026年4月20日 */
.tp-requirement-box26 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box26: 16px; --gv-tp-requirement-box26: 0px; max-width: 100%; }

/* tp-requirement-box27:  */
.tp-requirement-box27 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt14: 第3期：5月1日～7月31日※〆切2026年4月20日 */
.tp-requirement-txt14 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt14 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt14 { font-size: 13px; } }

/* tp-requirement-box28: 以下同様 */
.tp-requirement-box28 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box28: 0px; --gv-tp-requirement-box28: 0px; max-width: 100%; }

/* tp-requirement-txt15: 以下同様 */
.tp-requirement-txt15 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; padding: 1px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt15 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt15 { font-size: 13px; } }

/* tp-requirement-box29: 応用コース（6ヶ月） 第1期：3月1日～8月31日※〆切2 */
.tp-requirement-box29 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-requirement-box19) * 0)); --gh-tp-requirement-box29: 0px; --gv-tp-requirement-box29: 4px; max-width: calc(100% - (var(--gh-tp-requirement-box19) * 0)); }
@media screen and (max-width: 480px) { .tp-requirement-box29 { padding: 0px; --gh-tp-requirement-box29: 0px; --gv-tp-requirement-box29: 4px; } }

/* tp-requirement-box30: 応用コース（6ヶ月） */
.tp-requirement-box30 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box30: 0px; --gv-tp-requirement-box30: 0px; max-width: 100%; }

/* tp-requirement-txt16: 応用コース（6ヶ月） */
.tp-requirement-txt16 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0px; line-height: 24px; padding: 1px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt16 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt16 { font-size: 13px; } }

/* tp-requirement-box31: 第1期：3月1日～8月31日※〆切2026年2月16日 */
.tp-requirement-box31 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box31: 16px; --gv-tp-requirement-box31: 0px; max-width: 100%; }

/* tp-requirement-box32:  */
.tp-requirement-box32 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt17: 第1期：3月1日～8月31日※〆切2026年2月16日 */
.tp-requirement-txt17 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt17 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt17 { font-size: 13px; } }

/* tp-requirement-box33: 第2期：4月1日～9月30日※〆切2026年3月18日 */
.tp-requirement-box33 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box33: 16px; --gv-tp-requirement-box33: 0px; max-width: 100%; }

/* tp-requirement-box34:  */
.tp-requirement-box34 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt18: 第2期：4月1日～9月30日※〆切2026年3月18日 */
.tp-requirement-txt18 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt18 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt18 { font-size: 13px; } }

/* tp-requirement-box35: 第3期：5月1日～10月31日※〆切2026年4月17日 */
.tp-requirement-box35 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box35: 16px; --gv-tp-requirement-box35: 0px; max-width: 100%; }

/* tp-requirement-box36:  */
.tp-requirement-box36 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt19: 第3期：5月1日～10月31日※〆切2026年4月17日 */
.tp-requirement-txt19 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt19 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt19 { font-size: 13px; } }

/* tp-requirement-box37: 以下同様 */
.tp-requirement-box37 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box37: 0px; --gv-tp-requirement-box37: 0px; max-width: 100%; }

/* tp-requirement-txt20: 以下同様 */
.tp-requirement-txt20 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; padding: 1px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt20 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt20 { font-size: 13px; } }

/* tp-requirement-box38: ※月1回ペースで新規開講。空席状況はお問い合わせください。 */
.tp-requirement-box38 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box38: 0px; --gv-tp-requirement-box38: 0px; max-width: 100%; }

/* tp-requirement-txt21: ※月1回ペースで新規開講。空席状況はお問い合わせください。 */
.tp-requirement-txt21 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt21 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt21 { font-size: 13px; } }

/* tp-requirement-item4: カリキュラム 受講期間：3ヶ月（基本コース）、6ヶ月（応用 */
.tp-requirement-item4 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 50px; margin: 0px; padding: 48px; width: calc(100% - (var(--gh-tp-requirement-list2) * 0)); z-index: 2; --gh-tp-requirement-item4: 0px; --gv-tp-requirement-item4: 50px; max-width: calc(100% - (var(--gh-tp-requirement-list2) * 0)); }
@media screen and (max-width: 768px) { .tp-requirement-item4 { padding: 24px; --gh-tp-requirement-item4: 0px; --gv-tp-requirement-item4: 50px; } }
@media screen and (max-width: 480px) { .tp-requirement-item4 { padding: 24px; --gh-tp-requirement-item4: 0px; --gv-tp-requirement-item4: 50px; } }

/* tp-requirement-box39: カリキュラム 受講期間：3ヶ月（基本コース）、6ヶ月（応用 */
.tp-requirement-box39 { place-content: flex-start; align-items: flex-start; border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-requirement-item4) * 0)); --gh-tp-requirement-box39: 0px; --gv-tp-requirement-box39: 0px; max-width: calc(100% - (var(--gh-tp-requirement-item4) * 0)); }
@media screen and (max-width: 768px) { .tp-requirement-box39 { flex-wrap: wrap; gap: 0px; --gh-tp-requirement-box39: 0px; --gv-tp-requirement-box39: 0px; } }
@media screen and (max-width: 480px) { .tp-requirement-box39 { padding: 20px 0px 16px; --gh-tp-requirement-box39: 0px; --gv-tp-requirement-box39: 0px; } }

/* tp-requirement-box40: カリキュラム */
.tp-requirement-box40 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px 0px 24px; padding: 0px; width: auto; --gh-tp-requirement-box40: 0px; --gv-tp-requirement-box40: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-requirement-box40 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-requirement-box39) * 0)); --gh-tp-requirement-box40: 0px; --gv-tp-requirement-box40: 0px; max-width: calc(100% - (var(--gh-tp-requirement-box39) * 0)); } }

/* tp-requirement-txt22: カリキュラム */
.tp-requirement-txt22 { color: rgb(255, 117, 80); font-family: Oswald, sans-serif; font-size: 24px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt22 { font-size: 18px; } }

/* tp-requirement-box41: 受講期間：3ヶ月（基本コース）、6ヶ月（応用コース） 形式 */
.tp-requirement-box41 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 8px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box41: 0px; --gv-tp-requirement-box41: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-requirement-box41 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-requirement-box39) * 0)); --gh-tp-requirement-box41: 0px; --gv-tp-requirement-box41: 8px; max-width: calc(100% - (var(--gh-tp-requirement-box39) * 0)); } }
@media screen and (max-width: 480px) { .tp-requirement-box41 { gap: 2px; padding: 0px; --gh-tp-requirement-box41: 0px; --gv-tp-requirement-box41: 2px; } }

/* tp-requirement-txt23: 受講期間：3ヶ月（基本コース）、6ヶ月（応用コース） */
.tp-requirement-txt23 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt23 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt23 { font-size: 13px; } }

/* tp-requirement-txt24: 形式：オンライン、通学（難波校） */
.tp-requirement-txt24 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt24 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt24 { font-size: 13px; } }

/* tp-requirement-box42: 講義内容（基本コースから一部抜粋） */
.tp-requirement-box42 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box42: 0px; --gv-tp-requirement-box42: 0px; max-width: 100%; }

/* tp-requirement-txt25: 講義内容（基本コースから一部抜粋） */
.tp-requirement-txt25 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt25 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt25 { font-size: 13px; } }

/* tp-requirement-box43: デジタルツールの基礎：CLIP STUDIO PAINT E */
.tp-requirement-box43 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 4px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box43: 0px; --gv-tp-requirement-box43: 4px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-requirement-box43 { padding: 0px; --gh-tp-requirement-box43: 0px; --gv-tp-requirement-box43: 4px; } }

/* tp-requirement-box44: デジタルツールの基礎：CLIP STUDIO PAINT E */
.tp-requirement-box44 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box44: 16px; --gv-tp-requirement-box44: 0px; max-width: 100%; }

/* tp-requirement-box45:  */
.tp-requirement-box45 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt26: デジタルツールの基礎：CLIP STUDIO PAINT E */
.tp-requirement-txt26 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt26 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt26 { font-size: 13px; } }

/* tp-requirement-box46: 色彩と配色：色彩の基本理論と配色技術、視覚効果を学び、マンガ */
.tp-requirement-box46 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box46: 16px; --gv-tp-requirement-box46: 0px; max-width: 100%; }

/* tp-requirement-box47:  */
.tp-requirement-box47 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt27: 色彩と配色：色彩の基本理論と配色技術、視覚効果を学び、マンガ */
.tp-requirement-txt27 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt27 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt27 { font-size: 13px; } }

/* tp-requirement-box48: ラインアートの技術：線画技術を向上させるためのトレーニング。 */
.tp-requirement-box48 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box48: 16px; --gv-tp-requirement-box48: 0px; max-width: 100%; }

/* tp-requirement-box49:  */
.tp-requirement-box49 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt28: ラインアートの技術：線画技術を向上させるためのトレーニング。 */
.tp-requirement-txt28 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt28 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt28 { font-size: 13px; } }

/* tp-requirement-box50: デジタルペインティングの基礎：デジタルペインティングの基本技 */
.tp-requirement-box50 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box50: 16px; --gv-tp-requirement-box50: 0px; max-width: 100%; }

/* tp-requirement-box51:  */
.tp-requirement-box51 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt29: デジタルペインティングの基礎：デジタルペインティングの基本技 */
.tp-requirement-txt29 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt29 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt29 { font-size: 13px; } }

/* tp-requirement-box52: 人体のプロポーション：人体の基本的なプロポーションと動きをキ */
.tp-requirement-box52 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box52: 16px; --gv-tp-requirement-box52: 0px; max-width: 100%; }

/* tp-requirement-box53:  */
.tp-requirement-box53 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt30: 人体のプロポーション：人体の基本的なプロポーションと動きをキ */
.tp-requirement-txt30 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt30 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt30 { font-size: 13px; } }

/* tp-requirement-box54: 表情と感情：キャラクターが感情を豊かに表現する方法を学び、実 */
.tp-requirement-box54 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box54: 16px; --gv-tp-requirement-box54: 0px; max-width: 100%; }

/* tp-requirement-box55:  */
.tp-requirement-box55 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt31: 表情と感情：キャラクターが感情を豊かに表現する方法を学び、実 */
.tp-requirement-txt31 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt31 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt31 { font-size: 13px; } }

/* tp-requirement-box56: 衣装デザイン：キャラクターの個性を引き立てる衣装やアクセサリ */
.tp-requirement-box56 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box56: 16px; --gv-tp-requirement-box56: 0px; max-width: 100%; }

/* tp-requirement-box57:  */
.tp-requirement-box57 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt32: 衣装デザイン：キャラクターの個性を引き立てる衣装やアクセサリ */
.tp-requirement-txt32 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt32 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt32 { font-size: 13px; } }

/* tp-requirement-box58: キャラクター設定：キャラクターの設定を作成し、より深いキャラ */
.tp-requirement-box58 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box58: 16px; --gv-tp-requirement-box58: 0px; max-width: 100%; }

/* tp-requirement-box59:  */
.tp-requirement-box59 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt33: キャラクター設定：キャラクターの設定を作成し、より深いキャラ */
.tp-requirement-txt33 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt33 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt33 { font-size: 13px; } }

/* tp-requirement-box60: コンセプトアート：初期スケッチからコンセプトアートの作成まで */
.tp-requirement-box60 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box60: 16px; --gv-tp-requirement-box60: 0px; max-width: 100%; }

/* tp-requirement-box61:  */
.tp-requirement-box61 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt34: コンセプトアート：初期スケッチからコンセプトアートの作成まで */
.tp-requirement-txt34 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt34 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt34 { font-size: 13px; } }

/* tp-requirement-box62: ストーリーテリングの基本：ストーリーテリングの基本理論とマン */
.tp-requirement-box62 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box62: 16px; --gv-tp-requirement-box62: 0px; max-width: 100%; }

/* tp-requirement-box63:  */
.tp-requirement-box63 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt35: ストーリーテリングの基本：ストーリーテリングの基本理論とマン */
.tp-requirement-txt35 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt35 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt35 { font-size: 13px; } }

/* tp-requirement-box64: アングルと構図：効果的なアングルと構図を用いて、読者にとって */
.tp-requirement-box64 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box64: 16px; --gv-tp-requirement-box64: 0px; max-width: 100%; }

/* tp-requirement-box65:  */
.tp-requirement-box65 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt36: アングルと構図：効果的なアングルと構図を用いて、読者にとって */
.tp-requirement-txt36 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt36 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt36 { font-size: 13px; } }

/* tp-requirement-box66: キャラクターの動きとポーズ：キャラクターの動きとポーズを学び */
.tp-requirement-box66 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box66: 16px; --gv-tp-requirement-box66: 0px; max-width: 100%; }

/* tp-requirement-box67:  */
.tp-requirement-box67 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt37: キャラクターの動きとポーズ：キャラクターの動きとポーズを学び */
.tp-requirement-txt37 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt37 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt37 { font-size: 13px; } }

/* tp-requirement-box68: ダイアログと文字入れ：ストーリーに適したダイアログを作成し、 */
.tp-requirement-box68 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 0px; width: auto; --gh-tp-requirement-box68: 16px; --gv-tp-requirement-box68: 0px; max-width: 100%; }

/* tp-requirement-box69:  */
.tp-requirement-box69 { align-items: center; background: rgb(255, 117, 80); border-radius: 3px; inset: auto; flex-direction: column; height: 6px; justify-content: center; position: relative; width: 6px; max-width: 100%; }

/* tp-requirement-txt38: ダイアログと文字入れ：ストーリーに適したダイアログを作成し、 */
.tp-requirement-txt38 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 24px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-requirement-txt38 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-requirement-txt38 { font-size: 13px; } }

/* tp-blk11-box1: 夢中になれる仕事を、ここから始めよう 無料カウンセリング  */
.tp-blk11-box1 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; padding: 96px 0px; width: 100%; --gh-tp-blk11-box1: 0px; --gv-tp-blk11-box1: 60px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-blk11-box1 { background: rgba(255, 255, 255, 0); gap: 60px; padding: 72px 0px; --gh-tp-blk11-box1: 0px; --gv-tp-blk11-box1: 60px; } }

/* tp-blk11-pic1:  */
.tp-blk11-pic1 { height: calc(100% - (var(--gv-tp-blk11-box1) * 0)); left: 0px; position: absolute; top: 0px; width: calc(100% - (var(--gh-tp-blk11-box1) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-blk11-box1) * 0)); }
.tp-blk11-pic1::before { filter: brightness(40%); }

/* tp-blk11-box2: 夢中になれる仕事を、ここから始めよう 無料カウンセリング  */
.tp-blk11-box2 { place-content: center flex-start; align-items: center; background: rgba(34, 34, 34, 0); border-radius: 12px; flex-flow: column; gap: 40px; height: auto; margin: 0px; padding: 64px 40px; width: 1340px; --gh-tp-blk11-box2: 0px; --gv-tp-blk11-box2: 40px; max-width: 100%; }
html.js .tp-blk11-box2:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-blk11-box2: 0px; --gv-tp-blk11-box2: 40px; }
.tp-blk11-box2.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .tp-blk11-box2 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-blk11-box2: 0px; --gv-tp-blk11-box2: 40px; } }
@media screen and (max-width: 768px) { .tp-blk11-box2 { flex-flow: column; padding: 0px 48px; --gh-tp-blk11-box2: 0px; --gv-tp-blk11-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-blk11-box2 { border-radius: 8px; gap: 24px; padding: 0px 24px; --gh-tp-blk11-box2: 0px; --gv-tp-blk11-box2: 24px; } }

/* tp-blk11-txt1: 夢中になれる仕事を、ここから始めよう */
.tp-blk11-txt1 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 40px; 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: 768px) { .tp-blk11-txt1 { font-size: 32px; font-weight: 600; } }
@media screen and (max-width: 480px) { .tp-blk11-txt1 { font-size: 20px; margin: 0px 0px 24px; padding: 0px; max-width: 100%; } }

/* tp-blk11-box3: 無料カウンセリング arrow_forward お問い合 */
.tp-blk11-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-blk11-box2) * 0)); --gh-tp-blk11-box3: 16px; --gv-tp-blk11-box3: 0px; max-width: calc(100% - (var(--gh-tp-blk11-box2) * 0)); }
@media screen and (max-width: 480px) { .tp-blk11-box3 { flex-flow: column; gap: 16px; --gh-tp-blk11-box3: 0px; --gv-tp-blk11-box3: 16px; } }

/* tp-blk11-link1: 無料カウンセリング arrow_forward */
.tp-blk11-link1 { place-content: center; align-items: center; background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-blk11-link1: 8px; --gv-tp-blk11-link1: 0px; max-width: 100%; }
.tp-blk11-link1:hover { background: rgb(255, 255, 255); --gh-tp-blk11-link1: 8px; --gv-tp-blk11-link1: 0px; }
@media screen and (max-width: 480px) { .tp-blk11-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-blk11-box3) * 0)); --gh-tp-blk11-link1: 8px; --gv-tp-blk11-link1: 0px; max-width: calc(100% - (var(--gh-tp-blk11-box3) * 0)); } }

/* tp-blk11-txt2: 無料カウンセリング */
.tp-blk11-txt2 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-blk11-link1: 無料カウンセリング arrow_forward */
.tp-blk11-link1:hover .tp-blk11-txt2 { color: rgb(255, 117, 80); }
@media screen and (max-width: 480px) { .tp-blk11-txt2 { font-size: 14px; } }

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

/* tp-blk11-link1: 無料カウンセリング arrow_forward */
.tp-blk11-link1:hover .tp-blk11-icon1 { color: rgb(255, 80, 53); translate: 2px; }

/* tp-blk11-link2: お問い合わせ arrow_forward */
.tp-blk11-link2 { place-content: center; align-items: center; background: rgb(249, 249, 249); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-blk11-link2: 8px; --gv-tp-blk11-link2: 0px; max-width: 100%; }
.tp-blk11-link2:hover { background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(249, 249, 249); opacity: 1; --gh-tp-blk11-link2: 8px; --gv-tp-blk11-link2: 0px; }
@media screen and (max-width: 480px) { .tp-blk11-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-blk11-box3) * 0)); --gh-tp-blk11-link2: 8px; --gv-tp-blk11-link2: 0px; max-width: calc(100% - (var(--gh-tp-blk11-box3) * 0)); } }

/* tp-blk11-txt3: お問い合わせ */
.tp-blk11-txt3 { color: rgb(255, 117, 80); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-blk11-link2: お問い合わせ arrow_forward */
.tp-blk11-link2:hover .tp-blk11-txt3 { color: rgb(249, 249, 249); }
@media screen and (max-width: 480px) { .tp-blk11-txt3 { font-size: 14px; } }

/* tp-blk11-icon2: arrow_forward */
.tp-blk11-icon2 { color: rgb(255, 117, 80); font-size: 20px; }

/* tp-blk11-link2: お問い合わせ arrow_forward */
.tp-blk11-link2:hover .tp-blk11-icon2 { color: rgb(255, 255, 255); translate: 2px; }

/* tp-plan-box1: PLAN 料金プラン 追加料金や入学金は一切不要。 学習 */
.tp-plan-box1 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; flex-wrap: nowrap; gap: 100px; margin: 0px; padding: 144px 0px; width: 100%; --gh-tp-plan-box1: 0px; --gv-tp-plan-box1: 100px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-plan-box1 { padding: 96px 0px; --gh-tp-plan-box1: 0px; --gv-tp-plan-box1: 100px; } }
@media screen and (max-width: 480px) { .tp-plan-box1 { border-radius: 12px; gap: 80px; padding: 72px 0px; --gh-tp-plan-box1: 0px; --gv-tp-plan-box1: 80px; } }

/* tp-plan-box2: PLAN 料金プラン 追加料金や入学金は一切不要。 学習 */
.tp-plan-box2 { place-content: center flex-start; align-items: center; background: transparent; flex-flow: column; gap: 0px; height: auto; margin: 0px; padding: 0px 96px; width: 1340px; --gh-tp-plan-box2: 0px; --gv-tp-plan-box2: 0px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-plan-box2 { flex-flow: column; gap: 40px; padding: 0px 48px; --gh-tp-plan-box2: 0px; --gv-tp-plan-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-plan-box2 { padding: 0px 24px; --gh-tp-plan-box2: 0px; --gv-tp-plan-box2: 0px; } }

/* tp-plan-box3: PLAN 料金プラン 追加料金や入学金は一切不要。 学習 */
.tp-plan-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 32px; height: auto; margin: 0px 0px 64px; padding: 0px; width: calc(100% - (var(--gh-tp-plan-box2) * 0)); --gh-tp-plan-box3: 0px; --gv-tp-plan-box3: 32px; max-width: calc(100% - (var(--gh-tp-plan-box2) * 0)); }
@media screen and (max-width: 768px) { .tp-plan-box3 { margin: 0px; --gh-tp-plan-box3: 0px; --gv-tp-plan-box3: 32px; width: calc(100% - (var(--gh-tp-plan-box2) * 0)); max-width: calc(100% - (var(--gh-tp-plan-box2) * 0)); } }
@media screen and (max-width: 480px) { .tp-plan-box3 { gap: 16px; padding: 0px; --gh-tp-plan-box3: 0px; --gv-tp-plan-box3: 16px; } }

/* tp-plan-box4: PLAN 料金プラン */
.tp-plan-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-plan-box3) * 0)); --gh-tp-plan-box4: 0px; --gv-tp-plan-box4: 16px; max-width: calc(100% - (var(--gh-tp-plan-box3) * 0)); }
@media screen and (max-width: 480px) { .tp-plan-box4 { padding: 8px 0px 0px; --gh-tp-plan-box4: 0px; --gv-tp-plan-box4: 16px; } }

/* tp-plan-txt1: PLAN */
.tp-plan-txt1 { color: rgb(51, 51, 51); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-plan-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-plan-txt1 { font-size: 32px; } }

/* tp-plan-box5:  */
.tp-plan-box5 { align-items: center; background: rgb(67, 187, 201); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-plan-box5 { width: 40px; max-width: 100%; } }

/* tp-plan-txt2: 料金プラン */
.tp-plan-txt2 { color: rgb(51, 51, 51); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-plan-box4) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-plan-box4) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt2 { font-size: 16px; } }

/* tp-plan-box6: 追加料金や入学金は一切不要。 学習に必要な教材はすべて受講料 */
.tp-plan-box6 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-plan-box3) * 0)); --gh-tp-plan-box6: 0px; --gv-tp-plan-box6: 0px; max-width: calc(100% - (var(--gh-tp-plan-box3) * 0)); }

/* tp-plan-txt3: 追加料金や入学金は一切不要。 学習に必要な教材はすべて受講料 */
.tp-plan-txt3 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 32px; text-align: left; width: calc(100% - (var(--gh-tp-plan-box6) * 0)); max-width: calc(100% - (var(--gh-tp-plan-box6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-plan-txt3 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-plan-txt3 { font-size: 12px; font-weight: 500; line-height: 1.8; } }

/* tp-plan-box7: 基本コース 初めて学ぶ方に最適なエントリープラン。 必要な */
.tp-plan-box7 { place-content: stretch flex-start; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 40px; padding: 0px; width: calc(100% - (var(--gh-tp-plan-box2) * 0)); --gh-tp-plan-box7: 40px; --gv-tp-plan-box7: 40px; max-width: calc(100% - (var(--gh-tp-plan-box2) * 0)); }
html.js .tp-plan-box7:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-plan-box7: 40px; --gv-tp-plan-box7: 40px; }
.tp-plan-box7.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 768px) { .tp-plan-box7 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-direction: column; --gh-tp-plan-box7: 40px; --gv-tp-plan-box7: 40px; } }
@media screen and (max-width: 480px) { .tp-plan-box7 { flex: 0 0 auto; width: 100%; --gh-tp-plan-box7: 40px; --gv-tp-plan-box7: 40px; } }

/* tp-plan-box8: 基本コース 初めて学ぶ方に最適なエントリープラン。 必要な */
.tp-plan-box8 { background: rgb(250, 250, 250); border-radius: 8px; flex: 1 1 0%; gap: 24px; height: auto; overflow: hidden; padding: 0px; width: auto; --gh-tp-plan-box8: 0px; --gv-tp-plan-box8: 24px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-plan-box8 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-plan-box7) * 0)); --gh-tp-plan-box8: 0px; --gv-tp-plan-box8: 24px; max-width: calc(100% - (var(--gh-tp-plan-box7) * 0)); } }
@media screen and (max-width: 480px) { .tp-plan-box8 { border-radius: 6px; gap: 24px; padding: 0px 0px 24px; --gh-tp-plan-box8: 0px; --gv-tp-plan-box8: 24px; } }

/* tp-plan-box9: 基本コース 初めて学ぶ方に最適なエントリープラン。 必要な */
.tp-plan-box9 { place-content: flex-start; align-items: flex-start; background: rgb(102, 102, 102); flex-flow: column; gap: 16px; height: 180px; padding: 24px; width: calc(100% - (var(--gh-tp-plan-box8) * 0)); --gh-tp-plan-box9: 0px; --gv-tp-plan-box9: 16px; max-width: calc(100% - (var(--gh-tp-plan-box8) * 0)); }
@media screen and (max-width: 480px) { .tp-plan-box9 { gap: 12px; height: auto; padding: 24px 16px; --gh-tp-plan-box9: 0px; --gv-tp-plan-box9: 12px; width: calc(100% - (var(--gh-tp-plan-box8) * 0)); max-width: calc(100% - (var(--gh-tp-plan-box8) * 0)); } }

/* tp-plan-txt4: 基本コース */
.tp-plan-txt4 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 20px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt4 { font-size: 16px; } }

/* tp-plan-txt5: 初めて学ぶ方に最適なエントリープラン。 必要な基礎スキルを3 */
.tp-plan-txt5 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt5 { font-size: 14px; font-weight: 500; } }

/* tp-plan-box10: 28 万円 check_circle デザイン基礎／A */
.tp-plan-box10 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-wrap: nowrap; gap: 32px; height: auto; padding: 24px; width: calc(100% - (var(--gh-tp-plan-box8) * 0)); --gh-tp-plan-box10: 0px; --gv-tp-plan-box10: 32px; max-width: calc(100% - (var(--gh-tp-plan-box8) * 0)); }
@media screen and (max-width: 480px) { .tp-plan-box10 { gap: 24px; padding: 0px 16px; --gh-tp-plan-box10: 0px; --gv-tp-plan-box10: 24px; } }

/* tp-plan-box11: 28 万円 */
.tp-plan-box11 { place-content: flex-end center; align-items: flex-end; flex-flow: row; gap: 8px; padding: 0px; translate: 0px; --gh-tp-plan-box11: 8px; --gv-tp-plan-box11: 0px; }
@media screen and (max-width: 480px) { .tp-plan-box11 { gap: 4px; --gh-tp-plan-box11: 4px; --gv-tp-plan-box11: 0px; } }

/* tp-plan-txt6: 28 */
.tp-plan-txt6 { color: rgb(255, 117, 80); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 72px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt6 { font-size: 28px; } }

/* tp-plan-txt7: 万円 */
.tp-plan-txt7 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 24px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: left; text-decoration: none; width: auto; translate: 0px -16px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt7 { font-size: 14px; translate: 0px -4px; } }

/* tp-plan-list1: check_circle デザイン基礎／AIツール（Sta */
.tp-plan-list1 { flex: 1 1 0%; gap: 8px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-plan-box10) * 0)); --gh-tp-plan-list1: 0px; --gv-tp-plan-list1: 8px; max-width: calc(100% - (var(--gh-tp-plan-box10) * 0)); }

/* tp-plan-item1: check_circle デザイン基礎／AIツール（Sta */
.tp-plan-item1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-tp-plan-list1) * 0)); --gh-tp-plan-item1: 8px; --gv-tp-plan-item1: 0px; max-width: calc(100% - (var(--gh-tp-plan-list1) * 0)); }

/* tp-plan-box12: check_circle */
.tp-plan-box12 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 5px 0px 0px; --gh-tp-plan-box12: 8px; --gv-tp-plan-box12: 0px; }

/* tp-plan-icon1: check_circle */
.tp-plan-icon1 { color: rgb(34, 34, 34); font-size: 16px; }

/* tp-plan-txt8: デザイン基礎／AIツール（Stable Diffusion・ */
.tp-plan-txt8 { color: rgb(102, 102, 102); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt8 { font-size: 14px; } }

/* tp-plan-link1: 無料カウンセリング arrow_forward */
.tp-plan-link1 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 6px; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 16px 24px; width: calc(100% - (var(--gh-tp-plan-box10) * 0)); --gh-tp-plan-link1: 8px; --gv-tp-plan-link1: 0px; max-width: calc(100% - (var(--gh-tp-plan-box10) * 0)); }
.tp-plan-link1:hover { background: rgb(255, 117, 80); --gh-tp-plan-link1: 8px; --gv-tp-plan-link1: 0px; }

/* tp-plan-txt9: 無料カウンセリング */
.tp-plan-txt9 { color: rgb(255, 117, 80); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-plan-link1: 無料カウンセリング arrow_forward */
.tp-plan-link1:hover .tp-plan-txt9 { color: rgb(255, 255, 255); }
@media screen and (max-width: 480px) { .tp-plan-txt9 { font-size: 14px; } }

/* tp-plan-icon2: arrow_forward */
.tp-plan-icon2 { color: rgb(255, 117, 80); font-size: 20px; }

/* tp-plan-link1: 無料カウンセリング arrow_forward */
.tp-plan-link1:hover .tp-plan-icon2 { color: rgb(255, 255, 255); translate: 2px; }

/* tp-plan-box13: 応用コース 最短で「仕事につながる実力」をつけたい方向け。 */
.tp-plan-box13 { background: rgb(250, 250, 250); border-radius: 8px; flex: 1 1 0%; gap: 24px; height: auto; overflow: hidden; padding: 0px; width: auto; --gh-tp-plan-box13: 0px; --gv-tp-plan-box13: 24px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-plan-box13 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-plan-box7) * 0)); --gh-tp-plan-box13: 0px; --gv-tp-plan-box13: 24px; max-width: calc(100% - (var(--gh-tp-plan-box7) * 0)); } }
@media screen and (max-width: 480px) { .tp-plan-box13 { border-radius: 6px; gap: 24px; padding: 0px 0px 24px; --gh-tp-plan-box13: 0px; --gv-tp-plan-box13: 24px; } }

/* tp-plan-box14: 応用コース 最短で「仕事につながる実力」をつけたい方向け。 */
.tp-plan-box14 { place-content: flex-start; align-items: flex-start; background: rgb(255, 117, 80); flex-flow: column; gap: 16px; height: 180px; padding: 24px; width: calc(100% - (var(--gh-tp-plan-box13) * 0)); --gh-tp-plan-box14: 0px; --gv-tp-plan-box14: 16px; max-width: calc(100% - (var(--gh-tp-plan-box13) * 0)); }
@media screen and (max-width: 480px) { .tp-plan-box14 { gap: 12px; height: auto; padding: 24px 16px; --gh-tp-plan-box14: 0px; --gv-tp-plan-box14: 12px; width: calc(100% - (var(--gh-tp-plan-box13) * 0)); max-width: calc(100% - (var(--gh-tp-plan-box13) * 0)); } }

/* tp-plan-txt10: 応用コース */
.tp-plan-txt10 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 20px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt10 { font-size: 16px; } }

/* tp-plan-txt11: 最短で「仕事につながる実力」をつけたい方向け。 案件紹介・就 */
.tp-plan-txt11 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt11 { font-size: 14px; font-weight: 500; } }

/* tp-plan-box15: 68 万円 check_circle 基本コースのすべ */
.tp-plan-box15 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 32px; height: auto; padding: 24px; width: calc(100% - (var(--gh-tp-plan-box13) * 0)); --gh-tp-plan-box15: 0px; --gv-tp-plan-box15: 32px; max-width: calc(100% - (var(--gh-tp-plan-box13) * 0)); }
@media screen and (max-width: 480px) { .tp-plan-box15 { gap: 24px; padding: 0px 16px; --gh-tp-plan-box15: 0px; --gv-tp-plan-box15: 24px; } }

/* tp-plan-box16: 68 万円 */
.tp-plan-box16 { place-content: flex-end center; align-items: flex-end; flex-flow: row; gap: 8px; padding: 0px; translate: 0px; --gh-tp-plan-box16: 8px; --gv-tp-plan-box16: 0px; }
@media screen and (max-width: 480px) { .tp-plan-box16 { gap: 4px; --gh-tp-plan-box16: 4px; --gv-tp-plan-box16: 0px; } }

/* tp-plan-txt12: 68 */
.tp-plan-txt12 { color: rgb(255, 117, 80); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 72px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt12 { font-size: 28px; } }

/* tp-plan-txt13: 万円 */
.tp-plan-txt13 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 24px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: left; text-decoration: none; width: auto; translate: 0px -16px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt13 { font-size: 14px; translate: 0px -4px; } }

/* tp-plan-list2: check_circle 基本コースのすべて check */
.tp-plan-list2 { flex: 1 1 0%; gap: 8px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-plan-box15) * 0)); --gh-tp-plan-list2: 0px; --gv-tp-plan-list2: 8px; max-width: calc(100% - (var(--gh-tp-plan-box15) * 0)); }

/* tp-plan-item2: check_circle 基本コースのすべて */
.tp-plan-item2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-tp-plan-list2) * 0)); --gh-tp-plan-item2: 8px; --gv-tp-plan-item2: 0px; max-width: calc(100% - (var(--gh-tp-plan-list2) * 0)); }

/* tp-plan-box17: check_circle */
.tp-plan-box17 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 5px 0px 0px; --gh-tp-plan-box17: 8px; --gv-tp-plan-box17: 0px; }

/* tp-plan-icon3: check_circle */
.tp-plan-icon3 { color: rgb(34, 34, 34); font-size: 16px; }

/* tp-plan-txt14: 基本コースのすべて */
.tp-plan-txt14 { color: rgb(102, 102, 102); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-plan-txt14 { font-size: 14px; } }

/* tp-plan-link2: 無料カウンセリング arrow_forward */
.tp-plan-link2 { place-content: center; align-items: center; background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 6px; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 16px 24px; width: calc(100% - (var(--gh-tp-plan-box15) * 0)); --gh-tp-plan-link2: 8px; --gv-tp-plan-link2: 0px; max-width: calc(100% - (var(--gh-tp-plan-box15) * 0)); }
.tp-plan-link2:hover { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); --gh-tp-plan-link2: 8px; --gv-tp-plan-link2: 0px; }

/* tp-plan-txt15: 無料カウンセリング */
.tp-plan-txt15 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-plan-link2: 無料カウンセリング arrow_forward */
.tp-plan-link2:hover .tp-plan-txt15 { color: rgb(255, 117, 80); }
@media screen and (max-width: 480px) { .tp-plan-txt15 { font-size: 14px; } }

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

/* tp-plan-link2: 無料カウンセリング arrow_forward */
.tp-plan-link2:hover .tp-plan-icon4 { color: rgb(255, 117, 80); translate: 2px; }

/* tp-flow-box1: FLOW 入学までの流れ 最短3日でスタート可能。 申し */
.tp-flow-box1 { place-content: center; align-items: center; background: rgb(67, 187, 201); flex-wrap: nowrap; gap: 60px; padding: 144px 0px; width: 100%; --gh-tp-flow-box1: 0px; --gv-tp-flow-box1: 60px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-flow-box1 { padding: 96px 0px; --gh-tp-flow-box1: 0px; --gv-tp-flow-box1: 60px; } }
@media screen and (max-width: 768px) { .tp-flow-box1 { padding: 96px 0px; --gh-tp-flow-box1: 0px; --gv-tp-flow-box1: 60px; } }
@media screen and (max-width: 480px) { .tp-flow-box1 { padding: 72px 0px; --gh-tp-flow-box1: 0px; --gv-tp-flow-box1: 60px; } }

/* tp-flow-box2: FLOW 入学までの流れ 最短3日でスタート可能。 申し */
.tp-flow-box2 { place-content: center flex-start; align-items: center; background: transparent; flex-flow: column; gap: 48px; height: auto; margin: 0px; padding: 0px 96px; width: 1340px; --gh-tp-flow-box2: 0px; --gv-tp-flow-box2: 48px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-flow-box2 { padding: 0px 48px; --gh-tp-flow-box2: 0px; --gv-tp-flow-box2: 48px; } }
@media screen and (max-width: 768px) { .tp-flow-box2 { flex-flow: column; gap: 40px; --gh-tp-flow-box2: 0px; --gv-tp-flow-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-flow-box2 { padding: 0px 24px; --gh-tp-flow-box2: 0px; --gv-tp-flow-box2: 48px; } }

/* tp-flow-box3: FLOW 入学までの流れ 最短3日でスタート可能。 申し */
.tp-flow-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 32px; height: auto; margin: 0px 0px 64px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box2) * 0)); --gh-tp-flow-box3: 0px; --gv-tp-flow-box3: 32px; max-width: calc(100% - (var(--gh-tp-flow-box2) * 0)); }
@media screen and (max-width: 768px) { .tp-flow-box3 { margin: 0px; --gh-tp-flow-box3: 0px; --gv-tp-flow-box3: 32px; width: calc(100% - (var(--gh-tp-flow-box2) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box2) * 0)); } }
@media screen and (max-width: 480px) { .tp-flow-box3 { gap: 16px; padding: 0px; --gh-tp-flow-box3: 0px; --gv-tp-flow-box3: 16px; } }

/* tp-flow-box4: FLOW 入学までの流れ */
.tp-flow-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box3) * 0)); --gh-tp-flow-box4: 0px; --gv-tp-flow-box4: 16px; max-width: calc(100% - (var(--gh-tp-flow-box3) * 0)); }
@media screen and (max-width: 480px) { .tp-flow-box4 { padding: 8px 0px 0px; --gh-tp-flow-box4: 0px; --gv-tp-flow-box4: 16px; } }

/* tp-flow-txt1: FLOW */
.tp-flow-txt1 { color: rgb(249, 249, 249); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-flow-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-flow-txt1 { font-size: 32px; } }

/* tp-flow-box5:  */
.tp-flow-box5 { align-items: center; background: rgb(255, 117, 80); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-flow-box5 { width: 40px; max-width: 100%; } }

/* tp-flow-txt2: 入学までの流れ */
.tp-flow-txt2 { color: rgb(249, 249, 249); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-flow-box4) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-flow-box4) * 0)); justify-content: flex-start; }

/* tp-flow-box6: 最短3日でスタート可能。 申し込みの流れはシンプルで、すべて */
.tp-flow-box6 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box3) * 0)); --gh-tp-flow-box6: 0px; --gv-tp-flow-box6: 0px; max-width: calc(100% - (var(--gh-tp-flow-box3) * 0)); }

/* tp-flow-txt3: 最短3日でスタート可能。 申し込みの流れはシンプルで、すべて */
.tp-flow-txt3 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 32px; text-align: left; width: calc(100% - (var(--gh-tp-flow-box6) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-flow-txt3 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-flow-txt3 { font-size: 12px; font-weight: 500; line-height: 1.8; } }

/* tp-flow-box7: 無料カウンセリング まずは、下記フォームから無料カウンセリ */
.tp-flow-box7 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 4px 24px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box2) * 0)); --gh-tp-flow-box7: 24px; --gv-tp-flow-box7: 4px; max-width: calc(100% - (var(--gh-tp-flow-box2) * 0)); }
html.js .tp-flow-box7:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-flow-box7: 24px; --gv-tp-flow-box7: 4px; }
.tp-flow-box7.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .tp-flow-box7 { gap: 32px; --gh-tp-flow-box7: 32px; --gv-tp-flow-box7: 32px; } }
@media screen and (max-width: 768px) { .tp-flow-box7 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; --gh-tp-flow-box7: 0px; --gv-tp-flow-box7: 4px; } }
@media screen and (max-width: 480px) { .tp-flow-box7 { gap: 16px; --gh-tp-flow-box7: 16px; --gv-tp-flow-box7: 16px; } }

/* tp-flow-box8: 無料カウンセリング まずは、下記フォームから無料カウンセリ */
.tp-flow-box8 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 8px; flex: 1 1 0%; gap: 16px; height: auto; padding: 16px; width: auto; --gh-tp-flow-box8: 0px; --gv-tp-flow-box8: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-flow-box8 { flex: 0 0 auto; padding: 24px; width: calc(100% - (var(--gh-tp-flow-box7) * 0)); --gh-tp-flow-box8: 0px; --gv-tp-flow-box8: 16px; max-width: calc(100% - (var(--gh-tp-flow-box7) * 0)); } }
@media screen and (max-width: 480px) { .tp-flow-box8 { border-radius: 6px; --gh-tp-flow-box8: 0px; --gv-tp-flow-box8: 16px; } }

/* tp-flow-pic1:  */
.tp-flow-pic1 { border-radius: 6px; flex: 0 0 auto; height: 140px; margin: -8px -8px 0px; width: calc(100% - -16px - (var(--gh-tp-flow-box8) * 0)); max-width: calc(100% - -16px - (var(--gh-tp-flow-box8) * 0)); }
.tp-flow-pic1::before { background-position: center top; }
@media screen and (max-width: 768px) { .tp-flow-pic1::before { background-position: center bottom; background-size: cover; } }
@media screen and (max-width: 768px) { .tp-flow-pic1 { display: none; } }
@media screen and (max-width: 480px) { .tp-flow-pic1 { border-radius: 4px; display: flex; } }
@media screen and (max-width: 360px) { .tp-flow-pic1 { display: flex; } }

/* tp-flow-box9: 無料カウンセリング まずは、下記フォームから無料カウンセリ */
.tp-flow-box9 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box8) * 0)); --gh-tp-flow-box9: 0px; --gv-tp-flow-box9: 16px; max-width: calc(100% - (var(--gh-tp-flow-box8) * 0)); }
@media screen and (max-width: 480px) { .tp-flow-box9 { gap: 12px; --gh-tp-flow-box9: 0px; --gv-tp-flow-box9: 12px; } }

/* tp-flow-box10: 無料カウンセリング まずは、下記フォームから無料カウンセリ */
.tp-flow-box10 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 16px; padding: 0px; --gh-tp-flow-box10: 0px; --gv-tp-flow-box10: 16px; }
@media screen and (max-width: 480px) { .tp-flow-box10 { gap: 12px; --gh-tp-flow-box10: 0px; --gv-tp-flow-box10: 12px; } }

/* tp-flow-txt4: 無料カウンセリング */
.tp-flow-txt4 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.5; text-align: left; width: calc(100% - (var(--gh-tp-flow-box10) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box10) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt4 { font-size: 16px; } }

/* tp-flow-txt5: まずは、下記フォームから無料カウンセリンにお申し込みください */
.tp-flow-txt5 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt5 { font-size: 14px; } }

/* tp-flow-txt6: STEP 01 */
.tp-flow-txt6 { background: rgb(67, 187, 201); border-radius: 32px; color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 700; height: auto; line-height: 1.6; padding: 4px 16px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt6 { font-size: 14px; } }

/* tp-flow-box11: お申し込み カウンセリング後、受講する場合は本申込を行いま */
.tp-flow-box11 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 8px; flex: 1 1 0%; gap: 16px; height: auto; padding: 16px; width: auto; --gh-tp-flow-box11: 0px; --gv-tp-flow-box11: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-flow-box11 { flex: 0 0 auto; padding: 24px; width: calc(100% - (var(--gh-tp-flow-box7) * 0)); --gh-tp-flow-box11: 0px; --gv-tp-flow-box11: 16px; max-width: calc(100% - (var(--gh-tp-flow-box7) * 0)); } }
@media screen and (max-width: 480px) { .tp-flow-box11 { border-radius: 6px; --gh-tp-flow-box11: 0px; --gv-tp-flow-box11: 16px; } }

/* tp-flow-pic2:  */
.tp-flow-pic2 { border-radius: 6px; flex: 0 0 auto; height: 140px; margin: -8px -8px 0px; width: calc(100% - -16px - (var(--gh-tp-flow-box11) * 0)); max-width: calc(100% - -16px - (var(--gh-tp-flow-box11) * 0)); }
@media screen and (max-width: 768px) { .tp-flow-pic2 { display: none; } }
@media screen and (max-width: 480px) { .tp-flow-pic2 { border-radius: 4px; display: flex; } }
@media screen and (max-width: 360px) { .tp-flow-pic2 { display: flex; } }

/* tp-flow-box12: お申し込み カウンセリング後、受講する場合は本申込を行いま */
.tp-flow-box12 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box11) * 0)); --gh-tp-flow-box12: 0px; --gv-tp-flow-box12: 16px; max-width: calc(100% - (var(--gh-tp-flow-box11) * 0)); }
@media screen and (max-width: 480px) { .tp-flow-box12 { gap: 12px; --gh-tp-flow-box12: 0px; --gv-tp-flow-box12: 12px; } }

/* tp-flow-box13: お申し込み カウンセリング後、受講する場合は本申込を行いま */
.tp-flow-box13 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 16px; padding: 0px; --gh-tp-flow-box13: 0px; --gv-tp-flow-box13: 16px; }
@media screen and (max-width: 480px) { .tp-flow-box13 { gap: 12px; --gh-tp-flow-box13: 0px; --gv-tp-flow-box13: 12px; } }

/* tp-flow-txt7: お申し込み */
.tp-flow-txt7 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.5; text-align: left; width: calc(100% - (var(--gh-tp-flow-box13) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box13) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt7 { font-size: 16px; } }

/* tp-flow-txt8: カウンセリング後、受講する場合は本申込を行います。本申し込み */
.tp-flow-txt8 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt8 { font-size: 14px; } }

/* tp-flow-txt9: STEP 02 */
.tp-flow-txt9 { background: rgb(67, 187, 201); border-radius: 32px; color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 700; height: auto; line-height: 1.6; padding: 4px 16px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt9 { font-size: 14px; } }

/* tp-flow-box14: お支払い お申し込み時のお支払い方法にて、決済の案内を行い */
.tp-flow-box14 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 8px; flex: 1 1 0%; gap: 16px; height: auto; padding: 16px; width: auto; --gh-tp-flow-box14: 0px; --gv-tp-flow-box14: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-flow-box14 { flex: 0 0 auto; padding: 24px; width: calc(100% - (var(--gh-tp-flow-box7) * 0)); --gh-tp-flow-box14: 0px; --gv-tp-flow-box14: 16px; max-width: calc(100% - (var(--gh-tp-flow-box7) * 0)); } }
@media screen and (max-width: 480px) { .tp-flow-box14 { border-radius: 6px; --gh-tp-flow-box14: 0px; --gv-tp-flow-box14: 16px; } }

/* tp-flow-pic3:  */
.tp-flow-pic3 { border-radius: 6px; flex: 0 0 auto; height: 140px; margin: -8px -8px 0px; width: calc(100% - -16px - (var(--gh-tp-flow-box14) * 0)); max-width: calc(100% - -16px - (var(--gh-tp-flow-box14) * 0)); }
@media screen and (max-width: 768px) { .tp-flow-pic3 { display: none; } }
@media screen and (max-width: 480px) { .tp-flow-pic3 { border-radius: 4px; display: flex; } }
@media screen and (max-width: 360px) { .tp-flow-pic3 { display: flex; } }

/* tp-flow-box15: お支払い お申し込み時のお支払い方法にて、決済の案内を行い */
.tp-flow-box15 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box14) * 0)); --gh-tp-flow-box15: 0px; --gv-tp-flow-box15: 16px; max-width: calc(100% - (var(--gh-tp-flow-box14) * 0)); }
@media screen and (max-width: 480px) { .tp-flow-box15 { gap: 12px; --gh-tp-flow-box15: 0px; --gv-tp-flow-box15: 12px; } }

/* tp-flow-box16: お支払い お申し込み時のお支払い方法にて、決済の案内を行い */
.tp-flow-box16 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 16px; padding: 0px; --gh-tp-flow-box16: 0px; --gv-tp-flow-box16: 16px; }
@media screen and (max-width: 480px) { .tp-flow-box16 { gap: 12px; --gh-tp-flow-box16: 0px; --gv-tp-flow-box16: 12px; } }

/* tp-flow-txt10: お支払い */
.tp-flow-txt10 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.5; text-align: left; width: calc(100% - (var(--gh-tp-flow-box16) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box16) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt10 { font-size: 16px; } }

/* tp-flow-txt11: お申し込み時のお支払い方法にて、決済の案内を行います。一括払 */
.tp-flow-txt11 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt11 { font-size: 14px; } }

/* tp-flow-txt12: STEP 03 */
.tp-flow-txt12 { background: rgb(67, 187, 201); border-radius: 32px; color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 700; height: auto; line-height: 1.6; padding: 4px 16px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt12 { font-size: 14px; } }

/* tp-flow-box17: 受講スタート 学習開始日にキックオフに参加し、本格的に学習 */
.tp-flow-box17 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 8px; flex: 1 1 0%; gap: 16px; height: auto; padding: 16px; width: auto; --gh-tp-flow-box17: 0px; --gv-tp-flow-box17: 16px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-flow-box17 { flex: 0 0 auto; padding: 24px; width: calc(100% - (var(--gh-tp-flow-box7) * 0)); --gh-tp-flow-box17: 0px; --gv-tp-flow-box17: 16px; max-width: calc(100% - (var(--gh-tp-flow-box7) * 0)); } }
@media screen and (max-width: 480px) { .tp-flow-box17 { border-radius: 6px; --gh-tp-flow-box17: 0px; --gv-tp-flow-box17: 16px; } }

/* tp-flow-pic4:  */
.tp-flow-pic4 { border-radius: 6px; flex: 0 0 auto; height: 140px; margin: -8px -8px 0px; width: calc(100% - -16px - (var(--gh-tp-flow-box17) * 0)); max-width: calc(100% - -16px - (var(--gh-tp-flow-box17) * 0)); }
@media screen and (max-width: 768px) { .tp-flow-pic4 { display: none; } }
@media screen and (max-width: 480px) { .tp-flow-pic4 { border-radius: 4px; display: flex; } }
@media screen and (max-width: 360px) { .tp-flow-pic4 { display: flex; } }

/* tp-flow-box18: 受講スタート 学習開始日にキックオフに参加し、本格的に学習 */
.tp-flow-box18 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-flow-box17) * 0)); --gh-tp-flow-box18: 0px; --gv-tp-flow-box18: 16px; max-width: calc(100% - (var(--gh-tp-flow-box17) * 0)); }
@media screen and (max-width: 480px) { .tp-flow-box18 { gap: 12px; --gh-tp-flow-box18: 0px; --gv-tp-flow-box18: 12px; } }

/* tp-flow-box19: 受講スタート 学習開始日にキックオフに参加し、本格的に学習 */
.tp-flow-box19 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 16px; padding: 0px; --gh-tp-flow-box19: 0px; --gv-tp-flow-box19: 16px; }
@media screen and (max-width: 480px) { .tp-flow-box19 { gap: 12px; --gh-tp-flow-box19: 0px; --gv-tp-flow-box19: 12px; } }

/* tp-flow-txt13: 受講スタート */
.tp-flow-txt13 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.5; text-align: left; width: calc(100% - (var(--gh-tp-flow-box19) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box19) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt13 { font-size: 16px; } }

/* tp-flow-txt14: 学習開始日にキックオフに参加し、本格的に学習が開始になります */
.tp-flow-txt14 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt14 { font-size: 14px; } }

/* tp-flow-txt15: STEP 04 */
.tp-flow-txt15 { background: rgb(67, 187, 201); border-radius: 32px; color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 700; height: auto; line-height: 1.6; padding: 4px 16px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-flow-txt15 { font-size: 14px; } }

/* tp-flow-box20:  */
.tp-flow-box20 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; height: calc(100% - (var(--gv-tp-flow-box7) * 0)); left: 0px; margin: 0px; padding: 16px; position: absolute; top: 0px; width: calc(100% - (var(--gh-tp-flow-box7) * 0)); z-index: -1; --gh-tp-flow-box20: 16px; --gv-tp-flow-box20: 0px; max-width: calc(100% - (var(--gh-tp-flow-box7) * 0)); }
@media screen and (max-width: 1280px) { .tp-flow-box20 { gap: 32px; --gh-tp-flow-box20: 32px; --gv-tp-flow-box20: 0px; } }
@media screen and (max-width: 768px) { .tp-flow-box20 { place-content: center; align-items: center; flex-direction: column; --gh-tp-flow-box20: 0px; --gv-tp-flow-box20: 16px; } }
@media screen and (max-width: 480px) { .tp-flow-box20 { gap: 24px; --gh-tp-flow-box20: 24px; --gv-tp-flow-box20: 0px; } }

/* tp-flow-box21:  */
.tp-flow-box21 { background: #f9f9f9ff; flex: 0 0 auto; height: 2px; width: calc(100% - (var(--gh-tp-flow-box20) * 0)); max-width: calc(100% - (var(--gh-tp-flow-box20) * 0)); }
@media screen and (max-width: 768px) { .tp-flow-box21 { flex: 0 0 auto; height: calc(100% - (var(--gv-tp-flow-box20) * 0)); width: 2px; max-width: 100%; } }
@media screen and (max-width: 480px) { .tp-flow-box21 { flex: 0 0 auto; } }

/* tp-blk14-box1: 夢中になれる仕事を、ここから始めよう 無料カウンセリング  */
.tp-blk14-box1 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; padding: 96px 0px; width: 100%; --gh-tp-blk14-box1: 0px; --gv-tp-blk14-box1: 60px; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-blk14-box1 { background: rgba(255, 255, 255, 0); gap: 24px; padding: 72px 0px; --gh-tp-blk14-box1: 0px; --gv-tp-blk14-box1: 24px; } }

/* tp-blk14-pic1:  */
.tp-blk14-pic1 { height: calc(100% - (var(--gv-tp-blk14-box1) * 0)); left: 0px; position: absolute; top: 0px; width: calc(100% - (var(--gh-tp-blk14-box1) * 0)); z-index: -1; max-width: calc(100% - (var(--gh-tp-blk14-box1) * 0)); }
.tp-blk14-pic1::before { filter: brightness(40%); }

/* tp-blk14-box2: 夢中になれる仕事を、ここから始めよう 無料カウンセリング  */
.tp-blk14-box2 { place-content: center flex-start; align-items: center; background: rgba(34, 34, 34, 0); border-radius: 12px; flex-flow: column; gap: 40px; height: auto; margin: 0px; padding: 64px 40px; width: 1340px; --gh-tp-blk14-box2: 0px; --gv-tp-blk14-box2: 40px; max-width: 100%; }
html.js .tp-blk14-box2:not(.in) { opacity: 0; transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); translate: 0px 20px; --gh-tp-blk14-box2: 0px; --gv-tp-blk14-box2: 40px; }
.tp-blk14-box2.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .tp-blk14-box2 { place-content: center; align-items: center; padding: 0px 48px; --gh-tp-blk14-box2: 0px; --gv-tp-blk14-box2: 40px; } }
@media screen and (max-width: 768px) { .tp-blk14-box2 { flex-flow: column; padding: 0px 48px; --gh-tp-blk14-box2: 0px; --gv-tp-blk14-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-blk14-box2 { border-radius: 8px; gap: 24px; padding: 0px 24px; --gh-tp-blk14-box2: 0px; --gv-tp-blk14-box2: 24px; } }

/* tp-blk14-txt1: 夢中になれる仕事を、ここから始めよう */
.tp-blk14-txt1 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 40px; 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: 768px) { .tp-blk14-txt1 { font-size: 32px; font-weight: 600; } }
@media screen and (max-width: 480px) { .tp-blk14-txt1 { font-size: 20px; margin: 0px 0px 24px; padding: 0px; max-width: 100%; } }

/* tp-blk14-box3: 無料カウンセリング arrow_forward お問い合 */
.tp-blk14-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-tp-blk14-box2) * 0)); --gh-tp-blk14-box3: 16px; --gv-tp-blk14-box3: 0px; max-width: calc(100% - (var(--gh-tp-blk14-box2) * 0)); }
@media screen and (max-width: 480px) { .tp-blk14-box3 { flex-flow: column; gap: 16px; --gh-tp-blk14-box3: 0px; --gv-tp-blk14-box3: 16px; } }

/* tp-blk14-link1: 無料カウンセリング arrow_forward */
.tp-blk14-link1 { place-content: center; align-items: center; background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-blk14-link1: 8px; --gv-tp-blk14-link1: 0px; max-width: 100%; }
.tp-blk14-link1:hover { background: rgb(255, 255, 255); --gh-tp-blk14-link1: 8px; --gv-tp-blk14-link1: 0px; }
@media screen and (max-width: 480px) { .tp-blk14-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); --gh-tp-blk14-link1: 8px; --gv-tp-blk14-link1: 0px; max-width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); } }

/* tp-blk14-txt2: 無料カウンセリング */
.tp-blk14-txt2 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-blk14-link1: 無料カウンセリング arrow_forward */
.tp-blk14-link1:hover .tp-blk14-txt2 { color: rgb(255, 117, 80); }
@media screen and (max-width: 480px) { .tp-blk14-txt2 { font-size: 14px; } }

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

/* tp-blk14-link1: 無料カウンセリング arrow_forward */
.tp-blk14-link1:hover .tp-blk14-icon1 { color: rgb(255, 80, 53); translate: 2px; }

/* tp-blk14-link2: お問い合わせ arrow_forward */
.tp-blk14-link2 { place-content: center; align-items: center; background: rgb(249, 249, 249); border-width: 1px; border-style: solid; border-color: rgb(255, 117, 80); border-radius: 8px; flex-flow: row; gap: 8px; padding: 12px 24px; width: 250px; --gh-tp-blk14-link2: 8px; --gv-tp-blk14-link2: 0px; max-width: 100%; }
.tp-blk14-link2:hover { background: rgb(255, 117, 80); border-width: 1px; border-style: solid; border-color: rgb(249, 249, 249); opacity: 1; --gh-tp-blk14-link2: 8px; --gv-tp-blk14-link2: 0px; }
@media screen and (max-width: 480px) { .tp-blk14-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); --gh-tp-blk14-link2: 8px; --gv-tp-blk14-link2: 0px; max-width: calc(100% - (var(--gh-tp-blk14-box3) * 0)); } }

/* tp-blk14-txt3: お問い合わせ */
.tp-blk14-txt3 { color: rgb(255, 117, 80); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-blk14-link2: お問い合わせ arrow_forward */
.tp-blk14-link2:hover .tp-blk14-txt3 { color: rgb(249, 249, 249); }
@media screen and (max-width: 480px) { .tp-blk14-txt3 { font-size: 14px; } }

/* tp-blk14-icon2: arrow_forward */
.tp-blk14-icon2 { color: rgb(255, 117, 80); font-size: 20px; }

/* tp-blk14-link2: お問い合わせ arrow_forward */
.tp-blk14-link2:hover .tp-blk14-icon2 { color: rgb(255, 255, 255); translate: 2px; }

/* tp-access-box1: ACCESS アクセス 当スクールは、各線「なんば駅」か */
.tp-access-box1 { place-content: center; align-items: center; background: rgb(249, 249, 249); border-radius: 0px; flex-wrap: nowrap; gap: 60px; padding: 144px 0px; width: 100%; --gh-tp-access-box1: 0px; --gv-tp-access-box1: 60px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-access-box1 { padding: 96px 0px; --gh-tp-access-box1: 0px; --gv-tp-access-box1: 60px; } }
@media screen and (max-width: 768px) { .tp-access-box1 { padding: 96px 0px; --gh-tp-access-box1: 0px; --gv-tp-access-box1: 60px; } }
@media screen and (max-width: 480px) { .tp-access-box1 { padding: 72px 0px; --gh-tp-access-box1: 0px; --gv-tp-access-box1: 60px; } }

/* tp-access-sec1: ACCESS アクセス 当スクールは、各線「なんば駅」か */
.tp-access-sec1 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex-flow: column; gap: 64px 0px; height: auto; margin: 0px; padding: 0px 96px; width: 1340px; z-index: 2; --gh-tp-access-sec1: 0px; --gv-tp-access-sec1: 64px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-access-sec1 { padding: 0px 48px; --gh-tp-access-sec1: 0px; --gv-tp-access-sec1: 64px; } }
@media screen and (max-width: 768px) { .tp-access-sec1 { gap: 40px 0px; padding: 0px 48px; --gh-tp-access-sec1: 0px; --gv-tp-access-sec1: 40px; } }
@media screen and (max-width: 480px) { .tp-access-sec1 { gap: 40px 0px; padding: 0px 24px; --gh-tp-access-sec1: 0px; --gv-tp-access-sec1: 40px; } }

/* tp-access-box2: ACCESS アクセス 当スクールは、各線「なんば駅」か */
.tp-access-box2 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 32px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-access-sec1) * 0)); --gh-tp-access-box2: 0px; --gv-tp-access-box2: 32px; max-width: calc(100% - (var(--gh-tp-access-sec1) * 0)); }
@media screen and (max-width: 480px) { .tp-access-box2 { gap: 16px; padding: 0px; --gh-tp-access-box2: 0px; --gv-tp-access-box2: 16px; } }

/* tp-access-box3: ACCESS アクセス */
.tp-access-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-access-box2) * 0)); --gh-tp-access-box3: 0px; --gv-tp-access-box3: 16px; max-width: calc(100% - (var(--gh-tp-access-box2) * 0)); }
@media screen and (max-width: 480px) { .tp-access-box3 { padding: 8px 0px 0px; --gh-tp-access-box3: 0px; --gv-tp-access-box3: 16px; } }

/* tp-access-txt1: ACCESS */
.tp-access-txt1 { color: rgb(51, 51, 51); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-access-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-access-txt1 { font-size: 32px; } }

/* tp-access-box4:  */
.tp-access-box4 { align-items: center; background: rgb(67, 187, 201); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-access-box4 { width: 40px; max-width: 100%; } }

/* tp-access-txt2: アクセス */
.tp-access-txt2 { color: rgb(51, 51, 51); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-access-box3) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-access-box3) * 0)); justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-access-txt2 { font-size: 16px; } }

/* tp-access-box5: 当スクールは、各線「なんば駅」から徒歩1〜3分の好立地にあり */
.tp-access-box5 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-access-box2) * 0)); --gh-tp-access-box5: 0px; --gv-tp-access-box5: 0px; max-width: calc(100% - (var(--gh-tp-access-box2) * 0)); }

/* tp-access-txt3: 当スクールは、各線「なんば駅」から徒歩1〜3分の好立地にあり */
.tp-access-txt3 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 32px; text-align: left; width: calc(100% - (var(--gh-tp-access-box5) * 0)); max-width: calc(100% - (var(--gh-tp-access-box5) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-access-txt3 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-access-txt3 { font-size: 12px; font-weight: 500; line-height: 1.8; } }

/* tp-access-box6: スクール名 AIマンガラボ 郵便番号 556-0016 所在 */
.tp-access-box6 { place-content: stretch flex-start; align-items: stretch; flex: 0 0 auto; flex-flow: row; gap: 80px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-access-sec1) * 0)); --gh-tp-access-box6: 80px; --gv-tp-access-box6: 0px; max-width: calc(100% - (var(--gh-tp-access-sec1) * 0)); }
@media screen and (max-width: 1280px) { .tp-access-box6 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 40px; --gh-tp-access-box6: 0px; --gv-tp-access-box6: 40px; } }
@media screen and (max-width: 480px) { .tp-access-box6 { gap: 32px; margin: 32px 0px 0px; --gh-tp-access-box6: 32px; --gv-tp-access-box6: 0px; width: calc(100% - (var(--gh-tp-access-sec1) * 0)); max-width: calc(100% - (var(--gh-tp-access-sec1) * 0)); } }

/* tp-access-box7: スクール名 AIマンガラボ 郵便番号 556-0016 所在 */
.tp-access-box7 { border-width: 0px; border-style: solid; border-color: rgb(221, 221, 221); border-radius: 4px; flex: 1 1 0%; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-access-box7 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-access-box6) * 0)); max-width: calc(100% - (var(--gh-tp-access-box6) * 0)); } }

/* tp-access-box8: スクール名 AIマンガラボ */
.tp-access-box8 { place-content: flex-start; align-items: flex-start; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(221, 221, 221); flex: 0 0 auto; flex-flow: row; height: auto; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 480px) { .tp-access-box8 { flex: 0 0 auto; flex-flow: column; } }

/* tp-access-txt4: スクール名 */
.tp-access-txt4 { background: transparent; border-width: 0px; border-style: solid; border-color: rgb(221, 221, 221); color: rgb(34, 34, 34); flex: 1 1 0%; font-family: Oswald, sans-serif; font-size: 16px; font-weight: 600; height: auto; letter-spacing: 0.02em; line-height: 1.6; margin: 0px; padding: 16px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-access-txt4 { font-size: 15px; } }
@media screen and (max-width: 480px) { .tp-access-txt4 { flex: 0 0 auto; font-size: 16px; padding: 24px 12px 16px; width: 100%; max-width: 100%; } }

/* tp-access-txt5: AIマンガラボ */
.tp-access-txt5 { color: rgb(34, 34, 34); flex: 4 1 0%; font-family: Oswald, sans-serif; font-size: 14px; font-weight: 400; height: auto; letter-spacing: 0.02em; line-height: 1.6; margin: 0px; padding: 16px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-access-txt5 { font-size: 15px; } }
@media screen and (max-width: 480px) { .tp-access-txt5 { flex: 0 0 auto; font-size: 14px; padding: 0px 12px 24px; width: 100%; max-width: 100%; } }

/* tp-access-box9:  */
.tp-access-box9 { flex: 1 1 0%; height: auto; width: auto; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-access-box9 { flex: 0 0 auto; height: 540px; width: calc(100% - (var(--gh-tp-access-box6) * 0)); max-width: calc(100% - (var(--gh-tp-access-box6) * 0)); } }
@media screen and (max-width: 480px) { .tp-access-box9 { height: 380px; width: calc(100% - (var(--gh-tp-access-box6) * 0)); max-width: calc(100% - (var(--gh-tp-access-box6) * 0)); } }

/* tp-faq-box1: FAQ よくある質問 「未経験でも大丈夫？」「AIツール */
.tp-faq-box1 { align-items: center; background: rgb(255, 255, 255); flex-direction: column; height: auto; justify-content: flex-start; padding: 144px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-faq-box1 { padding: 96px 0px; } }
@media screen and (max-width: 768px) { .tp-faq-box1 { padding: 96px 0px; } }
@media screen and (max-width: 480px) { .tp-faq-box1 { padding: 72px 0px; } }

/* tp-faq-box2: FAQ よくある質問 「未経験でも大丈夫？」「AIツール */
.tp-faq-box2 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px 96px; width: 1340px; --gh-tp-faq-box2: 0px; --gv-tp-faq-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-faq-box2 { padding: 0px 48px; } }
@media screen and (max-width: 768px) { .tp-faq-box2 { gap: 40px; --gh-tp-faq-box2: 0px; --gv-tp-faq-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-faq-box2 { gap: 40px; padding: 0px 24px; --gh-tp-faq-box2: 0px; --gv-tp-faq-box2: 40px; } }

/* tp-faq-box3: FAQ よくある質問 「未経験でも大丈夫？」「AIツール */
.tp-faq-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 32px; height: auto; margin: 0px 0px 64px; padding: 0px; width: calc(100% - (var(--gh-tp-faq-box2) * 0)); --gh-tp-faq-box3: 0px; --gv-tp-faq-box3: 32px; max-width: calc(100% - (var(--gh-tp-faq-box2) * 0)); }
@media screen and (max-width: 768px) { .tp-faq-box3 { margin: 0px; --gh-tp-faq-box3: 0px; --gv-tp-faq-box3: 32px; width: calc(100% - (var(--gh-tp-faq-box2) * 0)); max-width: calc(100% - (var(--gh-tp-faq-box2) * 0)); } }
@media screen and (max-width: 480px) { .tp-faq-box3 { gap: 16px; margin: 0px; padding: 0px; --gh-tp-faq-box3: 0px; --gv-tp-faq-box3: 16px; } }

/* tp-faq-box4: FAQ よくある質問 */
.tp-faq-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-faq-box3) * 0)); --gh-tp-faq-box4: 0px; --gv-tp-faq-box4: 16px; max-width: calc(100% - (var(--gh-tp-faq-box3) * 0)); }
@media screen and (max-width: 480px) { .tp-faq-box4 { padding: 8px 0px 0px; --gh-tp-faq-box4: 0px; --gv-tp-faq-box4: 16px; } }

/* tp-faq-txt1: FAQ */
.tp-faq-txt1 { color: rgb(51, 51, 51); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-faq-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-faq-txt1 { font-size: 32px; } }

/* tp-faq-box5:  */
.tp-faq-box5 { align-items: center; background: rgb(255, 117, 80); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-faq-box5 { width: 40px; max-width: 100%; } }

/* tp-faq-txt2: よくある質問 */
.tp-faq-txt2 { color: rgb(51, 51, 51); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-faq-box4) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-faq-box4) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-faq-txt2 { font-size: 15px; } }
@media screen and (max-width: 480px) { .tp-faq-txt2 { font-size: 16px; } }

/* tp-faq-box6: 「未経験でも大丈夫？」「AIツールを使ったことがないけど不安 */
.tp-faq-box6 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-faq-box3) * 0)); --gh-tp-faq-box6: 0px; --gv-tp-faq-box6: 0px; max-width: calc(100% - (var(--gh-tp-faq-box3) * 0)); }

/* tp-faq-txt3: 「未経験でも大丈夫？」「AIツールを使ったことがないけど不安 */
.tp-faq-txt3 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 32px; text-align: left; width: calc(100% - (var(--gh-tp-faq-box6) * 0)); max-width: calc(100% - (var(--gh-tp-faq-box6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-faq-txt3 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-faq-txt3 { font-size: 12px; font-weight: 500; line-height: 1.8; } }

/* tp-faq-list1: Q まったくの未経験者でも大丈夫ですか？ AIの知識もあり */
.tp-faq-list1 { gap: 24px; padding: 0px; width: calc(100% - (var(--gh-tp-faq-box2) * 0)); --gh-tp-faq-list1: 0px; --gv-tp-faq-list1: 24px; max-width: calc(100% - (var(--gh-tp-faq-box2) * 0)); }
@media screen and (max-width: 768px) { .tp-faq-list1 { width: 100%; --gh-tp-faq-list1: 0px; --gv-tp-faq-list1: 24px; } }

/* tp-faq-item1: Q まったくの未経験者でも大丈夫ですか？ AIの知識もあり */
.tp-faq-item1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(100% - (var(--gh-tp-faq-list1) * 0)); max-width: calc(100% - (var(--gh-tp-faq-list1) * 0)); }

/* tp-faq-box7: Q まったくの未経験者でも大丈夫ですか？ AIの知識もあり */
.tp-faq-box7 { place-content: flex-start; align-items: flex-start; background: transparent; border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: 100%; max-width: 100%; }

/* tp-faq-btn1: Q まったくの未経験者でも大丈夫ですか？ AIの知識もあり */
.tp-faq-btn1 { place-content: center space-between; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 16px; width: 100%; --gh-tp-faq-btn1: 0px; --gv-tp-faq-btn1: 0px; max-width: 100%; }

/* tp-faq-txt4: Q */
.tp-faq-txt4 { color: rgb(67, 187, 201); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 600; height: auto; line-height: 1.5; margin: 0px 16px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-faq-txt4 { margin: 0px 12px 0px 0px; max-width: calc(100% - 12px); } }
@media screen and (max-width: 480px) { .tp-faq-txt4 { font-size: 18px; } }

/* tp-faq-txt5: まったくの未経験者でも大丈夫ですか？ AIの知識もありません */
.tp-faq-txt5 { color: rgb(34, 34, 34); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 500; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-faq-txt5 { font-size: 16px; } }
@media screen and (max-width: 480px) { .tp-faq-txt5 { font-size: 14px; padding: 0px 8px; } }

/* tp-faq-box8:  */
.tp-faq-box8 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; height: 16px; padding: 0px; width: 16px; --gh-tp-faq-box8: 0px; --gv-tp-faq-box8: 0px; max-width: 100%; }

/* tp-faq-box9:  */
.tp-faq-box9 { background: rgb(34, 34, 34); flex: 0 0 auto; height: 16px; opacity: 0; width: 2px; max-width: 100%; }
._isClose.tp-faq-box9 { opacity: 1; }

/* tp-faq-box10:  */
.tp-faq-box10 { place-content: center; align-items: center; bottom: 0px; flex-flow: row; gap: 0px; height: auto; left: 0px; margin: 0px; padding: 0px; position: absolute; top: 0px; --gh-tp-faq-box10: 0px; --gv-tp-faq-box10: 0px; max-width: 100%; }

/* tp-faq-box11:  */
.tp-faq-box11 { background: rgb(34, 34, 34); flex: 0 0 auto; height: 2px; width: 16px; max-width: 100%; }

/* tp-faq-box12: A はい、問題ありません。当スクールは、アニメ・マンガ制作 */
.tp-faq-box12 { place-content: center flex-start; align-items: center; background: transparent; border-width: 1px 0px 0px; border-style: solid; border-color: rgba(34, 34, 34, 0.3); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; overflow: hidden; padding: 0px; width: 100%; max-width: 100%; }
._isClose.tp-faq-box12 { flex: 0 0 auto; height: 0px; }

/* tp-faq-box13: A はい、問題ありません。当スクールは、アニメ・マンガ制作 */
.tp-faq-box13 { place-content: flex-start; align-items: flex-start; background: rgb(255, 246, 231); flex: 0 0 auto; flex-flow: row; height: auto; opacity: 1; padding: 16px; width: 100%; max-width: 100%; }

/* tp-faq-txt6: A */
.tp-faq-txt6 { color: rgb(255, 117, 80); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 600; height: auto; line-height: 1.5; margin: 0px 16px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 16px); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-faq-txt6 { margin: 0px 12px 0px 0px; max-width: calc(100% - 12px); } }
@media screen and (max-width: 480px) { .tp-faq-txt6 { font-size: 18px; } }

/* tp-faq-txt7: はい、問題ありません。当スクールは、アニメ・マンガ制作が初め */
.tp-faq-txt7 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Oswald, sans-serif; font-feature-settings: normal; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px; text-align: left; width: 95%; max-width: 95%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-faq-txt7 { font-size: 12px; padding: 0px 8px; } }

/* tp-contact-box1: CONTACT お問い合わせ ご相談やご質問など、下記フ */
.tp-contact-box1 { place-content: center; align-items: center; background: rgb(255, 246, 231); flex: 0 0 auto; flex-wrap: nowrap; gap: 100px; padding: 144px 0px; width: 100%; --gh-tp-contact-box1: 0px; --gv-tp-contact-box1: 100px; max-width: 100%; }
@media screen and (max-width: 1280px) { .tp-contact-box1 { padding: 96px 0px; --gh-tp-contact-box1: 0px; --gv-tp-contact-box1: 100px; } }
@media screen and (max-width: 768px) { .tp-contact-box1 { padding: 96px 0px; --gh-tp-contact-box1: 0px; --gv-tp-contact-box1: 100px; } }
@media screen and (max-width: 480px) { .tp-contact-box1 { padding: 72px 0px; --gh-tp-contact-box1: 0px; --gv-tp-contact-box1: 100px; } }

/* tp-contact-box2: CONTACT お問い合わせ ご相談やご質問など、下記フ */
.tp-contact-box2 { place-content: center flex-start; align-items: center; background: transparent; flex-flow: column; gap: 64px; height: auto; margin: 0px; padding: 0px 96px; width: 1340px; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 64px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-contact-box2 { flex-flow: column; gap: 40px; padding: 0px 48px; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 40px; } }
@media screen and (max-width: 480px) { .tp-contact-box2 { gap: 40px; padding: 0px 24px; --gh-tp-contact-box2: 0px; --gv-tp-contact-box2: 40px; } }

/* tp-contact-box3: CONTACT お問い合わせ ご相談やご質問など、下記フ */
.tp-contact-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 32px; height: auto; margin: 0px 0px 64px; padding: 0px; width: calc(100% - (var(--gh-tp-contact-box2) * 0)); --gh-tp-contact-box3: 0px; --gv-tp-contact-box3: 32px; max-width: calc(100% - (var(--gh-tp-contact-box2) * 0)); }
@media screen and (max-width: 768px) { .tp-contact-box3 { margin: 0px; --gh-tp-contact-box3: 0px; --gv-tp-contact-box3: 32px; width: calc(100% - (var(--gh-tp-contact-box2) * 0)); max-width: calc(100% - (var(--gh-tp-contact-box2) * 0)); } }
@media screen and (max-width: 480px) { .tp-contact-box3 { gap: 16px; margin: 0px; padding: 0px; --gh-tp-contact-box3: 0px; --gv-tp-contact-box3: 16px; } }

/* tp-contact-box4: CONTACT お問い合わせ */
.tp-contact-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-contact-box3) * 0)); --gh-tp-contact-box4: 0px; --gv-tp-contact-box4: 16px; max-width: calc(100% - (var(--gh-tp-contact-box3) * 0)); }
@media screen and (max-width: 480px) { .tp-contact-box4 { padding: 8px 0px 0px; --gh-tp-contact-box4: 0px; --gv-tp-contact-box4: 16px; } }

/* tp-contact-txt1: CONTACT */
.tp-contact-txt1 { color: rgb(51, 51, 51); font-family: Jost, sans-serif; font-size: 56px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 4px; line-height: 67px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-contact-txt1 { font-size: 40px; } }
@media screen and (max-width: 480px) { .tp-contact-txt1 { font-size: 32px; } }

/* tp-contact-box5:  */
.tp-contact-box5 { align-items: center; background: rgb(67, 187, 201); flex-direction: column; height: 5px; justify-content: center; position: relative; width: 30px; translate: 8px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-contact-box5 { width: 40px; max-width: 100%; } }

/* tp-contact-txt2: お問い合わせ */
.tp-contact-txt2 { color: rgb(51, 51, 51); font-family: Oswald, sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 4px; line-height: 36px; text-align: left; width: calc(100% - (var(--gh-tp-contact-box4) * 0)); translate: 4px; max-width: calc(100% - (var(--gh-tp-contact-box4) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-contact-txt2 { font-size: 15px; } }
@media screen and (max-width: 480px) { .tp-contact-txt2 { font-size: 16px; } }

/* tp-contact-box6: ご相談やご質問など、下記フォームよりお気軽にご相談ください。 */
.tp-contact-box6 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-contact-box3) * 0)); --gh-tp-contact-box6: 0px; --gv-tp-contact-box6: 0px; max-width: calc(100% - (var(--gh-tp-contact-box3) * 0)); }

/* tp-contact-txt3: ご相談やご質問など、下記フォームよりお気軽にご相談ください。 */
.tp-contact-txt3 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 32px; text-align: left; width: calc(100% - (var(--gh-tp-contact-box6) * 0)); max-width: calc(100% - (var(--gh-tp-contact-box6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 768px) { .tp-contact-txt3 { font-size: 14px; } }
@media screen and (max-width: 480px) { .tp-contact-txt3 { font-size: 12px; font-weight: 500; line-height: 1.8; } }

/* tp-contact-form1: 必須 お名前 必須 メールアドレス 任意 電 */
.tp-contact-form1 { place-content: flex-start center; align-items: flex-start; background: transparent; border-radius: 0px; gap: 32px; margin: 0px; opacity: 1; padding: 0px; width: calc(100% - (var(--gh-tp-contact-box2) * 0)); --gh-tp-contact-form1: 0px; --gv-tp-contact-form1: 32px; max-width: calc(100% - (var(--gh-tp-contact-box2) * 0)); }
@media screen and (max-width: 480px) { .tp-contact-form1 { gap: 24px; --gh-tp-contact-form1: 0px; --gv-tp-contact-form1: 24px; } }

/* tp-contact-label1: 必須 お名前 */
.tp-contact-label1 { align-content: flex-start; align-items: flex-start; background: transparent; border-radius: 0px; flex-flow: row; gap: 32px; height: auto; margin: 0px; opacity: 1; overflow: visible; padding: 0px; width: calc(100% - (var(--gh-tp-contact-form1) * 0)); --gh-tp-contact-label1: 32px; --gv-tp-contact-label1: 0px; max-width: calc(100% - (var(--gh-tp-contact-form1) * 0)); }
@media screen and (max-width: 768px) { .tp-contact-label1 { flex-flow: column; gap: 12px; --gh-tp-contact-label1: 0px; --gv-tp-contact-label1: 12px; } }
@media screen and (max-width: 480px) { .tp-contact-label1 { gap: 8px; --gh-tp-contact-label1: 8px; --gv-tp-contact-label1: 0px; } }

/* tp-contact-box7: 必須 お名前 */
.tp-contact-box7 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 8px; margin: 0px; padding: 0px; width: calc(33.33% - (var(--gh-tp-contact-label1) * 0.6667)); --gh-tp-contact-box7: 8px; --gv-tp-contact-box7: 8px; max-width: calc(33.33% - (var(--gh-tp-contact-label1) * 0.6667)); }
@media screen and (max-width: 768px) { .tp-contact-box7 { flex: 0 0 auto; width: auto; --gh-tp-contact-box7: 8px; --gv-tp-contact-box7: 8px; max-width: 100%; } }

/* tp-contact-box8: 必須 */
.tp-contact-box8 { place-content: flex-start; align-items: flex-start; background: rgb(255, 117, 80); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 1000px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-tp-contact-box8: 0px; --gv-tp-contact-box8: 16px; }
@media screen and (max-width: 768px) { .tp-contact-box8 { flex-direction: column; --gh-tp-contact-box8: 0px; --gv-tp-contact-box8: 16px; } }
@media screen and (max-width: 480px) { .tp-contact-box8 { gap: 16px; --gh-tp-contact-box8: 0px; --gv-tp-contact-box8: 16px; } }

/* tp-contact-txt4: 必須 */
.tp-contact-txt4 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt4 { font-size: 11px; } }

/* tp-contact-txt5: お名前 */
.tp-contact-txt5 { border-radius: 0px; color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.75; margin: 0px; opacity: 1; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt5 { font-size: 14px; } }

/* tp-contact-input1:  */
.tp-contact-input1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 400; height: 54px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px 16px; text-align: left; width: auto; max-width: 100%; }
.tp-contact-input1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.tp-contact-input1::-webkit-input-placeholder { color: rgb(204, 204, 204); }
@media screen and (max-width: 768px) { .tp-contact-input1 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-contact-label1) * 0)); max-width: calc(100% - (var(--gh-tp-contact-label1) * 0)); } }

/* tp-contact-label2: 必須 メールアドレス */
.tp-contact-label2 { align-content: flex-start; align-items: flex-start; background: transparent; border-radius: 0px; flex-flow: row; gap: 32px; height: auto; margin: 0px; opacity: 1; overflow: visible; padding: 0px; width: calc(100% - (var(--gh-tp-contact-form1) * 0)); --gh-tp-contact-label2: 32px; --gv-tp-contact-label2: 0px; max-width: calc(100% - (var(--gh-tp-contact-form1) * 0)); }
@media screen and (max-width: 768px) { .tp-contact-label2 { flex-flow: column; gap: 12px; --gh-tp-contact-label2: 0px; --gv-tp-contact-label2: 12px; } }
@media screen and (max-width: 480px) { .tp-contact-label2 { gap: 8px; --gh-tp-contact-label2: 8px; --gv-tp-contact-label2: 0px; } }

/* tp-contact-box9: 必須 メールアドレス */
.tp-contact-box9 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 8px; margin: 0px; padding: 0px; width: calc(33.33% - (var(--gh-tp-contact-label2) * 0.6667)); --gh-tp-contact-box9: 8px; --gv-tp-contact-box9: 8px; max-width: calc(33.33% - (var(--gh-tp-contact-label2) * 0.6667)); }
@media screen and (max-width: 768px) { .tp-contact-box9 { flex: 0 0 auto; width: auto; --gh-tp-contact-box9: 8px; --gv-tp-contact-box9: 8px; max-width: 100%; } }

/* tp-contact-box10: 必須 */
.tp-contact-box10 { place-content: flex-start; align-items: flex-start; background: rgb(255, 117, 80); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 1000px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-tp-contact-box10: 0px; --gv-tp-contact-box10: 16px; }
@media screen and (max-width: 768px) { .tp-contact-box10 { flex-direction: column; --gh-tp-contact-box10: 0px; --gv-tp-contact-box10: 16px; } }
@media screen and (max-width: 480px) { .tp-contact-box10 { gap: 16px; --gh-tp-contact-box10: 0px; --gv-tp-contact-box10: 16px; } }

/* tp-contact-txt6: 必須 */
.tp-contact-txt6 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt6 { font-size: 11px; } }

/* tp-contact-txt7: メールアドレス */
.tp-contact-txt7 { border-radius: 0px; color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.75; margin: 0px; opacity: 1; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt7 { font-size: 14px; } }

/* tp-contact-input2:  */
.tp-contact-input2 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 400; height: 54px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px 16px; text-align: left; width: auto; max-width: 100%; }
.tp-contact-input2:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.tp-contact-input2::-webkit-input-placeholder { color: rgb(204, 204, 204); }
@media screen and (max-width: 768px) { .tp-contact-input2 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-contact-label2) * 0)); max-width: calc(100% - (var(--gh-tp-contact-label2) * 0)); } }

/* tp-contact-label3: 任意 電話番号 */
.tp-contact-label3 { align-content: flex-start; align-items: flex-start; background: transparent; border-radius: 0px; flex-flow: row; gap: 32px; height: auto; margin: 0px; opacity: 1; overflow: visible; padding: 0px; width: calc(100% - (var(--gh-tp-contact-form1) * 0)); --gh-tp-contact-label3: 32px; --gv-tp-contact-label3: 0px; max-width: calc(100% - (var(--gh-tp-contact-form1) * 0)); }
@media screen and (max-width: 768px) { .tp-contact-label3 { flex-flow: column; gap: 12px; --gh-tp-contact-label3: 0px; --gv-tp-contact-label3: 12px; } }
@media screen and (max-width: 480px) { .tp-contact-label3 { gap: 8px; --gh-tp-contact-label3: 8px; --gv-tp-contact-label3: 0px; } }

/* tp-contact-box11: 任意 電話番号 */
.tp-contact-box11 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 8px; margin: 0px; padding: 0px; width: calc(33.33% - (var(--gh-tp-contact-label3) * 0.6667)); --gh-tp-contact-box11: 8px; --gv-tp-contact-box11: 8px; max-width: calc(33.33% - (var(--gh-tp-contact-label3) * 0.6667)); }
@media screen and (max-width: 768px) { .tp-contact-box11 { flex: 0 0 auto; width: auto; --gh-tp-contact-box11: 8px; --gv-tp-contact-box11: 8px; max-width: 100%; } }

/* tp-contact-box12: 任意 */
.tp-contact-box12 { place-content: flex-start; align-items: flex-start; background: rgb(230, 230, 230); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 1000px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-tp-contact-box12: 0px; --gv-tp-contact-box12: 16px; }
@media screen and (max-width: 768px) { .tp-contact-box12 { flex-direction: column; --gh-tp-contact-box12: 0px; --gv-tp-contact-box12: 16px; } }
@media screen and (max-width: 480px) { .tp-contact-box12 { gap: 16px; --gh-tp-contact-box12: 0px; --gv-tp-contact-box12: 16px; } }

/* tp-contact-txt8: 任意 */
.tp-contact-txt8 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt8 { font-size: 11px; } }

/* tp-contact-txt9: 電話番号 */
.tp-contact-txt9 { border-radius: 0px; color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.75; margin: 0px; opacity: 1; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt9 { font-size: 14px; } }

/* tp-contact-input3:  */
.tp-contact-input3 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 400; height: 54px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px 16px; text-align: left; width: auto; max-width: 100%; }
.tp-contact-input3:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.tp-contact-input3::-webkit-input-placeholder { color: rgb(204, 204, 204); }
@media screen and (max-width: 768px) { .tp-contact-input3 { flex: 0 0 auto; width: calc(100% - (var(--gh-tp-contact-label3) * 0)); max-width: calc(100% - (var(--gh-tp-contact-label3) * 0)); } }

/* tp-contact-label4: 任意 お問い合わせ内容 */
.tp-contact-label4 { align-content: flex-start; align-items: flex-start; background: transparent; border-radius: 0px; flex-flow: row; gap: 32px; height: auto; margin: 0px; opacity: 1; overflow: visible; padding: 0px; width: calc(100% - (var(--gh-tp-contact-form1) * 0)); --gh-tp-contact-label4: 32px; --gv-tp-contact-label4: 0px; max-width: calc(100% - (var(--gh-tp-contact-form1) * 0)); }
@media screen and (max-width: 768px) { .tp-contact-label4 { flex-flow: column; gap: 12px; --gh-tp-contact-label4: 0px; --gv-tp-contact-label4: 12px; } }
@media screen and (max-width: 480px) { .tp-contact-label4 { gap: 8px; --gh-tp-contact-label4: 8px; --gv-tp-contact-label4: 0px; } }

/* tp-contact-box13: 任意 お問い合わせ内容 */
.tp-contact-box13 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 8px; margin: 0px; padding: 0px; width: calc(33.33% - (var(--gh-tp-contact-label4) * 0.6667)); --gh-tp-contact-box13: 8px; --gv-tp-contact-box13: 8px; max-width: calc(33.33% - (var(--gh-tp-contact-label4) * 0.6667)); }
@media screen and (max-width: 768px) { .tp-contact-box13 { flex: 0 0 auto; width: auto; --gh-tp-contact-box13: 8px; --gv-tp-contact-box13: 8px; max-width: 100%; } }

/* tp-contact-box14: 任意 */
.tp-contact-box14 { place-content: flex-start; align-items: flex-start; background: rgb(230, 230, 230); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 1000px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-tp-contact-box14: 0px; --gv-tp-contact-box14: 16px; }
@media screen and (max-width: 768px) { .tp-contact-box14 { flex-direction: column; --gh-tp-contact-box14: 0px; --gv-tp-contact-box14: 16px; } }
@media screen and (max-width: 480px) { .tp-contact-box14 { gap: 16px; --gh-tp-contact-box14: 0px; --gv-tp-contact-box14: 16px; } }

/* tp-contact-txt10: 任意 */
.tp-contact-txt10 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt10 { font-size: 11px; } }

/* tp-contact-txt11: お問い合わせ内容 */
.tp-contact-txt11 { border-radius: 0px; color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.75; margin: 0px; opacity: 1; padding: 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt11 { font-size: 14px; } }

/* tp-contact-textarea1:  */
.tp-contact-textarea1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(102, 102, 102); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 1 1 0%; font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 16px; font-weight: 400; height: 200px; justify-content: center; letter-spacing: 0em; line-height: 1.75; opacity: 1; overflow: hidden auto; padding: 16px; text-align: left; text-shadow: none; width: auto; max-width: 100%; }
.tp-contact-textarea1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.tp-contact-textarea1::-webkit-input-placeholder { color: rgb(204, 204, 204); }
@media screen and (max-width: 768px) { .tp-contact-textarea1 { flex: 0 0 auto; height: 200px; width: calc(100% - (var(--gh-tp-contact-label4) * 0)); max-width: calc(100% - (var(--gh-tp-contact-label4) * 0)); } }

/* tp-contact-label5: プライバシーポリシー に同意する */
.tp-contact-label5 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-direction: row; gap: 12px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-contact-form1) * 0)); --gh-tp-contact-label5: 12px; --gv-tp-contact-label5: 0px; max-width: calc(100% - (var(--gh-tp-contact-form1) * 0)); }

/* tp-contact-input4:  */
.tp-contact-input4 { flex: 0 0 auto; height: 16px; margin: 5px 0px 0px; padding: 0px; width: 16px; max-width: 100%; }

/* tp-contact-box15: プライバシーポリシー に同意する */
.tp-contact-box15 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 0px; padding: 0px; --gh-tp-contact-box15: 0px; --gv-tp-contact-box15: 0px; }

/* tp-contact-txt12: プライバシーポリシー */
.tp-contact-txt12 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt12 { font-size: 14px; } }

/* tp-contact-txt13: に同意する */
.tp-contact-txt13 { color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt13 { font-size: 14px; } }

/* tp-contact-btn1: 送信する */
.tp-contact-btn1 { background: rgb(34, 34, 34); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 15px; font-weight: 400; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 12px; text-align: left; width: calc(100% - (var(--gh-tp-contact-form1) * 0)); max-width: calc(100% - (var(--gh-tp-contact-form1) * 0)); }
.tp-contact-btn1:hover { background: rgb(67, 187, 201); translate: 0px; }

/* tp-contact-txt14: 送信する */
.tp-contact-txt14 { color: rgb(255, 255, 255); font-family: Oswald, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 480px) { .tp-contact-txt14 { font-size: 14px; } }

/* tp-ft-footer1: さぁ夢も、デザインしよう。 AIマンガラボが、あなたと一緒に */
.tp-ft-footer1 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-wrap: nowrap; gap: 0px; margin: 0px; padding: 0px; width: 100%; --gh-tp-ft-footer1: 0px; --gv-tp-ft-footer1: 0px; max-width: 100%; }

/* tp-ft-box1: さぁ夢も、デザインしよう。 AIマンガラボが、あなたと一緒に */
.tp-ft-box1 { place-content: center flex-start; align-items: center; background: transparent; flex-flow: column; gap: 24px; height: auto; margin: 0px; padding: 48px 96px; width: 1340px; --gh-tp-ft-box1: 0px; --gv-tp-ft-box1: 24px; max-width: 100%; }
@media screen and (max-width: 768px) { .tp-ft-box1 { place-content: flex-start; align-items: flex-start; flex-flow: column; padding: 48px; --gh-tp-ft-box1: 0px; --gv-tp-ft-box1: 24px; } }
@media screen and (max-width: 480px) { .tp-ft-box1 { padding: 48px 24px; --gh-tp-ft-box1: 0px; --gv-tp-ft-box1: 24px; } }

/* tp-ft-box2: さぁ夢も、デザインしよう。 AIマンガラボが、あなたと一緒に */
.tp-ft-box2 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 24px; height: auto; padding: 0px; width: calc(100% - (var(--gh-tp-ft-box1) * 0)); --gh-tp-ft-box2: 0px; --gv-tp-ft-box2: 24px; max-width: calc(100% - (var(--gh-tp-ft-box1) * 0)); }
@media screen and (max-width: 768px) { .tp-ft-box2 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 40px; --gh-tp-ft-box2: 0px; --gv-tp-ft-box2: 40px; } }

/* tp-ft-nav1: さぁ夢も、デザインしよう。 AIマンガラボが、あなたと一緒に */
.tp-ft-nav1 { place-content: stretch space-between; align-items: stretch; flex-flow: row; gap: 60px; padding: 0px; width: calc(100% - (var(--gh-tp-ft-box2) * 0)); --gh-tp-ft-nav1: 60px; --gv-tp-ft-nav1: 0px; max-width: calc(100% - (var(--gh-tp-ft-box2) * 0)); }
@media screen and (max-width: 768px) { .tp-ft-nav1 { place-content: flex-start; align-items: flex-start; flex-flow: column-reverse; gap: 50px; --gh-tp-ft-nav1: 0px; --gv-tp-ft-nav1: 50px; } }

/* tp-ft-box3: さぁ夢も、デザインしよう。 AIマンガラボが、あなたと一緒に */
.tp-ft-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 24px; padding: 0px; --gh-tp-ft-box3: 0px; --gv-tp-ft-box3: 24px; }
@media screen and (max-width: 768px) { .tp-ft-box3 { place-content: flex-start; align-items: flex-start; flex-direction: column; gap: 24px; --gh-tp-ft-box3: 0px; --gv-tp-ft-box3: 24px; } }

/* tp-ft-pic1:  */
.tp-ft-pic1 { height: 120px; width: 160px; max-width: 100%; }

/* tp-ft-txt1: さぁ夢も、デザインしよう。 AIマンガラボが、あなたと一緒に */
.tp-ft-txt1 { color: rgb(40, 40, 40); flex: 0 0 auto; font-family: Oswald, sans-serif; font-size: 15px; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.8; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-ft-link1: トップへ戻る arrow_upward arrow_upw */
.tp-ft-link1 { place-content: center; align-items: center; background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 8px; flex-flow: row; gap: 4px; height: 56px; margin: 0px; overflow: hidden; padding: 8px 16px; width: 210px; --gh-tp-ft-link1: 4px; --gv-tp-ft-link1: 0px; max-width: 100%; }
.tp-ft-link1:hover { opacity: 1; --gh-tp-ft-link1: 4px; --gv-tp-ft-link1: 0px; }
@media screen and (max-width: 480px) { .tp-ft-link1 { margin: 0px; width: calc(100% - (var(--gh-tp-ft-nav1) * 0)); --gh-tp-ft-link1: 4px; --gv-tp-ft-link1: 0px; max-width: calc(100% - (var(--gh-tp-ft-nav1) * 0)); } }

/* tp-ft-box4:  */
.tp-ft-box4 { place-content: center flex-end; align-items: center; background: transparent; border-width: 1px; border-style: solid; border-color: rgb(67, 187, 201); border-radius: 8px; inset: 0px; flex-flow: row; gap: 12px; height: auto; margin: 0px; padding: 1px; position: absolute; width: auto; z-index: -1; --gh-tp-ft-box4: 12px; --gv-tp-ft-box4: 0px; max-width: 100%; }

/* tp-ft-box5:  */
.tp-ft-box5 { background: rgb(67, 187, 201); border-radius: 8px; flex: 0 0 auto; height: 32px; margin: 0px 14px 0px 0px; position: relative; width: 32px; max-width: calc(100% - 14px); }

/* tp-ft-link1: トップへ戻る arrow_upward arrow_upw */
.tp-ft-link1:hover .tp-ft-box5 { flex: 0 0 auto; height: calc(100% - (var(--gv-tp-ft-box4) * 0)); margin: 0px; width: calc(100% - (var(--gh-tp-ft-box4) * 0)); max-width: calc(100% - (var(--gh-tp-ft-box4) * 0)); }

/* tp-ft-txt2: トップへ戻る */
.tp-ft-txt2 { color: rgb(14, 111, 147); flex: 1 1 0%; font-family: Oswald, sans-serif; font-size: 15px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.8; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* tp-ft-link1: トップへ戻る arrow_upward arrow_upw */
.tp-ft-link1:hover .tp-ft-txt2 { color: rgb(255, 255, 255); }

/* tp-ft-box6: arrow_upward arrow_upward */
.tp-ft-box6 { place-content: center; align-items: center; background: transparent; border-width: 0px; border-style: solid; border-color: transparent; border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: 32px; margin: 0px; overflow: hidden; padding: 0px; position: relative; width: 32px; max-width: 100%; }

/* tp-ft-link1: トップへ戻る arrow_upward arrow_upw */
.tp-ft-link1:hover .tp-ft-box6 { transition-delay: 100ms; }

/* tp-ft-box7: arrow_upward */
.tp-ft-box7 { place-content: center; align-items: center; inset: 0px; flex-flow: row; height: auto; padding: 0px; position: absolute; width: auto; z-index: 1; translate: 0px 32px; max-width: 100%; }

/* tp-ft-link1: トップへ戻る arrow_upward arrow_upw */
.tp-ft-link1:hover .tp-ft-box7 { transition-delay: 100ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px; scale: 1.4; }

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

/* tp-ft-box8: arrow_upward */
.tp-ft-box8 { place-content: center; align-items: center; flex-flow: row; height: 100%; left: 0px; padding: 0px; position: absolute; top: 0px; width: 100%; z-index: 1; max-width: 100%; }

/* tp-ft-link1: トップへ戻る arrow_upward arrow_upw */
.tp-ft-link1:hover .tp-ft-box8 { transition-delay: 200ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px -32px; scale: 1.4; }

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

/* tp-ft-box9: お問い合わせ 運営会社 open_in_new プライ */
.tp-ft-box9 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-tp-ft-box2) * 0)); --gh-tp-ft-box9: 32px; --gv-tp-ft-box9: 0px; max-width: calc(100% - (var(--gh-tp-ft-box2) * 0)); }
@media screen and (max-width: 768px) { .tp-ft-box9 { place-content: flex-start space-around; align-items: flex-start; flex-flow: column; gap: 20px; --gh-tp-ft-box9: 0px; --gv-tp-ft-box9: 20px; } }

/* tp-ft-list1: お問い合わせ 運営会社 open_in_new プライ */
.tp-ft-list1 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 24px; padding: 0px; --gh-tp-ft-list1: 24px; --gv-tp-ft-list1: 24px; }
@media screen and (max-width: 768px) { .tp-ft-list1 { place-content: flex-start; align-items: flex-start; flex-flow: wrap; width: calc(100% - (var(--gh-tp-ft-box9) * 0)); --gh-tp-ft-list1: 24px; --gv-tp-ft-list1: 24px; max-width: calc(100% - (var(--gh-tp-ft-box9) * 0)); } }

/* tp-ft-link2: お問い合わせ */
.tp-ft-link2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-tp-ft-link2: 24px; --gv-tp-ft-link2: 0px; }
@media screen and (max-width: 768px) { .tp-ft-link2 { place-content: flex-start; align-items: flex-start; flex-direction: row; --gh-tp-ft-link2: 24px; --gv-tp-ft-link2: 0px; } }

/* tp-ft-box10: お問い合わせ */
.tp-ft-box10 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-ft-box10: 4px; --gv-tp-ft-box10: 0px; }
.tp-ft-box10:hover { transition-duration: 300ms; transition-timing-function: ease-in-out; --gh-tp-ft-box10: 4px; --gv-tp-ft-box10: 0px; }
@media screen and (max-width: 768px) { .tp-ft-box10 { place-content: center flex-start; align-items: center; flex-direction: row; --gh-tp-ft-box10: 4px; --gv-tp-ft-box10: 0px; } }

/* tp-ft-txt3: お問い合わせ */
.tp-ft-txt3 { border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.8; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-ft-box10: お問い合わせ */
.tp-ft-box10:hover .tp-ft-txt3 { color: rgb(14, 111, 147); transition-duration: 300ms; transition-timing-function: ease-in-out; }

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

/* tp-ft-box11: 運営会社 open_in_new */
.tp-ft-box11 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-ft-box11: 4px; --gv-tp-ft-box11: 0px; }
.tp-ft-box11:hover { transition-duration: 300ms; transition-timing-function: ease-in-out; --gh-tp-ft-box11: 4px; --gv-tp-ft-box11: 0px; }
@media screen and (max-width: 768px) { .tp-ft-box11 { place-content: center flex-start; align-items: center; flex-direction: row; --gh-tp-ft-box11: 4px; --gv-tp-ft-box11: 0px; } }

/* tp-ft-txt4: 運営会社 */
.tp-ft-txt4 { border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.8; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-ft-box11: 運営会社 open_in_new */
.tp-ft-box11:hover .tp-ft-txt4 { color: rgb(14, 111, 147); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* tp-ft-icon3: open_in_new */
.tp-ft-icon3 { color: rgb(34, 34, 34); font-size: 14px; rotate: 0deg; }

/* tp-ft-box11: 運営会社 open_in_new */
.tp-ft-box11:hover .tp-ft-icon3 { color: rgb(14, 111, 147); transition-duration: 300ms; transition-timing-function: ease-in-out; }

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

/* tp-ft-box12: プライバシーポリシー open_in_new */
.tp-ft-box12 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-ft-box12: 4px; --gv-tp-ft-box12: 0px; }
.tp-ft-box12:hover { transition-duration: 300ms; transition-timing-function: ease-in-out; --gh-tp-ft-box12: 4px; --gv-tp-ft-box12: 0px; }
@media screen and (max-width: 768px) { .tp-ft-box12 { place-content: center flex-start; align-items: center; flex-direction: row; --gh-tp-ft-box12: 4px; --gv-tp-ft-box12: 0px; } }

/* tp-ft-txt5: プライバシーポリシー */
.tp-ft-txt5 { border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.8; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-ft-box12: プライバシーポリシー open_in_new */
.tp-ft-box12:hover .tp-ft-txt5 { color: rgb(14, 111, 147); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* tp-ft-icon4: open_in_new */
.tp-ft-icon4 { color: rgb(34, 34, 34); font-size: 14px; rotate: 0deg; }

/* tp-ft-box12: プライバシーポリシー open_in_new */
.tp-ft-box12:hover .tp-ft-icon4 { color: rgb(14, 111, 147); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* tp-ft-item1: 利用規約open_in_new */
.tp-ft-item1 { place-content: center flex-start; align-items: center; display: none; flex-flow: row; gap: 24px; padding: 0px; --gh-tp-ft-item1: 24px; --gv-tp-ft-item1: 0px; }
@media screen and (max-width: 1280px) { .tp-ft-item1 { display: none; --gh-tp-ft-item1: 24px; --gv-tp-ft-item1: 0px; } }
@media screen and (max-width: 768px) { .tp-ft-item1 { place-content: flex-start; align-items: flex-start; display: none; flex-direction: row; --gh-tp-ft-item1: 24px; --gv-tp-ft-item1: 0px; } }
@media screen and (max-width: 480px) { .tp-ft-item1 { display: none; --gh-tp-ft-item1: 24px; --gv-tp-ft-item1: 0px; } }
@media screen and (max-width: 360px) { .tp-ft-item1 { display: none; --gh-tp-ft-item1: 24px; --gv-tp-ft-item1: 0px; } }

/* tp-ft-box13: 利用規約open_in_new */
.tp-ft-box13 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 4px; padding: 0px; --gh-tp-ft-box13: 4px; --gv-tp-ft-box13: 0px; }
.tp-ft-box13:hover { transition-duration: 300ms; transition-timing-function: ease-in-out; --gh-tp-ft-box13: 4px; --gv-tp-ft-box13: 0px; }
@media screen and (max-width: 768px) { .tp-ft-box13 { place-content: center flex-start; align-items: center; flex-direction: row; --gh-tp-ft-box13: 4px; --gv-tp-ft-box13: 0px; } }

/* tp-ft-txt6: 利用規約 */
.tp-ft-txt6 { border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); color: rgb(34, 34, 34); font-family: Oswald, sans-serif; font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.8; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-ft-box13: 利用規約open_in_new */
.tp-ft-box13:hover .tp-ft-txt6 { color: rgb(14, 111, 147); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* tp-ft-icon5: open_in_new */
.tp-ft-icon5 { color: rgb(34, 34, 34); font-size: 14px; rotate: 0deg; }

/* tp-ft-box13: 利用規約open_in_new */
.tp-ft-box13:hover .tp-ft-icon5 { color: rgb(14, 111, 147); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* tp-ft-txt7: © 株式会社ヴィレグループ */
.tp-ft-txt7 { color: rgb(164, 164, 164); font-family: Oswald, sans-serif; font-size: 14px; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1.8; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* tp-ft-box14: AI MANGA LABO */
.tp-ft-box14 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 24px; margin: 0px 0px -24px; padding: 0px; position: relative; width: calc(100% - (var(--gh-tp-ft-footer1) * 0)); --gh-tp-ft-box14: 0px; --gv-tp-ft-box14: 24px; max-width: calc(100% - (var(--gh-tp-ft-footer1) * 0)); }
@media screen and (max-width: 768px) { .tp-ft-box14 { place-content: center flex-start; align-items: center; flex-direction: column; --gh-tp-ft-box14: 0px; --gv-tp-ft-box14: 24px; } }

/* tp-ft-txt8: AI MANGA LABO */
.tp-ft-txt8 { color: transparent; font-family: Lato, sans-serif; font-feature-settings: "palt"; font-size: 9vw; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: normal; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; 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)); background-clip: text; -webkit-background-clip: text; --g-color-0: #dcdbdbff; --g-position-0: 0%; --g-color-1: rgb(251, 251, 251); --g-position-1: 62%; --g-color-2: #ffffffff; --g-position-2: 86%; --g-color-3: #ffffffff; --g-position-3: 86%; --g-color-4: #ffffffff; --g-position-4: 86%; --g-color-5: #ffffffff; --g-position-5: 86%; --g-color-6: #ffffffff; --g-position-6: 86%; --g-color-7: #ffffffff; --g-position-7: 86%; --g-color-8: #ffffffff; --g-position-8: 86%; --g-color-9: #ffffffff; --g-position-9: 86%; --g-color-10: #ffffffff; --g-position-10: 86%; --g-color-11: #ffffffff; --g-position-11: 86%; --g-angle: 180deg; }
html.js .tp-ft-txt8:not(.in) { opacity: 0; transition-duration: 1000ms; transition-timing-function: ease-in-out; translate: 50px; }
.tp-ft-txt8.in-active { transition-duration: 1000ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 480px) { .tp-ft-txt8 { font-size: 11px; } }