@charset "UTF-8";
.ul_acc01>li input.input_btn {
  height: auto;
}


/*------------------------------------新　求　人　テ　ス　ト------------------------------------*/

.resultBlock {
  background-color: #efeee8;
  padding: 1vw 2.5vw 3vw 2.5vw;
}

.offerName_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
}

.offerName_list li {
  line-height: 1;
}

.offerName_list li h1 {
  font-weight: bold;
}

.offerName_list .offer_name {
  font-size: 130%;
  line-height: 1.3;
}

.offerName_list .new, .offerName_list .category {
  border-radius: 3px;
  box-sizing: border-box;
  color: #fff;
  font-size: 100%;
  margin-right: 2%;
  padding: 1vw 2vw;
}

.offerName_list .new {
  background-color: #e2276e;
}

.offerName_list .category#full {
  background-color: var(--primary-color);
}

.offerName_list .category#part {
  background-color: #ef8514;
}

#recruitPageNav {
  background-color: #efeee8;
  border-top: solid 1px #dcdcdc;
  border-bottom: solid 1px #dcdcdc;
  display: flex;
  align-items: center;
}

#recruitPageNav li {
  border-top: solid 1px #fff;
  text-align: center;
  width: calc(100% / 4);
}

#recruitPageNav li:not(.contact) {
  border-right: solid 1px #dcdcdc;
}

#recruitPageNav li a {
  background-image: url("../../sp_common/img/icon_triangle.svg");
  background-repeat: no-repeat;
  background-position: center bottom 2vw;
  background-size: 8%;
  border-right: solid 1px #fff;
  display: block;
  font-size: 90%;
  font-weight: bold;
  padding: 2vw 0 4vw;
  text-decoration: none;
  width: calc(100% - 1px);
}
#recruitPageNav.partNav li{
  width: calc(100% / 2);
}
#recruitPageNav.partNav li a {
  background-size: auto;

}
#recruitPageNav .contact a {
  background-image: url("../../sp_common/img/icon_triangle_pink.svg");
  color: #e2276e;
}

.offerBlock .resultBox {
  padding: 4vw 2.5vw 0;
}

.offerBlock .resultBox h2 {
  font-size: 130%;
  font-weight: bold;
  line-height: 1.7;
}

.offerBlock h3 {
  background-color: #e4ebf5;
  font-size: 130%;
  font-weight: bold;
  padding: 2.5vw 3vw;
}

.offerBlock section {
  margin: 2.5vw;
}

#offerDetail .secbox {
  border: solid 1px #dcdcdc;
  margin: 2.5vw 0;
  padding: 2.5vw;
  position: relative;
}

#offerDetail h4 {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 3vw;
}

#offerDetail dt {
  color: var(--primary-color);
  font-weight: bold;
}

#offerDetail dl:not(:last-child) {
  border-bottom: solid 1px #dcdcdc;
  margin-bottom: 3vw;
  padding-bottom: 2vw;
}

#offerDetail dd {
  font-size: 120%;
  line-height: 1.8;
  text-align: justify;
}

#consultantMessage .box {
  font-size: 120%;
  padding-top: 3vw;
  line-height: 1.8;
  text-align: justify;
}


/*求人コード*/

.code {
  color: #666;
  margin-bottom: 0.5em;
}


/*　画像　*/

.imgSecbox {
  width: 100%;
  border: solid 1px #c8c8c8;
  padding: 5px 0px;
  text-align: center;
  margin: 5px auto;
}

div.imgSecbox img {
  margin: 0px auto;
  height: 130px;
  max-width: 95%;
}

div.imgSecbox a {
  margin: 0px auto 0px auto;
  color: #0060A9;
  font-weight: bold;
  font-size: 150%;
  padding-right: 8px;
  text-decoration: none;
}


/* 病院詳細ページ 2017.12.20 add S */

div.secbox a.arealink {
  font-size: 100%;
  font-weight: normal;
}

.hospitalMap div.secbox a {
  font-size: 100%;
}

div.secbox .hospitalMap a {
  font-size: 100%;
}

div.secbox .hospitalMap span {
  font-size: 100%;
  font-weight: normal;
  border: 0;
  padding: 0;
  margin: 0;
}


/* 病院詳細ページ 2017.12.20 add E */


/*　問い合わせボタン　*/

#offerInquiry .cvbox {
  background-color: #3170b3;
  text-align: center;
  padding: 3.5vw 0 6vw;
}

#offerInquiry .kiyaku {
  color: #fff;
  margin-bottom: 1em;
}

#offerInquiry .kiyaku a {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

#offerInquiry .cvBtn input[type="button"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: #fafafa;
  border: solid 1px #aeaeae;
  border-radius: 0.3em;
  box-shadow: 0 2px #aeaeae;
  color: var(--primary-color);
  font-size: 140%;
  font-weight: bold;
  letter-spacing: 0.05em;
  padding: 1em 0;
  margin: 0 auto;
  text-align: center;
  width: 90%;
}

#offerInquiry .formBottom {
  padding: 2.5vw;
}

#offerInquiry .formBottom dt {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#offerInquiry .formBottom {
  padding: 2.5vw;
}

#offerInquiry .formBottom dt {
  font-size: 120%;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#premium {
  background-image: url("../../offer/img/bkg_premium.png");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  margin: 0;
  padding: 8vw 3.5vw 5vw;
  text-align: center;
}

#premium p span {
  font-weight: bold;
}

