.titleArea{width:100%;max-width:768px;margin:0 auto 50px;text-align:center;position:relative}.titleArea--logo{opacity:0;width:100%;max-width:538px}.titleArea--logo.active{opacity:1;-webkit-animation:bigscale 0.75s ease-out;animation:bigscale 0.75s ease-out}@-webkit-keyframes bigscale{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bigscale{0%{-webkit-transform:scale(0);transform:scale(0)}80%{-webkit-transform:scale(1.3);transform:scale(1.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}.titleArea--logo.poyopoyo{opacity:1;-webkit-animation:poyopoyo 2s ease-out infinite;animation:poyopoyo 2s ease-out infinite}@-webkit-keyframes poyopoyo{0%, 40%, 60%, 80%{-webkit-transform:scale(1);transform:scale(1)}50%, 70%{-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes poyopoyo{0%, 40%, 60%, 80%{-webkit-transform:scale(1);transform:scale(1)}50%, 70%{-webkit-transform:scale(0.9);transform:scale(0.9)}}.titleArea .character{position:absolute;opacity:0}.titleArea .character:nth-child(2){bottom:0;left:50px}.titleArea .character:nth-child(3){bottom:0;left:-50px}.titleArea .character:nth-child(4){bottom:0;left:-170px}.titleArea .character:nth-child(5){bottom:0;left:-285px}.titleArea .character:nth-child(6){bottom:0;right:20px}.titleArea .character:nth-child(7){bottom:-20px;right:-85px}.titleArea .character:nth-child(8){bottom:0;right:-195px}.titleArea .character:nth-child(9){bottom:0;right:-300px}.titleArea .character.active{opacity:1;-webkit-animation:bigscale 0.75s ease-out;animation:bigscale 0.75s ease-out}.startArea{text-align:center}.startArea--text{font-family:'DotGothic16', sans-serif;margin-bottom:50px}.startArea--btn{font-weight:bold;margin-bottom:20px;border-radius:15px;border:5px solid #000;-webkit-box-shadow:#000 0 10px;box-shadow:#000 0 10px;background-color:#2d9cd8;color:#fff;width:230px;display:inline-block;padding:20px 0}.startArea--btn:hover{position:relative;-webkit-box-shadow:none;box-shadow:none;top:10px}.contentExplan{width:100%;max-width:768px;background:#fff;margin:75px auto;padding:30px;border:10px double #3187c5}.contentExplan dt{font-size:1.4rem;font-weight:bold;margin-bottom:20px;padding-left:10px;padding-bottom:5px;border-bottom:1px dotted #3187c5;border-left:7px solid #2196f3}.contentExplan dt::before,.contentExplan dt::after{display:inline-block;font-size:1rem}.contentExplan dd{font-size:1rem}@media (max-width: 767px){.titleArea__inner{margin:25% auto 0}.titleArea__inner--logo{width:100%}.titleArea .character{width:70px;height:70px}.titleArea .character:nth-child(2){bottom:-50px;left:0}.titleArea .character:nth-child(3){display:none}.titleArea .character:nth-child(4){display:none}.titleArea .character:nth-child(5){display:none}.titleArea .character:nth-child(6){bottom:-50px;right:0}.titleArea .character:nth-child(7){display:none}.titleArea .character:nth-child(8){display:none}.titleArea .character:nth-child(9){display:none}.titleArea .character.active{opacity:1;-webkit-animation:bigscale 0.75s ease-out;animation:bigscale 0.75s ease-out}.contentExplan{margin:10% auto 0}}