@media screen and (max-width:480px) {
    
    .img-plan {
    overflow-x: scroll;
    }

    .img-plan img {
        min-width: 600px; 
        overflow-x: scroll;
        margin: 5px;
        }
    
}

.img-ratio {
    object-fit: cover;
}

.img-contain {
    object-fit: contain;
}

h1,
.h1 {
    font-size: calc(1.35rem + 1.2vw);
}
@media (min-width: 1200px) {
    h1,
    .h1 {
        font-size: 2.25rem;
    }
}

h2,
.h2 {
    font-size: calc(1.305rem + 0.66vw);
}
@media (min-width: 1200px) {
    h2,
    .h2 {
        font-size: 1.8rem;
    }
}

h3,
.h3 {
    font-size: calc(1.2825rem + 0.39vw);
}
@media (min-width: 1200px) {
    h3,
    .h3 {
        font-size: 1.575rem;
    }
}

h4,
.h4 {
    font-size: calc(1.26rem + 0.12vw);
}
@media (min-width: 1200px) {
    h4,
    .h4 {
        font-size: 1.35rem;
    }
}

/* =============================================================
 * Footer
 * 全 adminlte ページに影響するグローバルなフッター調整。
 * 対応する Blade:
 *   - resources/views/vendor/adminlte/partials/footer/footer.blade.php (.main-footer ガワ)
 *   - resources/views/layout/footer.blade.php (.footer 中身のクレジット文)
 * ============================================================= */

footer.main-footer {
    padding: 8px 1rem;
}

@media (max-width: 767.98px) {
    footer.footer p {
        font-size: 11px;
        white-space: nowrap;
        margin-bottom: 0;
    }
    footer.footer .container {
        padding-left: 8px;
        padding-right: 8px;
    }
}