/* 基本設定 */
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    color: #333;
    background-color: #f0f0f0;
}

.main-container {
    width: 100%; /* ここを修正しました */
    /* max-width: 1200px;  この行を削除またはコメントアウト */
    margin: 0 auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    background-color: #fff;
}

.background-image {
    width: 100%;
    height: auto;
    display: block;
}

/* PC（横長）レイアウト */
.sp-content {
    display: none;
}

@media (min-width: 769px) {
    .pc-content {
        display: block;
    }

    .sp-content {
        display: none;
    }
}

/* スマホ（縦長）レイアウト */
@media (max-width: 768px) {
    .pc-content {
        display: none;
    }

    .sp-content {
        display: block;
    }
}