@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@1,600&display=swap');
/* CSS Document */
.column.main-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.column.main-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.column.main-text .slogan {
  font-family: 'Afacad', sans-serif;
  font-style: italic;
  padding: 2rem 0 0;
  font-size: 8rem;
  font-weight: 400;
  color: #fff;
  filter: drop-shadow(0px 0px 5px #aaaaaa);
}
.column.main-text img {
  scale: .5;
  margin-top: -3em;
}
.main-caption-box.row {
  padding: 2vw 0;
  gap: 2vw;
  display: flex;
  align-items: center;
}
.main-caption-box.row div {
  flex-basis: 50%;
}
.main-caption.column {
  gap: 3em;
  display: flex;
  flex-direction: column;
}
.main-caption.column h1 {
  font-size: 4rem;
  font-weight: 500;
}
.main-caption.column h5 {
  font-size: 1.8rem;
  letter-spacing: 0.2em;
  line-height: 1.4em;
}
.area02.bg-black.column {
  background: #000;
}
.area02.bg-blue.column {
  background: #0152cb;
}
.area02.bg-blue.column .item-link a {
  color: #0152cb;
}
.area02.bg-green.column .item-link a {
  color: #009c4e;
}
.area02.bg-green.column {
  background: #009c4e;
}
.area02 {
  display: flex;
  flex-direction: column;
  gap: 2em;
  align-items: center;
  padding: 2vw;
  color: #fff;
}
.item-link {
  display: flex;
  gap: 2em;
  flex-direction: column;
  align-items: center;
}
.item-link a {
  background: #fff;
  padding: .2em 1em;
  border-radius: 1em;
  font-weight: 600;
}
.item-link dl {
  display: flex;
  flex-wrap: wrap;
  gap: 1vw;
  flex-direction: row;
  font-size: 1.6rem;
}
.item-link dd {
  margin-right: 2em;
}
@media screen and (max-width: 768px) {
  .column.main-text .slogan {
    font-size: 10vw;
    padding: 0;
  }
  .column.main-text img {
    scale: .3;
    margin-top: -3.6em;
  }
  .main-caption-box.row {
    display: flex;
    flex-direction: column;
    padding: 10vw;
  }
  .main-caption.column {
    display: flex;
    align-items: center;
  }
  .main-caption.column h1 {
    font-size: 6.4vw;
  }
  .main-caption.column h5 {
    font-size: 1.6rem;
  }
  .area02 > img {
    width: 70%;
  }
.column.main-text .slogan {
    font-size: 10vw;
    padding: 0;
}

.column.main-text img {
    scale: .3;
    margin-top: -3.6em;
}

.main-caption-box.row {
    display: flex;
    flex-direction: column;
    padding: 10vw;
}

.main-caption.column {
    display: flex;
    align-items: center;
}

.main-caption.column h1 {
    font-size: 6.4vw;
}

.main-caption.column h5 {
    font-size: 1.6rem;
}

.area02>img {
    width: 70%;
}


.item-link dl {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    flex-direction: row;
    justify-content: flex-end;
}

.item-link {
    margin-bottom: 2em;
    padding: 2vw;
}

.item-link dd {
    margin: 0;
}
}