/* =========================================================
   judgment.css  ジャッジメント LP（/judgment） 専用。クラス名はすべて jd- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* jd-root: 4つの特徴 ご利用までの流れ 料金プラン 導入事務所の声 */
.jd-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* jd-hd-header1: 4つの特徴 ご利用までの流れ 料金プラン 導入事務所の声 */
.jd-hd-header1 { align-items: center; inset: 0px 0px auto; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; position: fixed; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hd-header1 { padding: 0px; } }

/* jd-hd-box1: 4つの特徴 ご利用までの流れ 料金プラン 導入事務所の声 */
.jd-hd-box1 { align-items: center; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.15) 0px 4px 12px; flex-direction: column; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; padding: 10px 0px; position: sticky; top: 0px; width: 100%; --gh-jd-hd-box1: 0px; --gv-jd-hd-box1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hd-box1 { margin: 0px; padding: 0px; --gh-jd-hd-box1: 0px; --gv-jd-hd-box1: 0px; width: 100%; max-width: 100%; } }

/* jd-hd-box2: 4つの特徴 ご利用までの流れ 料金プラン 導入事務所の声 */
.jd-hd-box2 { align-items: center; flex: 0 0 auto; flex-direction: row; gap: 40px; height: auto; justify-content: space-between; margin: 0px; padding: 0px 20px; width: calc(90% - (var(--gh-jd-hd-box1) * 0.10000000000000003)); --gh-jd-hd-box2: 40px; --gv-jd-hd-box2: 0px; max-width: calc(90% - (var(--gh-jd-hd-box1) * 0.10000000000000003)); }
@media screen and (max-width: 760px) { .jd-hd-box2 { flex-wrap: wrap; --gh-jd-hd-box2: 40px; --gv-jd-hd-box2: 40px; } }
@media screen and (max-width: 540px) { .jd-hd-box2 { gap: 16px; margin: 0px; padding: 8px 20px; width: calc(100% - (var(--gh-jd-hd-box1) * 0)); --gh-jd-hd-box2: 16px; --gv-jd-hd-box2: 0px; max-width: calc(100% - (var(--gh-jd-hd-box1) * 0)); } }

/* jd-hd-link1:  */
.jd-hd-link1 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: auto; max-width: 100%; }

/* jd-hd-img1:  */
.jd-hd-img1 { height: auto; width: 137px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hd-img1 { height: auto; width: 122px; max-width: 100%; } }

/* jd-hd-nav1: 4つの特徴 ご利用までの流れ 料金プラン 導入事務所の声 */
.jd-hd-nav1 { place-content: center space-between; align-items: center; flex-flow: row; gap: 0px; padding: 0px; --gh-jd-hd-nav1: 0px; --gv-jd-hd-nav1: 0px; }
@media screen and (max-width: 540px) { .jd-hd-nav1 { gap: 16px; --gh-jd-hd-nav1: 16px; --gv-jd-hd-nav1: 0px; } }

/* jd-hd-box3: 4つの特徴 ご利用までの流れ 料金プラン 導入事務所の声 */
.jd-hd-box3 { place-content: center space-between; align-items: center; flex-flow: row; gap: 16px; height: auto; margin: 0px 40px 0px 0px; padding: 0px; --gh-jd-hd-box3: 16px; --gv-jd-hd-box3: 0px; max-width: calc(100% - 40px); }
@media screen and (max-width: 760px) { .jd-hd-box3 { display: none; --gh-jd-hd-box3: 16px; --gv-jd-hd-box3: 0px; } }
@media screen and (max-width: 540px) { .jd-hd-box3 { display: none; gap: 16px; --gh-jd-hd-box3: 16px; --gv-jd-hd-box3: 0px; } }

/* jd-hd-txt1: 4つの特徴 */
.jd-hd-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.jd-hd-txt1:hover { color: rgb(155, 154, 154); }

/* jd-hd-txt2: ご利用までの流れ */
.jd-hd-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.jd-hd-txt2:hover { color: rgb(155, 154, 154); }

/* jd-hd-txt3: 料金プラン */
.jd-hd-txt3 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.jd-hd-txt3:hover { color: rgb(155, 154, 154); }

/* jd-hd-txt4: 導入事務所の声 */
.jd-hd-txt4 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.jd-hd-txt4:hover { color: rgb(155, 154, 154); }

/* jd-hd-txt5: よくある質問 */
.jd-hd-txt5 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
.jd-hd-txt5:hover { color: rgb(155, 154, 154); }

/* jd-hd-link2: ログイン */
.jd-hd-link2 { align-items: center; background: rgb(12, 47, 83); border-radius: 4px; box-shadow: none; flex: 0 0 auto; flex-direction: row; gap: 13px; height: auto; justify-content: flex-start; margin: 0px 10px 0px 0px; padding: 10px 20px; width: auto; --gh-jd-hd-link2: 13px; --gv-jd-hd-link2: 0px; max-width: calc(100% - 10px); }
.jd-hd-link2:hover { background: rgb(255, 148, 0); --gh-jd-hd-link2: 13px; --gv-jd-hd-link2: 0px; }
@media screen and (max-width: 540px) { .jd-hd-link2 { gap: 8px; margin: 2px 0px 0px; padding: 10px; --gh-jd-hd-link2: 8px; --gv-jd-hd-link2: 0px; max-width: 100%; } }

/* jd-hd-txt6: ログイン */
.jd-hd-txt6 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-hd-txt6 { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-hd-txt6 { font-size: 13px; } }

/* jd-hd-img2:  */
.jd-hd-img2 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hd-img2 { height: auto; margin: 0px; width: 13px; max-width: 100%; } }

/* jd-hd-link3: 問い合わせ */
.jd-hd-link3 { align-items: center; background: rgb(255, 147, 0); border-radius: 4px; box-shadow: none; flex: 0 0 auto; flex-direction: row; gap: 13px; height: auto; justify-content: flex-start; margin: 0px; padding: 10px 20px; width: auto; --gh-jd-hd-link3: 13px; --gv-jd-hd-link3: 0px; max-width: 100%; }
.jd-hd-link3:hover { background: rgb(12, 47, 84); --gh-jd-hd-link3: 13px; --gv-jd-hd-link3: 0px; }
@media screen and (max-width: 540px) { .jd-hd-link3 { gap: 8px; margin: 2px 0px 0px; padding: 10px; --gh-jd-hd-link3: 8px; --gv-jd-hd-link3: 0px; max-width: 100%; } }

/* jd-hd-txt7: 問い合わせ */
.jd-hd-txt7 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-hd-txt7 { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-hd-txt7 { font-size: 13px; } }

/* jd-hd-img3:  */
.jd-hd-img3 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 0px; width: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hd-img3 { height: auto; margin: 0px; width: 13px; max-width: 100%; } }

/* jd-hero-pic1: 士業・中小企業向け 少額訴訟 訴状自動生成クラウド 日本 */
.jd-hero-pic1 { align-items: center; display: flex; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-hero-pic1 { display: flex; } }
@media screen and (max-width: 540px) { .jd-hero-pic1 { display: flex; } }
@media screen and (max-width: 360px) { .jd-hero-pic1 { padding: 40px 0px 0px; } }

/* jd-hero-box1: 士業・中小企業向け 少額訴訟 訴状自動生成クラウド 日本 */
.jd-hero-box1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; margin: 111px 20px 60px; opacity: 1; padding: 0px; width: 1200px; --gh-jd-hero-box1: 0px; --gv-jd-hero-box1: 0px; max-width: calc(100% - 40px); }
@media screen and (max-width: 760px) { .jd-hero-box1 { flex: 0 0 auto; margin: 111px 0px 60px; width: 90%; --gh-jd-hero-box1: 0px; --gv-jd-hero-box1: 0px; max-width: 90%; } }
@media screen and (max-width: 540px) { .jd-hero-box1 { flex: 0 0 auto; margin: 80px 0px 60px; padding: 0px; width: 93%; --gh-jd-hero-box1: 0px; --gv-jd-hero-box1: 0px; max-width: 93%; } }

/* jd-hero-box2: 士業・中小企業向け 少額訴訟 訴状自動生成クラウド 日本 */
.jd-hero-box2 { place-content: center flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: calc(55% - (var(--gh-jd-hero-box1) * 0.44999999999999996)); --gh-jd-hero-box2: 0px; --gv-jd-hero-box2: 0px; max-width: calc(55% - (var(--gh-jd-hero-box1) * 0.44999999999999996)); }
@media screen and (max-width: 540px) { .jd-hero-box2 { width: calc(100% - (var(--gh-jd-hero-box1) * 0)); --gh-jd-hero-box2: 0px; --gv-jd-hero-box2: 0px; max-width: calc(100% - (var(--gh-jd-hero-box1) * 0)); } }

/* jd-hero-form1: 士業・中小企業向け 少額訴訟 訴状自動生成クラウド */
.jd-hero-form1 { align-items: center; flex: 0 0 auto; flex-direction: row; gap: 13px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px 0px 1px; width: auto; --gh-jd-hero-form1: 13px; --gv-jd-hero-form1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-hero-form1 { flex-wrap: wrap; --gh-jd-hero-form1: 13px; --gv-jd-hero-form1: 13px; } }
@media screen and (max-width: 540px) { .jd-hero-form1 { gap: 6px; margin: 0px; padding: 0px 0px 1px; --gh-jd-hero-form1: 6px; --gv-jd-hero-form1: 0px; } }

/* jd-hero-box3: 士業・中小企業向け */
.jd-hero-box3 { place-content: center; align-items: center; background: rgb(234, 235, 248); border-radius: 48px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 6px 16px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hero-box3 { flex: 0 0 auto; height: auto; padding: 5px 10px; } }

/* jd-hero-txt1: 士業・中小企業向け */
.jd-hero-txt1 { color: rgb(73, 86, 102); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .jd-hero-txt1 { font-size: 16px; } }
@media screen and (max-width: 540px) { .jd-hero-txt1 { font-size: 14px; } }

/* jd-hero-box4: 少額訴訟 訴状自動生成クラウド */
.jd-hero-box4 { place-content: center; align-items: center; background: rgb(234, 235, 248); border-radius: 48px; flex: 0 0 auto; flex-flow: column; height: 30px; padding: 6px 16px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hero-box4 { flex: 0 0 auto; height: auto; padding: 5px 10px; max-width: 100%; } }

/* jd-hero-txt2: 少額訴訟 訴状自動生成クラウド */
.jd-hero-txt2 { color: rgb(73, 86, 102); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .jd-hero-txt2 { font-size: 16px; } }
@media screen and (max-width: 540px) { .jd-hero-txt2 { font-size: 14px; } }

/* jd-hero-txt3: 日本初！弁護士に頼まず 少額訴訟 訴状書類作成 */
.jd-hero-txt3 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 52px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1.5; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .jd-hero-txt3 { font-size: 40px; } }
@media screen and (max-width: 540px) { .jd-hero-txt3 { font-size: 30px; letter-spacing: normal; } }

/* jd-hero-rich1: わずか10分、質問に答えるだけで正式書式の訴状PDFが完成。 */
.jd-hero-rich1 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 1px; line-height: 2; margin: 0px; text-align: left; width: auto; max-width: 100%; }
.jd-hero-rich1 > p { margin: 0px; }
.jd-hero-rich1 strong { color: rgb(255, 255, 255); font-size: 20px; font-weight: 700; }
@media screen and (max-width: 760px) { .jd-hero-rich1 { font-size: 14px; } }
@media screen and (max-width: 760px) { .jd-hero-rich1 strong { font-size: 14px; } }
@media screen and (max-width: 540px) { .jd-hero-rich1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-hero-rich1 strong { font-size: 13px; } }

/* jd-hero-img1:  */
.jd-hero-img1 { display: none; flex: 0 0 auto; height: auto; width: calc(45% - (var(--gh-jd-hero-box2) * 0.55)); max-width: calc(45% - (var(--gh-jd-hero-box2) * 0.55)); }
@media screen and (max-width: 760px) { .jd-hero-img1 { display: none; } }
@media screen and (max-width: 540px) { .jd-hero-img1 { display: flex; flex: 0 0 auto; height: auto; margin: -10px 0px 0px; width: calc(100% - (var(--gh-jd-hero-box2) * 0)); max-width: calc(100% - (var(--gh-jd-hero-box2) * 0)); } }

/* jd-hero-box5: ※2025年7月時点、自社調べ */
.jd-hero-box5 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: column; gap: 11px; margin: 20px 0px 0px; padding: 0px; width: 597px; --gh-jd-hero-box5: 0px; --gv-jd-hero-box5: 11px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hero-box5 { flex: 0 0 auto; margin: 0px; width: calc(100% - (var(--gh-jd-hero-box2) * 0)); --gh-jd-hero-box5: 0px; --gv-jd-hero-box5: 11px; max-width: calc(100% - (var(--gh-jd-hero-box2) * 0)); } }

/* jd-hero-img2:  */
.jd-hero-img2 { flex: 0 0 auto; height: auto; padding: 0px; width: calc(100% - (var(--gh-jd-hero-box5) * 0)); max-width: calc(100% - (var(--gh-jd-hero-box5) * 0)); }
.jd-hero-img2::before { background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-hero-img2 { width: 100%; } }

/* jd-hero-txt4: ※2025年7月時点、自社調べ */
.jd-hero-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .jd-hero-txt4 { font-size: 13px; } }
@media screen and (max-width: 540px) { .jd-hero-txt4 { font-size: 11px; margin: 0px 0px 0px 96px; max-width: calc(100% - 96px); } }

/* jd-hero-box6: \ まずは無料でお気軽にご相談ください/ 問い合わせ */
.jd-hero-box6 { align-items: center; flex: 0 0 auto; flex-direction: column; height: 95px; justify-content: flex-start; margin: 0px 0px 0px 20px; padding: 0px; width: 380px; max-width: calc(100% - 20px); }
@media screen and (max-width: 540px) { .jd-hero-box6 { flex: 0 0 auto; height: auto; margin: 20px 0px 0px 10px; padding: 0px; width: auto; max-width: calc(100% - 10px); } }

/* jd-hero-txt5: \ まずは無料でお気軽にご相談ください/ */
.jd-hero-txt5 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px 0px 10px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-hero-txt5 { font-size: 14px; } }
@media screen and (max-width: 540px) { .jd-hero-txt5 { font-size: 16px; } }

