/* ****************************************************************************************************
   * index
**************************************************************************************************** */

.page-people-index #visual .visual:before {
  background: url(../images/people/visual-bg.jpg) center center /cover no-repeat;
}

.page-people-index #main {
  background: var(--c-lightgreen);
}
.page-people-index #main .section {
  padding-top: 20px;
  padding-bottom: 220px;
  background: url(../images/people/bg-1.png) center bottom /100% auto no-repeat var(--c-lightgreen);
}
.page-people-index #main:before {
  background: url(../images/people/visual-bg.png) 0 0 /contain no-repeat;
}
.page-people-index #main .people-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
@media (min-width:961px) {
  .page-people-index #main .people-list .item {
    width: 30.56%;
    margin-left: 4.16%;
  }
  .page-people-index #main .people-list .item:nth-child(3n+1) {
    margin-left: 0;
  }
  .page-people-index #main .people-list .item:nth-child(n+4) {
    margin-top: 4.16%;
  }
}
@media (min-width:641px) and (max-width:960px) {
  .page-people-index #main .section {
    padding-bottom: 150px;
  }
  .page-people-index #main .people-list {
    max-width: 674px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-people-index #main .people-list .item {
    width: 49%;
  }
  .page-people-index #main .people-list .item:nth-child(2n+2) {
    margin-left: 2%;
  }
  .page-people-index #main .people-list .item:nth-child(n+3) {
    margin-top: 4%;
  }
}
@media (max-width:640px) {
  .page-people-index #main .section {
    padding-bottom: 100px;
  }
  .page-people-index #main .people-list {
    max-width: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .page-people-index #main .people-list .item {
    width: 100%;
  }
  .page-people-index #main .people-list .item ~ .item {
    margin-top: 30px;
  }
}
.page-people-index #main .people-list .item .photo {
  overflow: hidden;
}
.page-people-index #main .people-list .item .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .4s;
}
.page-people-index #main .people-list .item:hover .photo img {
  transform: scale(1.1);
}
.page-people-index #main .people-list .item .content {
  padding: .5em 1em 1.5em;
  background: url(../images/common/arrow-right-3.png) right bottom /30px auto no-repeat #fff;
}
.page-people-index #main .people-list .item .content .name {
  font-weight: 700;
}
.page-people-index #main .people-list .item .content .name b {
  font-size: 2.4rem;
  font-weight: 700;
}
.page-people-index #main .common-recruit {
  background: #fff;
  padding-top: 0;
}
@media (max-width:960px) {
  .page-people-index #main .common-recruit {
    padding-top: 20px;
  }
}

/* ****************************************************************************************************
   * lower
**************************************************************************************************** */

[class*="page-people-staff"] #breadcrumb {
  display: none;
}

