#aboutJa {
    position: relative;
    padding: 100px 0 300px;
    background-image: url(/images/43/about_BG.jpg);
}

#aboutJa:before {
    content: "";
    position: absolute;
    background-image: url(/images/43/houseJ.png);
    width: 800px;
    aspect-ratio: 8/7;
    bottom: 0;
    right: -300px;
}

.bomlinJ_top {
    content: "";
    position: absolute;
    width: calc(33% - 23px);
    height: 800px;
    background: #ffffff;
    left: calc(-11% - 99px);
    top: 0;
    moz-transform-origin: bottom;
    -moz-transform: skewX(20deg);
    -webkit-transform-origin: bottom;
    -webkit-transform: skewX(-20deg);
    -o-transform-origin: bottom;
    -o-transform: skewX(-20deg);
    -ms-transform-origin: bottom;
    -ms-transform: skewX(-20deg);
    transform-origin: bottom;
    transform: skewX(-20deg);
    z-index: -3
}

.bomlinJ {
    content: "";
    position: absolute;
    width: calc(69% + 23px);
    height: 215px;
    background: #e1e1e1;
    left: -26%;
    bottom: 0;
    moz-transform-origin: bottom;
    -moz-transform: skewX(20deg);
    -webkit-transform-origin: bottom;
    -webkit-transform: skewX(-20deg);
    -o-transform-origin: bottom;
    -o-transform: skewX(-20deg);
    -ms-transform-origin: bottom;
    -ms-transform: skewX(-20deg);
    transform-origin: bottom;
    transform: skewX(-20deg);
    z-index: -2
}

.rightsm {
    position: absolute;
    width: calc(69% + 23px);
    height: 414px;
    background: #ffffff;
    left: -47%;
    top: 0;
    moz-transform-origin: bottom;
    -moz-transform: skewX(20deg);
    -webkit-transform-origin: bottom;
    -webkit-transform: skewX(-20deg);
    -o-transform-origin: bottom;
    -o-transform: skewX(-20deg);
    -ms-transform-origin: bottom;
    -ms-transform: skewX(-20deg);
    transform-origin: bottom;
    transform: skewX(-20deg);
    z-index: -2
}

#aboutJa .mafem {
    position: relative;
    display: flex
}

.videobox {
    position: relative
}

.videobox .title {
    display: none
}

.videobox .clmvideo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#aboutJa video {
    position: relative;
    display: flex;
    width: 100%
}

#aboutJa .mafem .maimg {
    position: relative;
    display: flex;
    width: 43%;
    margin-right: 7%;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

#aboutJa .mafem .maimg:before {
    content: "";
    width: 57%;
    height: 120px;
    position: absolute;
    background: #dcbc79;
    z-index: -1;
    right: 5%;
    top: 88px;
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    animation-delay: 500ms;
}

#aboutJa .mafem .maimg.aos-animate:before {
    right: -10%;
    animation-delay: 500ms;
}

#aboutJa .mafem .imfotext {
    display: flex;
    flex-direction: column;
    width: 50%;
    padding: 3% 0%;
    margin-left: 0%;
    margin-top: 50px;
}

.Jaboutm {
    position: relative;
    display: flex;
    margin: 40px 0 25px
}

.Jaboutm .Jitem {
    display: flex;
    flex-direction: column;
    padding: 3px 20px;
    padding-left: 0;
    margin-right: 20px
}

.Jaboutm .Jitem h4 {
    font-size: 38px;
    color: #f2622e
}

.Jaboutm .Jitem p {
    font-size: 17px
}

.Jaboutm .Jitem h4 span {
    font-size: 19px;
    color: #f2622e
}

#aboutJa .matext {
    display: flex
}

#aboutJa .matext p {
    font-size: 16px;
    line-height: 200%;
    color: #505050
}

@media screen and (max-width:1470px) {
    .bomlinJ_top {
        left: calc(-11% - 140px);
    }

    #aboutJa:before {
        width: 640px;
        right: -210px;
        bottom: 25px;
    }

    #aboutJa {
        padding: 90px 0 250px;
    }

    #aboutJa .mafem .maimg {
        width: 40%;
    }

    #aboutJa .mafem .imfotext {
        width: 53%;
    }
}

@media screen and (max-width:1280px) {
    .bomlinJ_top {
        left: calc(-12% - 140px);
    }
}

@media screen and (max-width:1024px) {
    .bomlinJ_top {
        width: calc(37% - 23px);
        left: calc(-19% - 136px);
    }

    #aboutJa:before {
        display: none;
    }

    #aboutJa .mafem {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    #aboutJa .mafem .maimg {
        width: min(100%, 600px);
    }

    #aboutJa .mafem .imfotext {
        width: min(100%, 600px);
    }
}

@media screen and (max-width:768px) {
    .bomlinJ_top {
        width: calc(37% - 23px);
        left: calc(-23% - 136px);
    }

    #aboutJa .mafem {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 50px;
    }

    #aboutJa .mafem .maimg {
        width: 400px;
        max-width: 95%;
    }

    #aboutJa .mafem .imfotext {
        width: 420px;
        max-width: 90%;
        padding: 24px 0;
        margin-left: 0;
    }

    .Jaboutm .Jitem {
        margin-right: 1px;
        padding: 3px 8px;
    }
}

@media screen and (max-width:640px) {

    #aboutJa:before,
    .bomlinJ_top {
        display: none;
    }

    #aboutJa {
        background-color: white;
        padding: 5vw 0 2vw;
    }
}

@media screen and (max-width:480px) {
    #aboutJa .mafem {
        margin-top: 10px;
    }

    #aboutJa .mafem .maimg {
        margin-right: 0;
        width: 300px;
    }
}