/* =========================================================
   shoukaibank.css  ショウカイバンク LP（/shoukaibank） 専用。クラス名はすべて sb- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* sb-root: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* sb-hd-header1: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-hd-header1 { place-content: center; align-items: center; backdrop-filter: blur(8px); background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 0px; flex: 0 0 auto; flex-wrap: nowrap; height: 80px; left: 0px; padding: 16px 40px; position: fixed; top: 0px; transition-delay: 500ms; width: 100%; z-index: 2; max-width: 100%; }
html.js .sb-hd-header1:not(.in) { opacity: 0; transform: translate(0px, -8px); transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
.sb-hd-header1.in-active { transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .sb-hd-header1 { place-content: center; align-items: center; flex-flow: row; } }
@media screen and (max-width: 760px) { .sb-hd-header1 { justify-content: space-between; padding: 16px 32px; } }
@media screen and (max-width: 540px) { .sb-hd-header1 { justify-content: space-between; padding: 12px 16px; } }

/* sb-hd-box1: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-hd-box1 { place-content: center space-between; align-items: center; flex-flow: row; gap: 40px; height: auto; margin: 0px; padding: 0px; width: 100%; --gh-sb-hd-box1: 40px; --gv-sb-hd-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-hd-box1 { width: auto; --gh-sb-hd-box1: 40px; --gv-sb-hd-box1: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-hd-box1 { gap: 16px; width: auto; --gh-sb-hd-box1: 16px; --gv-sb-hd-box1: 0px; } }

/* sb-hd-link1:  */
.sb-hd-link1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }

/* sb-hd-pic1:  */
.sb-hd-pic1 { flex: 0 0 auto; height: 33px; width: 209px; max-width: 100%; }
.sb-hd-pic1::before { background-size: cover; }
@media screen and (max-width: 540px) { .sb-hd-pic1::before { background-position: center center; } }
@media screen and (max-width: 540px) { .sb-hd-pic1 { flex: 0 0 auto; height: 24px; max-width: 100%; } }

/* sb-hd-box2: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-hd-box2 { place-content: center flex-end; align-items: center; display: flex; flex-flow: wrap; gap: 25px; padding: 0px; --gh-sb-hd-box2: 25px; --gv-sb-hd-box2: 25px; }
@media screen and (max-width: 1280px) { .sb-hd-box2 { display: flex; --gh-sb-hd-box2: 25px; --gv-sb-hd-box2: 25px; } }
@media screen and (max-width: 760px) { .sb-hd-box2 { display: none; --gh-sb-hd-box2: 25px; --gv-sb-hd-box2: 25px; } }
@media screen and (max-width: 540px) { .sb-hd-box2 { display: none; gap: 16px; --gh-sb-hd-box2: 16px; --gv-sb-hd-box2: 16px; } }
@media screen and (max-width: 360px) { .sb-hd-box2 { display: none; --gh-sb-hd-box2: 25px; --gv-sb-hd-box2: 25px; } }

/* sb-hd-nav1: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-hd-nav1 { place-content: center space-between; align-items: center; flex-flow: row; gap: 24px; padding: 0px; --gh-sb-hd-nav1: 24px; --gv-sb-hd-nav1: 0px; }
@media screen and (max-width: 1280px) { .sb-hd-nav1 { display: none; --gh-sb-hd-nav1: 24px; --gv-sb-hd-nav1: 0px; } }
@media screen and (max-width: 760px) { .sb-hd-nav1 { display: none; --gh-sb-hd-nav1: 24px; --gv-sb-hd-nav1: 0px; } }
@media screen and (max-width: 540px) { .sb-hd-nav1 { display: none; gap: 16px; --gh-sb-hd-nav1: 16px; --gv-sb-hd-nav1: 0px; } }
@media screen and (max-width: 360px) { .sb-hd-nav1 { display: none; --gh-sb-hd-nav1: 24px; --gv-sb-hd-nav1: 0px; } }

/* sb-hd-list1: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-hd-list1 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 5px; padding: 0px; --gh-sb-hd-list1: 5px; --gv-sb-hd-list1: 5px; }
@media screen and (max-width: 1280px) { .sb-hd-list1 { display: flex; --gh-sb-hd-list1: 5px; --gv-sb-hd-list1: 5px; } }
@media screen and (max-width: 760px) { .sb-hd-list1 { display: flex; --gh-sb-hd-list1: 5px; --gv-sb-hd-list1: 5px; } }
@media screen and (max-width: 540px) { .sb-hd-list1 { display: flex; --gh-sb-hd-list1: 5px; --gv-sb-hd-list1: 5px; } }

/* sb-hd-item1: 機能 */
.sb-hd-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* sb-hd-link2: 機能 */
.sb-hd-link2 { place-content: center; align-items: center; border-radius: 6px; flex-flow: column; padding: 4px 12px; }
.sb-hd-link2:hover { background: rgba(230, 230, 230, 0); opacity: 1; }

/* sb-hd-txt1: 機能 */
.sb-hd-txt1 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-hd-txt1 { font-size: 14px; } }

/* sb-hd-box3:  */
.sb-hd-box3 { background: rgb(34, 34, 34); flex: 0 0 auto; height: 1px; width: 0%; max-width: 0%; }

/* sb-hd-link2: 機能 */
.sb-hd-link2:hover .sb-hd-box3 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* sb-hd-box4: 紹介パートナーの方 新規登録 / ログイン arrow_ */
.sb-hd-box4 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 5px; height: auto; padding: 0px; width: auto; --gh-sb-hd-box4: 5px; --gv-sb-hd-box4: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-hd-box4 { gap: 0px; --gh-sb-hd-box4: 0px; --gv-sb-hd-box4: 0px; } }
@media screen and (max-width: 760px) { .sb-hd-box4 { gap: 16px; --gh-sb-hd-box4: 16px; --gv-sb-hd-box4: 0px; } }

/* sb-hd-box5: 紹介パートナーの方 新規登録 / ログイン arrow_ */
.sb-hd-box5 { place-content: center; align-items: center; flex-flow: column; gap: 3px; padding: 0px; --gh-sb-hd-box5: 0px; --gv-sb-hd-box5: 3px; }
@media screen and (max-width: 1280px) { .sb-hd-box5 { margin: 0px 10px 0px 0px; --gh-sb-hd-box5: 0px; --gv-sb-hd-box5: 3px; max-width: calc(100% - 10px); } }

/* sb-hd-txt2: 紹介パートナーの方 */
.sb-hd-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 11px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-hd-link3: 新規登録 / ログイン arrow_forward */
.sb-hd-link3 { place-content: center; align-items: center; background: #eebb2bff; border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 3px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 15px; height: auto; padding: 10px 20px 10px 30px; width: auto; --gh-sb-hd-link3: 15px; --gv-sb-hd-link3: 0px; max-width: 100%; }
.sb-hd-link3:hover { background: rgba(238, 187, 43, 0.604); opacity: 1; --gh-sb-hd-link3: 15px; --gv-sb-hd-link3: 0px; }
@media screen and (max-width: 1280px) { .sb-hd-link3 { display: flex; --gh-sb-hd-link3: 15px; --gv-sb-hd-link3: 0px; } }
@media screen and (max-width: 760px) { .sb-hd-link3 { display: flex; --gh-sb-hd-link3: 15px; --gv-sb-hd-link3: 0px; } }
@media screen and (max-width: 540px) { .sb-hd-link3 { border-radius: 4px; display: none; padding: 6px 12px; --gh-sb-hd-link3: 15px; --gv-sb-hd-link3: 0px; } }
@media screen and (max-width: 360px) { .sb-hd-link3 { display: none; --gh-sb-hd-link3: 15px; --gv-sb-hd-link3: 0px; } }

/* sb-hd-txt3: 新規登録 / ログイン */
.sb-hd-txt3 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 800; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-hd-link3: 新規登録 / ログイン arrow_forward */
.sb-hd-link3:hover .sb-hd-txt3 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-hd-txt3 { font-size: 14px; } }

/* sb-hd-icon1: arrow_forward */
.sb-hd-icon1 { color: rgb(255, 255, 255); font-size: 15px; }

/* sb-hd-link3: 新規登録 / ログイン arrow_forward */
.sb-hd-link3:hover .sb-hd-icon1 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-hd-box6: 商材提供者の方 新規登録 / ログイン arrow_fo */
.sb-hd-box6 { place-content: center; align-items: center; flex-flow: column; gap: 3px; padding: 0px; --gh-sb-hd-box6: 0px; --gv-sb-hd-box6: 3px; }
@media screen and (max-width: 1280px) { .sb-hd-box6 { margin: 0px; --gh-sb-hd-box6: 0px; --gv-sb-hd-box6: 3px; max-width: 100%; } }

/* sb-hd-txt4: 商材提供者の方 */
.sb-hd-txt4 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-size: 11px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-hd-link4: 新規登録 / ログイン arrow_forward */
.sb-hd-link4 { place-content: center; align-items: center; background: rgb(25, 65, 180); border-width: 0px; border-style: solid; border-color: rgba(0, 79, 102, 0); border-radius: 3px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 15px; height: auto; padding: 10px 20px 10px 30px; width: auto; --gh-sb-hd-link4: 15px; --gv-sb-hd-link4: 0px; max-width: 100%; }
.sb-hd-link4:hover { background: rgba(25, 65, 180, 0.6); opacity: 1; --gh-sb-hd-link4: 15px; --gv-sb-hd-link4: 0px; }
@media screen and (max-width: 1280px) { .sb-hd-link4 { display: flex; --gh-sb-hd-link4: 15px; --gv-sb-hd-link4: 0px; } }
@media screen and (max-width: 760px) { .sb-hd-link4 { display: flex; --gh-sb-hd-link4: 15px; --gv-sb-hd-link4: 0px; } }
@media screen and (max-width: 540px) { .sb-hd-link4 { display: none; --gh-sb-hd-link4: 15px; --gv-sb-hd-link4: 0px; } }
@media screen and (max-width: 360px) { .sb-hd-link4 { display: none; --gh-sb-hd-link4: 15px; --gv-sb-hd-link4: 0px; } }

/* sb-hd-txt5: 新規登録 / ログイン */
.sb-hd-txt5 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 800; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-hd-link4: 新規登録 / ログイン arrow_forward */
.sb-hd-link4:hover .sb-hd-txt5 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-hd-txt5 { font-size: 14px; } }

/* sb-hd-icon2: arrow_forward */
.sb-hd-icon2 { color: rgb(255, 255, 255); display: flex; font-size: 15px; }

/* sb-hd-link4: 新規登録 / ログイン arrow_forward */
.sb-hd-link4:hover .sb-hd-icon2 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }
@media screen and (max-width: 1280px) { .sb-hd-icon2 { display: flex; } }
@media screen and (max-width: 760px) { .sb-hd-icon2 { display: flex; } }
@media screen and (max-width: 540px) { .sb-hd-icon2 { display: none; } }
@media screen and (max-width: 360px) { .sb-hd-icon2 { display: flex; } }

/* sb-hd-box7: menu */
.sb-hd-box7 { place-content: center; align-items: center; display: none; flex: 0 0 auto; flex-flow: row; height: 40px; padding: 0px; width: auto; max-width: 100%; }
.sb-hd-box7:hover { opacity: 0.7; }
@media screen and (max-width: 1280px) { .sb-hd-box7 { display: flex; flex: 0 0 auto; height: 40px; margin: 0px 0px 0px 20px; width: 24px; max-width: calc(100% - 20px); } }
@media screen and (max-width: 760px) { .sb-hd-box7 { display: flex; } }
@media screen and (max-width: 540px) { .sb-hd-box7 { display: flex; } }

/* sb-hd-icon3: menu */
.sb-hd-icon3 { color: rgb(34, 34, 34); font-size: 24px; }
@media screen and (max-width: 1280px) { .sb-hd-icon3 { color: rgb(34, 34, 34); font-size: 24px; } }

/* sb-top-box1: 紹介料管理の手作業をゼロに 紹介料の管理をすべて自動化  */
.sb-top-box1 { place-content: center flex-start; align-items: center; background: rgb(25, 65, 180); flex-flow: column; gap: 120px; height: auto; overflow: hidden; padding: 80px 0px 0px; width: 100%; --gh-sb-top-box1: 0px; --gv-sb-top-box1: 120px; max-width: 100%; }

/* sb-top-box2: 紹介料管理の手作業をゼロに 紹介料の管理をすべて自動化  */
.sb-top-box2 { place-content: stretch flex-start; align-items: stretch; flex-flow: row; gap: 0px; height: auto; padding: 0px 50px; width: calc(100% - (var(--gh-sb-top-box1) * 0)); --gh-sb-top-box2: 0px; --gv-sb-top-box2: 0px; max-width: calc(100% - (var(--gh-sb-top-box1) * 0)); }
@media screen and (max-width: 1280px) { .sb-top-box2 { padding: 0px 30px; --gh-sb-top-box2: 0px; --gv-sb-top-box2: 0px; } }
@media screen and (max-width: 760px) { .sb-top-box2 { flex-flow: column; padding: 0px 30px; --gh-sb-top-box2: 0px; --gv-sb-top-box2: 0px; } }
@media screen and (max-width: 540px) { .sb-top-box2 { padding: 0px 15px 50px; --gh-sb-top-box2: 0px; --gv-sb-top-box2: 0px; } }
@media screen and (max-width: 360px) { .sb-top-box2 { padding: 0px 15px 30px; --gh-sb-top-box2: 0px; --gv-sb-top-box2: 0px; } }

/* sb-top-box3: 紹介料管理の手作業をゼロに 紹介料の管理をすべて自動化  */
.sb-top-box3 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 40px; height: auto; overflow: hidden; padding: 40px 0px 65px 45px; width: calc(45% - (var(--gh-sb-top-box2) * 0.55)); --gh-sb-top-box3: 0px; --gv-sb-top-box3: 40px; max-width: calc(45% - (var(--gh-sb-top-box2) * 0.55)); }
html.js .sb-top-box3:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-sb-top-box3: 0px; --gv-sb-top-box3: 40px; }
.sb-top-box3.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 1280px) { .sb-top-box3 { padding: 40px 0px 65px 50px; --gh-sb-top-box3: 0px; --gv-sb-top-box3: 40px; } }
@media screen and (max-width: 760px) { .sb-top-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: auto; padding: 70px 10px 0px; width: calc(100% - (var(--gh-sb-top-box2) * 0)); --gh-sb-top-box3: 0px; --gv-sb-top-box3: 40px; max-width: calc(100% - (var(--gh-sb-top-box2) * 0)); } }
@media screen and (max-width: 540px) { .sb-top-box3 { padding: 30px 16px 32px; --gh-sb-top-box3: 0px; --gv-sb-top-box3: 40px; } }
@media screen and (max-width: 360px) { .sb-top-box3 { padding: 30px 16px 0px; --gh-sb-top-box3: 0px; --gv-sb-top-box3: 40px; } }

/* sb-top-box4: 紹介料管理の手作業をゼロに 紹介料の管理をすべて自動化  */
.sb-top-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 30px; height: auto; padding: 0px; width: calc(100% - (var(--gh-sb-top-box3) * 0)); --gh-sb-top-box4: 0px; --gv-sb-top-box4: 30px; max-width: calc(100% - (var(--gh-sb-top-box3) * 0)); }
@media screen and (max-width: 540px) { .sb-top-box4 { gap: 24px; --gh-sb-top-box4: 0px; --gv-sb-top-box4: 24px; } }

/* sb-top-box5: 紹介料管理の手作業をゼロに 紹介料の管理をすべて自動化  */
.sb-top-box5 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-sb-top-box4) * 0)); --gh-sb-top-box5: 0px; --gv-sb-top-box5: 0px; max-width: calc(100% - (var(--gh-sb-top-box4) * 0)); }

/* sb-top-box6:  */
.sb-top-box6 { place-content: center flex-start; align-items: center; flex-flow: row; margin: 0px; padding: 0px; max-width: 100%; }

/* sb-top-img1:  */
.sb-top-img1 { flex: 0 0 auto; height: auto; width: 55%; max-width: 55%; }
@media screen and (max-width: 540px) { .sb-top-img1 { flex: 0 0 auto; width: 58%; max-width: 58%; } }

