@charset "UTF-8";

/*================================================
 *  ハラスメント防止（antiharassment）
 ================================================*/


/*******共通*******/
section + section {
	margin-top: 10rem!important;
}

/*******共通*******/
section h3.title_anti {
	margin-bottom: 6rem;
}
section h3.title_anti > span {
	font-size: 7rem;
	letter-spacing: 0.05em;
}
section h3.title_anti > em {
	display: block;
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	margin-top: 4rem;
}









/*******採用活動における取り組み*******/
section#approach_area {
	margin-top: 12rem!important;
}

section#approach_area .approach_box {
	display: flex;
	justify-content: center;
	border: 2px solid #0f0f0f;
	padding: 6rem 0;
}
section#approach_area .approach_box .approach_list {
	width: 84rem;
}
section#approach_area .approach_box .approach_list li {
	display: flex;
}
section#approach_area .approach_box .approach_list li + li {
	margin-top: 1.5em;
}
section#approach_area .approach_box .approach_list li::before {
	content: '●';
	flex-shrink: 0;
	width: 1.85em;
}




/*******相談窓口のご案内*******/
section#consultation_area .consultation_list {
	gap: 0 4rem;
	margin-top: 10rem;
}
section#consultation_area .consultation_list li {
	width: 44rem;
}
section#consultation_area .consultation_list li h5 {
	font-size: 2.4rem;
	font-weight: 700;
	margin-bottom: 0.9em;
}
section#consultation_area .consultation_list li a {
	border: 2px solid;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-size: 3.2rem;
	font-weight: 700;
	height: 14rem;
}
section#consultation_area .consultation_list li.li_mail a {
	font-size: 2.6rem;
}
section#consultation_area .consultation_list li a:hover {
	background-color: currentColor;
	opacity: 1;
}
section#consultation_area .consultation_list li a:hover > * {
	color: #fff!important;
}




/*================================================================================================
 *  スマートフォン向けデザイン
 ================================================================================================*/
@media screen and (max-width:800px) {


/*******共通*******/
section + section {
	margin-top: 15vw!important;
}

/*******共通*******/
section h3.title_anti {
	margin-bottom: 8vw;
}
section h3.title_anti > span {
	font-size: 12vw;
}
section h3.title_anti > em {
	font-size: 4vw;
	margin-top: 6vw;
}






/*******イントロダクション*******/
section#intro_area {
	margin-top: 13vw!important;
}





/*******採用活動における取り組み*******/
section#approach_area {
	margin-top: 15vw!important;
}

section#approach_area .approach_box {
	padding: 8vw 5vw;
}
section#approach_area .approach_box .approach_list {
	width: 100%;
}
section#approach_area .approach_box .approach_list li + li {
	margin-top: 1em;
}
section#approach_area .approach_box .approach_list li::before {
	width: 1.5em;
}




/*******相談窓口のご案内*******/
section#consultation_area .consultation_list {
	margin-top: 10vw;
}
section#consultation_area .consultation_list li {
	width: 100%;
}
section#consultation_area .consultation_list li + li {
	margin-top: 5vw;
}
section#consultation_area .consultation_list li h5 {
	font-size: 4.5vw;
}
section#consultation_area .consultation_list li a {
	font-size: 6vw;
	height: 25vw;
}
section#consultation_area .consultation_list li.li_mail a {
	font-size: 5vw;
}







	
}