@charset "utf-8";

/* ==================================================

		採用情報 PC/SP 共通

================================================== */
/* --------------------------------------------------
		.clearfix
-------------------------------------------------- */
.clearfix:after {
	height: 0;
	clear: both;
	visibility: hidden;
	display: block;
	content: ".";
}

/* ==================================================

		採用情報 PC

================================================== */

@media screen and (min-width:781px) {

	/* --------------------------------------------------
		.vi
-------------------------------------------------- */
	.vi .vi-inner {
		background: url(/recruit/common/img/common-bg-vi01.jpg) no-repeat center / cover;
	}

	/* --------------------------------------------------
		.nav
-------------------------------------------------- */
	.main .nav {
		width: 100%;
		font-size: 14px;
		color: #fff;
		background: #056a9c;
	}

	.main .nav>ul {
		/* min-width: 1115px; */
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.main .nav>ul>li {
		text-align: center;
	}

	.main .nav>ul>li>a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 26px 0 25px;
	}

	.main .nav>ul>.current>a,
	.main .nav>ul>li>a:hover,
	.main .nav>ul>.bc>a {
		background: #045075;
	}

	.main .nav>ul>.top {
		width: 140px;
	}

	.main .nav>ul>.messages {
		width: 132px;
	}

	.main .nav>ul>.consul-voice {
		width: 161px;
	}

	.main .nav>ul>.job {
		width: 162px;
	}

	.main .nav>ul>.carrier {
		width: 184px;
	}

	.main .nav>ul>.welfare {
		width: 138px;
	}

	.main .nav>ul>.faq {
		width: 169px;
	}

	/* --------------------------------------------------
		.recruit
-------------------------------------------------- */
	.main .recruit {
		padding-top: 65px;
	}

	/* --------------------------------------------------
		.voice-menu
-------------------------------------------------- */
	.main .voice-menu {
		background: #045075;
		padding: 26px 0 25px;
	}

	.main .voice-menu .voice-menu-inner {
		font-size: 13px;
		color: #ffffff;
		width: 904px;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}

	.main .voice-menu .voice-menu-inner>div {
		padding-left: 40px;
	}

	.main .voice-menu .voice-menu-inner>div ul {
		padding: 6px 0 0 5px;
	}

	.main .voice-menu .voice-menu-inner>div a:link,
	.main .voice-menu .voice-menu-inner>div a:visited {
		color: #ffffff;
		text-decoration: none;
	}

	.main .voice-menu .voice-menu-inner>div a:hover {
		text-decoration: underline;
	}

	/* --------------------------------------------------
		.page
-------------------------------------------------- */
	.main .page {
		font-size: 14px;
		font-weight: bold;
		padding-top: 70px;
	}

	.main .page ul {
		width: 904px;
		margin: 0 auto;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}

	.main .page ul li a:link,
	.main .page ul li a:visited {
		color: #555555;
		text-decoration: none;
	}

	.main .page ul li a:hover {
		text-decoration: underline;
	}

	/* --------------------------------------------------
		.youtubemovie
-------------------------------------------------- */
	.main .youtubemovie {
		margin-bottom: 58px;
	}

	.main .youtubemovie iframe {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
}

/* ==================================================

		採用情報 SP

================================================== */

@media screen and (max-width:780px) {

	/* --------------------------------------------------
		.vi
-------------------------------------------------- */
	.vi .vi-inner {
		background: url(/recruit/common/img/common-bg-vi01.jpg) no-repeat center / cover;
	}

	/* --------------------------------------------------
		.nav
-------------------------------------------------- */
	.main .nav {
		font-size: 12px;
		color: #fff;
		background: #056a9c;
	}

	.main .nav>ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.main .nav>ul>li {
		width: 50%;
		display: block;
		text-align: center;
	}

	.main .nav>ul>li>a {
		color: #fff;
		text-decoration: none;
		display: block;
		padding: 20px 0;
	}

	.main .nav>ul>.current>a,
	.main .nav>ul>li>a:hover,
	.main .nav>ul>.bc>a {
		background: #045075;
	}

	/* --------------------------------------------------
		.recruit
-------------------------------------------------- */
	.main .recruit {
		padding-top: 25px;
	}

	/* --------------------------------------------------
		.page
-------------------------------------------------- */
	.main .page {
		font-size: 12px;
		font-weight: bold;
		padding: 35px 12px 0;
	}

	.main .page ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}

	.main .page ul li a:link,
	.main .page ul li a:visited {
		color: #555555;
		text-decoration: none;
	}

	.main .page ul li a:hover {
		text-decoration: underline;
	}

	/* --------------------------------------------------
		.youtubemovie
-------------------------------------------------- */
	.main .youtubemovie {
		margin-top: 20px;
	}

	.main .youtubemovie iframe {
		width: 100%;
		aspect-ratio: 16 / 9;
	}
}