/* jd-hero-link1: 問い合わせ */
.jd-hero-link1 { place-content: center; align-items: center; background: rgb(255, 138, 0); border-radius: 0px; box-shadow: none; flex-direction: row; gap: 30px; height: auto; margin: 0px; padding: 20px 40px; width: 100%; --gh-jd-hero-link1: 30px; --gv-jd-hero-link1: 0px; max-width: 100%; }
.jd-hero-link1:hover { background: rgb(12, 47, 84); --gh-jd-hero-link1: 30px; --gv-jd-hero-link1: 0px; }
@media screen and (max-width: 540px) { .jd-hero-link1 { flex: 0 0 auto; gap: 14px; padding: 10px 44px; width: auto; --gh-jd-hero-link1: 14px; --gv-jd-hero-link1: 0px; max-width: 100%; } }

/* jd-hero-txt6: 問い合わせ */
.jd-hero-txt6 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-hero-txt6 { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-hero-txt6 { font-size: 16px; } }

/* jd-hero-img3:  */
.jd-hero-img3 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 1px 0px 0px; width: 28px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-hero-img3 { flex: 0 0 auto; width: 26px; max-width: 100%; } }

/* jd-hero-img4:  */
.jd-hero-img4 { flex: 0 0 auto; height: auto; width: calc(45% - (var(--gh-jd-hero-box1) * 0.55)); max-width: calc(45% - (var(--gh-jd-hero-box1) * 0.55)); }
@media screen and (max-width: 540px) { .jd-hero-img4 { display: none; flex: 0 0 auto; height: auto; width: calc(74% - (var(--gh-jd-hero-box1) * 0.25999999999999995)); max-width: calc(74% - (var(--gh-jd-hero-box1) * 0.25999999999999995)); } }

/* jd-blk2-box1: こんな お悩み ありませんか？ 売掛金が支払期限を過ぎ */
.jd-blk2-box1 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-box1 { width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-box1 { width: 100%; } }

/* jd-blk2-box2: こんな お悩み ありませんか？ */
.jd-blk2-box2 { place-content: flex-end center; align-items: flex-end; flex: 0 0 auto; flex-direction: row; gap: 8px; height: auto; margin: 80px 0px 40px; padding: 0px; width: auto; --gh-jd-blk2-box2: 8px; --gv-jd-blk2-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-box2 { flex-wrap: wrap; --gh-jd-blk2-box2: 8px; --gv-jd-blk2-box2: 8px; } }
@media screen and (max-width: 540px) { .jd-blk2-box2 { flex: 0 0 auto; gap: 10px 2px; height: auto; margin: 60px 0px 40px; padding: 0px; width: 93%; --gh-jd-blk2-box2: 2px; --gv-jd-blk2-box2: 0px; max-width: 93%; } }

/* jd-blk2-txt1: こんな */
.jd-blk2-txt1 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px 0px 4px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-blk2-txt1 { font-size: 36px; } }
@media screen and (max-width: 540px) { .jd-blk2-txt1 { font-size: 24px; margin: 0px; max-width: 100%; } }

/* jd-blk2-txt2: お悩み */
.jd-blk2-txt2 { color: rgb(95, 131, 202); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 46px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-blk2-txt2 { font-size: 40px; } }
@media screen and (max-width: 540px) { .jd-blk2-txt2 { font-size: 36px; } }

/* jd-blk2-txt3: ありませんか？ */
.jd-blk2-txt3 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; margin: 0px 0px 4px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-blk2-txt3 { font-size: 36px; } }
@media screen and (max-width: 540px) { .jd-blk2-txt3 { font-size: 24px; margin: 0px; max-width: 100%; } }

/* jd-blk2-box3: 雛形のコピペミスで差し戻しされたことがある若手・事務スタッフ */
.jd-blk2-box3 { place-content: center flex-start; align-items: center; display: none; flex-flow: row; margin: 40px 0px 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-box3 { display: none; } }
@media screen and (max-width: 540px) { .jd-blk2-box3 { display: none; } }

/* jd-blk2-box4: 雛形のコピペミスで差し戻しされたことがある */
.jd-blk2-box4 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 355px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk2-box4 { padding: 0px; } }

/* jd-blk2-pic1: 雛形のコピペミスで差し戻しされたことがある */
.jd-blk2-pic1 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 100%; max-width: 100%; }
.jd-blk2-pic1::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic1 { margin: 0px; padding: 10px 16px 32px; } }

/* jd-blk2-rich1: 雛形のコピペミスで差し戻しされたことがある */
.jd-blk2-rich1 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich1 > p { margin: 0px; }
.jd-blk2-rich1 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich1 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich1 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich1 strong { font-size: 15px; } }

/* jd-blk2-box5: 若手・事務スタッフに任せたいが、品質が不安 */
.jd-blk2-box5 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 355px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk2-box5 { padding: 0px; } }

/* jd-blk2-pic2: 若手・事務スタッフに任せたいが、品質が不安 */
.jd-blk2-pic2 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 343px; max-width: 100%; }
.jd-blk2-pic2::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic2 { margin: 0px; padding: 10px 16px 32px; } }

/* jd-blk2-rich2: 若手・事務スタッフに任せたいが、品質が不安 */
.jd-blk2-rich2 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich2 > p { margin: 0px; }
.jd-blk2-rich2 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich2 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich2 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich2 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich2 strong { font-size: 15px; } }

/* jd-blk2-box6: 少額訴訟は単価が低く、作業コストを圧縮したい案件が急増してお */
.jd-blk2-box6 { place-content: flex-start; align-items: flex-start; display: none; flex-flow: row; margin: 40px 0px 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-box6 { display: none; } }
@media screen and (max-width: 540px) { .jd-blk2-box6 { display: none; } }

/* jd-blk2-pic3: 少額訴訟は単価が低く、作業コストを圧縮したい */
.jd-blk2-pic3 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px -160px 0px 0px; padding: 24px 0px 50px; width: 421px; max-width: calc(100% + 160px); }
.jd-blk2-pic3::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic3 { margin: 0px; padding: 10px 16px 32px; max-width: 100%; } }

/* jd-blk2-rich3: 少額訴訟は単価が低く、作業コストを圧縮したい */
.jd-blk2-rich3 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich3 > p { margin: 0px; }
.jd-blk2-rich3 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich3 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich3 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich3 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich3 strong { font-size: 15px; } }

/* jd-blk2-img1:  */
.jd-blk2-img1 { height: auto; width: 562px; max-width: 100%; }

/* jd-blk2-box7: 案件が急増しており、弁護士の手が足りない */
.jd-blk2-box7 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 355px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk2-box7 { padding: 0px; } }

/* jd-blk2-pic4: 案件が急増しており、弁護士の手が足りない */
.jd-blk2-pic4 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 306px; max-width: 100%; }
.jd-blk2-pic4::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic4 { margin: 0px; padding: 10px 16px 32px; } }

/* jd-blk2-rich4: 案件が急増しており、弁護士の手が足りない */
.jd-blk2-rich4 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich4 > p { margin: 0px; }
.jd-blk2-rich4 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich4 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich4 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich4 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich4 strong { font-size: 15px; } }

/* jd-blk2-box8: 売掛金が支払期限を過ぎても 入金されず、 資金繰りが逼迫して */
.jd-blk2-box8 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 80px 0px 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-box8 { place-content: flex-end center; align-items: flex-end; display: none; } }
@media screen and (max-width: 540px) { .jd-blk2-box8 { display: none; } }

/* jd-blk2-box9: 売掛金が支払期限を過ぎても 入金されず、 資金繰りが逼迫して */
.jd-blk2-box9 { place-content: center; align-items: center; flex-flow: column; gap: 20px; margin: -40px 0px 0px; padding: 0px; --gh-jd-blk2-box9: 0px; --gv-jd-blk2-box9: 20px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk2-box9 { margin: 0px; --gh-jd-blk2-box9: 0px; --gv-jd-blk2-box9: 20px; max-width: 100%; } }

/* jd-blk2-pic5: 売掛金が支払期限を過ぎても 入金されず、 資金繰りが逼迫して */
.jd-blk2-pic5 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; padding: 24px 0px 50px; width: 344px; max-width: 100%; }
.jd-blk2-pic5::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic5 { padding: 10px 16px 32px; } }

/* jd-blk2-rich5: 売掛金が支払期限を過ぎても 入金されず、 資金繰りが逼迫して */
.jd-blk2-rich5 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich5 > p { margin: 0px; }
.jd-blk2-rich5 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich5 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich5 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich5 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich5 strong { font-size: 15px; } }

/* jd-blk2-box10: 督促メールや電話を 繰り返しても 「確認します」のまま進 */
.jd-blk2-box10 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 344px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk2-box10 { padding: 0px; } }

/* jd-blk2-pic6: 督促メールや電話を 繰り返しても 「確認します」のまま進 */
.jd-blk2-pic6 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 100%; max-width: 100%; }
.jd-blk2-pic6::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic6 { margin: 0px; padding: 10px 16px 32px; } }

/* jd-blk2-rich6: 督促メールや電話を 繰り返しても 「確認します」のまま進 */
.jd-blk2-rich6 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: -0.1em; line-height: 1.6; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich6 > p { margin: 0px; }
.jd-blk2-rich6 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich6 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich6 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich6 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich6 strong { font-size: 15px; } }

/* jd-blk2-img2:  */
.jd-blk2-img2 { flex: 0 0 auto; height: auto; width: 320px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-img2 { height: auto; width: 198px; max-width: 100%; } }

/* jd-blk2-box11: 弁護士費用が高く、 少額の債権では依頼を ためらっている  */
.jd-blk2-box11 { place-content: flex-end center; align-items: flex-end; flex-flow: column; gap: 20px; margin: -40px 0px 0px; padding: 0px; --gh-jd-blk2-box11: 0px; --gv-jd-blk2-box11: 20px; max-width: 100%; }

/* jd-blk2-box12: 弁護士費用が高く、 少額の債権では依頼を ためらっている */
.jd-blk2-box12 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 355px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk2-box12 { padding: 0px; } }

/* jd-blk2-pic7: 弁護士費用が高く、 少額の債権では依頼を ためらっている */
.jd-blk2-pic7 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 343px; max-width: 100%; }
.jd-blk2-pic7::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic7 { margin: 0px; padding: 10px 16px 32px; } }

/* jd-blk2-rich7: 弁護士費用が高く、 少額の債権では依頼を ためらっている */
.jd-blk2-rich7 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich7 > p { margin: 0px; }
.jd-blk2-rich7 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich7 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich7 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich7 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich7 strong { font-size: 15px; } }

/* jd-blk2-box13: 証拠となる請求書やメールを まとめるのが面倒で 先延ばしにな */
.jd-blk2-box13 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 355px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk2-box13 { padding: 0px; } }

/* jd-blk2-pic8: 証拠となる請求書やメールを まとめるのが面倒で 先延ばしにな */
.jd-blk2-pic8 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 306px; max-width: 100%; }
.jd-blk2-pic8::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 540px) { .jd-blk2-pic8 { margin: 0px; padding: 10px 16px 32px; } }

