body{opacity:0;background:#fff}main{background:transparent}main{padding-bottom:0}#hero .hero-wrap{display:flex;justify-content:space-between;align-items:stretch;height:calc(100dvh - 7.5rem);box-sizing:border-box}#hero .hero-wrap .fv-inner{width:50%}#hero .hero-wrap .left{border-left:15px solid #0072b5;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}#hero .hero-wrap .left p{font-size:1.8rem;font-family:"Noto Sans JP", serif;font-optical-sizing:auto;font-style:normal;font-weight:400;text-align:center;margin-top:2rem}#hero .hero-wrap .left .scr{position:absolute;left:5rem;bottom:0;display:flex;flex-direction:column;align-items:center}#hero .hero-wrap .left .scr .text{writing-mode:vertical-rl;margin-bottom:1rem;font-weight:700}#hero .hero-wrap .left .scr .border{height:8rem;width:1px;background:#768797;display:block;position:relative}#hero .hero-wrap .left .scr .border:before{position:absolute;content:"";bottom:0;left:-4px;width:1rem;height:1rem;border-radius:100rem;background:#0072b5;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease infinite}@keyframes circlemove{0%{top:0}100%{top:100%}}@keyframes cirlemovehide{0%{opacity:0}50%{opacity:1}100%{opacity:0}}#hero .hero-wrap .right{background:url("../img/top/hero01.jpg") no-repeat center/cover}.bg-g{background:#f3f3f5}#service .wrapper,#company .wrapper,#recruit .wrapper{padding:12rem 0}#service .wrapper .ser-text{margin:5rem auto}#service .wrapper ul{display:flex;justify-content:space-between;align-items:stretch}#service .wrapper ul li{width:calc(25% - 24px /4);border-radius:1rem;border:1px solid #768797;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between}#service .wrapper ul li div{position:relative;padding-top:129%}#service .wrapper ul li div:before,#service .wrapper ul li div p{position:absolute}#service .wrapper ul li div p{z-index:2;color:white;font-size:1.6rem;font-family:"DM Sans", serif;font-optical-sizing:auto;font-style:normal;font-weight:700;font-weight:700;top:1rem;left:1rem}#service .wrapper ul li div p span{padding-left:3.4rem;position:relative}#service .wrapper ul li div p span:before{position:absolute;content:"";width:27px;height:1px;background:white;border-radius:100rem;left:4px;top:11px}#service .wrapper ul li div:before{content:"";width:100%;height:100%;top:0;left:0;background-position:top center;background-repeat:no-repeat;background-size:cover}#service .wrapper ul li:first-child div:before{background-image:url("../img/top/ser01.jpg")}#service .wrapper ul li:nth-child(2) div:before{background-image:url("../img/top/ser02.jpg")}#service .wrapper ul li:nth-child(3) div:before{background-image:url("../img/top/ser03.jpg")}#service .wrapper ul li:last-child div:before{background-image:url("../img/top/ser04.jpg")}#service .wrapper ul li .name{padding:2rem;box-sizing:border-box;position:relative;text-align:center;height:100%;display:flex;justify-content:center;flex-direction:column}#service .wrapper ul li .name:before{position:absolute;content:"";width:10rem;height:5px;background:#0072b5;left:50%;top:0;transform:translateX(-50%)}#service .wrapper .btn01{margin:5rem auto 0}#company .wrapper{display:flex;justify-content:space-between;align-items:flex-start}#company .wrapper .sp-none{display:none}#company .wrapper .left{max-width:42rem;width:100%}#company .wrapper .left .com-text{margin:5rem auto;line-height:3.2rem}#company .wrapper .right{max-width:548px;width:100%;display:flex;justify-content:space-between;align-items:stretch}#company .wrapper .right li{width:calc(50% - 1rem /2);border-radius:1rem;background:white;box-shadow:5px 5px 10px rgba(0,0,0,0.2);position:relative;padding:6rem 2rem}#company .wrapper .right li:before{position:absolute;content:"";width:10rem;height:5px;background:#0072b5;top:0;left:50%;transform:translateX(-50%)}#company .wrapper .right li img{display:block;margin:0 auto 6rem}#company .wrapper .right li p{text-align:center}#company .wrapper .right li p.sub-tit{font-size:2.7rem;font-family:"Noto Sans JP", serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-weight:700;color:#0072b5;margin:.5rem auto 0;letter-spacing:.1rem}#works .w-slide{margin-top:12rem;z-index:-1}#works .w-slide img{margin-right:8px}#works .wrapper{padding:7rem 0 12rem;background:white;border-radius:1rem;margin-top:-8rem}#works .wrapper .wor-text{margin:5rem auto;text-align:center;line-height:3.2rem}#works .wrapper .btn01{margin:0 auto}#recruit .wrapper{padding-bottom:75px;display:flex;justify-content:space-between;align-items:flex-start}#recruit .wrapper .left{max-width:56rem;width:100%}#recruit .wrapper .left dl{margin:5rem auto}#recruit .wrapper .left dl dt{font-size:3.2rem;font-family:"Noto Sans JP", serif;font-optical-sizing:auto;font-style:normal;font-weight:400;font-weight:700;margin-bottom:3rem;line-height:57px}#recruit .wrapper .left dl dd{line-height:3.2rem}#recruit .wrapper .right{width:41%;max-width:401px;box-shadow:5px 5px 10px rgba(0,0,0,0.1);border-radius:2rem}@media screen and (max-width: 1100px){#hero .hero-wrap{height:calc(100dvh - 6.2rem)}#hero .hero-wrap .left{width:30%;padding:0 2rem;box-sizing:border-box}#hero .hero-wrap .left p{font-size:1.4rem;font-family:"Noto Sans JP", serif;font-optical-sizing:auto;font-style:normal;font-weight:400;text-align:center;margin-top:2rem}#hero .hero-wrap .left .scr{left:2rem}#hero .hero-wrap .right{width:70%;background:url("../img/top/hero01.jpg") no-repeat center/cover}}@media screen and (max-width: 920px){#hero .hero-wrap{display:block;height:auto}#hero .hero-wrap .fv-inner{width:100%}#hero .hero-wrap .left{align-items:flex-start;padding:3rem 2rem}#hero .hero-wrap .left p{text-align:left}#hero .hero-wrap .left .scr{display:none}#hero .hero-wrap .right{height:50vh}#service .wrapper,#company .wrapper,#recruit .wrapper{padding:5rem 0}#service .wrapper .ser-text{margin:3rem auto}#service .wrapper ul{flex-wrap:wrap}#service .wrapper ul li{width:calc(50% - 8px /2)}#service .wrapper ul li:nth-last-child(-n+2){margin-top:8px}#service .wrapper ul li div{padding-top:115%}#service .wrapper ul li .name{padding:2rem}#service .wrapper .btn01{margin:3rem auto 0}#company .wrapper{display:block}#company .wrapper .sp-none{display:flex}#company .wrapper .pc-none{display:none}#company .wrapper .left{max-width:100%}#company .wrapper .left .com-text{margin:3rem auto}#company .wrapper .right{max-width:100%}#company .wrapper .btn01{margin:3rem auto 0}#works .w-slide{margin-top:5rem}#works .wrapper{padding:7rem 0 5rem}#works .wrapper .wor-text{margin:3rem auto}#recruit .wrapper{padding-bottom:0rem;display:block}#recruit .wrapper .left{max-width:100%}#recruit .wrapper .left dl{margin:3rem auto}#recruit .wrapper .left dl dt{font-size:2.4rem;line-height:47px}#recruit .wrapper .right{display:none}#recruit .wrapper .is_sp{width:100%}#recruit .wrapper .btn01{margin:3rem auto 0}}@media screen and (max-width: 600px){#service .wrapper ul{display:block}#service .wrapper ul li{width:100%;margin:0 auto 2rem !important}#service .wrapper ul li div{padding-top:100%}#service .wrapper ul li:first-child div:before{background-image:url("../img/top/ser01-sp.jpg")}#service .wrapper ul li:nth-child(2) div:before{background-image:url("../img/top/ser02-sp.jpg")}#service .wrapper ul li:nth-child(3) div:before{background-image:url("../img/top/ser03-sp.jpg")}#service .wrapper ul li:last-child{margin-bottom:0 !important}#service .wrapper ul li:last-child div:before{background-image:url("../img/top/ser04-sp.jpg")}#works .w-slide{z-index:0}#works .w-slide img{width:auto}#works .w-slide .slick-track,#works .w-slide .slick-list{height:48vw}#works .wrapper{padding:4rem 0 5rem;background:none;border-radius:0;margin-top:0}#company .wrapper .right{display:block}#company .wrapper .right li{width:100%;padding:3rem 2rem}#company .wrapper .right li:first-child{margin-bottom:2rem}#company .wrapper .right li img{margin:0 auto 2rem}}