#premium h3 {
  background-color: initial;
  font-size: 146%;
  margin-bottom: 0.8em;
  padding: 0;
}

#premium .cvBtn {
  background-color: #d61e63;
  border-radius: 0.3em;
  box-shadow: 0 -1px #d61e63, 0 2px #e279a0 inset, 0 3px 5px #323232;
  color: #fff;
  display: inline-block;
  font-size: 120%;
  font-weight: bold;
  padding: 1.2em 0;
  margin: 1em 0;
  text-decoration: none;
  width: 95%;
}

#premium .telcvbtn {
  background-color: transparent;
  border: solid 1px #fff;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-right: 3vw;
  margin-left: auto;
  padding: 0.3em 0;
  text-align: center;
  text-decoration: none;
  width: 60%;
}

#premiumLink {
  text-align: right;
  margin: 0px 15px 0px 0px;
  font-size: 12px;    
}

#bottomSearchList {
  margin: 6vw 0;
}

#bottomSearchList dl {
  margin: 5vw 2.5vw;
}

#bottomSearchList dt {
  background-image: url("../../offer/img/icon_book.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  font-size: 120%;
  font-weight: bold;
  padding-left: 2em;
}

#bottomSearchList dd a {
  display: block;
  font-size: 110%;
  text-decoration: none;
  margin: 0.5em 0;
}

#bottomSearchList dd a:before {
  color: #34d0ff;
  content: "▶";
  font-size: 75%;
  padding-right: 0.5em;
}

#bottomSearchList ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 2.5vw;
}

#bottomSearchList li {
  padding-right: 1em;
}


/*　問い合わせフォーム　*/

#offerInquiry {
  margin: 2.5vw 0;
}

#offerInquiry .inquiryTop {
  background-color: #3170b3;
  color: #fff;
  padding: 3vw;
  text-align: center;
}

#offerInquiry .inquiryTop h3 {
  background-color: initial;
  padding: 0;
  margin-bottom: 0.3em;
}

#offerInquiry .inquiryTop p {
  font-size: 85%;
}

#offerInquiry .inquiryTop a {
  color: #fff;
}

#offerInquiry .informbox {
  margin: 2.5vw;
}

#offerInquiry .itemTop {
  background-color: #ececec;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 2.5vw;
}

#offerInquiry .inquiryOther {
  background-color: #fff;
}

#offerInquiry .inquiryOther .itemTop {
  background-color: #fff;
  align-items: baseline;
  flex-wrap: nowrap;
}

#offerInquiry .inquiryOther textarea {
  border-radius: 0.3em;
  border: solid 1px #ccc;
  box-sizing: border-box;
  font-size: 120%;
  margin: 0 2.5vw;
  padding: 0.5em;
  height: 3.5em;
  width: 94%;
  width: -webkit-fill-available;
}

#offerInquiry .hissu {
  background-color: #e2276e;
  border-radius: 0.3em;
  color: #fff;
  font-size: 85%;
  margin-right: 0.5em;
  padding: 0.1em 0.5em;
}

#offerInquiry .ninni {
  background-color: #888;
  border-radius: 0.3em;
  color: #fff;
  font-size: 85%;
  margin-right: 0.5em;
  padding: 0.1em 0.5em;
}

#offerInquiry .itemName {
  font-size: 120%;
  font-weight: bold;
}

#offerInquiry .itemName span {
  color: #666;
  font-size: 90%;
  font-weight: normal;
}

#offerInquiry .inquiryOther .itemName {
  font-size: 100%;
  font-weight: normal;
  margin-left: auto;
  width: 88%;
}

#offerInquiry .question {
  margin-left: auto;
}

#offerInquiry .question a {
  color: var(--primary-color);
  font-size: 85%;
  font-weight: bold;
  margin-left: auto;
  text-decoration: none;
}

#offerInquiry .question a:before {
  color: #34d0ff;
  content: "▶";
  font-size: 85%;
  margin-right: 0.3em;
  vertical-align: middle;
}

#offerInquiry .inputArea {
  padding: 2.5vw;
}

#offerInquiry select {
  width: 100%;
}

#offerInquiry #contact_cat .inputArea li:not(:last-child) {
  border-bottom: solid 1px #d4d4d4;
  margin-bottom: 1em;
  padding-bottom: 1em;
}

#offerInquiry input[type="checkbox"] {
  margin-right: 0.3em;
  height: 1.2em;
  width: 1.2em;
}


/*
#offerInquiry label {
*/

#offerInquiry label:not(.popup) {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 120%;
}

#offerInquiry .inputName {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

#offerInquiry .inputName input {
  width: 95%;
}

#offerInquiry .inputArea .inputName li {
  margin: 0;
}

#offerInquiry .inputName p {
  font-size: 120%;
  margin-right: 0.5em;
}

#offerInquiry .attention {
  color: #666;
  font-size: 85%;
  margin-top: 1em;
}

.select-box02 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #c8c8c8;
  font-size: 120%;
  padding: 0 2.5vw;
  position: relative;
  height: 2.5em;
  width: 100%;
}

.formTextarea {
  border: 1px solid #ababab;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333;
  font-size: 120%;
  padding: 0 2.5vw;
  height: 2.5em;
  width: 100%;
}


/*=================================

 search_full result
 2018.05.03

=================================*/

#wrap {
  padding: 0 2.5vw;
  color: #333333;
}

#first_half, #full_catch_copy {
  background-color: #ececec;
  padding: 2vw;
  margin-bottom: 2.5vw;
}

