/* =========================================================
   lp.css  サクッと受発注 LP（/lp） 専用。クラス名はすべて lp- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* lp-root: サクッと受発注とは 特徴 料金 機能一覧 ログイン  */
.lp-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* lp-blk0-box1: サクッと受発注とは 特徴 料金 機能一覧 ログイン  */
.lp-blk0-box1 { place-content: center; align-items: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-flow: row; height: 64px; left: 0px; margin: 0px; position: fixed; top: 0px; width: 100%; max-width: 100%; }

/* lp-blk0-box2: サクッと受発注とは 特徴 料金 機能一覧 ログイン  */
.lp-blk0-box2 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; padding: 0px; width: 86%; max-width: 86%; }
@media screen and (max-width: 540px) { .lp-blk0-box2 { flex: 0 0 auto; width: 90%; max-width: 90%; } }

/* lp-blk0-pic1:  */
.lp-blk0-pic1 { height: 54px; width: 87px; max-width: 100%; }
.lp-blk0-pic1::before { background-position: left center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 360px) { .lp-blk0-pic1 { height: 42px; width: 52px; max-width: 100%; } }

/* lp-blk0-box3: サクッと受発注とは 特徴 料金 機能一覧 ログイン  */
.lp-blk0-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-direction: row; gap: 0px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-lp-blk0-box3: 0px; --gv-lp-blk0-box3: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk0-box3 { flex: 0 0 auto; flex-wrap: wrap; gap: 40px 0px; width: auto; --gh-lp-blk0-box3: 0px; --gv-lp-blk0-box3: 40px; } }
@media screen and (max-width: 540px) { .lp-blk0-box3 { gap: 16px 0px; margin: 0px; padding: 0px; --gh-lp-blk0-box3: 0px; --gv-lp-blk0-box3: 0px; } }

/* lp-blk0-box4: サクッと受発注とは 特徴 料金 機能一覧 */
.lp-blk0-box4 { place-content: center; align-items: center; flex-flow: row; gap: 20px; padding: 0px; --gh-lp-blk0-box4: 20px; --gv-lp-blk0-box4: 0px; }
@media screen and (max-width: 760px) { .lp-blk0-box4 { display: none; gap: 40px 0px; --gh-lp-blk0-box4: 0px; --gv-lp-blk0-box4: 0px; } }
@media screen and (max-width: 540px) { .lp-blk0-box4 { display: none; gap: 16px 0px; --gh-lp-blk0-box4: 0px; --gv-lp-blk0-box4: 0px; } }
@media screen and (max-width: 360px) { .lp-blk0-box4 { display: none; --gh-lp-blk0-box4: 20px; --gv-lp-blk0-box4: 0px; } }

/* lp-blk0-link1: サクッと受発注とは */
.lp-blk0-link1 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-lp-blk0-link1: 0px; --gv-lp-blk0-link1: 0px; }
.lp-blk0-link1:hover { background: rgba(0, 0, 0, 0); --gh-lp-blk0-link1: 0px; --gv-lp-blk0-link1: 0px; }
@media screen and (max-width: 760px) { .lp-blk0-link1 { gap: 40px 0px; --gh-lp-blk0-link1: 0px; --gv-lp-blk0-link1: 40px; } }
@media screen and (max-width: 540px) { .lp-blk0-link1 { gap: 16px 0px; --gh-lp-blk0-link1: 0px; --gv-lp-blk0-link1: 16px; } }

/* lp-blk0-txt1: サクッと受発注とは */
.lp-blk0-txt1 { color: rgb(0, 18, 43); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 20px; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk0-txt1 { flex: 0 0 auto; font-size: 13px; width: calc(100% - (var(--gh-lp-blk0-link1) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link1) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk0-txt1 { font-size: 13px; } }

/* lp-blk0-box5:  */
.lp-blk0-box5 { background: rgb(40, 98, 222); flex: 0 0 auto; height: 1px; scale: 1e-10 1; transform-origin: left center; width: calc(100% - (var(--gh-lp-blk0-link1) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link1) * 0)); }

/* lp-blk0-link1: サクッと受発注とは */
.lp-blk0-link1:hover .lp-blk0-box5 { scale: 1; transition-duration: 400ms; }

/* lp-blk0-link2: 特徴 */
.lp-blk0-link2 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-lp-blk0-link2: 0px; --gv-lp-blk0-link2: 0px; }
.lp-blk0-link2:hover { background: rgba(0, 0, 0, 0); --gh-lp-blk0-link2: 0px; --gv-lp-blk0-link2: 0px; }
@media screen and (max-width: 760px) { .lp-blk0-link2 { gap: 40px 0px; --gh-lp-blk0-link2: 0px; --gv-lp-blk0-link2: 40px; } }
@media screen and (max-width: 540px) { .lp-blk0-link2 { gap: 16px 0px; --gh-lp-blk0-link2: 0px; --gv-lp-blk0-link2: 16px; } }

/* lp-blk0-txt2: 特徴 */
.lp-blk0-txt2 { color: rgb(0, 18, 43); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 20px; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk0-txt2 { flex: 0 0 auto; font-size: 13px; width: calc(100% - (var(--gh-lp-blk0-link2) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link2) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk0-txt2 { font-size: 13px; } }

/* lp-blk0-box6:  */
.lp-blk0-box6 { background: rgb(40, 98, 222); flex: 0 0 auto; height: 1px; scale: 1e-10 1; transform-origin: left center; width: calc(100% - (var(--gh-lp-blk0-link2) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link2) * 0)); }

/* lp-blk0-link2: 特徴 */
.lp-blk0-link2:hover .lp-blk0-box6 { scale: 1; transition-duration: 400ms; }

/* lp-blk0-link3: 料金 */
.lp-blk0-link3 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-lp-blk0-link3: 0px; --gv-lp-blk0-link3: 0px; }
.lp-blk0-link3:hover { background: rgba(0, 0, 0, 0); --gh-lp-blk0-link3: 0px; --gv-lp-blk0-link3: 0px; }
@media screen and (max-width: 760px) { .lp-blk0-link3 { gap: 40px 0px; --gh-lp-blk0-link3: 0px; --gv-lp-blk0-link3: 40px; } }
@media screen and (max-width: 540px) { .lp-blk0-link3 { gap: 16px 0px; --gh-lp-blk0-link3: 0px; --gv-lp-blk0-link3: 16px; } }

/* lp-blk0-txt3: 料金 */
.lp-blk0-txt3 { color: rgb(0, 18, 43); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 20px; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk0-txt3 { flex: 0 0 auto; font-size: 13px; width: calc(100% - (var(--gh-lp-blk0-link3) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link3) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk0-txt3 { font-size: 13px; } }

/* lp-blk0-box7:  */
.lp-blk0-box7 { background: rgb(40, 98, 222); flex: 0 0 auto; height: 1px; scale: 1e-10 1; transform-origin: left center; width: calc(100% - (var(--gh-lp-blk0-link3) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link3) * 0)); }

/* lp-blk0-link3: 料金 */
.lp-blk0-link3:hover .lp-blk0-box7 { scale: 1; transition-duration: 400ms; }

/* lp-blk0-link4: 機能一覧 */
.lp-blk0-link4 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-lp-blk0-link4: 0px; --gv-lp-blk0-link4: 0px; }
.lp-blk0-link4:hover { background: rgba(0, 0, 0, 0); --gh-lp-blk0-link4: 0px; --gv-lp-blk0-link4: 0px; }
@media screen and (max-width: 760px) { .lp-blk0-link4 { gap: 40px 0px; --gh-lp-blk0-link4: 0px; --gv-lp-blk0-link4: 40px; } }
@media screen and (max-width: 540px) { .lp-blk0-link4 { gap: 16px 0px; --gh-lp-blk0-link4: 0px; --gv-lp-blk0-link4: 16px; } }

/* lp-blk0-txt4: 機能一覧 */
.lp-blk0-txt4 { color: rgb(0, 18, 43); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 20px; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk0-txt4 { flex: 0 0 auto; font-size: 13px; width: calc(100% - (var(--gh-lp-blk0-link4) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link4) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk0-txt4 { font-size: 13px; } }

/* lp-blk0-box8:  */
.lp-blk0-box8 { background: rgb(40, 98, 222); flex: 0 0 auto; height: 1px; scale: 1e-10 1; transform-origin: left center; width: calc(100% - (var(--gh-lp-blk0-link4) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link4) * 0)); }

/* lp-blk0-link4: 機能一覧 */
.lp-blk0-link4:hover .lp-blk0-box8 { scale: 1; transition-duration: 400ms; }

/* lp-blk0-link5: ログイン */
.lp-blk0-link5 { place-content: center; align-items: center; background: rgb(86, 84, 245); border-radius: 27px; flex: 0 0 auto; flex-direction: row; gap: 50px; height: auto; margin: 0px 0px 0px 30px; overflow: hidden; padding: 14px 20px; width: auto; --gh-lp-blk0-link5: 50px; --gv-lp-blk0-link5: 0px; max-width: calc(100% - 30px); }
@media screen and (max-width: 1280px) { .lp-blk0-link5 { background: rgb(84, 134, 245); --gh-lp-blk0-link5: 50px; --gv-lp-blk0-link5: 0px; } }
@media screen and (max-width: 760px) { .lp-blk0-link5 { flex: 0 0 auto; flex-wrap: wrap; margin: 0px; padding: 12px 20px; width: auto; --gh-lp-blk0-link5: 50px; --gv-lp-blk0-link5: 50px; max-width: 100%; } }
@media screen and (max-width: 540px) { .lp-blk0-link5 { gap: 24px; margin: 0px; --gh-lp-blk0-link5: 24px; --gv-lp-blk0-link5: 0px; } }
@media screen and (max-width: 360px) { .lp-blk0-link5 { padding: 7px 12px; --gh-lp-blk0-link5: 50px; --gv-lp-blk0-link5: 0px; } }

/* lp-blk0-txt5: ログイン */
.lp-blk0-txt5 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk0-txt5 { flex: 0 0 auto; font-size: 14px; width: calc(100% - (var(--gh-lp-blk0-link5) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link5) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk0-txt5 { font-size: 15px; } }
@media screen and (max-width: 360px) { .lp-blk0-txt5 { font-size: 14px; } }

/* lp-blk0-link6: 無料で利用する */
.lp-blk0-link6 { place-content: center; align-items: center; background: #f55458; border-radius: 27px; flex: 0 0 auto; flex-direction: row; gap: 50px; height: auto; margin: 0px 0px 0px 30px; overflow: hidden; padding: 14px 20px; width: auto; --gh-lp-blk0-link6: 50px; --gv-lp-blk0-link6: 0px; max-width: calc(100% - 30px); }
@media screen and (max-width: 760px) { .lp-blk0-link6 { flex: 0 0 auto; flex-wrap: wrap; margin: 0px; padding: 12px 20px; width: auto; --gh-lp-blk0-link6: 50px; --gv-lp-blk0-link6: 50px; max-width: 100%; } }
@media screen and (max-width: 540px) { .lp-blk0-link6 { gap: 24px; margin: 0px; --gh-lp-blk0-link6: 24px; --gv-lp-blk0-link6: 0px; } }
@media screen and (max-width: 360px) { .lp-blk0-link6 { padding: 7px 12px; --gh-lp-blk0-link6: 50px; --gv-lp-blk0-link6: 0px; } }

/* lp-blk0-txt6: 無料で利用する */
.lp-blk0-txt6 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.05em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk0-txt6 { flex: 0 0 auto; font-size: 14px; width: calc(100% - (var(--gh-lp-blk0-link6) * 0)); max-width: calc(100% - (var(--gh-lp-blk0-link6) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk0-txt6 { font-size: 15px; } }
@media screen and (max-width: 360px) { .lp-blk0-txt6 { font-size: 14px; } }

/* lp-blk1-box1: 業種・規模を問わず選ばれる受発注システム 30秒ですぐ使え */
.lp-blk1-box1 { place-content: flex-end center; align-items: flex-end; background: rgb(40, 98, 222); flex: 0 0 auto; flex-flow: wrap; height: 720px; margin: 0px; overflow: hidden; padding: 0px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk1-box1 { flex: 0 0 auto; height: auto; padding: 100px 0px 0px; width: 100%; max-width: 100%; } }

/* lp-blk1-box2: 業種・規模を問わず選ばれる受発注システム 30秒ですぐ使え */
.lp-blk1-box2 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }
@media screen and (max-width: 1280px) { .lp-blk1-box2 { flex: 0 0 auto; width: 86%; max-width: 86%; } }
@media screen and (max-width: 540px) { .lp-blk1-box2 { flex: 0 0 auto; flex-flow: column-reverse; width: 90%; max-width: 90%; } }

/* lp-blk1-box3: 業種・規模を問わず選ばれる受発注システム 30秒ですぐ使え */
.lp-blk1-box3 { align-items: flex-start; flex: 0 0 auto; flex-direction: column; gap: 22px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 40%; --gh-lp-blk1-box3: 0px; --gv-lp-blk1-box3: 22px; max-width: 40%; }
@media screen and (max-width: 1280px) { .lp-blk1-box3 { flex: 0 0 auto; width: 46%; --gh-lp-blk1-box3: 0px; --gv-lp-blk1-box3: 22px; max-width: 46%; } }
@media screen and (max-width: 760px) { .lp-blk1-box3 { flex: 0 0 auto; width: 50%; --gh-lp-blk1-box3: 0px; --gv-lp-blk1-box3: 22px; max-width: 50%; } }
@media screen and (max-width: 540px) { .lp-blk1-box3 { gap: 16px; margin: 20px 0px 40px; padding: 0px; width: 100%; --gh-lp-blk1-box3: 0px; --gv-lp-blk1-box3: 16px; max-width: 100%; } }

/* lp-blk1-box4:  */
.lp-blk1-box4 { place-content: center flex-start; align-items: flex-start; flex-flow: row; gap: 17px; padding: 0px; --gh-lp-blk1-box4: 17px; --gv-lp-blk1-box4: 0px; }
@media screen and (max-width: 540px) { .lp-blk1-box4 { gap: 16px; --gh-lp-blk1-box4: 16px; --gv-lp-blk1-box4: 0px; } }

/* lp-blk1-img1:  */
.lp-blk1-img1 { flex: 0 0 auto; height: 110px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk1-img1 { height: 87px; width: auto; max-width: 100%; } }

/* lp-blk1-img2:  */
.lp-blk1-img2 { flex: 0 0 auto; height: 110px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk1-img2 { height: 92px; width: auto; max-width: 100%; } }

/* lp-blk1-box5: 業種・規模を問わず選ばれる受発注システム 30秒ですぐ使え */
.lp-blk1-box5 { align-items: flex-start; flex-direction: column; gap: 24px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-blk1-box3) * 0)); --gh-lp-blk1-box5: 0px; --gv-lp-blk1-box5: 24px; max-width: calc(100% - (var(--gh-lp-blk1-box3) * 0)); }
@media screen and (max-width: 540px) { .lp-blk1-box5 { gap: 4px; margin: 0px; padding: 0px; --gh-lp-blk1-box5: 0px; --gv-lp-blk1-box5: 4px; } }

/* lp-blk1-box6: 業種・規模を問わず選ばれる受発注システム */
.lp-blk1-box6 { align-items: flex-start; flex-direction: column; gap: 19px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-lp-blk1-box6: 0px; --gv-lp-blk1-box6: 19px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk1-box6 { gap: 8px; margin: 0px; padding: 0px; --gh-lp-blk1-box6: 0px; --gv-lp-blk1-box6: 8px; } }

/* lp-blk1-txt1: 業種・規模を問わず選ばれる受発注システム */
.lp-blk1-txt1 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0em; line-height: 1.4; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk1-txt1 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk1-txt1 { font-size: 13px; } }

/* lp-blk1-box7: 30秒ですぐ使える 日本産オールインワン受発注 受発注業務 */
.lp-blk1-box7 { align-items: flex-start; flex-direction: column; gap: 24px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-lp-blk1-box7: 0px; --gv-lp-blk1-box7: 24px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk1-box7 { flex: 0 0 auto; gap: 10px; margin: 0px 0px 0px 2px; padding: 0px; width: calc(100% - 2px - (var(--gh-lp-blk1-box5) * 0)); --gh-lp-blk1-box7: 0px; --gv-lp-blk1-box7: 10px; max-width: calc(100% - 2px - (var(--gh-lp-blk1-box5) * 0)); } }

/* lp-blk1-txt2: 30秒ですぐ使える 日本産オールインワン受発注 */
.lp-blk1-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 37px; font-style: normal; font-weight: 800; height: auto; letter-spacing: 0em; line-height: 1.4; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk1-txt2 { font-size: 32px; } }
@media screen and (max-width: 540px) { .lp-blk1-txt2 { font-size: 24px; } }

/* lp-blk1-txt3: 受発注業務をもっと簡単に 営業・経理に必要なものは全てこれ一 */
.lp-blk1-txt3 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 2; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk1-txt3 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-blk1-txt3 { font-size: 15px; } }

