.base_wide {
  margin: 0 auto;
  width: 1200px;
}
.content-rec {
  margin-top: 100px;
  margin-bottom: 124px;
}
@media screen and (max-width: 900px) {
  .base_wide {
    min-width: 320px;
    width: auto;
  }
  .content-rec {
    margin-top: 40px;
    margin-bottom: 22px;
  }
}

.content__wide {
  width: 100%;
}
.content__wide_normal {
  float: right;
  width: 900px;
}
.content__wide_middle {
  margin: 0 auto;
  width: 980px;
}
.content__wide_middle,
.content__wide_normal {
  background: #fff;
}
@media screen and (max-width: 900px) {
  .content__wide,
  .content__wide_middle,
  .content__wide_normal {
    float: none;
    margin: 0 auto;
    width: auto;
    padding: 12px 30px 42px;
  }
}
@media screen and (max-width: 640px) {
  .content__wide,
  .content__wide_middle,
  .content__wide_normal {
    padding: 12px calc(4.688vw + 0px) 42px;
  }
}
@media screen and (max-width: 320px) {
  .content__wide,
  .content__wide_middle,
  .content__wide_normal {
    padding: 12px 15px 42px;
  }
}

.recuruit-head_ {
  background-color: #fffaeb;
  background-image: url("../images/recruit/interview_bg.webp");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 720px;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .recuruit-head_ {
    height: calc(57.692vw + 20.769px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head_ {
    height: 390px;
  }
}
@media screen and (max-width: 520px) {
  .recuruit-head_ {
    height: auto;
    padding: 48px 0 0 0;
  }
}
.recuruit-head___inner {
  position: relative;
  height: 100%;
}
@media screen and (max-width: 520px) {
  .recuruit-head___inner {
    padding-top: calc(51vw + 24.8px);
    padding-top: calc(45vw + 10px);
  }
}
@media screen and (max-width: 320px) {
  .recuruit-head___inner {
    padding-top: 188px;
  }
}
.recuruit-head___cont {
  position: absolute;
  bottom: 0;
  z-index: 11;
  z-index: 6;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont {
    padding: 0 calc(5.769vw + -21.924px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head___cont {
    padding: 0 15px;
  }
}
@media screen and (max-width: 520px) {
  .recuruit-head___cont {
    position: relative;
    padding: 0 15px 24px;
  }
}
.recuruit-head___cont_number {
  display: inline-block;
  background: #fff;
  width: 210px;
  padding: 6px 0 6px 4px;
  margin-bottom: 16px;
  color: #f97d00;
  color: #fff;
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-size: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  background-color: #ffa500;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_number {
    width: 158px;
    font-size: 18px;
    padding: 4px 0 4px 2px;
    margin-bottom: 14px;
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head___cont_number {
    width: 131px;
    font-size: 14.5px;
    margin-bottom: 12px;
    margin-bottom: 3px;
  }
}
.recuruit-head___cont_copy {
  font-size: 0;
  margin-bottom: 210px;
}
.recuruit-head___cont_copy > span {
  display: inline-block;
  /*
  background: #f97d00;
  background: #fff;
  */
  padding: 15px 22px;
  color: #fff;
  color: #000080;
  text-shadow: 5px 5px 5px #fff, -5px -5px 5px #fff, -5px 5px 5px #fff, 5px -5px 5px #fff, 5px 0 5px #fff, -5px 0 5px #fff, 0 5px 5px #fff, 0 -5px 5px #fff;
  font-size: 32px;
  font-size: 2.5rem;
  font-weight: 700;
  font-style: italic;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_copy > span {
    font-size: calc(1.923vw + 6.692px);
    padding: 10px 18px 12px;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head___cont_copy > span {
    font-size: 19px;
    padding: 9px 11px 9px;
  }
}
.recuruit-head___cont_copy > span:not(:last-child) {
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_copy > span:not(:last-child) {
    margin-bottom: calc(0.769vw + 1.077px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head___cont_copy > span:not(:last-child) {
    margin-bottom: 6px;
    margin-bottom: 2px;
  }
}
.recuruit-head_.pattern_01 .recuruit-head___cont_copy > .c2 {
  padding-right: 0px;
  margin-bottom: 0;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_01 .recuruit-head___cont_copy > .c2 {
    padding-right: 14px;
    margin-bottom: 6px;
  }
}
.recuruit-head_.pattern_01 .recuruit-head___cont_copy > .c2 + br {
  display: none;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_01 .recuruit-head___cont_copy > .c2 + br {
    display: inline-block;
  }
}
.recuruit-head_.pattern_01 .recuruit-head___cont_copy > .c3 {
  padding-left: 0px;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_01 .recuruit-head___cont_copy > .c3 {
    padding-left: 14px;
  }
}
@media screen and (max-width: 520px) {
  .recuruit-head_.pattern_02 .recuruit-head___cont_copy > span {
    padding: 9px 10px 9px;
    padding: 3px 10px 3px;
    font-size: 18px;
  }
}
.recuruit-head_.pattern_03 .recuruit-head___cont_copy > .c2 {
  padding-right: 0px;
  margin-bottom: 0;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_03 .recuruit-head___cont_copy > .c2 {
    padding-right: 14px;
    margin-bottom: 6px;
  }
}
.recuruit-head_.pattern_03 .recuruit-head___cont_copy > .c2 + br {
  display: none;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_03 .recuruit-head___cont_copy > .c2 + br {
    display: inline-block;
  }
}
.recuruit-head_.pattern_03 .recuruit-head___cont_copy > .c3 {
  padding-left: 0px;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_03 .recuruit-head___cont_copy > .c3 {
    padding-left: 14px;
  }
}
.recuruit-head_.pattern_04 .recuruit-head___cont_copy > .c1 {
  padding-right: 0px;
  margin-bottom: 0;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_04 .recuruit-head___cont_copy > .c1 {
    padding-right: 14px;
    margin-bottom: 6px;
  }
}
.recuruit-head_.pattern_04 .recuruit-head___cont_copy > .c1 + br {
  display: none;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_04 .recuruit-head___cont_copy > .c1 + br {
    display: inline-block;
  }
}
.recuruit-head_.pattern_04 .recuruit-head___cont_copy > .c2 {
  padding-left: 0px;
}
@media screen and (max-width: 700px) {
  .recuruit-head_.pattern_04 .recuruit-head___cont_copy > .c2 {
    padding-left: 14px;
  }
}
@media screen and (max-width: 900px) {
  .recuruit-head_.pattern_set .recuruit-head___cont_copy {
    margin-bottom: calc(33.077vw + -145.693px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head_.pattern_set .recuruit-head___cont_copy {
    margin-bottom: 66px;
  }
}
@media screen and (max-width: 520px) {
  .recuruit-head_.pattern_set .recuruit-head___cont_copy {
    margin-bottom: 32px;
  }
}
.recuruit-head___cont_profile {
  position: relative;
  display: inline-flex;
  align-items: center;
  background: #fff;
  background: #f0e68c;
  min-width: 360px;
  height: 108px;
  padding: 0 32px;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_profile {
    min-width: calc(11.538vw + 166.154px);
    height: 86px;
    padding: 0 16px;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head___cont_profile {
    min-width: 240px;
  }
}
@media screen and (max-width: 520px) {
  .recuruit-head___cont_profile {
    width: 100%;
  }
}
.recuruit-head___cont_profile > .name {
  color: #f97d00;
  font-family: "Fira Sans Extra Condensed", sans-serif;
  font-size: 52px;
  font-weight: 300;
  font-weight: 800;
  margin-right: 20px;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_profile > .name {
    font-size: 42px;
    margin-right: 12px;
  }
}
.recuruit-head___cont_profile > .detail {
  font-size: 0;
  font-weight: 500;
  font-feature-settings: "palt";
}
.recuruit-head___cont_profile > .detail > ._department,
.recuruit-head___cont_profile > .detail > ._join {
  font-size: 15px;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_profile > .detail > ._department,
  .recuruit-head___cont_profile > .detail > ._join {
    font-size: 13px;
  }
}
.recuruit-head___cont_profile > .detail > ._department > span + span {
  margin-left: 1em;
}
.recuruit-head___cont_profile > .detail > ._join {
  margin-top: 10px;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_profile > .detail > ._join {
    margin-top: 8px;
  }
}
.recuruit-head___cont_profile > .icon {
  position: absolute;
  top: -14px;
  left: 0;
  background: #333;
  border-radius: 10px;
  width: 96px;
  padding: 7px 0;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.12em;
  text-align: center;
  z-index: 11;
}
@media screen and (max-width: 900px) {
  .recuruit-head___cont_profile > .icon {
    top: -9px;
    width: 72px;
    padding: 4px 0 5px;
    font-size: 12px;
  }
}
.recuruit-head___cont_profile > .icon.icon_sale {
  background: #f77e76;
}
.recuruit-head___cont_profile > .icon.icon_product {
  background: #6eb946;
  background: #0000cd;
}
.recuruit-head___cont_profile > .icon.icon_quality {
  background: #45a3ca;
  letter-spacing: 0;
}
.recuruit-head___photo {
  position: absolute;
  right: -240px;
  bottom: 0;
  width: 1280px;
  height: 640px;
  z-index: 10;
  z-index: 5;
  overflow: hidden;
}
@media screen and (max-width: 900px) {
  .recuruit-head___photo {
    right: calc(-20vw + 0px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head_.pattern_01 .recuruit-head___photo {
    right: calc(26.667vw + -298.667px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head_.pattern_02 .recuruit-head___photo {
    right: calc(68.333vw + -565.334px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head_.pattern_03 .recuruit-head___photo {
    right: calc(43.333vw + -405.334px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head_.pattern_04 .recuruit-head___photo {
    right: calc(26.667vw + -298.667px);
  }
}
@media screen and (max-width: 900px) {
  .recuruit-head_.pattern_set .recuruit-head___photo {
    width: calc(106.923vw + -2.308px);
    height: calc(53.077vw + 2.308px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-head_.pattern_set .recuruit-head___photo {
    width: 682px;
    height: 342px;
  }
}
@media screen and (max-width: 520px) {
  .recuruit-head_.pattern_set .recuruit-head___photo {
    top: 0;
    right: calc(47vw + -334.4px);
    bottom: inherit;
    height: calc(51vw + 76.8px);
  }
}
@media screen and (max-width: 320px) {
  .recuruit-head_.pattern_set .recuruit-head___photo {
    right: -184px;
    height: 240px;
  }
}
.recuruit-head___photo > img {
  position: absolute;
  height: 100%;
  right: 50%;
  transform: translateX(50%);
}

.content__wide ul,
.content__wide ol {
  list-style: none;
}

.content__wide li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.recuruit-content_list > li:not(:first-child):not(:last-child) {
  margin-top: 72px;
}
@media screen and (max-width: 900px) {
  .recuruit-content_list > li:not(:first-child):not(:last-child) {
    margin-top: 52px;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_list > li:not(:first-child):not(:last-child) {
    margin-top: 40px;
  }
}
.recuruit-content_list > li:last-child {
  margin-top: 84px;
}
@media screen and (max-width: 900px) {
  .recuruit-content_list > li:last-child {
    margin-top: 52px;
  }
}

.recuruit-content_detail {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 640px) {
  .recuruit-content_detail {
    overflow: inherit;
  }
}
.recuruit-content_detail__cont {
  position: relative;
  background: #fff;
  width: 50%;
  z-index: 11;
  z-index: 6;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail__cont {
    width: calc(26.923vw + 357.692px);
    margin-top: 248px;
    padding-top: 4px;
    box-shadow: 0 0 0 calc(3.846vw + -4.616px) #fff;
  }
  .ua_ie .recuruit-content_detail__cont {
    box-shadow: 0 0 0 25px #fff;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_detail__cont {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    box-shadow: inherit;
  }
}
.recuruit-content_detail.detail_photo_left .recuruit-content_detail__cont {
  float: right;
}
@media screen and (max-width: 640px) {
  .recuruit-content_detail.detail_photo_left .recuruit-content_detail__cont {
    float: inherit;
  }
}
.recuruit-content_detail.detail_photo_right .recuruit-content_detail__cont {
  float: left;
}
@media screen and (max-width: 640px) {
  .recuruit-content_detail.detail_photo_right .recuruit-content_detail__cont {
    float: inherit;
  }
}
.recuruit-content_detail__cont > .copy {
  margin-bottom: 36px;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail__cont > .copy {
    margin-bottom: 20px;
  }
}
.recuruit-content_detail__cont > .copy > .main {
  color: #f97d00;
  color: #37a34a;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  font-size: 26px;
  max-height: 100%;
  margin-top: -7.995px;
  margin-bottom: -7.995px;
  line-height: 1.615;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail__cont > .copy > .main {
    font-size: 22px;
    max-height: 100%;
    margin-top: -6.996px;
    margin-bottom: -6.996px;
    line-height: 1.636;
  }
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail__cont > .copy > .main {
    font-size: 18px;
    max-height: 100%;
    margin-top: -5.004px;
    margin-bottom: -5.004px;
    line-height: 1.556;
  }
}
.recuruit-content_detail__cont > .copy > .main > span {
  display: inline-block;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail__cont > .copy > .main > .sp_hide {
    display: none;
  }
}
.recuruit-content_detail__cont > .text > p {
  font-size: 16px;
  max-height: 100%;
  margin-top: -8px;
  margin-bottom: -8px;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail__cont > .text > p {
    font-size: 15px;
    max-height: 100%;
    margin-top: -6.5025px;
    margin-bottom: -6.5025px;
    line-height: 1.867;
  }
}
.recuruit-content_detail__photo {
  position: relative;
  display: inline-block;
  width: 540px;
  z-index: 10;
  z-index: 6;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail__photo {
    position: absolute;
    width: 420px;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_detail__photo {
    position: relative;
    width: calc(81.25vw + 60px);
    margin: 30px calc(4.688vw + -30px) 0;
  }
}
@media screen and (max-width: 320px) {
  .recuruit-content_detail__photo {
    width: 320px;
    margin: 30px -15px 0;
  }
}
.recuruit-content_detail.detail_photo_left .recuruit-content_detail__photo {
  float: left;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail.detail_photo_left .recuruit-content_detail__photo {
    float: inherit;
    left: 0;
  }
}
.recuruit-content_detail.detail_photo_right .recuruit-content_detail__photo {
  float: right;
}
@media screen and (max-width: 900px) {
  .recuruit-content_detail.detail_photo_right .recuruit-content_detail__photo {
    float: inherit;
    right: 0;
  }
}
.recuruit-content_detail__photo > img {
  width: 100%;
}

.recuruit-content_message {
  position: relative;
  background: #fffaeb;
  padding: 72px 60px 78px;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message {
    padding: 52px 40px 50px;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_message {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 28px calc(4.688vw + 0px);
  }
}
@media screen and (max-width: 320px) {
  .recuruit-content_message {
    padding: 28px 15px;
  }
}
.recuruit-content_message::before,
.recuruit-content_message::after {
  content: "";
  position: absolute;
  width: 40px;
  height: 38px;
}
.recuruit-content_message::before {
  top: -4px;
  left: -4px;
  border-top: solid 10px #f97d00;
  border-left: solid 10px #f97d00;
}
.recuruit-content_message::after {
  right: -4px;
  bottom: -4px;
  border-right: solid 10px #f97d00;
  border-bottom: solid 10px #f97d00;
}
.recuruit-content_message > .copy {
  position: relative;
  width: 740px;
  margin-bottom: 24px;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  font-weight: bold;
  z-index: 11;
  z-index: 6;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message > .copy {
    width: 100%;
    padding: 0 0 0 calc(10.769vw + 87.077px);
    margin-bottom: calc(10vw + -40px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_message > .copy {
    order: 1;
    padding: 0 0 0 0;
    margin-bottom: 24px;
    text-align: center;
  }
}
.recuruit-content_message > .copy > ._sub {
  position: relative;
  display: inline-block;
  padding-bottom: 11px;
  border-bottom: solid 1px #333;
  margin-left: -1px;
  margin-bottom: 26px;
  font-size: 18px;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message > .copy > ._sub {
    margin-bottom: 32px;
  }
}
.recuruit-content_message > .copy > ._sub::before,
.recuruit-content_message > .copy > ._sub::after {
  content: "";
  position: absolute;
  left: calc(50% - 8px);
  width: 0;
  height: 0;
  border-width: 16px 8px 0 8px;
  border-style: solid;
  border-color: transparent transparent transparent transparent;
}
.recuruit-content_message > .copy > ._sub::before {
  bottom: -16px;
  border-top-color: #333;
}
.recuruit-content_message > .copy > ._sub::after {
  bottom: -14.5px;
  border-top-color: #fffaeb;
}
.recuruit-content_message > .copy > ._main {
  display: block;
  color: #f97d00;
  font-size: 26px;
  line-height: 1.462;
  margin-top: -6.006px;
  margin-bottom: -6.006px;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message > .copy > ._main {
    font-size: calc(1.538vw + 8.154px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_message > .copy > ._main {
    padding: 0 20px;
    font-size: 18px;
  }
}
.recuruit-content_message > .copy > ._main span {
  display: inline-block;
}
.recuruit-content_message > .word {
  position: absolute;
  top: 48px;
  left: 280px;
  color: #fff;
  font-family: "Cabin", sans-serif;
  font-size: 124px;
  font-feature-settings: "palt";
  font-weight: 400;
  letter-spacing: 0.048em;
  z-index: 10;
  z-index: 5;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message > .word {
    top: calc(-3.077vw + 107.692px);
    left: calc(39.231vw + 10.923px);
    font-size: calc(15.385vw + -42.462px);
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_message > .word {
    order: 4;
    display: none;
  }
}
.recuruit-content_message > .text {
  width: 740px;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message > .text {
    width: 100%;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_message > .text {
    order: 3;
  }
}
.recuruit-content_message > .text > p {
  font-size: 16px;
  max-height: 100%;
  margin-top: -8px;
  margin-bottom: -8px;
  line-height: 2;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message > .text > p {
    font-size: 15px;
    max-height: 100%;
    margin-top: -6.5025px;
    margin-bottom: -6.5025px;
    line-height: 1.867;
  }
}
.recuruit-content_message > .photo {
  position: absolute;
  top: 50%;
  right: 60px;
  width: 300px;
  transform: translateY(-50%);
  z-index: 11;
  z-index: 6;
}
@media screen and (max-width: 900px) {
  .recuruit-content_message > .photo {
    width: calc(12.308vw + 49.231px);
    top: 28px;
    left: 36px;
    right: inherit;
    transform: inherit;
  }
}
@media screen and (max-width: 640px) {
  .recuruit-content_message > .photo {
    order: 2;
    position: relative;
    top: inherit;
    left: inherit;
    width: 128px;
    height: 128px;
    margin-bottom: 24px;
  }
}
.recuruit-content_message > .photo > ._person {
  display: block;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: 4px 6.928px 0px 0px #fee1bc;
}
.recuruit-content_message > .photo > ._person > img {
  width: 100%;
}