@charset "UTF-8";

h2 {
	text-align: center;
	position: relative;
	display: block;
	margin: 0 auto 80px;
}
h2::before {
  content: url(/company/recruit/adoption_detail/images/common/h2_mark.png);
  position: relative;
  top: 0;
  margin-right: 10px;
}
h2::after {
  content: "";
}
h3 {
	text-align: center;
	font-size: 2.6rem;
	margin-bottom: 3%;
}
	@media all and (max-width:750px) {
	  h3 {
		  text-align: left;
		  font-size: 2rem;
	  }
	}


/*philosophy Area
---------------------------------------*/
.training_bg {
  background: url(/company/recruit/adoption_detail/images/common/upper_bg.png) no-repeat top 0 right 0;
}
	@media all and (max-width:1024px) {
	  .training_bg {
		background: url(/company/recruit/adoption_detail/images/common/upper_bg.png) no-repeat top 0 right 0;
		background-size: 70%;
		padding-top: 0;
	  }
	}
	@media all and (max-width:750px) {
	  .training_bg {
		background: url(/company/recruit/adoption_detail/images/common/upper_bg.png) no-repeat top 80px right 0;
		background-size: 70%;
		padding-top: 80px;
	  }
	}
.trainingBlock {
     padding-top: 80px;
}
	@media all and (max-width:750px) {
	  .trainingBlock {
		  padding-top: 147px;
		background-size: 70%;
	  }
	}
.trainingBlock section {
	width: 92%;
	max-width: 1020px;
	margin: 0 auto 80px;
}

.training_merit .training__text {
      width: 70%;
      margin: 3% auto 7%;
      font-size: 1.8rem;
      letter-spacing: 2.8px;
      line-height: 1.5;
}
	@media all and (max-width:750px) {
	  .training_merit .training__text {
		width: 100%;
		font-size: 1.6rem;
	  }
	}
.training_system dl {
	display: flex;
	justify-content: space-between;
	font-size: 1.8rem;
	border: 2px solid #2E72B9;
	margin-top: 3%;
}
.training_system dl dt {
	position:relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #2E72B9;
	color: #fff;
	width: 22%;
	font-weight: 600;
	text-align: center;
	letter-spacing: .2rem;
}
	@media all and (max-width:750px) {
	  .training_system dl dt {
		font-size: 1.6rem;
		letter-spacing: 0;
	  }
	}
.training_system dl dt::after{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    width: 0;
    height: 0;
    pointer-events: none;
    border: 10px solid rgba(46, 114, 185, 0);
    border-left-color: #2E72B9;
    margin-top: -10px;
}
.training_system dl dd {
	background: #fff;
	width: 75%;
	padding: 1.5rem 2rem 1.5rem 1rem;
}
	@media all and (max-width:750px) {
	  .training_system dl dd {
		font-size: 1.6rem;
	  }
	}
.training_gallery ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}
.training_gallery ul li {
	position: relative;
	width: 49%;
	margin-bottom: 30px;
}
	@media all and (max-width:750px) {
	  .training_gallery ul li {
		width: 100%;
	  }
	}
.training_gallery ul li img {
	width: 100%;
}
.training_gallery ul li span {
	position: absolute;
	top: 0;
	left: 0;
	background: #2E72B9;
	width: 48%;
	min-width: 20%;
	height: 41px;
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	letter-spacing: .1rem;
	padding-top: 8px;
}
	@media all and (max-width:768px) {
	  .training_gallery ul li span {
		width: 68%;
	  }
	}
	@media all and (max-width:750px) {
	  .training_gallery ul li span {
		  width: 50%;
		  height: 36px;
		  font-size: 1.2rem;
		  letter-spacing: 0;
	  }
	}