@charset "UTF-8";
/*************************************************************
採用情報CSS
*************************************************************/
/* リード文 ************************************************************/
.recruit_subTtlHeaderTextOuter {
  width: 100%;
  height: auto;
  display: block;
}

.recruit_subTtlHeaderText {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .recruit_subTtlHeaderText {
    font-size: 0.9375rem;
    line-height: 2;
    text-align: left;
  }
}
.recruit_subTtlHeaderText:not(:first-of-type) {
  margin-top: 0.7em;
}
@media screen and (max-width: 750px) {
  .recruit_subTtlHeaderText:not(:first-of-type) {
    margin-top: 0;
  }
}

.recruit_subTtlHeaderImageOuter {
  margin-top: 35px;
}
@media screen and (max-width: 750px) {
  .recruit_subTtlHeaderImageOuter {
    margin-top: 25px;
  }
}

.recruit_subTtlHeaderImage {
  border-radius: 40px;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 750px) {
  .recruit_subTtlHeaderImage {
    border-radius: 10px;
  }
}

/* （株）JR東日本グリーンパートナーズはどんな会社？ ************************************************************/
.recruit_aboutCompanyOuter {
  margin-top: 121px;
  padding-bottom: 120px;
}
@media screen and (max-width: 750px) {
  .recruit_aboutCompanyOuter {
    padding-bottom: 60px;
    margin-top: 59px;
  }
}

.recruit_aboutOuter {
  width: 100%;
  height: auto;
  display: block;
}

.recruit_aboutTtlHeaderText {
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
  color: #429e3c;
}
@media screen and (max-width: 750px) {
  .recruit_aboutTtlHeaderText {
    font-size: 1.5625rem;
  }
}

.recruit_aboutListOuter {
  margin-top: 100px;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListOuter {
    margin-top: 35px;
  }
}

.recruit_aboutList {
  width: 100%;
  height: auto;
  display: block;
}

.recruit_aboutListItem {
  width: 100%;
  height: auto;
  display: flex;
}
.recruit_aboutListItem:nth-of-type(odd) {
  justify-content: flex-start;
}
.recruit_aboutListItem:nth-of-type(even) {
  justify-content: flex-end;
}

.recruit_aboutListItemContensOuter {
  width: max(58.0645%, 720px);
  height: auto;
  min-height: 280px;
  padding-top: 30px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensOuter {
    width: 100%;
    min-width: auto;
    min-height: auto;
    padding-top: 15px;
  }
}
.recruit_aboutListItemContensOuter.face-01::before {
  position: absolute;
  content: "";
  width: 258px;
  height: 280px;
  display: block;
  left: 0;
  bottom: 0;
  background: url(/images/recruit/about_face-01.png) no-repeat left top;
  border-bottom-left-radius: 40px;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensOuter.face-01::before {
    width: min(35%, 150px);
    height: auto;
    aspect-ratio: 258/280;
    background-size: contain;
    border-bottom-left-radius: 20px;
  }
}
.recruit_aboutListItemContensOuter.face-01 .recruit_aboutListItemContensWrapper {
  padding-left: 36.8055%;
  padding-right: 20px;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensOuter.face-01 .recruit_aboutListItemContensWrapper {
    padding-left: 32%;
  }
}
.recruit_aboutListItemContensOuter.face-02::before {
  position: absolute;
  content: "";
  width: 414px;
  height: 280px;
  display: block;
  right: 0;
  bottom: 0;
  background: url(/images/recruit/about_face-02.png) no-repeat left top;
  border-bottom-right-radius: 40px;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensOuter.face-02::before {
    width: min(50%, 235px);
    height: auto;
    aspect-ratio: 414/280;
    background-size: contain;
    border-bottom-right-radius: 20px;
  }
}
.recruit_aboutListItemContensOuter.face-02 .recruit_aboutListItemContensWrapper {
  padding-right: 57.2222%;
  padding-left: 20px;
}
.recruit_aboutListItemContensOuter.face-03::before {
  position: absolute;
  content: "";
  width: 288px;
  height: 280px;
  display: block;
  left: 0;
  bottom: 0;
  background: url(/images/recruit/about_face-03.png) no-repeat left top;
  border-bottom-left-radius: 40px;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensOuter.face-03::before {
    width: min(35%, 138px);
    height: auto;
    aspect-ratio: 288/280;
    background-size: contain;
    border-bottom-left-radius: 20px;
  }
}
.recruit_aboutListItemContensOuter.face-03 .recruit_aboutListItemContensWrapper {
  padding-left: 40%;
  padding-right: 20px;
}
.recruit_aboutListItemContensOuter.face-04::before {
  position: absolute;
  content: "";
  width: 408px;
  height: 280px;
  display: block;
  right: 0;
  bottom: 0;
  background: url(/images/recruit/about_face-04.png) no-repeat left top;
  border-bottom-right-radius: 40px;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensOuter.face-04::before {
    width: min(50%, 228px);
    height: auto;
    aspect-ratio: 408/280;
    background-size: contain;
    border-bottom-right-radius: 20px;
  }
}
.recruit_aboutListItemContensOuter.face-04 .recruit_aboutListItemContensWrapper {
  padding-right: 56.9444%;
  padding-left: 20px;
}

