@charset "utf-8";
/* CSS Document */

/*---------------wrapper----------------*/
.mainimg {
	max-width:1230px;
	margin:0 auto 45px;
}
.mainimg section {
	position:relative;
	width:100%;
}
.mainimg h1 {
	margin:50px 0;
	font-size:2.5rem;
	color:#3d3d3d;
}
.elementwrap {
	margin-bottom:95px;
}
.elementwrap section {
	max-width:1230px;
	margin:0 auto;
}
.elementwrap section:not(:last-child) {
	margin-bottom:85px;
}
.elementwrap section h2 {
	margin:0 0 30px;
	border-left:6px solid #B01C30;
	padding-left:20px;
	box-sizing:border-box;
	font-size:2rem;
	color:#3d3d3d;
}
.elementwrap section p {
	line-height:1.9;
	font-size:1.125rem;
	color:#3d3d3d;
}
.elementwrap section p.link a {
	color:#34409C;
}
.elementwrap section p.link a:hover {
	text-decoration:underline;
}

/*---------------採用ガイドライン 本文要素----------------*/
.elementwrap section h3 {
	margin:45px 0 18px;
	font-size:1.375rem;
	color:#3d3d3d;
}
.elementwrap section p + p {
	margin-top:15px;
}
.elementwrap section ol.numlist,
.elementwrap section ul.dotlist {
	margin:15px 0 0 2em;
	padding:0;
	line-height:1.9;
	font-size:1.125rem;
	color:#3d3d3d;
}
.elementwrap section ol.numlist li {
	list-style:decimal;
}
.elementwrap section ul.dotlist li {
	list-style:disc;
}
.elementwrap section ol.numlist li:not(:last-child),
.elementwrap section ul.dotlist li:not(:last-child) {
	margin-bottom:8px;
}
.elementwrap section .contactbox {
	margin-top:20px;
	padding:28px 32px;
	background:#f6f6f6;
	box-sizing:border-box;
}
.elementwrap section .contactbox p.company {
	margin-bottom:12px;
	font-weight:bold;
}
.elementwrap section .contactbox dl {
	display:flex;
	flex-wrap:wrap;
	margin:0;
	line-height:1.9;
	font-size:1.125rem;
	color:#3d3d3d;
}
.elementwrap section .contactbox dt {
	width:7em;
	box-sizing:border-box;
}
.elementwrap section .contactbox dd {
	width:calc(100% - 7em);
	margin:0;
	box-sizing:border-box;
}
.elementwrap section p.link {
	margin-top:35px;
}
.elementwrap section p.date {
	margin-top:40px;
	font-size:1rem;
	color:#777;
}

/*===============================================
●画面の横幅が1230pxまで
===============================================*/
@media screen and (max-width:1230px){
	.elementwrap section {
		padding:0 20px;
		box-sizing:border-box;
	}
	.mainimg h1 {
		padding:0 20px;
	}
}

/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	.mainimg {
		margin-bottom:30px;
	}
	.mainimg h1 {
		font-size:1.75rem;
		margin:30px 0;
	}
	.elementwrap section:not(:last-child) {
		margin-bottom:50px;
	}
	.elementwrap section h2 {
		font-size:1.375rem;
	}
	.elementwrap section p {
		font-size:1rem;
	}
	.elementwrap section h3 {
		font-size:1.1875rem;
		margin:35px 0 15px;
	}
	.elementwrap section ol.numlist,
	.elementwrap section ul.dotlist {
		font-size:1rem;
		margin-left:1.6em;
	}
	.elementwrap section .contactbox {
		padding:20px;
	}
	.elementwrap section .contactbox dl {
		display:block;
		font-size:1rem;
	}
	.elementwrap section .contactbox dt {
		width:auto;
		font-weight:bold;
	}
	.elementwrap section .contactbox dd {
		width:auto;
		margin-bottom:10px;
	}
	.elementwrap section p.date {
		font-size:0.9375rem;
	}
}