/* =========================================================
   media.css  /media 専用。クラス名はすべて md- で始まる
   各ルールの上のコメントは、その部品に入っている文字（どの部品かの目印）。変えたい文字で検索すると見つかる。
   画面幅による切り替えは STUDIO と同じ 2 段階: 通常（PC）/ max-width: 840px（タブレット）/ 540px（スマホ）
   ========================================================= */

/* md-root: TOP 記事一覧 お問い合わせ イチオシ記事 イチオシ記事をもっと見 */
.md-root { background: #f6f9f9ff; border-radius: 0; box-shadow: ; height: 100%; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; }

/* md-blk1-box1: イチオシ記事 イチオシ記事をもっと見る 新着記事 生活リズムを整える */
.md-blk1-box1 { align-content: flex-start; align-items: flex-start; background: rgba(0,0,0,0.0); flex: none; flex-direction: row; flex-wrap: nowrap; gap: 40px; height: auto; justify-content: center; margin: 120px 0px 80px 0px; width: 1100px; --gh-md-blk1-box1: 40px; --gv-md-blk1-box1: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box1 { flex: none; flex-direction: column; flex-wrap: nowrap; width: 86%; --gh-md-blk1-box1: 0px; --gv-md-blk1-box1: 40px; max-width: 86%; } }
@media screen and (max-width: 540px) { .md-blk1-box1 { margin: 100px 0px 80px 0px; --gh-md-blk1-box1: 40px; --gv-md-blk1-box1: 0px; width: 86%; max-width: 86%; } }

/* md-blk1-art1: イチオシ記事 イチオシ記事をもっと見る 新着記事 生活リズムを整える */
.md-blk1-art1 { align-content: flex-start; align-items: flex-start; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; width: calc(65% - (var(--gh-md-blk1-box1) * 0.35000000000000003)); max-width: calc(65% - (var(--gh-md-blk1-box1) * 0.35000000000000003)); }
@media screen and (max-width: 840px) { .md-blk1-art1 { width: calc(100% - (var(--gh-md-blk1-box1) * 0)); max-width: calc(100% - (var(--gh-md-blk1-box1) * 0)); } }

/* md-blk1-sec1: イチオシ記事 イチオシ記事をもっと見る */
.md-blk1-sec1 { 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%; }

/* md-blk1-box2: イチオシ記事 */
.md-blk1-box2 { align-content: center; align-items: center; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; padding: 0px; }

/* md-blk1-txt1: イチオシ記事 */
.md-blk1-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 0px 0px; text-align: left; width: auto; max-width: 100%; justify-content: flex-start; }
@media screen and (max-width: 840px) { .md-blk1-txt1 { font-size: 24px; } }
@media screen and (max-width: 540px) { .md-blk1-txt1 { font-size: 20px; } }

/* md-blk1-img1:  */
.md-blk1-img1 { flex: none; height: auto; width: 40px; max-width: 100%; }

/* md-blk1-box3:  */
.md-blk1-box3 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; justify-content: flex-start; padding: 0px 0px; width: 960px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box3 { flex: none; margin: 0px 0px 0px; width: 100%; max-width: 100%; } }

/* md-blk1-box4: イチオシ記事をもっと見る */
.md-blk1-box4 { align-content: flex-end; align-items: flex-end; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 8px 0px 0px 0px; width: 100%; max-width: 100%; }

