HTML{
scroll-behavior: smooth;
}

.main__block{
    padding: 0 70px;
}
h3{
    font-size: 30px;
    margin: 0 0 30px 0;
}

h4{
    font-size: 24px;
    text-align: center;
    margin: 0px 0px 30px 0px;
}

.main__image{
    padding: 0px 30px 80px 30px;
}

.button__group p{
    display: inline-block;
    margin: 0px 10px;
    font-size: 18px;

    padding: 10px 0px 10px 0px;

    font-weight: bold;
    color: #00A676;
    background: #FFF;
    border: solid 1px #00A676;
    border-radius: 50px;

    max-width: 200px;
    width: 100%;

    position: relative;
}

.button__group{
    text-align: center;
    margin: 70px 0px;
}

.button__group img{
    width: 10px;
    padding: 0 0 0 0;

    position: absolute;
    right: 10%;
    top: 50%;
}

.front__text__1{
    font-size: 10px;
    margin-left: auto;
    margin-bottom: 80px;
}

.underlayer--gray{
   background-color: #ebebeb;
}

.about__back{
    margin-top: 50px;
}

.backend__text_02{
    margin-top: 50px;
}

.about__front{
    font-weight: bold;
}

/*sp　左右余白 */
@media screen and (max-width: 768px){
    .main__block{
        width: 90%;
        margin: 0 18px 0 18px;
        padding: 0 0 0 0;
    }
}
/* sp　button */
@media screen and (max-width: 768px){
    h3{
    font-size: 26px;
}

    .button1 .button2{
        font-size: 13px;
            }

}

@media screen and (max-width: 585px){   
    .button__group{
        display: flex;
        flex-direction: column;
        margin: 60px 0;
        }
    }

    .button__group p{
        font-size: 15px;
        padding: 10px;
        width: 70%;

        margin: 5px auto 5px auto;
    }

     /*img */
    .main__image{
        padding: 0 5px 0 5px;
    }


     /*backend__titele */

@media screen and (max-width: 768px){
    .backend__title {
        margin-top: 60px;
    }
}

:target {
  scroll-margin-top: 120px; /* 固定ヘッダーの高さに合わせて調整 */
}