#first_half a, #full_catch_copy a {
  font-weight: bold;
  text-decoration: none;
}

.searchHead {
  background-color: var(--primary-color);
  padding: 10px;
  border-radius: 6px 6px 0px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.searchHead span {
  font-weight: bold;
  font-size: 15px;
  padding-left: 25px;
  color: #ffffff;
  display: inline-block;
  background-image: url("../../common2014/img/icon_search.svg");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 18px;
}

.jobSwitch {
  background: #e5ebf5;
  border: solid 1px #90a2c3;
  padding: 5px;
}

.searchInnner table {
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  width: 100%;
}

.searchInnner tr {
  border-bottom: solid 1px #dcdcdc;
  position: relative;
}

.searchInnner td {
  box-sizing: border-box;
  padding: 15px 10px;
}

.searchInnner .ttl {
  border-right: solid 1px #dcdcdc;
  background-color: #f4f4f4;
  font-weight: bold;
  padding: 0;
  text-align: center;
  width: 8em;
}

.outSelecter {
  display: flex;
  flex-wrap: wrap;
}

.outSelecter li {
  color: var(--primary-color);
  font-weight: bold;
  margin-bottom: 0.5em;
  width: calc(100% / 2);
}

.outSelecter input {
  margin-right: 0.3em;
  height: 1.3em;
  width: 1.3em;
  vertical-align: bottom;
}
#sideSearch .searchInnner td:last-child {
  display: inline-flex;
  position: relative;
  width: 100%;
}
#sideSearch .quick_search_link {
  color: var(--primary-color);
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
  line-height: 1;
  margin-left: auto;
  padding-right: 10px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: absolute;
  top: 0;
  right: 0;
  width: 95vw;
  height: 100%;
}
#sideSearch .quick_search_link:before {content: none;}
#sideSearch .quick_search_link:after {
  content: "";
  border: solid 2px var(--primary-color);
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
  width: 6px;
  height: 6px;
}

.searchBottom {
  text-align: center;
  background-color: #ececec;
  border-radius: 0px 0px 6px 6px;
  border-right: 1px solid #dcdcdc;
  border-left: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.searchBtn {
  background-image: url("../../common2014/img/icon_search.svg");
  background-repeat: no-repeat;
  background-position: center left 26px;
  background-size: 20px;
  box-shadow: 0px 1px 1px 0px #b6b6b6, 0px 20px 0px -17px var(--primary-color) inset;
  border-radius: 6px;
  background-color: var(--primary-color);
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 30px 10px 50px;
  margin: 10px auto;
  text-decoration: none;
}

#resultInfo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 4vw 0;
}

.searchNumber {
  font-weight: bold;
  font-size: 130%;
  float: left;
  display: inline;
  width: 60%;
}

.searchNumber span {
  color: var(--primary-color);
  font-size: 140%;
}

.select-box01 {
  width: 40%;
}

.select-box01 select {
  -moz-appearance: none;
  background-image: url("../../sp_common/img/icon_triangle.svg");
  background-color: #fafafa;
  background-attachment: scroll;
  background-clip: border-box;
  background-position: right 3vw center;
  background-repeat: no-repeat;
  background-size: 6%;
  border: 1px solid #c6c6c6;
  border-radius: 6px;
  box-shadow: 0 1px 0 0 #ede8e8;
  height: 3em;
  padding-left: 2.5vw;
  vertical-align: middle;
}

.stepNav-Box01 {
  display: block;
  clear: both;
  text-align: center;
  width: 100%;
}

ul.stepNav01 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding-top: 4vw;
}

.stepNav01 li {
  display: inline-block;
  border: solid 1px #8ba2c1;
  padding: 2vw 2.5vw;
  margin-right: 1vw;
  font-size: 120%;
  line-height: 1;
  box-sizing: border-box;
}

.stepNav01 li.on {
  background-color: #cbcbcb;
  border: solid 1px #cbcbcb;
  color: #ffffff;
}

.stepNav01 li.on a {
  color: #ffffff;
}

.stepNav01 li a {
  width: 100%;
  text-decoration: none;
}

.offerList {
  background-color: #efeee8;
  padding: 4vw 2.5vw;
  color: #333333;
}
.resultBox {
  background-color: #ffffff;
  padding: 4vw 2vw;
  margin-bottom: 2.5vw;
}

.code_hos_area {
  margin-bottom: 3vw;
}

.code_hos_area li {
  display: inline-block;
  font-size: 4vw;
  font-weight: bold;
  vertical-align: middle;
}

.code_hos_area li.category {
  background-color: #1a4083;
  border-radius: 3px;
  color: #ffffff;
  font-size: 100%;
  padding: 0.5vw 2vw;
  margin-right: 1.5vw;
  font-weight: normal;
}
.part_offer_list .code_hos_area li.category {
  background-color: #ef8514;
}

.code_hos_area li.category.new {
  background-color: #e2276e;
}

.heading {
  margin-bottom: 3vw;
}

.heading a {
  font-size: 17px;
  text-decoration: none;
  line-height: 1.5;
  font-weight: bold;
  text-align: justify;
}

.tableDatail table {
  border: solid 1px #dcdcdc;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 3vw;
}

.tableDatail tr {
  border-bottom: solid 1px #dcdcdc;
}

.tableDatail td:last-child {
  border-bottom: 0;
}

.tableDatail td:nth-child(odd) {
  background-color: #f4f4f4;
  box-sizing: border-box;
  padding: 3vw 2vw;
  width: 24%;
}

