@import url(https://fonts.googleapis.com/css2?family=Manjari:wght@400;700&family=Noto+Sans+JP:wght@400;500;700&display=swap);
@charset "UTF-8";html{font-size:10px}@media screen and (min-width:1280px){html{font-size:10px}}@media screen and (min-width:769px){html{font-size:.78125vw}}@media screen and (max-width:768px){html{font-size:2.66666667vw}}.pc{display:block}@media (max-width:768px){.pc{display:none}}.sp{display:none}@media (max-width:768px){.sp{display:block}}body{color:#4f4f4f;font-family:Noto Sans JP,sans-serif;font-size:1.5rem;font-weight:500;letter-spacing:.04em}@media (max-width:768px){body{font-size:1.3rem;font-weight:400}}.wrapper{margin:0 auto;max-width:128rem;width:100%}nav{left:0;padding:4rem 3.2rem;position:fixed;top:0;z-index:50}@media (max-width:768px){nav{padding:2.5rem 2rem}}nav .logo img{width:14rem}@media (max-width:768px){nav .logo img{width:9rem}}#scrollTop{aspect-ratio:1;background:url(/assets/img/scroll_top.svg) 50%/contain no-repeat;bottom:2rem;cursor:pointer;position:fixed;right:3.2rem;transition:.4s ease-in-out .2s;width:5rem;z-index:45}#scrollTop.hidden{opacity:0;pointer-events:none}header{aspect-ratio:16/9;display:flex}@media (max-width:768px){header{aspect-ratio:none;background:url(/assets/img/mv_sp.jpg) top/cover no-repeat;flex-direction:column;gap:4rem}}header>div{flex:0 0 50%}@media (max-width:768px){header>div{flex:none}}header .text{align-items:center;display:flex;flex-direction:column;justify-content:center}@media (max-width:768px){header .text{padding:10.2rem 0 0;text-align:center}}header .text p{width:40rem}@media (max-width:768px){header .text p{width:100%}}header .text .lead{color:#0095c6;font-size:4.2rem;font-weight:700;line-height:1.8}@media (max-width:768px){header .text .lead{color:#fff;font-size:2.8rem}}header .text .description{font-size:2rem;line-height:4.5rem;margin-top:3.2rem}@media (max-width:768px){header .text .description{color:#fff;font-size:1.4rem;line-height:2.6rem;margin-top:1.8rem}}header .img{background:url(/assets/img/mv.jpg) 50%/cover no-repeat;padding:18.6rem 14.7rem 0 20.3rem}@media (max-width:768px){header .img{background:none;height:40.3rem;overflow:hidden;padding:0 3.5rem}header .img img{height:45.3rem;-o-object-fit:fill;object-fit:fill;-o-object-position:center top;object-position:center top;width:30.5rem}}main{background:url(/assets/img/main_bg.svg) calc(50% - 15rem) 26.5rem/207rem auto no-repeat}@media (max-width:768px){main{background:none}}section.about{padding-top:20rem}@media (max-width:768px){section.about{padding-top:6rem}}section.about .wrapper{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:11.7rem;justify-content:center}@media (max-width:768px){section.about .wrapper{flex-direction:column;gap:4rem;padding:0 3.8rem}}section.about .wrapper .img{width:35rem}@media (max-width:768px){section.about .wrapper .img{width:100%}}section.about .wrapper .text{padding-top:12.6rem;width:49.3rem}@media (max-width:768px){section.about .wrapper .text{padding-top:0;width:100%}}section.about .wrapper .text h2{align-items:flex-end;color:#0095c6;display:flex;font-size:3.2rem;justify-content:flex-start;letter-spacing:.06em;line-height:1.3}@media (max-width:768px){section.about .wrapper .text h2{font-size:2rem;justify-content:center}}section.about .wrapper .text h2 .logo{align-items:center;display:inline-flex;flex-direction:column;margin-right:1.4rem;width:22rem}@media (max-width:768px){section.about .wrapper .text h2 .logo{width:13rem}}section.about .wrapper .text h2 .logo:before{color:#0095c6;content:"アロコ";display:inline-block;font-size:1.8rem;margin-bottom:1.8rem}@media (max-width:768px){section.about .wrapper .text h2 .logo:before{font-size:1.2rem;margin-bottom:1rem}}section.about .wrapper .text p{font-size:1.8rem;line-height:5.5rem;margin-top:7.2rem}@media (max-width:768px){section.about .wrapper .text p{font-size:1.4rem;line-height:3.3rem;margin-top:4rem;text-align:center}}h2.withSub{align-items:center;color:#0095c6;display:flex;flex-direction:column;font-family:Manjari,sans-serif;font-size:4.6rem;font-weight:700;justify-content:center;letter-spacing:.16em;margin-bottom:8rem;text-align:center}@media (max-width:768px){h2.withSub{font-size:3rem;margin-bottom:3rem}}h2.withSub .after{font-family:Noto Sans JP,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.06em}@media (max-width:768px){h2.withSub .after{font-size:1.4rem}}section.features{background:url(/assets/img/features_bg.svg) top/214rem auto no-repeat;margin-top:-60.5rem;padding:65rem 0 60.5rem;pointer-events:none;position:relative}@media (max-width:768px){section.features{background:url(/assets/img/features_bg_sp.svg) top/61.2rem auto no-repeat;margin-top:-17.3rem;padding:8.9rem 0}}section.features .wrapper{padding:0 7.5rem}@media (max-width:768px){section.features .wrapper{padding:0 2.5rem}}section.features ul{align-items:flex-start;display:flex;flex-wrap:wrap;gap:5rem;justify-content:space-between;pointer-events:all}@media (max-width:768px){section.features ul{gap:2rem}}section.features ul>li{background:#fff;border-radius:.8rem;overflow:hidden;width:calc(50% - 2.5rem)}@media (max-width:768px){section.features ul>li{width:100%}}section.features ul>li .img{height:26rem}@media (max-width:768px){section.features ul>li .img{height:17rem}}section.features ul>li .img img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}section.features ul>li .text{padding:4rem}@media (max-width:768px){section.features ul>li .text{padding:2.8rem 2rem 3.2rem}}section.features ul>li .text h3{align-items:stretch;color:#2d2d2d;display:flex;flex-direction:column;font-size:2.2rem;justify-content:flex-start;margin-bottom:2.4rem}@media (max-width:768px){section.features ul>li .text h3{font-size:2rem;margin-bottom:1.2rem}}section.features ul>li .text h3 .before{align-items:center;color:#0095c6;display:flex;font-family:Manjari,sans-serif;font-size:1.4rem;font-weight:700;justify-content:flex-start;line-height:1;margin-bottom:.8rem}@media (max-width:768px){section.features ul>li .text h3 .before{font-size:1.1rem}}section.features ul>li .text h3 .before:before{background:#0095c6;border-radius:.1rem;content:"";display:inline-block;height:.2rem;margin:0 1.5rem .5rem 0;width:1.5rem}section.features ul>li .text p{line-height:2}@media (max-width:768px){section.features ul>li .text p{font-size:1.3rem;line-height:2.3rem}}@media (min-width:769px){section.features ul>li:nth-child(2n){transform:translateY(10rem)}}section.faq{margin-top:-25rem;padding:0 9rem 12rem}@media (max-width:768px){section.faq{margin-top:3.2rem;padding:0 2.5rem 5rem}}section.faq ul{margin:0 auto;max-width:80rem}section.faq ul>li h3{align-items:center;border:1px solid #0095c6;border-radius:.8rem;cursor:pointer;display:flex;font-size:1.5rem;font-weight:500;height:5.4rem;justify-content:flex-start;padding:0 1.6rem;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:768px){section.faq ul>li h3{font-size:1.3rem;height:6.7rem}}section.faq ul>li h3:before{color:#0095c6;content:"Q";font-family:Arial;font-size:1.8rem;margin-right:1rem}@media (max-width:768px){section.faq ul>li h3:before{font-size:2rem}}section.faq ul>li h3:after{background:url(/assets/img/expander_arrow.svg) 50%/contain no-repeat;bottom:0;content:"";display:block;height:1rem;margin:auto;position:absolute;right:1.6rem;top:0;transition:.4s;width:1rem}section.faq ul>li p{opacity:1;padding:1rem 0 .6rem;transform:translateX(2rem);transition:.4s;width:100%}@media (max-width:768px){section.faq ul>li p{font-size:1.3rem}}section.faq ul>li p:before{color:#0095c6;content:"A";font-family:Arial;font-size:1.8rem;margin-right:1rem}@media (max-width:768px){section.faq ul>li p:before{font-size:2rem}}section.faq ul>li p a{color:#0095c6}section.faq ul>li p a:not(:last-of-type){margin-right:1.5rem}section.faq ul>li+li{margin-top:1rem}section.faq ul>li.closed h3:after{transform:rotate(-180deg)}section.faq ul>li.closed p{opacity:0;padding:0}section.app{background:#e8f3f5;height:48rem}@media (max-width:768px){section.app{background:url(/assets/img/app_bg_sp.svg) top/61.6rem auto no-repeat;height:64.8rem}}section.app .wrapper{align-items:stretch;display:flex;gap:14rem;height:100%;justify-content:center;padding:0 9rem}@media (max-width:768px){section.app .wrapper{align-items:center;flex-direction:column;gap:0;justify-content:flex-start;padding:10rem 2.5rem 0}}section.app .wrapper .text{align-items:center;display:flex;flex-direction:column;justify-content:center}section.app .wrapper .text h2{color:#585858;font-size:2.6rem}@media (max-width:768px){section.app .wrapper .text h2{font-size:2rem;margin-bottom:4rem;text-align:center}}section.app .wrapper .text p{margin-top:4.2rem}@media (max-width:768px){section.app .wrapper .text p{margin-top:1.3rem}}section.app .wrapper .text ul{display:flex;gap:2.8rem;margin-top:1.4rem}@media (max-width:768px){section.app .wrapper .text ul.pc{display:none}}@media (min-width:769px){section.app .wrapper .text ul.sp{display:none}}section.app .wrapper .text ul li{align-items:center;display:flex;gap:1rem}section.app .wrapper .text ul li img:first-child{height:4.2rem}section.app .wrapper .text ul li img:nth-child(2){height:6.4rem}section.app .wrapper .img{align-items:flex-end;display:flex;width:33rem}@media (max-width:768px){section.app .wrapper .img{width:11.3rem}}section.app .csLabel{align-items:center;background:rgba(7,102,147,.56);border-radius:1.2rem;bottom:5rem;color:#fff;display:flex;flex-direction:column;justify-content:center;left:9rem;position:absolute;right:9rem;text-align:center;top:5rem}@media (max-width:768px){section.app .csLabel{bottom:9rem;left:2.5rem;right:2.5rem;top:7.2rem}}section.app .csLabel h2{font-family:Manjari,sans-serif;font-size:4.2rem;letter-spacing:.1em}section.app .csLabel p{font-size:1.6rem;margin-top:1.6rem}section.app.comingSoon{pointer-events:none;position:relative}section.app.comingSoon .wrapper{opacity:.25}section.survey{padding:10rem 0;text-align:center}@media (max-width:768px){section.survey{padding:3.6rem 2.5rem 6rem}}section.survey .wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}section.survey h2{color:#0095c6;font-size:2.4rem;font-weight:700}section.survey p{font-size:1.5rem;line-height:3.6rem;margin-top:4rem}@media (max-width:768px){section.survey p{font-size:1.4rem}}section.survey a{align-items:center;background:#0095c6;border-radius:2.5rem;color:#fff;display:flex;font-size:1.8rem;height:5rem;justify-content:center;margin-top:5rem;max-width:37rem;width:100%}section.socials{padding-bottom:5rem}@media (max-width:768px){section.socials{padding:0 2.5rem 4rem}section.socials .wrapper{border-top:1px solid #ededed;padding-top:3.2rem}}section.socials h2{color:#585858;font-family:Manjari,sans-serif;font-size:1.6rem;letter-spacing:.16em;text-align:center}section.socials ul{align-items:center;display:flex;gap:4.4rem;justify-content:center;margin-top:3.2rem}@media (max-width:768px){section.socials ul{gap:3.5rem}}section.socials ul>li{height:3.8rem;width:3.8rem}@media (max-width:768px){section.socials ul>li{height:3rem;width:3rem}}section.socials ul>li a{display:block}section.socials ul>li a img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}footer{background:#e8f3f5;color:#797979;font-weight:400;padding:3.6rem 0 15.5rem}@media (max-width:768px){footer{padding:3.6rem 0 6.6rem}}footer .links{display:flex;gap:3.6rem;justify-content:center;margin-top:4rem}footer .links>li{font-size:1.2rem}footer .company{border:solid #ccc;border-width:0 0 1px;font-size:1.3rem;margin:0 auto;max-width:56rem;padding:0 2.5rem 2rem}footer .company table td,footer .company table th{padding:1em .5em}footer .company table th{color:#6c6c6c;font-weight:500}footer .copyright{font-family:Manjari,sans-serif;font-size:1.1rem;margin-top:3.2rem;text-align:center}

/*# sourceMappingURL=style.css.map*/