/*-------------------
 recruit
-------------------*/
.wrapper {
	padding-bottom: 0;
}
.topVisual {
	background-image: url("/wp-content/themes/understrap-child/images/recruit_topvisual.jpg");
	background-size: cover;
	background-position: center center;
	position: relative;
	width: 100vw;
	height: 45.58vw;
}
.topVisual h1 {
	margin-bottom: 0;
}
.topVisual h1 img {
	position: absolute;
	width: 66.83vw;
	height: auto;
	top: 20vw;
	left: 17vw;
}
.topVisual::after {
	content: '';
	position: absolute;
	bottom: -150px;
	width: 100%;
	height: 150px;
	background-image: url("/wp-content/themes/understrap-child/images/bgimg_01.gif");
	background-repeat: repeat-x;
}
.breadcrumbs {
	position: absolute;
	z-index: 1000;
}
h2 {
	margin-bottom: 12px;
}
h2 span {
	font-size: 18px;
	color: #001F60;
	letter-spacing: 0.2em;
	margin-bottom: 1.4em;
	line-height: 1.6;
}
h2 img {
	height: 55px;
	width: auto;
}
p {
	margin-bottom: 0;
}
.imgRound {
	border-radius: 40px;
}
#sec01 {
	margin-bottom: 90px;
	padding-top: 35px;
}
#sec01 .container, #sec04 .container {
	max-width: 720px;
}
#sec02 > div:not(.container) > img {
	width: 100%;
}
#sec04 {
	margin-top: 70px;
}
.officeImgList {
	margin-top: 30px;
	margin-bottom: 100px;
}
.officeImgList .col-md-12, .officeImgList .col-md-6, .officeImgList .col-12, .officeImgList .col-6 {
	margin-bottom: 30px;
}
.officeImgList .col-md-12:last-child, .officeImgList .col-md-6:last-child, .officeImgList .col-12:last-child, .officeImgList .col-6:last-child {
	margin-bottom: 0;
}
.officeImgList .col-md-12 .col-md-6, .officeImgList .col-12 .col-md-6, .officeImgList .col-md-6 .col-md-6, .officeImgList .col-md-12 .col-6, .officeImgList .col-md-6 .col-6 {
	margin-bottom: 0;
}
.officeImgList p {
	font-size: 16px;
	color: #001F60;
	letter-spacing: 0.2em;
	line-height: 1.6;
}
.officeImgList .mb30 {
	margin-bottom: 30px;
}
.posA {
	position: absolute;
	white-space: nowrap;
}
.posR {
	float: right;
}
.ptS {
	padding-top: calc(50% + 15px);
}
.posTxt01 {
	top: calc(100% + 20px);
	left: 50px;
}
.posTxt02 {
	bottom: 35px;
	left: 0;
}
.posTxt03 {
	bottom: 0;
	right: 0;
}
.posTxt04 {
	bottom: 20px;
	left: 100%;
}
.posTxt05 {
	top: calc(100% + 20px);
	right: 15px;
}
.posTxt06 {
	left: 0;
	bottom: 0;
}
#sec03 {
	padding-bottom: 0;
	margin-top: 80px;
}
.act_top {
	position: relative;
	width: 100%;
	height: 100vw;
	max-height: 547px;
	overflow: hidden;
}
.act_con {
	position: relative;
	width: 100%;
	height: 100vw;
	max-height: 725px;
	overflow: hidden;
}
.act_top p, .act1 p, .act2 p, .act3 p, .act4 p, .act5 p, .act6 p, .act7 p {
	margin-bottom: 0;
	font-size: 15px;
	line-height: 1.8;
}
.act_txt {
	position: absolute;
	width: 1140px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}
.act_animImg {
	max-width: 1200px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.act_txt .act_num img {
	width: 47px;
	height: 47px;
	margin-bottom: 28px;
}
.act_top .act_txt h3 img {
	height: 122px;
	width: auto;
	margin-bottom: 25px;
}
.act_top .act_txt p, .act2 .act_txt p, .act3 .act_txt p, .act4 .act_txt p, .act6 .act_txt p, .act7 .act_txt p, .act_top .act_txt h4, .act2 .act_txt h4, .act3 .act_txt h4, .act4 .act_txt h4, .act6 .act_txt h4, .act7 .act_txt h4 {
	color: #fff;
}
.act_top .act_txt {
	top: 50%;
	transform: translate(-50%, -50%);
	margin-left: 120px;
}
.act_con .act_txt {
	text-align: center;
	margin-top: 72px;
	top: 0;
}
.act_con .act_txt h4 {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}
.act_top {
	background-color: #459ecf;
}
.act1 {
	background-color: #f9f7ee;
}
.act2 {
	background-color: #c6de51;
}
.act3 {
	background-color: #66cdf1;
}
.act4 {
	background-color: #3aa573;
}
.act5 {
	background-color: #fbf8ec;
}
.act6 {
	background-color: #d3e065;
}
.act7 {
	background-color: #55ceee;
}
.sengennoakashi_box {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	border: 2px dotted #001F60;
	border-radius: 20px;
	padding: 14px 0;
	margin-top: 20px;
	justify-content: center;
}
.sengennoakashi_box img {
	width: 340px;
}
.sengennoakashi_box span {
	color: #001F60;
	margin-left: 50px;
	font-size: 22px;
	display: block;
	letter-spacing: 0.05em;
}

@media (max-width: 991px) {
.act_top {
	max-height: 100%;
	height: auto;
}
.act_top .act_txt {
	position: relative;
	top: auto;
	left: auto;
	transform: none;
	text-align: center;
	width: calc(100% - 30px);
	margin: 40px auto 20px;
}
.act_top .act_txt h3 img {
	height: 72px;
	margin-bottom: 15px;
}
.act_top .act_animImg {
	position: relative;
	max-width: 335px;
	width: 100%;
	margin-bottom: 40px;
}
.act_top .act_txt br {
	x_display: none;
}
.posA {
	position: relative;
	top: auto !important;
	left: auto !important;
	bottom: auto!important;
	right: auto!important;
	margin-top: 15px;
	white-space: normal;
}
.ptS {
	padding-top: 0;
}
}

@media (max-width: 767px) {
h2 span {
	font-size: 14px;
}
h2 img {
	height: 32px;
}
.officeImgList p {
	font-size: 14px;
}
.act_con .act_txt {
	width: calc(100% - 30px);
	margin-top: 30px;
}
.act_animImg {
	max-width: 200%;
	bottom: 0;
	top: auto;
}
.act_con {
	height: 160vw;
}
#sec01 .container {
	width: 80%;
}
.act_top p, .act1 p, .act2 p, .act3 p, .act4 p, .act5 p, .act6 p, .act7 p {
	font-size: 13px;
}
.sengennoakashi_box {
	padding: 14px 10px;
}
.sengennoakashi_box img {
	width: 100%;
	max-width: 250px;
	margin: 5px auto 10px;
}
.sengennoakashi_box span {
	width: 100%;
	margin-left: 0;
	text-align: center;
	font-size: 16px;
}
}