@charset "UTF-8";
/*=============================================================
 staff スタッフ紹介
=============================================================*/
#mainimg {
  background-image: url("../img/staff/bg_mainimg01_sp.png");
}

/* forPC */
@media screen and (min-width: 600px) {
  #mainimg {
    background-image: url("../img/staff/bg_mainimg01_pc.png");
  }
}

/*! #staff .secIntro
============================================ */
.secIntro {
  position: relative;
  margin-bottom: 40px;
  padding: 30px 0 221px;
  /* background: #e3e3e3 url(../img/staff/bg_intro01_sp.png) no-repeat left bottom; */
  /* background-size: 222px; */
}

.secIntro .txt {
  padding: 0 25px;
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 2;
}

.secIntro .name {
  position: absolute;
  bottom: 96px;
  right: 49px;
  letter-spacing: .075em;
  text-align: center;
}

.secIntro .name dt {
  margin-bottom: 7px;
  font-size: 17.6px;
  font-size: 1.1rem;
}

.secIntro .name dd {
  font-size: 20.8px;
  font-size: 1.3rem;
}

/* forPC */
@media screen and (min-width: 600px) {
  .secIntro {
    width: 1070px;
    min-height: 600px;
    margin: 80px auto 120px;
    padding: 0;
    box-sizing: border-box;
    background-color: #e9e9e9;
    /* background-image: url(../img/staff/bg_intro01_pc.png); */
    /* background-size: 612px; */
  }
  .secIntro .txt {
    width: 500px;
    margin: 0 auto;
    padding: 88px 0 0;
    font-size: 1.4rem;
    line-height: 2.5;
    text-align: left;
  }
  .secIntro .name {
    overflow: hidden;
    bottom: 98px;
    right: 280px;
  }
  .secIntro .name dt {
    float: left;
    margin: 0 22px 0 0;
    font-size: 1.5rem;
  }
  .secIntro .name dd {
    position: relative;
    top: -2px;
    float: left;
    font-size: 1.8rem;
  }
}

/*! #staff .categoryLinks 
============================================ */
.categoryLinks .parent {
  overflow: hidden;
  padding: 0 15px 30px;
}

.categoryLinks .parent .parentItem {
  float: left;
  width: 48.3%;
}

.categoryLinks .parent .parentItem:nth-child(2n) {
  float: right;
}

.categoryLinks .parent .parentItem:nth-child(3) .ja {
  font-size: 16px;
  font-size: 1.0rem;
  letter-spacing: 0;
}

.categoryLinks .parent .parentItem:before {
  top: inherit;
  right: 50%;
  bottom: 16px;
  margin-right: -4px;
}

.categoryLinks .parent .parentItem a {
  padding: 19px 0 28px;
}

/* forPC */
@media screen and (min-width: 600px) {
  .categoryLinks .parent {
    width: 1070px;
    margin: 0 auto 120px;
    padding: 0;
  }
  .categoryLinks .parent .parentItem {
    width: 239px;
    margin: 0 37px 0 0;
  }
  .categoryLinks .parent .parentItem:nth-child(2n) {
    float: left;
  }
  .categoryLinks .parent .parentItem:last-child {
    margin-right: 0;
  }
  .categoryLinks .parent .parentItem a {
    padding: 25px 0 30px;
  }
  .categoryLinks .parent .parentItem a:hover {
    background: #3d6b8f;
  }
  .categoryLinks .parent .parentItem .en {
    margin-bottom: 10px;
    font-size: 1.6rem;
  }
  .categoryLinks .parent .parentItem .ja {
    font-size: 1.5rem;
  }
  .categoryLinks .parent .parentItem:nth-child(3) .ja {
    font-size: 1.5rem;
    letter-spacing: .075em;
  }
}

/*! #staff .secPosition
============================================ */
.secPosition {
  padding-bottom: 40px;
  background: #f4f5f7;
}

.secPosition .head {
  margin-bottom: 29px;
}

.secPosition .head .inner {
  padding: 0 15px;
}

.secPosition .head .areaTxt {
  position: relative;
  margin: -36px 0 0;
  padding: 25px 10px 0;
  background: #f4f5f7;
}

.secPosition .head .areaTxt .tit {
  margin-bottom: 19px;
  font-size: 38.4px;
  font-size: 2.4rem;
  text-align: center;
}

