.sf_description {
    max-width: 100%;
}

.sf_midashi {
    font-size: 30px;
    text-align: left; /* 左寄せ */
    margin-left: 20px; /* 任意の左マージン */
}

.sf_komidashi {
    font-size: 20px;
    margin-left: auto; /* midashiと同じスタート位置に */
    margin-right: 20px; /* 任意の右マージン */
    text-align: right; /* 右寄せ */
    padding: 10px;
}

.sf_container {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 20px;
}

.sf_item {
    text-align: center;
}
.sf_name{
    font-size: 18px;
    padding: 10px;
}
.sf_text{
    font-size: 16px;
}

.sf_item img {
    max-width: 100%;
    height: auto;
}

.h1_test {
    font-size: 25px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
}
.h2_test {
    font-size: 25px;
    font-weight: bold;
    padding-top: 30px;
    padding-bottom:30px;
}
.p{
    padding-bottom: 30%;
}


@media screen and (max-width: 767px) {
    .sf_description {
        max-width: 100%;
    }
    .sf_midashi {
        font-size: 22px;
    }
    .sf_komidashi {
        font-size: 18px;
    }
    .sf_container {
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2列に設定 */
        gap: 20px; /* アイテム同士の間隔 */
        margin: 20px 0; /* 上下の余白 */
    }

    .sf_item {
        text-align: center;
    }
}