/* ↓　about */
.main-title img{position: absolute;bottom: 0;left: calc(50% + 205px);width: auto;}
.sub-title {background: url(../../img/grass/about_01_2.jpg) 0 0 no-repeat;}
#abt_ts h3{text-align: center; font-size: 6rem;font-weight: 700;font-family:'Montserrat', sans-serif;line-height: 1.5;
}
#abt_ts h3 span {border: none;padding: 0;}
#abt_ts p,#abt_ts dt{
    margin-top: 65px;
}
#abt_ts dt{
    color: #5CB531;font-family: 'Zen Maru Gothic', sans-serif;font-weight:700;font-size: 2.2rem;line-height: 40px;
}
#abt_ts dd{margin-top: 10px;}
.abt_sv_img{background: url(../../img/grass/about_05.png) 0 400px no-repeat;margin-bottom: 140px;}
.abt_sv_img div{text-align: center; width: 830px; margin:40px auto 0;}
.abt_sv_img img {width: auto;}
@media screen and (max-width:1200px) {
    .abt_sv_img{background-position: 0 300px;}    
}

#abt_sv ul {display: flex; justify-content: space-between; flex-wrap: wrap;align-items: flex-start;width: 1030px;margin: 60px auto 100px auto ;
}
#abt_sv li { width: 49%;height:200px;margin:0 0 2% 0;
&:nth-child(1){background: url(../../img/grass/about_07.jpg) 100% 100% no-repeat;position: relative;}
&:nth-child(2){background: url(../../img/grass/about_08.jpg) 100% 100% no-repeat;position: relative;}
&:nth-child(3){background: url(../../img/grass/about_09.jpg) 100% 100% no-repeat;position: relative;}
&:nth-child(4){background: url(../../img/grass/about_10.jpg) 100% 100% no-repeat;position: relative;}
&:nth-child(5){background: url(../../img/grass/about_11.jpg) 100% 100% no-repeat;position: relative;}
}

#abt_sv li a{width: 100%;height: 100%; position:absolute;top:0;left: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;
font-size:2.2rem;font-family: 'Zen Maru Gothic', sans-serif;font-weight:700;text-align:center;
& span{
    font-size: 1.4rem;color:#5CB531;font-weight: 700;font-family:'Montserrat', sans-serif;
}
&:after{font-family: 'Material Symbols Rounded';content: "\e5cc"; font-size: 2rem; color: #FFF;position:absolute;right: 0; bottom: 0;background-color: #ED9034;border-radius:100px 0 0 0 ;line-height: 1;height: 30px;width:30px;display: flex;align-items: center;text-align: center;justify-content:center;padding: 0.5rem 0 0 0.5rem;font-weight: normal;
}}



#abt_sv li::before {
    content: "";display: block;
    width: 100%;height: 100%;
    background-color:rgba(255,255,255,0.75);
    transition:0.5s;
}

#abt_sv li:hover{ 
    &:before {
    background-color:rgb(255, 255, 255,0);}}

/* ↑　about */
@media screen and (max-width:1029px){
.main-title img{bottom: 0;left: 65%;width: 30%;}
.sub-title {background: url(../../img/grass/about_01_2_sp.jpg) center center / cover no-repeat; margin:0 auto 50px;}
#abt_ts h3{font-size: 4rem;
& span{font-size: 1.8rem;}}
#abt_ts p{margin-top: 40px;}
#abt_ts dt{margin-top: 40px;}
.abt_sv_img div{width: 100%;}
.abt_sv_img img{width: 90%;}
.abt_sv_img {background-position: 0px 50px;background-size: 180%;margin-bottom: 40px;}

#abt_sv ul{width: 90%;margin: 30px auto 50px;}
#abt_sv li{width: 100%;height: auto;aspect-ratio: 2.24 / 1;margin-bottom: 20px;}

#abt_sv li{
&:nth-child(1) {
background: url(../../img/grass/about_07.jpg) center center /auto 100% no-repeat;}
&:nth-child(2){background: url(../../img/grass/about_08.jpg) center center /auto 100% no-repeat;line-height: 1.3;
& span{margin-top: 10px;}}
&:nth-child(3){background: url(../../img/grass/about_09.jpg) center center /auto 100% no-repeat;}
&:nth-child(4){background: url(../../img/grass/about_10.jpg) center center /auto 100% no-repeat;}
&:nth-child(5){background: url(../../img/grass/about_11.jpg) center center /auto 100% no-repeat;}


}

}