p small {
  font-size: .75em;
}

.sp {
  display: none;
}

@media (max-width: 766px) {
  .sp {
    display: block;
  }
}

.sns .l-inner {
  display: grid;
  justify-items: center;
  gap: 40px
}

.sns__txt {
  font-weight: 700;
  font-size: 1.8rem;
}

.sns__btn-list {
  display: flex;
  justify-content: center;
  gap: 40px;
}

.project__top {
  position: relative;
  height: 400px;
  margin-bottom: -60px;
  background-size: cover;
  background-position: center;
}

@media (max-width: 766px) {
  .project__top {
    height: 300px;
  }
}

.project__top-headline {
  position: absolute;
  content: "";
  display: grid;
  justify-items: center;
  color: #fff;
  left: 50%;
  top: calc(50% - 30px);
  transform: translate(-50%, -50%);
  margin: 0;
  font-weight: 700;
}

.project__top-headline-en {
  font-size: 5rem;
  line-height: 1.5;
}

@media (max-width: 766px) {
  .project__top-headline-en {
    font-size: 3.5rem;
  }
}

.project__top-headline-ja {
  font-size: 2rem;
}

@media (max-width: 766px) {
  .project__top-headline-ja {
    font-size: 1.5rem;
  }
}

.project {
  line-height: 2;
}

.project p {
  margin: 0;
}

.project__inner {
  position: relative;
  z-index: 0;
  overflow: hidden;
  border-radius: 20px;
  padding: 60px 100px;
}

@media (max-width: 1024px) {
  .project__inner {
    padding: 60px;
  }
}

@media (max-width: 766px) {
  .project__inner {
    padding: 40px 20px;
  }
}

.project__inner::before {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  background: #EFFAF6;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 160px;
}

.project__inner > * + * {
  margin-top: 60px;
}

@media (max-width: 766px) {
  .project__inner > * + * {
    margin-top: 40px;
  }
}

.project__headline {
  text-align: center;
  font-weight: 700;
  line-height: 1.5;
}

.project__headline-primary {
  position: relative;
  display: block;
  font-size: 3.2rem;
  padding-bottom: 20px;
  line-height: 1.6;
}

@media (max-width: 766px) {
  .project__headline-primary {
    font-size: 2rem;
  }
}

.project__headline-primary::after {
  position: absolute;
  display: block;
  content: "";
  width: 100px;
  height: 3px;
  background: #07B880;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.project__headline-secondary {
  display: block;
  font-size: 1.8rem;
  margin-top: 20px !important;
  line-height: 1.8;
}

@media (max-width: 766px) {
  .project__headline-secondary {
    font-size: 1.5rem;
  }
}

.project__about {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 40px;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

@media (max-width: 766px) {
  .project__about {
    padding: 25px;
    grid-template-columns: auto;
  }
}

.project__about::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  transform: translate(50%, -20%);
  display: block;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDIuNjY4IiBoZWlnaHQ9IjQzOS4zNzUiIHZpZXdCb3g9IjAgMCA2NDIuNjY4IDQzOS4zNzUiPjxwYXRoIGQ9Ik02MzMuMjU1LDQzNS40ODdjMTI5LjktMjEuODA2LDE3NS42NTUsMTMuMiwyMzYuNjkzLDUyLjQzNFM5ODQuNCw1MzEuMTYsMTAwNy40NjQsNjAzLjQ2OXM4Ljk0OCwxMDQuNjg0LTQ1LjI1NCwxNzMuNjg3UzkxOS41NTYsODUxLjQ4OCw4MzYsODY1LjM2N3MtMzIyLjU3LTI4LjYyNi0zMjIuNTctMjguNjI2Yy02OC44NTMtNDkuMDY0LTEyMC41NDUtNzQuMzUtMTM0LjcyNy0xNTQuMTMyUzM5Ny43NDIsNTQ4LjE2Nyw0NTUuOSw1MzAuNCw1MDMuMzU1LDQ1Ny4yOTQsNjMzLjI1NSw0MzUuNDg3WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTM3NS40NDIgLTQyOC43NzcpIiBmaWxsPSIjZmZmIi8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  width: 640px;
  height: 440px;
}

.project__about-ttl {
  font-size: 1.8rem;
  justify-self: end;
  color: #07B880;
  font-weight: 700;
  line-height: 1.5;
}

@media (max-width: 766px) {
  .project__about-ttl {
    justify-self: start;
    font-size: 1.6rem;
  }
}

.project__gallery {
  --gap: 30px;
  position: relative;
  display: flex;
  gap: var(--gap);
  justify-content: center;
  flex-wrap: wrap;
}