/* jd-blk2-rich8: 証拠となる請求書やメールを まとめるのが面倒で 先延ばしにな */
.jd-blk2-rich8 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich8 > p { margin: 0px; }
.jd-blk2-rich8 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich8 { font-size: 18px; } }
@media screen and (max-width: 760px) { .jd-blk2-rich8 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich8 { font-size: 15px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich8 strong { font-size: 15px; } }

/* jd-blk2-box14: 売掛金が支払期限を過ぎても入金されず、資金繰りが逼迫している */
.jd-blk2-box14 { place-content: flex-start center; align-items: flex-start; display: none; flex-flow: row; margin: 80px 0px 0px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-box14 { place-content: center; align-items: center; display: flex; flex-flow: column; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-box14 { display: flex; flex: 0 0 auto; width: 95%; max-width: 95%; } }

/* jd-blk2-box15: 売掛金が支払期限を過ぎても入金されず、資金繰りが逼迫している */
.jd-blk2-box15 { place-content: flex-start center; align-items: flex-start; flex-flow: row; padding: 0px; --gh-jd-blk2-box15: 0px; --gv-jd-blk2-box15: 0px; }
@media screen and (max-width: 760px) { .jd-blk2-box15 { place-content: flex-end center; align-items: flex-end; gap: 40px; --gh-jd-blk2-box15: 40px; --gv-jd-blk2-box15: 0px; } }
@media screen and (max-width: 540px) { .jd-blk2-box15 { gap: 20px; width: 100%; --gh-jd-blk2-box15: 20px; --gv-jd-blk2-box15: 0px; max-width: 100%; } }

/* jd-blk2-box16: 売掛金が支払期限を過ぎても入金されず、資金繰りが逼迫している */
.jd-blk2-box16 { place-content: flex-start center; align-items: flex-start; flex-flow: row; padding: 0px; --gh-jd-blk2-box16: 0px; --gv-jd-blk2-box16: 0px; }
@media screen and (max-width: 760px) { .jd-blk2-box16 { place-content: flex-end center; align-items: flex-end; flex-flow: column; gap: 40px; --gh-jd-blk2-box16: 0px; --gv-jd-blk2-box16: 40px; } }
@media screen and (max-width: 540px) { .jd-blk2-box16 { flex: 0 0 auto; gap: 20px; width: calc(50% - (var(--gh-jd-blk2-box15) * 0.5)); --gh-jd-blk2-box16: 20px; --gv-jd-blk2-box16: 0px; max-width: calc(50% - (var(--gh-jd-blk2-box15) * 0.5)); } }

/* jd-blk2-box17: 売掛金が支払期限を過ぎても入金されず、資金繰りが逼迫している */
.jd-blk2-box17 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; padding: 24px 0px 50px; width: 344px; max-width: 100%; }
.jd-blk2-box17::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 760px) { .jd-blk2-box17 { background: rgb(237, 238, 247); border-radius: 8px; flex: 0 0 auto; height: auto; padding: 24px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-box17 { flex: 0 0 auto; height: auto; padding: 20px 10px; width: calc(100% - (var(--gh-jd-blk2-box16) * 0)); max-width: calc(100% - (var(--gh-jd-blk2-box16) * 0)); } }

/* jd-blk2-rich9: 売掛金が支払期限を過ぎても入金されず、資金繰りが逼迫している */
.jd-blk2-rich9 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich9 > p { margin: 0px; }
.jd-blk2-rich9 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich9 { font-size: 18px; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .jd-blk2-rich9 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich9 { font-size: 14px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich9 strong { font-size: 15px; } }

/* jd-blk2-img3:  */
.jd-blk2-img3 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-img3 { inset: auto 19px -24px auto; margin: 0px; position: absolute; width: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-img3 { bottom: -12px; flex: 0 0 auto; right: 20px; top: auto; width: 20px; max-width: 100%; } }

/* jd-blk2-box18: 督促メールや電話を繰り返しても「確認します」のまま進展しない */
.jd-blk2-box18 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; padding: 24px 0px 50px; width: 344px; max-width: 100%; }
.jd-blk2-box18::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 760px) { .jd-blk2-box18 { background: rgb(237, 238, 247); border-radius: 8px; flex: 0 0 auto; height: auto; padding: 24px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-box18 { flex: 0 0 auto; height: auto; padding: 20px 10px; width: calc(100% - (var(--gh-jd-blk2-box16) * 0)); max-width: calc(100% - (var(--gh-jd-blk2-box16) * 0)); } }

/* jd-blk2-rich10: 督促メールや電話を繰り返しても「確認します」のまま進展しない */
.jd-blk2-rich10 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich10 > p { margin: 0px; }
.jd-blk2-rich10 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich10 { font-size: 18px; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .jd-blk2-rich10 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich10 { font-size: 14px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich10 strong { font-size: 15px; } }

/* jd-blk2-img4:  */
.jd-blk2-img4 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-img4 { inset: auto 19px -24px auto; margin: 0px; position: absolute; width: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-img4 { bottom: -13px; left: auto; right: 28px; width: 20px; max-width: 100%; } }

/* jd-blk2-box19: 弁護士費用が高く、少額の債権では依頼をためらっている証拠とな */
.jd-blk2-box19 { place-content: flex-end center; align-items: flex-end; flex-flow: column; gap: 20px; margin: -40px 0px 0px; padding: 0px; --gh-jd-blk2-box19: 0px; --gv-jd-blk2-box19: 20px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-box19 { gap: 40px; margin: 0px 0px -20px; --gh-jd-blk2-box19: 0px; --gv-jd-blk2-box19: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-box19 { flex: 0 0 auto; margin: 0px 0px -40px; width: calc(50% - (var(--gh-jd-blk2-box15) * 0.5)); --gh-jd-blk2-box19: 0px; --gv-jd-blk2-box19: 20px; max-width: calc(50% - (var(--gh-jd-blk2-box15) * 0.5)); } }

/* jd-blk2-box20: 弁護士費用が高く、少額の債権では依頼をためらっている */
.jd-blk2-box20 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 343px; max-width: 100%; }
.jd-blk2-box20::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 760px) { .jd-blk2-box20 { background: rgb(237, 238, 247); border-radius: 8px; flex: 0 0 auto; height: auto; padding: 24px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-box20 { place-content: center; align-items: center; flex: 0 0 auto; height: auto; margin: 0px; padding: 20px 10px; width: calc(100% - (var(--gh-jd-blk2-box19) * 0)); max-width: calc(100% - (var(--gh-jd-blk2-box19) * 0)); } }

/* jd-blk2-rich11: 弁護士費用が高く、少額の債権では依頼をためらっている */
.jd-blk2-rich11 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich11 > p { margin: 0px; }
.jd-blk2-rich11 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich11 { font-size: 18px; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .jd-blk2-rich11 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich11 { font-size: 14px; margin: 0px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich11 strong { font-size: 15px; } }

/* jd-blk2-img5:  */
.jd-blk2-img5 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-img5 { inset: auto auto -26px 45px; height: auto; margin: 0px; position: absolute; width: 38px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-img5 { inset: auto auto -15px 43px; width: 20px; max-width: 100%; } }

/* jd-blk2-box21: 証拠となる請求書やメールをまとめるのが面倒で先延ばしになって */
.jd-blk2-box21 { align-items: center; border-radius: 2px; flex: 0 0 auto; flex-direction: column; height: 162px; justify-content: flex-start; margin: 0px; padding: 24px 0px 50px; width: 343px; max-width: 100%; }
.jd-blk2-box21::before { background-position: center center; background-repeat: no-repeat; background-size: contain; }
@media screen and (max-width: 760px) { .jd-blk2-box21 { background: rgb(237, 238, 247); border-radius: 8px; flex: 0 0 auto; height: auto; padding: 24px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-box21 { place-content: center; align-items: center; flex: 0 0 auto; height: auto; margin: 0px; padding: 20px 10px; width: calc(100% - (var(--gh-jd-blk2-box19) * 0)); max-width: calc(100% - (var(--gh-jd-blk2-box19) * 0)); } }

/* jd-blk2-rich12: 証拠となる請求書やメールをまとめるのが面倒で先延ばしになって */
.jd-blk2-rich12 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.6; margin: 10px 0px 0px; text-align: center; width: auto; max-width: 100%; }
.jd-blk2-rich12 > p { margin: 0px; }
.jd-blk2-rich12 strong { color: rgb(86, 110, 168); font-weight: 700; }
@media screen and (max-width: 760px) { .jd-blk2-rich12 { font-size: 18px; margin: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .jd-blk2-rich12 strong { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich12 { font-size: 14px; margin: 0px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich12 strong { font-size: 15px; } }

/* jd-blk2-img6:  */
.jd-blk2-img6 { height: auto; width: 160px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-img6 { inset: auto auto -26px 45px; height: auto; margin: 0px; position: absolute; width: 38px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-img6 { inset: auto auto -15px 46px; width: 20px; max-width: 100%; } }

/* jd-blk2-img7:  */
.jd-blk2-img7 { flex: 0 0 auto; height: auto; width: 320px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk2-img7 { height: auto; width: 198px; max-width: 100%; } }
@media screen and (max-width: 540px) { .jd-blk2-img7 { margin: 20px 0px 0px; max-width: 100%; } }

/* jd-blk2-img8:  */
.jd-blk2-img8 { height: auto; width: 160px; max-width: 100%; }

/* jd-blk2-rich13: 全部、このツールで解決できます！ */
.jd-blk2-rich13 { color: rgb(51, 51, 51); display: none; flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 10px; text-align: left; width: auto; max-width: 100%; }
.jd-blk2-rich13 > h2 { font-size: 32px; letter-spacing: 0.05em; }
.jd-blk2-rich13 strong { color: rgb(103, 137, 205); font-size: 46px; }
@media screen and (max-width: 760px) { .jd-blk2-rich13 { display: none; } }
@media screen and (max-width: 540px) { .jd-blk2-rich13 { display: block; flex: 0 0 auto; padding: 0px; text-align: center; width: 90%; max-width: 90%; } }
@media screen and (max-width: 540px) { .jd-blk2-rich13 > h2 { font-size: 28px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich13 strong { font-size: 32px; } }

/* jd-blk2-rich14: 全部、このツールで解決できます！ */
.jd-blk2-rich14 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px 10px; text-align: left; width: auto; max-width: 100%; }
.jd-blk2-rich14 > h2 { font-size: 32px; letter-spacing: 0.05em; }
.jd-blk2-rich14 strong { color: rgb(103, 137, 205); font-size: 46px; }
@media screen and (max-width: 540px) { .jd-blk2-rich14 { display: none; flex: 0 0 auto; padding: 0px; width: 90%; max-width: 90%; } }
@media screen and (max-width: 540px) { .jd-blk2-rich14 > h2 { font-size: 24px; } }
@media screen and (max-width: 540px) { .jd-blk2-rich14 strong { font-size: 28px; } }

/* jd-reason-box1: ジャッジメントが選ばれる4つの理由 01 リアルタイム自 */
.jd-reason-box1 { place-content: center flex-start; align-items: center; background: rgb(245, 246, 249); flex: 0 0 auto; flex-flow: column; height: auto; margin: 60px 0px 0px; padding: 80px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-reason-box1 { margin: 40px 0px 0px; width: 100%; max-width: 100%; } }

/* jd-reason-box2: ジャッジメントが選ばれる4つの理由 */
.jd-reason-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; margin: 0px 0px 60px; padding: 0px; --gh-jd-reason-box2: 10px; --gv-jd-reason-box2: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-reason-box2 { flex: 0 0 auto; margin: 0px 0px 40px; width: 90%; --gh-jd-reason-box2: 10px; --gv-jd-reason-box2: 0px; max-width: 90%; } }

/* jd-reason-box3:  */
.jd-reason-box3 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-reason-box3 { flex: 1 1 0%; width: auto; max-width: 100%; } }

/* jd-reason-txt1: ジャッジメントが選ばれる4つの理由 */
.jd-reason-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-reason-txt1 { display: none; font-size: 24px; } }

/* jd-reason-txt2: ジャッジメントが選ばれる4つの理由 */
.jd-reason-txt2 { color: rgb(51, 51, 51); display: none; font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-reason-txt2 { display: none; } }
@media screen and (max-width: 540px) { .jd-reason-txt2 { display: flex; font-size: 24px; } }

/* jd-reason-box4:  */
.jd-reason-box4 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-reason-box4 { flex: 1 1 0%; width: auto; max-width: 100%; } }

/* jd-reason-box5: 01 リアルタイム自動チェック機能で “うっかりミス”ゼロ */
.jd-reason-box5 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 60px; margin: 0px 20px; padding: 0px; width: 1060px; --gh-jd-reason-box5: 0px; --gv-jd-reason-box5: 60px; max-width: calc(100% - 40px); }
@media screen and (max-width: 760px) { .jd-reason-box5 { flex: 0 0 auto; margin: 0px; width: 90%; --gh-jd-reason-box5: 0px; --gv-jd-reason-box5: 60px; max-width: 90%; } }
@media screen and (max-width: 540px) { .jd-reason-box5 { gap: 40px; --gh-jd-reason-box5: 0px; --gv-jd-reason-box5: 40px; } }

/* jd-reason-box6: 01 リアルタイム自動チェック機能で “うっかりミス”ゼロ */
.jd-reason-box6 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 60px; margin: 0px; padding: 0px; width: 1060px; --gh-jd-reason-box6: 60px; --gv-jd-reason-box6: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-reason-box6 { flex: 0 0 auto; gap: 40px; height: auto; margin: 0px; width: calc(100% - (var(--gh-jd-reason-box5) * 0)); --gh-jd-reason-box6: 40px; --gv-jd-reason-box6: 0px; max-width: calc(100% - (var(--gh-jd-reason-box5) * 0)); } }
@media screen and (max-width: 540px) { .jd-reason-box6 { flex-flow: column-reverse; gap: 20px; --gh-jd-reason-box6: 0px; --gv-jd-reason-box6: 20px; } }

/* jd-reason-box7: 01 リアルタイム自動チェック機能で “うっかりミス”ゼロ */
.jd-reason-box7 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(50% - (var(--gh-jd-reason-box6) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box6) * 0.5)); }
@media screen and (max-width: 540px) { .jd-reason-box7 { width: calc(100% - (var(--gh-jd-reason-box6) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box6) * 0)); } }

/* jd-reason-box8: 01 */
.jd-reason-box8 { place-content: center; align-items: center; background: rgb(36, 82, 176); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 10px; padding: 3px 10px; width: auto; max-width: 100%; }

/* jd-reason-txt3: 01 */
.jd-reason-txt3 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-reason-rich1: リアルタイム自動チェック機能で “うっかりミス”ゼロへ 入 */
.jd-reason-rich1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: 600px; max-width: 100%; }
.jd-reason-rich1 > h2 { font-size: 24px; margin: 0px 0px 20px; }
.jd-reason-rich1 > p { font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.6; }
.jd-reason-rich1 strong { color: rgb(36, 82, 176); }
@media screen and (max-width: 540px) { .jd-reason-rich1 > h2 { font-size: 22px; margin: 0px 0px 10px; } }

/* jd-reason-pic1:  */
.jd-reason-pic1 { flex: 0 0 auto; height: 260px; width: calc(50% - (var(--gh-jd-reason-box6) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box6) * 0.5)); }
.jd-reason-pic1::before { background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 540px) { .jd-reason-pic1 { flex: 0 0 auto; height: 160px; width: calc(100% - (var(--gh-jd-reason-box6) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box6) * 0)); } }

/* jd-reason-box9: 02 最新の裁判所フォーマットに 即時アップデート対応  */
.jd-reason-box9 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 60px; margin: 0px; padding: 0px; width: 1060px; --gh-jd-reason-box9: 60px; --gv-jd-reason-box9: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-reason-box9 { flex: 0 0 auto; gap: 40px; height: auto; margin: 0px; width: calc(100% - (var(--gh-jd-reason-box5) * 0)); --gh-jd-reason-box9: 40px; --gv-jd-reason-box9: 0px; max-width: calc(100% - (var(--gh-jd-reason-box5) * 0)); } }
@media screen and (max-width: 540px) { .jd-reason-box9 { flex-flow: column-reverse; gap: 20px; --gh-jd-reason-box9: 0px; --gv-jd-reason-box9: 20px; } }

/* jd-reason-box10: 02 最新の裁判所フォーマットに 即時アップデート対応  */
.jd-reason-box10 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(50% - (var(--gh-jd-reason-box9) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box9) * 0.5)); }
@media screen and (max-width: 540px) { .jd-reason-box10 { width: calc(100% - (var(--gh-jd-reason-box9) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box9) * 0)); } }

/* jd-reason-box11: 02 */
.jd-reason-box11 { place-content: center; align-items: center; background: rgb(36, 82, 176); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 10px; padding: 3px 10px; width: auto; max-width: 100%; }

/* jd-reason-txt4: 02 */
.jd-reason-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-reason-rich2: 最新の裁判所フォーマットに 即時アップデート対応 全国の裁 */
.jd-reason-rich2 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: 600px; max-width: 100%; }
.jd-reason-rich2 > h2 { font-size: 24px; margin: 0px 0px 20px; }
.jd-reason-rich2 > p { font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.6; }
.jd-reason-rich2 strong { color: rgb(36, 82, 176); }
@media screen and (max-width: 540px) { .jd-reason-rich2 > h2 { font-size: 22px; margin: 0px 0px 10px; } }

/* jd-reason-pic2:  */
.jd-reason-pic2 { flex: 0 0 auto; height: 260px; width: calc(50% - (var(--gh-jd-reason-box9) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box9) * 0.5)); }
.jd-reason-pic2::before { background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 540px) { .jd-reason-pic2 { flex: 0 0 auto; height: 160px; width: calc(100% - (var(--gh-jd-reason-box9) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box9) * 0)); } }

