﻿@font-face{font-family:'shotai';src:url("../font/AnyConv.com__HGPGyoshotai-02.woff") format("woff"),url("../font/AnyConv.com__HGPGyoshotai-02.woff2") format("truetype")}.fixed-bg{background-attachment:fixed;position:relative}@media (max-width: 767px){.fixed-bg{background-attachment:fixed}}.fixed-bg .wrap-bg{position:absolute;width:100%;height:100%;background:rgba(4,100,185,0.8)}.mainv{width:100%;height:67rem;position:relative;z-index:2;background:url(../img/top/mainv-bg.jpg) no-repeat center/cover}.mainv .splide img{width:100%;height:67rem;object-fit:cover}.mainv .inner{height:100%;width:100%}.mainv .catch{position:absolute;top:calc(50% + 2rem);left:10rem;transform:translateY(-50%);z-index:2}.mainv .catch h1{font-weight:bold;color:#fff;line-height:1.5;font-size:5rem}.mainv .catch p{font-size:14px;color:#fff;font-family:'Barlow', sans-serif;font-weight:400;margin-top:3rem;line-height:1;letter-spacing:1px}.mainv .slash{position:absolute;width:74.2rem;height:67rem;background:url(../img/top/slash.png) no-repeat center/100%;top:0;left:-9rem;z-index:1}.mainv .triangle{position:absolute;left:0;bottom:0;background:#fff;width:9rem;height:29rem;clip-path:polygon(0 0, 0% 100%, 100% 100%)}.mainv .scrolldown{position:absolute;bottom:1rem;left:2rem}.mainv .scrolldown span{color:#2b2b2b;font-weight:500;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;font-size:1.2rem;-webkit-text-orientation:sideways;text-orientation:sideways;position:relative;padding-top:7rem}.mainv .scrolldown span::after{content:"";position:absolute;left:50%;transform:translateX(-50%);width:1px;height:60px;background:#2b2b2b;animation:pathmove 1.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:60px;top:0}60%{opacity:1}100%{height:0;opacity:0;top:6rem}}@media (max-width: 767px){.mainv{background:url(../img/top/sp/mainv-bg.jpg) no-repeat center/cover}.mainv .catch{top:calc(50% + 3rem);left:50%;transform:translate(-50%, -50%);z-index:2;width:max-content}.mainv .catch h1{font-size:4.3rem}.mainv .slash{width:77rem;height:67rem;left:-45rem}.mainv .triangle{width:5.9rem;height:17rem;bottom:-1px}.mainv .scrolldown{left:1rem}.mainv .scrolldown span{padding-top:7rem}}.section{background-color:#fafafa;display:flex;align-items:center;width:100%;height:100%}.section_bar{background-color:#000;height:5px}.wrap{overflow:hidden}.concept{background:linear-gradient(180deg, #ffffff 0%,#f5f5f5 100%);position:relative}.concept::after{content:url(../img/top/fukui.png);position:absolute;top:-67rem;left:calc(50% + 15rem)}.concept .bg-text{font-size:12rem;font-family:'Barlow', sans-serif;font-weight:bold;color:#f5f5f5;position:absolute;left:calc(50% - 60rem);z-index:1;letter-spacing:4px;line-height:1;top:8rem}.concept .inner{padding:12rem 0 14rem}.concept .text{position:relative;z-index:2}.concept .text h2{font-size:3.6rem;line-height:1.8;font-weight:bold;margin-bottom:3rem}.concept .text p{font-weight:bold;font-size:1.6rem;line-height:2}@media (max-width: 767px){.concept::after{content:'';width:26rem;height:57.1rem;background:url(../img/top/sp/fukui.png) no-repeat center/100%;left:auto;right:0;top:auto;bottom:-11rem}.concept .bg-text{font-size:8rem}.concept .inner{padding:13.5rem 0 21rem}.concept .text h2{font-size:3rem;letter-spacing:2px}.concept .text p{line-height:2.2}}h3{font-family:'Barlow', sans-serif;font-weight:bold;font-size:5rem;letter-spacing:2px;margin-bottom:4.2rem}h3 .mini{letter-spacing:0;font-size:1.5rem;margin-top:1.6rem;display:block;font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif}.btn{margin-top:5.3rem}.btn a{font-size:1.5rem;font-weight:bold;padding-right:4.6rem;position:relative}.btn a::after{content:'';width:3rem;height:3rem;background:url(../img/top/more-gray.png) no-repeat center/100%;position:absolute;right:0;top:50%;transform:translateY(-50%)}.company-detail{position:relative}.company-detail::before{content:'';width:16.7rem;height:50.5rem;clip-path:polygon(0 0, 100% 0, 100% 100%);position:absolute;right:0;background:#00a1e9;z-index:-1}.company-detail .line01{position:absolute;width:13.3rem;height:37.5rem;clip-path:polygon(0 0, 1px 0%, 100% 100%, calc(100% - 1px) 100%);background:#ccc;left:-2rem;bottom:-1.8rem}.company-detail .inner{width:100%;max-width:120rem;padding:9rem 0 10rem}.company-detail .item:nth-of-type(1){margin-bottom:6rem}.company-detail .item:nth-of-type(1) .image{margin-right:10rem;width:50rem;max-width:100%}.company-detail .item:nth-of-type(1) .text{width:43rem}.company-detail .item:nth-of-type(2) .flex{flex-direction:row-reverse}.company-detail .item:nth-of-type(2) .image{width:48rem;max-width:100%}.company-detail .item:nth-of-type(2) .text{width:52.4rem;margin-right:10rem}.company-detail .flex{align-items:center}@media (max-width: 767px){.company-detail::before{width:9.7rem;height:28.5rem}.company-detail .item:nth-of-type(1) .flex{flex-direction:column-reverse}.company-detail .item:nth-of-type(1) .image{width:calc(100% - 2rem);margin:0 auto 0 0}.company-detail .item:nth-of-type(1) .image img{width:100%}.company-detail .item:nth-of-type(1) .text{width:calc(100% - 4rem);margin-bottom:6rem}.company-detail .item:nth-of-type(2) .flex{flex-direction:column-reverse}.company-detail .item:nth-of-type(2) .image{width:calc(100% - 2rem);margin:0 0 0 auto}.company-detail .item:nth-of-type(2) .image img{width:100%}.company-detail .item:nth-of-type(2) .text{width:calc(100% - 4rem);margin-bottom:6rem;margin-right:0}.company-detail .line01{z-index:-1}}.member{position:relative}.member .line02{position:absolute;width:31.7rem;height:89.1rem;clip-path:polygon(0 0, 1px 0%, 100% 100%, calc(100% - 1px) 100%);background:#ccc;right:calc(50% - 60rem - 18rem);top:-11.4rem;z-index:-1}.member .inner{max-width:100%;width:100%;padding-bottom:10rem}.member .image{width:calc(50% + 40rem);height:390px}@media (max-width: 767px){.member .image{height:135px}}.member .image img{object-fit:cover;width:100%;height:100%}.member .text{background:url(../img/top/member-bg.jpg) no-repeat center/cover;display:flex;padding:26rem calc(50vw - 50rem) 7rem 8rem;justify-content:space-between;width:calc(50% + 50rem);margin:-19rem 0 0 auto}.member .text .left{display:flex;flex-direction:column}.member .text .left h3{color:#fff;padding-top:3px;margin-bottom:0}.member .text .left .btn{margin-top:auto;margin-bottom:1rem}.member .text .left .btn a{color:#fff}.member .text .left .btn a::after{background:url(../img/top/more-gray.png) no-repeat center/100%}.member .text .right h2{font-weight:bold;font-size:3.6rem;line-height:1.8;color:#fff;margin-bottom:3rem}.member .text .right p{color:#fff}@media (max-width: 767px){.member .line02{display:none}.member .image{width:calc(100% - 2rem);transform:translateY(-50%)}.member .inner{display:flex;flex-direction:column-reverse;padding-bottom:3rem}.member .text{margin:0 0 0 auto;width:calc(100% - 2rem);padding:6rem 2rem 16rem 2rem;flex-direction:column}.member .text .left h3{margin-bottom:5rem;padding-top:0}.member .text .right h2{font-size:3rem;line-height:1.6}.member .text .right p{line-height:2.2}.member .text .btn a{color:#fff}}.about{position:relative;z-index:2}.about .inner{padding:12.6rem 0 13.3rem;display:flex;justify-content:space-between}.about .title{padding-top:1.4rem}.about .title .subtitle{font-size:2.2rem;color:#fff;font-style:italic;font-weight:bold;font-family:din-2014, sans-serif;display:inline-block;margin-bottom:3rem}.about .title h2{font-size:2.7rem;font-weight:bold;color:#fff;font-family:'Zen Kaku Gothic New', sans-serif;font-style:italic;line-height:1.5}.about .title h2 span{font-size:6.5rem}.about .text{width:50%}.about .text p{color:#fff;line-height:3;margin-bottom:2rem}.about .text p:last-of-type{margin-bottom:0}@media (max-width: 767px){.about{background-position:-20rem 0rem}.about .inner{flex-direction:column;padding:10rem 0}.about .title{padding-top:0;margin-bottom:3rem}.about .title h2{font-size:2.4rem;line-height:1.8}.about .title h2 span{font-size:5.2rem}.about .text{width:100%}.about .text p{line-height:2.2}}.more-btn a{width:28rem;height:6rem;display:flex;align-items:center;justify-content:center;font-size:2rem;border:1px solid #2b2b2b;font-family:din-2014, sans-serif;position:relative;font-style:italic}.more-btn a::after{content:'';width:3rem;height:3rem;position:absolute;top:50%;right:2rem;transform:translateY(-50%);transition:.3s}.more-btn a:hover{opacity:1}.service{overflow:hidden}.service .inner{padding:12rem 0 13rem;max-width:111.6rem;position:relative}.service .position{position:absolute;top:16rem;left:calc(50% + 15rem)}.service .section-title{text-align:center;margin-bottom:10rem}.service .flex{justify-content:space-between}.service .flex .item{width:35rem;margin-bottom:12rem}.service .flex .item:first-of-type{transform:translateY(-5rem)}.service .flex .item:last-of-type{transform:translateY(5rem)}.service .flex .item a{margin-bottom:1.6rem;display:inline-block}.service .flex .item a:hover{opacity:1}.service .flex .item a:hover .btn p{background:#139BD8}.service .flex .item a .btn{width:30rem;position:relative;margin-top:-2.5rem}.service .flex .item a .btn::after{content:'';width:5rem;height:5rem;position:absolute;right:0;top:50%;transform:translateY(-50%);border-left:1px solid #fff;transition:.3s}.service .flex .item a .btn::before{content:'';width:1.1rem;height:1rem;background:url(../img/top/flow-icon-w.png) no-repeat center/100%;position:absolute;top:50%;right:2rem;transform:translateY(-50%);transition:.3s}.service .flex .item a .btn p{font-size:2rem;font-weight:bold;height:5rem;color:#fff;background:#2b2b2b;display:flex;align-items:center;padding-left:3rem;transition:.3s}.service .more-btn a{background:#fff;color:#2b2b2b;margin:auto}.service .more-btn a::after{background:url(../img/top/btn-flow-bk.png) no-repeat center/100%}.service .more-btn a:hover{background:#2b2b2b;color:#fff}.service .more-btn a:hover::after{background:url(../img/top/btn-flow-w.png) no-repeat center/100%}@media (max-width: 767px){.service .inner{padding:8rem 0}.service .section-title{margin-bottom:8rem}.service .position{top:21rem;left:auto;right:-1rem;z-index:2;width:25rem}.service .flex{flex-direction:column}.service .flex .item{width:100%;margin-bottom:8rem}.service .flex .item:first-of-type{transform:translateY(0)}.service .flex .item:last-of-type{transform:translateY(0)}}.company{background:url(../img/top/company-bg.jpg) no-repeat center/cover}.company .inner{padding:10rem 0}.company .flex{justify-content:space-between}.company .text{padding-top:2.2rem;width:42rem;max-width:100%}.company .text .section-title{margin-bottom:4rem}.company .text .section-title .mini{margin-left:2.5rem}.company .text .text{margin-bottom:3rem}.company .text ul{margin-bottom:7rem}.company .text ul li{border-bottom:1px solid #bfbfbf}.company .text ul li:first-of-type{border-top:1px solid #bfbfbf}.company .text ul li a{font-size:1.5rem;padding:2.6rem 0;position:relative;display:block}.company .text ul li a::after{content:'';width:8px;height:8px;background:#139BD8;position:absolute;border-radius:50%;right:1.2rem;top:50%;transform:translateY(-50%)}.company .text .more-btn a{background:#2b2b2b;color:#fff}.company .text .more-btn a::after{background:url(../img/top/btn-flow-gray.png) no-repeat center/100%}.company .text .more-btn a:hover{background:#fff;color:#2b2b2b}.company .text .more-btn a:hover::after{background:url(../img/top/btn-flow-bk.png) no-repeat center/100%}.company .img{position:relative;z-index:2;width:50%}.company .img::before{content:'';width:100%;height:100%;position:absolute;background:#139BD8;transform:rotate(7deg);z-index:-1}.company .img img{width:100%}@media (max-width: 767px){.company .inner{padding:8rem 0}.company .text{padding-top:0;width:100%}.company .text .more-btn a{margin:auto}.company .img{width:93%;margin:8rem auto 0}.company .flex{flex-direction:column}}.join .inner{max-width:100%;width:100%;padding:13rem 0}.join .box{position:relative}.join .bg{width:calc(50% + 50rem);height:37rem;background:url(../img/top/join-bg-img.jpg) no-repeat center/cover;background-attachment:fixed}.join .position{position:absolute;top:-6.2rem;left:calc(50% - 52.8rem)}@media (max-width: 767px){.join .inner{padding:9rem 0 8rem}.join .bg{width:calc(100% - 2rem);height:22.35rem;background:url(../img/top/sp/join-bg-img.jpg) no-repeat/cover;background-attachment:fixed;background-position:-10rem}.join .position{top:-38px;left:2rem;width:19rem}}.recruit .inner{width:100%;max-width:120rem;padding-bottom:13rem;position:relative}.recruit .inner::before{content:url(../img/top/recruit-left.png);position:absolute;left:calc(50% - 60rem);top:1rem}.recruit .inner::after{content:url(../img/top/recruit-right.png);position:absolute;right:calc(50% - 60rem);top:1rem}.recruit .section-title{text-align:center;margin-bottom:4rem}.recruit .title{margin-bottom:1.5rem}.recruit .title .h2{text-align:center;font-size:3rem;font-weight:bold;line-height:1.5;font-style:italic}.recruit .title .h2 .big{font-size:4.5rem}.recruit .text{margin-bottom:6.4rem}.recruit .text p{text-align:center}.recruit .more-btn a{background:#2b2b2b;color:#fff;margin:auto}.recruit .more-btn a::after{background:url(../img/top/btn-flow-gray.png) no-repeat center/100%}.recruit .more-btn a:hover{background:#fff;color:#2b2b2b}.recruit .more-btn a:hover::after{background:url(../img/top/btn-flow-bk.png) no-repeat center/100%}@media (max-width: 767px){.recruit .inner{padding-bottom:9rem}.recruit .inner::before{content:none}.recruit .inner::after{content:none}.recruit .text{max-width:calc(100% - 4rem);margin:0 auto 6rem}.recruit .no01{margin-bottom:2rem}.recruit .no02{margin-top:2rem}}
