@charset "UTF-8";
html {
  background-color: #f3f3f3;
}

body {
  overflow: visible;
}

body .main {
  opacity: 1;
}

body .main #staff-fv {
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 96vh;
  width: 100%;
  position: relative;
}

body .main #staff-fv img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

body .main #staff-fv #fv-pc {
  display: none;
}

body .main #staff-fv .staff-name {
  position: absolute;
  width: 80%;
  height: 35vw;
  margin-top: 10v;
  bottom: 0;
  left: 0;
  background-color: #fefefeab;
}

body .main #staff-fv .staff-name .staff-name-box {
  position: absolute;
  bottom: 10%;
  left: 10%;
  background-repeat: no-repeat;
  background-position: 30% 54%;
  background-size: 85%;
  text-align: left;
  z-index: 10;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333333;
  border-left: none;
}

body .main #staff-fv .staff-name .staff-name-box .title-big4 {
  display: inline;
  vertical-align: baseline;
}

body .main #staff-fv.staff-fv-01 {
  background: url(../images/sp_staff01_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-01 .name-color {
  color: #5c0080;
}

body .main #staff-fv.staff-fv-02 {
  background: url(../images/sp_staff02_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-02 .name-color {
  color: navy;
}

body .main #staff-fv.staff-fv-03 {
  background: url(../images/sp_staff03_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-03 .name-color {
  color: #ffae19;
}

body .main #staff-fv.staff-fv-04 {
  background: url(../images/sp_staff04_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-04 .name-color {
  color: #e0c400;
}

body .main #staff-fv.staff-fv-05 {
  background: url(../images/sp_staff05_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-05 .name-color {
  color: #005600;
}

body .main #staff-fv.staff-fv-06 {
  background: url(../images/sp_staff06_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-06 .name-color {
  color: #f35b21;
}

body .main #staff-fv.staff-fv-07 {
  background: url(../images/sp_staff07_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-07 .name-color {
  color: #ffe000;
}

body .main #staff-fv.staff-fv-08 {
  background: url(../images/sp_staff08_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-08 .name-color {
  color: #b40000;
}

body .main #staff-fv.staff-fv-09 {
  background: url(../images/sp_staff09_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-09 .name-color {
  color: #b50000;
}

body .main #staff-fv.staff-fv-10 {
  background: url(../images/sp_staff10_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

body .main #staff-fv.staff-fv-10 .name-color {
  color: #ca1f1f;
}

body .main #staff-fv.staff-fv-11 {
  background: url(../images/sp_staff11_top_bk.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
}

body .main #staff-fv.staff-fv-11 .name-color {
  color: #da8f1e;
}

body .main article {
  width: 100%;
}

body .main article #qa-table {
  padding-top: 10%;
  padding-left: 26px;
  padding-right: 26px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #f3f3f3;
}

body .main article #qa-table dl {
  padding-bottom: 25%;
}

body .main article #qa-table dl dt {
  margin-top: 50px;
  padding: 5%;
  background-color: #e4e4e4;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .main article #qa-table dl dt .description {
  font-size: 16px;
}

body .main article #qa-table dl dd {
  margin-top: 20px;
}

body .main article #qa-table dl dd.description {
  font-size: 16px;
  font-weight: 400;
  line-height: 2rem;
}

body .main article #qa-table dl dd .title-big4 {
  margin-bottom: 10px;
}

body .main article .data-photo-wrapper.wrap01::before {
  background: url(../images/sp_staff01_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap01 .data-photo {
  background-color: #2e104a66;
}

body .main article .data-photo-wrapper.wrap02::before {
  background: url(../images/sp_staff02_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap02 .data-photo {
  background-color: #10104a66;
}

body .main article .data-photo-wrapper.wrap03::before {
  background: url(../images/sp_staff03_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap03 .data-photo {
  background-color: #c37d0830;
}

body .main article .data-photo-wrapper.wrap04::before {
  background: url(../images/sp_staff04_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap04 .data-photo {
  background-color: #6f60031f;
}

body .main article .data-photo-wrapper.wrap05::before {
  background: url(../images/sp_staff05_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap05 .data-photo {
  background-color: #1635014d;
}

body .main article .data-photo-wrapper.wrap06::before {
  background: url(../images/sp_staff06_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap06 .data-photo {
  background-color: #f35d2142;
}

body .main article .data-photo-wrapper.wrap07::before {
  background: url(../images/sp_staff07_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap07 .data-photo {
  background-color: #ffe1002a;
}

body .main article .data-photo-wrapper.wrap08::before {
  background: url(../images/sp_staff08_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap08 .data-photo {
  background-color: #c3080827;
}

body .main article .data-photo-wrapper.wrap09::before {
  background: url(../images/sp_staff09_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap09 .data-photo {
  background-color: #5f070733;
}

body .main article .data-photo-wrapper.wrap10::before {
  background: url(../images/sp_staff10_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap10 .data-photo {
  background-color: #5814224f;
}

body .main article .data-photo-wrapper.wrap11::before {
  background: url(../images/sp_staff11_footer_bk.jpg) no-repeat right;
  background-size: cover;
}

body .main article .data-photo-wrapper.wrap11 .data-photo {
  background-color: #673b083b;
}

body .main article #people {
  background-color: #ececec;
  color: #333333;
  padding-bottom: 5%;
}

body .main article #people h2 {
  margin-top: 4px;
  width: 100%;
}

body .main article #people #people-content {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 30px;
}

body .main article #people #people-content .other {
  text-align: center;
  display: block;
}

body .main article #people #people-content h2 {
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
  width: 100%;
  font-weight: 600;
}

body .main article #people #people-content h2::after {
  content: '';
  width: 30px;
  height: 3px;
  display: block;
  background-color: #333333;
  margin: 0 auto;
  margin-top: 10px;
}

body .main article #people #people-content #thumbnail-wrap {
  padding-left: 4%;
  padding-top: 2vh;
  padding-bottom: 2vh;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll {
  padding: 0;
  overflow-x: auto;
  /* 横スクロールの指定 */
  white-space: nowrap;
  /* 横スクロールの指定 */
  -webkit-overflow-scrolling: touch;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b {
  display: inline-block;
  visibility: hidden;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail {
  display: inline-block;
  visibility: visible;
  background-color: unset;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  width: 60vw;
  height: 80vw;
  position: relative;
  margin-left: 30px;
  overflow: hidden;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail a, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail a {
  display: block;
  width: 100%;
  height: 100%;
  color: #333333;
  text-decoration: none;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail a .vertical-font, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail a .vertical-font {
  font-size: 2rem;
  top: -6%;
  left: 3%;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.thumb-first, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.thumb-first {
  margin-left: 0;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_01, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_01 {
  background-image: url(../images/sp_staff01_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_02, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_02 {
  background-image: url(../images/sp_staff02_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_03, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_03 {
  background-image: url(../images/sp_staff03_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_04, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_04 {
  background-image: url(../images/sp_staff04_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_05, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_05 {
  background-image: url(../images/sp_staff05_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_06, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_06 {
  background-image: url(../images/sp_staff06_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_07, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_07 {
  background-image: url(../images/sp_staff07_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_08, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_08 {
  background-image: url(../images/sp_staff08_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_09, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_09 {
  background-image: url(../images/sp_staff09_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_10, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_10 {
  background-image: url(../images/sp_staff10_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail.staff_11, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail.staff_11 {
  background-image: url(../images/sp_staff11_top_bk.jpg);
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail .vertical-font, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail .vertical-font {
  display: inline-block;
  font-size: 16px;
  line-height: unset;
  font-weight: 900;
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #ececec;
  padding-top: -50px;
  position: absolute;
  top: -5%;
  left: 3%;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail .name, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail .name {
  padding: 5% 6% 3% 5%;
  background-color: #ececec;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
  font-size: 16px;
}

body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail .name span, body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-b .thumbnail .name span {
  display: block;
  font-size: 8px;
}

body .main article #people .btn-top {
  width: 200px;
  height: 70px;
  margin: 0 auto;
  margin-bottom: 15%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

body .main article #people .btn-top a {
  position: absolute;
  height: 100%;
  width: 100%;
  color: #f3f3f3;
  padding: 10% 0;
  background-color: gray;
  border-radius: 5px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  top: 0;
  left: 0;
}

body .main article #people .btn-top a:hover {
  background-color: #202020;
  color: #f3f3f3;
}

@media screen and (min-width: 768px) {
  body .main #staff-fv {
    position: relative;
    height: 34vh;
  }
  body .main #staff-fv .staff-name {
    width: 26%;
    height: 40%;
    padding-left: 10%;
  }
  body .main #staff-fv .staff-name .staff-name-box {
    padding-left: 14%;
  }
  body .main #staff-fv.staff-fv-01 {
    background: url(../images/pc_staff01_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-02 {
    background: url(../images/pc_staff02_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-03 {
    background: url(../images/pc_staff03_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-04 {
    background: url(../images/pc_staff04_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-05 {
    background: url(../images/pc_staff05_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-06 {
    background: url(../images/pc_staff06_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-07 {
    background: url(../images/pc_staff07_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-08 {
    background: url(../images/pc_staff08_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-09 {
    background: url(../images/pc_staff09_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-10 {
    background: url(../images/pc_staff10_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main #staff-fv.staff-fv-11 {
    background: url(../images/pc_staff11_top_bk.jpg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  body .main article #qa-table {
    padding-top: 10%;
  }
  body .main article #qa-table dl {
    width: 84%;
    margin: 0 auto;
  }
  body .main article #qa-table dl dt {
    padding: 3%;
  }
  body .main article .data-photo-wrapper.wrap01::before {
    background: url(../images/pc_staff01_footer_bk.jpg) no-repeat right;
    background-size: contain;
    background-repeat: repeat-y;
  }
  body .main article .data-photo-wrapper.wrap02::before {
    background: url(../images/pc_staff02_footer_bk.jpg) no-repeat right;
    background-size: contain;
    background-repeat: repeat-y;
  }
  body .main article .data-photo-wrapper.wrap03::before {
    background: url(../images/pc_staff03_footer_bk.jpg) no-repeat right;
    background-size: contain;
    background-repeat: repeat-y;
  }
  body .main article .data-photo-wrapper.wrap04::before {
    background: url(../images/pc_staff04_footer_bk.jpg) no-repeat right;
    background-size: contain;
    background-repeat: repeat-y;
  }
  body .main article .data-photo-wrapper.wrap05::before {
    background: url(../images/pc_staff05_footer_bk.jpg) no-repeat right;
    background-size: contain;
    background-repeat: repeat-y;
  }
  body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a {
    overflow: unset;
  }
  body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail {
    width: 19vw;
    height: 25vw;
  }
  body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail a .vertical-font {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  body .title-big4 {
    font-size: 44px;
    font-weight: 500;
  }
  body .main .small-title {
    font-size: 0.96vw;
  }
  body .main #staff-fv {
    position: relative;
    background-image: none;
    background-color: #f3f3f3;
    height: 40vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  body .main #staff-fv #fv-pc {
    display: block;
    z-index: 10;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-01 {
    width: 100%;
    background-image: url(../images/pc_staff02_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-02 {
    width: 100%;
    background-image: url(../images/pc_staff02_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-03 {
    width: 100%;
    background-image: url(../images/pc_staff03_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-04 {
    width: 100%;
    background-image: url(../images/pc_staff04_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-05 {
    width: 100%;
    background-image: url(../images/pc_staff05_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-06 {
    width: 100%;
    background-image: url(../images/pc_staff06_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-07 {
    width: 100%;
    background-image: url(../images/pc_staff07_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-08 {
    width: 100%;
    background-image: url(../images/pc_staff08_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-09 {
    width: 100%;
    background-image: url(../images/pc_staff09_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-10 {
    width: 100%;
    background-image: url(../images/pc_staff10_top_bk.jpg);
  }
  body .main #staff-fv #fv-pc.pc-staff-fv-11 {
    width: 100%;
    background-image: url(../images/pc_staff11_top_bk.jpg);
  }
  body .main #staff-fv .staff-name .staff-name-box .title-big4 {
    font-size: 3.6vw;
  }
  body .main article #qa-table {
    width: 100%;
    padding-top: 6%;
  }
  body .main article #qa-table dl {
    width: 60%;
    margin: 0 auto;
    padding-bottom: 10%;
  }
  body .main article #qa-table dl dt {
    padding: 1.6%;
    margin-top: 70px;
    margin-bottom: 30px;
    font-size: 20px;
  }
  body .main article #qa-table dl dt .description {
    font-size: 1.08vw;
    line-height: 2vw;
  }
  body .main article #qa-table dl dd {
    font-size: 16px;
  }
  body .main article #qa-table dl dd .title-big4 {
    margin-bottom: 10px;
    font-size: 3vw;
    line-height: 4vw;
  }
  body .main article #qa-table dl dd.description {
    font-size: 1vw;
    margin: 0 1%;
    line-height: 2vw;
  }
  body .main article .data-photo-wrapper.wrap01::before {
    background: url(../images/pc_staff01_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap02::before {
    background: url(../images/pc_staff02_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap03::before {
    background: url(../images/pc_staff03_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap04::before {
    background: url(../images/pc_staff04_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap05::before {
    background: url(../images/pc_staff05_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap06::before {
    background: url(../images/pc_staff06_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap07::before {
    background: url(../images/pc_staff07_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap08::before {
    background: url(../images/pc_staff08_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap09::before {
    background: url(../images/pc_staff09_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap10::before {
    background: url(../images/pc_staff10_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article .data-photo-wrapper.wrap11::before {
    background: url(../images/pc_staff11_footer_bk.jpg) no-repeat right;
    background-size: cover;
  }
  body .main article #people {
    padding-bottom: 10%;
  }
  body .main article #people ::-webkit-scrollbar-thumb {
    background-color: #c7c7c7;
  }
  body .main article #people #people-content {
    padding: 0 auto;
    padding-top: 6%;
  }
  body .main article #people #people-content #thumbnail-wrap {
    padding: 0;
    width: 80%;
    margin: 0 auto;
  }
  body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a {
    margin: 0;
  }
  body .main article #people #people-content #thumbnail-wrap .horizontal-scroll .thumbnail-a .thumbnail {
    width: 15vw;
    height: 20vw;
  }
  body .main article #people .btn-top {
    width: 16%;
    margin: 0 auto;
    margin-top: 5%;
  }
  body .main article #people .btn-top a {
    font-size: 1.1vw;
    padding: 5% 0;
  }
}
/*# sourceMappingURL=staff.css.map */