/* subcontents */





#subcontent {



}
.subcontent__wrap {
    width: 1230px;
    margin: 0 auto;
    
}



.subcontent01__wrap {
    margin-top: 150px;
}







.subcontent02__wrap {
    margin-top: 0;
    padding-left: 5px;
    padding-right: 5px;
}





.subcontent03__wrap {
    height: 200px;
    margin-top: 150px;
    display: flex;
    background-color: rgb(245, 245, 245);
}




.subcontent03__wrap > div {
    display: flex;
    justify-content: center;
    width: 33.3%;
    height: 70%;
    margin-top: 30px;
    letter-spacing: -1px;
    border-left: 1px solid rgb(216, 216, 216);
}



.subcontent03__wrap > div:first-child {
    border-left: 0;
}



.subcontent03__wrap .fa-square-phone, .fa-fax, .fa-envelope-open-text {
    font-size: 100px;
    padding-top: 20px;
}



.fa-square-phone {color: var(--color-light-blue);}
.fa-fax {color: #ffdf5e;}
.fa-envelope-open-text{color: #cfa4ff;}



.subcontent03__blue {color: var(--color-blue);}
.subcontent03__yellow {color: #ffcc00;}
.subcontent03__purple {color: #9041e7;}




.subcontent03__wrap > div > div {
    padding-top: 28px;
    padding-left: 7px;
}



.subcontent03__wrap > div > div >span:first-child {
    font-size: 50px;
    line-height: 50px;
    font-weight: 800;
}



.subcontent03__wrap > div > div >span:last-child {
    font-size: 34px;
    line-height: 34px;
    font-weight: 600;
    color: var(--color-light-grey);
}



.subcontent03__wrap > div:last-child > div >span:last-child {
    font-size: 30px;
    line-height: 30px;



}









.subcontent04__wrap {
    margin-top: 0;
}








.subcontent05__wrap {
    margin-top: 0;
    padding-left: 5px;



}






/* È­¸é³Êºñ 0~1350px */
@media (max-width: 1350px){



    #subcontent {
        margin-left: 5%;
        margin-right: 5%;
    }



    .subcontent__wrap {
        width: 100%;
    }





    .subcontent01__wrap {
        margin-top: 120px;
    }
        
    .sub_h1 {
        font-size: 4.3vw;
        line-height: 5.3vw;
    }



    .sub_h4 {
        line-height: 28px;
        padding-bottom: 10px;
    }




    



    .subcontent03__wrap {
        height: 15vw;
    }



    
    .subcontent03__wrap > div {



        margin-top: 2vw;
    }
  
    
    .subcontent03__wrap .fa-square-phone, .fa-fax, .fa-envelope-open-text {
        font-size: 8vw;
        padding-top: 1.5vw;
    }
    
    .subcontent03__wrap > div > div {
        padding-top: 2vw;
        padding-left: 7px;
    }
    
    .subcontent03__wrap > div > div >span:first-child {
        font-size: 4.6vw;
        line-height: 4.6vw;
      }
    
    .subcontent03__wrap > div > div >span:last-child {
        font-size: 2.6vw;
        line-height: 2.4vw;
    }
    
    .subcontent03__wrap > div:last-child > div >span:last-child {
        font-size: 2.2vw;
        line-height: 2.2vw;
    
    }



}





 




/* È­¸é³Êºñ 0~670px */
@media (max-width: 670px){




    .subcontent01__wrap {
        margin-top: 20vw;
    }
        
    .sub_h1 {
        font-size: 24px;
        line-height: 28px;
    }
    
    .sub_h4 {
        font-size: 18px;
        line-height: 22px;
    }








    .subcontent03__wrap {
        height: 24vw;
        margin-top: 15vw;
    }



    
    .subcontent03__wrap > div {



        display: block;
        text-align: center;
        margin-top: 4vw;
    }



  
    
    .subcontent03__wrap .fa-square-phone, .fa-fax, .fa-envelope-open-text {
        font-size: 8vw;
        padding-top: 0;
    }
    
    .subcontent03__wrap > div > div {
        padding-top: 0.5vw;
        padding-left: 0;
    }
    
         
    .subcontent03__wrap > div > div >span:last-child {
        font-size: 3vw;
        line-height: 3vw;
    }
    
    .subcontent03__wrap > div:last-child > div >span:last-child {
        font-size: 3vw;
        line-height: 3vw;
    
    }



}





/* È­¸é³Êºñ 0~420px */
@media (max-width: 420px){



    .subcontent03__wrap {
        margin: 0 auto;
        display: block;
        width: 90%;
        height: auto;
    }



    .subcontent03__wrap > div {
        display: flex;
        justify-content: center;
        margin: 0 auto;
        width: 90%;
        height: 20vw;
        border-left: 0;
        border-bottom: 1px solid rgb(216, 216, 216);
        padding-top: 5px;
    }
    .subcontent03__wrap > div:last-child {
        border-bottom: 0;
    }



     .subcontent03__wrap .fa-square-phone, .fa-fax, .fa-envelope-open-text {
        font-size: 12vw;
        padding-top: 3vw;
    }
    
    .subcontent03__wrap > div > div {
        padding-top: 4vw;
        text-align: left;
        padding-left: 10px;
    }
    
    .subcontent03__wrap > div > div >span:first-child {
        font-size: 5vw;
        line-height: 5vw;
    }
         
    .subcontent03__wrap > div > div >span:last-child {
        font-size: 4vw;
        line-height: 4vw;
    }
    
    .subcontent03__wrap > div:last-child > div >span:last-child {
        font-size: 3vw;
        line-height: 3vw;
    
    }



}