#contentWrap select:not(.input), #contentWrap input[type="submit"], #contentWrap input[type="text"]:not(.input), .modal input[type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background: none;
  border: none;
  outline: 0;
}

.areaItemWrap {
  margin: 0 5%;
  padding: 20px 0;
}
@media screen and (min-width:768px) {
  .areaItemWrap {
    margin: 0 auto;
    width: 1000px;
  }
}
@media screen and (max-width:1024px) and (min-width:768px) {
  .areaItemWrap {
    width: 980px;
  }
}

/* 各コンテンツの見出し */
.titleWrap {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #005EAB;
  margin-bottom: 20px;
  min-height: 50px;
}
.titleWrap img {
  width: 45px;
}
.titleWrap h1, .titleWrap h2, .titleWrap h3 {
  display: block;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin: 6px 6px 6px 10px;
}
.titleWrap h1 span {
  font-size: 15px;
  font-weight: normal;
}
.titleWrap h3 {
  font-size: 20px;
  color: #003B6B;
}
.titleWrap p {
  font-size: 12px;
  margin: -3px 6px 6px 6px;
}
@media print, screen and (min-width:768px) {
  .titleWrap img {
    width: 50px;
  }
  .titleWrap h1, .titleWrap h2, .titleWrap h3 {
    display: flex;
    font-size: 24px;
    font-weight: normal;
  }
  .titleWrap h1 span {
    font-size: 20px;
    padding-left: 8px;
  }
}

#titleArea .areaItemWrap {
  padding: 10px 0 0;
}
#titleArea .titleWrap {
  margin-bottom: 0;
}
@media print, screen and (min-width:768px) {
  #titleArea .areaItemWrap {
    padding-top: 20px;
  }
}

/* アンカーリンク */
#titleArea .contentsLink {
  padding: 20px 0;
}
#titleArea .contentsLink li {
  display: inline-block;
  margin-right: 15px;
}
#titleArea .contentsLink li a {
  color: #333;
  font-size: 15px;
  font-weight: bold;
  cursor: pointer;
}
#titleArea .contentsLink li a::after {
  content: '';
  display: inline-block;
  background: url(/resource/job_industry/img/icon-arrow-down.png) no-repeat left top;
  width: 15px;
  height: 15px;
  background-size: 15px;
  margin-left: 12px;
}
@media print, screen and (min-width:768px) {
  #titleArea .contentsLink {
    padding: 25px 0;
  }
  #titleArea .contentsLink li a {
    font-size: 16px;
  }
  #titleArea .contentsLink li a:focus,
  #titleArea .contentsLink li a:hover {
    opacity: 1;
  }
  #titleArea .contentsLink li a:hover {
    color: #005EAB;
    transition: 0.3s;
  }
}

/* #section-01 {
  background-color: #E0EBF5;
}
#section-01 .areaItem {
  background-color: #fff;
  border-radius: 15px;
  color: #000;
  font-size: 15px;
  padding: 16px 14px;
} */

#section-02 {
  background-color: #E0EBF5;
}
#section-02 .areaItem {
  background-color: #fff;
  border-radius: 15px;
  color: #000;
  font-size: 15px;
  padding: 16px 14px;
}

.corpInfoItem {
  display: block;
  margin-top: 14px;
  border-top: 1px solid #E1E0DD;
  padding-top: 14px;
}
.corpInfoItem > dt {
  color: #23557F;
  font-size: 15px;
  font-weight: bold;
  flex: 0 0 41.6%;
  margin-bottom: 12px;
}
.corpInfoItem > dd {
  flex: 1;
  color: #000;
  font-size: 14px;
}

@media print, screen and (min-width:768px) {
  /* #section-01 .areaItem {
    font-size: 14px;
    padding: 25px 40px;
  }
  #section-01 h2 {
    font-size: 24px;
  } */
  #section-02 .areaItem {
    font-size: 14px;
    padding: 25px 40px;
  }
  #section-02 h2 {
    font-size: 24px;
  }
  .corpInfoItem {
    display: flex;
    flex: 0 0 48%;
    padding: 14px 0 0;
  }
  .corpInfoItem > dt {
    flex: 0 0 auto;
    font-size: 16px;
    width: 120px;
    margin-bottom: 0;
    padding-left: 0;
  }
  .corpInfoItem > dd {
    font-size: 15px;
    padding-left: 5px;
  }
  .corpInfoItem > dt,
  .corpInfoItem > dd {
    line-height: 24px;
  }
  .corpInfoItem-bottom {
    display: flex;
    justify-content: space-between;
  }
}

