main{margin-top:40px}@media screen and (min-width: 821px){main{margin-top:70px}}.breadcrumb{margin-bottom:30px}.lead{text-align:center;margin-bottom:2rem}.lead h1{margin-bottom:.5rem}.lead h1 img{display:block;margin:0 auto}@media screen and (min-width: 821px){.lead h1 img{width:597px !important}}.lead p{line-height:1.875;margin-bottom:.5rem}@media screen and (min-width: 821px){.lead p{font-size:20px}}.lead p span{color:#7acadd}.links-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;padding:0 15px;margin-bottom:2rem}@media screen and (min-width: 821px){.links-wrapper{max-width:800px;margin:0 auto 2rem}}.links-wrapper a{width:48%;display:block;position:relative;background:#fefded;border:5px solid #7acadd;margin-bottom:1rem;border-radius:50%;transition:opacity .4s}.links-wrapper a:hover{opacity:.5}@media screen and (min-width: 821px){.links-wrapper a{width:24%}}.links-wrapper a::before{content:"";display:block;padding-top:100%}.links-wrapper a .link-inner{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:100%}.links-wrapper a .link-inner img{height:60px;width:auto;-o-object-fit:cover;object-fit:cover;display:block;margin:0 auto .5rem}.links-wrapper a .link-inner img.three-line{height:43px;width:auto;-o-object-fit:cover;object-fit:cover}.links-wrapper a .link-inner p{text-align:center;font-size:17px}.links-wrapper a .link-inner p span{position:relative}.links-wrapper a .link-inner p span::before{content:"";width:100%;height:4px;background:url(./link-deco.png) no-repeat center top/cover;position:absolute;bottom:1px;left:0}#first-service{background:url("./bg-service-sp.png") no-repeat;background-size:100% 96%;background-position:bottom;padding:0 15px 50px}@media screen and (min-width: 821px){#first-service{padding:0 0 100px;background:url("./bg-service.png") no-repeat;background-size:100% 96%;background-position:bottom}}#first-service h2{text-align:center;font-size:23px;font-weight:bold;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 821px){#first-service h2{font-size:30px;margin-bottom:3rem}}#first-service h2::after{content:"";display:block;width:24px;height:24px;background:url("./icon-first-service.png") no-repeat center top/cover;margin-left:10px}#first-service .service-contents{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (min-width: 821px){#first-service .service-contents{max-width:800px;margin:0 auto}}#first-service .service-contents .service-content{position:relative;height:90px;border-radius:10px;border:3px solid #f1eb4a;background:#fff;width:48.5%;margin-bottom:3%}@media screen and (min-width: 821px){#first-service .service-contents .service-content{width:31.5%;height:125px}}#first-service .service-contents .service-content .service-content-inner{position:absolute;transform:translate(-50%, -50%);left:50%;top:50%;width:100%}#first-service .service-contents .service-content .service-content-inner h3{font-size:18px;text-align:center}@media screen and (min-width: 821px){#first-service .service-contents .service-content .service-content-inner h3{font-size:24px}}#first-service .service-contents .service-content .service-content-inner h3 span{color:#7acadd;font-weight:bolder}#first-service .service-contents .service-content .service-content-inner p{text-align:center;color:#adadad;font-size:10px}#first-service .service-contents .service-content .num{font-size:36px;color:rgba(241,235,74,.3);font-family:"Outfit",serif;position:absolute;top:-7px;left:-4px;line-height:1}@media screen and (min-width: 821px){#first-service .service-contents .service-content .num{font-size:46px}}#first-use{padding:50px 15px}@media screen and (min-width: 821px){#first-use{padding:100px 0}}@media screen and (min-width: 821px){#first-use .lead{font-size:20px}}#first-use h2{text-align:center;font-size:23px;font-weight:bold;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;padding:.5rem 0;border-top:2px solid #000;border-bottom:2px solid #000}@media screen and (min-width: 821px){#first-use h2{max-width:800px;margin:0 auto 3rem;font-size:30px}}#first-use h2::after{content:"";display:block;width:25px;height:28px;background:url("./icon-first-use.png") no-repeat center top/cover;margin-left:10px}#first-use .step{margin-top:40px}@media screen and (min-width: 821px){#first-use .step{max-width:1000px;margin:3rem auto 0}}#first-use .step h3{text-align:center;display:inline-block;width:100%;margin-bottom:20px}@media screen and (min-width: 821px){#first-use .step h3{font-size:24px}}#first-use .step h3 .ttl-inner{background-image:linear-gradient(to right, #000 2px, transparent 2px);background-size:12px 2px;background-position:left bottom;background-repeat:repeat-x;display:inline-block;position:relative}#first-use .step h3 .ttl-inner.step02::before{content:"";display:block;width:98px;height:30px;background:url("./step02-txt.png") no-repeat center top/cover;position:absolute;right:-30px;top:-30px}#first-use .step h3 .ttl-inner span{font-family:"Outfit",serif;letter-spacing:.1em}.p-function{padding:0 0 50px;background:url("./bg-function-sp.png") no-repeat;background-size:100% 96%;background-position:bottom}@media screen and (min-width: 821px){.p-function{background:url("./bg-function.png") no-repeat;background-size:100% 96%;background-position:bottom;padding:0 0 60px}}.p-function .sec-ttl{width:80%;position:relative;margin:0 auto 30px;font-size:20px;font-family:"Zen Kaku Gothic New",sans-serif;font-weight:bold}@media screen and (min-width: 821px){.p-function .sec-ttl{margin:0 auto 48px;width:600px;font-size:30px}}.p-function .sec-ttl::after,.p-function .sec-ttl::before{content:"";display:block;width:26px;height:46px;background:url("./img_ttl-category-deco.png") no-repeat center top/cover;position:absolute;left:0;top:40%;transform:translateY(-50%)}.p-function .sec-ttl::after{left:inherit;right:0;transform:translateY(-50%) scale(-1, 1)}.p-function .fucntion-wrapper{padding:0 30px;position:relative}@media screen and (min-width: 821px){.p-function .fucntion-wrapper{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between}}.p-function .fucntion-wrapper .function-content{padding:14px;border-top:5px solid #f1eb4a;border-bottom:5px solid #f1eb4a;border-right:5px solid #7acadd;border-left:5px solid #7acadd;position:relative;margin-bottom:36px;background:#fff}@media screen and (min-width: 821px){.p-function .fucntion-wrapper .function-content{width:32%;margin:0}}.p-function .fucntion-wrapper .function-content:last-child{margin-bottom:0}.p-function .fucntion-wrapper .function-content .num{width:32px;height:32px;border-radius:50%;background:#7acadd;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:18px;position:absolute;color:#fff;top:-16px;left:-16px}.p-function .fucntion-wrapper .function-content h3{font-weight:bold;text-align:center;color:#7acadd;margin-bottom:1rem;font-size:17px;letter-spacing:-0.04em}.p-function .fucntion-wrapper .function-content figure{margin-bottom:1rem}#first-coupon{padding:50px 15px;background:url("./bg-service-sp.png") no-repeat;background-size:100% 100%;background-position:bottom}@media screen and (min-width: 821px){#first-coupon{padding:60px 0;background:url("./bg-service.png") no-repeat;background-size:100% 100%}}#first-coupon .lead{line-height:1.8}@media screen and (min-width: 821px){#first-coupon .lead{font-size:20px}}#first-coupon .lead span{color:#7acadd;font-weight:bold}#first-coupon h2{text-align:center;font-size:23px;font-weight:bold;margin-bottom:2rem;padding:.5rem 0;border-top:2px solid #000;border-bottom:2px solid #000}@media screen and (min-width: 821px){#first-coupon h2{font-size:30px;max-width:800px;margin:0 auto 3rem}}#first-coupon h2 span{width:34px;display:inline-block;margin-left:10px}#first-blog{padding:50px 15px 60px}@media screen and (min-width: 821px){#first-blog{padding:50px 15px 100px}}#first-blog h2{text-align:center;font-size:23px;font-weight:bold;margin-bottom:2rem;padding:.5rem 0;border-top:2px solid #7acadd;color:#7acadd;border-bottom:2px solid #7acadd}@media screen and (min-width: 821px){#first-blog h2{font-size:30px;max-width:800px;margin:0 auto 3rem}}#first-blog h2 span{width:20px;display:inline-block;margin-left:5px}@media screen and (min-width: 821px){#first-blog h2 span{width:27px}}@media screen and (min-width: 821px){#first-blog .lead{font-size:20px}}#first-blog .btn{margin-top:40px}
/*# sourceMappingURL=first.min.css.map */