/* =========================================================
   ssmenu.css  モーダル「ssmenu」専用（スマホのメニューなど）。クラス名はすべて ssmenu- で始まる
   ========================================================= */

/* モーダルの外枠（ヘッダーのボタンで開く）。開閉は site.js */
.modal { position: fixed; inset: 0; z-index: 100; opacity: 0; transition: opacity 0.4s var(--ease); pointer-events: none; }
.modal[hidden] { display: none; }
.modal.open { opacity: 1; }
.modal > .modal-backdrop { position: fixed; inset: 0; z-index: -1; border: 0; padding: 0; cursor: pointer; pointer-events: auto; }
.modal > .modal-body { height: 100%; pointer-events: none; }
.modal > .modal-body > .b { pointer-events: none; background: none !important; }
.modal > .modal-body > .b > * { pointer-events: all; }
html.modal-opened { overflow: hidden; }
.modal-ssmenu > .modal-backdrop { background: rgba(0, 0, 0, 0.16); }

/* hd-header5: 強み サービス内容 制作実績 料金 割引キャンペーン */
.hd-header5 { place-content: center; align-items: center; flex: 0 0 auto; flex-wrap: nowrap; gap: 128px; left: 0px; padding: 16px 40px; position: fixed; top: 0px; width: 100%; z-index: 2; --gh-hd-header5: 0px; --gv-hd-header5: 128px; max-width: 100%; }
html.js .hd-header5:not(.in) { opacity: 0; transform: translate(0px, -8px); transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: ease; --gh-hd-header5: 0px; --gv-hd-header5: 128px; }
.hd-header5.in-active { transition-delay: 800ms; transition-duration: 500ms; transition-timing-function: ease; }
@media screen and (max-width: 1280px) { .hd-header5 { place-content: center; align-items: center; flex-wrap: nowrap; --gh-hd-header5: 0px; --gv-hd-header5: 128px; } }
@media screen and (max-width: 760px) { .hd-header5 { padding: 16px 32px; --gh-hd-header5: 0px; --gv-hd-header5: 128px; } }
@media screen and (max-width: 540px) { .hd-header5 { padding: 12px 16px; --gh-hd-header5: 0px; --gv-hd-header5: 128px; } }

/* hd-box31: 強み サービス内容 制作実績 料金 割引キャンペーン */
.hd-box31 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); border-radius: 999px; box-shadow: rgba(39, 35, 67, 0.1) 5px 5px 30px 0px; flex: 0 0 auto; flex-flow: row; gap: 40px; height: auto; margin: 0px; padding: 5px 5px 5px 32px; position: relative; width: 1400px; z-index: 5; --gh-hd-box31: 40px; --gv-hd-box31: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .hd-box31 { padding: 5px 5px 5px 25px; --gh-hd-box31: 40px; --gv-hd-box31: 0px; } }
@media screen and (max-width: 540px) { .hd-box31 { gap: 16px; --gh-hd-box31: 16px; --gv-hd-box31: 0px; } }

/* hd-link13:  */
.hd-link13 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 20px; padding: 0px; --gh-hd-link13: 20px; --gv-hd-link13: 20px; }
@media screen and (max-width: 1280px) { .hd-link13 { justify-content: space-between; --gh-hd-link13: 20px; --gv-hd-link13: 20px; } }
@media screen and (max-width: 760px) { .hd-link13 { place-content: center space-between; align-items: center; --gh-hd-link13: 20px; --gv-hd-link13: 20px; } }

/* hd-box32:  */
.hd-box32 { place-content: flex-start center; align-items: flex-start; background: transparent; border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(250, 250, 250); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 0px; width: auto; max-width: 100%; }

/* hd-img4:  */
.hd-img4 { flex: 0 0 auto; height: 23px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .hd-img4 { flex: 0 0 auto; height: 24px; max-width: 100%; } }

/* hd-list4: 強み サービス内容 制作実績 料金 割引キャンペーン */
.hd-list4 { place-content: center flex-start; align-items: center; display: flex; flex-flow: wrap; gap: 5px; padding: 0px; --gh-hd-list4: 5px; --gv-hd-list4: 5px; }
@media screen and (max-width: 1280px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }
@media screen and (max-width: 760px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }
@media screen and (max-width: 540px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }
@media screen and (max-width: 360px) { .hd-list4 { display: none; --gh-hd-list4: 5px; --gv-hd-list4: 5px; } }

/* hd-item4: 強み */
.hd-item4 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* hd-link14: 強み */
.hd-link14 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }
.hd-link14:hover { opacity: 1; }

/* hd-txt12: 強み */
.hd-txt12 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', 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) { .hd-txt12 { font-size: 14px; } }

/* hd-box33:  */
.hd-box33 { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); flex: 0 0 auto; height: 1px; width: 0%; max-width: 0%; }

/* hd-link14: 強み */
.hd-link14:hover .hd-box33 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* hd-box34: 無料相談はこちら keyboard_arrow_righ */
.hd-box34 { place-content: center flex-end; align-items: center; background: transparent; display: flex; flex: 0 0 auto; flex-flow: wrap; gap: 12px; height: calc(100% - (var(--gv-hd-box31) * 0)); width: auto; --gh-hd-box34: 12px; --gv-hd-box34: 12px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-box34 { display: flex; flex-flow: row; --gh-hd-box34: 12px; --gv-hd-box34: 0px; } }
@media screen and (max-width: 760px) { .hd-box34 { display: flex; --gh-hd-box34: 12px; --gv-hd-box34: 12px; } }
@media screen and (max-width: 540px) { .hd-box34 { display: flex; --gh-hd-box34: 12px; --gv-hd-box34: 12px; } }
@media screen and (max-width: 360px) { .hd-box34 { display: flex; --gh-hd-box34: 12px; --gv-hd-box34: 12px; } }

/* hd-link15: 無料相談はこちら keyboard_arrow_righ */
.hd-link15 { place-content: center space-between; align-items: center; background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: calc(100% - (var(--gh-hd-box34) * 0)); --gh-hd-link15: 16px; --gv-hd-link15: 0px; max-width: calc(100% - (var(--gh-hd-box34) * 0)); }
.hd-link15:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.5, 0.48, 0, 0.99); --gh-hd-link15: 16px; --gv-hd-link15: 0px; --g-color-0: #ffee9bff; --g-position-0: 0%; --g-color-1: #ff3d40ff; --g-position-1: 100%; --g-color-2: #ff3d40ff; --g-position-2: 100%; --g-color-3: #ff3d40ff; --g-position-3: 100%; --g-color-4: #ff3d40ff; --g-position-4: 100%; --g-color-5: #ff3d40ff; --g-position-5: 100%; --g-color-6: #ff3d40ff; --g-position-6: 100%; --g-color-7: #ff3d40ff; --g-position-7: 100%; --g-color-8: #ff3d40ff; --g-position-8: 100%; --g-color-9: #ff3d40ff; --g-position-9: 100%; --g-color-10: #ff3d40ff; --g-position-10: 100%; --g-color-11: #ff3d40ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 1280px) { .hd-link15 { display: flex; width: auto; --gh-hd-link15: 16px; --gv-hd-link15: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .hd-link15 { display: flex; padding: 10px 8px 10px 50px; --gh-hd-link15: 16px; --gv-hd-link15: 0px; } }
@media screen and (max-width: 540px) { .hd-link15 { display: none; --gh-hd-link15: 16px; --gv-hd-link15: 0px; } }
@media screen and (max-width: 360px) { .hd-link15 { display: none; --gh-hd-link15: 16px; --gv-hd-link15: 0px; } }

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

/* hd-link15: 無料相談はこちら keyboard_arrow_righ */
.hd-link15:hover .hd-txt13 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .hd-txt13 { font-size: 14px; } }

/* hd-icon9: keyboard_arrow_right */
.hd-icon9 { background: rgb(255, 255, 255); border-radius: 100px; color: #ff3900ff; font-size: 24px; padding: 10px; }

/* hd-link15: 無料相談はこちら keyboard_arrow_righ */
.hd-link15:hover .hd-icon9 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* hd-btn6:  */
.hd-btn6 { place-content: center; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; display: none; flex: 0 0 auto; flex-flow: column; height: 55px; width: 55px; max-width: 100%; }
@media screen and (max-width: 1280px) { .hd-btn6 { display: flex; } }
@media screen and (max-width: 760px) { .hd-btn6 { display: flex; } }
@media screen and (max-width: 540px) { .hd-btn6 { display: flex; } }
@media screen and (max-width: 360px) { .hd-btn6 { display: flex; } }

/* hd-box35:  */
.hd-box35 { background: rgb(255, 255, 255); border-radius: 4px; flex: 0 0 auto; height: 2px; margin: 2px 0px 1px; width: 17px; max-width: 100%; }

/* hd-box36:  */
.hd-box36 { background: rgb(255, 255, 255); border-radius: 4px; flex: 0 0 auto; height: 2px; margin: 2px 0px 1px; width: 17px; max-width: 100%; }

/* hd-box37:  */
.hd-box37 { background: rgb(255, 255, 255); border-radius: 4px; flex: 0 0 auto; height: 2px; margin: 2px 0px 1px; width: 17px; max-width: 100%; }

/* ft-footer5: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-footer5 { place-content: center; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px; padding: 64px 40px 24px; width: 100%; --gh-ft-footer5: 0px; --gv-ft-footer5: 60px; max-width: 100%; --g-color-0: #44c6e4ff; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 760px) { .ft-footer5 { padding: 64px 32px 24px; --gh-ft-footer5: 0px; --gv-ft-footer5: 60px; } }
@media screen and (max-width: 540px) { .ft-footer5 { padding: 48px 16px 24px; --gh-ft-footer5: 0px; --gv-ft-footer5: 60px; } }

/* ft-box23: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-box23 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 10px; height: auto; margin: 0px; padding: 0px; width: 1280px; --gh-ft-box23: 0px; --gv-ft-box23: 10px; max-width: 100%; }
@media screen and (max-width: 760px) { .ft-box23 { place-content: flex-start; align-items: flex-start; flex-flow: column; --gh-ft-box23: 0px; --gv-ft-box23: 10px; } }

/* ft-box24: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-box24 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 40px; padding: 0px; width: calc(100% - (var(--gh-ft-box23) * 0)); --gh-ft-box24: 40px; --gv-ft-box24: 0px; max-width: calc(100% - (var(--gh-ft-box23) * 0)); }
@media screen and (max-width: 760px) { .ft-box24 { place-content: flex-start; align-items: flex-start; flex-direction: column; --gh-ft-box24: 0px; --gv-ft-box24: 40px; } }

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

/* ft-pic4:  */
.ft-pic4 { flex: 0 0 auto; height: 35px; width: 180px; max-width: 100%; }
.ft-pic4::before { background-repeat: no-repeat; background-size: 100% auto; }
@media screen and (max-width: 540px) { .ft-pic4 { flex: 0 0 auto; height: 28px; max-width: 100%; } }

/* ft-list10: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ft-list10 { place-content: center flex-start; align-items: center; display: flex; flex-flow: wrap; gap: 5px; padding: 0px; --gh-ft-list10: 5px; --gv-ft-list10: 5px; }
@media screen and (max-width: 1280px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }
@media screen and (max-width: 760px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }
@media screen and (max-width: 540px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }
@media screen and (max-width: 360px) { .ft-list10 { display: flex; --gh-ft-list10: 5px; --gv-ft-list10: 5px; } }

/* ft-item7: 強み */
.ft-item7 { place-content: center; align-items: center; flex-flow: column; padding: 0px; }

/* ft-link12: 強み */
.ft-link12 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }
.ft-link12:hover { opacity: 1; }

/* ft-txt21: 強み */
.ft-txt21 { color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', 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) { .ft-txt21 { font-size: 14px; } }

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

/* ft-link12: 強み */
.ft-link12:hover .ft-box26 { flex: 0 0 auto; width: 100%; max-width: 100%; }

/* ft-box27:  */
.ft-box27 { background: rgb(255, 255, 255); flex: 0 0 auto; height: 1px; margin: 0px; width: calc(100% - (var(--gh-ft-box23) * 0)); max-width: calc(100% - (var(--gh-ft-box23) * 0)); }

/* ft-box28: 運営会社 open_in_new プライバシーポリシー  */
.ft-box28 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row-reverse; gap: 32px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ft-box23) * 0)); --gh-ft-box28: 32px; --gv-ft-box28: 0px; max-width: calc(100% - (var(--gh-ft-box23) * 0)); }
@media screen and (max-width: 760px) { .ft-box28 { place-content: flex-start space-around; align-items: flex-start; flex-flow: column; gap: 24px; --gh-ft-box28: 0px; --gv-ft-box28: 24px; } }

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

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

/* ft-txt22: 運営会社 */
.ft-txt22 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', 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) { .ft-txt22 { font-size: 11px; } }

/* ft-icon8: open_in_new */
.ft-icon8 { color: rgb(255, 255, 255); font-size: 17px; }

/* ft-txt23: プライバシーポリシー */
.ft-txt23 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', 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) { .ft-txt23 { font-size: 11px; } }

/* ft-txt24: © shachosyukyaku 2026 */
.ft-txt24 { color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-feature-settings: "palt"; font-size: 12px; font-style: normal; font-weight: 300; 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) { .ft-txt24 { font-size: 11px; } }

/* ss-root: \ 社長！WEB社員は雇わないでください！ / 月額15, */
.ss-root { background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* ss-top-pic1: \ 社長！WEB社員は雇わないでください！ / 月額15, */
.ss-top-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); inset: auto; flex: 0 0 auto; flex-flow: column; height: auto; padding: 150px 0px 100px; position: relative; width: 100%; max-width: 100%; }
.ss-top-pic1::before { background-position: right center; background-repeat: repeat; }
@media screen and (max-width: 760px) { .ss-top-pic1 { padding: 150px 0px 70px; } }
@media screen and (max-width: 540px) { .ss-top-pic1 { padding: 120px 0px 70px; } }

/* ss-top-inner1:  */
.ss-top-inner1 { padding: 150px 0px 100px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
.ss-top-inner1::before { flex-direction: column; }
@media screen and (max-width: 760px) { .ss-top-inner1 { padding: 150px 0px 70px; flex-direction: column; } }
@media screen and (max-width: 540px) { .ss-top-inner1 { padding: 120px 0px 70px; flex-direction: column; } }

/* ss-top-box1: \ 社長！WEB社員は雇わないでください！ / 月額15, */
.ss-top-box1 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; gap: 0px; height: auto; margin: 0px 0px 50px; padding: 0px 30px; width: 100%; --gh-ss-top-box1: 0px; --gv-ss-top-box1: 0px; max-width: 100%; }
html.js .ss-top-box1: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-ss-top-box1: 0px; --gv-ss-top-box1: 0px; }
.ss-top-box1.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) { .ss-top-box1 { flex: 0 0 auto; margin: 0px 0px 50px; --gh-ss-top-box1: 0px; --gv-ss-top-box1: 0px; } }
@media screen and (max-width: 760px) { .ss-top-box1 { flex: 0 0 auto; margin: 0px 0px 50px; width: 100%; --gh-ss-top-box1: 0px; --gv-ss-top-box1: 0px; } }
@media screen and (max-width: 540px) { .ss-top-box1 { gap: 0px; --gh-ss-top-box1: 0px; --gv-ss-top-box1: 0px; } }

/* ss-top-box2: \ 社長！WEB社員は雇わないでください！ / 月額15, */
.ss-top-box2 { place-content: center flex-start; align-items: center; flex-wrap: nowrap; gap: 8px; margin: 0px 0px 10px; padding: 0px; --gh-ss-top-box2: 0px; --gv-ss-top-box2: 8px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-top-box2 { margin: 0px 0px 10px; --gh-ss-top-box2: 0px; --gv-ss-top-box2: 8px; } }

/* ss-top-txt1: \ 社長！WEB社員は雇わないでください！ / */
.ss-top-txt1 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-top-txt1 { font-size: 15px; } }
@media screen and (max-width: 360px) { .ss-top-txt1 { font-size: 13px; } }

/* ss-top-txt2: 月額15,000円〜で、アポが取れるHPを！ サブスク型WE */
.ss-top-txt2 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 50px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 760px) { .ss-top-txt2 { font-size: 35px; } }
@media screen and (max-width: 540px) { .ss-top-txt2 { font-size: 24px; } }
@media screen and (max-width: 360px) { .ss-top-txt2 { font-size: 20px; } }

/* ss-top-txt3: 初期費用無料・解約無料！オリジナルHP制作から、業務ツール連 */
.ss-top-txt3 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0.05em; line-height: 1.75; margin: 0px 0px 30px; text-align: center; width: calc(100% - (var(--gh-ss-top-box1) * 0)); max-width: calc(100% - (var(--gh-ss-top-box1) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .ss-top-txt3 { font-size: 13px; } }

/* ss-top-box3: まずは無料相談 keyboard_arrow_right */
.ss-top-box3 { place-content: flex-start center; align-items: flex-start; flex-flow: wrap; gap: 16px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ss-top-box1) * 0)); --gh-ss-top-box3: 16px; --gv-ss-top-box3: 16px; max-width: calc(100% - (var(--gh-ss-top-box1) * 0)); }
@media screen and (max-width: 1280px) { .ss-top-box3 { flex: 0 0 auto; height: 66px; width: calc(100% - (var(--gh-ss-top-box1) * 0)); --gh-ss-top-box3: 16px; --gv-ss-top-box3: 16px; max-width: calc(100% - (var(--gh-ss-top-box1) * 0)); } }
@media screen and (max-width: 540px) { .ss-top-box3 { flex-flow: wrap; gap: 5px; height: auto; --gh-ss-top-box3: 5px; --gv-ss-top-box3: 5px; width: calc(100% - (var(--gh-ss-top-box1) * 0)); max-width: calc(100% - (var(--gh-ss-top-box1) * 0)); } }

/* ss-top-link1: まずは無料相談 keyboard_arrow_right */
.ss-top-link1 { place-content: center space-between; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: 261px; --gh-ss-top-link1: 16px; --gv-ss-top-link1: 0px; max-width: 100%; --g-color-0: #e4c844ff; --g-position-0: 0%; --g-color-1: #ff3d40ff; --g-position-1: 100%; --g-color-2: #ff3d40ff; --g-position-2: 100%; --g-color-3: #ff3d40ff; --g-position-3: 100%; --g-color-4: #ff3d40ff; --g-position-4: 100%; --g-color-5: #ff3d40ff; --g-position-5: 100%; --g-color-6: #ff3d40ff; --g-position-6: 100%; --g-color-7: #ff3d40ff; --g-position-7: 100%; --g-color-8: #ff3d40ff; --g-position-8: 100%; --g-color-9: #ff3d40ff; --g-position-9: 100%; --g-color-10: #ff3d40ff; --g-position-10: 100%; --g-color-11: #ff3d40ff; --g-position-11: 100%; --g-angle: 270deg; }
.ss-top-link1:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); --gh-ss-top-link1: 16px; --gv-ss-top-link1: 0px; --g-color-0: #ffe672ff; --g-position-0: 0%; --g-color-1: #ff7275ff; --g-position-1: 100%; --g-color-2: #ff7275ff; --g-position-2: 100%; --g-color-3: #ff7275ff; --g-position-3: 100%; --g-color-4: #ff7275ff; --g-position-4: 100%; --g-color-5: #ff7275ff; --g-position-5: 100%; --g-color-6: #ff7275ff; --g-position-6: 100%; --g-color-7: #ff7275ff; --g-position-7: 100%; --g-color-8: #ff7275ff; --g-position-8: 100%; --g-color-9: #ff7275ff; --g-position-9: 100%; --g-color-10: #ff7275ff; --g-position-10: 100%; --g-color-11: #ff7275ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 1280px) { .ss-top-link1 { display: flex; --gh-ss-top-link1: 16px; --gv-ss-top-link1: 0px; } }
@media screen and (max-width: 760px) { .ss-top-link1 { display: flex; --gh-ss-top-link1: 16px; --gv-ss-top-link1: 0px; } }
@media screen and (max-width: 540px) { .ss-top-link1 { display: flex; flex: 0 0 auto; padding: 5px 5px 5px 50px; width: 220px; --gh-ss-top-link1: 16px; --gv-ss-top-link1: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ss-top-link1 { display: flex; --gh-ss-top-link1: 16px; --gv-ss-top-link1: 0px; } }

/* ss-top-txt4: まずは無料相談 */
.ss-top-txt4 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-top-link1: まずは無料相談 keyboard_arrow_right */
.ss-top-link1:hover .ss-top-txt4 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ss-top-txt4 { font-size: 13px; padding: 0px; } }

/* ss-top-icon1: keyboard_arrow_right */
.ss-top-icon1 { background: rgb(255, 255, 255); border-radius: 100px; color: #ff3900ff; font-size: 22px; padding: 12px; }

/* ss-top-link1: まずは無料相談 keyboard_arrow_right */
.ss-top-link1:hover .ss-top-icon1 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .ss-top-icon1 { font-size: 19px; } }

/* ss-top-link2: 実績一覧へ keyboard_arrow_right */
.ss-top-link2 { place-content: center space-between; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: 66px; padding: 10px 8px 10px 50px; width: 261px; --gh-ss-top-link2: 16px; --gv-ss-top-link2: 0px; max-width: 100%; }
.ss-top-link2:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); opacity: 1; --gh-ss-top-link2: 16px; --gv-ss-top-link2: 0px; --g-color-0: #58d0ebff; --g-position-0: 0%; --g-color-1: #667ffbff; --g-position-1: 100%; --g-color-2: #667ffbff; --g-position-2: 100%; --g-color-3: #667ffbff; --g-position-3: 100%; --g-color-4: #667ffbff; --g-position-4: 100%; --g-color-5: #667ffbff; --g-position-5: 100%; --g-color-6: #667ffbff; --g-position-6: 100%; --g-color-7: #667ffbff; --g-position-7: 100%; --g-color-8: #667ffbff; --g-position-8: 100%; --g-color-9: #667ffbff; --g-position-9: 100%; --g-color-10: #667ffbff; --g-position-10: 100%; --g-color-11: #667ffbff; --g-position-11: 100%; --g-angle: 90deg; }
@media screen and (max-width: 1280px) { .ss-top-link2 { display: flex; --gh-ss-top-link2: 16px; --gv-ss-top-link2: 0px; } }
@media screen and (max-width: 760px) { .ss-top-link2 { display: flex; --gh-ss-top-link2: 16px; --gv-ss-top-link2: 0px; } }
@media screen and (max-width: 540px) { .ss-top-link2 { display: flex; flex: 0 0 auto; height: auto; padding: 5px 5px 5px 50px; width: 220px; --gh-ss-top-link2: 16px; --gv-ss-top-link2: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ss-top-link2 { display: flex; --gh-ss-top-link2: 16px; --gv-ss-top-link2: 0px; } }

/* ss-top-txt5: 実績一覧へ */
.ss-top-txt5 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-top-link2: 実績一覧へ keyboard_arrow_right */
.ss-top-link2:hover .ss-top-txt5 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ss-top-txt5 { font-size: 13px; } }

/* ss-top-icon2: keyboard_arrow_right */
.ss-top-icon2 { background: rgb(255, 255, 255); border-radius: 100px; color: #0064d0ff; font-size: 22px; padding: 12px; }

/* ss-top-link2: 実績一覧へ keyboard_arrow_right */
.ss-top-link2:hover .ss-top-icon2 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .ss-top-icon2 { font-size: 19px; } }

/* ss-top-box4:  */
.ss-top-box4 { place-content: center; align-items: center; flex-flow: row; height: auto; overflow: hidden; transition-timing-function: cubic-bezier(0, 0, 0.99, 0.98); width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-top-box4 { height: auto; } }

