/* =========================================================
   common.css  メディア（/media 以下）の全ページで共通の部品。hd-=ヘッダー / sb-=サイドバー / ft-=フッター / fl-=画面下の LINE の帯
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。変えたい文字で検索すると見つかる。
   画面幅による切り替えは STUDIO と同じ 2 段階: 通常（PC）/ max-width: 840px（タブレット）/ 540px（スマホ）
   ========================================================= */

/* hd-box1: TOP 記事一覧 お問い合わせ */
.hd-box1 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 0px solid #33b920; border-left: 0px solid #33b920; border-right: 0px solid #33b920; border-top: 4px solid #33b920; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; left: 0; margin: 0 0 0 0; position: fixed; top: 0; width: 100%; max-width: 100%; }

/* hd-box2: TOP 記事一覧 お問い合わせ */
.hd-box2 { align-content: center; align-items: center; background: #FFFFFF; flex: none; flex-direction: row; flex-wrap: nowrap; height: 64px; justify-content: space-between; margin: 0px 0px; width: 1100px; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-box2 { flex: none; width: 90%; max-width: 90%; } }

/* hd-link1:  */
.hd-link1 { height: 100%; width: 160px; max-width: 100%; }
.hd-link1:before { background-repeat: no-repeat; background-size: contain; }

/* hd-box3: TOP 記事一覧 お問い合わせ */
.hd-box3 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px; }

/* hd-nav1: TOP 記事一覧 お問い合わせ */
.hd-nav1 { align-content: center; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; margin: 0px 20px 0px 0px; padding: 0px; --gh-hd-nav1: 20px; --gv-hd-nav1: 0px; max-width: calc(100% - 20px); }
@media screen and (max-width: 540px) { .hd-nav1 { display: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; --gh-hd-nav1: 8px; --gv-hd-nav1: 0px; } }

/* hd-link2: TOP */
.hd-link2 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-link2 { flex: none; width: auto; } }
@media screen and (max-width: 540px) { .hd-link2 { flex: none; width: auto; } }

/* hd-txt1: TOP */
.hd-txt1 { color: #333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.hd-txt1:hover { color: transparent; 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: #66a15cff; --g-position-0: 0%; --g-color-1: #48afd7ff; --g-position-1: 100%; --g-color-2: #48afd7ff; --g-position-2: 100%; --g-color-3: #48afd7ff; --g-position-3: 100%; --g-color-4: #48afd7ff; --g-position-4: 100%; --g-color-5: #48afd7ff; --g-position-5: 100%; --g-color-6: #48afd7ff; --g-position-6: 100%; --g-color-7: #48afd7ff; --g-position-7: 100%; --g-color-8: #48afd7ff; --g-position-8: 100%; --g-color-9: #48afd7ff; --g-position-9: 100%; --g-color-10: #48afd7ff; --g-position-10: 100%; --g-color-11: #48afd7ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .hd-txt1 { font-size: 13px; } }
@media screen and (max-width: 540px) { .hd-txt1 { font-size: 13px; } }

/* hd-link3: 記事一覧 */
.hd-link3 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-link3 { flex: none; width: auto; } }
@media screen and (max-width: 540px) { .hd-link3 { flex: none; width: auto; } }

/* hd-txt2: 記事一覧 */
.hd-txt2 { color: #333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.hd-txt2:hover { color: transparent; 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: #66a15cff; --g-position-0: 0%; --g-color-1: #48afd7ff; --g-position-1: 100%; --g-color-2: #48afd7ff; --g-position-2: 100%; --g-color-3: #48afd7ff; --g-position-3: 100%; --g-color-4: #48afd7ff; --g-position-4: 100%; --g-color-5: #48afd7ff; --g-position-5: 100%; --g-color-6: #48afd7ff; --g-position-6: 100%; --g-color-7: #48afd7ff; --g-position-7: 100%; --g-color-8: #48afd7ff; --g-position-8: 100%; --g-color-9: #48afd7ff; --g-position-9: 100%; --g-color-10: #48afd7ff; --g-position-10: 100%; --g-color-11: #48afd7ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .hd-txt2 { font-size: 13px; } }
@media screen and (max-width: 540px) { .hd-txt2 { font-size: 13px; } }

/* hd-box4: お問い合わせ */
.hd-box4 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .hd-box4 { flex: none; width: auto; } }
@media screen and (max-width: 540px) { .hd-box4 { flex: none; width: auto; } }

