<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

#recruit-area {
	color: #000;
}

#recruit-area #ex2022 {
	font-size: 1.2em;
	color: #f00;
	text-align: center;
	border: 4px solid #f00;
	padding: .8em .5em;
	margin: 2.2em auto 2.4em;
}
#recruit-area #ex2022 a {
	color: #f00;
}

#recruit-area .recruit-box ul.occupation {
	list-style: none;
}
#recruit-area .recruit-box ul.occupation li {
	position: relative;
	padding: 0 0 0 1.32em;
}
#recruit-area .recruit-box ul.occupation li:before {
	content : "■";
	position: absolute;
	left: 0;
}

@media screen and (min-width: 641px) {
	#recruit-area .recruit-box ul.occupation li:before {
		top: 1px;
	}	
}
#recruit-area .recruit-box ul.occupation li .recruit-link a {
	background: #f00;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #f00;
	padding: 0.024em 0.5em 0.068em;
}
#recruit-area .recruit-box ul.occupation li .recruit-link.close {
	background: #8a8a8a;
	font-size: 1.2em;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	border: 2px solid #8a8a8a;
	padding: 0.024em 0.5em 0.068em;
}

#recruit-area .recruit-box dl.occupation {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	letter-spacing: -0.01em;
	margin: 0 0 0.6em;
}
#recruit-area .recruit-box dl.occupation dt {
	width: 4.2em;
	margin: 0 0 0.4em;
}
#recruit-area .recruit-box dl.occupation dd {
	width: calc(100% - 4.2em);
	margin: 0 0 0.4em;
}
#recruit-area .recruit-box dl.occupation dd p {
	padding-left: 1em;
	margin: 0;
}

#recruit-area .btn-recruit p {
	margin: 0 0 0.4em;
}

@media screen and (max-width: 640px) {
	#recruit-area {
	}
	#recruit-area .recruit-box {
		width: 86.666667%;
		font-size: 3.733333vw; /* 28px */
		margin: 0 auto;
	}
	
	#recruit-area .recruit-box h3 {
		font-size: 4.266667vw; /* 32px */
		border-bottom: 3px solid #0066e8;
		padding: 0 0.6em 0.2em 0.6em;
		margin: 0 0 5.4%;
	}
	#recruit-area .recruit-box h3 span.close {
		color: #f00;
		font-size: 3.466667vw; /* 26px */
	}
	#recruit-area .read {
		width: 90%;
		margin: 0 auto 9.6%;
	}
	#recruit-area .recruit-box p {
	}
	#recruit-area .recruit-box p.title {
		margin: 0 0 0.3em;
	}
	#recruit-area .recruit-box span.caution {
		color: #F00;
	}
	
	#recruit-area .btn-recruit {
		width: 100%;
		font-size: 3.733333vw; /* 28px */
		font-weight: bold;
		text-align: center;
		padding: 1.2em 0 0.6em !important;
		margin: 0 auto !important;
	}
	#recruit-area .btn-recruit a {
		display: block;
		background: #f5ad33;
		color: #fff;
		text-decoration: none;
		border-radius: 20px;
		padding: 0.8em 1.2em;

		transition: 0.3s;
		backface-visibility: hidden; 
	}
	
	#recruit-area .recruit-box .recruit-head {
		width: 100%;
		background: #0066e8;
		font-size: 4.266667vw; /* 32px */
		color: #fff;
		padding: 0.3em 0.6em 0.36em;
		margin: 0 0 0.8em;
	}
	#recruit-area .recruit-box .recruit-head h4 {
		font-weight: bold;
	}
	#recruit-area .recruit-box .recruit-image {
		margin: 0 0 4.2%;
	}
	#recruit-area .recruit-box .recruit-main {
		padding: 0 0.6em;
		margin: 0 0 6.4%;
	}
	#recruit-area .recruit-box ul {
		margin: 0 auto 5.4%;
	}
	#recruit-area .recruit-box ul li {
		margin: 0 0 0.4em;
	}

	#recruit-area .recruit-box table {
		width: 100%;
		border: 1px solid #8a8a8a;
		border-top: none;
		margin: 0 auto 7.2%;
	}
	#recruit-area .recruit-box th {
		display: block;
		background: #e1e1e1;
		font-weight: normal;
		border-top: 1px solid #8a8a8a;
		border-bottom: 1px solid #8a8a8a;
		padding: 3.0% 3.6%;
	}
	#recruit-area .recruit-box td {
		display: block;
		background: #fff;
		padding: 3.0% 3.6%;
	}
}