/* ss-top-box5:  */
.ss-top-box5 { flex: 0 0 auto; flex-flow: column; height: auto; outline-offset: -4px; transform: var(--sd-4f0dda7a_002db97d_002d458d_002db716_002d11ad171be80f-transform); transition-property: transform; transition-timing-function: linear; width: 45%; will-change: transform; max-width: 45%; }
.ss-top-box5:focus { outline: none; }
.ss-top-box5:focus-visible { outline: black solid 2px; }
._animatingNext.ss-top-box5 { transform: translateX(-100%); }
._animatingPrev.ss-top-box5 { transform: translateX(100%); }
@media screen and (max-width: 540px) { .ss-top-box5 { flex: 0 0 auto; width: 75%; max-width: 75%; } }

/* ss-top-img1:  */
.ss-top-img1 { place-content: flex-start flex-end; align-items: flex-start; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; transition-timing-function: linear; width: 100%; z-index: -1; max-width: 100%; }

/* ss-top-box6:  */
.ss-top-box6 { display: none; flex-direction: row; gap: 0px; height: auto; width: 100%; --gh-ss-top-box6: 0px; --gv-ss-top-box6: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ss-top-box6 { display: none; --gh-ss-top-box6: 0px; --gv-ss-top-box6: 0px; } }
@media screen and (max-width: 760px) { .ss-top-box6 { display: none; --gh-ss-top-box6: 0px; --gv-ss-top-box6: 0px; } }
@media screen and (max-width: 540px) { .ss-top-box6 { display: none; --gh-ss-top-box6: 0px; --gv-ss-top-box6: 0px; } }
@media screen and (max-width: 360px) { .ss-top-box6 { display: none; --gh-ss-top-box6: 0px; --gv-ss-top-box6: 0px; } }

/* ss-top-img2:  */
.ss-top-img2 { place-content: center; align-items: center; background: rgba(240, 240, 240, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); max-width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); }
@media screen and (max-width: 540px) { .ss-top-img2 { flex: 0 0 auto; width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); max-width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); } }

/* ss-top-img3:  */
.ss-top-img3 { place-content: center; align-items: center; background: rgba(240, 240, 240, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); max-width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); }
@media screen and (max-width: 540px) { .ss-top-img3 { flex: 0 0 auto; width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); max-width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); } }

/* ss-top-img4:  */
.ss-top-img4 { place-content: center; align-items: center; background: rgba(240, 240, 240, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); max-width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); }
@media screen and (max-width: 540px) { .ss-top-img4 { flex: 0 0 auto; width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); max-width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); } }

/* ss-top-img5:  */
.ss-top-img5 { place-content: center; align-items: center; background: rgba(240, 240, 240, 0); border-radius: 8px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); max-width: calc(45% - (var(--gh-ss-top-box6) * 0.55)); }
@media screen and (max-width: 540px) { .ss-top-img5 { flex: 0 0 auto; width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); max-width: calc(50% - (var(--gh-ss-top-box6) * 0.5)); } }

/* ss-problem-sec1: PROBLEM こんな HP・見込み顧客の取りこぼし のお */
.ss-problem-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 100px 30px 60px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-problem-sec1 { padding: 70px 30px 60px; } }

/* ss-problem-inner1:  */
.ss-problem-inner1 { padding: 100px 30px 60px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-problem-inner1 { padding: 70px 30px 60px; flex-direction: column; } }

/* ss-problem-txt1: PROBLEM */
.ss-problem-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e49a; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-problem-rich1: こんな HP・見込み顧客の取りこぼし のお悩み、抱えていませ */
.ss-problem-rich1 { color: rgb(51, 51, 51); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 35px; text-align: left; width: auto; max-width: 100%; }
.ss-problem-rich1 em { color: rgb(0, 100, 208); font-size: 27px; font-style: normal; }
.ss-problem-rich1 > h2 { text-align: center; }
.ss-problem-rich1 > p { font-size: 16px; text-align: center; }
.ss-problem-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .ss-problem-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .ss-problem-rich1 > p { font-size: 14px; } }
@media screen and (max-width: 540px) { .ss-problem-rich1 strong { font-size: 16px; } }

/* ss-problem-box1: HPを作りたいが 初期費用数十万円は高すぎる 商談予約や資 */
.ss-problem-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 10px 55px; margin: 0px; padding: 0px; width: 100%; --gh-ss-problem-box1: 55px; --gv-ss-problem-box1: 10px; max-width: 100%; }
html.js .ss-problem-box1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-ss-problem-box1: 55px; --gv-ss-problem-box1: 10px; }
.ss-problem-box1.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 540px) { .ss-problem-box1 { gap: 20px 55px; --gh-ss-problem-box1: 55px; --gv-ss-problem-box1: 20px; } }

/* ss-problem-box2: HPを作りたいが 初期費用数十万円は高すぎる */
.ss-problem-box2 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ss-problem-box2: 0px; --gv-ss-problem-box2: 0px; }

/* ss-problem-img1:  */
.ss-problem-img1 { flex: 0 0 auto; height: auto; margin: 0px 0px 15px; width: 230px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-problem-img1 { margin: 0px; max-width: 100%; } }

/* ss-problem-txt2: HPを作りたいが 初期費用数十万円は高すぎる */
.ss-problem-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 500; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-problem-box3: 商談予約や資料請求の対応が遅れて 他社に流れている */
.ss-problem-box3 { place-content: center flex-end; align-items: center; flex-flow: column; gap: 0px; height: 300px; padding: 0px; width: auto; --gh-ss-problem-box3: 0px; --gv-ss-problem-box3: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-problem-box3 { place-content: center; align-items: center; gap: 20px 0px; --gh-ss-problem-box3: 0px; --gv-ss-problem-box3: 20px; } }

/* ss-problem-img2:  */
.ss-problem-img2 { flex: 0 0 auto; height: auto; margin: 0px 0px 50px; width: 230px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-problem-img2 { margin: 0px; max-width: 100%; } }

/* ss-problem-txt3: 商談予約や資料請求の対応が遅れて 他社に流れている */
.ss-problem-txt3 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 500; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-problem-box4: 問い合わせメールを見逃して 顧客を取りこぼしている */
.ss-problem-box4 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ss-problem-box4: 0px; --gv-ss-problem-box4: 0px; }
@media screen and (max-width: 540px) { .ss-problem-box4 { gap: 0px; --gh-ss-problem-box4: 0px; --gv-ss-problem-box4: 0px; } }

/* ss-problem-img3:  */
.ss-problem-img3 { flex: 0 0 auto; height: auto; margin: 0px 0px 15px; width: 230px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-problem-img3 { margin: 0px; max-width: 100%; } }

/* ss-problem-txt4: 問い合わせメールを見逃して 顧客を取りこぼしている */
.ss-problem-txt4 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 500; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-problem-box5: 情報が古いHPで 新規顧客を逃している */
.ss-problem-box5 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ss-problem-box5: 0px; --gv-ss-problem-box5: 0px; }
@media screen and (max-width: 540px) { .ss-problem-box5 { gap: 0px; --gh-ss-problem-box5: 0px; --gv-ss-problem-box5: 0px; } }

/* ss-problem-img4:  */
.ss-problem-img4 { flex: 0 0 auto; height: auto; margin: 0px 0px 15px; width: 230px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-problem-img4 { margin: 0px; max-width: 100%; } }

/* ss-problem-txt5: 情報が古いHPで 新規顧客を逃している */
.ss-problem-txt5 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 500; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-problem-icon1:  */
.ss-problem-icon1 { color: rgb(255, 57, 0); font-size: 40px; margin: 60px 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-problem-icon1 { margin: 40px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-problem-icon1 { margin: 40px 0px; } }

/* ss-problem-txt6: そのお悩み、 */
.ss-problem-txt6 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-problem-txt6 { margin: 0px 0px 5px; max-width: 100%; } }

/* ss-problem-box6: ＼ でまるっと解決！ ／ */
.ss-problem-box6 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: row; margin: 0px 0px 20px; padding: 0px; width: 100%; max-width: 100%; }
html.js .ss-problem-box6:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
.ss-problem-box6.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-problem-box6 { flex: 0 0 auto; width: 85%; max-width: 85%; } }
@media screen and (max-width: 540px) { .ss-problem-box6 { flex: 0 0 auto; height: auto; margin: 0px 0px 10px; width: 100%; max-width: 100%; } }

/* ss-problem-txt7: ＼ */
.ss-problem-txt7 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 35px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 30px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 30px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-problem-txt7 { margin: 0px 15px 0px 0px; max-width: calc(100% - 15px); } }
@media screen and (max-width: 540px) { .ss-problem-txt7 { font-size: 25px; margin: 0px 10px 0px 0px; max-width: calc(100% - 10px); } }

/* ss-problem-img5:  */
.ss-problem-img5 { flex: 0 0 auto; height: auto; margin: 0px 10px 0px 0px; width: 280px; max-width: calc(100% - 10px); }
@media screen and (max-width: 760px) { .ss-problem-img5 { flex: 0 0 auto; width: 230px; max-width: calc(100% - 10px); } }
@media screen and (max-width: 540px) { .ss-problem-img5 { flex: 0 0 auto; margin: 0px 5px 0px 0px; width: 130px; max-width: calc(100% - 5px); } }

/* ss-problem-txt8: でまるっと解決！ */
.ss-problem-txt8 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 33px; font-weight: 700; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-problem-txt8 { font-size: 25px; } }
@media screen and (max-width: 540px) { .ss-problem-txt8 { font-size: 18px; } }

/* ss-problem-txt9: ／ */
.ss-problem-txt9 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 35px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 0px 15px; text-align: left; width: auto; max-width: calc(100% - 15px); justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-problem-txt9 { margin: 0px 0px 0px 10px; max-width: calc(100% - 10px); } }
@media screen and (max-width: 540px) { .ss-problem-txt9 { font-size: 25px; margin: 0px; max-width: 100%; } }

/* ss-problem-txt10: 見込み顧客の取りこぼしをまるごと解消。社長はコア業務だけに集 */
.ss-problem-txt10 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
html.js .ss-problem-txt10:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
.ss-problem-txt10.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }

/* ss-problem-img6:  */
.ss-problem-img6 { inset: auto auto -20px 245px; display: flex; height: 179px; padding: 0px; position: absolute; width: 179px; z-index: 2; max-width: 100%; }
@media screen and (max-width: 1280px) { .ss-problem-img6 { display: none; } }
@media screen and (max-width: 760px) { .ss-problem-img6 { display: none; } }
@media screen and (max-width: 540px) { .ss-problem-img6 { display: none; } }
@media screen and (max-width: 360px) { .ss-problem-img6 { display: none; } }

/* ss-problem-txt11:  */
.ss-problem-txt11 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-feature-pic1: FEATURE 他社には真似できない、2つの圧倒的な強み */
.ss-feature-pic1 { place-content: center flex-start; align-items: center; background: #0064d0ff; border-radius: 50px; flex-flow: column; gap: 0px; height: auto; margin: 0px; padding: 100px 30px; width: 100%; --gh-ss-feature-pic1: 0px; --gv-ss-feature-pic1: 0px; max-width: 100%; }
.ss-feature-pic1::before { background-position: left center; background-size: cover; --gh-ss-feature-pic1: 0px; --gv-ss-feature-pic1: 0px; }
@media screen and (max-width: 540px) { .ss-feature-pic1 { border-radius: 30px; padding: 70px 20px; --gh-ss-feature-pic1: 0px; --gv-ss-feature-pic1: 0px; } }

/* ss-feature-inner1:  */
.ss-feature-inner1 { padding: 100px 30px; width: calc(100% - (var(--gh-ss-feature-pic1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-ss-feature-pic1: 0px; --gv-ss-feature-pic1: 0px; max-width: calc(100% - (var(--gh-ss-feature-pic1) * 0)); }
.ss-feature-inner1::before { flex-direction: column; --gh-ss-feature-pic1: 0px; --gv-ss-feature-pic1: 0px; }
@media screen and (max-width: 540px) { .ss-feature-inner1 { padding: 70px 20px; flex-direction: column; --gh-ss-feature-pic1: 0px; --gv-ss-feature-pic1: 0px; } }

/* ss-feature-txt1: FEATURE */
.ss-feature-txt1 { color: transparent; flex: 0 0 auto; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 500; height: 18px; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); background-clip: text; -webkit-background-clip: text; }

/* ss-feature-rich1: 他社には真似できない、2つの圧倒的な強み */
.ss-feature-rich1 { color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px; text-align: left; width: 600px; max-width: 100%; }
.ss-feature-rich1 em { color: #0064d0ff; font-size: 27px; font-style: normal; }
.ss-feature-rich1 > h2 { text-align: center; }
.ss-feature-rich1 > p { color: rgb(0, 0, 0); font-size: 16px; text-align: center; }
.ss-feature-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .ss-feature-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .ss-feature-rich1 strong { font-size: 16px; } }

/* ss-feature-txt2: テンプレなしのオリジナルデザインと、業務ツールと繋がる自動化 */
.ss-feature-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-feature-box1: FEATURE 01 現役デザイナーによる AIでは作れな */
.ss-feature-box1 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 30px; padding: 0px; --gh-ss-feature-box1: 0px; --gv-ss-feature-box1: 30px; }

/* ss-feature-box2: FEATURE 01 現役デザイナーによる AIでは作れな */
.ss-feature-box2 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0.95); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px; flex: 0 0 auto; flex-flow: wrap; gap: 88px; padding: 20px 40px; width: calc(80% - (var(--gh-ss-feature-box1) * 0.2)); --gh-ss-feature-box2: 88px; --gv-ss-feature-box2: 88px; max-width: calc(80% - (var(--gh-ss-feature-box1) * 0.2)); }
@media screen and (max-width: 1280px) { .ss-feature-box2 { gap: 70px; padding: 20px 40px; --gh-ss-feature-box2: 70px; --gv-ss-feature-box2: 70px; } }
@media screen and (max-width: 760px) { .ss-feature-box2 { gap: 10px; padding: 40px; --gh-ss-feature-box2: 10px; --gv-ss-feature-box2: 10px; } }
@media screen and (max-width: 540px) { .ss-feature-box2 { flex: 0 0 auto; padding: 30px; width: calc(100% - (var(--gh-ss-feature-box1) * 0)); --gh-ss-feature-box2: 88px; --gv-ss-feature-box2: 88px; max-width: calc(100% - (var(--gh-ss-feature-box1) * 0)); } }

/* ss-feature-box3: FEATURE 01 現役デザイナーによる AIでは作れな */
.ss-feature-box3 { place-content: flex-start; align-items: flex-start; border-bottom: 0px solid #0064d0ff; border-left: 3px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; flex: 0 0 auto; flex-flow: column; padding: 0px 0px 0px 30px; width: calc(42% - (var(--gh-ss-feature-box2) * 0.58)); max-width: calc(42% - (var(--gh-ss-feature-box2) * 0.58)); }
@media screen and (max-width: 1280px) { .ss-feature-box3 { flex: 0 0 auto; width: calc(45% - (var(--gh-ss-feature-box2) * 0.55)); max-width: calc(45% - (var(--gh-ss-feature-box2) * 0.55)); } }
@media screen and (max-width: 760px) { .ss-feature-box3 { flex: 0 0 auto; width: calc(100% - (var(--gh-ss-feature-box2) * 0)); max-width: calc(100% - (var(--gh-ss-feature-box2) * 0)); } }

/* ss-feature-txt3: FEATURE 01 */
.ss-feature-txt3 { color: #0064d0ff; font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 5px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-feature-txt4: 現役デザイナーによる AIでは作れない本物のデザイン */
.ss-feature-txt4 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 23px; font-weight: 800; height: auto; 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) { .ss-feature-txt4 { font-size: 20px; } }

/* ss-feature-txt5: 他のサブスク制作会社やAIツールで作れる程度のHPは、正直今 */
.ss-feature-txt5 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-feature-img1:  */
.ss-feature-img1 { flex: 0 0 auto; height: auto; width: 400px; max-width: 100%; }
html.js .ss-feature-img1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
.ss-feature-img1.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .ss-feature-img1 { flex: 0 0 auto; width: calc(45% - (var(--gh-ss-feature-box2) * 0.55)); max-width: calc(45% - (var(--gh-ss-feature-box2) * 0.55)); } }
@media screen and (max-width: 760px) { .ss-feature-img1 { flex: 0 0 auto; width: 350px; max-width: 100%; } }

/* ss-feature-box4: FEATURE 02 見込み顧客の取りこぼしを防ぐ 業務ツ */
.ss-feature-box4 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0.95); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 20px 0px; flex: 0 0 auto; flex-flow: wrap; gap: 88px; padding: 20px 40px; width: calc(80% - (var(--gh-ss-feature-box1) * 0.2)); --gh-ss-feature-box4: 88px; --gv-ss-feature-box4: 88px; max-width: calc(80% - (var(--gh-ss-feature-box1) * 0.2)); }
@media screen and (max-width: 1280px) { .ss-feature-box4 { gap: 70px; --gh-ss-feature-box4: 70px; --gv-ss-feature-box4: 70px; } }
@media screen and (max-width: 760px) { .ss-feature-box4 { gap: 30px; padding: 40px; --gh-ss-feature-box4: 30px; --gv-ss-feature-box4: 30px; } }
@media screen and (max-width: 540px) { .ss-feature-box4 { flex: 0 0 auto; padding: 30px; width: calc(100% - (var(--gh-ss-feature-box1) * 0)); --gh-ss-feature-box4: 88px; --gv-ss-feature-box4: 88px; max-width: calc(100% - (var(--gh-ss-feature-box1) * 0)); } }

/* ss-feature-box5: FEATURE 02見込み顧客の取りこぼしを防ぐ業務ツールと */
.ss-feature-box5 { place-content: flex-start; align-items: flex-start; border-bottom: 0px solid #ff3900ff; border-left: 3px solid #ff3900ff; border-right: 0px solid #ff3900ff; border-top: 0px solid #ff3900ff; display: none; flex: 0 0 auto; flex-flow: column; padding: 0px 0px 0px 30px; width: calc(42% - (var(--gh-ss-feature-box4) * 0.58)); max-width: calc(42% - (var(--gh-ss-feature-box4) * 0.58)); }
@media screen and (max-width: 1280px) { .ss-feature-box5 { display: none; flex: 0 0 auto; width: calc(45% - (var(--gh-ss-feature-box4) * 0.55)); max-width: calc(45% - (var(--gh-ss-feature-box4) * 0.55)); } }
@media screen and (max-width: 760px) { .ss-feature-box5 { display: flex; flex: 0 0 auto; width: calc(100% - (var(--gh-ss-feature-box4) * 0)); max-width: calc(100% - (var(--gh-ss-feature-box4) * 0)); } }
@media screen and (max-width: 540px) { .ss-feature-box5 { display: flex; } }
@media screen and (max-width: 360px) { .ss-feature-box5 { display: flex; } }

/* ss-feature-txt6: FEATURE 02 */
.ss-feature-txt6 { color: #ff3900ff; font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 5px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-feature-txt7: 見込み顧客の取りこぼしを防ぐ業務ツールと繋がるHP設計 */
.ss-feature-txt7 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 23px; font-weight: 800; height: auto; 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) { .ss-feature-txt7 { font-size: 20px; } }

/* ss-feature-txt8: 予約フォームはGoogleカレンダーに自動連携、問い合わせは */
.ss-feature-txt8 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-feature-img2:  */
.ss-feature-img2 { flex: 0 0 auto; height: auto; width: 400px; max-width: 100%; }
html.js .ss-feature-img2:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
.ss-feature-img2.in-active { transition-delay: 500ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .ss-feature-img2 { flex: 0 0 auto; width: calc(45% - (var(--gh-ss-feature-box4) * 0.55)); max-width: calc(45% - (var(--gh-ss-feature-box4) * 0.55)); } }
@media screen and (max-width: 760px) { .ss-feature-img2 { flex: 0 0 auto; width: 350px; max-width: 100%; } }

/* ss-feature-box6: FEATURE 02 見込み顧客の取りこぼしを防ぐ 業務ツ */
.ss-feature-box6 { place-content: flex-start; align-items: flex-start; border-bottom: 0px solid #ff3900ff; border-left: 3px solid #ff3900ff; border-right: 0px solid #ff3900ff; border-top: 0px solid #ff3900ff; display: flex; flex: 0 0 auto; flex-flow: column; padding: 0px 0px 0px 30px; width: calc(42% - (var(--gh-ss-feature-box4) * 0.58)); max-width: calc(42% - (var(--gh-ss-feature-box4) * 0.58)); }
@media screen and (max-width: 1280px) { .ss-feature-box6 { display: flex; flex: 0 0 auto; width: calc(45% - (var(--gh-ss-feature-box4) * 0.55)); max-width: calc(45% - (var(--gh-ss-feature-box4) * 0.55)); } }
@media screen and (max-width: 760px) { .ss-feature-box6 { display: none; flex: 0 0 auto; width: calc(100% - (var(--gh-ss-feature-box4) * 0)); max-width: calc(100% - (var(--gh-ss-feature-box4) * 0)); } }
@media screen and (max-width: 540px) { .ss-feature-box6 { display: none; } }
@media screen and (max-width: 360px) { .ss-feature-box6 { display: none; } }

/* ss-feature-txt9: FEATURE 02 */
.ss-feature-txt9 { color: #ff3900ff; font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 5px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-feature-txt10: 見込み顧客の取りこぼしを防ぐ 業務ツールと繋がるHP設計 */
.ss-feature-txt10 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 23px; font-weight: 800; height: auto; 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) { .ss-feature-txt10 { font-size: 20px; } }

/* ss-feature-txt11: 商談予約フォームはGoogleカレンダーに自動連携、問い合わ */
.ss-feature-txt11 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 400; height: auto; line-height: 1.6; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-solution-sec1: SOLUTION HPが変わると、見込み顧客の取りこぼし */
.ss-solution-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }

/* ss-solution-inner1:  */
.ss-solution-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }

/* ss-solution-txt1: SOLUTION */
.ss-solution-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e4ff; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-solution-rich1: HPが変わると、見込み顧客の取りこぼしがなくなる */
.ss-solution-rich1 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px; text-align: left; width: 600px; max-width: 100%; }
.ss-solution-rich1 em { color: #0064d0ff; font-size: 27px; font-style: normal; }
.ss-solution-rich1 > h2 { text-align: center; }
.ss-solution-rich1 > p { font-size: 16px; text-align: center; }
.ss-solution-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .ss-solution-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .ss-solution-rich1 strong { font-size: 16px; } }

/* ss-solution-txt2: 業務ツール連携で、見込み顧客を確実にアポへ。 */
.ss-solution-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-box1: BEFORE 商談予約フォームがなく 機会損失 問い合 */
.ss-solution-box1 { place-content: center flex-start; align-items: center; flex-flow: column; padding: 0px; }

/* ss-solution-box2: BEFORE */
.ss-solution-box2 { place-content: center; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 20px 0px; flex-flow: column; height: 37px; translate: 0px 15px; width: 172px; z-index: 2; max-width: 100%; }

