@charset "UTF-8";

@media screen and (min-width:751px) {
	
	.recruit_cont{
		padding:100px 0;
		background:#f2f2f2;
	}
	
	.recruit_cont h2{
		width:90%;
		max-width: 780px;
		margin:0 auto 60px;
		text-align: center;
		font-size: 3.6rem;
		font-weight: 600;
		padding:0 0 20px 0;
		position: relative;
	}
	
	.recruit_cont h2::before{
		content: "";
		width:60px;
		border-bottom: 2px solid #000;
		position: absolute;
		left:calc(50% - 30px);
		bottom:0;
	}
	
	.recruit_cont .contbox{
		width:90%;
		max-width: 780px;
		margin:0 auto 60px;
	}
	
	.recruit_cont .contbox.bo_bottom{
		border-bottom:1px solid #cccccc;
		padding:0 0 100px 0;
	}
	
	.recruit_cont .contbox:last-child{
		margin-bottom:0;
	}
	
	.recruit_cont .contbox .flexbox{
		display: flex;
	}
	
	.recruit_cont .contbox .flexbox p{
		width:calc(100% - 160px - 40px);
	}
	
	.recruit_cont .contbox .flexbox a{
		width:160px;
		display: block;
		transition: all 0.3s;
	}
	
	.recruit_cont .contbox .flexbox a:hover{
		opacity: 0.7;
	}
	
	.recruit_cont .contbox p{
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.recruit_cont .contbox p + p{
		margin-top:3rem;
	}
	
	.recruit_cont .contbox table{
		width:100%;
		border-collapse: collapse;
		margin-top:20px;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.recruit_cont .contbox table th{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:20px 0;
		vertical-align: top;
		text-align: left;
		width:160px;
	}
	
	.recruit_cont .contbox table td{
		border-top:1px solid #ccc;
		border-bottom:1px solid #ccc;
		padding:20px 0 20px 10px;
		vertical-align: top;
		text-align: left;
	}
	
	.recruit_cont ul li{
		position: relative;
		padding-left: 20px;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.recruit_cont ul li span{
		width:20px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.recruit_cont ul.dot li{
		position: relative;
		padding-left: 15px;
		font-size: 1.6rem;
		line-height: 1.8em;
		color:#1d2088;
	}
	
	.recruit_cont ul.dot li span{
		width:15px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.recruit_cont ul li a{
		color:#1d2088;
		text-decoration: underline;
		transition: all 0.3s;
	}
	
	.recruit_cont ul.dot li a::after{
		content: "";
		width:13px;
		height:11px;
		background:url("/new/new_2024/images/recruit/blank_icon.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		margin:0 0 0 10px;
	}
	
	.recruit_cont ul.dot li ul li{
		position: relative;
		padding-left: 27px;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.recruit_cont ul.dot li ul li span{
		width:27px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.recruit_cont a.banner{
		max-width: 365px;
		width:100%;
		display: inline-block;
		margin-top:3rem;
		transition:all 0.3s;
	}
	
	.recruit_cont p a{
		display: inline-block;
		text-decoration: underline;
		color:#1d2088;
	}
	
	.recruit_cont a:hover{
		opacity: 0.7;
	}
}


@media screen and (max-width:750px) {
	.recruit_cont{
		padding:40px 0;
		background:#f2f2f2;
	}
	
	.recruit_cont h2{
		width:90%;
		max-width: 780px;
		margin:0 auto 30px;
		text-align: center;
		font-size: 1.8rem;
		font-weight: 600;
		padding:0 0 10px 0;
		position: relative;
	}
	
	.recruit_cont h2::before{
		content: "";
		width:30px;
		border-bottom: 2px solid #000;
		position: absolute;
		left:calc(50% - 15px);
		bottom:0;
	}
	
	.recruit_cont .contbox{
		width:90%;
		max-width: 780px;
		margin:0 auto 40px;
	}
	
	.recruit_cont .contbox.bo_bottom{
		border-bottom:1px solid #cccccc;
		padding:0 0 40px 0;
	}
	
	.recruit_cont .contbox:last-child{
		margin-bottom:0;
	}
	
	.recruit_cont .contbox .flexbox{
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.recruit_cont .contbox .flexbox p{
		width:100%;
		font-size: 1.2rem;
		line-height: 1.8em;
		margin:0 0 20px 0;
	}
	
	.recruit_cont .contbox .flexbox a{
		width:200px;
		display: block;
		transition: all 0.3s;
	}
	
	.recruit_cont .contbox .flexbox a:hover{
		opacity: 0.7;
	}
	
	.recruit_cont .contbox p{
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	
	.recruit_cont .contbox p + p{
		margin-top:3rem;
	}
	
	.recruit_cont .contbox table{
		width:100%;
		border-collapse: collapse;
		margin-top:20px;
		font-size: 1.2rem;
		line-height: 1.8em;
		border-top:1px solid #ccc;
	}
	
	.recruit_cont .contbox table th{
		padding:15px 0 0 0;
		vertical-align: top;
		text-align: left;
		width:100%;
		display: block;
	}
	
	.recruit_cont .contbox table td{
		border-bottom:1px solid #ccc;
		padding:5px 0 15px;
		vertical-align: top;
		text-align: left;
		display: block;
	}
	
	.recruit_cont ul li{
		position: relative;
		padding-left: 15px;
		font-size: 1.2rem;
		line-height: 1.8em;
	}
	
	.recruit_cont ul li span{
		width:15px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.recruit_cont ul.dot li{
		position: relative;
		padding-left: 10px;
		font-size: 1.2rem;
		line-height: 1.8em;
		color:#1d2088;
	}
	
	.recruit_cont ul.dot li span{
		width:10px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.recruit_cont ul li a{
		color:#1d2088;
		text-decoration: underline;
		transition: all 0.3s;
	}
	
	.recruit_cont ul.dot li a::after{
		content: "";
		width:10px;
		height:9px;
		background:url("/new/new_2024/images/recruit/blank_icon.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		margin:0 0 0 10px;
	}
	
	.recruit_cont ul.dot li ul li{
		position: relative;
		padding-left: 27px;
		font-size: 1.6rem;
		line-height: 1.8em;
	}
	
	.recruit_cont ul.dot li ul li span{
		width:27px;
		position: absolute;
		top:0;
		left:0;
	}
	
	.recruit_cont a.banner{
		width:100%;
		display: inline-block;
		margin-top:3rem;
		transition:all 0.3s;
	}
	
	.recruit_cont p a{
		display: inline-block;
		text-decoration: underline;
		color:#1d2088;
	}
	
	.recruit_cont a:hover{
		opacity: 0.7;
	}
}