.project__gallery::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  transform: translate(-45%, -20%);
  display: block;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDIuNjY4IiBoZWlnaHQ9IjQyMC4xOTkiIHZpZXdCb3g9IjAgMCA2NDIuNjY4IDQyMC4xOTkiPjxwYXRoIGQ9Ik01ODIuMTc3LDUyMy43NzJjNTcuNjEzLTYuMTEzLDgyLjUyNS02MC40NDgsMTQ0LjYtNzEuMTQyczgyLjEzLTMuOTQ3LDE0My4xNjgsMzUuMjkyUzk4NC40LDUzMS4xNiwxMDA3LjQ2NCw2MDMuNDY5czguOTQ4LDEwNC42ODQtNDUuMjU0LDE3My42ODdTOTE5LjU1Niw4NTEuNDg4LDgzNiw4NjUuMzY3cy0xMTEuODQyLTI2LjE1OS0xNzQuNi0zMC42NzYtMTA1LjA5MywzMC42NzYtMTQ1LjcwNSwzMC42NzZTMzkyLjg4Niw3NjIuMzkxLDM3OC43LDY4Mi42MDksMzk3Ljc0Miw1NDguMTY3LDQ1NS45LDUzMC40LDUyNC41NjMsNTI5Ljg4NSw1ODIuMTc3LDUyMy43NzJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc1LjQ0MiAtNDQ4LjA3NykiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  width: 640px;
  height: 440px;
}

.project__gallery-figure {
  width: calc(50% - var(--gap) / 2);
}

.project__gallery-figure.-large {
  width: min(650px, 100%);
}

@media (max-width: 766px) {
  .project__gallery-figure {
    width: 100%;
  }
}

.project__gallery-figure img {
width: 100%;
height: 100%;
object-fit: cover;
}

.project__feature {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: start;
  gap: 15px;
}

@media (max-width: 766px) {
  .project__feature {
    grid-template-columns: auto;
  }
}

.project__feature-ttl {
  font-size: 1.7rem;
  font-weight: 700;
  color: #fff;
  background: #07B880;
  margin: .5em 0 0;
  padding: 0.4em 0.7em;
  text-align: center;
}

@media (max-width: 766px) {
  .project__feature-ttl {
    font-size: 1.5rem;
    justify-self: start;
  }
}

.project__profile {
  position: relative;
  padding: 30px 30px 50px;
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

@media (max-width: 766px) {
  .project__profile {
    padding: 25px;
  }
}

.project__profile::before {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  transform: translate(30%, -20%);
  display: block;
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2NDIuNjY4IiBoZWlnaHQ9IjQzNC42NjkiIHZpZXdCb3g9IjAgMCA2NDIuNjY4IDQzNC42NjkiPjxwYXRoIGQ9Ik01ODMuNDI0LDQ0MS4xOTRjNTcuNjEzLTYuMTEzLDIyNS40ODcsNy40ODksMjg2LjUyNSw0Ni43MjhTOTg0LjQsNTMxLjE2LDEwMDcuNDY0LDYwMy40NjlzOC45NDgsMTA0LjY4NC00NS4yNTQsMTczLjY4N1M5MTkuNTU2LDg1MS40ODgsODM2LDg2NS4zNjdzLTIwOC4yNDYsMTcuMDY0LTMyMi41Ny0yOC42MjZTMzkyLjg4Niw3NjIuMzkxLDM3OC43LDY4Mi42MDksMzk3Ljc0Miw1NDguMTY3LDQ1NS45LDUzMC40LDUyNS44MTEsNDQ3LjMwNyw1ODMuNDI0LDQ0MS4xOTRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMzc1LjQ0MiAtNDM5Ljc5MykiIGZpbGw9IiNmZmYiLz48L3N2Zz4=);
  background-size: contain;
  background-repeat: no-repeat;
  width: 640px;
  height: 440px;
}

.project__profile-name {
  font-size: 2.2rem;
  font-weight: 700;
  border-bottom: 1px solid #07B880;
  line-height: 1.5;
  padding-bottom: .4em;
}

@media (max-width: 766px) {
  .project__profile-name {
    font-size: 1.8rem;
  }
}

.project__profile-name:not(:first-child) {
  margin-top: 4.8rem;
}

.project__profile-name span {
  display: inline-block;
  font-size: 1.8rem;
  margin-right: 0.5em;
  color: #07B880;
}

@media (max-width: 766px) {
  .project__profile-name span {
    font-size: 1.6rem;
  }
}

.project__profile-box {
  margin-top: 30px;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 20px;
}

@media (max-width: 766px) {
  .project__profile-box {
    grid-template-columns: auto;
  }
}

.project__profile-figure {
  width: 180px;
  margin: .5em 0 0;
  justify-self: center;
}

.project__profile-ttl {
  font-size: 1.8rem;
  font-weight: 500;
  color: #07B880;
}

* + .project__profile-ttl {
  margin-top: 1em;
}

* + .project__profile-txt {
  margin-top: 0.4em;
}