/* about */

body{
 font-family: 'Noto Sans', sans-serif;
}

.amino_t .row{
    overflow:hidden;
  display:flex;
  align-items: stretch;}



.about-box.EN {  font-size: 0.78rem; line-height: 1em;}


h1, h2, h3, h4, h5, h6 {  font-family: 'Noto Sans', sans-serif; font-weight: bold; }  
h2{ font-size: 1.8rem; }
h3{ font-size: 1.55rem; }
#mainNav .navbar-nav > li.nav-item > a.nav-link, #mainNav .navbar-nav > li.nav-item > a.nav-link:focus{
  /* font-size: 0.9em; */
  text-transform: none;
}

#mainNav .navbar-brand {
  background: url("../img/m_logo.png") no-repeat left top;  
  width: 70%;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  
}

#mainNav.navbar-shrink {
    border-bottom: 1px solid rgba(33, 37, 41, 0.1);
    
  }

#mainNav {font-family: 'Noto Sans', sans-serif; font-weight: bold; } 
span.product_font{ font-size: 1.5rem; }

 header.masthead h1 {
    font-size: 1.4rem;
}




@media (min-width: 992px){
   #mainNav .navbar-brand {
    background: url("../img/logo1.png") no-repeat left top;   
    width: 288px;


  }

  #mainNav.navbar-shrink .navbar-brand {
        background: url("../img/logo2.png") no-repeat left top;
        width: 25%;
        -webkit-background-size:contain;
-moz-background-size:contain;
background-size:contain;
}

#mainNav .navbar-nav > li.nav-item > a.nav-link{
      padding: 0.5rem 1rem;
}

.benefit_ct{ height: 100%!important;}
.nav-item{ font-size: 14px;width: 22%; }
.aminoacid_tt{ width: 34%; }


}



/* 電腦 */
@media (min-width: 1200px) {
 .aminoacid_tt{ width: 49%; }
 .navbar-nav {width: 100%;}
 .youtube_icon{ width: 18%; }


 header.masthead h1 {
    font-size: 3rem;
}

}