/* hd-txt3: お問い合わせ */
.hd-txt3 { color: #333; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
.hd-txt3:hover { color: transparent; 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: #66a15cff; --g-position-0: 0%; --g-color-1: #48afd7ff; --g-position-1: 100%; --g-color-2: #48afd7ff; --g-position-2: 100%; --g-color-3: #48afd7ff; --g-position-3: 100%; --g-color-4: #48afd7ff; --g-position-4: 100%; --g-color-5: #48afd7ff; --g-position-5: 100%; --g-color-6: #48afd7ff; --g-position-6: 100%; --g-color-7: #48afd7ff; --g-position-7: 100%; --g-color-8: #48afd7ff; --g-position-8: 100%; --g-color-9: #48afd7ff; --g-position-9: 100%; --g-color-10: #48afd7ff; --g-position-10: 100%; --g-color-11: #48afd7ff; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .hd-txt3 { font-size: 13px; } }
@media screen and (max-width: 540px) { .hd-txt3 { font-size: 13px; } }

/* hd-btn1:  */
.hd-btn1 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; padding: 0px; }

/* hd-box5:  */
.hd-box5 { align-content: center; align-items: center; background: #EEEEEE; border-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 42px; justify-content: center; width: 42px; max-width: 100%; }
.hd-box5:before { background-repeat: no-repeat; background-size: 70%; }

/* hd-img1:  */
.hd-img1 { background: rgba(0,0,0,0.0); border-radius: 0; flex: none; height: auto; width: 28px; max-width: 100%; }
.hd-img1:before { background-repeat: no-repeat; background-size: cover; }

/* sb-art1: 運営サービス ランキング 生活リズムを整えるために大切なこと よくあ */
.sb-art1 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; width: 35%; max-width: 35%; }
@media screen and (max-width: 840px) { .sb-art1 { width: 100%; max-width: 100%; } }

/* sb-box1: 運営サービス */
.sb-box1 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; box-shadow: 0px 2px 5px rgba(68, 69, 72, 0.14); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 20px; width: 100%; max-width: 100%; }

/* sb-txt1: 運営サービス */
.sb-txt1 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }

/* sb-link1:  */
.sb-link1 { height: 62px; width: 100%; max-width: 100%; }
.sb-link1:before { background-repeat: no-repeat; background-size: contain; }

/* sb-box2: ランキング 生活リズムを整えるために大切なこと よくある質問とその回 */
.sb-box2 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; box-shadow: 0px 2px 5px rgba(68, 69, 72, 0.14); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 20px 0px 0px 0px; padding: 20px; width: 100%; max-width: 100%; }

/* sb-txt2: ランキング */
.sb-txt2 { color: #333; font-family: 'Noto Sans JP', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 16px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .sb-txt2 { font-size: 24px; } }
@media screen and (max-width: 540px) { .sb-txt2 { font-size: 20px; } }

/* sb-box3: 生活リズムを整えるために大切なこと よくある質問とその回答 事業所の */
.sb-box3 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; gap: 20px; justify-content: flex-start; margin: 0px 0px 8px 0px; padding: 0px 0px; width: 100%; --gh-sb-box3: 0px; --gv-sb-box3: 20px; max-width: 100%; }
@media screen and (max-width: 840px) { .sb-box3 { margin: 0px 0px 0px; --gh-sb-box3: 0px; --gv-sb-box3: 20px; width: 100%; max-width: 100%; } }

