@charset "utf-8";*{padding:0;margin:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:'Roboto',游ゴシック,"Yu Gothic",游ゴシック体,YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-weight:500;font-size:16px;font-size:1.6rem;line-height:1.6;-webkit-text-size-adjust:100%;color:#444;letter-spacing:.025rem;position:relative}html,body{height:100%}table{border-collapse:collapse}img{border:none;vertical-align:top}ul,ol{list-style-type:none}a{color:#0c9038;text-decoration:none;-webkit-transition:all .2s linear;transition:all .2s linear;-webkit-tap-highlight-color:transparent}a:visited{color:#0c9038;text-decoration:none}a.hover{color:#58a809}.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block}::selection{background:#0c9038;color:#fff}::-moz-selection{background:#0c9038;color:#fff}.wf{font-family:'Rajdhani',sans-serif;font-weight:400}.wf-serif{font-family:'Crimson Text',serif;font-weight:400}strong,b{font-weight:700}img{max-width:100%;height:auto}header{width:100%;height:120px;-webkit-transition:all .3s ease;transition:all .3s ease;position:fixed;top:0;left:0;z-index:101}header .h1-txt{position:absolute;top:10px;font-size:1.2rem;color:#fff;font-weight:400;padding-right:220px;padding-left:40px}header .logo,header .logo-black{max-width:200px;position:absolute;left:40px;top:50px;z-index:103;transition:all .2s linear}header .logo img,header .logo-black img{width:100%;height:auto}header .logo-black{opacity:0}.body-3381 header .logo-black,.body-3509 header .logo-black,.body-3514 header .logo-black{opacity:1}.body-3381 header .logo,.body-3509 header .logo,.body-3514 header .logo{opacity:0}header .anniversary{position:absolute;top:50px;left:250px;transition:all .2s linear}header.fixed .anniversary{top:14px}header .lang{position:absolute;right:40px;top:10px}header .lang ul{display:flex}header .lang ul:before{content:"";width:16px;height:16px;background:url(//www.maruweb.co.jp/wp-content/themes/maruweb/css/../img/ico-world.svg) center no-repeat;display:inline-block;position:absolute;left:-22px;top:50%;margin-top:-8px}header .lang ul li{color:#fff}header .lang ul li:after{content:"/";margin:0 5px;font-size:1.2rem}header .lang ul li:last-child:after{content:""}header .lang ul li a{color:#fff}header .lang ul li a.hover{color:#0c9038}.body-3514 header .lang ul li,.body-3514 header .lang ul li a,.body-3514 .menu-btn #panel-btn p.menu-txt{color:#333}.body-3514 #panel-btn-icon,.body-3514 #panel-btn-icon:before,.body-3514 #panel-btn-icon:after{background:#333}.body-3514 header .lang ul:before{background:url(//www.maruweb.co.jp/wp-content/themes/maruweb/css/../img/ico-world_black.svg) center no-repeat}.open header .lang,header.fixed .lang{display:none}header.fixed .logo,header.fixed .h1-txt,.open header .h1-txt{display:none}header.fixed{height:60px}header.fixed .logo-black{opacity:1;top:14px}.open header.fixed .logo-black{display:none}.sticked.menu-btn{top:20px}.sticked.menu-btn #panel-btn p.menu-txt{color:#333}.sticked #panel-btn-icon,.sticked #panel-btn-icon:before,.sticked #panel-btn-icon:after{background:#333}.menu-btn{position:fixed;top:50px;right:40px;cursor:pointer;z-index:102;display:block;width:80px;height:40px;-webkit-transition:all .2s ease;transition:all .2s ease;-webkit-user-select:none;user-select:none}.menu-btn #panel-btn p.menu-txt{position:absolute;top:12px;right:40px;font-size:1rem;color:#fff;letter-spacing:.2rem;-webkit-user-select:none;user-select:none}.open .menu-btn #panel-btn p.menu-txt{color:#fff}.menu-btn{display:block}.menu-btn span{color:#fff}#panel-btn{display:block;position:relative;width:90px;height:40px}#panel-btn{transition:all .3s ease;-webkit-transition:all .3s ease}#panel-btn.hover #panel-btn-icon:before{width:30px}#panel-btn.hover #panel-btn-icon{width:26px}.open #panel-btn.hover #panel-btn-icon,.open #panel-btn.hover #panel-btn-icon:before,.open #panel-btn.hover #panel-btn-icon:after{width:22px}#panel-btn-icon{display:block;position:absolute;top:20px;left:62px;width:22px;height:1px;margin:-1px 0 0 -7px;background:#fff;transition:.2s;z-index:11}#panel-btn-icon:before{display:block;content:"";position:absolute;top:50%;left:0;width:16px;height:1px;background:#fff;transition:.3s}#panel-btn-icon:after{display:block;content:"";position:absolute;top:50%;left:0;width:30px;height:1px;background:#fff;transition:.3s}.open #panel-btn-icon,.open #panel-btn-icon:before,.open #panel-btn-icon:after{background:#fff}#panel-btn-icon:before{margin-top:-8px}#panel-btn-icon:after{margin-top:6px}#panel-btn .close{background:0 0}#panel-btn .close:before,#panel-btn .close:after{margin-top:0}#panel-btn .close:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);width:22px}#panel-btn .close:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg);width:22px}.mobile-menu{transform:translate3d(0,-100%,0);opacity:0;position:fixed;height:100%;width:100%;z-index:100;transition:.25s ease all;background:-webkit-linear-gradient(120deg,rgba(88,168,9,.9),rgba(12,144,93,.9));background:linear-gradient(120deg,rgba(88,168,9,.9),rgba(12,144,93,.9))}.mobile-menu .menu-inner{overflow:auto;width:74%;height:100%;display:flex;margin-left:auto;position:relative}.menu-list{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.menu-list .colmn{float:left}.menu-list .colmn.col-l{margin-right:5rem}.menu-list li{font-size:4rem;margin-top:20px;margin-bottom:20px;letter-spacing:.2rem;color:#fff}.menu-list li.fs-s{font-size:3rem}.menu-list li a{color:#fff;position:relative;display:inline-block}.menu-list li a span{position:absolute;left:0;top:0}.mobile-menu .menu-inner ul.sub{margin-top:10px;margin-left:1rem}.mobile-menu .menu-inner ul.sub>li{letter-spacing:.025rem;font-size:1.6rem;margin-top:10px;margin-bottom:1rem}.mobile-menu .menu-inner .link:after{content:"";width:12px;height:12px;background:url(//www.maruweb.co.jp/wp-content/themes/maruweb/css/../img/ico-window-white.svg) center no-repeat;-webkit-background-size:contain;background-size:contain;display:inline-block;margin-left:.3rem}.mobile-menu .menu-inner ul.sub>li>a{padding-left:2rem}.mobile-menu .menu-inner ul.sub-sub{margin-left:2rem;margin-bottom:2rem}.mobile-menu .menu-inner ul.sub-sub>li{letter-spacing:.025rem;font-size:1.6rem;margin-top:.5px;margin-bottom:.5rem}.mobile-menu .lang{position:absolute;left:0;bottom:-30px}.mobile-menu .lang li{margin-top:0;margin-bottom:0;letter-spacing:.025rem;font-size:1.6rem}.mobile-menu .lang div{display:flex;flex-wrap:wrap;padding-left:20px}.mobile-menu .lang div span{position:relative;color:#fff}.mobile-menu .lang div span:before{content:"";width:16px;height:16px;background:url(//www.maruweb.co.jp/wp-content/themes/maruweb/css/../img/ico-world.svg) center no-repeat;display:inline-block;position:absolute;left:-20px;top:50%;margin-top:-8px}.mobile-menu .lang ul{margin-left:5px;display:flex}.mobile-menu .lang ul li:after{content:"/";margin:0 5px;font-size:1.2rem}.mobile-menu .lang ul li:last-child:after{content:""}.open header{height:60px}.open header.fixed .logo{display:block;top:14px;opacity:1}body.open{overflow:hidden}.open .mobile-menu{transform:translate3d(0,0,0);opacity:1}.main-txt-wrapper footer{position:absolute;bottom:20px;left:0;width:100%;text-align:center;color:#fff;font-size:1.4rem;letter-spacing:.1rem}.lower footer{text-align:center;font-size:1.4rem;letter-spacing:.1rem;padding:4rem 5%}footer.l-footer{background:#dadee0;margin:60px 0 0}.top-section-1 .main-txt-wrapper footer{text-align:right;padding-right:8%}.main-txt-wrapper footer .copy a{color:#fff}.main-txt-wrapper footer .copy a.hover{color:#0c9038}.lower footer .copy a{color:#333}.lower footer .copy a.hover{color:#0c9038}footer.l-footer .copy a{color:#333}footer.l-footer .copy a.hover{color:#888}footer .footer-inner{text-align:left;margin-top:20px}footer .footer-inner,footer .footer-inner a{color:#333}footer .footer-inner a.hover{color:#888}footer .footer-menu{display:flex;flex-wrap:wrap;margin:40px 0 20px;width:100%}footer .footer-solution{width:70%;padding:0 40px 0 0}footer .footer-menu .hdg-lv1{font-size:3rem}footer .footer-menu .hdg-lv2{font-size:1.6rem;border-bottom:1px solid #424242;padding-bottom:10px;margin-bottom:10px;display:block;position:relative}footer .footer-menu .hdg-lv2:before{content:"";width:2rem;height:1px;background:#0c9038;position:absolute;left:0;bottom:-1px}footer ul.solution-menu-list{display:flex;flex-wrap:wrap}footer ul.solution-menu-list>li{width:50%;margin-top:20px}footer ul.solution-menu-list>li:nth-child(odd){padding:0 40px 0 0}footer ul.solution-menu-list .no{margin-right:10px}footer ul.sub{padding-left:3rem}footer ul.sub-lv2 li{padding-left:1rem}footer .footer-page{width:30%;padding:0 0 0 40px}footer .footer-page ul.page-list li{font-size:3rem}.btn{position:relative;display:inline-block;padding:.5em 1em;border:1px solid #0c9038;text-align:center;text-decoration:none;transition:.3s;overflow:hidden;z-index:1;-webkit-user-select:none;user-select:none}.btn.link:after{content:"";width:12px;height:12px;background:url(//www.maruweb.co.jp/wp-content/themes/maruweb/css/../img/ico-window.svg) center no-repeat;-webkit-background-size:contain;background-size:contain;position:absolute;top:5px;right:5px}.btn.hover.link:after{content:"";width:12px;height:12px;background:url(//www.maruweb.co.jp/wp-content/themes/maruweb/css/../img/ico-window-white.svg) center no-repeat;-webkit-background-size:contain;background-size:contain;position:absolute;top:5px;right:5px}a.btn{color:#0c9038}.btn.hover{color:#fff}.btn:before{position:absolute;top:0;left:0;z-index:-1;content:'';width:100%;height:100%;background:#0c9038;transform-origin:right top;transform:scale(0,1);transition:transform .2s}.btn.hover:before{transform-origin:left top;transform:scale(1,1)}@media only screen and (max-width:1400px){.mobile-menu .menu-inner{width:100%;flex-direction:column;justify-content:center;align-items:center}.menu-list{position:relative;top:auto;left:auto;transform:none}.menu-list{padding:20px}.menu-list li{font-size:2.5rem}.menu-list li.fs-s{font-size:2rem}.mobile-menu .lang{left:20px}}@media only screen and (max-width:900px){.mobile-menu .menu-inner{justify-content:start;padding-top:70px}.menu-list .colmn{float:none}.menu-list .colmn.col-l{margin-right:0}.mobile-menu .menu-inner ul.sub>li{font-size:1.4rem}.mobile-menu .menu-inner ul.sub-sub{margin-left:2rem}.mobile-menu .menu-inner ul.sub-sub>li{font-size:1.4rem}.mobile-menu .lang{position:static}.menu-list li{font-size:2.5rem;margin-top:0;margin-bottom:.5rem}}@media only screen and (max-width:768px){body{font-size:15px}header .h1-txt{font-size:1rem;padding-right:15px;padding-left:15px;line-height:1.1}.body-3381 header .h1-txt,.body-3509 header .h1-txt,.body-3514 header .h1-txt{color:#333}header .logo,header .logo-black{max-width:120px;left:15px}header.fixed .logo{top:15px}header .anniversary{top:42px;left:140px;width:40px}header .lang{display:none}.menu-btn{top:40px;right:25px}.mobile-menu .lang ul{margin-left:0;width:100%;flex-wrap:wrap}.mobile-menu .lang ul li{width:100%}.mobile-menu .lang ul li:after{content:""}.lower footer{font-size:1.2rem;padding:2rem 5%}footer .footer-logo{width:120px}footer .footer-menu{margin:20px 0 20px}footer .footer-solution{width:100%;padding:0;border-right:none}footer .footer-menu .hdg-lv2{font-size:1.4rem}footer ul.solution-menu-list>li{width:100%}footer ul.solution-menu-list>li:nth-child(odd){padding:0}footer .footer-page{width:100%;padding:0}footer .footer-page ul.page-list{display:flex;flex-wrap:wrap;margin:10px 0 0}footer .footer-menu .hdg-lv1{font-size:2rem}footer .footer-page ul.page-list li{font-size:1.4rem;margin:0 10px 0 0}}@media only screen and (max-width:640px){.main-txt-wrapper footer{bottom:10px;font-size:1.2rem;padding-right:8%}}