@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

h2 {
	display: inline-block;
	position: relative;
	margin: 0 auto;
}
h2::before {
  content: url(/company/recruit/adoption_detail/images/common/h2_mark.png);
  position: relative;
  top: 0;
  margin-right: 10px;
}
h2::after {
  content: "";
}

.side_main_title{
  text-align: center;
}

.mb05{
  margin-bottom: 60px;
}

.departmentBlock{
  max-width: 1020px;
    margin: 50px auto 0;
}
.departmentBlock h2{
  text-align: center;
    margin-bottom: 55px;
    display: inline-block;
}

.de_box_list{
  margin-bottom: 60px;
}
.de_box_list ul{
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;          /* Safari etc. */
  -ms-flex-wrap    : wrap;
  flex-wrap: wrap;
  margin: 0 auto 20px;
}
.de_box_list ul li{
    width: 13.6%;
	margin: 0 1.5%;
}
.de_box_list ul li a{
    width: 100%;
    height: 86px;
    border: 2px solid;
    display: block;
    text-align: center;
    padding: 20% 0 0;
	margin: 0 auto 20px;
    font-weight: bold;
    border-radius: 10px;
    position: relative;
}
.de_box_list p{
	line-height: 1;
}
	@media all and (max-width:1024px) {
	  .departmentBlock{
		width: 100%;
		padding: 0 2%;
	  }
	  .de_box_list{
	    margin-bottom: 10px;
	  }
	  .de_box_list ul li {
		width: 15.5%;
		margin: 0 .5%;
	  }
	  .de_box_list ul li a {
		width: auto;
		margin: 0 10px 20px;
	 }
	}
	@media all and (max-width:768px) {
	  .de_box_list,
	  .de_box_list ul {
		width:  100%;
		margin: 0 auto;
	  }
	  .de_box_list ul{
		justify-content: flex-start;
	  }
	  .de_box_list ul li {
		width: 23%;
		margin: 0 1%;
	  }
	  .de_box_list ul li a {
		height: auto;
		min-height: 90px;
		margin: 0 5px 20px;
	  }
	}
	@media all and (max-width:750px) {
	  .de_box_list ul li {
		width: 32%;
		margin: 0 0.6% 0 0.7%;
	  }
	  .de_box_list ul li a {
		height: auto;
		min-height: 80px;
	 }
	}
	
.de_box_list ul li a img{
	left: calc(50% - 6px);
}

