@charset "utf-8";

body{ padding-top: 80px;}


/*-------------------
 header
--------------------*/
.headerInner{ padding: 0 0 0 50px;}
header .companyLogo a{
 width: auto;
 height: auto;
 margin-top: -4px;
 background: none;
 display: flex;
 align-items: flex-end;
 font-size: 1rem;
}
header .companyLogo a span{
 width: 98px;
 height: 26px;
 margin-right: 9px;
 background: url("/images/common/logo.png") no-repeat center bottom;
 background-size: contain;
}
header.scroll .companyLogo a{
 width: auto;
 height: auto;
 margin-top: -4px;
}


/*recruitのヘッダーレイアウト*/
.recruitNav,
.recruitNav .entry{
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.recruitNav .entry li{
 width: 140px;
 height: 80px;
}
.recruitNav .entry li a{
 display: flex;
 height: 100%;
 justify-content: center;
 align-items: center;
 font-size: 1.2rem;
 font-weight: 400;
 color: #fff;
}
.recruitNav .entry li a:hover{ opacity: 0.7;}
.recruitNav .entry li a.linkNewgraduates{ background-color: #00abea;}
.recruitNav .entry li a.linkMidcareer{ background-color: #003f7e;}


/*navTitleまわり*/
.nav{
 width: 570px;
 margin-right: 32px;
}
.nav > li{ flex: 0 1 auto;}
.navTitle{ height: 80px;}
/*各ページにいるとき青字*/
.page-team .title-team,
.page-interview .title-interview{ color: #003f7e;}

/*コーポレートサイトへ*/
.nav .toCorporate{
 display: block;
 width: 134px;
 height: 26px;
 border-radius: 13px;
 background-color: #e0e0e0;
 text-align: center;
 line-height: 27px;
 font-size: 0.9rem;
}
.nav .toCorporate:hover{ opacity: 0.7;}




/*-------------------
 footer
--------------------*/
footer{
 background-color: #fff;
 padding: 0;
 color: #444;
}
.footerLogo{
 margin-bottom: 22px;
 text-align: center;
 font-size: 1.4rem;
 padding-top: 74px;
 background: url("/images/common/logo.png") no-repeat center top;
 background-size: 206px auto;
}
.footerLogo .none{ display: none;}

.recruitFooter .sns{
 display: flex;
 justify-content: center;
 align-items: center;
 margin-bottom: 88px;
}
.recruitFooter .sns .facebook{ margin-right: 14px;}
.recruitFooter .sns a{
 width: 24px;
 height: 24px;
}
.recruitFooter .sns .facebook::before{ background-image: url("/images/common/icon_facebook_gray.png");}
.recruitFooter .sns .instagram::before{ background-image: url("/images/common/icon_instagram_gray.png");}


/*青背景の範囲*/
.footerBottom{
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 70px;
 background-color: #003f7e;
 padding: 0 50px;
 color: #fff;
}
.footerBottom a{
 display: block;
 font-size: 1rem;
 font-weight: 500;
}
.footerBottom a:hover{ opacity: 0.7;}




/*---------------
 共通部品
----------------*/
/*大きめのリンクボタン*/
.linkBtn.large{
 width: 360px;
 height: 84px;
 line-height: 84px;
}
.linkBtn.large::before{ border-radius: 42px;}
.linkBtn.large.arrow::after{ top: 36px;}
.linkBtn.newGraduates::before{ background-color: #00abea;}