@charset "utf-8";

#productAbout{
	max-width: 750px;
	margin: 0 auto 4em;
	position: relative;
}
#productAbout video{
	vertical-align: top;
}
#productAbout .movie1,
#productAbout .movie2,
#productAbout .movie3,
#productAbout .movie4,
#productAbout .movie5,
#productAbout .movie6{
	position: relative;
    overflow: hidden;
}

#productAbout .movie{
	position: absolute;
}

#productAbout .movie1 .movie{
    width: 84%;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    bottom: 12%;
    z-index: -1;
}

#productAbout .movie1 {
    background-color: #F3F5FA;
    z-index: 99;
}
#productAbout .movie2 .movie{
	bottom: 17%;
    right: 8%;
    margin: auto;
    text-align: center;
    z-index: -1;
}

#productAbout .movie3 .movie{
    bottom: 26%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
	box-shadow: 7.071px 7.071px 12px 3px rgba(0, 0, 0, 0.1);
	width: 84%;
}

#productAbout .movie4 .movie{
	bottom: 6%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
	width: 84%;
}

#productAbout .movie5 .movie{
	bottom: 9%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
	width: 84%;
}

#productAbout .movie6 .movie{
	bottom: 22%;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
	width: 84%;
}

.btn_wrap01 {
    position: relative;
}
.btn_wrap02 {
    position: relative;
}
.btn_wrap03 {
    position: relative;
}
.btn_wrap04 {
    position: relative;
}
.btn_wrap05 {
    position: relative;
}



.btn01 {
    right: 0;
    position: absolute;
    bottom: 13%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn02 {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn03 {
    position: absolute;
    bottom: 17%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn04 {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn05 {
    position: absolute;
    bottom: 13%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn06 {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn07 {
    position: absolute;
    bottom: 12%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn08 {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.btn09 {
    position: absolute;
    bottom: 12%;
    left: 0;
    right: 0;
    text-align: center;
}
.btn10 {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    /* margin: 0 auto; */
    text-align: center;
}
.ml-about-item .pr {
    position: relative;
  }
  .ml-about-item .btn {
    position: absolute;
    bottom: 23%;
    max-width: 265px;
    width: 35.33%;
  }
  .ml-about-item .btn-01 {
    left: 19%;
  }
  .ml-about-item .btn-02 {
    right: 8%;
  }