h1,h2,h3,h4,h5{letter-spacing:0}@media screen and (min-width: 1080px){a{cursor:pointer;transition:all ease .4s}a:hover{color:inherit;opacity:.9;transition:all ease .2s}}.page-app-line{--clr-primary: #00a9e0;--clr-line: #43b207;--clr-black: #000;--wrapper-spacing: 20px;--wrapper-spacing: clamp(20px, 5vw, 120px);--wrapper-max-width-md: 1312px}@media screen and (min-width: 1080px){.page-app-line{--wrapper-spacing: 0}}.page-app-line .wrapper{max-width:100%;margin:0 auto;padding:0 var(--wrapper-spacing)}@media screen and (min-width: 1080px){.page-app-line .wrapper{max-width:calc(100% - 40px)}}.page-app-line .wrapper.-md{width:var(--wrapper-max-width-md)}@media screen and (min-width: 1280px){.page-app-line{--grid-width: 4.878%;--grid-gap: 1.676%}}@media screen and (min-width: 1080px){.page-app-line{--grid-width: 64px;--grid-gap: 22px}}.page-app-line .m-heading{font-size:32px;font-weight:bold;line-height:1.2}@media screen and (min-width: 1080px){.page-app-line .m-heading{font-size:48px}}.page-app-line .m-heading.-center{text-align:center}.page-app-line .m-heading--sm{font-size:14px;display:block;text-align:center;margin-bottom:20px;letter-spacing:0}@media screen and (min-width: 1080px){.page-app-line .m-heading--sm{font-size:20px}}.page-app-line .m-txt{font-size:16px;color:inherit;font-weight:normal}.page-app-line .m-txt.-lg{font-size:18px}.page-app-line .m-txt.-sm{font-size:14px}.page-app-line .m-memo{display:inline-block;color:#777;font-size:10px;line-height:1.6}.page-app-line .m-blue{color:var(--clr-primary)}.page-app-line .m-green{color:var(--clr-line)}.page-app-line .m-black{color:var(--clr-black)}.page-app-line .m-bold{font-weight:bold}.page-app-line .m-shadow{filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.2))}.page-app-line .m-link{display:flex;align-items:center;color:var(--clr-primary);font-size:12px}.page-app-line .m-link::after{flex-shrink:0;content:"";display:block;width:.5em;height:.5em;margin-left:.5em;border-top:solid 1px var(--clr-primary);border-right:solid 1px var(--clr-primary);transform:translateY(-0.1em) rotate(135deg)}.page-app-line .img img{width:100%;height:100%;object-fit:contain}.page-app-line .m-sp{display:block}@media screen and (min-width: 1080px){.page-app-line .m-sp{display:none}}.page-app-line .m-pc{display:none}@media screen and (min-width: 1080px){.page-app-line .m-pc{display:block}}.page-app-line .bg{background:#f5f5f5}.page-app-line .m-cvHead{display:flex;align-items:center;justify-content:center;text-align:center}.page-app-line .m-cvHead .img{flex-shrink:0;display:flex;align-items:center;width:20vw;max-width:20%;margin-right:12px}.page-app-line .m-cvHead .m-txt{line-height:1.4}.page-app-line .m-cvBtm{display:flex;justify-content:center;gap:20px}.page-app-line .m-cvBtm.-line{gap:50px}.page-app-line .m-cvBtm a{display:block}.page-app-line .m-cvBtm .img.-line{position:relative;z-index:1;display:flex;width:50vw;max-width:48%;align-self:center;flex-shrink:0}.page-app-line .m-cvBtm .img.-line::after{content:"";display:block;position:absolute;z-index:inherit;top:50%;right:-25px;width:1px;height:34px;transform:translateY(-50%);background:#e8e8e8}.page-app-line .m-cvBtm .img.-qr{width:20vw;max-width:28%}.page-app-line .m-cvBtm .img a{display:block}.page-app-line .layout{display:grid;gap:40px}@media screen and (min-width: 1080px){.page-app-line .layout{gap:60px}}.page-app-line .layout .l-grid{display:grid;gap:20px;padding-top:40px}@media screen and (min-width: 1080px){.page-app-line .layout .l-grid{gap:40px}}.page-app-line .campaign{display:grid;gap:20px;place-items:center;background:#fff;border-radius:24px;color:var(--clr-black);padding:40px;font-weight:bold;line-height:1}.page-app-line .campaign.-line{--clr-primary: var(--clr-line)}.page-app-line .campaign span{color:var(--clr-primary)}.page-app-line .campaign .txt{padding-bottom:8px;border-bottom:2px solid var(--clr-primary)}.page-app-line .campaign .txt-lg{font-size:24px}@media screen and (min-width: 1080px){.page-app-line .campaign .txt-lg{font-size:40px}}.page-app-line .how{--side-padding: 30px;padding:40px var(--side-padding);border-radius:24px;overflow:hidden;color:var(--clr-black);background-color:#fff;display:grid;gap:40px}@media screen and (min-width: 1080px){.page-app-line .how{padding:80px var(--side-padding);--side-padding: 80px}}.page-app-line .how.-line{--clr-primary: var(--clr-line)}@media screen and (min-width: 1080px){.page-app-line .how.-line .list{justify-content:center;grid-template-columns:repeat(4, auto)}}.page-app-line .how h2{text-align:center}.page-app-line .how .list{display:grid;grid-template-columns:repeat(3, auto);place-items:flex-start;gap:20px;overflow-x:auto;width:calc(100% + 2*var(--side-padding));margin-left:calc(-1*var(--side-padding));padding:0 var(--side-padding)}@media screen and (min-width: 1080px){.page-app-line .how .list{gap:40px;place-content:center}}.page-app-line .how .list .step{width:180px;display:grid;gap:10px}@media screen and (min-width: 1080px){.page-app-line .how .list .step{width:220px}}.page-app-line .how .list .step .number{margin:auto;width:-moz-fit-content;width:fit-content;font-weight:bold;padding-bottom:4px;border-bottom:2px solid var(--clr-primary);font-size:.8em}.page-app-line .Follow{display:none}@media screen and (min-width: 1080px){.page-app-line .Follow{display:block;position:fixed;z-index:100;left:40px;bottom:40px;background:#fff;border-radius:24px;padding:20px 40px;box-shadow:0px 8px 12px rgba(0,0,0,.1);width:-moz-fit-content;width:fit-content}.page-app-line .Follow .list{display:flex;gap:10px}.page-app-line .Follow .list li:last-child{margin-left:10px;padding-left:20px;border-left:solid 1px #e2e2e2}.page-app-line .Follow .list li a{display:block;height:35px}.page-app-line .Follow .list li a:hover{opacity:.7}}.page-app-line .Kv{padding-top:60px;font-size:42px}@media screen and (min-width: 1080px){.page-app-line .Kv{padding-top:110px}}@media screen and (min-width: 1080px){.page-app-line .Kv .wrapper{display:flex;justify-content:space-between;gap:clamp(20px,140px,10vw)}}.page-app-line .Kv .head{display:flex;flex-direction:column;gap:40px}@media screen and (min-width: 1080px){.page-app-line .Kv .head{display:block;width:0;flex-grow:2}.page-app-line .Kv .head .detail,.page-app-line .Kv .head .imgWrap{display:none}}.page-app-line .Kv .rightWrap{display:none}@media screen and (min-width: 1080px){.page-app-line .Kv .rightWrap{display:block;width:0;flex-grow:4}.page-app-line .Kv .rightWrap .detail{margin-top:40px;flex-direction:row}.page-app-line .Kv .rightWrap .block{width:0;flex-grow:1}}.page-app-line .Kv .heading{font-size:32px}@media screen and (min-width: 1080px){.page-app-line .Kv .heading{margin-bottom:60px;font-size:42px}}.page-app-line .Kv .heading .lg{font-size:34px}@media screen and (min-width: 1080px){.page-app-line .Kv .heading .lg{font-size:44px}}.page-app-line .Kv .heading .bg{display:inline-block;margin-top:.2em;margin-right:.2em;padding:.2em .4em;border-radius:.2em;font-size:28px}@media screen and (min-width: 1080px){.page-app-line .Kv .heading .bg{font-size:36px}}.page-app-line .Kv .heading .bg:last-of-type{margin-bottom:.2em}.page-app-line .Kv .heading .bg.-primary{background:var(--clr-primary);color:#fff}.page-app-line .Kv .heading .bg.-line{background:var(--clr-line);color:#fff}.page-app-line .Kv .imgWrap{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}@media screen and (min-width: 1080px){.page-app-line .Kv .imgWrap .img{width:50% !important}}.page-app-line .Kv .imgWrap .img:nth-of-type(1){width:58%}@media screen and (min-width: 1080px){.page-app-line .Kv .imgWrap .img:nth-of-type(1){padding:0 clamp(12px,32px,3vw)}}.page-app-line .Kv .imgWrap .img:nth-of-type(2){width:42%;padding:0 0 0 8px}@media screen and (min-width: 1080px){.page-app-line .Kv .imgWrap .img:nth-of-type(2){padding:0 clamp(16px,64px,4vw)}}.page-app-line .Kv .detail{display:flex;flex-direction:column;gap:20px}.page-app-line .Kv .detail .block{display:flex;flex-direction:column;gap:20px;padding:40px 20px 30px;border-radius:24px;background:#fff}@media screen and (min-width: 1080px){.page-app-line .Kv .detail .block{position:relative;z-index:1;padding:40px clamp(20px,40px,3vw) 30px;gap:20px}.page-app-line .Kv .detail .block::before{content:"";display:block;position:absolute;z-index:inherit;top:-15px;left:50%;width:0;height:0;transform:translateX(-50%);border-bottom:solid 35px #fff;border-left:solid 15px rgba(0,0,0,0);border-right:solid 15px rgba(0,0,0,0)}}.page-app-line .Kv .detail .block:nth-of-type(1) .m-cvHead{text-align:left}.page-app-line .Kv .detail .block .m-link{align-self:center}@media screen and (min-width: 1080px){.page-app-line .Kv .detail .block:nth-of-type(2) .m-txt{text-align:center}}.page-app-line .App{margin-top:80px;padding:80px 0;background:var(--clr-primary);color:#fff}@media screen and (min-width: 1080px){.page-app-line .App{margin-top:120px}}.page-app-line .App .outline .group{display:flex;flex-direction:column;gap:20px;margin-top:30px}@media screen and (min-width: 1080px){.page-app-line .App .outline .group{margin-top:40px;flex-direction:row}}.page-app-line .App .outline .block{display:flex;flex-direction:column;gap:12px;padding:40px 20px 60px;border:solid 3px #fff;border-radius:24px}@media screen and (min-width: 1080px){.page-app-line .App .outline .block{width:0;flex-grow:1;padding:40px}}.page-app-line .App .outline .block .img{width:15vw;max-width:32px;line-height:1}.page-app-line .App .outline .block .tit{font-size:28px;font-weight:bold}.page-app-line .App .outline .block .txt{color:inherit;line-height:1.4;font-weight:bold;font-size:16px}.page-app-line .App .example{padding:80px 20px;background:#fff;border-radius:24px;color:var(--clr-black)}@media screen and (min-width: 1080px){.page-app-line .App .example{padding:120px;border-radius:24px}}.page-app-line .App .example .m-heading{text-align:center;color:inherit}.page-app-line .App .example .group{display:flex;flex-direction:column;gap:60px;margin-top:60px}@media screen and (min-width: 1080px){.page-app-line .App .example .group{margin-top:115px}}@media screen and (min-width: 1080px){.page-app-line .App .example .block{display:grid;grid-template-columns:400px 30ch;place-items:center;justify-content:center;gap:40px}.page-app-line .App .example .block:nth-of-type(even){flex-direction:row-reverse}}.page-app-line .App .example .block .img{width:77vw;margin:0 auto}@media screen and (min-width: 1080px){.page-app-line .App .example .block .img{width:auto}}.page-app-line .App .example .block .detail{display:flex;flex-direction:column;gap:40px;margin-top:40px}@media screen and (min-width: 1080px){.page-app-line .App .example .block .detail{margin-top:0}}.page-app-line .App .example .block .tit{font-size:28px;font-weight:bold;text-align:center}@media screen and (min-width: 1080px){.page-app-line .App .example .block .tit{font-size:32px;text-align-last:left}}.page-app-line .App .cvArea{display:grid;gap:20px;padding:40px 30px;background:#fff;border-radius:24px;color:var(--clr-black);text-align:center}.page-app-line .App .cvArea .m-cvHead{text-align:left}@media screen and (min-width: 1080px){.page-app-line .App .cvArea{grid-template-columns:480px 360px;place-items:center;justify-content:center;padding:80px clamp(20px,80px,6vw)}}.page-app-line .Line{margin-top:40px;padding:80px 0;background:var(--clr-line);color:#fff}@media screen and (min-width: 1080px){.page-app-line .Line{padding:120px 0}}.page-app-line .Line .head .img{width:55vw;max-width:262px;margin:0 auto}.page-app-line .Line .head .m-heading{margin-top:40px;text-align:center;font-size:7.1vw}@media screen and (min-width: 1080px){.page-app-line .Line .head .m-heading{font-size:48px}}@media screen and (min-width: 1080px){.page-app-line .Line .intro .layout{display:grid;grid-template-columns:1fr 1fr;justify-content:center;place-items:center;margin:auto}}.page-app-line .Line .intro .imgHead{width:55vw;margin:0 auto}@media screen and (min-width: 1080px){.page-app-line .Line .intro .imgHead{width:auto}.page-app-line .Line .intro .imgHead img{max-width:400px}}.page-app-line .Line .intro .group{display:flex;flex-direction:column;gap:80px}.page-app-line .Line .intro .block{display:flex;flex-direction:column;gap:10px}.page-app-line .Line .intro .block .img{width:10vw;max-width:32px;line-height:1}.page-app-line .Line .intro .block .tit{font-size:28px;font-weight:bold}@media screen and (min-width: 1080px){.page-app-line .Line .intro .block .tit{font-size:36px}}.page-app-line .Line .intro .block .txt{margin-top:10px;color:inherit;font-weight:bold;font-size:16px;line-height:1.4}.page-app-line .Line .intro .block .m-memo{color:inherit}.page-app-line .Line .gift .heading{font-size:28px;font-weight:bold}@media screen and (min-width: 1080px){.page-app-line .Line .gift .heading{font-size:32px}}.page-app-line .Line .gift .list{display:flex;flex-direction:column;gap:46px;margin-top:40px;font-size:24px;font-weight:bold}@media screen and (min-width: 1080px){.page-app-line .Line .gift .list{flex-direction:row}}.page-app-line .Line .gift .list .item{position:relative;z-index:1;padding:40px 20px 50px;border:solid 2px #fff;border-radius:24px;counter-increment:giftNum;line-height:1.4}@media screen and (min-width: 1080px){.page-app-line .Line .gift .list .item{width:0;flex-grow:1;padding:40px clamp(20px,40px,4vw) 70px}}.page-app-line .Line .gift .list .item::before{content:counter(giftNum, decimal-leading-zero);display:block;margin-bottom:10px;font-size:14px}.page-app-line .Line .gift .list .item:not(:last-child)::after{content:"";display:block;position:absolute;z-index:inherit;bottom:-28px;right:50%;width:20px;height:20px;border-top:solid 1px #fff;border-right:solid 1px #fff;transform:translateX(50%) rotate(135deg)}@media screen and (min-width: 1080px){.page-app-line .Line .gift .list .item:not(:last-child)::after{bottom:50%;right:-28px;transform:translateY(50%) rotate(45deg)}}.page-app-line .Line .cvArea{display:flex;flex-direction:column;gap:20px;padding:40px 30px;background:#fff;border-radius:24px;color:var(--clr-black)}@media screen and (min-width: 1080px){.page-app-line .Line .cvArea{padding:80px 20px;flex-direction:row;gap:80px;text-align:left;width:720px;margin:auto}.page-app-line .Line .cvArea .m-cvHead{width:0;flex-grow:1}}@media screen and (min-width: 1080px)and (min-width: 1080px){.page-app-line .Line .cvArea .m-cvHead{justify-content:flex-end}}@media screen and (min-width: 1080px){.page-app-line .Line .cvArea .m-cvBtm{width:0;flex-grow:1}}@media screen and (min-width: 1080px)and (min-width: 1080px){.page-app-line .Line .cvArea .m-cvBtm{justify-content:flex-start}}@media screen and (min-width: 1080px){.page-app-line .Line .cvArea .m-cvHead{text-align:left}}.page-app-line .Line .cvArea .img.-line{width:auto}.page-app-line .Line .cvArea .img:nth-of-type(2){padding-left:20px}