<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 */
p{letter-spacing: 0.075em;}

main.subpage_illustration .subpage_main_box{
	background-image: url("../images/main.png");
}

.topics_box{margin-bottom: 112px;}

#topics4.topics_box{margin-bottom: 72px;}

.topics_subtitle_box + .topics_subtitle_box{
	margin-top: 56px;
}

.topics_subtitle_box_img img.icon_mark{
	width: 160px;
	height: 160px;
}

/*研修制度*/
.training_box{margin-bottom: 56px;}
.training_step{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	background-image: url("../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;
}
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_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;
}

.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;
}
#training3 .training_subbox_title p{
	margin-top: 24px;
	margin-bottom: 8px;
}
#training1 .training_subbox_title{
	background-image: url("../images/training_01.png");
	background-size: 150px 150px;
}
#training3 .training_subbox_title{
	background-image: url("../images/training_03.png");
	background-size: 150px 150px;
}
#training4 .training_subbox_title{
	background-image: url("../images/training_04.png");
	background-size: 150px 150px;
}
#training5 .training_subbox_title{
	background-image: url("../images/training_05.png");
	background-size: 150px 150px;
}
.training_subbox&gt;p{
	width: calc(100% - 174px);
}


/*福利厚生 table*/
th{vertical-align: top; text-align: left; padding-bottom: 16px; letter-spacing: 0.1em;}
th span{font-size: 0.9rem; font-weight: normal; letter-spacing: 0.05em;}

td{max-width: 504px; padding-bottom: 24px; padding-left: 56px; letter-spacing: 0.075em;}
.topics_subtitle_box&gt;table&gt;tbody&gt;tr:last-of-type td{padding-bottom: 0;}

td a{
	color: var(--blue) !important;
	transition: 0.3s;
}
td a:hover{
	opacity: 0.6;	
}

@media print, screen and (max-width: 1080px) {
	main.subpage_illustration .subpage_main_box{
		background-image: url("../images/main_m.png");
	}
}
@media print, screen and (max-width: 767px) {
	
	.topics_box{margin-bottom: 56px;}
	.training_box_m{
		background-image: url("../images/training_step_m.png");
		background-repeat: no-repeat;
		background-size: 130px 794px;
		background-position: top left;
		padding-left: 154px;
		margin-top: 24px;
		margin-bottom: 64px;
	}
	.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;
	}
	
	/*福利厚生 table*/
	th,td{display: block;}
	th{padding-bottom: 8px;}
	td{padding-left: 24px;}
	tr:last-of-type td{padding-bottom: 0;}
}</pre></body></html>