/* ss-solution-txt3: BEFORE */
.ss-solution-txt3 { color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-solution-box3: 商談予約フォームがなく 機会損失 問い合わせに気づけず 対 */
.ss-solution-box3 { place-content: center; align-items: center; background: rgba(245, 250, 255, 0.95); border-radius: 20px; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 20px 0px; flex-flow: wrap; gap: 88px; height: auto; padding: 40px; width: 1200px; --gh-ss-solution-box3: 88px; --gv-ss-solution-box3: 88px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ss-solution-box3 { gap: 70px; padding: 20px 40px; --gh-ss-solution-box3: 70px; --gv-ss-solution-box3: 70px; } }
@media screen and (max-width: 760px) { .ss-solution-box3 { gap: 10px; padding: 40px; --gh-ss-solution-box3: 10px; --gv-ss-solution-box3: 10px; } }
@media screen and (max-width: 540px) { .ss-solution-box3 { flex: 0 0 auto; padding: 30px; width: 100%; --gh-ss-solution-box3: 88px; --gv-ss-solution-box3: 88px; max-width: 100%; } }

/* ss-solution-box4: 商談予約フォームがなく 機会損失 問い合わせに気づけず 対 */
.ss-solution-box4 { place-content: center; align-items: center; flex-flow: wrap; gap: 10px 15px; padding: 0px; --gh-ss-solution-box4: 15px; --gv-ss-solution-box4: 10px; }

/* ss-solution-box5: 商談予約フォームがなく 機会損失 */
.ss-solution-box5 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box5: 0px; --gv-ss-solution-box5: 0px; max-width: 100%; }

/* ss-solution-pic1:  */
.ss-solution-pic1 { flex: 0 0 auto; height: 115px; margin: 0px 0px 15px; mix-blend-mode: multiply; width: 135px; max-width: 100%; }
.ss-solution-pic1::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt4: 商談予約フォームがなく 機会損失 */
.ss-solution-txt4 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: rgb(0, 100, 208); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-box6: 問い合わせに気づけず 対応が遅れる */
.ss-solution-box6 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box6: 0px; --gv-ss-solution-box6: 0px; max-width: 100%; }

/* ss-solution-pic2:  */
.ss-solution-pic2 { flex: 0 0 auto; height: 120px; margin: 0px 0px 15px; mix-blend-mode: multiply; width: 150px; max-width: 100%; }
.ss-solution-pic2::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt5: 問い合わせに気づけず 対応が遅れる */
.ss-solution-txt5 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-box7: 日程調整のメール往復に 時間がかかる */
.ss-solution-box7 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box7: 0px; --gv-ss-solution-box7: 0px; max-width: 100%; }

/* ss-solution-pic3:  */
.ss-solution-pic3 { flex: 0 0 auto; height: 118px; margin: 0px 0px 15px; mix-blend-mode: multiply; width: 130px; max-width: 100%; }
.ss-solution-pic3::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt6: 日程調整のメール往復に 時間がかかる */
.ss-solution-txt6 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-box8: 情報が古いままで 不信感を与える */
.ss-solution-box8 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box8: 0px; --gv-ss-solution-box8: 0px; max-width: 100%; }

/* ss-solution-pic4:  */
.ss-solution-pic4 { flex: 0 0 auto; height: 110px; margin: 0px 0px 15px; mix-blend-mode: multiply; translate: 10px; width: 150px; max-width: 100%; }
.ss-solution-pic4::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt7: 情報が古いままで 不信感を与える */
.ss-solution-txt7 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-icon1:  */
.ss-solution-icon1 { color: rgb(255, 57, 0); font-size: 40px; margin: 50px 0px 40px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-solution-icon1 { margin: 40px 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-solution-icon1 { margin: 40px 0px; } }

/* ss-solution-box9: AFTER フォーム設置で 24時間受付可能に！ Ch */
.ss-solution-box9 { place-content: center flex-start; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ss-solution-box9: 0px; --gv-ss-solution-box9: 0px; }

/* ss-solution-box10: AFTER */
.ss-solution-box10 { place-content: center; align-items: center; background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.15) 2px 2px 20px 0px; flex-flow: column; height: 37px; translate: 0px 15px; width: 172px; z-index: 2; max-width: 100%; }

/* ss-solution-txt8: AFTER */
.ss-solution-txt8 { color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-solution-box11: フォーム設置で 24時間受付可能に！ Chatwork/S */
.ss-solution-box11 { place-content: center; align-items: center; background: rgba(255, 251, 249, 0.95); border-radius: 20px; box-shadow: rgba(255, 57, 0, 0.15) 0px 0px 20px 0px; flex-flow: wrap; gap: 88px; height: auto; padding: 40px; width: 1200px; --gh-ss-solution-box11: 88px; --gv-ss-solution-box11: 88px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ss-solution-box11 { gap: 70px; padding: 20px 40px; --gh-ss-solution-box11: 70px; --gv-ss-solution-box11: 70px; } }
@media screen and (max-width: 760px) { .ss-solution-box11 { gap: 10px; padding: 40px; --gh-ss-solution-box11: 10px; --gv-ss-solution-box11: 10px; } }
@media screen and (max-width: 540px) { .ss-solution-box11 { flex: 0 0 auto; padding: 30px; width: calc(100% - (var(--gh-ss-solution-box9) * 0)); --gh-ss-solution-box11: 88px; --gv-ss-solution-box11: 88px; max-width: calc(100% - (var(--gh-ss-solution-box9) * 0)); } }

/* ss-solution-box12: フォーム設置で 24時間受付可能に！ Chatwork/S */
.ss-solution-box12 { place-content: center; align-items: center; flex-flow: wrap; gap: 10px 15px; padding: 0px; --gh-ss-solution-box12: 15px; --gv-ss-solution-box12: 10px; }

/* ss-solution-box13: フォーム設置で 24時間受付可能に！ */
.ss-solution-box13 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box13: 0px; --gv-ss-solution-box13: 0px; max-width: 100%; }

/* ss-solution-pic5:  */
.ss-solution-pic5 { flex: 0 0 auto; height: 110px; margin: 0px 0px 15px; mix-blend-mode: multiply; width: 146px; max-width: 100%; }
.ss-solution-pic5::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt9: フォーム設置で 24時間受付可能に！ */
.ss-solution-txt9 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: rgb(255, 57, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-box14: Chatwork/Slack通知で 対応漏れゼロ！ */
.ss-solution-box14 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box14: 0px; --gv-ss-solution-box14: 0px; max-width: 100%; }

/* ss-solution-pic6:  */
.ss-solution-pic6 { flex: 0 0 auto; height: 96px; margin: 0px 0px 15px; mix-blend-mode: multiply; width: 150px; max-width: 100%; }
.ss-solution-pic6::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt10: Chatwork/Slack通知で 対応漏れゼロ！ */
.ss-solution-txt10 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-box15: カレンダー連動で 日程調整の手間ゼロ！ */
.ss-solution-box15 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box15: 0px; --gv-ss-solution-box15: 0px; max-width: 100%; }

/* ss-solution-pic7:  */
.ss-solution-pic7 { flex: 0 0 auto; height: 89px; margin: 0px 0px 15px; mix-blend-mode: multiply; width: 142px; max-width: 100%; }
.ss-solution-pic7::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt11: カレンダー連動で 日程調整の手間ゼロ！ */
.ss-solution-txt11 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-solution-box16: 更新代行も無制限で 情報を鮮度良く！ */
.ss-solution-box16 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 215px; margin: 0px; padding: 20px; position: relative; width: 250px; --gh-ss-solution-box16: 0px; --gv-ss-solution-box16: 0px; max-width: 100%; }

/* ss-solution-pic8:  */
.ss-solution-pic8 { flex: 0 0 auto; height: 110px; margin: 0px 0px 15px; mix-blend-mode: multiply; width: 170px; max-width: 100%; }
.ss-solution-pic8::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-solution-txt12: 更新代行も無制限で 情報を鮮度良く！ */
.ss-solution-txt12 { border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: center; translate: 0px -3px; width: auto; max-width: 100%; justify-content: center; }

/* ss-service-sec1: SERVICE これが全部コミコミ！月額15,000円〜 */
.ss-service-sec1 { place-content: center flex-start; align-items: center; background: rgb(241, 246, 249); flex-flow: column; gap: 0px; height: auto; padding: 100px 30px; width: 100%; --gh-ss-service-sec1: 0px; --gv-ss-service-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-service-sec1 { padding: 70px 30px; --gh-ss-service-sec1: 0px; --gv-ss-service-sec1: 0px; } }

/* ss-service-inner1:  */
.ss-service-inner1 { padding: 100px 30px; width: calc(100% - (var(--gh-ss-service-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-ss-service-sec1: 0px; --gv-ss-service-sec1: 0px; max-width: calc(100% - (var(--gh-ss-service-sec1) * 0)); }
@media screen and (max-width: 540px) { .ss-service-inner1 { padding: 70px 30px; flex-direction: column; --gh-ss-service-sec1: 0px; --gv-ss-service-sec1: 0px; } }

/* ss-service-txt1: SERVICE */
.ss-service-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e4ff; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-service-rich1: これが全部コミコミ！月額15,000円〜 のサービス内容 */
.ss-service-rich1 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px; text-align: left; width: 600px; max-width: 100%; }
.ss-service-rich1 em { color: #0064d0ff; font-size: 27px; font-style: normal; }
.ss-service-rich1 > h2 { text-align: center; }
.ss-service-rich1 > p { font-size: 16px; text-align: center; }
.ss-service-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .ss-service-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .ss-service-rich1 strong { font-size: 16px; } }

/* ss-service-txt2: HP制作から業務ツール連携まで、必要なものが全部そろったサー */
.ss-service-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-service-box1: SERVICE 01 オリジナルHPをまるっと制作 現役 */
.ss-service-box1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 10px; margin: 0px 0px 50px; padding: 0px; width: calc(100% - (var(--gh-ss-service-sec1) * 0)); --gh-ss-service-box1: 10px; --gv-ss-service-box1: 10px; max-width: calc(100% - (var(--gh-ss-service-sec1) * 0)); }

/* ss-service-box2: SERVICE 01 オリジナルHPをまるっと制作 現役 */
.ss-service-box2 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-bottom: 0px solid #ff3900ff; border-left: 0px solid #ff3900ff; border-radius: 20px; border-right: 0px solid #ff3900ff; border-top: 0px solid #ff3900ff; box-shadow: rgba(0, 100, 208, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 30px; width: 400px; max-width: 100%; }
html.js .ss-service-box2:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 300ms; transition-timing-function: ease-in-out; }
.ss-service-box2.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-service-box2 { flex: 0 0 auto; width: 335px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-service-box2 { height: auto; width: 400px; max-width: 100%; } }

/* ss-service-txt3: SERVICE 01 */
.ss-service-txt3 { color: rgb(0, 100, 208); font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-service-txt4: オリジナルHPをまるっと制作 */
.ss-service-txt4 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-service-pic1:  */
.ss-service-pic1 { height: 200px; margin: 0px 0px 20px; width: 200px; max-width: 100%; }

/* ss-service-list1: 現役デザイナーによるオリジナルデザイン制作 ※ノーコードツ */
.ss-service-list1 { gap: 8px; height: auto; padding: 0px; width: auto; --gh-ss-service-list1: 0px; --gv-ss-service-list1: 8px; max-width: 100%; }

/* ss-service-item1: 現役デザイナーによるオリジナルデザイン制作 ※ノーコードツ */
.ss-service-item1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-ss-service-list1) * 0)); --gh-ss-service-item1: 8px; --gv-ss-service-item1: 0px; max-width: calc(100% - (var(--gh-ss-service-list1) * 0)); }

/* ss-service-box3:  */
.ss-service-box3 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 0px; --gh-ss-service-box3: 8px; --gv-ss-service-box3: 0px; }

/* ss-service-icon1:  */
.ss-service-icon1 { color: #0064d0ff; font-size: 12px; }

/* ss-service-box4: 現役デザイナーによるオリジナルデザイン制作 ※ノーコードツ */
.ss-service-box4 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; }

/* ss-service-txt5: 現役デザイナーによるオリジナルデザイン制作 */
.ss-service-txt5 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-service-txt5 { flex: 0 0 auto; height: auto; margin: 0px; width: 220px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-service-txt5 { font-size: 14px; } }

/* ss-service-txt6: ※ノーコードツールStudioを使用して作成 */
.ss-service-txt6 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-service-txt6 { font-size: 14px; } }

/* ss-service-box5: SERVICE 02 HPで業務を自動化・効率化 商談 */
.ss-service-box5 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-bottom: 0px solid #ff3900ff; border-left: 0px solid #ff3900ff; border-radius: 20px; border-right: 0px solid #ff3900ff; border-top: 0px solid #ff3900ff; box-shadow: rgba(255, 57, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 30px; width: 400px; max-width: 100%; }
html.js .ss-service-box5:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; }
.ss-service-box5.in-active { transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-service-box5 { flex: 0 0 auto; width: 335px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-service-box5 { height: auto; width: 400px; max-width: 100%; } }

/* ss-service-txt7: SERVICE 02 */
.ss-service-txt7 { color: #ff3900ff; font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px; padding: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-service-txt8: HPで業務を自動化・効率化 */
.ss-service-txt8 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-service-pic2:  */
.ss-service-pic2 { flex: 0 0 auto; height: 190px; margin: 0px 0px 40px; width: 200px; max-width: 100%; }

/* ss-service-list2: 商談予約フォーム × Googleカレンダー自動連携 問い */
.ss-service-list2 { gap: 8px; height: auto; padding: 0px; width: auto; --gh-ss-service-list2: 0px; --gv-ss-service-list2: 8px; max-width: 100%; }

/* ss-service-item2: 商談予約フォーム × Googleカレンダー自動連携 */
.ss-service-item2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-ss-service-list2) * 0)); --gh-ss-service-item2: 8px; --gv-ss-service-item2: 0px; max-width: calc(100% - (var(--gh-ss-service-list2) * 0)); }
@media screen and (max-width: 760px) { .ss-service-item2 { padding: 0px; --gh-ss-service-item2: 8px; --gv-ss-service-item2: 0px; } }

/* ss-service-box6:  */
.ss-service-box6 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 0px; --gh-ss-service-box6: 8px; --gv-ss-service-box6: 0px; }

/* ss-service-icon2:  */
.ss-service-icon2 { color: #ff3900ff; font-size: 12px; }

/* ss-service-box7: 商談予約フォーム × Googleカレンダー自動連携 */
.ss-service-box7 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; }

/* ss-service-txt9: 商談予約フォーム × Googleカレンダー自動連携 */
.ss-service-txt9 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-service-txt9 { flex: 0 0 auto; height: auto; margin: 0px; width: 255px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-service-txt9 { font-size: 14px; } }

/* ss-service-txt10:  */
.ss-service-txt10 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-service-txt10 { flex: 0 0 auto; height: auto; width: 255px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-service-txt10 { font-size: 14px; } }

/* ss-service-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-service-link1 { place-content: center space-between; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: 330px; --gh-ss-service-link1: 16px; --gv-ss-service-link1: 0px; max-width: 100%; }
.ss-service-link1:hover { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); opacity: 0.8; --gh-ss-service-link1: 16px; --gv-ss-service-link1: 0px; }
@media screen and (max-width: 1280px) { .ss-service-link1 { display: flex; --gh-ss-service-link1: 16px; --gv-ss-service-link1: 0px; } }
@media screen and (max-width: 760px) { .ss-service-link1 { display: flex; --gh-ss-service-link1: 16px; --gv-ss-service-link1: 0px; } }
@media screen and (max-width: 540px) { .ss-service-link1 { display: flex; --gh-ss-service-link1: 16px; --gv-ss-service-link1: 0px; } }
@media screen and (max-width: 360px) { .ss-service-link1 { display: flex; --gh-ss-service-link1: 16px; --gv-ss-service-link1: 0px; } }

/* ss-service-txt11: まずはお気軽に無料相談！ */
.ss-service-txt11 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-service-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-service-link1:hover .ss-service-txt11 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ss-service-txt11 { font-size: 14px; } }

/* ss-service-icon3: keyboard_arrow_right */
.ss-service-icon3 { background: rgb(255, 255, 255); border-radius: 100px; color: #0064d0ff; font-size: 22px; padding: 12px; }

/* ss-service-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-service-link1:hover .ss-service-icon3 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* ss-works-sec1: WORKS 制作実績 2026.09.09 株式会社常 */
.ss-works-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; flex-flow: column; gap: 0px; height: auto; padding: 100px 30px; width: 100%; --gh-ss-works-sec1: 0px; --gv-ss-works-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-works-sec1 { gap: 0px; padding: 70px 30px; --gh-ss-works-sec1: 0px; --gv-ss-works-sec1: 0px; } }

/* ss-works-inner1:  */
.ss-works-inner1 { padding: 100px 30px; width: calc(100% - (var(--gh-ss-works-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-ss-works-sec1: 0px; --gv-ss-works-sec1: 0px; max-width: calc(100% - (var(--gh-ss-works-sec1) * 0)); }
@media screen and (max-width: 540px) { .ss-works-inner1 { padding: 70px 30px; flex-direction: column; gap: 0px; --gh-ss-works-sec1: 0px; --gv-ss-works-sec1: 0px; } }

/* ss-works-txt1: WORKS */
.ss-works-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e49a; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-works-txt2: 制作実績 */
.ss-works-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 27px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-works-txt2 { font-size: 24px; } }

/* ss-works-box1: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.ss-works-box1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 15px; margin: 0px 0px 50px; width: calc(100% - (var(--gh-ss-works-sec1) * 0)); --gh-ss-works-box1: 15px; --gv-ss-works-box1: 15px; max-width: calc(100% - (var(--gh-ss-works-sec1) * 0)); }
html.js .ss-works-box1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-ss-works-box1: 15px; --gv-ss-works-box1: 15px; }
.ss-works-box1.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .ss-works-box1 { gap: 16px; --gh-ss-works-box1: 16px; --gv-ss-works-box1: 16px; } }

/* ss-works-box2: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.ss-works-box2 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 100, 208, 0.2) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 15px; height: calc(100% - (var(--gv-ss-works-box1) * 0)); padding: 0px 0px 10px; width: 245px; --gh-ss-works-box2: 0px; --gv-ss-works-box2: 15px; max-width: 100%; }
.ss-works-box2:hover { translate: 0px -10px; --gh-ss-works-box2: 0px; --gv-ss-works-box2: 15px; }
@media screen and (max-width: 760px) { .ss-works-box2 { flex-direction: column; overflow: hidden auto; --gh-ss-works-box2: 0px; --gv-ss-works-box2: 15px; } }
@media screen and (max-width: 540px) { .ss-works-box2 { height: auto; overflow: hidden auto; width: calc(100% - (var(--gh-ss-works-box1) * 0)); --gh-ss-works-box2: 0px; --gv-ss-works-box2: 15px; max-width: calc(100% - (var(--gh-ss-works-box1) * 0)); } }

/* ss-works-pic1:  */
.ss-works-pic1 { border-radius: 8px 8px 0px 0px; flex: 0 0 auto; height: 150px; width: calc(100% - (var(--gh-ss-works-box2) * 0)); max-width: calc(100% - (var(--gh-ss-works-box2) * 0)); }
.ss-works-pic1::before { background-position: center top; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 1280px) { .ss-works-pic1::before { background-repeat: no-repeat; background-size: cover; } }
@media screen and (max-width: 760px) { .ss-works-pic1 { border-radius: 8px 8px 0px 0px; flex: 0 0 auto; height: 150px; width: 100%; } }

/* ss-works-box3: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.ss-works-box3 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; height: auto; padding: 0px 20px; width: calc(100% - (var(--gh-ss-works-box2) * 0)); max-width: calc(100% - (var(--gh-ss-works-box2) * 0)); }
@media screen and (max-width: 760px) { .ss-works-box3 { flex-direction: row; } }

/* ss-works-box4: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.ss-works-box4 { align-content: flex-start; align-items: flex-start; flex: 1 1 0%; gap: 5px; height: auto; margin: 0px 15px 0px 0px; padding: 0px; --gh-ss-works-box4: 0px; --gv-ss-works-box4: 5px; max-width: calc(100% - 15px); }

/* ss-works-txt3: 2026.09.09 */
.ss-works-txt3 { color: rgb(182, 182, 182); font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 400; }
@media screen and (max-width: 760px) { .ss-works-txt3 { font-size: 10px; } }

/* ss-works-txt4: 株式会社常陸自動車コーポレートサイト */
.ss-works-txt4 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: left; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-works-txt4 { font-size: 17px; } }

/* ss-works-txt5: サイトを見る */
.ss-works-txt5 { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 5px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px; text-align: center; width: 215px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-works-txt5 { flex: 0 0 auto; height: auto; width: calc(95% - (var(--gh-ss-works-box2) * 0.04999999999999995)); max-width: calc(95% - (var(--gh-ss-works-box2) * 0.04999999999999995)); } }

/* ss-works-link1: 実績一覧へ keyboard_arrow_right */
.ss-works-link1 { place-content: center space-between; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: 66px; padding: 10px 8px 10px 50px; width: 330px; --gh-ss-works-link1: 16px; --gv-ss-works-link1: 0px; max-width: 100%; }
.ss-works-link1:hover { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); opacity: 0.8; --gh-ss-works-link1: 16px; --gv-ss-works-link1: 0px; }
@media screen and (max-width: 1280px) { .ss-works-link1 { display: flex; --gh-ss-works-link1: 16px; --gv-ss-works-link1: 0px; } }
@media screen and (max-width: 760px) { .ss-works-link1 { display: flex; --gh-ss-works-link1: 16px; --gv-ss-works-link1: 0px; } }
@media screen and (max-width: 540px) { .ss-works-link1 { display: flex; --gh-ss-works-link1: 16px; --gv-ss-works-link1: 0px; } }
@media screen and (max-width: 360px) { .ss-works-link1 { display: flex; --gh-ss-works-link1: 16px; --gv-ss-works-link1: 0px; } }

/* ss-works-txt6: 実績一覧へ */
.ss-works-txt6 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-works-link1: 実績一覧へ keyboard_arrow_right */
.ss-works-link1:hover .ss-works-txt6 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ss-works-txt6 { font-size: 14px; } }

/* ss-works-icon1: keyboard_arrow_right */
.ss-works-icon1 { background: rgb(255, 255, 255); border-radius: 100px; color: #0064d0ff; font-size: 22px; padding: 12px; }

/* ss-works-link1: 実績一覧へ keyboard_arrow_right */
.ss-works-link1:hover .ss-works-icon1 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* ss-price-sec1: PRICE 料金プラン ライトプランとスタンダードプラン */
.ss-price-sec1 { place-content: center flex-start; align-items: center; background: rgb(241, 246, 249); border-radius: 50px; flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-price-sec1 { border-radius: 30px; padding: 70px 30px; } }

/* ss-price-inner1:  */
.ss-price-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-price-inner1 { padding: 70px 30px; flex-direction: column; } }

/* ss-price-txt1: PRICE */
.ss-price-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); background-clip: text; -webkit-background-clip: text; }

/* ss-price-txt2: 料金プラン */
.ss-price-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 27px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-price-txt2 { font-size: 24px; } }

/* ss-price-txt3: ライトプランとスタンダードプラン。事業規模に合わせて選べる、 */
.ss-price-txt3 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-price-img1:  */
.ss-price-img1 { inset: auto 179px 64px auto; display: flex; height: 274px; position: absolute; width: 274px; z-index: 1; max-width: 100%; }
@media screen and (max-width: 1280px) { .ss-price-img1 { display: flex; } }
@media screen and (max-width: 760px) { .ss-price-img1 { display: none; } }
@media screen and (max-width: 540px) { .ss-price-img1 { display: none; } }
@media screen and (max-width: 360px) { .ss-price-img1 { display: none; } }

