@charset "UTF-8";
/* ==========================================================================//
//
//　採用コンセプト
//
// ========================================================================== */

/* コンセプト本文の改行位置（PC、スマホで変動）
---------------------------------------------------------- */ 
/* ノートPC、タブレット */ 
.sp {
  display: none;
}
.pc {
  display: block;
}

@media screen and (max-width: 30em/*スマホ480px*/) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
}

/* コンセプト背景画像、全体枠の指定
---------------------------------------------------------- */ 
.career_concept {
  background-repeat: no-repeat;
  background-position: top center/100% no-repeat scroll;
  background-image: url(/saiyou/career/concept/images/tit_concept_back--pc.jpg);
  background-attachment: scroll;
}
.career_concept .pad {
  max-width: 1260px;
  margin: 0 auto;
}

.career_concept p {
  font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
  font-weight: bold;
  text-align: center;
}

.career_concept__heading {
  padding: 70px 0 30px;
}
.career_concept__heading h1 {
  max-width: 800px;
  margin: 0 auto 20px;
}
.career_concept__heading p {
  font-size: 1.7rem;
  line-height: 2;
  font-family: serif;
  font-style: italic;
}
.career_concept__content p {
  font-size: 1.3rem;
  line-height: 2.5;
}

/* タブレット816px
---------------------------------------------------------- */ 
@media screen and (max-width: 60em /*タブレット960px*/ ) {
.career_concept__heading h1 {
  max-width: 630px;
}
.career_concept__content p {
  font-size: 1.2rem;
  line-height: 2.4;
}
}

/* スマホ480px
---------------------------------------------------------- */ 
@media screen and (max-width: 30em /*スマホ480px*/ ) {
  .career_concept {
    background-image : none;
    background-color : #F1FBFC;
  }
  .career_concept__heading {
    background : url("/saiyou/career/concept/images/tit_concept_back--sp.jpg") top center/cover no-repeat scroll;
    padding : 30px 0 100px;
    margin-bottom: 20px;
}
  .career_concept__heading h1 {
    max-width: 280px;
    margin: 0 auto 20px;
  }
  .career_concept__heading p {
    font-size: 1.4rem;
    line-height: 1.2;
  }
  .career_concept__content p {
    font-size: 1rem;
    line-height: 2.4;
    padding: 0 15px;
  }
}


/* インデックスエリア（文字サイズやアキ、ボックス背景色、影）
---------------------------------------------------------- */ 
.career_concept_index {
padding: 30px 20px 80px;
}

.career_concept_index p {
text-align: initial;
}

@media screen and (max-width: 47.5em /*スマホ（iPad未満）760px*/ ) {
.career_concept_index {
padding: 10px 15px 30px;
}
}

.career_concept_index .m_listpage_link .link_text {
  padding: 1.6em 1.5em 1.4em 2em;
}

.career_concept_index .m_listpage_link .link_text p {
    font-size: 1.2rem;
    font-family: initial;
}

.career_concept_index .m_listpage_link > li {
  background: #fff;
  box-shadow: 1px 0 4px rgba(6, 0, 1, 0.2);
}