.recruit_aboutListItemContensWrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  border: 6px solid #429e3c;
  border-radius: 40px;
  background-color: #ffffff;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensWrapper {
    border-radius: 20px;
    padding-top: 19px;
    padding-bottom: 10px;
  }
}

.recruit_aboutListItemContensTextOuter {
  width: 100%;
  height: auto;
  display: block;
}

.recruit_aboutListItemContensText {
  line-height: 1;
}
.recruit_aboutListItemContensText:not(:first-of-type) {
  margin-top: 1.1em;
}
.recruit_aboutListItemContensText:not(:first-of-type):has(.fontSize-LL) {
  margin-top: 0;
}
.recruit_aboutListItemContensText span.fontSize-SS {
  font-size: 0.875rem;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensText span.fontSize-SS {
    font-size: 0.625rem;
  }
}
.recruit_aboutListItemContensText span.fontSize-S {
  font-size: 1.5rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensText span.fontSize-S {
    font-size: 0.75rem;
  }
}
.recruit_aboutListItemContensText span.fontSize-M {
  font-size: 1.875rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensText span.fontSize-M {
    font-size: 0.9375rem;
  }
}
.recruit_aboutListItemContensText span.fontSize-L {
  font-size: 2.375rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensText span.fontSize-L {
    font-size: 1.1875rem;
  }
}
.recruit_aboutListItemContensText span.fontSize-LL {
  font-size: 6.25rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .recruit_aboutListItemContensText span.fontSize-LL {
    font-size: 2.8125rem;
  }
}
.recruit_aboutListItemContensText span.colorStrong {
  color: #429e3c;
}

/* 福利厚生 ************************************************************/
.recruit_benefitOuter {
  margin-top: 121px;
}
@media screen and (max-width: 750px) {
  .recruit_benefitOuter {
    margin-top: 59px;
    padding-left: 10%;
    padding-right: 10%;
  }
}

.recruit_benefitListOuter {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 44px;
}