.searchArea-comInfo-top {
  border-top: none;
  margin-top: -20px;
  padding-top: 15px;
  word-break: break-all;
}
.searchArea-comInfo-top dt {
  margin-bottom: 15px;
}
.searchArea-comInfo-top dd {
  line-height: 1.5em;
}
.corpSummary-description div.is-hidden,
.corpCulture-description div.is-hidden {
  max-height: calc(1.5em*8);
  overflow: hidden;
  position: relative;
  animation: show 0.3s linear 0s;
}
.corpSummary-description div.is-hidden::after,
.corpCulture-description div.is-hidden::after {
  animation: show 0.3s linear 0s;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 40px;
  background: transparent linear-gradient(180deg,#FFF0 0%,#FFF 100%) 0 0 no-repeat padding-box;
}

#corpCultureArea .areaItem {
  background-color: #fff;
  /* border: 2px solid #E0EBF5; */
  border-radius: 15px;
  color: #000;
  font-size: 14px;
  padding: 16px 14px 24px;
}
#corpCultureArea .titleWrap {
  border: none;
}
#corpCultureArea .titleWrap img {
  width: 80px;
}

#corpCultureArea .corpCulture-title {
  color: #23557F;
  flex: 1;
  font-size: 15px;
  font-weight: bold;
  margin-left: 20px;
}
@media print, screen and (min-width:768px) {
  #corpCultureArea {
    background-color: #E0EBF5;
  }
  #corpCultureArea .areaItemWrap {
    padding-top: 0;
  }
  #corpCultureArea .areaItem {
    border: none;
    font-size: 15px;
    padding: 25px 40px;
  }
  #corpCultureArea .titleWrap img {
    width: 100px;
  }
  #corpCultureArea .corpCulture-title {
    font-size: 16px;
    margin-bottom: 25px;
  }
  #corpCultureArea .corpCulture-description {
    margin-left: 120px;
    margin-top: -40px;
  }
}

@media print, screen and (max-width:767px) {
  #corpCultureArea {
    background-color: #E0EBF5;
  }
}

/* 企業情報 > 「もっと見る」ボタン */
.more__button {
  border: none;
  background-color: transparent;
  display: block;
  font-size: 15px;
  font-weight: bold;
  color: #23557F;
  width: 100%;
  padding: 0;
  margin: 14px auto 0;
  position: relative;
  animation: show 0.3s linear 0s;
  cursor: pointer;
}
.more__button::after {
  position: absolute;
  padding-left: 10px;
  top: 50%;
  transform: translateY(-50%);
  content: '';
  display: inline-block;
  vertical-align: -2px;
  width: 12px;
  height: 12px;
  background-image: url(../../resource/jobsearch/img/icon_arrow_brackets_blue_02.svg);
  background-size: auto 60%;
  background-position: 60% center;
  background-repeat: no-repeat
}

/* #section-02 .areaItemWrap {
  padding: 10px 0;
}
#section-02 .titleWrap {
  margin-bottom: 10px;
} */

#section-01 .areaItemWrap {
  padding: 10px 0;
}
#section-01 .titleWrap {
  margin-bottom: 10px;
}

@media print, screen and (min-width:768px) {
  /* #section-02 {
    margin-bottom: 20px;
  } */
  /* #section-02 .areaItemWrap {
    display: flex;
    padding: 20px 0;
  } */

  #section-01 .areaItemWrap {
    display: flex;
    padding: 20px 0;
  }
}