/* jd-reason-box12: 03 履歴管理＆複製機能で 再利用が超スムーズに 一度 */
.jd-reason-box12 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 60px; margin: 0px; padding: 0px; width: 1060px; --gh-jd-reason-box12: 60px; --gv-jd-reason-box12: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-reason-box12 { flex: 0 0 auto; gap: 40px; height: auto; margin: 0px; width: calc(100% - (var(--gh-jd-reason-box5) * 0)); --gh-jd-reason-box12: 40px; --gv-jd-reason-box12: 0px; max-width: calc(100% - (var(--gh-jd-reason-box5) * 0)); } }
@media screen and (max-width: 540px) { .jd-reason-box12 { flex-flow: column-reverse; gap: 20px; --gh-jd-reason-box12: 0px; --gv-jd-reason-box12: 20px; } }

/* jd-reason-box13: 03 履歴管理＆複製機能で 再利用が超スムーズに 一度 */
.jd-reason-box13 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(50% - (var(--gh-jd-reason-box12) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box12) * 0.5)); }
@media screen and (max-width: 540px) { .jd-reason-box13 { width: calc(100% - (var(--gh-jd-reason-box12) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box12) * 0)); } }

/* jd-reason-box14: 03 */
.jd-reason-box14 { place-content: center; align-items: center; background: rgb(36, 82, 176); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 10px; padding: 3px 10px; width: auto; max-width: 100%; }

/* jd-reason-txt5: 03 */
.jd-reason-txt5 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-reason-rich3: 履歴管理＆複製機能で 再利用が超スムーズに 一度作成した訴 */
.jd-reason-rich3 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: 600px; max-width: 100%; }
.jd-reason-rich3 > h2 { font-size: 24px; margin: 0px 0px 20px; }
.jd-reason-rich3 > p { font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.6; }
.jd-reason-rich3 strong { color: rgb(36, 82, 176); }
@media screen and (max-width: 540px) { .jd-reason-rich3 > h2 { font-size: 22px; margin: 0px 0px 10px; } }

/* jd-reason-pic3:  */
.jd-reason-pic3 { flex: 0 0 auto; height: 260px; width: calc(50% - (var(--gh-jd-reason-box12) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box12) * 0.5)); }
.jd-reason-pic3::before { background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 540px) { .jd-reason-pic3 { flex: 0 0 auto; height: 160px; width: calc(100% - (var(--gh-jd-reason-box12) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box12) * 0)); } }

/* jd-reason-box15: 04 弁護士・事務スタッフに合わせた 柔軟な権限管理  */
.jd-reason-box15 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 60px; margin: 0px; padding: 0px; width: 1060px; --gh-jd-reason-box15: 60px; --gv-jd-reason-box15: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-reason-box15 { flex: 0 0 auto; gap: 40px; height: auto; margin: 0px; width: calc(100% - (var(--gh-jd-reason-box5) * 0)); --gh-jd-reason-box15: 40px; --gv-jd-reason-box15: 0px; max-width: calc(100% - (var(--gh-jd-reason-box5) * 0)); } }
@media screen and (max-width: 540px) { .jd-reason-box15 { flex-flow: column-reverse; gap: 20px; --gh-jd-reason-box15: 0px; --gv-jd-reason-box15: 20px; } }

/* jd-reason-box16: 04 弁護士・事務スタッフに合わせた 柔軟な権限管理  */
.jd-reason-box16 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(50% - (var(--gh-jd-reason-box15) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box15) * 0.5)); }
@media screen and (max-width: 540px) { .jd-reason-box16 { width: calc(100% - (var(--gh-jd-reason-box15) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box15) * 0)); } }

/* jd-reason-box17: 04 */
.jd-reason-box17 { place-content: center; align-items: center; background: rgb(36, 82, 176); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 10px; padding: 3px 10px; width: auto; max-width: 100%; }

/* jd-reason-txt6: 04 */
.jd-reason-txt6 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; height: auto; line-height: 1; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-reason-rich4: 弁護士・事務スタッフに合わせた 柔軟な権限管理 「弁護士が */
.jd-reason-rich4 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; padding: 0px; text-align: left; width: 600px; max-width: 100%; }
.jd-reason-rich4 > h2 { font-size: 24px; margin: 0px 0px 20px; }
.jd-reason-rich4 > p { font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; line-height: 1.6; }
.jd-reason-rich4 strong { color: rgb(36, 82, 176); }
@media screen and (max-width: 540px) { .jd-reason-rich4 > h2 { font-size: 22px; margin: 0px 0px 10px; } }

/* jd-reason-pic4:  */
.jd-reason-pic4 { flex: 0 0 auto; height: 260px; width: calc(50% - (var(--gh-jd-reason-box15) * 0.5)); max-width: calc(50% - (var(--gh-jd-reason-box15) * 0.5)); }
.jd-reason-pic4::before { background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 540px) { .jd-reason-pic4 { flex: 0 0 auto; height: 160px; width: calc(100% - (var(--gh-jd-reason-box15) * 0)); max-width: calc(100% - (var(--gh-jd-reason-box15) * 0)); } }

/* jd-flow-box1: ご利用までの流れ STEP1 お申し込み 30分程度で */
.jd-flow-box1 { place-content: center flex-start; align-items: center; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 80px 0px; width: 100%; z-index: 1; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box1 { flex: 0 0 auto; width: 90%; max-width: 90%; } }

/* jd-flow-box2: ご利用までの流れ */
.jd-flow-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; margin: 0px 0px 60px; padding: 0px; --gh-jd-flow-box2: 10px; --gv-jd-flow-box2: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box2 { flex: 0 0 auto; height: 33px; margin: 0px 0px 40px; --gh-jd-flow-box2: 10px; --gv-jd-flow-box2: 0px; max-width: 100%; } }

/* jd-flow-box3:  */
.jd-flow-box3 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box3 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-flow-txt1: ご利用までの流れ */
.jd-flow-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-flow-txt1 { font-size: 28px; } }

/* jd-flow-box4:  */
.jd-flow-box4 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box4 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-flow-box5: STEP1 お申し込み 30分程度で、実際の操作画面を見 */
.jd-flow-box5 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; padding: 0px; width: 820px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-flow-box5 { flex: 0 0 auto; width: 90%; max-width: 90%; } }
@media screen and (max-width: 540px) { .jd-flow-box5 { margin: 0px 0px 0px -7px; width: calc(100% + 7px); max-width: calc(100% + 7px); } }

/* jd-flow-box6: STEP1 お申し込み 30分程度で、実際の操作画面を見 */
.jd-flow-box6 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 32px; margin: 0px 0px -10px; padding: 0px; width: auto; --gh-jd-flow-box6: 32px; --gv-jd-flow-box6: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box6 { gap: 10px; margin: 0px 0px -40px; z-index: 2; --gh-jd-flow-box6: 10px; --gv-jd-flow-box6: 0px; max-width: 100%; } }

/* jd-flow-pic1:  */
.jd-flow-pic1 { border-width: 2px; border-style: solid; border-color: rgb(179, 179, 179); border-radius: 50%; flex: 0 0 auto; height: 140px; margin: 0px 0px 10px; width: 140px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-pic1 { flex: 0 0 auto; height: 100px; width: 100px; max-width: 100%; } }

/* jd-flow-box7: STEP1 お申し込み 30分程度で、実際の操作画面を見 */
.jd-flow-box7 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: column; gap: 0px; padding: 0px; width: auto; --gh-jd-flow-box7: 0px; --gv-jd-flow-box7: 0px; max-width: 100%; }

/* jd-flow-txt2: STEP1 */
.jd-flow-txt2 { color: rgb(36, 82, 176); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt3: お申し込み */
.jd-flow-txt3 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt4: 30分程度で、実際の操作画面を見ながら機能や導入方法をご案内 */
.jd-flow-txt4 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; height: auto; line-height: 1.4; margin: 10px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-flow-txt4 { font-size: 14px; } }

/* jd-flow-box8:  */
.jd-flow-box8 { place-content: center; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(179, 179, 179); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; width: 140px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box8 { flex: 0 0 auto; width: 100px; max-width: 100%; } }

/* jd-flow-box9:  */
.jd-flow-box9 { background: rgb(179, 179, 179); flex: 0 0 auto; height: 60px; width: 1px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box9 { flex: 0 0 auto; height: 100px; max-width: 100%; } }

/* jd-flow-box10: STEP2 ご契約・お支払い 契約はオンラインで完結。  */
.jd-flow-box10 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 32px; margin: 0px 0px -10px; padding: 0px; width: auto; --gh-jd-flow-box10: 32px; --gv-jd-flow-box10: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box10 { gap: 10px; margin: -20px 0px -40px; z-index: 2; --gh-jd-flow-box10: 10px; --gv-jd-flow-box10: 0px; max-width: 100%; } }

/* jd-flow-pic2:  */
.jd-flow-pic2 { border-width: 2px; border-style: solid; border-color: rgb(179, 179, 179); border-radius: 50%; flex: 0 0 auto; height: 140px; margin: 0px 0px 10px; width: 140px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-pic2 { flex: 0 0 auto; height: 100px; width: 100px; max-width: 100%; } }

/* jd-flow-box11: STEP2 ご契約・お支払い 契約はオンラインで完結。  */
.jd-flow-box11 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: column; gap: 0px; padding: 0px; width: auto; --gh-jd-flow-box11: 0px; --gv-jd-flow-box11: 0px; max-width: 100%; }

/* jd-flow-txt5: STEP2 */
.jd-flow-txt5 { color: rgb(36, 82, 176); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt6: ご契約・お支払い */
.jd-flow-txt6 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt7: 契約はオンラインで完結。 クレジットカードまたは請求書払いに */
.jd-flow-txt7 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; height: auto; line-height: 1.4; margin: 10px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-flow-txt7 { font-size: 14px; } }

/* jd-flow-box12:  */
.jd-flow-box12 { place-content: center; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(179, 179, 179); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; width: 140px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box12 { flex: 0 0 auto; width: 100px; max-width: 100%; } }

/* jd-flow-box13:  */
.jd-flow-box13 { background: rgb(179, 179, 179); flex: 0 0 auto; height: 60px; width: 1px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box13 { flex: 0 0 auto; height: 100px; max-width: 100%; } }

/* jd-flow-box14: STEP3 初期設定サポート テンプレートのカスタマイズ */
.jd-flow-box14 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 32px; margin: 0px 0px -10px; padding: 0px; width: auto; --gh-jd-flow-box14: 32px; --gv-jd-flow-box14: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box14 { gap: 10px; margin: -20px 0px -40px; z-index: 2; --gh-jd-flow-box14: 10px; --gv-jd-flow-box14: 0px; max-width: 100%; } }

/* jd-flow-pic3:  */
.jd-flow-pic3 { border-width: 2px; border-style: solid; border-color: rgb(179, 179, 179); border-radius: 50%; flex: 0 0 auto; height: 140px; margin: 0px 0px 10px; width: 140px; max-width: 100%; }
.jd-flow-pic3::before { background-position: right center; }
@media screen and (max-width: 540px) { .jd-flow-pic3 { flex: 0 0 auto; height: 100px; width: 100px; max-width: 100%; } }

/* jd-flow-box15: STEP3 初期設定サポート テンプレートのカスタマイズ */
.jd-flow-box15 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: column; gap: 0px; padding: 0px; width: auto; --gh-jd-flow-box15: 0px; --gv-jd-flow-box15: 0px; max-width: 100%; }

/* jd-flow-txt8: STEP3 */
.jd-flow-txt8 { color: rgb(36, 82, 176); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt9: 初期設定サポート */
.jd-flow-txt9 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt10: テンプレートのカスタマイズ、ユーザー権限の設定、既存業務との */
.jd-flow-txt10 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; height: auto; line-height: 1.4; margin: 10px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-flow-txt10 { font-size: 14px; } }

/* jd-flow-box16:  */
.jd-flow-box16 { place-content: center; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(179, 179, 179); border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; width: 140px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box16 { flex: 0 0 auto; width: 100px; max-width: 100%; } }

/* jd-flow-box17:  */
.jd-flow-box17 { background: rgb(179, 179, 179); flex: 0 0 auto; height: 60px; width: 1px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box17 { flex: 0 0 auto; height: 100px; max-width: 100%; } }

/* jd-flow-box18: STEP4 利用開始 最短で当日から訴状の作成・提出が可 */
.jd-flow-box18 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 32px; margin: 0px; padding: 0px; width: auto; --gh-jd-flow-box18: 32px; --gv-jd-flow-box18: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-box18 { gap: 10px; margin: -20px 0px -40px; z-index: 2; --gh-jd-flow-box18: 10px; --gv-jd-flow-box18: 0px; max-width: 100%; } }

/* jd-flow-pic4:  */
.jd-flow-pic4 { border-width: 2px; border-style: solid; border-color: rgb(179, 179, 179); border-radius: 50%; flex: 0 0 auto; height: 140px; margin: 0px 0px 10px; width: 140px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-flow-pic4 { flex: 0 0 auto; height: 100px; width: 100px; max-width: 100%; } }

/* jd-flow-box19: STEP4 利用開始 最短で当日から訴状の作成・提出が可 */
.jd-flow-box19 { place-content: flex-start; align-items: flex-start; flex: 1 1 0%; flex-flow: column; gap: 0px; padding: 0px; width: auto; --gh-jd-flow-box19: 0px; --gv-jd-flow-box19: 0px; max-width: 100%; }

/* jd-flow-txt11: STEP4 */
.jd-flow-txt11 { color: rgb(36, 82, 176); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt12: 利用開始 */
.jd-flow-txt12 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-flow-txt13: 最短で当日から訴状の作成・提出が可能に。 マニュアル不要の直 */
.jd-flow-txt13 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 600; height: auto; line-height: 1.4; margin: 10px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-flow-txt13 { font-size: 14px; } }

/* jd-effect-box1: 導入効果 訴状作成 Before 総合計15時間 A */
.jd-effect-box1 { place-content: center flex-start; align-items: center; background: rgb(245, 246, 249); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 80px 0px; width: 100%; max-width: 100%; }

/* jd-effect-box2: 導入効果 訴状作成 Before 総合計15時間 A */
.jd-effect-box2 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px; }

