/* レスポンシブ用デバイスごとのレイアウト調整、メディアクエリなど */

img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px) {
    img {
        max-width: 100%; /* 親要素の幅にフィット */
        height: auto; /* 縦横比を維持 */
    }
}

.pc-img, .sp-img {
    max-width: 100%;
    height: auto;
}

@media only screen and (max-width: 768px) {
    .pc-img {
        display: none; /* スマホではPC用画像を非表示 */
    }
    .sp-img {
        display: block; /* スマホではSP用画像を表示 */
    }
}

@media only screen and (min-width: 769px) {
    .pc-img {
        display: block; /* PCではPC用画像を表示 */
    }
    .sp-img {
        display: none; /* PCではSP用画像を非表示 */
    }
}