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

#contents h4 {
	font-size:157.1%;/*22px*/
	text-align:center;
	padding:0 0 10px;
	border-bottom:1px solid #0d386b;
	margin:0 0 45px;
}
#contents .img_right {
	float:right;
	margin:0 0 30px 50px;
}
#contents .people dt {
	color:#fff;
	text-align:center;
	margin:0 0 40px
}
#contents .people dt span {
	background:#ff9c00;
	display:inline-block;
	border-radius: 3px;
	padding:3px 15px;
	font-size:142.8%;/*18px*/
}
#contents .people dd {
	margin:0 0 80px;
}

#contents .recruit_menu {
	display:flex;
	justify-content:space-between;
}
#contents .recruit_menu li {
	border:1px solid #0d386b;
	width:23%;
	background:#e8f3ff url(../recruit/img/button_arrow.png) no-repeat 13px center;
	background-size:15px;
	padding:15px 15px 15px 40px;
	margin:0 0 20px;
}
#contents .recruit_menu li a {
	display:block;
	width:100%;
	font-weight:bold;
	font-size:128.5%;/*18px*/
}

#contents .recruit_table {
	border-collapse:collapse;
	width:100%;
}
#contents .recruit_table th {
	font-weight:normal;
	text-align:left;
	width:200px;
	border:#CCC 1px solid;
	padding:12px 24px;
	background:#eeeeee;
}
#contents .recruit_table td {
	border:#CCC 1px solid;
	padding:12px 24px;
}

/*flow*/
#contents .flow_box {
	width:80%;
	margin:auto;
}
#contents .flow_box li {
	display:flex;
	margin:0 0 50px;
	position:relative;
}
#contents .flow_box li::after {
	background:url(../recruit/img/flow_arrow.png) no-repeat left center;
	background-size:40px;
	position:absolute;
	bottom: -35px;
	content: "";
	width:40px;
	height:17.5px;
	left:55px;
}
#contents .flow_box li p:nth-child(1) {
	width:150px;
	font-style:italic;
	font-size:128.5%;/*18px*/
	padding:12px 0;
	font-weight:bold;
	background:#0d386b;
	color:#FFF;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}
#contents .flow_box li p:nth-child(2) {
	font-size:128.5%;/*18px*/
	padding:12px 24px;
	background:#f1f1f1;
	width: calc(100% - 150px);
	align-items: center;
}
#contents .flow_box li p:nth-child(2) span {
	background:url(../img/local/list_mark.png) no-repeat 3px 7px;
	padding:0 0 0 18px;
	margin:0 0 2px;
	font-size:77.7%;/*14px*/
}
#contents .flow_box li:nth-child(7)::after {
	background:none;
}

@media screen and (min-width: 0px) and (max-width: 770px) {
#contents .img_right {
	float:none;
	margin:0 0 30px;
	text-align:center;
}
#contents .recruit_menu {
	display:block;
}
#contents .recruit_menu li {
	width:100%;
	margin:0 0 20px;
}
}
@media screen and (min-width: 0px) and (max-width: 710px) {
#contents .flow_box {
	width:100%;
}
#contents .flow_box li::after {
	left:26px;
}
#contents .flow_box li p:nth-child(1) {
	width:100px;
}
#contents .flow_box li p:nth-child(2) {
	width: calc(100% - 100px);
}
}
@media screen and (min-width: 0px) and (max-width: 650px) {
#contents .recruit_table {
	border-bottom:#CCC 1px solid;
}
#contents .recruit_table th {
	width:100%;
	display:block;
	border-bottom:none;
}
#contents .recruit_table td {
	width:100%;
	display:block;
	border-bottom:none;
}
}