@charset "UTF-8";

h2 {
	position: relative;
	display: inline-block;
}
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;
}
.mgr40 {
	margin-bottom: 40px;
}
@media all and (max-width: 750px) {
	.marg105 {
		margin-top: 10%;
	}
}
@media all and (max-width:1024px) {
	.mCustomScrollBox {
		overflow-x: scroll !important;
	}
	img {
		max-width: 100%;
	}
}
@media all and (max-width: 750px) {
	.mCSB_container {
		overflow: hidden;
	}
	.mCSB_dragger {
		background: #1c60ad;
		border-radius: 50%;
	}
}


/*¥ì¥¤¥¢¥¦¥È
---------------------------------------*/
.powersupplyBlock {
	margin-top: 50px;
}
.flowchart_lead {
  margin: auto;
  margin-bottom: 0;
  position: relative;
  max-width:1020px;
}
.arrow {
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 118px;
  height: 35px;
}
.arrow::after {
  content: "";
  position: absolute;
  width: 84px;
  height: 84px;
  background: linear-gradient(135deg, #0092FF, #0092FF, #00dbff);
  top: -43px;
  left: 17px;
  transform: scaleY(.6) rotate(45deg);
}
.powersupply_inner,
.lead_inner {
  width: 1020px;
  margin: 0 auto;
}
	@media all and (max-width:1024px) {
		.powersupply_inner {
			width: 100%;
			padding: 0 15px;
		}
	}
.lead_inner {
  padding: 45px 34px 65px;
  line-height: 35px;
}
	@media all and (max-width:1024px) {
		.lead_inner {
			padding: 4%;
			width: 100%;
			box-sizing: border-box;
		}
	}
.center {
  text-align: center;
}
.powersupplyBlock h2 {
	margin-bottom: 55px;
}
	@media all and (max-width: 750px) {
		.powersupplyBlock h2 {
		  margin: 30px 0;
		}
	}


/*¥Õ¥í©`¥Á¥ã©`¥È¥³¥ó¥Æ¥ó¥Ä²¿·Ö
---------------------------------------*/
.department1 {
    width: 351px;
    padding-right: 20px;
}
.department {
    float: left;
    border-right: 2px dashed #006cb9;
    margin-bottom: 50px;
    height: 230px;
}
.department img {
    margin-bottom: 20px;
}
.departmentArea p {
    font-size: 1.2rem;
}
.department2 {
    width: 279px;
    padding: 0 20px;
}
.department3 {
    width: 258px;
    padding: 0 20px;
}
.department4 {
    width: 132px;
    padding-left: 20px;
    border-right: none;
}
.departmentArea p {
    text-align: left;
}


/*powersupplyBlock Area
---------------------------------------*/
.flowchart_lead {
	width: 100%;
	border: 6px solid #00dbff;
	border-image: linear-gradient(to right, #00dbff 0%, #009bff 33%, #0073ff 67%, #0058ff 100%);
	border-image-slice: 1;
	background: #fff;
}
	@media all and (max-width:1024px) {
		.flowchart_lead {
			width: 96%;
			margin: 0 auto;
		}
	}
	@media all and (max-width: 750px) {
		.lead_inner {
			width: 100%;
		}
	}
.flowchartArea p.notice {
	display: none;
}
	@media all and (max-width: 768px) {
		.flowchartArea p.notice {
			display: block;
			text-align: center;
			margin: 50px auto 10px;
		}
	}
.scrollArea {
  width: 1020px;
  margin: 0 auto;
}
	@media all and (max-width:1024px) {
	  .scrollArea {
		max-width:100%;
		margin: 0 auto;
	  }
	}
	@media all and (max-width:768px) {
		.scrollArea {
			margin-top: 50px;
			overflow: scroll;
		}
	}
	@media all and (max-width:750px) {
	  .scrollArea {
		width: 100%;
		padding: 0 15px;
	  }
	}
.illastImg {
	width: 1000px;
	margin-top: 24px;
}
	@media all and (max-width: 768px) {
		.sp_listimg {
			overflow-x: scroll;
			-webkit-overflow-scrolling: touch;
			overflow-scrolling: touch;
			max-width: 700px;
			width: 100%;
		}
		.sp_listimg p {
		  width: 700px;
		}
	}