/* CSS Document */
.pre-inc main.main-contents {
  color: #FFF;
  font-size: min(3.2svw, 16px);
  line-height: 1.6;
}
.pre-inc .mv {
  margin: 0;
  width: 100%;
  position: relative;
}
.pre-inc .mv .mv-txt {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 10%;
  transform: translateY(-50%);
  filter: drop-shadow(0 0 3px #000);
}
.pre-inc .mv .mv-txt .mv-team {
  margin: 0 0 0.3em;
  padding: 0 0 0.3em;
  border-bottom: 1px #FFF solid;
  font-family: "EB Garamond", serif;
  font-size: min(5.5svw, 40px);
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1;
}
.pre-inc .mv .mv-txt .mv-desc {
  margin: 0;
  font-size: min(3.8svw, 20px);
  letter-spacing: 0.1em;
  line-height: 1;
}
.pre-inc .sec01 {
  margin: 0;
  padding: 3em 0;
  width: 100%;
  background: linear-gradient(90deg, #003326, #007250, #003326);
}
@media screen and (min-width: 751px), print {
  .pre-inc .sec01 {
    padding: 6em 0;
  }
}
.pre-inc .sec01 .txt {
  margin: 0 auto;
  width: 90%;
  text-align: center;
  font-size: min(3.2svw, 16px);
  letter-spacing: 0.1em;
  line-height: 2;
}
@media screen and (min-width: 751px), print {
  .pre-inc .sec01 .txt {
    line-height: 2.2;
  }
}
.pre-inc .sec01 .txt .txt-sup {
  font-size: min(2svw, 10px);
}
.pre-inc .sec01 .word-box {
  margin: 0 auto 2em;
  width: 80%;
  max-width: 620px;
  position: relative;
}
@media screen and (min-width: 751px), print {
  .pre-inc .sec01 .word-box {
    margin: 0 auto 4em;
  }
}
.pre-inc .sec01 .word-box .flare {
  margin: 0;
  width: 50%;
  position: absolute;
  top: 0;
  right: 15%;
  transform: translateY(-34%);
  mix-blend-mode: screen;
}
.pre-inc .sec01 .word-box .w-cap {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  transform: translateX(125%);
  font-size: min(2svw, 10px);
  line-height: 1;
}
.pre-inc .sec02 {
  margin: 0;
  padding: 0;
  width: 100%;
  background: linear-gradient(90deg, #003326, #004833, #003326);
}
.pre-inc .sec02 .img-box {
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
}
.pre-inc .sec02 .img-box .box1 {
  margin: 0;
  width: 50%;
}
@media screen and (min-width: 751px), print {
  .pre-inc .sec02 .img-box .box1 {
    width: 33.3333333333%;
  }
}
.pre-inc .sec02 .img-box .box2 {
  margin: 0;
  width: 33.3333333333%;
}
@media screen and (min-width: 751px), print {
  .pre-inc .sec02 .img-box .box2 {
    width: 22.2222222222%;
  }
}
.pre-inc nav.foot-nav {
  margin-top: 0 !important;
}/*# sourceMappingURL=concept.css.map */