@charset "utf-8";body,html{height:100vh;height:calc(var(--vh,1vh) * 100)}body{margin:0;padding:0;color:#333;font-family:'Noto Sans JP',sans-serif;font-weight:400;font-size:16px;line-height:2;-webkit-text-size-adjust:none;background-color:#fafafa;color:#333;text-align:center}dd,dl,dt,figure,form,h1,h2,h3,h4,h5,li,ol,p,ul{margin:0;padding:0;font-family:'Noto Sans JP',sans-serif;font-size:100%;font-weight:400}ul{list-style-type:none}img{border:none;max-width:100%;height:auto;vertical-align:middle}table{border-collapse:collapse;font-size:100%;border-spacing:0;text-align:left}iframe{width:100%}a{color:#38b48b;transition:.5s}a:hover{color:#38b48b;text-decoration:none}.shutter{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1e1e1e;z-index:9999;animation:byeShutter 2.8s forwards}.shutter::after,.shutter::before{content:"";position:absolute;top:0;left:0;bottom:0;margin:auto}.shutter::before{background-color:#38b48b;width:0;height:1px;animation:shutterOpen1 2.8s forwards}.shutter::after{width:120%;height:0;margin-left:-10%;background-color:#f3f3f3;animation:shutterOpen2 2.8s forwards}@keyframes byeShutter{70%{opacity:1}100%{opacity:0;display:none;z-index:-1}}@keyframes shutterOpen1{0%{width:0;height:1px}50%{width:100%;height:1px}90%{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100)}100%{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100)}}@keyframes shutterOpen2{60%{width:120%;height:0;transform:rotate(5deg)}90%{width:120%;height:100vh;height:calc(var(--vh,1vh) * 100);transform:rotate(-5deg)}100%{width:120%;height:100vh;height:calc(var(--vh,1vh) * 100);transform:rotate(-5deg)}}@keyframes contentScale{70%{transform:perspective(800px) scale(.9) rotateX(15deg)}100%{transform:perspective(800px) scale(1) rotateX(0)}}.shutter div{font-weight:lighter;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);color:#fff;width:100%}.shutter .shutter-main-title{font-size:300%;padding-bottom:70px;font-family:Roboto,sans-serif}.shutter .shutter-sub-title-1{font-size:150%;padding-top:50px;font-family:Roboto,sans-serif}.shutter .shutter-sub-title-1 span{display:inline-block;vertical-align:middle}.shutter .shutter-sub-title-2{font-size:70%;padding-top:100px;font-family:'Noto Sans JP',sans-serif}.header-bg{height:100vh;height:calc(var(--vh,1vh) * 100);overflow:hidden;position:relative}header{width:100%;height:100vh;height:calc(var(--vh,1vh) * 100);position:absolute;top:0;left:0;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 50%,rgba(0,0,0,.3) 50%);background-size:1px 1px;z-index:2}header h1{color:#fff;font-family:Roboto,sans-serif;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}header h1 img,header h1 span{margin:0 auto}header h1 img{width:135px;display:block}header h1 span{font-size:2.6em;font-weight:lighter}#menu{position:absolute;bottom:10%;left:0;width:100%;text-align:center}#menu li{display:inline-block;margin:0 1%}#menu li a{text-decoration:none;display:block;text-align:center;width:140px;color:#fff;border-bottom:2px solid transparent;padding-bottom:15px}.scrolldown{position:absolute;bottom:1%;right:50%;animation:arrowmove 1s ease-in-out infinite;pointer-events:none}@keyframes arrowmove{0%{bottom:1%}50%{bottom:3%}100%{bottom:1%}}.scrolldown:before{content:"";position:absolute;bottom:0;right:-6px;width:1px;height:20px;background:#eee;transform:skewX(-31deg)}.scrolldown:after{content:"";position:absolute;bottom:0;right:0;width:1px;height:50px;background:#eee;pointer-events:none}.scrolldown span{position:absolute;left:-20px;bottom:10px;color:#eee;font-size:.7rem;letter-spacing:.05em;-ms-writing-mode:tb-rl;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl}#particles-js{width:100%;height:100%;position:fixed;z-index:-10;top:0;left:0}#particles-js canvas{display:block;vertical-align:bottom;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;-webkit-transition:opacity .8s ease,-webkit-transform 1.4s ease;transition:opacity .8s ease,transform 1.4s ease}.header-bg video{z-index:1;position:absolute;overflow:hidden;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;width:auto;background-position:center center}.chevron-down{margin:0 auto;width:10px;height:10px;border-left:1px solid #38b48b;border-bottom:1px solid #38b48b;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:sdb 2s infinite;animation:sdb 2s infinite;opacity:0;display:block;box-sizing:border-box;position:relative;text-align:center}@-webkit-keyframes sdb{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes sdb{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.chevron-down:nth-child(2){-webkit-animation-delay:0s;animation-delay:0s;margin-top:-5px}.chevron-down:nth-child(3){top:-7px;-webkit-animation-delay:.15s;animation-delay:.15s}.box-fadein{padding:10px 5px;margin-bottom:10px}.box-fadein img{opacity:0;-webkit-transition:opacity 2s;transition:opacity 2s}.box-fadein.lazyloaded img.lazyloaded{opacity:1}h2{position:relative;overflow:hidden;border-radius:15px;border-top-right-radius:90px;background:0 0}h2>span{position:relative}h2::before{position:absolute;top:0;left:0;z-index:-1;content:'';width:120%;height:100%;background:#38b48b;transform-origin:right top;transform:skewX(-30deg) scale(0,1);transition:transform .8s;border:none}h2.fade::before{transform-origin:left top;transform:skewX(-30deg) scale(1,1)}h3{position:relative;border:none;background-color:transparent;color:#38b48b}h3::after,h3::before{-webkit-backface-visibility:hidden;backface-visibility:hidden;content:'';display:block;position:absolute;width:20%;height:20%;border:1px solid;transition:all 1.2s ease;border-radius:1px}h3::before{top:0;left:0;border-bottom-color:transparent;border-right-color:transparent;border-top-color:#38b48b;border-left-color:#38b48b}h3::after{bottom:0;right:0;border-top-color:transparent;border-left-color:transparent;border-bottom-color:#38b48b;border-right-color:#38b48b}h3.active::after,h3.active::before{border-bottom-color:#38b48b;border-right-color:#38b48b;border-top-color:#38b48b;border-left-color:#38b48b;width:100%;height:100%}#container{max-width:840px;margin:0 auto}#contents{overflow:hidden;padding:50px 3%}#contents section{padding:15px 10px;background:#fff;border-radius:10px;margin-bottom:150px;box-shadow:0 0 8px rgb(56 180 139 / 20%)}#contents h2{clear:both;text-align:center;letter-spacing:.1em;color:#fff;z-index:2}#contents h3{margin-bottom:15px;clear:both;padding:0 20px;font-size:18px;text-align:center;letter-spacing:.1em;color:#38b48b}#contents p{padding:0 10px 10px}#contents p+h3{margin-top:5px}#contents p+p{margin-top:-5px}footer{clear:both;text-align:center;background:#38b48b;color:#fff;font-size:85%}#news dl{padding:10px 15px;margin-bottom:15px;max-height:150px;overflow-y:scroll;background:#fff}#news dt{float:left;width:8em;letter-spacing:.1em;text-align:left}#news dd{padding-left:8em;text-align:left}#service p{text-align:left}#service h3+p{text-align:center}#works h4{display:inline-block}#works h5{font-weight:500}#works .tab-wrap{display:flex;flex-wrap:wrap;margin:20px 0}#works .tab-wrap:after{content:'';width:100%;height:3px;background:#38b48b;display:block;order:-1}#works .tab-label{color:#fff;background:#d3d3d3;font-weight:700;white-space:nowrap;text-align:center;padding:8px .5em;order:-1;position:relative;z-index:1;cursor:pointer;border-radius:5px 5px 0 0;flex:1;font-size:1.1em}#works .tab-label:not(:last-of-type){margin-right:5px}#works .tab-content{width:100%;height:0;overflow:hidden;opacity:0}#works .tab-switch:checked+.tab-label{background:#38b48b}#works .tab-switch:checked+.tab-label+.tab-content{height:auto;overflow:auto;padding:15px;opacity:1;transition:.5s opacity;box-shadow:0 0 3px rgba(0,0,0,.3)}#works .tab-switch{display:none}#works .tab-switch:checked+.tab-label:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#38b48b;border-width:14px;margin-left:-14px}#works .tab-switch:checked+.tab-label{background:#38b48b;position:relative}#works .tab-label i{font-size:1.1em}#works .portfolio img{width:80%;margin:0 auto;margin-bottom:5px;border-radius:30px}#works .portfolio p{padding:0 10px 0}#company table{table-layout:fixed;width:100%;margin:0 auto 20px}#company table,#company table td,#company table th{word-break:break-all;border:1px solid #999;padding:10px}#company table th{text-align:center;width:30%}#company .company-philosophy-1{padding-left:0;padding-right:0;white-space:nowrap;font-family:Roboto,sans-serif;font-weight:500}#company .company-philosophy-2{padding-left:0;padding-right:0;white-space:nowrap;font-family:'Noto Sans JP',sans-serif}#contact iframe{width:110%;margin-left:-5%}#pagetop{width:50px;height:50px;position:fixed;right:3%;bottom:10%;background:rgba(56,180,139,.5);border-radius:50%;z-index:9999}#pagetop a{position:relative;display:block;width:50px;height:50px;text-decoration:none;text-align:center}#pagetop a::before{font-family:"Font Awesome 5 Free";content:'\f106';font-weight:900;font-size:25px;color:#fff;position:absolute;width:25px;height:25px;right:0;left:0;margin:auto;z-index:9999}button.darkmode-toggle{z-index:9999}@media screen and (max-width:800px){header #logo img{width:30%;left:35%}}@media screen and (max-width:480px){header h1 img{width:90px}header h1 span{font-size:1.8em}#container{font-size:12px;font-size:2.93vw}#contents h2{font-size:16px}#contents h3{font-size:14px}}