@media screen and (max-width: 1700px){
  .article-nav{padding: 30px 15px 20px;}
  .article-nav a{margin-bottom: 15px}
  .news-item .text-box{padding: 30px 15px}
}
@media screen and (max-width: 1500px){ 
  .footer .logo{width: 160px}
  .footer-menu{width: calc(100% - 250px);}
  .footer-menu .menu a{font-size: 18px;}
}
@media screen and (max-width: 1200px){
  .mt90{margin-top: 60px;}
  .mt50{margin-top: 40px;}
  .mb120{margin-bottom: 90px;}
  .mb100{margin-bottom: 80px;}
  .mb80{margin-bottom: 55px;}
  .mb50{margin-bottom: 35px;}
  .mb40{margin-bottom: 30px;}
  .mb35{margin-bottom: 25px;}
  .mb30{margin-bottom: 20px;}
  .mb25{margin-bottom: 17px;}
  .mb20{margin-bottom: 15px;}
  .ttl.lg{font-size: 48px;}
  .ttl.md{font-size: 36px;}
  .ttl.sm{font-size: 22px;}
  .btn{font-size: 18px; height: 40px; padding: 0 20px}
  .header{height: auto; padding: 5px 0}
  .header .logo{width: 70px; position: static; margin: 0 auto 0 0;} 
  .burger-menu{order: 1; margin: 0 0 0 30px;}
  .header .search{width: 50%}
  .header-menu{padding: 80px 15px 30px}
  .header-menu a, .header-menu span {font-size: 36px; margin-bottom: 20px}
  .main-intro .ttl.lg{font-size: 36px}
  .news-flex .news-item{width: calc(50% - 20px);}
  .article-box{width: 100%;}
  .article-nav-box {display: none;}
  .footer-menu{width: calc(100% - 200px); margin-right: -15px;}
  .footer-menu .menu > li{width: calc(33.33% - 30px); margin: 0 15px 15px;}

}
@media screen and (max-width: 1024px){
  .footer .logo{margin: 0 auto 30px;}
  .footer-menu{width: 100%; margin: 0 -15px;}  
}
@media screen and (max-width: 768px){
  .ttl.lg{font-size: 42px;}
  .ttl.md{font-size: 32px;}
  .ttl.sm{font-size: 22px;}
  .header.sticky{height: auto;}
  .header .search{width: 100%; order: 5; margin-top: 5px}
  .header.sticky .search{display: none;}
  .mod-languages {border: none; padding: 0;}
  .main-intro {background: url(/images/main-intro-m.jpg) no-repeat center top / cover #000;}
  .main-intro .wrapper{width: 100%; max-width: 540px; padding: 210% 0 80px;}
  .main-intro .ttl.lg{font-size: 60px}
  .articleBody{padding: 30px 0;}
  .breadcrumb, .breadcrumb li {font-size: 22px}
  .news-flex .news-item{width: calc(100% - 20px);}
  .news-item .ttl{min-height: 0;}
  .footer-menu .menu > li{width: calc(50% - 30px);}
}
@media screen and (max-width: 550px){
  body, p{font-size: 16px}
  .mt90{margin-top: 45px;}
  .mt50{margin-top: 25px;}
  .mb120{margin-bottom: 60px;}
  .mb100{margin-bottom: 50px;}
  .mb80{margin-bottom: 40px;}
  .mb50{margin-bottom: 25px;}
  .mb40{margin-bottom: 20px;}
  .mb35{margin-bottom: 17px;}
  .mb30{margin-bottom: 15px;}
  .mb20{margin-bottom: 12px;}
  .mb15{margin-bottom: 8px;}
  .ttl.lg{font-size: 36px;}
  .ttl.md{font-size: 30px;}
  .ttl.sm{font-size: 18px;}
  .header-menu a, .header-menu span {font-size: 30px;}
  .main-intro .wrapper{padding: 115% 0 50px;}
  .main-intro .ttl.lg{font-size: 36px}
  .main-intro .ttl.sm{font-size: 16px}
  .breadcrumb, .breadcrumb li {font-size: 18px}
  .articleBody .block{margin-bottom: 20px;}
  .articleBody h2, .articleBody h3{font-size: 20px}
  .pagenav{padding: 15px}
  .pagenav a{font-size: 18px}
  .btn-more{font-size: 18px}
  #toTop {width: 40px; height: 40px; border-radius: 10px; font-size: 4px}
  .footer .top{padding: 40px 0}
  .footer-menu .menu > li{width: calc(100% - 30px); max-width: 300px; margin: 0 auto 15px;}
  .footer-menu .menu a{text-align: center;}
  .footer-menu .menu > li:last-child a{border: none;}
  .footer .bottom{padding: 20px 0}
}
@media (max-width: 480px){

}

@media screen and (max-width: 425px){
  .ttl.lg{font-size: 30px;}
  .ttl.md{font-size: 24px;}

}
@media screen and (max-width: 365px){
  .burger-menu, .mod-languages{margin-left: 20px}
  .pagenav a{font-size: 16px}
}