body {
    font-family: 'Arial', sans-serif;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    height: 100vh;
}

.board {
    width: 100%;
    max-width: 800px;
    margin: 20px;
    padding: 20px;
    box-sizing: border-box;
}

.title {
    text-align: center;
    margin-bottom: 20px;
}

    .title h1 {
        color: #333;
        font-weight: 700;
    }

    .title p {
        color: #555;
        text-align: left;
    }

.texts {
    height: 100px;
}

.image {
    display: block;
    max-width: 70%;
    height: auto;
    margin: 10px auto;
    border-radius: 8px;
}


@media (max-width: 768px) { /* スマートフォンの画面サイズ以下の場合のスタイル */
    .board {
        max-width: 100%;
        padding: 10px;
    }
}