/* Scss Document staff
*****************************************************************/
/* mixin
*********************************************************************/
/* media query */
/* setting
**********************************************************************/
/* mixin
*********************************************************************/
/* media query */
.fade {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
}

.cover_w {
  position: relative;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.cover_h {
  position: relative;
  width: auto;
  height: 100%;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.glow, .c_side02 p, .c_side06 p, .c_side06 dl dd {
  text-shadow: 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 10px #ffffff, 0px 0px 8px #ffffff, 0px 0px 8px #ffffff, 0px 0px 8px #ffffff, 0px 0px 4px #ffffff, 0px 0px 4px #ffffff, 0px 0px 4px #ffffff;
}

.shadow {
  text-shadow: 0px 0px 10px #000, 0px 0px 8px #000;
}

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

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

/*
*****************************************************************/
.area_feature {
  height: 65vh;
}

.staff_top {
  background-image: url("../images/main.jpg");
}

@media all and (max-width: 769px) {
  .staff_detail {
    height: 20vh;
    min-height: 220px;
    margin-bottom: 106px;
  }
}

.shine01 {
  background-image: url("../images/s_main01.jpg");
}

.shine02 {
  background-image: url("../images/s_main02.jpg");
}

.shine03 {
  background-image: url("../images/s_main03.jpg");
}

.shine04 {
  background-image: url("../images/s_main04.jpg");
}

.shine05 {
  background-image: url("../images/s_main05.jpg");
}

.shine06 {
  background-image: url("../images/s_main06.jpg");
}

.block_copy .inner p {
  color: #FFF;
}

.f_ttl {
  position: absolute;
  text-align: center;
}
.f_ttl h1 {
  font-family: 'com4t';
  font-size: 3rem;
  line-height: 1em;
  background-color: #FFF;
  padding: 12px 40px 7px;
}
.f_ttl p {
  padding: 40px 0 0;
  font-family: 'com4t';
  font-size: 3rem;
  line-height: 1em;
}
@media all and (max-width: 769px) {
  .f_ttl h1 {
    font-size: 2rem;
    padding: 8px 20px 5px;
  }
  .f_ttl p {
    padding: 10px 0 0;
    color: #FFF;
    font-size: 1.8rem;
  }
}

.t_side01 {
  top: 100px;
  left: 0px;
}
@media all and (max-width: 769px) {
  .t_side01 {
    top: 146px;
  }
}

.t_side02 {
  top: 100px;
  right: 0px;
}
@media all and (max-width: 769px) {
  .t_side02 {
    top: 40px;
  }
}

.f_block_copy {
  position: absolute;
}
.f_block_copy p {
  font-size: 3rem;
  font-family: 'hui';
  line-height: 1.3em;
}
.f_block_copy dl {
  display: flex;
  align-items: center;
  padding: 16px 0 0;
}
.f_block_copy dl dt {
  background-color: #a9bd6c;
  padding: 5px 8px 8px;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 1em;
}
.f_block_copy dl dd {
  font-size: 1.6rem;
  line-height: 1em;
  padding: 5px 10px;
}
@media all and (max-width: 769px) {
  .f_block_copy p {
    font-size: 2rem;
  }
  .f_block_copy dl {
    padding: 10px 0 0;
  }
  .f_block_copy dl dt {
    font-size: 1.4rem;
  }
  .f_block_copy dl dd {
    font-size: 1.4rem;
  }
}

.c_side01 {
  top: 70px;
  right: 50px;
}
@media all and (max-width: 769px) {
  .c_side01 {
    top: 230px;
    right: auto;
    left: 10px;
  }
}

.c_side02 {
  bottom: 16%;
  right: 160px;
}
@media all and (max-width: 769px) {
  .c_side02 {
    top: 230px;
    right: auto;
    left: 10px;
  }
  .c_side02 p {
    color: #000;
  }
}

.c_side04 {
  top: 110px;
  right: 100px;
}
.c_side04 p {
  color: #FFF;
}
.c_side04 dl dd {
  color: #FFF;
}
@media all and (max-width: 769px) {
  .c_side04 {
    top: 230px;
    right: auto;
    left: 10px;
  }
  .c_side04 p {
    color: #000;
  }
  .c_side04 dl dd {
    color: #000;
  }
}

.c_side06 {
  top: 110px;
  right: 100px;
}
@media all and (max-width: 769px) {
  .c_side06 {
    top: 230px;
    right: auto;
    left: 10px;
  }
  .c_side06 p {
    color: #000;
  }
  .c_side06 dl dd {
    color: #000;
  }
}

.area_interview {
  padding: 0 10px;
}

.block_interview {
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;
}
.block_interview .box_img {
  width: 50%;
  line-height: 0em;
  float: left;
  padding: 0 30px 50px 0;
}
.block_interview .box_img img {
  width: 100%;
  height: auto;
}
.block_interview .box_txt dl {
  color: #00a599;
  font-size: 2.2rem;
  line-height: 1.3em;
  padding: 0 0 25px;
  display: flex;
}
.block_interview .box_txt p {
  font-size: 1.6rem;
  line-height: 2.4em;
  text-align: justify;
  padding: 0 0 50px;
}
.block_interview .box_txt .inner_img {
  width: 50%;
  padding: 0 0 0 30px;
  float: right;
}
.block_interview .box_txt .inner_img img {
  width: 100%;
  height: auto;
}
.block_interview .box_portrait {
  width: 50%;
  float: right;
  padding: 0 0 0 30px;
  position: relative;
}
.block_interview .box_portrait .part_img {
  line-height: 0em;
}
.block_interview .box_portrait .part_img img {
  width: 100%;
  height: auto;
}
.block_interview .box_portrait .txt_portrait {
  position: absolute;
  top: 20px;
  left: 50px;
}
.block_interview .box_portrait .txt_portrait p {
  font-size: 1.4rem;
  line-height: 1.6em;
}
@media all and (max-width: 769px) {
  .block_interview {
    padding: 30px 0;
  }
  .block_interview .box_img {
    width: 46%;
    padding: 0 10px 0px 0;
  }
  .block_interview .box_txt dl {
    font-size: 1.8rem;
    padding: 0 0 10px;
  }
  .block_interview .box_txt p {
    font-size: 1.5rem;
    line-height: 1.8em;
    padding: 0 0 20px;
  }
  .block_interview .box_portrait {
    width: 47%;
    padding: 0 0 0 12px;
  }
  .block_interview .box_portrait .txt_portrait {
    position: relative;
    top: auto;
    left: auto;
    padding: 3px 0 0;
  }
  .block_interview .box_portrait .txt_portrait p {
    font-size: 1.3rem;
    line-height: 1.4em;
  }
}

.area_image {
  line-height: 0em;
}
.area_image img {
  width: 100%;
  height: auto;
}

.block_time {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding: 50px 0;
}
.block_time .box_time {
  min-width: 410px;
  padding: 0 0 0 20px;
}
.block_time .box_time img {
  width: 100%;
  height: auto;
}
.block_time .box_txt {
  width: 47%;
}
.block_time .box_txt dl {
  color: #00a599;
  font-size: 2.2rem;
  line-height: 1.3em;
  padding: 0 0 25px;
  display: flex;
}
.block_time .box_txt p {
  font-size: 1.6rem;
  line-height: 2.4em;
  text-align: justify;
  padding: 0 0 50px;
}
.block_time .box_txt .inner_img {
  width: 50%;
  padding: 0 0 0 30px;
  float: right;
}
.block_time .box_txt .inner_img img {
  width: 100%;
  height: auto;
}
@media all and (max-width: 769px) {
  .block_time {
    display: block;
  }
  .block_time .box_time {
    min-width: auto;
    max-width: 310px;
    margin: 0 auto;
    padding: 0 0 0 0px;
  }
  .block_time .box_txt {
    width: 100%;
  }
  .block_time .box_txt dl {
    font-size: 1.8rem;
    padding: 0 0 10px;
  }
  .block_time .box_txt p {
    font-size: 1.5rem;
    line-height: 1.8em;
    padding: 0 0 20px;
  }
}

.area_slick {
  background-color: #ededed;
  padding: 50px 40px;
}
@media all and (max-width: 769px) {
  .area_slick {
    padding: 30px 40px;
  }
}

.block_slick {
  max-width: 1200px;
  margin: 0 auto;
  	/*@include media(portrait) {
      .slide {
        .card {
          width: 100%;
        }
      }
    }*/
}
.block_slick img {
  width: 100%;
  height: auto;
}
.block_slick .slide {
  padding: 25px;
  justify-content: center;
}
.block_slick .slide .card {
  box-sizing: border-box;
  padding: 25px;
  width: 33.333%;
  position: relative;
}
.block_slick .slide .card .block_img {
  line-height: 0em;
}
.block_slick .slide .card .block_txt h3 {
  font-family: 'hui';
  color: #e91c24;
  font-size: 2rem;
  line-height: 1.1em;
  text-align: center;
  padding: 14px 0;
  border-bottom: #333 solid 1px;
  margin: 0 0 14px;
}
.block_slick .slide .card .block_txt .box_txt {
  display: flex;
  align-items: center;
}
.block_slick .slide .card .block_txt .box_txt .department {
  background-color: #a9bd6c;
  padding: 5px;
  color: #FFF;
  font-size: 1.6rem;
  line-height: 1em;
}
.block_slick .slide .card .block_txt .box_txt .joining {
  font-size: 1.6rem;
  line-height: 1em;
  padding: 5px 10px;
}
.block_slick .slide .card .block_shine {
  position: absolute;
  width: 95px;
  text-align: center;
  top: 5px;
  right: 5px;
}
.block_slick .slide .card .block_shine .box_img {
  line-height: 0em;
}
.block_slick .slide .card .block_shine .box_shine {
  padding: 5px 0 0;
  font-size: 3.6rem;
  line-height: 1.0em;
  font-family: 'com4t';
}
@media all and (max-width: 769px) {
  .block_slick .slide {
    padding: 10px;
  }
  .block_slick .slide .card {
    padding: 15px 10px;
    width: 50%;
    box-sizing: border-box;
  }
  .block_slick .slide .card .block_txt h3 {
    font-size: 1.8rem;
    padding: 10px 0;
    margin: 0 0 10px;
  }
  .block_slick .slide .card .block_txt .box_txt .department {
    font-size: 1.4rem;
  }
  .block_slick .slide .card .block_txt .box_txt .joining {
    font-size: 1.4rem;
  }
}