@charset "utf-8";
/* CSS Document */

/*------------ INTRODUCTION ------------*/
.introduction-wrap {
  margin-top: 80px;
}
.subttl2 {
  font-size: 40px;
}
.introduction-wrap p {
  margin-top: 40px;
  font-size: 20px;
}

.introduction-inner {
  margin-top: 40px;
  background: url("../images/introduction/bg_main.jpg") no-repeat center left;
  -webkit-background-size: contain;
  background-size: contain;
}
.introduction-txt-wrap {
  width: 77%;
  max-width: 770px;
  margin: 0 0 0 auto;
  background: rgba(0,0,0,.75);
  font-size: 24px;
  padding: 30px;
}
.introduction-txt-wrap p:first-of-type {
  margin-top: 0;
}


@media (max-width:768px) {
  .introduction-wrap {
    margin-top: 10.667vw;
  }
  .introduction-inner {
    background-size: auto 87%;
  }
  .subttl2 {
    font-size: 5.333vw;
  }
  .introduction-wrap p {
    margin-top: 5.333vw;
    font-size: 2.667vw;
  }

  .introduction-inner {
    margin-top: 5.333vw;
  }
  .introduction-txt-wrap {
    padding: 4vw;
  }
}