/*--------------------[ MAIN ]------------------*/
.main{height:600px; position: relative; background: url(/images/earlytms/solution/solution_01.png) no-repeat center bottom #e1e9ef; background-size: cover !important;}
.main h2{font-weight: bold; color:#384046; padding-bottom:15px;}
.main p{color:#384046;}
.main_center{position: absolute; top:60%; left:50%; transform: translate(-50%,-50%); text-align: center;}

/*--------------------[ SECTION_1 ]------------------*/
h3 {padding-bottom: 80px;}
.solution_box {display: flex; justify-content:space-around;}
.solution_icon>img {margin-bottom: 10px; width:230px;}

/*--------------------[ SECTION_2 ]------------------*/
.section2_box {width:100%; height:250px; background: url(/images/earlytms/solution.jpg) center center; background-size: cover; position: relative; margin-top:80px;}
.txt_box {padding-top: 100px; position: absolute; top:30%; left:50%; transform: translate(-50%,-50%); text-align: center;}
.section2_box p {color:#fff;}

/*--------------------[ SECTION_3 ]------------------*/
.section3_box {width:100%; height:250px; background: url(/images/earlytms/wave_box.svg) center center; background-size: cover; position: relative;}
.txt_box {padding-top: 100px; position: absolute; top:30%; left:50%; transform: translate(-50%,-50%); text-align: center; font-size: 1.1em;}
.section3_box .sub_title {color:#fff;}


/*--------------------[ MEDIA QUERY ]------------------*/

@media only screen and (max-device-width : 667px) {        
/*[ MAIN ]*/
.main{height:450px; position: relative; background: url(/images/earlytms/solution/solution_01.png) no-repeat center bottom #e1e9ef; background-size: 400%; }
.main_center{top:60%; width:100%; }

/*[ SECTION_1 ]*/
h3 {padding-bottom: 40px;}
.solution_box {display: block;}
.solution_icon {margin-bottom: 30px;}
    
/*[ SECTION_2 ]*/
.txt_box {width:350px;}
}
    
@media only screen and (min-device-width : 667px){
}