.sp_menu{display:none}@media screen and (max-width: 1024px){#header .inner{width:95%;margin:0 auto}#header .inner #navi{display:none}.foot_navi ul{width:95%}#footer .inner{margin:0 auto;width:95%;box-sizing:border-box}#contents{background:none}.single{width:95%;margin:0 auto;padding-bottom:40px}.single.single_02{width:95%}.bg01,.bg02{margin-bottom:40px;padding-top:40px}.program_box{min-height:435px}.program_box .program_txt{width:100%}.program_box .program_txt .program_course{padding:25px}.program_box .program_detail{margin-right:0;width:53%}.program_box .program_img{top:225px}.gallery_ul li a{height:155px}.page_title_box{padding:40px 0}.breadcrumb_box .breadcrumb{width:95%}.form{width:100%}.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}.menu li a{display:block;height:60px;line-height:60px;font-size:1.4rem;-webkit-transition:all .5s;transition:all .5s;text-decoration:none}.menu li a:hover{opacity:0.7}.side-open .menu li{-webkit-transition:all .5s;transition:all .5s;visibility:visible;opacity:1}.menu-btn{position:fixed;top:2%;right:10px;width:50px;height:50px;line-height:50px;font-size:1rem;text-align:center;cursor:pointer;z-index:99999;background:url(../img/bg_header.jpg) repeat left top;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: 414px){body{font-size:1.2rem}#header .inner #logo{width:200px}.foot_navi{padding:20px 0;text-align:left}.foot_navi ul li{float:none;width:100%;margin:0 0 10px;padding-bottom:10px;border-bottom:1px dotted #DDDDDD}.foot_navi ul li:last-child{margin:0;padding-bottom:0;border-bottom:none}#footer .inner{padding:20px 0}#slideshow #catch{width:95%}#slideshow .skippr{min-height:350px}.contents{display:block}.contents .main,.contents .side{width:100%}.contents .main{margin-bottom:40px}.column2{display:block}.column2 .child{width:100%}.btn01{width:95%}.mtitle{font-size:2.5rem}.mtitle span{display:block;margin-left:0;font-size:1.4rem}.mtitle_middle{font-size:1.3rem}.mtitle_middle span{margin:0;padding:0}.mtitle_middle::before,.mtitle_middle::after{display:none}.mtitle_sub{font-size:1.6rem}.mtitle_bll{font-size:1.4rem}.mtitle_flow{font-size:1.4rem}.tbl{font-size:1rem}.tbl th,.tbl td{padding:5px}.company th{width:30%}.program_box{min-height:inherit}.program_box .program_txt{width:100%}.program_box .program_course{padding:15px 15px 30px}.program_box .program_course .program_ttl{font-size:1.9rem}.program_box .program_course span{right:15px;font-size:17rem}.program_box .program_detail{margin:0 0 20px;width:100%}.program_box .program_img{position:static;margin-top:20px;width:auto}.bnr02{margin-bottom:50px}.bnr{display:block}.bnr li{float:none;width:100%}.gallery_ul li{width:48.5%}.gallery_ul li:nth-child(3n){margin:0 3% 3% 0}.gallery_ul li:nth-child(2n){margin:0 0 3%}.gallery_ul li a{height:130px}.box_style{display:block;padding:15px}.box_style .box_image,.box_style .box_detail{width:100%}.box_style .box_image{margin-bottom:15px;height:auto}.box_style .box_detail .mtitle_top{margin-bottom:10px}.fleft0,.fleft1,.fleft2,.fright0,.fright1,.fright2{display:block;float:none;margin-left:auto;margin-right:auto;margin-bottom:15px}.w200,.w300,.w400{width:100%}.w200 img,.w300 img,.w400 img{width:100%}.spbr{display:block}.pcbr{display:none}.sp_tcenter{text-align:left}.page_title_box .page_title{font-size:3rem}.form dl{margin:10px 0}.form dl dt{float:none;width:100%;padding-top:10px}.form dl dd{width:100%;padding-left:0;padding-bottom:10px;padding-top:10px}.form dl dd:last-child{border-bottom:none;margin-bottom:0}.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-btn{top:3%}}
/*# sourceMappingURL=smartphone.css.map */