/* sb-top-img2:  */
.sb-top-img2 { flex: 0 0 auto; height: auto; width: 32%; max-width: 32%; }
@media screen and (max-width: 540px) { .sb-top-img2 { flex: 0 0 auto; width: 35%; max-width: 35%; } }

/* sb-top-txt1: 紹介料管理の手作業をゼロに */
.sb-top-txt1 { color: #eebb2bff; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 14px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-sb-top-box5) * 0)); max-width: calc(100% - (var(--gh-sb-top-box5) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-top-txt1 { font-size: 14px; } }

/* sb-top-box7: 紹介料の管理をすべて自動化 */
.sb-top-box7 { place-content: flex-start; align-items: flex-start; flex-wrap: nowrap; gap: 8px; margin: 0px 0px 10px; padding: 0px; width: calc(100% - (var(--gh-sb-top-box5) * 0)); --gh-sb-top-box7: 0px; --gv-sb-top-box7: 8px; max-width: calc(100% - (var(--gh-sb-top-box5) * 0)); }

/* sb-top-txt2: 紹介料の管理をすべて自動化 */
.sb-top-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 39px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: calc(100% - (var(--gh-sb-top-box7) * 0)); max-width: calc(100% - (var(--gh-sb-top-box7) * 0)); justify-content: flex-start; }
@media screen and (max-width: 760px) { .sb-top-txt2 { font-size: 48px; } }
@media screen and (max-width: 540px) { .sb-top-txt2 { font-size: 28px; } }

/* sb-top-txt3: パートナーへの紹介料計算・支払い・通知を ショウカイバンクが */
.sb-top-txt3 { color: rgb(255, 255, 255); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 14px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-sb-top-box5) * 0)); max-width: calc(100% - (var(--gh-sb-top-box5) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-top-txt3 { font-size: 14px; } }

/* sb-top-box8: 無料相談お申し込みはこちら arrow_forward  */
.sb-top-box8 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: auto; padding: 0px; width: 480px; --gh-sb-top-box8: 10px; --gv-sb-top-box8: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-top-box8 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sb-top-box4) * 0)); --gh-sb-top-box8: 10px; --gv-sb-top-box8: 10px; max-width: calc(100% - (var(--gh-sb-top-box4) * 0)); } }
@media screen and (max-width: 540px) { .sb-top-box8 { gap: 8px; --gh-sb-top-box8: 8px; --gv-sb-top-box8: 8px; } }

/* sb-top-link1: 無料相談お申し込みはこちら arrow_forward */
.sb-top-link1 { place-content: center; align-items: center; background: rgb(238, 187, 43); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 3px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; padding: 15px 24px; width: calc(100% - (var(--gh-sb-top-box8) * 0)); --gh-sb-top-link1: 8px; --gv-sb-top-link1: 0px; max-width: calc(100% - (var(--gh-sb-top-box8) * 0)); }
.sb-top-link1:hover { background: rgb(255, 223, 135); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); --gh-sb-top-link1: 8px; --gv-sb-top-link1: 0px; }
@media screen and (max-width: 760px) { .sb-top-link1 { flex: 1 1 0%; width: auto; --gh-sb-top-link1: 8px; --gv-sb-top-link1: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-top-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-top-box8) * 0)); --gh-sb-top-link1: 8px; --gv-sb-top-link1: 0px; max-width: calc(100% - (var(--gh-sb-top-box8) * 0)); } }

/* sb-top-txt4: 無料相談お申し込みはこちら */
.sb-top-txt4 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans', 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; }

/* sb-top-link1: 無料相談お申し込みはこちら arrow_forward */
.sb-top-link1:hover .sb-top-txt4 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-top-txt4 { font-size: 14px; } }

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

/* sb-top-link1: 無料相談お申し込みはこちら arrow_forward */
.sb-top-link1:hover .sb-top-icon1 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-top-link2: 商材提供者新規登録 / ログイン arrow_forwa */
.sb-top-link2 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; padding: 15px 24px; width: calc(100% - (var(--gh-sb-top-box8) * 0)); --gh-sb-top-link2: 8px; --gv-sb-top-link2: 0px; max-width: calc(100% - (var(--gh-sb-top-box8) * 0)); }
.sb-top-link2:hover { background: rgb(29, 56, 134); opacity: 1; --gh-sb-top-link2: 8px; --gv-sb-top-link2: 0px; }
@media screen and (max-width: 760px) { .sb-top-link2 { flex: 1 1 0%; width: auto; --gh-sb-top-link2: 8px; --gv-sb-top-link2: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-top-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-top-box8) * 0)); --gh-sb-top-link2: 8px; --gv-sb-top-link2: 0px; max-width: calc(100% - (var(--gh-sb-top-box8) * 0)); } }

/* sb-top-txt5: 商材提供者新規登録 / ログイン */
.sb-top-txt5 { color: rgb(25, 65, 180); flex: 1 1 0%; font-family: 'Noto Sans', 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; }

/* sb-top-link2: 商材提供者新規登録 / ログイン arrow_forwa */
.sb-top-link2:hover .sb-top-txt5 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-top-txt5 { font-size: 14px; } }

/* sb-top-icon2: arrow_forward */
.sb-top-icon2 { color: rgb(25, 65, 180); font-size: 20px; }

/* sb-top-link2: 商材提供者新規登録 / ログイン arrow_forwa */
.sb-top-link2:hover .sb-top-icon2 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-top-link3: パートナー新規登録 / ログイン arrow_forwa */
.sb-top-link3 { place-content: center; align-items: center; background: rgb(25, 65, 180); border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); border-radius: 3px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; padding: 15px 24px; width: calc(100% - (var(--gh-sb-top-box8) * 0)); --gh-sb-top-link3: 8px; --gv-sb-top-link3: 0px; max-width: calc(100% - (var(--gh-sb-top-box8) * 0)); }
.sb-top-link3:hover { background: rgb(29, 56, 134); border-width: 1px; border-style: solid; border-color: rgb(255, 255, 255); opacity: 1; --gh-sb-top-link3: 8px; --gv-sb-top-link3: 0px; }
@media screen and (max-width: 760px) { .sb-top-link3 { flex: 1 1 0%; width: auto; --gh-sb-top-link3: 8px; --gv-sb-top-link3: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-top-link3 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-top-box8) * 0)); --gh-sb-top-link3: 8px; --gv-sb-top-link3: 0px; max-width: calc(100% - (var(--gh-sb-top-box8) * 0)); } }

/* sb-top-txt6: パートナー新規登録 / ログイン */
.sb-top-txt6 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans', 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; }

/* sb-top-link3: パートナー新規登録 / ログイン arrow_forwa */
.sb-top-link3:hover .sb-top-txt6 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-top-txt6 { font-size: 14px; } }

/* sb-top-icon3: arrow_forward */
.sb-top-icon3 { color: rgb(255, 255, 255); font-size: 20px; }

/* sb-top-link3: パートナー新規登録 / ログイン arrow_forwa */
.sb-top-link3:hover .sb-top-icon3 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-top-pic1:  */
.sb-top-pic1 { align-items: center; flex: 0 0 auto; flex-direction: column; height: 650px; justify-content: center; overflow: hidden; width: calc(55% - (var(--gh-sb-top-box2) * 0.44999999999999996)); max-width: calc(55% - (var(--gh-sb-top-box2) * 0.44999999999999996)); }
html.js .sb-top-pic1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
.sb-top-pic1.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
.sb-top-pic1::before { background-repeat: no-repeat; background-size: 100% auto; }
@media screen and (max-width: 760px) { .sb-top-pic1 { flex: 0 0 auto; height: 600px; width: calc(100% - (var(--gh-sb-top-box2) * 0)); max-width: calc(100% - (var(--gh-sb-top-box2) * 0)); } }
@media screen and (max-width: 540px) { .sb-top-pic1 { flex: 0 0 auto; height: 320px; width: calc(100% - (var(--gh-sb-top-box2) * 0)); max-width: calc(100% - (var(--gh-sb-top-box2) * 0)); } }

/* sb-worries-sec1: WORRIES こんなお悩み、ありませんか？ 紹介料管理 */
.sb-worries-sec1 { place-content: center flex-start; align-items: center; background: rgb(245, 249, 249); flex-flow: column; gap: 0px; height: auto; padding: 120px 30px 150px; width: 100%; --gh-sb-worries-sec1: 0px; --gv-sb-worries-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-worries-sec1 { padding: 50px 30px 100px; --gh-sb-worries-sec1: 0px; --gv-sb-worries-sec1: 0px; } }
.sb-worries-inner { padding: 120px 30px 150px; width: calc(100% - (var(--gh-sb-worries-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-sb-worries-sec1: 0px; --gv-sb-worries-sec1: 0px; max-width: calc(100% - (var(--gh-sb-worries-sec1) * 0)); }
@media screen and (max-width: 540px) { .sb-worries-inner { padding: 50px 30px 100px; flex-direction: column; --gh-sb-worries-sec1: 0px; --gv-sb-worries-sec1: 0px; } }

/* sb-worries-txt1: WORRIES */
.sb-worries-txt1 { color: rgb(25, 65, 180); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-worries-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-worries-txt1 { font-size: 13px; } }

/* sb-worries-txt2: こんなお悩み、ありませんか？ */
.sb-worries-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 5px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-worries-txt2 { font-size: 35px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-worries-txt2 { font-size: 20px; } }

/* sb-worries-txt3: 紹介料管理の煩雑さが、ビジネス成長の足かせに */
.sb-worries-txt3 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-worries-txt3 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-worries-txt3 { font-size: 13px; } }

/* sb-worries-box1: 紹介料の計算をExcelで管理している 振込・請求書作成に */
.sb-worries-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 0px; height: calc(30% - 50px - (var(--gv-sb-worries-sec1) * 0.7000000000000001)); margin: 0px 0px 50px; padding: 0px; width: calc(80% - (var(--gh-sb-worries-sec1) * 0.2)); --gh-sb-worries-box1: 0px; --gv-sb-worries-box1: 0px; max-width: calc(80% - (var(--gh-sb-worries-sec1) * 0.2)); }
@media screen and (max-width: 1280px) { .sb-worries-box1 { gap: 10px 0px; --gh-sb-worries-box1: 0px; --gv-sb-worries-box1: 10px; } }
@media screen and (max-width: 760px) { .sb-worries-box1 { gap: 25px 10px; --gh-sb-worries-box1: 10px; --gv-sb-worries-box1: 25px; } }
@media screen and (max-width: 540px) { .sb-worries-box1 { flex: 0 0 auto; margin: 0px 0px 40px; width: calc(100% - (var(--gh-sb-worries-sec1) * 0)); --gh-sb-worries-box1: 0px; --gv-sb-worries-box1: 0px; max-width: calc(100% - (var(--gh-sb-worries-sec1) * 0)); height: calc(30% - 40px - (var(--gv-sb-worries-sec1) * 0.7000000000000001)); } }

/* sb-worries-pic1: 紹介料の計算をExcelで管理している */
.sb-worries-pic1 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgba(255, 80, 53, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 330px; overflow: hidden; padding: 35px 25px; width: 280px; --gh-sb-worries-pic1: 0px; --gv-sb-worries-pic1: 16px; max-width: 100%; }
html.js .sb-worries-pic1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-worries-pic1: 0px; --gv-sb-worries-pic1: 16px; }
.sb-worries-pic1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .sb-worries-pic1 { flex: 0 0 auto; width: 275px; --gh-sb-worries-pic1: 0px; --gv-sb-worries-pic1: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-worries-pic1 { flex: 0 0 auto; gap: 12px; height: 300px; padding: 16px 20px 20px; width: 250px; --gh-sb-worries-pic1: 0px; --gv-sb-worries-pic1: 12px; max-width: 100%; } }

/* sb-worries-txt4: 紹介料の計算をExcelで管理している */
.sb-worries-txt4 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 600; height: auto; line-height: 1.5; margin: 0px; padding: 0px; text-align: center; width: calc(100% - (var(--gh-sb-worries-pic1) * 0)); max-width: calc(100% - (var(--gh-sb-worries-pic1) * 0)); justify-content: center; }

/* sb-worries-pic2: 振込・請求書作成に 毎月数時間かかる */
.sb-worries-pic2 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgba(255, 80, 53, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 330px; overflow: hidden; padding: 35px 25px; width: 280px; --gh-sb-worries-pic2: 0px; --gv-sb-worries-pic2: 16px; max-width: 100%; }
html.js .sb-worries-pic2:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 100ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-worries-pic2: 0px; --gv-sb-worries-pic2: 16px; }
.sb-worries-pic2.in-active { transition-delay: 100ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .sb-worries-pic2 { flex: 0 0 auto; width: 275px; --gh-sb-worries-pic2: 0px; --gv-sb-worries-pic2: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-worries-pic2 { flex: 0 0 auto; gap: 12px; height: 300px; padding: 16px 20px 20px; width: 250px; --gh-sb-worries-pic2: 0px; --gv-sb-worries-pic2: 12px; max-width: 100%; } }

/* sb-worries-txt5: 振込・請求書作成に 毎月数時間かかる */
.sb-worries-txt5 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 600; height: auto; line-height: 1.5; margin: 0px; padding: 0px; text-align: center; width: calc(100% - (var(--gh-sb-worries-pic2) * 0)); max-width: calc(100% - (var(--gh-sb-worries-pic2) * 0)); justify-content: center; }

/* sb-worries-pic3: パートナーへの進捗共有が困難 */
.sb-worries-pic3 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-width: 0px 0px 0px 2px; border-style: solid; border-color: rgba(255, 80, 53, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 330px; overflow: hidden; padding: 35px 25px; width: 280px; --gh-sb-worries-pic3: 0px; --gv-sb-worries-pic3: 16px; max-width: 100%; }
html.js .sb-worries-pic3:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 400ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-worries-pic3: 0px; --gv-sb-worries-pic3: 16px; }
.sb-worries-pic3.in-active { transition-delay: 400ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .sb-worries-pic3 { flex: 0 0 auto; width: 275px; --gh-sb-worries-pic3: 0px; --gv-sb-worries-pic3: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-worries-pic3 { flex: 0 0 auto; gap: 12px; height: 300px; padding: 16px 20px 20px; width: 250px; --gh-sb-worries-pic3: 0px; --gv-sb-worries-pic3: 12px; max-width: 100%; } }

/* sb-worries-txt6: パートナーへの進捗共有が困難 */
.sb-worries-txt6 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 600; height: auto; line-height: 1.5; margin: 0px; padding: 0px; text-align: center; width: calc(100% - (var(--gh-sb-worries-pic3) * 0)); max-width: calc(100% - (var(--gh-sb-worries-pic3) * 0)); justify-content: center; }

/* sb-worries-icon1:  */
.sb-worries-icon1 { color: rgb(25, 65, 180); font-size: 35px; margin: 0px 0px 50px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-worries-icon1 { font-size: 35px; } }
@media screen and (max-width: 540px) { .sb-worries-icon1 { margin: 0px 0px 40px; max-width: 100%; } }

/* sb-worries-box2: で一括管理 */
.sb-worries-box2 { place-content: flex-end center; align-items: flex-end; flex-flow: row; margin: 0px 0px 5px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-worries-box2 { place-content: center; align-items: center; flex: 0 0 auto; height: 49px; width: auto; max-width: 100%; } }

/* sb-worries-img1:  */
.sb-worries-img1 { flex: 0 0 auto; height: auto; margin: 0px 10px 0px 0px; width: calc(30% - 10px); max-width: calc(30% - 10px); }
@media screen and (max-width: 760px) { .sb-worries-img1 { flex: 0 0 auto; width: calc(35% - 10px); max-width: calc(35% - 10px); } }
@media screen and (max-width: 540px) { .sb-worries-img1 { flex: 0 0 auto; width: calc(70% - 10px); max-width: calc(70% - 10px); } }

