body#method .main .localnav{position:sticky;top:6.25rem;left:0;z-index:11;display:flex;justify-content:center;width:100%;padding:1.875rem 2.5rem;background-color:var(--bk10);-webkit-backdrop-filter:blur(0.625rem);backdrop-filter:blur(0.625rem)}@media(max-width: 768px){body#method .main .localnav{top:14.5833333333vw;padding:4.1666666667vw;-webkit-backdrop-filter:blur(2.0833333333vw);backdrop-filter:blur(2.0833333333vw)}}body#method .main .localnav ul{display:flex;justify-content:center;gap:2.5rem;width:75rem}@media(max-width: 768px){body#method .main .localnav ul{justify-content:flex-end;gap:6.25vw;width:100%}}body#method .main .localnav ul li a{position:relative;display:flex;align-items:center;width:15rem;height:3.125rem;padding-left:3.75rem;border-radius:.625rem;font-size:1rem;font-weight:700;text-decoration:none}@media(max-width: 768px){body#method .main .localnav ul li a{width:25vw;height:10.4166666667vw;padding-left:5.2083333333vw;border-radius:2.0833333333vw;font-size:2.9166666667vw}}body#method .main .localnav ul li a::before,body#method .main .localnav ul li a::after{content:"";position:absolute;aspect-ratio:1/1;transition:transform .5s cubic-bezier(0.2, 1, 0.2, 1)}body#method .main .localnav ul li a::before{top:-0.3125rem;left:-0.625rem;width:3.75rem;border-radius:50%}@media(max-width: 768px){body#method .main .localnav ul li a::before{top:2.0833333333vw;left:-3.125vw;width:6.25vw}}body#method .main .localnav ul li a::after{top:.3125rem;left:0;width:2.5rem;background-color:var(--wh);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:contain;mask-size:contain}@media(max-width: 768px){body#method .main .localnav ul li a::after{top:3.125vw;left:-2.0833333333vw;width:4.1666666667vw}}body#method .main .localnav ul li a.web{color:var(--mpBlue);background-color:var(--mpBlueLight)}body#method .main .localnav ul li a.web::before{background-color:var(--mpBlue)}body#method .main .localnav ul li a.web::after{-webkit-mask-image:url("../images/method/icon_web.svg");mask-image:url("../images/method/icon_web.svg")}body#method .main .localnav ul li a.inperson{color:var(--mpGreen);background-color:var(--mpGreenLight)}body#method .main .localnav ul li a.inperson::before{background-color:var(--mpGreen)}body#method .main .localnav ul li a.inperson::after{-webkit-mask-image:url("../images/method/icon_inperson.svg");mask-image:url("../images/method/icon_inperson.svg")}body#method .main .localnav ul li a.phone{color:var(--mpRed);background-color:var(--mpRedLight)}body#method .main .localnav ul li a.phone::before{background-color:var(--mpRed)}body#method .main .localnav ul li a.phone::after{-webkit-mask-image:url("../images/method/icon_phone.svg");mask-image:url("../images/method/icon_phone.svg")}@media(any-hover: hover){body#method .main .localnav ul li a:hover{background-color:var(--wh)}body#method .main .localnav ul li a:hover::before,body#method .main .localnav ul li a:hover::after{transform:scale(1.1)}}body#method .main .section .anchor{top:-13.125rem}@media(max-width: 768px){body#method .main .section .anchor{top:-33.3333333333vw}}body#method .main .section h3{position:relative;display:flex;align-items:center;height:3.75rem;padding-left:6.25rem;border:0 none;border-radius:.625rem}@media(max-width: 768px){body#method .main .section h3{height:12.5vw;padding-left:20.8333333333vw;border-radius:2.0833333333vw}}body#method .main .section h3::before,body#method .main .section h3::after{content:"";position:absolute;aspect-ratio:1/1}body#method .main .section h3::before{top:-0.625rem;left:.625rem;width:5rem;border-radius:50%}@media(max-width: 768px){body#method .main .section h3::before{top:-2.0833333333vw;left:2.0833333333vw;width:16.6666666667vw}}body#method .main .section h3::after{top:0;left:1.25rem;width:3.75rem;background-color:var(--wh);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:50% 50%;mask-position:50% 50%;-webkit-mask-size:contain;mask-size:contain}@media(max-width: 768px){body#method .main .section h3::after{left:4.1666666667vw;width:12.5vw}}body#method .main .section .contents{margin-top:1.875rem;padding:0 1.25rem}@media(max-width: 768px){body#method .main .section .contents{margin-top:6.25vw;padding:0 2.0833333333vw}}body#method .main .section .flow{padding-left:1.875rem}@media(max-width: 768px){body#method .main .section .flow{padding-left:8.3333333333vw}}body#method .main .section .flow .step{counter-increment:item;position:relative;display:flex;gap:2.5rem;padding:1.25rem 0 1.875rem 3.125rem}@media(max-width: 768px){body#method .main .section .flow .step{flex-direction:column;gap:2.0833333333vw;padding:4.1666666667vw 0 4.1666666667vw 10.4166666667vw}}body#method .main .section .flow .step::before{content:"";position:absolute;top:0;left:0;width:1px;height:100%}body#method .main .section .flow .step::after{content:counter(item, decimal-leading-zero);position:absolute;top:0;left:0;display:flex;justify-content:center;align-items:center;width:3.75rem;height:3.75rem;border-radius:50%;color:var(--wh);font-size:1.875rem;background-color:var(--mpBlue);transform:translateX(-50%)}@media(max-width: 768px){body#method .main .section .flow .step::after{width:12.5vw;height:12.5vw;font-size:6.25vw}}body#method .main .section .flow .step h4{flex-shrink:0;width:calc(30% - 2.5rem);font-size:1.125rem;font-weight:700}@media(max-width: 768px){body#method .main .section .flow .step h4{width:100%;font-size:3.75vw}}body#method .main .section .flow .step .detail{flex-grow:1;display:flex;flex-direction:column;gap:.625rem}@media(max-width: 768px){body#method .main .section .flow .step .detail{gap:2.0833333333vw}}body#method .main .section.web h3{color:var(--mpBlue);background-color:var(--mpBlueLight)}body#method .main .section.web h3::before{background-color:var(--mpBlue)}body#method .main .section.web h3::after{-webkit-mask-image:url("../images/method/icon_web.svg");mask-image:url("../images/method/icon_web.svg")}body#method .main .section.web .step::before,body#method .main .section.web .step::after{background-color:var(--mpBlue)}body#method .main .section.web .step h4{color:var(--mpBlue)}body#method .main .section.inperson h3{color:var(--mpGreen);background-color:var(--mpGreenLight)}body#method .main .section.inperson h3::before{background-color:var(--mpGreen)}body#method .main .section.inperson h3::after{-webkit-mask-image:url("../images/method/icon_inperson.svg");mask-image:url("../images/method/icon_inperson.svg")}body#method .main .section.inperson .step::before,body#method .main .section.inperson .step::after{background-color:var(--mpGreen)}body#method .main .section.inperson .step h4{color:var(--mpGreen)}body#method .main .section.phone h3{color:var(--mpRed);background-color:var(--mpRedLight)}body#method .main .section.phone h3::before{background-color:var(--mpRed)}body#method .main .section.phone h3::after{-webkit-mask-image:url("../images/method/icon_phone.svg");mask-image:url("../images/method/icon_phone.svg")}body#method .main .section.phone .step::before,body#method .main .section.phone .step::after{background-color:var(--mpRed)}body#method .main .section.phone .step h4{color:var(--mpRed)}body#method .main .section .contact{display:flex;flex-direction:column;align-items:center;gap:.625rem}@media(max-width: 768px){body#method .main .section .contact{gap:2.0833333333vw}}body#method .main .section .contact .subject{font-size:1rem;font-weight:700}@media(max-width: 768px){body#method .main .section .contact .subject{font-size:3.3333333333vw}}body#method .main .section .contact a{font-size:3rem;font-weight:700;line-height:1}@media(max-width: 768px){body#method .main .section .contact a{font-size:10vw}}body#method .main .section .contact p{font-size:.75rem}@media(max-width: 768px){body#method .main .section .contact p{font-size:2.5vw}}