@charset "UTF-8";

/*
======== CONTENTS ==========================================
	RECRUIT - CAREER
  環境
============================================================
*/

/* - member
---------------------------------- */
.cr-envMember {
  margin: 0 0 30px 0;
}

@media screen and (max-width: 768px) {
  .cr-envMember {
    margin: 0 0 30px 0;
  }
}

.cr-envMember .cr-envMember_title {
  font-size: min(calc(12 / 965 * 100vw), 12px);
  letter-spacing: 0.4em;
  line-height: 1.5;
  text-align: center;
  margin: 0 0 30px 0;
}

@media screen and (max-width: 768px) {
  .cr-envMember .cr-envMember_title {
    font-size: calc(12 / 375 * 100vw);
    margin: 0 0 30px 0;
  }
}

.cr-envMember .cr-envMemberItem_wrap {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.cr-envMemberItem {
  width: calc(330 / 670 * 100%);
  background: #fff;
  padding: 20px calc(10 / 670 * 100%) 20px calc(20 / 670 * 100%);
}

.cr-envMemberItem * {
  color: #323232;
}

.cr-envMemberItem .cr-envMemberItem_head {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

.cr-envMemberItem .cr-envMemberItem_thumb {
  width: calc(153 / 300 * 100%);
}

.cr-envMemberItem .cr-envMemberItem_text-h {
  font-weight: normal;
  flex: 1 1 0;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  justify-content: center;
  padding: 0 0 0 calc(20 / 300 * 100%);
}

.cr-envMemberItem .cr-envMemberItem_text-h > span:nth-of-type(1) {
  font-size: min(calc(22 / 965 * 100vw), 22px);
  line-height: 1.5;
}

.cr-envMemberItem .cr-envMemberItem_text-h > span:nth-of-type(2) {
  font-size: min(calc(12 / 965 * 100vw), 12px);
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin: 0.5em 0 0 0;
}

.cr-envMemberItem .cr-envMemberItem_text-1 {
  font-size: min(calc(12 / 965 * 100vw), 12px);
  line-height: 1.7;
  margin: 25px 0 0 0;
}

.cr-envMemberItem .cr-envMemberItem_text-2 {
  font-size: min(calc(13 / 965 * 100vw), 13px);
  line-height: 1.8;
  margin: 20px 0 0 0;
}

@media screen and (max-width: 768px) {
  .cr-envMember .cr-envMemberItem_wrap {
    display: block;
  }

  .cr-envMemberItem {
    width: calc(340 / 375 * 100%);
    margin: 0 auto;
    padding: 30px calc(20 / 375 * 100%) 30px calc(20 / 375 * 100%);
  }

  .cr-envMemberItem + .cr-envMemberItem {
    margin-top: 10px;
  }

  .cr-envMemberItem .cr-envMemberItem_head {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
  }

  .cr-envMemberItem .cr-envMemberItem_thumb {
    width: calc(153 / 280 * 100%);
  }

  .cr-envMemberItem .cr-envMemberItem_text-h {
    padding: 0 0 0 calc(20 / 280 * 100%);
  }

  .cr-envMemberItem .cr-envMemberItem_text-h > span:nth-of-type(1) {
    font-size: calc(22 / 375 * 100vw);
  }

  .cr-envMemberItem .cr-envMemberItem_text-h > span:nth-of-type(2) {
    font-size: calc(12 / 375 * 100vw);
  }

  .cr-envMemberItem .cr-envMemberItem_text-1 {
    font-size: calc(11 / 375 * 100vw);
    margin: 20px 0 0 0;
  }

  .cr-envMemberItem .cr-envMemberItem_text-2 {
    font-size: calc(12 / 375 * 100vw);
    margin: 20px 0 0 0;
  }
}

/* - interview 1
---------------------------------- */
#cr-envItv-1 {
  background: #fff;
  padding: 30px 0;
  margin: 30px 0 0 0;
}

#cr-envItv-1 .cr-envItv-1_title-1 {
  margin: 0 0 20px 0;
  padding: 0 calc(30 / 670 * 100%);
}

