.blog-education-figure {margin:0 0 36px; border:1px solid #dce8ef; border-radius:12px; overflow:hidden; background:#f5f8fb}
.blog-education-figure img {display:block; width:100%; height:auto; aspect-ratio:3/2}
.blog-education-figure figcaption {padding:17px 22px; color:#4b687e; font-size:15px; line-height:1.7; background:#f7fafc}
.blog-page .care-explanation-diagram {clear:both; margin:34px 0; overflow:hidden; border:1px solid #dce8ef; border-radius:16px; background:#f3f8fb}
.blog-page .care-explanation-diagram picture {display:block}
.blog-page .care-explanation-diagram img {display:block; float:none; width:100%; height:auto; margin:0; aspect-ratio:1200/610}
.blog-page .care-explanation-diagram figcaption {padding:14px 22px; border-top:1px solid #dce8ef; background:#fff; font-size:14px; line-height:1.7; color:#40576b}
.blog-page .care-explanation-diagram summary {cursor:pointer; color:#245575; font-weight:600}
.blog-page .care-explanation-diagram summary:focus-visible {outline:2px solid #167b86; outline-offset:4px}
.blog-page .care-explanation-diagram dl {margin:18px 0}
.blog-page .care-explanation-diagram dt {margin-top:12px; font-weight:700; color:#23465e}
.blog-page .care-explanation-diagram dd {margin:3px 0 0}
.blog-page .care-explanation-diagram p {font-size:14px; margin:12px 0 0}
@media(max-width:767px) {
    .blog-education-figure {margin-bottom:28px}
    .blog-education-figure figcaption {padding:14px 17px; font-size:14px}
    .blog-page .care-explanation-diagram {border-radius:12px; margin:28px 0}
    .blog-page .care-explanation-diagram img {aspect-ratio:600/1050}
    .blog-page .care-explanation-diagram figcaption {padding:14px 17px}
}