@charset "utf-8";

 .blog-wrap {
     width:100%;
     margin:15px 0;
 }

.blog-inner {
    width:80%;
    margin:0 auto;
}

.blog-main-img {
    max-width:100%;
    height:auto;
    border-radius:12px;
}

.blog-flex-box {
    display:flex;
    align-items:flex-start;
    gap:20px;
    margin-top:15px;
}

.blog-text {
    flex:1;
}

.blog-side-img img {
    width:300px;
    border-radius:12px;
}

.blog-inner h2,
.blog-inner h3 {
    font-size:20px;
    font-weight:bold;
    margin:20px 0 8px;
}

.blog-inner p {
    line-height:1.8;
}

/* ===== スマホ最適化 ===== */
@media screen and (max-width:768px) {

    .blog-inner {
        width:95%;
    }

    .blog-flex-box {
        flex-direction:column;
    }

    .blog-side-img img {
        width:100%;
    }

    .blog-inner h2,
    .blog-inner h3 {
        font-size:18px;
    }

}