@charset "UTF-8";

/*--------------------------------------------------------------------
recruit.html
recruit.css
--------------------------------------------------------------------*/

/*------------note--先輩社員の声-------------------------------------------------------------*/
#note p {
	margin: 3em 0;
	text-align: center;
	font-size: 2em;
	color: var(--co-darkbrown);
}

/*------------voice--先輩社員の声-------------------------------------------------------------*/
#voice h4 {
	display: flex;
	justify-content: flex-start;
	align-items: baseline;
}
#voice h4 em {
	margin-left: auto;
	font-size: 1rem;
	font-weight: normal;
	color: var(--co-darkbrown);
}
#voice dl { margin-top: var(--parag-bet); }
#voice dl dt {
	position: relative;
	margin-bottom: 5px;
	font: bold 1.5em / 1.2 var(--mincho);
	font-feature-settings: "palt" 1;
}
#voice dl dt::before,
#voice dl dt::after {
	display: inline-block;
	content: "－";
}

@media (max-width: 680px) {}

/*------------atmos--職場の雰囲気-------------------------------------------------------------*/
#atmos ul {
	display: flex;
	flex-wrap: wrap;
	gap: 40px 10px;
}
#atmos ul li { width: calc((100% - 10px * 2) / 3); }
#atmos ul li p + p {
	margin-top: 0.5em;
	text-align: center;
}

@media (max-width: 580px) {
	#atmos ul li { width: calc((100% - 10px) / 2); }
}
@media (max-width: 480px) {
	#atmos ul li { width: 100%; }
}

/*------------method--募集要項-------------------------------------------------------------*/
#method span { display: inline-block; }
#method span:not(:last-of-type) { margin-right: 1em; }
#method ul {
	display: flex;
	flex-wrap: wrap;
}
#method ul li:not(:last-of-type)::after { content: "、"; }

@media (max-width: 580px) {}
@media (max-width: 480px) {}