@font-face{font-family:'jiyucho';src:url(../src/jiyucho.ttf)}body{font-family:toppan-bunkyu-midashi-go-std, toppan-bunkyu-gothic-pr6n, jiyucho, ta-kotodama-r, heisei-maru-gothic-std, sans-serif}.animate_title{transform:translateY(-40px);position:absolute;top:0;left:20px;z-index:1}.animate_title .char{margin:0 1px;font-family:rocknroll-one, sans-serif;color:#FFEF00;font-size:58px;-webkit-text-stroke-width:0.02em;-webkit-text-stroke-color:#f99;display:inline-block;opacity:0}.animate_title .char:nth-child(1){margin:0;animation-name:first;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;animation-duration:0.1s}.animate_title .char:nth-child(2){animation-name:coron;animation-duration:1.5s;animation-delay:1.5s;animation-timing-function:steps(3, start);animation-fill-mode:forwards}.animate_title .char:nth-child(3){animation-name:nazuna_z;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards}.animate_title .char:nth-child(4){animation-name:nazuna_u;animation-duration:1.5s;animation-delay:1.7s;animation-timing-function:ease-in;animation-fill-mode:forwards}.animate_title .char:nth-child(5){animation-name:nazuna_n;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards}.animate_title .char:nth-child(6){animation-name:nazuna;animation-duration:1s;animation-timing-function:ease;animation-fill-mode:forwards;animation-delay:1s}.animate_title .char:nth-child(7){animation-name:labo_l;animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards}.animate_title .char:nth-child(8){animation-name:labo_a;animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards}.animate_title .char:nth-child(9){animation-name:labo_b;animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards}.animate_title .char:nth-child(10){animation-name:labo_o;animation-duration:3s;animation-timing-function:ease;animation-fill-mode:forwards}.leaf img{opacity:0;width:23px;position:absolute;top:0;left:-5px;display:inline-block;animation-name:leaf;animation-duration:1.8s;animation-delay:3s;animation-timing-function:ease;animation-fill-mode:forwards}.flower img{opacity:0;width:50px;position:absolute;top:2px;left:359px;z-index:2;animation-name:rotate-z;animation-duration:2.3s;animation-delay:2.2s;animation-timing-function:ease;animation-fill-mode:forwards}@keyframes leaf{0%{transform:translate(-50px, -150px) scale(0);opacity:0}100%{transform:translate(57px, 20px) scale(1.5);opacity:1}}@keyframes rotate-z{0%{opacity:0;transform:translate(-10px, 10px) scale(0)}30%{opacity:1;transform:translate(-10px, 10px) rotate(0)}80%{opacity:1;transform:translate(-10px, 10px) rotate(360deg)}100%{opacity:1;transform:translate(-15px, 36px) rotate(0)}}@keyframes first{0%{opacity:0;transform:translate(0, 47px) scale(1.6)}50%{transform:translate(0, 47px) scale(1.6)}100%{opacity:1;transform:translate(0, 47px) scale(1.6)}}@keyframes coron{0%{opacity:0;transform:translate(-15px, 52px) rotate(-15deg)}15%{opacity:1;transform:translate(20px, 52px) scale(1)}30%{opacity:1;transform:translate(15px, 52px) scale(1)}60%{opacity:1;transform:translate(25px, 52px) rotate(20deg) scale(1)}100%{opacity:1;transform:translate(3px, 52px) rotate(1deg)}}@keyframes nazuna_z{0%{opacity:0;transform:translate(-50px, 52px)}50%{transform:translate(-32px, 52px)}100%{opacity:1;transform:translate(-1px, 52px)}}@keyframes nazuna_u{0%{opacity:0;transform:translate(-33px, 52px)}80%{opacity:1;transform:translate(-4px, 52px)}100%{opacity:1;transform:translate(-8px, 53px)}}@keyframes nazuna_n{0%{opacity:0;transform:translate(-100px, 52px)}50%{transform:translate(-75px, 52px)}100%{opacity:1;transform:translate(-13px, 52px)}}@keyframes nazuna{0%{opacity:0;transform:translate(-104px, 52px)}20%{opacity:1;transform:translate(-50px, 52px)}100%{opacity:1;transform:translate(-20px, 53px)}}@keyframes labo_l{0%{opacity:0;transform:translateX(-30px) translateY(-200%) scale(0)}70%{transform:translateX(-30px) translateY(-100%)}100%{opacity:1;transform:translate(-17px, 53px) scale(1.7)}}@keyframes labo_a{0%{opacity:0;transform:translateX(-30px) translateY(-200%) scale(0)}70%{transform:translateX(-30px) translateY(-100%)}100%{opacity:1;transform:translate(-43px, 51px)}}@keyframes labo_b{0%{opacity:0;transform:translateX(-40px) translateY(-200%) scale(0)}70%{transform:translateX(-40px) translateY(-100%)}100%{opacity:1;transform:translate(-42px, 58px) scale(1.3)}}@keyframes labo_o{0%{opacity:0;transform:translateX(-40px) translateY(-200%) scale(0)}70%{transform:translateX(-40px) translateY(-100%)}100%{opacity:1;transform:translate(-42px, 67px)}}