.de_box_list ul .de_listbutoon01 a{border-color:  #ec6d56; }
.de_box_list_arrow01{background: #ec6d56;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon02 a{border-color:  #8f82bc; }
.de_box_list_arrow02{background: #8f82bc;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon03 a{border-color:  #63c0ab; }
.de_box_list_arrow03{background: #63c0ab;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon04 a{border-color:  #63c0ab; }
.de_box_list_arrow04{background: #63c0ab;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon05 a{border-color:  #63c0ab; }
.de_box_list_arrow05{background: #63c0ab;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon06 a{border-color:  #c3d003; }
.de_box_list_arrow06{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon07 a{border-color:  #c3d003; }
.de_box_list_arrow07{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon08 a{border-color:  #c3d003; }
.de_box_list_arrow08{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon09 a{border-color:  #c3d003; }
.de_box_list_arrow09{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon10 a{border-color:  #c3d003; }
.de_box_list_arrow10{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon11 a{border-color:  #c3d003; }
.de_box_list_arrow11{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon12 a{border-color:  #c3d003; }
.de_box_list_arrow12{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon13 a{border-color:  #c3d003; }
.de_box_list_arrow13{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon14 a{border-color:  #c3d003; }
.de_box_list_arrow14{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon15 a{border-color:  #c3d003; }
.de_box_list_arrow15{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_box_list ul .de_listbutoon16 a{border-color:  #c3d003; }
.de_box_list_arrow16{background: #c3d003;position: absolute;
    bottom: 18%;}

.de_h3{
 width: 20%;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
 color: #fff;
}

.de_h3 h3{
  font-size: 22px;
  letter-spacing: 2px;
  font-weight: normal;
  font-family: 'Noto Sans JP', "Lucida Grande","Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}	
	
.de_ar{
  margin-bottom: 30px;
  display: -webkit-flex;
  display: flex;
}
.de_ar .cr01{background-color: #ec6d56;}
.de_ar .cr02{background-color: #8f82bc;}
.de_ar .cr03{background-color: #63c0ab;}
.de_ar .cr04{background-color: #63c0ab;}
.de_ar .cr05{background-color: #63c0ab;}
.de_ar .cr06{background-color: #c3d003;}
.de_ar .cr07{background-color: #c3d003;}
.de_ar .cr08{background-color: #c3d003;}
.de_ar .cr09{background-color: #c3d003;}

.de_ar_box{background:#e9e9e9;padding: 5%;width: 80%;}
.de_ar_title{font-size: 24px;font-weight: bold;margin-bottom: 1%;}
.de_ar_subtitle{font-weight: bold;margin-bottom: 4%;}
.de_ar_article{margin-bottom: 5%;}
.de_ar_butoon{
margin-bottom: 3%;
}

#de_link01,#de_link02,#de_link03,#de_link04,#de_link05,
#de_link06,#de_link07,#de_link08,#de_link09,#de_link10,
#de_link11,#de_link12,#de_link13,#de_link14,#de_link15,
#de_link16{
	margin-top: -100px;
	padding-top: 100px;
	display:inline-block;
}

.de_ar_img{
    margin-bottom: 5%;
}
.de_ar_butoon a{
    font-size: 1.4rem;
    border: 2px solid #000000;
    border-radius: 5px;
    padding: 19px;
    width: 290px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: left;
    margin-right: 3%;
    background: #fff;
}
	
body .de_ar_butoon a.de_loli01{
    padding: 0;
    border: none;
    width: 234px;
    display: block;
    margin-left: 5%;
    margin-right: 0;
    background: none;
}
.btnTop--mrg {
  margin-top: 3%;
}
.a_fontsi{
  display: block;
  font-size: 24px;
}
	@media screen and (max-width:1200px) {
	}/*1200px media*/
	@media screen and (max-width:1024px) {
		#de_link01,#de_link02,#de_link03,#de_link04,#de_link05,
		#de_link06,#de_link07,#de_link08,#de_link09,#de_link10,
		#de_link11,#de_link12,#de_link13,#de_link14,#de_link15,
		#de_link16{
			margin-top: -180px;
			padding-top: 180px;
		}
		.de_ar_butoon a{
			width: 38%;
			margin-bottom: 10px;
		}
		body .de_ar_butoon a.de_loli01{
			  width: 45%;
		}
	}/*1020px media*/
	@media screen and (max-width:768px) {
	  .wrapper {padding-top: 60px;}
		.de_ar{
		  display: block;
		}
		.de_h3{
			 width: 100%;
			padding: 4% 0;
		}
		.de_ar_box{
		  width: 100%;
		}
		#de_link01,#de_link02,#de_link03,#de_link04,#de_link05,
		#de_link06,#de_link07,#de_link08,#de_link09,#de_link10,
		#de_link11,#de_link12,#de_link13,#de_link14,#de_link15,
		#de_link16{
			margin-top: -210px;
			padding-top: 210px;
		}
	}
	@media all and (max-width:540px) {
		.de_ar_butoon a{
			width: 70%;
			margin: 5% auto;
			float: none;
			padding: 3%;
		}
		.a_fontsi{
			font-size: 1.7rem;
		}
		.de_ar_butoon{
			margin-bottom: 0;
		}
		body .de_ar_butoon a.de_loli01{
			background: none;
			width: 59%;
			margin: 6% auto 0;
		}
	}
	@media all and (max-width:640px) {
	  #news .conCenter .infoArea {width: calc(100% - 10px);}
	  #news .conCenter .itemArea {width: 100px;}
	}
	@media all and (max-width:480px) {
	  .raundBlock__circle h2::before, .raundBlock__circle h2::after {left: 80px;}
	  .type01__btn {width: 185px;}
	  .raundBlock_subTit {margin:15px 0;}
	  .raundBlock__circle {top: 54%;}
	  .flex__items::before {left: -25px;}
	  .tit_img, .project_tit_img {bottom: -2%;}
	  .round_tit_img {bottom: -6%;}
	}


/* 20240111 */
.department_chart dl {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}
.department_chart dl dt {
	flex-basis: 35%;
	text-align: center;
	position: relative;
}
.department_chart dl dt.chart_single {
	flex-basis: 50%;
}
.department_chart dl dd {
	flex-basis: 65%;
	position: relative;
}
.department_chart dl dd ul {
	display: flex;
	flex-wrap: wrap;
}
.department_chart dl dd ul li {
	flex-basis: 100%;
	margin-bottom: 10px;
}
.department_chart .chart_item span {
	display: block;
	min-height: 2rem;
	padding: 1.6rem 1.8rem;
}
.department_chart dt.chart_item span {
	color: #fff;
	font-size: 2.2rem;
	font-weight: 700;
	margin: 0 70px 10px 0;
}
	@media all and (max-width:750px) {
		.department_chart dt.chart_item span {
			font-size: 1.6rem;
			font-weight: normal;
			margin: 0 1rem 10px;
		}
	}
.department_chart dd span {
	font-size: 1.9rem;
	border-bottom: 1px solid;
	border-left: 16px solid;
	margin: 0 0 10px 70px;
}
	@media all and (max-width:640px) {
		.department_chart dd span {
			font-size: 1.6rem;
			margin: 0 0 10px 20px;
		}
	}
.department_chart dd li.chart_item  {
	position: relative;
}
.department_chart dd li.chart_item ul  {
	margin-top: 5px;
}
.department_chart dd li.chart_item ul li  {
	font-size: 1.6rem;
	margin-bottom: 0;
}
	@media all and (max-width:640px) {
		.department_chart dd li.chart_item ul li {
			font-size: 1.4rem;
		}
	}

/* 線 */
.department_chart dt.chart_item::after {
	content: "";
	display: block;
	position: absolute;
	top: 25px;
	right: 0;
	width: 70px;
	height: 0;
	border-top: 1px solid #000;
}
	@media all and (max-width:750px) {
		.department_chart dt.chart_item::after {
			width: 10px;
		}
	}
.department_chart dt.chart_item.chart_single::after {
	display: block;
	position: relative;
	top: 0;
	right: 0;
	width: 0;
	height: 0;
	border-top: none;
}
.department_chart dt.chart_item:last-child::after {
	top: 22px;
	bottom: 0;
	height: auto;
}
.department_chart dd::before {
	content: "";
	display: block;
	position: absolute;
	top: 28px;
	left: 0;
	height: calc(100% - 7.5rem);
	border-left: 1px solid #000;
}
.department_chart.height2 dd::before {
	height: calc(100% - 15.4rem);
}
	@media all and (max-width:640px) {
		.department_chart dd::before {
			height: calc(100% - 7.2rem);
		}
		.department_chart.height1 dd::before {
			height: calc(100% - 9.3rem);
		}
		.department_chart.height2 dd::before {
			height: calc(100% - 16.4rem);
		}
	}
.department_chart dd li.chart_item::before {
	content: "";
	display: block;
	position: absolute;
	top: 28px;
	width: 70px;
	height: 0;
	border-top: 1px solid #000;
}
	@media all and (max-width:640px) {
		.department_chart dd li.chart_item::before {
			width: 20px;
		}
	}

/* 部門別カラー */
.department_chart.chart_hatsuden dt.chart_item span {
	background: #ec6d56;
}
.department_chart.chart_hatsuden dd ul li.chart_item span {
	color: #ec6d56;
	background: #fdece5;
	border-collapse: #ec6d56;
}
.department_chart.chart_souhaiden dt.chart_item span {
	background: #ec6d56;
}
.department_chart.chart_souhaiden dd ul li.chart_item span {
	color: #ec6d56;
	background: #fdece5;
	border-collapse: #ec6d56;
}
.department_chart.chart_souhaiden dt.chart_item span {
	background: #8F82BC;
}
.department_chart.chart_souhaiden dd ul li.chart_item span {
	color: #8F82BC;
	background: #EEEDF6;
	border-collapse: #8F82BC;
}