/* lp-blk1-link1: 無料で利用する keyboard_arrow_right */
.lp-blk1-link1 { place-content: center flex-start; align-items: center; background: rgb(245, 85, 88); border-width: 0px; border-style: solid; border-color: rgb(245, 176, 85); border-radius: 30px; box-shadow: rgba(88, 99, 131, 0.32) 2px 3px 7px 0px; flex-flow: row; gap: 10px; height: auto; margin: 0px 0px 0px 21px; padding: 12px 21px 13px 40px; width: 256px; --gh-lp-blk1-link1: 10px; --gv-lp-blk1-link1: 0px; max-width: calc(100% - 21px); }
.lp-blk1-link1:hover { scale: 1.08; transition-duration: 400ms; --gh-lp-blk1-link1: 10px; --gv-lp-blk1-link1: 0px; }
@media screen and (max-width: 540px) { .lp-blk1-link1 { place-content: center; align-items: center; gap: 20px; margin: 0px 20px; padding: 12px 21px; width: calc(100% - 40px - (var(--gh-lp-blk1-box3) * 0)); --gh-lp-blk1-link1: 20px; --gv-lp-blk1-link1: 0px; max-width: calc(100% - 40px - (var(--gh-lp-blk1-box3) * 0)); } }

/* lp-blk1-txt4: 無料で利用する */
.lp-blk1-txt4 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 25px; margin: 1px 0px 0px; text-align: left; width: 126px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk1-txt4 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-blk1-txt4 { flex: 0 0 auto; font-size: 20px; width: auto; max-width: 100%; } }

/* lp-blk1-box8: keyboard_arrow_right */
.lp-blk1-box8 { align-items: center; background: rgb(255, 255, 255); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 33px; justify-content: center; margin: 0px; padding: 0px; width: 33px; max-width: 100%; }

/* lp-blk1-icon1: keyboard_arrow_right */
.lp-blk1-icon1 { color: rgb(245, 84, 88); font-size: 24px; margin: 2px 0px 0px; padding: 0px; max-width: 100%; }

/* lp-blk1-box9:  */
.lp-blk1-box9 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: 649px; margin: 0px; padding: 0px; rotate: 0deg; width: 731px; max-width: 100%; }
.lp-blk1-box9::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 1280px) { .lp-blk1-box9 { place-content: center; align-items: center; flex: 0 0 auto; padding: 0px; width: 50%; max-width: 50%; } }
@media screen and (max-width: 760px) { .lp-blk1-box9 { flex: 0 0 auto; width: 50%; } }
@media screen and (max-width: 540px) { .lp-blk1-box9 { flex: 0 0 auto; height: 300px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-blk1-box9 { flex: 0 0 auto; height: 200px; width: 100%; max-width: 100%; } }

/* lp-blk1-pic1:  */
.lp-blk1-pic1 { align-items: center; flex-direction: column; height: 595px; justify-content: center; margin: 0px; overflow: hidden; width: 100%; max-width: 100%; }
.lp-blk1-pic1::before { background-repeat: no-repeat; background-size: 130% auto; }
@media screen and (max-width: 1280px) { .lp-blk1-pic1::before { background-repeat: no-repeat; background-size: 130% auto; } }
@media screen and (max-width: 540px) { .lp-blk1-pic1::before { background-size: 100% auto; } }
@media screen and (max-width: 540px) { .lp-blk1-pic1 { flex: 0 0 auto; height: 251px; width: 100%; max-width: 100%; } }

/* lp-blk1-img3:  */
.lp-blk1-img3 { inset: auto 21px 40px auto; flex: 0 0 auto; height: 161px; margin: 0px; position: absolute; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk1-img3 { bottom: auto; height: 107px; right: 7px; top: -19px; max-width: 100%; } }

/* lp-blk1-img4:  */
.lp-blk1-img4 { align-items: center; inset: auto -23px -12px auto; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; position: absolute; rotate: 0deg; width: 731px; z-index: -3; max-width: 100%; }
.lp-blk1-img4::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-blk1-img4 { inset: -92px -18px auto -173px; } }

/* lp-slider-list1:  */
.lp-slider-list1 { display: flex; flex: 0 0 auto; flex-flow: row; gap: 0px; height: 187px; padding: 0px; width: 100%; --gh-lp-slider-list1: 0px; --gv-lp-slider-list1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-slider-list1 { display: flex; --gh-lp-slider-list1: 0px; --gv-lp-slider-list1: 0px; } }
@media screen and (max-width: 540px) { .lp-slider-list1 { display: flex; flex: 0 0 auto; height: 80px; margin: 40px 0px 0px; --gh-lp-slider-list1: 0px; --gv-lp-slider-list1: 0px; width: 100%; max-width: 100%; } }

/* lp-slider-item1:  */
.lp-slider-item1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: column; height: auto; transition-duration: 0ms; width: auto; max-width: 100%; }

/* lp-slider-img1:  */
.lp-slider-img1 { flex: 0 0 auto; height: auto; margin: 0px 16px; width: 160px; max-width: calc(100% - 32px); }
.lp-slider-img1::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-slider-img1 { flex: 0 0 auto; height: auto; width: 94px; max-width: calc(100% - 32px); } }

/* lp-blk3-txt1: 導入先企業様 （一例） */
.lp-blk3-txt1 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-blk3-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .lp-blk3-txt1 { display: none; font-size: 24px; letter-spacing: 0.05em; line-height: 1.6; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-blk3-txt1 { display: none; } }

/* lp-about-box1: ビジネスをシンプルに、効率的に。 オールインワン受発注システ */
.lp-about-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; padding: 60px 40px; width: 1280px; --gh-lp-about-box1: 0px; --gv-lp-about-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-about-box1 { flex: 0 0 auto; width: 86%; --gh-lp-about-box1: 0px; --gv-lp-about-box1: 0px; max-width: 86%; } }
@media screen and (max-width: 540px) { .lp-about-box1 { gap: 0px; margin: 0px 0px 20px; padding: 60px 20px; width: 100%; --gh-lp-about-box1: 0px; --gv-lp-about-box1: 0px; max-width: 100%; } }

/* lp-about-box2: ビジネスをシンプルに、効率的に。 オールインワン受発注システ */
.lp-about-box2 { place-content: center; align-items: center; flex-wrap: nowrap; gap: 20px; margin: 0px 0px 40px; padding: 0px; --gh-lp-about-box2: 0px; --gv-lp-about-box2: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-about-box2 { gap: 10px; margin: 0px; --gh-lp-about-box2: 0px; --gv-lp-about-box2: 10px; max-width: 100%; } }

/* lp-about-txt1: ビジネスをシンプルに、効率的に。 オールインワン受発注システ */
.lp-about-txt1 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 34px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-about-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .lp-about-txt1 { display: none; font-size: 24px; letter-spacing: 0.05em; line-height: 1.6; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-about-txt1 { display: none; } }

/* lp-about-txt2: ビジネスをシンプルに、効率的にサポートするオールインワンCR */
.lp-about-txt2 { color: rgb(60, 69, 103); display: none; font-family: 'Noto Sans', sans-serif; font-size: 34px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 1280px) { .lp-about-txt2 { display: none; } }
@media screen and (max-width: 760px) { .lp-about-txt2 { display: none; font-size: 28px; } }
@media screen and (max-width: 540px) { .lp-about-txt2 { display: flex; font-size: 24px; letter-spacing: 0.05em; line-height: 1.6; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-about-txt2 { display: flex; } }

/* lp-about-box3:  */
.lp-about-box3 { background: rgb(58, 142, 230); border-radius: 24px; flex: 0 0 auto; height: 4px; width: 60px; max-width: 100%; }

/* lp-about-box4: 01 シンプルで誰でも使える 直感的なユーザーインターフ */
.lp-about-box4 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; padding: 0px; width: 1260px; --gh-lp-about-box4: 0px; --gv-lp-about-box4: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box4 { gap: 40px; width: calc(100% - (var(--gh-lp-about-box1) * 0)); --gh-lp-about-box4: 0px; --gv-lp-about-box4: 40px; max-width: calc(100% - (var(--gh-lp-about-box1) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-box4 { padding: 0px; --gh-lp-about-box4: 0px; --gv-lp-about-box4: 0px; } }

/* lp-about-box5: 01 シンプルで誰でも使える 直感的なユーザーインターフ */
.lp-about-box5 { align-items: center; flex: 0 0 auto; flex-direction: row; gap: 60px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-about-box4) * 0)); --gh-lp-about-box5: 60px; --gv-lp-about-box5: 0px; max-width: calc(100% - (var(--gh-lp-about-box4) * 0)); }
html.js .lp-about-box5:not(.in) { opacity: 0; transition-delay: 200ms; transition-duration: 400ms; translate: 0px 34px; --gh-lp-about-box5: 60px; --gv-lp-about-box5: 0px; }
.lp-about-box5.in-active { transition-delay: 200ms; transition-duration: 400ms; }
@media screen and (max-width: 760px) { .lp-about-box5 { flex-wrap: wrap; gap: 0px; --gh-lp-about-box5: 0px; --gv-lp-about-box5: 0px; } }
@media screen and (max-width: 540px) { .lp-about-box5 { gap: 0px; padding: 0px; --gh-lp-about-box5: 0px; --gv-lp-about-box5: 0px; } }

/* lp-about-pic1:  */
.lp-about-pic1 { align-items: center; flex: 0 0 auto; flex-direction: column; height: 320px; justify-content: center; margin: 0px; width: 320px; max-width: 100%; }
.lp-about-pic1::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 760px) { .lp-about-pic1::before { background-size: contain; } }
@media screen and (max-width: 760px) { .lp-about-pic1 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-about-box5) * 0)); max-width: calc(100% - (var(--gh-lp-about-box5) * 0)); } }