/* sb-worries-txt7: で一括管理 */
.sb-worries-txt7 { border-width: 0px; border-style: solid; border-color: rgb(255, 255, 255); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: 49px; letter-spacing: normal; line-height: 1.4; text-align: left; width: 172px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .sb-worries-txt7 { font-size: 30px; } }
@media screen and (max-width: 540px) { .sb-worries-txt7 { font-size: 20px; width: auto; max-width: 100%; } }

/* sb-worries-txt8: 商材提供者とパートナー、両者の業務を一気通貫で管理 */
.sb-worries-txt8 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-worries-txt8 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-worries-txt8 { font-size: 13px; } }

/* sb-worries-box3: 商材登録・管理 顧客管理 案件ステータス管理 パートナーのス */
.sb-worries-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 0px 15px; height: calc(100% - 50px - (var(--gv-sb-worries-sec1) * 0)); margin: 0px 0px 50px; padding: 0px; width: calc(100% - (var(--gh-sb-worries-sec1) * 0)); --gh-sb-worries-box3: 15px; --gv-sb-worries-box3: 0px; max-width: calc(100% - (var(--gh-sb-worries-sec1) * 0)); }
@media screen and (max-width: 1280px) { .sb-worries-box3 { flex-flow: column; gap: 20px 15px; --gh-sb-worries-box3: 0px; --gv-sb-worries-box3: 20px; } }

/* sb-worries-box4: 商材登録・管理 顧客管理 案件ステータス管理 パートナーのス */
.sb-worries-box4 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-bottom: 2px solid rgb(25, 65, 180); border-left: 2px solid rgb(25, 65, 180); border-radius: 3px; border-right: 2px solid rgb(25, 65, 180); border-top: 2px solid rgb(25, 65, 180); box-shadow: rgba(25, 65, 180, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: wrap; gap: 0px; height: calc(100% - (var(--gv-sb-worries-box3) * 0)); overflow: hidden; padding: 20px; width: calc(40% - (var(--gh-sb-worries-box3) * 0.6)); --gh-sb-worries-box4: 0px; --gv-sb-worries-box4: 0px; max-width: calc(40% - (var(--gh-sb-worries-box3) * 0.6)); }
html.js .sb-worries-box4:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-worries-box4: 0px; --gv-sb-worries-box4: 0px; }
.sb-worries-box4.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sb-worries-box4 { flex: 0 0 auto; width: calc(60% - (var(--gh-sb-worries-box3) * 0.4)); --gh-sb-worries-box4: 0px; --gv-sb-worries-box4: 0px; max-width: calc(60% - (var(--gh-sb-worries-box3) * 0.4)); height: calc(100% - (var(--gv-sb-worries-box3) * 0)); } }
@media screen and (max-width: 760px) { .sb-worries-box4 { height: auto; width: 545px; --gh-sb-worries-box4: 0px; --gv-sb-worries-box4: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-worries-box4 { flex-flow: row; gap: 0px; padding: 15px; width: calc(100% - (var(--gh-sb-worries-box3) * 0)); --gh-sb-worries-box4: 0px; --gv-sb-worries-box4: 0px; max-width: calc(100% - (var(--gh-sb-worries-box3) * 0)); } }
@media screen and (max-width: 360px) { .sb-worries-box4 { flex-flow: column; --gh-sb-worries-box4: 0px; --gv-sb-worries-box4: 0px; } }

/* sb-worries-img2:  */
.sb-worries-img2 { flex: 0 0 auto; height: auto; margin: 0px 20px 0px 0px; width: calc(35% - 20px - (var(--gh-sb-worries-box4) * 0.65)); max-width: calc(35% - 20px - (var(--gh-sb-worries-box4) * 0.65)); }
@media screen and (max-width: 540px) { .sb-worries-img2 { flex: 0 0 auto; margin: 0px 10px 0px 0px; width: calc(40% - 10px - (var(--gh-sb-worries-box4) * 0.6)); max-width: calc(40% - 10px - (var(--gh-sb-worries-box4) * 0.6)); } }
@media screen and (max-width: 360px) { .sb-worries-img2 { margin: 0px 0px 10px; width: calc(40% - (var(--gh-sb-worries-box4) * 0.6)); max-width: calc(40% - (var(--gh-sb-worries-box4) * 0.6)); } }

/* sb-worries-box5: 商材登録・管理 顧客管理 案件ステータス管理 パートナーのス */
.sb-worries-box5 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; padding: 0px; width: calc(50% - (var(--gh-sb-worries-box4) * 0.5)); --gh-sb-worries-box5: 0px; --gv-sb-worries-box5: 0px; max-width: calc(50% - (var(--gh-sb-worries-box4) * 0.5)); }
@media screen and (max-width: 540px) { .sb-worries-box5 { flex: 0 0 auto; gap: 0px; width: calc(60% - (var(--gh-sb-worries-box4) * 0.4)); --gh-sb-worries-box5: 0px; --gv-sb-worries-box5: 0px; max-width: calc(60% - (var(--gh-sb-worries-box4) * 0.4)); } }
@media screen and (max-width: 360px) { .sb-worries-box5 { flex: 0 0 auto; width: calc(70% - (var(--gh-sb-worries-box4) * 0.3)); --gh-sb-worries-box5: 0px; --gv-sb-worries-box5: 0px; max-width: calc(70% - (var(--gh-sb-worries-box4) * 0.3)); } }

/* sb-worries-box6:  */
.sb-worries-box6 { place-content: center; align-items: center; flex-flow: column; gap: 7px 0px; margin: 0px 10px 0px 0px; padding: 0px; --gh-sb-worries-box6: 0px; --gv-sb-worries-box6: 7px; max-width: calc(100% - 10px); }

/* sb-worries-icon2:  */
.sb-worries-icon2 { color: rgb(25, 65, 180); font-size: 17px; }
@media screen and (max-width: 540px) { .sb-worries-icon2 { font-size: 13px; } }

/* sb-worries-icon3:  */
.sb-worries-icon3 { color: rgb(25, 65, 180); font-size: 17px; }
@media screen and (max-width: 540px) { .sb-worries-icon3 { font-size: 13px; } }

/* sb-worries-icon4:  */
.sb-worries-icon4 { color: rgb(25, 65, 180); font-size: 16px; }
@media screen and (max-width: 540px) { .sb-worries-icon4 { font-size: 12px; } }

/* sb-worries-icon5:  */
.sb-worries-icon5 { color: rgb(25, 65, 180); font-size: 16px; }
@media screen and (max-width: 540px) { .sb-worries-icon5 { font-size: 12px; } }

/* sb-worries-icon6:  */
.sb-worries-icon6 { color: rgb(25, 65, 180); font-size: 16px; }
@media screen and (max-width: 540px) { .sb-worries-icon6 { font-size: 12px; } }

/* sb-worries-icon7:  */
.sb-worries-icon7 { color: rgb(25, 65, 180); font-size: 16px; }
@media screen and (max-width: 540px) { .sb-worries-icon7 { font-size: 12px; } }

/* sb-worries-icon8:  */
.sb-worries-icon8 { color: rgb(25, 65, 180); font-size: 16px; }
@media screen and (max-width: 540px) { .sb-worries-icon8 { font-size: 12px; } }

/* sb-worries-txt9: 商材登録・管理 顧客管理 案件ステータス管理 パートナーのス */
.sb-worries-txt9 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 600; height: auto; line-height: 1.8; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-worries-txt9 { font-size: 11px; padding: 0px; } }

/* sb-worries-box7: 商材検索・紹介登録 案件進捗確認 報酬額リアルタイム確認 口 */
.sb-worries-box7 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-bottom: 2px solid #eebb2bff; border-left: 2px solid #eebb2bff; border-radius: 3px; border-right: 2px solid #eebb2bff; border-top: 2px solid #eebb2bff; box-shadow: rgba(25, 65, 180, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: wrap; gap: 0px; height: calc(110% - (var(--gv-sb-worries-box3) * -0.10000000000000003)); overflow: hidden; padding: 20px; width: calc(40% - (var(--gh-sb-worries-box3) * 0.6)); --gh-sb-worries-box7: 0px; --gv-sb-worries-box7: 0px; max-width: calc(40% - (var(--gh-sb-worries-box3) * 0.6)); }
html.js .sb-worries-box7:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 100ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-worries-box7: 0px; --gv-sb-worries-box7: 0px; }
.sb-worries-box7.in-active { transition-delay: 100ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sb-worries-box7 { flex: 0 0 auto; width: calc(60% - (var(--gh-sb-worries-box3) * 0.4)); --gh-sb-worries-box7: 0px; --gv-sb-worries-box7: 0px; max-width: calc(60% - (var(--gh-sb-worries-box3) * 0.4)); height: calc(110% - (var(--gv-sb-worries-box3) * -0.10000000000000003)); } }
@media screen and (max-width: 760px) { .sb-worries-box7 { height: auto; width: 545px; --gh-sb-worries-box7: 0px; --gv-sb-worries-box7: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-worries-box7 { gap: 0px; padding: 15px; width: calc(100% - (var(--gh-sb-worries-box3) * 0)); --gh-sb-worries-box7: 0px; --gv-sb-worries-box7: 0px; max-width: calc(100% - (var(--gh-sb-worries-box3) * 0)); } }
@media screen and (max-width: 360px) { .sb-worries-box7 { flex-flow: column; --gh-sb-worries-box7: 0px; --gv-sb-worries-box7: 0px; } }

/* sb-worries-img3:  */
.sb-worries-img3 { flex: 0 0 auto; height: auto; margin: 0px 20px 0px 0px; width: calc(35% - 20px - (var(--gh-sb-worries-box7) * 0.65)); max-width: calc(35% - 20px - (var(--gh-sb-worries-box7) * 0.65)); }
@media screen and (max-width: 540px) { .sb-worries-img3 { flex: 0 0 auto; margin: 0px 15px 0px 0px; width: calc(40% - 15px - (var(--gh-sb-worries-box7) * 0.6)); max-width: calc(40% - 15px - (var(--gh-sb-worries-box7) * 0.6)); } }
@media screen and (max-width: 360px) { .sb-worries-img3 { margin: 0px 0px 10px; width: calc(40% - (var(--gh-sb-worries-box7) * 0.6)); max-width: calc(40% - (var(--gh-sb-worries-box7) * 0.6)); } }

/* sb-worries-box8: 商材検索・紹介登録 案件進捗確認 報酬額リアルタイム確認 口 */
.sb-worries-box8 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 0px; padding: 0px; width: calc(50% - (var(--gh-sb-worries-box7) * 0.5)); --gh-sb-worries-box8: 0px; --gv-sb-worries-box8: 0px; max-width: calc(50% - (var(--gh-sb-worries-box7) * 0.5)); }
@media screen and (max-width: 540px) { .sb-worries-box8 { gap: 0px; padding: 0px; --gh-sb-worries-box8: 0px; --gv-sb-worries-box8: 0px; } }
@media screen and (max-width: 360px) { .sb-worries-box8 { flex: 0 0 auto; width: calc(70% - (var(--gh-sb-worries-box7) * 0.3)); --gh-sb-worries-box8: 0px; --gv-sb-worries-box8: 0px; max-width: calc(70% - (var(--gh-sb-worries-box7) * 0.3)); } }

/* sb-worries-box9:  */
.sb-worries-box9 { place-content: center; align-items: center; flex-flow: column; gap: 7px 0px; margin: 0px 10px 0px 0px; padding: 0px; --gh-sb-worries-box9: 0px; --gv-sb-worries-box9: 7px; max-width: calc(100% - 10px); }

/* sb-worries-icon9:  */
.sb-worries-icon9 { color: #eebb2bff; font-size: 21px; }
@media screen and (max-width: 540px) { .sb-worries-icon9 { font-size: 15px; } }

/* sb-worries-icon10:  */
.sb-worries-icon10 { color: #eebb2bff; font-size: 21px; }
@media screen and (max-width: 540px) { .sb-worries-icon10 { font-size: 15px; } }

/* sb-worries-icon11:  */
.sb-worries-icon11 { color: #eebb2bff; font-size: 20px; }
@media screen and (max-width: 540px) { .sb-worries-icon11 { font-size: 14px; } }

/* sb-worries-icon12:  */
.sb-worries-icon12 { color: #eebb2bff; font-size: 20px; }
@media screen and (max-width: 540px) { .sb-worries-icon12 { font-size: 14px; } }

/* sb-worries-icon13:  */
.sb-worries-icon13 { color: #eebb2bff; font-size: 20px; }
@media screen and (max-width: 540px) { .sb-worries-icon13 { font-size: 14px; } }

/* sb-worries-txt10: 商材検索・紹介登録 案件進捗確認 報酬額リアルタイム確認 口 */
.sb-worries-txt10 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; font-weight: 600; height: auto; line-height: 1.8; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-worries-txt10 { font-size: 12px; } }

/* sb-worries-txt11: ▶︎ 入金後即時自動振り込みのため、紹介パートナーは未払いリ */
.sb-worries-txt11 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 20px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-worries-txt11 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-worries-txt11 { font-size: 13px; } }

/* sb-case-sec1: REDUCTION 作業別の工数削減 紹介料計算・請求業 */
.sb-case-sec1 { place-content: center; align-items: center; background: #f0f0f0; flex-flow: column; height: auto; padding: 100px 30px 150px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-case-sec1 { padding: 80px 30px 100px; } }
.sb-case-inner { padding: 100px 30px 150px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-case-inner { padding: 80px 30px 100px; flex-direction: column; } }

/* sb-case-txt1: REDUCTION */
.sb-case-txt1 { color: rgb(25, 65, 180); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-case-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-case-txt1 { font-size: 13px; width: auto; max-width: 100%; } }

/* sb-case-txt2: 作業別の工数削減 */
.sb-case-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 5px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-case-txt2 { font-size: 35px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-case-txt2 { font-size: 20px; } }

/* sb-case-txt3: 紹介料計算・請求業務・パートナー管理といったバックオフィス業 */
.sb-case-txt3 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 20px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-case-txt3 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-case-txt3 { font-size: 13px; } }

/* sb-case-img1:  */
.sb-case-img1 { flex: 0 0 auto; height: auto; margin: 0px 0px 100px; width: 60%; max-width: 60%; }
html.js .sb-case-img1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; }
.sb-case-img1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sb-case-img1 { flex: 0 0 auto; width: 70%; max-width: 70%; } }
@media screen and (max-width: 760px) { .sb-case-img1 { flex: 0 0 auto; width: 85%; max-width: 85%; } }
@media screen and (max-width: 540px) { .sb-case-img1 { flex: 0 0 auto; margin: 0px 0px 70px; width: 100%; max-width: 100%; } }

/* sb-case-txt4: CASE */
.sb-case-txt4 { color: rgb(25, 65, 180); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-case-txt4 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-case-txt4 { font-size: 13px; } }

/* sb-case-txt5: 導入ケース例 */
.sb-case-txt5 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 20px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-case-txt5 { font-size: 35px; width: auto; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-case-txt5 { font-size: 20px; } }

/* sb-case-list1: 税理士・社労士の顧問紹介 顧問月々紹介料の完全自動化 毎 */
.sb-case-list1 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 10px; padding: 0px; width: 1201px; --gh-sb-case-list1: 10px; --gv-sb-case-list1: 10px; max-width: 100%; }
html.js .sb-case-list1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-case-list1: 10px; --gv-sb-case-list1: 10px; }
.sb-case-list1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .sb-case-list1 { gap: 24px; --gh-sb-case-list1: 24px; --gv-sb-case-list1: 24px; } }

