*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace, monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;appearance:none}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:none}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}template{display:none}[hidden]{display:none}@font-face{font-family:"honoka";font-display:swap;font-style:normal;font-weight:400;src:url(../fonts/honoka.eot);src:url(../fonts/honoka.eot?#iefix) format("embedded-opentype"),url(../fonts/honoka.woff2) format("woff2"),url(../fonts/honoka.woff) format("woff"),url(../fonts/honoka.ttf) format("truetype")}html,body{width:100%;height:100%;font-family:"honoka";color:rgba(0,0,0,0.7)}#wall{overflow:hidden;width:100%;height:100%;background:#ffffff;position:relative;z-index:1}#wall::before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:#efefef;background:-moz-linear-gradient(top, #efefef 0%, #e5e5e5 100%);background:-webkit-linear-gradient(top, #efefef 0%, #e5e5e5 100%);background:linear-gradient(to bottom, #efefef 0%, #e5e5e5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e5e5e5',GradientType=0 )}#wall::after{content:"";position:absolute;width:130%;height:70px;bottom:0;left:50%;transform:translate(-50%, 0);box-shadow:0px 0px 80px rgba(0,0,0,0.4),0px 0px 30px rgba(0,0,0,0.2) inset;background:#c4c4c4;background:-moz-linear-gradient(top, #c4c4c4 0%, #b5b5b5 100%);background:-webkit-linear-gradient(top, #c4c4c4 0%, #b5b5b5 100%);background:linear-gradient(to bottom, #c4c4c4 0%, #b5b5b5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#b5b5b5',GradientType=0 )}#wrap{position:absolute;bottom:50px;left:50%;width:85%;min-width:200px;max-width:600px;height:90%;max-height:800px;transform:translate(-50%, 0);z-index:10}#container{position:relative;width:80%;height:100%;left:20%;z-index:10;perspective:2000px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:center;-webkit-transform-origin:center;perspective-origin:center;-webkit-perspective-origin:center}#base{width:100%;height:100%;position:relative;perspective:2000px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;transform-origin:center;-webkit-transform-origin:center;perspective-origin:center;-webkit-perspective-origin:center;z-index:100;animation:base 3s ease 0.5s 1 both}@keyframes base{0%{opacity:0;transform:translate3d(0, -25px, 0) rotateX(-15deg) rotateY(0deg) scale(1.05) skewY(0deg)}30%{opacity:1;transform:translate3d(0, 0, 0) rotateX(10deg) rotateY(0) scale(1) skewY(0deg)}60%{opacity:1;transform:translate3d(0, 0, 0) rotateX(10deg) rotateY(0) scale(1) skewY(0deg)}100%{opacity:1;transform:translate3d(0, 0, 0) rotateX(10deg) rotateY(-10deg) scale(1) skewY(1deg)}}.cover{perspective:1000}.cover.front{animation:front 1.5s ease 2s 1 both;background:#eaeaea}.cover.front .logo{position:absolute;top:30%;max-width:800px;width:100%;left:50%;transform:translate(-50%, 0)}.cover.front .url{position:absolute;bottom:30px;left:50%;width:100%;height:20px;text-align:center;transform:translate(-50%, 0);overflow:hidden;opacity:0.4}.cover.front .flm{width:100%;height:100%}.cover.back{animation:back 1.5s ease 2s 1 both}.page{position:absolute;top:0;backface-visibility:hidden;overflow:hidden;width:100%;height:100%;box-shadow:0px 0px 3px rgba(0,0,0,0.1)}.front{border:#bbb 1px solid;border-left:0;background:#eaeaea;transform-origin:left center;-webkit-transform-origin:left center;perspective-origin:left center;-webkit-perspective-origin:left center;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;transform:rotateY(0deg) skewY(0deg)}.back{position:absolute;left:-100%;background:#1e1e1e;transform-origin:right center;-webkit-transform-origin:right center;perspective-origin:right center;-webkit-perspective-origin:right center;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;visibility:hidden;transform:rotateY(97deg) skewY(0deg)}.back .sdw_m{pointer-events:none;position:absolute;top:0;right:0;width:100%;height:100%;background:-moz-linear-gradient(left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 19%, transparent 92%, rgba(0,0,0,0.5) 100%);background:-webkit-linear-gradient(left, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 19%, transparent 92%, rgba(0,0,0,0.5) 100%);background:linear-gradient(to right, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.12) 19%, transparent 92%, rgba(0,0,0,0.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f000000', endColorstr='#80000000',GradientType=1 )}.back .wrap{width:28vw;max-width:100%;margin:0 0 0 auto;position:relative;height:100%}.back .area{position:relative;margin:0 auto;padding:80px 0 0 0;min-width:50px;max-width:175px;height:100%;overflow-x:hidden;overflow-y:auto;direction:rtl;-webkit-overflow-scrolling:touch}.back .area::-webkit-scrollbar{width:5px;height:5px}.back .area::-webkit-scrollbar-track{border-radius:5px}.back .area::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(255,255,255,0.2)}.back .area .pic{border-radius:100px;width:70%;overflow:hidden;margin:0 auto}.back .area .pic img{width:100%;height:auto}.back .area .url{position:absolute;left:50%;bottom:15px;transform:translate(-50%, 0);color:rgba(170,170,170,0.6);text-align:center;font-size:9px;margin-top:40px;padding-left:15px}.back .area nav ul{margin-top:40px}.back .area nav ul li{text-align:center;margin:30px 0}.back .area nav ul li button{color:rgba(204,204,204,0.6);display:inline-block;position:relative;padding:10px 0;font-size:16px;transition:all 0.2s ease-in-out 0s}.back .area nav ul li button::before{content:"";display:block;width:80%;height:0.5px;background-color:rgba(204,204,204,0.6);position:absolute;left:50%;bottom:5px;transform:translate(-50%, 0) scale(0, 1);transition:all 0.3s ease-in-out 0s}.back .area nav ul li button:hover{color:rgba(238,238,238,0.8);transition-delay:0s}.back .area nav ul li button:hover::before{background-color:rgba(238,238,238,0.8);transform:translate(-50%, 0) scale(1)}.back .area nav ul li ul.sub{margin:0px;overflow:hidden;max-height:0;transition:all 0.5s linear 0s;opacity:0}.back .area nav ul li ul.sub li{margin:10px 0}#base.p1c .back .area nav ul.sub{max-height:100px;transition:all 0.5s linear 1s;opacity:1}#base.p1c .contents.p1-ac,#base.p1c .contents.p1-bc{opacity:0}#base.p1c .contents.p1-ac .inner,#base.p1c .contents.p1-bc .inner{transition:all 0.7s ease 0s}#base.p1c.p1-a .link_p1a{color:rgba(255,255,255,0.8)}#base.p1c.p1-a .link_p1a::before{background-color:rgba(255,255,255,0.8);transform:translate(-50%, 0) scale(1)}#base.p1c.p1-a .contents.p1-ac{z-index:50}#base.p1c.p1-a .contents.p1-ac .inner{transition:all 1s ease 0.3s;opacity:1;transform:scale(1)}#base.p1c.p1-a .contents.p1-ac dl{animation:dl 1s ease 0.5s backwards}#base.p1c.p1-b .link_p1b{color:rgba(255,255,255,0.8);transition-delay:1s}#base.p1c.p1-b .link_p1b::before{background-color:rgba(255,255,255,0.8);transform:translate(-50%, 0) scale(1);transition-delay:1s}#base.p1c.p1-b .contents.p1-ac dl{transition:all 0s ease 1s;opacity:0;transform:translate(10px, 0)}#base.p1c.p1-b .contents.p1-bc{z-index:50}#base.p1c.p1-b .contents.p1-bc .inner{transition:all 1s ease 0.3s;opacity:1;transform:scale(1)}#base.p1c.p1-b .contents.p1-bc dl .meter::before{transform:scale(1, 1);opacity:1}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(1) .meter::before{transition:all 1s ease 1s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(2) .meter::before{transition:all 1s ease 1.25s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(3) .meter::before{transition:all 1s ease 1.5s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(4) .meter::before{transition:all 1s ease 1.75s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(5) .meter::before{transition:all 1s ease 2s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(6) .meter::before{transition:all 1s ease 2.25s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(7) .meter::before{transition:all 1s ease 2.5s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(8) .meter::before{transition:all 1s ease 2.75s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(9) .meter::before{transition:all 1s ease 3s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(10) .meter::before{transition:all 1s ease 3.25s}#base.p1c.p1-b .contents.p1-bc dl dd:nth-of-type(11) .meter::before{transition:all 1s ease 3.5s}#base.p2c nav .link_p2{color:rgba(255,255,255,0.8)}#base.p2c nav .link_p2::before{background-color:rgba(255,255,255,0.8);transform:translate(-50%, 0) scale(1)}#base.p2c .block{opacity:1;transition:all 1s ease 0s}#base.p2c .mono{animation:block 0.8s ease 0.8s backwards}#base.p2c .mono h3{animation:blockh3 1s ease 1.4s backwards}#base.p2c .ins{animation:block 0.8s ease 1s backwards}#base.p2c .ins h3{animation:blockh3 1s ease 1.6s backwards}#base.p2c .twi{animation:block 0.8s ease 1.2s backwards}#base.p2c .twi h3{animation:blockh3 1s ease 1.8s backwards}@keyframes block{0%{transform:scale(0);opacity:0}60%{transform:scale(1.05)}100%{transform:scale(1);opacity:1}}@keyframes blockh3{0%{transform:translate3d(10px, 0, 0);opacity:0}100%{transform:translate3d(0px, 0, 0);opacity:1}}#base.p3c nav .link_p3{color:rgba(255,255,255,0.8)}#base.p3c nav .link_p3::before{background-color:rgba(255,255,255,0.8);transform:translate(-50%, 0) scale(1)}#base.p3c .contents .wrap{animation:p3 1.3s ease 1s 1 both}@keyframes p3{0%{transform:scale(1.05);opacity:0}100%{transform:scale(1);opacity:1}}@keyframes front{0%{transform:rotateY(0) skewY(0deg) translateZ(2px);pointer-events:auto;visibility:visible}28%{visibility:visible}29%{visibility:hidden}100%{pointer-events:none;visibility:hidden;transform:rotateY(-160deg) skewY(0deg) translateZ(2px)}}@keyframes back{0%{transform:rotateY(180deg) skewY(0deg) translateZ(-2px);visibility:hidden;opacity:0}24%{opacity:0;visibility:hidden}25%{opacity:1;visibility:visible}100%{visibility:visible;opacity:1;transform:rotateY(20deg) skewY(1deg) translateZ(-2px)}}.sdw{pointer-events:none;position:absolute;top:0;width:100%;height:100%;display:block;opacity:0.3;z-index:-1;-ms-filter:blur(6px);filter:blur(6px)}.sdw path{height:100%}.sdw.sdw_f{right:0;width:105%;margin:0 -2.5% 0 0;background:url(../svg/kage_f.svg);background-position:center center;background-size:100% 100%;background-repeat:no-repeat;animation:sb 2s ease 0.5s 1 both}.sdw.sdw_b{animation:sb 1.3s ease 2.8s 1 both;left:-100%;top:5px;margin:0 0 0 -2.5%;background:url(../svg/kage_b.svg);transform-origin:right center;-webkit-transform-origin:right center;perspective-origin:right center;-webkit-perspective-origin:right center;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;transform:rotateY(20deg) translate3d(0, 0, -0.1px) skewY(1deg)}@keyframes sb{0%{opacity:0}100%{opacity:0.3}}#spot{pointer-events:none;position:absolute;top:-160%;left:50%;width:200%;height:200%;z-index:1000;transform:translate(-50%, 0) scale(1.3);background:-moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);background:-webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);background:radial-gradient(ellipse at center, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=1 )}.cover.front{z-index:50}.cover.back{z-index:45}.p1.front{z-index:48}.p1.front.next{animation:fnext 1.5s ease 0.1s both}.p1.front.prev{animation:fprev 1.5s ease 0.3s both}.p1.back{z-index:46}.p1.back.next{animation:bnext 1.5s ease 0.1s both}.p1.back.prev{animation:bprev 1.5s ease 0.3s both}.p2.front{z-index:46}.p2.front.next{animation:fnext 1.5s ease 0.2s both}.p2.front.prev{animation:fprev 1.5s ease 0.2s both}.p2.back{z-index:49}.p2.back.next{animation:bnext 1.5s ease 0.2s both}.p2.back.prev{animation:bprev 1.5s ease 0.2s both}.p3.front{z-index:44}.p3.front.next{animation:fnext 1.5s ease 0.3s both}.p3.front.prev{animation:fprev 1.5s ease 0.1s both}@keyframes fnext{0%{-webkit-transform:rotateY(0) skewY(0deg);transform:rotateY(0) skewY(0deg);-ms-transform:rotateY(0deg);pointer-events:auto}100%{visibility:hidden;-webkit-transform:rotateY(-160deg) skewY(0deg);transform:rotateY(-160deg) skewY(0deg);-ms-transform:rotateY(-160deg);pointer-events:none}}@keyframes fprev{0%{-webkit-transform:rotateY(-160deg) skewY(0deg);transform:rotateY(-160deg) skewY(0deg);-ms-transform:rotateY(-160deg);visibility:hidden;pointer-events:none}100%{pointer-events:auto;visibility:visible;-webkit-transform:rotateY(0) skewY(0deg);transform:rotateY(0) skewY(0deg);-ms-transform:rotateY(0)}}@keyframes bnext{0%{-webkit-transform:rotateY(180deg) skewY(0deg);transform:rotateY(180deg) skewY(0deg);-ms-transform:rotateY(180deg);visibility:hidden;pointer-events:none}100%{pointer-events:auto;visibility:visible;-webkit-transform:rotateY(20deg) skewY(1deg);transform:rotateY(20deg) skewY(1deg);-ms-transform:rotateY(20deg)}}@keyframes bprev{0%{-webkit-transform:rotateY(20deg) skewY(1deg);transform:rotateY(20deg) skewY(1deg);-ms-transform:rotateY(20deg);visibility:visible;pointer-events:auto}100%{pointer-events:none;visibility:hidden;-webkit-transform:rotateY(180deg) skewY(0deg);transform:rotateY(180deg) skewY(0deg);-ms-transform:rotateY(180deg)}}.sdw_fc{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:60;opacity:0}.sdw_fc::before,.sdw_fc::after{content:"";width:100%;height:100%;position:absolute;left:0;top:0}.sdw_fc::before{background:-moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, transparent 5%, transparent 81%, transparent 100%);background:-webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%, transparent 5%, transparent 81%, transparent 100%);background:linear-gradient(to right, rgba(0,0,0,0.2) 0%, transparent 5%, transparent 81%, transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=1 )}.sdw_fc::after{background:-moz-linear-gradient(top, rgba(226,226,226,0.1) 0%, rgba(234,234,234,0.15) 100%);background:-webkit-linear-gradient(top, rgba(226,226,226,0.1) 0%, rgba(234,234,234,0.15) 100%);background:linear-gradient(to bottom, rgba(226,226,226,0.1) 0%, rgba(234,234,234,0.15) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ae2e2e2', endColorstr='#26eaeaea',GradientType=0 )}.p1c .sdw_fc,.p2c .sdw_fc,.p3c .sdw_fc{opacity:1}.p1.front .contents{padding:25px 25px 25px 25px;width:100%;height:100%;position:absolute;z-index:40;left:0;top:0;overflow:hidden;animation:page 1.3s ease 2.3s 1 both}.p1.front .contents .name{max-width:320px;width:90%;position:relative;margin:45px 0 20px 0;z-index:5}.p1.front .contents .wrap{width:100%;height:100%;position:relative;z-index:10}.p1.front .contents .wrap::before,.p1.front .contents .wrap::after{content:"";width:calc(100% - 30px);height:20px;position:fixed;left:0;z-index:10;background:-moz-linear-gradient(top, #eaeaea 0%, rgba(234,234,234,0) 100%);background:-webkit-linear-gradient(top, #eaeaea 0%, rgba(234,234,234,0) 100%);background:linear-gradient(to bottom, #eaeaea 0%, rgba(234,234,234,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00eaeaea',GradientType=0 )}.p1.front .contents .wrap::before{top:25px}.p1.front .contents .wrap::after{bottom:25px;transform:rotate(180deg)}.p1.front .contents .inner{width:100%;height:100%;padding:15px;opacity:0;transform:scale(0.95);transition:transform 0s ease 2s, opacity 0s ease 2s;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.p1.front .contents .inner::-webkit-scrollbar{width:5px;height:5px}.p1.front .contents .inner::-webkit-scrollbar-track{border-radius:5px}.p1.front .contents .inner::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.1)}.p1.front .contents .inner h2{font-size:28px;text-align:right}.p1.front .contents .inner h3{font-size:16px;font-weight:normal}.p1.front .contents.p1-ac dl{animation:dl 1s ease 2.5s 1 backwards}.p1.front .contents.p1-bc h3:nth-of-type(1){margin-top:0px}@keyframes page{0%{opacity:0}100%{opacity:1}}@keyframes dl{0%{opacity:0;transform:translate(10px, 0)}100%{opacity:1;transform:translate(0px, 0)}}dl{overflow:hidden;padding:10px 0 0 10px}dl h3{display:inline-block;font-size:14px;position:relative;margin-top:30px}dl h3::after{content:"";display:block;position:absolute;background:#ccc;height:1px;top:50%;left:110%;width:2000%}dl dd{padding:0 0 5px 10px}dl h4{margin:15px 0 0 10px;font-size:16px;font-weight:normal}dl p{font-size:18px;padding:10px 0 0 0}dl .meter{margin:5px 0 10px 0;background:#ddd;width:100%;height:15px;box-shadow:1px 1px 1px rgba(0,0,0,0.15);position:relative}dl .meter::before{content:"";position:absolute;left:0;top:0;height:100%;opacity:0;transform:scale(0, 1);transition:all 1s ease 1s;transform-origin:left center;-webkit-transform-origin:left center;background:#555555;background:-moz-linear-gradient(left, #555 0%, #333 99%);background:-webkit-linear-gradient(left, #555 0%, #333 99%);background:linear-gradient(to right, #555 0%, #333 99%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#333333',GradientType=1 )}dl .meter.meter98::before{width:98%}dl .meter.meter92::before{width:92%}dl .meter.meter94::before{width:94%}dl .meter.meter95::before{width:95%}dl .meter.meter85::before{width:85%}dl .meter.meter90::before{width:90%}dl .meter.meter80::before{width:80%}dl .meter.meter88::before{width:88%}dl .meter.meter66::before{width:66%}.p2.front .contents{padding:25px 25px 25px 25px;width:100%;height:100%;position:absolute;z-index:40;left:0;top:0;overflow:hidden}.p2.front .wrap{width:100%;height:100%}.p2.front .inner{width:100%;height:100%}.p2.front .block{position:relative;display:block;width:100%;height:calc(50% - 10px);box-shadow:2px 2px 5px rgba(0,0,0,0.1);padding:20px;overflow:hidden;transition:all 1s ease 1.5s;opacity:0}.p2.front .block .bg{filter:grayscale(100%);width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5;transition:all 1s ease 0s}.p2.front .block:hover{transform:scale(1.02);transition:all 0.5s ease 0s;box-shadow:4px 4px 3px rgba(0,0,0,0.2)}.p2.front .block:hover .bg{transform:translate(-50%, -50%) scale(1.1);filter:grayscale(0%);transition:all 4s ease 0s}.p2.front h3{color:#fff;position:absolute;text-shadow:2px 2px 0 rgba(0,0,0,0.2);z-index:10}.p2.front .mono{margin-bottom:20px}.p2.front .mono .bg{background:url(../img/monologue.jpg) no-repeat 0px 0px;background-size:cover;background-position:center center}.p2.front .mono h3{font-size:32px;bottom:20px;left:30px}.p2.front .ins{float:left;margin-right:20px;width:calc(50% - 10px)}.p2.front .ins .bg{background:url(../img/instagram.jpg) no-repeat 0px 0px;background-size:cover;background-position:center center}.p2.front .ins h3{font-size:28px;top:20px;left:30px}.p2.front .twi{float:right;width:calc(50% - 10px)}.p2.front .twi .bg{background:url(../img/twitter.jpg) no-repeat 0px 0px;background-size:cover;background-position:center center}.p2.front .twi h3{font-size:28px;top:20px;left:30px}@media screen and (max-width: 640px){.p2.front .block{height:calc(40% - 10px)}.p2.front .mono h3{font-size:28px}.p2.front .ins{margin-bottom:20px}.p2.front .ins,.p2.front .twi{height:calc(30% - 15px);width:100%;float:none;margin-right:0px}.p2.front .ins h3,.p2.front .twi h3{font-size:28px;top:auto;bottom:20px;left:30px}}.p3.front .contents{padding:25px 25px 25px 25px;width:100%;height:100%;position:absolute;z-index:40;left:0;top:0;overflow:hidden;animation:page 1.3s ease 2.3s 1 both}.p3.front .contents .name{max-width:320px;width:90%;position:relative;margin:45px 0 20px 0;z-index:5}.p3.front .contents h2{font-size:28px;line-height:50px;height:50px;text-align:right;position:absolute;width:100%;top:15px}.p3.front .contents .wrap{padding-top:50px;width:100%;height:100%;position:relative}.p3.front .contents .inner{width:100%;height:100%;position:relative;z-index:10}.p3.front .contents .inner::before,.p3.front .contents .inner::after{content:"";width:calc(100% - 30px);height:20px;position:fixed;left:0;z-index:10;background:-moz-linear-gradient(top, #eaeaea 0%, rgba(234,234,234,0) 100%);background:-webkit-linear-gradient(top, #eaeaea 0%, rgba(234,234,234,0) 100%);background:linear-gradient(to bottom, #eaeaea 0%, rgba(234,234,234,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#00eaeaea',GradientType=0 )}.p3.front .contents .inner::before{top:75px}.p3.front .contents .inner::after{bottom:25px;transform:rotate(180deg)}.p3.front .contents .frame{width:100%;height:100%;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.p3.front .contents .frame::-webkit-scrollbar{width:5px;height:5px}.p3.front .contents .frame::-webkit-scrollbar-track{border-radius:5px}.p3.front .contents .frame::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.1)}#contact{background:transparent;padding:15px;animation:form 1s ease 0s 1 both}#contact::-webkit-scrollbar{width:5px;height:5px}#contact::-webkit-scrollbar-track{border-radius:5px}#contact::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.1)}#contact #progress{display:flex;align-items:center;justify-content:center;margin:25px auto}#contact #progress li{font-size:16px}#contact #progress .current{font-weight:bold;font-size:18px}#contact #progress .bar{margin:0 10px;width:20px;height:1px;background:#333}#contact #error_message{text-align:center}#contact #error_message p{display:inline-block;font-weight:bold;font-size:16px;padding:3px 6px;border:#aaa 2px solid;border-radius:3px}#contact #form{width:100%;margin:25px auto;padding:15px 0}#contact #form .item{margin-bottom:15px}#contact #form .form-input,#contact #form .form-textarea,#contact #form .data{width:100%;padding:5px;font-size:18px;line-height:30px;background:none;border-bottom:#aaa 1px solid}#contact #form .form-input:focus,#contact #form .form-textarea:focus,#contact #form .data:focus{border-bottom-color:#000}#contact #form .data{background:#dedede}#contact #form .form-textarea{height:80px;vertical-align:bottom;resize:vertical}#contact #form .alert-danger{margin:5px;font-weight:bold}#contact #form .submit{background:#888;margin:20px auto;padding:10px;display:block;text-align:center;width:140px;font-size:22px;color:#fff;transition:all 0.2s linear 0s;box-shadow:3px 3px 1px rgba(0,0,0,0.1)}#contact #form .submit:hover{background:#666666}#contact #form .submit:focus{transition:all 0.1s linear 0s;transform:translate(2px, 2px);box-shadow:1px 1px 1px rgba(0,0,0,0.1)}#contact #form .cancel{margin:15px auto;padding:5px 10px;display:block;text-align:center;width:100px;transition:all 0.2s linear 0s;border:rgba(170,170,170,0) 1px solid}#contact #form .cancel:hover{border-color:#333333}#contact #form .cancel:focus{transition:all 0.1s linear 0s;transform:translate(2px, 2px);box-shadow:1px 1px 1px rgba(0,0,0,0.1)}#contact .complete{text-align:center;padding:60px 0}#contact #powered_by_me{display:block;text-align:center;margin-top:30px;font-size:10px;color:#ccc}@keyframes form{0%{opacity:0;transform:translate(0, -10px)}100%{opacity:1;transform:translate(0, 0px)}}