@charset "utf-8";
/*==================================================
	【サブ】ページ固有のスタイル
==================================================*/
#recruit .top_links::after {
	content: "CAREERS";
}
#recruit .top_links_box ul {
	justify-content: center;
	grid-template-columns: repeat(2, 350px);
	gap: 20px;
	margin-top: 100px;
}
#recruit .box {
	background: #fff;
	padding: 45px;
	border-radius: 25px;
	margin-bottom: 50px;
}
#recruit .box.nm {
	margin-bottom: 0;
}
#recruit .box.gray {
	background: #f7f7f7;
}
#recruit .box th {
	background: #f9f4a7;
}
#recruit .box .salary tr:nth-of-type(odd) {
	background: #f7f7f7;
}
#recruit .box .salary th,#recruit .box .salary td {
	text-align: center;
}
#recruit .box .overview th {
	width: 20%;
	text-align: center;
}
/**/
#recruit .box_contact .box_address {
	background: #fff;
	border-radius: 25px;
	padding: 45px;
}
#recruit .box_contact .box_address .list_number {
	width: 60%;
	margin: 2em auto 1.5em;
}
#recruit .box_contact .box_address .list_number li {
	display: flex;
	justify-content: center;
}
#recruit .box_contact .box_address .list_number .maru {
	width: 40px;
	height: 40px;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin-right: 10px;
	position: relative;
	top: 3px;
}
#recruit .box_contact .box_address .list_number li a {
	display: flex;
	align-items: center;
	line-height: 40px;
	padding: 2px 5px 8px;
	background: #f9f4a7;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.2);
	font-size: 29px;
	border-radius: 26px;
	color: #333;
	width: 288px;
	font-weight: bold;
}
#recruit .box_contact .box_address .list_number li a img {
	width: 22px;
	vertical-align: middle;
}
#recruit .box_contact .box_address .note {
	text-align: center;
	font-size: 80%;
	color: red;
	margin:1em 0 0;
}
/**/
#recruit .action::before {
	background: #f9f4a7
}
#recruit .action h3 {
	font-weight: normal;
	font-size: 54px;
	margin-bottom: 40px;
}
#recruit .action .box {
	background: #fff;
	margin-bottom: 50px;
	padding: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 19px;
}
#recruit .action .box .ico {
	width: 180px;
	text-align: center;
}
#recruit .action .box .info {
	width: 787px;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#recruit .box {
		padding: 25px;
	}
	#recruit .action h3 {
		font-size: 30px;
		margin-bottom: 20px;
	}
	#recruit .action .box {
		padding: 20px;
		margin-bottom: 20px;
	}
	#recruit .action .box .ico {
		width: 140px;
	}
	#recruit .action .box .info {
		width: calc(100% - 160px);
	}
	/**/
	#recruit .box_contact .box_address {
		padding: 25px;
	}
	#recruit .box_contact .box_address .list_number {
		display: block;
		margin: 1.5em auto;
	}
	#recruit .box_contact .box_address .list_number li + li {
		margin-top: 1.5em;
	}
	#recruit .box_contact .box_address .note {
		text-align: left;
		font-size: 100%;
		margin:1em 0 0;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#recruit .top_links_box ul {
		grid-template-columns: 100%;
		margin-top: 30px;
	}
	#recruit .box {
		padding: 15px;
		border-radius: 15px;
	}
	#recruit .box th, #recruit .box td {
		padding: 5px;
	}
	#recruit .box .salary th,#recruit .box .salary td {
		display: table-cell;
	}
	#recruit .box .overview th {
		width: 100%;
	}
	#recruit .action h3 {
		font-size: 25px;
	}
	#recruit .action .box {
		display: block;
	}
	#recruit .action .box .ico {
		margin: 0 auto 15px;
	}
	#recruit .action .box .info {
		width: 100%;
	}
	#recruit .action .box .info .btn01 {
		text-align: center;
	}
		/**/
	#recruit .box_contact .box_address {
		padding: 15px;
	}
	#recruit .box_contact .box_address .list_number {
		width: 100%;
		margin: 1em auto;
	}
	#recruit .box_contact .box_address .list_number li + li {
		margin-top: 1.3em;
	}
	#recruit .box_contact .box_address .list_number li a {
		font-size: 23px;
		width: 250px;
	}
	#recruit .box_contact .box_address .note {
		text-align: left;
		font-size: 100%;
		margin:1em 0 0;
	}
}