.secPosition .head .areaTxt .tit span {
  display: block;
  padding: 5px 0 0;
  font-size: 24px;
  font-size: 1.5rem;
}

.secPosition .head .areaTxt .txt {
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 2;
}

.secPosition:nth-of-type(2n) {
  background: #edeef0;
}

.secPosition:nth-of-type(2n) .areaTxt {
  background: #edeef0;
}

.secPosition .pickup > .tit {
  margin-bottom: 31px;
  text-align: center;
}

.secPosition .pickup > .tit span {
  display: inline-block;
  padding: 0 0 10px;
  border-bottom: 1px solid #3b3b3b;
  font-size: 27.2px;
  font-size: 1.7rem;
}

.secPosition .pickup .list .item {
  padding: 0 25px;
}

.secPosition .pickup .list .item + .item {
  margin-top: 29px;
  padding-top: 30px;
  border-top: 1px solid #ccc9c8;
}

.secPosition .pickup .list .item .detail {
  overflow: hidden;
  margin-bottom: 24px;
}

.secPosition .pickup .list .item .detail .name {
  clear: both;
  margin-bottom: 24px;
  font-size: 32px;
  font-size: 2.0rem;
  text-align: center;
  letter-spacing: .075em;
}

.secPosition .pickup .list .item .detail .img {
  float: left;
  width: 115px;
}

.secPosition .pickup .list .item .detail .txt {
  padding: 0 0 0 130px;
  font-size: 19.2px;
  font-size: 1.2rem;
  line-height: 2;
}

.secPosition .pickup .list .item .imgs {
  margin: 0 -10px;
}

/* forPC */
@media screen and (min-width: 600px) {
  .secPosition {
    padding-bottom: 120px;
  }
  .secPosition .head {
    position: relative;
    min-height: 790px;
    margin-bottom: 52px;
  }
  .secPosition .head .img {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(50% + 77px);
  }
  .secPosition .head .img img {
    position: absolute;
    top: 0;
    right: 0;
    max-width: none;
  }
  .secPosition .head .inner {
    width: 1070px;
    margin: 0 auto;
    padding: 120px 0 0;
  }
  .secPosition .head .areaTxt {
    width: 555px;
    height: 514px;
    margin: 0 0 0 auto;
    padding: 116px 0 0 70px;
    box-sizing: border-box;
  }
  .secPosition .head .areaTxt .tit {
    margin-bottom: 26px;
    font-size: 4.0rem;
    text-align: left;
    letter-spacing: .075em;
  }
  .secPosition .head .areaTxt .tit span {
    padding: 10px 0 0;
    font-size: 1.8rem;
  }
  .secPosition .head .areaTxt .txt {
    font-size: 1.4rem;
    line-height: 2.5;
  }
  .secPosition:nth-of-type(2n) .head .img {
    width: calc(50% + 86px);
    right: 0;
    left: inherit;
  }
  .secPosition:nth-of-type(2n) .head .img img {
    left: 0;
    right: inherit;
  }
  .secPosition:nth-of-type(2n) .head .areaTxt {
    width: 545px;
    margin: 0 auto 0 0;
    padding: 100px 0 0 0;
  }
  .secPosition:nth-of-type(2n) .areaTxt {
    background: #edeef0;
  }
  .secPosition .pickup {
    width: 1070px;
    margin: 0 auto;
    padding: 0;
  }
  .secPosition .pickup > .tit {
    margin-bottom: 39px;
    text-align: left;
  }
  .secPosition .pickup > .tit span {
    font-size: 2.0rem;
  }
  .secPosition .pickup .list .item {
    overflow: hidden;
    padding: 0;
  }
  .secPosition .pickup .list .item + .item {
    margin: 50px 0 0;
    padding: 0;
    border: 0;
  }
  .secPosition .pickup .list .item .detail {
    position: relative;
    float: left;
    width: 420px;
    margin-bottom: 0;
  }
  .secPosition .pickup .list .item .detail .name {
    position: absolute;
    top: 20px;
    left: 190px;
    text-align: left;
    font-size: 1.8rem;
  }
  .secPosition .pickup .list .item .detail .img {
    width: 160px;
  }
  .secPosition .pickup .list .item .detail .txt {
    padding: 58px 40px 0 190px;
    font-size: 1.3rem;
  }
  .secPosition .pickup .list .item .imgs {
    float: left;
    width: 650px;
    margin: 0;
  }
}

/*# sourceMappingURL=maps/staff.css.map */