/* =========================================================
   syukyaku__work.css  /syukyaku/work 専用。クラス名はすべて yw- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。
   ========================================================= */
/* yw-root: Works 2026.09.09 株式会社常陸自動車コー */
.yw-root { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 0px; flex-flow: column; height: 100%; margin: 0px; opacity: 1; padding: 0px; width: 100%; max-width: 100%; }

/* yw-blk0-sec1: Works 2026.09.09 株式会社常陸自動車コー */
.yw-blk0-sec1 { place-content: center flex-start; align-items: center; background: rgb(255, 255, 255); flex-flow: column; height: auto; padding: 170px 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .yw-blk0-sec1 { padding: 150px 30px; } }

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

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

/* yw-blk0-box2: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.yw-blk0-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-yw-blk0-box1) * 0)); padding: 0px 0px 10px; width: 245px; --gh-yw-blk0-box2: 0px; --gv-yw-blk0-box2: 15px; max-width: 100%; }
.yw-blk0-box2:hover { translate: 0px -10px; --gh-yw-blk0-box2: 0px; --gv-yw-blk0-box2: 15px; }
@media screen and (max-width: 760px) { .yw-blk0-box2 { flex-direction: column; overflow: hidden auto; --gh-yw-blk0-box2: 0px; --gv-yw-blk0-box2: 15px; } }
@media screen and (max-width: 540px) { .yw-blk0-box2 { height: auto; overflow: hidden auto; width: calc(100% - (var(--gh-yw-blk0-box1) * 0)); --gh-yw-blk0-box2: 0px; --gv-yw-blk0-box2: 15px; max-width: calc(100% - (var(--gh-yw-blk0-box1) * 0)); } }

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

/* yw-blk0-box3: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.yw-blk0-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-yw-blk0-box2) * 0)); max-width: calc(100% - (var(--gh-yw-blk0-box2) * 0)); }
@media screen and (max-width: 760px) { .yw-blk0-box3 { flex-direction: row; } }

/* yw-blk0-box4: 2026.09.09 株式会社常陸自動車コーポレートサイト */
.yw-blk0-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-yw-blk0-box4: 0px; --gv-yw-blk0-box4: 5px; max-width: calc(100% - 15px); }

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

/* yw-blk0-txt2: 株式会社常陸自動車コーポレートサイト */
.yw-blk0-txt2 { 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) { .yw-blk0-txt2 { font-size: 17px; } }

/* yw-blk0-txt3: サイトを見る */
.yw-blk0-txt3 { background: rgb(233, 107, 107); 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) { .yw-blk0-txt3 { flex: 0 0 auto; height: auto; width: calc(95% - (var(--gh-yw-blk0-box2) * 0.04999999999999995)); max-width: calc(95% - (var(--gh-yw-blk0-box2) * 0.04999999999999995)); } }

/* yw-blk0-link1: TOPへもどる */
.yw-blk0-link1 { place-content: center; align-items: center; background: rgb(234, 107, 107); border-width: 2px; border-style: solid; border-color: rgb(234, 108, 107); border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px; flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 15px 80px; width: auto; max-width: 100%; }
.yw-blk0-link1:hover { background: rgb(255, 255, 255); border-width: 2px; border-style: solid; border-color: rgb(234, 108, 107); box-shadow: transparent 0px 0px 0px 0px; }
@media screen and (max-width: 760px) { .yw-blk0-link1 { flex: 0 0 auto; padding: 10px 4px; width: 200px; max-width: 100%; } }
@media screen and (max-width: 540px) { .yw-blk0-link1 { flex: 0 0 auto; width: 250px; max-width: 100%; } }

/* yw-blk0-txt4: TOPへもどる */
.yw-blk0-txt4 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
._boolean1.yw-blk0-txt4 { color: rgb(233, 107, 107); }
._boolean2.yw-blk0-txt4 { color: rgb(74, 164, 139); }