.tableDatail td:nth-child(even) {
  border-left: solid 1px #dcdcdc;
  box-sizing: border-box;
  padding: 2.5vw 2vw;
  width: 76%;
}

.tableDatail span {
  font-size: 140%;
  font-weight: bold;
  display: inline-block;
  margin-right: 1vw;
}

.tableDatail span.pnk {
  color: #d61e63;
}

.tableDatail p>a {
  font-weight: bold
}

.pointList {
  margin-bottom: 2vw;
}

.pointList ul {
  display: flex;
  flex-wrap: wrap;
}

.pointList li {
  box-sizing: border-box;
  margin-bottom: 1.5vw;
  text-align: center;
  width: calc(100% / 3 - 1.5vw);
}

.pointList li:not(:nth-child(3)) {
  margin-right: 1.5vw;
}

.pointList span {
  border-radius: 3px;
  background-color: #cfcfcf;
  color: #ffffff;
  display: block;
  font-size: 120%;
  font-weight: bold;
  padding: 0.2vw 0;
}

.pointList span.on {
  background-color: #ef8514;
}

.pointList span.on a {
  color: #ffffff;
  text-decoration: none;
}
.registRecruit {
  background-color: #efeee8;
  padding: 20px 2vw 0;
}
.btnList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.btnList li {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.btnList li:first-child {width: 25%;}
.btnList li:last-child {width: calc(75% - 10px);}
.btnList a {
  border-radius: 6px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.3;
  padding: 5px 0;
  text-align: center;
  width: 100%;
  height: 60px;
}
.btnList .linkDetail {
  background: var(--primary-color);
  border: 1px solid var(--primary-color);
  box-shadow: 0px 1px 1px #b6b6b6, 0px 2px 0px 0px #6182c0 inset;
  color: #fff;
}
.btnList .linkDetail:before {
  content: "";
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 6px);
}
.btnList .addFavorite {
  background: #fff;
  border: solid 1px #ccc;
  box-shadow: 0 1px 1px #b6b6b6, 0 2px 0 0 #aaa;
  color: var(--primary-color);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  font-size: 12px;
  text-decoration: none;
}
.addFavorite img {
  width: 20px;
  height: auto;
}
.btnList .favorited {
  background: #919397;
  border: 1px solid #7c7d7f;
  box-shadow: 0px 1px 1px #7e7e7e, 0px 2px 0px 0px #e8e9ea inset;
  color: #fff;
  font-size: 12px;
}
.btnList .closedOffer {
  margin: 0 auto;
  width: 100%;
  max-width: 360px;
}
.btnList .closedOffer:before {
  content: "";
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: var(--primary-color) var(--primary-color) transparent transparent;
  display: block;
  position: absolute;
  right: 10px;
  top: calc(50% - 8px);
  transform: rotate(45deg);
  width: 16px;
  height: 16px;
}
.btnList .closedOffer a {
  background: linear-gradient(to bottom,#fff,#e7e6e7 48%,#d8d8d8 52%,#e5e5e5);
  border: #8ea2c2 solid 1px;
  margin: 0 auto;
  padding: 12px 0;
}
.offerList .resultBlock .btnList .linkDetail a {color: var(--primary-color);}
/*PC用 s*/
.relatedRecruit {
  border: solid 1px #ddd;
  margin-top: 4vw;
}

.relatedRecruit dl {
  font-size: 1.1em;
  line-height: 2;
}

.relatedRecruit dt {
  background-color: #f9f9f9;
  display: flex;
  justify-content: space-between;
  font-size: inherit;
  padding: 1vw;
}

.relatedRecruit dt:after {
  content: "▼";
  color: var(--primary-color);
}

.relatedRecruit dt.acMenu_relatedRecruit:after {
  transition: transform 0.2s linear;
}

.relatedRecruit dt.acMenu_relatedRecruit.active:after {
  transform: rotate(-90deg);
}

.relatedRecruit dd {
  display: none;
  padding: 1vw;
}

.relatedRecruit dd:not(:last-child) {
  margin-bottom: 0.3em;
}

.update_code {
  margin-top: 1em;
  text-align: right;
}

.resultLoop {
  background: url("../../sp_common/img/bunner_resultLoop_sp.png")no-repeat top center;
  background-size: cover;
  border: solid 10px #d9d6cd;
  display: flex;
  font-family: "Yu Gothic Medium","游ゴシック Medium","Yu Gothic","游ゴシック",sans-serif;
  flex-direction: column;
  align-items: center;
  margin: 6vw 0;
  padding: 40px 0;
  text-decoration: none;
  max-width: 375px;
  max-height: 375px;
}
.resultLoop__title {
  color: #d20854;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 10px;
  text-shadow:
    0px 0px 0 #fff,
    0px 2px 0 #fff,
    0px -2px 0 #fff,
    2px 0px 0 #fff,
    2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px 0px 0 #fff,
    -2px 2px 0 #fff,
    -2px -2px 0 #fff;
}
.resultLoop__text {
  color: #333;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.75;
  text-align: center;
  text-shadow:
    0px 0px 0 #fff,
    0px 2px 0 #fff,
    0px -2px 0 #fff,
    2px 0px 0 #fff,
    2px 2px 0 #fff,
    2px -2px 0 #fff,
    -2px 0px 0 #fff,
    -2px 2px 0 #fff,
    -2px -2px 0 #fff;
}
.resultLoop__text span {
  color: #fe0000;
  font-size: 22px;
  line-height: 1;
}
.resultLoop__btn {
  background: linear-gradient(to bottom, #dd1e64 40%, #ae0d3f 60%, #cf1858 90%);
  border-radius: 5px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 15px;
  padding: 18px 0;
  position: relative;
  width: 300px;
}
.resultLoop__btn:after {
  content: "";
  border: solid 1px #fff;
  border-width: 2px 2px 0 0;
  position: absolute;
  top: calc(50% - 11px);
  right: 15px;
  transform: rotate(45deg);
  width: 22px;
  height: 22px;
}

.grad-wrap {
  position: relative;
}

.grad-trigger {
  position: absolute;
  bottom: 1em;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  background-color: #017aa6;
  color: #fff;
  padding: 0.5em 3em;
  border-radius: 5em;
  font-weight: bold;
  font-size: 120%;
}

.grad-trigger::after {
  content: "続きを読む"/*クリック前のボタンのラベル*/
}

.grad-item {
  position: relative;
  overflow: hidden;
  transition: 0.2s;
}

.grad-item.is-hide {
  height: 40vw;
  /*隠した後の高さ*/
}

.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 30vw;
  /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
}

.grad-trigger.is-show::after {
  content: "閉じる"/*クリック後にボタンのラベルを変える*/
}

.grad-trigger.is-show+.grad-item::before {
  display: none;
}

.is-show+.grad-item {
  padding-bottom: 5em;
}

.searchConditionTab01 {
  border: none;
  margin: 0 auto 10px;
  width: 100%;
}

#quick_search_kamoku,
#quick_search_kamoku_offer_inquiry_popup{
  background-color: #f4f4f5;
  background: linear-gradient(#f4f4f5, #d5d9df);
  border: solid 1px #385d9c;
  border-radius: 6px;
  box-sizing: border-box;
  color: #385d9c;
  font-size: 16px;
  font-weight: bold;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 16px;
  height: 62px;
  text-decoration: none;
}

#search_result_head_cmt {
  background-color: #ececec;
  margin-bottom: 1em;
  padding: 0.5em;
  position: relative;
  text-align: justify;
}