/* lp-about-box6: 01 シンプルで誰でも使える 直感的なユーザーインターフ */
.lp-about-box6 { align-items: flex-start; flex: 1 1 0%; flex-direction: column; gap: 40px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; --gh-lp-about-box6: 0px; --gv-lp-about-box6: 40px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box6 { flex: 0 0 auto; gap: 20px; width: calc(100% - (var(--gh-lp-about-box5) * 0)); --gh-lp-about-box6: 0px; --gv-lp-about-box6: 20px; max-width: calc(100% - (var(--gh-lp-about-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-box6 { gap: 16px; margin: -6px 0px 0px; padding: 0px; --gh-lp-about-box6: 0px; --gv-lp-about-box6: 16px; width: calc(100% - (var(--gh-lp-about-box5) * 0)); max-width: calc(100% - (var(--gh-lp-about-box5) * 0)); } }

/* lp-about-box7: 01 シンプルで誰でも使える */
.lp-about-box7 { align-items: center; flex-direction: row; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-lp-about-box7: -91px; --gv-lp-about-box7: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box7 { flex-wrap: wrap; gap: 40px 0px; width: 394px; --gh-lp-about-box7: 0px; --gv-lp-about-box7: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .lp-about-box7 { gap: 16px 0px; margin: 0px; padding: 0px; --gh-lp-about-box7: 0px; --gv-lp-about-box7: 0px; } }

/* lp-about-txt3: 01 */
.lp-about-txt3 { inset: -56px auto -25px -12px; color: rgb(233, 246, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 120px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; position: absolute; text-align: left; width: auto; z-index: -1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt3 { flex: 0 0 auto; font-size: 48px; width: calc(100% - (var(--gh-lp-about-box7) * 0)); max-width: calc(100% - (var(--gh-lp-about-box7) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt3 { font-size: 36px; } }

/* lp-about-txt4: シンプルで誰でも使える */
.lp-about-txt4 { color: rgb(60, 69, 103); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt4 { flex: 0 0 auto; font-size: 24px; width: calc(100% - (var(--gh-lp-about-box7) * 0)); max-width: calc(100% - (var(--gh-lp-about-box7) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt4 { font-size: 22px; } }

/* lp-about-txt5: 直感的なユーザーインターフェースを採用し、複雑な設定や操作を */
.lp-about-txt5 { color: rgb(60, 69, 103); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0em; line-height: 2; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt5 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-about-txt5 { font-size: 14px; } }

/* lp-about-box8: 02 必要な機能はすべて揃っている 見積書の作成、請求書 */
.lp-about-box8 { align-items: center; flex: 0 0 auto; flex-direction: row; gap: 60px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-about-box4) * 0)); --gh-lp-about-box8: 60px; --gv-lp-about-box8: 0px; max-width: calc(100% - (var(--gh-lp-about-box4) * 0)); }
html.js .lp-about-box8:not(.in) { opacity: 0; transition-delay: 400ms; transition-duration: 400ms; translate: 0px 34px; --gh-lp-about-box8: 60px; --gv-lp-about-box8: 0px; }
.lp-about-box8.in-active { transition-delay: 400ms; transition-duration: 400ms; }
@media screen and (max-width: 760px) { .lp-about-box8 { flex-flow: column-reverse; gap: 0px; width: 100%; --gh-lp-about-box8: 0px; --gv-lp-about-box8: 0px; } }
@media screen and (max-width: 540px) { .lp-about-box8 { gap: 0px; margin: 0px; padding: 0px; --gh-lp-about-box8: 0px; --gv-lp-about-box8: 0px; width: calc(100% - (var(--gh-lp-about-box4) * 0)); max-width: calc(100% - (var(--gh-lp-about-box4) * 0)); } }

/* lp-about-box9: 02 必要な機能はすべて揃っている 見積書の作成、請求書 */
.lp-about-box9 { align-items: flex-start; flex: 1 1 0%; flex-direction: column; gap: 40px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; --gh-lp-about-box9: 0px; --gv-lp-about-box9: 40px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box9 { flex: 0 0 auto; gap: 20px; --gh-lp-about-box9: 0px; --gv-lp-about-box9: 20px; } }
@media screen and (max-width: 540px) { .lp-about-box9 { gap: 16px; margin: -7px 0px 0px; padding: 0px; --gh-lp-about-box9: 0px; --gv-lp-about-box9: 16px; max-width: 100%; } }

/* lp-about-box10: 02 必要な機能はすべて揃っている */
.lp-about-box10 { align-items: flex-start; flex-direction: row; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-lp-about-box10: -97px; --gv-lp-about-box10: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box10 { flex-wrap: wrap; gap: 40px 0px; width: 495px; --gh-lp-about-box10: 0px; --gv-lp-about-box10: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .lp-about-box10 { gap: 16px 0px; margin: 0px; padding: 0px; --gh-lp-about-box10: 0px; --gv-lp-about-box10: 0px; } }

/* lp-about-txt6: 02 */
.lp-about-txt6 { inset: -56px auto -25px -12px; color: rgb(233, 246, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 120px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; position: absolute; text-align: left; width: auto; z-index: -1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt6 { flex: 0 0 auto; font-size: 48px; width: calc(100% - (var(--gh-lp-about-box10) * 0)); max-width: calc(100% - (var(--gh-lp-about-box10) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt6 { font-size: 36px; } }

/* lp-about-txt7: 必要な機能はすべて揃っている */
.lp-about-txt7 { color: rgb(60, 69, 103); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt7 { flex: 0 0 auto; font-size: 24px; width: calc(100% - (var(--gh-lp-about-box10) * 0)); max-width: calc(100% - (var(--gh-lp-about-box10) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt7 { font-size: 22px; } }

/* lp-about-txt8: 見積書の作成、請求書発行、納品書・検収書管理、入金管理、原価 */
.lp-about-txt8 { color: rgb(60, 69, 103); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0em; line-height: 2; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt8 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-about-txt8 { font-size: 14px; } }

/* lp-about-pic2:  */
.lp-about-pic2 { align-items: center; flex: 0 0 auto; flex-direction: column; height: 320px; justify-content: center; margin: 0px; width: 320px; max-width: 100%; }
.lp-about-pic2::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 760px) { .lp-about-pic2::before { background-size: contain; } }
@media screen and (max-width: 760px) { .lp-about-pic2 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-about-box8) * 0)); max-width: calc(100% - (var(--gh-lp-about-box8) * 0)); } }

/* lp-about-box11: 03 電子帳簿法・インボイス対応 最新の電子帳簿法やイン */
.lp-about-box11 { align-items: center; flex: 0 0 auto; flex-direction: row; gap: 60px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-about-box4) * 0)); --gh-lp-about-box11: 60px; --gv-lp-about-box11: 0px; max-width: calc(100% - (var(--gh-lp-about-box4) * 0)); }
html.js .lp-about-box11:not(.in) { opacity: 0; transition-delay: 600ms; transition-duration: 400ms; translate: 0px 34px; --gh-lp-about-box11: 60px; --gv-lp-about-box11: 0px; }
.lp-about-box11.in-active { transition-delay: 600ms; transition-duration: 400ms; }
@media screen and (max-width: 760px) { .lp-about-box11 { flex-wrap: wrap; gap: 20px; width: 100%; --gh-lp-about-box11: 20px; --gv-lp-about-box11: 20px; } }
@media screen and (max-width: 540px) { .lp-about-box11 { gap: 0px; margin: 0px 0px 0px 2px; padding: 0px; --gh-lp-about-box11: 0px; --gv-lp-about-box11: 0px; width: calc(100% - 2px - (var(--gh-lp-about-box4) * 0)); max-width: calc(100% - 2px - (var(--gh-lp-about-box4) * 0)); } }

/* lp-about-pic3:  */
.lp-about-pic3 { align-items: center; flex: 0 0 auto; flex-direction: column; height: 320px; justify-content: center; margin: 0px; width: 320px; max-width: 100%; }
.lp-about-pic3::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 760px) { .lp-about-pic3::before { background-size: contain; } }
@media screen and (max-width: 760px) { .lp-about-pic3 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-about-box11) * 0)); max-width: calc(100% - (var(--gh-lp-about-box11) * 0)); } }

/* lp-about-box12: 03 電子帳簿法・インボイス対応 最新の電子帳簿法やイン */
.lp-about-box12 { align-items: flex-start; flex: 1 1 0%; flex-direction: column; gap: 40px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; --gh-lp-about-box12: 0px; --gv-lp-about-box12: 40px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box12 { flex: 0 0 auto; gap: 20px; width: calc(100% - (var(--gh-lp-about-box11) * 0)); --gh-lp-about-box12: 0px; --gv-lp-about-box12: 20px; max-width: calc(100% - (var(--gh-lp-about-box11) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-box12 { gap: 16px; margin: 2px 0px 0px; padding: 0px; --gh-lp-about-box12: 0px; --gv-lp-about-box12: 16px; width: calc(100% - (var(--gh-lp-about-box11) * 0)); max-width: calc(100% - (var(--gh-lp-about-box11) * 0)); } }

/* lp-about-box13: 03 電子帳簿法・インボイス対応 */
.lp-about-box13 { align-items: flex-start; flex-direction: row; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-lp-about-box13: -113px; --gv-lp-about-box13: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box13 { flex-wrap: wrap; gap: 40px 0px; width: 456px; --gh-lp-about-box13: 0px; --gv-lp-about-box13: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .lp-about-box13 { gap: 16px 0px; margin: 0px; padding: 0px; --gh-lp-about-box13: 0px; --gv-lp-about-box13: 0px; } }

/* lp-about-txt9: 03 */
.lp-about-txt9 { inset: -56px auto -25px -12px; color: rgb(233, 246, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 120px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; position: absolute; text-align: left; width: auto; z-index: -1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt9 { flex: 0 0 auto; font-size: 48px; width: calc(100% - (var(--gh-lp-about-box13) * 0)); max-width: calc(100% - (var(--gh-lp-about-box13) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt9 { font-size: 36px; } }

/* lp-about-txt10: 電子帳簿法・インボイス対応 */
.lp-about-txt10 { color: rgb(60, 69, 103); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt10 { flex: 0 0 auto; font-size: 24px; width: calc(100% - (var(--gh-lp-about-box13) * 0)); max-width: calc(100% - (var(--gh-lp-about-box13) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt10 { font-size: 22px; } }

/* lp-about-txt11: 最新の電子帳簿法やインボイス制度に対応しており、税法に準拠し */
.lp-about-txt11 { color: rgb(60, 69, 103); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0em; line-height: 2; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt11 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-about-txt11 { font-size: 14px; } }

/* lp-about-box14: 04 ありそうでなかったオールインワン機能 ありそうでな */
.lp-about-box14 { align-items: center; flex: 0 0 auto; flex-direction: row; gap: 60px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-about-box4) * 0)); --gh-lp-about-box14: 60px; --gv-lp-about-box14: 0px; max-width: calc(100% - (var(--gh-lp-about-box4) * 0)); }
html.js .lp-about-box14:not(.in) { opacity: 0; transition-delay: 800ms; transition-duration: 400ms; translate: 0px 34px; --gh-lp-about-box14: 60px; --gv-lp-about-box14: 0px; }
.lp-about-box14.in-active { transition-delay: 800ms; transition-duration: 400ms; }
@media screen and (max-width: 760px) { .lp-about-box14 { flex-flow: column-reverse; gap: 0px; width: 100%; --gh-lp-about-box14: 0px; --gv-lp-about-box14: 0px; } }
@media screen and (max-width: 540px) { .lp-about-box14 { gap: 0px; margin: 0px; padding: 0px; --gh-lp-about-box14: 0px; --gv-lp-about-box14: 0px; width: calc(100% - (var(--gh-lp-about-box4) * 0)); max-width: calc(100% - (var(--gh-lp-about-box4) * 0)); } }

/* lp-about-box15: 04 ありそうでなかったオールインワン機能 ありそうでな */
.lp-about-box15 { align-items: flex-start; flex: 1 1 0%; flex-direction: column; gap: 40px; height: auto; justify-content: flex-start; margin: 0px; overflow: visible; padding: 0px; --gh-lp-about-box15: 0px; --gv-lp-about-box15: 40px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box15 { flex: 0 0 auto; gap: 20px; width: calc(100% - (var(--gh-lp-about-box14) * 0)); --gh-lp-about-box15: 0px; --gv-lp-about-box15: 20px; max-width: calc(100% - (var(--gh-lp-about-box14) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-box15 { gap: 16px; margin: -3px 0px 0px; padding: 0px; --gh-lp-about-box15: 0px; --gv-lp-about-box15: 16px; width: calc(100% - (var(--gh-lp-about-box14) * 0)); max-width: calc(100% - (var(--gh-lp-about-box14) * 0)); } }

/* lp-about-box16: 04 ありそうでなかったオールインワン機能 */
.lp-about-box16 { align-items: center; flex-direction: row; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 784px; --gh-lp-about-box16: -125px; --gv-lp-about-box16: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-about-box16 { flex-wrap: wrap; gap: 40px 0px; --gh-lp-about-box16: 0px; --gv-lp-about-box16: 40px; } }
@media screen and (max-width: 540px) { .lp-about-box16 { gap: 16px 0px; margin: 0px; padding: 0px; --gh-lp-about-box16: 0px; --gv-lp-about-box16: 0px; } }

/* lp-about-txt12: 04 */
.lp-about-txt12 { inset: -56px auto -25px -12px; color: rgb(233, 246, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 120px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; position: absolute; text-align: left; width: auto; z-index: -1; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt12 { flex: 0 0 auto; font-size: 48px; width: calc(100% - (var(--gh-lp-about-box16) * 0)); max-width: calc(100% - (var(--gh-lp-about-box16) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt12 { font-size: 36px; } }

/* lp-about-txt13: ありそうでなかったオールインワン機能 */
.lp-about-txt13 { color: rgb(60, 69, 103); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-size: 26px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; overflow: hidden; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt13 { flex: 0 0 auto; font-size: 20px; width: calc(100% - (var(--gh-lp-about-box16) * 0)); max-width: calc(100% - (var(--gh-lp-about-box16) * 0)); } }
@media screen and (max-width: 540px) { .lp-about-txt13 { font-size: 22px; } }

/* lp-about-txt14: ありそうでなかった、営業管理から見積もり作成、発注書、発注請 */
.lp-about-txt14 { color: rgb(60, 69, 103); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0em; line-height: 2; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-about-txt14 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-about-txt14 { font-size: 14px; } }

/* lp-about-pic4:  */
.lp-about-pic4 { align-items: center; flex: 0 0 auto; flex-direction: column; height: 320px; justify-content: center; margin: 0px; width: 320px; max-width: 100%; }
.lp-about-pic4::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 760px) { .lp-about-pic4::before { background-size: contain; } }
@media screen and (max-width: 760px) { .lp-about-pic4 { flex: 0 0 auto; margin: 0px; width: calc(100% - (var(--gh-lp-about-box14) * 0)); max-width: calc(100% - (var(--gh-lp-about-box14) * 0)); } }

/* lp-features-box1: サクッと受発注の主な特徴 誰でも簡単に使えるシンプルな操作 */
.lp-features-box1 { place-content: center; align-items: center; background: rgb(40, 98, 222); flex-direction: column; gap: 42px; height: auto; margin: 0px; padding: 80px 40px; width: 100%; --gh-lp-features-box1: 0px; --gv-lp-features-box1: 42px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-features-box1 { padding: 60px 40px; --gh-lp-features-box1: 0px; --gv-lp-features-box1: 42px; } }

/* lp-features-box2: サクッと受発注の主な特徴 誰でも簡単に使えるシンプルな操作 */
.lp-features-box2 { align-items: center; flex-direction: column; gap: 20px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-lp-features-box2: 0px; --gv-lp-features-box2: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-features-box2 { flex: 0 0 auto; gap: 8px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-features-box1) * 0)); --gh-lp-features-box2: 0px; --gv-lp-features-box2: 8px; max-width: calc(100% - (var(--gh-lp-features-box1) * 0)); } }

/* lp-features-box3: サクッと受発注の主な特徴 */
.lp-features-box3 { place-content: center; align-items: center; flex-wrap: nowrap; gap: 20px; height: 114px; margin: 0px; padding: 0px; --gh-lp-features-box3: 0px; --gv-lp-features-box3: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-features-box3 { flex: 0 0 auto; gap: 10px; height: auto; margin: 0px 0px 20px; --gh-lp-features-box3: 0px; --gv-lp-features-box3: 10px; max-width: 100%; } }

/* lp-features-txt1: サクッと受発注の主な特徴 */
.lp-features-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 34px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-features-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .lp-features-txt1 { font-size: 24px; letter-spacing: 0.05em; line-height: 1.6; margin: 0px; max-width: 100%; } }

/* lp-features-box4:  */
.lp-features-box4 { background: rgb(255, 255, 255); border-radius: 24px; flex: 0 0 auto; height: 4px; width: 60px; max-width: 100%; }

/* lp-features-txt2: 誰でも簡単に使えるシンプルな操作性を持ちながら、必要な機能は */
.lp-features-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 600; height: auto; letter-spacing: 0em; line-height: 2; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-features-txt2 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-features-txt2 { font-size: 14px; } }

/* lp-features-box5: 見積書作成 電子決済 入金管理 発注書 発注請書 原価 */
.lp-features-box5 { align-items: center; flex-direction: row; gap: 0px; height: auto; justify-content: flex-start; margin: 0px 0px 20px; padding: 0px; width: 742px; z-index: 1; --gh-lp-features-box5: 0px; --gv-lp-features-box5: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-features-box5 { flex: 0 0 auto; width: calc(86% - (var(--gh-lp-features-box1) * 0.14000000000000004)); --gh-lp-features-box5: 0px; --gv-lp-features-box5: 0px; max-width: calc(86% - (var(--gh-lp-features-box1) * 0.14000000000000004)); } }
@media screen and (max-width: 760px) { .lp-features-box5 { flex-wrap: wrap; gap: 40px 0px; width: calc(100% - (var(--gh-lp-features-box1) * 0)); --gh-lp-features-box5: 0px; --gv-lp-features-box5: 40px; max-width: calc(100% - (var(--gh-lp-features-box1) * 0)); } }
@media screen and (max-width: 540px) { .lp-features-box5 { gap: 20px 0px; --gh-lp-features-box5: 0px; --gv-lp-features-box5: 0px; } }

/* lp-features-box6: 見積書作成 電子決済 入金管理 */
.lp-features-box6 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 60px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(26.1455525606469% - (var(--gh-lp-features-box5) * 0.738544474393531)); --gh-lp-features-box6: 0px; --gv-lp-features-box6: 60px; max-width: calc(26.1455525606469% - (var(--gh-lp-features-box5) * 0.738544474393531)); }
@media screen and (max-width: 760px) { .lp-features-box6 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-features-box5) * 0)); --gh-lp-features-box6: 0px; --gv-lp-features-box6: 60px; max-width: calc(100% - (var(--gh-lp-features-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-features-box6 { flex-flow: wrap; gap: 20px; margin: 0px; padding: 0px; --gh-lp-features-box6: 20px; --gv-lp-features-box6: 20px; } }

/* lp-features-box7: 見積書作成 */
.lp-features-box7 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(83, 122, 143, 0.25) 2px 2px 9px 0px; flex: 0 0 auto; flex-direction: column; gap: 28px; height: 292.98px; margin: 0px; padding: 40px 32px; width: calc(100% - (var(--gh-lp-features-box6) * 0)); z-index: 1; --gh-lp-features-box7: 0px; --gv-lp-features-box7: 28px; max-width: calc(100% - (var(--gh-lp-features-box6) * 0)); }
@media screen and (max-width: 540px) { .lp-features-box7 { flex: 0 0 auto; gap: 16px; height: 160px; margin: 0px; padding: 24px 16px; width: calc(50% - (var(--gh-lp-features-box6) * 0.5)); --gh-lp-features-box7: 0px; --gv-lp-features-box7: 16px; max-width: calc(50% - (var(--gh-lp-features-box6) * 0.5)); } }

/* lp-features-pic1:  */
.lp-features-pic1 { flex: 0 0 auto; height: 120px; width: 160px; max-width: 100%; }
.lp-features-pic1::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-features-pic1 { height: calc(50% - (var(--gv-lp-features-box7) * 0.5)); max-width: 100%; } }

/* lp-features-txt3: 見積書作成 */
.lp-features-txt3 { color: rgb(60, 69, 103); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 37px; letter-spacing: 0em; line-height: 25px; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-features-txt3 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-features-txt3 { flex: 0 0 auto; font-size: 16px; height: auto; line-height: 1; margin: 0px; width: auto; max-width: 100%; } }

/* lp-features-box8: 電子決済 入金管理 */
.lp-features-box8 { align-items: center; background: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(83, 122, 143, 0.25) 2px 2px 9px 0px; flex: 0 0 auto; flex-direction: column; gap: 50px; height: 292.98px; justify-content: flex-start; margin: 0px; padding: 40px 32px; width: calc(100% - (var(--gh-lp-features-box6) * 0)); --gh-lp-features-box8: 0px; --gv-lp-features-box8: 50px; max-width: calc(100% - (var(--gh-lp-features-box6) * 0)); }
@media screen and (max-width: 540px) { .lp-features-box8 { place-content: center; align-items: center; flex: 0 0 auto; gap: 16px; height: 160px; margin: 0px; padding: 24px 16px; width: calc(50% - (var(--gh-lp-features-box6) * 0.5)); --gh-lp-features-box8: 0px; --gv-lp-features-box8: 16px; max-width: calc(50% - (var(--gh-lp-features-box6) * 0.5)); } }

/* lp-features-pic2:  */
.lp-features-pic2 { flex: 0 0 auto; height: 120px; width: 160px; max-width: 100%; }
.lp-features-pic2::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-features-pic2 { height: calc(50% - (var(--gv-lp-features-box8) * 0.5)); max-width: 100%; } }

/* lp-features-txt4: 電子決済 入金管理 */
.lp-features-txt4 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 34px; letter-spacing: 0em; line-height: 25px; margin: 0px 0px 0px 1px; text-align: center; width: 93px; max-width: calc(100% - 1px); justify-content: center; }
@media screen and (max-width: 760px) { .lp-features-txt4 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-features-txt4 { flex: 0 0 auto; font-size: 16px; height: auto; line-height: 1; margin: 0px; width: auto; max-width: 100%; } }

/* lp-features-box9: 発注書 発注請書 原価計算 */
.lp-features-box9 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 60px; height: auto; justify-content: flex-start; margin: 0px 0px 0px 80px; padding: 0px; width: calc(36.92724017120115% - 80px - (var(--gh-lp-features-box5) * 0.6307275982879885)); --gh-lp-features-box9: 0px; --gv-lp-features-box9: 60px; max-width: calc(36.92724017120115% - 80px - (var(--gh-lp-features-box5) * 0.6307275982879885)); }
@media screen and (max-width: 760px) { .lp-features-box9 { flex: 0 0 auto; margin: 0px; width: calc(100% - (var(--gh-lp-features-box5) * 0)); --gh-lp-features-box9: 0px; --gv-lp-features-box9: 60px; max-width: calc(100% - (var(--gh-lp-features-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-features-box9 { flex-flow: wrap; gap: 20px; --gh-lp-features-box9: 20px; --gv-lp-features-box9: 20px; } }

/* lp-features-box10: 発注書 発注請書 */
.lp-features-box10 { align-items: center; background: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(83, 122, 143, 0.25) 2px 2px 9px 0px; flex: 0 0 auto; flex-direction: column; gap: 28px; height: 292.98px; justify-content: flex-start; margin: 0px; padding: 40px 32px; width: calc(100% - (var(--gh-lp-features-box9) * 0)); --gh-lp-features-box10: 0px; --gv-lp-features-box10: 28px; max-width: calc(100% - (var(--gh-lp-features-box9) * 0)); }
@media screen and (max-width: 540px) { .lp-features-box10 { place-content: center; align-items: center; flex: 0 0 auto; gap: 16px; height: 160px; margin: 0px; padding: 24px 16px; width: calc(50% - (var(--gh-lp-features-box9) * 0.5)); --gh-lp-features-box10: 0px; --gv-lp-features-box10: 16px; max-width: calc(50% - (var(--gh-lp-features-box9) * 0.5)); } }

/* lp-features-pic3:  */
.lp-features-pic3 { flex: 0 0 auto; height: 120px; width: 160px; max-width: 100%; }
.lp-features-pic3::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-features-pic3 { height: calc(50% - (var(--gv-lp-features-box10) * 0.5)); max-width: 100%; } }

/* lp-features-txt5: 発注書 発注請書 */
.lp-features-txt5 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 66px; letter-spacing: 0em; line-height: 25px; margin: 0px 0px 0px 1px; text-align: center; width: 93px; max-width: calc(100% - 1px); justify-content: center; }
@media screen and (max-width: 760px) { .lp-features-txt5 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-features-txt5 { flex: 0 0 auto; font-size: 16px; height: auto; line-height: 1; margin: 0px; width: auto; max-width: 100%; } }

/* lp-features-box11: 原価計算 */
.lp-features-box11 { align-items: center; background: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(83, 122, 143, 0.25) 2px 2px 9px 0px; flex: 0 0 auto; flex-direction: column; gap: 50px; height: 292.98px; justify-content: flex-start; margin: 0px; padding: 40px 32px; width: calc(100% - (var(--gh-lp-features-box9) * 0)); --gh-lp-features-box11: 0px; --gv-lp-features-box11: 50px; max-width: calc(100% - (var(--gh-lp-features-box9) * 0)); }
@media screen and (max-width: 540px) { .lp-features-box11 { place-content: center; align-items: center; flex: 0 0 auto; gap: 16px; height: 160px; margin: 0px; padding: 24px 16px; width: calc(50% - (var(--gh-lp-features-box9) * 0.5)); --gh-lp-features-box11: 0px; --gv-lp-features-box11: 16px; max-width: calc(50% - (var(--gh-lp-features-box9) * 0.5)); } }

/* lp-features-pic4:  */
.lp-features-pic4 { flex: 0 0 auto; height: 120px; width: 160px; max-width: 100%; }
.lp-features-pic4::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-features-pic4 { height: calc(50% - (var(--gv-lp-features-box11) * 0.5)); max-width: 100%; } }

/* lp-features-txt6: 原価計算 */
.lp-features-txt6 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 34px; letter-spacing: 0em; line-height: 25px; margin: 0px 0px 0px 1px; text-align: center; width: 93px; max-width: calc(100% - 1px); justify-content: center; }
@media screen and (max-width: 760px) { .lp-features-txt6 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-features-txt6 { flex: 0 0 auto; font-size: 16px; height: auto; line-height: 1; margin: 0px; width: auto; max-width: 100%; } }

/* lp-features-box12: 納品書 検収書 請求書 電子署名機能 */
.lp-features-box12 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 60px; height: auto; justify-content: flex-start; margin: 0px 0px 0px 80px; padding: 0px; width: calc(36.92720726815195% - 80px - (var(--gh-lp-features-box5) * 0.6307279273184805)); --gh-lp-features-box12: 0px; --gv-lp-features-box12: 60px; max-width: calc(36.92720726815195% - 80px - (var(--gh-lp-features-box5) * 0.6307279273184805)); }
@media screen and (max-width: 760px) { .lp-features-box12 { flex: 0 0 auto; margin: 0px; width: calc(100% - (var(--gh-lp-features-box5) * 0)); --gh-lp-features-box12: 0px; --gv-lp-features-box12: 60px; max-width: calc(100% - (var(--gh-lp-features-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-features-box12 { flex-flow: wrap; gap: 20px; --gh-lp-features-box12: 20px; --gv-lp-features-box12: 20px; } }

/* lp-features-box13: 納品書 検収書 請求書 */
.lp-features-box13 { align-items: center; background: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(83, 122, 143, 0.25) 2px 2px 9px 0px; flex: 0 0 auto; flex-direction: column; gap: 18px; height: 292.98px; justify-content: flex-start; margin: 0px; padding: 40px 32px; width: calc(100% - (var(--gh-lp-features-box12) * 0)); --gh-lp-features-box13: 0px; --gv-lp-features-box13: 18px; max-width: calc(100% - (var(--gh-lp-features-box12) * 0)); }
@media screen and (max-width: 540px) { .lp-features-box13 { place-content: center; align-items: center; flex: 0 0 auto; gap: 16px; height: 160px; margin: 0px; padding: 24px 16px; width: calc(50% - (var(--gh-lp-features-box12) * 0.5)); --gh-lp-features-box13: 0px; --gv-lp-features-box13: 16px; max-width: calc(50% - (var(--gh-lp-features-box12) * 0.5)); } }

/* lp-features-pic5:  */
.lp-features-pic5 { flex: 0 0 auto; height: 120px; width: 160px; max-width: 100%; }
.lp-features-pic5::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-features-pic5 { height: calc(50% - (var(--gv-lp-features-box13) * 0.5)); max-width: 100%; } }

/* lp-features-txt7: 納品書 検収書 請求書 */
.lp-features-txt7 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 98px; letter-spacing: 0em; line-height: 25px; margin: 0px 0px 0px 1px; text-align: center; width: 116px; max-width: calc(100% - 1px); justify-content: center; }
@media screen and (max-width: 760px) { .lp-features-txt7 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-features-txt7 { flex: 0 0 auto; font-size: 16px; height: auto; line-height: 1; margin: 0px; width: auto; max-width: 100%; } }

/* lp-features-box14: 電子署名機能 */
.lp-features-box14 { align-items: center; background: rgb(255, 255, 255); border-radius: 16px; box-shadow: rgba(83, 122, 143, 0.25) 2px 2px 9px 0px; flex: 0 0 auto; flex-direction: column; gap: 50px; height: 292.98px; justify-content: flex-start; margin: 0px; padding: 40px 32px; width: calc(100% - (var(--gh-lp-features-box12) * 0)); --gh-lp-features-box14: 0px; --gv-lp-features-box14: 50px; max-width: calc(100% - (var(--gh-lp-features-box12) * 0)); }
@media screen and (max-width: 540px) { .lp-features-box14 { place-content: center; align-items: center; flex: 0 0 auto; gap: 16px; height: 160px; margin: 0px; padding: 24px 16px; width: calc(50% - (var(--gh-lp-features-box12) * 0.5)); --gh-lp-features-box14: 0px; --gv-lp-features-box14: 16px; max-width: calc(50% - (var(--gh-lp-features-box12) * 0.5)); } }

/* lp-features-pic6:  */
.lp-features-pic6 { flex: 0 0 auto; height: 120px; width: 160px; max-width: 100%; }
.lp-features-pic6::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-features-pic6 { height: calc(50% - (var(--gv-lp-features-box14) * 0.5)); max-width: 100%; } }

/* lp-features-txt8: 電子署名機能 */
.lp-features-txt8 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: 34px; letter-spacing: 0em; line-height: 25px; margin: 0px; text-align: center; width: 140px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-features-txt8 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-features-txt8 { flex: 0 0 auto; font-size: 16px; height: auto; line-height: 1; margin: 0px; width: auto; max-width: 100%; } }

/* lp-features-pic7:  */
.lp-features-pic7 { inset: 0px; height: auto; margin: 0px; position: absolute; width: auto; z-index: -3; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-features-pic7 { inset: 0px; height: auto; width: auto; } }

/* lp-blk6-box1: 即時導入可能 費用負担ゼロで日本の中小企業に最適なツール  */
.lp-blk6-box1 { align-items: center; background: rgb(238, 246, 255); flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; overflow: hidden; padding: 0px 40px 60px; width: 100%; --gh-lp-blk6-box1: 0px; --gv-lp-blk6-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-blk6-box1 { padding: 0px 0px 60px; --gh-lp-blk6-box1: 0px; --gv-lp-blk6-box1: 0px; } }
@media screen and (max-width: 540px) { .lp-blk6-box1 { padding: 0px 40px 44px; --gh-lp-blk6-box1: 0px; --gv-lp-blk6-box1: 0px; } }

/* lp-blk6-img1:  */
.lp-blk6-img1 { align-items: center; flex-direction: column; height: auto; justify-content: center; margin: -10px 0px 0px; rotate: -180deg; width: 126px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk6-img1 { flex: 0 0 auto; width: 100px; max-width: 100%; } }

/* lp-blk6-txt1: 即時導入可能 費用負担ゼロで日本の中小企業に最適なツール */
.lp-blk6-txt1 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 34px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 2; margin: 68px 0px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-blk6-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt1 { font-size: 22px; letter-spacing: 0.05em; line-height: 1.6; margin: 40px 0px 0px; max-width: 100%; } }

/* lp-blk6-box2: ポイント 01 すぐに使える 面倒な設定なしで、簡単に */
.lp-blk6-box2 { align-items: center; flex: 0 0 auto; flex-direction: row; gap: 40px; height: auto; justify-content: flex-start; margin: 53px 0px 0px; padding: 0px; width: 1200px; --gh-lp-blk6-box2: 40px; --gv-lp-blk6-box2: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-blk6-box2 { flex: 0 0 auto; width: calc(86% - (var(--gh-lp-blk6-box1) * 0.14000000000000004)); --gh-lp-blk6-box2: 40px; --gv-lp-blk6-box2: 0px; max-width: calc(86% - (var(--gh-lp-blk6-box1) * 0.14000000000000004)); } }
@media screen and (max-width: 760px) { .lp-blk6-box2 { flex-wrap: wrap; --gh-lp-blk6-box2: 40px; --gv-lp-blk6-box2: 40px; } }
@media screen and (max-width: 540px) { .lp-blk6-box2 { gap: 20px; margin: 40px 0px 0px; width: calc(100% - (var(--gh-lp-blk6-box1) * 0)); --gh-lp-blk6-box2: 20px; --gv-lp-blk6-box2: 0px; max-width: calc(100% - (var(--gh-lp-blk6-box1) * 0)); } }

/* lp-blk6-box3: ポイント 01 すぐに使える 面倒な設定なしで、簡単に */
.lp-blk6-box3 { align-items: center; background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(65, 84, 127, 0.25) 2px 2px 11px 0px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; overflow: hidden; padding: 56px 36px 55px 35px; width: calc(33.33333333333333% - (var(--gh-lp-blk6-box2) * 0.6666666666666667)); max-width: calc(33.33333333333333% - (var(--gh-lp-blk6-box2) * 0.6666666666666667)); }
@media screen and (max-width: 760px) { .lp-blk6-box3 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-blk6-box2) * 0)); max-width: calc(100% - (var(--gh-lp-blk6-box2) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk6-box3 { padding: 40px 20px; } }

/* lp-blk6-box4: ポイント 01 すぐに使える 面倒な設定なしで、簡単に */
.lp-blk6-box4 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-lp-blk6-box4: 0px; --gv-lp-blk6-box4: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk6-box4 { place-content: center flex-start; align-items: center; --gh-lp-blk6-box4: 0px; --gv-lp-blk6-box4: 0px; } }
@media screen and (max-width: 540px) { .lp-blk6-box4 { margin: 0px; padding: 0px; --gh-lp-blk6-box4: 0px; --gv-lp-blk6-box4: 0px; } }

/* lp-blk6-box5: ポイント 01 */
.lp-blk6-box5 { align-items: center; background: rgb(40, 98, 222); border-radius: 23px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 3px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk6-box5 { margin: 0px 0px 10px; max-width: 100%; } }

/* lp-blk6-txt2: ポイント 01 */
.lp-blk6-txt2 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 24px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-blk6-txt2 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt2 { font-size: 13px; } }

/* lp-blk6-txt3: 一分でアカウント作成。すぐに使える！ */
.lp-blk6-txt3 { color: rgb(60, 69, 103); display: none; font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 32px; margin: 24px 0px 0px 7px; text-align: left; width: auto; max-width: calc(100% - 7px); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .lp-blk6-txt3 { display: none; } }
@media screen and (max-width: 760px) { .lp-blk6-txt3 { display: none; font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt3 { display: flex; font-size: 20px; line-height: 1.6; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-blk6-txt3 { display: flex; } }

/* lp-blk6-txt4: すぐに使える */
.lp-blk6-txt4 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 32px; margin: 24px 0px 0px 7px; text-align: left; width: auto; max-width: calc(100% - 7px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk6-txt4 { display: flex; font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt4 { display: none; font-size: 20px; line-height: 1.6; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-blk6-txt4 { display: none; } }

/* lp-blk6-txt5: 面倒な設定なしで、簡単にアカウント作成が可能。登録後、すぐに */
.lp-blk6-txt5 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: 149px; letter-spacing: 0em; line-height: 37px; margin: 15px 0px 0px; text-align: left; width: 306px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk6-txt5 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt5 { flex: 0 0 auto; font-size: 14px; height: auto; line-height: 1.6; margin: 10px 0px 0px; width: auto; max-width: 100%; } }

/* lp-blk6-box6: ポイント 02 サブスクと2年契約 サブスクと2年契約の */
.lp-blk6-box6 { align-items: center; background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(65, 84, 127, 0.25) 2px 2px 11px 0px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; overflow: hidden; padding: 56px 36px 55px 35px; width: calc(33.33333333333333% - (var(--gh-lp-blk6-box2) * 0.6666666666666667)); max-width: calc(33.33333333333333% - (var(--gh-lp-blk6-box2) * 0.6666666666666667)); }
@media screen and (max-width: 760px) { .lp-blk6-box6 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-blk6-box2) * 0)); max-width: calc(100% - (var(--gh-lp-blk6-box2) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk6-box6 { padding: 40px 20px; } }

/* lp-blk6-box7: ポイント 02 サブスクと2年契約 サブスクと2年契約の */
.lp-blk6-box7 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-lp-blk6-box7: 0px; --gv-lp-blk6-box7: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk6-box7 { place-content: center flex-start; align-items: center; --gh-lp-blk6-box7: 0px; --gv-lp-blk6-box7: 0px; } }
@media screen and (max-width: 540px) { .lp-blk6-box7 { margin: 0px; padding: 0px; --gh-lp-blk6-box7: 0px; --gv-lp-blk6-box7: 0px; } }

/* lp-blk6-box8: ポイント 02 */
.lp-blk6-box8 { align-items: center; background: rgb(40, 98, 222); border-radius: 23px; flex: 0 0 auto; flex-flow: column-reverse; height: auto; justify-content: flex-start; margin: 0px; padding: 3px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk6-box8 { margin: 0px 0px 10px; max-width: 100%; } }

/* lp-blk6-txt6: ポイント 02 */
.lp-blk6-txt6 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 24px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-blk6-txt6 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt6 { font-size: 13px; } }

/* lp-blk6-txt7: サブスクと2年契約 */
.lp-blk6-txt7 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 32px; margin: 40px 0px 0px 7px; text-align: left; width: auto; max-width: calc(100% - 7px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk6-txt7 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt7 { font-size: 20px; line-height: 1.6; margin: 0px; max-width: 100%; } }

/* lp-blk6-txt8: サブスクと2年契約の2つのプランから選択可能。必要な機能を選 */
.lp-blk6-txt8 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: 149px; letter-spacing: 0em; line-height: 37px; margin: 31px 0px 0px; text-align: left; width: 306px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk6-txt8 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt8 { flex: 0 0 auto; font-size: 14px; height: auto; line-height: 1.6; margin: 10px 0px 0px; width: auto; max-width: 100%; } }

/* lp-blk6-box9: ポイント 03 日本企業のシステム 日本の中小企業向けに */
.lp-blk6-box9 { align-items: center; background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(65, 84, 127, 0.25) 2px 2px 11px 0px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; overflow: hidden; padding: 56px 36px 55px 35px; width: calc(33.33333333333333% - (var(--gh-lp-blk6-box2) * 0.6666666666666667)); max-width: calc(33.33333333333333% - (var(--gh-lp-blk6-box2) * 0.6666666666666667)); }
@media screen and (max-width: 760px) { .lp-blk6-box9 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-blk6-box2) * 0)); max-width: calc(100% - (var(--gh-lp-blk6-box2) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk6-box9 { padding: 40px 20px; } }

/* lp-blk6-box10: ポイント 03 日本企業のシステム 日本の中小企業向けに */
.lp-blk6-box10 { align-items: flex-start; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-lp-blk6-box10: 0px; --gv-lp-blk6-box10: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk6-box10 { place-content: center flex-start; align-items: center; --gh-lp-blk6-box10: 0px; --gv-lp-blk6-box10: 0px; } }
@media screen and (max-width: 540px) { .lp-blk6-box10 { margin: 0px; padding: 0px; --gh-lp-blk6-box10: 0px; --gv-lp-blk6-box10: 0px; } }

/* lp-blk6-box11: ポイント 03 */
.lp-blk6-box11 { align-items: center; background: rgb(40, 98, 222); border-radius: 23px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 3px 20px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk6-box11 { margin: 0px 0px 10px; max-width: 100%; } }

/* lp-blk6-txt9: ポイント 03 */
.lp-blk6-txt9 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 24px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-blk6-txt9 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt9 { font-size: 13px; } }

