.aboutus{
margin-top: 0;
margin-bottom: 0;
}
.about-banner{
background: url(https://sumonthazinpann.com/wp-content/uploads/2025/05/img-about.webp) no-repeat top center/cover;
padding: 106px 0 80px
}
.aboutus .page-ttl{
color: var(--white);
}
.aboutus .sub-ttl{
color: var(--white);
text-align: center;
padding: 21px 0;
letter-spacing: 3px;
}
.about-description{
margin: 57px 0 138px;
}
.about-descript-txt{
font-size: 18px;
font-weight: 400;
font-family: var(--font3);
padding: 23px 0;
text-align: center;
width: 70%;
margin: 0 auto;
line-height: 1.4;
letter-spacing: 0.2px;
}
.mission-vision-blk{
width: 82%;
margin: 0 auto;
}
.mission-vision-blk li{
display: flex;
justify-content: space-between;
margin-bottom: 50px;
}
.mission-vision-blk li:nth-child(2n+0){
flex-direction: row-reverse;
}
.mission-vision-blk li .txt-blk{
width: 49%;
padding: 56px 0;
}
.mission-vision-blk li .img-blk{
width: 49%;
}
.mission-vision-blk li .img-blk img{
max-width: 488px;
height: 315px;
object-fit: cover;
}
.mission-vision-blk li .txt-blk .common-ttl{
text-align: left;
}
.mission-vision-blk li .txt-blk p{
font-size: 18px;
font-weight: 400;
font-family: var(--font3);
padding-top: 13px;
line-height: 1.5;
letter-spacing: 0.2px;
}
.aggrement-list{
padding: 38px 0 100px;
}
.aggrement-list li{
display: flex;
padding: 36px 0 0;
align-items: flex-start;
}
.aggrement-list li h3{
font-size: 39px;
font-weight: 500;
width: 43%;
font-family: var(--font1);
padding: 30px 0;
color: var(--black);
}
.aggrement-list li p{
width: 86%;
font-size: 18px;
font-weight: 400;
font-family: var(--font3);
padding: 30px 0 50px;
border-bottom: 1px solid #969696;
line-height: 1.5;
letter-spacing: 0.12px;
}
.aggrement-list li:nth-child(2n+0) p{
border-bottom: 1px solid transparent;
}
.aboutus .footer{
margin-top: 0;
}
@media only screen and (min-width:768px) and (max-width:1280px) {
.about-banner{
padding: 8.281vw 0 6.25vw
}
.aboutus .sub-ttl{
padding: 1.641vw 0;
letter-spacing: 0.234vw;
}
.about-description{
margin: 4.453vw 0 10.781vw;
}
.about-descript-txt{
font-size: 1.406vw;
padding: 1.797vw 0;
width: 70%;
letter-spacing: 0.016vw;
}
.mission-vision-blk li{
margin-bottom: 3.906vw;
}
.mission-vision-blk li .txt-blk{
padding: 4.375vw 0;
}
.mission-vision-blk li .img-blk img{
max-width: 38.125vw;
height: 24.609vw;
}
.mission-vision-blk li .txt-blk p{
font-size: 1.406vw;
padding-top: 1.016vw;
letter-spacing: 0.016vw;
}
.aggrement-list{
padding: 2.969vw 0 7.813vw;
}
.aggrement-list li{
padding: 2.813vw 0 0;
}
.aggrement-list li h3{
font-size: 3.047vw;
padding: 2.344vw 0;
}
.aggrement-list li p{
font-size: 1.406vw;
padding: 2.344vw 0 3.906vw;
letter-spacing: 0.009vw;
}
.aggrement-list li:nth-child(2n+0) p{
border-bottom: 0.078vw solid transparent;
}
}
@media all and (max-width:767.9px) {
.about-banner{
padding: 17.6vw 0 11.733vw;
}
.aboutus .sub-ttl{
font-size: 4.267vw;
padding: 5.6vw 0;
letter-spacing: 0.56vw;
}
.about-description{
margin: 15.2vw 0 10.667vw;
}
.about-descript-txt{
font-size: 4.267vw;
padding: 5.067vw 0;
width: 100%;
line-height: 1.5;
letter-spacing: 0.053vw;
}
.mission-vision-blk{
width: 100%;
}
.mission-vision-blk li{
flex-wrap: wrap;
flex-direction: column-reverse;
margin-bottom: 9.6vw;
}
.mission-vision-blk li:nth-child(2n+0){
flex-direction: column-reverse;
}
.mission-vision-blk li .txt-blk{
width: 100%;
padding: 5.867vw 0;
}
.mission-vision-blk li .img-blk{
width: 100%;
}
.mission-vision-blk li .img-blk img{
max-width: 100%;
height: 60.8vw;
}
.mission-vision-blk li .txt-blk p{
font-size: 4.267vw;
padding-top: 3.467vw;
letter-spacing: 0.053vw;
}
.aggrement-list{
padding: 0 0 6.933vw;
}
.aggrement-list li{
display: flex;
flex-wrap: wrap;
padding: 1.067vw 0 15.733vw;
align-items: flex-start;
}
.aggrement-list li h3{
font-size: 6.667vw;
width: 100%;
padding:0;
}
.aggrement-list li p{
width: 100%;
font-size: 4.267vw;
padding: 5.067vw 0 5.333vw;
letter-spacing: 0.032vw;
}
}