.aboutWrap {
    background: #282524 url(../../images/sub/about/img_deco.png) no-repeat 42% 0;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.aboutWrap .layout {
    max-width: 1920px;
    width: 100%;
    padding: 210px 60px 180px;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.aboutWrap .sec1Wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 150px;
    width: 100%;
}

.aboutWrap .sec1Wrap .leftWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    gap: 50px 0;
}

.aboutWrap .sec1Wrap .leftWrap .t1 {
    font-size: 140px;
    color: #fff;
    font-family: 'SatoBL';
    margin-left: -10px;
    word-break: keep-all;
    overflow: hidden;
    position: relative;
    display: flex;
    gap: 0 40px;
    flex-flow: row wrap;
}

.aboutWrap .sec1Wrap .leftWrap .t1 span {
    overflow: hidden;
    display: flex;
}

.aboutWrap .sec1Wrap .leftWrap .t1 span i {
    font-style: normal;
}

.aboutWrap .sec1Wrap .leftWrap .t2 {
    font-size: 32.73px;
    color: #fff;
    font-family: 'PreEL';
}

.aboutWrap .sec1Wrap .leftWrap .t2 span {
    overflow: hidden;
    display: flex;
}

.aboutWrap .sec1Wrap .leftWrap .t2 span i {
    font-style: normal;
}

.aboutWrap .sec1Wrap .rightWrap {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
    gap: 60px 0;
}

.aboutWrap .sec1Wrap .rightWrap .t1 {
    font-size: 29.79px;
    color: #fff;
    font-family: 'PreL';
    line-height: 1.343;
    text-align: right;
}

.aboutWrap .sec1Wrap .rightWrap .t1 span {
    font-family: 'PreSB';
}

.aboutWrap .sec1Wrap .rightWrap .t2 {
    font-size: 33.52px;
    color: #fff;
    text-align: right;
    font-family: 'PreSB';
    line-height: 1.416;
}

.aboutWrap .sec2Wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 120px;
}

.aboutWrap .sec2Wrap .item {
    display: flex;
    flex-flow: column;
    align-items: center;
    gap: 45px 0;
}

.aboutWrap .sec2Wrap .item .imageWrap {
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.aboutWrap .sec2Wrap .item p {
    font-size: 14px;
    color: #fff;
    font-family: 'SatoM';
    letter-spacing: 9px;
    white-space: nowrap;
}

@media (max-width: 1440px) {
    .aboutWrap .layout {
        padding: 210px 50px 160px;
        background: #282524 url(../../images/sub/about/img_deco.png) no-repeat 0 0/100%;
    }

    .aboutWrap .sec1Wrap {
        flex-flow: column;
        gap: 135px 0;
        align-items: flex-start;
    }

    .aboutWrap .sec1Wrap .rightWrap {
        align-items: flex-start;
    }

    .aboutWrap .sec1Wrap .rightWrap .t1 {
        text-align: left;
    }

    .aboutWrap .sec1Wrap .rightWrap .t2 {
        text-align: left;
    }

    .aboutWrap .sec2Wrap {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 80px 0;
    }
}

@media (max-width: 1023px) {
    .aboutWrap .layout {
        padding: 27.34375vw 11.71875vw;
    }

    .aboutWrap .sec1Wrap {
        gap: 16.927083333333336vw 0;
        margin-bottom: 0;
    }

    .aboutWrap .sec1Wrap .leftWrap {
        gap: 8.203125vw 0;
    }

    .aboutWrap .sec1Wrap .leftWrap .t1 {
        font-size: 18.229166666666664vw;
    }

    .aboutWrap .sec1Wrap .leftWrap .t2 {
        font-size: 4.261718749999999vw;
    }

    .aboutWrap .sec1Wrap .leftWrap .t2 .mOnly {
        display: none;
    }

    .aboutWrap .sec1Wrap .rightWrap {
        gap: 6.510416666666667vw 0;
    }

    .aboutWrap .sec1Wrap .rightWrap .t1 {
        font-size: 3.87890625vw;
    }

    .aboutWrap .sec1Wrap .rightWrap .t2 {
        font-size: 4.364583333333334vw;
    }

    .aboutWrap .sec2Wrap {
        display: none;
    }
}