@charset "utf-8";
/* CSS Document */
/* =================================
 OEM PAGE
 ART LAB. academy style
================================= */


/* MV
--------------------------------- */
#oem .pagetitle_sec{
	background: url("../img/oem/oem_pagetitlebg.jpg") no-repeat center;
	background-size: cover;
}




/* common
--------------------------------- */



#oem h2{text-align:center;font-size:30px;font-weight: 600;letter-spacing: 0.1em;margin-bottom:70px;}





#oem p{

    font-size:14px;
    line-height:2.2;
    letter-spacing:.08em;

}





/* intro
--------------------------------- */


#oem .oem_intro{margin: auto;text-align: center;}


#oem .oem_intro .img{

    width:50%;

}


#oem .oem_intro img{

    width:100%;
    display:block;

}


#oem .oem_intro h3{

    font-size:26px;
    font-weight:400;
    line-height:1.8;
    letter-spacing:.15em;
    margin-bottom:35px;

}





/* feature
--------------------------------- */


#oem .oem_feature{

    background:#f7f7f7;
    padding:120px 0;

}


#oem .oem_feature ul{

    max-width:1100px;
    margin:auto;

}



#oem .oem_feature li{

    display:flex;
    align-items:center;
    gap:80px;

    margin-bottom:100px;

}


#oem .oem_feature li:last-child{

    margin-bottom:0;

}


#oem .oem_feature li:nth-child(even){

    flex-direction:row-reverse;

}


#oem .oem_feature .img{

    width:50%;

}


#oem .oem_feature .txt{

    width:50%;

}


#oem .oem_feature h3{

    font-size:22px;
    font-weight:600;
    letter-spacing:.12em;
    line-height:1.8;

}

#oem .oem_feature h3 span{

    font-size:12px;
    font-weight:600;
    letter-spacing:.12em;
    line-height:1.8;
    margin-right:1em;
}



/* item
--------------------------------- */


#oem .oem_item{

    max-width:1100px;
    margin:0 auto 150px;

}


#oem .oem_item ul{

    display:flex;
    gap:30px;

}


#oem .oem_item li{

    flex:1;
    text-align:center;

}


#oem .oem_item img{

    width:100%;
    margin-bottom:20px;

}





/* flow
--------------------------------- */


#oem .oem_flow{

    background:#f7f7f7;
    padding:120px 0;

}


#oem .oem_flow ul{

    max-width:1000px;
    margin:auto;

    display:flex;

}



#oem .oem_flow li{

    flex:1;
    text-align:center;

}


#oem .oem_flow span{

    display:block;

    font-size:45px;
    font-weight:200;
    letter-spacing:.1em;

    margin-bottom:20px;

}





/* contact
--------------------------------- */


#oem .contact{

    text-align:center;
    padding-bottom:120px;

}


#oem .contact .btn{

    display:inline-block;

    border:1px solid #222;

    padding:18px 70px;

    font-size:13px;

    letter-spacing:.15em;

}





/* SP
================================= */

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



#oem .pagetitle_sec{

    height:260px;

}



#oem .pagetitle_grp .en{

    font-size:25px;

}



#oem section{

    margin-bottom:80px;

}



#oem h2{

    font-size:21px;
    margin-bottom:40px;

}




#oem .oem_intro{

    display:block;
    margin:0 20px 80px;

}



#oem .oem_intro .text,
#oem .oem_intro .img{

    width:100%;

}



#oem .oem_intro .img{

    margin-top:40px;

}




#oem .oem_feature{

    padding:70px 20px;

}



#oem .oem_feature li,
#oem .oem_feature li:nth-child(even){

    display:block;
    margin-bottom:60px;

}



#oem .oem_feature .img,
#oem .oem_feature .txt{

    width:100%;

}


#oem .oem_feature .img{

    margin-bottom:30px;

}



#oem .oem_item ul{

    flex-wrap:wrap;

}



#oem .oem_item li{

    flex-basis:45%;

}




#oem .oem_flow{

    padding:70px 20px;

}



#oem .oem_flow ul{

    display:block;

}


#oem .oem_flow li{

    margin-bottom:50px;

}


}