#cr-envItv-1 .cr-envItv-1_title-2 {
  font-size: min(calc(30 / 965 * 100vw), 30px);
  line-height: 1.7;
  text-align: center;
  margin: 0 0 30px 0;
  padding: 0 calc(10 / 670 * 100%);
}

#cr-envItv-1 .cr-envItv-1_container-text {
  padding: 0 calc(60 / 610 * 100%);
  margin: 30px 0 0 0;
}

@media screen and (max-width: 768px) {
  #cr-envItv-1 {
    background: #fff;
    padding: 30px 0;
    margin: 30px 0 0 0;
  }

  #cr-envItv-1 .cr-envItv-1_title-1 {
    margin: 0 0 20px 0;
    padding: 0 calc(10 / 375 * 100%);
  }

  #cr-envItv-1 .cr-envItv-1_title-2 {
    font-size: calc(23 / 375 * 100vw);
    margin: 0 0 30px 0;
    padding: 0 calc(10 / 375 * 100%);
  }

  #cr-envItv-1 .cr-envItv-1_container-text {
    width: calc(340 / 375 * 100%);
    padding: 0 0;
    margin: 30px auto 0 auto;
  }
}

/* - interview 2
---------------------------------- */
#cr-envItv-2 {
  background: #fff;
  padding: 30px calc(30 / 670 * 100%);
  margin: 30px 0 0 0;
}

#cr-envItv-2 .cr-envItv-2_container {
  display: flex;
  justify-content: space-between;
  gap: 30px calc(30 / 610 * 100%);
  margin: 30px 0 0 0;
}

#cr-envItv-2 .cr-envItv-2_container:nth-of-type(odd) {
  flex-direction: row-reverse;
}

#cr-envItv-2 .cr-envItv-2_column-img {
  width: calc(247 / 610 * 100%);
}

#cr-envItv-2 .cr-envItv-2_column-text {
  flex: 1 1 0;
}

@media screen and (max-width: 768px) {
  #cr-envItv-2 {
    width: calc(340 / 375 * 100%);
    padding: 30px calc(20 / 375 * 100%);
    margin: 30px auto 0 auto;
  }

  #cr-envItv-2 .cr-envItv-2_container {
    flex-flow: row wrap;
    gap: 30px calc(30 / 300 * 100%);
    margin: 30px 0 0 0;
  }

  #cr-envItv-2 .cr-envItv-2_container:nth-of-type(odd) {
    flex-direction: row;
  }

  #cr-envItv-2 .cr-envItv-2_column-img {
    width: 100%;
  }

  #cr-envItv-2 .cr-envItv-2_column-text {
    width: 100%;
  }
}

/* - interview 3
---------------------------------- */
#cr-envItv-3 {
  background: #fff;
  padding: 0 0 30px 0;
  margin: 30px 0 0 0;
}

#cr-envItv-3 .cr-envItv-3_img {
  margin: 0 0 50px 0;
}

#cr-envItv-3 .cr-envItv-3_container {
  margin: 30px 0 0 0;
  padding: 0 calc(30 / 670 * 100%);
}

@media screen and (max-width: 768px) {
  #cr-envItv-3 {
    padding: 0 0 30px 0;
    margin: 30px 0 0 0;
  }

  #cr-envItv-3 .cr-envItv-3_img {
    margin: 0 0 30px 0;
  }

  #cr-envItv-3 .cr-envItv-3_container {
    width: calc(340 / 375 * 100%);
    margin: 30px auto 0 auto;
    padding: 0 0;
  }
}

/* - interview 4
---------------------------------- */
#cr-envItv-4 {
  background: #fff;
  padding: 30px calc(30 / 670 * 100%);
  margin: 30px 0 0 0;
}

#cr-envItv-4 .cr-envItv-4_img {
  margin: 0 0 50px 0;
}

#cr-envItv-4 .cr-envItv-4_container {
  margin: 30px 0 0 0;
}

