@charset "UTF-8";
/* CSS Document */

#program.anim.init>h2,
#program.anim.init>.box{
opacity: 0;
transform: translateY(30px);
}
#program.anim.init.active>h2,
#program.anim.init.active>.box{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#schoolLife.anim.init>.fukidashiHeading,
#schoolLife.anim.init>.box{
opacity: 0;
transform: translateY(30px);
}
#schoolLife.anim.init.active>.fukidashiHeading,
#schoolLife.anim.init.active>.box{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#cafeteria.anim.init>.fukidashiHeading,
#cafeteria.anim.init>.box{
opacity: 0;
transform: translateY(30px);
}
#cafeteria.anim.init.active>.fukidashiHeading,
#cafeteria.anim.init.active>.box{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#timeSchedule.anim.init>h2,
#timeSchedule.anim.init>p.lead,
#timeSchedule.anim.init>.box{
opacity: 0;
transform: translateY(30px);
}
#timeSchedule.anim.init.active>h2,
#timeSchedule.anim.init.active>p.lead,
#timeSchedule.anim.init.active>.box{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#voice.anim.init>h2,
#voice.anim.init>p.lead,
#voice.anim.init>#voiceList{
opacity: 0;
transform: translateY(30px);
}
#voice.anim.init.active>h2,
#voice.anim.init.active>p.lead,
#voice.anim.init.active>#voiceList{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#movie.anim.init>h2,
#movie.anim.init>.box{
opacity: 0;
transform: translateY(30px);
}
#movie.anim.init.active>h2,
#movie.anim.init.active>.box{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





#department.anim.init>h2,
#department.anim.init>.box{
opacity: 0;
transform: translateY(30px);
}
#department.anim.init.active>h2,
#department.anim.init.active>.box{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}





.classBox.anim.init h2,
.classBox.anim.init .classContent{
opacity: 0;
transform: translateY(30px);
}
.classBox.anim.init.active h2,
.classBox.anim.init.active .classContent{
opacity: 1;
transform: none;
transition: opacity 1000ms linear, transform 1000ms cubic-bezier(0.16, 1, 0.3, 1);
}