/* ss-price-box1: 初期費用 無料 解約 無料 紹介で月額最大 無料 */
.ss-price-box1 { place-content: flex-end center; align-items: flex-end; flex-flow: row; gap: 20px; margin: 0px 0px 50px; padding: 0px; --gh-ss-price-box1: 20px; --gv-ss-price-box1: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-price-box1 { flex: 0 0 auto; gap: 10px; width: 85.5263%; --gh-ss-price-box1: 10px; --gv-ss-price-box1: 0px; max-width: 85.5263%; } }
@media screen and (max-width: 540px) { .ss-price-box1 { flex: 0 0 auto; gap: 13px; width: 80%; --gh-ss-price-box1: 13px; --gv-ss-price-box1: 0px; max-width: 80%; } }
@media screen and (max-width: 360px) { .ss-price-box1 { flex: 0 0 auto; gap: 8px; height: auto; width: 100%; --gh-ss-price-box1: 8px; --gv-ss-price-box1: 0px; max-width: 100%; } }

/* ss-price-img2:  */
.ss-price-img2 { flex: 0 0 auto; height: auto; width: 40px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-price-img2 { flex: 0 0 auto; width: 30px; max-width: 100%; } }

/* ss-price-box2: 初期費用 無料 解約 無料 紹介で月額最大 無料 */
.ss-price-box2 { place-content: center; align-items: center; flex-flow: row; gap: 0px 10px; padding: 0px; --gh-ss-price-box2: 10px; --gv-ss-price-box2: 0px; }
@media screen and (max-width: 760px) { .ss-price-box2 { gap: 0px; --gh-ss-price-box2: 0px; --gv-ss-price-box2: 0px; } }

/* ss-price-pic1: 初期費用 無料 */
.ss-price-pic1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: 170px; width: 170px; --gh-ss-price-pic1: 0px; --gv-ss-price-pic1: 0px; max-width: 100%; }
html.js .ss-price-pic1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-duration: 500ms; transition-timing-function: ease-in-out; }
.ss-price-pic1.in-active { transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-price-pic1 { flex: 0 0 auto; gap: 0px; height: 140px; width: 140px; --gh-ss-price-pic1: 0px; --gv-ss-price-pic1: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-price-pic1 { flex: 0 0 auto; height: 100px; width: 100px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ss-price-pic1 { flex: 0 0 auto; height: 90px; width: 90px; max-width: 100%; } }

/* ss-price-txt4: 初期費用 */
.ss-price-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; gap: 0px; height: auto; letter-spacing: normal; line-height: 1.3; margin: 0px 0px 5px; text-align: left; text-decoration: none; width: auto; --gh-ss-price-txt4: 0px; --gv-ss-price-txt4: 0px; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-price-txt4 { font-size: 12px; --gh-ss-price-txt4: 0px; --gv-ss-price-txt4: 0px; } }
@media screen and (max-width: 540px) { .ss-price-txt4 { font-size: 10px; --gh-ss-price-txt4: 0px; --gv-ss-price-txt4: 0px; } }

/* ss-price-txt5: 無料 */
.ss-price-txt5 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 35px; font-weight: 700; height: auto; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-price-txt5 { font-size: 30px; } }
@media screen and (max-width: 540px) { .ss-price-txt5 { font-size: 20px; } }

/* ss-price-pic2: 解約 無料 */
.ss-price-pic2 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 170px; width: 170px; --gh-ss-price-pic2: 0px; --gv-ss-price-pic2: 0px; max-width: 100%; }
html.js .ss-price-pic2:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-ss-price-pic2: 0px; --gv-ss-price-pic2: 0px; }
.ss-price-pic2.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-price-pic2 { flex: 0 0 auto; height: 140px; width: 140px; --gh-ss-price-pic2: 0px; --gv-ss-price-pic2: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-price-pic2 { flex: 0 0 auto; height: 100px; width: 100px; --gh-ss-price-pic2: 0px; --gv-ss-price-pic2: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ss-price-pic2 { flex: 0 0 auto; height: 90px; width: 90px; --gh-ss-price-pic2: 0px; --gv-ss-price-pic2: 0px; max-width: 100%; } }

/* ss-price-txt6: 解約 */
.ss-price-txt6 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 0px 0px 5px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-price-txt6 { font-size: 12px; } }
@media screen and (max-width: 540px) { .ss-price-txt6 { font-size: 10px; } }

/* ss-price-txt7: 無料 */
.ss-price-txt7 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 35px; font-weight: 700; height: auto; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-price-txt7 { font-size: 30px; } }
@media screen and (max-width: 540px) { .ss-price-txt7 { font-size: 20px; } }

/* ss-price-pic3: 紹介で月額最大 無料 */
.ss-price-pic3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; height: 170px; width: 170px; max-width: 100%; }
html.js .ss-price-pic3:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 600ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
.ss-price-pic3.in-active { transition-delay: 600ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-price-pic3 { flex: 0 0 auto; height: 140px; width: 140px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-price-pic3 { flex: 0 0 auto; height: 100px; width: 100px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ss-price-pic3 { flex: 0 0 auto; height: 90px; width: 90px; max-width: 100%; } }

/* ss-price-txt8: 紹介で月額最大 */
.ss-price-txt8 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 0px 0px 5px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 760px) { .ss-price-txt8 { font-size: 12px; } }
@media screen and (max-width: 540px) { .ss-price-txt8 { font-size: 10px; } }

/* ss-price-rich1: 無料 */
.ss-price-rich1 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: 600px; max-width: 100%; }
.ss-price-rich1 em { font-size: 35px; font-style: normal; }
.ss-price-rich1 > p { margin: 0px; }
.ss-price-rich1 strong { color: rgb(255, 255, 255); }
@media screen and (max-width: 760px) { .ss-price-rich1 em { font-size: 30px; } }
@media screen and (max-width: 760px) { .ss-price-rich1 strong { font-size: 13px; } }
@media screen and (max-width: 540px) { .ss-price-rich1 em { font-size: 20px; } }
@media screen and (max-width: 540px) { .ss-price-rich1 strong { font-size: 11px; } }

/* ss-price-img3:  */
.ss-price-img3 { flex: 0 0 auto; height: auto; width: 40px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-price-img3 { flex: 0 0 auto; width: 30px; max-width: 100%; } }

/* ss-price-box3: 1ページでシンプルに、まずはHPを持ちたい方に ライトプラ */
.ss-price-box3 { place-content: center; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 60px; height: auto; margin: 0px 0px 50px; padding: 0px; width: 1280px; --gh-ss-price-box3: 0px; --gv-ss-price-box3: 60px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-price-box3 { flex-flow: column; --gh-ss-price-box3: 0px; --gv-ss-price-box3: 60px; } }

/* ss-price-box4: 1ページでシンプルに、まずはHPを持ちたい方に ライトプラ */
.ss-price-box4 { place-content: stretch center; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 40px 25px; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ss-price-box3) * 0)); --gh-ss-price-box4: 25px; --gv-ss-price-box4: 40px; max-width: calc(100% - (var(--gh-ss-price-box3) * 0)); }
html.js .ss-price-box4:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 900ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-ss-price-box4: 25px; --gv-ss-price-box4: 40px; }
.ss-price-box4.in-active { transition-delay: 900ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 760px) { .ss-price-box4 { align-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; width: 640px; --gh-ss-price-box4: 0px; --gv-ss-price-box4: 40px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-price-box4 { flex: 0 0 auto; width: calc(100% - (var(--gh-ss-price-box3) * 0)); --gh-ss-price-box4: 25px; --gv-ss-price-box4: 40px; max-width: calc(100% - (var(--gh-ss-price-box3) * 0)); } }

/* ss-price-box5: 1ページでシンプルに、まずはHPを持ちたい方に ライトプラ */
.ss-price-box5 { place-content: center stretch; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: calc(100% - (var(--gv-ss-price-box4) * 0)); padding: 0px; width: 390px; --gh-ss-price-box5: 0px; --gv-ss-price-box5: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-price-box5 { flex-direction: column; --gh-ss-price-box5: 0px; --gv-ss-price-box5: 0px; } }
@media screen and (max-width: 540px) { .ss-price-box5 { flex: 0 0 auto; padding: 0px; width: 400px; --gh-ss-price-box5: 0px; --gv-ss-price-box5: 0px; max-width: 100%; height: calc(100% - (var(--gv-ss-price-box4) * 0)); } }

/* ss-price-box6: 1ページでシンプルに、まずはHPを持ちたい方に ライトプラ */
.ss-price-box6 { place-content: center; align-items: center; background: #ff3900ff; border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 90px; width: calc(100% - (var(--gh-ss-price-box5) * 0)); max-width: calc(100% - (var(--gh-ss-price-box5) * 0)); }

/* ss-price-txt9: 1ページでシンプルに、まずはHPを持ちたい方に */
.ss-price-txt9 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.3; margin: 0px 0px 5px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt9 { font-size: 14px; } }

/* ss-price-box7: ライトプラン */
.ss-price-box7 { place-content: center flex-start; align-items: center; flex-flow: column-reverse; gap: 10px; padding: 0px; --gh-ss-price-box7: 0px; --gv-ss-price-box7: 10px; }
@media screen and (max-width: 760px) { .ss-price-box7 { flex-flow: column-reverse; --gh-ss-price-box7: 0px; --gv-ss-price-box7: 10px; } }

/* ss-price-txt10: ライトプラン */
.ss-price-txt10 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 23px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-price-txt10 { font-size: 16px; } }

/* ss-price-box8: 月額 15,000 円 (税込) 年間一括払いで1ヶ月 */
.ss-price-box8 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-bottom: 2px solid #ff3900ff; border-left: 2px solid #ff3900ff; border-radius: 0px 0px 20px 20px; border-right: 2px solid #ff3900ff; border-top: 2px solid #ff3900ff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 35px 60px; width: calc(100% - (var(--gh-ss-price-box5) * 0)); --gh-ss-price-box8: 0px; --gv-ss-price-box8: 0px; max-width: calc(100% - (var(--gh-ss-price-box5) * 0)); }
@media screen and (max-width: 1280px) { .ss-price-box8 { padding: 35px 60px; --gh-ss-price-box8: 0px; --gv-ss-price-box8: 0px; } }
@media screen and (max-width: 760px) { .ss-price-box8 { border-width: 1px 0px; border-style: solid; border-color: rgb(230, 230, 230); flex: 0 0 auto; flex-direction: column; padding: 35px 50px; width: 100%; --gh-ss-price-box8: 0px; --gv-ss-price-box8: 0px; } }
@media screen and (max-width: 540px) { .ss-price-box8 { gap: 0px; padding: 40px; --gh-ss-price-box8: 0px; --gv-ss-price-box8: 0px; } }

/* ss-price-box9: 月額 15,000 円 (税込) */
.ss-price-box9 { place-content: flex-end center; align-items: flex-end; border-bottom: 0px solid #ff3900ff; border-left: 0px solid #ff3900ff; border-right: 0px solid #ff3900ff; border-top: 0px solid #ff3900ff; flex-flow: row; gap: 8px; margin: 0px 0px 5px; padding: 0px 0px 10px; --gh-ss-price-box9: 8px; --gv-ss-price-box9: 0px; max-width: 100%; }

/* ss-price-txt11: 月額 */
.ss-price-txt11 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 4px 0px 0px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt11 { font-size: 14px; } }

/* ss-price-txt12: 15,000 */
.ss-price-txt12 { color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 45px; font-weight: 700; height: auto; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt12 { font-size: 35px; } }

/* ss-price-txt13: 円 (税込) */
.ss-price-txt13 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 4px 0px 0px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt13 { font-size: 14px; } }

/* ss-price-rich2: 年間一括払いで1ヶ月分無料！ */
.ss-price-rich2 { background: #ff3900ff; border-radius: 3px; color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 20px; padding: 5px 10px; text-align: left; width: auto; max-width: 100%; }
.ss-price-rich2 > p { font-size: 13px; font-weight: 800; margin: 0px; text-align: center; }
.ss-price-rich2 strong { color: rgb(255, 255, 255); font-size: 16px; font-weight: 900; }

/* ss-price-box10: 開業したばかりの方、個人事業主・一人経営者の方におすすめです */
.ss-price-box10 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 25px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ss-price-box8) * 0)); --gh-ss-price-box10: 0px; --gv-ss-price-box10: 25px; max-width: calc(100% - (var(--gh-ss-price-box8) * 0)); }
@media screen and (max-width: 760px) { .ss-price-box10 { flex-direction: column; --gh-ss-price-box10: 0px; --gv-ss-price-box10: 25px; } }

/* ss-price-txt14: 開業したばかりの方、個人事業主・一人経営者の方におすすめです */
.ss-price-txt14 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: center; width: calc(100% - (var(--gh-ss-price-box10) * 0)); max-width: calc(100% - (var(--gh-ss-price-box10) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .ss-price-txt14 { font-size: 14px; } }

/* ss-price-list1: オリジナルデザイン制作 (1P) ※ブログ機能は含まない  */
.ss-price-list1 { gap: 8px; height: auto; padding: 0px; width: auto; --gh-ss-price-list1: 0px; --gv-ss-price-list1: 8px; max-width: 100%; }

/* ss-price-item1: オリジナルデザイン制作 (1P) ※ブログ機能は含まない */
.ss-price-item1 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-ss-price-list1) * 0)); --gh-ss-price-item1: 8px; --gv-ss-price-item1: 0px; max-width: calc(100% - (var(--gh-ss-price-list1) * 0)); }

/* ss-price-box11:  */
.ss-price-box11 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 0px; --gh-ss-price-box11: 8px; --gv-ss-price-box11: 0px; }

/* ss-price-icon1:  */
.ss-price-icon1 { color: #ff3900ff; font-size: 12px; }

/* ss-price-box12: オリジナルデザイン制作 (1P) ※ブログ機能は含まない */
.ss-price-box12 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; }

/* ss-price-txt15: オリジナルデザイン制作 (1P) */
.ss-price-txt15 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt15 { font-size: 14px; } }

/* ss-price-txt16: ※ブログ機能は含まない */
.ss-price-txt16 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt16 { font-size: 14px; } }

/* ss-price-box13: しっかりHPで語りたい方、ブログ更新も任せたい方に スタン */
.ss-price-box13 { place-content: center stretch; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: 390px; --gh-ss-price-box13: 0px; --gv-ss-price-box13: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-price-box13 { flex-direction: column; --gh-ss-price-box13: 0px; --gv-ss-price-box13: 0px; } }
@media screen and (max-width: 540px) { .ss-price-box13 { flex: 0 0 auto; padding: 0px; width: 400px; --gh-ss-price-box13: 0px; --gv-ss-price-box13: 0px; max-width: 100%; } }

/* ss-price-box14: しっかりHPで語りたい方、ブログ更新も任せたい方に スタン */
.ss-price-box14 { place-content: center; align-items: center; background: rgb(0, 100, 208); border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 90px; width: calc(100% - (var(--gh-ss-price-box13) * 0)); max-width: calc(100% - (var(--gh-ss-price-box13) * 0)); }

/* ss-price-txt17: しっかりHPで語りたい方、ブログ更新も任せたい方に */
.ss-price-txt17 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 13px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.3; margin: 0px 0px 5px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt17 { font-size: 14px; } }

/* ss-price-box15: スタンダードプラン */
.ss-price-box15 { place-content: center flex-start; align-items: center; flex-flow: column-reverse; gap: 10px; padding: 0px; --gh-ss-price-box15: 0px; --gv-ss-price-box15: 10px; }
@media screen and (max-width: 760px) { .ss-price-box15 { flex-flow: column-reverse; --gh-ss-price-box15: 0px; --gv-ss-price-box15: 10px; } }

/* ss-price-txt18: スタンダードプラン */
.ss-price-txt18 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 23px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-price-txt18 { font-size: 16px; } }

/* ss-price-box16: 月額 30,000 円 (税込) 年間一括払いで1ヶ月 */
.ss-price-box16 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-bottom: 2px solid #0064d0ff; border-left: 2px solid #0064d0ff; border-radius: 0px 0px 20px 20px; border-right: 2px solid #0064d0ff; border-top: 2px solid #0064d0ff; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 35px 60px; width: calc(100% - (var(--gh-ss-price-box13) * 0)); --gh-ss-price-box16: 0px; --gv-ss-price-box16: 0px; max-width: calc(100% - (var(--gh-ss-price-box13) * 0)); }
@media screen and (max-width: 1280px) { .ss-price-box16 { padding: 35px 60px; --gh-ss-price-box16: 0px; --gv-ss-price-box16: 0px; } }
@media screen and (max-width: 760px) { .ss-price-box16 { border-width: 1px 0px; border-style: solid; border-color: rgb(230, 230, 230); flex: 0 0 auto; flex-direction: column; padding: 35px 50px; width: 100%; --gh-ss-price-box16: 0px; --gv-ss-price-box16: 0px; } }
@media screen and (max-width: 540px) { .ss-price-box16 { gap: 0px; padding: 40px; --gh-ss-price-box16: 0px; --gv-ss-price-box16: 0px; } }

/* ss-price-box17: 月額 30,000 円 (税込) */
.ss-price-box17 { place-content: flex-end center; align-items: flex-end; border-bottom: 0px solid #ff3900ff; border-left: 0px solid #ff3900ff; border-right: 0px solid #ff3900ff; border-top: 0px solid #ff3900ff; flex-flow: row; gap: 8px; margin: 0px 0px 5px; padding: 0px 0px 10px; --gh-ss-price-box17: 8px; --gv-ss-price-box17: 0px; max-width: 100%; }

/* ss-price-txt19: 月額 */
.ss-price-txt19 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 4px 0px 0px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt19 { font-size: 14px; } }

/* ss-price-txt20: 30,000 */
.ss-price-txt20 { color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 45px; font-weight: 700; height: auto; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt20 { font-size: 35px; } }

/* ss-price-txt21: 円 (税込) */
.ss-price-txt21 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 4px 0px 0px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt21 { font-size: 14px; } }

/* ss-price-rich3: 年間一括払いで1ヶ月分無料！ */
.ss-price-rich3 { background: #0064d0ff; border-radius: 3px; color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 20px; padding: 5px 10px; text-align: left; width: auto; max-width: 100%; }
.ss-price-rich3 > p { font-size: 13px; font-weight: 800; margin: 0px; text-align: center; }
.ss-price-rich3 strong { color: rgb(255, 255, 255); font-size: 16px; font-weight: 900; }

/* ss-price-box18: 複数事業や店舗をお持ちの方、ブログ運用で継続的に情報発信した */
.ss-price-box18 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 25px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ss-price-box16) * 0)); --gh-ss-price-box18: 0px; --gv-ss-price-box18: 25px; max-width: calc(100% - (var(--gh-ss-price-box16) * 0)); }
@media screen and (max-width: 760px) { .ss-price-box18 { flex-direction: column; --gh-ss-price-box18: 0px; --gv-ss-price-box18: 25px; } }

/* ss-price-txt22: 複数事業や店舗をお持ちの方、ブログ運用で継続的に情報発信した */
.ss-price-txt22 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: center; width: calc(100% - (var(--gh-ss-price-box18) * 0)); max-width: calc(100% - (var(--gh-ss-price-box18) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .ss-price-txt22 { font-size: 14px; } }

/* ss-price-list2: オリジナルデザイン制作 (7P) ページ追加:10,000 */
.ss-price-list2 { gap: 8px; height: auto; padding: 0px; width: auto; --gh-ss-price-list2: 0px; --gv-ss-price-list2: 8px; max-width: 100%; }

/* ss-price-item2: オリジナルデザイン制作 (7P) */
.ss-price-item2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-ss-price-list2) * 0)); --gh-ss-price-item2: 8px; --gv-ss-price-item2: 0px; max-width: calc(100% - (var(--gh-ss-price-list2) * 0)); }

/* ss-price-box19:  */
.ss-price-box19 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 0px; --gh-ss-price-box19: 8px; --gv-ss-price-box19: 0px; }

/* ss-price-icon2:  */
.ss-price-icon2 { color: #0064d0ff; font-size: 12px; }

/* ss-price-box20: オリジナルデザイン制作 (7P) */
.ss-price-box20 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; }

/* ss-price-txt23: オリジナルデザイン制作 (7P) */
.ss-price-txt23 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt23 { font-size: 14px; } }

/* ss-price-txt24:  */
.ss-price-txt24 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt24 { font-size: 14px; } }

/* ss-price-box21: OPTION 営業資料オプション 月額 10,000  */
.ss-price-box21 { place-content: center stretch; align-items: center; display: flex; flex: 0 0 auto; flex-flow: column; gap: 0px; margin: 0px 0px 50px; padding: 0px; width: 390px; --gh-ss-price-box21: 0px; --gv-ss-price-box21: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ss-price-box21 { display: flex; --gh-ss-price-box21: 0px; --gv-ss-price-box21: 0px; } }
@media screen and (max-width: 760px) { .ss-price-box21 { display: flex; flex-direction: column; --gh-ss-price-box21: 0px; --gv-ss-price-box21: 0px; } }
@media screen and (max-width: 540px) { .ss-price-box21 { display: flex; flex: 0 0 auto; padding: 0px; width: 400px; --gh-ss-price-box21: 0px; --gv-ss-price-box21: 0px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ss-price-box21 { display: flex; --gh-ss-price-box21: 0px; --gv-ss-price-box21: 0px; } }

/* ss-price-box22: OPTION 営業資料オプション */
.ss-price-box22 { place-content: center; align-items: center; background: #23dbcbff; border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 90px; width: calc(100% - (var(--gh-ss-price-box21) * 0)); max-width: calc(100% - (var(--gh-ss-price-box21) * 0)); }

/* ss-price-txt25: OPTION */
.ss-price-txt25 { background: #23dbcbff; border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 8px 30px; text-align: left; translate: 0px -27px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-price-box23: 営業資料オプション */
.ss-price-box23 { place-content: center flex-start; align-items: center; flex-flow: column-reverse; gap: 10px; padding: 0px; translate: 0px -13px; --gh-ss-price-box23: 0px; --gv-ss-price-box23: 10px; }
@media screen and (max-width: 760px) { .ss-price-box23 { flex-flow: column-reverse; --gh-ss-price-box23: 0px; --gv-ss-price-box23: 10px; } }

/* ss-price-txt26: 営業資料オプション */
.ss-price-txt26 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 23px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-price-txt26 { font-size: 16px; } }

/* ss-price-box24: 月額 10,000 円 (税込) 年間一括払いで1ヶ月 */
.ss-price-box24 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 0px 0px 20px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex-flow: column; gap: 0px; height: auto; padding: 35px 60px; width: calc(100% - (var(--gh-ss-price-box21) * 0)); --gh-ss-price-box24: 0px; --gv-ss-price-box24: 0px; max-width: calc(100% - (var(--gh-ss-price-box21) * 0)); }
@media screen and (max-width: 1280px) { .ss-price-box24 { padding: 35px 60px; --gh-ss-price-box24: 0px; --gv-ss-price-box24: 0px; } }
@media screen and (max-width: 760px) { .ss-price-box24 { border-width: 1px 0px; border-style: solid; border-color: rgb(230, 230, 230); flex: 0 0 auto; flex-direction: column; padding: 35px 60px; width: 100%; --gh-ss-price-box24: 0px; --gv-ss-price-box24: 0px; } }
@media screen and (max-width: 540px) { .ss-price-box24 { padding: 40px; --gh-ss-price-box24: 0px; --gv-ss-price-box24: 0px; } }

/* ss-price-box25: 月額 10,000 円 (税込) */
.ss-price-box25 { place-content: flex-end center; align-items: flex-end; border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; flex-flow: row; gap: 8px; margin: 0px; padding: 0px 0px 10px; --gh-ss-price-box25: 8px; --gv-ss-price-box25: 0px; max-width: 100%; }

/* ss-price-txt27: 月額 */
.ss-price-txt27 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 4px 0px 0px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt27 { font-size: 14px; } }

