@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{margin:0;padding:0;border:0;font-size:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:#333;transition:.2s ease}a:hover{text-decoration:none}*:focus{outline:0}img{vertical-align:middle;max-width:100%;height:auto}body{zoom:80%}.fadein{opacity:0;transform:translate(0,50px);transition:all 1s ease}.fadein.scrollin{opacity:1;transform:translate(0,0)}.visible-xs{display:none}.hidden-xs{display:block}.hidden-inline-block{display:inline-block}@media(max-width:768px){.visible-xs{display:block !important}.hidden-xs{display:none !important}.hidden-inline-block{display:none !important}}a:hover img{opacity:.8;transition:.2s ease}article,header,footer,aside,figure,figcaption,nav,section{display:block}body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}ol,ul{list-style:none;list-style-type:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}.clearfix:after{clear:both}html{overflow:auto}body{font-family:'Noto Sans Japanese',sans-serif;line-height:1.5;color:#000;font-size:20px}.row{margin-right:-15px;margin-left:-15px;overflow:hidden}.container{margin-right:auto;margin-left:auto}@media(min-width:769px){body{min-width:1260px}.container{width:1260px}.sp-only{display:none}.tab-only{display:none}}@media(max-width:768px){body{font-size:12px}.pc-only{display:none}.tab-only{display:none}}header{overflow:hidden}header .h-logo{float:left;width:282px;text-align:center;margin-top:10px}header .h-logo h1{display:block;margin-top:8px;font-size:12px;letter-spacing:3px;font-weight:bold}header a img{transition:none}header a:hover img{opacity:1}header nav{float:right;font-weight:bold;font-size:18px}header nav li{float:left;text-align:center;background-color:#fff;width:125px;padding-top:28px;margin:0 10px}header nav li a{display:block;line-height:45px;letter-spacing:.15em;color:#333}header nav li a:hover,header nav li a.active{border-bottom:solid 4px #333}header nav li.contact a:hover{border-bottom:0}header nav .contact{margin:0;padding:0;width:157px}header nav .contact a{width:100%;letter-spacing:.05em;height:100px;padding-top:19px;background-color:#8a272c;color:#fff;text-align:center}header nav .contact a img{display:block;margin:0 auto}header nav .contact a:hover{background-color:#1b273d}@media(max-width:768px){header .h-logo{width:auto;margin-top:15px}header .logo{float:left;width:auto;text-align:left}header img{width:calc(233.33333333px);height:auto}header nav{font-size:16px}header nav li{display:block;text-align:center;border-bottom:solid 1px #ccc;height:60px;float:none;padding:0;margin:0;width:100%}header nav li a:hover,header nav li a.active{border-bottom:0;background-color:#1b273d;color:#fff}header nav li a.active a{color:#fff}header nav li a{height:60px;display:block;line-height:60px}header nav .contact{border-bottom:0;padding-left:0;width:100%}header nav .contact a{width:100%;height:60px;padding:0;margin-left:0;line-height:60px}header nav .contact a img{display:inline-block;width:35px;margin-right:5px;margin-top:5px;vertical-align:middle}}footer{text-align:center;margin-top:55px;height:400px}footer .page-top{position:relative;height:40px}footer .page-top a{position:absolute;width:70px;height:70px;background-color:#1b273d;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;color:#fff;display:block;font-size:30px;line-height:70px}.footer-inner{background-color:#1b273d;color:#fff;padding:44px 0 35px;font-size:25px}.footer-inner .f-logo{margin-bottom:18px}.footer-inner .text{font-size:22px;letter-spacing:.067em}.footer-inner .f-contact a{color:#fff;font-weight:bold;border:solid 2px #fff;width:275px;height:50px;line-height:46px;display:inline-block;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px;margin:25px 0 28px;font-size:18px}.footer-inner .f-contact a:hover{background-color:#fff;color:#1b273d}.footer-inner .f-telbox li{display:inline-block;font-weight:bold;margin:0 17px}.footer-inner .f-telbox .f-tel:before{margin:0 15px 0 0;content:" ";display:inline-block;width:47px;height:62px;background:url("../img/base/f-tel-icon.png") no-repeat center top;vertical-align:middle}.footer-inner .f-telbox .f-fax:before{margin:0 15px 0 0;content:" ";display:inline-block;width:48px;height:62px;background:url("../img/base/f-fax-icon.png") no-repeat center top;vertical-align:middle}.footer-inner .f-nav li{display:inline-block;margin:20px 15px 0;font-size:.9rem}.footer-inner .f-nav a{color:#fff;font-size:14px}.footer-inner .f-nav a:before{content:'\f111';font-family:FontAwesome;margin-right:5px}.footer-inner .f-nav a.portfolio:before{content:'\f04b';font-family:FontAwesome;margin-right:5px}footer .copyright{padding:15px;font-size:14px}@media(max-width:768px){footer{margin-top:50px;height:auto}footer .page-top{position:relative;height:20px;margin-left:10px}footer .page-top a{width:40px;height:40px;font-size:15px;line-height:30px}.footer-inner{padding:20px;font-size:.8rem}.footer-inner .f-logo{margin-bottom:10px}.footer-inner .text{font-size:15px}.footer-inner .f-contact a{margin:20px 0;font-size:16px}.footer-inner .f-nav li{display:none}.footer-inner .f-telbox{overflow:hidden}.footer-inner .f-telbox li{width:50%;margin:0;padding:0 5px;float:left}.footer-inner .f-telbox li img{width:100%;height:auto}.footer-inner .f-telbox .f-tel:before{display:none}.footer-inner .f-telbox .f-fax:before{display:none}.footer-inner .f-logo img{width:100px;height:auto;margin-bottom:10px}footer .copyright{padding:0 0 20px;font-size:11px;color:#fff;background-color:#1b273d}}.title-wrap{height:400px;background-size:cover;background-repeat:no-repeat;background-position:center top}.title-wrap p{text-align:center;font-size:75px;color:#fff;line-height:400px;height:400px}.page-title{color:#fff;background-color:#1b273d;text-align:center;font-size:28px;padding:9px 0}.breadcrumb ul{margin-top:10px;margin-bottom:160px}.breadcrumb ul li{font-size:14px;display:inline-block;color:gray}.breadcrumb ul li a{color:gray}.breadcrumb ul li:after{content:">";margin-left:5px}.breadcrumb ul li:last-child:after{content:none}@media(max-width:768px){.title-wrap p img{width:50%}.breadcrumb{display:none}.title-wrap{padding-bottom:45%;height:0;position:relative}.title-wrap p{height:auto;line-height:1;position:absolute;top:50%;width:100%;transform:translateY(-50%)}.page-title{margin-bottom:40px;padding:5px;font-size:20px}}.topslide-wrap{position:relative;height:calc(100vh - 100px)}.topslide-wrap .slick-dotted.slick-slider{margin-bottom:0}.topslide-wrap .slider{height:120%}.topslide-wrap .slider .slick-slide{height:calc(100vh - 100px);overflow:hidden}.topslide-wrap .slider .slick-slide img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto}.topslide-wrap .slider .slick-dots{position:relative;bottom:0}.topslide-wrap .txt{position:absolute;z-index:100;top:50%;left:10%;margin-top:0}.top-company{overflow:hidden;background-color:#efefef;height:650px;margin-top:150px}.top-company .photo-box{float:left;width:50%;height:100%;background:url(../img/index/company_bg.jpg) no-repeat right center}.top-company .txt-box{float:right;width:50%;height:600px;position:relative}.top-company .txt-box .txt-box-inner{display:block;width:460px;padding-top:161px;position:absolute;left:50%;transform:translateX(-50%)}.top-company .txt-box .txt-box-inner h2{font-size:32px;line-height:42px;margin-bottom:23px;color:#333}.top-company .txt-box .txt-box-inner p{max-width:454px;font-size:18px;line-height:28px}.top-company .txt-box .txt-box-inner .link-btn{text-align:center;display:block;margin-top:45px}.top-company .txt-box .txt-box-inner .link-btn a{width:275px;height:50px;line-height:46px;display:inline-block;border-radius:25px;background-color:#1b273d;color:#fff;text-align:center;border:solid 2px #1b273d;font-weight:bold}.top-company .txt-box .txt-box-inner .link-btn a:hover{background-color:#fff;color:#1b273d}.top-portfolio{margin-top:150px}.top-portfolio .portfolio-inner{overflow:hidden;margin-bottom:75px;position:relative}.top-portfolio .portfolio-inner h2{display:inline-block;vertical-align:bottom}.top-portfolio .portfolio-inner .txt{display:inline-block;vertical-align:bottom;margin-left:241px}.top-portfolio .portfolio-inner .txt h3{font-size:32px;line-height:42px;margin-bottom:23px;color:#333}.top-portfolio .portfolio-inner .txt p{font-size:18px;line-height:28px}.top-portfolio .portfolio-slide{width:calc(100% - 80px);margin:0 auto}.top-portfolio .portfolio-slide .slick-slide{padding:0 15px}.top-portfolio .portfolio-slide .slick-slide img{margin:0 auto}.top-portfolio .link-btn{text-align:center;display:block;margin-top:60px}.top-portfolio .link-btn a{width:275px;height:50px;line-height:46px;display:inline-block;border-radius:25px;background-color:#1b273d;color:#fff;text-align:center;border:solid 2px #1b273d;font-weight:bold}.top-portfolio .link-btn a:hover{background-color:#fff;color:#1b273d}@media(max-width:768px){.topslide-wrap{height:auto}.topslide-wrap .slider .slick-slide{height:auto}.topslide-wrap .slider .slick-slide img{position:static;transform:translate(0,0)}.topslide-wrap .txt{width:166.66666667px;left:26.66666px;top:42%}.top-company{margin-top:43.33333px;height:auto;position:relative;width:100%}.top-company .photo-box{padding-bottom:50%;background-size:cover}.top-company .photo-box img{display:none}.top-company .txt-box{position:static;transform:translate(0,0);display:table;height:auto}.top-company .txt-box .txt-box-inner{width:100%;padding:20px;position:static;transform:translate(0,0);display:table-cell;height:auto;vertical-align:middle}.top-company .txt-box .txt-box-inner h2{font-size:16px;line-height:24px;margin-bottom:6px}.top-company .txt-box .txt-box-inner p{max-width:100%;font-size:12px;line-height:16px}.top-company .txt-box .txt-box-inner .link-btn{margin-top:15px}.top-company .txt-box .txt-box-inner .link-btn a{width:100%;height:40px;line-height:36px}.top-portfolio{margin-top:50px}.top-portfolio .portfolio-inner{margin:0 0 10px 15px;letter-spacing:-0.4em}.top-portfolio .portfolio-inner h2{width:172px;max-width:50%;vertical-align:top;letter-spacing:normal}.top-portfolio .portfolio-inner h2 img{width:100%;height:auto}.top-portfolio .portfolio-inner .txt{margin-left:0;padding-left:10px;font-size:11px;max-width:50%;vertical-align:top;letter-spacing:normal}.top-portfolio .portfolio-inner .txt h3{font-size:16px;line-height:24px;margin-bottom:5px}.top-portfolio .portfolio-inner .txt p{font-size:12px;line-height:20px}.top-portfolio .portfolio-slide{margin-right:0;margin-left:0;width:auto}.top-portfolio .portfolio-slide .slick-slide{padding:5px}.top-portfolio .link-btn{margin-top:30px}.top-portfolio .link-btn a{width:250px;height:40px;line-height:36px}}@media(max-width:414px){.top-company .photo-box{width:100%}.top-company .txt-box{width:100%}.top-portfolio .portfolio-inner h2{width:172px;max-width:40%}.top-portfolio .portfolio-inner .txt{margin-left:0;padding-left:10px;font-size:11px}.top-portfolio .portfolio-inner .txt h3{font-size:14px;line-height:20px;margin-bottom:3px}.top-portfolio .portfolio-inner .txt p{font-size:10px;line-height:14px}}