@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);html,body{width:100%;height:100%;font-family:'Noto Sans Japanese', sans-serif}input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.inner{max-width:1250px;margin:0 auto}@media screen and (max-width: 1280px){.inner{max-width:1000px}}@media screen and (max-width: 1024px){.inner{max-width:750px}}@media screen and (max-width: 768px){.inner{max-width:750px}}body#login{overflow:hidden}body#login div#backGround{position:absolute;top:0;left:0;width:100%;height:100%;background:#e53935;overflow:hidden;z-index:-1}body#login div#form{position:relative;top:50%;left:50%;width:660px;height:480px;background:#ffffff;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width: 768px){body#login div#form{width:100%;height:90%;min-height:480px}}body#login div#form.shake{animation:shake .25s  infinite}body#login div#form .formInner{position:relative;top:50%;left:50%;width:660px;max-width:660px;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}@media screen and (max-width: 768px){body#login div#form .formInner{width:100%;max-width:100%}}body#login div#form .formInner h1{margin-bottom:112px;font-size:54px;font-weight:900;color:#191919;text-align:center}@media screen and (max-width: 768px){body#login div#form .formInner h1{margin-bottom:105px;font-size:45px;line-height:47px}}body#login div#form .formInner h1 span{display:block;margin-bottom:7px;font-size:19px}@media screen and (max-width: 768px){body#login div#form .formInner h1 span{margin-bottom:5px;font-size:16px;line-height:16px}}body#login div#form .formInner h1 span.br{display:inline;margin:0}@media screen and (max-width: 1280px){body#login div#form .formInner h1 span.br{display:inline}}@media screen and (max-width: 1024px){body#login div#form .formInner h1 span.br{display:inline}}@media screen and (max-width: 768px){body#login div#form .formInner h1 span.br{display:block}}body#login div#form .formInner form{width:400px;margin:0 auto;letter-spacing:-.4em}@media screen and (max-width: 768px){body#login div#form .formInner form{width:285px;margin:0 auto;text-align:right;box-sizing:border-box}}body#login div#form .formInner form p.floating{position:relative;display:inline-block;width:285px;letter-spacing:normal}@media screen and (max-width: 768px){body#login div#form .formInner form p.floating{width:100%}}body#login div#form .formInner form p.floating input[type="password"]{width:100%;height:50px;padding:5px 10px;font-size:16px;font-weight:400;border-bottom:solid 1px #333333;box-sizing:border-box}@media screen and (max-width: 768px){body#login div#form .formInner form p.floating{margin-bottom:20px}}body#login div#form .formInner form p.floating input:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px white inset}body#login div#form .formInner form p.floating label{position:absolute;top:10px;left:10px;font-family:'Noto Sans Japanese', sans-serif;font-size:27px;font-weight:200;color:#ececec;cursor:text;transition:all 0.3s}body#login div#form .formInner form p.floating label.active{position:absolute;top:-12px;left:0px;font-size:13px;font-weight:200;color:#b3b3b3;transition:all 0.3s}body#login div#form .formInner form button[type="submit"]{position:relative;display:inline-block;width:115px;height:50px;font-family:'Noto Sans Japanese', sans-serif;font-size:18px;font-weight:300;color:#fff;letter-spacing:normal;background:#333333;vertical-align:bottom;overflow:hidden;cursor:pointer}body#login div#form .formInner form button[type="submit"] span.button{position:absolute;display:flex;top:0;left:0;width:115px;height:50px;justify-content:center;align-items:center;z-index:9999}body#login div#form .formInner form button[type="submit"] .effect{position:absolute;width:126px;height:126px;border-radius:100%;pointer-events:none;background:#e53935;transition:all .5s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}body#login div#form .formInner form button[type="submit"] .effect.effectOn{transition:all .5s;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}body#index h2{margin-bottom:55px;font-size:65px;color:#333333;text-align:center}@media screen and (max-width: 768px){body#index h2{font-size:40px}}body#index div#backGround{position:absolute;top:0;left:0;width:100%;height:410px;background:#e53935;overflow:hidden;z-index:-1}body#index section#hero{position:relative;width:100%;height:410px;padding-top:120px;text-align:center;box-sizing:border-box}@media screen and (max-width: 768px){body#index section#hero{height:338px;padding-top:70px}}body#index section#hero .inner h1{font-size:65px;font-weight:900;color:#191919;text-align:center}@media screen and (max-width: 768px){body#index section#hero .inner h1{font-size:45px;line-height:47px}}body#index section#hero .inner h1 span{display:block;margin-bottom:8px;font-size:23px}@media screen and (max-width: 768px){body#index section#hero .inner h1 span{margin-bottom:5px;font-size:16px;line-height:16px}}body#index section#hero .inner h1 span.br{display:inline;margin:0}@media screen and (max-width: 1280px){body#index section#hero .inner h1 span.br{display:inline}}@media screen and (max-width: 1024px){body#index section#hero .inner h1 span.br{display:inline}}@media screen and (max-width: 768px){body#index section#hero .inner h1 span.br{display:block}}body#index section#hero .inner nav{position:relative;display:inline-block;margin-top:70px;border:2px solid #333333}@media screen and (max-width: 768px){body#index section#hero .inner nav{margin-top:45px}}body#index section#hero .inner nav:after{content:"";position:absolute;display:block;left:50%;width:2px;height:110px;margin-left:-1px;background-color:#333333}body#index section#hero .inner nav ul{padding:10px 20px}body#index section#hero .inner nav ul li{display:inline-block;padding:10px 10px}@media screen and (max-width: 768px){body#index section#hero .inner nav ul li{padding:10px 5px}}body#index section#hero .inner nav ul li a{color:#333333;text-decoration:none}body#index section#lead{width:100%;padding-top:150px;box-sizing:border-box}@media screen and (max-width: 1024px){body#index section#lead{padding-top:100px}}@media screen and (max-width: 768px){body#index section#lead{padding-top:100px}}body#index section#lead .inner p{max-width:1100px;margin:0 auto;padding:0 25px;font-size:25px;color:#333333;line-height:52px;text-align:justify}@media screen and (max-width: 768px){body#index section#lead .inner p{font-size:20px;line-height:40px}}body#index section#skill{width:100%;padding:120px 0;box-sizing:border-box}@media screen and (max-width: 1024px){body#index section#skill{padding:70px 0}}@media screen and (max-width: 768px){body#index section#skill{padding:70px 0}}body#index section#skill .inner .skillBarArea{background:#f6f6f6;margin-bottom:80px;padding:80px 125px 80px 201px}@media screen and (max-width: 1280px){body#index section#skill .inner .skillBarArea{padding:80px 50px 80px 126px}}@media screen and (max-width: 1024px){body#index section#skill .inner .skillBarArea{padding:80px 50px 80px 126px}}@media screen and (max-width: 768px){body#index section#skill .inner .skillBarArea{padding:40px 25px 40px 101px}}body#index section#skill .inner .skillBarArea .skillBar ul{position:relative;max-width:1250px;list-style:none;margin:0 auto;padding:0px;border-left:dotted 1px #333333;border-right:dotted 1px #333333}body#index section#skill .inner .skillBarArea .skillBar ul::before{content:"";position:absolute;left:50%;width:1px;height:100%;margin-left:-1px;display:block;border-left:dotted 1px #333333}body#index section#skill .inner .skillBarArea .skillBar ul li:nth-child(1)::before{content:"";position:absolute;left:-76px;width:62px;height:50px;background:url("../images/skill01.png") no-repeat top left/cover}body#index section#skill .inner .skillBarArea .skillBar ul li:nth-child(2)::before{content:"";position:absolute;left:-76px;width:62px;height:50px;background:url("../images/skill02.png") no-repeat top left/cover}body#index section#skill .inner .skillBarArea .skillBar ul li:nth-child(3)::before{content:"";position:absolute;left:-76px;width:62px;height:50px;background:url("../images/skill03.png") no-repeat top left/cover}body#index section#skill .inner .skillBarArea .skillBar ul li:nth-child(4)::before{content:"";position:absolute;left:-76px;width:62px;height:50px;background:url("../images/skill04.png") no-repeat top left/cover}body#index section#skill .inner .skillBarArea .skillBar ul li:nth-child(5)::before{content:"";position:absolute;left:-76px;width:62px;height:50px;background:url("../images/skill05.png") no-repeat top left/cover}body#index section#skill .inner .skillBarArea .skillBar ul li:nth-child(6)::before{content:"";position:absolute;left:-76px;width:62px;height:50px;background:url("../images/skill06.png") no-repeat top left/cover}body#index section#skill .inner .skillBarArea .skillBar ul li:last-child span{margin-bottom:0}body#index section#skill .inner .skillBarArea .skillBar ul li span{display:block;width:100%;height:50px;margin-bottom:20px;background:#ffffff;box-shadow:0px -4px 0px 0px rgba(170,170,170,0.3) inset}body#index section#skill .inner .skillBarArea .skillBar ul li span span{display:block;width:0%;box-shadow:0px -4px 0px 0px rgba(0,0,0,0.1) inset}body#index section#skill .inner .skillBarArea .skillBar.active ul li:nth-child(1) span span{width:90%;background:#b80804;transition:width .5s 0s}body#index section#skill .inner .skillBarArea .skillBar.active ul li:nth-child(2) span span{width:90%;background:#d61813;transition:width .5s .2s}body#index section#skill .inner .skillBarArea .skillBar.active ul li:nth-child(3) span span{width:80%;background:#e53935;transition:width .5s .4s}body#index section#skill .inner .skillBarArea .skillBar.active ul li:nth-child(4) span span{width:70%;background:#ef4c48;transition:width .5s .6s}body#index section#skill .inner .skillBarArea .skillBar.active ul li:nth-child(5) span span{width:50%;background:#f16865;transition:width .5s .8s}body#index section#skill .inner .skillBarArea .skillBar.active ul li:nth-child(6) span span{width:40%;background:#f69391;transition:width .5s 1s}body#index section#skill .inner .skillBoxArea .skillBox ul{display:flex;flex-wrap:wrap;list-style:none}body#index section#skill .inner .skillBoxArea .skillBox ul li{position:relative;margin-top:70px;opacity:0;width:calc(100% / 5);height:100%;background:#fbfbfb}@media screen and (max-width: 1280px){body#index section#skill .inner .skillBoxArea .skillBox ul li{width:calc(100% / 4)}}@media screen and (max-width: 1024px){body#index section#skill .inner .skillBoxArea .skillBox ul li{width:calc(100% / 3)}}@media screen and (max-width: 768px){body#index section#skill .inner .skillBoxArea .skillBox ul li{width:calc(100% / 3)}}body#index section#skill .inner .skillBoxArea .skillBox ul li:nth-child(odd){background:#f6f6f6}body#index section#skill .inner .skillBoxArea .skillBox ul li img{width:100%;height:100%}body#index section#skill .inner .skillBoxArea .skillBox ul li p{position:absolute;width:100%;bottom:35px;font-size:20px;color:#333333;text-align:center}@media screen and (max-width: 768px){body#index section#skill .inner .skillBoxArea .skillBox ul li p{bottom:14%;font-size:2.7vw}}body#index section#skill .inner .skillBoxArea .skillBox.active ul li{margin-top:0;opacity:1}body#index section#skill .inner .skillBoxArea .skillBox.active ul li:nth-child(1){transition:margin-top .5s  0s, opacity .1s  0s}body#index section#skill .inner .skillBoxArea .skillBox.active ul li:nth-child(2){transition:margin-top .5s .1s, opacity .1s .1s}body#index section#skill .inner .skillBoxArea .skillBox.active ul li:nth-child(3){transition:margin-top .5s .2s, opacity .1s .2s}body#index section#skill .inner .skillBoxArea .skillBox.active ul li:nth-child(4){transition:margin-top .5s .3s, opacity .1s .3s}body#index section#skill .inner .skillBoxArea .skillBox.active ul li:nth-child(5){transition:margin-top .5s .4s, opacity .1s .4s}body#index section#skill .inner .skillBoxArea .skillBox.active ul li:nth-child(6){transition:margin-top .5s .5s, opacity .1s .5s}body#index section#skill .inner .skillBoxArea .skillBox.active ul li:nth-child(7){transition:margin-top .5s .6s, opacity .1s .6s}body#index section#works{width:100%;padding:120px 0;background:#ececec;box-sizing:border-box}@media screen and (max-width: 1024px){body#index section#works{padding:70px 35px}}@media screen and (max-width: 768px){body#index section#works{padding:70px 35px}}body#index section#works .worksBoxArea dl{position:relative;height:655px}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl{height:auto}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl{height:auto}}body#index section#works .worksBoxArea dl dt{position:absolute;top:0;overflow:hidden}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dt{position:relative}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dt{position:relative}}body#index section#works .worksBoxArea dl dt img{margin-left:-30px;opacity:0;transition:all .3s}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dt img{width:100%;height:auto;margin-bottom:20px;margin-left:0;opacity:1;transition:none}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dt img{width:100%;height:auto;margin-bottom:20px;margin-left:0;opacity:1;transition:none}}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dt:last-of-type img{display:none}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dt:last-of-type img{display:none}}body#index section#works .worksBoxArea dl dt.active img{margin-left:0px;opacity:1;transition:all .5s}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dt.active img{opacity:1;transition:none}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dt.active img{opacity:1;transition:none}}body#index section#works .worksBoxArea dl dd{position:relative;height:131px;margin-left:500px;border-top:dotted 1px #333333;box-sizing:border-box}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dd{height:auto;margin-bottom:55px;margin-left:0;border:none}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dd{height:auto;margin-bottom:55px;margin-left:0;border:none}}body#index section#works .worksBoxArea dl dd:last-of-type{border-bottom:dotted 1px #333333}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dd:last-of-type{margin-bottom:0;border-bottom:none}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dd:last-of-type{margin-bottom:0;border-bottom:none}}body#index section#works .worksBoxArea dl dd a{display:block;width:100%;height:100%}body#index section#works .worksBoxArea dl dd a div{position:absolute;display:flex;align-items:center;top:50%;padding-left:40px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dd a div{position:relative;display:block;top:0;padding-left:0;-webkit-transform:translateY(0);transform:translateY(0)}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dd a div{position:relative;display:block;top:0;padding-left:0;-webkit-transform:translateY(0);transform:translateY(0)}}body#index section#works .worksBoxArea dl dd a div img{margin-left:-40px;margin-right:20px;opacity:0;transition:all .3s}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dd a div img{display:none;margin-left:0;margin-right:0;opacity:0;transition:none}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dd a div img{display:none;margin-left:0;margin-right:0;opacity:0;transition:none}}body#index section#works .worksBoxArea dl dd a div img.active{display:inline;margin-left:0px;opacity:1;transition:all .3s}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dd a div img.active{display:none;transition:none}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dd a div img.active{display:none;transition:none}}body#index section#works .worksBoxArea dl dd a div .textBox{display:inline-block}body#index section#works .worksBoxArea dl dd a div .textBox .title{display:block;margin-bottom:10px;font-size:18px;font-weight:500;line-height:23px;color:#333333}body#index section#works .worksBoxArea dl dd a div .textBox .title img{opacity:1;width:15px;height:auto;margin-left:5px}@media screen and (max-width: 1024px){body#index section#works .worksBoxArea dl dd a div .textBox .title img{display:inline}}@media screen and (max-width: 768px){body#index section#works .worksBoxArea dl dd a div .textBox .title img{display:inline}}body#index section#works .worksBoxArea dl dd a div .textBox .text{display:block;font-size:13px;color:#333333;line-height:20px}body#index section#works .worksBoxArea dl dd a div .textBox .text span{font-weight:700}body#index section#career{padding:120px 0 160px 0;box-sizing:border-box}@media screen and (max-width: 1024px){body#index section#career{padding:70px 0}}@media screen and (max-width: 768px){body#index section#career{padding:70px 0}}body#index section#career .careerBoxArea .careerBox ul{display:flex;flex-wrap:wrap;list-style:none}body#index section#career .careerBoxArea .careerBox ul li{position:relative;margin-top:70px;opacity:0;width:calc(100% / 3);height:100%;background:#fbfbfb}@media screen and (max-width: 1280px){body#index section#career .careerBoxArea .careerBox ul li{width:calc(100% / 2)}}@media screen and (max-width: 1024px){body#index section#career .careerBoxArea .careerBox ul li{width:calc(100% / 1)}}@media screen and (max-width: 768px){body#index section#career .careerBoxArea .careerBox ul li{width:calc(100% / 1)}}body#index section#career .careerBoxArea .careerBox ul li:nth-child(odd){background:#f6f6f6}body#index section#career .careerBoxArea .careerBox ul li img{width:110px;height:auto;margin:60px 30px;float:left}@media screen and (max-width: 1024px){body#index section#career .careerBoxArea .careerBox ul li img{margin:40px 25px}}@media screen and (max-width: 768px){body#index section#career .careerBoxArea .careerBox ul li img{margin:40px 25px}}body#index section#career .careerBoxArea .careerBox ul li p{margin:60px 30px}@media screen and (max-width: 1024px){body#index section#career .careerBoxArea .careerBox ul li p{margin:40px 25px}}@media screen and (max-width: 768px){body#index section#career .careerBoxArea .careerBox ul li p{margin:40px 25px}}body#index section#career .careerBoxArea .careerBox ul li p span{display:block}body#index section#career .careerBoxArea .careerBox ul li p span.ad{margin-bottom:3px;font-size:15px;font-weight:600;color:#e53935;line-height:20px}body#index section#career .careerBoxArea .careerBox ul li p span.co{margin-bottom:8px;font-size:18px;font-weight:500;color:#333333;line-height:25px}body#index section#career .careerBoxArea .careerBox ul li p span.du{font-size:13px;color:#333333;line-height:20px}body#index section#career .careerBoxArea .careerBox.active ul li{margin-top:0;opacity:1}body#index section#career .careerBoxArea .careerBox.active ul li:nth-child(1){transition:margin-top .5s  0s, opacity .1s  0s}body#index section#career .careerBoxArea .careerBox.active ul li:nth-child(2){transition:margin-top .5s .1s, opacity .1s .1s}body#index section#career .careerBoxArea .careerBox.active ul li:nth-child(3){transition:margin-top .5s .2s, opacity .1s .2s}body#index section#career .careerBoxArea .careerBox.active ul li:nth-child(4){transition:margin-top .5s .3s, opacity .1s .3s}body#index section#career .careerBoxArea .careerBox.active ul li:nth-child(5){transition:margin-top .5s .4s, opacity .1s .4s}body#index footer#footer{width:100%;padding:70px 0 110px 0}@media screen and (max-width: 1024px){body#index footer#footer{padding:50px 0 70px 0}}@media screen and (max-width: 768px){body#index footer#footer{padding:50px 0 70px 0}}body#index footer#footer .inner{display:flex}@media screen and (max-width: 1024px){body#index footer#footer .inner{display:block;padding:0 25px}}@media screen and (max-width: 768px){body#index footer#footer .inner{display:block;padding:0 25px}}body#index footer#footer .inner .profile{flex:1}@media screen and (max-width: 1024px){body#index footer#footer .inner .profile{flex:none}}@media screen and (max-width: 768px){body#index footer#footer .inner .profile{flex:none}}body#index footer#footer .inner .profile span{display:block}body#index footer#footer .inner .profile span.enName{font-size:25px;font-weight:300;color:#ffffff;margin-bottom:12px}body#index footer#footer .inner .profile span.jaName{font-size:15px;font-weight:100;color:#ffffff;margin-bottom:30px}body#index footer#footer .inner .profile span.address{font-size:15px;font-weight:100;color:#ffffff;margin-bottom:12px}body#index footer#footer .inner .profile span.tel{font-size:15px;font-weight:100;color:#ffffff;margin-bottom:15px}body#index footer#footer .inner .profile span.facebook{width:20px;height:auto}@media screen and (max-width: 1024px){body#index footer#footer .inner .profile span.facebook{margin-bottom:105px}}@media screen and (max-width: 768px){body#index footer#footer .inner .profile span.facebook{margin-bottom:105px}}body#index footer#footer .inner .profile span.facebook a img{width:100%;height:auto}body#index footer#footer div#form{width:625px}@media screen and (max-width: 1024px){body#index footer#footer div#form{width:100%}}@media screen and (max-width: 768px){body#index footer#footer div#form{width:100%}}body#index footer#footer div#form.shake{animation:shake .25s  infinite}body#index footer#footer div#form .formInner form{width:100%;text-align:right}body#index footer#footer div#form .formInner form p textarea{width:100%;height:115px;margin-bottom:20px;padding:10px 10px;font-family:'Noto Sans Japanese', sans-serif;font-size:16px;font-weight:200;color:#ffffff;border:solid 1px #666666;box-sizing:border-box}body#index footer#footer div#form .formInner form p textarea:placeholder-shown{color:#666}body#index footer#footer div#form .formInner form p textarea::-webkit-input-placeholder{color:#666}body#index footer#footer div#form .formInner form p textarea:-moz-placeholder{color:#666;opacity:1}body#index footer#footer div#form .formInner form p textarea::-moz-placeholder{color:#666;opacity:1}body#index footer#footer div#form .formInner form p textarea:-ms-input-placeholder{color:#666}body#index footer#footer div#form .formInner form p textarea:focus{border:solid 1px #ffffff}body#index footer#footer div#form .formInner form p.floating{position:relative}body#index footer#footer div#form .formInner form p.floating input[type="text"]{width:100%;height:40px;margin-bottom:20px;padding:10px 10px;font-family:'Noto Sans Japanese', sans-serif;font-size:16px;font-weight:200;color:#ffffff;border-bottom:solid 1px #666666;-webkit-box-shadow:0 0 0px 1000px #333333 inset;box-sizing:border-box}body#index footer#footer div#form .formInner form p.floating input[type="text"]:focus{border-bottom:solid 1px #ffffff}body#index footer#footer div#form .formInner form p.floating label{position:absolute;top:10px;left:10px;font-family:'Noto Sans Japanese', sans-serif;font-size:16px;font-weight:200;color:#666666;cursor:text;transition:all 0.3s}body#index footer#footer div#form .formInner form p.floating label.active{position:absolute;top:-12px;left:0px;font-size:13px;font-weight:200;color:#666666;transition:all 0.3s}body#index footer#footer div#form .formInner form button[type="submit"]{position:relative;width:112px;height:36px;font-family:'Noto Sans Japanese', sans-serif;font-size:18px;font-weight:300;color:#e53935;background:#ffffff;vertical-align:bottom;overflow:hidden;cursor:pointer;transition:color .5s}body#index footer#footer div#form .formInner form button[type="submit"]:hover{color:#ffffff;transition:color .5s}body#index footer#footer div#form .formInner form button[type="submit"] span.button{position:absolute;display:flex;top:0;left:0;width:112px;height:36px;justify-content:center;align-items:center;z-index:9999}body#index footer#footer div#form .formInner form button[type="submit"] .effect{position:absolute;width:126px;height:126px;border-radius:100%;pointer-events:none;background:#e53935;transition:all .5s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}body#index footer#footer div#form .formInner form button[type="submit"] .effect.effectOn{transition:all .5s;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2)}@keyframes shake{0%{-webkit-transform:translate(-51%, -50%);transform:translate(-51%, -50%)}25%{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}50%{-webkit-transform:translate(-51%, -50%);transform:translate(-51%, -50%)}75%{-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}100%{-webkit-transform:translate(-51%, -50%);transform:translate(-51%, -50%)}}.color01{background:#ffffff}.color02{background:#333333}