/* jd-effect-box3: 導入効果 */
.jd-effect-box3 { place-content: center; align-items: center; flex-flow: row; gap: 10px; margin: 0px 0px 60px; padding: 0px; width: 100%; --gh-jd-effect-box3: 10px; --gv-jd-effect-box3: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-effect-box3 { flex: 0 0 auto; margin: 0px 0px 40px; width: 90%; --gh-jd-effect-box3: 10px; --gv-jd-effect-box3: 0px; max-width: 90%; } }

/* jd-effect-box4:  */
.jd-effect-box4 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-effect-box4 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-effect-txt1: 導入効果 */
.jd-effect-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-effect-txt1 { font-size: 28px; } }

/* jd-effect-box5:  */
.jd-effect-box5 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-effect-box5 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-effect-box6: 訴状作成 Before 総合計15時間 After  */
.jd-effect-box6 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 60px; padding: 0px; --gh-jd-effect-box6: 60px; --gv-jd-effect-box6: 0px; }
@media screen and (max-width: 760px) { .jd-effect-box6 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 20px; width: 90%; --gh-jd-effect-box6: 20px; --gv-jd-effect-box6: 20px; max-width: 90%; } }

/* jd-effect-box7: 訴状作成 Before 総合計15時間 After  */
.jd-effect-box7 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 20px; width: 320px; --gh-jd-effect-box7: 0px; --gv-jd-effect-box7: 10px; max-width: 100%; }

/* jd-effect-txt2: 訴状作成 */
.jd-effect-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box8: Before 総合計15時間 */
.jd-effect-box8 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 6px; margin: 0px; padding: 0px; width: auto; --gh-jd-effect-box8: 6px; --gv-jd-effect-box8: 0px; max-width: 100%; }

/* jd-effect-txt3: Before */
.jd-effect-txt3 { background: rgb(80, 83, 115); border-radius: 2px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; padding: 2px 12px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-effect-txt4: 総合計15時間 */
.jd-effect-txt4 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box9: After 最短10分 に短縮！ */
.jd-effect-box9 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 4px; margin: 0px; padding: 0px; width: auto; --gh-jd-effect-box9: 0px; --gv-jd-effect-box9: 4px; max-width: 100%; }

/* jd-effect-txt5: After */
.jd-effect-txt5 { background: rgb(255, 138, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; padding: 2px 12px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-effect-box10: 最短10分 に短縮！ */
.jd-effect-box10 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: row; gap: 3px; padding: 0px; --gh-jd-effect-box10: 3px; --gv-jd-effect-box10: 0px; }

/* jd-effect-txt6: 最短10分 */
.jd-effect-txt6 { color: rgb(36, 82, 176); font-family: 'Noto Serif JP', sans-serif; font-size: 36px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-txt7: に短縮！ */
.jd-effect-txt7 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 1px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box11: 差し戻し率 Before 12％ After 1％未 */
.jd-effect-box11 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 20px; width: 320px; --gh-jd-effect-box11: 0px; --gv-jd-effect-box11: 10px; max-width: 100%; }

/* jd-effect-txt8: 差し戻し率 */
.jd-effect-txt8 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box12: Before 12％ */
.jd-effect-box12 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 6px; margin: 0px; padding: 0px; width: auto; --gh-jd-effect-box12: 6px; --gv-jd-effect-box12: 0px; max-width: 100%; }

/* jd-effect-txt9: Before */
.jd-effect-txt9 { background: rgb(80, 83, 115); border-radius: 2px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; padding: 2px 12px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-effect-txt10: 12％ */
.jd-effect-txt10 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box13: After 1％未満 に！ */
.jd-effect-box13 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 4px; margin: 0px; padding: 0px; width: auto; --gh-jd-effect-box13: 0px; --gv-jd-effect-box13: 4px; max-width: 100%; }

/* jd-effect-txt11: After */
.jd-effect-txt11 { background: rgb(255, 138, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; padding: 2px 12px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-effect-box14: 1％未満 に！ */
.jd-effect-box14 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: row; gap: 3px; padding: 0px; --gh-jd-effect-box14: 3px; --gv-jd-effect-box14: 0px; }

/* jd-effect-txt12: 1％未満 */
.jd-effect-txt12 { color: rgb(36, 82, 176); font-family: 'Noto Serif JP', sans-serif; font-size: 36px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-txt13: に！ */
.jd-effect-txt13 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 1px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box15: 少額訴訟弁護士稼働 Before 弁護士稼働100％  */
.jd-effect-box15 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 20px; width: 320px; --gh-jd-effect-box15: 0px; --gv-jd-effect-box15: 10px; max-width: 100%; }

/* jd-effect-txt14: 少額訴訟弁護士稼働 */
.jd-effect-txt14 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box16: Before 弁護士稼働100％ */
.jd-effect-box16 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 6px; margin: 0px; padding: 0px; width: auto; --gh-jd-effect-box16: 6px; --gv-jd-effect-box16: 0px; max-width: 100%; }

/* jd-effect-txt15: Before */
.jd-effect-txt15 { background: rgb(80, 83, 115); border-radius: 2px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; padding: 2px 12px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-effect-txt16: 弁護士稼働100％ */
.jd-effect-txt16 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box17: After 弁護士稼働率が 0％ に！ */
.jd-effect-box17 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 4px; margin: 0px; padding: 0px; width: auto; --gh-jd-effect-box17: 0px; --gv-jd-effect-box17: 4px; max-width: 100%; }

/* jd-effect-txt17: After */
.jd-effect-txt17 { background: rgb(255, 138, 0); border-radius: 2px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; padding: 2px 12px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-effect-box18: 弁護士稼働率が 0％ に！ */
.jd-effect-box18 { place-content: flex-end flex-start; align-items: flex-end; flex-flow: row; gap: 3px; padding: 0px; --gh-jd-effect-box18: 3px; --gv-jd-effect-box18: 0px; }

/* jd-effect-txt18: 弁護士稼働率が */
.jd-effect-txt18 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 6px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-txt19: 0％ */
.jd-effect-txt19 { color: rgb(36, 82, 176); font-family: 'Noto Serif JP', sans-serif; font-size: 36px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-txt20: に！ */
.jd-effect-txt20 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 6px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-effect-box19: \ まずは無料でお気軽にご相談ください/ 無料で問い合わせ */
.jd-effect-box19 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 60px 0px 0px; padding: 0px; width: 380px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-effect-box19 { flex: 0 0 auto; height: auto; margin: 40px 0px 0px; padding: 0px; width: auto; max-width: 100%; } }

/* jd-effect-txt21: \ まずは無料でお気軽にご相談ください/ */
.jd-effect-txt21 { color: rgb(0, 0, 0); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-effect-txt21 { font-size: 14px; } }
@media screen and (max-width: 540px) { .jd-effect-txt21 { font-size: 16px; } }

/* jd-effect-link1: 無料で問い合わせ */
.jd-effect-link1 { place-content: center; align-items: center; background: rgb(255, 138, 0); border-radius: 0px; box-shadow: none; flex-direction: row; gap: 30px; height: auto; margin: 0px; padding: 20px 40px; width: 100%; --gh-jd-effect-link1: 30px; --gv-jd-effect-link1: 0px; max-width: 100%; }
.jd-effect-link1:hover { background: rgb(12, 47, 84); --gh-jd-effect-link1: 30px; --gv-jd-effect-link1: 0px; }
@media screen and (max-width: 540px) { .jd-effect-link1 { flex: 0 0 auto; gap: 14px; padding: 10px 40px; width: auto; --gh-jd-effect-link1: 14px; --gv-jd-effect-link1: 0px; max-width: 100%; } }

/* jd-effect-txt22: 無料で問い合わせ */
.jd-effect-txt22 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-effect-txt22 { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-effect-txt22 { font-size: 16px; } }

/* jd-effect-img1:  */
.jd-effect-img1 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 1px 0px 0px; width: 28px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-effect-img1 { flex: 0 0 auto; width: 26px; max-width: 100%; } }

/* jd-effect-pic1:  */
.jd-effect-pic1 { inset: 0px; filter: blur(0px); height: auto; margin: 0px; mix-blend-mode: luminosity; opacity: 0.1; position: absolute; width: auto; z-index: -3; max-width: 100%; }
.jd-effect-pic1::before { background-position: center top; }

/* jd-blk6-box1: プラン比較 利用頻度が低い・まず試したい人におすすめ！  */
.jd-blk6-box1 { place-content: center; align-items: center; background: rgb(245, 246, 249); border-width: 0px; border-style: solid; border-color: rgba(196, 198, 206, 0); flex-wrap: nowrap; gap: 40px; padding: 100px 40px; width: 100%; --gh-jd-blk6-box1: 0px; --gv-jd-blk6-box1: 40px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk6-box1 { padding: 104px 32px; --gh-jd-blk6-box1: 0px; --gv-jd-blk6-box1: 40px; } }
@media screen and (max-width: 540px) { .jd-blk6-box1 { padding: 96px 16px; --gh-jd-blk6-box1: 0px; --gv-jd-blk6-box1: 40px; } }

/* jd-blk6-box2: プラン比較 */
.jd-blk6-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; height: auto; margin: 0px 0px 16px; padding: 0px; --gh-jd-blk6-box2: 10px; --gv-jd-blk6-box2: 0px; max-width: 100%; }

/* jd-blk6-box3:  */
.jd-blk6-box3 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk6-box3 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-blk6-txt1: プラン比較 */
.jd-blk6-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-blk6-txt1 { font-size: 28px; } }

/* jd-blk6-box4:  */
.jd-blk6-box4 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk6-box4 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-blk6-box5: 利用頻度が低い・まず試したい人におすすめ！ cloud  */
.jd-blk6-box5 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 32px; margin: 0px; padding: 0px; width: 1280px; --gh-jd-blk6-box5: 32px; --gv-jd-blk6-box5: 32px; max-width: 100%; }
html.js .jd-blk6-box5:not(.in) { opacity: 0; transition-delay: 500ms; transition-duration: 500ms; translate: 0px 20px; --gh-jd-blk6-box5: 32px; --gv-jd-blk6-box5: 32px; }
.jd-blk6-box5.in-active { transition-delay: 500ms; transition-duration: 500ms; }
@media screen and (max-width: 760px) { .jd-blk6-box5 { gap: 24px; --gh-jd-blk6-box5: 24px; --gv-jd-blk6-box5: 24px; } }

/* jd-blk6-box6: 利用頻度が低い・まず試したい人におすすめ！ cloud  */
.jd-blk6-box6 { place-content: center; align-items: center; background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: rgb(196, 198, 206); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; padding: 40px; width: calc(50% - (var(--gh-jd-blk6-box5) * 0.5)); --gh-jd-blk6-box6: 0px; --gv-jd-blk6-box6: 16px; max-width: calc(50% - (var(--gh-jd-blk6-box5) * 0.5)); }
@media screen and (max-width: 760px) { .jd-blk6-box6 { flex: 0 0 auto; width: calc(100% - (var(--gh-jd-blk6-box5) * 0)); --gh-jd-blk6-box6: 0px; --gv-jd-blk6-box6: 16px; max-width: calc(100% - (var(--gh-jd-blk6-box5) * 0)); } }
@media screen and (max-width: 540px) { .jd-blk6-box6 { gap: 24px; padding: 32px 16px; --gh-jd-blk6-box6: 0px; --gv-jd-blk6-box6: 24px; } }

/* jd-blk6-txt2: 利用頻度が低い・まず試したい人におすすめ！ */
.jd-blk6-txt2 { color: rgb(34, 34, 34); font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: left; text-decoration: underline; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-blk6-txt2 { font-size: 14px; } }

/* jd-blk6-box7: cloud 従量プラン（クラウド版） */
.jd-blk6-box7 { place-content: center; align-items: center; flex-flow: row; gap: 16px; padding: 0px; --gh-jd-blk6-box7: 16px; --gv-jd-blk6-box7: 0px; }
@media screen and (max-width: 760px) { .jd-blk6-box7 { gap: 12px; --gh-jd-blk6-box7: 12px; --gv-jd-blk6-box7: 0px; } }
@media screen and (max-width: 540px) { .jd-blk6-box7 { gap: 8px; --gh-jd-blk6-box7: 8px; --gv-jd-blk6-box7: 0px; } }

/* jd-blk6-icon1: cloud */
.jd-blk6-icon1 { color: rgb(12, 47, 83); font-size: 36px; }
@media screen and (max-width: 760px) { .jd-blk6-icon1 { font-size: 32px; } }
@media screen and (max-width: 540px) { .jd-blk6-icon1 { font-size: 28px; } }

/* jd-blk6-txt3: 従量プラン（クラウド版） */
.jd-blk6-txt3 { color: rgb(12, 47, 83); flex: 1 1 0%; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 32px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-blk6-txt3 { font-size: 24px; } }

/* jd-blk6-txt4: ・ 利用料金無料 ・ 訴状PDF発行：1枚9,800円 ・  */
.jd-blk6-txt4 { color: rgb(34, 34, 34); font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 2; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-blk6-txt4 { font-size: 14px; } }

/* jd-blk6-link1: 無料体験はこちら arrow_forward */
.jd-blk6-link1 { place-content: center; align-items: center; background: rgb(12, 47, 83); border-width: 0px; border-style: solid; border-color: rgb(12, 47, 83); border-radius: 0px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; padding: 12px 24px; width: auto; --gh-jd-blk6-link1: 8px; --gv-jd-blk6-link1: 0px; max-width: 100%; }
.jd-blk6-link1:hover { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(12, 47, 84); --gh-jd-blk6-link1: 8px; --gv-jd-blk6-link1: 0px; }
@media screen and (max-width: 760px) { .jd-blk6-link1 { flex: 1 1 0%; width: auto; --gh-jd-blk6-link1: 8px; --gv-jd-blk6-link1: 0px; } }
@media screen and (max-width: 540px) { .jd-blk6-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-jd-blk6-box6) * 0)); --gh-jd-blk6-link1: 8px; --gv-jd-blk6-link1: 0px; max-width: calc(100% - (var(--gh-jd-blk6-box6) * 0)); } }

/* jd-blk6-txt5: 無料体験はこちら */
.jd-blk6-txt5 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-blk6-link1: 無料体験はこちら arrow_forward */
.jd-blk6-link1:hover .jd-blk6-txt5 { color: rgb(12, 47, 83); }
@media screen and (max-width: 540px) { .jd-blk6-txt5 { font-size: 14px; } }

/* jd-blk6-icon2: arrow_forward */
.jd-blk6-icon2 { color: rgb(255, 255, 255); font-size: 20px; }

