#hero{background-color:#f6faff;overflow:hidden;position:relative}#hero:after{content:"";aspect-ratio:1;background:#f0f6fd url(../images/common/section-bg.png) center/contain no-repeat;position:absolute;z-index:1;left:0}@media screen and (max-width: 767px){#hero:after{width:44rem;top:15%;right:0;transform:rotate(12deg) translateX(-40%)}}@media screen and (min-width: 768px){#hero:after{width:67rem;bottom:0;transform:rotate(12deg) translateX(-40%) translateY(32%)}}#hero .container{position:relative;z-index:2;max-width:1550px}#hero .container .hero-content{display:flex;flex-direction:column;position:relative}@media screen and (max-width: 767px){#hero .container .hero-content{gap:3rem;padding-top:4.5rem;padding-bottom:0}}@media screen and (min-width: 768px){#hero .container .hero-content{gap:4.8rem;padding-top:8.5rem;padding-bottom:8.5rem}}#hero .container .hero-content:after{content:"";background:var(--image) center/contain no-repeat;aspect-ratio:75/72}@media screen and (min-width: 768px){#hero .container .hero-content:after{position:absolute;right:0;width:44dvw;transform:translateY(-3rem)}}@media screen and (min-width: 1800px){#hero .container .hero-content:after{width:75rem;transform:translateX(10rem) translateY(-3rem)}}#hero h1{font-weight:bold;line-height:1.2;font-size:2.6rem}@media screen and (max-width: 767px){#hero h1{margin-bottom:1.4rem;text-align:center}}@media screen and (min-width: 768px){#hero h1{margin-bottom:2.4rem;font-size:5.4rem}}@media screen and (min-width: 1800px){#hero h1{font-size:6.4rem}}#hero h1 b{display:block;color:var(--color-primary);font-size:4.6rem}@media screen and (min-width: 768px){#hero h1 b{font-size:9.6rem}}@media screen and (min-width: 1800px){#hero h1 b{font-size:11.6rem}}@media screen and (max-width: 767px){#hero .desc{font-size:1.6rem;letter-spacing:0;text-align:center}}@media screen and (min-width: 768px){#hero .desc{font-size:2rem}}@media screen and (min-width: 1400px){#hero .desc{font-size:2.4rem}}#hero .groups{display:flex;transition:.3s}@media screen and (max-width: 767px){#hero .groups{flex-wrap:wrap;justify-content:center;gap:4rem;row-gap:3rem}}@media screen and (min-width: 768px){#hero .groups{gap:3rem}}@media screen and (min-width: 1400px){#hero .groups{gap:5rem}}@media screen and (min-width: 1800px){#hero .groups{gap:6rem}}#hero .groups .item{position:relative}@media screen and (max-width: 767px){#hero .groups .item{--label-width: 12rem}}@media screen and (min-width: 768px){#hero .groups .item{--label-width: 15rem}}#hero .groups .item::before,#hero .groups .item::after{content:"";position:absolute;top:0;left:0;width:var(--label-width);aspect-ratio:1;border-radius:1.4rem;transform-origin:center;border-width:.3rem}@media screen and (min-width: 768px){#hero .groups .item::before,#hero .groups .item::after{border-width:.5rem}}#hero .groups .item::before{border:solid #afcfff;transform:rotate(-7deg)}#hero .groups .item::after{border:solid #5b9dff;transform:rotate(7deg)}#hero .groups .item .label{display:flex;align-items:center;justify-content:center;aspect-ratio:1;color:var(--color-primary);background-color:#fff;font-weight:500;text-align:center;line-height:1.2;border:solid var(--color-primary);border-radius:1.4rem;width:var(--label-width);position:relative;z-index:2;border-width:.3rem;font-size:1.8rem}@media screen and (min-width: 768px){#hero .groups .item .label{border-width:.5rem;font-size:2.4rem}}#hero .groups .item .label:after{content:"";position:absolute;bottom:0;right:0;transform:translateX(50%) translateY(50%);z-index:2;aspect-ratio:1;border-radius:100%;border:.1rem solid #0b5cd3;background:#fff var(--label) center/2rem no-repeat;width:4.8rem;background-size:2.4rem}#hero .groups .item b{font-weight:900;font-size:2.6rem}@media screen and (min-width: 768px){#hero .groups .item b{font-size:3.6rem}}@media screen and (max-width: 767px){#hero .bot{text-align:center}}#hero .bot p{font-size:1.6rem}@media screen and (min-width: 768px){#hero .bot p{font-size:2rem}}#reason .row{--row-space: 0;justify-content:space-between}@media screen and (max-width: 767px){#reason .row{row-gap:3.6rem}}@media screen and (min-width: 768px){#reason .row{row-gap:7.2rem}}@media screen and (max-width: 767px){#reason .row .col{width:16rem}}@media screen and (min-width: 768px){#reason .row .col{width:41rem}}#reason .reason::before{content:"";display:block;background:var(--icon) center/contain no-repeat}@media screen and (max-width: 767px){#reason .reason::before{height:4.8rem;margin-bottom:2rem}}@media screen and (min-width: 768px){#reason .reason::before{height:10rem;margin-bottom:4.8rem}}#reason .reason .detail{text-align:center}#reason .reason .detail .ttl{font-weight:bold;color:var(--color-primary);margin-bottom:1.2rem}@media screen and (min-width: 768px){#reason .reason .detail .ttl{font-size:2rem}}@media screen and (max-width: 767px){#reason .reason .detail .txt{font-size:1.2rem}}#product .container{max-width:1700px}#product .row{--row-space: 0;justify-content:space-between}@media screen and (max-width: 767px){#product .row{gap:1.5rem;justify-content:center}}@media screen and (max-width: 767px){#product .row .col{width:16rem}}@media screen and (min-width: 768px){#product .row .col{width:24%}}@media screen and (min-width: 1400px){#product .row .col{width:39rem}}#product .product{background-color:#fff;height:100%}@media screen and (max-width: 767px){#product .product{border-radius:1.2rem;padding:2rem .5rem}}@media screen and (min-width: 768px){#product .product{border-radius:2.4rem;padding:3.6rem 2.4rem}}#product .product::before{content:"";display:block;background:var(--product) center/contain no-repeat;margin-bottom:1.5rem}@media screen and (max-width: 767px){#product .product::before{height:10rem}}@media screen and (min-width: 768px){#product .product::before{height:20rem}}@media screen and (min-width: 1400px){#product .product::before{height:25rem}}#product .product .detail{text-align:center}#product .product .detail .ttl{font-weight:bold;color:var(--color-primary);margin-bottom:1.2rem}@media screen and (min-width: 768px){#product .product .detail .ttl{font-size:2rem}}@media screen and (max-width: 767px){#product .product .detail .txt{font-size:1.2rem}}#recommended .recommended_content{display:flex;align-items:flex-end;justify-content:center;gap:7.2rem}@media screen and (max-width: 767px){#recommended .recommended_content{flex-direction:column-reverse;align-items:center;gap:2rem}}#recommended .recommended_content::before{content:"";display:block;aspect-ratio:424/325;background:var(--image) top left/contain no-repeat;width:28rem}@media screen and (min-width: 768px){#recommended .recommended_content::before{width:42.4rem}}#recommended .recommended_content .detail{width:-moz-fit-content;width:fit-content}#recommended .recommended_content .detail ul{display:flex;flex-direction:column;gap:1rem}@media screen and (min-width: 768px){#recommended .recommended_content .detail ul{gap:2.4rem}}#recommended .recommended_content .detail ul li{display:flex;align-items:flex-start;gap:1rem}@media screen and (min-width: 768px){#recommended .recommended_content .detail ul li{gap:2.4rem}}#recommended .recommended_content .detail ul li::before{content:"";display:block;aspect-ratio:1;background:url(../images/common/icon-check.svg) center/contain no-repeat;width:1.8rem;margin-top:.2em}@media screen and (min-width: 768px){#recommended .recommended_content .detail ul li::before{width:2.4rem}}#step .step-wrap{display:flex;justify-content:space-between}@media screen and (max-width: 767px){#step .step-wrap{flex-direction:column;gap:4rem}}#step .step-wrap .step-group{background-color:#fff;filter:drop-shadow(0 0 10.5rem rgba(0, 0, 0, 0.1))}@media screen and (max-width: 767px){#step .step-wrap .step-group{border-radius:1.2rem;width:100%}}@media screen and (min-width: 768px){#step .step-wrap .step-group{border-radius:2.4rem;width:calc(50% - 2rem)}}#step .step-wrap .step-group .step-ttl{background-color:var(--color-primary);text-align:center;color:#fff;font-weight:bold}@media screen and (max-width: 767px){#step .step-wrap .step-group .step-ttl{border-radius:1.2rem 1.2rem 0 0;font-size:2rem;padding:1.2rem}}@media screen and (min-width: 768px){#step .step-wrap .step-group .step-ttl{padding:1.6rem;border-radius:2.4rem 2.4rem 0 0;font-size:2.4rem}}#step .step-wrap .step-group .step-detail{display:flex;flex-direction:column;border:1px solid #ecedee;border-top:none}@media screen and (max-width: 767px){#step .step-wrap .step-group .step-detail{gap:2.4rem;padding:3.6rem 1rem}}@media screen and (min-width: 768px){#step .step-wrap .step-group .step-detail{gap:3.6rem;padding:3.6rem}}#step .step-wrap .step-group .step{display:flex;align-items:flex-start;gap:1.2rem;position:relative}@media screen and (min-width: 768px){#step .step-wrap .step-group .step{gap:2.4rem}}#step .step-wrap .step-group .step .icon{display:flex;height:100%;width:5.4rem}@media screen and (min-width: 768px){#step .step-wrap .step-group .step .icon{width:7.2rem}}#step .step-wrap .step-group .step .icon::before{content:"";width:100%;display:block;aspect-ratio:1;background:var(--step) center/contain no-repeat}#step .step-wrap .step-group .step:not(:last-child) .icon:after{content:"";position:absolute;bottom:0;left:0;background:url(../images/top/step-arrow.svg) top center/contain no-repeat}@media screen and (max-width: 767px){#step .step-wrap .step-group .step:not(:last-child) .icon:after{width:5.4rem;height:calc(100% - 5.4rem);background-size:auto}}@media screen and (min-width: 768px){#step .step-wrap .step-group .step:not(:last-child) .icon:after{width:7.2rem;height:calc(100% - 7.2rem)}}#step .step-wrap .step-group .step .detail{flex:1}#step .step-wrap .step-group .step .detail .ttl{font-weight:bold;color:var(--color-primary);font-size:2rem}@media screen and (min-width: 768px){#step .step-wrap .step-group .step .detail .ttl{margin-bottom:1.2rem}}#step .step-wrap .step-group .step .detail .txt .stt{font-weight:bold;margin-bottom:0;font-size:1.8rem}@media screen and (min-width: 768px){#step .step-wrap .step-group .step .detail .txt .stt{font-size:2rem;margin-bottom:.8rem}}#faq:after{background-size:auto}@media screen and (max-width: 767px){#faq:after{background-size:contain;background-repeat:repeat-y;background-position:top center}}.faq_wrap{display:flex;flex-direction:column}@media screen and (max-width: 767px){.faq_wrap{gap:1.2rem;margin-left:.5rem;margin-right:.5rem}}@media screen and (min-width: 768px){.faq_wrap{gap:3.6rem}}.faq_wrap .faq_item{background-color:#fff;align-items:flex-start;display:flex;padding:1.6rem}@media screen and (min-width: 768px){.faq_wrap .faq_item{border-radius:1.2rem;padding:2.4rem}}@media screen and (max-width: 767px){.faq_wrap .faq_item .txt{margin-right:1rem}}@media screen and (min-width: 768px){.faq_wrap .faq_item .txt{margin-right:2.4rem}}.faq_wrap .faq_item .faq-more{cursor:pointer;position:relative;background:url(../images/top/faq-more.svg) center/contain no-repeat;margin-left:auto;margin-right:0;transition:transform .3s ease;aspect-ratio:2/3}@media screen and (max-width: 767px){.faq_wrap .faq_item .faq-more{width:1.5rem}}@media screen and (min-width: 768px){.faq_wrap .faq_item .faq-more{width:2rem}}.faq_wrap .faq_item.active .faq-more{transform:rotateZ(180deg)}.faq_wrap .faq_item.active .answer{display:block}.faq_wrap .faq_item .faq-inn{flex:1;width:100%}.faq_wrap .faq_item .question{cursor:pointer;font-weight:bold;display:flex;align-items:center;color:var(--color-primary)}@media screen and (max-width: 767px){.faq_wrap .faq_item .question{gap:.8rem;min-height:2.4em}}@media screen and (min-width: 768px){.faq_wrap .faq_item .question{gap:2.4rem;font-size:2rem;min-height:3.8rem}}.faq_wrap .faq_item .question::before{content:"Q";background-color:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;border-radius:.8rem;padding:.6rem 1.2rem .8rem}@media screen and (max-width: 767px){.faq_wrap .faq_item .question::before{font-size:1.8rem}}@media screen and (min-width: 768px){.faq_wrap .faq_item .question::before{font-size:2.4rem}}.faq_wrap .faq_item .answer{font-weight:500;line-height:1.5;letter-spacing:.05em;margin-top:1.5rem;display:none}@media screen and (max-width: 767px){.faq_wrap .faq_item .answer{font-size:1.4rem}}.faq_wrap .faq_item .answer .answer-inn{display:flex;align-items:center;gap:.8rem}@media screen and (min-width: 768px){.faq_wrap .faq_item .answer .answer-inn{gap:2.4rem}}.faq_wrap .faq_item .answer .answer-inn::before{content:"A";color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:700;line-height:1;border-radius:.8rem;padding:.6rem 1.2rem .8rem}@media screen and (max-width: 767px){.faq_wrap .faq_item .answer .answer-inn::before{font-size:1.8rem}}@media screen and (min-width: 768px){.faq_wrap .faq_item .answer .answer-inn::before{font-size:2.4rem}}.faq_wrap .faq_item .answer a{color:#046cca}#company .company-wrap{display:flex;justify-content:space-between}@media screen and (max-width: 767px){#company .company-wrap{flex-direction:column;gap:3rem}}@media screen and (min-width: 768px){#company .company-wrap{gap:4rem}}#company .company-wrap .company-info{display:flex;flex-direction:column}@media screen and (max-width: 767px){#company .company-wrap .company-info{width:100%;gap:1.6rem}}@media screen and (min-width: 768px){#company .company-wrap .company-info{flex:1;max-width:50rem;gap:2.8rem}}#company .company-wrap .company-info dl{display:flex}#company .company-wrap .company-info dl dt{font-weight:bold;color:var(--color-primary)}@media screen and (max-width: 767px){#company .company-wrap .company-info dl dt{width:12rem}}@media screen and (min-width: 768px){#company .company-wrap .company-info dl dt{width:14rem}}#company .company-wrap .company-info dl dd{flex:1}@media screen and (max-width: 767px){#company .company-wrap .company-info dl dd{font-size:1.4rem}}@media screen and (min-width: 768px){#company .company-wrap .company-info dl dd{font-size:1.6rem}}@media screen and (max-width: 767px){#company .company-wrap .map{width:100%}}@media screen and (min-width: 768px){#company .company-wrap .map{flex:1;max-width:60rem}}#company .company-wrap .map iframe{width:100%;border-radius:1.2rem}@media screen and (max-width: 767px){#company .company-wrap .map iframe{height:30rem}}@media screen and (min-width: 768px){#company .company-wrap .map iframe{border-radius:2.4rem;height:100%}}