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

main.subpage_illustration .subpage_main_box{
	max-width: 840px;
	background-image: url("../images/career/bg_main.png");
	background-size: 280px 313px;
/*	min-height: 360px;*/
	background-position: top 32px right;
}
#topics1{margin-bottom: 112px;}

.subpage_main_box_text h3{
	margin-bottom: 24px;
}
.subpage_main_box_text p{
	margin-bottom: 40px;
}

.topics_subtitle_box p{
	letter-spacing: 0.075em;
}
.topics_subtitle_box p span{
	display: inline-block;
	margin-top: 8px;
}
.topics_subtitle_box_img+.topics_subtitle_box{
	margin-top: 32px;
}

hr{
	max-width: 800px;
	padding: 0 20px;
	margin: 40px auto 40px;
	border: none;
    border-top: 1px dashed var(--gray);
}

/*メンター制度*/
h5{
	color: var(--blue);
	font-family: zen-kaku-gothic-new, sans-serif;
	font-weight: 500;
	font-style: normal;
	font-size: 1rem;
	letter-spacing: 0.1em;
}
.training_subbox{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	border-top: 1px dashed var(--gray);
	padding: 40px 0;
}
.training_subbox:last-of-type{
	border-bottom: 1px dashed var(--gray);
}
.training_subbox_title{
	width: 150px;
	height: 150px;
	text-align: center;
}
.training_subbox_title p{
	margin-top: 24px;
	margin-bottom: 16px;
}
.training_subbox&gt;p{
	width: calc(100% - 174px);
	letter-spacing: 0.075em;
}
#training_mentor{margin-top: 40px; margin-bottom: 56px;}
#training_mentor .training_subbox_title{
	background-image: url("../images/career/training_mentor.png");
	background-size: 150px 150px;
}
#training_mentor h5{margin-top: 64px;}
#training_mentor{
	border-bottom: 1px dashed var(--gray);
}

/*研修制度*/
#topics2 .topics_subtitle_box .link_text{margin-top: 24px; margin-bottom: 24px;}
.topics_subtitle_box+.training_box{margin-top: 40px;}
.training_step{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background-image: url("../../../environment-and-system/assets/images/training_step.png");
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 168px;
}
.training_step_box{
	width: 150px;
	text-align: center;
	margin-bottom: 72px;
}
.training_step_box:nth-of-type(1){margin-top: 96px;}
.training_step_box:nth-of-type(2){margin-top: 72px;}
.training_step_box:nth-of-type(3){margin-top: 48px;}
.training_step_box:nth-of-type(4){margin-top: 24px;}

.training_step_box p{
	margin-bottom: 8px;
}
.training_step_box a{
	color: var(--blue);
	font-family: zen-kaku-gothic-new, sans-serif;
	font-weight: 500;
	font-style: normal;
	text-decoration:none;
	padding-bottom: 32px;
	position: relative;
	letter-spacing: 0.1em;
	display: inline-block;
}
.training_step_box a:before{
	position: absolute;
	content: '';
	width: 100%;
	height: 1px;
	background-color: var(--blue);
	bottom: 24px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: block;
}
.training_step_box a:after{
	color: var(--blue);
	position: absolute;
	content: '▼';
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	display: block;
}
.training_step_box a:hover{
	opacity: 0.6;
}
#training0 .training_subbox_title p,#training3 .training_subbox_title p{
	margin-top: 24px;
	margin-bottom: 8px;
}
.training_subbox_title{
	background-size: 150px 150px;
}
#training0 .training_subbox_title{
	background-image: url("../images/career/training_00.png");
}
#training1 .training_subbox_title{
	background-image: url("../../../environment-and-system/assets/images/training_01.png");
}
#training1 .training_subbox_title{
	background-image: url("../../../environment-and-system/assets/images/training_01.png");
}
#training3 .training_subbox_title{
	background-image: url("../../../environment-and-system/assets/images/training_03.png");
}
#training4 .training_subbox_title{
	background-image: url("../../../environment-and-system/assets/images/training_04.png");
}
#training5 .training_subbox_title{
	background-image: url("../../../environment-and-system/assets/images/training_05.png");
}

/*==================================================
btn css
===================================*/
.entry_btn{
	margin-left: auto;
	margin-right: auto;
}

@media print, screen and (max-width: 1080px) {
	#entry .entry_btn{
		margin: 0 auto 16px;
	}
	#entry .entry_btn_orange{
		margin: 0 auto 0px!important;
	}
}


@media print, screen and (max-width: 767px) {
	main.subpage .subpage_main_box .subpage_main_box_text{
		margin-top: 0;
	}
	main.subpage_illustration .subpage_main_box{
		background-position: top center;
	}
	.topics_title{
		padding-top: 28px;
	}
	
	.training_box_m{
		background-image: url("../../../environment-and-system/assets/images/training_step_m.png");
		background-repeat: no-repeat;
		background-size: 130px 794px;
		padding-left: 154px;
		margin-top: 24px;
		margin-bottom: 40px;
	}
	.training_subbox_m{
		height: 130px;
		padding-top: 10px;
		margin-bottom: 36px;
	}
	.training_subbox_m:last-of-type{
		margin-bottom: 0;
	}
	.training_subbox_m&gt;p{
		margin-bottom: 8px;
	}
	.training_subbox_m&gt;h5{
		margin-bottom: 10px;
	}
	
	#training_mentor.training_subbox{padding: 0;}
	#training_mentor .training_box_m{
		background-image: url("../images/career/training_mentor_blue.png");
		background-size: 130px 130px;
		margin-top: 32px;
		margin-bottom: 32px;
	}
	#training_mentor h5{margin-top: 8px; margin-bottom: 16px;}
	#training_mentor .modal_title h5{
		margin-top: 22px;
	}
	#topics1{margin-bottom: 56px;}
	
	#topics2 .training_box_m{
		background-position: top 32px left;
		border-top: 1px dashed var(--gray);
		padding-top: 32px;
		border-bottom: 1px dashed var(--gray);
		padding-bottom: 32px;
	}
	
	#training_follow.training_box_m{
		background-image: url("../images/career/training_00_blue.png");
		background-size: 130px 130px;
		margin-top: 32px;
		margin-bottom: 32px;		
	}
	.entry_btn{margin-top: 0;}
}
</pre></body></html>