/* sb-case-item1: 税理士・社労士の顧問紹介 顧問月々紹介料の完全自動化 毎 */
.sb-case-item1 { place-content: flex-start; align-items: flex-start; background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 3px; box-shadow: rgba(25, 65, 180, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; overflow: hidden; padding: 0px; width: calc(30% - (var(--gh-sb-case-list1) * 0.7000000000000001)); --gh-sb-case-item1: 0px; --gv-sb-case-item1: 0px; max-width: calc(30% - (var(--gh-sb-case-list1) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sb-case-item1 { flex: 0 0 auto; width: calc(50% - (var(--gh-sb-case-list1) * 0.5)); --gh-sb-case-item1: 0px; --gv-sb-case-item1: 0px; max-width: calc(50% - (var(--gh-sb-case-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .sb-case-item1 { width: calc(100% - (var(--gh-sb-case-list1) * 0)); --gh-sb-case-item1: 0px; --gv-sb-case-item1: 0px; max-width: calc(100% - (var(--gh-sb-case-list1) * 0)); } }

/* sb-case-box1: 税理士・社労士の顧問紹介 */
.sb-case-box1 { place-content: center; align-items: center; background: rgb(25, 65, 180); flex: 0 0 auto; flex-flow: column; gap: 8px; height: auto; padding: 16px; width: calc(100% - (var(--gh-sb-case-item1) * 0)); --gh-sb-case-box1: 0px; --gv-sb-case-box1: 8px; max-width: calc(100% - (var(--gh-sb-case-item1) * 0)); }
@media screen and (max-width: 760px) { .sb-case-box1 { gap: 6px; --gh-sb-case-box1: 0px; --gv-sb-case-box1: 6px; } }
@media screen and (max-width: 540px) { .sb-case-box1 { gap: 4px; --gh-sb-case-box1: 0px; --gv-sb-case-box1: 4px; } }

/* sb-case-txt6: 税理士・社労士の顧問紹介 */
.sb-case-txt6 { color: rgb(250, 250, 250); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-case-box2: 顧問月々紹介料の完全自動化 毎月発生する顧問契約の紹介料を */
.sb-case-box2 { place-content: flex-start; align-items: flex-start; background: transparent; flex: 1 1 0%; flex-flow: column; gap: 8px; height: auto; padding: 20px 30px; width: calc(100% - (var(--gh-sb-case-item1) * 0)); --gh-sb-case-box2: 0px; --gv-sb-case-box2: 8px; max-width: calc(100% - (var(--gh-sb-case-item1) * 0)); }
@media screen and (max-width: 760px) { .sb-case-box2 { gap: 6px; --gh-sb-case-box2: 0px; --gv-sb-case-box2: 6px; } }
@media screen and (max-width: 540px) { .sb-case-box2 { gap: 4px; --gh-sb-case-box2: 0px; --gv-sb-case-box2: 4px; } }

/* sb-case-txt7: 顧問月々紹介料の完全自動化 */
.sb-case-txt7 { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(220, 220, 220); color: rgb(25, 65, 180); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 17px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px 0px 10px; text-align: center; width: calc(100% - (var(--gh-sb-case-box2) * 0)); max-width: calc(100% - (var(--gh-sb-case-box2) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-case-txt7 { font-size: 14px; } }

/* sb-case-txt8: 毎月発生する顧問契約の紹介料を自動で計算・通知。紹介元への支 */
.sb-case-txt8 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-case-txt8 { font-size: 14px; } }

/* sb-function-box1: FUNCTION 主な機能 01. 案件ステータス管理 */
.sb-function-box1 { place-content: center; align-items: center; background: rgb(25, 65, 180); flex: 0 0 auto; flex-wrap: nowrap; gap: 0px; padding: 128px 40px; width: 100%; --gh-sb-function-box1: 0px; --gv-sb-function-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-function-box1 { padding: 128px 30px; --gh-sb-function-box1: 0px; --gv-sb-function-box1: 0px; } }
@media screen and (max-width: 760px) { .sb-function-box1 { padding: 96px 40px; --gh-sb-function-box1: 0px; --gv-sb-function-box1: 0px; } }
@media screen and (max-width: 540px) { .sb-function-box1 { padding: 64px 30px; --gh-sb-function-box1: 0px; --gv-sb-function-box1: 0px; } }

/* sb-function-txt1: FUNCTION */
.sb-function-txt1 { color: #eebb2bff; flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-function-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-function-txt1 { font-size: 13px; } }

/* sb-function-txt2: 主な機能 */
.sb-function-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 35px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-function-txt2 { font-size: 35px; } }
@media screen and (max-width: 540px) { .sb-function-txt2 { font-size: 20px; margin: 0px 0px 60px; max-width: 100%; } }

/* sb-function-box2: 01. 案件ステータス管理 ワンクリックで案件フェーズを管 */
.sb-function-box2 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 100px; height: auto; margin: 0px; padding: 0px; width: 1280px; --gh-sb-function-box2: 0px; --gv-sb-function-box2: 100px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-function-box2 { flex-flow: column; --gh-sb-function-box2: 0px; --gv-sb-function-box2: 100px; } }
@media screen and (max-width: 540px) { .sb-function-box2 { gap: 40px; --gh-sb-function-box2: 0px; --gv-sb-function-box2: 40px; } }

/* sb-function-list1: 01. 案件ステータス管理 ワンクリックで案件フェーズを管 */
.sb-function-list1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 64px 70px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-sb-function-box2) * 0)); --gh-sb-function-list1: 70px; --gv-sb-function-list1: 64px; max-width: calc(100% - (var(--gh-sb-function-box2) * 0)); }
html.js .sb-function-list1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-sb-function-list1: 70px; --gv-sb-function-list1: 64px; }
.sb-function-list1.in-active { transition-delay: 0ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 760px) { .sb-function-list1 { flex-flow: wrap; gap: 100px 30px; --gh-sb-function-list1: 30px; --gv-sb-function-list1: 100px; } }
@media screen and (max-width: 540px) { .sb-function-list1 { gap: 100px 32px; --gh-sb-function-list1: 32px; --gv-sb-function-list1: 100px; } }

/* sb-function-item1: 01. 案件ステータス管理 ワンクリックで案件フェーズを管 */
.sb-function-item1 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 32px; padding: 0px; width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); --gh-sb-function-item1: 0px; --gv-sb-function-item1: 32px; max-width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sb-function-item1 { flex: 0 0 auto; flex-direction: column; width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); --gh-sb-function-item1: 0px; --gv-sb-function-item1: 32px; max-width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .sb-function-item1 { flex: 0 0 auto; gap: 0px; width: calc(100% - (var(--gh-sb-function-list1) * 0)); --gh-sb-function-item1: 0px; --gv-sb-function-item1: 0px; max-width: calc(100% - (var(--gh-sb-function-list1) * 0)); } }

/* sb-function-box3: 01. 案件ステータス管理 ワンクリックで案件フェーズを管 */
.sb-function-box3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 137px; padding: 0px; width: calc(100% - (var(--gh-sb-function-item1) * 0)); --gh-sb-function-box3: 0px; --gv-sb-function-box3: 16px; max-width: calc(100% - (var(--gh-sb-function-item1) * 0)); }
@media screen and (max-width: 760px) { .sb-function-box3 { flex-direction: column; --gh-sb-function-box3: 0px; --gv-sb-function-box3: 16px; } }
@media screen and (max-width: 540px) { .sb-function-box3 { gap: 12px; height: auto; --gh-sb-function-box3: 0px; --gv-sb-function-box3: 12px; width: calc(100% - (var(--gh-sb-function-item1) * 0)); max-width: calc(100% - (var(--gh-sb-function-item1) * 0)); } }

/* sb-function-txt3: 01. 案件ステータス管理 */
.sb-function-txt3 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.6; padding: 0px; text-align: left; width: calc(100% - (var(--gh-sb-function-box3) * 0)); max-width: calc(100% - (var(--gh-sb-function-box3) * 0)); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .sb-function-txt3 { line-height: 1.5; } }
@media screen and (max-width: 540px) { .sb-function-txt3 { font-size: 16px; } }

/* sb-function-txt4: ワンクリックで案件フェーズを管理。商材提供者側で更新したステ */
.sb-function-txt4 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-sb-function-box3) * 0)); max-width: calc(100% - (var(--gh-sb-function-box3) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-function-txt4 { font-size: 14px; } }

/* sb-function-img1:  */
.sb-function-img1 { border-radius: 8px; flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sb-function-item1) * 0)); max-width: calc(100% - (var(--gh-sb-function-item1) * 0)); }
@media screen and (max-width: 540px) { .sb-function-img1 { border-radius: 6px; height: auto; } }

/* sb-function-item2: 02. 請求書・通知書の自動発行 納品フェーズへの移行と同 */
.sb-function-item2 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 32px; padding: 0px; width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); --gh-sb-function-item2: 0px; --gv-sb-function-item2: 32px; max-width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sb-function-item2 { flex: 0 0 auto; flex-direction: column; width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); --gh-sb-function-item2: 0px; --gv-sb-function-item2: 32px; max-width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .sb-function-item2 { flex: 0 0 auto; gap: 0px; width: calc(100% - (var(--gh-sb-function-list1) * 0)); --gh-sb-function-item2: 0px; --gv-sb-function-item2: 0px; max-width: calc(100% - (var(--gh-sb-function-list1) * 0)); } }

/* sb-function-box4: 02. 請求書・通知書の自動発行 納品フェーズへの移行と同 */
.sb-function-box4 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-sb-function-item2) * 0)); --gh-sb-function-box4: 0px; --gv-sb-function-box4: 16px; max-width: calc(100% - (var(--gh-sb-function-item2) * 0)); }
@media screen and (max-width: 760px) { .sb-function-box4 { flex-direction: column; --gh-sb-function-box4: 0px; --gv-sb-function-box4: 16px; } }
@media screen and (max-width: 540px) { .sb-function-box4 { gap: 12px; --gh-sb-function-box4: 0px; --gv-sb-function-box4: 12px; } }

/* sb-function-txt5: 02. 請求書・通知書の自動発行 */
.sb-function-txt5 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.6; padding: 0px; text-align: left; width: calc(100% - (var(--gh-sb-function-box4) * 0)); max-width: calc(100% - (var(--gh-sb-function-box4) * 0)); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .sb-function-txt5 { line-height: 1.5; } }
@media screen and (max-width: 540px) { .sb-function-txt5 { font-size: 16px; } }

/* sb-function-txt6: 納品フェーズへの移行と同時に顧客への請求書を自動送付。入金後 */
.sb-function-txt6 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-sb-function-box4) * 0)); max-width: calc(100% - (var(--gh-sb-function-box4) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-function-txt6 { font-size: 14px; } }

/* sb-function-img2:  */
.sb-function-img2 { border-radius: 8px; flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sb-function-item2) * 0)); max-width: calc(100% - (var(--gh-sb-function-item2) * 0)); }
@media screen and (max-width: 540px) { .sb-function-img2 { border-radius: 6px; height: auto; } }

/* sb-function-item3: 03. 進捗メール自動通知 案件のフェーズが進むたびに紹介 */
.sb-function-item3 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 32px; padding: 0px; width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); --gh-sb-function-item3: 0px; --gv-sb-function-item3: 32px; max-width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sb-function-item3 { flex: 0 0 auto; flex-direction: column; width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); --gh-sb-function-item3: 0px; --gv-sb-function-item3: 32px; max-width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .sb-function-item3 { flex: 0 0 auto; gap: 20px; width: calc(100% - (var(--gh-sb-function-list1) * 0)); --gh-sb-function-item3: 0px; --gv-sb-function-item3: 20px; max-width: calc(100% - (var(--gh-sb-function-list1) * 0)); } }

/* sb-function-box5: 03. 進捗メール自動通知 案件のフェーズが進むたびに紹介 */
.sb-function-box5 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 16px; padding: 0px; width: calc(100% - (var(--gh-sb-function-item3) * 0)); --gh-sb-function-box5: 0px; --gv-sb-function-box5: 16px; max-width: calc(100% - (var(--gh-sb-function-item3) * 0)); }
@media screen and (max-width: 760px) { .sb-function-box5 { flex-direction: column; --gh-sb-function-box5: 0px; --gv-sb-function-box5: 16px; } }
@media screen and (max-width: 540px) { .sb-function-box5 { gap: 12px; --gh-sb-function-box5: 0px; --gv-sb-function-box5: 12px; } }

/* sb-function-txt7: 03. 進捗メール自動通知 */
.sb-function-txt7 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.6; padding: 0px; text-align: left; width: calc(100% - (var(--gh-sb-function-box5) * 0)); max-width: calc(100% - (var(--gh-sb-function-box5) * 0)); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .sb-function-txt7 { line-height: 1.5; } }
@media screen and (max-width: 540px) { .sb-function-txt7 { font-size: 16px; } }

/* sb-function-txt8: 案件のフェーズが進むたびに紹介パートナーへ自動でメール通知。 */
.sb-function-txt8 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; padding: 0px; text-align: left; width: calc(100% - (var(--gh-sb-function-box5) * 0)); max-width: calc(100% - (var(--gh-sb-function-box5) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-function-txt8 { font-size: 14px; } }

/* sb-function-img3:  */
.sb-function-img3 { border-radius: 8px; flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sb-function-item3) * 0)); max-width: calc(100% - (var(--gh-sb-function-item3) * 0)); }
@media screen and (max-width: 540px) { .sb-function-img3 { border-radius: 6px; height: auto; } }

/* sb-function-item4: 04. チャット機能 案件単位でリアルタイムに商材提供者と */
.sb-function-item4 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 32px; padding: 0px; width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); --gh-sb-function-item4: 0px; --gv-sb-function-item4: 32px; max-width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sb-function-item4 { flex: 0 0 auto; flex-direction: column; width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); --gh-sb-function-item4: 0px; --gv-sb-function-item4: 32px; max-width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .sb-function-item4 { flex: 0 0 auto; gap: 0px; width: calc(100% - (var(--gh-sb-function-list1) * 0)); --gh-sb-function-item4: 0px; --gv-sb-function-item4: 0px; max-width: calc(100% - (var(--gh-sb-function-list1) * 0)); } }

/* sb-function-box6: 04. チャット機能 案件単位でリアルタイムに商材提供者と */
.sb-function-box6 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 137px; padding: 0px; width: calc(100% - (var(--gh-sb-function-item4) * 0)); --gh-sb-function-box6: 0px; --gv-sb-function-box6: 16px; max-width: calc(100% - (var(--gh-sb-function-item4) * 0)); }
@media screen and (max-width: 760px) { .sb-function-box6 { flex-direction: column; --gh-sb-function-box6: 0px; --gv-sb-function-box6: 16px; } }
@media screen and (max-width: 540px) { .sb-function-box6 { gap: 12px; height: auto; --gh-sb-function-box6: 0px; --gv-sb-function-box6: 12px; width: calc(100% - (var(--gh-sb-function-item4) * 0)); max-width: calc(100% - (var(--gh-sb-function-item4) * 0)); } }

/* sb-function-txt9: 04. チャット機能 */
.sb-function-txt9 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.6; padding: 0px; text-align: left; width: calc(100% - (var(--gh-sb-function-box6) * 0)); max-width: calc(100% - (var(--gh-sb-function-box6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .sb-function-txt9 { line-height: 1.5; } }
@media screen and (max-width: 540px) { .sb-function-txt9 { font-size: 16px; } }

/* sb-function-txt10: 案件単位でリアルタイムに商材提供者とパートナーがやり取り可能 */
.sb-function-txt10 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-sb-function-box6) * 0)); max-width: calc(100% - (var(--gh-sb-function-box6) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-function-txt10 { font-size: 14px; } }

/* sb-function-img4:  */
.sb-function-img4 { border-radius: 8px; flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sb-function-item4) * 0)); max-width: calc(100% - (var(--gh-sb-function-item4) * 0)); }
@media screen and (max-width: 540px) { .sb-function-img4 { border-radius: 6px; height: auto; } }

/* sb-function-item5: 05. 紹介料の自動計算・分配 ご希望者は別途費用追加で、 */
.sb-function-item5 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column-reverse; gap: 32px; padding: 0px; width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); --gh-sb-function-item5: 0px; --gv-sb-function-item5: 32px; max-width: calc(30% - (var(--gh-sb-function-list1) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sb-function-item5 { flex: 0 0 auto; flex-direction: column; width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); --gh-sb-function-item5: 0px; --gv-sb-function-item5: 32px; max-width: calc(50% - (var(--gh-sb-function-list1) * 0.5)); } }
@media screen and (max-width: 540px) { .sb-function-item5 { flex: 0 0 auto; gap: 10px; width: calc(100% - (var(--gh-sb-function-list1) * 0)); --gh-sb-function-item5: 0px; --gv-sb-function-item5: 10px; max-width: calc(100% - (var(--gh-sb-function-list1) * 0)); } }