/* jd-blk6-link1: 無料体験はこちら arrow_forward */
.jd-blk6-link1:hover .jd-blk6-icon2 { color: rgb(12, 47, 83); translate: 2px; }

/* jd-blk6-box8: 案件数が多い・業務効率を重視する人におすすめ！ comp */
.jd-blk6-box8 { place-content: center; align-items: center; background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: rgb(196, 198, 206); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; padding: 40px; width: calc(50% - (var(--gh-jd-blk6-box5) * 0.5)); --gh-jd-blk6-box8: 0px; --gv-jd-blk6-box8: 16px; max-width: calc(50% - (var(--gh-jd-blk6-box5) * 0.5)); }
@media screen and (max-width: 760px) { .jd-blk6-box8 { flex: 0 0 auto; width: calc(100% - (var(--gh-jd-blk6-box5) * 0)); --gh-jd-blk6-box8: 0px; --gv-jd-blk6-box8: 16px; max-width: calc(100% - (var(--gh-jd-blk6-box5) * 0)); } }
@media screen and (max-width: 540px) { .jd-blk6-box8 { gap: 24px; padding: 32px 16px; --gh-jd-blk6-box8: 0px; --gv-jd-blk6-box8: 24px; } }

/* jd-blk6-txt6: 案件数が多い・業務効率を重視する人におすすめ！ */
.jd-blk6-txt6 { color: rgb(34, 34, 34); font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; line-height: 1.75; text-align: left; text-decoration: underline; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-blk6-txt6 { font-size: 14px; } }

/* jd-blk6-box9: computer 定額プラン（SaaS版） */
.jd-blk6-box9 { place-content: center; align-items: center; flex-flow: row; gap: 16px; padding: 0px; --gh-jd-blk6-box9: 16px; --gv-jd-blk6-box9: 0px; }
@media screen and (max-width: 760px) { .jd-blk6-box9 { gap: 12px; --gh-jd-blk6-box9: 12px; --gv-jd-blk6-box9: 0px; } }
@media screen and (max-width: 540px) { .jd-blk6-box9 { gap: 8px; --gh-jd-blk6-box9: 8px; --gv-jd-blk6-box9: 0px; } }

/* jd-blk6-icon3: computer */
.jd-blk6-icon3 { color: rgb(255, 138, 0); font-size: 36px; }
@media screen and (max-width: 760px) { .jd-blk6-icon3 { font-size: 32px; } }
@media screen and (max-width: 540px) { .jd-blk6-icon3 { font-size: 28px; } }

/* jd-blk6-txt7: 定額プラン（SaaS版） */
.jd-blk6-txt7 { color: rgb(255, 138, 0); flex: 1 1 0%; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 32px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-blk6-txt7 { font-size: 24px; } }

/* jd-blk6-txt8: ・ 月額 250,000円（税抜） ・ 訴状PDF発行：発行 */
.jd-blk6-txt8 { color: rgb(34, 34, 34); font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-blk6-txt8 { font-size: 14px; } }

/* jd-blk6-link2: 有料プランお申し込みはこちら arrow_forward */
.jd-blk6-link2 { place-content: center; align-items: center; background: rgb(255, 138, 0); border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 0px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; padding: 12px 24px; width: auto; --gh-jd-blk6-link2: 8px; --gv-jd-blk6-link2: 0px; max-width: 100%; }
.jd-blk6-link2:hover { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(255, 138, 0); opacity: 1; --gh-jd-blk6-link2: 8px; --gv-jd-blk6-link2: 0px; }
@media screen and (max-width: 760px) { .jd-blk6-link2 { flex: 1 1 0%; width: auto; --gh-jd-blk6-link2: 8px; --gv-jd-blk6-link2: 0px; } }
@media screen and (max-width: 540px) { .jd-blk6-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-jd-blk6-box8) * 0)); --gh-jd-blk6-link2: 8px; --gv-jd-blk6-link2: 0px; max-width: calc(100% - (var(--gh-jd-blk6-box8) * 0)); } }

/* jd-blk6-txt9: 有料プランお申し込みはこちら */
.jd-blk6-txt9 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-blk6-link2: 有料プランお申し込みはこちら arrow_forward */
.jd-blk6-link2:hover .jd-blk6-txt9 { color: rgb(255, 138, 0); }
@media screen and (max-width: 540px) { .jd-blk6-txt9 { font-size: 14px; } }

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

/* jd-blk6-link2: 有料プランお申し込みはこちら arrow_forward */
.jd-blk6-link2:hover .jd-blk6-icon4 { color: rgb(255, 138, 0); translate: 2px; }

/* jd-price-box1: SaaS版 料金プラン ご利用目的やご予算に応じて、柔軟に */
.jd-price-box1 { place-content: center flex-start; align-items: center; background: rgba(255, 255, 255, 0); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 80px 0px; width: 100%; z-index: 1; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-box1 { flex: 0 0 auto; width: 90%; max-width: 90%; } }

/* jd-price-box2: SaaS版 料金プラン ご利用目的やご予算に応じて、柔軟に */
.jd-price-box2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 60px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-box2 { margin: 0px 0px 40px; max-width: 100%; } }

/* jd-price-box3: SaaS版 料金プラン */
.jd-price-box3 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; height: auto; margin: 0px 0px 16px; padding: 0px; --gh-jd-price-box3: 10px; --gv-jd-price-box3: 0px; max-width: 100%; }

/* jd-price-box4:  */
.jd-price-box4 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-box4 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-price-txt1: SaaS版 料金プラン */
.jd-price-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-price-txt1 { font-size: 28px; } }

/* jd-price-box5:  */
.jd-price-box5 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-box5 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-price-txt2: ご利用目的やご予算に応じて、柔軟に選べる2つの料金プランをご */
.jd-price-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-price-txt2 { font-size: 16px; } }

/* jd-price-box6: 1年間の導入・ 利用コストを一括で管理 1年契約 税込  */
.jd-price-box6 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 60px; padding: 0px; --gh-jd-price-box6: 60px; --gv-jd-price-box6: 0px; }
@media screen and (max-width: 760px) { .jd-price-box6 { place-content: center; align-items: center; flex: 0 0 auto; width: 90%; --gh-jd-price-box6: 60px; --gv-jd-price-box6: 0px; max-width: 90%; } }
@media screen and (max-width: 540px) { .jd-price-box6 { flex-flow: column; gap: 26px; width: 100%; --gh-jd-price-box6: 0px; --gv-jd-price-box6: 26px; max-width: 100%; } }

/* jd-price-box7: 1年間の導入・ 利用コストを一括で管理 1年契約 税込  */
.jd-price-box7 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(196, 198, 206); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: 340px; padding: 24px 40px; width: 326px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-box7 { flex: 0 0 auto; height: 280px; width: calc(100% - (var(--gh-jd-price-box6) * 0)); max-width: calc(100% - (var(--gh-jd-price-box6) * 0)); } }

/* jd-price-txt3: 1年間の導入・ 利用コストを一括で管理 */
.jd-price-txt3 { border-width: 1px; border-style: solid; border-color: rgb(36, 82, 176); border-radius: 4px; color: rgb(12, 45, 81); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 20px; padding: 7px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-txt4: 1年契約 */
.jd-price-txt4 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 24px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-box8: 税込 3,300,000 円 */
.jd-price-box8 { place-content: flex-end center; align-items: flex-end; flex-flow: row; padding: 0px; }

/* jd-price-txt5: 税込 */
.jd-price-txt5 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 6px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-txt6: 3,300,000 */
.jd-price-txt6 { color: rgb(255, 138, 0); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-txt7: 円 */
.jd-price-txt7 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 6px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-rich1: １年間使い放題 */
.jd-price-rich1 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; margin: 20px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; }
.jd-price-rich1 li { margin: 0px 0px 5px; }

/* jd-price-img1:  */
.jd-price-img1 { inset: auto 5px 0px auto; height: auto; margin: 0px; position: absolute; width: 116px; z-index: -2; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-img1 { bottom: -14px; right: -12px; } }

/* jd-price-box9: まずは月額で安心導入 サブスク 税込 275,000  */
.jd-price-box9 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(196, 198, 206); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 4px; height: 340px; padding: 40px 40px 24px; width: 326px; --gh-jd-price-box9: 0px; --gv-jd-price-box9: 4px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-box9 { flex: 0 0 auto; height: 280px; width: calc(100% - (var(--gh-jd-price-box6) * 0)); --gh-jd-price-box9: 0px; --gv-jd-price-box9: 4px; max-width: calc(100% - (var(--gh-jd-price-box6) * 0)); } }

/* jd-price-txt8: まずは月額で安心導入 */
.jd-price-txt8 { border-width: 1px; border-style: solid; border-color: rgb(36, 82, 176); border-radius: 4px; color: rgb(13, 46, 83); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 20px; padding: 7px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-price-txt9: サブスク */
.jd-price-txt9 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 24px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-box10: 税込 275,000 円/月 */
.jd-price-box10 { place-content: flex-end center; align-items: flex-end; flex-flow: row; padding: 0px; }

/* jd-price-txt10: 税込 */
.jd-price-txt10 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 6px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-txt11: 275,000 */
.jd-price-txt11 { color: rgb(255, 138, 0); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-txt12: 円/月 */
.jd-price-txt12 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 6px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-price-rich2: 常時アップデート */
.jd-price-rich2 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; margin: 20px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; }
.jd-price-rich2 li { margin: 0px 0px 5px; }
.jd-price-rich2 > ul { margin: 7px 0px 0px 20px; }

/* jd-price-img2:  */
.jd-price-img2 { inset: auto 6px 5px auto; height: auto; margin: 0px; position: absolute; width: 78px; z-index: -2; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-img2 { bottom: -9px; right: -9px; } }

/* jd-price-box11: \ まずは無料でお気軽にご相談ください/ 無料で問い合わせ */
.jd-price-box11 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 60px 0px 0px; padding: 0px; width: 380px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-box11 { flex: 0 0 auto; height: auto; margin: 40px 0px 0px; padding: 0px; width: auto; max-width: 100%; } }

/* jd-price-txt13: \ まずは無料でお気軽にご相談ください/ */
.jd-price-txt13 { color: rgb(0, 0, 0); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-price-txt13 { font-size: 14px; } }
@media screen and (max-width: 540px) { .jd-price-txt13 { font-size: 16px; } }

/* jd-price-link1: 無料で問い合わせ */
.jd-price-link1 { place-content: center; align-items: center; background: rgb(255, 138, 0); border-radius: 0px; box-shadow: none; flex-direction: row; gap: 30px; height: auto; margin: 0px; padding: 20px 40px; width: 100%; --gh-jd-price-link1: 30px; --gv-jd-price-link1: 0px; max-width: 100%; }
.jd-price-link1:hover { background: rgb(12, 47, 84); --gh-jd-price-link1: 30px; --gv-jd-price-link1: 0px; }
@media screen and (max-width: 540px) { .jd-price-link1 { flex: 0 0 auto; gap: 14px; padding: 10px 40px; width: auto; --gh-jd-price-link1: 14px; --gv-jd-price-link1: 0px; max-width: 100%; } }

/* jd-price-txt14: 無料で問い合わせ */
.jd-price-txt14 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-price-txt14 { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-price-txt14 { font-size: 16px; } }

/* jd-price-img3:  */
.jd-price-img3 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 1px 0px 0px; width: 28px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-price-img3 { flex: 0 0 auto; width: 26px; max-width: 100%; } }

/* jd-voice-box1: 導入企業の声 東京都 システム会社 経理部長 60日で */
.jd-voice-box1 { place-content: center flex-start; align-items: center; background: rgb(12, 47, 83); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 80px 0px; width: 100%; z-index: 1; max-width: 100%; }

/* jd-voice-box2: 導入企業の声 */
.jd-voice-box2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 40px; padding: 0px; max-width: 100%; }

/* jd-voice-box3: 導入企業の声 */
.jd-voice-box3 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; height: auto; margin: 0px 0px 16px; padding: 0px; --gh-jd-voice-box3: 10px; --gv-jd-voice-box3: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-voice-box3 { margin: 0px; --gh-jd-voice-box3: 10px; --gv-jd-voice-box3: 0px; max-width: 100%; } }

/* jd-voice-box4:  */
.jd-voice-box4 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-voice-box4 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-voice-txt1: 導入企業の声 */
.jd-voice-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-voice-txt1 { font-size: 28px; } }

/* jd-voice-box5:  */
.jd-voice-box5 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-voice-box5 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-voice-box6: 東京都 システム会社 経理部長 60日で資金繰り改善  */
.jd-voice-box6 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 20px; margin: 0px 20px; padding: 0px; width: 1060px; --gh-jd-voice-box6: 0px; --gv-jd-voice-box6: 20px; max-width: calc(100% - 40px); }
@media screen and (max-width: 760px) { .jd-voice-box6 { flex: 0 0 auto; margin: 0px; width: 90%; --gh-jd-voice-box6: 0px; --gv-jd-voice-box6: 20px; max-width: 90%; } }

/* jd-voice-box7: 東京都 システム会社 経理部長 60日で資金繰り改善  */
.jd-voice-box7 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 32px 40px; width: calc(100% - (var(--gh-jd-voice-box6) * 0)); --gh-jd-voice-box7: 0px; --gv-jd-voice-box7: 10px; max-width: calc(100% - (var(--gh-jd-voice-box6) * 0)); }
@media screen and (max-width: 540px) { .jd-voice-box7 { padding: 32px 20px; --gh-jd-voice-box7: 0px; --gv-jd-voice-box7: 10px; } }

/* jd-voice-box8: 東京都 システム会社 経理部長 */
.jd-voice-box8 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; width: calc(100% - (var(--gh-jd-voice-box7) * 0)); --gh-jd-voice-box8: 10px; --gv-jd-voice-box8: 0px; max-width: calc(100% - (var(--gh-jd-voice-box7) * 0)); }

/* jd-voice-pic1:  */
.jd-voice-pic1 { border-radius: 50%; flex: 0 0 auto; height: 80px; width: 80px; max-width: 100%; }

/* jd-voice-box9: 東京都 システム会社 経理部長 */
.jd-voice-box9 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px; padding: 0px; --gh-jd-voice-box9: 0px; --gv-jd-voice-box9: 4px; }

/* jd-voice-txt2: 東京都 */
.jd-voice-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt3: システム会社 経理部長 */
.jd-voice-txt3 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt4: 60日で資金繰り改善 */
.jd-voice-txt4 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-voice-txt4 { text-align: left; justify-content: flex-start; } }
@media screen and (max-width: 540px) { .jd-voice-txt4 { font-size: 17px; } }