.recruit_benefitList {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px 3.2258%;
}
@media screen and (max-width: 750px) {
  .recruit_benefitList {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}

.recruit_benefitListItem {
  width: 100%;
  height: auto;
  background-color: #eff4e4;
  border-radius: 50px;
  padding: 52px 40.8333% 45px 30px;
}
@media screen and (max-width: 750px) {
  .recruit_benefitListItem {
    padding: 130px 20px 20px 20px;
    border-radius: 15px;
  }
}
.recruit_benefitListItem.benefit-01 {
  background-image: url(/images/recruit/benefits_icon-01.png);
  background-repeat: no-repeat;
  background-position: right 42px center;
  background-size: 27.5% auto;
}
@media screen and (max-width: 750px) {
  .recruit_benefitListItem.benefit-01 {
    background-position: top 16px center;
    background-size: 110px 110px;
  }
}
.recruit_benefitListItem.benefit-02 {
  background-image: url(/images/recruit/benefits_icon-02.png);
  background-repeat: no-repeat;
  background-position: right 42px center;
  background-size: 27.5% auto;
}
@media screen and (max-width: 750px) {
  .recruit_benefitListItem.benefit-02 {
    background-position: top 16px center;
    background-size: 110px 110px;
  }
}
.recruit_benefitListItem.benefit-03 {
  background-image: url(/images/recruit/benefits_icon-03.png);
  background-repeat: no-repeat;
  background-position: right 42px center;
  background-size: 27.5% auto;
}
@media screen and (max-width: 750px) {
  .recruit_benefitListItem.benefit-03 {
    background-position: top 16px center;
    background-size: 110px 110px;
  }
}
.recruit_benefitListItem.benefit-04 {
  background-image: url(/images/recruit/benefits_icon-04.png);
  background-repeat: no-repeat;
  background-position: right 42px center;
  background-size: 27.5% auto;
}
@media screen and (max-width: 750px) {
  .recruit_benefitListItem.benefit-04 {
    background-position: top 16px center;
    background-size: 110px 110px;
  }
}

.recruit_benefitListItemContentsTtlText {
  color: #429e3c;
  font-size: 1.625rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .recruit_benefitListItemContentsTtlText {
    font-size: 1.0625rem;
  }
}

.recruit_benefitListItemContentsText {
  margin-top: 10px;
  font-size: 1.125rem;
  line-height: 1.9;
}
@media screen and (max-width: 750px) {
  .recruit_benefitListItemContentsText {
    font-size: 0.75rem;
  }
}

/* 社員の声 ************************************************************/
.recruit_voiceOuter {
  width: 100%;
  height: auto;
  display: block;
  padding-top: 121px;
  padding-bottom: 107px;
}
@media screen and (max-width: 750px) {
  .recruit_voiceOuter {
    padding-top: 59px;
    padding-bottom: 40px;
  }
}

.recruit_voiceTtlHeaderText {
  width: 100%;
  height: auto;
  display: block;
  text-align: center;
  font-size: 3rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .recruit_voiceTtlHeaderText {
    font-size: 1.5625rem;
  }
}

.recruit_voiceQAOuter {
  margin-top: 46px;
}
@media screen and (max-width: 750px) {
  .recruit_voiceQAOuter {
    margin-top: 27px;
  }
}

.recruit_voiceQAListTerm {
  width: 100%;
  height: auto;
  display: block;
}
.recruit_voiceQAListTerm:not(:first-of-type) {
  margin-top: 80px;
}
@media screen and (max-width: 750px) {
  .recruit_voiceQAListTerm:not(:first-of-type) {
    margin-top: 50px;
  }
}

.recruit_voiceQAListTermText {
  width: 100%;
  height: auto;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.625rem;
  font-weight: bold;
  padding-left: 112px;
  padding-right: 1em;
  background-color: #ffffff;
  border-radius: 15px;
  box-shadow: 6px 6px #429e3c;
  position: relative;
}
@media screen and (max-width: 750px) {
  .recruit_voiceQAListTermText {
    font-size: 1.0625rem;
    padding-left: 55px;
    min-height: 75px;
  }
}
.recruit_voiceQAListTermText::before {
  position: absolute;
  content: "Q.";
  width: 1em;
  height: 1em;
  left: 38px;
  top: -0.35em;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  color: #429e3c;
}
@media screen and (max-width: 750px) {
  .recruit_voiceQAListTermText::before {
    font-size: 1.4375rem;
    left: 16px;
  }
}

.recruit_voiceQAListTermSubText {
  width: 100%;
  height: auto;
  display: block;
  text-align: right;
  margin-top: 12px;
  font-size: 0.875rem;
}
@media screen and (max-width: 750px) {
  .recruit_voiceQAListTermSubText {
    font-size: 0.625rem;
  }
}

.recruit_voiceQAListDesc {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 35px;
}
@media screen and (max-width: 750px) {
  .recruit_voiceQAListDesc {
    margin-top: 25px;
  }
}

.recruit_voiceAOuter {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .recruit_voiceAOuter {
    flex-direction: column-reverse;
  }
}

.recruit_voiceATextOuter {
  width: 73.387%;
  height: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .recruit_voiceATextOuter {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 15px;
  }
}

.recruit_voiceATextWrapper {
  width: 100%;
  height: auto;
  display: block;
  background-color: #ffffff;
  border-radius: 30px;
  padding: 31px 40px 31px 102px;
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 750px) {
  .recruit_voiceATextWrapper {
    border-radius: 15px;
    padding: 23px 10px 23px 44px;
    margin-top: 35px;
  }
}
.recruit_voiceATextWrapper::before {
  position: absolute;
  content: "A.";
  width: 1em;
  height: 1em;
  left: 36px;
  top: 0.55em;
  display: block;
  font-size: 2.5rem;
  font-weight: bold;
  color: #c65024;
}
@media screen and (max-width: 750px) {
  .recruit_voiceATextWrapper::before {
    left: 20px;
    top: 1.1em;
    font-size: 1.25rem;
  }
}
.recruit_voiceATextWrapper::after {
  position: absolute;
  content: "";
  width: 32px;
  height: 32px;
  left: -10px;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  background-color: #ffffff;
  border-radius: 6px;
  transform: rotate(135deg) skew(18deg, 18deg);
  z-index: -1;
}
@media screen and (max-width: 750px) {
  .recruit_voiceATextWrapper::after {
    top: -5px;
    left: 0;
    right: 0;
    bottom: auto;
    margin-left: auto;
    margin-right: auto;
    transform: rotate(45deg) skew(18deg, 18deg);
  }
}

.recruit_voiceAText {
  font-size: 1.25rem;
  line-height: 1.9;
}
@media screen and (max-width: 750px) {
  .recruit_voiceAText {
    font-size: 0.75rem;
  }
}

.recruit_voiceAFaceImageOuter {
  width: 19.3548%;
  height: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .recruit_voiceAFaceImageOuter {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}

.recruit_voiceAFaceImageWrapper {
  width: 100%;
  position: relative;
  display: flex;
}

.recruit_voiceAFaceImage {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50%;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .recruit_voiceAFaceImage {
    width: 46.1538%;
    margin-left: auto;
    margin-right: auto;
  }
}

.recruit_voiceAFaceImageCaption {
  position: absolute;
  display: block;
  width: fit-content;
  min-width: 60%;
  text-align: center;
  left: 0;
  right: 0;
  top: calc(100% - 20px);
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  font-size: 1.125rem;
  font-weight: bold;
  padding: 0.5em 0.5em;
  border-radius: 5px;
  z-index: 2;
}
@media screen and (max-width: 750px) {
  .recruit_voiceAFaceImageCaption {
    font-size: 0.875rem;
  }
}
.recruit_voiceAFaceImageCaption span {
  display: block;
  font-size: 0.8125rem;
  margin-top: 0.5em;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  .recruit_voiceAFaceImageCaption span {
    font-size: 0.75rem;
  }
}

/* 募集情報 ************************************************************/
.recruit_entryOuter {
  padding-top: 109px;
  padding-bottom: 120px;
}
@media screen and (max-width: 750px) {
  .recruit_entryOuter {
    padding-bottom: 50px;
    padding-top: 50px;
  }
}

.recruit_entryTtlHeaderText {
  font-size: 2.25rem;
  font-weight: bold;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .recruit_entryTtlHeaderText {
    font-size: 1.125rem;
  }
}

.recruit_entryListOuter {
  margin-top: 51px;
}
@media screen and (max-width: 750px) {
  .recruit_entryListOuter {
    margin-top: 22px;
  }
}

.recruit_entryContentsOuter {
  width: 100%;
  height: auto;
  display: block;
}
.recruit_entryContentsOuter:not(:first-of-type) {
  margin-top: 60px;
}
@media screen and (max-width: 750px) {
  .recruit_entryContentsOuter:not(:first-of-type) {
    margin-top: 25px;
  }
}

.recruit_entryContentsDetails {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 30px;
  overflow: hidden;
  box-shadow: 8px 8px 20px rgba(66, 158, 60, 0.5);
}
@media screen and (max-width: 750px) {
  .recruit_entryContentsDetails {
    border-radius: 15px;
    box-shadow: 4px 4px 10px rgba(66, 158, 60, 0.5);
  }
}
.recruit_entryContentsDetails:has(.recruit_entryMainContentsOuter:empty) {
  box-shadow: none;
}
.recruit_entryContentsDetails:has(.recruit_entryMainContentsOuter:empty) .recruit_entryContentsSummary {
  background-color: #333333;
  cursor: auto;
}
.recruit_entryContentsDetails:has(.recruit_entryMainContentsOuter:empty) .recruit_entryContentsSummary .recruit_entryContentsSummaryBtnText {
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
  background: none;
  color: #ffffff;
}
.recruit_entryContentsDetails:has(.recruit_entryMainContentsOuter:empty) .recruit_entryContentsSummary .recruit_entryContentsSummaryBtnText::after {
  display: none;
}

.recruit_entryContentsSummary {
  list-style: none;
  width: 100%;
  height: auto;
  min-height: 120px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #429e3c;
  padding-left: 40px;
  padding-right: 40px;
  cursor: pointer;
}
.recruit_entryContentsSummary::-webkit-details-marker {
  /*iOS Safariのデフォルトマーカーを非表示にする*/
  display: none;
}
.recruit_entryContentsSummary:focus-visible {
  outline: solid 2px currentColor;
  outline-offset: -3px;
  border-radius: 30px;
}
@media screen and (max-width: 750px) {
  .recruit_entryContentsSummary:focus-visible {
    border-radius: 15px;
  }
}
.recruit_entryContentsDetails[open] .recruit_entryContentsSummary:focus-visible {
  border-radius: 0;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
@media screen and (max-width: 750px) {
  .recruit_entryContentsDetails[open] .recruit_entryContentsSummary:focus-visible {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
  }
}
@media screen and (max-width: 750px) {
  .recruit_entryContentsSummary {
    padding-left: 20px;
    padding-right: 20px;
    min-height: 60px;
  }
}

.recruit_entryContentsSummaryText {
  width: fit-content;
  height: auto;
  font-size: 1.875rem;
  font-weight: bold;
  color: #ffffff;
}
@media screen and (max-width: 750px) {
  .recruit_entryContentsSummaryText {
    font-size: 1.0625rem;
    line-height: 1.3;
  }
}

.recruit_entryContentsSummaryBtnText {
  width: fit-content;
  min-width: 175px;
  height: auto;
  min-height: 46px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  background-color: #ffffff;
  border: 1px solid #ffffff;
  border-radius: 24px;
  padding-left: 16px;
  padding-right: 58px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .recruit_entryContentsSummaryBtnText {
    font-size: 0.75rem;
    min-width: 110px;
    min-height: 30px;
  }
}
.recruit_entryContentsSummaryBtnText::after {
  position: absolute;
  content: "";
  display: block;
  width: 18px;
  height: 12px;
  top: 0;
  bottom: 0;
  right: 13px;
  margin-top: auto;
  margin-bottom: auto;
  background: url(/images/recruit/icon_details-openclose.svg) no-repeat left top;
  background-size: 18px 12px;
  transform: rotate(180deg);
}
.recruit_entryContentsDetails[open] .recruit_entryContentsSummaryBtnText::after {
  top: 1px;
  transform: rotate(0deg);
}

.recruit_entryContentsSummaryBtnSubText {
  color: #429e3c;
}
.recruit_entryContentsSummaryBtnSubText[data-isclose] {
  display: block;
}
.recruit_entryContentsDetails[open] .recruit_entryContentsSummaryBtnSubText[data-isclose] {
  display: none;
}
.recruit_entryContentsSummaryBtnSubText[data-isopen] {
  display: none;
}
.recruit_entryContentsDetails[open] .recruit_entryContentsSummaryBtnSubText[data-isopen] {
  display: block;
}

.recruit_entryMainContentsOuter {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--accrodion-duration) ease-in-out;
}
.recruit_entryMainContentsOuter > .recruit_entryMainContentsWrapper {
  overflow: hidden;
}
.recruit_entryContentsDetails[data-isopen=true] > .recruit_entryMainContentsOuter {
  grid-template-rows: 1fr;
}

.recruit_entryMainContentsWrapper {
  width: 100%;
  height: auto;
  display: block;
  background-color: #ffffff;
}

.recruit_entryMainContentsInner {
  width: 100%;
  height: auto;
  display: block;
  padding: 40px;
}
@media screen and (max-width: 750px) {
  .recruit_entryMainContentsInner {
    padding: 15px;
  }
}

.recruit_entryDetailList {
  width: 100%;
  height: auto;
  display: block;
}

.recruit_entryDetailListItem {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
  padding-left: 20px;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListItem {
    flex-direction: column;
    padding: 15px;
  }
}
.recruit_entryDetailListItem:not(:first-of-type) {
  border-top: 1px solid #b8b8b8;
}

.recruit_entryDetailListTerm {
  width: 200px;
  height: auto;
  display: block;
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListTerm {
    width: 100%;
    font-size: 0.75rem;
  }
}

.recruit_entryDetailListDesc {
  width: calc(100% - 200px);
  height: auto;
  display: block;
  font-size: 1.125rem;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDesc {
    width: 100%;
    font-size: 0.75rem;
    margin-top: 8px;
  }
}
.recruit_entryDetailListDesc ol {
  counter-reset: entryCounter;
  list-style: none;
}
.recruit_entryDetailListDesc ol li {
  width: 100%;
  height: auto;
  display: block;
  padding-left: 36px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDesc ol li {
    padding-left: 25px;
  }
}
.recruit_entryDetailListDesc ol li:not(:first-of-type) {
  margin-top: 15px;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDesc ol li:not(:first-of-type) {
    margin-top: 8px;
  }
}
.recruit_entryDetailListDesc ol li::before {
  position: absolute;
  content: counter(entryCounter);
  counter-increment: entryCounter;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  width: 28px;
  top: -0.15em;
  left: 0;
  color: #ffffff;
  background-color: #429e3c;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1;
  border-radius: 14px;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDesc ol li::before {
    height: 18px;
    width: 18px;
    font-size: 0.6875rem;
  }
}
.recruit_entryDetailListDesc ul {
  list-style: none;
}
.recruit_entryDetailListDesc ul li {
  width: 100%;
  height: auto;
  display: block;
  padding-left: 22px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDesc ul li {
    padding-left: 16px;
  }
}
.recruit_entryDetailListDesc ul li:not(:first-of-type) {
  margin-top: 15px;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDesc ul li:not(:first-of-type) {
    margin-top: 8px;
  }
}
.recruit_entryDetailListDesc ul li::before {
  position: absolute;
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  top: 0.6em;
  left: 7px;
  background-color: #429e3c;
  border-radius: 3px;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDesc ul li::before {
    height: 4px;
    width: 4px;
  }
}

.recruit_entryDetailListDesc-strong {
  font-weight: bold;
  color: #c62424;
}

.recruit_entryDetailListDescSubText {
  width: 100%;
  height: auto;
  display: block;
  font-size: 1rem;
  margin-top: 30px;
}
@media screen and (max-width: 750px) {
  .recruit_entryDetailListDescSubText {
    margin-top: 15px;
    font-size: 0.75rem;
  }
}

.recruit_entryInquiryText {
  width: 100%;
  height: auto;
  display: block;
  font-size: 1.125rem;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .recruit_entryInquiryText {
    font-size: 0.75rem;
  }
}

/* 採用に関するお問い合わせ ************************************************************/
.recruit_contactOuter {
  width: 100%;
  height: auto;
  display: block;
  margin-top: 120px;
}
@media screen and (max-width: 750px) {
  .recruit_contactOuter {
    margin-top: 60px;
  }
}

.recruit_contactWrapper {
  max-width: 500px;
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.recruit_contactContentsTtlHeader {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
}

.recruit_contactContentsTtlHeader-jp {
  display: block;
  font-size: 1.75rem;
  font-weight: bold;
  margin-top: 13px;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsTtlHeader-jp {
    font-size: 1rem;
  }
}

.recruit_contactContentsTtlHeader-en {
  font-size: 1.25rem;
  color: #429e3c;
  font-weight: normal;
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsTtlHeader-en {
    font-size: 0.8125rem;
  }
}
.recruit_contactContentsTtlHeader-en::before {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 18px;
  background: url(/common/images/icon_pin01.svg) no-repeat left top;
  background-size: 14px 18px;
  top: 0.2em;
  left: 0;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsTtlHeader-en::before {
    width: 10px;
    height: 13px;
    background-size: contain;
    top: 0.1em;
  }
}
.recruit_contactContentsTtlHeader-en::after {
  position: absolute;
  content: "";
  display: block;
  width: 14px;
  height: 18px;
  background: url(/common/images/icon_pin01.svg) no-repeat left top;
  background-size: 14px 18px;
  top: 0.2em;
  right: 0;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsTtlHeader-en::after {
    width: 10px;
    height: 13px;
    background-size: contain;
    top: 0.1em;
  }
}

.recruit_contactContentsTextOuter {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 34px;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsTextOuter {
    margin-top: 19px;
  }
}

.recruit_contactContentsText-phoneNumber {
  width: fit-content;
  display: flex;
  align-items: center;
  font-size: 2.5rem;
  font-weight: bold;
  padding-left: 54px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsText-phoneNumber {
    font-size: 1.4375rem;
    padding-left: 30px;
  }
}
.recruit_contactContentsText-phoneNumber::before {
  position: absolute;
  content: "";
  width: 42px;
  height: 56px;
  display: block;
  top: 0;
  left: 0;
  background: url(/images/recruit/icon_contact.png) no-repeat left top;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsText-phoneNumber::before {
    width: 25px;
    height: 34px;
    background-size: contain;
  }
}

.recruit_contactContentsText-subText {
  width: 100%;
  height: auto;
  display: flex;
  justify-content: center;
  font-size: 1rem;
  margin-top: 25px;
}
@media screen and (max-width: 750px) {
  .recruit_contactContentsText-subText {
    font-size: calc(10.4347826087px * 1rem);
  }
}
/*# sourceMappingURL=recruit.css.map */