#search_result_head_cmt .acMenu {
  background-color: #ececec;
  font-size: inherit;
  font-weight: bold;
  padding: 0 0.5em 0 1.5em;
  position: absolute;
  right: 0;
  bottom: 0.5em;
  text-align: right;
  text-decoration: underline;
}

#search_result_head_cmt .acMenu:after {
  content: "…続きを読む";
  width: 6em;
}

#search_result_head_cmt .active+.acMenu:after {
  content: "（閉じる）";
  width: 5em;
}

#search_result_head_cmt .headCmt_inner {
  display: block!important;
  margin-bottom: 0;
  overflow-y: hidden;
  height: 3em!important;
}

#search_result_head_cmt .headCmt_inner.active {
  padding-bottom: 1.5em;
  height: 100%!important;
}

.select-box01 select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #d6d6d6;
  background: url(../img/icon/ico_arrow_btm01.png) 97% 50% no-repeat #fff;
  background-size: 8px;
}

.select-box01 option {
  font-size: 14px;
  padding: 3px 10px;
}

.changeResult_bottom {
  padding: 20px;
  font-family: "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

.changeResult_bottom p {
  font-size: 116.67%;
  font-weight: bold;
  padding-left: 10px;
  margin: 20px 0 10px;
  background: url("../../common2014/img/icn_link01.png") no-repeat left center;
}

.changeResult_bottom p:first-child {
  margin: 0 0 10px;
}

.changeResult_bottom ul li {
  margin-bottom: 5px;
}

.changeResult_bottom dt {
  padding: 5px auto;
  width: 80px;
  text-align: center;
  color: #fff;
  margin-right: 10px;
}

.changeResult_bottom dd, .changeResult_bottom dt {
  display: inline-block;
  font-size: 13px;
}

.changeResult_bottom dd li, .changeResult_bottom dd a {
  display: inline-block;
  margin-bottom: 0px;
}

.changeResult_bottom dd li {
  border-right: 1px solid #dcdcdc;
  padding: 0 5px;
}

.changeResult_bottom dd li:first-child {
  border-left: 0p;
  padding: 0 5px 0 0;
}

.changeResult_bottom dd li:last-child {
  border-right: 0px;
}

.linkList li {
  font-size: 116%;
  display: inline-block;
  margin-right: 15px;
  line-height: 1.5;
}

.linkList li:before {
  color: #747474;
  content: "> ";
}

.dt01 {
  background-color: #8ba2c1;
}

.dt02 {
  background-color: #04a8a4;
}

.dt03 {
  background-color: var(--primary-color);
}

.resultItem li.none {
  display: none;
}

.close_msg {
  border: 1px solid #e2276e;
  color: #e2276e;
  font-size: 15px;
  background-color: #ffe9fb;
  text-align: center;
  margin: 0.2em 0 0.2em 0;
  padding: 5px;
}

#opt_searchWrap {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 8px;
  display: block;
  padding: 6px 0px 4px;
  position: fixed;
  right: 10px;
  bottom: 80px;
  text-align: center;
  width: 60px;
  z-index: 1;
}

#opt_searchWrap a {
  text-decoration: none;
}

#opt_searchWrap p {
  color: #fff;
  font-size: 10px;
  margin-top: 2px;
}