/* jd-voice-txt5: 督促しても『確認します』の一点張りだった取引先。売掛50万円 */
.jd-voice-txt5 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-voice-box10: 大阪府 食品卸売業 代表取締役 弁護士費ゼロで黒字化  */
.jd-voice-box10 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 32px 40px; width: calc(100% - (var(--gh-jd-voice-box6) * 0)); --gh-jd-voice-box10: 0px; --gv-jd-voice-box10: 10px; max-width: calc(100% - (var(--gh-jd-voice-box6) * 0)); }
@media screen and (max-width: 540px) { .jd-voice-box10 { padding: 32px 20px; --gh-jd-voice-box10: 0px; --gv-jd-voice-box10: 10px; } }

/* jd-voice-box11: 大阪府 食品卸売業 代表取締役 */
.jd-voice-box11 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; width: calc(100% - (var(--gh-jd-voice-box10) * 0)); --gh-jd-voice-box11: 10px; --gv-jd-voice-box11: 0px; max-width: calc(100% - (var(--gh-jd-voice-box10) * 0)); }

/* jd-voice-pic2:  */
.jd-voice-pic2 { border-radius: 50%; flex: 0 0 auto; height: 80px; width: 80px; max-width: 100%; }

/* jd-voice-box12: 大阪府 食品卸売業 代表取締役 */
.jd-voice-box12 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px; padding: 0px; --gh-jd-voice-box12: 0px; --gv-jd-voice-box12: 4px; }

/* jd-voice-txt6: 大阪府 */
.jd-voice-txt6 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt7: 食品卸売業 代表取締役 */
.jd-voice-txt7 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt8: 弁護士費ゼロで黒字化 */
.jd-voice-txt8 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-voice-txt8 { text-align: left; justify-content: flex-start; } }
@media screen and (max-width: 540px) { .jd-voice-txt8 { font-size: 17px; } }

/* jd-voice-txt9: 相手先の入金遅延が5万〜20万円規模で散発し、弁護士費用を掛 */
.jd-voice-txt9 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-voice-box13: 福岡県 広告代理店 管理部課長 書式ミス0％で即日受理  */
.jd-voice-box13 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 32px 40px; width: calc(100% - (var(--gh-jd-voice-box6) * 0)); --gh-jd-voice-box13: 0px; --gv-jd-voice-box13: 10px; max-width: calc(100% - (var(--gh-jd-voice-box6) * 0)); }
@media screen and (max-width: 540px) { .jd-voice-box13 { padding: 32px 20px; --gh-jd-voice-box13: 0px; --gv-jd-voice-box13: 10px; } }

/* jd-voice-box14: 福岡県 広告代理店 管理部課長 */
.jd-voice-box14 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; width: calc(100% - (var(--gh-jd-voice-box13) * 0)); --gh-jd-voice-box14: 10px; --gv-jd-voice-box14: 0px; max-width: calc(100% - (var(--gh-jd-voice-box13) * 0)); }

/* jd-voice-pic3:  */
.jd-voice-pic3 { border-radius: 50%; flex: 0 0 auto; height: 80px; width: 80px; max-width: 100%; }

/* jd-voice-box15: 福岡県 広告代理店 管理部課長 */
.jd-voice-box15 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px; padding: 0px; --gh-jd-voice-box15: 0px; --gv-jd-voice-box15: 4px; }

/* jd-voice-txt10: 福岡県 */
.jd-voice-txt10 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt11: 広告代理店 管理部課長 */
.jd-voice-txt11 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt12: 書式ミス0％で即日受理 */
.jd-voice-txt12 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-voice-txt12 { text-align: left; justify-content: flex-start; } }
@media screen and (max-width: 540px) { .jd-voice-txt12 { font-size: 17px; } }

/* jd-voice-txt13: 裁判所の書式は複雑で毎回差し戻されていましたが、このツールは */
.jd-voice-txt13 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-voice-box16: 愛知県 物流企業 財務責任者 稟議半日 通過率100％  */
.jd-voice-box16 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 32px 40px; width: calc(100% - (var(--gh-jd-voice-box6) * 0)); --gh-jd-voice-box16: 0px; --gv-jd-voice-box16: 10px; max-width: calc(100% - (var(--gh-jd-voice-box6) * 0)); }
@media screen and (max-width: 540px) { .jd-voice-box16 { padding: 32px 20px; --gh-jd-voice-box16: 0px; --gv-jd-voice-box16: 10px; } }

/* jd-voice-box17: 愛知県 物流企業 財務責任者 */
.jd-voice-box17 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; width: calc(100% - (var(--gh-jd-voice-box16) * 0)); --gh-jd-voice-box17: 10px; --gv-jd-voice-box17: 0px; max-width: calc(100% - (var(--gh-jd-voice-box16) * 0)); }

/* jd-voice-pic4:  */
.jd-voice-pic4 { border-radius: 50%; flex: 0 0 auto; height: 80px; width: 80px; max-width: 100%; }

/* jd-voice-box18: 愛知県 物流企業 財務責任者 */
.jd-voice-box18 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px; padding: 0px; --gh-jd-voice-box18: 0px; --gv-jd-voice-box18: 4px; }

/* jd-voice-txt14: 愛知県 */
.jd-voice-txt14 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt15: 物流企業 財務責任者 */
.jd-voice-txt15 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt16: 稟議半日 通過率100％ */
.jd-voice-txt16 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-voice-txt16 { text-align: left; justify-content: flex-start; } }
@media screen and (max-width: 540px) { .jd-voice-txt16 { font-size: 17px; } }

/* jd-voice-txt17: 法的手続きは専門用語が多く社内稟議が難航しがちでしたが、ツー */
.jd-voice-txt17 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-voice-box19: 東京都 BPOサービス会社 総務課長 時効目前でも140 */
.jd-voice-box19 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; padding: 32px 40px; width: calc(100% - (var(--gh-jd-voice-box6) * 0)); --gh-jd-voice-box19: 0px; --gv-jd-voice-box19: 10px; max-width: calc(100% - (var(--gh-jd-voice-box6) * 0)); }
@media screen and (max-width: 540px) { .jd-voice-box19 { padding: 32px 20px; --gh-jd-voice-box19: 0px; --gv-jd-voice-box19: 10px; } }

/* jd-voice-box20: 東京都 BPOサービス会社 総務課長 */
.jd-voice-box20 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; padding: 0px; width: calc(100% - (var(--gh-jd-voice-box19) * 0)); --gh-jd-voice-box20: 10px; --gv-jd-voice-box20: 0px; max-width: calc(100% - (var(--gh-jd-voice-box19) * 0)); }

/* jd-voice-pic5:  */
.jd-voice-pic5 { border-radius: 50%; flex: 0 0 auto; height: 80px; width: 80px; max-width: 100%; }

/* jd-voice-box21: 東京都 BPOサービス会社 総務課長 */
.jd-voice-box21 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 4px; padding: 0px; --gh-jd-voice-box21: 0px; --gv-jd-voice-box21: 4px; }

/* jd-voice-txt18: 東京都 */
.jd-voice-txt18 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt19: BPOサービス会社 総務課長 */
.jd-voice-txt19 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* jd-voice-txt20: 時効目前でも140万円回収 */
.jd-voice-txt20 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-voice-txt20 { text-align: left; justify-content: flex-start; } }
@media screen and (max-width: 540px) { .jd-voice-txt20 { font-size: 17px; } }

/* jd-voice-txt21: 売掛金135万円の消滅時効まで残り1か月。弁護士に相談する時 */
.jd-voice-txt21 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 14px; font-weight: 600; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-faq-box1: よくあるご質問 Q 裁判所書式が変わったら？ A 書 */
.jd-faq-box1 { place-content: center flex-start; align-items: center; background: rgb(245, 246, 249); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 80px 0px; width: 100%; max-width: 100%; }

/* jd-faq-box2: よくあるご質問 */
.jd-faq-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; margin: 0px 0px 60px; padding: 0px; --gh-jd-faq-box2: 10px; --gv-jd-faq-box2: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box2 { margin: 0px 0px 40px; --gh-jd-faq-box2: 10px; --gv-jd-faq-box2: 0px; max-width: 100%; } }

/* jd-faq-box3:  */
.jd-faq-box3 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box3 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-faq-txt1: よくあるご質問 */
.jd-faq-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-faq-txt1 { font-size: 28px; } }

/* jd-faq-box4:  */
.jd-faq-box4 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box4 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-faq-box5: Q 裁判所書式が変わったら？ A 書式改訂日に合わせて */
.jd-faq-box5 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 32px; margin: 0px 20px; padding: 0px; width: 1060px; --gh-jd-faq-box5: 0px; --gv-jd-faq-box5: 32px; max-width: calc(100% - 40px); }
@media screen and (max-width: 760px) { .jd-faq-box5 { flex: 0 0 auto; margin: 0px; width: 90%; --gh-jd-faq-box5: 0px; --gv-jd-faq-box5: 32px; max-width: 90%; } }

/* jd-faq-box6: Q 裁判所書式が変わったら？ A 書式改訂日に合わせて */
.jd-faq-box6 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: auto; padding: 20px 40px; width: 860px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box6 { padding: 20px 16px; } }

/* jd-faq-box7: Q 裁判所書式が変わったら？ */
.jd-faq-box7 { place-content: center flex-start; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(195, 195, 195); flex-flow: row; gap: 20px; padding: 0px 10px 10px; width: 100%; --gh-jd-faq-box7: 20px; --gv-jd-faq-box7: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box7 { gap: 10px; --gh-jd-faq-box7: 10px; --gv-jd-faq-box7: 0px; } }

/* jd-faq-box8: Q */
.jd-faq-box8 { place-content: center; align-items: center; background: rgb(36, 82, 176); border-radius: 4px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 8px; width: auto; max-width: 100%; }

/* jd-faq-txt2: Q */
.jd-faq-txt2 { background: rgba(36, 82, 176, 0); border-radius: 0px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1; margin: -4px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-faq-txt3: 裁判所書式が変わったら？ */
.jd-faq-txt3 { color: rgb(20, 62, 149); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-faq-txt3 { font-size: 16px; } }

/* jd-faq-box9: A 書式改訂日に合わせてシステムを自動アップデートします。 */
.jd-faq-box9 { place-content: center flex-start; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(195, 195, 195); flex-flow: row; gap: 20px; padding: 10px 10px 0px; width: 100%; --gh-jd-faq-box9: 20px; --gv-jd-faq-box9: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box9 { place-content: flex-start; align-items: flex-start; gap: 10px; --gh-jd-faq-box9: 10px; --gv-jd-faq-box9: 0px; } }

/* jd-faq-box10: A */
.jd-faq-box10 { place-content: center; align-items: center; background: rgb(238, 89, 104); border-radius: 4px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 8px; width: auto; max-width: 100%; }

/* jd-faq-txt4: A */
.jd-faq-txt4 { background: rgba(36, 82, 176, 0); border-radius: 0px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1; margin: -4px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-faq-txt5: 書式改訂日に合わせてシステムを自動アップデートします。 */
.jd-faq-txt5 { color: rgb(0, 0, 0); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-faq-txt5 { flex: 1 1 0%; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } }

/* jd-faq-box11: Q オフラインでも使えますか？ A ブラウザ完結型で */
.jd-faq-box11 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: auto; padding: 20px 40px; width: 860px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box11 { padding: 20px 16px; } }

/* jd-faq-box12: Q オフラインでも使えますか？ */
.jd-faq-box12 { place-content: center flex-start; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(195, 195, 195); flex-flow: row; gap: 20px; padding: 0px 10px 10px; width: 100%; --gh-jd-faq-box12: 20px; --gv-jd-faq-box12: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box12 { gap: 10px; --gh-jd-faq-box12: 10px; --gv-jd-faq-box12: 0px; } }

/* jd-faq-box13: Q */
.jd-faq-box13 { place-content: center; align-items: center; background: rgb(36, 82, 176); border-radius: 4px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 8px; width: auto; max-width: 100%; }

/* jd-faq-txt6: Q */
.jd-faq-txt6 { background: rgba(36, 82, 176, 0); border-radius: 0px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1; margin: -4px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-faq-txt7: オフラインでも使えますか？ */
.jd-faq-txt7 { color: rgb(20, 62, 149); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-faq-txt7 { font-size: 16px; } }

/* jd-faq-box14: A ブラウザ完結型ですが、生成した PDF はオフラインで */
.jd-faq-box14 { place-content: center flex-start; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(195, 195, 195); flex-flow: row; gap: 20px; padding: 10px 10px 0px; width: 100%; --gh-jd-faq-box14: 20px; --gv-jd-faq-box14: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box14 { place-content: flex-start; align-items: flex-start; gap: 10px; --gh-jd-faq-box14: 10px; --gv-jd-faq-box14: 0px; } }

/* jd-faq-box15: A */
.jd-faq-box15 { place-content: center; align-items: center; background: rgb(238, 89, 104); border-radius: 4px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 8px; width: auto; max-width: 100%; }

/* jd-faq-txt8: A */
.jd-faq-txt8 { background: rgba(36, 82, 176, 0); border-radius: 0px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1; margin: -4px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-faq-txt9: ブラウザ完結型ですが、生成した PDF はオフラインで編集可 */
.jd-faq-txt9 { color: rgb(0, 0, 0); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-faq-txt9 { flex: 1 1 0%; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } }

/* jd-faq-box16: Q データは安全ですか？ A 国内データセンター／通 */
.jd-faq-box16 { place-content: flex-start center; align-items: flex-start; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 40px; padding: 20px 40px; width: 860px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box16 { margin: 0px; padding: 20px 16px; max-width: 100%; } }

/* jd-faq-box17: Q データは安全ですか？ */
.jd-faq-box17 { place-content: center flex-start; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgb(195, 195, 195); flex-flow: row; gap: 20px; padding: 0px 10px 10px; width: 100%; --gh-jd-faq-box17: 20px; --gv-jd-faq-box17: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box17 { gap: 10px; --gh-jd-faq-box17: 10px; --gv-jd-faq-box17: 0px; } }

/* jd-faq-box18: Q */
.jd-faq-box18 { place-content: center; align-items: center; background: rgb(36, 82, 176); border-radius: 4px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 8px; width: auto; max-width: 100%; }

/* jd-faq-txt10: Q */
.jd-faq-txt10 { background: rgba(36, 82, 176, 0); border-radius: 0px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1; margin: -4px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-faq-txt11: データは安全ですか？ */
.jd-faq-txt11 { color: rgb(20, 62, 149); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-faq-txt11 { font-size: 16px; } }

/* jd-faq-box19: A 国内データセンター／通信は TLS1.2 以上、ISM */
.jd-faq-box19 { place-content: center flex-start; align-items: center; border-width: 0px; border-style: solid; border-color: rgb(195, 195, 195); flex-flow: row; gap: 20px; padding: 10px 10px 0px; width: 100%; --gh-jd-faq-box19: 20px; --gv-jd-faq-box19: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-faq-box19 { place-content: flex-start; align-items: flex-start; gap: 10px; --gh-jd-faq-box19: 10px; --gv-jd-faq-box19: 0px; } }

/* jd-faq-box20: A */
.jd-faq-box20 { place-content: center; align-items: center; background: rgb(238, 89, 104); border-radius: 4px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 8px; width: auto; max-width: 100%; }

/* jd-faq-txt12: A */
.jd-faq-txt12 { background: rgba(36, 82, 176, 0); border-radius: 0px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1; margin: -4px 0px 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* jd-faq-txt13: 国内データセンター／通信は TLS1.2 以上、ISMS 取 */
.jd-faq-txt13 { color: rgb(0, 0, 0); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-faq-txt13 { flex: 1 1 0%; font-size: 15px; text-align: left; width: auto; justify-content: flex-start; } }

/* jd-form-box1: お申込みフォーム 会社名 部署／役職 氏名 * メ */
.jd-form-box1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 80px 0px; width: 100%; max-width: 100%; }

/* jd-form-box2: お申込みフォーム */
.jd-form-box2 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 10px; margin: 0px 0px 60px; padding: 0px; --gh-jd-form-box2: 10px; --gv-jd-form-box2: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-form-box2 { margin: 0px 0px 40px; --gh-jd-form-box2: 10px; --gv-jd-form-box2: 0px; max-width: 100%; } }

/* jd-form-box3:  */
.jd-form-box3 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-form-box3 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-form-txt1: お申込みフォーム */
.jd-form-txt1 { color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 32px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-form-txt1 { font-size: 28px; } }

/* jd-form-box4:  */
.jd-form-box4 { background: rgb(36, 82, 176); flex: 0 0 auto; height: 1px; width: 80px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-form-box4 { flex: 0 0 auto; width: 40px; max-width: 100%; } }

/* jd-form-form1: 会社名 部署／役職 氏名 * メールアドレス *  */
.jd-form-form1 { place-content: center; align-items: center; background: rgb(245, 246, 249); border-radius: 8px; flex: 0 0 auto; margin: 0px; opacity: 1; padding: 40px 80px; width: 740px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-form-form1 { flex: 0 0 auto; padding: 40px 20px; width: 90%; max-width: 90%; } }

/* jd-form-label1: 会社名 */
.jd-form-label1 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* jd-form-box5: 会社名 */
.jd-form-box5 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* jd-form-txt2: 会社名 */
.jd-form-txt2 { border-radius: 0px; color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }

/* jd-form-input1:  */
.jd-form-input1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; height: 46px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 6px 10px; text-align: left; width: 100%; max-width: 100%; }
.jd-form-input1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(12, 47, 83); }
.jd-form-input1::-webkit-input-placeholder { color: rgb(224, 224, 224); }

/* jd-form-label2: 部署／役職 */
.jd-form-label2 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* jd-form-box6: 部署／役職 */
.jd-form-box6 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* jd-form-txt3: 部署／役職 */
.jd-form-txt3 { border-radius: 0px; color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }

/* jd-form-input2:  */
.jd-form-input2 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; height: 46px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 6px 10px; text-align: left; width: 100%; max-width: 100%; }
.jd-form-input2:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(12, 47, 83); }
.jd-form-input2::-webkit-input-placeholder { color: rgb(224, 224, 224); }