/* md-blk1-txt2: イチオシ記事をもっと見る */
.md-blk1-txt2 { color: transparent; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px; 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: #a4ea99ff; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }

/* md-blk1-sec2: 新着記事 生活リズムを整えるために大切なこと よくある質問とその回答 */
.md-blk1-sec2 { 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%; }

/* md-blk1-txt3: 新着記事 */
.md-blk1-txt3 { 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) { .md-blk1-txt3 { font-size: 24px; } }
@media screen and (max-width: 540px) { .md-blk1-txt3 { font-size: 20px; } }

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

/* md-blk1-link1: 生活リズムを整えるために大切なこと */
.md-blk1-link1 { background: #FFFFFF; border-bottom: 1px solid #EEEEEE; border-left: 0px solid #EEEEEE; border-right: 0px solid #EEEEEE; border-top: 0px solid #EEEEEE; flex-direction: row; justify-content: flex-start; margin: 0px 0px 0px 0px; padding: 8px; width: 100%; max-width: 100%; }
.md-blk1-link1:hover { background: #ffffffff; }
@media screen and (max-width: 840px) { .md-blk1-link1 { align-content: flex-start; align-items: flex-start; flex-direction: column; justify-content: center; margin: 0px 0px 20px; overflow-x: hidden; overflow-y: auto; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .md-blk1-link1 { margin: 0px 0px 20px; overflow-x: hidden; overflow-y: auto; width: 100%; } }

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

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

/* md-blk1-txt4: 生活リズムを整えるために大切なこと */
.md-blk1-txt4 { color: #777777ff; font-family: 'Noto Sans JP', sans-serif; font-size: 18px; font-weight: 500; line-height: 1.2; margin: 0px 0px 0px 0px; text-align: left; max-width: 100%; justify-content: flex-start; }
.md-blk1-link1:hover .md-blk1-txt4 { 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: #aceaa2; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }
@media screen and (max-width: 840px) { .md-blk1-txt4 { font-size: 20px; } }
@media screen and (max-width: 540px) { .md-blk1-txt4 { font-size: 18px; } }

/* md-blk1-box7: 新着記事をもっと見る */
.md-blk1-box7 { align-content: flex-end; align-items: flex-end; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 8px 0px 0px 0px; width: 100%; max-width: 100%; }

/* md-blk1-txt5: 新着記事をもっと見る */
.md-blk1-txt5 { color: transparent; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px; 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: #a4ea99ff; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }

/* md-blk1-sec3: 特集 */
.md-blk1-sec3 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; box-shadow: 0px 2px 5px rgba(68, 69, 72, 0.14); display: none; 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%; }
@media screen and (max-width: 840px) { .md-blk1-sec3 { display: none; } }
@media screen and (max-width: 540px) { .md-blk1-sec3 { display: none; } }

/* md-blk1-txt6: 特集 */
.md-blk1-txt6 { 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) { .md-blk1-txt6 { font-size: 24px; } }
@media screen and (max-width: 540px) { .md-blk1-txt6 { font-size: 20px; } }

/* md-blk1-box8:  */
.md-blk1-box8 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; margin: 0px 0px 40px 0px; padding: 0px; width: 100%; --gh-md-blk1-box8: 20px; --gv-md-blk1-box8: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box8 { margin: 0px 0px 20px 0px; --gh-md-blk1-box8: 20px; --gv-md-blk1-box8: 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .md-blk1-box8 { flex-direction: column; flex-wrap: nowrap; gap: 34px; margin: 0px 0px 34px 0px; --gh-md-blk1-box8: 0px; --gv-md-blk1-box8: 34px; width: 100%; max-width: 100%; } }

/* md-blk1-box9:  */
.md-blk1-box9 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; width: calc(50% - (var(--gh-md-blk1-box8) * 0.5)); max-width: calc(50% - (var(--gh-md-blk1-box8) * 0.5)); }
@media screen and (max-width: 540px) { .md-blk1-box9 { width: calc(100% - (var(--gh-md-blk1-box8) * 0)); max-width: calc(100% - (var(--gh-md-blk1-box8) * 0)); } }

/* md-blk1-pic2:  */
.md-blk1-pic2 { flex: none; height: 148px; margin: 0px 0px 8px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-pic2 { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .md-blk1-pic2 { margin: 0px 0px 0px 0px; } }

/* md-blk1-box10:  */
.md-blk1-box10 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; gap: 0px; height: auto; justify-content: flex-start; padding: 0px 0px; width: 100%; --gh-md-blk1-box10: 0px; --gv-md-blk1-box10: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box10 { margin: 0px 0px 0px; --gh-md-blk1-box10: 0px; --gv-md-blk1-box10: 0px; width: 100%; max-width: 100%; } }

/* md-blk1-box11:  */
.md-blk1-box11 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; width: calc(50% - (var(--gh-md-blk1-box8) * 0.5)); max-width: calc(50% - (var(--gh-md-blk1-box8) * 0.5)); }
@media screen and (max-width: 540px) { .md-blk1-box11 { width: calc(100% - (var(--gh-md-blk1-box8) * 0)); max-width: calc(100% - (var(--gh-md-blk1-box8) * 0)); } }

/* md-blk1-pic3:  */
.md-blk1-pic3 { flex: none; height: 148px; margin: 0px 0px 8px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-pic3 { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .md-blk1-pic3 { margin: 0px 0px 0px 0px; } }

/* md-blk1-box12:  */
.md-blk1-box12 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; gap: 0px; height: auto; justify-content: flex-start; padding: 0px 0px; width: 100%; --gh-md-blk1-box12: 0px; --gv-md-blk1-box12: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box12 { margin: 0px 0px 0px; --gh-md-blk1-box12: 0px; --gv-md-blk1-box12: 0px; width: 100%; max-width: 100%; } }

/* md-blk1-box13:  */
.md-blk1-box13 { align-content: flex-start; align-items: flex-start; flex-direction: row; flex-wrap: nowrap; gap: 20px; justify-content: flex-start; padding: 0px; width: 100%; --gh-md-blk1-box13: 20px; --gv-md-blk1-box13: 0px; max-width: 100%; }
@media screen and (max-width: 540px) { .md-blk1-box13 { flex-direction: column; flex-wrap: nowrap; gap: 34px; --gh-md-blk1-box13: 0px; --gv-md-blk1-box13: 34px; } }

/* md-blk1-box14:  */
.md-blk1-box14 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; padding: 0px; width: calc(50% - (var(--gh-md-blk1-box13) * 0.5)); max-width: calc(50% - (var(--gh-md-blk1-box13) * 0.5)); }
@media screen and (max-width: 540px) { .md-blk1-box14 { align-content: flex-start; align-items: flex-start; justify-content: center; width: calc(100% - (var(--gh-md-blk1-box13) * 0)); max-width: calc(100% - (var(--gh-md-blk1-box13) * 0)); } }

/* md-blk1-pic4:  */
.md-blk1-pic4 { flex: none; height: 148px; margin: 0px 0px 8px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-pic4 { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .md-blk1-pic4 { margin: 0px 0px 0px 0px; } }

/* md-blk1-box15:  */
.md-blk1-box15 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; gap: 0px; height: auto; justify-content: flex-start; padding: 0px 0px; width: 100%; --gh-md-blk1-box15: 0px; --gv-md-blk1-box15: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box15 { margin: 0px 0px 0px; --gh-md-blk1-box15: 0px; --gv-md-blk1-box15: 0px; width: 100%; max-width: 100%; } }

/* md-blk1-box16:  */
.md-blk1-box16 { align-content: center; align-items: center; flex: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; padding: 0px; width: calc(50% - (var(--gh-md-blk1-box13) * 0.5)); max-width: calc(50% - (var(--gh-md-blk1-box13) * 0.5)); }
@media screen and (max-width: 540px) { .md-blk1-box16 { width: calc(100% - (var(--gh-md-blk1-box13) * 0)); max-width: calc(100% - (var(--gh-md-blk1-box13) * 0)); } }

/* md-blk1-pic5:  */
.md-blk1-pic5 { flex: none; height: 148px; margin: 0px 0px 8px 0px; width: 100%; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-pic5 { margin: 0px 0px 0px 0px; width: 100%; max-width: 100%; } }
@media screen and (max-width: 540px) { .md-blk1-pic5 { margin: 0px 0px 0px 0px; } }

/* md-blk1-box17:  */
.md-blk1-box17 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; flex: none; gap: 0px; height: auto; justify-content: flex-start; padding: 0px 0px; width: 100%; --gh-md-blk1-box17: 0px; --gv-md-blk1-box17: 0px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box17 { margin: 0px 0px 0px; --gh-md-blk1-box17: 0px; --gv-md-blk1-box17: 0px; width: 100%; max-width: 100%; } }

/* md-blk1-sec4: お得情報 記事をもっと見る */
.md-blk1-sec4 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; box-shadow: 0px 2px 5px rgba(68, 69, 72, 0.14); display: none; 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%; }
@media screen and (max-width: 840px) { .md-blk1-sec4 { display: none; } }
@media screen and (max-width: 540px) { .md-blk1-sec4 { display: none; } }

/* md-blk1-txt7: お得情報 */
.md-blk1-txt7 { 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) { .md-blk1-txt7 { font-size: 24px; } }
@media screen and (max-width: 540px) { .md-blk1-txt7 { font-size: 20px; } }

/* md-blk1-box18:  */
.md-blk1-box18 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; justify-content: flex-start; padding: 0px 0px; width: 960px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box18 { flex: none; margin: 0px 0px 0px; width: 100%; max-width: 100%; } }

