.subcont__header__inner {
  position : relative;
  width : 100%;
  margin : 0 auto;
}

@media screen and (max-width: 768px) {
  .subcont__header__inner {
    width : 100%;
  }
}

.subcont__header__inner img {
  width : 100%;
}

@media screen and (max-width: 540px) {
  .subcont__header__inner {
    padding-top : 10px;
  }
}

.copy {
  position : absolute;
  right : 0;
  bottom : 60px;
  left : 0;
  text-align : center;
}

@media screen and (max-width: 768px) {
  .copy {
    bottom : 7%;
  }
}

@media screen and (max-width: 540px) {
  .copy {
    bottom : 6%;
  }
}

.copy h2 {
  margin-bottom : 18px;
}

@media screen and (max-width: 540px) {
  .copy h2 img {
    display : block;
    width : 32%;
    margin : 0 auto;
  }
}

/*kyujin-search*/
.bg_search{
  padding: 15px 0;
}

#kyujin-search {
  margin : 0 auto;
}

#kyujin-search h2 {
  width : 250px;
  margin : 0 auto;
  padding : 8px 0 8px 38px;
  background : rgb(16,58,88);
  background : linear-gradient(90deg, rgba(16,58,88,1) 0%, rgba(16,58,88,1) 82%, rgba(82,124,193,1) 82%, rgba(82,124,193,1) 100%);
  font-size : 1.8rem;
}

#kyujin-search .kyujin-search-frame {
  position : relative;
}

.kyujin-search-accordion-container {
  position : relative;
}

.kyujin-search-accordion-title {
  display : block;
  position : relative;
  cursor : pointer;
}

.kyujin-search-accordion-title:after {
  display : block;
  position : absolute;
  top : 14px;
  right : 18px;
  transform : rotate(135deg);
  width : 8px;
  height : 8px;
  border-top : solid 2px rgba(255,255,255,1.0);
  border-right : solid 2px rgba(255,255,255,1.0);
  content : '';
  transition : all .5s ease-in-out;
  -webkit-transform : rotate(135deg);
}

.kyujin-search-accordion-title.open:after {
  top : 20px;
  transform : rotate(-45deg);
  -webkit-transform : rotate(-45deg);
}

.kyujin-search-accordion-content {
  display : none;
  margin-top : 20px;
}

.searchResult-top,
.searchResult-bottom {
  display : flex;
  align-items : center;
}

.searchResult-bottom {
  flex-direction : column;
  padding : 0 0 50px;
}

@media screen and (max-width:540px) {
  .searchResult-top {
    flex-direction : column;
    justify-content : center;
    padding-bottom : 10px;
  }

  .searchResult-bottom {
    padding : 0 0 40px;
  }
}

.searchResult-inner p span {
  color : #C3D898;
  font-size : 24px;
}

/*jobList*/
.jobList {
  margin-top : 30px;
  padding-bottom : 50px;
}

/*jobList head*/
.jobList__headline {
  display : flex;
  justify-content : space-between;
  align-items : flex-end;
  margin-bottom : 30px;
  padding-bottom : 8px;
  border-bottom : 1px solid #103A58;
}

@media only screen and (max-width: 540px) {
  .jobList__headline {
    margin-bottom : 0;
  }
}

.tag_list__item {
  display : block;
  float : left;
  margin-right : 10px;
  padding : 0 14px;
  border : 1px solid #103A58;
  background : #FFF;
  color : #103A58;
}

@media only screen and (max-width: 540px) {
  .tag_list__item {
    margin-right : 0;
  }
}

.jobList__jobname {
  margin-bottom : 20px;
}

.jobList__jobname h3 {
  margin-bottom : 8px;
  font-size : 24px;
  font-size : 2.4rem;
}

@media only screen and (max-width: 540px) {
  .jobList__jobname h3 {
    font-size : 18px;
    font-size : 1.8rem;
  }
}

/*jobList-inner*/
.jobList-inner {
  display : flex;
  justify-content : space-between;
  align-items : flex-start;
  margin-bottom : 30px;
}

@media only screen and (max-width: 767px) {
  .jobList-inner {
    display : block;
    margin : 10px 0 20px;
  }
}

.jobList-image {
  width : 29.565217391%;
  max-width : 340px;
}

@media only screen and (max-width: 767px) {
  .jobList-image {
    width : 80%;
    max-width : 640px;
    margin : 0 auto 20px;
  }
}

.jobList-image img {
  width : 100%;
}

.jobList-detail {
  width : 62.608695652%;
  max-width : 720px;
}

@media only screen and (max-width: 540px) {
  .jobList-detail {
    width : 100%;
  }
}

