@charset "utf-8";#open_menu,#sp_box{display:none}#spicon span{border-bottom:2px solid #fff}#center_box{background-color:#212121}.page_link a{color:inherit}#spicon{position:fixed;right:20px;top:26px;background-position:50% 0;background-repeat:no-repeat;background-size:cover;width:60px;height:60px;z-index:9999;cursor:pointer;border-radius:50%;display:flex;flex-direction:column;justify-content:space-between;background-color:#212121;padding:20px 13px}#spicon span{width:100%;height:2px;transition:all .4s}#spicon.m_active span:nth-child(1){transform:translateY(8px) rotate(-45deg)}#spicon.m_active span:nth-child(2){opacity:0}#spicon.m_active span:nth-child(3){transform:translateY(-9px) rotate(-135deg)}#open_menu{background-position:50% 0;background-repeat:no-repeat;background-size:cover;position:fixed;z-index:9990;top:0;left:0;width:100%}#center_box{position:fixed;left:0;top:0;width:100%;margin:0;height:100%;display:block;overflow-y:scroll;padding:100px 0 100px}#close{position:absolute;text-align:center;bottom:-20px;left:0;width:100%;color:#21ceb2;font-size:20px}.sp_menu{width:88%;max-width:740px;margin:0 auto}.sp_menu{display:flex;flex-direction:column;justify-content:space-between}.sp_menu li{height:11%;margin:5px 0}.sp_menu a{color:#fff}.sp_menu li>a{font-size:26px;display:flex;align-items:center;background-color:#2d2d2d;column-gap:10px;padding:25px 15px}.sp_menu li>a:before{content:"";border-bottom:1px solid #fff;width:15px}.sp_menu .font_roboto_b{margin-right:5px;font-size:22px;position:relative;top:-1px;color:#dfff61}.sp_sub{padding:15px 0 0 35px;display:flex;flex-wrap:wrap;justify-content:space-between;max-width:600px}.sp_sub p{width:40%;padding-left:30px;position:relative;font-size:18px}.sp_sub p:nth-child(n+3){margin-top:10px}.sp_sub p:nth-child(2n){width:56%}.sp_sub p:before{content:"";border-bottom:2px solid #dfff61;position:absolute;top:50%;transform:translateY(-50%);left:0;width:20px}@media only screen and (max-width:1200px){#sp_box{display:block}}@media only screen and (max-width:1024px){#spicon{top:20px}}@media only screen and (max-width:740px){#spicon{right:20px;top:10px;width:60px;height:60px;padding:20px 16px}.sp_menu li>a{font-size:26px}.sp_sub{padding:15px 0 0 40px;display:block}.sp_sub p{width:100%;padding-left:30px;position:relative;font-size:20px}.sp_sub p:nth-child(n+2){margin-top:10px}.sp_sub p:nth-child(2n){width:100%}}