.mainv{width:100%;height:100vh;background:url(../img/mainv.jpg) no-repeat center/cover;position:relative}.mainv .inner{position:relative;height:100%}.mainv .inner::after{content:'';width:67.8rem;height:27.8rem;background:url(../img/mainv-text.png) no-repeat center/100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.mainv .catch{width:fit-content;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none}.mainv .sns-bnr{background:#111;flex-direction:column;display:inline-flex;padding:2rem .1rem;position:absolute;top:50%;transform:translateY(-50%);right:0;align-items:center}.mainv .sns-bnr a{padding:.5rem;margin-bottom:1rem}.mainv .sns-bnr a:last-of-type{margin-bottom:0}.mainv .scroll{display:inline-block;position:absolute;right:1rem;bottom:0;z-index:2;padding:0 1rem 10rem;overflow:hidden;color:#fff;font-size:12px;font-family:oswald, sans-serif;font-weight:bold;font-style:italic;font-style:normal;line-height:1;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;writing-mode:vertical-lr}.mainv .scroll::after{content:'';position:absolute;bottom:0;left:50%;width:1px;height:8rem;background:#fff;animation:sdl 2s cubic-bezier(1, 0.5, 0.5, 1) infinite}@media (max-width: 767px){.mainv{background:none;height:auto}.mainv .inner{display:none}.mainv .sns-bnr{display:none}.mainv .scroll{padding:0 1rem 7rem}.mainv .scroll::after{height:6rem;width:1px}}@keyframes sdl{0%{transform:scale(1, 0);transform-origin:0 0}50%{transform:scale(1, 1);transform-origin:0 0}50.1%{transform:scale(1, 1);transform-origin:0 100%}100%{transform:scale(1, 0);transform-origin:0 100%}}#top-about{padding-top:8rem;margin-bottom:8rem}#top-about .inner{max-width:120rem;width:100%}#top-about .flex{display:block;position:relative}#top-about img{max-width:69rem;width:57vw}#top-about .text{background:linear-gradient(120deg, #3ca6e2 0%,#0a60b2 100%);padding:6.5rem 8rem;top:50%;transform:translateY(-50%);right:0;position:absolute}#top-about .text h2{color:#fff;border-bottom:0.1rem solid #fff}#top-about .text h2 span{color:#fff}#top-about .text h3{color:#fff}#top-about .text p{color:#fff}#top-about .text .content{max-width:42rem}@media (max-width: 767px){#top-about{padding:0;margin:0}#top-about .flex{flex-direction:column-reverse;display:flex}#top-about img{max-width:100%;width:100%}#top-about .text{top:0;transform:none;position:relative;padding:4rem 2rem 2rem}#top-about .text h2 span{font-size:1.4rem}#top-about .text p{height:fit-content;margin-bottom:2rem}}#top-service{padding-top:8rem;background:url(../img/service-bg.png) no-repeat top/100%;padding-bottom:7rem}#top-service .flex{justify-content:space-between}#top-service .content{width:48%}#top-service .content:hover{opacity:1}#top-service .content:hover .image img{transform:scale(1.1)}#top-service .content:hover .text{box-shadow:none}#top-service .content .image{overflow:hidden}#top-service .content .image img{width:100%;transition:.3s}#top-service .content .text{display:block;padding:3.2rem 3rem;background:#fff;border-top:0.5rem solid #2c9fed;width:91.667%;cursor:pointer;margin-top:-3.5rem;z-index:1;transform:rotate(0deg);box-shadow:0 1rem 2rem rgba(0,0,0,0.1);transition:.3s}#top-service .content .text:hover{opacity:1}#top-service .content .text h4{font-size:2.4rem;font-weight:bold;margin-bottom:1.4rem}#top-service .content .text h4 span{display:inline-block;font-family:oswald, sans-serif;font-weight:bold;font-style:italic;color:2.4rem;color:#a4a4a4;margin-right:1.4rem;font-style:normal}#top-service .content .text p{height:14rem;font-weight:500}#top-service .content .text .more{text-align:right}#top-service .content .text .more span{font-family:oswald, sans-serif;font-weight:bold;font-style:italic;padding-right:3.2rem;position:relative}#top-service .content .text .more span::after{content:'';width:2.5rem;height:.4rem;background:url(../img/more-flow.png) no-repeat center/100%;position:absolute;top:50%;transform:translateY(-50%);right:0}@media (max-width: 767px){#top-service{background:url(../img/sp/service-bg.png) no-repeat top/100%;padding-top:7rem}#top-service .flex{flex-direction:column}#top-service .content{width:100%;margin-bottom:3rem}#top-service .content:last-of-type{margin-bottom:0}#top-service .content .text{width:100%;padding:3.2rem 2rem;margin-top:0}#top-service .content .text p{height:fit-content;margin-bottom:2rem}#top-service .content .text h4{font-size:2.2rem}}#top-company{background:#f7f7f7;padding:9rem 0;position:relative}#top-company::before{content:'';background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAAXNSR0IArs4c6QAAABxJREFUGFdjPHXq1H8zMzNGBiiAMzAEYCoxVAAAX+UIBTiAy9kAAAAASUVORK5CYII=);background-repeat:repeat;background-blend-mode:overlay;background-position:0px;background-size:auto, cover;width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:0}#top-company .inner{width:86.5rem;position:relative}#top-company .inner::after{content:'';width:29rem;height:14.9rem;background:url(../img/company-bg.png) no-repeat center/100%;position:absolute;top:-11rem;right:-20rem}#top-company .flex{justify-content:space-between}#top-company .flex .h2{width:fit-content}#top-company .flex .text{width:49rem;padding-top:2.2rem}#top-company .flex .text p{margin-bottom:4rem}#top-company .flex .view-btn a{font-family:oswald, sans-serif;font-weight:bold;font-style:italic;color:#fff;font-size:1.4rem;position:relative;text-align:center;background:#111;padding:1.7rem 0;width:25rem;display:block;margin-right:0;margin-left:auto}#top-company .flex .view-btn a::after{content:'';width:4rem;height:.1rem;background:#fff;position:absolute;top:50%;right:0;transform:translateY(-50%)}#top-company h2{z-index:1}#top-company .text{z-index:1}@media (max-width: 767px){#top-company{padding:6rem 0}#top-company .inner{width:92%}#top-company .inner::after{width:20rem;height:10.9rem;top:-3rem;right:-1rem}#top-company .flex{flex-direction:column}#top-company .flex .text{width:100%;padding-top:0}#top-company .flex .view-btn a{width:80%;margin:auto}}#top-contact{background:url(../img/contact.jpg) no-repeat top/cover;padding:6rem 0}#top-contact h2{padding-bottom:0;text-align:center;color:#fff;text-shadow:0 0 2rem rgba(0,0,0,0.2)}#top-contact h2 span{color:#fff}#top-contact p{text-align:center;font-weight:500;color:#fff;text-shadow:0 0 2rem rgba(0,0,0,0.2)}#top-contact .flex{justify-content:center;margin-top:5rem;position:relative}#top-contact .flex::after{content:'';width:.2rem;height:13rem;background:url(../img/line.png) no-repeat center/100%;position:absolute;left:50%;bottom:-1.2rem;transform:translateX(-50%)}#top-contact .btn{width:30rem;text-align:center}#top-contact .btn p{text-align:center;font-size:1.8rem;font-weight:bold;line-height:1;margin-bottom:1.8rem}#top-contact .btn a{width:100%;display:flex;justify-content:center;align-items:center;height:7rem;position:relative;z-index:1}#top-contact .btn a::before{content:'';width:100%;height:100%;opacity:0;visibility:hidden;transition:.3s;position:absolute;top:0;left:0;z-index:-1}#top-contact .btn a:hover{opacity:1}#top-contact .btn a:hover::before{opacity:1;visibility:visible}#top-contact .btn a span{position:relative}#top-contact .btn:nth-of-type(1){margin-right:4.8rem}#top-contact .btn:nth-of-type(1) a{font-family:oswald, sans-serif;font-weight:bold;font-style:italic;font-style:normal;font-size:2rem;background:linear-gradient(120deg, #3ca6e2 0%,#0a60b2 100%);color:#fff}#top-contact .btn:nth-of-type(1) a::before{background:linear-gradient(120deg, #0a60b2 0%,#3ca6e2 100%)}#top-contact .btn:nth-of-type(1) a span{padding-left:3.2rem}#top-contact .btn:nth-of-type(1) a span::before{content:'';width:2rem;height:1.5rem;background:url(../img/cta-mail.png) no-repeat center/100%;position:absolute;top:50%;transform:translateY(-50%);left:0}#top-contact .btn:nth-of-type(2){margin-left:4.8rem}#top-contact .btn:nth-of-type(2) a{font-style:normal;font-size:1.8rem;background:linear-gradient(110deg, #00be39 0%,#00a431 100%);font-weight:bold;color:#fff}#top-contact .btn:nth-of-type(2) a::before{background:linear-gradient(110deg, #00a431 0%,#00be39 100%)}#top-contact .btn:nth-of-type(2) a span{padding-left:3.9rem}#top-contact .btn:nth-of-type(2) a span::before{content:'';width:2.8rem;height:2.7rem;background:url(../img/cta-line.png) no-repeat center/100%;position:absolute;top:50%;transform:translateY(-50%);left:0}@media (max-width: 767px){#top-contact .flex{flex-direction:column;align-items:center;margin-top:3rem}#top-contact .flex::after{content:none}#top-contact .btn{width:80%}#top-contact .btn:nth-of-type(1){margin-right:0;margin-bottom:3rem}#top-contact .btn:nth-of-type(2){margin-left:0}#top-contact .btn p{margin-bottom:1.4rem}}