/* ss-price-txt28: 10,000 */
.ss-price-txt28 { color: #23dbcbff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 45px; font-weight: 700; height: auto; line-height: 1; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt28 { font-size: 35px; } }

/* ss-price-txt29: 円 (税込) */
.ss-price-txt29 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.3; margin: 4px 0px 0px; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt29 { font-size: 14px; } }

/* ss-price-rich4: 年間一括払いで1ヶ月分無料！ */
.ss-price-rich4 { background: #23dbcbff; border-radius: 3px; color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 20px; padding: 5px 10px; text-align: left; width: auto; max-width: 100%; }
.ss-price-rich4 > p { font-size: 13px; font-weight: 800; margin: 0px; text-align: center; }
.ss-price-rich4 strong { color: rgb(255, 255, 255); font-size: 16px; font-weight: 900; }

/* ss-price-box26: 「営業資料そろそろ作り直したい」と思っていた方に。+10,0 */
.ss-price-box26 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 35px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ss-price-box24) * 0)); --gh-ss-price-box26: 0px; --gv-ss-price-box26: 35px; max-width: calc(100% - (var(--gh-ss-price-box24) * 0)); }
@media screen and (max-width: 760px) { .ss-price-box26 { flex-direction: column; --gh-ss-price-box26: 0px; --gv-ss-price-box26: 35px; } }

/* ss-price-txt30: 「営業資料そろそろ作り直したい」と思っていた方に。+10,0 */
.ss-price-txt30 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: center; width: calc(100% - (var(--gh-ss-price-box26) * 0)); max-width: calc(100% - (var(--gh-ss-price-box26) * 0)); justify-content: center; }
@media screen and (max-width: 540px) { .ss-price-txt30 { font-size: 14px; } }

/* ss-price-list3: 営業資料作成（10P以内） ページ追加 1,000円/P  */
.ss-price-list3 { gap: 8px; height: auto; padding: 0px; width: auto; --gh-ss-price-list3: 0px; --gv-ss-price-list3: 8px; max-width: 100%; }

/* ss-price-item3: 営業資料作成（10P以内） */
.ss-price-item3 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-ss-price-list3) * 0)); --gh-ss-price-item3: 8px; --gv-ss-price-item3: 0px; max-width: calc(100% - (var(--gh-ss-price-list3) * 0)); }

/* ss-price-box27:  */
.ss-price-box27 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 0px; --gh-ss-price-box27: 8px; --gv-ss-price-box27: 0px; }

/* ss-price-icon3:  */
.ss-price-icon3 { color: #23dbcbff; font-size: 12px; }

/* ss-price-box28: 営業資料作成（10P以内） */
.ss-price-box28 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; }

/* ss-price-txt31: 営業資料作成（10P以内） */
.ss-price-txt31 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt31 { font-size: 14px; } }

/* ss-price-txt32:  */
.ss-price-txt32 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-price-txt32 { font-size: 14px; } }

/* ss-price-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-price-link1 { place-content: center space-between; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: 330px; --gh-ss-price-link1: 16px; --gv-ss-price-link1: 0px; max-width: 100%; }
.ss-price-link1:hover { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); opacity: 0.8; --gh-ss-price-link1: 16px; --gv-ss-price-link1: 0px; }
@media screen and (max-width: 1280px) { .ss-price-link1 { display: flex; --gh-ss-price-link1: 16px; --gv-ss-price-link1: 0px; } }
@media screen and (max-width: 760px) { .ss-price-link1 { display: flex; --gh-ss-price-link1: 16px; --gv-ss-price-link1: 0px; } }
@media screen and (max-width: 540px) { .ss-price-link1 { display: flex; --gh-ss-price-link1: 16px; --gv-ss-price-link1: 0px; } }
@media screen and (max-width: 360px) { .ss-price-link1 { display: flex; --gh-ss-price-link1: 16px; --gv-ss-price-link1: 0px; } }

/* ss-price-txt33: まずはお気軽に無料相談！ */
.ss-price-txt33 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-price-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-price-link1:hover .ss-price-txt33 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ss-price-txt33 { font-size: 14px; } }

/* ss-price-icon4: keyboard_arrow_right */
.ss-price-icon4 { background: rgb(255, 255, 255); border-radius: 100px; color: #0064d0ff; font-size: 22px; padding: 12px; }

/* ss-price-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-price-link1:hover .ss-price-icon4 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* ss-campaign-sec1: CAMPAIGN ご紹介キャンペーン & グループ契約特典 */
.ss-campaign-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }

/* ss-campaign-inner1:  */
.ss-campaign-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }

/* ss-campaign-txt1: CAMPAIGN */
.ss-campaign-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); background-clip: text; -webkit-background-clip: text; }

/* ss-campaign-txt2: ご紹介キャンペーン & グループ契約特典 */
.ss-campaign-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 27px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-campaign-txt2 { font-size: 24px; } }

/* ss-campaign-txt3: ご紹介やグループでのご契約で、月額料金がさらにお得に。 */
.ss-campaign-txt3 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-campaign-box1: ご紹介キャンペーン CAMPAIGN 01 1社紹介で、 */
.ss-campaign-box1 { place-content: flex-start center; align-items: flex-start; flex-flow: wrap; gap: 25px; height: auto; padding: 0px; width: auto; --gh-ss-campaign-box1: 25px; --gv-ss-campaign-box1: 25px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-campaign-box1 { gap: 40px 25px; --gh-ss-campaign-box1: 25px; --gv-ss-campaign-box1: 40px; } }

/* ss-campaign-box2: ご紹介キャンペーン CAMPAIGN 01 1社紹介で、 */
.ss-campaign-box2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 520px; padding: 0px; width: 430px; --gh-ss-campaign-box2: 0px; --gv-ss-campaign-box2: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-campaign-box2 { flex-direction: column; --gh-ss-campaign-box2: 0px; --gv-ss-campaign-box2: 0px; } }
@media screen and (max-width: 540px) { .ss-campaign-box2 { flex: 0 0 auto; padding: 0px; width: 400px; --gh-ss-campaign-box2: 0px; --gv-ss-campaign-box2: 0px; max-width: 100%; } }

/* ss-campaign-box3: ご紹介キャンペーン CAMPAIGN 01 */
.ss-campaign-box3 { place-content: center; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 90px; width: calc(100% - (var(--gh-ss-campaign-box2) * 0)); max-width: calc(100% - (var(--gh-ss-campaign-box2) * 0)); }

/* ss-campaign-box4: ご紹介キャンペーン CAMPAIGN 01 */
.ss-campaign-box4 { place-content: center flex-start; align-items: center; flex-flow: column-reverse; gap: 0px; padding: 0px; --gh-ss-campaign-box4: 0px; --gv-ss-campaign-box4: 0px; }
@media screen and (max-width: 760px) { .ss-campaign-box4 { flex-flow: column-reverse; --gh-ss-campaign-box4: 0px; --gv-ss-campaign-box4: 0px; } }

/* ss-campaign-txt4: ご紹介キャンペーン */
.ss-campaign-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 23px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; translate: 0px -13px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-campaign-txt4 { font-size: 16px; } }

/* ss-campaign-txt5: CAMPAIGN 01 */
.ss-campaign-txt5 { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 8px 30px; text-align: left; translate: 0px -20px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-campaign-box5: 1社紹介で、月額5,000円割引！ 1社ご紹介で、月額料金 */
.ss-campaign-box5 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 0px 0px 20px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 35px 60px; width: calc(100% - (var(--gh-ss-campaign-box2) * 0)); --gh-ss-campaign-box5: 0px; --gv-ss-campaign-box5: 0px; max-width: calc(100% - (var(--gh-ss-campaign-box2) * 0)); }
@media screen and (max-width: 1280px) { .ss-campaign-box5 { padding: 35px 60px; --gh-ss-campaign-box5: 0px; --gv-ss-campaign-box5: 0px; } }
@media screen and (max-width: 760px) { .ss-campaign-box5 { border-width: 1px 0px; border-style: solid; border-color: rgb(230, 230, 230); flex: 0 0 auto; flex-direction: column; padding: 35px 50px; width: 100%; --gh-ss-campaign-box5: 0px; --gv-ss-campaign-box5: 0px; } }
@media screen and (max-width: 540px) { .ss-campaign-box5 { gap: 0px; padding: 40px; --gh-ss-campaign-box5: 0px; --gv-ss-campaign-box5: 0px; } }

/* ss-campaign-rich1: 1社紹介で、月額5,000円割引！ */
.ss-campaign-rich1 { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 3px; color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 30px; padding: 5px 10px; text-align: left; width: auto; max-width: 100%; }
.ss-campaign-rich1 > p { font-size: 13px; font-weight: 800; margin: 0px; text-align: center; }
.ss-campaign-rich1 strong { color: rgb(255, 255, 255); font-size: 16px; font-weight: 900; }

/* ss-campaign-pic1:  */
.ss-campaign-pic1 { height: 109.836px; margin: 0px 0px 20px; width: 200px; max-width: 100%; }

/* ss-campaign-box6: 1社ご紹介で、月額料金から恒常5,000円割引 ライトプラ */
.ss-campaign-box6 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 25px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ss-campaign-box5) * 0)); --gh-ss-campaign-box6: 0px; --gv-ss-campaign-box6: 25px; max-width: calc(100% - (var(--gh-ss-campaign-box5) * 0)); }
@media screen and (max-width: 760px) { .ss-campaign-box6 { flex-direction: column; --gh-ss-campaign-box6: 0px; --gv-ss-campaign-box6: 25px; } }

/* ss-campaign-list1: 1社ご紹介で、月額料金から恒常5,000円割引 ライトプラ */
.ss-campaign-list1 { flex: 0 0 auto; gap: 8px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ss-campaign-box6) * 0)); --gh-ss-campaign-list1: 0px; --gv-ss-campaign-list1: 8px; max-width: calc(100% - (var(--gh-ss-campaign-box6) * 0)); }

/* ss-campaign-item1: 1社ご紹介で、月額料金から恒常5,000円割引 */
.ss-campaign-item1 { place-content: center flex-start; align-items: center; border-bottom: 0px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-ss-campaign-list1) * 0)); --gh-ss-campaign-item1: 8px; --gv-ss-campaign-item1: 0px; max-width: calc(100% - (var(--gh-ss-campaign-list1) * 0)); }

/* ss-campaign-box7:  */
.ss-campaign-box7 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 0px; --gh-ss-campaign-box7: 8px; --gv-ss-campaign-box7: 0px; }

/* ss-campaign-icon1:  */
.ss-campaign-icon1 { color: #0064d0ff; font-size: 12px; }

/* ss-campaign-box8: 1社ご紹介で、月額料金から恒常5,000円割引 */
.ss-campaign-box8 { place-content: flex-start center; align-items: flex-start; flex: 1 1 0%; flex-flow: column; padding: 0px; width: auto; max-width: 100%; }

/* ss-campaign-txt6: 1社ご紹介で、月額料金から恒常5,000円割引 */
.ss-campaign-txt6 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-campaign-txt6 { font-size: 14px; } }

/* ss-campaign-txt7:  */
.ss-campaign-txt7 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-campaign-txt7 { font-size: 14px; } }

/* ss-campaign-box9: グループ契約特典 CAMPAIGN 02 グループ契約で */
.ss-campaign-box9 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; height: 520px; padding: 0px; width: 430px; --gh-ss-campaign-box9: 0px; --gv-ss-campaign-box9: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-campaign-box9 { flex-direction: column; --gh-ss-campaign-box9: 0px; --gv-ss-campaign-box9: 0px; } }
@media screen and (max-width: 540px) { .ss-campaign-box9 { flex: 0 0 auto; padding: 0px; width: 400px; --gh-ss-campaign-box9: 0px; --gv-ss-campaign-box9: 0px; max-width: 100%; } }

/* ss-campaign-box10: グループ契約特典 CAMPAIGN 02 */
.ss-campaign-box10 { place-content: center; align-items: center; background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 90px; width: calc(100% - (var(--gh-ss-campaign-box9) * 0)); max-width: calc(100% - (var(--gh-ss-campaign-box9) * 0)); }

/* ss-campaign-box11: グループ契約特典 CAMPAIGN 02 */
.ss-campaign-box11 { place-content: center flex-start; align-items: center; flex-flow: column-reverse; gap: 0px; padding: 0px; --gh-ss-campaign-box11: 0px; --gv-ss-campaign-box11: 0px; }
@media screen and (max-width: 760px) { .ss-campaign-box11 { flex-flow: column-reverse; --gh-ss-campaign-box11: 0px; --gv-ss-campaign-box11: 0px; } }

/* ss-campaign-txt8: グループ契約特典 */
.ss-campaign-txt8 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 23px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; translate: 0px -13px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-campaign-txt8 { font-size: 16px; } }

/* ss-campaign-txt9: CAMPAIGN 02 */
.ss-campaign-txt9 { background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 8px 30px; text-align: left; translate: 0px -26px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-campaign-box12: グループ契約で、全社月額5,000円オフ！ 2社以上一斉契 */
.ss-campaign-box12 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 0px 0px 20px 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 35px 60px; width: calc(100% - (var(--gh-ss-campaign-box9) * 0)); --gh-ss-campaign-box12: 0px; --gv-ss-campaign-box12: 0px; max-width: calc(100% - (var(--gh-ss-campaign-box9) * 0)); }
@media screen and (max-width: 1280px) { .ss-campaign-box12 { padding: 35px 60px; --gh-ss-campaign-box12: 0px; --gv-ss-campaign-box12: 0px; } }
@media screen and (max-width: 760px) { .ss-campaign-box12 { border-width: 1px 0px; border-style: solid; border-color: rgb(230, 230, 230); flex: 0 0 auto; flex-direction: column; padding: 35px 50px; width: 100%; --gh-ss-campaign-box12: 0px; --gv-ss-campaign-box12: 0px; } }
@media screen and (max-width: 540px) { .ss-campaign-box12 { gap: 0px; padding: 40px; --gh-ss-campaign-box12: 0px; --gv-ss-campaign-box12: 0px; } }

/* ss-campaign-rich2: グループ契約で、全社月額5,000円オフ！ */
.ss-campaign-rich2 { background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); border-radius: 3px; color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 600; height: auto; line-height: 1.4; margin: 0px 0px 30px; padding: 5px 10px; text-align: left; width: auto; max-width: 100%; }
.ss-campaign-rich2 > p { font-size: 13px; font-weight: 800; margin: 0px; text-align: center; }
.ss-campaign-rich2 strong { color: rgb(255, 255, 255); font-size: 15px; font-weight: 900; }

/* ss-campaign-pic2:  */
.ss-campaign-pic2 { height: 139.447px; margin: 0px 0px 20px; width: 200px; max-width: 100%; }

/* ss-campaign-box13: 2社以上一斉契約で、全社の月額料金から 恒常5,000円割引 */
.ss-campaign-box13 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 25px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ss-campaign-box12) * 0)); --gh-ss-campaign-box13: 0px; --gv-ss-campaign-box13: 25px; max-width: calc(100% - (var(--gh-ss-campaign-box12) * 0)); }
@media screen and (max-width: 760px) { .ss-campaign-box13 { flex-direction: column; --gh-ss-campaign-box13: 0px; --gv-ss-campaign-box13: 25px; } }

/* ss-campaign-list2: 2社以上一斉契約で、全社の月額料金から 恒常5,000円割引 */
.ss-campaign-list2 { gap: 8px; height: auto; padding: 0px; width: auto; --gh-ss-campaign-list2: 0px; --gv-ss-campaign-list2: 8px; max-width: 100%; }

/* ss-campaign-item2: 2社以上一斉契約で、全社の月額料金から 恒常5,000円割引 */
.ss-campaign-item2 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 8px; padding: 0px; width: calc(100% - (var(--gh-ss-campaign-list2) * 0)); --gh-ss-campaign-item2: 8px; --gv-ss-campaign-item2: 0px; max-width: calc(100% - (var(--gh-ss-campaign-list2) * 0)); }

/* ss-campaign-box14:  */
.ss-campaign-box14 { place-content: flex-start; align-items: flex-start; flex-flow: row; gap: 8px; padding: 0px; --gh-ss-campaign-box14: 8px; --gv-ss-campaign-box14: 0px; }

/* ss-campaign-icon2:  */
.ss-campaign-icon2 { color: #ff3900ff; font-size: 12px; }

/* ss-campaign-box15: 2社以上一斉契約で、全社の月額料金から 恒常5,000円割引 */
.ss-campaign-box15 { place-content: flex-start center; align-items: flex-start; flex-flow: column; padding: 0px; }

/* ss-campaign-txt10: 2社以上一斉契約で、全社の月額料金から 恒常5,000円割引 */
.ss-campaign-txt10 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 600; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-campaign-txt10 { font-size: 14px; } }

/* ss-campaign-txt11:  */
.ss-campaign-txt11 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 10px; font-style: normal; font-weight: 500; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-campaign-txt11 { font-size: 14px; } }

/* ss-blk9-pic1: COMPARISON 他社と比較して一目瞭然！圧倒的なコ */
.ss-blk9-pic1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 50px 50px 0px 0px; flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }
.ss-blk9-pic1::before { background-position: left center; background-repeat: repeat; background-size: cover; }
@media screen and (max-width: 540px) { .ss-blk9-pic1 { border-radius: 30px 30px 0px 0px; padding: 70px 30px; } }

/* ss-blk9-inner1:  */
.ss-blk9-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
.ss-blk9-inner1::before { flex-direction: column; }
@media screen and (max-width: 540px) { .ss-blk9-inner1 { padding: 70px 30px; flex-direction: column; } }

/* ss-blk9-txt1: COMPARISON */
.ss-blk9-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e4ff; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-blk9-rich1: 他社と比較して一目瞭然！圧倒的なコスパと安心感 */
.ss-blk9-rich1 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px; text-align: left; width: 600px; max-width: 100%; }
.ss-blk9-rich1 em { color: #0064d0ff; font-size: 27px; font-style: normal; }
.ss-blk9-rich1 > h2 { text-align: center; }
.ss-blk9-rich1 > p { font-size: 16px; text-align: center; }
.ss-blk9-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .ss-blk9-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .ss-blk9-rich1 strong { font-size: 16px; } }

/* ss-blk9-txt2: 制作会社とも営業代行とも違う、月額15,000円〜で全部叶え */
.ss-blk9-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 40px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-blk9-box1:  */
.ss-blk9-box1 { place-content: center; align-items: center; flex-flow: wrap; gap: 10px; margin: 0px 0px 20px; padding: 0px; --gh-ss-blk9-box1: 10px; --gv-ss-blk9-box1: 10px; max-width: 100%; }

/* ss-blk9-img1:  */
.ss-blk9-img1 { background: rgba(255, 255, 255, 0.5); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; height: 450px; padding: 20px; width: 700px; max-width: 100%; }
html.js .ss-blk9-img1:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.ss-blk9-img1.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-blk9-img1 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-ss-blk9-box1) * 0)); max-width: calc(100% - (var(--gh-ss-blk9-box1) * 0)); } }
@media screen and (max-width: 540px) { .ss-blk9-img1 { flex: 0 0 auto; height: auto; width: 100%; } }

/* ss-blk9-img2:  */
.ss-blk9-img2 { background: rgba(255, 255, 255, 0.5); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; height: 450px; padding: 20px; width: 700px; max-width: 100%; }
html.js .ss-blk9-img2:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.ss-blk9-img2.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-blk9-img2 { flex: 0 0 auto; height: auto; width: calc(100% - (var(--gh-ss-blk9-box1) * 0)); max-width: calc(100% - (var(--gh-ss-blk9-box1) * 0)); } }
@media screen and (max-width: 540px) { .ss-blk9-img2 { flex: 0 0 auto; height: auto; width: 100%; } }

/* ss-blk10-sec1: REDUCTION 月額15,000円〜で、時間もコスト */
.ss-blk10-sec1 { place-content: center flex-start; align-items: center; background: rgb(241, 246, 249); border-radius: 0px 0px 50px 50px; flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-blk10-sec1 { border-radius: 0px 0px 30px 30px; padding: 70px 30px; } }

/* ss-blk10-inner1:  */
.ss-blk10-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-blk10-inner1 { padding: 70px 30px; flex-direction: column; } }

/* ss-blk10-txt1: REDUCTION */
.ss-blk10-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e4ff; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-blk10-rich1: 月額15,000円〜で、時間もコストもこんなに削減可能！ */
.ss-blk10-rich1 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px; text-align: left; width: 600px; max-width: 100%; }
.ss-blk10-rich1 em { color: #0064d0ff; font-size: 27px; font-style: normal; }
.ss-blk10-rich1 > h2 { text-align: center; }
.ss-blk10-rich1 > p { font-size: 16px; text-align: center; }
.ss-blk10-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .ss-blk10-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .ss-blk10-rich1 strong { font-size: 16px; } }

/* ss-blk10-txt2: HP・業務ツール連携に必要なコストと時間を、まるごと削減しま */
.ss-blk10-txt2 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-blk10-box1:  */
.ss-blk10-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 25px; padding: 0px; width: 90%; --gh-ss-blk10-box1: 25px; --gv-ss-blk10-box1: 25px; max-width: 90%; }
@media screen and (max-width: 540px) { .ss-blk10-box1 { flex: 0 0 auto; width: 100%; --gh-ss-blk10-box1: 25px; --gv-ss-blk10-box1: 25px; max-width: 100%; } }

/* ss-blk10-img1:  */
.ss-blk10-img1 { background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(0, 100, 208, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; height: auto; padding: 35px; width: 630px; max-width: 100%; }
html.js .ss-blk10-img1:not(.in) { opacity: 0; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.ss-blk10-img1.in-active { transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* ss-blk10-img2:  */
.ss-blk10-img2 { background: rgb(255, 255, 255); border-radius: 20px; box-shadow: rgba(255, 57, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; height: auto; padding: 35px; width: 630px; max-width: 100%; }
html.js .ss-blk10-img2:not(.in) { opacity: 0; transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; translate: 0px 20px; }
.ss-blk10-img2.in-active { transition-delay: 300ms; transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* ss-case-sec1: USE CASE チャット相談事例 HP更新から業務ツー */
.ss-case-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex: 0 0 auto; flex-flow: column; gap: 0px; height: auto; padding: 100px 30px; width: 100%; --gh-ss-case-sec1: 0px; --gv-ss-case-sec1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-case-sec1 { padding: 70px 30px; --gh-ss-case-sec1: 0px; --gv-ss-case-sec1: 0px; } }

/* ss-case-inner1:  */
.ss-case-inner1 { padding: 100px 30px; width: calc(100% - (var(--gh-ss-case-sec1) * 0)); height: auto; flex-flow: column; place-content: center flex-start; align-items: center; gap: 0px; --gh-ss-case-sec1: 0px; --gv-ss-case-sec1: 0px; max-width: calc(100% - (var(--gh-ss-case-sec1) * 0)); }
@media screen and (max-width: 540px) { .ss-case-inner1 { padding: 70px 30px; flex-direction: column; --gh-ss-case-sec1: 0px; --gv-ss-case-sec1: 0px; } }

/* ss-case-txt1: USE CASE */
.ss-case-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e49a; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-case-txt2: チャット相談事例 */
.ss-case-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 27px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-case-txt2 { font-size: 24px; } }

/* ss-case-txt3: HP更新から業務ツール連携まで、チャットで気軽にご相談いただ */
.ss-case-txt3 { color: rgb(51, 51, 51); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 70px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-case-box1: サイトの更新のご相談 CASE 01 チャットで指示を送 */
.ss-case-box1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: wrap; gap: 25px; padding: 0px; width: calc(100% - (var(--gh-ss-case-sec1) * 0)); --gh-ss-case-box1: 25px; --gv-ss-case-box1: 25px; max-width: calc(100% - (var(--gh-ss-case-sec1) * 0)); }
html.js .ss-case-box1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-ss-case-box1: 25px; --gv-ss-case-box1: 25px; }
.ss-case-box1.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 760px) { .ss-case-box1 { gap: 45px 25px; --gh-ss-case-box1: 25px; --gv-ss-case-box1: 45px; } }

/* ss-case-box2: サイトの更新のご相談 CASE 01 チャットで指示を送 */
.ss-case-box2 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ss-case-box2: 0px; --gv-ss-case-box2: 0px; }

