@charset "UTF-8";

@media (min-width: 768px) {
  .tenpo {width:184px; height: 153px;}
  .header__logo { width: 214px; height:55px;}
  .footer__logo { width: 284px; height:67px;}
  .container-l { max-width: 1116px;}
  .container-con { max-width: 736px;}

  .top-kv { margin-top: 68px;}
  .top-kv__img { width: 100%;}
  .top-kv__title-wrapper { left: 4.6vw; bottom: 2.8vw; width: 38.1vw;}

  .top-lead { margin-top: -7rem;}
  .top-lead picture { padding-bottom: 38rem;}


  .font-en {font-family: "Roboto", serif; font-weight: 500;}
  .text-secondary {color: #083292 !important;}

  .btn:hover { color: #fff;}
  .btn.text-secondary:hover { color: #fff !important;}

  .staff {}
  .staff picture { padding-bottom: 48rem;}
  .staff.staff-top picture { padding-bottom: 58rem;}

  .page-link { color: #083292;}
  .page-link.active, .active>.page-link { background: #083292;}

  .footer_contact {}
  .footer_contact picture { padding-bottom: 15rem;}

  .container { margin: 0 auto;}
  .container-m { max-width: 820px; margin: 0 auto;}
  .container-mid { max-width: 650px; margin: 0 auto;}
  .btn-contact-secondary { background: #FFC107; color: #343A40; border: 1px solid #FFC107;}
  .btn-contact-secondary:hover { background: #083292; color: #FFC107; border: 1px solid #FFC107;}

  .pb-60 { padding-bottom: 15rem !important;}
}

@media (max-width: 767px) {
  .tenpo {width:184px; height: 153px;}
  .header__logo { width: 210; height:47px;}
  .footer__logo { width: 284px; height:67px;}

  .font-en {font-family: "Roboto", serif; font-weight: 500;}
  .text-secondary {color: #083292 !important;}

  .top-kv { margin-top: 68px;}
  .top-kv__img { width: 100%;}
  .top-kv__title-wrapper { left: 0; right: 0; top: 6.3vw; margin: auto; width: 86vw;}

  .top-lead {}
  .top-lead picture { padding-bottom: 38rem;}

  h2 { line-height: 1.45;}

  .staff {}
  .staff picture { padding-bottom: 130rem;}

  .footer_contact { text-align: center;}
  .footer_contact picture { padding-bottom: 20rem;}

  .footer_recruit_contact picture { padding-bottom: 20rem !important;}
  .footer_recruit_contact h2 { text-align: center;}

  .container-m { max-width: 300px; margin: 0 auto;}
  .container-mid { max-width: 320px; height: 20rem; margin: 0 auto;}
  .btn-contact-secondary { background: #FFC107; color: #343A40;}

  .pb-60 { padding-bottom: 15rem !important;}
}