@charset "utf-8";#open_menu,#sp_box{display:none}#spicon span{border-bottom:2px solid #fff}#spicon:before{display:none}#center_box{background-color:#f5f3eb}#spicon{position:fixed;right:50px;top:20px;background-position:50% 0;background-repeat:no-repeat;background-size:cover;width:50px;height:50px;background-color:#50a9a0;border-radius:50%;padding:17px 11px;z-index:9999;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between}#spicon:before{content:"MENU";position:absolute;bottom:-20px;left:0;width:100%;text-align:center;font-size:12px;transition:all .4s}#spicon span{width:100%;transition:all .4s}#spicon.m_active span:nth-child(1){transform:translateY(7px) rotate(-45deg)}#spicon.m_active span:nth-child(2){opacity:0}#spicon.m_active span:nth-child(3){transform:translateY(-7px) rotate(-135deg)}#spicon.m_active:before{content:"CLOSE"}#open_menu{background-position:50% 0;background-repeat:no-repeat;background-size:cover;position:fixed;z-index:9990;top:0;left:0;width:100%}#open_menu:after{content:"";background-color:rgba(0,0,0,.5);position:fixed;top:0;left:0;width:100%;height:100%}#center_box{position:fixed;right:0;top:0;width:400px;margin:0;height:100%;display:block;overflow-y:scroll;padding:100px 0;z-index:500;transform:translateX(100%);transition:.5s ease}#center_box.is-open{transform:translateX(0);pointer-events:auto}.sp_width{width:80%;margin:0 auto}.sp_width a{color:inherit;font-size:20px;transition:.3s ease}.sp_width li:nth-child(n+2){margin-top:50px}.sp_width .now a{color:#50a9a0}@media only screen and (max-width:1024px){#sp_box{display:block}}@media only screen and (max-width:768px){#center_box{padding:80px 0}#spicon{right:25px;top:13px}#center_box{width:320px;padding:100px 0}.sp_width{width:80%;margin:0 auto}.sp_width a{color:inherit;font-size:20px}.sp_width li:nth-child(n+2){margin-top:40px}}