@charset "UTF-8";
/**********************************************************************************************
メインビジュアル
**********************************************************************************************/
.bl_companyMvWrapper {
  width: 100%;
  height: auto;
}
.bl_companyMvWrapper.deve {
  background-color: #d91c4d;
}
@media only screen and (max-width: 567px) {
  .bl_companyMvWrapper.deve {
    background: none;
  }
}

.bl_companyMvLogoWrapper {
  display: block;
}
.bl_companyMvWrapper.retail .bl_companyMvLogoWrapper {
  max-width: 312px;
  height: 49px;
}
.bl_companyMvWrapper.foods .bl_companyMvLogoWrapper {
  max-width: 318px;
  height: 49px;
}
.bl_companyMvWrapper.wtb .bl_companyMvLogoWrapper {
  max-width: 317px;
  height: 99px;
}
.bl_companyMvWrapper.deve .bl_companyMvLogoWrapper {
  max-width: 266px;
  height: 88px;
}

.el_companyMvLogo {
  fill: #fff;
}
.bl_companyMvWrapper.deve .el_companyMvLogo {
  width: 266px;
  height: 88px;
}
@media only screen and (max-width: 567px) {
  .bl_companyMvWrapper.deve .el_companyMvLogo {
    fill: #d91c4d;
  }
}

.bl_companyMvImageTextWrapper {
  width: 1390px;
  margin-left: auto;
  margin-right: auto;
  height: 450px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media only screen and (max-width: 1420px) {
  .bl_companyMvImageTextWrapper {
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 567px) {
  .bl_companyMvImageTextWrapper {
    display: block;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

.bl_companyMvTextWrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 23.6%;
}
@media only screen and (max-width: 567px) {
  .bl_companyMvTextWrapper {
    display: block;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.el_companyMvText {
  display: block;
  width: 100%;
  font-size: 1.125rem;
  font-weight: normal;
  margin-top: 13px;
}
@media only screen and (max-width: 819px) {
  .el_companyMvText {
    font-size: 0.9375rem;
  }
}

.bl_companyMvImageWrapper {
  display: block;
  width: 76.4%;
}
@media only screen and (max-width: 567px) {
  .bl_companyMvImageWrapper {
    width: calc(100% + 50px);
    margin-left: -25px;
  }
  .bl_companyMvWrapper.deve .bl_companyMvImageWrapper {
    background-color: #d91c4d;
  }
}

@media only screen and (max-width: 1420px) {
  .el_companyMvImage {
    width: 100%;
    height: auto;
  }
}

/**********************************************************************************************
メッセージ
**********************************************************************************************/
.ly_innerM {
  margin-top: 100px;}

.bl_corpPhOuter {
  padding-bottom: 20px; }
  @media only screen and (max-width: 567px) {
    .bl_corpPhOuter {
      padding-bottom: 0;
      padding-left: 20px;
      padding-right: 20px; } }

.el_corpPhTitle {
  font-size: 1.75rem;
  text-align: center;
  margin-top: 150px;
  padding-bottom: 22px;
  position: relative; }
  @media only screen and (max-width: 567px) {
    .el_corpPhTitle {
      font-size: 1.375rem;
      margin-top: 50px; } }
  .el_corpPhTitle:first-of-type {
    margin-top: 0; }
  .el_corpPhTitle::after {
    position: absolute;
    content: "";
    display: block;
    width: 80px;
    height: 2px;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #d91c4d; }

.el_corpPhPhilosophyText {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.8;
  margin-top: 24px; }
  @media only screen and (max-width: 567px) {
    .el_corpPhPhilosophyText {
      font-size: 1rem; } }

/**********************************************************************************************
選考フロー
**********************************************************************************************/
.bl_corpPhGuidelineWrapepr {
  margin-top: 32px; }

.bl_corpPhGuidelineList {
}

.bl_corpPhGuidelineListItem {
  position: relative;
  width: 80%;
  max-width: 600px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 40px;
  background-color: #fff; }
  @media only screen and (max-width: 567px) {
    .bl_corpPhGuidelineListItem {
      width: 100%;
      padding-top: 20px;
      padding-bottom: 20px;
      margin-bottom: 30px; } }
  .bl_corpPhGuidelineListItem {
    border: 6px solid #ffd4e0; }
  .bl_corpPhGuidelineListItem:last-of-type {
    margin-bottom: 0;}

.bl_corpPhGuidelineListItem::after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  top: calc(100% + 14px);
  left: calc(50% - 15px);
  border-style: solid;
  border-width: 16px 15px 0 15px;
  border-color: #000 transparent transparent transparent;
}
.bl_corpPhGuidelineListItem:last-of-type::after {
  display: none;
}

.el_corpPhGuidelineListItemTitle {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center; }
  @media only screen and (max-width: 567px) {
    .el_corpPhGuidelineListItemTitle {
      font-size: 1rem; } }

.el_corpPhGuidelineListItemText {
  text-align: center;
  font-size: 1.125rem;
  line-height: 1.7;
  margin-top: 17px; }
  @media only screen and (max-width: 567px) {
    .el_corpPhGuidelineListItemText {
      font-size: 1rem; } }

/**********************************************************************************************
ボタン
**********************************************************************************************/
.linkBtn {
  display: block;
  color: #fff;
  background-color: #d91c4d;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  max-width: 450px;
  margin: 40px auto 80px;
  text-align: center;
  padding: 30px;
  font-size: 1.2em;
  z-index: 50;
}
  @media only screen and (max-width: 567px) {
    .linkBtn {
      margin: 20px auto 40px;} }
.linkBtn::before {
  content: "";
  width: 140%;
  height: 100%;
  background-color: #000;
  position: absolute;
  top: 0;
  right: 120%;
  transform: skewX(-20deg);
  transition: .3s all;
}
.linkBtn:hover::before {
  right: -20%;
}
.linkBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 18px;
  height: 18px;
  background: url(/common/image/recruit/deve/icon_blank.png) 0 0 no-repeat;
  background-size: contain;
  top: 32px;
  right: 20px;
}
.linkBtn.pdf::after {
  content: "";
  position: absolute;
  display: block;
  width: 16px;
  height: 18px;
  background: url(/common/image/recruit/deve/icon_pdf.png) 0 0 no-repeat;
  background-size: contain;
  top: 32px;
  right: 20px;
}
.linkBtn span {
  position: relative;
}