@charset "UTF-8";

.highlight__ttl {
  padding: 130px 0 110px;
  font-size: 37.33px;
  font-weight: 600;
  line-height: 1.5
}

.highlight__subttl {
  padding: 0 0 0.8em;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.5;
  text-align: left
}

.highlight__movie {
  padding: 0 0 90px
}

.highlight__movie__clip {
  border-radius: 10px
}

.highlight .highlight__report__btn {
  display: block;
  padding: 29px 29px 29px 100px;
  background: rgba(0, 0, 0, 0.05) url(/jp/about/ygc/assets/images/index/icon_bld.svg) no-repeat left 30px center;
  background-size: 38px auto;
  border-radius: 10px;
  font-size: 18.67px;
  font-weight: 600;
  line-height: 38px;
  color: #000;
  text-align: left
}

@media screen and (max-width:767px) {
  .highlight__ttl {
    padding: 28.2051282051vw 0 28.2051282051vw;
    font-size: 6.1538461538vw
  }

  .highlight__subttl {
    padding: 0 0 0.5em;
    font-size: 6.1538461538vw
  }

  .highlight__movie {
    padding: 0 0 20.5128205128vw
  }

  .highlight__movie__clip {
    width: 100%;
    height: 52vw;
    border-radius: 2.5641025641vw
  }

  .highlight .highlight__report__btn {
    padding: 3.8461538462vw 3.8461538462vw 3.8461538462vw 14.8717948718vw;
    background-position: left 5.1282051282vw center;
    background-size: 6.4102564103vw auto;
    border-radius: 2.5641025641vw;
    font-size: 4.1025641026vw;
    line-height: 6.4102564103vw
  }
}