/* 条件をさらに絞り込む（SP） */
/* #section-02 .filterSettingArea {
  margin: 15px auto;
}
#section-02 .filterSettingArea .titleWrap {
  border: none;
  margin-bottom: 0;
  min-height: initial;
}
#section-02 .filterSettingArea .titleWrap img {
  height: 16px;
  width: 16px;
}
#section-02 .filterSettingArea .titleWrap p {
  color: #005EAB;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 10px;
}
#section-02 .filterSettingArea .conditionBox {
  display: flex;
  align-items: center;
  background-color: #FFF;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  box-shadow: 2px 2px 4px #D5D5D5;
  margin: 12px auto;
  height: 40px;
}
#section-02 .filterSettingArea .conditionBox .js-modalOpen {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 25px 0 15px;
  white-space: nowrap;
  background: none;
  border: none;
}
#section-02 .filterSettingArea .conditionBox .js-modalOpen::after {
  content: "";
  margin: auto;
  position: absolute;
  right: 15px;
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  background: none;
  border-top: 1px solid #005EAB;
  border-right: 1px solid #005EAB;
}
#section-02 .filterSettingArea .conditionBox p {
  color: #000;
  font-size: 15px;
  padding-top: 2px;
  margin-right: auto;
}
#section-02 .filterSettingArea .conditionBox span {
  color: #5A5A5A;
  font-size: 13px;
}
#section-02 .filterSettingArea .conditionBox span.condition {
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#section-02 .filterSettingArea .conditionBox .suffix {
  display: none;
}

#section-02 .jobCountInfo {
  color: #000;
  font-size: 15px;
  margin-bottom: 15px;
}
#section-02 .jobCountInfo span {
  color: #0A9FC2;
  font-size: 20px;
  font-weight: bold;
  margin: 0 4px;
} */

#section-01 .filterSettingArea {
  margin: 15px auto;
}
#section-01 .filterSettingArea .titleWrap {
  border: none;
  margin-bottom: 0;
  min-height: initial;
}
#section-01 .filterSettingArea .titleWrap img {
  height: 16px;
  width: 16px;
}
#section-01 .filterSettingArea .titleWrap p {
  color: #005EAB;
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 0 10px;
}
#section-01 .filterSettingArea .conditionBox {
  display: flex;
  align-items: center;
  background-color: #FFF;
  border: 1px solid #D9D9D9;
  border-radius: 10px;
  box-shadow: 2px 2px 4px #D5D5D5;
  margin: 12px auto;
  height: 40px;
}
#section-01 .filterSettingArea .conditionBox .js-modalOpen {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 0 25px 0 15px;
  white-space: nowrap;
  background: none;
  border: none;
}
#section-01 .filterSettingArea .conditionBox .js-modalOpen::after {
  content: "";
  margin: auto;
  position: absolute;
  right: 15px;
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  background: none;
  border-top: 1px solid #005EAB;
  border-right: 1px solid #005EAB;
}
#section-01 .filterSettingArea .conditionBox p {
  color: #000;
  font-size: 15px;
  padding-top: 2px;
  margin-right: auto;
}
#section-01 .filterSettingArea .conditionBox span {
  color: #5A5A5A;
  font-size: 13px;
}
#section-01 .filterSettingArea .conditionBox span.condition {
  margin-left: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#section-01 .filterSettingArea .conditionBox .suffix {
  display: none;
}

#section-01 .jobCountInfo {
  color: #000;
  font-size: 15px;
  margin-bottom: 15px;
}
#section-01 .jobCountInfo span {
  color: #0A9FC2;
  font-size: 20px;
  font-weight: bold;
  margin: 0 4px;
}

.sdw {
  -webkit-box-shadow: 0 2px 6px 0 rgba(221,221,218,0.7);
  -moz-box-shadow: 0 2px 6px 0 rgba(221,221,218,0.7);
  box-shadow: 0 2px 6px 0 rgba(221,221,218,0.7);
  cursor: pointer;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}

.sdw:hover,.sdw:focus {
  -webkit-box-shadow: 0 3px 8px 6px rgba(221,221,218,0.6);
  -moz-box-shadow: 0 3px 8px 6px rgba(221,221,218,0.6);
  box-shadow: 0 3px 8px 6px rgba(221,221,218,0.6)
}

.searchArea .tagsWrap .tags li {
  border-radius: 3px !important;
  background: #DFEDF5 !important;
  padding: 5px 10px !important;
  font-size: 13px !important;
  margin: 5px 0 0 5px !important;
  color: #005EAB !important;
}
.occupation {
  min-height: 24px;
  float: left !important;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
}
.searchResultList .discriptionBox dd.occupation__item {
  width: 100% !important;
  max-width: 100%;
  overflow: visible !important;
}
@media only screen and (max-device-width:767px) {
  .searchArea-head p {
    padding-left: 25px;
  }
  .searchResultList .discriptionBox dd.occupation__item {
    display: block !important;
  }
}