@media screen and (max-width: 768px) {
  #cr-envItv-4 {
    width: calc(340 / 375 * 100%);
    padding: 30px calc(20 / 375 * 100%);
    margin: 30px auto 0 auto;
  }

  #cr-envItv-4 .cr-envItv-4_img {
    margin: 0 0 30px 0;
  }

  #cr-envItv-4 .cr-envItv-4_container {
    margin: 30px 0 0 0;
  }
}

/* - interview 5
---------------------------------- */
#cr-envItv-5 {
  background: #fff;
  padding: 30px calc(30 / 670 * 100%);
  margin: 30px 0 0 0;
}

#cr-envItv-5 .cr-envItv-5_container {
  display: flex;
  justify-content: space-between;
  gap: 30px calc(30 / 610 * 100%);
  margin: 30px 0 0 0;
}

#cr-envItv-5 .cr-envItv-5_container:nth-of-type(even) {
  flex-direction: row-reverse;
}

#cr-envItv-5 .cr-envItv-5_column-img {
  width: calc(247 / 610 * 100%);
}

#cr-envItv-5 .cr-envItv-5_column-text {
  flex: 1 1 0;
}

#cr-envItv-5 .cr-envItv-5_title-1 {
  margin: 70px 0;
}

@media screen and (max-width: 768px) {
  #cr-envItv-5 {
    padding: 30px 0 0 0;
    margin: 30px auto 0 auto;
  }

  #cr-envItv-5 .cr-envItv-5_container {
    width: calc(340 / 375 * 100%);
    flex-flow: row wrap;
    gap: 30px calc(30 / 375 * 100%);
    margin: 30px auto 0 auto;
  }

  #cr-envItv-5 .cr-envItv-5_container:nth-of-type(even) {
    flex-direction: row;
  }

  #cr-envItv-5 .cr-envItv-5_column-img {
    width: 100%;
  }

  #cr-envItv-5 .cr-envItv-5_column-text {
    width: 100%;
  }

  #cr-envItv-5 .cr-envItv-5_title-1 {
    margin: 50px 0;
  }
}

/* - project - interview
---------------------------------- */
.cr-p-envItv .cr-p-envItv_headline {
  font-size: min(calc(24 / 965 * 100vw), 24px);
  line-height: 1.7;
  text-align: center;
  width: fit-content;
  border-bottom: 2px solid #d61518;
  padding: 0 0 0.3em 0;
  margin: 0 auto 50px auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .cr-p-envItv .cr-p-envItv_headline {
    font-size: calc(18 / 375 * 100vw);
    margin: 0 auto 30px auto;
  }
}

.cr-p-envItv .cr-p-envItv_text {
  font-size: min(calc(16 / 965 * 100vw), 16px);
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .cr-p-envItv .cr-p-envItv_text {
    font-size: calc(14 / 375 * 100vw);
  }
}

.cr-p-envItv .cr-p-envItv_text + .cr-p-envItv_text {
  margin-top: 2em;
}

.cr-p-envItv .cr-p-envItv_text-name {
  font-weight: bold;
}

/* - project - crs
---------------------------------- */
.cr-p-crs {
  width: 100%;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 65px;
  position: relative;
}

.cr-p-crs:after,
.cr-p-crs:before {
  content: '';
  display: block;
  width: 55px;
  height: 1px;
  background: #323232;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.cr-p-crs:before {
  rotate: -45deg;
}

.cr-p-crs:after {
  rotate: 45deg;
}

.cr-p-crs > span {
  font-weight: bold;
  color: #323232;
  font-size: min(calc(12 / 965 * 100vw), 12px);
  letter-spacing: 0.1em;
}

@media screen and (max-width: 768px) {
  .cr-p-crs {
    height: 32px;
    gap: 55px;
  }

  .cr-p-crs:after,
  .cr-p-crs:before {
    width: 45px;
  }

  .cr-p-crs > span {
    font-size: calc(12 / 375 * 100vw);
  }
}