@charset "UTF-8";

.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */

@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 750px) {
img { max-width: 100%; }
}

body{
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
}
        .image-container {
            position: relative;
            margin: 0 auto; /* コンテナ自体を中央に配置（必要に応じて） */
        }
        .base-image {
            width: 100%;
            display: block;
        }
        .overlay-image {
            position: absolute;
            width: 100%; /* 重ねる画像のサイズ - 必要に応じて調整 */
            /* 以下の3行が中央配置のキーポイント */
            top: 67%;
            left: 50%;
            transform: translate(-50%, -50%);
            /* 必要に応じてz-indexを追加 */
            z-index: 2;
        }