@charset "UTF-8";
/**********************************************************************************************
メインビジュアル
**********************************************************************************************/
/* その1 */
.bl_commonHeader1Outer {
  position: relative;
  width: 100%;
  height: auto;
}

.bl_commonHeader1PhotoOuter {
  width: 100%;
  height: auto;
}

.bl_commonHeader1PhotoWrapper {
  width: 100%;
  height: auto;
  clip-path: polygon(0 0, 100% 0, 100% 96.6666%, 50% 100%, 0 96.6666%);
}

.el_commonHeader1Photo {
  width: 100%;
  height: auto;
}

@media (max-width: 1200px) {
  .el_commonHeader1Photo {
    width: 110%;
    max-width: none;
  }
}

@media only screen and (max-width: 567px) {
  .el_commonHeader1Photo {
    width: 100%;
    max-width: 100%;
  }
}

.bl_commonHeader1TextOuter {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 1190px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}

@media only screen and (max-width: 567px) {
  .bl_commonHeader1TextOuter {
    position: relative;
    margin-top: -66%;
  }
}

.bl_commonHeader1Outer.left .bl_commonHeader1TextWrapper {
  width: 100%;
  margin-right: auto;
}

.bl_commonHeader1Outer.right .bl_commonHeader1TextWrapper {
  width: auto;
  margin-left: auto;
}

@media only screen and (max-width: 567px) {
  .bl_commonHeader1TextWrapper {
    width: 100%;
    margin-left: 0;
    margin-right: auto;
  }
}

.bl_commonHeader1Text {
  display: block;
}

.el_commonHeader1TextSub {
  display: block;
  font-size: 1.875rem;
  color: #333;
  font-weight: bold;
}

.el_commonHeader1TextSub::first-letter {
  color: #00ac4d;
}

@media (max-width: 1400px) {
  .el_commonHeader1TextSub {
    font-size: 1.625rem;
  }
}

@media (max-width: 1200px) {
  .el_commonHeader1TextSub {
    font-size: 2.3vw;
  }
}