@media screen and (min-width: 641px) {
	#recruit-area {
	}
	#recruit-area .recruit-box {
		width: 940px;
		font-size: 1.8rem;
		margin: 0 auto;
	}

	#recruit-area .recruit-box h3 {
		font-size: 2.4rem;
		border-bottom: 3px solid #0066e8;
		padding: 0 0 4px 12px;
		margin: 0 0 28px;
	}
	#recruit-area .recruit-box h3 span.close {
		color: #f00;
		font-size: 2.0rem;
	}
	#recruit-area .read {
		margin: 0 0 36px;
	}
	#recruit-area .recruit-box p {
	}
	#recruit-area .recruit-box p.title {
		margin: 0 0 8px;
	}
	#recruit-area .recruit-box ul.occupation li .recruit-link a {
		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#recruit-area .recruit-box ul.occupation li .recruit-link a:hover {
		background: #fff;
		color: #f00;
		border: 2px solid #f00;
	}
	#recruit-area .recruit-box span.caution {
		color: #F00;
	}
	
	#recruit-area .btn-recruit {
		width: 60%;
		font-size: 2.0rem;
		font-weight: bold;
		text-align: center;
		padding: 1.2em 0 0.6em !important;
		margin: 0 auto !important;
	}
	#recruit-area .btn-recruit a {
		display: block;
		background: #f5ad33;
		color: #fff;
		text-decoration: none;
		border-radius: 20px;
		padding: 1.0em 1.2em;

		transition: 0.3s;
		backface-visibility: hidden; 
	}
	#recruit-area .btn-recruit a:hover {
		opacity: 0.6;
	}
	
	#recruit-area .recruit-box .recruit-head {
		display: block;
		background: #0066e8;
		color: #fff;
		padding: 0.5em 1.0em;
		margin: 0 0 0.8em;
	}
	#recruit-area .recruit-box .recruit-head h4 {
		font-size: 2.0rem;
		font-weight: bold;
	}
	#recruit-area .recruit-box .recruit-image {
		margin: 0 0 24px;
	}
	#recruit-area .recruit-box .recruit-main {
		padding: 0 20px;
		margin: 0 0 36px;
	}
	#recruit-area .recruit-box ul {
		margin: 0 auto 24px;
	}
	#recruit-area .recruit-box ul li {
		margin: 0 0 0.4em;
	}
	
	#recruit-area .recruit-box table {
		width: 100%;
		margin: 0 auto 32px;
	}
	#recruit-area .recruit-box th {
		width: 210px;
		background: #e1e1e1;
		font-weight: normal;
		border: 1px solid #8a8a8a;
		padding: 12px 10px;
	}
	#recruit-area .recruit-box td {
		width: 560px;
		background: #fff;
		border: 1px solid #8a8a8a;
		padding: 12px 25px;
	}
}


/* 2026年4月入社 新卒・第二新卒採用 募集要項[#new-area] */
#saiyou2026 #new-area {
}

@media screen and (max-width: 640px) {
	#saiyou2026 #new-area {
	}
	#saiyou2026 #new-area .special {
		margin: 0 auto 8.6%;
	}
	#saiyou2026 #new-area .special:last-child {
		margin: 0 auto;
	}
}
@media screen and (min-width: 641px) {
	#saiyou2026 #new-area {
	}
	#saiyou2026 #new-area .content-group-inner {
		width: 940px;
		margin: 0 auto;

		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	#saiyou2026 #new-area .special {
		margin: 0 60px 0 0;
	}
}

/* 2026年4月入社 新卒・第二新卒採用 エントリーシート受付期間[.recruit-info] */
#saiyou2026 .recruit-info h3,
#saiyou2026 .recruit-info p {
	color: #f00;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
#saiyou2026 .recruit-info div {
	text-align: center;
}
#saiyou2026 .recruit-info h3 {
	display: inline-block;
	line-height: 1.0;
	border: 3px solid #f00;
	padding: 0.32em 0.8em 0.36em;
}

@media screen and (max-width: 640px) {
	#saiyou2026 .recruit-info {
		width: 86.666667%;
		margin: 0 auto 9.6vw;
	}
	#saiyou2026 .recruit-info h3 {
		font-size: 4.266667vw; /* 32px */
		margin: 0 auto 2.4vw;
	}
	#saiyou2026 .recruit-info p {
		font-size: 4.266667vw; /* 32px */
		margin: 0 auto 3.6vw;
	}
}

@media screen and (min-width: 641px) {
	#saiyou2026 .recruit-info {
		width: 940px;
		margin: 0 auto 60px;
	}
	#saiyou2026 .recruit-info h3 {
		font-size: 2.4rem;
		margin: 0 auto 14px;
	}
	#saiyou2026 .recruit-info p {
		font-size: 2.4rem;
		margin: 0 auto 18px;
	}
}
</pre></body></html>