@charset "UTF-8";@media only screen and (max-width:1200px){.global-nav-in,.main-body-in,.site-footer-in,.site-footer-menu-in,.site-header-in{width:96%;margin:auto}.main-image,.main-image-in{width:100%}h1{font-size:.9em}.main-body h2{font-size:1.7em}.design h3{font-size:1.2em}.beforeafter h3,.work h3{font-size:1.1em}.flow .col ul li:nth-child(1){width:20%}.flow .col ul li:nth-child(2),p.area-name{padding:0 .5em;width:80%}.flow h3{font-size:1.3em}.beforeafter .col3-wrap>.col>h3{margin-bottom:.5em}.global-nav-in li a,.site-footer-nav li a{min-height:4.8em;padding:.8em 1em;line-height:1.3em}.col2-wrap{margin:0 0 1em}.col2-wrap .col{float:none;margin-left:0;width:auto}}@media (min-width:737px) and (max-width:950px){.main-body h2{font-size:1.5em}.area ul,.area ul li{display:block;width:100%}.area ul li:nth-child(1){width:100%;margin:0 auto}ol,ul{margin:0}.area ul li:nth-child(2),p.area-name{width:100%}.area ul li:nth-child(2) img,p.area-name{width:98%}.global-nav-in li a,.site-footer-nav li a{min-height:6.1em;padding:.8em 1em;line-height:1.3em}.beforeafter .col3-wrap>.col>h3{margin-bottom:.3em}}@media only screen and (max-width:736px){.containr,body,html{min-width:0}html{overflow-x:hidden;overflow-y:scroll}body,html{width:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}.sub-conts,main{padding:0 1em;margin:0;font-size:.8em}.design p{margin:0 0 2em}.beforeafter h3,.work .col{font-size:1em!important;margin-bottom:2em}.beforeafter h3,.work h3{margin:0 0 20px!important}.flow h3{font-size:1.2em!important;margin-top:.2em}div.site-footer-menu{display:none}div.site-footer-in{border-top:4px solid #007d8c}.sub-conts img{width:100%}.sub-conts .link-menu li a{font-size:1.5em;min-height:2em}.site-footer-nav li{margin-left:0!important}.site-footer-nav li a{font-size:1.5em}.line-under{font-size:1.4em}input,textarea{max-width:95%}input[type=button],input[type=file],input[type=image],input[type=reset],input[type=submit]{max-width:none}.global-nav-in,.main-body-in,.site-footer-in,.site-header-in,.site-header-in div{width:100%}.col2r .main-conts,.col2r .sub-conts{float:none;width:auto}.site-header-conts,.site-header-in,.site-header-in div,.site-title{display:block}.site-header-conts{padding-top:50px}.no-gn .site-header-conts{padding-top:0}.site-header-conts{padding-bottom:10px}.site-title{padding:15px 15px 0;font-size:1em}.site-header-in{position:relative;padding-top:2.5em;padding-bottom:1em;height:auto}.site-header-conts2 a{font-size:1.3em;margin-top:1em;padding-right:1em}.home .main-image{margin-bottom:4em}.global-nav{position:absolute;top:0;width:100%;margin:0;border:0}.global-nav ul{display:none;position:absolute;top:50px;left:10px;z-index:1;width:80%;border:0;background:#eee}.global-nav-panel{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px;background:#007d8c;color:#fff;cursor:pointer}.global-nav-in li{display:list-item;width:auto;border-right:0;border-bottom:1px solid #fff;text-align:left}.global-nav-in li a{display:block;padding:1em;padding-right:2em;border-right:0;background:url(../images/icon/icon-gn-arw.png)right center no-repeat #007d8c;color:#fff}.global-nav-in li a,.site-footer-nav li a{min-height:2.5em}.section-wrap{padding:0;border:0}.section-wrap .section-in{padding:15px}.section-wrap .article-header .section-title,.section-wrap .section-in .section-title{margin:-15px -15px 0;padding:15px;font-size:1.75em}.main-body h2,.main-body h3{margin:35px 0 20px}.main-body h2{font-size:1em}.breadcrumbs-in{margin-bottom:1em;padding:0 1em}.breadcrumbs-in li:last-child{display:none}.site-footer-nav{display:block;text-align:left}.site-footer-nav li,.site-footer-nav li:first-child{display:list-item;margin-left:20px}.copyright{padding:15px;text-align:left}.page-top img{width:40px}.btn-area{text-align:center}.btn{float:none;margin-right:0;margin-left:0}.btn-area .btn{display:block;margin-right:auto;margin-left:auto}.btn-form01{padding:25px 40px}.btn-form02{padding:25px 20px}.btn-mail{padding:9pt}.col3-wrap{margin:0 0 1em}.col3-wrap .col,.col3-wrap .col_2of3{float:none;margin-left:0;width:auto}.col3-wrap img{width:100%}.beforeafter h3,.work .col{margin-bottom:4em;text-align:center;font-size:1.6em}.flow h3{font-size:1.6em;margin-top:.5em}.area ul,.area ul li{display:block;width:100%}.area ul li:nth-child(1){width:100%;margin:0 auto}ol,ul{margin:0}.area ul li:nth-child(2),p.area-name{width:100%}.area ul li:nth-child(2) img,p.area-name{width:98%}}@media only screen and (max-width:480px){.col2-wrap,.col3-wrap{margin:0 0 1em}.col2-wrap .col,.col3-wrap .col,.col3-wrap .col_2of3{float:none;margin-left:0;width:auto}.left,.right{float:none;margin-right:0;margin-left:0;text-align:center}}