body {background: #fff;margin: 0;padding: 0;}
div{position: absolute;}
img{position: absolute;opacity: 0;}
#banner {width:300px;height:250px;overflow: hidden;cursor: pointer;}
#borderContainer{ width:100%;height:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#cta_berry{transform: scaleX(0.1)}
#keyvisual,#keyvisual_overlay,#logo,#smartphone,#typo_01_petrol,#typo_02_petrol{opacity:1}
#lime{opacity:1}

#berry{
-webkit-transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-in;
   -moz-transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-in;
     -o-transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-in;
        transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-in; 
}

#cta_berry{
-webkit-transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-out;
   -moz-transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-out;
     -o-transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-out;
        transition: left 0.8s ease-in-out, opacity 0.1s ease-in-out, transform 0.3s ease-out; 
}


#typomask01,#typomask02{
-webkit-transition: all 1.1s ease-in-out;
   -moz-transition: all 1.1s ease-in-out;
     -o-transition: all 1.1s ease-in-out;
        transition: all 1.1s ease-in-out; 
}
#typomask01,#typomask02{
  width: 1%;
  height: 100%;
  overflow: hidden;
}

#typo_01,#typo_01_petrol,#typo_02,#cta{
-webkit-transition: all 0.5s ease-in-out;
   -moz-transition: all 0.5s ease-in-out;
     -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out; 
}


#keyvisual,#keyvisual_overlay{
-webkit-transition: transform 3s ease-out, opacity 0.5s ease-out;
   -moz-transition: transform 3s ease-out, opacity 0.5s ease-out;
     -o-transition: transform 3s ease-out, opacity 0.5s ease-out;
        transition: transform 3s ease-out, opacity 0.5s ease-out; 
}


#keyvisual,#keyvisual_overlay{
	top:-25px;
	left:-30px;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
#typo_01{
  left:-15px;
}
#berry{top:86px;left:-90px;}
#cta_berry{top:86px;left:18px;}