.b_graph {
    top: 37%;
    left: 7%;
    width: 85%;
}
.b_parts {
    top: 62%;
    left: 8%;
}
.e_parts {
	top:28%;
    left:2%;
}
.i_parts {
	top:18%;
    left:2%;
}
.o_title {
    top:7.9%;
    left:-2%;
}
.o_01capixyl{
	top:18.5%;
    left:19%;    
}
.o_02redensyl {
	top:34.9%;
    left:25%;    
}
.o_03neodermyl {
	top:51%;
    left:20%;
}
.o_04widelush {
	top:64.3%;
    left:17%;
}
.o_05hairgrowju {
    top:78.2%;
	left:14%;
}
.o_06pellicer {
	top:90.2%;
    left:7%;
}
.s_part {
    width:60%;
	left:35%;
}
.s_part01 {
    top:40%;
}
.s_part02 {
    top:50%;
}
.s_part03 {
    top:60.3%;
}
.s_part04 {
    top:67%;
}
.s_part05 {
    top:71.8%;
}


/*UGC CSS*/
.ugc-area{
	margin-bottom: -18%;
}

.ugc-header{
	z-index:1;
}

.ugc-slider + #header-logo >img{
	display:none !important;	
}	

@media screen and ( max-width:750px ){
.ugc-area {
    margin-top: -3%;
    margin-bottom: -50%;
}
.b_graph{
	width: 86%;
    top: 37%;
    left: 7%;
}
.o_title {
    width: 90%;
    left: 5%;
    top: 8.3%;
}
.o_01capixyl{
	width:65%;  
}
.o_02redensyl {
	width:53%; 
}
.o_03neodermyl {
	width:60%;
    left: 21%;
}
.o_04widelush {
    width: 65%;
    left: 19%;
    top: 64.4%;
}
.o_05hairgrowju {
	width:65%;
    left: 19%;
}
.o_06pellicer {
	width:85%;
    left: 7.8%;
}
}

/*上から落ちるアニメーション*/
.fall-in {
  opacity: 0;
  transform: translateY(-150px);
  transition: all 1.5s ease-out;
　transition-delay: 0.8s;
}

.fall-in.visible {
  opacity: 1;
  transform: translateY(0);
}

/*浮かび上がるアニメーション*/
.float-in {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.float-in.visible {
  opacity: 1;
  transform: scale(1);
}


/*プルプルアニメーション*/

  .purupuru {
    animation: skew 2.3s linear infinite;
  }
  .purupuru {
    top:33%;
    left:;
  }
  .left36 {
    left:35%;
  }
   
@keyframes skew {
     0% {
            -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
    }
        5% {
            -webkit-transform: skew(-10deg, -10deg);
            transform: skew(-10deg, -10deg);
    }
        10% {
            -webkit-transform: skew(3deg, 3deg);
            transform: skew(3deg, 3deg);
    }
        15% {
            -webkit-transform: skew(-4deg, -4deg);
            transform: skew(-4deg, -4deg);
    }
        20% {
            -webkit-transform: skew(0.5deg, 1deg);
            transform: skew(0.5deg, 1deg);
    }
        25% {
            -webkit-transform: skew(-3deg, -3deg);
            transform: skew(-3deg, -3deg);
    }
        30% {
            -webkit-transform: skew(0.2deg, 0.2deg);
            transform: skew(0.2deg, 0.2deg);
    }
        35% {
            -webkit-transform: skew(-0.5deg, -0.5deg);
            transform: skew(-0.5deg, -0.5deg);
    }
        40% {
            -webkit-transform: skew(0.1deg, 0.1deg);
            transform: skew(0.1deg, 0.1deg);
    }
        45% {
            -webkit-transform: skew(-0.1deg, -0.1deg);
            transform: skew(-0.1deg, -0.1deg);
    }
     50% {
          -webkit-transform: skew(0deg, 0deg);
            transform: skew(0deg, 0deg);
    }
}