@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : intro.css
Description : イントロ
===================================================================== */
/* =====================================================================
    intro
======================================================================*/
.intro {
  padding-bottom: 16rem;
}

.intro .gradeBox {
  top: 50rem;
  left: 0;
  width: 100%;
  height: 46rem;
}

.intro .ttl_side {
  bottom: auto;
  top: 43.2rem;
}

.intro .sec_ttl {
  margin-bottom: 9rem;
}

.intro .sec_ttl span {
  color: #c6e7ec;
  background: -webkit-gradient(linear, left top, right top, from(#c6e7ec), color-stop(10%, #c6e7ec), color-stop(90%, #d8ddf2), to(#d8ddf2));
  background: linear-gradient(90deg, #c6e7ec 0%, #c6e7ec 10%, #d8ddf2 90%, #d8ddf2 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.intro_txt {
  margin: 0 auto;
  width: calc(640 / 680 * 100%);
}

.intro_txt p {
  font-size: 2.8rem;
  line-height: 2.071;
  letter-spacing: 0.2em;
}

.intro_txt p.large {
  margin-bottom: 8rem;
  font-size: 4.8rem;
  line-height: 2.25;
}

@media screen and (min-width: 768px) {
  .intro .gradeBox {
    height: 34rem;
    background-position: center bottom;
  }
  .intro .ttl_side {
    top: 34.3rem;
  }
  .intro .sec_ttl_wrap {
    margin-left: 2em;
    text-align: center;
  }
  .intro_txt {
    width: 100%;
  }
  .intro_txt p {
    font-size: 1.8rem;
    line-height: 2.071;
    letter-spacing: 0.2em;
  }
  .intro_txt p.large {
    margin-bottom: 3rem;
    font-size: 3rem;
    line-height: 2.333;
  }
}
/*# sourceMappingURL=intro.css.map */