/* ss-case-box3: サイトの更新のご相談 CASE 01 */
.ss-case-box3 { place-content: center; align-items: center; background: #0064d0ff; border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 70px; width: 385px; max-width: 100%; }

/* ss-case-box4: サイトの更新のご相談 CASE 01 */
.ss-case-box4 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: column-reverse; gap: 0px; height: 58px; padding: 0px; width: auto; --gh-ss-case-box4: 0px; --gv-ss-case-box4: 0px; max-width: 100%; }
@media screen and (max-width: 760px) { .ss-case-box4 { flex-flow: column-reverse; --gh-ss-case-box4: 0px; --gv-ss-case-box4: 0px; } }

/* ss-case-box5: サイトの更新のご相談 */
.ss-case-box5 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }
@media screen and (max-width: 760px) { .ss-case-box5 { flex-direction: row; } }

/* ss-case-txt4: サイトの更新のご相談 */
.ss-case-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 18px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; translate: 0px -10px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-case-txt4 { font-size: 16px; } }

/* ss-case-txt5: CASE 01 */
.ss-case-txt5 { background: #0064d0ff; border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 8px 30px; text-align: left; translate: 0px -19px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-case-box6: チャットで指示を送るだけで完了！ */
.ss-case-box6 { place-content: center flex-start; align-items: center; background: rgb(245, 250, 255); border-radius: 0px 0px 20px 20px; inset: auto; box-shadow: rgba(0, 100, 208, 0.15) 0px 0px 15px 0px; flex-flow: column; gap: 0px; height: auto; padding: 20px 20px 30px; position: relative; width: 385px; --gh-ss-case-box6: 0px; --gv-ss-case-box6: 0px; max-width: 100%; }

/* ss-case-img1:  */
.ss-case-img1 { height: auto; margin: 0px; width: calc(100% - (var(--gh-ss-case-box6) * 0)); max-width: calc(100% - (var(--gh-ss-case-box6) * 0)); }

/* ss-case-icon1:  */
.ss-case-icon1 { color: #0064d0ff; font-size: 24px; margin: 10px 0px; max-width: 100%; }

/* ss-case-pic1:  */
.ss-case-pic1 { flex: 0 0 auto; height: 152px; margin: 0px 0px 10px; mix-blend-mode: multiply; width: 210px; max-width: 100%; }
.ss-case-pic1::before { background-position: center center; background-repeat: repeat; background-size: cover; }

/* ss-case-txt6: チャットで指示を送るだけで完了！ */
.ss-case-txt6 { border-bottom: 2px solid #0064d0ff; border-left: 0px solid #0064d0ff; border-right: 0px solid #0064d0ff; border-top: 0px solid #0064d0ff; color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px 0px 3px; text-align: left; translate: 0px -3px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-case-box7: 商談予約のIT化を完全構築 CASE 02 日程調整の */
.ss-case-box7 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ss-case-box7: 0px; --gv-ss-case-box7: 0px; }

/* ss-case-box8: 商談予約のIT化を完全構築 CASE 02 */
.ss-case-box8 { place-content: center; align-items: center; background: #ff3900ff; border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 70px; width: 385px; max-width: 100%; }

/* ss-case-box9: 商談予約のIT化を完全構築 CASE 02 */
.ss-case-box9 { place-content: center flex-start; align-items: center; flex-flow: column-reverse; gap: 0px; padding: 0px; --gh-ss-case-box9: 0px; --gv-ss-case-box9: 0px; }
@media screen and (max-width: 760px) { .ss-case-box9 { flex-flow: column-reverse; --gh-ss-case-box9: 0px; --gv-ss-case-box9: 0px; } }

/* ss-case-box10: 商談予約のIT化を完全構築 */
.ss-case-box10 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }
@media screen and (max-width: 760px) { .ss-case-box10 { flex-direction: row; } }

/* ss-case-txt7: 商談予約のIT化を完全構築 */
.ss-case-txt7 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 18px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; translate: 0px -10px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-case-txt7 { font-size: 16px; } }

/* ss-case-txt8: CASE 02 */
.ss-case-txt8 { background: #ff3900ff; border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 8px 30px; text-align: left; translate: 0px -19px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-case-box11: 日程調整の手間を丸ごと自動化！ */
.ss-case-box11 { place-content: center flex-start; align-items: center; background: rgb(255, 251, 249); border-radius: 0px 0px 20px 20px; inset: auto; box-shadow: rgba(255, 57, 0, 0.15) 0px 0px 15px 0px; flex-flow: column; gap: 0px; height: auto; padding: 20px 20px 30px; position: relative; width: 385px; --gh-ss-case-box11: 0px; --gv-ss-case-box11: 0px; max-width: 100%; }

/* ss-case-img2:  */
.ss-case-img2 { height: auto; margin: 0px; width: calc(100% - (var(--gh-ss-case-box11) * 0)); max-width: calc(100% - (var(--gh-ss-case-box11) * 0)); }

/* ss-case-icon2:  */
.ss-case-icon2 { color: #ff3900ff; font-size: 24px; margin: 10px 0px; max-width: 100%; }

/* ss-case-pic2:  */
.ss-case-pic2 { flex: 0 0 auto; height: 127px; margin: 20px 0px; mix-blend-mode: multiply; width: 200px; max-width: 100%; }

/* ss-case-txt9: 日程調整の手間を丸ごと自動化！ */
.ss-case-txt9 { border-bottom: 2px solid #ff3900ff; border-left: 0px solid #ff3900ff; border-right: 0px solid #ff3900ff; border-top: 0px solid #ff3900ff; color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px 0px 3px; text-align: left; translate: 0px -3px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-case-box12: ドメイン設定のご相談 CASE 03 HP公開完了！商談 */
.ss-case-box12 { place-content: center; align-items: center; flex-flow: column; gap: 0px; padding: 0px; --gh-ss-case-box12: 0px; --gv-ss-case-box12: 0px; }

/* ss-case-box13: ドメイン設定のご相談 CASE 03 */
.ss-case-box13 { place-content: center; align-items: center; background: #23dbcbff; border-radius: 20px 20px 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; height: 70px; width: 385px; max-width: 100%; }

/* ss-case-box14: ドメイン設定のご相談 CASE 03 */
.ss-case-box14 { place-content: center flex-start; align-items: center; flex-flow: column-reverse; gap: 0px; padding: 0px; --gh-ss-case-box14: 0px; --gv-ss-case-box14: 0px; }
@media screen and (max-width: 760px) { .ss-case-box14 { flex-flow: column-reverse; --gh-ss-case-box14: 0px; --gv-ss-case-box14: 0px; } }

/* ss-case-box15: ドメイン設定のご相談 */
.ss-case-box15 { place-content: center; align-items: center; flex-flow: row; padding: 0px; }
@media screen and (max-width: 760px) { .ss-case-box15 { flex-direction: row; } }

/* ss-case-txt10: ドメイン設定のご相談 */
.ss-case-txt10 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 18px; font-weight: 700; height: auto; line-height: 1.5; text-align: center; translate: 0px -10px; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-case-txt10 { font-size: 16px; } }

/* ss-case-txt11: CASE 03 */
.ss-case-txt11 { background: #23dbcbff; border-radius: 100px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 8px 30px; text-align: left; translate: 0px -19px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-case-box16: HP公開完了！商談予約機能も稼働 */
.ss-case-box16 { place-content: center flex-start; align-items: center; background: rgb(245, 255, 254); border-radius: 0px 0px 20px 20px; inset: auto; box-shadow: rgba(35, 219, 203, 0.25) 0px 0px 15px 0px; flex-flow: column; gap: 0px; height: auto; padding: 20px 20px 30px; position: relative; width: 385px; --gh-ss-case-box16: 0px; --gv-ss-case-box16: 0px; max-width: 100%; }

/* ss-case-img3:  */
.ss-case-img3 { height: auto; margin: 0px; width: calc(100% - (var(--gh-ss-case-box16) * 0)); max-width: calc(100% - (var(--gh-ss-case-box16) * 0)); }

/* ss-case-icon3:  */
.ss-case-icon3 { color: #23dbcbff; font-size: 24px; margin: 10px 0px; max-width: 100%; }

/* ss-case-pic3:  */
.ss-case-pic3 { flex: 0 0 auto; height: 141px; margin: 0px 0px 20px; mix-blend-mode: multiply; width: 200px; max-width: 100%; }

/* ss-case-txt12: HP公開完了！商談予約機能も稼働 */
.ss-case-txt12 { border-bottom: 2px solid #23dbcbff; border-left: 0px solid #23dbcbff; border-right: 0px solid #23dbcbff; border-top: 0px solid #23dbcbff; color: rgb(35, 219, 203); font-family: 'Noto Sans JP', sans-serif; font-size: 17px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px; padding: 0px 0px 3px; text-align: left; translate: 0px -3px; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-faq-sec1: FAQ よくある質問 Q 最低契約期間はありますか？  */
.ss-faq-sec1 { place-content: center flex-start; align-items: center; background: rgb(241, 246, 249); flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-faq-sec1 { padding: 70px 30px; } }

/* ss-faq-inner1:  */
.ss-faq-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-faq-inner1 { padding: 70px 30px; flex-direction: column; } }

/* ss-faq-txt1: FAQ */
.ss-faq-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e49a; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* ss-faq-txt2: よくある質問 */
.ss-faq-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 27px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 30px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-faq-txt2 { font-size: 24px; } }

/* ss-faq-list1: Q 最低契約期間はありますか？ A ございません。いつ */
.ss-faq-list1 { flex: 0 0 auto; gap: 16px; padding: 0px; width: 60%; --gh-ss-faq-list1: 0px; --gv-ss-faq-list1: 16px; max-width: 60%; }
@media screen and (max-width: 1280px) { .ss-faq-list1 { flex: 0 0 auto; width: 70%; --gh-ss-faq-list1: 0px; --gv-ss-faq-list1: 16px; max-width: 70%; } }
@media screen and (max-width: 760px) { .ss-faq-list1 { flex: 0 0 auto; width: 80%; --gh-ss-faq-list1: 0px; --gv-ss-faq-list1: 16px; max-width: 80%; } }
@media screen and (max-width: 540px) { .ss-faq-list1 { flex: 0 0 auto; width: 100%; --gh-ss-faq-list1: 0px; --gv-ss-faq-list1: 16px; max-width: 100%; } }
@media screen and (max-width: 360px) { .ss-faq-list1 { flex: 0 0 auto; width: 100%; --gh-ss-faq-list1: 0px; --gv-ss-faq-list1: 16px; } }

/* ss-faq-item1: Q 最低契約期間はありますか？ A ございません。いつ */
.ss-faq-item1 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; padding: 0px; width: calc(100% - (var(--gh-ss-faq-list1) * 0)); max-width: calc(100% - (var(--gh-ss-faq-list1) * 0)); }

/* ss-faq-box1: Q 最低契約期間はありますか？ A ございません。いつ */
.ss-faq-box1 { place-content: flex-start; align-items: flex-start; background: transparent; border-radius: 0px; flex: 0 0 auto; flex-flow: column; height: auto; padding: 0px; width: 100%; max-width: 100%; }

/* ss-faq-btn1: Q 最低契約期間はありますか？ */
.ss-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-ss-faq-btn1: 0px; --gv-ss-faq-btn1: 0px; max-width: 100%; }

/* ss-faq-txt3: Q */
.ss-faq-txt3 { color: transparent; font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px 10px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 10px); justify-content: flex-start; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); background-clip: text; -webkit-background-clip: text; }

/* ss-faq-txt4: 最低契約期間はありますか？ */
.ss-faq-txt4 { color: rgb(0, 0, 0); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: normal; font-size: 17px; font-weight: 700; 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) { .ss-faq-txt4 { font-size: 18px; } }

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

/* ss-faq-box3:  */
.ss-faq-box3 { background: #0064d0ff; flex: 0 0 auto; height: 16px; opacity: 0; width: 3px; max-width: 100%; }
._isClose.ss-faq-box3 { opacity: 1; }

/* ss-faq-box4:  */
.ss-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-ss-faq-box4: 0px; --gv-ss-faq-box4: 0px; max-width: 100%; }

/* ss-faq-box5:  */
.ss-faq-box5 { background: #0064d0ff; flex: 0 0 auto; height: 3px; width: 16px; max-width: 100%; }

/* ss-faq-box6: A ございません。いつでも解約可能ですので、お気軽にお試し */
.ss-faq-box6 { place-content: center flex-start; align-items: center; background: transparent; border-width: 1px 0px 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%; }
._isClose.ss-faq-box6 { flex: 0 0 auto; height: 0px; }

/* ss-faq-box7: A ございません。いつでも解約可能ですので、お気軽にお試し */
.ss-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%; }

/* ss-faq-txt5: A */
.ss-faq-txt5 { color: transparent; font-family: Unbounded, sans-serif; font-size: 20px; font-weight: 800; height: auto; line-height: 1.4; margin: 0px 10px 0px 0px; text-align: left; width: auto; max-width: calc(100% - 10px); justify-content: flex-start; background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); background-clip: text; -webkit-background-clip: text; }

/* ss-faq-txt6: ございません。いつでも解約可能ですので、お気軽にお試しくださ */
.ss-faq-txt6 { color: rgb(0, 0, 0); flex: 1 1 0%; font-family: 'Noto Sans JP', 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: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-faq-txt6 { flex: 1 1 0%; font-size: 14px; width: auto; } }

/* ss-flow-sec1: FLOW まずはお気軽に 無料相談をご予約ください！  */
.ss-flow-sec1 { place-content: center flex-start; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 0px 0px 50px 50px; flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-flow-sec1 { border-radius: 0px 0px 30px 30px; padding: 70px 30px; } }

/* ss-flow-inner1:  */
.ss-flow-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-flow-inner1 { padding: 70px 30px; flex-direction: column; } }

/* ss-flow-txt1: FLOW */
.ss-flow-txt1 { color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-flow-rich1: まずはお気軽に 無料相談をご予約ください！ */
.ss-flow-rich1 { color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 40px; text-align: left; width: 600px; max-width: 100%; }
.ss-flow-rich1 em { color: rgb(255, 255, 255); font-size: 27px; font-style: normal; }
.ss-flow-rich1 > h2 { text-align: center; }
.ss-flow-rich1 > p { color: rgb(255, 255, 255); font-size: 20px; font-weight: 900; text-align: center; }
.ss-flow-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .ss-flow-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .ss-flow-rich1 > p { font-size: 16px; } }

/* ss-flow-box1: mail 無料相談を予約 お気軽にフォームからご予約  */
.ss-flow-box1 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0.8); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px 0px 50px; padding: 40px; width: 75%; --gh-ss-flow-box1: 0px; --gv-ss-flow-box1: 60px; max-width: 75%; }
@media screen and (max-width: 760px) { .ss-flow-box1 { padding: 30px; --gh-ss-flow-box1: 0px; --gv-ss-flow-box1: 60px; } }
@media screen and (max-width: 540px) { .ss-flow-box1 { flex: 0 0 auto; padding: 20px; width: 100%; --gh-ss-flow-box1: 0px; --gv-ss-flow-box1: 60px; max-width: 100%; } }

/* ss-flow-box2: mail 無料相談を予約 お気軽にフォームからご予約  */
.ss-flow-box2 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 48px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-ss-flow-box1) * 0)); --gh-ss-flow-box2: 0px; --gv-ss-flow-box2: 48px; max-width: calc(100% - (var(--gh-ss-flow-box1) * 0)); }
@media screen and (max-width: 760px) { .ss-flow-box2 { flex-flow: column; --gh-ss-flow-box2: 0px; --gv-ss-flow-box2: 48px; } }

/* ss-flow-box3: mail 無料相談を予約 お気軽にフォームからご予約  */
.ss-flow-box3 { place-content: stretch space-between; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-ss-flow-box2) * 0)); --gh-ss-flow-box3: 0px; --gv-ss-flow-box3: 0px; max-width: calc(100% - (var(--gh-ss-flow-box2) * 0)); }
html.js .ss-flow-box3:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-ss-flow-box3: 0px; --gv-ss-flow-box3: 0px; }
.ss-flow-box3.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 760px) { .ss-flow-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 10px; width: 480px; --gh-ss-flow-box3: 0px; --gv-ss-flow-box3: 10px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ss-flow-box3 { gap: 10px; --gh-ss-flow-box3: 10px; --gv-ss-flow-box3: 10px; } }

