body{
    font-family: Meiryo, sans-serif;
    font-size:18px;
    line-height: 30px;
    color:#777;
    transition: all 0.3s ease-in-out 0s;


}

/*temp*/ 
.breadcrumb{
    margin-top: 130px;
    }

.corporate h1, .corporate h2{
    font-size:42px;
    font-weight: bold;
    color:#f6655b;
    text-align: center;
    margin:10px 0;
    padding:10px 0;
}


.corporate .container{
    text-align: left;
}

.corporate-plan .box{
    border:2px solid #f6655b;
    padding:15px;
    display: inline-block;
    background: #fff8f8;
}



.mt-50{
    margin-top:50px;
}

.mb-50{
    margin-bottom: 50px;
}

.mt-30{
    margin-top:30px;
}

.mb-30{
    margin-bottom: 30px;
}

.mt-20{
    margin-top:20px;
}

.mb-20{
    margin-bottom: 20px;
}

.img-responsive{
    margin:0 auto;
    display: block;
    max-width: 100%;
}


a.btn-link {
    font-size: 20px;
    padding: 20px;
    width: 60%;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    color: #fff !important;
    font-weight: bold;
    background: #01d77a;
    
  }
  
  a.btn-link span{
      font-size:15px;
      font-weight: lighter;
      display: block;
  }

  .red-font{
      color: #de2d2d;
  }


  a.btn-link:hover{
           background: #0aa864 !important;
           text-decoration: none;
   }

  
  .flex{
      display: flex!important;
  } 
  
  .m-auto{
    margin:auto !important;
  }


p{
    margin-bottom: 20px;
}
  

.corporate h3{
    font-size:30px;
    color:#f6655b;
}

.corporate h4{
    color:#f6655b;
    font-size:20px;
}


.corporate-plan{
    background: #fff;
}

.corporate-content .box1 .img{
    float:left;
    padding-right:10px;
 
    box-sizing: content-box;
    height: 175px;
}

.corporate-content{
    background: #f6655b;
}

.corporate-content h2{
    color:#fff;
}


.corporate-content .box1{
    background: #fff;
    padding:20px;
}



.flow-attend img.position-absolute {
    position: absolute;
    left: 150px;
    top: 0;
    right: 0;
  
}
  
.banner{
    background: #666666;
    padding:20px;
    color:#fff;
}

.banner h3{
    padding:0;
    margin:0;
    color:#fff;
}

.three-steps{
    background: #f8f8f8;
}


.three-steps h3{
    color:#de3b30;
}

.introducing-companies{
    padding:20px;
    background: #f6f6f6;
}

.introducing-companies h4{
    color:#777777;
}

/*slick override*/

.slick-slide.item{
    padding:10px !important ;
}

ul.slick-dots {
    display: none !important;
}

.interview{
    background: #f8f8f8;
}

.publication-media{
    background: #fff;
}

@media only screen and (max-width: 991px) {
    .flow-attend img.position-absolute{
        display: none;
    }
}
@media only screen and (max-width: 768px) {
    .breadcrumb {
        margin-top: 107px;
    }

    .wrapper-tab .nav-tabs > li {
        width: 184px;
    }

    .wrapper-tab .nav > li {
        position: relative;
        display: inline-block;
        float: left;
        top: 0px;
        right: 0;
    }

    .img{
        max-width: 100%;
        display: block;

    }

    .wrapper .content h2 {
        font-size: 20px;
    }
      
}

@media only screen and (max-width: 767px) {
    p{
        font-size:15px;
    }

    a.btn-link {
        font-size: 14px;
        padding: 20px; 
        width: 100%;
  
        text-align: center;
        line-height: 20px;
    }

    a.btn-link span {
        font-size: 14px;
    }

    .corporate-content .box1 .img{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
    }



   
}


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

    .corporate h1, .corporate h2{
        font-size:30px;
  
    }
    .corporate h3{
        font-size:25px;
      
    }
    
    .corporate h4{
        color:#f6655b;
        font-size:18px;
    }
    p{
        font-size:15px;
    }
    

}