@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : intro.css
Description : イントロダクション
===================================================================== */
/* =====================================================================
    intro
======================================================================*/
.intro {
  padding: 12rem 0;
}
.intro .inner {
  margin: -4rem auto;
}
@media screen and (max-width: 767px) {
  .intro .inner {
    width: calc(680 / 750 * 100%);
  }
}
.intro_contents {
  position: relative;
  padding: 12rem 5.8823529412% 16rem;
  min-height: 100vh;
  z-index: 1;
}
.intro_contents::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: calc(100% - 8rem);
  background-color: #aa1125;
  z-index: -1;
}
.intro_contents .bg_parallax_img {
  background: url(../images/intro/bg_intro-sp.jpg) no-repeat center/100% 100%;
}
.intro_txt {
  position: relative;
  font-size: 107%;
  font-weight: 500;
  color: #000000;
  line-height: 2;
}
.intro_txt .red {
  color: #b31227;
}
.intro_txt .mincho {
  font-family: "游明朝", "游明朝体", "Yu Mincho", YuMincho, serif;
}
.intro_txt .fz_large {
  font-size: 133%;
  letter-spacing: 0;
}
.intro_txt strong {
  font-weight: 500;
  background: -webkit-gradient(linear, left top, right top, from(#d9d9d9), to(#ffffff));
  background: linear-gradient(to right, #d9d9d9 0%, #ffffff 100%);
}
.intro_txt .grade_2 {
  color: #fff;
}
.intro_txt .grade_2 span {
  padding: 0.1em;
  background: -webkit-gradient(linear, left top, right top, from(#b31227), to(#000000));
  background: linear-gradient(to right, #b31227 0%, #000000 100%);
}

@media screen and (min-width: 768px) {
  .intro {
    padding: 8rem 0 12rem;
  }
  .intro_contents {
    margin-left: calc(-100 / 1000 * 100%);
    padding: 16rem 0;
    width: calc(1200 / 1000 * 100%);
  }
  .intro_contents .bg_parallax_img {
    background-image: url(../images/top/bg_intro-pc.jpg);
  }
  .intro_txt {
    margin: 0 auto;
    width: 660px;
    font-size: 125%;
    line-height: 2.5;
  }
}/*# sourceMappingURL=intro.css.map */