@import url("preset.css");body{font-size:15px}.fadein{opacity:0}.fadein.on{animation:fadein 1s ease 0s 1 normal both;-webkit-animation:fadein 1s ease 0s 1  normal both}@keyframes fadein{0%{opacity:0;-webkit-transform:translateY(100px);transform:translateY(100px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadein{0%{opacity:0;-webkit-transform:translateY(50px);transform:translateY(50px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;background-color:rgba(255,255,255,0.8);position:fixed;top:0;left:0;z-index:9999;-webkit-transform:translate(0, -100px);transform:translate(0, -100px);animation:headerload 2s ease 5s 1 normal both;-webkit-animation:headerload 2s ease 5s 1  normal both}@keyframes headerload{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes headerload{0%{opacity:0;-webkit-transform:translateY(-100px);transform:translateY(-100px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width: 768px){header .gnav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}header .gnav ul{display:-webkit-box;display:-ms-flexbox;display:flex}header .gnav ul li a{font-size:16px;padding:20px;display:inline-block;font-weight:bold}}@media screen and (max-width: 767px){header .gnav{position:fixed;width:100%;opacity:0;height:0;top:0;left:0;overflow:hidden;-webkit-transition:all 0.5s;transition:all 0.5s}header .gnav ul{margin-top:60px;background-color:rgba(255,255,255,0.9)}header .gnav ul li a{padding:20px 10px;display:block;font-weight:bold;text-align:center}header .gnav.act{-webkit-transition:all 0.5s;transition:all 0.5s;opacity:1;z-index:1000;height:auto;overflow:visible}}header .gnav-trg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-bottom-left-radius:10px;cursor:pointer;position:fixed;top:0;right:0;z-index:9999}@media screen and (min-width: 768px){header .gnav-trg{display:none}}@media screen and (max-width: 999px){header .gnav-trg{width:80px;height:80px}}@media screen and (max-width: 767px){header .gnav-trg{width:60px;height:60px}}header .gnav-trg .burger-icon{width:20px;height:16px;position:relative}header .gnav-trg .burger-icon span{background-color:#000;width:20px;height:2px;position:absolute;top:calc(50% - 1px);left:0;-webkit-transition:all 200ms cubic-bezier(0.77, 0, 0.175, 1);transition:all 200ms cubic-bezier(0.77, 0, 0.175, 1);-webkit-transform-origin:center center;transform-origin:center center}header .gnav-trg .burger-icon span.upp{-webkit-transform:translate(0, -6px);transform:translate(0, -6px)}header .gnav-trg .burger-icon span.low{-webkit-transform:translate(0, 6px);transform:translate(0, 6px)}header .gnav-trg.act .burger-icon span.upp{-webkit-transform:translate(0, 0) rotate(-45deg);transform:translate(0, 0) rotate(-45deg)}header .gnav-trg.act .burger-icon span.mid{-webkit-transform:translate(20px, 0);transform:translate(20px, 0);opacity:0}header .gnav-trg.act .burger-icon span.low{-webkit-transform:translate(0, 0) rotate(45deg);transform:translate(0, 0) rotate(45deg)}@media screen and (min-width: 768px){header.sc{height:60px;position:fixed}#contact header.sc{position:absolute}header.sc .logo .type{display:none}header.sc .gnav>ul>li::after,header.sc .gnav>ul>li:first-child::before{height:calc(100% - 20px);top:10px}header.sc .gnav>ul>li>a .en{display:none}header.sc .gnav>ul>li>ul{top:60px}}.ff-arimo{font-family:'PT Sans', sans-serif;letter-spacing:0.3em}.back_gradation{width:100%;height:100%;background:linear-gradient(45deg, #fff7e2, #fff, #ffffe4);background-size:500% 500%;-webkit-animation:AnimationName 6s ease infinite;animation:AnimationName 6s ease infinite;position:fixed;z-index:0;top:0;left:0}@-webkit-keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}@keyframes AnimationName{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}#content{position:relative;z-index:2}#content #sec01{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;z-index:1;padding:0 20px}#content #sec01 .logo{opacity:1;-webkit-transition:opacity 1s;transition:opacity 1s}#content #sec01 .town{display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;z-index:1;padding:0 20px;background:url(../img/town.png) no-repeat center bottom 10%/600px}#content #sec01.on .logo{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}#content #sec01.on .town{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}#content #sec01 .anime01,#content #sec01 .anime02,#content #sec01 .anime03{opacity:0;display:-webkit-box;display:-ms-flexbox;display:flex;height:100vh;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;top:0;left:0;z-index:1;padding:0 20px}#content #sec01 .anime01{animation:fadein1 3s ease 1s 1 normal both;-webkit-animation:fadein1 3s ease 1s 1  normal both}#content #sec01 .anime02{animation:fadein1 3s ease 4s 1 normal both;-webkit-animation:fadein1 3s ease 4s 1  normal both}#content #sec01 .anime03{animation:fadein2 8s ease 7s 1 normal both;-webkit-animation:fadein2 8s ease 7s 1  normal both}#content #sec01 .anime04{animation:fadein4 2s ease 4s 1 normal both;-webkit-animation:fadein4 2s ease 4s 1  normal both}@keyframes fadein1{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@-webkit-keyframes fadein1{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}70%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadein2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes fadein2{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}30%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}100%{opacity:1;-webkit-transform:translateY(0px);transform:translateY(0px)}}@keyframes fadein4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}@-webkit-keyframes fadein4{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(45deg);transform:rotate(45deg)}}#content #sec02,#content #sec03,#content #sec04{border-top:1px solid rgba(0,0,0,0.2)}#content #sec02{margin-top:100vh}#content #sec04 th,#content #sec04 td{padding:10px}#content #sec05{background:rgba(27,30,34,0.85);color:#fff;font-family:'PT Sans', sans-serif}#content #sec05 .btn{text-align:center;padding:20px;font-size:20px;display:block;background:#333;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:20px;-webkit-transition:opacity 0.3s;transition:opacity 0.3s}#content #sec05 .btn:hover{-webkit-transition:opacity 0.3s;transition:opacity 0.3s;opacity:0.6}