.searchTtl01 {
  background-color: #1280e0;
  width: 98%;
  margin: 5px auto;
  color: #fff;
  font-size: 17px;
  font-weight: bold;
  padding: 5px;
  box-sizing: border-box;
}

.searchTtl02 {
  background-color: #63a1ea;
  width: 98%;
  margin: 5px auto;
  padding: 4px 10px;
  box-sizing: border-box;
}

.searchTtl02 a {
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.searchContents01 {
  background-color: #eef9ff;
  width: 98%;
  height: auto;
  margin: 5px auto;
  box-sizing: border-box;
  padding: 10px;
}

.searchContents01 p {
  color: #1280e0;
  font-weight: bold;
  padding: 10px 0px 4px 3px;
  font-size: 13px;
}

.searchContents01 img {
  width: 19px;
  height: 19px;
  padding-right: 3px;
}

.searchContents01 span {
  color: var(--secondary-color);
  font-weight: bold;
  font-size: 10px;
  margin-left: 5px;
}

.searchForm01 {
  border: 1px solid #d6d6d6;
  color: #000;
  float: right;
  height: 44px;
  padding: 3px 10px;
  width: 100%;
  box-sizing: border-box;
}

.searchBtnCntn01 {
  background-color: #f8f8f8;
  width: 97%;
  height: auto;
  margin: 7px auto;
  box-sizing: border-box;
  padding: 10px 5px 0px 5px;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  text-align: center;
  color: #748ea4;
  font-weight: bold;
}

.searchResultBtn01 {
  height: auto;
  margin: 7px auto;
  box-sizing: border-box;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-style: none;
  font-family: inherit;
  font-size: 15px;
}

.searchResultBtn01 a {
  display: block;
  width: 100%;
  height: 100%;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.cMore {
  background-color: #63a1ea;
}

.cSearch {
  background-color: #ffcc00;
}

.btnHarf {
  width: 49%;
  padding: 7px 5px;
}

.btnFull {
  width: 97%;
  padding: 13px 5px;
  font-size: 15px;
}

.bgCfff {
  background-color: #fff;
}

.searchContents01 .select-box01 {
  width: 100%;
}


/* 非常勤用設定追加 */

/* --------------------------------
   アイコンリスト（※テキストベース　曜日・体系等）
   -------------------------------- */
ul.icnTxtList01.icnTxtList01Day {
  letter-spacing: -0.34em;
  display: flex;

}

ul.icnTxtList01.icnTxtList01Day li {
  display: inline-block;
  letter-spacing: normal;
  color: #fff;
  background: #ef8514;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  padding: 0.4em;
  line-height: 1;
  margin-right: 5px;
  width: initial;
  border-radius: 3px;
}

ul.icnTxtList01.icnTxtList01Day li.none {
  background: #c0c0c0;
}

/* --------------------------------
   再検索フォーム
   -------------------------------- */

.featureTime ul {
  display: flex;
  flex-wrap:  wrap;
  margin-bottom: 10px;
  width: 100%;
}
.featureTime .outSelecter {
  color: var(--primary-color);
  font-size: 120%;
  font-weight: bold;
  margin: 10px 0 -15px;
}
.featureTime input[type="checkbox"] {
  cursor: pointer;
  vertical-align: middle;
  height: 15px;
  width: 15px;
}
.featureTime .weekday li {
  margin-bottom: 12px;
  width: calc(100% / 5);
}
.featureTime .weekday li span {
  background-color: #dedcd1;
  border-radius: 3px;
  padding: 6px 10px;
}
.featureTime .kinmu {
  margin-top: -10px;
  justify-content: space-between;
}
.featureTime .kinmu li {
  width: calc(100% / 3);
}
@media screen and (max-width: 399px) {
  .featureTime .kinmu li {
    width: calc(100% / 2);
  }
  .featureTime .weekday li {
    width: calc(100% / 4);
  }
}
.reOfferBtn {
  padding: 20px 0;
  text-align: center;
}
.reOfferBtn a {
  background-image: url("../../common2014/img/icon_search_blue.svg");
  background-repeat: no-repeat;
  background-position: center left 8vw;
  background-size: 5vw;
  box-shadow: 0px 1px 1px 0px #b6b6b6, 0px 20px 0px -17px #ffffff inset;
  border-radius: 6px;
  border: 1px solid #b6b6b6;
  background-color: #fafafa;
  color: var(--primary-color);
  display: block;
  font-size: 170%;
  font-weight: bold;
  padding: 2.5vw 8vw 2.5vw 14vw;
  margin: 0 auto;
  width: 80%;
  text-decoration: none;
  box-sizing: border-box;
}
.reOfferBtn a span {
  display: block;
  font-size: 45%;
  color: #666;
}
.resultNone {
  background: #fff;
  font-size: 16px;
  margin: -4vw -2.5vw;
  padding: 15px 2.5vw;
}
.resultNone h2 {
  color: #d61e63;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}
.resultNone p {
  margin-bottom: 15px;
  text-align: justify;
}
.resultNone p span {color: #d61e63;}
.to2000 {padding-top: 15px;}

#sideSearch .select-slider label {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  line-height: 2;
  padding: 10px;
  width: 100%;
}
#sideSearch .select-slider input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff;
  border: solid 1px #dcdcdc;
  border-radius: 3px;
  margin-right: 5px;
  position: relative;
  width: 1em;
  height: 1em;
}
#sideSearch .select-slider input[type="checkbox"]:checked:after {
  content: "";
  border-style: solid;
  border-color: var(--primary-color);
  border-width: 0 3px 3px 0;
  position: absolute;
  top: 0;
  left: 3px;
  transform: rotate(45deg);
  width: 5px;
  height: 8px;
}
#sideSearch .slider-bottom {
  background: #999;
  height: 70px;
}
#sideSearch .slider-bottom a {
  background: #fff;
  border-radius: 3px;
  font-size: 18px;
  font-weight: bold;
  padding: 12px 100px;
  text-decoration: none;
}
#sideSearch .slider-top {
  background: var(--primary-color);
  box-sizing: border-box;
  padding: 10px 0;
  height: 40px;
  min-height: unset;
}
#sideSearch .slider-top:before {
  content: "";
  margin-right: auto;
}
#sideSearch .slider-top p {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  padding-left: 41px;
}
#sideSearch .slider-top a {
  display: block;
  margin-right: 15px;
  margin-left: auto;
  padding: 0;
  position: relative;
  width: 26px;
  height: 26px;
}
#sideSearch .slider-top a:before,
#sideSearch .slider-top a:after {
  content: "";
  border-top: solid 3px #fff;
  display: block;
  position: absolute;
  top: 12px;
  left: -3px;
  width: 32px;
  height: 0;
}
#sideSearch .slider-top a:before {transform: rotate(45deg);}
#sideSearch .slider-top a:after {transform: rotate(-45deg);}
#sideSearch .slider-inner {
  background: #fff;
  flex-direction: column;
  overflow-y: scroll;
  width: 100%;
  height: 100%;
}
#sideSearch .slider-inner li {
  border-top: solid 1px #dcdcdc;
  border-bottom: none;
  padding: 0;
}
#sideSearch .slider-inner .acWrapLi {padding: 0;}
#sideSearch .slider-inner .acWrapLi:last-child {border-bottom: solid 1px #dcdcdc;}
#sideSearch .acContWrap {display: none;}
#sideSearch .acWrapAc {
  background: #F4F4F4;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 0 0 10px;
}
#sideSearch .acGroup .acGroupLabel.select::after {
  display: inline-block;
  width: 52px;
  margin-left: 4px;
  padding: 4px 0 3px;
  border: none;
  color: #fff;
  font-size: 11px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background: #82ad2b;
  content: "選択中";
}
#sideSearch .acGroup #freewordLabel.acGroupLabel.select::after {
  content: "入力中";
}
#sideSearch .acWrapAc .accordionAc {
  background: #efefef;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: unset;
  margin-left: auto;
  padding: 15px;
  position: unset;
  width: 1.5em;
  height: 1.5em;
}
#sideSearch .acWrapAc .accordionAc:after {
  content: "";
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: var(--primary-color) var(--primary-color) transparent transparent;
  display: block;
  margin: -3px 0 0 0;
  transform: rotate(135deg);
  transition: 0.3s;
  width: 6px;
  height: 6px;
}
#sideSearch .acWrapAc.subAreaCategoryCheck .accordionAc:after {border-color: #9d9d9d #9d9d9d transparent transparent;;}
#sideSearch .acWrapAc .accordionAc.open:after {
  margin: 3px 0 0 0;
  transform: rotate(-45deg);
}
#sideSearch .acWrapAc.subAreaCategoryCheck {
  background: unset;
  padding: 0;
  align-items: stretch;
}
#sideSearch .acWrapAc.subAreaCategoryCheck label {padding: 10px 10px 10px 30px;}
#sideSearch .smallCategory .label {padding-left: 30px;}
#sideSearch .searchConditionKamoku .acWrapAc {padding-left: 0;}
#sideSearch .searchConditionkodawari .acContWrap ul,
#sideSearch .searchConditionTime .acContWrap ul {
  display: flex;
  flex-wrap: wrap;
}
#sideSearch .searchConditionkodawari .acContWrap li,
#sideSearch .searchConditionTime .acContWrap li {
  border: none;
  border-bottom: solid 1px #dcdcdc;
  box-sizing: border-box;
  width: 50%;
}
#sideSearch .searchConditionTime .acContWrap .itemList__ex li {
  margin-top: 10px;
  width: 100%;
}
#sideSearch .searchConditionkodawari .acContWrap li:nth-child(odd),
#sideSearch .searchConditionTime .acContWrap li:nth-child(odd) {border-right: solid 1px #dcdcdc;}
#sideSearch .searchConditionkodawari .acContWrap li:nth-child(-n+2),
#sideSearch .searchConditionTime .acContWrap li:nth-child(-n+2) {border-top: solid 1px #dcdcdc;}
#sideSearch .searchConditionkodawari .item-freeword li {
  padding: 15px;
  width: 100%;
}
#sideSearch .searchConditionkodawari .item-freeword input[type="text"] {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
}
#sideSearch .areaItemCityGroup  {
    background-color: #ccc;
    margin: 0 10px 10px 10px;
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    padding: 6px;
    border-radius: 10px;
}
#sideSearch .areaItemCityGroup li {
  width: 43vw;
  border:
  none;
  margin: 1.0vw;
}
#sideSearch .areaItemCityGroup li label.label {
  background-color:#fff;
  padding-left:20px;
  border-radius: 7px;
}
/* タブ切り替え */
@media(max-width: 768px) {
  .offerDetailTab {
    margin-bottom: 20px;
  }
  .offerDetailTab .tabList {
    display: flex;
    border-bottom: 1px solid #dcdcdc;
  }
  .offerDetailTab .tabList_item {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    width: 100%;
    color: #222;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    padding: 10px;
  }
  .offerDetailTab .tabList_item.active {
    border-bottom: 3px solid var(--primary-color);
    color: var(--primary-color);
  }
  .offerDetailTab .tabContent {
    padding-top: 15px;
  }
}

