@charset "UTF-8";

/*--------------------------------------------------------------------
company.html
company.css
--------------------------------------------------------------------*/

/*------------voice--先輩社員の声-------------------------------------------------------------*/
#voice h4 {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}
#voice h4 em {
	font-size: 1rem;
	color: var(--co-black);
}
#voice dl { margin-top: var(--parag-bet); }
#voice dl dt {
	position: relative;
	margin-bottom: 5px;
	font: bold 1.35em / 1.2 var(--mincho);
	font-feature-settings: "palt" 1;
}

@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 { text-align: center; }

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

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

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