@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 996px){
   
   .subNav{
      display: none;
      font-size: 0.65em;
   }
}

@media screen and (min-width:990px){
   
   .inner{
      max-width: 1200px;
   }
   
   .sp-only{
      display: none;
   }
   
   .pc-only{
      display: block;
   }

   .gnav-menu{
      flex-direction: row;
      padding-top: 0px;
      padding-bottom: 0;
      margin: 0;
      justify-content: center;
   }
   
   .gnav-item{
      border-bottom: none;
      margin: 0;
      padding-bottom: 0;
   }
   
   .gnav-item a{
      color: #333;
      width: 120px;
      padding: 16px 0;
   }
}

@media screen and (max-width: 950px){
   *{
      font-size: 15px;
   }
}

@media screen and (max-width: 768px){
   *{
      font-size: 14px;
   }

   .logo-area a img{
      width: 184px;
   }
   
   .logo-area a{
      margin-left: 8px;
   }
   
   h1{
      font-size: 1.35rem;
      line-height: 1.8rem;
   }
}

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

   .footer_nav{
      display: none;
   }
   
   tr .headline_block {
      display: block;
      width: 100%;
   }
   
   .bnr-en> h3{
      font-size: 1.45rem;
      line-height: 1.5rem;
   }
   
   .bnr-jp{
      font-size: 0.95rem;
   }

   .rowBox{
      display: inline-block;
      flex-wrap: wrap;
   }
   
   .box-row{
      width: 100%;
}
}

@media screen and (max-width: 420px){
   
   *{
      font-size: 13px;
   }
   
   .inner{
      max-width: 100%;
   }
   
   section{
      padding: 10px;
   }
   
   #container{
      padding-bottom: 24px;
   }
   
   ul li{
      line-height: 1.4;
   }
   
   h1{
      font-size: 1.45rem;
      line-height: 1.8rem;
   }

}