/* lp-blk6-txt10: 日本の中小企業向けに最適化！ */
.lp-blk6-txt10 { color: rgb(60, 69, 103); display: none; font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 32px; margin: 24px 0px 0px 7px; text-align: left; width: auto; max-width: calc(100% - 7px); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .lp-blk6-txt10 { display: none; } }
@media screen and (max-width: 760px) { .lp-blk6-txt10 { display: none; font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt10 { display: flex; font-size: 20px; line-height: 1.6; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-blk6-txt10 { display: flex; } }

/* lp-blk6-txt11: 日本企業のシステム */
.lp-blk6-txt11 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 32px; margin: 24px 0px 0px 7px; text-align: left; width: auto; max-width: calc(100% - 7px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk6-txt11 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt11 { display: none; font-size: 20px; line-height: 1.6; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .lp-blk6-txt11 { display: none; } }

/* lp-blk6-txt12: 日本の中小企業向けに特化したシンプルな設計で、誰でもすぐに使 */
.lp-blk6-txt12 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: 149px; letter-spacing: 0em; line-height: 37px; margin: 15px 0px 0px; text-align: left; width: 306px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk6-txt12 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk6-txt12 { flex: 0 0 auto; font-size: 14px; height: auto; line-height: 1.6; margin: 10px 0px 0px; width: auto; max-width: 100%; } }

/* lp-price-box1: 使いたい機能・スケールで選べる シンプルな料金体系 プロプ */
.lp-price-box1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 80px 40px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-price-box1 { padding: 60px 0px; } }

/* lp-price-box2: 使いたい機能・スケールで選べる シンプルな料金体系 */
.lp-price-box2 { place-content: center; align-items: center; flex-wrap: nowrap; gap: 20px; margin: 0px 0px 40px; padding: 0px; --gh-lp-price-box2: 0px; --gv-lp-price-box2: 20px; max-width: 100%; }

/* lp-price-txt1: 使いたい機能・スケールで選べる シンプルな料金体系 */
.lp-price-txt1 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 34px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .lp-price-txt1 { font-size: 22px; line-height: 1.6; } }

