@charset "utf-8";.openbtn{font-family:'Oswald',sans-serif;font-weight:700;letter-spacing:.1em;position:fixed;z-index:9999;top:0;right:0;cursor:pointer;border-left:2px solid #333;width:70px;height:60px}.openbtn span{display:inline-block;transition:all .4s;position:absolute}.openbtn span:nth-of-type(1),.openbtn span:nth-of-type(3){height:2px;background:#333;width:30%;opacity:0;top:22px;left:20px}.openbtn span:nth-of-type(2){top:18px;left:15px;text-transform:uppercase;color:#333;font-size:16px}.openbtn span:nth-of-type(3){top:35px}.openbtn.active span:nth-of-type(1),.openbtn.active span:nth-of-type(3){opacity:1}.openbtn.active span:nth-of-type(1){top:28px;left:25px;transform:translateY(6px) rotate(-45deg)}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:40px;left:25px;transform:translateY(-6px) rotate(45deg)}#g-nav{position:fixed;z-index:999;text-align:center;bottom:-150%;width:100%;height:100vh;background:#eb6100;transition:all .6s}#g-nav.panelactive{bottom:0}#g-nav #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:35%;left:50%;width:200px;transform:translate(-50%,-50%)}.moji a{font-family:'Oswald',sans-serif;color:#fff;display:block;text-transform:uppercase;text-decoration:none;border-bottom:1px solid #fff;font-size:17px;margin:20px auto -2px;letter-spacing:.1em}.moji a:hover{color:#ff0}#g-nav li{list-style:none;text-align:center}ul.accordion-area-gnavi{list-style:none;width:100%;height:36px}.accordion-area-gnavi section{width:100%;background:#006400;border:1px solid #fff;margin:40px auto 0;padding:2px}.title-gnavi{position:relative;cursor:pointer;color:#fff;font-family:'Oswald',sans-serif;text-align:center;outline:none;font-size:15px;line-height:32px;padding:1% 3%;transition:all .5s ease}.title-gnavi:before,.title-gnavi:after{position:absolute;content:'';width:15px;height:2px;background-color:#fff}.title-gnavi:before{top:48%;left:15px;transform:rotate(0deg)}.title-gnavi:after{top:48%;left:15px;transform:rotate(90deg)}.title-gnavi.close:before{transform:rotate(45deg)}.title-gnavi.close:after{transform:rotate(-45deg)}.box-gnavi{display:none;background:#fff;text-align:left;margin:0 3% 3%;padding:3% 5%}.accordion-area-gnavi li:hover{background:#6f6}.accordion-area-gnavi ul:hover{color:#fff}.other_enter{color:#fff;background:#ff367f}.btn_download{position:relative;display:inline-block;font-family:'Oswald',sans-serif;text-align:center;outline:none;width:100%;height:36px;font-size:15px;line-height:32px;margin:15px 0 0}.btn_download span{display:block;position:absolute;width:100%;height:100%;border:1px solid #fff;transform-style:preserve-3d;transition:.5s}.rotatefront:hover span:nth-child(1){transform:rotateX(-90deg)}.rotatefront span:nth-child(2){background:#006400;color:#ff0;transform:rotateX(90deg);transform-origin:0 50% -25px}.rotatefront:hover span:nth-child(2){transform:rotateX(0deg)}@media screen and (max-width:767px){.moji{font-size:17px;margin:20px auto -2px}#g-nav li a{padding:0;letter-spacing:.1em}#g-nav-list h2{font-size:15px;margin-top:20px;line-height:19px}}@media screen and (max-width:540px){.moji{font-size:17px;margin:20px auto -2px}#g-nav li a{padding:0;letter-spacing:.1em}#g-nav-list h2{font-size:15px;margin-top:20px;line-height:19px}}@media screen and (max-width:420px){.moji{font-size:17px;margin:5px auto -2px}#g-nav ul{top:45%;left:50%}#g-nav li a{padding:0;letter-spacing:.1em}#g-nav-list h2{font-size:15px;margin-top:15px;line-height:19px}.accordion-area{list-style:none;width:100%;max-width:300px;height:50px;margin:170px auto 0}}@media screen and (max-width:315px){.moji{font-size:15px;margin:5px auto -2px}#g-nav ul{top:45%;left:50%}#g-nav li a{padding:0;letter-spacing:.1em}#g-nav-list h2{font-size:15px;margin-top:5px;line-height:19px}}@media screen and (max-width:767px){.openbtn{width:60px;height:60px}.openbtn span:nth-of-type(3){height:2px;width:30%;top:22px;left:20px}.openbtn span:nth-of-type(2){top:18px;left:8px;font-size:16px}.openbtn span:nth-of-type(3){top:35px}.openbtn.active span:nth-of-type(1){top:28px;left:20px}.openbtn.active span:nth-of-type(3){top:40px;left:20px}}@media screen and (max-width:420px){.openbtn{width:60px;height:40px}.openbtn span:nth-of-type(3){height:2px;width:30%;top:22px;left:20px}.openbtn span:nth-of-type(2){top:8px;left:8px;font-size:16px}.openbtn span:nth-of-type(3){top:35px}.openbtn.active span:nth-of-type(1){top:16px;left:20px}.openbtn.active span:nth-of-type(3){top:28px;left:20px}}@media screen and (max-width:325px){.openbtn{width:60px;height:40px;right:5px}.openbtn span:nth-of-type(3){height:2px;width:30%;top:22px;left:20px}.openbtn span:nth-of-type(2){top:8px;left:8px;font-size:16px}.openbtn span:nth-of-type(3){top:35px}.openbtn.active span:nth-of-type(1){top:16px;left:20px}.openbtn.active span:nth-of-type(3){top:28px;left:20px}}