.background-dash-grid {
    margin-top: 0%;
    background-image: url("../images/dash_grid.png");
    background-repeat: repeat;
    background-size: 5%;
    width: 100%;
    /* display: flex; */
}

.wsws-head {
    margin: 0 auto;
    text-align: center;
}

.wsws-logo {
    margin-top: 5%;
    width: 70%;
}

.contents {
    display: grid;
    justify-items: center; /* 各 .content 要素を左右中央寄せ */
    gap: 20px; /* 縦方向の間隔 */
}

.content {
    display: grid;
    grid-template-columns: 30% 70%; /* 画像を30%、見出しを70%の幅に設定 */
    align-items: center; /* 画像と見出しを縦方向に中央揃え */
    gap: 30px; /* 画像と見出しの間隔 */
    width: 100%;
    max-width: 50%; /* 最大幅を指定して中央寄せ */
}

.content img {
    justify-self: end; /* 画像を左揃えにする */
    width: 100%; /* 画像の横幅を列幅に合わせる */
    max-width: 150px;    
}

.content h1 {
    justify-self: start; /* 見出しも左に揃える（必要に応じて） */
}

/* スマートフォン表示時のスタイル */
@media (max-width: 768px) {
    .background-dash-grid {
        margin-top: 0%;
        background-image: url("../images/dash_grid.png");
        background-repeat: repeat;
        background-size: 15%;
        width: 100%;
        /* display: flex; */
    }
}