@charset "UTF-8";
/*ヘッダー*/
#recruit-header {
position: fixed;
z-index: 9999;
top: 0;
width: 100%;
background-color:#fff;
}
#recruit-header.recruit-header__top{background-color: transparent;}
#recruit-header.recruit-header__top.fixed {background-color: #fff;}
.recruit-header__wrapper{
width: 90%;
max-width: 1440px;
height: 90px;
display: flex;
margin: 0 auto;
align-items: center;
justify-content:space-between;
position: relative;
}
#recruit-header.recruit-header__top img.logo.logo_b,#recruit-header.recruit-header__top.fixed img.logo.logo_w{display: none;}
#recruit-header.recruit-header__top.fixed img.logo.logo_b,#recruit-header.recruit-header__top img.logo.logo_w{display: block;}

/*drawer*/
.drawer-hamburger {position: absolute !important;bottom: 0;}
.drawer-open .drawer-hamburger-icon:after, .drawer-open .drawer-hamburger-icon:before {background-color: #fff !important;}
.drawer--right.drawer-open .drawer-hamburger{right:0!important;}
.drawer-menu{display: grid;justify-content: center;justify-items: start;}
.drawer-nav{background-color: #113F67!important;}
.recruit-header__menu.drawer-menu {
display: grid;
width: 100%;
justify-content: center;
padding: 2em 0;
}
.recruit-header__menu{
display:flex;
align-items: center;
justify-content: flex-end;
gap: 2em;
}
.recruit-header__menu-item{width:auto;}
.recruit-header__menu-item a{
font-size: 14px;
font-weight: 300;
text-decoration: none;
display: inline-block;
text-align: center;
width: auto;
line-height: 2.5em;
position: relative;
color: #fff;
transition: 0.2s;
}
.recruit-header__top .recruit-header__menu-item a{color: #fff;}
#recruit-header.recruit-header__top.fixed .recruit-header__menu-item a{color:#333;}
.drawer-open #recruit-header.recruit-header__top.fixed .recruit-header__menu-item a{color: #fff;}
.recruit-header__menu-item.current a:after,.recruit-header__menu-item a:hover:after {
content: "";
background-color: #01A3B1;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
left: 0;
}
.recruit-header__menu-item a img{margin-left: 5px;}

@media screen and (min-width: 768px) {
  .drawer-hamburger{display: none!important;}
  .drawer-nav{width:auto!important;background-color: transparent!important;position: static !important;}
  .recruit-header__menu-item a {color: #333;}
  .drawer-menu{display:flex!important;}
}

/*フッター*/
footer {background-color: #113F67;padding: 80px 0 10px 0;margin-top: 200px;}
#footer-wrapper{
width: 90%;
max-width: 1440px;
display:flex;
justify-content: center;
margin: 0 auto;
flex-wrap: wrap;
}
#footer-left{width: 30%;}
#footer-right{width: auto;display:flex;gap: 3em;}
.footer-right__menu{padding: 0;margin: 0;}
.footer-right__menu li{list-style: none;padding:0;font-size: 16px;color: #fff;}
  .footer-right__menu-item{font-weight: 700;}
  .footer-right__menu:nth-child(3) .footer-right__menu-item {margin-bottom: 0.8em;}
  .footer-right__menu__sub {
  padding-left: 0;
  display: grid;
  gap: 0.8em;
  margin-top: 0.8em;
  }
.footer-right__menu li a{color: #fff;text-decoration: none;}
  .footer-right__menu-item a{font-weight: 700;transition: 0.2s;}
  .footer-right__menu-item a:hover{opacity: 0.5;}
  .footer-right__menu__sub a{font-weight: 500;}
#footer-copy {
width: 100%;
text-align: center;
color: #fff;
font-size: 12px;
padding-top: 80px;
}

@media screen and (max-width: 768px) {
#footer-wrapper{gap: 2em;}
#footer-left {width: 100%;display: grid;justify-items: center;}
#footer-right{width: 100%;flex-wrap: wrap;}
.footer-right__menu li {font-size: 14px;}
}

/*パンくず*/
.bcn {
width: 90%;
max-width: 1440px;
margin: 95px auto 0 auto;
display: flex;
align-items: center;
padding: 10px 0;
font-size: 10px;
color: #222;
line-height: 1.4em;
}
.bcn li {list-style: none;}
.bcn li:after {content: ">";display: inline-block;margin: 0 5px;}
.bcn li:last-child:after{content: none;}