/* sb-function-box7: 05. 紹介料の自動計算・分配 ご希望者は別途費用追加で、 */
.sb-function-box7 { place-content: flex-start; align-items: flex-start; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-sb-function-item5) * 0)); --gh-sb-function-box7: 0px; --gv-sb-function-box7: 0px; max-width: calc(100% - (var(--gh-sb-function-item5) * 0)); }
@media screen and (max-width: 760px) { .sb-function-box7 { flex-direction: column; --gh-sb-function-box7: 0px; --gv-sb-function-box7: 0px; } }
@media screen and (max-width: 540px) { .sb-function-box7 { gap: 0px; --gh-sb-function-box7: 0px; --gv-sb-function-box7: 0px; } }

/* sb-function-txt11: 05. 紹介料の自動計算・分配 */
.sb-function-txt11 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-size: 20px; font-weight: 600; height: auto; line-height: 1.6; margin: 0px 0px 16px; padding: 0px; text-align: left; width: calc(100% - (var(--gh-sb-function-box7) * 0)); max-width: calc(100% - (var(--gh-sb-function-box7) * 0)); justify-content: flex-start; }
@media screen and (max-width: 1280px) { .sb-function-txt11 { line-height: 1.5; } }
@media screen and (max-width: 540px) { .sb-function-txt11 { font-size: 16px; } }

/* sb-function-txt12: ご希望者は別途費用追加で、直接分配モデルを選択可能。GMO  */
.sb-function-txt12 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-sb-function-box7) * 0)); max-width: calc(100% - (var(--gh-sb-function-box7) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-function-txt12 { font-size: 14px; } }

/* sb-function-txt13: ※連携には月額20万円〜の費用と、GMO側で1ヶ月以上の審査 */
.sb-function-txt13 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: calc(100% - (var(--gh-sb-function-box7) * 0)); max-width: calc(100% - (var(--gh-sb-function-box7) * 0)); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-function-txt13 { font-size: 14px; } }

/* sb-function-img5:  */
.sb-function-img5 { border-radius: 8px; flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-sb-function-item5) * 0)); max-width: calc(100% - (var(--gh-sb-function-item5) * 0)); }
@media screen and (max-width: 540px) { .sb-function-img5 { border-radius: 6px; height: auto; } }

/* sb-flow-sec1: FLOW ご利用の流れ 商材登録 パートナーから 商材 */
.sb-flow-sec1 { place-content: center flex-start; align-items: center; background: rgb(245, 249, 249); flex-flow: column; gap: 0px; height: auto; padding: 100px 30px; width: 100%; --gh-sb-flow-sec1: 0px; --gv-sb-flow-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-flow-sec1 { gap: 0px; --gh-sb-flow-sec1: 0px; --gv-sb-flow-sec1: 0px; } }
@media screen and (max-width: 540px) { .sb-flow-sec1 { padding: 50px 30px; --gh-sb-flow-sec1: 0px; --gv-sb-flow-sec1: 0px; } }
.sb-flow-inner { padding: 100px 30px; width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-sb-flow-sec1: 0px; --gv-sb-flow-sec1: 0px; max-width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); }
@media screen and (max-width: 760px) { .sb-flow-inner { flex-direction: column; gap: 0px; --gh-sb-flow-sec1: 0px; --gv-sb-flow-sec1: 0px; } }
@media screen and (max-width: 540px) { .sb-flow-inner { padding: 50px 30px; flex-direction: column; --gh-sb-flow-sec1: 0px; --gv-sb-flow-sec1: 0px; } }

/* sb-flow-txt1: FLOW */
.sb-flow-txt1 { color: rgb(25, 65, 180); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-flow-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-flow-txt1 { font-size: 13px; } }

/* sb-flow-txt2: ご利用の流れ */
.sb-flow-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-flow-txt2 { font-size: 35px; } }
@media screen and (max-width: 540px) { .sb-flow-txt2 { font-size: 20px; } }

/* sb-flow-box1: 商材登録 パートナーから 商材提供者へ顧客紹介 商談・契 */
.sb-flow-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 10px; height: calc(80% - (var(--gv-sb-flow-sec1) * 0.2)); margin: 0px; padding: 0px; width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); --gh-sb-flow-box1: 10px; --gv-sb-flow-box1: 10px; max-width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); }
html.js .sb-flow-box1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-flow-box1: 10px; --gv-sb-flow-box1: 10px; }
.sb-flow-box1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .sb-flow-box1 { height: auto; --gh-sb-flow-box1: 10px; --gv-sb-flow-box1: 10px; width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); max-width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); } }

/* sb-flow-pic1: 商材登録 */
.sb-flow-pic1 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 210px; padding: 24px 25px 20px; width: 174px; --gh-sb-flow-pic1: 0px; --gv-sb-flow-pic1: 16px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-flow-pic1 { flex: 0 0 auto; height: 330px; width: 265px; --gh-sb-flow-pic1: 0px; --gv-sb-flow-pic1: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-flow-pic1 { flex: 0 0 auto; height: 300px; padding: 16px 16px 20px; width: 250px; --gh-sb-flow-pic1: 0px; --gv-sb-flow-pic1: 16px; max-width: 100%; } }

/* sb-flow-box2: 商材登録 */
.sb-flow-box2 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; height: 22px; padding: 0px; width: calc(100% - (var(--gh-sb-flow-pic1) * 0)); --gh-sb-flow-box2: 0px; --gv-sb-flow-box2: 8px; max-width: calc(100% - (var(--gh-sb-flow-pic1) * 0)); }

/* sb-flow-txt3: 商材登録 */
.sb-flow-txt3 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: calc(100% - (var(--gh-sb-flow-box2) * 0)); max-width: calc(100% - (var(--gh-sb-flow-box2) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-flow-txt3 { font-size: 15px; } }

/* sb-flow-icon1:  */
.sb-flow-icon1 { color: rgb(0, 0, 0); display: flex; font-size: 24px; }
@media screen and (max-width: 1280px) { .sb-flow-icon1 { display: flex; } }
@media screen and (max-width: 760px) { .sb-flow-icon1 { display: flex; } }
@media screen and (max-width: 540px) { .sb-flow-icon1 { display: none; } }
@media screen and (max-width: 360px) { .sb-flow-icon1 { display: none; } }

/* sb-flow-pic2: パートナーから 商材提供者へ顧客紹介 */
.sb-flow-pic2 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 210px; padding: 24px 25px 20px; width: 174px; --gh-sb-flow-pic2: 0px; --gv-sb-flow-pic2: 16px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-flow-pic2 { flex: 0 0 auto; height: 330px; width: 265px; --gh-sb-flow-pic2: 0px; --gv-sb-flow-pic2: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-flow-pic2 { flex: 0 0 auto; height: 300px; padding: 16px 16px 20px; width: 250px; --gh-sb-flow-pic2: 0px; --gv-sb-flow-pic2: 16px; max-width: 100%; } }

/* sb-flow-box3: パートナーから 商材提供者へ顧客紹介 */
.sb-flow-box3 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-sb-flow-pic2) * 0)); --gh-sb-flow-box3: 0px; --gv-sb-flow-box3: 8px; max-width: calc(100% - (var(--gh-sb-flow-pic2) * 0)); }

/* sb-flow-txt4: パートナーから 商材提供者へ顧客紹介 */
.sb-flow-txt4 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 10px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: calc(100% - (var(--gh-sb-flow-box3) * 0)); max-width: calc(100% - (var(--gh-sb-flow-box3) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-flow-txt4 { font-size: 15px; } }

/* sb-flow-icon2:  */
.sb-flow-icon2 { color: rgb(0, 0, 0); display: flex; font-size: 24px; }
@media screen and (max-width: 1280px) { .sb-flow-icon2 { display: flex; } }
@media screen and (max-width: 760px) { .sb-flow-icon2 { display: flex; } }
@media screen and (max-width: 540px) { .sb-flow-icon2 { display: none; } }
@media screen and (max-width: 360px) { .sb-flow-icon2 { display: none; } }

/* sb-flow-pic3: 商談・契約締結 */
.sb-flow-pic3 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 210px; padding: 24px 25px 20px; width: 174px; --gh-sb-flow-pic3: 0px; --gv-sb-flow-pic3: 16px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-flow-pic3 { flex: 0 0 auto; height: 330px; width: 265px; --gh-sb-flow-pic3: 0px; --gv-sb-flow-pic3: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-flow-pic3 { flex: 0 0 auto; height: 300px; padding: 16px 16px 20px; width: 250px; --gh-sb-flow-pic3: 0px; --gv-sb-flow-pic3: 16px; max-width: 100%; } }

/* sb-flow-box4: 商談・契約締結 */
.sb-flow-box4 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-sb-flow-pic3) * 0)); --gh-sb-flow-box4: 0px; --gv-sb-flow-box4: 8px; max-width: calc(100% - (var(--gh-sb-flow-pic3) * 0)); }

/* sb-flow-txt5: 商談・契約締結 */
.sb-flow-txt5 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: calc(100% - (var(--gh-sb-flow-box4) * 0)); max-width: calc(100% - (var(--gh-sb-flow-box4) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-flow-txt5 { font-size: 15px; } }

/* sb-flow-icon3:  */
.sb-flow-icon3 { color: rgb(0, 0, 0); display: flex; font-size: 24px; }
@media screen and (max-width: 1280px) { .sb-flow-icon3 { display: flex; } }
@media screen and (max-width: 760px) { .sb-flow-icon3 { display: flex; } }
@media screen and (max-width: 540px) { .sb-flow-icon3 { display: none; } }
@media screen and (max-width: 360px) { .sb-flow-icon3 { display: none; } }

/* sb-flow-pic4: 請求書自動発行 */
.sb-flow-pic4 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 210px; padding: 24px 25px 20px; width: 174px; --gh-sb-flow-pic4: 0px; --gv-sb-flow-pic4: 16px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-flow-pic4 { flex: 0 0 auto; height: 330px; width: 265px; --gh-sb-flow-pic4: 0px; --gv-sb-flow-pic4: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-flow-pic4 { flex: 0 0 auto; height: 300px; padding: 16px 16px 20px; width: 250px; --gh-sb-flow-pic4: 0px; --gv-sb-flow-pic4: 16px; max-width: 100%; } }

/* sb-flow-box5: 請求書自動発行 */
.sb-flow-box5 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; height: 22px; padding: 0px; width: calc(100% - (var(--gh-sb-flow-pic4) * 0)); --gh-sb-flow-box5: 0px; --gv-sb-flow-box5: 8px; max-width: calc(100% - (var(--gh-sb-flow-pic4) * 0)); }

/* sb-flow-txt6: 請求書自動発行 */
.sb-flow-txt6 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: calc(100% - (var(--gh-sb-flow-box5) * 0)); max-width: calc(100% - (var(--gh-sb-flow-box5) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-flow-txt6 { font-size: 15px; } }

/* sb-flow-icon4:  */
.sb-flow-icon4 { color: rgb(0, 0, 0); display: flex; font-size: 24px; }
@media screen and (max-width: 1280px) { .sb-flow-icon4 { display: flex; } }
@media screen and (max-width: 760px) { .sb-flow-icon4 { display: flex; } }
@media screen and (max-width: 540px) { .sb-flow-icon4 { display: none; } }
@media screen and (max-width: 360px) { .sb-flow-icon4 { display: none; } }

/* sb-flow-pic5: 顧客入金 */
.sb-flow-pic5 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 210px; padding: 24px 25px 20px; width: 174px; --gh-sb-flow-pic5: 0px; --gv-sb-flow-pic5: 16px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-flow-pic5 { flex: 0 0 auto; height: 330px; width: 265px; --gh-sb-flow-pic5: 0px; --gv-sb-flow-pic5: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-flow-pic5 { flex: 0 0 auto; height: 300px; padding: 16px 16px 20px; width: 250px; --gh-sb-flow-pic5: 0px; --gv-sb-flow-pic5: 16px; max-width: 100%; } }

/* sb-flow-box6: 顧客入金 */
.sb-flow-box6 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-sb-flow-pic5) * 0)); --gh-sb-flow-box6: 0px; --gv-sb-flow-box6: 8px; max-width: calc(100% - (var(--gh-sb-flow-pic5) * 0)); }

/* sb-flow-txt7: 顧客入金 */
.sb-flow-txt7 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; text-align: center; width: calc(100% - (var(--gh-sb-flow-box6) * 0)); max-width: calc(100% - (var(--gh-sb-flow-box6) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-flow-txt7 { font-size: 15px; } }

/* sb-flow-icon5:  */
.sb-flow-icon5 { color: rgb(0, 0, 0); display: flex; font-size: 24px; }
@media screen and (max-width: 1280px) { .sb-flow-icon5 { display: flex; } }
@media screen and (max-width: 760px) { .sb-flow-icon5 { display: flex; } }
@media screen and (max-width: 540px) { .sb-flow-icon5 { display: none; } }
@media screen and (max-width: 360px) { .sb-flow-icon5 { display: none; } }

/* sb-flow-pic6: パートナーへ紹介料振込 */
.sb-flow-pic6 { place-content: center flex-end; align-items: center; background: rgba(255, 255, 255, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; gap: 16px; height: 210px; padding: 24px; width: 174px; --gh-sb-flow-pic6: 0px; --gv-sb-flow-pic6: 16px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-flow-pic6 { flex: 0 0 auto; height: 330px; width: 265px; --gh-sb-flow-pic6: 0px; --gv-sb-flow-pic6: 16px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-flow-pic6 { flex: 0 0 auto; height: 300px; padding: 16px 16px 20px; width: 250px; --gh-sb-flow-pic6: 0px; --gv-sb-flow-pic6: 16px; max-width: 100%; } }

/* sb-flow-box7: パートナーへ紹介料振込 */
.sb-flow-box7 { place-content: flex-start; align-items: flex-start; flex-flow: column; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-sb-flow-pic6) * 0)); --gh-sb-flow-box7: 0px; --gv-sb-flow-box7: 8px; max-width: calc(100% - (var(--gh-sb-flow-pic6) * 0)); }

/* sb-flow-txt8: パートナーへ紹介料振込 */
.sb-flow-txt8 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 11px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: calc(100% - (var(--gh-sb-flow-box7) * 0)); max-width: calc(100% - (var(--gh-sb-flow-box7) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-flow-txt8 { font-size: 15px; } }

/* sb-flow-box8:  */
.sb-flow-box8 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 15px; height: calc(80% - 50px - (var(--gv-sb-flow-sec1) * 0.2)); margin: 0px 0px 50px; padding: 0px; width: calc(80% - (var(--gh-sb-flow-sec1) * 0.2)); --gh-sb-flow-box8: 15px; --gv-sb-flow-box8: 0px; max-width: calc(80% - (var(--gh-sb-flow-sec1) * 0.2)); }

/* sb-flow-txt9: 顧客への請求書・パートナーへの支払い通知書を自動発行 。  */
.sb-flow-txt9 { border-bottom: 0px solid #eebb2bff; border-left: 0px solid #eebb2bff; border-right: 0px solid #eebb2bff; border-top: 0px solid #eebb2bff; color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 50px; padding: 0px 0px 3px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-flow-txt9 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-flow-txt9 { font-size: 15px; } }

/* sb-flow-link1: 無料相談はこちら arrow_forward */
.sb-flow-link1 { place-content: center; align-items: center; background: rgb(25, 65, 180); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 3px; box-shadow: rgba(25, 65, 180, 0.4) 0px 0px 10px 0px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: 56px; padding: 15px 24px; width: 400px; --gh-sb-flow-link1: 8px; --gv-sb-flow-link1: 0px; max-width: 100%; }
.sb-flow-link1:hover { background: rgba(25, 65, 180, 0.6); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); --gh-sb-flow-link1: 8px; --gv-sb-flow-link1: 0px; }
@media screen and (max-width: 760px) { .sb-flow-link1 { flex: 0 0 auto; height: 56px; width: calc(50% - (var(--gh-sb-flow-sec1) * 0.5)); --gh-sb-flow-link1: 8px; --gv-sb-flow-link1: 0px; max-width: calc(50% - (var(--gh-sb-flow-sec1) * 0.5)); } }
@media screen and (max-width: 540px) { .sb-flow-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); --gh-sb-flow-link1: 8px; --gv-sb-flow-link1: 0px; max-width: calc(100% - (var(--gh-sb-flow-sec1) * 0)); } }