/* ss-flow-box4: mail 無料相談を予約 お気軽にフォームからご予約 */
.ss-flow-box4 { place-content: center; align-items: center; background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 24px; width: calc(30% - (var(--gh-ss-flow-box3) * 0.7000000000000001)); --gh-ss-flow-box4: 0px; --gv-ss-flow-box4: 0px; max-width: calc(30% - (var(--gh-ss-flow-box3) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .ss-flow-box4 { flex: 0 0 auto; width: calc(100% - (var(--gh-ss-flow-box3) * 0)); --gh-ss-flow-box4: 0px; --gv-ss-flow-box4: 0px; max-width: calc(100% - (var(--gh-ss-flow-box3) * 0)); } }
@media screen and (max-width: 540px) { .ss-flow-box4 { border-radius: 6px; --gh-ss-flow-box4: 0px; --gv-ss-flow-box4: 0px; } }

/* ss-flow-icon1: mail */
.ss-flow-icon1 { color: #0064d0ff; font-size: 50px; margin: 0px 0px 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-flow-icon1 { font-size: 32px; } }

/* ss-flow-txt2: 無料相談を予約 */
.ss-flow-txt2 { color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-flow-txt2 { font-size: 14px; } }

/* ss-flow-txt3: お気軽にフォームからご予約 */
.ss-flow-txt3 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-flow-icon2:  */
.ss-flow-icon2 { color: #0064d0ff; font-size: 24px; }
@media screen and (max-width: 760px) { .ss-flow-icon2 { rotate: 90deg; } }
@media screen and (max-width: 540px) { .ss-flow-icon2 { rotate: 90deg; } }

/* ss-flow-box5: 現状・課題ヒアリング 貴社の課題をお聞きします */
.ss-flow-box5 { place-content: center; align-items: center; background: rgb(250, 250, 250); border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 24px; width: calc(30% - (var(--gh-ss-flow-box3) * 0.7000000000000001)); --gh-ss-flow-box5: 0px; --gv-ss-flow-box5: 0px; max-width: calc(30% - (var(--gh-ss-flow-box3) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .ss-flow-box5 { flex: 0 0 auto; width: calc(100% - (var(--gh-ss-flow-box3) * 0)); --gh-ss-flow-box5: 0px; --gv-ss-flow-box5: 0px; max-width: calc(100% - (var(--gh-ss-flow-box3) * 0)); } }
@media screen and (max-width: 540px) { .ss-flow-box5 { border-radius: 6px; --gh-ss-flow-box5: 0px; --gv-ss-flow-box5: 0px; } }

/* ss-flow-icon3:  */
.ss-flow-icon3 { color: #0064d0ff; font-size: 50px; margin: 0px 0px 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-flow-icon3 { font-size: 32px; } }

/* ss-flow-txt4: 現状・課題ヒアリング */
.ss-flow-txt4 { color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-flow-txt4 { font-size: 14px; } }

/* ss-flow-txt5: 貴社の課題をお聞きします */
.ss-flow-txt5 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* ss-flow-icon4:  */
.ss-flow-icon4 { color: #0064d0ff; font-size: 24px; }
@media screen and (max-width: 760px) { .ss-flow-icon4 { rotate: 90deg; } }
@media screen and (max-width: 540px) { .ss-flow-icon4 { rotate: 90deg; } }

/* ss-flow-box6: サービス開始 WEB制作・業務ツール連携開始 ( 制作期 */
.ss-flow-box6 { place-content: center; align-items: center; background: rgb(250, 250, 250); border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 24px; width: calc(30% - (var(--gh-ss-flow-box3) * 0.7000000000000001)); --gh-ss-flow-box6: 0px; --gv-ss-flow-box6: 0px; max-width: calc(30% - (var(--gh-ss-flow-box3) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .ss-flow-box6 { flex: 0 0 auto; width: calc(100% - (var(--gh-ss-flow-box3) * 0)); --gh-ss-flow-box6: 0px; --gv-ss-flow-box6: 0px; max-width: calc(100% - (var(--gh-ss-flow-box3) * 0)); } }
@media screen and (max-width: 540px) { .ss-flow-box6 { border-radius: 6px; --gh-ss-flow-box6: 0px; --gv-ss-flow-box6: 0px; } }

/* ss-flow-icon5:  */
.ss-flow-icon5 { color: #0064d0ff; font-size: 40px; margin: 0px 0px 10px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .ss-flow-icon5 { font-size: 32px; } }

/* ss-flow-txt6: サービス開始 */
.ss-flow-txt6 { color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-flow-txt6 { font-size: 14px; } }

/* ss-flow-txt7: WEB制作・業務ツール連携開始 ( 制作期間:2週間〜1.5 */
.ss-flow-txt7 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-flow-txt8: シャチョウはもう何も心配しなくて大丈夫です！ */
.ss-flow-txt8 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 30px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-flow-txt8 { font-size: 24px; } }

/* ss-flow-txt9: これだけのサポートを自社で抱えるか、他社にバラバラに発注すれ */
.ss-flow-txt9 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 30px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-flow-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-flow-link1 { place-content: center space-between; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: 330px; --gh-ss-flow-link1: 16px; --gv-ss-flow-link1: 0px; max-width: 100%; --g-color-0: #e4c844ff; --g-position-0: 0%; --g-color-1: #ff3d40ff; --g-position-1: 100%; --g-color-2: #ff3d40ff; --g-position-2: 100%; --g-color-3: #ff3d40ff; --g-position-3: 100%; --g-color-4: #ff3d40ff; --g-position-4: 100%; --g-color-5: #ff3d40ff; --g-position-5: 100%; --g-color-6: #ff3d40ff; --g-position-6: 100%; --g-color-7: #ff3d40ff; --g-position-7: 100%; --g-color-8: #ff3d40ff; --g-position-8: 100%; --g-color-9: #ff3d40ff; --g-position-9: 100%; --g-color-10: #ff3d40ff; --g-position-10: 100%; --g-color-11: #ff3d40ff; --g-position-11: 100%; --g-angle: 270deg; }
.ss-flow-link1:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); --gh-ss-flow-link1: 16px; --gv-ss-flow-link1: 0px; --g-color-0: #ffe672ff; --g-position-0: 0%; --g-color-1: #ff7275ff; --g-position-1: 100%; --g-color-2: #ff7275ff; --g-position-2: 100%; --g-color-3: #ff7275ff; --g-position-3: 100%; --g-color-4: #ff7275ff; --g-position-4: 100%; --g-color-5: #ff7275ff; --g-position-5: 100%; --g-color-6: #ff7275ff; --g-position-6: 100%; --g-color-7: #ff7275ff; --g-position-7: 100%; --g-color-8: #ff7275ff; --g-position-8: 100%; --g-color-9: #ff7275ff; --g-position-9: 100%; --g-color-10: #ff7275ff; --g-position-10: 100%; --g-color-11: #ff7275ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 1280px) { .ss-flow-link1 { display: flex; --gh-ss-flow-link1: 16px; --gv-ss-flow-link1: 0px; } }
@media screen and (max-width: 760px) { .ss-flow-link1 { display: flex; --gh-ss-flow-link1: 16px; --gv-ss-flow-link1: 0px; } }
@media screen and (max-width: 540px) { .ss-flow-link1 { display: flex; --gh-ss-flow-link1: 16px; --gv-ss-flow-link1: 0px; } }
@media screen and (max-width: 360px) { .ss-flow-link1 { display: flex; --gh-ss-flow-link1: 16px; --gv-ss-flow-link1: 0px; } }

/* ss-flow-txt10: まずはお気軽に無料相談！ */
.ss-flow-txt10 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-flow-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-flow-link1:hover .ss-flow-txt10 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ss-flow-txt10 { font-size: 14px; } }

/* ss-flow-icon6: keyboard_arrow_right */
.ss-flow-icon6 { background: rgb(255, 255, 255); border-radius: 100px; color: #ff3900ff; font-size: 22px; padding: 12px; }

/* ss-flow-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.ss-flow-link1:hover .ss-flow-icon6 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* ss-contact-pic1: CONTACT お問い合わせ まずはお気軽にご連絡くだ */
.ss-contact-pic1 { place-content: center; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 100px 30px; width: 100%; max-width: 100%; }
.ss-contact-pic1::before { filter: brightness(102%) contrast(100%) saturate(90%); }
@media screen and (max-width: 540px) { .ss-contact-pic1 { padding: 70px 20px; } }

/* ss-contact-inner1:  */
.ss-contact-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center; align-items: center; max-width: 100%; }
.ss-contact-inner1::before { flex-direction: column; }
@media screen and (max-width: 540px) { .ss-contact-inner1 { padding: 70px 20px; flex-direction: column; } }

/* ss-contact-txt1: CONTACT */
.ss-contact-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); background-clip: text; -webkit-background-clip: text; }

/* ss-contact-txt2: お問い合わせ */
.ss-contact-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 27px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ss-contact-txt2 { font-size: 24px; } }

/* ss-contact-txt3: まずはお気軽にご連絡ください。 「まだ検討中…」「何から始め */
.ss-contact-txt3 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* ss-contact-form1: 必須 お名前 必須 メールアドレス 任意 電 */
.ss-contact-form1 { place-content: flex-start center; align-items: flex-start; background: rgb(245, 245, 245); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; gap: 32px; margin: 0px; opacity: 1; padding: 32px; width: 900px; --gh-ss-contact-form1: 0px; --gv-ss-contact-form1: 32px; max-width: 100%; }
html.js .ss-contact-form1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-ss-contact-form1: 0px; --gv-ss-contact-form1: 32px; }
.ss-contact-form1.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 540px) { .ss-contact-form1 { gap: 24px; padding: 32px 20px; --gh-ss-contact-form1: 0px; --gv-ss-contact-form1: 24px; } }

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

/* ss-contact-box1: 必須 お名前 */
.ss-contact-box1 { place-content: center flex-start; align-items: center; flex-flow: row-reverse; gap: 8px; margin: 0px; padding: 0px; --gh-ss-contact-box1: 8px; --gv-ss-contact-box1: 0px; max-width: 100%; }

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

/* ss-contact-txt4: 必須 */
.ss-contact-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', 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) { .ss-contact-txt4 { font-size: 11px; } }

/* ss-contact-txt5: お名前 */
.ss-contact-txt5 { border-radius: 0px; color: rgb(34, 34, 34); font-family: 'Noto Sans JP', 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) { .ss-contact-txt5 { font-size: 14px; } }

/* ss-contact-input1:  */
.ss-contact-input1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: calc(100% - (var(--gh-ss-contact-label1) * 0)); max-width: calc(100% - (var(--gh-ss-contact-label1) * 0)); }
.ss-contact-input1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.ss-contact-input1::-webkit-input-placeholder { color: rgb(204, 204, 204); }

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

/* ss-contact-box3: 必須 メールアドレス */
.ss-contact-box3 { place-content: center flex-start; align-items: center; flex-flow: row-reverse; gap: 8px; margin: 0px; padding: 0px; --gh-ss-contact-box3: 8px; --gv-ss-contact-box3: 0px; max-width: 100%; }

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

/* ss-contact-txt6: 必須 */
.ss-contact-txt6 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', 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) { .ss-contact-txt6 { font-size: 11px; } }

/* ss-contact-txt7: メールアドレス */
.ss-contact-txt7 { border-radius: 0px; color: rgb(34, 34, 34); font-family: 'Noto Sans JP', 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) { .ss-contact-txt7 { font-size: 14px; } }

/* ss-contact-input2:  */
.ss-contact-input2 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: calc(100% - (var(--gh-ss-contact-label2) * 0)); max-width: calc(100% - (var(--gh-ss-contact-label2) * 0)); }
.ss-contact-input2:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.ss-contact-input2::-webkit-input-placeholder { color: rgb(204, 204, 204); }

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

/* ss-contact-box5: 任意 電話番号 */
.ss-contact-box5 { place-content: center flex-start; align-items: center; flex-flow: row-reverse; gap: 8px; margin: 0px; padding: 0px; --gh-ss-contact-box5: 8px; --gv-ss-contact-box5: 0px; max-width: 100%; }

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

/* ss-contact-txt8: 任意 */
.ss-contact-txt8 { color: rgb(34, 34, 34); font-family: 'Noto Sans JP', 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) { .ss-contact-txt8 { font-size: 11px; } }

/* ss-contact-txt9: 電話番号 */
.ss-contact-txt9 { border-radius: 0px; color: rgb(34, 34, 34); font-family: 'Noto Sans JP', 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) { .ss-contact-txt9 { font-size: 14px; } }

/* ss-contact-input3:  */
.ss-contact-input3 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: calc(100% - (var(--gh-ss-contact-label3) * 0)); max-width: calc(100% - (var(--gh-ss-contact-label3) * 0)); }
.ss-contact-input3:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.ss-contact-input3::-webkit-input-placeholder { color: rgb(204, 204, 204); }

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

/* ss-contact-box7: 必須 お問い合わせ内容 */
.ss-contact-box7 { place-content: center flex-start; align-items: center; flex-flow: row-reverse; gap: 8px; margin: 0px; padding: 0px; --gh-ss-contact-box7: 8px; --gv-ss-contact-box7: 0px; max-width: 100%; }

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

/* ss-contact-txt10: 必須 */
.ss-contact-txt10 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', 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) { .ss-contact-txt10 { font-size: 11px; } }

/* ss-contact-txt11: お問い合わせ内容 */
.ss-contact-txt11 { border-radius: 0px; color: rgb(34, 34, 34); font-family: 'Noto Sans JP', 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) { .ss-contact-txt11 { font-size: 14px; } }

/* ss-contact-textarea1:  */
.ss-contact-textarea1 { background: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(230, 230, 230); border-radius: 4px; box-shadow: none; color: rgb(34, 34, 34); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: calc(100% - (var(--gh-ss-contact-label4) * 0)); max-width: calc(100% - (var(--gh-ss-contact-label4) * 0)); }
.ss-contact-textarea1:focus { outline: none; border-width: 1px; border-style: solid; border-color: rgb(112, 112, 112); }
.ss-contact-textarea1::-webkit-input-placeholder { color: rgb(204, 204, 204); }

/* ss-contact-box9: プライバシーポリシーを開く */
.ss-contact-box9 { place-content: center flex-start; align-items: center; flex: 0 0 auto; flex-flow: row; gap: 12px; padding: 0px; width: calc(100% - (var(--gh-ss-contact-form1) * 0)); --gh-ss-contact-box9: 12px; --gv-ss-contact-box9: 0px; max-width: calc(100% - (var(--gh-ss-contact-form1) * 0)); }
@media screen and (max-width: 540px) { .ss-contact-box9 { gap: 24px; --gh-ss-contact-box9: 24px; --gv-ss-contact-box9: 0px; } }

/* ss-contact-link1: プライバシーポリシーを開く */
.ss-contact-link1 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 12px; padding: 0px; --gh-ss-contact-link1: 12px; --gv-ss-contact-link1: 0px; }
.ss-contact-link1:hover { transition-duration: 2000ms; transition-timing-function: ease-in-out; --gh-ss-contact-link1: 12px; --gv-ss-contact-link1: 0px; }
@media screen and (max-width: 540px) { .ss-contact-link1 { gap: 24px; --gh-ss-contact-link1: 24px; --gv-ss-contact-link1: 0px; } }

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

/* ss-contact-icon1:  */
.ss-contact-icon1 { color: rgb(34, 34, 34); font-size: 12px; }

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

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

/* ss-contact-txt13: プライバシーポリシーに同意する */
.ss-contact-txt13 { color: rgb(34, 34, 34); font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-style: normal; font-weight: 400; height: auto; letter-spacing: normal; line-height: 1.75; text-align: left; text-decoration: none; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .ss-contact-txt13 { font-size: 14px; } }

/* ss-contact-btn1: 送信する */
.ss-contact-btn1 { background: rgb(34, 34, 34); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 0px 0px; color: rgb(34, 34, 34); font-family: 'Noto Sans JP', 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-ss-contact-form1) * 0)); max-width: calc(100% - (var(--gh-ss-contact-form1) * 0)); }
.ss-contact-btn1:hover { background: #ff3900ff; transform: translate(0px, 0px); }

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

/* ssmenu-box1: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ssmenu-box1 { background: rgba(0, 0, 0, 0.16); height: 100%; justify-content: center; padding: 20px; width: 100%; max-width: 100%; }
@media screen and (max-width: 1280px) { .ssmenu-box1 { place-content: flex-end center; align-items: flex-end; flex-flow: column; padding: 0px; } }

/* ssmenu-box2: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ssmenu-box2 { background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.2) 0px 6px 15px 0px; display: none; height: 240px; width: 400px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ssmenu-box2 { place-content: center space-between; align-items: center; background: rgb(255, 255, 255); border-radius: 20px 0px 0px 20px; display: flex; flex-flow: column; height: 100%; padding: 21px 45px 20px 30px; width: 491px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ssmenu-box2 { display: flex; } }
@media screen and (max-width: 540px) { .ssmenu-box2 { display: flex; } }
@media screen and (max-width: 360px) { .ssmenu-box2 { display: flex; } }

/* ssmenu-box3:  */
.ssmenu-box3 { place-content: center; align-items: center; display: none; flex-flow: row; padding: 0px; }
@media screen and (max-width: 1280px) { .ssmenu-box3 { display: flex; flex: 0 0 auto; height: auto; justify-content: space-between; margin: 0px 0px 50px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 760px) { .ssmenu-box3 { display: flex; } }
@media screen and (max-width: 540px) { .ssmenu-box3 { display: flex; } }
@media screen and (max-width: 360px) { .ssmenu-box3 { display: flex; } }

/* ssmenu-link1:  */
.ssmenu-link1 { place-content: center flex-start; align-items: center; flex-flow: wrap; gap: 20px; padding: 0px; --gh-ssmenu-link1: 20px; --gv-ssmenu-link1: 20px; }
@media screen and (max-width: 1280px) { .ssmenu-link1 { justify-content: space-between; --gh-ssmenu-link1: 20px; --gv-ssmenu-link1: 20px; } }
@media screen and (max-width: 760px) { .ssmenu-link1 { place-content: center space-between; align-items: center; --gh-ssmenu-link1: 20px; --gv-ssmenu-link1: 20px; } }

/* ssmenu-box4:  */
.ssmenu-box4 { place-content: flex-start center; align-items: flex-start; background: transparent; border-width: 0px 1px 0px 0px; border-style: solid; border-color: rgb(250, 250, 250); flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px; padding: 0px; width: auto; max-width: 100%; }

/* ssmenu-img1:  */
.ssmenu-img1 { flex: 0 0 auto; height: 23px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .ssmenu-img1 { flex: 0 0 auto; height: 24px; max-width: 100%; } }

/* ssmenu-box5:  */
.ssmenu-box5 { background: rgb(238, 238, 238); height: 160px; width: 200px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ssmenu-box5 { place-content: flex-end center; align-items: flex-end; background: rgba(238, 238, 238, 0); flex: 0 0 auto; flex-flow: column; height: auto; width: 80px; max-width: 100%; } }

/* ssmenu-btn1:  */
.ssmenu-btn1 { place-content: center; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(255, 80, 53); border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px; display: none; flex: 0 0 auto; flex-flow: column; height: 55px; width: 55px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ssmenu-btn1 { place-content: center; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); display: flex; flex-flow: column; } }
@media screen and (max-width: 760px) { .ssmenu-btn1 { display: flex; } }
@media screen and (max-width: 540px) { .ssmenu-btn1 { display: flex; } }
@media screen and (max-width: 360px) { .ssmenu-btn1 { display: flex; } }

/* ssmenu-icon1:  */
.ssmenu-icon1 { color: rgb(51, 51, 51); font-size: 24px; }
@media screen and (max-width: 1280px) { .ssmenu-icon1 { color: rgb(255, 255, 255); } }

/* ssmenu-box6: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ssmenu-box6 { background: rgb(238, 238, 238); height: 160px; width: 200px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ssmenu-box6 { place-content: center; align-items: center; background: rgba(238, 238, 238, 0); flex: 1 1 0%; flex-flow: column; height: auto; width: 100%; max-width: 100%; } }

/* ssmenu-list1: 強み サービス内容 制作実績 料金 割引キャンペーン */
.ssmenu-list1 { place-content: center flex-start; align-items: center; display: none; flex-flow: wrap; gap: 5px; padding: 0px; --gh-ssmenu-list1: 5px; --gv-ssmenu-list1: 5px; }
@media screen and (max-width: 1280px) { .ssmenu-list1 { place-content: flex-start center; align-items: flex-start; display: flex; flex: 0 0 auto; flex-flow: column; height: auto; margin: 0px 0px 100px; width: 100%; --gh-ssmenu-list1: 0px; --gv-ssmenu-list1: 5px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ssmenu-list1 { display: flex; --gh-ssmenu-list1: 5px; --gv-ssmenu-list1: 5px; } }
@media screen and (max-width: 540px) { .ssmenu-list1 { display: flex; --gh-ssmenu-list1: 5px; --gv-ssmenu-list1: 5px; } }
@media screen and (max-width: 360px) { .ssmenu-list1 { display: flex; --gh-ssmenu-list1: 5px; --gv-ssmenu-list1: 5px; } }

/* ssmenu-item1: 強み */
.ssmenu-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; --gh-ssmenu-item1: 0px; --gv-ssmenu-item1: 0px; }
@media screen and (max-width: 1280px) { .ssmenu-item1:hover { background: #0064d0ff; padding: 0px; } }
@media screen and (max-width: 1280px) { .ssmenu-item1 { place-content: center space-between; align-items: center; border-bottom: 1px solid #f0f0f0ff; border-left: 0px solid #f0f0f0ff; border-right: 0px solid #f0f0f0ff; border-top: 0px solid #f0f0f0ff; flex: 0 0 auto; flex-flow: row; gap: 0px; height: auto; padding: 0px; width: calc(100% - (var(--gh-ssmenu-list1) * 0)); --gh-ssmenu-item1: 0px; --gv-ssmenu-item1: 0px; max-width: calc(100% - (var(--gh-ssmenu-list1) * 0)); } }

/* ssmenu-link2: 強み */
.ssmenu-link2 { place-content: center; align-items: center; flex-flow: column; padding: 4px 12px; }

/* ssmenu-item1: 強み */
.ssmenu-item1:hover .ssmenu-link2:hover { opacity: 1; }
@media screen and (max-width: 1280px) { .ssmenu-item1:hover .ssmenu-link2:hover { background: #0064d0ff; } }
@media screen and (max-width: 1280px) { .ssmenu-link2 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; height: auto; margin: 0px; padding: 10px 12px; width: calc(100% - (var(--gh-ssmenu-item1) * 0)); max-width: calc(100% - (var(--gh-ssmenu-item1) * 0)); } }

/* ssmenu-txt1: 強み */
.ssmenu-txt1 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', 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: 1280px) { .ssmenu-txt1 { color: rgb(0, 0, 0); font-size: 15px; font-weight: 500; } }
@media screen and (max-width: 1280px) { .ssmenu-link2:hover .ssmenu-txt1 { color: rgb(255, 255, 255); } }
@media screen and (max-width: 540px) { .ssmenu-txt1 { font-size: 14px; } }

/* ssmenu-icon2:  */
.ssmenu-icon2 { color: rgb(51, 51, 51); font-size: 24px; }
@media screen and (max-width: 1280px) { .ssmenu-icon2 { color: rgb(0, 0, 0); font-size: 13px; } }
@media screen and (max-width: 1280px) { .ssmenu-link2:hover .ssmenu-icon2 { color: rgb(255, 255, 255); } }

/* ssmenu-link3: 無料相談はこちら keyboard_arrow_righ */
.ssmenu-link3 { place-content: center flex-end; align-items: center; background: transparent; display: none; flex: 0 0 auto; flex-flow: wrap; gap: 12px; height: 100%; width: auto; --gh-ssmenu-link3: 12px; --gv-ssmenu-link3: 12px; max-width: 100%; }
@media screen and (max-width: 1280px) { .ssmenu-link3 { display: flex; flex-flow: row; height: auto; --gh-ssmenu-link3: 12px; --gv-ssmenu-link3: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ssmenu-link3 { display: flex; --gh-ssmenu-link3: 12px; --gv-ssmenu-link3: 12px; } }
@media screen and (max-width: 540px) { .ssmenu-link3 { display: flex; --gh-ssmenu-link3: 12px; --gv-ssmenu-link3: 12px; } }
@media screen and (max-width: 360px) { .ssmenu-link3 { display: flex; --gh-ssmenu-link3: 12px; --gv-ssmenu-link3: 12px; } }

/* ssmenu-box7: 無料相談はこちら keyboard_arrow_righ */
.ssmenu-box7 { place-content: center space-between; align-items: center; background: linear-gradient(270deg, #e4c844ff, #ff3d40ff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: calc(100% - (var(--gh-ssmenu-link3) * 0)); --gh-ssmenu-box7: 16px; --gv-ssmenu-box7: 0px; max-width: calc(100% - (var(--gh-ssmenu-link3) * 0)); }
.ssmenu-box7:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); transition-duration: 200ms; transition-timing-function: cubic-bezier(0.5, 0.48, 0, 0.99); --gh-ssmenu-box7: 16px; --gv-ssmenu-box7: 0px; --g-color-0: #ffee9bff; --g-position-0: 0%; --g-color-1: #ff3d40ff; --g-position-1: 100%; --g-color-2: #ff3d40ff; --g-position-2: 100%; --g-color-3: #ff3d40ff; --g-position-3: 100%; --g-color-4: #ff3d40ff; --g-position-4: 100%; --g-color-5: #ff3d40ff; --g-position-5: 100%; --g-color-6: #ff3d40ff; --g-position-6: 100%; --g-color-7: #ff3d40ff; --g-position-7: 100%; --g-color-8: #ff3d40ff; --g-position-8: 100%; --g-color-9: #ff3d40ff; --g-position-9: 100%; --g-color-10: #ff3d40ff; --g-position-10: 100%; --g-color-11: #ff3d40ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 1280px) { .ssmenu-box7 { display: flex; width: auto; --gh-ssmenu-box7: 16px; --gv-ssmenu-box7: 0px; max-width: 100%; } }
@media screen and (max-width: 760px) { .ssmenu-box7 { display: flex; padding: 10px 8px 10px 50px; --gh-ssmenu-box7: 16px; --gv-ssmenu-box7: 0px; } }
@media screen and (max-width: 540px) { .ssmenu-box7 { display: flex; --gh-ssmenu-box7: 16px; --gv-ssmenu-box7: 0px; } }
@media screen and (max-width: 360px) { .ssmenu-box7 { display: flex; --gh-ssmenu-box7: 16px; --gv-ssmenu-box7: 0px; } }

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

/* ssmenu-box7: 無料相談はこちら keyboard_arrow_righ */
.ssmenu-box7:hover .ssmenu-txt2 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .ssmenu-txt2 { font-size: 14px; } }

/* ssmenu-icon3: keyboard_arrow_right */
.ssmenu-icon3 { background: rgb(255, 255, 255); border-radius: 100px; color: #ff3900ff; font-size: 24px; padding: 10px; }

/* ssmenu-box7: 無料相談はこちら keyboard_arrow_righ */
.ssmenu-box7:hover .ssmenu-icon3 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* sp-root: 強み サービス内容 制作実績 料金 割引キャンペーン */
.sp-root { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* sp-blk1-sec1: PRIVACY POLICY 1.プライバシーポリシー（ま */
.sp-blk1-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 190px 30px 100px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .sp-blk1-sec1 { padding: 150px 30px 70px; } }

/* sp-blk1-inner1:  */
.sp-blk1-inner1 { padding: 190px 30px 100px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .sp-blk1-inner1 { padding: 150px 30px 70px; flex-direction: column; } }

/* sp-blk1-txt1: PRIVACY POLICY */
.sp-blk1-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 40px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 70px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e49a; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 540px) { .sp-blk1-txt1 { font-size: 35px; } }

/* sp-blk1-txt2: 1.プライバシーポリシー（または個人情報保護方針） 当社は、 */
.sp-blk1-txt2 { color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 50px; text-align: left; width: 90%; max-width: 90%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sp-blk1-txt2 { font-size: 14px; } }

/* sp-blk1-link1: keyboard_arrow_left TOPへ戻る */
.sp-blk1-link1 { place-content: center space-between; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 50px 10px 8px; width: 330px; --gh-sp-blk1-link1: 16px; --gv-sp-blk1-link1: 0px; max-width: 100%; }
.sp-blk1-link1:hover { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); opacity: 0.8; --gh-sp-blk1-link1: 16px; --gv-sp-blk1-link1: 0px; }
@media screen and (max-width: 1280px) { .sp-blk1-link1 { display: flex; --gh-sp-blk1-link1: 16px; --gv-sp-blk1-link1: 0px; } }
@media screen and (max-width: 760px) { .sp-blk1-link1 { display: flex; --gh-sp-blk1-link1: 16px; --gv-sp-blk1-link1: 0px; } }
@media screen and (max-width: 540px) { .sp-blk1-link1 { display: flex; --gh-sp-blk1-link1: 16px; --gv-sp-blk1-link1: 0px; } }
@media screen and (max-width: 360px) { .sp-blk1-link1 { display: flex; --gh-sp-blk1-link1: 16px; --gv-sp-blk1-link1: 0px; } }

/* sp-blk1-icon1: keyboard_arrow_left */
.sp-blk1-icon1 { background: rgb(255, 255, 255); border-radius: 100px; color: #0064d0ff; font-size: 22px; padding: 12px; }

/* sp-blk1-link1: keyboard_arrow_left TOPへ戻る */
.sp-blk1-link1:hover .sp-blk1-icon1 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* sp-blk1-txt3: TOPへ戻る */
.sp-blk1-txt3 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sp-blk1-link1: keyboard_arrow_left TOPへ戻る */
.sp-blk1-link1:hover .sp-blk1-txt3 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sp-blk1-txt3 { font-size: 14px; } }

/* st-root: 強み サービス内容 制作実績 料金 割引キャンペーン */
.st-root { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* st-blk1-sec1: THANKS. お問い合わせありがとうございます。 内容を */
.st-blk1-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 190px 30px 100px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .st-blk1-sec1 { padding: 150px 30px 70px; } }

/* st-blk1-inner1:  */
.st-blk1-inner1 { padding: 190px 30px 100px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .st-blk1-inner1 { padding: 150px 30px 70px; flex-direction: column; } }

/* st-blk1-txt1: THANKS. */
.st-blk1-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 40px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px 0px 30px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e49a; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 540px) { .st-blk1-txt1 { font-size: 35px; } }

/* st-blk1-txt2: お問い合わせありがとうございます。 内容を確認した後にご連絡 */
.st-blk1-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 50px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .st-blk1-txt2 { font-size: 14px; } }

/* st-blk1-link1: keyboard_arrow_left TOPへ戻る */
.st-blk1-link1 { place-content: center space-between; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 50px 10px 8px; width: 330px; --gh-st-blk1-link1: 16px; --gv-st-blk1-link1: 0px; max-width: 100%; }
.st-blk1-link1:hover { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); opacity: 0.8; --gh-st-blk1-link1: 16px; --gv-st-blk1-link1: 0px; }
@media screen and (max-width: 1280px) { .st-blk1-link1 { display: flex; --gh-st-blk1-link1: 16px; --gv-st-blk1-link1: 0px; } }
@media screen and (max-width: 760px) { .st-blk1-link1 { display: flex; --gh-st-blk1-link1: 16px; --gv-st-blk1-link1: 0px; } }
@media screen and (max-width: 540px) { .st-blk1-link1 { display: flex; --gh-st-blk1-link1: 16px; --gv-st-blk1-link1: 0px; } }
@media screen and (max-width: 360px) { .st-blk1-link1 { display: flex; --gh-st-blk1-link1: 16px; --gv-st-blk1-link1: 0px; } }

/* st-blk1-icon1: keyboard_arrow_left */
.st-blk1-icon1 { background: rgb(255, 255, 255); border-radius: 100px; color: #0064d0ff; font-size: 22px; padding: 12px; }

/* st-blk1-link1: keyboard_arrow_left TOPへ戻る */
.st-blk1-link1:hover .st-blk1-icon1 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* st-blk1-txt3: TOPへ戻る */
.st-blk1-txt3 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* st-blk1-link1: keyboard_arrow_left TOPへ戻る */
.st-blk1-link1:hover .st-blk1-txt3 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .st-blk1-txt3 { font-size: 14px; } }

/* sw-root: 強み サービス内容 制作実績 料金 割引キャンペーン */
.sw-root { place-content: center flex-end; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* sw-blk1-sec1: WORKS 実績一覧 2026.09.09 株式会社常 */
.sw-blk1-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 170px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .sw-blk1-sec1 { padding: 150px 30px; } }

/* sw-blk1-inner1:  */
.sw-blk1-inner1 { padding: 170px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .sw-blk1-inner1 { padding: 150px 30px; flex-direction: column; } }

/* sw-blk1-txt1: WORKS */
.sw-blk1-txt1 { color: transparent; font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); background-clip: text; -webkit-background-clip: text; --g-color-0: #44c6e49a; --g-position-0: 0%; --g-color-1: #3d5effff; --g-position-1: 100%; --g-color-2: #3d5effff; --g-position-2: 100%; --g-color-3: #3d5effff; --g-position-3: 100%; --g-color-4: #3d5effff; --g-position-4: 100%; --g-color-5: #3d5effff; --g-position-5: 100%; --g-color-6: #3d5effff; --g-position-6: 100%; --g-color-7: #3d5effff; --g-position-7: 100%; --g-color-8: #3d5effff; --g-position-8: 100%; --g-color-9: #3d5effff; --g-position-9: 100%; --g-color-10: #3d5effff; --g-position-10: 100%; --g-color-11: #3d5effff; --g-position-11: 100%; --g-angle: 270deg; }

/* sw-blk1-txt2: 実績一覧 */
.sw-blk1-txt2 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 27px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 50px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sw-blk1-box1: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.sw-blk1-box1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 15px; margin: 0px 0px 50px; width: 100%; --gh-sw-blk1-box1: 15px; --gv-sw-blk1-box1: 15px; max-width: 100%; }
html.js .sw-blk1-box1:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; --gh-sw-blk1-box1: 15px; --gv-sw-blk1-box1: 15px; }
.sw-blk1-box1.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: ease-in-out; }
@media screen and (max-width: 1280px) { .sw-blk1-box1 { gap: 16px; --gh-sw-blk1-box1: 16px; --gv-sw-blk1-box1: 16px; } }