@media only screen and (max-width: 567px) {
  .el_commonHeader1TextSub {
    font-size: 5vw;
    writing-mode: vertical-rl;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.7);
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

.el_commonHeader1TextMain {
  display: inline-block;
  color: #333;
  font-size: 3rem;
  font-weight: bold;
  line-height: 1.72;
}

@media (max-width: 1400px) {
  .el_commonHeader1TextMain {
    font-size: 2.75rem;
  }
}

@media (max-width: 1200px) {
  .el_commonHeader1TextMain {
    font-size: 3.8vw;
    line-height: 1.6;
  }
}

@media only screen and (max-width: 567px) {
  .el_commonHeader1TextMain {
    font-size: 6vw;
  }
}

.el_commonHeader1TextMain-phrase {
  background-color: #fff;
  padding: 10px 20px 8px;
}

@media (max-width: 1200px) {
  .el_commonHeader1TextMain-phrase {
    padding: 0.5vw 16px 0.5vw;
  }
}

@media only screen and (max-width: 1200px) and (max-width: 567px) {
  .el_commonHeader1TextMain-phrase {
    font-size: 5.3vw;
  }
}

.el_commonHeader1TextName {
  display: block;
  margin-top: 18px;
  font-size: 1rem;
}

@media (max-width: 1200px) {
  .el_commonHeader1TextName {
    margin-top: 2vw;
    line-height: 1;
  }
}

@media only screen and (max-width: 567px) {
  .el_commonHeader1TextMain-phrase {
    display:inline-block;
    padding: 0 16px 0;
    line-height: 1.4;
  }
  .el_commonHeader1TextName {
    margin-top: 24px;
    text-align: right;
  }
}

.el_commonHeader1TextName-position {
  font-size: 1.25rem;
  margin-right: 22px;
}

@media (max-width: 1200px) {
  .el_commonHeader1TextName-position {
    font-size: 1.8vw;
  }
}

@media only screen and (max-width: 567px) {
  .el_commonHeader1TextName-position {
    font-size: 0.9375rem;
  }
}

.el_commonHeader1TextName-name {
  font-size: 1.875rem;
}

@media (max-width: 1200px) {
  .el_commonHeader1TextName-name {
    font-size: 2.7vw;
  }
}

@media only screen and (max-width: 567px) {
  .el_commonHeader1TextName-name {
    font-size: 1.25rem;
  }
}

.bl_commonHeader1NameOuter {
  position: absolute;
  max-width: 1160px;
  width: 100%;
  top: 96.5%;
  right: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

@media only screen and (max-width: 567px) {
  .bl_commonHeader1NameOuter {
    position: static;
  }
}

.bl_commonHeader1NameWrapper {
  display: block;
  width: 350px;
  height: 300px;
  transform: rotate(-15deg);
}

.bl_commonHeader1NameWrapper.retail {
  background-color: rgba(144, 183, 33, 0.25);
}

.bl_commonHeader1NameWrapper.foods {
  background-color: rgba(240, 179, 47, 0.25);
}

.bl_commonHeader1NameWrapper.water {
  background-color: rgba(0, 160, 194, 0.25);
}

.bl_commonHeader1NameWrapper.deve {
  background-color: rgba(215, 6, 64, 0.25);
}

@media only screen and (max-width: 567px) {
  .bl_commonHeader1NameWrapper {
    width: 100%;
    height: auto;
    transform: none;
  }
}

.bl_commonHeader1NameInner {
  width: 76%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(15deg);
}

@media only screen and (max-width: 819px) {
  .bl_commonHeader1NameInner {
    margin-top: -22px;
  }
}

@media only screen and (max-width: 567px) {
  .bl_commonHeader1NameInner {
    width: 100%;
    transform: none;
    padding: 20px 25px;
    margin-top: 0;
  }
}

.el_commonHeader1Name {
  display: block;
  width: 100%;
}

.el_commonHeader1Name-name {
  font-size: 1.625rem;
  font-weight: bold;
}

.el_commonHeader1Name-year {
  font-size: 1rem;
  margin-left: 1em;
}

.el_commonHeader1Name-position {
  font-size: 1rem;
  margin-top: 5px;
}

/**********************************************************************************************
プロフィール
**********************************************************************************************/
.bl_staffProfileOuter {
  margin-top: 120px;
}

@media only screen and (max-width: 567px) {
  .bl_staffProfileOuter {
    margin-top: 30px;
  }
}

.bl_staffProfileDt {
  width: 61.21%;
  font-size: 1.375rem;
  font-weight: bold;
  color: #00ac4d;
}

.bl_staffProfileDt:nth-of-type(odd) {
  margin-right: auto;
}

.bl_staffProfileDt:nth-of-type(even) {
  margin-left: auto;
  margin-top: 25px;
}

@media only screen and (max-width: 567px) {
  .bl_staffProfileDt {
    width: 100%;
  }
}

.bl_staffProfileDd {
  width: 61.21%;
  font-size: 1.125rem;
  margin-top: 5px;
}

.bl_staffProfileDd:nth-of-type(odd) {
  margin-right: auto;
}

.bl_staffProfileDd:nth-of-type(even) {
  margin-left: auto;
}

@media only screen and (max-width: 567px) {
  .bl_staffProfileDd {
    width: 100%;
    font-size: 1rem;
  }
}

/**********************************************************************************************
インタビュー本文
**********************************************************************************************/
.bl_staffInterviewOuter {
  width: 100%;
  margin-top: 25px;
}

.bl_staffInterviewOuter.center {
  max-width: 1190px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

.bl_staffInterviewOuter.left {
  width: calc(100% - ((100% - 1160px) / 2));
  padding-right: 10vw;
}

@media (max-width: 1205px) {
  .bl_staffInterviewOuter.left {
    width: 90%;
    padding-right: 15px;
  }
}

@media only screen and (max-width: 567px) {
  .bl_staffInterviewOuter.left {
    width: 100%;
  }
}

.bl_staffInterviewOuter.right {
  width: calc(100% - ((100% - 1160px) / 2));
  padding-left: 10vw;
  margin-left: auto;
}

@media (max-width: 1205px) {
  .bl_staffInterviewOuter.right {
    width: 90%;
    padding-left: 15px;
  }
}

@media only screen and (max-width: 567px) {
  .bl_staffInterviewOuter.right {
    width: 100%;
  }
}

.bl_staffInterviewTextWrapper {
  width: 100%;
}

.bl_staffInterviewOuter.left .bl_staffInterviewTextWrapper {
  width: calc(calc(100vw - calc(100vw - 100%)) - ((calc(100vw - calc(100vw - 100%)) - 1160px) + 10vw - 15px ));
  margin-left: auto;
}

@media (max-width: 1205px) {
  .bl_staffInterviewOuter.left .bl_staffInterviewTextWrapper {
    width: 100%;
    margin-left: 0;
  }
}

.bl_staffInterviewOuter.right .bl_staffInterviewTextWrapper {
  width: calc(calc(100vw - calc(100vw - 100%)) - ((calc(100vw - calc(100vw - 100%)) - 1160px) + 10vw - 15px ));
  margin-right: auto;
}

@media (max-width: 1205px) {
  .bl_staffInterviewOuter.right .bl_staffInterviewTextWrapper {
    width: 100%;
  }
}

.bl_staffInterviewImageWrapper + .bl_staffInterviewTextWrapper {
  margin-top: 40px;
}

.el_staffInterviewText {
  font-size: 1.125rem;
  margin-bottom: 1em;
}

@media only screen and (max-width: 567px) {
  .el_staffInterviewText {
    font-size: 1rem;
  }
}

.bl_staffInterviewOuter.left .el_staffInterviewText {
  padding-left: 15px;
}

.bl_staffInterviewOuter.right .el_staffInterviewText {
  padding-right: 15px;
}

.el_staffInterviewText:last-of-type {
  margin-bottom: 0;
}

.bl_staffInterviewImageWrapper {
  width: 100%;
  margin-top: 40px;
}

.el_staffInterviewImage {
  width: 100%;
  height: auto;
  max-width: none;
}

/**********************************************************************************************
ミニコーナー
**********************************************************************************************/
.bl_staffMiniOuter {
  width: 100%;
  height: auto;
  background-color: #f4f5e5;
  margin-top: 120px;
  padding-left: 15px;
}

@media only screen and (max-width: 819px) {
  .bl_staffMiniOuter {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
}

.bl_staffMiniWrapper {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  width: calc(100% - ((100% - 1160px) / 2));
  margin-left: auto;
}

@media (max-width: 1205px) {
  .bl_staffMiniWrapper {
    width: 100%;
  }
}

@media only screen and (max-width: 819px) {
  .bl_staffMiniWrapper {
    display: block;
  }
}

.bl_staffMiniTextOuter {
  width: 56%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}

@media (max-width: 1205px) {
  .bl_staffMiniTextOuter {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 819px) {
  .bl_staffMiniTextOuter {
    width: 100%;
  }
}

.el_staffMiniTextHeader {
  font-size: 1.625rem;
  font-weight: bold;
  background: url(/recruit/shinsotsu/common/image/interview/mini_underline.png) repeat-x left bottom;
  padding-bottom: 13px;
}

.el_staffMiniTextHeader span {
  color: #00ac4d;
}

@media only screen and (max-width: 567px) {
  .el_staffMiniTextHeader {
    font-size: 1.375rem;
  }
}

.bl_staffMiniTextInner {
  margin-top: 17px;
}

.el_staffMiniText {
  font-size: 1.125rem;
}

@media only screen and (max-width: 567px) {
  .el_staffMiniText {
    font-size: 1rem;
  }
}

.bl_staffMiniImageOuter {
  width: 40%;
  height: auto;
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 819px) {
  .bl_staffMiniImageOuter {
    width: 100%;
  }
}

.bl_staffMiniImageWrapper {
  width: 100%;
}

.el_staffMiniImageImage {
  width: 100%;
  height: auto;
  max-width: none;
}

/**********************************************************************************************
取材日付枠
**********************************************************************************************/
.bl_tsWriteDateWrapper {
  margin-top: 35px;
}

.el_tsWriteDate {
  font-size: 0.875rem;
}
/*# sourceMappingURL=interviewStaff.css.map */