/* sb-flow-txt10: 無料相談はこちら */
.sb-flow-txt10 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sb-flow-link1: 無料相談はこちら arrow_forward */
.sb-flow-link1:hover .sb-flow-txt10 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-flow-txt10 { font-size: 14px; } }

/* sb-flow-icon6: arrow_forward */
.sb-flow-icon6 { color: rgb(255, 255, 255); font-size: 20px; }

/* sb-flow-link1: 無料相談はこちら arrow_forward */
.sb-flow-link1:hover .sb-flow-icon6 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-model-sec1: DISTRIBUTION 2つの分配モデル 提供者が紹介 */
.sb-model-sec1 { place-content: center flex-start; align-items: center; background: #f0f0f0; flex-flow: column; gap: 0px; height: auto; padding: 100px 30px; width: 100%; --gh-sb-model-sec1: 0px; --gv-sb-model-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-model-sec1 { padding: 50px 20px; --gh-sb-model-sec1: 0px; --gv-sb-model-sec1: 0px; } }
.sb-model-inner { padding: 100px 30px; width: calc(100% - (var(--gh-sb-model-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-sb-model-sec1: 0px; --gv-sb-model-sec1: 0px; max-width: calc(100% - (var(--gh-sb-model-sec1) * 0)); }
@media screen and (max-width: 540px) { .sb-model-inner { padding: 50px 20px; flex-direction: column; --gh-sb-model-sec1: 0px; --gv-sb-model-sec1: 0px; } }

/* sb-model-txt1: DISTRIBUTION */
.sb-model-txt1 { color: rgb(25, 65, 180); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-model-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-model-txt1 { font-size: 13px; width: auto; max-width: 100%; } }

/* sb-model-txt2: 2つの分配モデル */
.sb-model-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 30px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-model-txt2 { font-size: 35px; } }
@media screen and (max-width: 540px) { .sb-model-txt2 { font-size: 20px; width: auto; max-width: 100%; } }

/* sb-model-box1: 提供者が紹介料を管理。シンプルで使いやすい標準モデル。 別 */
.sb-model-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 0px; height: calc(80% - (var(--gv-sb-model-sec1) * 0.2)); padding: 0px; width: calc(90% - (var(--gh-sb-model-sec1) * 0.10000000000000003)); --gh-sb-model-box1: 0px; --gv-sb-model-box1: 0px; max-width: calc(90% - (var(--gh-sb-model-sec1) * 0.10000000000000003)); }
@media screen and (max-width: 1280px) { .sb-model-box1 { gap: 10px; --gh-sb-model-box1: 10px; --gv-sb-model-box1: 10px; } }
@media screen and (max-width: 760px) { .sb-model-box1 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-model-sec1) * 0)); --gh-sb-model-box1: 0px; --gv-sb-model-box1: 0px; max-width: calc(100% - (var(--gh-sb-model-sec1) * 0)); height: calc(80% - (var(--gv-sb-model-sec1) * 0.2)); } }
@media screen and (max-width: 540px) { .sb-model-box1 { flex: 0 0 auto; width: 100%; --gh-sb-model-box1: 0px; --gv-sb-model-box1: 0px; } }

/* sb-model-pic1: 提供者が紹介料を管理。シンプルで使いやすい標準モデル。 */
.sb-model-pic1 { place-content: center flex-end; align-items: center; flex: 0 0 auto; flex-flow: column; height: 340px; padding: 0px 0px 20px; width: 515px; max-width: 100%; }
html.js .sb-model-pic1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; }
.sb-model-pic1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .sb-model-pic1 { flex: 0 0 auto; height: 230px; padding: 0px 15px 20px; width: 360px; max-width: 100%; } }
@media screen and (max-width: 360px) { .sb-model-pic1 { flex: 0 0 auto; height: 200px; padding: 0px 15px 15px; width: 300px; max-width: 100%; } }

/* sb-model-txt3: 提供者が紹介料を管理。シンプルで使いやすい標準モデル。 */
.sb-model-txt3 { color: rgb(34, 34, 34); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 600; height: auto; line-height: 1.5; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sb-model-txt3 { font-size: 10px; } }

/* sb-model-pic2: 別途費用支払いで、GMOが自動で分配。スピーディーな報酬支払 */
.sb-model-pic2 { place-content: center flex-end; align-items: center; flex: 0 0 auto; flex-flow: column; height: 340px; padding: 0px 0px 20px; width: 515px; max-width: 100%; }
html.js .sb-model-pic2:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 100ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
.sb-model-pic2.in-active { transition-delay: 100ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .sb-model-pic2 { flex: 0 0 auto; height: 230px; padding: 0px 15px 10px; width: 360px; max-width: 100%; } }
@media screen and (max-width: 360px) { .sb-model-pic2 { flex: 0 0 auto; height: 200px; padding: 0px 15px 6px; width: 300px; max-width: 100%; } }

/* sb-model-txt4: 別途費用支払いで、GMOが自動で分配。スピーディーな報酬支払 */
.sb-model-txt4 { color: rgb(34, 34, 34); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 13px; font-weight: 600; height: auto; line-height: 1.5; margin: 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sb-model-txt4 { font-size: 10px; } }

/* sb-blk7-sec1: 無料相談お申し込みはこちら arrow_forward */
.sb-blk7-sec1 { place-content: center flex-start; align-items: center; background: rgb(25, 65, 180); flex-flow: column; height: auto; padding: 30px 0px 40px; width: 1080px; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-blk7-sec1 { padding: 30px 30px 40px; } }
.sb-blk7-inner { padding: 30px 0px 40px; width: 1080px; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-blk7-inner { padding: 30px 30px 40px; flex-direction: column; } }

/* sb-blk7-box1:  */
.sb-blk7-box1 { place-content: center; align-items: center; flex-flow: row; height: auto; margin: 0px 0px 20px; padding: 0px; width: 100%; max-width: 100%; }
html.js .sb-blk7-box1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; }
.sb-blk7-box1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }

/* sb-blk7-img1:  */
.sb-blk7-img1 { flex: 0 0 auto; height: auto; width: 30%; max-width: 30%; }
@media screen and (max-width: 540px) { .sb-blk7-img1 { flex: 0 0 auto; width: 43%; max-width: 43%; } }

/* sb-blk7-img2:  */
.sb-blk7-img2 { flex: 0 0 auto; height: auto; margin: 0px 5px 0px 0px; width: calc(18% - 5px); max-width: calc(18% - 5px); }
@media screen and (max-width: 540px) { .sb-blk7-img2 { flex: 0 0 auto; width: calc(25% - 5px); max-width: calc(25% - 5px); } }

/* sb-blk7-img3:  */
.sb-blk7-img3 { flex: 0 0 auto; height: auto; width: 18%; max-width: 18%; }
@media screen and (max-width: 540px) { .sb-blk7-img3 { flex: 0 0 auto; width: 25%; max-width: 25%; } }

/* sb-blk7-link1: 無料相談お申し込みはこちら arrow_forward */
.sb-blk7-link1 { place-content: center; align-items: center; background: rgb(238, 187, 43); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 3px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; padding: 15px 24px; width: 400px; --gh-sb-blk7-link1: 8px; --gv-sb-blk7-link1: 0px; max-width: 100%; }
.sb-blk7-link1:hover { background: rgb(255, 223, 135); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); --gh-sb-blk7-link1: 8px; --gv-sb-blk7-link1: 0px; }
@media screen and (max-width: 760px) { .sb-blk7-link1 { flex: 1 1 0%; width: auto; --gh-sb-blk7-link1: 8px; --gv-sb-blk7-link1: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-blk7-link1 { flex: 0 0 auto; width: 100%; --gh-sb-blk7-link1: 8px; --gv-sb-blk7-link1: 0px; max-width: 100%; } }

/* sb-blk7-txt1: 無料相談お申し込みはこちら */
.sb-blk7-txt1 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sb-blk7-link1: 無料相談お申し込みはこちら arrow_forward */
.sb-blk7-link1:hover .sb-blk7-txt1 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-blk7-txt1 { font-size: 14px; } }

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

/* sb-blk7-link1: 無料相談お申し込みはこちら arrow_forward */
.sb-blk7-link1:hover .sb-blk7-icon1 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-price-sec1: PRICE 料金プラン 無料プラン まずは無料プラ */
.sb-price-sec1 { place-content: center flex-start; align-items: center; background: rgb(245, 249, 249); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 100px 30px 150px; width: 100%; --gh-sb-price-sec1: 0px; --gv-sb-price-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-price-sec1 { flex: 0 0 auto; height: auto; width: 100%; --gh-sb-price-sec1: 0px; --gv-sb-price-sec1: 0px; } }
@media screen and (max-width: 540px) { .sb-price-sec1 { padding: 50px 30px; --gh-sb-price-sec1: 0px; --gv-sb-price-sec1: 0px; } }
.sb-price-inner { padding: 100px 30px 150px; width: calc(100% - (var(--gh-sb-price-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-sb-price-sec1: 0px; --gv-sb-price-sec1: 0px; max-width: calc(100% - (var(--gh-sb-price-sec1) * 0)); }
@media screen and (max-width: 760px) { .sb-price-inner { width: 100%; height: auto; flex-direction: column; --gh-sb-price-sec1: 0px; --gv-sb-price-sec1: 0px; } }
@media screen and (max-width: 540px) { .sb-price-inner { padding: 50px 30px; flex-direction: column; --gh-sb-price-sec1: 0px; --gv-sb-price-sec1: 0px; } }

/* sb-price-txt1: PRICE */
.sb-price-txt1 { color: rgb(25, 65, 180); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-price-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-price-txt1 { font-size: 13px; width: auto; max-width: 100%; } }

/* sb-price-txt2: 料金プラン */
.sb-price-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 40px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-price-txt2 { font-size: 35px; } }
@media screen and (max-width: 540px) { .sb-price-txt2 { font-size: 20px; } }

/* sb-price-box1: 無料プラン まずは無料プランで1商材からお試し！ 月額 */
.sb-price-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 25px 15px; margin: 0px 0px 60px; padding: 0px; width: calc(90% - (var(--gh-sb-price-sec1) * 0.10000000000000003)); --gh-sb-price-box1: 15px; --gv-sb-price-box1: 25px; max-width: calc(90% - (var(--gh-sb-price-sec1) * 0.10000000000000003)); }
@media screen and (max-width: 1280px) { .sb-price-box1 { gap: 15px 0px; --gh-sb-price-box1: 0px; --gv-sb-price-box1: 15px; } }
@media screen and (max-width: 760px) { .sb-price-box1 { flex-flow: column; --gh-sb-price-box1: 0px; --gv-sb-price-box1: 25px; } }
@media screen and (max-width: 540px) { .sb-price-box1 { flex: 0 0 auto; flex-flow: column; width: calc(100% - (var(--gh-sb-price-sec1) * 0)); --gh-sb-price-box1: 0px; --gv-sb-price-box1: 25px; max-width: calc(100% - (var(--gh-sb-price-sec1) * 0)); } }

/* sb-price-box2: 無料プラン まずは無料プランで1商材からお試し！ 月額 */
.sb-price-box2 { place-content: center; align-items: center; flex-flow: column; gap: 15px; margin: 0px 0px 20px; padding: 0px; --gh-sb-price-box2: 0px; --gv-sb-price-box2: 15px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-price-box2 { place-content: flex-start center; align-items: flex-start; flex-flow: column; gap: 15px 0px; --gh-sb-price-box2: 0px; --gv-sb-price-box2: 15px; } }
@media screen and (max-width: 760px) { .sb-price-box2 { flex-direction: column; --gh-sb-price-box2: 0px; --gv-sb-price-box2: 15px; } }
@media screen and (max-width: 540px) { .sb-price-box2 { flex-direction: column; --gh-sb-price-box2: 0px; --gv-sb-price-box2: 15px; } }

/* sb-price-box3: 無料プラン まずは無料プランで1商材からお試し！ 月額 */
.sb-price-box3 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; width: auto; --gh-sb-price-box3: 0px; --gv-sb-price-box3: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-price-box3 { margin: 0px 15px 0px 0px; --gh-sb-price-box3: 0px; --gv-sb-price-box3: 0px; max-width: calc(100% - 15px); } }
@media screen and (max-width: 760px) { .sb-price-box3 { margin: 0px; --gh-sb-price-box3: 0px; --gv-sb-price-box3: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-price-box3 { flex-direction: row; --gh-sb-price-box3: 0px; --gv-sb-price-box3: 0px; } }

/* sb-price-item1: 無料プラン まずは無料プランで1商材からお試し！ 月額 */
.sb-price-item1 { place-content: center flex-start; align-items: center; background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 3px; box-shadow: rgba(25, 65, 180, 0.1) 0px 0px 10px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; overflow: hidden; padding: 0px; width: 350px; --gh-sb-price-item1: 0px; --gv-sb-price-item1: 0px; max-width: 100%; }
html.js .sb-price-item1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-price-item1: 0px; --gv-sb-price-item1: 0px; }
.sb-price-item1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .sb-price-item1 { flex: 0 0 auto; width: 350px; --gh-sb-price-item1: 0px; --gv-sb-price-item1: 0px; } }
@media screen and (max-width: 540px) { .sb-price-item1 { width: calc(100% - (var(--gh-sb-price-box3) * 0)); --gh-sb-price-item1: 0px; --gv-sb-price-item1: 0px; max-width: calc(100% - (var(--gh-sb-price-box3) * 0)); } }

/* sb-price-box4: 無料プラン */
.sb-price-box4 { place-content: center; align-items: center; background: #eebb2bff; border-radius: 0px; box-shadow: 0px 0px 10px 0px rgb(25, 65, 180); flex: 0 0 auto; flex-flow: column; gap: 8px; height: auto; padding: 16px; width: calc(100% - (var(--gh-sb-price-item1) * 0)); --gh-sb-price-box4: 0px; --gv-sb-price-box4: 8px; max-width: calc(100% - (var(--gh-sb-price-item1) * 0)); }
@media screen and (max-width: 760px) { .sb-price-box4 { gap: 6px; --gh-sb-price-box4: 0px; --gv-sb-price-box4: 6px; } }
@media screen and (max-width: 540px) { .sb-price-box4 { gap: 4px; --gh-sb-price-box4: 0px; --gv-sb-price-box4: 4px; } }

/* sb-price-txt3: 無料プラン */
.sb-price-txt3 { color: rgb(250, 250, 250); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-price-box5: まずは無料プランで1商材からお試し！ 月額 ¥0 機能 */
.sb-price-box5 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-bottom: 2px solid #eebb2bff; border-left: 2px solid #eebb2bff; border-right: 2px solid #eebb2bff; border-top: 2px solid #eebb2bff; flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; padding: 10px 20px 40px; width: calc(100% - (var(--gh-sb-price-item1) * 0)); --gh-sb-price-box5: 0px; --gv-sb-price-box5: 0px; max-width: calc(100% - (var(--gh-sb-price-item1) * 0)); }
@media screen and (max-width: 760px) { .sb-price-box5 { gap: 6px; --gh-sb-price-box5: 0px; --gv-sb-price-box5: 6px; } }
@media screen and (max-width: 540px) { .sb-price-box5 { gap: 4px; --gh-sb-price-box5: 0px; --gv-sb-price-box5: 4px; } }

/* sb-price-txt4: まずは無料プランで1商材からお試し！ */
.sb-price-txt4 { background: rgba(238, 187, 43, 0); border-radius: 3px; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 15px; padding: 5px 25px; text-align: center; width: 300px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sb-price-txt4 { flex: 0 0 auto; font-size: 11px; width: 300px; } }

/* sb-price-txt5: 月額 */
.sb-price-txt5 { background: #eebb2bff; border-radius: 100px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 5px; padding: 3px 25px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt5 { font-size: 11px; } }

/* sb-price-txt6: ¥0 */
.sb-price-txt6 { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 45px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt6 { font-size: 35px; } }

/* sb-price-box6: 機能 ・商材登録1件まで ・進捗自動通知なし ・証憑発行 */
.sb-price-box6 { place-content: center; align-items: center; flex-flow: row; height: calc(100% - (var(--gv-sb-price-box5) * 0)); padding: 0px; width: auto; max-width: 100%; }

/* sb-price-txt7: 機能 */
.sb-price-txt7 { background: #eebb2bff; border-radius: 100px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 10px 5px 0px; padding: 3px 20px; text-align: left; width: auto; max-width: calc(100% - 10px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt7 { font-size: 11px; } }

/* sb-price-txt8: ・商材登録1件まで ・進捗自動通知なし ・証憑発行不可 */
.sb-price-txt8 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.65; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt8 { font-size: 11px; } }

/* sb-price-link1: 商材提供者登録はこちら arrow_forward */
.sb-price-link1 { place-content: center; align-items: center; background: #eebb2bff; border-width: 1px; border-style: solid; border-color: rgba(255, 255, 255, 0); border-radius: 3px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: auto; padding: 15px 24px; width: 350px; --gh-sb-price-link1: 8px; --gv-sb-price-link1: 0px; max-width: 100%; }
.sb-price-link1:hover { background: rgb(255, 223, 135); opacity: 1; --gh-sb-price-link1: 8px; --gv-sb-price-link1: 0px; }
@media screen and (max-width: 1280px) { .sb-price-link1 { flex: 0 0 auto; width: 350px; --gh-sb-price-link1: 8px; --gv-sb-price-link1: 0px; } }
@media screen and (max-width: 760px) { .sb-price-link1 { flex: 0 0 auto; width: 350px; --gh-sb-price-link1: 8px; --gv-sb-price-link1: 0px; } }
@media screen and (max-width: 540px) { .sb-price-link1 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-price-box2) * 0)); --gh-sb-price-link1: 8px; --gv-sb-price-link1: 0px; max-width: calc(100% - (var(--gh-sb-price-box2) * 0)); } }