/* yw-blk0-link1: TOPへもどる */
.yw-blk0-link1:hover .yw-blk0-txt4 { color: rgb(234, 108, 107); }

/* yw-blk0-box5: WEB制作・運用から、PCトラブル対応、IT相談窓口まで全部 */
.yw-blk0-box5 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-width: 5px; border-style: solid; border-color: rgb(234, 108, 107); flex-flow: column; height: auto; margin: 0px 0px 100px; padding: 30px; width: 976px; max-width: 100%; }

/* yw-blk0-rich1: WEB制作・運用から、PCトラブル対応、IT相談窓口まで全部 */
.yw-blk0-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 15px; padding: 0px; text-align: left; width: 907px; max-width: 100%; }
.yw-blk0-rich1 em { color: rgb(234, 108, 107); font-size: 30px; font-style: normal; }
.yw-blk0-rich1 > p { font-size: 22px; line-height: 1.15; text-align: center; }

/* yw-blk0-link2: サブスクサービスはこちらをCHECK! */
.yw-blk0-link2 { place-content: center; align-items: center; background: rgb(234, 107, 107); border-width: 2px; border-style: solid; border-color: rgb(234, 108, 107); border-radius: 50px; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 5px 0px; flex-flow: column; height: auto; padding: 15px 30px; width: auto; max-width: 100%; }
.yw-blk0-link2:hover { background: rgb(255, 255, 255); border-width: 2px; border-style: solid; border-color: rgb(234, 108, 107); box-shadow: transparent 0px 0px 0px 0px; }
@media screen and (max-width: 760px) { .yw-blk0-link2 { flex: 0 0 auto; padding: 10px 4px; width: 200px; max-width: 100%; } }
@media screen and (max-width: 540px) { .yw-blk0-link2 { flex: 0 0 auto; width: 250px; max-width: 100%; } }

/* yw-blk0-txt5: サブスクサービスはこちらをCHECK! */
.yw-blk0-txt5 { color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 700; height: auto; line-height: 1.4; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
._boolean1.yw-blk0-txt5 { color: rgb(233, 107, 107); }
._boolean2.yw-blk0-txt5 { color: rgb(74, 164, 139); }

/* yw-blk0-link2: サブスクサービスはこちらをCHECK! */
.yw-blk0-link2:hover .yw-blk0-txt5 { color: rgb(234, 108, 107); }

/* yw-blk0-footer1: 支援内容一覧 keyboard_arrow_right  */
.yw-blk0-footer1 { place-content: center; align-items: center; background: rgb(247, 247, 247); flex: 0 0 auto; flex-flow: column; gap: 16px; height: auto; padding: 65px 50px 20px; width: 100%; --gh-yw-blk0-footer1: 0px; --gv-yw-blk0-footer1: 16px; max-width: 100%; }

/* yw-blk0-box6: 支援内容一覧 keyboard_arrow_right  */
.yw-blk0-box6 { place-content: center; align-items: center; flex: 0 0 auto; flex-flow: column; gap: 0px; padding: 0px; width: calc(100% - (var(--gh-yw-blk0-footer1) * 0)); --gh-yw-blk0-box6: 0px; --gv-yw-blk0-box6: 0px; max-width: calc(100% - (var(--gh-yw-blk0-footer1) * 0)); }

/* yw-blk0-txt6: 支援内容一覧 */
.yw-blk0-txt6 { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(0, 0, 0); color: rgb(0, 0, 0); flex: 0 0 auto; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 10px; padding: 0px 0px 6px; text-align: center; width: 185px; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .yw-blk0-txt6 { font-size: 18px; } }

/* yw-blk0-box7: keyboard_arrow_right シャチョウ補助金 */
.yw-blk0-box7 { place-content: flex-start center; align-items: flex-start; flex-flow: row; margin: 0px 0px 50px; padding: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .yw-blk0-box7 { flex-flow: wrap; } }
@media screen and (max-width: 360px) { .yw-blk0-box7 { flex-flow: column; } }

/* yw-blk0-list1: keyboard_arrow_right シャチョウ補助金 */
.yw-blk0-list1 { padding: 10px; width: auto; max-width: 100%; }

/* yw-blk0-link3: keyboard_arrow_right シャチョウ補助金 */
.yw-blk0-link3 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; height: auto; width: 100%; max-width: 100%; }
.yw-blk0-link3:hover { background: rgba(234, 108, 107, 0.1); }

