﻿@import"https://fonts.googleapis.com/css2?family=ABeeZee&display=swap";.selfcare__mv{position:relative;width:100%;background-image:url(/auto-ev/selfcare/assets/img/selfcare_bg_2.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}@media screen and (max-width: 767px){.selfcare__mv{background-image:url(/auto-ev/selfcare/assets/img/selfcare_bg_sp_2.jpg)}}.selfcare__mv .inner{width:100%;max-width:1050px;height:100%;padding-top:8%}@media screen and (max-width: 767px){.selfcare__mv .inner{padding-top:11%}}.selfcare__mv .inner h1{width:82%;max-width:828px;margin:0 auto}@media screen and (max-width: 767px){.selfcare__mv .inner h1{width:94%;max-width:400px;margin:0 auto}}.selfcare__mv .inner h1 img{width:100%}.selfcare__mv .inner .box{position:relative;width:100%;margin-top:31.6vw}.selfcare__mv .inner .box::after{content:"▼";display:flex;position:absolute;top:-25px;left:50%;width:50px;height:auto;color:#fff;font-size:22px;background-color:#7bccdf;border-radius:50%;aspect-ratio:1;transform:translateX(-50%);align-items:center;justify-content:center}@media screen and (max-width: 767px){.selfcare__mv .inner .box::after{top:-16px;width:32px;font-size:16px}}@media screen and (max-width: 767px){.selfcare__mv .inner .box{margin-top:52%}}.selfcare__mv .inner .box::before{content:"";display:block;position:absolute;top:55%;left:50%;width:3%;max-width:30px;min-width:26px;height:auto;aspect-ratio:31/1066;background-image:url("/auto-ev/selfcare/assets/img/selfcare_flow_arrow.svg");background-size:100%;background-repeat:no-repeat;transform:translateX(-50%);z-index:-1}@media screen and (max-width: 767px){.selfcare__mv .inner .box::before{top:22%;width:29px;aspect-ratio:31/946;background-image:url("/auto-ev/selfcare/assets/img/selfcare_flow_arrow_sp.svg")}}.selfcare__mv .inner .box p{padding:38px 20px 42px;font-family:"ABeeZee",sans-serif;font-weight:400;font-style:normal;font-size:clamp(19px,1.5972222222vw,23px);line-height:1.9565217;background-color:#fff;border:3px solid #7bccdf;border-radius:20px;text-align:center;white-space:nowrap}@media screen and (max-width: 767px){.selfcare__mv .inner .box p{padding:22px 10px 24px;font-size:min(4.071246vw,16px);line-height:2.125}}.selfcare__flow{padding:45px 0 220px}@media screen and (max-width: 767px){.selfcare__flow{padding:56px 0 173px}}.selfcare__flow .inner{max-width:950px}.selfcare__flow .bubble{position:relative;width:60%;max-width:530px;height:auto;aspect-ratio:530/270;border-radius:50%;border:1px solid #000;background-color:#c7e9ee;box-shadow:0 16px 0 #8d8d8d;transform:rotate(-11.18deg)}@media screen and (max-width: 767px){.selfcare__flow .bubble{width:311px;margin:54px auto 0 !important}.selfcare__flow .bubble:first-child{margin-top:0 !important}}.selfcare__flow .bubble p{position:absolute;top:63%;left:50%;color:#3566ae;font-family:"あおとゴシック DB",sans-serif;font-size:28px;line-height:1.42857;white-space:nowrap;text-align:center;transform:rotate(11.18deg) translate(-50%, -50%)}@media screen and (max-width: 767px){.selfcare__flow .bubble p{left:48%;font-size:20px;line-height:29px}}.selfcare__flow .bubble:nth-child(odd){margin-left:auto}@media screen and (max-width: 767px){.selfcare__flow .bubble:nth-child(odd) p{top:60%}}.selfcare__flow .bubble:nth-child(2){margin-top:10px;background-color:#ddf6fa}.selfcare__flow .bubble:nth-child(2) p{top:66%}@media screen and (max-width: 767px){.selfcare__flow .bubble:nth-child(2) p{top:59%}}.selfcare__flow .bubble:nth-child(3){margin-top:-70px;background-color:#bef2fb}@media screen and (max-width: 767px){.selfcare__flow .bubble:nth-child(3) p{top:63%}}.selfcare__first{position:relative;padding-top:52px;padding-bottom:178px;background-color:#fedc68;border-top:1px solid #000;border-bottom:1px solid #000}@media screen and (max-width: 767px){.selfcare__first{padding-top:67px;padding-bottom:124px}}.selfcare__first .inner{max-width:1100px}.selfcare__first .circle{position:absolute;top:-59px;left:50%;width:90px;height:90px;border-radius:50%;border:1px solid #000;background-color:#bacdf2;transform:translateX(-50%)}.selfcare__first .circle div{position:relative;width:100%;height:100%}.selfcare__first .circle div p{display:flex;align-items:center;position:absolute;top:50%;left:50%;font-family:"あおとゴシック DB",sans-serif;font-size:20px;letter-spacing:.19em;white-space:nowrap;transform:translate(-50%, -50%)}.selfcare__first .circle div p span{font-family:"Prelude Pro Medium";font-size:45px;transform:translateY(-3px)}.selfcare__first h2{display:block;font-family:"あおとゴシック EB",sans-serif;font-size:36px;line-height:43px;letter-spacing:.2em;color:#bacdf2;text-align:center}@media screen and (max-width: 767px){.selfcare__first h2{line-height:55px}}.selfcare__first .text{margin-top:28px;font-size:clamp(18px,1.5277777778vw,22px);line-height:1.45454545;letter-spacing:.05em;text-align:center}@media screen and (max-width: 767px){.selfcare__first .text{margin-top:24px;font-size:18px;line-height:32px}}.selfcare__first .main-img{margin-top:33px;width:100%;border-top:1px solid #000;border-bottom:1px solid #000}@media screen and (max-width: 767px){.selfcare__first .main-img{margin-top:40px}}.selfcare__first .card{margin-top:102px}@media screen and (max-width: 767px){.selfcare__first .card{margin-top:75px}}.selfcare__first .card:first-child{margin-top:none}.selfcare__first .card .content h4{padding:36px 10px 30px;font-family:"あおとゴシック DB",sans-serif;font-size:38px;font-size:clamp(28px,2.6388888889vw,38px);letter-spacing:.1em;border-bottom:1px solid #000;background-color:#bacdf2;text-align:center}@media screen and (max-width: 767px){.selfcare__first .card .content h4{padding:21px 0 19px 5%;font-size:min(6.1vw,26px);line-height:40px}}.selfcare__first .card .content .desc{padding:68px 5.2% 62px;font-family:"あおとゴシック M",sans-serif;font-size:clamp(18px,1.5277777778vw,22px);line-height:1.590909091}@media screen and (max-width: 767px){.selfcare__first .card .content .desc{padding:28px 22px;font-size:16px;line-height:22px}}/*# sourceMappingURL=style.css.map */