/* lp-price-box3:  */
.lp-price-box3 { background: rgb(58, 142, 230); border-radius: 24px; flex: 0 0 auto; height: 4px; width: 60px; max-width: 100%; }

/* lp-price-box4: プロプラン おすすめ 全機能付きで初心者でも安心。 最大 */
.lp-price-box4 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; padding: 0px; width: 1200px; --gh-lp-price-box4: 40px; --gv-lp-price-box4: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-price-box4 { flex: 0 0 auto; width: 86%; --gh-lp-price-box4: 40px; --gv-lp-price-box4: 0px; max-width: 86%; } }
@media screen and (max-width: 760px) { .lp-price-box4 { flex-flow: column; --gh-lp-price-box4: 0px; --gv-lp-price-box4: 40px; } }
@media screen and (max-width: 540px) { .lp-price-box4 { padding: 0px 40px; width: 100%; --gh-lp-price-box4: 40px; --gv-lp-price-box4: 0px; max-width: 100%; } }

/* lp-price-box5: 無料プランまずは無料でお試し。すぐにはじめることが可能です。 */
.lp-price-box5 { align-items: center; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(91, 91, 128, 0.2) 0px 2px 5px; display: none; flex: 0 0 auto; flex-direction: column; gap: 0px; height: 780px; justify-content: flex-start; margin: 0px; padding: 85px 20px 0px; width: calc(33% - (var(--gh-lp-price-box4) * 0.67)); --gh-lp-price-box5: 0px; --gv-lp-price-box5: 0px; max-width: calc(33% - (var(--gh-lp-price-box4) * 0.67)); }
@media screen and (max-width: 1280px) { .lp-price-box5 { display: none; padding: 60px 20px; --gh-lp-price-box5: 0px; --gv-lp-price-box5: 0px; } }
@media screen and (max-width: 760px) { .lp-price-box5 { display: none; flex: 0 0 auto; height: auto; padding: 40px 20px; width: calc(100% - (var(--gh-lp-price-box4) * 0)); --gh-lp-price-box5: 0px; --gv-lp-price-box5: 0px; max-width: calc(100% - (var(--gh-lp-price-box4) * 0)); } }
@media screen and (max-width: 540px) { .lp-price-box5 { box-shadow: rgba(91, 91, 128, 0.36) 0px 2px 7px; display: none; margin: -1px 0px 0px; padding: 40px 20px 32px; --gh-lp-price-box5: 0px; --gv-lp-price-box5: 0px; width: calc(100% - (var(--gh-lp-price-box4) * 0)); max-width: calc(100% - (var(--gh-lp-price-box4) * 0)); } }
@media screen and (max-width: 360px) { .lp-price-box5 { display: none; --gh-lp-price-box5: 0px; --gv-lp-price-box5: 0px; } }

/* lp-price-txt2: 無料プラン */
.lp-price-txt2 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt2 { font-size: 20px; } }
@media screen and (max-width: 540px) { .lp-price-txt2 { font-size: 22px; } }

/* lp-price-txt3: まずは無料でお試し。すぐにはじめることが可能です。 */
.lp-price-txt3 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 2; margin: 15px 0px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt3 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt3 { font-size: 14px; font-weight: 500; line-height: 1.6; margin: 10px 0px 0px; max-width: 100%; } }

/* lp-price-txt4: ￥0 */
.lp-price-txt4 { color: rgb(34, 34, 34); font-family: 'Noto Sans', sans-serif; font-size: 40px; font-style: normal; font-weight: 700; height: auto; letter-spacing: -2px; margin: 20px 0px 0px -1px; text-align: center; width: auto; max-width: calc(100% + 1px); justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt4 { font-size: 36px; } }
@media screen and (max-width: 540px) { .lp-price-txt4 { font-size: 32px; } }

/* lp-price-link1: 無料で試す */
.lp-price-link1 { align-items: center; background: rgb(40, 98, 222); border-radius: 27px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 30px 0px 0px; padding: 20px 40px; width: calc(86% - (var(--gh-lp-price-box5) * 0.14000000000000004)); max-width: calc(86% - (var(--gh-lp-price-box5) * 0.14000000000000004)); }
.lp-price-link1:hover { scale: 1.09; transition-duration: 400ms; }
@media screen and (max-width: 760px) { .lp-price-link1 { width: calc(100% - (var(--gh-lp-price-box5) * 0)); max-width: calc(100% - (var(--gh-lp-price-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-price-link1 { flex: 0 0 auto; margin: 20px 0px; width: calc(80% - (var(--gh-lp-price-box5) * 0.2)); max-width: calc(80% - (var(--gh-lp-price-box5) * 0.2)); } }

/* lp-price-txt5: 無料で試す */
.lp-price-txt5 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt5 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-price-txt5 { font-size: 16px; } }

/* lp-price-box6: account_circleユーザー数1人までlaptop広 */
.lp-price-box6 { align-items: flex-end; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 40px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box5) * 0)); --gh-lp-price-box6: 0px; --gv-lp-price-box6: 0px; max-width: calc(100% - (var(--gh-lp-price-box5) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box6 { margin: 16px 0px 0px; padding: 0px; --gh-lp-price-box6: 0px; --gv-lp-price-box6: 0px; width: calc(100% - (var(--gh-lp-price-box5) * 0)); max-width: calc(100% - (var(--gh-lp-price-box5) * 0)); } }

/* lp-price-box7: account_circleユーザー数1人までlaptop広 */
.lp-price-box7 { align-items: center; flex-direction: column; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box6) * 0)); --gh-lp-price-box7: 0px; --gv-lp-price-box7: 8px; max-width: calc(100% - (var(--gh-lp-price-box6) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box7 { gap: 2px; margin: 0px; padding: 0px; --gh-lp-price-box7: 0px; --gv-lp-price-box7: 2px; } }

/* lp-price-box8: account_circleユーザー数1人まで */
.lp-price-box8 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box7) * 0)); --gh-lp-price-box8: 15px; --gv-lp-price-box8: 0px; max-width: calc(100% - (var(--gh-lp-price-box7) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box8 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box8: 6px; --gv-lp-price-box8: 0px; } }

/* lp-price-icon1: account_circle */
.lp-price-icon1 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt6: ユーザー数1人まで */
.lp-price-txt6 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt6 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt6 { font-size: 13px; } }

/* lp-price-box9: laptop広告表示あり */
.lp-price-box9 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box7) * 0)); --gh-lp-price-box9: 15px; --gv-lp-price-box9: 0px; max-width: calc(100% - (var(--gh-lp-price-box7) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box9 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box9: 6px; --gv-lp-price-box9: 0px; } }

/* lp-price-icon2: laptop */
.lp-price-icon2 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt7: 広告表示あり */
.lp-price-txt7 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt7 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt7 { font-size: 13px; } }

/* lp-price-box10: 基本機能people_outline顧客管理機能attach */
.lp-price-box10 { align-items: flex-start; flex-direction: column; gap: 15px; height: auto; justify-content: flex-start; margin: 30px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box6) * 0)); --gh-lp-price-box10: 0px; --gv-lp-price-box10: 15px; max-width: calc(100% - (var(--gh-lp-price-box6) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box10 { gap: 6px; margin: 14px 0px 0px; padding: 0px; --gh-lp-price-box10: 0px; --gv-lp-price-box10: 6px; width: calc(100% - (var(--gh-lp-price-box6) * 0)); max-width: calc(100% - (var(--gh-lp-price-box6) * 0)); } }

/* lp-price-txt8: 基本機能 */
.lp-price-txt8 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt8 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt8 { font-size: 13px; } }

/* lp-price-box11: people_outline顧客管理機能 */
.lp-price-box11 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box10) * 0)); --gh-lp-price-box11: 15px; --gv-lp-price-box11: 0px; max-width: calc(100% - (var(--gh-lp-price-box10) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box11 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box11: 6px; --gv-lp-price-box11: 0px; } }

/* lp-price-icon3: people_outline */
.lp-price-icon3 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt9: 顧客管理機能 */
.lp-price-txt9 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt9 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt9 { font-size: 13px; } }

/* lp-price-box12: attachment見積書・請求書発行機能 */
.lp-price-box12 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box10) * 0)); --gh-lp-price-box12: 15px; --gv-lp-price-box12: 0px; max-width: calc(100% - (var(--gh-lp-price-box10) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box12 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box12: 6px; --gv-lp-price-box12: 0px; } }

/* lp-price-icon4: attachment */
.lp-price-icon4 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt10: 見積書・請求書発行機能 */
.lp-price-txt10 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt10 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt10 { font-size: 13px; } }

/* lp-price-box13: 入金管理機能 */
.lp-price-box13 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box10) * 0)); --gh-lp-price-box13: 15px; --gv-lp-price-box13: 0px; max-width: calc(100% - (var(--gh-lp-price-box10) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box13 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box13: 6px; --gv-lp-price-box13: 0px; } }

/* lp-price-icon5:  */
.lp-price-icon5 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt11: 入金管理機能 */
.lp-price-txt11 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt11 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt11 { font-size: 13px; } }

/* lp-price-txt12: 詳しく見る */
.lp-price-txt12 { color: rgb(33, 100, 243); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 22px 13px 0px 0px; text-align: left; text-decoration: underline; width: auto; max-width: calc(100% - 13px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt12 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt12 { font-size: 13px; } }

/* lp-price-box14: プロプラン おすすめ 全機能付きで初心者でも安心。 最大 */
.lp-price-box14 { align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(40, 98, 222); border-radius: 10px; box-shadow: rgba(91, 91, 128, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-direction: column; gap: 0px; height: 780px; justify-content: flex-start; margin: 0px; overflow: hidden; padding: 85px 20px 0px; width: calc(45% - (var(--gh-lp-price-box4) * 0.55)); --gh-lp-price-box14: 0px; --gv-lp-price-box14: 0px; max-width: calc(45% - (var(--gh-lp-price-box4) * 0.55)); }
@media screen and (max-width: 1280px) { .lp-price-box14 { padding: 60px 20px; --gh-lp-price-box14: 0px; --gv-lp-price-box14: 0px; } }
@media screen and (max-width: 760px) { .lp-price-box14 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-lp-price-box4) * 0)); --gh-lp-price-box14: 0px; --gv-lp-price-box14: 0px; max-width: calc(100% - (var(--gh-lp-price-box4) * 0)); } }
@media screen and (max-width: 540px) { .lp-price-box14 { box-shadow: rgba(91, 91, 128, 0.36) 0px 2px 7px; padding: 58px 20px 32px; --gh-lp-price-box14: 0px; --gv-lp-price-box14: 0px; } }

/* lp-price-txt13: プロプラン */
.lp-price-txt13 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt13 { font-size: 20px; } }
@media screen and (max-width: 540px) { .lp-price-txt13 { font-size: 22px; } }

/* lp-price-box15: おすすめ */
.lp-price-box15 { place-content: center; align-items: center; background: rgb(40, 98, 222); bottom: auto; flex-flow: column; height: 45px; left: 0px; margin: 0px; position: absolute; top: 0px; width: calc(100% - (var(--gh-lp-price-box14) * 0)); max-width: calc(100% - (var(--gh-lp-price-box14) * 0)); }

/* lp-price-txt14: おすすめ */
.lp-price-txt14 { color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* lp-price-txt15: 全機能付きで初心者でも安心。 最大10人まで使用できるプロプ */
.lp-price-txt15 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 2; margin: 15px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt15 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt15 { font-size: 14px; font-weight: 500; line-height: 1.6; margin: 10px 0px 0px; max-width: 100%; } }

/* lp-price-box16: ￥220,000+税 (月額) */
.lp-price-box16 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 20px 0px 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-price-box16 { padding: 0px; } }

/* lp-price-box17: ￥220,000+税 (月額) */
.lp-price-box17 { align-items: center; flex-direction: row; gap: 9px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; --gh-lp-price-box17: 9px; --gv-lp-price-box17: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-price-box17 { gap: 4px; margin: 0px; padding: 0px; --gh-lp-price-box17: 4px; --gv-lp-price-box17: 0px; } }

/* lp-price-txt16: ￥220,000+税 */
.lp-price-txt16 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 41px; font-style: normal; font-weight: 700; height: auto; letter-spacing: -2px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt16 { font-size: 36px; } }
@media screen and (max-width: 540px) { .lp-price-txt16 { font-size: 32px; } }

/* lp-price-txt17: (月額) */
.lp-price-txt17 { color: rgb(153, 153, 153); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 20px; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt17 { font-size: 13px; } }
@media screen and (max-width: 540px) { .lp-price-txt17 { font-size: 13px; } }

/* lp-price-link2: 今すぐ申し込む */
.lp-price-link2 { align-items: center; background: rgb(40, 98, 222); border-radius: 27px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 30px 0px 0px; padding: 20px 40px; width: calc(86% - (var(--gh-lp-price-box14) * 0.14000000000000004)); max-width: calc(86% - (var(--gh-lp-price-box14) * 0.14000000000000004)); }
.lp-price-link2:hover { scale: 1.09; transition-duration: 400ms; }
@media screen and (max-width: 760px) { .lp-price-link2 { width: calc(100% - (var(--gh-lp-price-box14) * 0)); max-width: calc(100% - (var(--gh-lp-price-box14) * 0)); } }
@media screen and (max-width: 540px) { .lp-price-link2 { flex: 0 0 auto; margin: 20px 0px; width: calc(80% - (var(--gh-lp-price-box14) * 0.2)); max-width: calc(80% - (var(--gh-lp-price-box14) * 0.2)); } }

/* lp-price-txt18: 今すぐ申し込む */
.lp-price-txt18 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt18 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-price-txt18 { font-size: 16px; } }

/* lp-price-box18: account_circle ユーザー数10人まで la */
.lp-price-box18 { align-items: flex-end; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 40px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box14) * 0)); --gh-lp-price-box18: 0px; --gv-lp-price-box18: 0px; max-width: calc(100% - (var(--gh-lp-price-box14) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box18 { margin: 16px 0px 0px; padding: 0px; --gh-lp-price-box18: 0px; --gv-lp-price-box18: 0px; width: calc(100% - (var(--gh-lp-price-box14) * 0)); max-width: calc(100% - (var(--gh-lp-price-box14) * 0)); } }

/* lp-price-box19: account_circle ユーザー数10人まで la */
.lp-price-box19 { align-items: center; flex-direction: column; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box18) * 0)); --gh-lp-price-box19: 0px; --gv-lp-price-box19: 8px; max-width: calc(100% - (var(--gh-lp-price-box18) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box19 { gap: 2px; margin: 0px; padding: 0px; --gh-lp-price-box19: 0px; --gv-lp-price-box19: 2px; } }

/* lp-price-box20: account_circle ユーザー数10人まで */
.lp-price-box20 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box19) * 0)); --gh-lp-price-box20: 15px; --gv-lp-price-box20: 0px; max-width: calc(100% - (var(--gh-lp-price-box19) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box20 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box20: 6px; --gv-lp-price-box20: 0px; } }

/* lp-price-icon6: account_circle */
.lp-price-icon6 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt19: ユーザー数10人まで */
.lp-price-txt19 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt19 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt19 { font-size: 13px; } }

/* lp-price-box21: laptop 広告表示なし */
.lp-price-box21 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box19) * 0)); --gh-lp-price-box21: 15px; --gv-lp-price-box21: 0px; max-width: calc(100% - (var(--gh-lp-price-box19) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box21 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box21: 6px; --gv-lp-price-box21: 0px; } }

/* lp-price-icon7: laptop */
.lp-price-icon7 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt20: 広告表示なし */
.lp-price-txt20 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt20 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt20 { font-size: 13px; } }

/* lp-price-box22: account_box 追加ユーザー1名10,000円（税 */
.lp-price-box22 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box19) * 0)); --gh-lp-price-box22: 15px; --gv-lp-price-box22: 0px; max-width: calc(100% - (var(--gh-lp-price-box19) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box22 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box22: 6px; --gv-lp-price-box22: 0px; } }

/* lp-price-icon8: account_box */
.lp-price-icon8 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt21: 追加ユーザー1名10,000円（税別） */
.lp-price-txt21 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt21 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt21 { font-size: 13px; } }

/* lp-price-box23: サクッと受発注の全機能利用可能 仕入管理・原価計算機能  */
.lp-price-box23 { align-items: flex-start; flex-direction: column; gap: 15px; height: auto; justify-content: flex-start; margin: 30px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box18) * 0)); --gh-lp-price-box23: 0px; --gv-lp-price-box23: 15px; max-width: calc(100% - (var(--gh-lp-price-box18) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box23 { gap: 6px; margin: 14px 0px 0px; padding: 0px; --gh-lp-price-box23: 0px; --gv-lp-price-box23: 6px; width: calc(100% - (var(--gh-lp-price-box18) * 0)); max-width: calc(100% - (var(--gh-lp-price-box18) * 0)); } }

/* lp-price-txt22: サクッと受発注の全機能利用可能 */
.lp-price-txt22 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt22 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt22 { font-size: 13px; } }

/* lp-price-box24: 仕入管理・原価計算機能 */
.lp-price-box24 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box23) * 0)); --gh-lp-price-box24: 15px; --gv-lp-price-box24: 0px; max-width: calc(100% - (var(--gh-lp-price-box23) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box24 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box24: 6px; --gv-lp-price-box24: 0px; } }

/* lp-price-icon9:  */
.lp-price-icon9 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt23: 仕入管理・原価計算機能 */
.lp-price-txt23 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt23 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt23 { font-size: 13px; } }

