/* PC用 */
@media screen and (min-width: 768px) {
    .mobile-only {
        display: none;
    }
}

/* モバイル用 */
@media screen and (max-width: 767px) {
    .pc-only {
        display: none;
    }
}

/* バナーのセンタリング用 */
.banner-wrapper {
    text-align: center;
}

.banner-wrapper a {
    display: inline-block;
    margin-bottom: 10px; /* 下に20pxの余白を追加 */
    margin-top: 10px; /* 上に20pxの余白を追加 */
}