@charset "utf-8";
.home {
  /* position: relative;
  height: 100vh;
  background-color: #d9dad9; */
}
/* ==================================================== */
/*  mv-area
/* ==================================================== */
.mv-area {
  position: relative;
  margin-bottom: 200px;
  width: 100%;
  height: 48.194444vw;
  min-height: 694px;
  background-image: url(../img/home/mv.webp);
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: cover;
}
.mv-area .mv-txt {
  position: absolute;
  right: min(21.527778vw, 310px);
  bottom: max(10.277778vw, 148px);
}
.mv-area .mv-txt h2 {
  margin-bottom: 29px;
  /* font-size: var(--fs70); */
  font-size: 4.861111vw;
  line-height: 1.4;
  letter-spacing: 2px;
  color: #2d5b60;
}
.mv-area .mv-txt h2 span {
  display: block;
  /* font-size: var(--fs58); */
  font-size: 4.02777vw;
  color: #2d5b60;
}
.mv-area .mv-txt p {
  margin-bottom: 23px;
  /* font-size: var(--fs21); */
  font-size: 1.458333vw;
  font-weight: 700;
  letter-spacing: 1.2px;
  color: #38656e;
}
.mv-area .mv-txt ul {
  display: flex;

  gap: 13px;
}
.mv-area .mv-txt ul li {
  /* width: 213px; */
  width: 14.791667vw;
  padding: 10.5px 0 7.5px;
  background-color: #aa9d69;
  /* font-size: var(--fs19); */
  font-size: 1.319444vw;
  font-weight: 700;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 767px) {
}