@charset "utf-8";
#cont-mv {
  background: url(../images/about/mv_pc.jpg) no-repeat center top;
}
@media screen and (max-width: 767px) {
  #cont-mv {
    background: url(../images/about/mv_sp.jpg) no-repeat center top;
  }
}
.feature-list {
  margin-top: -40px;
}
.feature-list li {
  background: #fff;
  margin-top: 40px;
  padding: 20px 20px 30px 20px;
}
.feature-list dt {
  margin-bottom: 20px;
}
.feature-list .head-txt {
  margin-bottom: 0;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5;
}
.feature-list .cont-txt {
  margin-top: 1em;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .feature-list {
    margin-top: 0;
  }
  .feature-list li {
    margin-top: 30px;
    padding: 15px 15px 20px 15px;
  }
  .feature-list dd {
    margin: 0 10px 10px 10px;
  }
  .feature-list .head-txt {
    font-size: 1.5rem;
  }
}
.movie-list {
  margin-top: -40px;
}
.movie-list li {
  margin-top: 40px;
}
.movie-list dt {
  margin-bottom: 20px;
}
.movie-list .head-txt {
  margin-bottom: 0;
  font-size: 1.8rem;
  text-align: center;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .movie-list {
    margin-top: 0;
  }
  .movie-list li {
    margin-top: 30px;
  }
  .movie-list .head-txt {
    font-size: 1.5rem;
  }
}
.movie {
  position: relative;
  padding-bottom: 56.25%;
  /*アスペクト比 16:9の場合の縦幅*/
  height: 0;
  overflow: hidden;
}
.movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#spec-wrap .container {
  position: relative;
}
#spec-wrap .container:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 95%;
  background: url(../images/about/spec_pc.jpg) no-repeat center top;
  background-size: cover!important;
}
#spec-wrap .inner {
  display: flex;
}
@media screen and (max-width: 768px) {
  #spec-wrap .container:before {
    height: 85vw;
    background: url(../images/about/spec_sp.jpg) no-repeat center top;
  }
}
.spec-detail {
  width: 54%;
  padding: 50px;
  background: #fff;
  position: relative;
  margin-top: 80px;
  margin-left: auto;
}
.spec-detail .second-ttl {
  text-align: left;
  line-height: 1;
}
.spec-detail dl {
  display: flex;
  align-items: flex-start;
}
.spec-detail dt {
  width: 10.5em;
  margin-right: 5%;
  font-weight: 700;
}
.spec-detail dd {
  flex: 1;
}
.spec-detail .btn-wrap {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .spec-detail {
    width: 100%;
    height: 100%;
    margin-top: 78vw;
  }
  .spec-detail dt {
    margin-right: 0;
  }
  .spec-detail .btn-wrap {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .spec-detail {
    padding: 25px;
  }
  .spec-detail dl {
    display: block;
    margin-top: 10px;
  }
  .spec-detail dt {
    width: 100%;
    margin-right: 0;
  }
}