body {background-image: url(/images/earlylms/features/track_bg-02.svg), url(/images/earlylms/features/track_bg-01.svg), url(/images/earlylms/features/track_bg-02.svg);
     background-size: 500px;
     background-repeat: no-repeat;
     background-position: right top,left center, right bottom;
     background-color: #f3f9f5;}

/*--------------------[ MAIN ]------------------*/
.main_top h2{margin:100px 0 50px;}
.container  .character {width:150px; height:150px; background: url(/images/earlylms/features/features_character-01.svg) no-repeat #fff center 15px; border-radius: 50%; border:3px solid #09283b;}
.container h3 {margin-top: 10px;}
.container_middle { display: flex; justify-content: center; }
.w_box {width:900px; background: #fff; box-shadow: 1px 1px 25px #9cab9f; text-align: center;}
.w_box  table {margin:130px 20px 10px 20px;}
.w_box table tr {border-bottom: 1px solid #e0e2e0;}
.w_box table tr:last-child {border-bottom: none;}
.w_box table tr td {padding:50px;}
.w_box table tr td:first-child {border-right: 1px solid #e0e2e0; }

.w_box table tr td img {width:100px; margin-bottom: 10px;}
.w_box table tr td h3 {color: #44af5c; margin-bottom: 10px;}

/*--------------------[ SECTION1 ]------------------*/
.section1 {margin-top:1500px;}
.section1 .container  .character {width:150px; height:150px; background: url(/images/earlylms/features/features_character-02.svg) no-repeat #fff center 15px; border-radius: 50%; border:3px solid #09283b;}

/*--------------------[ SECTION2 ]------------------*/
.section2 {margin-top:2950px; position: relative;}
.green_box {width:100%; height:250px; background: #35a04d;}
.green_box h3 {color:#fff; font-weight: 500; padding:50px 0 50px 0;}
.green_box a {background: red; cursor: pointer; display: block;}
.green_box button {position: absolute; left:50%; transform: translate(-50%); background: #fff; width:300px; height:60px; color:#35a04d; cursor: pointer!important;border: none;box-shadow: 0 5px 10px 0 rgba(46, 137, 66, 0.51);border-radius: 50px;font-size: 1.2em;text-align: center;cursor: pointer;letter-spacing: 1px;}
.green_box a {cursor: pointer!important;}

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

@media only screen and (min-device-width : 375px) and (max-device-width : 667px) { 
body {background-image: none;}
.main{width:100%;}
.main_top h2{margin:100px 0 50px; 0;}
.container {position: absolute; left:50%; transform: translate(-50%);}
.w_box {top:80px; width:365px;}
    
.w_box table tr {border-bottom:none; display: flex; flex-flow: column;}
.w_box table tr td {border-bottom: 1px solid #e0e2e0;  padding:10px; margin-bottom: 30px;}
.w_box table tr .last {border-bottom: none;}
.w_box table tr td:first-child {border-right: none;}

.section1 {margin-top:2150px;}    
.section2 {margin-top:4200px;}
.section2 h3 {padding-top:30px; line-height: 120%; width:350px; margin:0 auto;}
}

@media only screen and (min-device-width : 667px) and (max-device-height : 414px) {
.w_box {width:660px;}
.section1 {margin-top:2000px;} 
.section2 {margin-top:3900px;}
.section2 h3 {padding-top:60px!important}
}