.p-construction {
  padding: 4rem 0;
}
@media (min-width: 768px) {
  .p-construction {
    padding: 8rem 0;
  }
}
.p-construction .hline02 {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .p-construction .hline02 {
    margin-top: 3rem;
  }
}
.p-construction__sub {
  font-weight: 600;
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .p-construction__sub {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
  }
}
.p-construction__txt {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .p-construction__txt {
    margin-bottom: 3rem;
  }
}
.p-construction .img-popup {
  margin-bottom: 5rem;
}
.p-construction__social {
  display: flex;
  gap: 3rem;
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .p-construction__social {
    flex-wrap: wrap;
    gap: 2rem;
    margin-bottom: 4rem;
  }
}
.p-construction__social .social-link {
  width: 100%;
  border: 0.1rem solid var(--keycolor);
  border-radius: 0.5rem;
  text-align: center;
  padding: 2.5rem 1.8rem;
  position: relative;
}
@media (min-width: 768px) {
  .p-construction__social .social-link {
    border: 0.2rem solid var(--keycolor);
    width: calc(33.3333333333% - 1.5rem);
  }
}
.p-construction__social .social-link:after {
  position: absolute;
  content: "";
  right: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: url(../images/common/ic_right.png) no-repeat top center;
  background-size: contain;
  width: 2rem;
  height: 2rem;
  transition: all 0.3s;
}
@media (min-width: 768px) {
  .p-construction__social .social-link:after {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.p-construction__social .social-link:hover:after {
  right: 1rem;
}
.p-construction__social .social-link img {
  max-width: 8rem;
}
@media (min-width: 768px) {
  .p-construction__social .social-link img {
    max-width: 70%;
  }
}
.p-construction__social .social-link span {
  display: block;
  margin: 1rem 0 0;
  font-size: 1rem;
}
@media (min-width: 768px) {
  .p-construction__social .social-link span {
    font-size: 1.4rem;
  }
}
.p-construction__social .social-link label {
  font-size: 1.4rem;
  font-weight: 600;
}
@media (min-width: 768px) {
  .p-construction__social .social-link label {
    font-size: 1.8rem;
  }
}
.p-construction .grid-gallery {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .p-construction .grid-gallery {
    margin-bottom: 5rem;
  }
}
.p-construction .grid-gallery.--arrow02 {
  gap: 4rem;
}
@media (min-width: 768px) {
  .p-construction .grid-gallery.--arrow02 {
    gap: 16rem;
  }
}
.p-construction .grid-gallery.--arrow02 .grid-gallery__figure:nth-child(odd) {
  position: relative;
}
.p-construction .grid-gallery.--arrow02 .grid-gallery__figure:nth-child(odd)::after {
  content: "";
  position: absolute;
  top: calc(50% - 1rem);
  left: calc(100% + 0.8rem);
  transform: translateY(-50%);
  width: 2.5rem;
  aspect-ratio: 95/120;
  background: url(../images/common/ic_right.svg) no-repeat center/contain;
}
@media (min-width: 768px) {
  .p-construction .grid-gallery.--arrow02 .grid-gallery__figure:nth-child(odd)::after {
    width: 9.5rem;
    left: calc(100% + 3.2rem);
  }
}

/*# sourceMappingURL=construction.css.map */