@media screen and (max-width: 768px) {
    header {
        font-size: 18px;
    }

    nav a {
        font-size: 12px;
    }

    #main {
        margin-left: 0;
        padding-left: 0;
        width:100%;
    }

    .catch-copy {
        display: none;
        margin: 0;
        padding: 0;
        border: none;
    }
    .catch-copy-container {
        display: none !important; /* 強制的に非表示 */
        flex: 0 !important;       /* flexの影響を無効化 */
        margin: 0 !important;    /* 余白をリセット */
        padding: 0 !important;   /* 内側の余白をリセット */
        border: none !important; /* 枠線をリセット */
    }

    /* メインコンテンツのスマホ対応 */
    .section {
        padding: 30px 20px; /* セクション余白を小さく */
        margin-bottom: 15px;
    }

    .section h2 {
        font-size: 2.5rem; /* 見出しサイズを小さく */
        margin: 20px 0;
    }

    /* NEWS枠のスマホ対応 */
    .list-news li {
        font-size: 0.9rem; /* 文字サイズを小さく */
        padding: 10px 0;
    }

    .list-news li strong {
        font-size: 0.8rem;
    }

    /* 店舗情報カルーセルのスマホ対応 */
    #storeCarousel {
        max-width: 100%;
        margin: 0;
    }

    .carousel-caption {
        display: block !important; /* スマホでもキャプションを表示 */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 95%;
        height:94%;
        padding: 15px;
        border: 1px solid #fff;
        border-radius: 8px;
    }

    .carousel-caption h5 {
        font-size: 1.2rem; /* キャプション見出しを小さく */
        margin-bottom: 10px;
        line-height: 1.3;
    }

    .carousel-caption p {
        font-size: 0.8rem; /* キャプション本文を小さく */
        line-height: 1.4;
        margin: 0;
    }

    /* カルーセルボタンのスマホ対応 */
    .carousel-control-prev,
    .carousel-control-next {
        width: 20px;
        height: 20px;
        margin: 1px;
        top: 50%;
        transform: translateY(-50%);
    }

    .carousel-control-prev {
        left: 10px;
    }

    .carousel-control-next {
        right: 10px;
    }

    .carousel-control-prev-icon,
    .carousel-control-next-icon {
        width: 16px;
        height: 16px;
    }

    /* 代表挨拶のスマホ対応 */
    .col-md-6 {
        margin-bottom: 20px;
    }

    .col-md-6 p {
        font-size: 0.9rem; /* 本文を小さく */
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .img-ceo {
        width: 100%;
        object-fit: cover;
    }

    /* フッターのスマホ対応 */
    footer {
        margin-left: 0;
        width: 100%;
        padding: 30px 0;
    }

    footer h5 {
        font-size: 1.3rem;
        margin-bottom: 20px;
    }

    footer ul li {
        font-size: 0.9rem;
        margin-bottom: 8px;
    }

    footer img {
        max-height: 120px;
    }

    footer p {
        font-size: 0.8rem;
    }

    /* Read Moreリンクの調整 */
    .text-end a {
        font-size: 0.9rem;
    }
}