/********** en **********/


/*** company ***/
.m11.en .conwrap .section2 .history dd ul li .month {width: 23.5px; text-align: center;}

/*** buisness ***/
.m21 .section6 .con2.in-view .list.en > div p {padding: 0 12px;}

/*** projuct ***/
.m31.en .title h3 .sub_tit {font-weight: normal; margin-top: 8px;}

.m31.en .con .infoarea dl dd {vertical-align: middle;}
.m31.en .con .infoarea dl dt:before {top: 50% !important; transform: translateY(-50%); margin-top: 1px; background-position: center center;}

.m31.en .section1 .con1 .toparea .info .dl_wrap dl dd {vertical-align: middle; font-size: 15px;}

.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt {padding: 12px 0 12px 37px; vertical-align: middle; font-size: 15px;}
.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt:before {top: 50%; left: 10px; transform: translateY(-50%);}

.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt.ico1:before {left: 10px; top: 50%;}
.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt.ico2:before {top: 50%;}
.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt.ico3:before {top: 50%;}
.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt.ico4:before {top: 50%;}

.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt.ico1:before {margin-top: 2px;}
.m31.en .section1 .con1 .toparea .info .dl_wrap dl dt.ico5:before {margin-top: 1px; top: 50%;}

/* .m31.en .con .infoarea dl dt:before {left: 18px;} */

.m31.en .section2.luca .con .info .dl_wrap dl dt {padding: 0 0 0 35px;}
.m31.en .section2.luca .con .info .dl_wrap dl dt:before {left: 10px;}

.m31.en .section2#kvodo .con .info .dl_wrap dl dt {padding: 0 0 0 35px;}
.m31.en .section2#kvodo .con .info .dl_wrap dl dt:before {left: 10px;}
.m31.en .section2#kvodo .con .info .dl_wrap dl dt.ico5:before {top: 51px;}

.m51.en .conwrap .section2 .con ol {display: flex; align-items: stretch;}
.m51.en .conwrap .section2 .con.in-view ol li .recruit_con {height: 100%;}
.m51.en .conwrap .section2 .con.in-view ol li:nth-child(3) .recruit_con {padding: 48px 0;}



@media screen and (min-width: 768px) and (max-width: 1279px) {

    .m31.en .con .infoarea dl dt:before {transform: translate(-50%, -50%); margin-top: 1px; background-position: center center;}

    .m51.en .conwrap .section2 .con.in-view ol li:nth-child(3) .recruit_con {padding: 48px 0;}
    .m51.en .conwrap .section2 .con.in-view ol li:nth-child(3) .recruit_con {padding: 48px 0;}
    
}

@media screen and (max-width: 1024px) {
    .m31.en .section2.luca .con .info .dl_wrap dl dt:before {left: 17px;}

    .m31.en .section2#kvodo .con .info .dl_wrap dl dt:before {left: 10px;}
    .m31.en .section2#kvodo .con .info .dl_wrap dl dt.ico5:before {top: 40%;}
}

@media screen and (max-width: 767px) {
    /* .m31.en .title h3 .sub_tit {padding: 0 5px;} */
    .m31.en .con .infoarea dl dt {padding-top: 0;}
    .m31.en .con .infoarea dl dt:before {left: 10px;}
    .m31.en .section1 .con1 .toparea .info .dl_wrap dl dt {padding-left: 32px; font-size: 13px;}

    .m31.en .section2.luca .con .info .dl_wrap dl dt {padding: 0 0 0 30px;}
    .m31.en .section2.luca .con .info .dl_wrap dl dt:before {left: 10px;}

    .m31.en .section2#kvodo .con .info .dl_wrap dl dt {padding: 0 0 0 30px; vertical-align: middle;}
    .m31.en .section2#kvodo .con .info .dl_wrap dl dt.ico5:before {top: 45%;}
    
    .m31.en .section1 .con1 .toparea .info .dl_wrap dl dd {font-size: 13px;}

    .m51.en .conwrap .section2 .con ol {display: block;}
    .m51.en .conwrap .section2 .con.in-view ol li:nth-child(3) .recruit_con {padding: 22px 0; height: 167px;}
}