@charset "UTF-8";
/* --------------------------------------
　　案件ごとに編集　▼ ここから ▼
-------------------------------------- */
.secTopMv {
  position: relative;
  z-index: 10;
}

.secTopMv__column {
  padding-top: 8rem;
  padding-left: 5rem;
}
@media screen and (max-width: 750px) {
  .secTopMv__column {
    padding-top: 14.5rem;
    padding-left: 2rem;
  }
}

.columnTopMv {
  justify-content: center;
  gap: 0 27.0833333333vw;
}
@media screen and (max-width: 750px) {
  .columnTopMv {
    gap: 0 5.5rem;
  }
}

.columnTopMv__img {
  width: 13vw;
  height: 49.6666666667vw;
}
.columnTopMv__img img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  -o-object-position: bottom;
     object-position: bottom;
}
@media screen and (max-width: 750px) {
  .columnTopMv__img {
    width: 13.8rem;
  }
}

.secTopMv__slide {
  width: 13vw;
}
@media screen and (max-width: 750px) {
  .secTopMv__slide {
    width: 13.8rem;
  }
}
.secTopMv__slide .swiper-container {
  overflow: visible;
}
.secTopMv__slide .swiper-slide {
  width: 13vw;
  height: 49.6666666667vw;
  opacity: 0;
}
.secTopMv__slide .swiper-slide img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  -o-object-position: bottom;
     object-position: bottom;
  filter: blur(10px);
  transition: filter 1.2s ease;
}
@media screen and (max-width: 750px) {
  .secTopMv__slide .swiper-slide {
    width: 13.8rem;
    height: 52.6rem;
  }
}
.secTopMv__slide .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.secTopMv__slide .swiper-slide.swiper-slide-active img {
  filter: blur(0px);
}
.columnTopMv__title {
  padding-top: 11.6666666667vw;
  color: #191919;
  font-size: 2.3333333333vw;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5; /* 150% */
  letter-spacing: 0.5em;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  width: 6.2rem;
}
@media screen and (max-width: 750px) {
  .columnTopMv__title {
    width: 3rem;
    padding-top: 0;
    font-size: 2.4rem;
    line-height: 1.3333333333; /* 133.333% */
  }
}

.secTopAbout {
  margin-top: -6.6666666667vw;
  background-image: url(../images/common/common_bg_01.png);
  background-size: 31.6rem auto;
  background-repeat: repeat;
  position: relative;
  z-index: 1;
}

.secTopAbout__inner {
  padding-top: 7.1666666667vw;
  padding-bottom: 8.75vw;
}
@media screen and (max-width: 750px) {
  .secTopAbout__inner {
    padding-top: 8.5rem;
    padding-bottom: 8.7rem;
  }
}