.jobList-detail p {
  margin-bottom : 14px;
  font-weight : bold;
  font-size : 20px;
  font-size : 2rem;
}

@media only screen and (max-width: 540px) {
  .jobList-detail p {
    margin-bottom : 0;
  }
}

.jobList-detail dl {
  display : flex;
  flex-flow : row wrap;
}

@media only screen and (max-width: 540px) {
  .jobList-detail dl {
    flex-flow : column;
  }
}

.jobList-detail dt {
  flex-basis : 12%;
}

.jobList-detail dd {
  flex-basis : 88%;
}

.jobList-button {
  display : flex;
  justify-content : space-between;
  align-items : center;
  width : 720px;
  margin : 0 auto;
}

@media only screen and (max-width: 767px) and (min-width: 540px) {
  .jobList-button {
    width : 100%;
    max-width : 550px;
  }
}

@media only screen and (max-width: 540px) {
  .jobList-button {
    flex-flow : column;
    width : 260px;
    margin : 0 auto;
  }
}

.btn_joblist-detail,
.btn_joblist_entry {
  width : 345px;
}

@media only screen and (max-width: 767px) {
  .btn_joblist-detail,
  .btn_joblist_entry {
    width : 260px;
    max-width : 48%;
  }
}

@media only screen and (max-width: 540px) {
  .btn_joblist-detail,
  .btn_joblist_entry {
    max-width : 260px;
  }

  .btn_joblist-detail {
    margin-bottom : 15px;
  }
}

.btn_joblist-detail a,
.btn_joblist_entry a {
  padding : 14px 0;
  box-shadow : 5px 5px 5px rgb(0 0 0 / 55%);
  font-size : 18px;
}

.btn_joblist-detail a:hover {
  border : 1px solid #527CC1;
}

.btn_joblist_entry a:hover {
  border : 1px solid #F18C43;
}

.no-result {
  padding : 100px 0 250px;
  font-size : 20px;
  font-size : 2rem;
  line-height : 2;
}

/* ============================================
// common__parts
// ==========================================*/
.subcont__sec {
  position: relative;
}

.subcont__header {
  position: relative;
}

/*角丸ボタン*/
.round_btn {
  text-align: center;
}

.round_btn a {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 6px;
}

.bg_orangered-bg_white {
  background: #F18C43;
}

.bg_dark-blue-bg_white {
  background: #527CC1;
}

:hover>.bg_orangered-bg_white,
:hover>.bg_dark-blue-bg_white{
  background: #FFF;
}

/*角丸ボタン 文字色*/
.font_white {
  color: #FFF;
}

.font_white-font_dark-blue{
  color: #FFF;
}

.font_white-font_orangered{
  color: #fff;
}

:hover>.font_white-font_orangered {
  color: #FE641A;
}

:hover>.font_white-font_light-blue {
  color: #004678;
}

:hover>.font_white-font_dark-blue {
  color: #002155;
}

:hover>.font_white-font_black {
  color: #333;
}

/*矢印*/
/*右向き*/
.ico_arrow-right:after {
  display: inline-block;
  position: absolute;
  right: 4rem;
  transform: translateY(50%);
  width: 1em;
  height: 1em;
  content: '';
  transition: all .3s;
  pointer-events: none;
}

/* ============================================
// breadcrumb
// ==========================================*/
.breadcrumbs {
  background: #FFF;
}

@media screen and (max-width: 544px) {
  .breadcrumb {
    font-size: 10px;
    font-size: 1rem;
  }
}

.breadcrumb__inner {
  padding: 8px 0;
}

@media screen and (max-width: 544px) {
  .breadcrumb__inner {
    padding: 8px 5%;
  }
}

.breadcrumb ol {
  display: inline-block;
  margin-bottom: 0;
}

.breadcrumb ol li {
  display: inline;
}

.breadcrumb__list__item:not(:last-child):after {
  display: inline-block;
  margin-right: 7px;
  margin-left: 7px;
  font-size: 1.2rem;
  content: '＞';
}

@media screen and (max-width: 544px) {
  .breadcrumb__list__item:not(:last-child):after {
    margin-right: 5px;
    margin-left: 5px;
  }
}

/*pagenation*/
.pager {
  text-align: center;
}

.pager .inner {
  display: inline-block;
}

.btn_more--next {
  display: none;
}

.page {
  display: inline-block;
  margin: 0 10px 0 0;
  padding: 0 10px;
  border: 1px solid #103A58;
  font-size: 2rem;
  font-size: 20px;
  vertical-align: middle;
}

.page:hover {
  border: 1px solid #103A58;
  background: #103A58;
  color: #FFF;
}

.page.current {
  padding: 0 10px;
  border: 1px solid #103A58;
  background: #103A58;
  color: #FFF;
}