#peopleArea,
#photoArea {
  scroll-margin-top: 150px;
}
@media (max-width: 1180px) {
  #peopleArea,
  #photoArea {
    scroll-margin-top: 70px;
  }
}

#photoArea {
  scroll-margin-top: 150px;
}

.titleBox.ins .bread {
  padding-top: 52px;
}
.titleBox.ins .bread .wrap {
  justify-content: center;
}

.titleBox.ins {
  margin-top: clamp(100px, 7.292vw, 140px);
}
@media (max-width: 1180px) {
  .titleBox.ins {
    margin-top: clamp(60px, 9.2vw, 100px);
  }
}

.contentBox {
  padding-bottom: 50px;
  overflow: hidden;
}
.contentBox .textEditor {
  margin-top: 34px;
  text-align: center;
}
@media (max-width: 1180px) {
  .contentBox .textEditor {
    margin-top: 40px;
  }
}
@media (max-width: 768px) {
  .contentBox {
    padding-bottom: 30px;
  }
}

.photoArea {
  padding: 68px 0 150px;
}
@media (max-width: 1180px) {
  .photoArea {
    padding: 60px 0 100px;
  }
}
@media (max-width: 768px) {
  .photoArea {
    padding: 30px 0 60px;
  }
}
@media (max-width: 768px) {
  .photoArea .wrap {
    padding: 0 60px;
  }
}
@media (max-width: 480px) {
  .photoArea .wrap {
    padding: 0 20px;
  }
}
.photoArea .titleBox {
  margin-bottom: clamp(40px, 3.75vw, 72px);
}
@media (max-width: 480px) {
  .photoArea .titleBox {
    margin-bottom: 30px;
  }
}
.photoArea .photoList {
  display: flex;
  flex-direction: column;
  gap: clamp(20px, 5.2vw, 90px);
}
.photoArea .photoList .photoGroup {
  display: grid;
  grid-template-columns: 1fr 1.39fr 1fr;
  grid-template-rows: auto auto;
  gap: clamp(12px, 2.083vw, 40px) clamp(12px, 1.771vw, 34px);
}
.photoArea .photoList .photoGroup .topLeft,
.photoArea .photoList .photoGroup .bottomLeft,
.photoArea .photoList .photoGroup .topRight,
.photoArea .photoList .photoGroup .bottomRight {
  aspect-ratio: 870/840;
}
.photoArea .photoList .photoGroup .topLeft {
  grid-column: 1;
  grid-row: 1;
}
.photoArea .photoList .photoGroup .bottomLeft {
  grid-column: 1;
  grid-row: 2;
}
.photoArea .photoList .photoGroup .center {
  grid-column: 2;
  grid-row: 1/span 2;
}
.photoArea .photoList .photoGroup .topRight {
  grid-column: 3;
  grid-row: 1;
}
.photoArea .photoList .photoGroup .bottomRight {
  grid-column: 3;
  grid-row: 2;
}
.photoArea .photoList .photoGroup .photoItem {
  overflow: hidden;
}
.photoArea .photoList .photoGroup .photoItem .item {
  cursor: pointer;
}
.photoArea .photoList .photoGroup .photoItem .Img {
  width: 100%;
  height: 100%;
}
.photoArea .photoList .photoGroup .photoItem .Img img {
  width: 100%;
  height: auto;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.photoArea .photoList .photoGroup .titan {
  display: none;
}
@media (max-width: 768px) {
  .photoArea .photoList .photoGroup {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto auto;
    gap: clamp(12px, 4.2vw, 30px);
  }
  .photoArea .photoList .photoGroup .bottomLeft {
    grid-column: 1;
    grid-row: 1;
  }
  .photoArea .photoList .photoGroup .topLeft {
    grid-column: 2;
    grid-row: 1;
  }
  .photoArea .photoList .photoGroup .center {
    grid-column: 1/3;
    grid-row: 2;
    justify-self: center;
    width: 100%;
  }
  .photoArea .photoList .photoGroup .bottomRight {
    grid-column: 1;
    grid-row: 3;
  }
  .photoArea .photoList .photoGroup .topRight {
    grid-column: 2;
    grid-row: 3;
  }
}