[class*="page-people-staff"] #visual {
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
@media (max-width:768px) {
  [class*="page-people-staff"] #visual {
    padding-top: 50px;
  }
}
[class*="page-people-staff"] #visual .visual {
  padding-top: 932px;
}
@media (max-width:1600px) {
  [class*="page-people-staff"] #visual .visual {
    padding-top: 58.25%;
  }
}
[class*="page-people-staff"] #visual .visual .body {
  max-width: 1460px;
  padding-left: 30px;
  padding-right: 30px;
}
[class*="page-people-staff"] #visual .visual:before,
[class*="page-people-staff"] #visual .visual:after {
  content: none;
}
[class*="page-people-staff"] #visual .visual .content {
  display: flex;
  align-items: center;
  max-width: 48%;
  width: 540px;
  height: 410px;
  color: #333;
  background: url("../images/people/visual-content-bg.png") center center /100% 100% no-repeat;
}
@media (max-width:1125px) {
  [class*="page-people-staff"] #visual .visual .content {
    height: 34vw;
  }
}
[class*="page-people-staff"] #visual .visual .content > * {
  width: 100%;
  padding: 0 10%;
}
[class*="page-people-staff"] #visual .visual .content .title-5 {
  font-size: 2.5rem;
  line-height: 1.68;
}
[class*="page-people-staff"] #visual .visual .content .name {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: 1em;
}
[class*="page-people-staff"] #visual .visual .content .name b {
  display: inline-block;
  font-size: 2em;
  font-weight: 700;
  margin-right: .2em;
}
[class*="page-people-staff"] #visual .visual .scroll {
  position: absolute;
  left: 10px;
  bottom: 3%;
  z-index: 9998;
}
@media (max-width:980px) {
  [class*="page-people-staff"] #visual .visual .content > * {
    padding: 0 5%;
    padding-right: 2%;
  }
  [class*="page-people-staff"] #visual .visual .content .title-5 {
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: .5em;
  }
  [class*="page-people-staff"] #visual .visual .content .name {
    font-size: 1.6rem;
    line-height: 1.2;
    margin-top: 0;
  }
}
@media (max-width:768px) {
  [class*="page-people-staff"] #visual .visual {
    position: relative;
    display: block;
    padding-top: 100%;
    padding-bottom: 130px;
    background-size: 100% auto !important;
  }
  [class*="page-people-staff"]  #visual .visual .body {
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    transform: none;
  }
  [class*="page-people-staff"]  #visual .visual .content {
    max-width: 100%;
    width: 375px;
    height: 285px;
    margin: 0 auto;
  }
}
@media (max-width:640px) {
  [class*="page-people-staff"] #visual .visual {
  }
  [class*="page-people-staff"] #visual .visual .content {
    width: 320px;
    height: 243px;
  }
  [class*="page-people-staff"] #visual .visual .content .title-5 {
    font-size: 1.9rem;
    line-height: 1.5;
    margin-bottom: .5em;
  }
  [class*="page-people-staff"] #visual .visual .content .name {
    font-size: 1.4rem;
  }
}

.page-people-staff1 #visual .visual {
  background: url(../images/people/1-visual.png) center 0 /contain no-repeat;
}
.page-people-staff2 #visual .visual {
  background: url(../images/people/2-visual.png) center 0 /contain no-repeat;
}
.page-people-staff3 #visual .visual {
  background: url(../images/people/3-visual.png) center 0 /contain no-repeat;
}
.page-people-staff4 #visual .visual {
  background: url(../images/people/4-visual.png) center 0 /contain no-repeat;
}
@media (max-width:768px) {
  .page-people-staff1 #visual .visual {
    background: url(../images/people/1-visual-sp.jpg) center 0 /contain no-repeat;
  }
  .page-people-staff2 #visual .visual {
    background: url(../images/people/2-visual-sp.jpg) center 0 /contain no-repeat;
  }
  .page-people-staff3 #visual .visual {
    background: url(../images/people/3-visual-sp.jpg) center 0 /contain no-repeat;
  }
  .page-people-staff4 #visual .visual {
    background: url(../images/people/4-visual-sp.jpg) center 0 /contain no-repeat;
  }
}

[class*="page-people-staff"] #main {
  line-height: 2.1875;
}

[class*="page-people-staff"] #main .section {
  padding: 60px 0;
}

[class*="page-people-staff"] #main .title-5 {
  font-size: 3.2rem;
  margin-bottom: 1em;
}
@media (max-width:768px) {
  [class*="page-people-staff"] #main .title-5 {
    font-size: 2.6rem;
    line-height: 1.5;
  }
}

[class*="page-people-staff"] #main .layout-1 {
  max-width: 1600px;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
[class*="page-people-staff"] #main .layout-1 .content {
  width: 53.1875%;
}
[class*="page-people-staff"] #main .layout-1 .content .inner {
  max-width: 640px;
  padding-left: 50px;
  padding-right: 50px;
  margin-left: auto;
}
[class*="page-people-staff"] #main .layout-1 .photo {
  width: 46.8125%;
  text-align: center;
}
[class*="page-people-staff"] #main .layout-1.reverse .content {
  order: 2;
}
[class*="page-people-staff"] #main .layout-1.reverse .content .inner {
  margin-left: 0;
  margin-right: auto;
}
[class*="page-people-staff"] #main .layout-1.reverse .photo {
  order: 1;
}

