.hero-area{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:calc(100svh - 80px);background-image:url(../img/page-home/bg_heroimage.webp);background-position:center bottom;background-repeat:no-repeat;background-size:cover}.no-webp .hero-area{background-image:url(../img/page-home/bg_heroimage.jpg)}.hero-area canvas{mix-blend-mode:lighten}.hero-area-text{animation:fadein 5s ease-out;animation-fill-mode:forwards;position:absolute;top:50%;left:2.4vw;width:100%;transform:translateY(-50%);line-height:1.7;letter-spacing:.04em;color:#fff;text-shadow:0 0 8px #000}.hero-area-text h1{font-size:6.4vw;font-weight:700}@keyframes fadein{0%{opacity:0}100%{opacity:1}}@media(min-width: 992px){.hero-area-text{left:3.2vw}.hero-area-text h1{font-size:4vw}}.scrolldown{position:absolute;left:50%;bottom:16px;height:50px}.scrolldown span{position:absolute;left:-16px;top:-16px;color:var(--bs-light);font-size:.875rem}.scrolldown::after{content:"";position:absolute;top:0;width:1px;height:32px;background:var(--bs-light);animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:30px;opacity:1}100%{height:0;top:50px;opacity:0}}#mainArea{overflow:hidden}.section-works{background-color:var(--bs-dark);color:var(--bs-light)}.section-works .heading-en::before{color:var(--bs-secondary)}.section-products{background-color:var(--bs-light)}.link-product{transition:.8s all}.link-product:hover,.link-product:active{text-decoration:none;opacity:.8}.link-product-img{text-align:center;padding:.5rem 1.5rem;border:solid 1px var(--bs-border-color);background-color:#fff;border-radius:8px;transition:.8s all}.link-product-img img{max-width:100%}.link-product:hover .link-product-img{transform:scale(1.05)}.link-product-title{color:var(--bs-primary);font-size:1rem;font-weight:bold}.section-company-area .container{position:relative}@media(min-width: 992px){.section-company-area{background-image:linear-gradient(to right, var(--bs-primary) 0%, var(--bs-primary) 50%, #fff 50%, #fff 100%)}.section-company-img{padding-top:3rem;text-align:right}.section-company-img img{width:70%}.section-company-text{position:absolute;bottom:-1rem;padding:2rem;background-color:#fff;width:50%;box-shadow:var(--bs-box-shadow-sm)}}.section-recruit{background-color:var(--bs-light)}.btn-recruit{position:relative;display:block;padding:1rem;z-index:1;background-color:var(--bs-secondary);border:1px solid var(--bs-secondary);color:#fff;transition:.8s all;line-height:1.2}.btn-recruit:hover,.btn-recruit:active{color:var(--bs-secondary);text-decoration:none}.btn-recruit span::before{content:attr(text-en);display:block;font-size:2.5rem}.btn-recruit::before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;background-color:var(--bs-light);width:100%;height:100%;transition:transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;transform:scale(0, 1);transform-origin:right top}.btn-recruit:hover:before,.btn-recruit:active:before{transform-origin:left top;transform:scale(1, 1)}.section-news{background-image:url(../img/page-home/bg_news.webp);background-position:50% 50%;background-repeat:no-repeat;background-size:cover}.no-webp .section-news{background-image:url(../img/page-home/bg_news.jpg)}.box-news{background-color:rgba(255,255,255,.9);padding:1.5rem 2rem}.box-news h2{margin-bottom:1rem}.box-news .heading-en{font-size:1rem}.box-news .heading-en::before{font-size:2.5rem}