/* lp-price-box25: 電子署名・検収書・発注請書機能 */
.lp-price-box25 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box23) * 0)); --gh-lp-price-box25: 15px; --gv-lp-price-box25: 0px; max-width: calc(100% - (var(--gh-lp-price-box23) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box25 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box25: 6px; --gv-lp-price-box25: 0px; } }

/* lp-price-icon10:  */
.lp-price-icon10 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt24: 電子署名・検収書・発注請書機能 */
.lp-price-txt24 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt24 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt24 { font-size: 13px; } }

/* lp-price-box26: done カード電子決済・発注・売上管理機能 */
.lp-price-box26 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box23) * 0)); --gh-lp-price-box26: 15px; --gv-lp-price-box26: 0px; max-width: calc(100% - (var(--gh-lp-price-box23) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box26 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box26: 6px; --gv-lp-price-box26: 0px; } }

/* lp-price-icon11: done */
.lp-price-icon11 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt25: カード電子決済・発注・売上管理機能 */
.lp-price-txt25 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt25 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt25 { font-size: 13px; } }

/* lp-price-txt26: 詳しく見る */
.lp-price-txt26 { color: rgb(33, 100, 243); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 22px 13px 0px 0px; text-align: left; text-decoration: underline; width: auto; max-width: calc(100% - 13px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt26 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt26 { font-size: 13px; } }

/* lp-price-box27: 2年契約プラン 全機能込み・月額費用不要 2年間の利用契約 */
.lp-price-box27 { align-items: center; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(91, 91, 128, 0.2) 0px 2px 5px; flex: 0 0 auto; flex-direction: column; gap: 0px; height: 780px; justify-content: flex-start; margin: 0px; padding: 85px 20px 0px; width: calc(45% - (var(--gh-lp-price-box4) * 0.55)); --gh-lp-price-box27: 0px; --gv-lp-price-box27: 0px; max-width: calc(45% - (var(--gh-lp-price-box4) * 0.55)); }
@media screen and (max-width: 1280px) { .lp-price-box27 { padding: 60px 20px; --gh-lp-price-box27: 0px; --gv-lp-price-box27: 0px; } }
@media screen and (max-width: 760px) { .lp-price-box27 { flex: 0 0 auto; height: auto; padding: 40px 20px; width: calc(100% - (var(--gh-lp-price-box4) * 0)); --gh-lp-price-box27: 0px; --gv-lp-price-box27: 0px; max-width: calc(100% - (var(--gh-lp-price-box4) * 0)); } }
@media screen and (max-width: 540px) { .lp-price-box27 { box-shadow: rgba(91, 91, 128, 0.36) 0px 2px 7px; margin: -1px 0px 0px; padding: 40px 20px 32px; --gh-lp-price-box27: 0px; --gv-lp-price-box27: 0px; width: calc(100% - (var(--gh-lp-price-box4) * 0)); max-width: calc(100% - (var(--gh-lp-price-box4) * 0)); } }

/* lp-price-txt27: 2年契約プラン */
.lp-price-txt27 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 28px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.5; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt27 { font-size: 20px; } }
@media screen and (max-width: 540px) { .lp-price-txt27 { font-size: 22px; } }

/* lp-price-txt28: 全機能込み・月額費用不要 2年間の利用契約プラン（最大100 */
.lp-price-txt28 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 2; margin: 15px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt28 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt28 { font-size: 14px; font-weight: 500; line-height: 1.6; margin: 10px 0px 0px; max-width: 100%; } }

/* lp-price-txt29: ￥5,500,000+税 */
.lp-price-txt29 { color: rgb(34, 34, 34); font-family: 'Noto Sans', sans-serif; font-size: 40px; font-style: normal; font-weight: 700; height: auto; letter-spacing: -2px; margin: 20px 0px 0px -1px; text-align: center; width: auto; max-width: calc(100% + 1px); justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt29 { font-size: 36px; } }
@media screen and (max-width: 540px) { .lp-price-txt29 { font-size: 32px; } }

/* lp-price-link3: 今すぐ申し込む */
.lp-price-link3 { align-items: center; background: rgb(40, 98, 222); border-radius: 27px; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 30px 0px 0px; padding: 20px 40px; width: calc(86% - (var(--gh-lp-price-box27) * 0.14000000000000004)); max-width: calc(86% - (var(--gh-lp-price-box27) * 0.14000000000000004)); }
.lp-price-link3:hover { scale: 1.09; transition-duration: 400ms; }
@media screen and (max-width: 760px) { .lp-price-link3 { width: calc(100% - (var(--gh-lp-price-box27) * 0)); max-width: calc(100% - (var(--gh-lp-price-box27) * 0)); } }
@media screen and (max-width: 540px) { .lp-price-link3 { flex: 0 0 auto; margin: 20px 0px; width: calc(80% - (var(--gh-lp-price-box27) * 0.2)); max-width: calc(80% - (var(--gh-lp-price-box27) * 0.2)); } }

/* lp-price-txt30: 今すぐ申し込む */
.lp-price-txt30 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-price-txt30 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-price-txt30 { font-size: 16px; } }

/* lp-price-box28: account_circle ユーザー数100人まで l */
.lp-price-box28 { align-items: flex-end; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 40px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box27) * 0)); --gh-lp-price-box28: 0px; --gv-lp-price-box28: 0px; max-width: calc(100% - (var(--gh-lp-price-box27) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box28 { margin: 16px 0px 0px; padding: 0px; --gh-lp-price-box28: 0px; --gv-lp-price-box28: 0px; width: calc(100% - (var(--gh-lp-price-box27) * 0)); max-width: calc(100% - (var(--gh-lp-price-box27) * 0)); } }

/* lp-price-box29: account_circle ユーザー数100人まで l */
.lp-price-box29 { align-items: center; flex-direction: column; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box28) * 0)); --gh-lp-price-box29: 0px; --gv-lp-price-box29: 8px; max-width: calc(100% - (var(--gh-lp-price-box28) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box29 { gap: 2px; margin: 0px; padding: 0px; --gh-lp-price-box29: 0px; --gv-lp-price-box29: 2px; } }

/* lp-price-box30: account_circle ユーザー数100人まで */
.lp-price-box30 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box29) * 0)); --gh-lp-price-box30: 15px; --gv-lp-price-box30: 0px; max-width: calc(100% - (var(--gh-lp-price-box29) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box30 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box30: 6px; --gv-lp-price-box30: 0px; } }

/* lp-price-icon12: account_circle */
.lp-price-icon12 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt31: ユーザー数100人まで */
.lp-price-txt31 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt31 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt31 { font-size: 13px; } }

/* lp-price-box31: laptop 広告表示なし */
.lp-price-box31 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box29) * 0)); --gh-lp-price-box31: 15px; --gv-lp-price-box31: 0px; max-width: calc(100% - (var(--gh-lp-price-box29) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box31 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box31: 6px; --gv-lp-price-box31: 0px; } }

/* lp-price-icon13: laptop */
.lp-price-icon13 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt32: 広告表示なし */
.lp-price-txt32 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt32 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt32 { font-size: 13px; } }

/* lp-price-box32: account_box 追加ユーザー1名10,000円（税 */
.lp-price-box32 { align-items: center; flex-direction: row; gap: 15px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box29) * 0)); --gh-lp-price-box32: 15px; --gv-lp-price-box32: 0px; max-width: calc(100% - (var(--gh-lp-price-box29) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box32 { gap: 6px; margin: 0px; padding: 0px 0px 2px; --gh-lp-price-box32: 6px; --gv-lp-price-box32: 0px; } }

/* lp-price-icon14: account_box */
.lp-price-icon14 { color: rgb(51, 51, 51); font-size: 24px; }

/* lp-price-txt33: 追加ユーザー1名10,000円（税別） */
.lp-price-txt33 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt33 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt33 { font-size: 13px; } }

/* lp-price-box33: サクっと受発注全機能とユーザー100名まで利用可能 */
.lp-price-box33 { align-items: flex-start; flex-direction: column; gap: 15px; height: auto; justify-content: flex-start; margin: 30px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-lp-price-box28) * 0)); --gh-lp-price-box33: 0px; --gv-lp-price-box33: 15px; max-width: calc(100% - (var(--gh-lp-price-box28) * 0)); }
@media screen and (max-width: 540px) { .lp-price-box33 { gap: 6px; margin: 14px 0px 0px; padding: 0px; --gh-lp-price-box33: 0px; --gv-lp-price-box33: 6px; width: calc(100% - (var(--gh-lp-price-box28) * 0)); max-width: calc(100% - (var(--gh-lp-price-box28) * 0)); } }

/* lp-price-txt34: サクっと受発注全機能とユーザー100名まで利用可能 */
.lp-price-txt34 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt34 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt34 { font-size: 13px; } }

/* lp-price-txt35: 詳しく見る */
.lp-price-txt35 { color: rgb(33, 100, 243); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1; margin: 22px 13px 0px 0px; text-align: left; text-decoration: underline; width: auto; max-width: calc(100% - 13px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-price-txt35 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-price-txt35 { font-size: 13px; } }

/* lp-function-box1: IT知識ゼロでも安心！ 簡単操作なオールインワン受発注の機能 */
.lp-function-box1 { align-items: center; background: rgb(238, 246, 255); flex-direction: column; gap: 60px; height: auto; justify-content: flex-start; overflow: hidden; padding: 80px 40px; width: 100%; --gh-lp-function-box1: 0px; --gv-lp-function-box1: 60px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-function-box1 { gap: 40px; padding: 60px 20px; --gh-lp-function-box1: 0px; --gv-lp-function-box1: 40px; } }

/* lp-function-box2: IT知識ゼロでも安心！ 簡単操作なオールインワン受発注の機能 */
.lp-function-box2 { place-content: center; align-items: center; flex-wrap: nowrap; gap: 20px; margin: 0px; padding: 0px; --gh-lp-function-box2: 0px; --gv-lp-function-box2: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-function-box2 { gap: 10px; --gh-lp-function-box2: 0px; --gv-lp-function-box2: 10px; } }

/* lp-function-txt1: IT知識ゼロでも安心！ 簡単操作なオールインワン受発注の機能 */
.lp-function-txt1 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 34px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt1 { font-size: 28px; } }
@media screen and (max-width: 540px) { .lp-function-txt1 { font-size: 22px; letter-spacing: 0.05em; line-height: 1.6; margin: 0px; max-width: 100%; } }

/* lp-function-box3:  */
.lp-function-box3 { background: rgb(58, 142, 230); border-radius: 24px; flex: 0 0 auto; height: 4px; width: 60px; max-width: 100%; }

/* lp-function-box4: 見積もり書機能 見積書をテンプレートから自動生成、必要項目 */
.lp-function-box4 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 40px; height: auto; margin: 0px 0px 40px; padding: 0px; width: 910px; --gh-lp-function-box4: 40px; --gv-lp-function-box4: 40px; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-function-box4 { flex: 0 0 auto; width: calc(86% - (var(--gh-lp-function-box1) * 0.14000000000000004)); --gh-lp-function-box4: 40px; --gv-lp-function-box4: 40px; max-width: calc(86% - (var(--gh-lp-function-box1) * 0.14000000000000004)); } }
@media screen and (max-width: 760px) { .lp-function-box4 { width: calc(100% - (var(--gh-lp-function-box1) * 0)); --gh-lp-function-box4: 40px; --gv-lp-function-box4: 40px; max-width: calc(100% - (var(--gh-lp-function-box1) * 0)); } }
@media screen and (max-width: 540px) { .lp-function-box4 { place-content: flex-start; align-items: flex-start; gap: 20px; margin: 0px; padding: 0px; --gh-lp-function-box4: 20px; --gv-lp-function-box4: 20px; width: calc(100% - (var(--gh-lp-function-box1) * 0)); max-width: calc(100% - (var(--gh-lp-function-box1) * 0)); } }

/* lp-function-box5: 見積もり書機能 見積書をテンプレートから自動生成、必要項目 */
.lp-function-box5 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box5: 0px; --gv-lp-function-box5: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box5 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box5: 0px; --gv-lp-function-box5: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box5 { gap: 6px; padding: 0px; --gh-lp-function-box5: 0px; --gv-lp-function-box5: 6px; } }

/* lp-function-pic1:  */
.lp-function-pic1 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic1::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }

/* lp-function-box6: 見積もり書機能 見積書をテンプレートから自動生成、必要項目 */
.lp-function-box6 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box5) * 0)); --gh-lp-function-box6: 0px; --gv-lp-function-box6: 0px; max-width: calc(100% - (var(--gh-lp-function-box5) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box6 { margin: 0px; padding: 0px; --gh-lp-function-box6: 0px; --gv-lp-function-box6: 0px; } }

/* lp-function-txt2: 見積もり書機能 */
.lp-function-txt2 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt2 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt2 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt3: 見積書をテンプレートから自動生成、必要項目だけ入力して作成。 */
.lp-function-txt3 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt3 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt3 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box7: 原価計算機能 見積もりや商談時点での原価試算・利益計算を自 */
.lp-function-box7 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box7: 0px; --gv-lp-function-box7: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box7 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box7: 0px; --gv-lp-function-box7: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box7 { gap: 6px; padding: 0px; --gh-lp-function-box7: 0px; --gv-lp-function-box7: 6px; } }

/* lp-function-pic2:  */
.lp-function-pic2 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic2::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }

/* lp-function-box8: 原価計算機能 見積もりや商談時点での原価試算・利益計算を自 */
.lp-function-box8 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box7) * 0)); --gh-lp-function-box8: 0px; --gv-lp-function-box8: 0px; max-width: calc(100% - (var(--gh-lp-function-box7) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box8 { margin: 0px; padding: 0px; --gh-lp-function-box8: 0px; --gv-lp-function-box8: 0px; } }

/* lp-function-txt4: 原価計算機能 */
.lp-function-txt4 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt4 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt4 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt5: 見積もりや商談時点での原価試算・利益計算を自動化。数字を入力 */
.lp-function-txt5 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt5 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt5 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box9: 発注書・発注請書機能 注書や発注請書の作成から承認・署名ま */
.lp-function-box9 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box9: 0px; --gv-lp-function-box9: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box9 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box9: 0px; --gv-lp-function-box9: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box9 { gap: 6px; padding: 0px; --gh-lp-function-box9: 0px; --gv-lp-function-box9: 6px; } }

/* lp-function-pic3:  */
.lp-function-pic3 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic3::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box10: 発注書・発注請書機能 注書や発注請書の作成から承認・署名ま */
.lp-function-box10 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box9) * 0)); --gh-lp-function-box10: 0px; --gv-lp-function-box10: 0px; max-width: calc(100% - (var(--gh-lp-function-box9) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box10 { margin: 0px; padding: 0px; --gh-lp-function-box10: 0px; --gv-lp-function-box10: 0px; } }

/* lp-function-txt6: 発注書・発注請書機能 */
.lp-function-txt6 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt6 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt6 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt7: 注書や発注請書の作成から承認・署名までをオンラインで完結。ボ */
.lp-function-txt7 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt7 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt7 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box11: 納品書機能 納品書の発行や検収サインの取得までを一元管理。 */
.lp-function-box11 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box11: 0px; --gv-lp-function-box11: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box11 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box11: 0px; --gv-lp-function-box11: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box11 { gap: 6px; padding: 0px; --gh-lp-function-box11: 0px; --gv-lp-function-box11: 6px; } }

/* lp-function-pic4:  */
.lp-function-pic4 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic4::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box12: 納品書機能 納品書の発行や検収サインの取得までを一元管理。 */
.lp-function-box12 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box11) * 0)); --gh-lp-function-box12: 0px; --gv-lp-function-box12: 0px; max-width: calc(100% - (var(--gh-lp-function-box11) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box12 { margin: 0px; padding: 0px; --gh-lp-function-box12: 0px; --gv-lp-function-box12: 0px; } }

/* lp-function-txt8: 納品書機能 */
.lp-function-txt8 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt8 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt8 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt9: 納品書の発行や検収サインの取得までを一元管理。検収サインもオ */
.lp-function-txt9 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt9 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt9 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box13: 請求書機能 請求書作成から送付までをシステムで一括管理。イ */
.lp-function-box13 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box13: 0px; --gv-lp-function-box13: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box13 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box13: 0px; --gv-lp-function-box13: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box13 { gap: 6px; padding: 0px; --gh-lp-function-box13: 0px; --gv-lp-function-box13: 6px; } }

/* lp-function-pic5:  */
.lp-function-pic5 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic5::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box14: 請求書機能 請求書作成から送付までをシステムで一括管理。イ */
.lp-function-box14 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box13) * 0)); --gh-lp-function-box14: 0px; --gv-lp-function-box14: 0px; max-width: calc(100% - (var(--gh-lp-function-box13) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box14 { margin: 0px; padding: 0px; --gh-lp-function-box14: 0px; --gv-lp-function-box14: 0px; } }

/* lp-function-txt10: 請求書機能 */
.lp-function-txt10 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt10 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt10 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt11: 請求書作成から送付までをシステムで一括管理。インボイス制度に */
.lp-function-txt11 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt11 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt11 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box15: 検収書機能 必要な項目を入力するとフォーマットに沿った検収 */
.lp-function-box15 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box15: 0px; --gv-lp-function-box15: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box15 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box15: 0px; --gv-lp-function-box15: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box15 { gap: 6px; padding: 0px; --gh-lp-function-box15: 0px; --gv-lp-function-box15: 6px; } }