.pageBox {
  display: table;
  width: 100%;
}
.paging {
  display: table-cell;
  text-align: center;
  vertical-align: bottom;
}

#searchSide .ssBox .acdTriggre.corpDetail {
  cursor: auto;
}
#searchSide .ssBox .acdTriggre.corpDetail:after {
  content: none;
}
#searchSide .ssBox .acdTriggre.corpDetail .setting {
  right: 16px;
}
#searchSide .clearBtnBox {
  background: #fff;
  padding: 16px 15px 0;
  display: flex;
  justify-content: flex-end;
}
#searchSide .clearBtnBox button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  border: solid 1px #8c8c8c;
  background: #fff;
  border-radius: 15px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-style: normal;
  color: #8c8c8c;
  padding: 2px 10px;
  display: block;
  font-size: 14px;
}
#searchSide .sdw2 {
  cursor: pointer;
}

#navWrap .link_corpresult {
  background: #fff;
  border: 2px solid #005EAB;
  border-radius: 10px;
  color: #005EAB;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  padding: 10px 0;
  text-align: center;
  margin: 20px auto;
  height: 35px;
  width: 240px;
}
#navWrap .link_corpresult:hover {
  background: #005EAB;
  color: #fff;
  opacity: 1;
  transition: 0.3s;
}
#navWrap .link_corpresult::after {
  content: '';
  background-image: url(/resource/top/img/icon_arrow_brackets_blue_01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  margin-left: 6px;
  height: 12px;
  width: 12px;
}
#navWrap .link_corpresult:hover::after {
  background-image: url(/resource/top/img/icon_arrow_brackets_white_01.svg);
}

#navWrap .banner_item {
  margin: 20px 0;
  width: 270px;
}

@media print, screen and (min-width: 768px) {
  .entryFooterArea {
    box-sizing: border-box;
  }
  .fixedArea__btn {
    display: flex;
  }
  .obeyingArea__inner {
    width: 1000px;
  }
  .searchResultList .discriptionBox dd.occupation__item {
    padding-left: 115px!important;
    display: block !important;
  }
}

.corpDetail.searchArea-companyList > li > a {
  color: #005EAB !important;
  font-size: 15px;

  /* 線間隔0.5 の下線 */
  border: none;
  background-image : linear-gradient(to right, #C4C4C4 1px, transparent 1px);
  background-size: 1.5px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
.corpDetail.searchArea-companyList > li > a::after {
  content: "";
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  height: 8px;
  width: 8px;
  transform: rotate(45deg);
  background: none;
  border-top: 1px solid #005EAB;
  border-right: 1px solid #005EAB;
}

#section-03 div.pickup {
  background-color: #FFCB2D;
  border-radius: 10px;
  color: #003B6B;
  font-size: 14px;
  margin-bottom: 6px;
  margin-left: 6px;
  padding: 2px 12px;
}

#sameIndustryCorporationListArea .corpresultLink {
  text-align: center;
}

#sameIndustryCorporationListArea .corpresultLink a {
  background: #005EAB;
  border: 2px solid #005EAB;
  border-radius: 15px;
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  text-align: left;
  padding: 0 20px;
  margin: 20px auto;
}
#sameIndustryCorporationListArea .corpresultLink a::after {
  content: '';
  background-image: url(/resource/top/img/icon_arrow_brackets_white_01.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  margin-left: 6px;
  height: 12px;
  width: 12px;
}