/* sb-price-txt9: 商材提供者登録はこちら */
.sb-price-txt9 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sb-price-link1: 商材提供者登録はこちら arrow_forward */
.sb-price-link1:hover .sb-price-txt9 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-price-txt9 { font-size: 14px; } }

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

/* sb-price-link1: 商材提供者登録はこちら arrow_forward */
.sb-price-link1:hover .sb-price-icon1 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-price-box7: プロプラン 月額15万で毎月の紹介管理コストを大幅削減！ */
.sb-price-box7 { place-content: center; align-items: center; flex-flow: column; gap: 15px; margin: 0px 0px 20px; padding: 0px; --gh-sb-price-box7: 0px; --gv-sb-price-box7: 15px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-price-box7 { place-content: center; align-items: center; flex-flow: column; gap: 15px 0px; --gh-sb-price-box7: 0px; --gv-sb-price-box7: 15px; } }
@media screen and (max-width: 760px) { .sb-price-box7 { flex-direction: column; --gh-sb-price-box7: 0px; --gv-sb-price-box7: 15px; } }
@media screen and (max-width: 540px) { .sb-price-box7 { flex-direction: column; --gh-sb-price-box7: 0px; --gv-sb-price-box7: 15px; } }

/* sb-price-box8: プロプラン 月額15万で毎月の紹介管理コストを大幅削減！ */
.sb-price-box8 { place-content: center; align-items: center; box-shadow: rgba(25, 65, 180, 0.1) 0px 0px 10px 0px; flex-flow: column; gap: 0px; padding: 0px; width: auto; --gh-sb-price-box8: 0px; --gv-sb-price-box8: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-price-box8 { flex-direction: row; --gh-sb-price-box8: 0px; --gv-sb-price-box8: 0px; } }

/* sb-price-item2: プロプラン 月額15万で毎月の紹介管理コストを大幅削減！ */
.sb-price-item2 { place-content: center flex-start; align-items: center; background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 3px; box-shadow: rgba(25, 65, 180, 0.1) 0px 0px 10px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; overflow: hidden; padding: 0px; width: 350px; --gh-sb-price-item2: 0px; --gv-sb-price-item2: 0px; max-width: 100%; }
html.js .sb-price-item2:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-price-item2: 0px; --gv-sb-price-item2: 0px; }
.sb-price-item2.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sb-price-item2 { margin: 0px; --gh-sb-price-item2: 0px; --gv-sb-price-item2: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .sb-price-item2 { flex: 0 0 auto; width: 350px; --gh-sb-price-item2: 0px; --gv-sb-price-item2: 0px; } }
@media screen and (max-width: 540px) { .sb-price-item2 { width: calc(100% - (var(--gh-sb-price-box8) * 0)); --gh-sb-price-item2: 0px; --gv-sb-price-item2: 0px; max-width: calc(100% - (var(--gh-sb-price-box8) * 0)); } }

/* sb-price-box9: プロプラン */
.sb-price-box9 { place-content: center; align-items: center; background: rgb(25, 65, 180); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 8px; height: auto; padding: 16px; width: calc(100% - (var(--gh-sb-price-item2) * 0)); --gh-sb-price-box9: 0px; --gv-sb-price-box9: 8px; max-width: calc(100% - (var(--gh-sb-price-item2) * 0)); }
@media screen and (max-width: 760px) { .sb-price-box9 { gap: 6px; --gh-sb-price-box9: 0px; --gv-sb-price-box9: 6px; } }
@media screen and (max-width: 540px) { .sb-price-box9 { gap: 4px; --gh-sb-price-box9: 0px; --gv-sb-price-box9: 4px; } }

/* sb-price-txt10: プロプラン */
.sb-price-txt10 { color: rgb(250, 250, 250); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 20px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-price-box10: 月額15万で毎月の紹介管理コストを大幅削減！ 月額 ¥1 */
.sb-price-box10 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-bottom: 2px solid rgb(25, 65, 180); border-left: 2px solid rgb(25, 65, 180); border-right: 2px solid rgb(25, 65, 180); border-top: 2px solid rgb(25, 65, 180); flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; padding: 10px 20px 40px; width: calc(100% - (var(--gh-sb-price-item2) * 0)); --gh-sb-price-box10: 0px; --gv-sb-price-box10: 0px; max-width: calc(100% - (var(--gh-sb-price-item2) * 0)); }
@media screen and (max-width: 760px) { .sb-price-box10 { gap: 6px; --gh-sb-price-box10: 0px; --gv-sb-price-box10: 6px; } }
@media screen and (max-width: 540px) { .sb-price-box10 { gap: 4px; --gh-sb-price-box10: 0px; --gv-sb-price-box10: 4px; } }

/* sb-price-txt11: 月額15万で毎月の紹介管理コストを大幅削減！ */
.sb-price-txt11 { background: rgba(25, 65, 180, 0); border-radius: 3px; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 17px; padding: 5px 25px; text-align: center; width: calc(100% - (var(--gh-sb-price-box10) * 0)); max-width: calc(100% - (var(--gh-sb-price-box10) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .sb-price-txt11 { flex: 0 0 auto; font-size: 11px; width: 300px; max-width: 100%; } }

/* sb-price-txt12: 月額 */
.sb-price-txt12 { background: rgb(25, 65, 180); border-radius: 100px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 5px; padding: 3px 25px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt12 { font-size: 11px; } }

/* sb-price-txt13: ¥150,000 */
.sb-price-txt13 { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 45px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt13 { font-size: 35px; } }

/* sb-price-box11: 機能 ・商材登録上限なし ・進捗自動通知 ・請求書、支払い */
.sb-price-box11 { place-content: center; align-items: center; flex-flow: row; height: calc(100% - (var(--gv-sb-price-box10) * 0)); padding: 0px; width: auto; max-width: 100%; }

/* sb-price-txt14: 機能 */
.sb-price-txt14 { background: rgb(25, 65, 180); border-radius: 100px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 10px 5px 0px; padding: 3px 20px; text-align: left; width: auto; max-width: calc(100% - 10px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt14 { font-size: 11px; } }

/* sb-price-txt15: ・商材登録上限なし ・進捗自動通知 ・請求書、支払い通知書の */
.sb-price-txt15 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.65; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt15 { font-size: 11px; } }

/* sb-price-link2: 無料相談はこちら arrow_forward */
.sb-price-link2 { place-content: center; align-items: center; background: rgb(25, 65, 180); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 3px; box-shadow: rgba(25, 65, 180, 0.4) 0px 0px 10px 0px; flex: 0 0 auto; flex-flow: row; gap: 8px; height: 56px; padding: 15px 24px; width: 350px; --gh-sb-price-link2: 8px; --gv-sb-price-link2: 0px; max-width: 100%; }
.sb-price-link2:hover { background: rgba(25, 65, 180, 0.6); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); --gh-sb-price-link2: 8px; --gv-sb-price-link2: 0px; }
@media screen and (max-width: 1280px) { .sb-price-link2 { flex: 0 0 auto; width: 350px; --gh-sb-price-link2: 8px; --gv-sb-price-link2: 0px; } }
@media screen and (max-width: 760px) { .sb-price-link2 { flex: 0 0 auto; height: 56px; width: 350px; --gh-sb-price-link2: 8px; --gv-sb-price-link2: 0px; } }
@media screen and (max-width: 540px) { .sb-price-link2 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-price-box7) * 0)); --gh-sb-price-link2: 8px; --gv-sb-price-link2: 0px; max-width: calc(100% - (var(--gh-sb-price-box7) * 0)); } }

/* sb-price-txt16: 無料相談はこちら */
.sb-price-txt16 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 700; height: auto; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sb-price-link2: 無料相談はこちら arrow_forward */
.sb-price-link2:hover .sb-price-txt16 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sb-price-txt16 { font-size: 14px; } }

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

/* sb-price-link2: 無料相談はこちら arrow_forward */
.sb-price-link2:hover .sb-price-icon2 { color: rgb(255, 255, 255); transform: translate(2px, 0px); }

/* sb-price-icon3:  */
.sb-price-icon3 { color: rgb(51, 51, 51); display: none; font-size: 35px; }
@media screen and (max-width: 1280px) { .sb-price-icon3 { display: none; } }
@media screen and (max-width: 760px) { .sb-price-icon3 { display: none; } }
@media screen and (max-width: 540px) { .sb-price-icon3 { display: none; } }
@media screen and (max-width: 360px) { .sb-price-icon3 { display: none; } }

/* sb-price-box12: GMOバーチャル口座自動決済連携月額＋20万円で振込作業もゼ */
.sb-price-box12 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); display: none; flex: 0 0 auto; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-sb-price-box1) * 0)); padding: 0px; width: auto; --gh-sb-price-box12: 0px; --gv-sb-price-box12: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-price-box12 { display: flex; --gh-sb-price-box12: 0px; --gv-sb-price-box12: 0px; } }
@media screen and (max-width: 760px) { .sb-price-box12 { display: flex; --gh-sb-price-box12: 0px; --gv-sb-price-box12: 0px; } }
@media screen and (max-width: 540px) { .sb-price-box12 { display: flex; flex-direction: row; --gh-sb-price-box12: 0px; --gv-sb-price-box12: 0px; } }
@media screen and (max-width: 360px) { .sb-price-box12 { display: flex; --gh-sb-price-box12: 0px; --gv-sb-price-box12: 0px; } }

/* sb-price-item3: GMOバーチャル口座自動決済連携月額＋20万円で振込作業もゼ */
.sb-price-item3 { place-content: center flex-start; align-items: center; background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 3px; box-shadow: rgba(25, 65, 180, 0.1) 0px 0px 10px 0px; display: none; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; margin: 0px; overflow: hidden; padding: 0px; width: 350px; --gh-sb-price-item3: 0px; --gv-sb-price-item3: 0px; max-width: 100%; }
html.js .sb-price-item3:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-price-item3: 0px; --gv-sb-price-item3: 0px; }
.sb-price-item3.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sb-price-item3 { display: none; --gh-sb-price-item3: 0px; --gv-sb-price-item3: 0px; } }
@media screen and (max-width: 760px) { .sb-price-item3 { display: none; flex: 0 0 auto; width: 350px; --gh-sb-price-item3: 0px; --gv-sb-price-item3: 0px; } }
@media screen and (max-width: 540px) { .sb-price-item3 { display: none; width: calc(100% - (var(--gh-sb-price-box12) * 0)); --gh-sb-price-item3: 0px; --gv-sb-price-item3: 0px; max-width: calc(100% - (var(--gh-sb-price-box12) * 0)); } }
@media screen and (max-width: 360px) { .sb-price-item3 { display: none; --gh-sb-price-item3: 0px; --gv-sb-price-item3: 0px; } }

/* sb-price-box13: GMOバーチャル口座自動決済連携 */
.sb-price-box13 { place-content: center; align-items: center; background: rgb(91, 101, 128); border-radius: 0px; flex: 0 0 auto; flex-flow: column; gap: 8px; height: auto; padding: 16px; width: calc(100% - (var(--gh-sb-price-item3) * 0)); --gh-sb-price-box13: 0px; --gv-sb-price-box13: 8px; max-width: calc(100% - (var(--gh-sb-price-item3) * 0)); }
@media screen and (max-width: 760px) { .sb-price-box13 { gap: 6px; --gh-sb-price-box13: 0px; --gv-sb-price-box13: 6px; } }
@media screen and (max-width: 540px) { .sb-price-box13 { gap: 4px; --gh-sb-price-box13: 0px; --gv-sb-price-box13: 4px; } }

/* sb-price-txt17: GMOバーチャル口座自動決済連携 */
.sb-price-txt17 { color: rgb(250, 250, 250); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 18px; font-weight: 700; height: auto; line-height: 1.5; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-price-box14: 月額＋20万円で振込作業もゼロに！月額+¥200,000~※ */
.sb-price-box14 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-width: 2px; border-style: solid; border-color: rgb(91, 101, 128); flex: 1 1 0%; flex-flow: column; gap: 0px; height: auto; padding: 10px 20px 40px; width: calc(100% - (var(--gh-sb-price-item3) * 0)); --gh-sb-price-box14: 0px; --gv-sb-price-box14: 0px; max-width: calc(100% - (var(--gh-sb-price-item3) * 0)); }
@media screen and (max-width: 760px) { .sb-price-box14 { gap: 6px; --gh-sb-price-box14: 0px; --gv-sb-price-box14: 6px; } }
@media screen and (max-width: 540px) { .sb-price-box14 { gap: 4px; --gh-sb-price-box14: 0px; --gv-sb-price-box14: 4px; } }

/* sb-price-txt18: 月額＋20万円で振込作業もゼロに！ */
.sb-price-txt18 { background: rgba(238, 187, 43, 0); border-radius: 3px; color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 14px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 16px; padding: 5px 25px; text-align: center; width: 300px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sb-price-txt18 { font-size: 11px; } }

/* sb-price-txt19: 月額 */
.sb-price-txt19 { background: rgb(91, 101, 128); border-radius: 100px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 5px; padding: 3px 25px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt19 { font-size: 11px; } }

/* sb-price-txt20: +¥200,000~ */
.sb-price-txt20 { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(34, 34, 34); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 45px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 5px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt20 { font-size: 35px; } }

/* sb-price-txt21: ※GMO銀行の審査により変動 */
.sb-price-txt21 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.65; margin: 0px 0px 15px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sb-price-txt21 { font-size: 11px; } }

/* sb-price-box15: 機能・パートナーへの紹介料自動振込・商材提供者への売上自動振 */
.sb-price-box15 { place-content: center; align-items: center; flex-flow: row; height: calc(100% - (var(--gv-sb-price-box14) * 0)); padding: 0px; width: auto; max-width: 100%; }

/* sb-price-txt22: 機能 */
.sb-price-txt22 { background: rgb(91, 101, 128); border-radius: 100px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 10px 5px 0px; padding: 3px 20px; text-align: left; width: auto; max-width: calc(100% - 10px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt22 { font-size: 11px; } }

/* sb-price-txt23: ・パートナーへの紹介料自動振込・商材提供者への売上自動振込 */
.sb-price-txt23 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.65; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-price-txt23 { font-size: 11px; } }