/* yw-blk0-icon1: keyboard_arrow_right */
.yw-blk0-icon1 { color: rgb(234, 107, 107); font-size: 24px; }

/* yw-blk0-txt7: シャチョウ補助金 */
.yw-blk0-txt7 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* yw-blk0-list2: keyboard_arrow_right 小規模事業者持続 */
.yw-blk0-list2 { padding: 10px; width: auto; max-width: 100%; }

/* yw-blk0-link4: keyboard_arrow_right 小規模事業者持続 */
.yw-blk0-link4 { place-content: center flex-start; align-items: center; background: rgba(0, 0, 0, 0); flex: 0 0 auto; flex-flow: row; height: auto; width: 100%; max-width: 100%; }
.yw-blk0-link4:hover { background: rgba(234, 108, 107, 0.1); }

/* yw-blk0-icon2: keyboard_arrow_right */
.yw-blk0-icon2 { color: rgb(234, 107, 107); font-size: 24px; }

/* yw-blk0-txt8: 小規模事業者持続化補助金 */
.yw-blk0-txt8 { color: rgb(0, 0, 0); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* yw-blk0-box8: VILLE GROUP. All rights reserv */
.yw-blk0-box8 { place-content: center space-between; align-items: center; flex: 0 0 auto; flex-flow: wrap; padding: 0px; width: calc(100% - (var(--gh-yw-blk0-box6) * 0)); max-width: calc(100% - (var(--gh-yw-blk0-box6) * 0)); }

/* yw-blk0-txt9: VILLE GROUP. All rights reserv */
.yw-blk0-txt9 { color: rgb(85, 85, 85); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .yw-blk0-txt9 { margin: 0px 0px 10px; max-width: 100%; } }

/* yw-blk0-list3: 運営会社 プライバシーポリシー */
.yw-blk0-list3 { place-content: center; align-items: center; flex-flow: wrap; gap: 16px 32px; padding: 0px; --gh-yw-blk0-list3: 32px; --gv-yw-blk0-list3: 16px; }
@media screen and (max-width: 760px) { .yw-blk0-list3 { gap: 16px 24px; --gh-yw-blk0-list3: 24px; --gv-yw-blk0-list3: 16px; } }
@media screen and (max-width: 360px) { .yw-blk0-list3 { gap: 5px 24px; --gh-yw-blk0-list3: 24px; --gv-yw-blk0-list3: 5px; } }

/* yw-blk0-item1: 運営会社 */
.yw-blk0-item1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-width: 0px; border-style: solid; border-color: rgb(153, 153, 153); flex-flow: row; gap: 6px; padding: 0px; --gh-yw-blk0-item1: 6px; --gv-yw-blk0-item1: 0px; }

/* yw-blk0-link5: 運営会社 */
.yw-blk0-link5 { place-content: center; align-items: center; border-width: 0px 0px 1px; border-style: solid; border-color: rgba(0, 0, 0, 0); flex-flow: row; gap: 6px; padding: 0px 0px 2px; --gh-yw-blk0-link5: 6px; --gv-yw-blk0-link5: 0px; }
.yw-blk0-link5:hover { border-width: 0px 0px 1px; border-style: solid; border-color: rgb(136, 136, 136); --gh-yw-blk0-link5: 6px; --gv-yw-blk0-link5: 0px; }

/* yw-blk0-txt10: 運営会社 */
.yw-blk0-txt10 { color: rgb(85, 85, 85); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }

/* yw-blk0-icon3:  */
.yw-blk0-icon3 { color: rgb(85, 85, 85); font-size: 16px; padding: 4px 0px 0px; }

/* yw-hd-header1: 特徴 事例 選ばれる理由 ご利用の流れ Q&A 無料補助金診 */
.yw-hd-header1 { place-content: center; align-items: center; background: rgba(0, 0, 0, 0); border-radius: 0px; flex: 0 0 auto; flex-flow: row; gap: 32px; height: 90px; left: 0px; padding: 0px 24px; position: fixed; top: 0px; width: 100%; z-index: 2; --gh-yw-hd-header1: 32px; --gv-yw-hd-header1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .yw-hd-header1 { gap: 24px; --gh-yw-hd-header1: 24px; --gv-yw-hd-header1: 0px; } }
@media screen and (max-width: 760px) { .yw-hd-header1 { place-content: flex-end center; align-items: flex-end; padding: 0px 16px; --gh-yw-hd-header1: 32px; --gv-yw-hd-header1: 0px; } }

/* yw-hd-box1: 特徴 事例 選ばれる理由 ご利用の流れ Q&A 無料補助金診 */
.yw-hd-box1 { place-content: center; align-items: center; background: rgb(255, 255, 255); border-radius: 96px; box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 16px; flex: 0 0 auto; flex-flow: row; gap: 5px; height: 56px; padding: 0px 10px 0px 28px; position: sticky; top: 0px; width: 1200px; z-index: 1; --gh-yw-hd-box1: 5px; --gv-yw-hd-box1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .yw-hd-box1 { gap: 10px; justify-content: space-between; --gh-yw-hd-box1: 10px; --gv-yw-hd-box1: 0px; } }
@media screen and (max-width: 760px) { .yw-hd-box1 { place-content: center space-between; align-items: center; padding: 0px 10px 0px 22px; --gh-yw-hd-box1: 5px; --gv-yw-hd-box1: 0px; } }
@media screen and (max-width: 540px) { .yw-hd-box1 { gap: 16px; --gh-yw-hd-box1: 16px; --gv-yw-hd-box1: 0px; } }

/* yw-hd-link1:  */
.yw-hd-link1 { place-content: center flex-start; align-items: center; flex-flow: row; gap: 0px; margin: 0px; padding: 0px; width: auto; --gh-yw-hd-link1: 0px; --gv-yw-hd-link1: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .yw-hd-link1 { flex: 0 0 auto; width: calc(50% - (var(--gh-yw-hd-box1) * 0.5)); --gh-yw-hd-link1: 0px; --gv-yw-hd-link1: 0px; max-width: calc(50% - (var(--gh-yw-hd-box1) * 0.5)); } }

/* yw-hd-img1: ホーム */
.yw-hd-img1 { flex: 0 0 auto; height: auto; margin: 0px; width: 170px; max-width: 100%; }

/* yw-hd-nav1: 特徴 事例 選ばれる理由 ご利用の流れ Q&A */
.yw-hd-nav1 { place-content: center flex-start; align-items: center; display: flex; flex: 1 1 0%; flex-flow: row; gap: 24px; margin: 0px; padding: 0px; width: auto; --gh-yw-hd-nav1: 24px; --gv-yw-hd-nav1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .yw-hd-nav1 { display: none; --gh-yw-hd-nav1: 24px; --gv-yw-hd-nav1: 0px; } }
@media screen and (max-width: 760px) { .yw-hd-nav1 { display: none; --gh-yw-hd-nav1: 24px; --gv-yw-hd-nav1: 0px; } }
@media screen and (max-width: 540px) { .yw-hd-nav1 { display: none; --gh-yw-hd-nav1: 24px; --gv-yw-hd-nav1: 0px; } }
@media screen and (max-width: 360px) { .yw-hd-nav1 { display: none; --gh-yw-hd-nav1: 24px; --gv-yw-hd-nav1: 0px; } }