/* sw-blk1-box2: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.sw-blk1-box2 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 10px; box-shadow: rgba(0, 100, 208, 0.2) 0px 0px 15px 0px; flex: 0 0 auto; flex-flow: column; gap: 15px; height: calc(100% - (var(--gv-sw-blk1-box1) * 0)); padding: 0px 0px 10px; width: 245px; --gh-sw-blk1-box2: 0px; --gv-sw-blk1-box2: 15px; max-width: 100%; }
.sw-blk1-box2:hover { translate: 0px -10px; --gh-sw-blk1-box2: 0px; --gv-sw-blk1-box2: 15px; }
@media screen and (max-width: 760px) { .sw-blk1-box2 { flex-direction: column; overflow: hidden auto; --gh-sw-blk1-box2: 0px; --gv-sw-blk1-box2: 15px; } }
@media screen and (max-width: 540px) { .sw-blk1-box2 { height: auto; overflow: hidden auto; width: calc(100% - (var(--gh-sw-blk1-box1) * 0)); --gh-sw-blk1-box2: 0px; --gv-sw-blk1-box2: 15px; max-width: calc(100% - (var(--gh-sw-blk1-box1) * 0)); } }

/* sw-blk1-pic1:  */
.sw-blk1-pic1 { border-radius: 8px 8px 0px 0px; flex: 0 0 auto; height: 150px; width: calc(100% - (var(--gh-sw-blk1-box2) * 0)); max-width: calc(100% - (var(--gh-sw-blk1-box2) * 0)); }
.sw-blk1-pic1::before { background-position: center top; background-repeat: no-repeat; background-size: cover; }
@media screen and (max-width: 1280px) { .sw-blk1-pic1::before { background-repeat: no-repeat; background-size: cover; } }
@media screen and (max-width: 760px) { .sw-blk1-pic1 { border-radius: 8px 8px 0px 0px; flex: 0 0 auto; height: 150px; width: 100%; } }

/* sw-blk1-box3: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.sw-blk1-box3 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: row; height: auto; padding: 0px 20px; width: calc(100% - (var(--gh-sw-blk1-box2) * 0)); max-width: calc(100% - (var(--gh-sw-blk1-box2) * 0)); }
@media screen and (max-width: 760px) { .sw-blk1-box3 { flex-direction: row; } }

/* sw-blk1-box4: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.sw-blk1-box4 { align-content: flex-start; align-items: flex-start; flex: 1 1 0%; gap: 5px; height: auto; margin: 0px 15px 0px 0px; padding: 0px; --gh-sw-blk1-box4: 0px; --gv-sw-blk1-box4: 5px; max-width: calc(100% - 15px); }

/* sw-blk1-txt3: 2026.09.09 */
.sw-blk1-txt3 { color: rgb(182, 182, 182); font-family: Unbounded, sans-serif; font-size: 10px; font-weight: 400; }
@media screen and (max-width: 760px) { .sw-blk1-txt3 { font-size: 10px; } }

/* sw-blk1-txt4: 株式会社常陸自動車コーポレートサイト */
.sw-blk1-txt4 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 13px; font-weight: 600; line-height: 1.2; text-align: left; justify-content: flex-start; }
@media screen and (max-width: 760px) { .sw-blk1-txt4 { font-size: 17px; } }

/* sw-blk1-txt5: サイトを見る */
.sw-blk1-txt5 { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 5px; color: rgb(255, 255, 255); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 11px; font-weight: 700; height: auto; line-height: 1.4; padding: 10px; text-align: center; width: 215px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sw-blk1-txt5 { flex: 0 0 auto; height: auto; width: calc(95% - (var(--gh-sw-blk1-box2) * 0.04999999999999995)); max-width: calc(95% - (var(--gh-sw-blk1-box2) * 0.04999999999999995)); } }

/* sw-blk1-link1: keyboard_arrow_left TOPへ戻る */
.sw-blk1-link1 { place-content: center space-between; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 50px 10px 8px; width: 330px; --gh-sw-blk1-link1: 16px; --gv-sw-blk1-link1: 0px; max-width: 100%; }
.sw-blk1-link1:hover { background: linear-gradient(90deg, #44c6e4ff, #3d5effff); opacity: 0.8; --gh-sw-blk1-link1: 16px; --gv-sw-blk1-link1: 0px; }
@media screen and (max-width: 1280px) { .sw-blk1-link1 { display: flex; --gh-sw-blk1-link1: 16px; --gv-sw-blk1-link1: 0px; } }
@media screen and (max-width: 760px) { .sw-blk1-link1 { display: flex; --gh-sw-blk1-link1: 16px; --gv-sw-blk1-link1: 0px; } }
@media screen and (max-width: 540px) { .sw-blk1-link1 { display: flex; --gh-sw-blk1-link1: 16px; --gv-sw-blk1-link1: 0px; } }
@media screen and (max-width: 360px) { .sw-blk1-link1 { display: flex; --gh-sw-blk1-link1: 16px; --gv-sw-blk1-link1: 0px; } }

/* sw-blk1-icon1: keyboard_arrow_left */
.sw-blk1-icon1 { background: rgb(255, 255, 255); border-radius: 100px; color: #0064d0ff; font-size: 22px; padding: 12px; }

/* sw-blk1-link1: keyboard_arrow_left TOPへ戻る */
.sw-blk1-link1:hover .sw-blk1-icon1 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }

/* sw-blk1-txt6: TOPへ戻る */
.sw-blk1-txt6 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sw-blk1-link1: keyboard_arrow_left TOPへ戻る */
.sw-blk1-link1:hover .sw-blk1-txt6 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sw-blk1-txt6 { font-size: 14px; } }

/* sw-flow1-sec1: FLOW まずはお気軽に 無料相談をご予約ください！  */
.sw-flow1-sec1 { place-content: center flex-start; align-items: center; background: linear-gradient(90deg, #44c6e4ff, #3d5effff); border-radius: 50px; flex-flow: column; height: auto; margin: 0px 0px 20px; padding: 100px 30px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .sw-flow1-sec1 { padding: 70px 30px; } }

/* sw-flow1-inner1:  */
.sw-flow1-inner1 { padding: 100px 30px; width: 100%; height: auto; flex-flow: column; place-content: center flex-start; align-items: center; max-width: 100%; }
@media screen and (max-width: 540px) { .sw-flow1-inner1 { padding: 70px 30px; flex-direction: column; } }

/* sw-flow1-txt1: FLOW */
.sw-flow1-txt1 { color: rgb(255, 255, 255); font-family: Unbounded, sans-serif; font-size: 13px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px -5px; padding: 0px 20px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sw-flow1-rich1: まずはお気軽に 無料相談をご予約ください！ */
.sw-flow1-rich1 { color: #ff3900ff; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 400; height: auto; line-height: 1.4; margin: 0px 0px 40px; text-align: left; width: 600px; max-width: 100%; }
.sw-flow1-rich1 em { color: rgb(255, 255, 255); font-size: 27px; font-style: normal; }
.sw-flow1-rich1 > h2 { text-align: center; }
.sw-flow1-rich1 > p { color: rgb(255, 255, 255); font-size: 20px; font-weight: 900; text-align: center; }
.sw-flow1-rich1 strong { font-size: 20px; }
@media screen and (max-width: 540px) { .sw-flow1-rich1 em { font-size: 24px; } }
@media screen and (max-width: 540px) { .sw-flow1-rich1 > p { font-size: 16px; } }

/* sw-flow1-box1: mail 無料相談を予約 お気軽にフォームからご予約  */
.sw-flow1-box1 { place-content: center; align-items: center; background: rgba(255, 255, 255, 0.8); border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 15px 0px; flex: 0 0 auto; flex-wrap: nowrap; gap: 60px; margin: 0px 0px 50px; padding: 40px; width: 75%; --gh-sw-flow1-box1: 0px; --gv-sw-flow1-box1: 60px; max-width: 75%; }
@media screen and (max-width: 760px) { .sw-flow1-box1 { padding: 30px; --gh-sw-flow1-box1: 0px; --gv-sw-flow1-box1: 60px; } }
@media screen and (max-width: 540px) { .sw-flow1-box1 { flex: 0 0 auto; padding: 20px; width: 100%; --gh-sw-flow1-box1: 0px; --gv-sw-flow1-box1: 60px; max-width: 100%; } }

/* sw-flow1-box2: mail 無料相談を予約 お気軽にフォームからご予約  */
.sw-flow1-box2 { place-content: center flex-start; align-items: center; background: transparent; flex: 0 0 auto; flex-flow: column; gap: 48px; height: auto; margin: 0px; padding: 0px; width: calc(100% - (var(--gh-sw-flow1-box1) * 0)); --gh-sw-flow1-box2: 0px; --gv-sw-flow1-box2: 48px; max-width: calc(100% - (var(--gh-sw-flow1-box1) * 0)); }
@media screen and (max-width: 760px) { .sw-flow1-box2 { flex-flow: column; --gh-sw-flow1-box2: 0px; --gv-sw-flow1-box2: 48px; } }

/* sw-flow1-box3: mail 無料相談を予約 お気軽にフォームからご予約  */
.sw-flow1-box3 { place-content: stretch space-between; align-items: stretch; flex: 0 0 auto; flex-flow: wrap; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-sw-flow1-box2) * 0)); --gh-sw-flow1-box3: 0px; --gv-sw-flow1-box3: 0px; max-width: calc(100% - (var(--gh-sw-flow1-box2) * 0)); }
html.js .sw-flow1-box3:not(.in) { opacity: 0; transform: translate(0px, 20px); transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); --gh-sw-flow1-box3: 0px; --gv-sw-flow1-box3: 0px; }
.sw-flow1-box3.in-active { transition-delay: 300ms; transition-duration: 500ms; transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }
@media screen and (max-width: 760px) { .sw-flow1-box3 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 10px; width: 480px; --gh-sw-flow1-box3: 0px; --gv-sw-flow1-box3: 10px; max-width: 100%; } }
@media screen and (max-width: 540px) { .sw-flow1-box3 { gap: 10px; --gh-sw-flow1-box3: 10px; --gv-sw-flow1-box3: 10px; } }

/* sw-flow1-box4: mail 無料相談を予約 お気軽にフォームからご予約 */
.sw-flow1-box4 { background: rgb(250, 250, 250); border-width: 0px; border-style: solid; border-color: transparent; border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 24px; width: calc(30% - (var(--gh-sw-flow1-box3) * 0.7000000000000001)); --gh-sw-flow1-box4: 0px; --gv-sw-flow1-box4: 0px; max-width: calc(30% - (var(--gh-sw-flow1-box3) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sw-flow1-box4 { flex: 0 0 auto; width: calc(100% - (var(--gh-sw-flow1-box3) * 0)); --gh-sw-flow1-box4: 0px; --gv-sw-flow1-box4: 0px; max-width: calc(100% - (var(--gh-sw-flow1-box3) * 0)); } }
@media screen and (max-width: 540px) { .sw-flow1-box4 { border-radius: 6px; --gh-sw-flow1-box4: 0px; --gv-sw-flow1-box4: 0px; } }

/* sw-flow1-icon1: mail */
.sw-flow1-icon1 { color: #0064d0ff; font-size: 50px; margin: 0px 0px 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .sw-flow1-icon1 { font-size: 32px; } }

/* sw-flow1-txt2: 無料相談を予約 */
.sw-flow1-txt2 { color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sw-flow1-txt2 { font-size: 14px; } }

/* sw-flow1-txt3: お気軽にフォームからご予約 */
.sw-flow1-txt3 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sw-flow1-icon2:  */
.sw-flow1-icon2 { color: #0064d0ff; font-size: 24px; }
@media screen and (max-width: 760px) { .sw-flow1-icon2 { rotate: 90deg; } }
@media screen and (max-width: 540px) { .sw-flow1-icon2 { rotate: 90deg; } }

/* sw-flow1-box5: 現状・課題ヒアリング 貴社の課題をお聞きします */
.sw-flow1-box5 { background: rgb(250, 250, 250); border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 24px; width: calc(30% - (var(--gh-sw-flow1-box3) * 0.7000000000000001)); --gh-sw-flow1-box5: 0px; --gv-sw-flow1-box5: 0px; max-width: calc(30% - (var(--gh-sw-flow1-box3) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sw-flow1-box5 { flex: 0 0 auto; width: calc(100% - (var(--gh-sw-flow1-box3) * 0)); --gh-sw-flow1-box5: 0px; --gv-sw-flow1-box5: 0px; max-width: calc(100% - (var(--gh-sw-flow1-box3) * 0)); } }
@media screen and (max-width: 540px) { .sw-flow1-box5 { border-radius: 6px; --gh-sw-flow1-box5: 0px; --gv-sw-flow1-box5: 0px; } }

/* sw-flow1-icon3:  */
.sw-flow1-icon3 { color: #0064d0ff; font-size: 50px; margin: 0px 0px 10px; max-width: 100%; }
@media screen and (max-width: 540px) { .sw-flow1-icon3 { font-size: 32px; } }

/* sw-flow1-txt4: 現状・課題ヒアリング */
.sw-flow1-txt4 { color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sw-flow1-txt4 { font-size: 14px; } }

/* sw-flow1-txt5: 貴社の課題をお聞きします */
.sw-flow1-txt5 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sw-flow1-icon4:  */
.sw-flow1-icon4 { color: #0064d0ff; font-size: 24px; }
@media screen and (max-width: 760px) { .sw-flow1-icon4 { rotate: 90deg; } }
@media screen and (max-width: 540px) { .sw-flow1-icon4 { rotate: 90deg; } }

/* sw-flow1-box6: 最短翌日スタート WEB制作・IT・補助金対応開始 */
.sw-flow1-box6 { background: rgb(250, 250, 250); border-radius: 8px; flex: 0 0 auto; gap: 0px; height: auto; padding: 32px 24px; width: calc(30% - (var(--gh-sw-flow1-box3) * 0.7000000000000001)); --gh-sw-flow1-box6: 0px; --gv-sw-flow1-box6: 0px; max-width: calc(30% - (var(--gh-sw-flow1-box3) * 0.7000000000000001)); }
@media screen and (max-width: 760px) { .sw-flow1-box6 { flex: 0 0 auto; width: calc(100% - (var(--gh-sw-flow1-box3) * 0)); --gh-sw-flow1-box6: 0px; --gv-sw-flow1-box6: 0px; max-width: calc(100% - (var(--gh-sw-flow1-box3) * 0)); } }
@media screen and (max-width: 540px) { .sw-flow1-box6 { border-radius: 6px; --gh-sw-flow1-box6: 0px; --gv-sw-flow1-box6: 0px; } }

/* sw-flow1-icon5:  */
.sw-flow1-icon5 { color: #0064d0ff; font-size: 40px; margin: 0px 0px 10px; width: auto; max-width: 100%; }
@media screen and (max-width: 540px) { .sw-flow1-icon5 { font-size: 32px; } }

/* sw-flow1-txt6: 最短翌日スタート */
.sw-flow1-txt6 { color: #0064d0ff; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 17px; font-style: normal; font-weight: 700; height: auto; letter-spacing: normal; line-height: 1.75; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .sw-flow1-txt6 { font-size: 14px; } }

/* sw-flow1-txt7: WEB制作・IT・補助金対応開始 */
.sw-flow1-txt7 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sw-flow1-txt8: シャチョウはもう何も心配しなくて大丈夫です！ */
.sw-flow1-txt8 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 30px; font-weight: 900; height: auto; line-height: 1.4; margin: 0px 0px 10px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .sw-flow1-txt8 { font-size: 24px; } }

/* sw-flow1-txt9: これだけのサポートを自社で抱えるか、他社にバラバラに発注すれ */
.sw-flow1-txt9 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 30px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sw-flow1-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.sw-flow1-link1 { place-content: center space-between; align-items: center; background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); border-width: 0px; border-style: solid; border-color: rgb(190, 190, 190); border-radius: 999px; box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 10px 0px; display: flex; flex: 0 0 auto; flex-flow: row; gap: 16px; height: auto; padding: 10px 8px 10px 50px; width: 330px; --gh-sw-flow1-link1: 16px; --gv-sw-flow1-link1: 0px; max-width: 100%; --g-color-0: #e4c844ff; --g-position-0: 0%; --g-color-1: #ff3d40ff; --g-position-1: 100%; --g-color-2: #ff3d40ff; --g-position-2: 100%; --g-color-3: #ff3d40ff; --g-position-3: 100%; --g-color-4: #ff3d40ff; --g-position-4: 100%; --g-color-5: #ff3d40ff; --g-position-5: 100%; --g-color-6: #ff3d40ff; --g-position-6: 100%; --g-color-7: #ff3d40ff; --g-position-7: 100%; --g-color-8: #ff3d40ff; --g-position-8: 100%; --g-color-9: #ff3d40ff; --g-position-9: 100%; --g-color-10: #ff3d40ff; --g-position-10: 100%; --g-color-11: #ff3d40ff; --g-position-11: 100%; --g-angle: 270deg; }
.sw-flow1-link1:hover { background: linear-gradient(var(--g-angle), var(--g-color-0) var(--g-position-0), var(--g-color-1) var(--g-position-1)); --gh-sw-flow1-link1: 16px; --gv-sw-flow1-link1: 0px; --g-color-0: #ffe672ff; --g-position-0: 0%; --g-color-1: #ff7275ff; --g-position-1: 100%; --g-color-2: #ff7275ff; --g-position-2: 100%; --g-color-3: #ff7275ff; --g-position-3: 100%; --g-color-4: #ff7275ff; --g-position-4: 100%; --g-color-5: #ff7275ff; --g-position-5: 100%; --g-color-6: #ff7275ff; --g-position-6: 100%; --g-color-7: #ff7275ff; --g-position-7: 100%; --g-color-8: #ff7275ff; --g-position-8: 100%; --g-color-9: #ff7275ff; --g-position-9: 100%; --g-color-10: #ff7275ff; --g-position-10: 100%; --g-color-11: #ff7275ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 1280px) { .sw-flow1-link1 { display: flex; --gh-sw-flow1-link1: 16px; --gv-sw-flow1-link1: 0px; } }
@media screen and (max-width: 760px) { .sw-flow1-link1 { display: flex; --gh-sw-flow1-link1: 16px; --gv-sw-flow1-link1: 0px; } }
@media screen and (max-width: 540px) { .sw-flow1-link1 { display: flex; --gh-sw-flow1-link1: 16px; --gv-sw-flow1-link1: 0px; } }
@media screen and (max-width: 360px) { .sw-flow1-link1 { display: flex; --gh-sw-flow1-link1: 16px; --gv-sw-flow1-link1: 0px; } }

/* sw-flow1-txt10: まずはお気軽に無料相談！ */
.sw-flow1-txt10 { color: rgb(255, 255, 255); flex: 1 1 0%; font-family: 'Noto Sans JP', sans-serif; font-feature-settings: "palt"; font-size: 15px; font-weight: 600; height: auto; letter-spacing: -0.02em; line-height: 1.75; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* sw-flow1-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.sw-flow1-link1:hover .sw-flow1-txt10 { color: rgb(255, 255, 255); }
@media screen and (max-width: 540px) { .sw-flow1-txt10 { font-size: 14px; } }

/* sw-flow1-icon6: keyboard_arrow_right */
.sw-flow1-icon6 { background: rgb(255, 255, 255); border-radius: 100px; color: #ff3900ff; font-size: 22px; padding: 12px; }

/* sw-flow1-link1: まずはお気軽に無料相談！ keyboard_arrow_ */
.sw-flow1-link1:hover .sw-flow1-icon6 { transform: scale(1.1, 1.1); transition-duration: 300ms; transition-timing-function: ease-in-out; }