/* md-blk1-box19: 記事をもっと見る */
.md-blk1-box19 { align-content: flex-end; align-items: flex-end; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 8px 0px 0px 0px; width: 100%; max-width: 100%; }

/* md-blk1-txt8: 記事をもっと見る */
.md-blk1-txt8 { color: transparent; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px; 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: #a4ea99ff; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }

/* md-blk1-sec5: インタビュー 記事をもっと見る */
.md-blk1-sec5 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; box-shadow: 0px 2px 5px rgba(68, 69, 72, 0.14); display: none; 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%; }
@media screen and (max-width: 840px) { .md-blk1-sec5 { display: none; } }
@media screen and (max-width: 540px) { .md-blk1-sec5 { display: none; } }

/* md-blk1-txt9: インタビュー */
.md-blk1-txt9 { 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) { .md-blk1-txt9 { font-size: 24px; } }
@media screen and (max-width: 540px) { .md-blk1-txt9 { font-size: 20px; } }

/* md-blk1-box20:  */
.md-blk1-box20 { align-content: flex-start; align-items: flex-start; background: #FFFFFF; justify-content: flex-start; padding: 0px 0px; width: 960px; max-width: 100%; }
@media screen and (max-width: 840px) { .md-blk1-box20 { height: auto; margin: 0px 0px 0px; max-width: 100%; } }

/* md-blk1-box21: 記事をもっと見る */
.md-blk1-box21 { align-content: flex-end; align-items: flex-end; background: rgba(0,0,0,0.0); flex: none; flex-direction: column; flex-wrap: nowrap; height: auto; justify-content: center; margin: 8px 0px 0px 0px; width: 100%; max-width: 100%; }

/* md-blk1-txt10: 記事をもっと見る */
.md-blk1-txt10 { color: transparent; font-family: 'Noto Sans JP', sans-serif; font-size: 16px; font-weight: 500; height: auto; line-height: 1.4; margin: 0px 0px 0px 0px; padding: 0px; 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: #a4ea99ff; --g-position-0: 0%; --g-color-1: #5dbee3; --g-position-1: 100%; --g-color-2: #5dbee3; --g-position-2: 100%; --g-color-3: #5dbee3; --g-position-3: 100%; --g-color-4: #5dbee3; --g-position-4: 100%; --g-color-5: #5dbee3; --g-position-5: 100%; --g-color-6: #5dbee3; --g-position-6: 100%; --g-color-7: #5dbee3; --g-position-7: 100%; --g-color-8: #5dbee3; --g-position-8: 100%; --g-color-9: #5dbee3; --g-position-9: 100%; --g-color-10: #5dbee3; --g-position-10: 100%; --g-color-11: #5dbee3; --g-position-11: 100%; --g-angle: 270deg; }