@media only screen and (max-width: 767px) {
    .recruitment #wrap {
        margin-top: 68px;
    }
}
@media only screen and (min-width: 768px) {
    .recruitment #wrap {
        margin-top: 80px;
    }
}
.recruitment .header .header__menu .nav__item a {
	color: #031527
}
.recruitment .header .header__menu .nav__item a:after {
	background: #0061A8 !important
}
.recruitment .header .logo {
	padding-top: 12px
}
.recruitment .header .logo .logo--ttl em {
	color: #031527
}

@media only screen and (min-width: 768px) {
	.recruitment .header {
		position: fixed;
		background: #fff;
		animation: header 0.6s linear
	}
}

@media only screen and (max-width: 767px) {
	.recruitment .header__logo:before {
		height: 100%
	}
	.recruitment .header .logo .logo--ttl em.big {
		font-size: 24px;
		line-height: 29px
	}
	.recruitment .header .logo .logo--ttl em.small {
		font-size: 10px;
		line-height: 15px
	}
}