.sp_menu{display:none}@media screen and (max-width: 812px){#header .inner{width:95%}#header .inner #head_right{display:none}#navi{display:none}#page-top{bottom:9%}.foot_navi{padding:30px 0}.foot_navi ul{width:95%}.foot_navi ul li{text-align:left}#footer{padding-bottom:60px}#footer .inner{padding:20px 0;margin:0 auto;width:95%}#kaisei #footer{padding-bottom:0}#visual{padding:15rem 0}#visual #visual_catch{margin:0 auto;width:90%}.single{width:95%;margin-bottom:40px}.column4{width:48.44%}.column4:nth-child(2n){margin:0 0 3%}.contact_box{width:95%}.top_bnr a .top_bnr_image{width:40%}.top_bnr a .top_bnr_detail{width:60%;padding:5px}.top_bnr a .top_bnr_detail .caption{padding:10px 0;font-size:1rem;letter-spacing:0}.works-area .before-img,.works-area .after-img{width:45%}.works-area div img{width:100%;height:auto;max-height:none}.w400{width:300px}.pcbr{display:none}.tbbr{display:block}.page_title_box{padding:50px 0}.breadcrumb{width:95%}#sp_navi{display:block;position:fixed;bottom:0;left:0;z-index:999;width:100%;background:#0a0;border-top:1px solid #070}#sp_navi ul{display:table;width:100%}#sp_navi ul li{display:table-cell;width:50%;border-right:1px solid #070}#sp_navi ul li:last-child{border-right:none}#sp_navi ul li a{display:block;padding:10px 0;font-family:'FontAwesome';text-align:center;color:#FFFFFF;font-size:2.5rem}.sp_menu{display:block}.btn__box{position:relative;width:500px;height:40px;margin:100px auto 0;font-size:13px;cursor:pointer;-webkit-perspective:500px;perspective:500px}.btn__box a{position:absolute;display:block;width:500px;height:38px;line-height:38px;color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 50% -20px;-ms-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px}.btn__box:after{position:absolute;display:block;width:500px;height:38px;line-height:38px;color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:rotateX(90deg);transform:rotateX(90deg);-webkit-transform-origin:50% 50% -20px;-ms-transform-origin:50% 50% -20px;transform-origin:50% 50% -20px;top:0;left:0;width:500px;height:38px;line-height:38px;color:#fff;border:1px solid #fff;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);content:""}.btn__box:hover a{color:#fff;border:1px solid #fff;-webkit-transform:rotateX(0deg);transform:rotateX(0deg);z-index:2}.btn__box:hover:after{color:rgba(255,255,255,0);border:1px solid rgba(255,255,255,0);-webkit-transform:rotateX(-90deg);transform:rotateX(-90deg);z-index:1}.menu{position:fixed;display:table;top:0;left:0;width:100%;height:100%;background:#fff;-webkit-transition:all .5s;transition:all .5s;visibility:hidden;opacity:0;z-index:9999}.side-open .menu{-webkit-transition:all .5s;transition:all .5s;visibility:visible;opacity:1}.menu ul{display:table-cell;vertical-align:middle}.menu li{width:500px;margin:0 auto;text-align:center;opacity:0}.side-open .menu li{-webkit-transition:all .5s;transition:all .5s;visibility:visible;opacity:1}.menu li a{display:block;height:60px;line-height:60px;-webkit-transition:all .5s;transition:all .5s;text-decoration:none}.menu li a:hover{opacity:0.7}.menu-btn{position:fixed;top:3.5%;right:10px;width:50px;height:50px;line-height:50px;font-size:1rem;text-align:center;cursor:pointer;z-index:99999;background:-moz-linear-gradient(-45deg, #0a0 50%, #0d0 50%);background:-webkit-linear-gradient(-45deg, #0a0 50%, #0d0 50%);background:linear-gradient(135deg, #0a0 50%, #0d0 50%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='$base_color', endColorstr='lighten($base_color, 10%)',GradientType=1 );letter-spacing:0}.menu-btn span{color:#fff}.menu-btn span:after{content:attr(data-txt-open)}.side-open .menu-btn span:after{content:attr(data-txt-close)}.menu-btn:hover span:nth-child(1):after{-webkit-animation:anim .5s ease 0s forwards;animation:anim .5s ease 0s forwards}.menu-btn:hover span:nth-child(2):after{-webkit-animation:anim .5s ease .1s forwards;animation:anim .5s ease .1s forwards}.menu-btn:hover span:nth-child(3):after{-webkit-animation:anim .5s ease .2s forwards;animation:anim .5s ease .2s forwards}.menu-btn:hover span:nth-child(4):after{-webkit-animation:anim .5s ease .3s forwards;animation:anim .5s ease .3s forwards}.menu-btn:hover span:nth-child(5):after{-webkit-animation:anim .5s ease .4s forwards;animation:anim .5s ease .4s forwards}@-webkit-keyframes anim{0%{-webkit-transform:translateY(0px);transform:translateY(0px)}50%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}100%{-webkit-transform:translateY(0px);transform:translateY(0px)}}}@media screen and (max-width: 667px){body{font-size:1.2rem}.fleft0,.fleft1,.fleft2,.fright0,.fright1,.fright2{display:block;float:none;margin-left:auto;margin-right:auto;margin-bottom:15px}.tbbr{display:none}.spbr{display:block}#header .inner #logo span{display:none}#header .inner #logo a{width:210px}.foot_navi ul li{display:block;width:100%;margin:0 0 10px;padding-bottom:10px;border-bottom:1px dotted #DDDDDD;text-align:left}.foot_navi ul li:last-child{margin:0;padding-bottom:0;border-bottom:none}#footer{text-align:center}#footer .inner .rsingle{text-align:center}.lsingle,.rsingle{float:none;width:100%}.lsingle{margin-bottom:20px}.bg_contents{padding:80px 0}.contact_box{padding:15px;top:-65px}.mtitle_big{font-size:2.6rem}.mtitle_sub{font-size:2.4rem}.mtitle_middle{font-size:2rem}.mtitle_small{font-size:1.6rem}.btn01,.btn02{width:95%}.column3{float:none;width:100%;margin:0 0 15px}.column3:nth-child(3n){margin:0 0 15px}.column3:last-child{margin:0}.concept-wrap{margin:30px 0;padding:30px 0}.concept-wrap .bg-back,.concept-wrap .figure{width:100%}.concept-wrap .concept-inner{margin:0 auto !important}.concept-wrap .concept-inner .in-wrap{float:none;width:95%;margin:0 auto}.concept-wrap .concept-inner .in-wrap .concept-box{width:100%;padding:5%;margin:auto;box-sizing:border-box}.concept-wrap .concept-inner .in-wrap .concept-box .conts-ttl{font-size:2rem}.top_bnr a{display:block}.top_bnr a .top_bnr_image{width:100%;overflow:hidden}.top_bnr a .top_bnr_image img{position:static;-webkit-transform:initial;-ms-transform:initial;transform:initial}.top_bnr a .top_bnr_detail{width:100%;padding:10px}.top_bnr a .top_bnr_detail .top_bnr_ttl{letter-spacing:0;font-size:1.3rem}.top_bnr a .top_bnr_detail .caption{display:none}.top_bnr a .top_bnr_detail .top_bnr_btn{display:block;margin:10px auto 0}.newsbox{display:block}.newsbox .news-ttl{width:100%;text-align:center;border-right:none;margin-bottom:20px}.newsbox .news-bx{padding:0}.tbl{font-size:1rem}.tbl th,.tbl td{padding:5px}.tbl01 th{width:30%}.company th{width:30%}.gallery_ul li{width:48.44%}.gallery_ul li:nth-child(3n){margin:0 3% 3%}.gallery_ul li:nth-child(2n){margin:0 0 3%}.gallery_ul li a{height:120px}#contact_tel_box{padding:10px}#contact_tel_box h3{font-size:1.5rem}#contact_tel_box .box_image,#contact_tel_box .box_detail{float:none;width:100%}#contact_tel_box .box_image{margin-bottom:15px;height:auto}.works-area,.before-img,.works-area p,.after-img{display:block;width:100%}.works-area{margin-bottom:40px}.works-area p{transform:rotate(90deg);padding:0}.works-area div img{width:100%;height:auto}.accordion_btn{display:block;margin:5px 0 0;padding:10px}.w200,.w300,.w400{width:100%}.idea{width:100%}.page_title_box .page_title{font-size:2.5rem;letter-spacing:0}.page_title_box .page_title span{font-size:1.5rem}.form dl{margin:10px 0}.form dl dt{float:none;width:100%;line-height:20px;padding-top:10px}.form dl dd{width:100%;padding-left:0;padding-bottom:10px;padding-top:10px;line-height:20px}.form dl dd:last-child{border-bottom:0px;margin-bottom:0px}.form .textarea,.form textarea,.form .dropdown{width:95%}.form .textarea02{width:43.5%}.form button{width:95%}.btn__box{width:100%;-webkit-perspective:200px;perspective:200px}.btn__box a{width:100%}.btn__box:after{width:100%;width:100%}.menu li{width:100%}.menu li a{height:50px;line-height:50px}}
/*# sourceMappingURL=smartphone.css.map */