.grad{background:linear-gradient(90deg, #3ab195 0%,#54b2cf 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}html,h1,h2,h3,h4,h5,h6,body,div,span,applet,object,iframe,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;vertical-align:middle;font-weight:200}q::before,q::after,blockquote::before,blockquote::after{content:"";content:none}a{display:inline-block}a img{border:none}img{vertical-align:bottom;max-width:100%}ul{list-style:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}a{color:#333;text-decoration:none}a:hover{cursor:pointer;opacity:.7;transition:.3s}p{margin:0}input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}*:focus{outline:none}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}#about p{text-align:center;margin-top:40px}@media (max-width: 767px){#about p{margin-top:20px}}.more-btn{width:22rem;height:6rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;font-weight:bold;position:relative;border:1px solid #333;border-radius:100vh;background:#333}.more-btn::after{content:'';width:1.4rem;height:1.3rem;background:url(../img/top/btn-icon-white.png) no-repeat center/100%;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:.3s}.more-btn:hover{background:#fff;color:#333;opacity:1}.more-btn:hover::after{background:url(../img/top/btn-icon-black.png) no-repeat center/100%}@media (max-width: 767px){.more-btn{height:5rem;margin:auto}}.mainv{width:100%;height:100vh;background:url(../img/top/mainv.jpg) no-repeat center/cover;position:relative}.mainv .inner{position:relative;height:100%;width:calc(100% - 20rem);max-width:100%}.mainv .box{bottom:9rem;left:0;position:absolute}.mainv .box p{font-family:'Rubik', sans-serif;font-style:italic;font-size:6.6rem;line-height:1.2;color:#fff;margin-bottom:3.7rem}.mainv .box h1{color:#fff;font-size:3rem;font-weight:bold}.mainv .box .text{color:#fff}.mainv .scrolldown{position:absolute;bottom:3rem;right:3rem}.mainv .scrolldown span{color:#fff;font-weight:500;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:1rem;-webkit-text-orientation:sideways;text-orientation:sideways;position:relative;padding-bottom:4.5rem}.mainv .scrolldown span::after{content:"";position:absolute;bottom:0;left:calc(50% + 1px);width:1px;height:30px;background:#eee;animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:30px}60%{opacity:1}100%{height:1px;opacity:0}}@media (max-width: 767px){.mainv{background:url(../img/top/sp/mainv.jpg) no-repeat center/cover;height:161vw}.mainv::after{content:none}.mainv .inner{max-width:calc(100% - 4rem);width:100%}.mainv .box{top:calc(50% - 6rem);bottom:auto;transform:none}.mainv .box p{font-size:4.5rem;line-height:1}.mainv .box h1{font-size:2.2rem;line-height:1;margin-bottom:2rem}.mainv .scrolldown{right:2rem;bottom:1.5rem}}.concept{position:relative}.concept::before{content:'';width:calc(50% + 7rem);height:100%;background:#f4f4f4;clip-path:polygon(0 0, 61.6rem 0, calc(67rem + 61.6rem) 100%, 67rem 100%);position:absolute;right:0;top:0;z-index:-1}.concept .inner{padding:18rem 0 11rem}.concept .flex{justify-content:space-between}.concept .image{display:flex}.concept .image img:nth-of-type(1){margin-right:1rem}.concept .image img:nth-of-type(2){transform:translateY(-6.7rem)}@media (min-width: 768px){.concept .text{width:48rem}}@media (max-width: 767px){.concept::before{height:65rem}.concept .inner{padding:10rem 0 9rem;width:calc(100% - 4rem)}.concept .flex{flex-direction:column}.concept .text{width:100%;margin-bottom:9rem}.concept .image img{width:48.5%}.concept .image img:nth-of-type(1){margin-right:auto}.concept .image img:nth-of-type(2){transform:translateY(-13.5vw)}}.service{position:relative}.service::before{content:'';width:100%;height:calc(100% - 11.2rem);background:url(../img/top/service-bg.jpg) no-repeat center top/cover;position:absolute;left:0;top:0;z-index:-1}.service .inner{padding:10rem 0 0}.service .bg-text{position:absolute;top:1.6rem;left:calc(50% - 62rem)}.service .title{display:flex;align-items:center;justify-content:space-between;margin-bottom:5rem}.service .title h2{font-size:3.4rem;color:#fff}.service .title .btn a{width:22rem;height:6rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.6rem;font-weight:bold;position:relative;border:1px solid #fff;border-radius:100vh}.service .title .btn a::after{content:'';width:1.4rem;height:1.3rem;background:url(../img/top/btn-icon-white.png) no-repeat center/100%;position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:.3s}.service .title .btn a:hover{background:#fff;opacity:1;color:#3E9A8E}.service .title .btn a:hover::after{background:url(../img/top/btn-icon-green.png) no-repeat center/100%}.service .flex{justify-content:space-between}.service .item{width:31rem;background:#fff;border-radius:3rem 0 3rem 0;padding:4rem 4rem 3.2rem;box-shadow:1rem 1rem 3.5rem rgba(0,0,0,0.063)}.service .item h3{text-align:center;font-size:2rem;margin-bottom:2.8rem}.service .item .image{margin-bottom:2.5rem;text-align:center}.service .text{width:48.1rem}.service .text .section-title{color:#fff;margin-bottom:3rem}.service .text p{color:#fff;margin-bottom:5.4rem}.service .text a{display:inline-flex;align-items:center;color:#fff;font-weight:bold}.service .text a:hover{opacity:1}.service .text a:hover span{transform:scale(1.2)}.service .text a span{position:relative;width:4.5rem;height:4.5rem;background:#fff;border-radius:50%;margin-right:1.5rem;transition:.3s}.service .text a span::after{content:'';width:8px;height:8px;background:#194387;position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%)}.service .text a b{padding-top:2px}@media (max-width: 767px){.service .inner{padding:8rem 0 0}.service .title{flex-direction:column}.service .title h2{font-size:2.8rem;line-height:1.6;margin-bottom:4rem}.service .title .btn a{height:5rem}.service .flex{flex-direction:column;align-items:center}.service .item{width:calc(100% - 4rem);margin-bottom:3rem;border-radius:2rem 0 2rem 0}}.slash{position:relative}.slash::before{content:'';width:calc(50% + 17rem);height:calc(100% - (51.6rem - 11.2rem));background:#f4f4f4;clip-path:polygon(calc(100% - 77rem - 14.5rem - 62rem) 0, calc(100% - 77rem - 14.5rem) 0, 100% 100%, calc(100% - 62rem) 100%);position:absolute;left:0;bottom:0;z-index:-1}@media (max-width: 767px){.slash::before{height:86.5rem}}.facilities .inner{padding:14rem 10rem 10rem 0;position:relative;max-width:120rem;width:100%}.facilities .flex{justify-content:space-between}.facilities .text{width:40.3rem;padding-top:2rem}.facilities .text p{margin-bottom:3rem}.facilities .more-btn{color:#fff}.facilities .more-btn:hover{color:#333}@media (max-width: 767px){.facilities .inner{padding:8rem 0;max-width:calc(100% - 4rem)}.facilities .flex{flex-direction:column-reverse}.facilities .text{padding-top:0;width:100%;margin-bottom:5rem}.facilities .text p{margin-bottom:5rem}.facilities .image{margin-left:auto}}.company{background:url(../img/top/company-bg.jpg) no-repeat center/cover;overflow:hidden}.company .inner{padding:10rem 0;position:relative}.company .inner .bg-text{position:absolute;bottom:2rem;right:-12rem}.company .text{width:63rem;background:#fff;padding:5rem 4.7rem 5rem 6rem;border-radius:6rem 0 6rem 0;box-shadow:1rem 1rem 3.5rem rgba(0,0,0,0.1)}.company .text .section-eng-title{margin-bottom:3.4rem}.company .text p{margin-bottom:5.4rem}.company .more-btn{color:#fff}.company .more-btn:hover{color:#333}@media (max-width: 767px){.company .inner{padding:8rem 0;max-width:calc(100% - 4rem)}.company .text{width:100%;padding:5rem 2rem;border-radius:2rem 0 2rem 0}}.partner{position:relative}.partner .inner{padding:10rem 0}.partner .flex{justify-content:space-between;align-items:center;width:100%;height:25rem;background:url(../img/top/group-bg.jpg) no-repeat center/cover;padding:0 6rem}.partner .flex:hover{opacity:1}.partner .flex:hover .btn span{transform:scale(1.25)}.partner .section-mini-title{margin-bottom:0}.partner .section-mini-title span{color:#fff}.partner .section-mini-title h2{color:#fff;font-size:3rem;margin-bottom:2.2rem}.partner .section-mini-title p{color:#fff;font-size:1.5rem}.partner .btn{display:flex;align-items:center}.partner .btn b{color:#fff;margin-right:1.8rem}.partner .btn span{width:5rem;height:5rem;position:relative;background:rgba(255,255,255,0.8);border-radius:50%;transition:.3s}.partner .btn span::after{content:'';width:1.4rem;height:1.3rem;background:url(../img/top/btn-icon-black.png) no-repeat center/100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media (max-width: 767px){.partner .inner{width:calc(100% - 4rem);padding:7rem 0}.partner .flex{padding:6rem 1.5rem 3.3rem;flex-direction:column;height:auto}.partner .section-mini-title{width:100%;margin-bottom:1.2rem}.partner .section-mini-title span{font-size:1.3rem}.partner .section-mini-title h2{font-size:2.2rem}.partner .btn{align-self:flex-end}.partner .btn b{font-size:1.3rem}.partner .btn span{width:3.4rem;height:3.4rem}.partner .btn span::after{width:.95rem;height:.8rem}}
