/* Section 01 */
.sec_01 .title{
  top: 14.1%; left: 7.2%; width: 64.9%; height: 39.9%;
  opacity : 0;
  transform : translateX(100px);
  transition : all 1s ease-out;
}

.sec_01 .title.is-visible{
  opacity : 1;
  transform : translateX(0);
}

/* Section 02 */
.sec_02 .cup{
  top: 32.7%; left: 24.8%; width: 65.8%; height: 44.0%;
}

.sec_02 .cup:hover, .sec_02 .cup:focus{
  filter : drop-shadow(0 0 20px #fff782) drop-shadow(1px 1px 20px rgba(0,0,0,0.3));
}

.sec_02 .cup:hover{
  animation : shockwaveJump 1s ease infinite;
}

.sec_02 .acorn{
  top: 37.3%; left: 36.7%; width: 8.3%; height: 5.3%; 
}

.sec_02 .cake{
  top: 55.8%; left: 74.8%; width: 16.9%; height: 9.1%; 
}

.sec_02 .cherry{
  top: 45.3%; left: 82.2%; width: 7.2%; height: 5.3%; 
}

.sec_02 .chocolate{
  top: 40.2%; left: 4.9%; width: 33.5%; height: 20.1%; 
}

.sec_02 .pick{
  top: 71.6%; left: 7.5%; width: 85.0%; height: 24.4%; 
}

/* Section 03 */
.sec_03 .link-item{
  width: 33.3%; height: 1.8%; 
}

.sec_03 .link-item-1{
  top: 26.8%; left: 14.2%;
}
.sec_03 .link-item-2{
  top: 26.8%; left: 52.5%;
}
.sec_03 .link-item-3{
  top: 43.4%; left: 14.2%;
}
.sec_03 .link-item-4{
  top: 43.4%; left: 52.5%;
}
.sec_03 .link-item-5{
  top: 60.0%; left: 14.2%;
}
.sec_03 .link-item-6{
  top: 60.0%; left: 52.5%; 
}
.sec_03 .link-item-7{
  top: 76.7%; left: 14.2%;
}
.sec_03 .link-item-8{
  top: 76.7%; left: 52.5%;
}
.sec_03 .link-item-9{
  top: 93.3%; left: 14.2%; 
}
.sec_03 .link-item-10{
  top: 93.3%; left: 52.5%;
}