@charset "UTF-8";

.ml-about-item {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
}

.ml-about-item .ml-lead {
  border-bottom: none;
}

#productAbout img {
  display: block;
  width: 100%;
}

#productAbout .video_area {
  position: relative;
}

#productAbout .video_area>img {
  position: relative;
  z-index: 3;
}

#productAbout .video_area .video_blc {
  position: absolute;
  z-index: 1;
  overflow: hidden;
}

#productAbout .video_area .video01 {
  bottom: 30%;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}

#productAbout .video_area .video01 video {
  width: 110%;
  transform: translate(-10%, 3%);
}

#productAbout .video_area .video02 {
  bottom: 44%;
  width: 90%;
  left: 50%;
  transform: translateX(-50%);
}

#productAbout .video_area .video02 video {
  width: 110%;
  transform: translate(-10%, 3%);
}

#productAbout .video_area .video03 {
  bottom: 56%;
  width: 49%;
  left: 1%;
}

#productAbout .video_area .video03 video {
  width: 204%;
  transform: translate(-25%, -1%);
}

#productAbout .video_area .video04 {
  bottom: 56%;
  width: 49%;
  left: 50%;
}

#productAbout .video_area .video04 video {
  width: 210%;
  transform: translate(-25%, 0);
}


#productAbout .btn_area {
  position: relative;
}

#productAbout .btn_area a {
  width: 77%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
}

#productAbout .btn_area a.btn01 {
  bottom: 12%;
}

#productAbout .btn_area a.btn02 {
  bottom: 12%;
}

#productAbout .btn_area a.btn03 {
  bottom: 11%;
}

#productAbout .btn_area a.btn04 {
  bottom: 25%;
}

.ml-component__contents {
  padding-bottom: 0;
  height: auto;
}

.ml-component__contents:before {
  content: none;
}


@media screen and (max-width:750px) {
  .ml-about-item .ml-lead {
    margin: auto -16px;
    padding-left: none;
    padding-right: none;
  }
}

/* CVエリア */

.cartArea a {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  max-width: 618px;
  width: 82.4%;
  top: 4.5%;
}

.linkArea {
  position: relative;
}

.linkArea a {
  max-width: 398px;
  width: 53.06%;
  position: absolute;
  /* bottom: 33%; */
  bottom: 29%;
  right: 9.5%;
}