#common-contents{overflow:hidden}#common-contents h1{width:100%}#common-contents h1 img{width:72.91667%;height:auto}#common-contents>div{position:relative;padding-top:0%;padding-bottom:10%}#common-contents>div div{position:relative}#common-contents>div div img{opacity:0;width:97%}#common-contents>div div img.active{animation:fadeIn .4s ease-out 1;opacity:1}#common-contents>div h2{position:absolute;bottom:25%;transform:rotate(-5deg);width:62.5%}#common-contents>div h2 img{mix-blend-mode:color;width:100%}#common-contents>div:nth-child(even) div{right:-5%}#common-contents>div:nth-child(even) h2{left:-10%}#common-contents>div:nth-child(even) h2 img{opacity:0}#common-contents>div:nth-child(even) h2 img.active{animation:slideRight .4s ease-out 1;opacity:1}#common-contents>div:nth-child(odd) h2{right:-7% !important}#common-contents>div:nth-child(odd) h2 img{opacity:0}#common-contents>div:nth-child(odd) h2 img.active{animation:slideLeft .4s cubic-bezier(0.175, 0.885, 0.32, 1.275) 1;opacity:1}#common-contents div#contents-character01{padding-top:0 !important}#common-contents div#contents-character01 h2{bottom:30%}#common-contents div#contents-character01 div{width:68.54167%;margin-left:25%}#common-contents div#contents-character02 h2{bottom:15%}#common-contents div#contents-character02 div{width:60.83333%;margin-left:0%}#common-contents div#contents-character03 h2{bottom:25%}#common-contents div#contents-character03 div{width:97.84722%;margin-left:0%}#common-contents div#contents-character04 h2{bottom:28%}#common-contents div#contents-character04 div{width:86.73611%;margin-left:10%}#common-contents div#contents-character05 h2{bottom:25%}#common-contents div#contents-character05 div{width:100.69444%;margin-left:25%}#common-contents div#contents-character06 h2{bottom:40%}#common-contents div#contents-character06 div{width:60.97222%;margin-left:0%}#common-contents div#contents-character07 h2{bottom:15%}#common-contents div#contents-character07 div{width:111.94444%;margin-left:0%}#common-contents #contents-nav{display:block;width:100px;height:100%;position:fixed;padding:0;margin:0;top:0;right:0}#common-contents #contents-nav ul{height:420px;margin:auto;width:20px;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(-5deg)}#common-contents #contents-nav ul li{width:20px;height:20px;margin:40px 0}#common-contents #contents-nav ul li a{display:block;width:100%;height:100%;background:#181818;border:3px solid #c80000}#common-contents #contents-nav ul li a.active{background:#c80000;border:3px solid #181818}