.secTopAbout__upper .secTopAbout__photo {
  width: 24.25vw;
  height: 15vw;
  background-image: url(../images/top/about_photo_01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  margin-left: 13.0833333333vw;
}
@media screen and (max-width: 750px) {
  .secTopAbout__upper {
    display: none;
  }
}

.columnTopAbout {
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .columnTopAbout {
    justify-content: center;
  }
}

.columnTopAbout__item:nth-child(1) {
  margin-top: 11.0833333333vw;
}
@media screen and (max-width: 750px) {
  .columnTopAbout__item:nth-child(1) {
    display: none;
  }
}
.columnTopAbout__item:nth-child(1) .columnTopAbout__img {
  width: 28.5vw;
  height: 46.1666666667vw;
  background-image: url(../images/top/column_about_photo_01.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.columnTopAbout__item:nth-child(2) {
  margin-top: 6.0833333333vw;
}
.columnTopAbout__item:nth-child(3) {
  margin-right: 5.8333333333vw;
}
@media screen and (max-width: 750px) {
  .columnTopAbout__item:nth-child(3) {
    display: none;
  }
}
.columnTopAbout__item:nth-child(3) .columnTopAbout__img {
  width: 22.8333333333vw;
  height: 37vw;
  background-image: url(../images/top/column_about_photo_02.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.columnTopAbout__item:nth-child(3) .columnTopAbout__img {
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
}

.columnTopAbout__text {
  color: #191919;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3; /* 300% */
}
@media screen and (max-width: 750px) {
  .columnTopAbout__text {
    font-size: 1.4rem;
    line-height: 2.5714285714; /* 257.143% */
  }
}

.columnTopAbout__text--item {
  display: block;
}
.columnTopAbout__text--item + .columnTopAbout__text--item {
  margin-top: 4.5rem;
}
@media screen and (max-width: 750px) {
  .columnTopAbout__text--item + .columnTopAbout__text--item {
    margin-top: 4rem;
  }
}

.columnTopAbout__arrow {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6rem;
}

.columnTopAbout__link {
  display: block;
  width: 1.9rem;
  transition: all 0.3s;
}
.columnTopAbout__link:hover {
  transform: scale(1.2);
}

.secTopAbout__lower {
  margin-top: -4.6666666667vw;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
}
@media screen and (max-width: 750px) {
  .secTopAbout__lower {
    display: none;
  }
}
.secTopAbout__lower .secTopAbout__photo:nth-child(1) {
  width: 15.3333333333vw;
  height: 9.4166666667vw;
  margin-top: 12.8333333333vw;
  margin-right: -5.6666666667vw;
  z-index: 10;
  position: relative;
  box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
  background-image: url(../images/top/about_photo_02.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.secTopAbout__lower .secTopAbout__photo:nth-child(2) {
  width: 28.3333333333vw;
  height: 17.5vw;
  margin-right: 10.8333333333vw;
  z-index: 1;
  position: relative;
  background-image: url(../images/top/about_photo_03.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}

.secTopAbout__loop.blkPhotoLoop {
  display: none;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .secTopAbout__loop.blkPhotoLoop {
    margin-top: 7.5rem;
    display: block;
  }
}
.secTopAbout__loop.blkPhotoLoop .blkPhotoLoop__item {
  display: flex;
  gap: 0 0.9rem;
  animation: imgLoopTop 30s linear infinite;
  width: -moz-fit-content;
  width: fit-content;
}
.secTopAbout__loop.blkPhotoLoop .listPhotoLoop {
  gap: 0 0.9rem;
}
@keyframes imgLoopTop {
  from {
    transform: translateX(0);
  }
  to {
    /* set 1個分（画像＋gap込み）だけ移動 */
    transform: translateX(calc(-50% - 0.45rem));
  }
}
.secTopAbout__loop.blkPhotoLoop .listPhotoLoop__item {
  width: 16.2rem;
}
.secTopAbout__loop.blkPhotoLoop .listPhotoLoop__img {
  overflow: hidden;
}

.blkTopTextLoop {
  position: relative;
}

.blkTopTextLoop__inner {
  padding-top: 4.5rem;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 750px) {
  .blkTopTextLoop__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.cardsLinks {
  border-top: 0.1rem solid #F2F2F2;
}
@media screen and (max-width: 750px) {
  .cardsLinks {
    flex-direction: column;
  }
}

.cardsLinks__item {
  width: 33.3333333333vw;
}
@media screen and (max-width: 750px) {
  .cardsLinks__item {
    width: 100%;
  }
}
.cardsLinks__item:not(:first-child) {
  border-left: 0.1rem solid #F2F2F2;
}
@media screen and (max-width: 750px) {
  .cardsLinks__item:not(:first-child) {
    border-left: none;
  }
}
@media screen and (max-width: 750px) {
  .cardsLinks__item:not(:last-child) {
    border-bottom: 0.1rem solid #F2F2F2;
  }
}

.cardLinks {
  padding-bottom: 19rem;
  display: block;
  background-color: #fff;
  position: relative;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .cardLinks {
    width: 100%;
    padding-bottom: 9.5rem;
  }
}
.cardLinks::after {
  content: "";
  display: block;
  width: 1.9rem;
  height: 0.8rem;
  background-image: url(../images/common/common_arrow_gray_01.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  transform: translateX(-50%);
  bottom: 8.5rem;
  left: 50%;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .cardLinks::after {
    bottom: 5.5rem;
  }
}
.cardLinks[target=_blank]:after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 1.8rem;
  background-image: url(../images/common/common_blank_01.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  transform: translateX(-50%);
  bottom: 8rem;
  left: 50%;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .cardLinks[target=_blank]:after {
    bottom: 5rem;
  }
}
.cardLinks:hover {
  filter: brightness(0.9);
}
.cardLinks:hover::after {
  transform: translateX(-50%) scale(1.2);
}

.cardLinks__accent {
  mix-blend-mode: difference;
  color: #191919;
  font-family: Montserrat;
  font-size: 2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1; /* 100% */
  writing-mode: vertical-rl;
  text-orientation: mixed;
  position: absolute;
  top: 0.8rem;
  right: 0.9rem;
}
@media screen and (max-width: 750px) {
  .cardLinks__accent {
    font-size: 1.4rem;
    top: 1.2rem;
    right: 1.2rem;
  }
}

.cardLinks__title {
  padding-top: 9.4rem;
  mix-blend-mode: difference;
  color: #191919;
  font-size: 12rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1; /* 66.667% */
  text-align: center;
  position: relative;
  z-index: 10;
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .cardLinks__title {
    padding-top: 6.5rem;
    font-size: 10rem;
  }
}

.cardLinks__img {
  margin: -4rem auto 0;
  position: relative;
  z-index: 1;
  width: 26.6666666667vw;
}
@media screen and (max-width: 750px) {
  .cardLinks__img {
    margin-top: -1rem;
    width: 32rem;
  }
}

.cardLinks__content {
  margin-top: 2rem;
}

.cardLinks__text {
  color: #191919;
  text-align: center;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2; /* 200% */
}

.secNews {
  background-image: url(../images/common/common_bg_01.png);
  background-size: 31.6rem auto;
  background-repeat: repeat;
}

.secNews__inner {
  padding-top: 5rem;
  padding-bottom: 6rem;
}
@media screen and (max-width: 750px) {
  .secNews__inner {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
}

.secNews__column {
  max-width: 96rem;
  margin: 0 auto;
}

.columnNews {
  gap: 0 10rem;
}
@media screen and (max-width: 750px) {
  .columnNews {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }
}

.columnNews__title {
  writing-mode: vertical-rl;
  text-orientation: mixed;
  color: #191919;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25; /* 125% */
  letter-spacing: 0.3em;
  margin-top: 2rem;
  width: 3rem;
}
@media screen and (max-width: 750px) {
  .columnNews__title {
    margin-top: 0;
  }
}

.columnNews__button {
  margin: 2rem auto 0;
  width: 24rem;
}

.listNews__link {
  padding-top: 2rem;
  padding-bottom: 2rem;
  gap: 0 2rem;
  align-items: center;
}
.listNews__link:hover .listNews__text {
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .listNews__link {
    flex-wrap: wrap;
    gap: 1rem 2rem;
  }
}

.listNews__date {
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
}

.listNews__category {
  color: #FFF;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.3333333333; /* 133.333% */
  width: 10rem;
  background-color: #9F8861;
  padding: 0.2rem 1rem;
  border-radius: 10rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.listNews__category--event {
  background-color: #9B3535;
}
.listNews__category--award {
  background-color: #9F8861;
}

.listNews__text {
  color: #191919;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 114.286% */
  text-decoration: underline;
}
@media screen and (max-width: 750px) {
  .listNews__text {
    width: 100%;
  }
}