.top{overflow:hidden}.top .p-top{position:relative;overflow:hidden}.top .loading-wrapper{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}.top .loading-el{width:100%;height:100%;z-index:99;background:var(--themecolor)}.top .main-visual{background:-webkit-image-set(url(../../../img/top/kv.webp) 1x,url(../../../img/top/kv@2x.webp) 2x) no-repeat center;background:image-set(url(../../../img/top/kv.webp) 1x,url(../../../img/top/kv@2x.webp) 2x) no-repeat center;background-size:cover;width:100%;height:clamp(440px,66.6666666667vw,800px);position:relative;z-index:0;padding:0 15px}.top .main-visual::before{content:"";background:rgba(0,181,237,.6);width:62.5%;aspect-ratio:2/3;position:absolute;left:0;bottom:0;-webkit-clip-path:polygon(0 0,0 100%,100% 100%);clip-path:polygon(0 0,0 100%,100% 100%)}.top .main-visualInner{max-width:1740px;height:100%;margin:0 auto;overflow:hidden;position:relative}.top .main_ttl_wrap{position:absolute;top:31.25%;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%}.top .main-visual-content{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:100%}.top .main-visual-content__txt.--en{font-family:Lato,sans-serif;font-weight:900;font-size:clamp(2.75rem,6vw,6rem);line-height:1}.top .main-visual-content__txt.--jp{line-height:1;font-weight:700;font-size:clamp(1.25rem,2.1875vw,2.1875rem)}.top .main-visual-content__tag{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:10px;margin-top:40px}.top .main-visual-content__tag p{font-size:clamp(1.125rem,3.1875vw,3.1875rem);display:inline-block;background:#282828;padding:0 20px;color:#fff;font-weight:700;line-height:1.7}.top .main-visual__sub-ttl{padding-top:clamp(40px,5vw,80px);color:#fff;padding-right:clamp(40px,5.6818181818vw,100px);font-size:clamp(1.5rem,3.1875vw,3.1875rem);font-weight:700;line-height:1.4;text-align:right}.top .p-company{width:100%;position:relative;overflow:hidden;position:relative}.top .p-company-line{width:calc(53.90625% + 40px);height:100%;position:absolute;left:0;top:0;-webkit-clip-path:polygon(calc(100% - 379px) 0,100% 100%,0 100%,0 0);clip-path:polygon(calc(100% - 379px) 0,100% 100%,0 100%,0 0);z-index:2}.top .p-company-line::after,.top .p-company-line::before{content:"";width:100%;height:10px;position:absolute;left:0;background:url(../../../img/top/company_line_wh.svg) repeat-x;background-size:contain;z-index:2}.top .p-company-line::before{top:20px}.top .p-company-line::after{bottom:20px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.top .p-companyInner{padding:0 15px;min-height:600px;position:relative}.top .p-companyInner::after{content:"";background:#f0f8fa;width:53.90625%;height:100%;position:absolute;left:0;bottom:0;z-index:1;-webkit-clip-path:polygon(calc(100% - 379px) 0,100% 100%,0 100%,0 0);clip-path:polygon(calc(100% - 379px) 0,100% 100%,0 100%,0 0)}.top .p-companyInner::before{content:"";background:-webkit-gradient(linear,left top,right top,from(#00b5ed),color-stop(50%,#00b5ed),to(#00a6e8));background:-webkit-linear-gradient(left,#00b5ed 0,#00b5ed 50%,#00a6e8 100%);background:linear-gradient(90deg,#00b5ed 0,#00b5ed 50%,#00a6e8 100%);width:calc(53.90625% + 40px);height:100%;position:absolute;left:0;bottom:0;z-index:1;-webkit-clip-path:polygon(calc(100% - 379px) 0,100% 100%,0 100%,0 0);clip-path:polygon(calc(100% - 379px) 0,100% 100%,0 100%,0 0)}.top .p-company-img{z-index:1}.top .p-company-img::after{content:"";background:url(../../../img/top/company@2x.webp) no-repeat;background-size:cover;width:72%;height:100%;position:absolute;right:0;top:0;z-index:-1}.top .p-company-content{max-width:560px;padding-top:140px;position:relative;z-index:3}.top .p-company-content__txt{margin-top:50px;font-weight:500}.top .p-ov-ttl{padding:50px 0 32px;text-align:center;line-height:1}.top .p-ov-ttl__en{font-family:Lato,sans-serif;font-weight:900;font-size:clamp(2.4375rem,4.5vw,3.375rem);letter-spacing:.01em;line-height:1;display:inline-block;display:block;text-transform:uppercase}.top .p-ov-ttl__en::first-letter{color:#00b5ed}.top .p-ov-ttl__jp{font-weight:700;font-size:1.5rem;letter-spacing:.01em;display:inline-block;position:relative}.top .p-ov-container{padding:80px 15px;background:url(../../../img/top/ov_bg@2x.webp) no-repeat;background-size:cover;position:relative;z-index:1}.top .p-ov-container::before{content:"";background:rgba(40,40,40,.35);width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.top .p-ov-content{background:#fff;margin:auto;max-width:1360px;height:clamp(650px,62.0289855072vw,856px);position:relative;z-index:1}.top .p-ov-content::before{content:"";background:url(../../../img/top/circleimg@2x.webp) no-repeat;background-size:contain;width:55.367%;aspect-ratio:753/611;position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:-1}.top .p-ov-listItem{text-align:center;padding:15px 20px}.top .p-ov-listItem.--1{margin:auto}.top .p-ov-listItem.--2{position:absolute;right:7.5%;right:min(5.3vw,102px);bottom:clamp(20px,5.1136363636vw,90px);text-align:left}.top .p-ov-listItem.--2 .p-ov-list__txt{text-align:left}.top .p-ov-listItem.--3{position:absolute;left:13.014%;left:min(9vw,177px);bottom:clamp(20px,5.1136363636vw,90px);text-align:left}.top .p-ov-listItem.--3 .p-ov-list__txt{text-align:left}.top .p-ov-list__ttl__eng{font-family:"Noto Serif JP",serif;font-weight:900;font-size:clamp(1.5rem,3.25vw,2.4375rem);text-shadow:0 3px 2px rgba(0,0,0,.16);display:block;line-height:1.53}.top .p-ov-list__ttl__eng.--1{color:#f9be00}.top .p-ov-list__ttl__eng.--2{color:#23b1d9}.top .p-ov-list__ttl__eng.--3{color:#a8b11a}.top .p-ov-list__ttl__jp{font-size:1.5rem}.top .p-ov-list__txt{margin-top:25px;font-weight:500;text-align:center}.top .p-faci{min-height:640px;position:relative;z-index:1}.top .p-faci::before{content:"";width:94.7916%;height:calc(100% - 80px);position:absolute;top:50%;right:0;bottom:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-2;background:var(--themegrd)}.top .p-faci::after{content:"";width:31.71875%;max-width:609px;height:80%;background:url(../../../img/top/faci_bg.svg) no-repeat;background-size:cover;position:absolute;right:0;bottom:0;z-index:-1}.top .p-faci .p-contentboxWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.top .p-faci .p-contentImgbox{width:50%;height:100%;margin-left:calc(50% - 50vw - 40px);width:calc(50vw + 40px);position:relative}.top .p-faci .p-content-img{margin-left:auto;max-width:1000px;position:relative;right:-40px}.top .p-faci .p-content-img img{-webkit-filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .16));filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .16))}.top .p-content-spimg{max-width:640px;margin-left:auto;margin-right:auto}.top .p-contentbox{position:relative;max-width:600px;padding:100px 0 60px 120px}.top .p-contentbox.--product{padding-left:0;position:relative;left:-120px}.top .p-product{margin-top:80px;min-height:640px;position:relative;z-index:1}.top .p-product::before{content:"";width:94.7916%;height:calc(100% - 80px);position:absolute;top:50%;left:0;bottom:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:-2;background:var(--themegrd-rev)}.top .p-product::after{content:"";width:100%;max-width:507px;height:90.535%;background:url(../../../img/top/product_bg.svg) no-repeat;background-size:cover;background-position:right bottom;position:absolute;left:0;bottom:0;z-index:-1}.top .p-product .p-contentboxWrap{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.top .p-product .p-contentbox{margin-right:auto}.top .p-product .p-contentImgbox{width:50%;height:100%;margin-right:calc(50% - 50vw - 40px);width:calc(50vw + 40px);position:relative}.top .p-product .p-content-img{margin-right:auto;max-width:1000px;position:relative;left:-40px}.top .p-product .p-content-img img{-webkit-filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .16));filter:drop-shadow(0 3px 6px rgba(0, 0, 0, .16))}.top .p-rec{padding:100px 15px 60px}.top .p-rec-content{max-width:1200px;min-height:240px;margin:auto;border:4px solid #282828;background:url(../../../img/top/rec_bg@2x.webp) no-repeat;background-size:cover;background-position:center;padding:6px;position:relative;z-index:1;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.top .p-rec-content::before{content:"";background:rgba(0,181,237,.75);width:100%;height:100%;position:absolute;left:0;bottom:0;z-index:-12}.top .p-rec-content::after{content:"";border:2px solid #282828;width:calc(100% - 8px);height:calc(100% - 8px);position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1}.top .p-rec-content-column{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative}.top .p-rec-content-column.--txt{color:#fff;text-align:right}.top .p-rec-content-column.--btn{text-align:center;width:100%}.top .p-rec-content-txtbox{margin-left:auto;text-align:left;display:inline-block}.top .p-rec-ttl{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;gap:30px}.top .p-rec-ttl__en{line-height:1;font-size:clamp(2.4375rem,4.5vw,3.375rem)}.top .p-rec-ttl__en::first-letter{color:#282828}.top .p-rec-ttl__jp{padding-left:90px;font-size:1.75rem;font-weight:700;position:relative}.top .p-rec-ttl__jp::before{content:"";width:60px;height:4px;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);left:0;background:url(../../../img/common/line_wh.svg) repeat-x;background-size:contain}@media only screen and (max-width:1600px){main{min-height:480px}.top .p-contentbox.--product{left:0;padding-right:40px}}@media only screen and (max-width:1280px){main{min-height:480px}.top .p-company-img::after{width:90%}.top .p-ov-content{height:clamp(550px,58.3333333333vw,700px)}.top .p-ov-content::before{width:48%}.top .p-ov-listItem.--2{right:3%}}@media only screen and (max-width:1024px){main{min-height:480px}.top .p-company-line{-webkit-clip-path:none;clip-path:none;width:100%}.top .p-companyInner{min-height:auto;padding:60px 15px}.top .p-companyInner::after{width:80%}.top .p-companyInner::before{width:calc(80% + 20px)}.top .p-company-content{padding-top:0}.top .p-company-content__txt{margin-top:36px;width:48%}.top .p-ov-container{padding:30px 15px}.top .p-ov-content{background:0 0;height:auto}.top .p-ov-content::before{display:none}.top .p-ov-listItem{text-align:left;background:#fff}.top .p-ov-listItem.--2{position:static;right:auto;bottom:auto}.top .p-ov-listItem.--3{position:static;left:auto;bottom:auto}.top .p-ov-listItem:nth-of-type(n+2){margin-top:20px}.top .p-ov-list__ttl__jp{font-size:1.25rem}.top .p-ov-list__txt{text-align:left;margin-top:12px}.top .p-faci{min-height:auto}.top .p-faci .c-btn{margin-left:auto;margin-right:auto}.top .p-faci::before{width:100%;height:100%;background:-webkit-linear-gradient(119.2deg,#00b5ed 0,#007bcc 100%);background:linear-gradient(-29.2deg,#00b5ed 0,#007bcc 100%)}.top .p-faci::after{width:84.53333%;aspect-ratio:1/1;background:url(../../../img/top/faci_bg_sp.svg) no-repeat;background-size:cover;bottom:auto;top:0}.top .p-faci .p-contentImgbox{display:none}.top .p-contentbox{width:100%;padding:50px 0;max-width:none}.top .p-contentbox.--product{left:0;padding-right:0}.top .p-product{min-height:auto;margin-top:40px}.top .p-product .c-btn{margin-left:auto;margin-right:auto}.top .p-product::before{width:100%;height:100%;background:-webkit-linear-gradient(119.2deg,#00b5ed 0,#007bcc 100%);background:linear-gradient(-29.2deg,#00b5ed 0,#007bcc 100%)}.top .p-product::after{width:80.8%;aspect-ratio:1/1;background:url(../../../img/top/product_bg_sp.svg) no-repeat;background-size:contain;background-position:right top;bottom:auto;top:0}.top .p-product .p-contentbox{margin:auto}.top .p-product .p-contentImgbox{display:none}.top .p-rec{padding:50px 15px}.top .p-rec-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;min-height:auto;padding:40px 16px;gap:40px}.top .p-rec-content-txtbox{text-align:center}.top .p-rec-ttl__jp{font-size:1.5rem}}@media only screen and (max-width:767.98px){main{min-height:480px}.top .main-visual::before{-webkit-clip-path:none;clip-path:none;width:100%;height:100%}.top .main_ttl_wrap{top:calc(50% + 60px);left:50%;-webkit-transform:translate(-50%,calc((50% + 30px) * -1));transform:translate(-50%,calc((50% + 30px) * -1))}.top .main-visual-content{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.top .main-visual-content__txt.--jp{line-height:1.4}.top .main-visual-content__tag{margin-top:12px;gap:5px}.top .main-visual-content__tag p{padding:0 15px}.top .main-visual__sub-ttl{-moz-text-align-last:left;text-align-last:left;padding:0;margin-top:32px}.top .p-companyInner::after{width:103%}.top .p-companyInner::before{width:calc(103% + 20px)}.top .p-company-img::after{z-index:1;background:url(../../../img/top/company_sp@2x.webp) no-repeat;background-position:right bottom}.top .p-rec-content{background:url(../../../img/top/rec_bg_sp@2x.webp) no-repeat;background-position:center;background-size:cover}.top .p-rec-ttl{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:5px}.top .p-rec-ttl__jp{padding-left:0}.top .p-rec-ttl__jp::before{content:none}}@media only screen and (max-width:600px){main{min-height:480px}.top .p-company-content .c-btn{margin-left:auto;margin-right:auto}}
/*# sourceMappingURL=../../map/object/project/top.css.map */