/** 同一業界でおすすめの求人 */
.recommended__item:nth-of-type(n+2) {
  margin-top: 12px;
}
.recommended__item.is-hidden {
  display: none;
}
.recommended__anchor {
  display: block;
  height: 140px;
  width: 100%;
  border-top: 8px solid #1262B2;
  border-radius: 5px;
  box-shadow: 2px 2px 4px #D5D5D5;
  color: #1262B2;
  font-size: 15px;
}
.recommended__body {
  padding: 5px 10px;
}
.recommended__company {
  color: #003B6B;
  font-weight: bold;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(1.5em * 1);
  min-height: calc(1.5em * 1);
}
.recommended__job {
  margin-top: 3px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.recommended__job span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  max-height: calc(1.5em * 2);
  min-height: calc(1.5em * 2);
  overflow: hidden
}
.recommended__ul li {
  color: #000;
  font-size: 15px;
  margin-top: 3px;
  padding-left: 25px;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  max-height: calc(1.5em * 1);
  min-height: calc(1.5em * 1);
}
.recommended__li--yearlyIncome,
.recommended__icon--yearlyIncome {
  background-image: url(/resource/jobsearch/img/icon_corpdetail_income01.png);
  background-size: 17px auto;
  background-repeat: no-repeat;
}
.recommended__li--yearlyIncome {
  background-position: 1px;
  font-weight: bold;
}
.recommended__li--location,
.recommended__icon--location {
  background-image: url("/resource/jobsearch/img/icon_corpdetail_location01.png");
  background-size: 12px auto;
  background-repeat: no-repeat;
}
.recommended__li--location {
  background-position: 3px;
}
.recommended__button {
  border: 1px solid #BCBCBC;
  border-radius: 22px;
  width: 100%;
  max-width: 279px;
  font-size: 15px;
  padding: 10px 0;
  margin: 30px auto 0;
  position: relative;
  display: block;
  background: transparent;
  line-height: 22.5px;
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
.recommended__button::after {
  position: absolute;
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  content: "";
  display: inline-block;
  vertical-align: -2px;
  width: 12px;
  height: 12px;
  background-image: url(/jobsearch/img/icon_arrow_brackets_black_02.svg) !important;
  background-size: auto 60%;
  background-position: 60% center;
  background-repeat: no-repeat;
}

@media print, screen and (min-width:768px) {
  .recommended__list {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3px
  }
  .recommended__item {
    width: 256px;
  }
  .recommended__item:nth-of-type(n+2) {
    margin-top: 0;
    margin-left: 12px
  }
  .recommended__list::-webkit-scrollbar {
    display: none
  }
  .recommended__anchor {
    height: initial;
    border-top: 8px solid #005EAB;
    border-radius: 8px;
    box-shadow: 1.414px 1.414px 5px 0 rgba(0, 0, 0, 0.15)
  }
  .recommended__anchor:hover {
    opacity: 0.7
  }
  .recommended__body {
    padding: 14px
  }
  .recommended__company {
    font-size: 14px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: calc(1.5em * 1);
    overflow: hidden;
  }
  .recommended__job {
    margin-top: 0;
    margin-bottom: 12px;
    padding-bottom: 12px;
    font-size: 15px;
    font-weight: normal;
    border-bottom: 1px solid #E6E6E6
  }
  .recommended__job span {
    color: #005eab;
    display: block;
  }
  .recommended__dl {
    display: flex;
  }
  .recommended__dl:nth-of-type(n+2) {
    margin-top: 6px
  }
  .recommended__dt {
    width: 100%;
    max-width: 51px;
    display: block;
    color: #003B6B;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
    margin-left: 6px
  }
  .recommended__icon--location,
  .recommended__icon--yearlyIncome {
    content: "";
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: center
  }
  .recommended__dd,
  .recommended__dd--location {
    font-size: 15px;
    margin-left: 5px;
    font-weight: bold;
    display: -webkit-box;
    color: #333;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    max-height: calc(1.5em * 1);
    overflow: hidden
  }
  .recommended__dd--location {
    font-weight: normal;
  }
}

#sameCategoryListArea .footListBox {
  margin: 0;
}
#sameCategoryListArea .footListBox .titleWrap {
  margin-bottom: 5px;
}
#sameCategoryListArea .footListBox .categoryList {
  max-width: initial;
}
#sameCategoryListArea .footListBox .categoryList li:first-child {
  border-top: none;
}

@media print, screen and (min-width: 768px) {
  .corpDetail.searchArea-companyList > li > a {
    padding: 14px 28px 14px 0;
  }

  #sameIndustryCorporationListArea .corpresultLink a {
    font-size: 15px;
    padding: 0 30px;
  }

  #historyArea .history__body {
    margin: auto 35px;
  }
}

.entryArea__btn.pc {
  margin-right: 10px;
  position: relative;
  width: 100%;
}