[class*="page-people-staff"] #main .layout-2 {
}
[class*="page-people-staff"] #main .layout-2 .body {
  max-width: 1000px;
}
[class*="page-people-staff"] #main .layout-2 {
  
}
@media (max-width:1280px) {
  [class*="page-people-staff"] #main .layout-1 .content .inner {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width:960px) {
  [class*="page-people-staff"] #main .section {
    padding: 50px 0;
  }
  [class*="page-people-staff"] #main .section ~ .section {
    padding-top: 0;
  }
  [class*="page-people-staff"] #main .layout-1 {
    display: block;
  }
  [class*="page-people-staff"] #main .layout-1 .photo,
  [class*="page-people-staff"] #main .layout-1 .content {
    width: 100% !important;
  }
  [class*="page-people-staff"] #main .layout-1 .content .inner {
    max-width: 100%;
    padding: 0 10px;
  }
  [class*="page-people-staff"] #main .layout-1 .photo {
    margin-top: 40px;
  }
}

#main .people {
  max-width: 1600px;
  width: 100%;
  height: 1066px;
  display: flex;
  align-items: center;
  background: url("../images/people/people-bg.png") center center /contain no-repeat;
  margin: 0 auto;
}
@media (max-width:1600px) {
  #main .people {
    height: 66.625vw;
  }
}
@media (max-width:1360px) {
  #main .people {
    display: block;
    height: auto;
    padding: 0;
  }
}
#main .people .body {
  max-width: 1320px;
  margin-right: 0;
}
#main .people .title-1 {
  margin-bottom: 2em;
}
#main .people .photo {
  overflow: hidden;
}
#main .people .photo img {
  width: 100%;
  transition: .4s;
}
#main .people .item:hover .photo img {
  transform: scale(1.05);
}
#main .people .content {
  padding: 1em 1em 30px;
  background: url("../images/common/arrow-right-3.png") right bottom /30px auto no-repeat #fff;
}
#main .people .content .name {
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: .5em;
}
#main .people .content .name b {
  font-size: 1.5em;
  font-weight: 700;
}
@media (max-width:768px) {
  #main .people .content {
    font-size: 1.4rem;
    padding-right: 30px;
  }
}
#main .people .slick-list {
  padding-right: 20% !important;
}
#main .people .slick-slide {
  padding-right: .5%;
}
#main .people .slick-arrow {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  font-size: 0;
  overflow: hidden;
  cursor: pointer;
  z-index: 9;
  transform: translateY(-50%);
}
#main .people .slick-prev {
  left: -30px;
  background: url("../images/common/arrow-left-3.png") center center /cover no-repeat;
}
#main .people .slick-next {
  right: 20%;
  background: url("../images/common/arrow-right-3.png") center center /cover no-repeat;
}
@media (max-width:1360px) {
  #main .people .slick-list {
    padding-right: 10% !important;
  }
  #main .people .slick-prev {
    left: 0;
  }
  #main .people .slick-next {
    right: 0;
  }
}
@media (max-width:768px) {
  #main .people .slick-arrow {
    width: 45px;
    height: 45px;
  }
}
@media (max-width:460px) {
  #main .people .slick-list {
    padding-right: 35% !important;
  }
}

.page-people-staff3 #visual .content {
  margin-left: auto;
  margin-top: -100px;
}

/*
.page-people-staff1 #main .people .staff1 {
  display: none;
}
.page-people-staff2 #main .people .staff2 {
  display: none;
}
.page-people-staff3 #main .people .staff3 {
  display: none;
}
.page-people-staff4 #main .people .staff4 {
  display: none;
}
*/