@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600");



.ml-about-item {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
}



@media screen and (max-width:750px) {
	.ml-about-item .ml-lead {
	  margin: auto -16px;
	  padding-left: none;
	  padding-right: none;
	}
	.abs_box video {
	  width: 100%;
	  vertical-align: bottom;
	}
  }


.ml-about-item .ml-lead {
    border-bottom: none;
}


#productAbout{
	max-width: 750px;
	margin: 0 auto 4em;
	position: relative;
}
#productAbout video{
	vertical-align: top;
}


  #productAbout video{
    vertical-align: top;
  }

  .movie1 {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  .movie2 {
    position: relative;
    z-index: 1;
    overflow: hidden;
  }

  .abs_box {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    bottom: 0;
    z-index: 10;
}

  .movie1 .abs_box {
    position: absolute;
    z-index: -1;
    bottom: 28.5%;
  }
  .movie2 .abs_box {
    position: absolute;
    z-index: -1;
    bottom: 28%;
  }
  video {
    width: 100%;
  }



  /*アコーディオンタイトル*/
.acc {
  margin-bottom: 5%;
  transition: all .5s ease;
  cursor: pointer;
}
.trg {
  position: relative;
}
/*アイコンの＋と×*/
.trg::before,
.trg::after{
  position: absolute;
  content:'';
  width: 32px;
  height: 4px;
  background-color: #af824d;
  top: 50%;
}
.trg::before{
  right: 8%;
  transform: rotate(0deg);
  
}
.trg::after{    
  right: 8%;
  transform: rotate(90deg);
  transition:transform 0.5s;
}

.acc .trg.active::after			{ transition:transform 0.5s; transform:rotate( 0deg); }

.dn {
  display: none;
}

.acc ,.trg,.dn{
  margin-left: 0!important;
  margin-right: 0!important;
}