@charset "UTF-8";

/* ヘッダー */
.contents_bg{
  background: linear-gradient(to right, #081639 0%, #007083 100%);
  position: relative;
}

.contents_bg::after{
  content: "";
  position: absolute;
  bottom: -44px;
  left: calc(50% - 22px);
  width: 44px;
  height: 88px;
  background: url(/recruit/second_new_graduate/wp-content/themes/makita/assets/img/career/second/icon_arrow.svg) no-repeat;
  background-size: 100% 100%;
}

.contents_inner{
  padding: 110px 0 20px 0;
}

.header h1 a p,
.page_tlt,
.career_tlt .tlt_small{
  color:#fff;
} 

.page_txt dt::before,
.page_txt dt::after{
  display: none;
}

.page_txt dt{
  background: #fff;
  margin-bottom: 40px !important;
  padding: 5px 35px;
}

.page_txt dd{
  color: #fff;
}

.animationList{
  width: 1080px;
  margin: 0 auto;
  padding-top: 90px;
}

.job_list li strong{
  font-weight: 600;
  width: 80px;
  padding-right: 20px;
  display: inline-block;
}

.animationList .job_box a{
  width: 100%;
  padding: 50px 3%;
  position: relative;
}

.animationList .job_box a .explanation{
  margin-bottom: 2px;
  padding: 10px;
  height: auto;
}

.animationList .job_box a .is_category{
	color: #fff;
	background: #E27100;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.animationList .job_box a .is_category.is_category2{background: #15B7D4;}
.animationList .job_box a .is_category.is_category3{background: #ad58d3;}
.animationList .job_box a .is_category.is_category4{background: #e5c305;}

.animationList .job_box a .is_dateil{
	position: absolute;
	bottom: 7px;
	right: 40px;
}

.animationList .job_box{
	width: 46%;
  margin: 10px 2%;
}

.contents_innerpage{
  width: 1080px;
  margin: -160px auto 0 auto;
  position: relative;
  z-index: 999;
}

.contents_bg span.fs_16{
  color: #081639;
  background: #fff;
  margin: 20px 0;
  padding: 0 20px;
  display: inline-block;
}

.contents_bg_page::after{
  display: none;
}

.contents_inner.info_page .job_name{
  position: relative;
}

.contents_inner.info_page .job_name .mrg__btm15 dt{
  color: #fff !important;
  position: absolute;
  top: 0;
  left: 30px;
  background: #E27100;
  padding: 0 15px;
}

.contents_inner.info_page .job_name .mrg__btm15 dd{
  border-bottom: #255572 1px solid;
  margin-bottom: 10px;
  padding-bottom: 20px;
}

.contents_inner.info_page .box h3{
  border-left: none;
  position: relative;
  background: #2b5873;
  color: #fff;
  font-weight: bold;
  padding: 8px 0 8px 40px;
}

.contents_inner.info_page .box h3::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 100%;
  background: #10213a;
  clip-path: polygon(0 0, 100% 0, 4% 100%, 0% 100%);
}

.box_inner h4{
  color: #007083;
}

.box_inner h4::before{
  background-color: #007083;
}

.common_info_page{
  margin-top: 0;
}

.info_page2{
  padding-bottom: 20px;
}

.info_page2 .mrg__btm2 {
  margin-bottom: 0 !important;
}

.contents_inner.common_info_page h3 {
  background-color: #081639;
}

.contents_inner.common_info_page .step dl dt::before{
  color: #fff;
  background-color: #007083;
}

.contents_inner.common_info_page .step dl{
  width: 260px;
}

.contents_inner.common_info_page .step dl:after{
  content: "";
  position: absolute;
  right: -17px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #081639;
  z-index: 99;
}

.contents_inner.common_info_page .adress_box dt{
  background-color: #007083;
}

.pan_nav{
	z-index: 99;
}

@media (max-width: 480px) {
	.animationList,
  .contents_innerpage{
    width: 90%;
    padding-top: 30px;
  }

  .animationList .job_box{
    width: 100%;
    margin: 10px 0;
  }

  .contents_inner.info_page .job_name .mrg__btm15 dt{
    left: 10px;
  }
	
  .contents_inner.info_page .job_name{
      padding: 40px 15px 15px 15px;
  }

  .contents_inner.info_page .box h3{
    padding: 8px 0 8px 20px;
  }

  .contents_inner.info_page .box h3::before{
    clip-path: polygon(0 0, 60% 0, 4% 100%, 0% 100%);
  }

  .contents_inner.common_info_page .step dl{
    width: 100%;
  }
}