@charset "UTF-8";

/* ==========================================================================//
//　社員インタビューindex
// ========================================================================== */

/* インデックスリスト内のデザイン変更（ボックスの背景色、影つける）
---------------------------------------------------------- */ 
.career_interview .m_listpage_link li {
  background: #fff;
  box-shadow: 1px 0 4px rgba(6, 0, 1, 0.2);
}

/* インデックスリスト内のデザイン変更（文字サイズやアキの微調整）
---------------------------------------------------------- */ 
.career_interview {
  margin-top: 1.8em;
}
.career_interview .m_listpage_link .link_title._font_small {
  font-size: 1rem;
  margin-bottom: .8em;
}
.career_interview .m_listpage_link .link_text {
  padding: 1.6em 1.5em 1.4em 1.5em;
}

.career_interview .m_listpage_link .link_text ._font_small {
  font-size: .85rem;
  margin-bottom: .8em;
}

/* ==========================================================================//
//　社員インタビュー
// ========================================================================== */

.interview #l_content {
  padding: 10px 20px 80px;
  max-width: 940px;
}
._apart {
  margin-top: 3em;
}

._apart-bottom {
  margin-bottom: 5em;
}

.interview .m_text {
  line-height: 2;
}
.text_lede {
  color: #333;
}

/*　sp  */
.name_block {
  line-height: 2;
  margin: 0 20px;
  padding-bottom: 30px;
  border-bottom: 2px solid #ccc;
  font-weight: bold;
}
.name_name {
  font-size: 1.6em;
  font-weight: bold;
}
.name_main {
  font-size: 1.6em;
  font-weight: bold;
}
.main_text {
  font-weight: bold;
  font-size: 1.8em;
  margin-bottom: 30px;
}
/*　pc */
@media screen and (min-width: 768px) {
  .heading {
    position: absolute;
    width: 100%;
    padding: 0 32px;
    max-width: 1136px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .name_block {
    border: none;
  }
.main_text {
  font-size: 2.2em;
}
}
.main_block {
  margin-bottom: 40px;
}
.main_img {
  padding-top: 100%;
  margin-bottom: 40px;
  background-repeat: no-repeat;
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .main_block {
    position: relative;
    margin-bottom: 40px;
  }
  .main_img {
    padding-top: 39.0625%;
    margin: 0;
  }
}
/*　01  */
.interview01 .main_img {
  background-image: url("../images/01_sp.jpg");
}
@media screen and (min-width: 768px) {
  .interview01 .main_img {
    background-image: url("../images/01_pc.jpg");
  }
}

/*　02  */
.interview02 .main_img {
  background-image: url("../images/02_sp.jpg");
}
@media screen and (min-width: 768px) {
  .interview02 .main_img {
    background-image: url("../images/02_pc.jpg");
  }
}

/*　03  */
.interview03 .main_img {
  background-image: url("../images/03_sp.jpg");
}
@media screen and (min-width: 768px) {
  .interview03 .main_img {
    background-image: url("../images/03_pc.jpg");
  }
}

/*　05  */
.interview_hoshiko .main_img {
  background-image: url("../images/05_sp.jpg");
}
@media screen and (min-width: 768px) {
  .interview_hoshiko .main_img {
    background-image: url("../images/05_pc.jpg");
  }
}
/*　baba  */
.interview_baba .main_img {
  background-image: url("../images/04_sp.jpg");
}
@media screen and (min-width: 768px) {
  .interview_baba .main_img {
    background-image: url("../images/04_pc.jpg");
  }
}
/*　06mi  */
.interview06 .main_img {
  background-image: url("../images/06mi_sp.jpg");
}
@media screen and (min-width: 768px) {
  .interview06 .main_img {
    background-image: url("../images/06mi_pc.jpg");
  }
}



.interview_message {
  background-color: #f2f2f2;
}
.interview_message .pad {
  margin: 0 auto 20px auto;
  padding: 10px 20px 30px 20px;
  max-width: 940px;
}
@media screen and (max-width: 47.5em) {
  .interview_message .pad {
    padding-left: 20px;
    padding-right: 20px;
  }

}

@media screen and (max-width: 48em) {
.interview #l_content {
  padding: 10px 20px 80px;
  max-width: 920px;
}
}


.top_main-visual {
margin-bottom: 1em;
}

.interview .m_image-sbs._text_first .image_area img {
  margin-right: -150px;
}
.interview .interview_message .m_image-sbs._text_first .image_area img {
  margin-right: 0;
}
@media screen and (max-width: 68.125em) {

  .interview .m_image-sbs._text_first .image_area img {
    margin-right: 0;
  }
}
.interview_message .m_hdg._A h2,
.interview_message .m_hdg._A h3,
.interview_message .m_hdg._A h4,
.interview_message .m_hdg._A h5,
.interview_message .m_hdg._A h6 {
  border-left: 4px solid #666;
  color: #333;
  background: none;
}

.interview .m_hdg._B h2,
.interview .m_hdg._B h3,
.interview .m_hdg._B h4,
.interview .m_hdg._B h5,
.interview .m_hdg._B h6 {
text-align: center;
  border-left: none;
  background: #fff;
}

.m_box._B._interview {
  font-size: .95rem;
  font-family: 'Noto Sans JP', sans-serif;
}

.shuzaiji {
  font-size: 0.6em;
  vertical-align: baseline;
}