@charset "utf-8";



#company section:not(:last-of-type){

    margin-bottom:7.5rem;

}

#company .title{

    text-align: center;

    font-size:3.2rem;

    font-weight: 700;

    margin-bottom:4rem;

}



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

    #company section:not(:last-of-type){

        margin-bottom:8.75rem;

    }

    #company .title{

        font-size:3.5rem;

        margin-bottom:3.75rem;

    }

}



/** section1 *****************************************/

#company section.section1{

    text-align: center;

    margin-bottom:12rem;

}

#company .section1 .img-box{

    height:34rem;

    border-radius: 1.5rem;

    background:url("../../../img/sub/company/company-section1-img.png") no-repeat center / cover;

    margin-bottom:8rem;

}

#company .section1 h3{

    font-size:4rem;

    font-weight: 700;

    margin-bottom:3rem;

}

#company .section1 p{

    font-size:2rem;

    line-height:1.8;

}



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

    #company section.section1{

        text-align: center;

        margin-bottom:7.5rem;

    }

    #company .section1 .img-box{

        height:31.25rem;

        margin-bottom:7.5rem;

    }

    #company .section1 h3{

        margin-bottom:3.75rem;

    }

    #company .section1 p{

        font-size:2.25rem;

    }

}



/** section2, section3 *****************************************/

#company .section2 p,

#company .section3 p{

    padding:3rem 15px;

    text-align: center;

    border-radius: 1.5rem;

    font-size:2.2rem;

    font-weight: 600;

}

#company .section2 p{

    background:#eef5ff;

}

#company .section3 p{

    background:#fff6e9;

}

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

    #company .section2 p,

    #company .section3 p{

        padding:2.5rem 15px;

        font-size:2.5rem;

    }

}

/** section4 *****************************************/

#company .section4 ul{

    display:grid;

    grid-template-columns: repeat(4, 1fr);

    gap:2rem;

}

#company .section4 ul li{

    padding:3.5rem 15px;

    border:1px solid #ddd;

    border-radius: 1.5rem;

    text-align: center;

}

#company .section4 ul li img{

    width:165px;

    max-width: 70%;

}

#company .section4 ul li strong{

    display: block;

    margin:1.5rem 0;

    font-size:2.2rem;

    font-weight: 600;

}

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

    #company .section4 ul{

        grid-template-columns: repeat(2, 1fr);

        gap:1.5rem;

    }

}

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

    #company .section4 ul{

        grid-template-columns: 1fr;

        gap: 1.875rem;

    }

    #company .section4 ul li{

        padding:3.75rem 15px;

        font-size:2rem;

    }

    #company .section4 ul li img{

        width:130px;

    }

    #company .section4 ul li strong{

        margin:1.875rem 0;

        font-size:2.75rem;

    }

}



/** section5 *****************************************/

#company .section5 > ul{

    display:grid;

    grid-template-columns: repeat(2, 1fr);

    gap:2rem;

}

#company .section5 > ul > li .img-box{

    height:33rem;

    border-radius: 1.5rem;

    margin-bottom:4rem;

    background-position: center;

    background-size: cover;

}

#company .section5 > ul > li:first-child .img-box{

    background-image: url("../../../img/sub/company/company-section5-img1.png");

}

#company .section5 > ul > li:first-child .com-dot-list > li:before{

    background:var(--color-primary2);

}

#company .section5 > ul > li:last-child .img-box{

    background-image: url("../../../img/sub/company/company-section5-img2.png");

}

#company .section5 > ul > li strong{

    display: block;

    font-size:2.4rem;

    margin-bottom:1.5rem;

    font-weight: 600;

}



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

    #company .section5 > ul{

        gap:1.5rem;

    }

}

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

    #company .section5 > ul{

        grid-template-columns: 1fr;

        gap:3.75rem;

    }

    #company .section5 > ul > li .img-box{

        height:22.5rem;

        margin-bottom:2.5rem;

    }

    #company .section5 > ul > li strong{

        font-size:2.75rem;

        margin-bottom:1.25rem;

    }

}