/* sb-faq-sec1: FAQ よくある質問 Q1 導入までどのくらいの期 */
.sb-faq-sec1 { place-content: center flex-start; align-items: center; background: rgb(25, 65, 180); flex-flow: column; gap: 0px; height: auto; padding: 100px 30px; width: 100%; --gh-sb-faq-sec1: 0px; --gv-sb-faq-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-faq-sec1 { padding: 50px 30px; --gh-sb-faq-sec1: 0px; --gv-sb-faq-sec1: 0px; } }
.sb-faq-inner { padding: 100px 30px; width: calc(100% - (var(--gh-sb-faq-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-sb-faq-sec1: 0px; --gv-sb-faq-sec1: 0px; max-width: calc(100% - (var(--gh-sb-faq-sec1) * 0)); }
@media screen and (max-width: 540px) { .sb-faq-inner { padding: 50px 30px; flex-direction: column; --gh-sb-faq-sec1: 0px; --gv-sb-faq-sec1: 0px; } }

/* sb-faq-txt1: FAQ */
.sb-faq-txt1 { color: #eebb2bff; flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: 17px; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-faq-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-faq-txt1 { font-size: 13px; height: auto; width: auto; max-width: 100%; } }

/* sb-faq-txt2: よくある質問 */
.sb-faq-txt2 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 35px; font-style: normal; font-weight: 600; height: 49px; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 30px; text-align: center; width: 483px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-faq-txt2 { font-size: 35px; } }
@media screen and (max-width: 540px) { .sb-faq-txt2 { font-size: 20px; height: auto; width: calc(100% - (var(--gh-sb-faq-sec1) * 0)); max-width: calc(100% - (var(--gh-sb-faq-sec1) * 0)); } }

/* sb-faq-list1: Q1 導入までどのくらいの期間がかかりますか？ A ア */
.sb-faq-list1 { flex: 0 0 auto; gap: 16px; height: auto; padding: 0px; width: calc(70% - (var(--gh-sb-faq-sec1) * 0.3)); --gh-sb-faq-list1: 0px; --gv-sb-faq-list1: 16px; max-width: calc(70% - (var(--gh-sb-faq-sec1) * 0.3)); }
html.js .sb-faq-list1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sb-faq-list1: 0px; --gv-sb-faq-list1: 16px; }
.sb-faq-list1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sb-faq-list1 { flex: 0 0 auto; width: calc(80% - (var(--gh-sb-faq-sec1) * 0.2)); --gh-sb-faq-list1: 0px; --gv-sb-faq-list1: 16px; max-width: calc(80% - (var(--gh-sb-faq-sec1) * 0.2)); } }
@media screen and (max-width: 760px) { .sb-faq-list1 { flex: 0 0 auto; width: calc(90% - (var(--gh-sb-faq-sec1) * 0.10000000000000003)); --gh-sb-faq-list1: 0px; --gv-sb-faq-list1: 16px; max-width: calc(90% - (var(--gh-sb-faq-sec1) * 0.10000000000000003)); } }
@media screen and (max-width: 540px) { .sb-faq-list1 { flex: 0 0 auto; width: calc(100% - (var(--gh-sb-faq-sec1) * 0)); --gh-sb-faq-list1: 0px; --gv-sb-faq-list1: 16px; max-width: calc(100% - (var(--gh-sb-faq-sec1) * 0)); } }

/* sb-faq-item1: Q1 導入までどのくらいの期間がかかりますか？ A ア */
.sb-faq-item1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(100% - (var(--gh-sb-faq-list1) * 0)); max-width: calc(100% - (var(--gh-sb-faq-list1) * 0)); }

/* sb-faq-box1: Q1 導入までどのくらいの期間がかかりますか？ A ア */
.sb-faq-box1 { place-content: flex-start; align-items: flex-start; background: rgb(255, 255, 255); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 10px 0px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: 100%; max-width: 100%; }

/* sb-faq-btn1: Q1 導入までどのくらいの期間がかかりますか？ */
.sb-faq-btn1 { place-content: center space-between; align-items: center; background: transparent; border-radius: 0px; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 16px; width: 100%; --gh-sb-faq-btn1: 0px; --gv-sb-faq-btn1: 0px; max-width: 100%; }

/* sb-faq-txt3: Q1 */
.sb-faq-txt3 { color: #eebb2bff; flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 17px; font-weight: 500; height: auto; line-height: 1.5; margin: 0px 20px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 20px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-faq-txt3 { font-size: 18px; } }

/* sb-faq-txt4: 導入までどのくらいの期間がかかりますか？ */
.sb-faq-txt4 { color: rgb(0, 0, 0); flex: 1 1 0%; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; 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) { .sb-faq-txt4 { font-size: 15px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); } }

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

/* sb-faq-box3:  */
.sb-faq-box3 { background: rgb(25, 65, 180); flex: 0 0 auto; height: 16px; opacity: 0; width: 2px; max-width: 100%; }
.sb-faq-box3._isClose { opacity: 1; }

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

/* sb-faq-box5:  */
.sb-faq-box5 { background: rgb(25, 65, 180); flex: 0 0 auto; height: 2px; width: 16px; max-width: 100%; }

/* sb-faq-box6: A アカウント登録後、すぐにご利用可能です。（※GMO決済 */
.sb-faq-box6 { place-content: center flex-start; align-items: center; background: transparent; border-width: 0px; border-style: solid; border-color: rgb(102, 102, 102); flex: 0 0 auto; flex-flow: column; height: auto; opacity: 1; overflow: hidden; padding: 0px; width: 100%; max-width: 100%; }
.sb-faq-box6._isClose { flex: 0 0 auto; height: 0px; }

/* sb-faq-box7: A アカウント登録後、すぐにご利用可能です。（※GMO決済 */
.sb-faq-box7 { place-content: flex-start; align-items: flex-start; background: transparent; flex: 0 0 auto; flex-flow: row; height: auto; opacity: 1; padding: 16px; width: 100%; max-width: 100%; }

/* sb-faq-txt5: A */
.sb-faq-txt5 { color: #eebb2bff; flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 17px; font-weight: 500; height: auto; line-height: 1.5; margin: 0px 20px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 20px); justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-faq-txt5 { font-size: 18px; } }

/* sb-faq-txt6: アカウント登録後、すぐにご利用可能です。（※GMO決済連携を */
.sb-faq-txt6 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: 95%; max-width: 95%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-faq-txt6 { flex: 0 0 auto; font-size: 13px; line-height: 1.5; width: 85%; max-width: 85%; } }

/* sb-contact-box1: CONTACT まずはお気軽にお問い合わせください 必 */
.sb-contact-box1 { place-content: center flex-start; align-items: center; background: #f0f0f0; flex-flow: column; gap: 0px; height: auto; overflow: hidden; padding: 128px 40px; width: 100%; --gh-sb-contact-box1: 0px; --gv-sb-contact-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-contact-box1 { padding: 128px 30px; --gh-sb-contact-box1: 0px; --gv-sb-contact-box1: 0px; } }
@media screen and (max-width: 760px) { .sb-contact-box1 { padding: 104px 30px; --gh-sb-contact-box1: 0px; --gv-sb-contact-box1: 0px; } }
@media screen and (max-width: 540px) { .sb-contact-box1 { padding: 50px 30px; --gh-sb-contact-box1: 0px; --gv-sb-contact-box1: 0px; } }

/* sb-contact-txt1: CONTACT */
.sb-contact-txt1 { color: rgb(25, 65, 180); flex: 0 0 auto; font-family: Poppins, sans-serif; font-feature-settings: normal; font-size: 12px; font-style: italic; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px; text-align: center; width: 393px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-contact-txt1 { font-size: 15px; } }
@media screen and (max-width: 540px) { .sb-contact-txt1 { font-size: 13px; width: auto; max-width: 100%; } }

/* sb-contact-txt2: まずはお気軽にお問い合わせください */
.sb-contact-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans', sans-serif; font-feature-settings: normal; font-size: 30px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .sb-contact-txt2 { font-size: 35px; } }
@media screen and (max-width: 540px) { .sb-contact-txt2 { font-size: 19px; margin: 0px 0px 50px; max-width: 100%; } }

/* sb-contact-form1: 必須 会社名 必須 お名前 必須 メールアド */
.sb-contact-form1 { place-content: flex-start center; align-items: flex-start; background: transparent; border-radius: 0px; flex: 0 0 auto; gap: 20px; margin: 0px; opacity: 1; padding: 0px; width: 880px; --gh-sb-contact-form1: 0px; --gv-sb-contact-form1: 20px; max-width: 100%; }
html.js .sb-contact-form1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-sb-contact-form1: 0px; --gv-sb-contact-form1: 20px; }
.sb-contact-form1.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 540px) { .sb-contact-form1 { gap: 24px; --gh-sb-contact-form1: 0px; --gv-sb-contact-form1: 24px; } }

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

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

/* sb-contact-box3: 必須 */
.sb-contact-box3 { place-content: flex-start; align-items: flex-start; background: rgb(25, 65, 180); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 2px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-sb-contact-box3: 0px; --gv-sb-contact-box3: 16px; }
@media screen and (max-width: 760px) { .sb-contact-box3 { flex-direction: column; --gh-sb-contact-box3: 0px; --gv-sb-contact-box3: 16px; } }
@media screen and (max-width: 540px) { .sb-contact-box3 { gap: 16px; --gh-sb-contact-box3: 0px; --gv-sb-contact-box3: 16px; } }

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

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

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

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

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

/* sb-contact-box5: 必須 */
.sb-contact-box5 { place-content: flex-start; align-items: flex-start; background: rgb(25, 65, 180); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 2px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-sb-contact-box5: 0px; --gv-sb-contact-box5: 16px; }
@media screen and (max-width: 760px) { .sb-contact-box5 { flex-direction: column; --gh-sb-contact-box5: 0px; --gv-sb-contact-box5: 16px; } }
@media screen and (max-width: 540px) { .sb-contact-box5 { gap: 16px; --gh-sb-contact-box5: 0px; --gv-sb-contact-box5: 16px; } }

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

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

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

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

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

/* sb-contact-box7: 必須 */
.sb-contact-box7 { place-content: flex-start; align-items: flex-start; background: rgb(25, 65, 180); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 2px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-sb-contact-box7: 0px; --gv-sb-contact-box7: 16px; }
@media screen and (max-width: 760px) { .sb-contact-box7 { flex-direction: column; --gh-sb-contact-box7: 0px; --gv-sb-contact-box7: 16px; } }
@media screen and (max-width: 540px) { .sb-contact-box7 { gap: 16px; --gh-sb-contact-box7: 0px; --gv-sb-contact-box7: 16px; } }

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

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

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

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

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

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

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

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

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

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

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

/* sb-contact-box11: 必須 */
.sb-contact-box11 { place-content: flex-start; align-items: flex-start; background: rgb(25, 65, 180); border-width: 0px; border-style: solid; border-color: rgb(34, 34, 34); border-radius: 2px; flex-flow: column; gap: 16px; padding: 2px 12px; --gh-sb-contact-box11: 0px; --gv-sb-contact-box11: 16px; }
@media screen and (max-width: 760px) { .sb-contact-box11 { flex-direction: column; --gh-sb-contact-box11: 0px; --gv-sb-contact-box11: 16px; } }
@media screen and (max-width: 540px) { .sb-contact-box11 { gap: 16px; --gh-sb-contact-box11: 0px; --gv-sb-contact-box11: 16px; } }

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

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

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

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

/* sb-contact-txt13: 送信する */
.sb-contact-txt13 { color: rgb(255, 255, 255); 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) { .sb-contact-txt13 { font-size: 14px; } }

/* sb-ft-footer1: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-ft-footer1 { place-content: center; align-items: center; background: transparent; flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px; padding: 64px 40px 24px; width: 100%; --gh-sb-ft-footer1: 0px; --gv-sb-ft-footer1: 60px; max-width: 100%; }
@media screen and (max-width: 1280px) { .sb-ft-footer1 { padding: 64px 30px 24px; --gh-sb-ft-footer1: 0px; --gv-sb-ft-footer1: 60px; } }
@media screen and (max-width: 760px) { .sb-ft-footer1 { padding: 64px 30px 24px; --gh-sb-ft-footer1: 0px; --gv-sb-ft-footer1: 60px; } }
@media screen and (max-width: 540px) { .sb-ft-footer1 { padding: 48px 16px 24px; --gh-sb-ft-footer1: 0px; --gv-sb-ft-footer1: 60px; } }

/* sb-ft-box1: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-ft-box1 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 24px; height: auto; margin: 0px; padding: 0px; width: 1280px; --gh-sb-ft-box1: 0px; --gv-sb-ft-box1: 24px; max-width: 100%; }
@media screen and (max-width: 760px) { .sb-ft-box1 { place-content: flex-start; align-items: flex-start; flex-flow: column; --gh-sb-ft-box1: 0px; --gv-sb-ft-box1: 24px; } }

/* sb-ft-box2: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-ft-box2 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; padding: 0px; width: calc(100% - (var(--gh-sb-ft-box1) * 0)); --gh-sb-ft-box2: 40px; --gv-sb-ft-box2: 0px; max-width: calc(100% - (var(--gh-sb-ft-box1) * 0)); }
@media screen and (max-width: 760px) { .sb-ft-box2 { place-content: flex-start; align-items: flex-start; flex-direction: column; --gh-sb-ft-box2: 0px; --gv-sb-ft-box2: 40px; } }

/* sb-ft-link1:  */
.sb-ft-link1 { place-content: center; align-items: center; flex-wrap: nowrap; padding: 0px; }

/* sb-ft-pic1:  */
.sb-ft-pic1 { flex: 0 0 auto; height: 35px; width: 220px; max-width: 100%; }
@media screen and (max-width: 540px) { .sb-ft-pic1 { flex: 0 0 auto; height: 28px; max-width: 100%; } }

/* sb-ft-list1: 機能 ご利用の流れ 料金 よくある質問 お問い合わせ */
.sb-ft-list1 { place-content: center flex-end; align-items: center; flex-flow: wrap; gap: 5px; padding: 0px; --gh-sb-ft-list1: 5px; --gv-sb-ft-list1: 5px; }
@media screen and (max-width: 1280px) { .sb-ft-list1 { display: flex; --gh-sb-ft-list1: 5px; --gv-sb-ft-list1: 5px; } }
@media screen and (max-width: 760px) { .sb-ft-list1 { display: flex; --gh-sb-ft-list1: 5px; --gv-sb-ft-list1: 5px; } }
@media screen and (max-width: 540px) { .sb-ft-list1 { display: flex; --gh-sb-ft-list1: 5px; --gv-sb-ft-list1: 5px; } }

/* sb-ft-item1: 機能 */
.sb-ft-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* sb-ft-link2: 機能 */
.sb-ft-link2 { place-content: center; align-items: center; border-radius: 6px; flex-flow: column; padding: 4px 12px; }
.sb-ft-link2:hover { background: rgba(230, 230, 230, 0); opacity: 1; }

/* sb-ft-txt1: 機能 */
.sb-ft-txt1 { color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-ft-txt1 { font-size: 13px; } }

/* sb-ft-box3:  */
.sb-ft-box3 { background: rgb(34, 34, 34); flex: 0 0 auto; height: 1px; width: 0%; max-width: 0%; }

/* sb-ft-link2: 機能 */
.sb-ft-link2:hover .sb-ft-box3 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* sb-ft-box4: Copyright @shoukaibank */
.sb-ft-box4 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-sb-ft-box1) * 0)); --gh-sb-ft-box4: 32px; --gv-sb-ft-box4: 0px; max-width: calc(100% - (var(--gh-sb-ft-box1) * 0)); }
@media screen and (max-width: 760px) { .sb-ft-box4 { place-content: flex-start space-around; align-items: flex-start; flex-flow: column; gap: 24px; --gh-sb-ft-box4: 0px; --gv-sb-ft-box4: 24px; } }

/* sb-ft-txt2: Copyright @shoukaibank */
.sb-ft-txt2 { color: rgb(0, 0, 0); font-family: Poppins, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sb-ft-txt2 { font-size: 11px; } }