/* =========================================================
   syukyaku_sub__work.css  /syukyaku_sub/work 専用。クラス名はすべて sw- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* 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; }