/* lp-function-pic6:  */
.lp-function-pic6 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic6::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box16: 検収書機能 必要な項目を入力するとフォーマットに沿った検収 */
.lp-function-box16 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box15) * 0)); --gh-lp-function-box16: 0px; --gv-lp-function-box16: 0px; max-width: calc(100% - (var(--gh-lp-function-box15) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box16 { margin: 0px; padding: 0px; --gh-lp-function-box16: 0px; --gv-lp-function-box16: 0px; } }

/* lp-function-txt12: 検収書機能 */
.lp-function-txt12 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt12 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt12 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt13: 必要な項目を入力するとフォーマットに沿った検収書を自動で作成 */
.lp-function-txt13 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt13 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt13 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box17: 入金管理機能 発行した請求書の入金ステータスを管理。入金済 */
.lp-function-box17 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box17: 0px; --gv-lp-function-box17: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box17 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box17: 0px; --gv-lp-function-box17: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box17 { gap: 6px; padding: 0px; --gh-lp-function-box17: 0px; --gv-lp-function-box17: 6px; } }

/* lp-function-pic7:  */
.lp-function-pic7 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic7::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box18: 入金管理機能 発行した請求書の入金ステータスを管理。入金済 */
.lp-function-box18 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box17) * 0)); --gh-lp-function-box18: 0px; --gv-lp-function-box18: 0px; max-width: calc(100% - (var(--gh-lp-function-box17) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box18 { margin: 0px; padding: 0px; --gh-lp-function-box18: 0px; --gv-lp-function-box18: 0px; } }

/* lp-function-txt14: 入金管理機能 */
.lp-function-txt14 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt14 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt14 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt15: 発行した請求書の入金ステータスを管理。入金済/未入金など、色 */
.lp-function-txt15 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt15 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt15 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box19: 電子署名機能 見積書、納品書などにオンラインで署名を付与。 */
.lp-function-box19 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box19: 0px; --gv-lp-function-box19: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box19 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box19: 0px; --gv-lp-function-box19: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box19 { gap: 6px; padding: 0px; --gh-lp-function-box19: 0px; --gv-lp-function-box19: 6px; } }

/* lp-function-pic8:  */
.lp-function-pic8 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic8::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box20: 電子署名機能 見積書、納品書などにオンラインで署名を付与。 */
.lp-function-box20 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box19) * 0)); --gh-lp-function-box20: 0px; --gv-lp-function-box20: 0px; max-width: calc(100% - (var(--gh-lp-function-box19) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box20 { margin: 0px; padding: 0px; --gh-lp-function-box20: 0px; --gv-lp-function-box20: 0px; } }

/* lp-function-txt16: 電子署名機能 */
.lp-function-txt16 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt16 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt16 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt17: 見積書、納品書などにオンラインで署名を付与。署名された書類は */
.lp-function-txt17 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt17 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt17 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box21: 電子帳簿保存対応機能 見積書、請求書などを電子データのまま */
.lp-function-box21 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box21: 0px; --gv-lp-function-box21: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box21 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box21: 0px; --gv-lp-function-box21: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box21 { gap: 6px; padding: 0px; --gh-lp-function-box21: 0px; --gv-lp-function-box21: 6px; } }

/* lp-function-pic9:  */
.lp-function-pic9 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic9::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box22: 電子帳簿保存対応機能 見積書、請求書などを電子データのまま */
.lp-function-box22 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box21) * 0)); --gh-lp-function-box22: 0px; --gv-lp-function-box22: 0px; max-width: calc(100% - (var(--gh-lp-function-box21) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box22 { margin: 0px; padding: 0px; --gh-lp-function-box22: 0px; --gv-lp-function-box22: 0px; } }

/* lp-function-txt18: 電子帳簿保存対応機能 */
.lp-function-txt18 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt18 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt18 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt19: 見積書、請求書などを電子データのまま法定保存。保存フォルダを */
.lp-function-txt19 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt19 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt19 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box23: ユーザー管理機能 アカウントの作成、権限設定、ログイン情報 */
.lp-function-box23 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box23: 0px; --gv-lp-function-box23: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box23 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box23: 0px; --gv-lp-function-box23: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box23 { gap: 6px; padding: 0px; --gh-lp-function-box23: 0px; --gv-lp-function-box23: 6px; } }

/* lp-function-pic10:  */
.lp-function-pic10 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic10::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box24: ユーザー管理機能 アカウントの作成、権限設定、ログイン情報 */
.lp-function-box24 { align-items: center; flex-direction: column; gap: 14px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box23) * 0)); --gh-lp-function-box24: 0px; --gv-lp-function-box24: 14px; max-width: calc(100% - (var(--gh-lp-function-box23) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box24 { gap: 6px; margin: 0px; padding: 0px; --gh-lp-function-box24: 0px; --gv-lp-function-box24: 6px; } }

/* lp-function-txt20: ユーザー管理機能 */
.lp-function-txt20 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt20 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt20 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt21: アカウントの作成、権限設定、ログイン情報の管理をシンプルに実 */
.lp-function-txt21 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt21 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt21 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box25: 案件管理機能 基本的な案件の顧客情報など営業活動を包括的に */
.lp-function-box25 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box25: 0px; --gv-lp-function-box25: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box25 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box25: 0px; --gv-lp-function-box25: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box25 { gap: 6px; padding: 0px; --gh-lp-function-box25: 0px; --gv-lp-function-box25: 6px; } }

/* lp-function-pic11:  */
.lp-function-pic11 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic11::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box26: 案件管理機能 基本的な案件の顧客情報など営業活動を包括的に */
.lp-function-box26 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box25) * 0)); --gh-lp-function-box26: 0px; --gv-lp-function-box26: 0px; max-width: calc(100% - (var(--gh-lp-function-box25) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box26 { margin: 0px; padding: 0px; --gh-lp-function-box26: 0px; --gv-lp-function-box26: 0px; } }

/* lp-function-txt22: 案件管理機能 */
.lp-function-txt22 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt22 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt22 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt23: 基本的な案件の顧客情報など営業活動を包括的に管理。画面上のス */
.lp-function-txt23 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt23 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt23 { font-size: 13px; line-height: 1.8; } }

/* lp-function-box27: 決済機能 当システムの決済機能は、顧客情報と購入履歴を一元 */
.lp-function-box27 { align-items: center; flex: 0 0 auto; flex-direction: column; gap: 13px; height: auto; justify-content: flex-start; padding: 0px; width: 276px; --gh-lp-function-box27: 0px; --gv-lp-function-box27: 13px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-function-box27 { flex: 0 0 auto; width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); --gh-lp-function-box27: 0px; --gv-lp-function-box27: 13px; max-width: calc(50% - (var(--gh-lp-function-box4) * 0.5)); } }
@media screen and (max-width: 540px) { .lp-function-box27 { gap: 6px; padding: 0px; --gh-lp-function-box27: 0px; --gv-lp-function-box27: 6px; } }

/* lp-function-pic12:  */
.lp-function-pic12 { align-items: center; flex-direction: column; height: 97px; justify-content: center; margin: 0px; width: 96px; max-width: 100%; }
.lp-function-pic12::before { background-position: center center; background-repeat: no-repeat; background-size: cover; }

/* lp-function-box28: 決済機能 当システムの決済機能は、顧客情報と購入履歴を一元 */
.lp-function-box28 { align-items: center; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-lp-function-box27) * 0)); --gh-lp-function-box28: 0px; --gv-lp-function-box28: 0px; max-width: calc(100% - (var(--gh-lp-function-box27) * 0)); }
@media screen and (max-width: 540px) { .lp-function-box28 { margin: 0px; padding: 0px; --gh-lp-function-box28: 0px; --gv-lp-function-box28: 0px; } }

/* lp-function-txt24: 決済機能 */
.lp-function-txt24 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 24px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 45px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt24 { font-size: 18px; } }
@media screen and (max-width: 540px) { .lp-function-txt24 { font-size: 16px; line-height: 1; margin: 10px 0px; max-width: 100%; } }

/* lp-function-txt25: 当システムの決済機能は、顧客情報と購入履歴を一元管理。インボ */
.lp-function-txt25 { color: rgb(60, 69, 103); font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 29px; margin: 0px; text-align: center; width: 276px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-function-txt25 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-function-txt25 { font-size: 13px; line-height: 1.8; } }

/* lp-form-box1: 導入のお問い合わせ 会社名 お名前 必須 メールアド */
.lp-form-box1 { place-content: center; align-items: center; background: rgb(40, 98, 222); flex: 0 0 auto; flex-direction: row; gap: 40px; height: auto; margin: 0px; padding: 60px 0px; width: 100%; --gh-lp-form-box1: 40px; --gv-lp-form-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-form-box1 { flex-wrap: wrap; --gh-lp-form-box1: 40px; --gv-lp-form-box1: 40px; } }
@media screen and (max-width: 540px) { .lp-form-box1 { flex-flow: column-reverse; gap: 16px; margin: 0px; padding: 40px 26px; --gh-lp-form-box1: 0px; --gv-lp-form-box1: 16px; } }

/* lp-form-box2: 導入のお問い合わせ 会社名 お名前 必須 メールアド */
.lp-form-box2 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; padding: 0px; width: auto; --gh-lp-form-box2: 0px; --gv-lp-form-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-form-box2 { flex-wrap: wrap; --gh-lp-form-box2: 0px; --gv-lp-form-box2: 0px; } }
@media screen and (max-width: 540px) { .lp-form-box2 { flex: 0 0 auto; flex-flow: column-reverse; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-lp-form-box1) * 0)); --gh-lp-form-box2: 0px; --gv-lp-form-box2: 16px; max-width: calc(100% - (var(--gh-lp-form-box1) * 0)); } }

/* lp-form-txt1: 導入のお問い合わせ */
.lp-form-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-size: 37px; font-style: normal; font-weight: 800; height: auto; letter-spacing: 0em; line-height: 54px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-form-txt1 { font-size: 32px; } }
@media screen and (max-width: 540px) { .lp-form-txt1 { display: none; font-size: 20px; line-height: 1.8; } }
@media screen and (max-width: 360px) { .lp-form-txt1 { display: none; } }

/* lp-form-form1: 会社名 お名前 必須 メールアドレス 必須 問い */
.lp-form-form1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; margin: 60px 0px 0px; opacity: 1; padding: 0px; width: 880px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-form-form1 { flex: 0 0 auto; margin: 40px 0px 20px; width: calc(100% - (var(--gh-lp-form-box2) * 0)); max-width: calc(100% - (var(--gh-lp-form-box2) * 0)); } }
@media screen and (max-width: 540px) { .lp-form-form1 { margin: 0px 0px 20px; width: calc(100% - (var(--gh-lp-form-box2) * 0)); max-width: calc(100% - (var(--gh-lp-form-box2) * 0)); } }

/* lp-form-label1: 会社名 */
.lp-form-label1 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; --gh-lp-form-label1: 0px; --gv-lp-form-label1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-form-label1 { flex-flow: wrap; } }
@media screen and (max-width: 540px) { .lp-form-label1 { flex-flow: column; gap: 8px; --gh-lp-form-label1: 0px; --gv-lp-form-label1: 8px; } }

/* lp-form-box3: 会社名 */
.lp-form-box3 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 8px; height: 26px; margin: 0px; width: calc(25% - (var(--gh-lp-form-label1) * 0.75)); --gh-lp-form-box3: 8px; --gv-lp-form-box3: 0px; max-width: calc(25% - (var(--gh-lp-form-label1) * 0.75)); }
@media screen and (max-width: 540px) { .lp-form-box3 { place-content: center flex-start; align-items: center; flex: 0 0 auto; height: auto; width: auto; --gh-lp-form-box3: 8px; --gv-lp-form-box3: 0px; max-width: 100%; } }

/* lp-form-txt2: 会社名 */
.lp-form-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt2 { padding: 0px; } }
@media screen and (max-width: 540px) { .lp-form-txt2 { font-size: 16px; } }

/* lp-form-input1:  */
.lp-form-input1 { background: rgb(250, 250, 255); border-width: 1px; border-style: solid; border-color: rgb(217, 218, 227); border-radius: 24px; box-shadow: none; color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 10px 15px; text-align: left; width: auto; max-width: 100%; }
.lp-form-input1:focus { outline: none; background: rgb(221, 221, 221); }
.lp-form-input1:hover { background: rgb(238, 238, 238); }
.lp-form-input1::-webkit-input-placeholder { color: rgb(119, 119, 119); }
@media screen and (max-width: 540px) { .lp-form-input1 { flex: 0 0 auto; height: 42px; width: calc(100% - (var(--gh-lp-form-label1) * 0)); max-width: calc(100% - (var(--gh-lp-form-label1) * 0)); } }

/* lp-form-label2: お名前 必須 */
/* 元は height: 50px 固定で、540px 以下では次の「メールアドレス」の見出しが入力欄に重なっていたため、高さは自動にしている */
.lp-form-label2 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; --gh-lp-form-label2: 0px; --gv-lp-form-label2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-form-label2 { flex-flow: wrap; } }
@media screen and (max-width: 540px) { .lp-form-label2 { flex-flow: column; gap: 8px; --gh-lp-form-label2: 0px; --gv-lp-form-label2: 8px; } }

/* lp-form-box4: お名前 必須 */
.lp-form-box4 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 8px; height: 26px; margin: 0px; width: calc(25% - (var(--gh-lp-form-label2) * 0.75)); --gh-lp-form-box4: 8px; --gv-lp-form-box4: 0px; max-width: calc(25% - (var(--gh-lp-form-label2) * 0.75)); }
@media screen and (max-width: 540px) { .lp-form-box4 { place-content: center flex-start; align-items: center; flex: 0 0 auto; height: auto; width: auto; --gh-lp-form-box4: 8px; --gv-lp-form-box4: 0px; max-width: 100%; } }

/* lp-form-txt3: お名前 */
.lp-form-txt3 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt3 { padding: 0px; } }
@media screen and (max-width: 540px) { .lp-form-txt3 { font-size: 16px; } }

/* lp-form-txt4: 必須 */
.lp-form-txt4 { background: rgb(255, 255, 255); border-radius: 96px; color: rgb(40, 98, 222); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.6; margin: 2px 0px 0px; padding: 0px 6px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt4 { padding: 0px; } }
@media screen and (max-width: 540px) { .lp-form-txt4 { font-size: 13px; margin: 0px; padding: 0px 7px; max-width: 100%; } }

/* lp-form-input2:  */
.lp-form-input2 { background: rgb(250, 250, 255); border-width: 1px; border-style: solid; border-color: rgb(217, 218, 227); border-radius: 24px; box-shadow: none; color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 10px 15px; text-align: left; width: auto; max-width: 100%; }
.lp-form-input2:focus { outline: none; background: rgb(221, 221, 221); }
.lp-form-input2:hover { background: rgb(238, 238, 238); }
.lp-form-input2::-webkit-input-placeholder { color: rgb(119, 119, 119); }
@media screen and (max-width: 540px) { .lp-form-input2 { flex: 0 0 auto; height: 42px; width: calc(100% - (var(--gh-lp-form-label2) * 0)); max-width: calc(100% - (var(--gh-lp-form-label2) * 0)); } }

/* lp-form-label3: メールアドレス 必須 */
.lp-form-label3 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: row; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; --gh-lp-form-label3: 0px; --gv-lp-form-label3: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-form-label3 { flex-flow: wrap; } }
@media screen and (max-width: 540px) { .lp-form-label3 { flex-flow: column; gap: 8px; --gh-lp-form-label3: 0px; --gv-lp-form-label3: 8px; } }

/* lp-form-box5: メールアドレス 必須 */
.lp-form-box5 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 8px; height: 26px; margin: 0px; width: calc(25% - (var(--gh-lp-form-label3) * 0.75)); --gh-lp-form-box5: 8px; --gv-lp-form-box5: 0px; max-width: calc(25% - (var(--gh-lp-form-label3) * 0.75)); }
@media screen and (max-width: 760px) { .lp-form-box5 { flex-flow: wrap; --gh-lp-form-box5: 8px; --gv-lp-form-box5: 8px; } }
@media screen and (max-width: 540px) { .lp-form-box5 { place-content: center flex-start; align-items: center; flex: 0 0 auto; height: auto; width: auto; --gh-lp-form-box5: 8px; --gv-lp-form-box5: 0px; max-width: 100%; } }

/* lp-form-txt5: メールアドレス */
.lp-form-txt5 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt5 { padding: 0px; } }
@media screen and (max-width: 540px) { .lp-form-txt5 { font-size: 16px; } }

/* lp-form-txt6: 必須 */
.lp-form-txt6 { background: rgb(255, 255, 255); border-radius: 96px; color: rgb(40, 98, 222); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.6; margin: 2px 0px 0px; padding: 0px 6px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt6 { padding: 0px; } }
@media screen and (max-width: 540px) { .lp-form-txt6 { font-size: 13px; margin: 0px; padding: 0px 7px; max-width: 100%; } }

/* lp-form-input3:  */
.lp-form-input3 { background: rgb(250, 250, 255); border-width: 1px; border-style: solid; border-color: rgb(217, 218, 227); border-radius: 24px; box-shadow: none; color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: 50px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 10px 15px; text-align: left; width: auto; max-width: 100%; }
.lp-form-input3:focus { outline: none; background: rgb(221, 221, 221); }
.lp-form-input3:hover { background: rgb(238, 238, 238); }
.lp-form-input3::-webkit-input-placeholder { color: rgb(119, 119, 119); }
@media screen and (max-width: 540px) { .lp-form-input3 { flex: 0 0 auto; height: 42px; width: calc(100% - (var(--gh-lp-form-label3) * 0)); max-width: calc(100% - (var(--gh-lp-form-label3) * 0)); } }

