/*　
additional　CSS
https://app.hubspot.com/content-detail/7079764/landing-page/151865622884/performance
*/

.intro_movie * {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-weight: normal;
  vertical-align:baseline;
  background:transparent;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
       -o-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.intro_movie {
  background: #F2F3F5;
  font-size: calc(10vw / 19.2);
}

.intro_movie .container {
  width: calc(1448vw / 19.2);
  margin: 0 auto;
  background: #fff;
  padding-bottom: 12em;
}

.intro_movie .container .inner {
  width: calc(1300vw / 19.2);
  margin: 0 auto;
}

.intro_movie .container .inner h3 {
  background: #4A4A4A;
  color: #fff;
  font-size: 2.6em;
  font-weight: bold;
  line-height: 1;
  padding: 1em;
  margin-bottom: 1.5em;
}

.intro_movie .container .inner h3 span {
  display: inline-block;
  font-size: 70%;
  font-weight: bold;
  margin-left: 0.5em;
}

.intro_movie .container .inner .movie {
  background: #FFF7F3;
  padding: 1em;
  margin-bottom: 1.5em;
}

.intro_movie .container .inner .btm_txt {
  text-align: center;
  font-size: 3.2em;
  font-weight: 500;
  line-height: 1.6;
}

@media all and (max-width: 768px) {

  .intro_movie {
    font-size: calc(10vw / 4.14);
  }

  .intro_movie .container {
    width: calc(384vw / 4.14);
    padding-bottom: 4em;
  }
  
  .intro_movie .container .inner {
    width: calc(384vw / 4.14);
  }

  .intro_movie .container .inner h3 {
    padding: 0.5em 0.8em;
    font-size: 2em;
    padding: 0.
    margin-bottom: 0.8em;
  }

  .intro_movie .container .inner .btm_txt {
    font-size: 1.7em;
    text-align: left;
    padding: 0 1em;
  }

  .intro_movie .container .inner .btm_txt br {
    display: none;
  }

}

/*　
additional　CSS 20250115
https://app.hubspot.com/content-detail/7079764/landing-page/151865622884/performance
*/

.feature_table .sp {
  display: none;
}

.feature_table .table_wrap {
  margin: 4em 0 0 4em;
  overflow-x: scroll;
}

.feature_table .table_wrap .img img {
  width: 150em;
  height: auto;
}

@media all and (max-width: 768px) {

  .feature_table .pc {
    display: none;
  }
  .feature_table .sp {
    display: block;
  }
  
}