/* ====================
  foundation
==================== */
/* ====================
  layout
==================== */
.l-wrapper {
  background-image: linear-gradient(0deg, #02428A, #0561C7);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
}

.l-main {
  background-image: url(../image/ground.png), url(../image/mountain.png);
  background-repeat: no-repeat;
  background-position: center bottom, left bottom;
  background-size: 100vw, contain;
  padding: max(3.125vw, 40px) 20px max(15.625vw, 160px);
}

/* ====================
  component
==================== */ /* ====================
  project
==================== */
.p-home__contents {
  position: relative;
  z-index: 10;
}
.p-home__logo {
  text-align: center;
}
.p-home__logo-link {
  display: inline-block;
  width: 270px;
}
@media screen and (max-width: 767px) {
  .p-home__logo-link {
    width: 180px;
  }
}
.p-home__heading01 {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 120px;
  font-size: 7.5rem;
  font-weight: 400;
  text-align: center;
  line-height: 1;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .p-home__heading01 {
    font-size: max(20.8333333333vw, 82px);
    line-height: 65%;
  }
}
.p-home__univ-name {
  display: block;
}
@media screen and (max-width: 767px) {
  .p-home__univ-name {
    font-size: max(10.4166666667vw, 16px);
  }
}
@media screen and (max-width: 767px) {
  .p-home__year {
    display: block;
    font-size: max(10.4166666667vw, 16px);
  }
}
.p-home__text-box {
  max-width: 424px;
  margin: max(3.125vw, 30px) auto 0;
}
.p-home__heading02 {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 72px;
  font-size: 4.5rem;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-home__heading02 {
    font-size: 56px;
    font-size: 3.5rem;
  }
}
.p-home__heading02 span {
  font-size: 100px;
  font-size: 6.25rem;
  color: #E03F37;
  background-color: #fff;
  display: block;
  padding-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .p-home__heading02 span {
    font-size: 80px;
    font-size: 5rem;
  }
}
.p-home__text {
  margin-top: 20px;
}
.p-home__contact {
  text-align: center;
  margin-top: 50px;
  position: relative;
}
.p-home__heading03 {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 400;
}
.p-home__arrow {
  font-family: "Dela Gothic One", sans-serif;
  font-size: 30px;
  font-size: 1.875rem;
  font-weight: 400;
  position: relative;
  top: -10px;
}
.p-home__img__maple-right {
  position: absolute;
  top: -2%;
  right: -2%;
  width: max(24.0625vw, 160px);
}
.p-home__img__maple-left {
  transform: rotate(-90deg);
  position: absolute;
  top: 4%;
  left: -2%;
  width: max(18.0208333333vw, 100px);
}
@media screen and (max-width: 767px) {
  .p-home__img__maple-left {
    top: 30%;
  }
}
@media screen and (max-width: 479px) {
  .p-home__img__maple-left {
    top: 20%;
  }
}
.p-home__img__bird {
  position: absolute;
  top: 500px;
  left: 10vw;
  width: max(9.5833333333vw, 80px);
}
@media screen and (max-width: 767px) {
  .p-home__img__bird {
    top: 4%;
    left: 6vw;
  }
}
.p-home__img__dragonfly {
  position: absolute;
  top: 600px;
  right: 10vw;
  width: max(8.3333333333vw, 70px);
}
@media screen and (max-width: 767px) {
  .p-home__img__dragonfly {
    top: 32%;
    right: 4vw;
  }
}
@media screen and (max-width: 479px) {
  .p-home__img__dragonfly {
    top: 26%;
  }
}
.p-home__img__tree01 {
  position: absolute;
  bottom: 4.1666666667vw;
  left: 1%;
  width: max(11.3541666667vw, 94px);
}
.p-home__img__tree02 {
  position: absolute;
  bottom: 4.1666666667vw;
  right: 1%;
  width: max(10.9375vw, 94px);
}
.p-home__img__shrubs01 {
  position: absolute;
  bottom: 3.125vw;
  left: 16%;
  width: max(7.5vw, 70px);
}
.p-home__img__shrubs02 {
  position: absolute;
  bottom: 3.125vw;
  right: 16%;
  width: max(10.2083333333vw, 90px);
}
.p-home__img__hands-left {
  position: absolute;
  bottom: 0;
  left: -16%;
  width: max(52.0833333333vw, 250px);
}
.p-home__img__hands-right {
  position: absolute;
  bottom: 0;
  right: -16%;
  width: max(52.0833333333vw, 250px);
}

/* ====================
  utility
==================== *//*# sourceMappingURL=style.css.map */