/* Section 01 */
.section_01 .model{
  top: 11.2%; left: 0.0%; width: 82.2%; height: 47.4%; 
}

.section_01 .title{
  top: 2.0%; left: 7.6%; width: 85.5%; height: 15.5%; 
  opacity : 0;
  transition : transform 0.58s cubic-bezier(0.18, 0.9, 0.24, 1), opacity 0.36s ease-out;
  transform : translateY(-50px);
}

.section_01 .sub-title{
  top: 18.2%; left: 53.2%; width: 40.1%; height: 2.4%;
  opacity : 0;
  transition : transform 0.58s cubic-bezier(0.18, 0.9, 0.24, 1), opacity 0.36s ease-out;
  transform : translateY(-50px);
}

.section_01 .title.active, .section_01 .sub-title.active{
  opacity : 1;
  transform : translateY(0)
}

.section_01 .check-01{
  top: 22.7%; left: 58.6%; width: 25.2%; height: 1.0%; 
}

.section_01 .check-02{
  top: 24.5%; left: 58.6%; width: 30.1%; height: 1.0%;
}

.section_01 .check-03{
  top: 26.4%; left: 58.6%; width: 27.0%; height: 1.0%; 
}

.section_01 .check {
  opacity : 0;
  transform : translateX(50px);
  transition : transform 0.58s cubic-bezier(0.18, 0.9, 0.24, 1), opacity 0.36s ease-out;
}

.section_01 .check.active{
  opacity : 1;
  transform : translateX(0)
}

.section_01 .cover{
  top: 44.2%; left: 0.0%; width: 100.0%; height: 10.0%; 
}

.section_01 .benefit-cover{
  top: 46.0%; left: 0.0%; width: 100.0%; height: 54.0%; 
}

.section_01 .benefit-title{
  top: 52.3%; left: 32.3%; width: 35.6%; height: 1.7%; 
}

.section_01 .benefit {
  overflow : hidden;
}

.section_01 .benefit-01{
  top: 55.9%; left: 9.9%; width: 80.7%; height: 5.7%; 
}

.section_01 .benefit-01 .benefit-object-01{
  top: 4.3%; left: 70.1%; width: 20.9%; height: 109.5%;
}

.section_01 .benefit-02{
  top: 62.3%; left: 9.9%; width: 80.7%; height: 5.7%; 
}

.section_01 .benefit-02 .benefit-object-02{
  top: 19.0%; left: 73.6%; width: 14.8%; height: 115.2%; 
}

.section_01 .benefit-03{
  top: 68.6%; left: 9.9%; width: 80.7%; height: 5.7%;
}

.section_01 .benefit-03 .benefit-object-03{
  top: 18.1%; left: 71.3%; width: 19.7%; height: 89.0%; 
}

.section_01 .benefit-object{
  opacity : 0;
  transform : translateX(50px);
  transition : transform 0.58s cubic-bezier(0.18, 0.9, 0.24, 1), opacity 0.36s ease-out;
}

.section_01 .benefit-object.active{
  opacity : 1;
  transform : translateX(0)
}

/* Section 02 */
.section_02 .coupon-50{
  top: 15.9%; left: 20.8%; width: 47.4%; height: 7.3%; 
}

.section_02 .coupon-20{
  top: 21.1%; left: 31.1%; width: 47.4%; height: 7.3%; 
}

.section_02 .first-purchase{
  top: 29.7%; left: 4.8%; width: 90.7%; height: 3.9%; 
}

.section_02 .re-purchase{
  top: 34.4%; left: 4.8%; width: 90.7%; height: 3.9%; 
}

.section_02 .tag{
  top: 70.8%; left: 64.7%; width: 18.5%; height: 5.6%; 
}

.section_02 .buy{
  top: 88.0%; left: 5.3%; width: 90.7%; height: 3.9%;
}

/* Section 03 */
.section_03 .video{
  top: 21.7%; left: 0.0%; width: 100.0%; height: 19.0%;
  border : 0;
  background : #ece7e0;
  overflow : hidden;
  /* opacity : 0; */
  pointer-events : none;
  z-index : 2;
}

.section_03 .video iframe{
  display : block;
  width : 100%;
  height : 100%;
  border : 0;
  background : #000;
}

.quiz-stage.is-video-ready .video {
  pointer-events : auto;
}

.section_03 .comment{
  top: 63.2%; left: 4.9%; width: 90.7%; height: 4.2%;
}