/* jd-form-label3: 氏名 * */
.jd-form-label3 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* jd-form-box7: 氏名 * */
.jd-form-box7 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* jd-form-txt4: 氏名 */
.jd-form-txt4 { border-radius: 0px; color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }

/* jd-form-txt5: * */
.jd-form-txt5 { border-radius: 0px; color: rgb(242, 58, 60); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 5px; opacity: 1; padding: 0px; text-align: center; max-width: calc(100% - 5px); justify-content: center; }

/* jd-form-input3:  */
.jd-form-input3 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; height: 46px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 6px 10px; text-align: left; width: 100%; max-width: 100%; }
.jd-form-input3:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(12, 47, 83); }
.jd-form-input3::-webkit-input-placeholder { color: rgb(224, 224, 224); }

/* jd-form-label4: メールアドレス * */
.jd-form-label4 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* jd-form-box8: メールアドレス * */
.jd-form-box8 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* jd-form-txt6: メールアドレス */
.jd-form-txt6 { border-radius: 0px; color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }

/* jd-form-txt7: * */
.jd-form-txt7 { border-radius: 0px; color: rgb(242, 58, 60); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 5px; opacity: 1; padding: 0px; text-align: center; max-width: calc(100% - 5px); justify-content: center; }

/* jd-form-input4:  */
.jd-form-input4 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; height: 46px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 6px 10px; text-align: left; text-shadow: none; width: 100%; max-width: 100%; }
.jd-form-input4:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(12, 47, 83); }
.jd-form-input4::-webkit-input-placeholder { color: rgb(224, 224, 224); }

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

/* jd-form-box9: 電話番号 * */
.jd-form-box9 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* jd-form-txt8: 電話番号 */
.jd-form-txt8 { border-radius: 0px; color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }

/* jd-form-txt9: * */
.jd-form-txt9 { border-radius: 0px; color: rgb(242, 58, 60); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 5px; opacity: 1; padding: 0px; text-align: center; max-width: calc(100% - 5px); justify-content: center; }

/* jd-form-input5:  */
.jd-form-input5 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; height: 46px; justify-content: center; letter-spacing: 0em; line-height: 1.4; opacity: 1; padding: 6px 10px; text-align: left; text-shadow: none; width: 100%; max-width: 100%; }
.jd-form-input5:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(12, 47, 83); }
.jd-form-input5::-webkit-input-placeholder { color: rgb(224, 224, 224); }

/* jd-form-label6: お問い合わせ内容 * */
.jd-form-label6 { align-content: flex-start; align-items: flex-start; background: rgba(0, 0, 0, 0); border-radius: 0px; margin: 0px 0px 20px; opacity: 1; overflow: visible; padding: 0px; width: 100%; max-width: 100%; }

/* jd-form-box10: お問い合わせ内容 * */
.jd-form-box10 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 10px; padding: 0px; max-width: 100%; }

/* jd-form-txt10: お問い合わせ内容 */
.jd-form-txt10 { border-radius: 0px; color: rgb(51, 51, 51); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px; opacity: 1; padding: 0px; text-align: center; max-width: 100%; justify-content: center; }

/* jd-form-txt11: * */
.jd-form-txt11 { border-radius: 0px; color: rgb(242, 58, 60); font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 700; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 5px; opacity: 1; padding: 0px; text-align: center; max-width: calc(100% - 5px); justify-content: center; }

/* jd-form-box11:  */
.jd-form-box11 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; width: 100%; max-width: 100%; }

/* jd-form-textarea1:  */
.jd-form-textarea1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(238, 238, 238); border-radius: 4px; box-shadow: none; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; height: 238px; line-height: 1.4; padding: 6px 10px; width: 100%; max-width: 100%; }
.jd-form-textarea1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(12, 47, 83); }
.jd-form-textarea1::-webkit-input-placeholder { color: rgb(224, 224, 224); }

/* jd-form-btn1: 送信する */
.jd-form-btn1 { background: rgb(255, 138, 0); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 15px; font-weight: 400; justify-content: center; letter-spacing: 0em; line-height: 1.4; margin: 20px 0px 0px; opacity: 1; padding: 15px 26px; text-align: left; width: auto; max-width: 100%; }
.jd-form-btn1:hover { background: rgb(12, 47, 84); }

/* jd-form-txt12: 送信する */
.jd-form-txt12 { border-radius: 0px; color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 18px; font-weight: 700; letter-spacing: 0em; line-height: 1; margin: 0px; opacity: 1; padding: 0px 0px 2px; text-align: center; max-width: 100%; justify-content: center; }

/* jd-form-pic1:  */
.jd-form-pic1 { inset: auto 0px 0px; height: 712px; margin: 0px; opacity: 0.1; position: absolute; width: auto; z-index: -3; max-width: 100%; }
.jd-form-pic1::before { background-position: center top; }

/* jd-blk11-box1: 今すぐ業務効率を 10 倍に まずは 無料デモ で「10  */
.jd-blk11-box1 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); display: none; flex: 0 0 auto; flex-flow: column; height: auto; overflow: hidden; padding: 80px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk11-box1 { display: none; } }
@media screen and (max-width: 540px) { .jd-blk11-box1 { display: none; padding: 60px 0px; } }

/* jd-blk11-txt1: 今すぐ業務効率を 10 倍に */
.jd-blk11-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 36px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 10px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .jd-blk11-txt1 { flex: 0 0 auto; font-size: 28px; width: 90%; max-width: 90%; } }

/* jd-blk11-txt2: まずは 無料デモ で「10 分訴状」を体験してください。 */
.jd-blk11-txt2 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-blk11-txt2 { display: flex; } }
@media screen and (max-width: 540px) { .jd-blk11-txt2 { display: none; flex: 0 0 auto; font-size: 16px; width: 90%; max-width: 90%; } }

/* jd-blk11-txt3: まずは無料デモで「10 分訴状」を体験してください。 */
.jd-blk11-txt3 { color: rgb(255, 255, 255); display: none; font-family: 'Noto Serif JP', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.4; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-blk11-txt3 { display: none; } }
@media screen and (max-width: 540px) { .jd-blk11-txt3 { display: flex; flex: 0 0 auto; font-size: 16px; width: 90%; max-width: 90%; } }

/* jd-blk11-box2: \ メールアドレスだけで30秒登録！/無料で問い合わせ */
.jd-blk11-box2 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: flex-start; margin: 40px 0px 0px; padding: 0px; width: 380px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk11-box2 { flex: 0 0 auto; height: auto; margin: 32px 0px 0px; padding: 0px; width: auto; max-width: 100%; } }

/* jd-blk11-txt4: \ メールアドレスだけで30秒登録！/ */
.jd-blk11-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Serif JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-blk11-txt4 { font-size: 14px; } }
@media screen and (max-width: 540px) { .jd-blk11-txt4 { font-size: 16px; } }

/* jd-blk11-box3: 無料で問い合わせ */
.jd-blk11-box3 { place-content: center; align-items: center; background: rgb(255, 138, 0); border-radius: 0px; box-shadow: none; flex-direction: row; gap: 30px; height: auto; margin: 0px; padding: 20px 40px; width: 100%; --gh-jd-blk11-box3: 30px; --gv-jd-blk11-box3: 0px; max-width: 100%; }
.jd-blk11-box3:hover { background: rgb(227, 127, 8); --gh-jd-blk11-box3: 30px; --gv-jd-blk11-box3: 0px; }
@media screen and (max-width: 540px) { .jd-blk11-box3 { flex: 0 0 auto; gap: 14px; padding: 10px 44px; width: auto; --gh-jd-blk11-box3: 14px; --gv-jd-blk11-box3: 0px; max-width: 100%; } }

/* jd-blk11-txt5: 無料で問い合わせ */
.jd-blk11-txt5 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Serif JP', sans-serif; font-size: 22px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 1px; line-height: 1; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .jd-blk11-txt5 { font-size: 18px; } }
@media screen and (max-width: 540px) { .jd-blk11-txt5 { font-size: 16px; } }

/* jd-blk11-img1:  */
.jd-blk11-img1 { align-items: center; flex: 0 0 auto; flex-direction: column; height: auto; justify-content: center; margin: 1px 0px 0px; width: 28px; max-width: 100%; }
@media screen and (max-width: 540px) { .jd-blk11-img1 { flex: 0 0 auto; width: 25px; max-width: 100%; } }

/* jd-blk11-pic1:  */
.jd-blk11-pic1 { place-content: center; align-items: center; inset: 0px; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 0px; position: absolute; width: auto; z-index: -3; max-width: 100%; }
.jd-blk11-pic1::before { filter: brightness(0.4); }

/* jd-blk12-box1: Copyright (c) オタッキーAI, Inc. Al */
.jd-blk12-box1 { place-content: center; align-items: center; background: rgb(12, 47, 83); flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: 100%; max-width: 100%; }

/* jd-blk12-box2: Copyright (c) オタッキーAI, Inc. Al */
.jd-blk12-box2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 40px 0px; padding: 0px; width: 1200px; --gh-jd-blk12-box2: 0px; --gv-jd-blk12-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .jd-blk12-box2 { flex: 0 0 auto; flex-wrap: wrap; gap: 0px; width: 90%; --gh-jd-blk12-box2: 0px; --gv-jd-blk12-box2: 0px; max-width: 90%; } }
@media screen and (max-width: 540px) { .jd-blk12-box2 { margin: 40px 0px 20px; --gh-jd-blk12-box2: 0px; --gv-jd-blk12-box2: 0px; width: 90%; max-width: 90%; } }

/* jd-blk12-box3:  */
.jd-blk12-box3 { place-content: center flex-start; align-items: flex-start; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-jd-blk12-box2) * 0)); --gh-jd-blk12-box3: 0px; --gv-jd-blk12-box3: 0px; max-width: calc(100% - (var(--gh-jd-blk12-box2) * 0)); }
@media screen and (max-width: 760px) { .jd-blk12-box3 { gap: 0px; --gh-jd-blk12-box3: 0px; --gv-jd-blk12-box3: 0px; } }
@media screen and (max-width: 540px) { .jd-blk12-box3 { gap: 0px; --gh-jd-blk12-box3: 0px; --gv-jd-blk12-box3: 0px; } }

/* jd-blk12-box4:  */
.jd-blk12-box4 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: auto; max-width: 100%; }

/* jd-blk12-img1:  */
.jd-blk12-img1 { height: auto; width: 137px; max-width: 100%; }

/* jd-blk12-txt1: Copyright (c) オタッキーAI, Inc. Al */
.jd-blk12-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 10px; font-weight: 400; height: auto; line-height: 1.4; margin: 80px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .jd-blk12-txt1 { margin: 40px 0px 0px; max-width: 100%; } }