/* lp-form-label4: 問い合わせ内容 必須 */
.lp-form-label4 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: row; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; --gh-lp-form-label4: 0px; --gv-lp-form-label4: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-form-label4 { flex-flow: wrap; } }
@media screen and (max-width: 540px) { .lp-form-label4 { flex-flow: column; gap: 8px; margin: 0px; --gh-lp-form-label4: 0px; --gv-lp-form-label4: 8px; width: 100%; max-width: 100%; } }

/* lp-form-box6: 問い合わせ内容 必須 */
.lp-form-box6 { place-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; gap: 8px; height: 26px; margin: 0px; width: calc(25% - (var(--gh-lp-form-label4) * 0.75)); --gh-lp-form-box6: 8px; --gv-lp-form-box6: 0px; max-width: calc(25% - (var(--gh-lp-form-label4) * 0.75)); }
@media screen and (max-width: 760px) { .lp-form-box6 { flex-flow: wrap; --gh-lp-form-box6: 8px; --gv-lp-form-box6: 8px; } }
@media screen and (max-width: 540px) { .lp-form-box6 { place-content: center flex-start; align-items: center; flex: 0 0 auto; height: auto; width: auto; --gh-lp-form-box6: 8px; --gv-lp-form-box6: 0px; max-width: 100%; } }

/* lp-form-txt7: 問い合わせ内容 */
.lp-form-txt7 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.6; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt7 { padding: 0px; } }
@media screen and (max-width: 540px) { .lp-form-txt7 { font-size: 16px; } }

/* lp-form-txt8: 必須 */
.lp-form-txt8 { background: rgb(255, 255, 255); border-radius: 96px; color: rgb(40, 98, 222); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.6; margin: 2px 0px 0px; padding: 0px 6px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt8 { padding: 0px; } }
@media screen and (max-width: 540px) { .lp-form-txt8 { font-size: 13px; margin: 0px; padding: 0px 7px; max-width: 100%; } }

/* lp-form-textarea1:  */
.lp-form-textarea1 { background: rgb(250, 250, 255); border-width: 1px; border-style: solid; border-color: rgb(217, 218, 227); border-radius: 12px; box-shadow: none; color: rgb(51, 51, 51); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: 160px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 10px; text-align: left; text-shadow: none; width: auto; max-width: 100%; }
.lp-form-textarea1:focus { outline: none; background: rgb(221, 221, 221); }
.lp-form-textarea1:hover { background: rgb(238, 238, 238); }
.lp-form-textarea1::-webkit-input-placeholder { color: rgb(119, 119, 119); }
@media screen and (max-width: 540px) { .lp-form-textarea1 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-form-label4) * 0)); max-width: calc(100% - (var(--gh-lp-form-label4) * 0)); } }

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

/* lp-form-input4:  */
.lp-form-input4 { flex: 0 0 auto; height: auto; margin: 0px 10px 0px 0px; padding: 0px; width: auto; max-width: calc(100% - 10px); }

/* lp-form-txt9: プライバシーポリシー */
.lp-form-txt9 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; line-height: 1.4; }
.lp-form-txt9:hover { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .lp-form-txt9 { font-size: 16px; text-align: left; justify-content: flex-start; } }

/* lp-form-txt10: に同意する */
.lp-form-txt10 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; line-height: 1.4; }
@media screen and (max-width: 540px) { .lp-form-txt10 { font-size: 16px; text-align: left; justify-content: flex-start; } }

/* lp-form-btn1: 送信する keyboard_arrow_right */
.lp-form-btn1 { background: rgb(255, 255, 255); border-radius: 48px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; flex-flow: row; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; gap: 11px; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 10px 80px; text-align: left; width: auto; --gh-lp-form-btn1: 11px; --gv-lp-form-btn1: 0px; max-width: 100%; }
.lp-form-btn1:hover { scale: 1.05; --gh-lp-form-btn1: 11px; --gv-lp-form-btn1: 0px; }
@media screen and (max-width: 540px) { .lp-form-btn1 { padding: 10px 40px; --gh-lp-form-btn1: 11px; --gv-lp-form-btn1: 0px; } }

/* lp-form-txt11: 送信する */
.lp-form-txt11 { color: rgb(40, 98, 222); font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .lp-form-txt11 { font-size: 18px; } }

/* lp-form-box7: keyboard_arrow_right */
.lp-form-box7 { align-items: center; background: rgb(40, 98, 222); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 33px; justify-content: center; margin: 0px; padding: 0px; width: 33px; max-width: 100%; }

/* lp-form-icon1: keyboard_arrow_right */
.lp-form-icon1 { color: rgb(255, 255, 255); font-size: 24px; margin: 2px 0px 0px; padding: 0px; max-width: 100%; }

/* lp-form-txt12: 一分で無料で使えるオールインワンCRMを試してみましょう */
.lp-form-txt12 { color: rgb(255, 255, 255); display: none; font-family: 'Noto Sans', sans-serif; font-size: 37px; font-style: normal; font-weight: 800; height: auto; letter-spacing: 0em; line-height: 54px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 1280px) { .lp-form-txt12 { display: none; } }
@media screen and (max-width: 760px) { .lp-form-txt12 { display: none; font-size: 32px; } }
@media screen and (max-width: 540px) { .lp-form-txt12 { display: flex; font-size: 22px; letter-spacing: 0.05em; line-height: 1.8; } }
@media screen and (max-width: 360px) { .lp-form-txt12 { display: flex; } }

/* lp-form-box8: すぐに使用開始できます無料で利用するkeyboard_arr */
.lp-form-box8 { align-items: center; display: none; flex: 0 0 auto; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; --gh-lp-form-box8: 0px; --gv-lp-form-box8: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .lp-form-box8 { display: none; --gh-lp-form-box8: 0px; --gv-lp-form-box8: 0px; } }
@media screen and (max-width: 760px) { .lp-form-box8 { display: none; flex: 0 0 auto; width: calc(100% - (var(--gh-lp-form-box2) * 0)); --gh-lp-form-box8: 0px; --gv-lp-form-box8: 0px; max-width: calc(100% - (var(--gh-lp-form-box2) * 0)); } }
@media screen and (max-width: 540px) { .lp-form-box8 { display: none; margin: 0px; padding: 0px; --gh-lp-form-box8: 0px; --gv-lp-form-box8: 0px; } }
@media screen and (max-width: 360px) { .lp-form-box8 { display: none; --gh-lp-form-box8: 0px; --gv-lp-form-box8: 0px; } }

/* lp-form-box9: すぐに使用開始できます */
.lp-form-box9 { align-items: center; flex-direction: row; gap: 0px; height: auto; justify-content: flex-start; margin: 42px 0px 4px -10px; padding: 0px; width: auto; --gh-lp-form-box9: 0px; --gv-lp-form-box9: 0px; max-width: calc(100% + 10px); }
@media screen and (max-width: 540px) { .lp-form-box9 { margin: 0px 0px 0px -10px; padding: 0px; --gh-lp-form-box9: 0px; --gv-lp-form-box9: 0px; max-width: calc(100% + 10px); } }

/* lp-form-box10:  */
.lp-form-box10 { align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 1px; justify-content: center; margin: -3px 0px 0px; rotate: 55deg; width: 19px; max-width: 100%; }

/* lp-form-txt13: すぐに使用開始できます */
.lp-form-txt13 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0.13em; line-height: 25px; margin: 0px 0px 0px 6px; text-align: left; width: auto; max-width: calc(100% - 6px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt13 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-form-txt13 { font-size: 13px; } }

/* lp-form-box11:  */
.lp-form-box11 { align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-direction: column; height: 1px; justify-content: center; margin: -4px 0px 0px 6px; rotate: 120deg; width: 19px; max-width: calc(100% - 6px); }

/* lp-form-box12: 無料で利用するkeyboard_arrow_right */
.lp-form-box12 { align-items: center; background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgb(245, 176, 85); border-radius: 30px; box-shadow: rgba(88, 99, 131, 0.32) 2px 3px 7px 0px; flex-flow: row; gap: 10px; height: auto; justify-content: flex-start; margin: 0px; padding: 12px 21px 13px 40px; width: 256px; --gh-lp-form-box12: 10px; --gv-lp-form-box12: 0px; max-width: 100%; }
.lp-form-box12:hover { scale: 1.08; transition-duration: 400ms; --gh-lp-form-box12: 10px; --gv-lp-form-box12: 0px; }
@media screen and (max-width: 540px) { .lp-form-box12 { place-content: center; align-items: center; background: rgb(242, 170, 75); gap: 20px; margin: 0px 20px; padding: 12px 21px; width: calc(100% - 40px - (var(--gh-lp-form-box8) * 0)); --gh-lp-form-box12: 20px; --gv-lp-form-box12: 0px; max-width: calc(100% - 40px - (var(--gh-lp-form-box8) * 0)); } }

/* lp-form-txt14: 無料で利用する */
.lp-form-txt14 { color: rgb(40, 98, 222); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 18px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 25px; margin: 1px 0px 0px; text-align: left; width: 126px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-form-txt14 { font-size: 15px; } }
@media screen and (max-width: 540px) { .lp-form-txt14 { flex: 0 0 auto; font-size: 20px; width: auto; max-width: 100%; } }

/* lp-form-box13: keyboard_arrow_right */
.lp-form-box13 { align-items: center; background: rgb(40, 98, 222); border-radius: 50%; flex: 0 0 auto; flex-direction: column; height: 33px; justify-content: center; margin: 0px; padding: 0px; width: 33px; max-width: 100%; }

/* lp-form-icon2: keyboard_arrow_right */
.lp-form-icon2 { color: rgb(255, 255, 255); font-size: 24px; margin: 2px 0px 0px; padding: 0px; max-width: 100%; }

/* lp-form-img1:  */
.lp-form-img1 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; left: 0px; margin: 0px; position: absolute; top: 0px; width: 281px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-form-img1 { inset: 18px auto 0px -80px; width: 211px; max-width: 100%; } }

/* lp-form-img2:  */
.lp-form-img2 { align-items: center; inset: 0px -43px auto auto; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 0px; position: absolute; rotate: 0deg; width: 348px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-form-img2 { inset: 10px -117px auto auto; width: 250px; max-width: 100%; } }

/* lp-blk10-box1: 運営会社 個人情報保護方針 特定商取引法に基づく表記  */
.lp-blk10-box1 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; padding: 0px; width: 100%; --gh-lp-blk10-box1: 0px; --gv-lp-blk10-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk10-box1 { width: 100%; --gh-lp-blk10-box1: 0px; --gv-lp-blk10-box1: 0px; } }
@media screen and (max-width: 540px) { .lp-blk10-box1 { margin: 0px; padding: 0px; --gh-lp-blk10-box1: 0px; --gv-lp-blk10-box1: 0px; } }

/* lp-blk10-box2: 運営会社 個人情報保護方針 特定商取引法に基づく表記 */
.lp-blk10-box2 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; gap: 24px; height: auto; padding: 40px 16px; width: calc(100% - (var(--gh-lp-blk10-box1) * 0)); --gh-lp-blk10-box2: 0px; --gv-lp-blk10-box2: 24px; max-width: calc(100% - (var(--gh-lp-blk10-box1) * 0)); }
@media screen and (max-width: 540px) { .lp-blk10-box2 { gap: 10px; padding: 40px 26px; --gh-lp-blk10-box2: 0px; --gv-lp-blk10-box2: 10px; } }

/* lp-blk10-box3: 運営会社 個人情報保護方針 特定商取引法に基づく表記 */
.lp-blk10-box3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 8px; height: auto; padding: 0px; width: 1200px; --gh-lp-blk10-box3: 0px; --gv-lp-blk10-box3: 8px; max-width: 100%; }
@media screen and (max-width: 540px) { .lp-blk10-box3 { flex: 0 0 auto; gap: 20px; padding: 0px; width: calc(100% - (var(--gh-lp-blk10-box2) * 0)); --gh-lp-blk10-box3: 0px; --gv-lp-blk10-box3: 20px; max-width: calc(100% - (var(--gh-lp-blk10-box2) * 0)); } }

/* lp-blk10-pic1:  */
.lp-blk10-pic1 { height: 66px; width: 121px; max-width: 100%; }
.lp-blk10-pic1::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .lp-blk10-pic1::before { background-position: left center; } }
@media screen and (max-width: 540px) { .lp-blk10-pic1 { height: 45px; width: 85px; max-width: 100%; } }

/* lp-blk10-box4: 運営会社 個人情報保護方針 特定商取引法に基づく表記 */
.lp-blk10-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-lp-blk10-box3) * 0)); --gh-lp-blk10-box4: 0px; --gv-lp-blk10-box4: 0px; max-width: calc(100% - (var(--gh-lp-blk10-box3) * 0)); }

/* lp-blk10-box5: 運営会社 個人情報保護方針 特定商取引法に基づく表記 */
.lp-blk10-box5 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 120px; height: auto; padding: 0px; width: calc(100% - (var(--gh-lp-blk10-box4) * 0)); --gh-lp-blk10-box5: 120px; --gv-lp-blk10-box5: 0px; max-width: calc(100% - (var(--gh-lp-blk10-box4) * 0)); }
@media screen and (max-width: 760px) { .lp-blk10-box5 { flex-wrap: wrap; gap: 24px 0px; --gh-lp-blk10-box5: 0px; --gv-lp-blk10-box5: 24px; } }
@media screen and (max-width: 540px) { .lp-blk10-box5 { gap: 10px 0px; padding: 0px; --gh-lp-blk10-box5: 0px; --gv-lp-blk10-box5: 0px; } }

/* lp-blk10-link1: 運営会社 */
.lp-blk10-link1 { place-content: flex-start space-between; align-items: flex-start; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(221, 221, 221); flex: 1 1 0%; flex-flow: row; gap: 40px; height: auto; overflow: hidden; padding: 16px 0px; --gh-lp-blk10-link1: 40px; --gv-lp-blk10-link1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk10-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-blk10-box5) * 0)); --gh-lp-blk10-link1: 40px; --gv-lp-blk10-link1: 0px; max-width: calc(100% - (var(--gh-lp-blk10-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk10-link1 { gap: 16px; padding: 6px 0px; --gh-lp-blk10-link1: 16px; --gv-lp-blk10-link1: 0px; } }

/* lp-blk10-txt1: 運営会社 */
.lp-blk10-txt1 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk10-txt1 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk10-txt1 { font-size: 13px; } }

/* lp-blk10-img1:  */
.lp-blk10-img1 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; overflow: hidden; width: 24px; max-width: 100%; }

/* lp-blk10-link2: 個人情報保護方針 */
.lp-blk10-link2 { place-content: flex-start space-between; align-items: flex-start; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(221, 221, 221); flex: 1 1 0%; flex-flow: row; gap: 40px; height: auto; overflow: hidden; padding: 16px 0px; --gh-lp-blk10-link2: 40px; --gv-lp-blk10-link2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk10-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-blk10-box5) * 0)); --gh-lp-blk10-link2: 40px; --gv-lp-blk10-link2: 0px; max-width: calc(100% - (var(--gh-lp-blk10-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk10-link2 { gap: 16px; padding: 6px 0px; --gh-lp-blk10-link2: 16px; --gv-lp-blk10-link2: 0px; } }

/* lp-blk10-txt2: 個人情報保護方針 */
.lp-blk10-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk10-txt2 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk10-txt2 { font-size: 13px; } }

/* lp-blk10-img2:  */
.lp-blk10-img2 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; overflow: hidden; width: 24px; max-width: 100%; }

/* lp-blk10-link3: 特定商取引法に基づく表記 */
.lp-blk10-link3 { place-content: flex-start space-between; align-items: flex-start; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(221, 221, 221); flex: 1 1 0%; flex-flow: row; gap: 40px; height: auto; overflow: hidden; padding: 16px 0px; --gh-lp-blk10-link3: 40px; --gv-lp-blk10-link3: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .lp-blk10-link3 { flex: 0 0 auto; width: calc(100% - (var(--gh-lp-blk10-box5) * 0)); --gh-lp-blk10-link3: 40px; --gv-lp-blk10-link3: 0px; max-width: calc(100% - (var(--gh-lp-blk10-box5) * 0)); } }
@media screen and (max-width: 540px) { .lp-blk10-link3 { gap: 16px; padding: 6px 0px; --gh-lp-blk10-link3: 16px; --gv-lp-blk10-link3: 0px; } }

/* lp-blk10-txt3: 特定商取引法に基づく表記 */
.lp-blk10-txt3 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .lp-blk10-txt3 { font-size: 14px; } }
@media screen and (max-width: 540px) { .lp-blk10-txt3 { font-size: 13px; } }

/* lp-blk10-img3:  */
.lp-blk10-img3 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; overflow: hidden; width: 24px; max-width: 100%; }

/* lp-blk10-box6: © サクッと受発注 */
.lp-blk10-box6 { place-content: center; align-items: center; background: rgb(118, 124, 144); flex-flow: row; gap: 0px; height: auto; padding: 8px; width: calc(100% - (var(--gh-lp-blk10-box1) * 0)); --gh-lp-blk10-box6: 0px; --gv-lp-blk10-box6: 0px; max-width: calc(100% - (var(--gh-lp-blk10-box1) * 0)); }

/* lp-blk10-txt4: © サクッと受発注 */
.lp-blk10-txt4 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0px; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .lp-blk10-txt4 { font-size: 13px; } }
@media screen and (max-width: 540px) { .lp-blk10-txt4 { font-size: 13px; } }