/* yw-hd-list1: 特徴 事例 選ばれる理由 ご利用の流れ Q&A */
.yw-hd-list1 { place-content: flex-start center; align-items: flex-start; flex: 0 0 auto; flex-flow: wrap; gap: 24px; height: 29px; overflow: hidden; padding: 0px; width: calc(100% - (var(--gh-yw-hd-nav1) * 0)); --gh-yw-hd-list1: 24px; --gv-yw-hd-list1: 24px; max-width: calc(100% - (var(--gh-yw-hd-nav1) * 0)); }
@media screen and (max-width: 1280px) { .yw-hd-list1 { gap: 8px; --gh-yw-hd-list1: 8px; --gv-yw-hd-list1: 8px; } }

/* yw-hd-item1: 特徴 */
.yw-hd-item1 { place-content: center; align-items: center; flex-flow: column; padding: 0px; width: auto; max-width: 100%; }

/* yw-hd-txt1: 特徴 */
.yw-hd-txt1 { border-width: 0px 0px 2px; border-style: solid; border-color: rgba(0, 0, 0, 0); border-radius: 0px; color: rgb(7, 7, 7); font-family: 'Noto Sans JP', sans-serif; font-size: 15px; font-weight: 500; height: auto; line-height: 1.4; padding: 4px 0px 2px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.yw-hd-txt1:hover { border-width: 0px 0px 2px; border-style: solid; border-color: rgb(234, 107, 107); }

/* yw-hd-box2: 無料補助金診断 お問い合わせ */
.yw-hd-box2 { place-content: center; align-items: center; flex-flow: row; gap: 5px; padding: 0px; --gh-yw-hd-box2: 5px; --gv-yw-hd-box2: 0px; }
@media screen and (max-width: 1280px) { .yw-hd-box2 { gap: 10px; --gh-yw-hd-box2: 10px; --gv-yw-hd-box2: 0px; } }
@media screen and (max-width: 760px) { .yw-hd-box2 { place-content: center space-between; align-items: center; --gh-yw-hd-box2: 5px; --gv-yw-hd-box2: 0px; } }
@media screen and (max-width: 540px) { .yw-hd-box2 { gap: 16px; --gh-yw-hd-box2: 16px; --gv-yw-hd-box2: 0px; } }

/* yw-hd-box3: 無料補助金診断 */
.yw-hd-box3 { place-content: center; align-items: center; display: flex; flex-flow: row; gap: 8px; padding: 0px; --gh-yw-hd-box3: 8px; --gv-yw-hd-box3: 0px; }
@media screen and (max-width: 1280px) { .yw-hd-box3 { display: flex; --gh-yw-hd-box3: 8px; --gv-yw-hd-box3: 0px; } }
@media screen and (max-width: 760px) { .yw-hd-box3 { display: none; --gh-yw-hd-box3: 8px; --gv-yw-hd-box3: 0px; } }
@media screen and (max-width: 540px) { .yw-hd-box3 { display: none; gap: 12px; --gh-yw-hd-box3: 12px; --gv-yw-hd-box3: 0px; } }
@media screen and (max-width: 360px) { .yw-hd-box3 { display: none; --gh-yw-hd-box3: 8px; --gv-yw-hd-box3: 0px; } }

/* yw-hd-txt2: 無料補助金診断 */
.yw-hd-txt2 { background: rgb(247, 118, 30); border-width: 2px; border-style: solid; border-color: rgb(247, 118, 30); border-radius: 64px; color: rgb(255, 255, 255); font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 700; height: 40px; line-height: 1.4; padding: 4px 25px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.yw-hd-txt2:hover { background: rgb(255, 255, 255); color: rgb(247, 118, 30); }
@media screen and (max-width: 1280px) { .yw-hd-txt2 { flex: 0 0 auto; } }
@media screen and (max-width: 760px) { .yw-hd-txt2:hover { background: rgb(255, 255, 255); color: rgb(7, 7, 7); } }
@media screen and (max-width: 760px) { .yw-hd-txt2 { background: rgb(255, 255, 255); border-width: 0px; border-style: solid; border-color: rgb(23, 126, 173); color: rgb(7, 7, 7); flex: 0 0 auto; font-size: 16px; padding: 4px 8px; width: auto; } }
@media screen and (max-width: 540px) { .yw-hd-txt2 { font-size: 15px; padding: 4px 0px; } }

/* yw-hd-box4: お問い合わせ */
.yw-hd-box4 { place-content: center; align-items: center; flex-flow: row; gap: 8px; padding: 0px; --gh-yw-hd-box4: 8px; --gv-yw-hd-box4: 0px; }
@media screen and (max-width: 540px) { .yw-hd-box4 { gap: 12px; --gh-yw-hd-box4: 12px; --gv-yw-hd-box4: 0px; } }

/* yw-hd-txt3: お問い合わせ */
.yw-hd-txt3 { background: rgb(234, 107, 107); border-width: 2px; border-style: solid; border-color: rgb(234, 107, 107); border-radius: 64px; color: rgb(255, 255, 255); display: flex; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-weight: 700; height: 40px; line-height: 1.4; padding: 4px 25px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.yw-hd-txt3:hover { background: rgb(255, 255, 255); color: rgb(234, 107, 107); }
@media screen and (max-width: 1280px) { .yw-hd-txt3 { display: flex; flex: 0 0 auto; width: auto; } }
@media screen and (max-width: 760px) { .yw-hd-txt3:hover { background: rgb(255, 255, 255); border-width: 2px; border-style: solid; border-color: rgb(234, 107, 107); color: rgb(234, 107, 107); } }
@media screen and (max-width: 760px) { .yw-hd-txt3 { background: rgb(234, 107, 107); border-width: 2px; border-style: solid; border-color: rgb(234, 107, 107); color: rgb(255, 255, 255); display: flex; flex: 0 0 auto; font-size: 16px; height: 40px; padding: 4px 30px; width: auto; } }
@media screen and (max-width: 540px) { .yw-hd-txt3 { display: none; font-size: 15px; padding: 4px 30px; } }
@media screen and (max-width: 360px) { .yw-hd-txt3 { display: none; } }

/* yw-hd-btn1:  */
.yw-hd-btn1 { place-content: center; align-items: center; background: rgb(23, 126, 173); border-radius: 50%; display: none; flex: 0 0 auto; flex-flow: row; gap: 16px; height: 40px; padding: 0px; width: 40px; --gh-yw-hd-btn1: 16px; --gv-yw-hd-btn1: 0px; max-width: 100%; }
@media screen and (max-width: 1280px) { .yw-hd-btn1 { background: rgb(234, 108, 107); display: flex; --gh-yw-hd-btn1: 16px; --gv-yw-hd-btn1: 0px; } }
@media screen and (max-width: 760px) { .yw-hd-btn1 { background: rgb(234, 107, 107); display: flex; --gh-yw-hd-btn1: 16px; --gv-yw-hd-btn1: 0px; } }
@media screen and (max-width: 540px) { .yw-hd-btn1 { display: flex; --gh-yw-hd-btn1: 16px; --gv-yw-hd-btn1: 0px; } }
@media screen and (max-width: 360px) { .yw-hd-btn1 { display: flex; --gh-yw-hd-btn1: 16px; --gv-yw-hd-btn1: 0px; } }

/* yw-hd-icon1:  */
.yw-hd-icon1 { color: rgb(255, 255, 255); font-size: 20px; }
@media screen and (max-width: 1280px) { .yw-hd-icon1 { font-size: 15px; } }
@media screen and (max-width: 760px) { .yw-hd-icon1 { font-size: 15px; } }