.anchor-offset::before {
    /* アンカーのヘッダー分ズレ対策 */
    content: '';
    display: block;
    height: 150px; /* ヘッダーの高さ */
    margin-top: -150px; /* 同じ値をマイナスで */
    pointer-events: none;
}

section {
    text-align: center;
}
section img {
    width: 100%;
}
.header {
    background-color: #edbca4;
    display: flex;
    padding: 2% 3% 1%;
    margin: 0 auto;
}
.header a {
    padding: 1%;
}
.red {
    background-color: #d66429;
}
.white {
    background-color: #ffffff;
    border-radius: 25px;
    width: 80%;
    margin: 0 auto;
    padding: 5%;
}
@media screen and (max-width: 500px) {
    .white {
        border-radius: 15px;
    }
}
.white-b {
    border: 5px solid #fff;
    border-radius: 25px;
    width: 80%;
    margin: 0 auto;
    padding: 1% 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media screen and (max-width: 500px) {
    .white-b {
        border: 3px solid #fff;
        border-radius: 15px;
    }
}
.white-b img{
    margin: 2% 0;
}