/* 追従ヘッダー（SP） */
@media print, screen and (max-width: 767px) {
  .corpDetail.obeyingArea--head {
    height: 80px;
    transform: translateY(-85px);
  }
  .filterSetting--head {
    background-color: #E6EFF6;
    box-shadow: 2px 2px 4px #D5D5D5;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
  }
  .filterSetting--head .conditionWrap {
    color: #000;
    overflow: hidden;
    width: 100%;
    margin-right: 10px;
  }
  .filterSetting--head .conditionWrap > p {
    font-size: 14px;
    font-weight: bold;
  }
  .filterSetting--head .conditionWrap > div {
    display: flex;
    font-size: 13px;
    white-space: nowrap;
  }
  .filterSetting--head .conditionWrap .condition {
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .filterSetting--head .conditionWrap .suffix {
    display: none;
  }
  .filterSetting--head .buttonWrap {
    background-color: #fff;
    border: 1px solid #005EAB;
    border-radius: 2px;
  }
  .filterSetting--head a {
    display: flex;
    flex-flow: column;
    justify-content: space-evenly;
    align-items: center;
    height: 58px;
    width: 58px;
  }
  .filterSetting--head a img {
    display: block;
    margin: 0 auto;
    width: 28px;
    height: auto;
  }
  .filterSetting--head a span {
    font-size: 11px;
    line-height: 1;
  }
}

@media print, screen and (min-width: 768px) {
  .obeyingArea__inner {
    margin: 0 auto !important;
    padding-left: 10px !important;
  }
}

/* 条件を変更するモーダル（SP） */
.filterSettingModalWrap .filterSettingModal {
  background: #E6EfF6;
}
.filterSettingModal .filterSettingArea {
  margin: 0 auto;
  width: 90%;
}
.filterSettingModal .filterSetting__list {
  border-radius: 20px;
  background: #fff;
  color: #333;
  line-height: 1.5;
  margin-top: 20px;
  padding: 0 15px;
}
.filterSettingModal .filterSetting__item {
  padding: 20px 0;
  margin: 0 auto;
  border-bottom: solid 1px #005eab;
}
.filterSettingModal .filterSetting__item:last-of-type {
  border-bottom: none;
}
.filterSettingModal .filterSetting__headingWrap {
  display: flex;
  justify-content: space-between;
}
.filterSettingModal .filterSetting__heading {
  color: #003b6b;
  font-size: 15px;
  position: relative;
  padding-left: 33px;
  display: flex;
  align-items: center;
  padding-top: 3px;
}
.filterSettingModal .filterSetting__icon {
  background: url(/jobsearch/img/spritesheet_icon1.png) no-repeat;
  display: block;
  background-size: 100%;
  width: 22px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.filterSettingModal .filterSetting__icon--occupation {
  height: 20px;
  background-position: 0 -45px;
}
.filterSettingModal .filterSetting__icon--location {
  height: 24.5px;
  background-position: 0px -143px;
}
.filterSettingModal .filterSetting__selectList {
  padding-top: 11px;
}
.filterSettingModal .searchDetail__selectItem {
  font-size: 14px;
  margin-bottom: 10px;
}
.filterSettingModal .searchDetail__selectItem:last-of-type {
  margin-bottom: 0;
}
.filterSettingModal .searchDetail__checkbox {
  margin-top: 20px;
}
.filterSettingModal .searchDetail__checkboxText {
  padding-left: 25px;
  position:relative;
  display: inline-block;
  font-size: 14px;
  line-height: 1.3;
  letter-spacing: -0.9px;
}
.filterSettingModal .searchDetail__checkboxText::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #dadad7;
  border-radius: 2px;
}
.filterSettingModal .searchDetail__checkboxInput:checked + .searchDetail__checkboxText::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 6px;
  width: 4px;
  height: 8px;
  transform: rotate(40deg);
  border-bottom: 2px solid #005eab;
  border-right: 2px solid #005eab;
}
.filterSettingModal button {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-style: normal;
}
.filterSettingModal .filterSetting__button {
  background: #005eab;
  border: none;
  padding: 10px 20px 9px;
  font-size: 15px;
  color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 5px #9E9E9E;
  flex-shrink: 0;
}
.filterSettingModal .filterSetting__clear {
  background: #fff;
  border: solid 1px #8C8C8C;
  border-radius: 15px;
  color: #8C8C8C;
  margin: 12px 0 0 auto;
  font-size: 14px;
  display: block;
  height: 30px;
  width: 110px;
  white-space: nowrap;
}
.filterSettingModal .filterSetting__search {
  border: none;
  border-radius: 10px;
  box-shadow: 0 1px 6px #808080;
  padding: 15px 0;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background: #5EBC21;
  height: 50px;
  width: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 25px auto 0;
  transition: 0.3s;
}