@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
a:link,
a:visited,
a:hover,
a:active,
a {
  text-decoration: none !important;
  color: unset;
}

h1,
.h1-like {
  font-size: 24px;
  font-weight: 700;
}

h2,
.h2-like {
  font-size: 16px;
  font-weight: 700;
}

h3,
.h3-like {
  font-size: 14px;
  font-weight: 700;
}

h4,
.h4-like {
  font-size: 11px;
  font-weight: 700;
}

p,
.p-like {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.1rem;
  line-height: 180%;
}

ul li, ol li {
  font-size: 11px;
}

@media screen and (min-width: 500px) {
  h1,
.h1-like {
    font-size: 32px;
  }

  h2,
.h2-like {
    font-size: 18px;
  }

  h3,
.h3-like {
    font-size: 16px;
  }

  h4,
.h4-like {
    font-size: 12px;
  }

  p {
    font-size: 12px;
  }

  ul li, ol li {
    font-size: 12px;
  }
}
@media screen and (min-width: 800px) {
  h1,
.h1-like {
    font-size: 40px;
  }

  h2,
.h2-like {
    font-size: 24px;
  }

  h3,
.h3-like {
    font-size: 20px;
  }

  h4,
.h4-like {
    font-size: 14px;
  }

  p {
    font-size: 14px;
    line-height: 200%;
  }

  ul li, ol li {
    font-size: 14px;
  }
}
@media screen and (min-width: 1200px) {
  h1,
.h1-like {
    font-size: 60px;
  }

  h2,
.h2-like {
    font-size: 60px;
  }

  h3,
.h3-like {
    font-size: 25px;
  }

  h4,
.h4-like {
    font-size: 16px;
  }

  p,
.p-like {
    font-size: 16px;
  }

  ul li, ol li {
    font-size: 16px;
  }
}
.vision-content {
  width: 100%;
  position: relative;
  margin-bottom: clamp(80px, 16vw, 160px);
}
.vision-content .gold-bg {
  position: absolute;
  top: 0;
  display: block;
  width: 100%;
  height: clamp(360px, 72vw, 720px);
  background-color: #DBC989;
  z-index: -1;
}
.vision-content .content-col {
  margin-top: clamp(40px, 12vw, 120px);
  padding-top: clamp(40px, 9vw, 90px);
  background-color: #ffffff;
  width: 1670px;
  max-width: 92%;
}
.vision-content .content-col .title-container {
  justify-content: center;
  align-items: center;
}
.vision-content .content-col .title-container .catch-copy {
  max-width: 45%;
  margin: 0 1.5vw clamp(40px, 12vw, 120px) 1.5vw;
}
.vision-content .content-col .title-container .text-block {
  width: 620px;
  max-width: 90%;
  margin: 0 1.5vw 0 1.5vw;
  font-weight: 700;
}
.vision-content .content-col .card-container {
  margin: clamp(70px, 14vw, 140px) auto 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1490px;
  max-width: 100%;
}
.vision-content .content-col .card-container .vision-card {
  position: relative;
  margin: 20px auto;
}
.vision-content .content-col .card-container .vision-card .num-container {
  position: absolute;
}
.vision-content .content-col .card-container .vision-card h3 {
  color: #B89515;
}
.vision-content .content-col .card-container .vision-card .text-block {
  font-weight: 700;
}
.vision-content .content-col .card-container .vision-card.card01 {
  width: clamp(520px, 42vw, 720px);
  max-width: 92%;
  align-items: flex-start;
  margin-top: clamp(20px, 4.5vw, 90px);
  order: 1;
}
.vision-content .content-col .card-container .vision-card.card01 .num-container {
  top: 0;
  left: 0;
}
.vision-content .content-col .card-container .vision-card.card01 .card-img {
  width: 570px;
  margin-top: clamp(20px, 7vw, 70px);
  max-width: 80%;
  align-self: flex-end;
}
.vision-content .content-col .card-container .vision-card.card01 h2 {
  align-self: flex-start;
  margin-top: 20px;
}
.vision-content .content-col .card-container .vision-card.card01 h3 {
  align-self: flex-start;
  margin: 1vw 0 0 2vw;
}
.vision-content .content-col .card-container .vision-card.card01 .text-block {
  align-items: flex-start;
  margin: 1vw 0 0 2vw;
  width: 480px;
  max-width: 90%;
}
.vision-content .content-col .card-container .vision-card.card02 {
  width: clamp(400px, 36vw, 590px);
  max-width: 92%;
  align-items: flex-end;
  order: 2;
}
.vision-content .content-col .card-container .vision-card.card02 .num-container {
  top: 34%;
  left: 0;
}
.vision-content .content-col .card-container .vision-card.card02 .card-img {
  width: 416px;
  max-width: 75%;
}
.vision-content .content-col .card-container .vision-card.card02 h2 {
  align-self: flex-end;
  margin-top: 20px;
}
.vision-content .content-col .card-container .vision-card.card02 h3 {
  margin: clamp(2px, 2vw, 20px) 0 0 0;
}
.vision-content .content-col .card-container .vision-card.card02 .text-block {
  align-items: flex-start;
  margin: 1vw 0 0 0;
  width: 480px;
  max-width: 90%;
}
.vision-content .content-col .card-container .vision-card.card04 {
  width: clamp(520px, 42vw, 720px);
  max-width: 92%;
  align-items: flex-start;
  margin-top: clamp(90px, 10vw, 180px);
  order: 3;
}
.vision-content .content-col .card-container .vision-card.card04 .num-container {
  top: 0;
  right: 0;
}
.vision-content .content-col .card-container .vision-card.card04 .card-img {
  width: 570px;
  margin-top: 40px;
  max-width: 80%;
  align-self: flex-start;
}
.vision-content .content-col .card-container .vision-card.card04 h2 {
  align-self: flex-start;
  margin-top: clamp(20px, 3vw, 40px);
}
.vision-content .content-col .card-container .vision-card.card04 h3 {
  align-self: flex-start;
  margin: 1vw 0 0 2vw;
}
.vision-content .content-col .card-container .vision-card.card04 .text-block {
  align-items: flex-start;
  margin: 1vw 0 0 2vw;
  width: 480px;
  max-width: 90%;
}
.vision-content .content-col .card-container .vision-card.card03 {
  width: clamp(420px, 42vw, 600px);
  max-width: 92%;
  align-items: flex-end;
  margin-top: 40px;
  order: 4;
}
.vision-content .content-col .card-container .vision-card.card03 .num-container {
  top: 52%;
  left: 0;
}
.vision-content .content-col .card-container .vision-card.card03 .card-img {
  width: 490px;
  max-width: 80%;
}
.vision-content .content-col .card-container .vision-card.card03 h2 {
  margin-top: clamp(20px, 10vw, 160px);
}
.vision-content .content-col .card-container .vision-card.card03 h3 {
  margin: 1vw 0 0 2vw;
}
.vision-content .content-col .card-container .vision-card.card03 .text-block {
  margin: 1vw 0 0 2vw;
  width: 480px;
  max-width: 90%;
}
.vision-content .content-col .card-container .vision-card.card06 {
  width: clamp(500px, 41vw, 700px);
  max-width: 92%;
  align-items: flex-start;
  padding-top: clamp(90px, 10vw, 180px);
  margin-top: clamp(40px, 10vw, 160px);
  order: 5;
}
.vision-content .content-col .card-container .vision-card.card06 .num-container {
  top: 0;
  right: 0;
}
.vision-content .content-col .card-container .vision-card.card06 .card-img {
  width: 100%;
}
.vision-content .content-col .card-container .vision-card.card06 h2 {
  margin-top: clamp(20px, 3vw, 40px);
}
.vision-content .content-col .card-container .vision-card.card06 h3 {
  margin: 1vw 0 0 2vw;
}
.vision-content .content-col .card-container .vision-card.card06 .text-block {
  margin: 1vw 0 0 0;
  width: 100%;
}
.vision-content .content-col .card-container .vision-card.card05 {
  width: clamp(380px, 28vw, 460px);
  max-width: 92%;
  align-items: flex-end;
  margin-top: 0;
  padding-top: clamp(40px, 11vw, 180px);
  order: 6;
}
.vision-content .content-col .card-container .vision-card.card05 .num-container {
  top: 0;
  left: 0;
}
.vision-content .content-col .card-container .vision-card.card05 .card-img {
  width: 100%;
}
.vision-content .content-col .card-container .vision-card.card05 h2 {
  margin-top: 40px;
}
.vision-content .content-col .card-container .vision-card.card05 h3 {
  margin: 1vw 0 0 0;
}
.vision-content .content-col .card-container .vision-card.card05 .text-block {
  margin: 1vw 0 0 0;
  width: 100%;
}
@media screen and (max-width: 1000px) {
  .vision-content .content-col .card-container .vision-card.card01 {
    margin-top: 40px;
  }
  .vision-content .content-col .card-container .vision-card.card02 {
    margin-top: 40px;
  }
  .vision-content .content-col .card-container .vision-card.card04 {
    margin-top: 40px;
    order: 4;
  }
  .vision-content .content-col .card-container .vision-card.card03 {
    margin-top: 40px;
    order: 3;
  }
  .vision-content .content-col .card-container .vision-card.card03 h2 {
    margin-top: 20px;
  }
  .vision-content .content-col .card-container .vision-card.card05 {
    margin-top: 40px;
    order: 5;
  }
  .vision-content .content-col .card-container .vision-card.card06 {
    margin-top: 40px;
    order: 6;
  }
}
@media screen and (max-width: 800px) {
  .vision-content .content-col .title-container {
    flex-direction: column;
  }
  .vision-content .content-col .title-container .catch-copy {
    width: 400px;
    max-width: 90%;
  }
}

/*# sourceMappingURL=vision.css.map */