@charset "utf-8";

/*------------------------------------------
pagehead
------------------------------------------*/
.pagehead.jobtype{
	background-image:linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)),url("../images/jobtype/bg_pagehead.jpg");
}
/*------------------------------------------
sec_index
------------------------------------------*/
#sec_index{
	padding:80px 0;
	text-align:center;
}
#sec_index .job_wrap{
	display:flex;
	gap:10px;
	justify-content:space-between;
}
#sec_index .ttl h2{
	font-size:3.2rem;
}
#sec_index .job_wrap .job_unit{
	width:200px;
	display: flex;
	flex-direction: column;
}
#sec_index .job_wrap .job_unit h3{
	margin-top:15px;
	font-size:2rem;
	position:relative;
	margin-bottom:40px;
}
#sec_index .job_wrap .job_unit h3::after{
	content:"";
	background:var(--textbase);
	height:1px;
	position:absolute;
	bottom:-20px;
	left:50%;
	transform:translateX(-50%);
	width:60px;
}
#sec_index .job_wrap .job_unit p{
	font-size:1.4rem;
	text-align:left;
	padding-bottom:20px;
}

#sec_index .job_unit .link_arrow {
	margin: auto auto 5.7px;
}
#sec_index .job_unit .link_arrow img{
	transition: transform 0.3s ease;
}
#sec_index .job_unit:hover .link_arrow img{
	transform: scale(1.2);
}
@media (max-width: 768px) {
	#sec_index{
		padding:50px 0;
	}
	#sec_index .job_wrap{
		flex-direction:column;
		width:90%;
		margin:auto;
	}
	#sec_index .job_wrap .job_unit{
		width:100%;
		flex-direction: row;
		align-items:center;
		gap:10px;
		border:4px solid var(--lightgray);
		padding:6px;
	}
	#sec_index .job_wrap .job_unit>img{
		width:50px;
	}

	#sec_index .job_wrap .job_unit h3{
		margin-top:0px;
		font-size:1.6rem;
		margin-bottom:0px;
	}
	#sec_index .job_wrap .job_unit h3::after{
		content:none;
/*
		bottom:-10px;
		width:60px;
*/
	}
	#sec_index .job_wrap .job_unit p{
		display:none;
/*
		font-size:1.2rem;
		text-align:left;
		padding-bottom:0px;
*/
	}
	#sec_index .job_unit .link_arrow{
		margin:0 0 0 auto;
		flex-shrink: 0;
		padding-right:10px;
	}
	#sec_index .job_unit .link_arrow img{
		width:15px;
	}
}
/*------------------------------------------
jobtype_unit
------------------------------------------*/
.jobtype_unit{
	padding:50px 0;
}
.jobtype_unit .ttl h3{
	width:390px;
	border:4px solid #ccc;
	background:#fff;
	border-radius:10px;
	padding:10px;
	font-size:2.4rem;
	margin:0 auto 30px;
	text-align:center;
}

.jobtype_unit .ttl p{
	text-align:center;
	margin-bottom:30px;
}
.jobtype_unit .content{
	background:#fff;
	padding:40px;
	display:flex;
	gap:40px;
	align-items: flex-start;
}

.jobtype_unit .content>div,
.jobtype_unit .content>img{
	flex:1;
}

@media (max-width: 768px) {
	.jobtype_unit .ttl h3{
		width:100%;
		font-size:2rem;
	}
	.jobtype_unit .ttl p{
		text-align:left;
		margin-bottom:20px;
	}
	.jobtype_unit .content{
		padding:20px;
		flex-direction:column-reverse;
		gap:20px;
	}
}

.jobtype_unit .content .txt h4{
	font-weight:600;
	color:var(--blue);
	margin-bottom:15px;
	margin-top:20px;
}
.jobtype_unit .content .txt h4:first-child{
	margin-top:0px;
}
.jobtype_unit .content .txt p,
.jobtype_unit .content .txt li{
	font-size:1.4rem;
}
.jobtype_unit.unit_a{
	background:var(--lightgray);
}
.jobtype_unit .btnarea{
	text-align:center;
	padding-top:30px;
}
.jobtype_unit.unit_b .content{
	background:var(--lightgray);
}