/* top.css
========================================*/
.mv {
  position: relative;
}
.mv .-copy {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding-left: 10%;
  position: absolute;
  height: 100%;
  width: 100%;
}
.mv .-copy > p {
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(3px);
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1.9;
  letter-spacing: 0.2em;
  text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.6);
}
.mv .-copy > p > span {
  font-size: 3rem;
  font-weight: 900;
  line-height: 1.25;
}
.mv .-image {
  margin-left: auto;
  width: 80%;
}
@media screen and (max-width: 1280px) {
  .mv .-copy > p {
    font-size: 1.875rem;
  }
  .mv .-copy > p > span {
    font-size: 2.5rem;
  }
}
@media screen and (max-width: 767px) {
  .mv .-copy {
    padding-left: 5%;
  }
  .mv .-copy > p {
    font-size: min(5.8666666667vw, 28px);
    letter-spacing: 0.15em;
  }
  .mv .-copy > p > span {
    font-size: min(8vw, 36px);
  }
  .mv .-image {
    width: 90%;
  }
  .mv .-image img {
    aspect-ratio: 1/1.2;
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

.message-sec .-subttl {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 30px;
  text-align: center;
}
.message-sec .-text {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 1.7em;
  line-height: 1.7;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .message-sec .-subttl {
    font-size: min(4.2666666667vw, 18px);
    margin-bottom: 20px;
  }
  .message-sec .-text {
    gap: 1.5em;
  }
}

.business-sec {
  background-image: url(../img/top/bg_business.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.business-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .business-list {
    align-items: center;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
  }
}
.business-list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 10px;
  flex-direction: column;
  gap: 30px;
  padding: 40px 20px 30px;
  width: 32%;
  max-width: 290px;
}
.business-list-item .-icon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
}
.business-list-item .-text {
  width: 100%;
}
.business-list-item .-text > dt {
  font-size: 1.125rem;
  font-weight: 700;
  margin-bottom: 20px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .business-list-item {
    gap: 20px;
    padding: 30px 20px 20px;
    width: 100%;
  }
  .business-list-item .-icon {
    height: 60px;
    width: 60px;
  }
  .business-list-item .-text > dt {
    font-size: min(4.2666666667vw, 18px);
    margin-bottom: 15px;
  }
}

.company-sec {
  background-color: rgba(2, 32, 77, 0.031372549);
}
.company-list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 720px;
}
@media screen and (max-width: 767px) {
  .company-list {
    gap: 15px;
  }
}
.company-list-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid rgba(51, 51, 51, 0.6);
  gap: 60px;
  padding-bottom: 20px;
}
.company-list-item > dt {
  font-weight: 700;
  width: 180px;
}
.company-list-item > dd {
  line-height: 1.4;
}
.company-list-item > dd span {
  font-size: 0.75rem;
}
@media screen and (max-width: 767px) {
  .company-list-item {
    align-items: start;
    flex-direction: column;
    gap: 10px;
    padding: 0 10px 15px;
  }
  .company-list-item > dt {
    width: auto;
  }
}

.contact-sec .-text {
  margin-bottom: 60px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contact-sec .-text {
    margin-bottom: 40px;
  }
}/*# sourceMappingURL=top.css.map */