@charset "UTF-8";
/* CSS INFORMATION -====================================================
File name : intro.css
Description : イントロ
===================================================================== */
/* =====================================================================
    intro
======================================================================*/
.intro .sec_ttl {
  margin-bottom: -5rem;
  padding-bottom: 1.3rem;
  width: 48rem;
  background-image: url(../images/common/img_ttl_wave1.png);
}

.intro .sec_ttl img {
  margin-left: 4rem;
  width: 36.4rem;
}

.intro p {
  position: relative;
}

.txt_intro1::before {
  content: '';
  position: absolute;
  display: block;
  width: 2.1rem;
  height: 8.7rem;
  background: url(../images/common/img_dots3.png) no-repeat center/contain;
  bottom: -6.3rem;
  right: 11.3rem;
}

@media screen and (min-width: 768px) {
  .txt_intro1::before {
    width: 1.2rem;
    height: 5.2rem;
  }
}

.txt_intro2 {
  margin: 18rem auto -1rem;
  width: 56.6rem;
}

.txt_intro2 img {
  height: 122.6rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.txt_intro3 img {
  height: 193.8rem;
  -o-object-fit: contain;
     object-fit: contain;
}

@media screen and (min-width: 768px) {
  .intro .sec_ttl {
    margin-bottom: -3.5rem;
    padding-bottom: 1.6rem;
  }
  .intro .sec_ttl img {
    margin-left: 1.6rem;
    width: 37.5rem;
  }
  .txt_intro1::before {
    bottom: -2.3rem;
    right: 42rem;
  }
  .txt_intro2 {
    margin: 14.6rem auto -3.3rem;
    width: calc(961 / 1600 * 100vw);
  }
  .txt_intro2 img {
    height: calc(665 / 1600 * 100vw);
  }
  .txt_intro3::before {
    content: '';
    position: absolute;
    display: block;
    bottom: -10rem;
    left: 21rem;
    width: 2.9rem;
    height: 5.2rem;
    background: url(../images/common/img_dots5.png) no-repeat center/contain;
  }
  .txt_intro3 img {
    height: calc(1395 / 1600 * 100vw);
  }
}
/*# sourceMappingURL=intro.css.map */