@media screen and (min-width:767px) {
.about{
    max-width: 85vw;
    margin: auto;
}
.about_title{
    margin-top: 50px;
    text-align: center; /* 内部のテキストを中央揃え */
    display: inline-block; /* コンテンツの幅をh2に合わせる */
}
.about_title h2{
    font-size: 40px;
    position: relative;
    display: inline-block;
}
.about_title h4{
    font-size: 20px;
    color: #C09933;
    margin-top: 0px;
    text-align: center;
    width: 100%; /* h2の幅に合わせる */
}
.about_contents{
    display: flex;
    align-items: center;
    margin-top: 50px;
}
.about_contents_logo img{
    width: 15.63vw;
}
.about_contents_container{
    margin-left: 3.13vw;
}
.about_contents_container_name{
    display: flex;
    align-items: flex-end;
}
.about_contents_container_name_kanji{
    font-size: 25px;
    font-weight: bold;
}
.about_contents_container_name_kata{
    font-size: 20px;
    font-weight: bold;
    margin-left: 1.95vw;
}
.about_contents_container_text{
    margin-top: 1.95vw;
    font-size: 20px;
}
.about_message{
    margin-top: 3.9vw;
}
.about_message h3{
    font-size: 35px;
    color: #502200;
    max-width: 1000px;
    margin: auto;
    text-align: center;
}
.about_message p{
    font-size: 25px;
    margin-top: 1.95vw;
}
.about_achievement{
    margin-top: 50px;
}
.about_achievement h4{
    font-size: 30px;
    font-weight: bold;
}
.about_achievement_job{
    margin-top: 25px;
}
.about_achievement_job p{
    font-size: 25px;
    border-bottom: 1px solid #C09933;
    padding-bottom: 10px;
}
.about_achievement_job p:nth-child(n+2){
    margin-top: 10px;
}
}

                                        /*==========sp==========*/
@media screen and (max-width:766px) {
.about{
    width: 87vw;
    margin-top: 20vw;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
}
.about_title{
    text-align: center; /* 内部のテキストを中央揃え */
    display: inline-block; /* コンテンツの幅をh2に合わせる */
}
.about_title h2{
    font-size: 5.21vw;
    position: relative;
    display: inline-block;
}
.about_title h4{
    font-size: 2.6vw;
    color: #C09933;
    margin-top: 0px;
    text-align: center;
    width: 100%; /* h2の幅に合わせる */
}
.about_contents_logo{
    text-align: center;
}
.about_contents_logo img{
    width: 33.55vw;
}
.about_contents_container_name{
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 25px;
}
.about_contents_container_name_kanji{
    font-size: 3.26vw;
    font-weight: bold;
}
.about_contents_container_name_kata{
    font-size: 2.6vw;
    margin-left: 6.51vw;
}
.about_contents_container_text{
    font-size: 2.6vw;
    margin-top: 6.51vw;
}
.about_message{
    margin-top: 6.51vw;
}
.about_message h3{
    font-size: 3.91vw;
    font-weight: bold;
    color: #502200;
    max-width: 86.72vw;
    margin: auto;
    text-align: center;
}
.about_message p{
    font-size: 3.26vw;
    margin-top: 6.51vw;
}
.about_achievement{
    margin-top: 6.51vw;
}
.about_achievement h4{
    font-size: 3.91vw;
}
.about_achievement_job{
    margin-top: 3.26vw;
}
.about_achievement_job p{
    font-size: 2.6vw;
    border-bottom: 1px solid #C09933;
    padding-bottom: 1.3vw;
}
.about_achievement_job p:nth-child(n+2){
    margin-top: 1.3vw;
}
}