/* sb-link2: 生活リズムを整えるために大切なこと */
.sb-link2 { background: #FFFFFF; border-bottom: 0px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 0px; width: calc(100% - (var(--gh-sb-box3) * 0)); max-width: calc(100% - (var(--gh-sb-box3) * 0)); }
@media screen and (max-width: 840px) { .sb-link2 { flex-direction: column; margin: 0px 15px 30px; overflow-x: hidden; overflow-y: auto; width: calc(100% - 30px - (var(--gh-sb-box3) * 0)); max-width: calc(100% - 30px - (var(--gh-sb-box3) * 0)); } }
@media screen and (max-width: 540px) { .sb-link2 { margin: 0px 0px 0px; overflow-x: hidden; overflow-y: auto; width: calc(100% - (var(--gh-sb-box3) * 0)); max-width: calc(100% - (var(--gh-sb-box3) * 0)); } }

/* sb-pic1:  */
.sb-pic1 { flex: none; height: 128px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .sb-pic1 { flex: none; height: 240px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-pic1 { flex: none; height: 160px; width: 100%; max-width: 100%; } }

/* sb-box4: 生活リズムを整えるために大切なこと */
.sb-box4 { align-content: flex-start; align-items: flex-start; flex: 1; margin: 10px 0px 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .sb-box4 { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .sb-box4 { margin: 8px 0px 0px 0px; width: 100%; max-width: 100%; } }

/* sb-txt3: 生活リズムを整えるために大切なこと */
.sb-txt3 { color: #777777ff; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .sb-txt3 { font-size: 20px; } }
@media screen and (max-width: 540px) { .sb-txt3 { font-size: 18px; } }

/* ft-foot1: Site map TOPページ 記事一覧 お問い合わせ About  */
.ft-foot1 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 0px solid #33b920; border-left: 0px solid #33b920; border-right: 0px solid #33b920; border-top: 3px solid #33b920; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-foot1 { display: flex; } }
@media screen and (max-width: 540px) { .ft-foot1 { display: flex; flex: none; height: auto; margin: 0px 0px; padding: 0px 40px; width: 100%; } }

/* ft-box1: Site map TOPページ 記事一覧 お問い合わせ About  */
.ft-box1 { align-items: center; background: rgba(0,0,0,0.0); flex-direction: column; height: auto; justify-content: flex-start; padding: 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ft-box1 { padding: 0px; } }

/* ft-box2: Site map TOPページ 記事一覧 お問い合わせ About  */
.ft-box2 { align-items: center; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; overflow-x: hidden; overflow-y: hidden; padding: 40px 0px 40px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 540px) { .ft-box2 { margin: 0px; padding: 16px 0px 100px 0px; } }

/* ft-box3: Site map TOPページ 記事一覧 お問い合わせ About  */
.ft-box3 { align-content: flex-start; align-items: flex-start; color: linear-gradient(270deg, #aceaa2ff, #5dbee3); flex: none; flex-direction: row; flex-wrap: nowrap; gap: 20px; height: auto; justify-content: space-between; margin: 0px 0px 60px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px 0px; width: 90%; --gh-ft-box3: 20px; --gv-ft-box3: 0px; max-width: 90%; }
@media screen and (max-width: 840px) { .ft-box3 { flex-wrap: wrap; --gh-ft-box3: 20px; --gv-ft-box3: 20px; } }
@media screen and (max-width: 540px) { .ft-box3 { align-content: center; align-items: center; gap: 24px; justify-content: center; margin: 0px; padding: 0px 0px 0px 0px; --gh-ft-box3: 24px; --gv-ft-box3: 0px; width: 90%; max-width: 90%; } }

/* ft-link1:  */
.ft-link1 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); flex-direction: column; flex-wrap: nowrap; gap: 0px; justify-content: center; margin: 0px 0px 0px -5px; padding: 0px; --gh-ft-link1: 0px; --gv-ft-link1: 0px; max-width: calc(100% - -5px); }

/* ft-img1:  */
.ft-img1 { flex: none; height: auto; width: 280px; max-width: 100%; }
@media screen and (max-width: 540px) { .ft-img1 { height: 45px; width: 193px; max-width: 100%; } }

/* ft-box4: Site map TOPページ 記事一覧 お問い合わせ About  */
.ft-box4 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: center; margin: 0px 120px 0px 0px; padding: 0px; --gh-ft-box4: 20px; --gv-ft-box4: 0px; max-width: calc(100% - 120px); }
@media screen and (max-width: 840px) { .ft-box4 { margin: 0px 0px 0px 0px; --gh-ft-box4: 20px; --gv-ft-box4: 0px; max-width: 100%; } }
@media screen and (max-width: 540px) { .ft-box4 { gap: 24px; margin: 0px 0px 24px 0px; width: calc(100% - (var(--gh-ft-box3) * 0)); --gh-ft-box4: 24px; --gv-ft-box4: 0px; max-width: calc(100% - (var(--gh-ft-box3) * 0)); } }

/* ft-box5: Site map TOPページ 記事一覧 お問い合わせ About  */
.ft-box5 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: row; gap: 60px; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: auto; --gh-ft-box5: 60px; --gv-ft-box5: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-box5 { flex: none; flex-wrap: wrap; gap: 40px 0px; width: calc(100% - (var(--gh-ft-box4) * 0)); --gh-ft-box5: 0px; --gv-ft-box5: 40px; max-width: calc(100% - (var(--gh-ft-box4) * 0)); } }
@media screen and (max-width: 540px) { .ft-box5 { flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px 24px; margin: 0px; padding: 0px; width: auto; --gh-ft-box5: 0px; --gv-ft-box5: 16px; max-width: 100%; } }

/* ft-box6: Site map TOPページ 記事一覧 お問い合わせ */
.ft-box6 { align-items: flex-start; flex: none; flex-direction: column; gap: 20px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px 0px 0px 0px; width: auto; --gh-ft-box6: 0px; --gv-ft-box6: 20px; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-box6 { flex: none; width: calc(100% - (var(--gh-ft-box5) * 0)); --gh-ft-box6: 0px; --gv-ft-box6: 20px; max-width: calc(100% - (var(--gh-ft-box5) * 0)); } }
@media screen and (max-width: 540px) { .ft-box6 { flex: none; gap: 8px; margin: 0px; padding: 0px; width: auto; --gh-ft-box6: 0px; --gv-ft-box6: 8px; max-width: 100%; } }

/* ft-box7: Site map */
.ft-box7 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px 0px 0px 0px; width: auto; max-width: 100%; }

/* ft-txt1: Site map */
.ft-txt1 { color: #999999ff; flex: none; font-family: 'Noto Sans JP', sans-serif; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 14px; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt1 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt1 { font-size: 13px; font-weight: 400; } }

/* ft-nav1: TOPページ 記事一覧 お問い合わせ */
.ft-nav1 { align-content: center; align-items: flex-start; flex-direction: column; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; padding: 0px; --gh-ft-nav1: 0px; --gv-ft-nav1: 20px; }
@media screen and (max-width: 540px) { .ft-nav1 { flex-direction: row; flex-wrap: nowrap; gap: 8px; --gh-ft-nav1: 8px; --gv-ft-nav1: 0px; } }

/* ft-link2: TOPページ */
.ft-link2 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-link2 { flex: none; width: auto; } }
@media screen and (max-width: 540px) { .ft-link2 { flex: none; width: auto; } }

/* ft-txt2: TOPページ */
.ft-txt2 { color: #536c5fff; flex: none; font-family: 'Noto Sans JP'; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt2 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt2 { font-size: 13px; } }

/* ft-link3: 記事一覧 */
.ft-link3 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-link3 { flex: none; width: auto; } }
@media screen and (max-width: 540px) { .ft-link3 { flex: none; width: auto; } }

/* ft-txt3: 記事一覧 */
.ft-txt3 { color: #536c5fff; flex: none; font-family: 'Noto Sans JP'; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt3 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt3 { font-size: 13px; } }

/* ft-box8: お問い合わせ */
.ft-box8 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-box8 { flex: none; width: auto; } }
@media screen and (max-width: 540px) { .ft-box8 { flex: none; width: auto; } }

/* ft-txt4: お問い合わせ */
.ft-txt4 { color: #536c5fff; flex: none; font-family: 'Noto Sans JP'; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 1; margin: 0px 0px 0px 0px; padding: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt4 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt4 { font-size: 13px; } }

/* ft-box9: About 採用情報 お問い合わせ 利用規約 プライバシーポリシー */
.ft-box9 { align-content: flex-start; align-items: flex-start; display: none; flex: none; flex-direction: row; gap: 0px; height: auto; justify-content: flex-start; margin: 0px; overflow-x: hidden; overflow-y: hidden; padding: 0px; width: 250px; --gh-ft-box9: 0px; --gv-ft-box9: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-box9 { display: none; flex: none; flex-wrap: wrap; gap: 40px 0px; width: calc(100% - (var(--gh-ft-box5) * 0)); --gh-ft-box9: 0px; --gv-ft-box9: 40px; max-width: calc(100% - (var(--gh-ft-box5) * 0)); } }
@media screen and (max-width: 540px) { .ft-box9 { display: none; gap: 16px 0px; margin: 0px; padding: 0px; --gh-ft-box9: 0px; --gv-ft-box9: 0px; } }

/* ft-box10: About 採用情報 お問い合わせ 利用規約 プライバシーポリシー */
.ft-box10 { align-items: flex-start; display: none; flex: none; flex-direction: column; gap: 20px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(50% - (var(--gh-ft-box9) * 0.5)); --gh-ft-box10: 0px; --gv-ft-box10: 20px; max-width: calc(50% - (var(--gh-ft-box9) * 0.5)); }
@media screen and (max-width: 840px) { .ft-box10 { display: none; flex: none; width: calc(100% - (var(--gh-ft-box9) * 0)); --gh-ft-box10: 0px; --gv-ft-box10: 20px; max-width: calc(100% - (var(--gh-ft-box9) * 0)); } }
@media screen and (max-width: 540px) { .ft-box10 { display: none; gap: 8px; margin: 0px; padding: 8px; --gh-ft-box10: 0px; --gv-ft-box10: 8px; } }

/* ft-txt5: About */
.ft-txt5 { color: #FFFFFF; flex: none; font-family: Inter; font-size: 14px; font-style: normal; font-weight: 700; height: auto; letter-spacing: 0em; line-height: 14px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt5 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt5 { font-size: 13px; } }

/* ft-box11: 採用情報 */
.ft-box11 { align-items: center; flex: none; flex-direction: column; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: auto; max-width: 100%; }
@media screen and (max-width: 840px) { .ft-box11 { width: calc(100% - (var(--gh-ft-box10) * 0)); max-width: calc(100% - (var(--gh-ft-box10) * 0)); } }

/* ft-txt6: 採用情報 */
.ft-txt6 { color: #FFFFFF; flex: none; font-family: 'Noto Sans JP'; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 12px; margin: 0px 0px 0px 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt6 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt6 { font-size: 13px; } }

/* ft-txt7: お問い合わせ */
.ft-txt7 { color: #FFFFFF; flex: none; font-family: 'Noto Sans JP'; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 12px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt7 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt7 { font-size: 13px; } }

/* ft-txt8: 利用規約 */
.ft-txt8 { color: #FFFFFF; flex: none; font-family: 'Noto Sans JP'; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 12px; margin: 0px; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 840px) { .ft-txt8 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt8 { font-size: 13px; } }

/* ft-txt9: プライバシーポリシー */
.ft-txt9 { color: #FFFFFF; flex: none; font-family: 'Noto Sans JP'; font-size: 14px; font-style: normal; font-weight: 400; height: auto; letter-spacing: 0em; line-height: 12px; margin: 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .ft-txt9 { font-size: 13px; } }
@media screen and (max-width: 540px) { .ft-txt9 { font-size: 13px; } }

/* ft-link4: 運営会社 */
.ft-link4 { align-content: flex-start; align-items: flex-start; background: rgba(238, 238, 238, 0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: flex-start; margin: 0px 0px 0px 0px; width: auto; max-width: 100%; }
.ft-link4:hover { background: rgba(238, 238, 238, 0); }

/* ft-txt10: 運営会社 */
.ft-txt10 { color: #81a683ff; font-family: 'Noto Sans JP'; font-size: 13px; font-weight: 400; height: auto; letter-spacing: 0.1em; line-height: 1.4; text-align: center; width: auto; max-width: 100%; justify-content: center; }
@media screen and (max-width: 540px) { .ft-txt10 { color: #536c5fff; } }

/* ft-box12:  */
.ft-box12 { background: #FFFFFF; flex: none; height: 1px; width: 0%; max-width: 0%; }
.ft-link4:hover .ft-box12 { flex: none; width: 100%; max-width: 100%; }

/* fl-box1: 在宅でスキルを身につけるなら まずは無料相談！ keyboard_a */
.fl-box1 { align-content: center; align-items: center; background: rgba(0,0,0,0.0); bottom: 15px; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; left: 0px; margin: 0 0 0 0; padding: 0px; position: fixed; right: 0px; top: auto; width: auto; max-width: 100%; }

/* fl-box2: 在宅でスキルを身につけるなら まずは無料相談！ keyboard_a */
.fl-box2 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; width: 1100px; max-width: 100%; }
@media screen and (max-width: 840px) { .fl-box2 { align-content: center; align-items: center; flex: none; justify-content: center; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .fl-box2 { align-content: center; align-items: center; flex: none; justify-content: center; width: 100%; } }

/* fl-link1: 在宅でスキルを身につけるなら まずは無料相談！ keyboard_a */
.fl-link1 { align-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)); border-radius: 48px; box-shadow: 0 2px 5px rgba(0,0,0,0.2); flex: none; flex-direction: row; flex-wrap: nowrap; height: 53px; justify-content: center; width: 64%; max-width: 64%; --g-color-0: rgb(55, 221, 74); --g-position-0: 0%; --g-color-1: rgb(76, 179, 106); --g-position-1: 100%; --g-color-2: rgb(76, 179, 106); --g-position-2: 100%; --g-color-3: rgb(76, 179, 106); --g-position-3: 100%; --g-color-4: rgb(76, 179, 106); --g-position-4: 100%; --g-color-5: rgb(76, 179, 106); --g-position-5: 100%; --g-color-6: rgb(76, 179, 106); --g-position-6: 100%; --g-color-7: rgb(76, 179, 106); --g-position-7: 100%; --g-color-8: rgb(76, 179, 106); --g-position-8: 100%; --g-color-9: rgb(76, 179, 106); --g-position-9: 100%; --g-color-10: rgb(76, 179, 106); --g-position-10: 100%; --g-color-11: rgb(76, 179, 106); --g-position-11: 100%; --g-angle: 180deg; }
@media screen and (max-width: 840px) { .fl-link1 { flex: none; width: 90%; max-width: 90%; } }
@media screen and (max-width: 540px) { .fl-link1 { flex: none; height: auto; padding: 8px 0px; width: 92%; max-width: 92%; } }

/* fl-box3: 在宅でスキルを身につけるなら まずは無料相談！ keyboard_a */
.fl-box3 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; margin: 0px 0px 0px -40px; padding: 0px; max-width: calc(100% - -40px); }

/* fl-box4: 在宅でスキルを身につけるなら まずは無料相談！ keyboard_a */
.fl-box4 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; }

/* fl-box5: 在宅でスキルを身につけるなら まずは無料相談！ keyboard_a */
.fl-box5 { align-content: center; align-items: center; display: none; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; }
@media screen and (max-width: 840px) { .fl-box5 { display: none; } }
@media screen and (max-width: 540px) { .fl-box5 { display: flex; flex-direction: column; flex-wrap: nowrap; } }

/* fl-txt1: 在宅でスキルを身につけるなら */
.fl-txt1 { color: #FFFFFF; display: none; font-family: 'Zen Kaku Gothic New', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; padding: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .fl-txt1 { display: none; } }
@media screen and (max-width: 540px) { .fl-txt1 { display: flex; font-size: 18px; text-align: center; justify-content: center; } }

/* fl-box6: まずは無料相談！ keyboard_arrow_right */
.fl-box6 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: center; padding: 0px; }

/* fl-txt2: まずは無料相談！ */
.fl-txt2 { color: #FFFFFF; display: none; font-family: 'Zen Kaku Gothic New', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; padding: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .fl-txt2 { display: none; } }
@media screen and (max-width: 540px) { .fl-txt2 { display: flex; font-size: 18px; text-align: center; justify-content: center; } }

/* fl-box7: keyboard_arrow_right */
.fl-box7 { align-content: center; align-items: center; background: #FFFFFF; border-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 28px; justify-content: center; margin: 0px 0px 0px 19px; width: 28px; max-width: calc(100% - 19px); }
@media screen and (max-width: 540px) { .fl-box7 { flex: none; height: 20px; margin: 0px 0px 0px 0px; width: 20px; max-width: 100%; } }

/* fl-icon1: keyboard_arrow_right */
.fl-icon1 { color: #33b920; font-size: 20px; }
@media screen and (max-width: 540px) { .fl-icon1 { font-size: 18px; } }

/* fl-txt3: 在宅でスキルを身につけるならまずは無料相談！ */
.fl-txt3 { color: #FFFFFF; font-family: 'Zen Kaku Gothic New', sans-serif; font-size: 20px; font-weight: 500; height: auto; line-height: 1.4; padding: 0px 0px 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 540px) { .fl-txt3 { display: none; font-size: 18px; } }

/* fl-box8: keyboard_arrow_right */
.fl-box8 { align-content: center; align-items: center; background: #FFFFFF; border-radius: 50%; flex: none; flex-direction: column; flex-wrap: nowrap; height: 28px; justify-content: center; margin: 0px 0px 0px 19px; width: 28px; max-width: calc(100% - 19px); }
@media screen and (max-width: 540px) { .fl-box8 { display: none; margin: 0px 0px 0px 8px; max-width: calc(100% - 8px); } }

/* fl-icon2: keyboard_arrow_right */
.fl-icon2 { color: #33b920; font-size: 20px; }

/* fl-img1:  */
.fl-img1 { bottom: 0px; height: auto; left: auto; margin: 0 0 0 0; position: absolute; right: 9px; top: -46px; width: 105px; max-width: 100%; }
@media screen and (max-width: 540px) { .fl-img1 { bottom: 0px; flex: none; right: 18px; top: -10px; width: 80px; max-width: 100%; } }