*,:after,:before{box-sizing:border-box}html{width:100%;margin:0;padding:0;overflow-x:hidden}body{color:#fff;background:#000;width:100%;margin:0;padding:0;font-family:Roboto Mono,monospace;overflow-x:hidden}#wrapper{width:100%;margin:0;padding:0}a{color:#fff;outline:none;text-decoration:none}a:hover,a:focus{color:#fff}ul{list-style:none}.hidden{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.display-none{display:none}main:before{content:"";z-index:-1;pointer-events:none;background:#5473f34d;width:100%;height:100%;position:fixed;top:0;left:0}.content--related{min-height:50vh;padding:0 1.5em;display:flex;position:relative;height:auto!important;& .section-wrapper{background:#353232fa;flex:1;height:100%;padding:0 4em}}.content__text{text-align:center;letter-spacing:.03em;width:100%;font-size:2.5em;font-weight:400}.content__text:after{content:"";border-bottom:1px solid #cc78aa;width:15%;min-width:5em;margin:0% auto;display:block}.text-style{text-align:justify;letter-spacing:1px;line-height:1.75}@media screen and (width<=430px){.content--related{padding:0;& .section-wrapper{padding:0 1em}}}.content--header{z-index:11;justify-content:flex-start;align-items:flex-start;width:100%;padding:1.5em;display:flex;position:relative}.content__top{flex-flow:wrap;align-items:center;width:auto;display:flex}.main-title-area{white-space:nowrap;flex-flow:wrap;align-items:center;margin:0;display:flex}.main-title{background:#ffdef7cc;border-radius:25px;align-items:center;margin:0;padding:2px 1em;display:flex}.main-title img{object-fit:contain;width:auto;max-width:220px;height:auto;max-height:60px;display:block}.main-subtitle{opacity:.8;margin:0 1em;padding:5px;font-size:calc(10px + .9vw)}.nav-li{text-align:center;border-right:1px solid #fff}.nav-li:last-child{border-right:none}.nav-link{color:#fff;padding:9px 20px;font-size:2rem;font-weight:500}.hamb-button{display:none}.nav-ul{height:50px}.nav-li{height:100%}.nav-link{height:100%;display:block}.hamb-button{cursor:pointer;z-index:2;background:#ffdef7cc;border-radius:25px;flex-flow:column;justify-content:space-around;width:50px;min-width:50px;height:50px;margin:5px;padding:10px;display:flex;position:fixed;top:15px;right:20px}.hamb-button:after{content:"";text-align:center;background:#353232;border-radius:3px;width:100%;font-size:11px;position:absolute;bottom:-1em;left:0}.border{content:"";background:#7b9bff;border-radius:3px;width:100%;height:4px;transition:all .7s}.close-button{background:#353232}.close-button:after{content:"CLOSE";background:#353232}.close-button>.border{position:absolute;top:16px;right:0}.close-button>.border:first-of-type{transform:rotate(45deg)}.close-button>.border:nth-of-type(2){opacity:0}.close-button>.border:nth-of-type(3){transform:rotate(-45deg)}.nav{width:43%;margin-bottom:12em}.hamb-nav{background:#353232;border:2px solid #353232;width:15em;padding-bottom:13em;transition:all .7s ease-in-out;position:fixed;top:0;right:0}.hamb-nav>.nav-ul{flex-flow:column;margin-top:5.5em;padding-left:0}@media screen and (width<=640px){.main-title{padding:10px 1em}}@media screen and (width<=430px){.main-title-area{white-space:nowrap;flex-flow:wrap}.main-title img{max-width:150px;max-height:45px}}.main-visual{flex-flow:column;justify-content:center;display:flex}.main-visual__vision{width:100%;margin-top:.3em;margin-bottom:1.5em;padding-left:.4em;font-size:calc(3em + 6vw);font-weight:900}.vision-ja{font-size:calc(3em + 4vw);font-weight:900;& p{margin:0}}.company-description{margin:0;padding:0 .8em 2em;font-size:24px;line-height:1.5em}@media screen and (width<=820px){.vision-ja{font-size:calc(2em + 4vw)}}@media screen and (width<=430px){.main-visual__vision{font-size:calc(3em + 3vw)}.company-description{font-size:16px}.text-style{font-size:calc(12px + .2vw)}}@media screen and (width<=360px){.main-visual__vision{font-size:calc(3em + 2vw)}}.products-wrapper{margin:0 0 4em}.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2em;width:min(1180px,95%);margin:0 auto;display:grid}.product-card{background:#181818eb;border:1px solid #ffffff2e;flex-direction:column;min-height:100%;display:flex;box-shadow:0 12px 36px #00000038}.product-card__visual{border-bottom:1px solid #ffffff1f;display:block;overflow:hidden}.product-card__visual:hover .product-img{opacity:.92;transform:scale(1.03)}.product-card__body{flex-direction:column;flex:1;gap:1em;padding:1.8em 2em 2em;display:flex}.product-card__title{margin:0;font-size:1.6em;font-weight:400}.product-card__text{letter-spacing:.04em;color:#ffffffd9;margin:0;line-height:1.85}.product-card__actions{flex-wrap:wrap;gap:12px;margin-top:auto;display:flex}.product-card__button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #cc78aa;border-radius:999px;justify-content:center;align-items:center;padding:0 20px;font-size:1rem;text-decoration:none;transition:background .3s,color .3s,transform .3s;display:inline-flex}.product-card__button:hover{color:#141414;background:#cc78aa;transform:translateY(-1px)}.product-card__button:disabled,.product-card__button--disabled{color:#ffffff8c;cursor:not-allowed;opacity:.72;border-color:#ffffff52}.product-card__button:disabled:hover,.product-card__button--disabled:hover{color:#ffffff8c;background:0 0;transform:none}.product-img{object-fit:cover;width:100%;height:auto;transition:transform .35s,opacity .35s;display:block}.product-link{transition:opacity .3s}.product-link:hover{opacity:.8}.product-img-comming-soon{opacity:.5;width:100%;height:auto;display:block}@media screen and (width<=1080px){.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width<=815px){.products-grid{grid-template-columns:1fr}}@media screen and (width<=1024px){.products-grid{width:100%}}@media screen and (width<=430px){.product-card__body{padding:1.4em 1.2em 1.5em}.product-card__title{font-size:1.35em}.product-card__button{width:100%}}.company-content{flex-direction:row;justify-content:center;gap:4em;max-width:90%;margin:2em auto;display:flex}.company-info{flex:1;max-width:400px}.company-info h4{color:#cc78aa;margin:0 0 1em;font-size:1.5em}.company-info dl{margin:0;padding:0}.company-info dt{color:#cc78aa;margin-top:1em;margin-bottom:.5em;font-weight:700}.company-info dt:first-child{margin-top:0}.company-info dd{margin:0 0 0 1.5em;padding:0;line-height:1.75}.company-history{flex:1;max-width:400px}.company-history h4{color:#cc78aa;margin:0 0 1em;font-size:1.5em}.company-history ul{margin:0;padding:0;list-style:none}.company-history li{margin-bottom:1em;line-height:1.75;display:flex}.company-history li:last-child{margin-bottom:0}.company-history .year{color:#cc78aa;min-width:5em;margin-right:1em;font-weight:700}.company-history .description{flex:1}.company-map{pointer-events:none;margin-bottom:4em}@media screen and (width<=960px){.company-content{flex-direction:column;gap:2em}}@media screen and (width<=430px){.company-content{max-width:100%;margin:1em 0}.company-info{max-width:100%}.company-info h4{font-size:1.3em}.company-info dt{margin-top:.8em}.company-info dd{margin-left:1em}.company-history{max-width:100%}.company-history h4{font-size:1.3em}.company-history .year{min-width:4em;margin-right:.8em}.company-map{margin-top:2em}}.contact-form{width:37.5%;min-width:54.5%;margin:0 auto 4em}.contact-label{color:#fff;text-align:center;margin-bottom:1em;font-size:calc(1rem + .3vw);display:block;position:relative}.required{color:#fff;text-align:center;background:#cc78aa;border-radius:3px;width:4.5em;padding:.35em .4em;font-size:.8rem;display:block;position:absolute;bottom:auto;left:auto}.contact-input{border:1px solid #8c9bb0;border-radius:5px;width:100%;margin-bottom:2.5em;padding:9px 15px}.contact-txt{resize:none;min-height:240px;margin-bottom:3.5em;overflow:hidden}.btn-div{text-align:center}.btn{color:#fff;text-align:center;letter-spacing:.1em;background:#cc78aa;border:2px solid #0000;border-radius:5px;max-width:100%;padding:.6em 4em;font-size:calc(1rem + .4vw);font-weight:700;transition:all .3s;display:inline-block}.btn:focus,.btn:hover{color:#cc809f;background:#fff;border-color:currentColor}@media screen and (width<=960px){.contact-form{width:100%;padding:0 1em}.contact-txt{height:187px}}@media screen and (width<=430px){.contact-form{padding:0}.required{color:#cc809f;background:0 0;padding:3px}}.footer{text-align:center;margin-top:-2.5em}.copyright{word-break:break-all;padding-bottom:2em;font-size:calc(10px + .1vw)}@media screen and (width<=960px){.copyright{padding-bottom:.5em}}@media screen and (width<=430px){.footer{margin-top:0}}.pagetop{display:none;position:fixed;bottom:15px;right:25px}.pagetop>a{text-align:center;background:#ffdef7cc;border-radius:50%;width:50px;height:50px;font-size:0;line-height:50px;display:block}.pagetop>a>i{color:#7b9bff;font-size:20px;line-height:50px}#webgl{z-index:-1;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}@media screen and (width<=640px){.content--header{padding:1em .5em 0}.content__top{text-align:left;display:flex}.main-title img{max-width:180px;max-height:50px}.main-subtitle{margin:0}}
