#about {
    margin-top: 82px;
}
#about .about-inner {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url('../../../images/2025/home/about-back.jpg');
    background-image: image-set(url('../../../images/2025/home/about-back.jpg') 1x, url('../../../images/2025/home/about-back@2x.jpg') 2x);
}
#about .about-content {
    width: 50%;
    padding: 26px 85px 34px;
}
#about p {
    font-size: 1em;
    line-height: 1.5;
}
#about .about-title {
    font-size: 56px;
    margin-bottom: 16px;
}
#about .about-title img {
    margin-left: 6px;
}
#about .button {
    width: 198px;
    height: 39px;
    border-radius: 20px;
    font-size: 1.25em;
    margin-top: 23px;
}
@media screen and (max-width: 1199px) {
    #about .about-content {
        padding: 26px 30px 34px;
    }
}
@media screen and (max-width: 991px) {
    #about .about-content {
        padding: 26px 5px 34px;
    }
    #about .about-title {
        font-size: 40px;
    }
}
@media screen and (max-width: 767px) {
    #about .about-inner {
        background-image: url('../../../images/2025/home/about-back-m.jpg');
        background-image: image-set(url('../../../images/2025/home/about-back-m.jpg') 1x, url('../../../images/2025/home/about-back-m@2x.jpg') 2x);
        width: 360px;
        max-width: 100%;
        height: 633px;
        align-items: flex-start;
        margin: 0 auto;
    }
    #about .about-content {
        width: 100%;
        padding: 26px 20px 0;
    }
}
@media screen and (max-width: 567px) {
    #about {
        margin-top: 37px;
    }
    #about .about-title {
        font-size: 41px;
    }
    #about .about-title img {
        margin-left: 4px;
    }
    #about .button {
        width: 167px;
        height: 32px;
        border-radius: 16px;
        font-size: 1em;
        margin-top: 22px;
    }
}