/* 類似求人 */
@media(max-width: 768px) {
  #nearOffer .nearOffer_list {
    display: flex;
    flex-wrap: wrap;
    margin: 10px;
  }
  #nearOffer .recommend-job {
    position: relative;
    border-radius: 5px;
    background: #fff;
    box-shadow: 0px 3px 5px rgb(0 0 0 / 18%);
    color: #434343;
    width: 100%;
    transition: .2s ease;
  }
  #nearOffer .recommend-job:last-child {
    margin-bottom: 0;
  }
  #nearOffer .link-job {
    display: flex;
    flex-direction: column;
    transition: .1s ease;
    border-radius: 5px;
    color: #434343;
    text-decoration: none;
  }
  #nearOffer .recommend-data {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 0.75rem 0.13rem;
    border-radius: 5px 5px 0 0;
    background: #e5ecf5;
    color: #434343;
    font-size: 0.75rem;
  }
  #nearOffer .recommend-area {
    margin-right: 0.5rem;
  }
  #nearOffer .recommend-data li img {
    vertical-align: bottom;
  }
  #nearOffer .recommend-saraly {
    width: 100%;
    font-size: 1rem;
    font-weight: bold;
  }
  #nearOffer .recommend-saraly .icon {
    display: inline-block;
    transform: translateY(-50%);
    vertical-align: bottom;
  }
  #nearOffer .recommend-saraly strong {
    color: #e2276e;
    font-size: 1.5rem;
  }
  #nearOffer .recommend-copy {
    height: 2.38rem;
    padding: 0.32rem 0.75rem 0.44rem;
    font-size: 0.69rem;
    overflow: hidden;
    margin: 0;
  }
  .nearOfferNO .title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
  }
  .nearOfferNO .text {
    font-size: 14px;
    margin-bottom: 10px;
  }
  .l-center {
    text-align: center;
  }
  .refreshBtn {
    background-image: url("../../common2014/img/icon_refresh.svg");
    background-repeat: no-repeat;
    background-position: center left 26px;
    background-size: 20px;
    box-shadow: 0px 1px 1px 0px #b6b6b6, 0px 20px 0px -17px #fff inset;
    border-radius: 6px;
    border: 1px solid #b6b6b6;
    background-color: #fafafa;
    color: var(--primary-color);
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px 10px 50px;
    margin: 10px auto;
    text-decoration: none;
  }
}
#registRecruit {
  background: #ffffff80;
  box-sizing: border-box;
  padding: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  opacity: 0;
  transition: 0.5s;
  width: 100%;
  z-index: 10;
}
#registRecruit.visible {opacity: 1;}
.search_extend {
  background: #f3f8ff;
  border: solid 3px #375893;
  border-radius: 6px;
  margin: 10px 0;
  padding: 15px;
}
.search_extend__section:not(:last-child) {
  border-bottom: solid 1px #375893;
  margin-bottom: 15px;
  padding-bottom: 15px;
}
.search_extend__title {
  color: #d61e63;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
  padding-left: 40px;
  position: relative;
}
.search_extend__title:before {
  content: "";
  background: #f3f8ff;
  border: solid 5px #d61e63;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 3px;
  left: 0;
  width: 15px;
  height: 15px;
  z-index: 10;
}
.search_extend__title:after {
  content: "";
  background: #d61e63;
  border-radius: 30px;
  display: block;
  position: absolute;
  top: 21px;
  left: 8px;
  transform: rotate(45deg);
  width: 26px;
  height: 6px;
  z-index: 9;
}
.search_extend__name {
  font-size: 16px;
  font-weight: bold;
  margin: 0;
}
.search_extend__name .small {
  font-size: 12px;
  font-weight: normal;
}
.search_extend ul {
  display: flex;
  flex-wrap: wrap;
}
.search_extend li {
  line-height: 2.5;
  margin-right: auto;
}
.search_extend a {
  font-size: 14px;
  text-decoration: underline;
}
.search_extend a:hover {text-decoration: none;}
#modalLogin__trigger-id {
  display: none;
}
.modalLogin__overlay {
  background: rgba(0,0,0,0.7);
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  overflow: auto;
  overflow-x: hidden;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
  width: 100%;
  height: 100%;
  z-index: 9999;
}
#modalLogin__trigger-id:checked ~ .modalLogin__overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.modalLogin__trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.modalLogin__content {
  align-self: center;
  background: #fff;
  box-sizing: border-box;
  position: relative;
  transition: 0.5s;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.modalLogin__close {
  content: "";
  border: solid 1px #393939;
  cursor: pointer;
  font-size: 1.1rem;
  margin: 0;
  padding: 2px;
  position: absolute;
  top: 2vw;
  left: unset;
  right: 2vw;
  width: 4vw;
  height: 4vw;
}
.modalLogin__close:before,
.modalLogin__close:after {
  content: "";
  border-top: #393939 2px solid;
  display: block;
  position: absolute;
  top: calc(2vw + 1px);
  left: calc(0vw + 3px);
  width: 3.5vw;
}
.modalLogin__close:before {
  transform: skewY(-45deg);
}
.modalLogin__close:after {
  transform: skewY(45deg);
}
.modalLogin__img img {
  width: 80vw;
  height: auto;
}