:root{--sticky-cta-height: 10px}.sticky-cta{position:fixed;bottom:env(safe-area-inset-bottom, 0);z-index:1000;padding-bottom:0px !important;overflow:hidden;opacity:0;background-color:transparent}.sticky-cta.UpMove{animation:UpAnime .5s forwards}.sticky-cta.DownMove.Scrolled{animation:DownAnime .5s forwards}@keyframes UpAnime{from{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(calc(var(--sticky-cta-height) * 0))}}@keyframes DownAnime{from{opacity:1;transform:translateY(calc(var(--sticky-cta-height) * -1))}to{opacity:0;transform:translateY(0)}}:root{--primary-color: #0f6cb6;--primary-color-light: #e6f0fb;--primary-color-dark: #094472;--color-black: #404040;--color-shadow: #455785;--color-alert: red;--color-attention: #00a24e;--color-feature: #faff60;--color-gray-light: #f9f9f9}*,*::after,*::before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%;color:var(--color-black);font-family:"Meiryo","Noto Sans JP","Yu Gothic","Hiragino Kaku Gothic ProN","Segoe UI","Helvetica Neue","Arial",sans-serif}.price-plan .tabs{margin-top:3rem;margin-bottom:3rem}.price-plan .tabs .tabs__item{display:flex;align-items:center;flex-grow:1;flex-basis:50%;justify-content:center;height:3rem;position:relative;padding:2.5rem 0;overflow:hidden;border-top:1px solid var(--primary-color);border-left:1px solid var(--primary-color);border-right:1px solid var(--primary-color);border-top-left-radius:1rem;border-top-right-radius:1rem;background-color:white;font-size:1.6rem;color:var(--primary-color);letter-spacing:.2rem;transition:all .2s ease;cursor:pointer}.price-plan .tabs .tabs__item:hover,.price-plan .tabs .tabs__item:has(input:focus){background-color:var(--primary-color-light)}.price-plan .tabs .tabs__item:has(input:checked),.price-plan .tabs .tabs__item:has(input:focus:checked){background-color:var(--primary-color);color:#fff;padding:3rem 0}.price-plan .tabs .tabs__list{width:100%;display:flex;align-items:end;justify-content:space-between}.price-plan .tabs input{border:0 !important;clip:rect(0, 0, 0, 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;white-space:nowrap !important;width:1px !important}.price-plan .tabs .tabs__content{overflow:hidden;position:absolute;height:0;font-weight:300}.price-plan .tabs .tabs__list:has(#monthly-subscription>input:checked)~#monthly-subscription__content,.price-plan .tabs .tabs__list:has(#annual-subscription>input:checked)~#annual-subscription__content{overflow:visible;position:static;height:auto;padding:2rem;border:1px solid var(--primary-color)}.font-bold{font-weight:bold}.underline{text-decoration:underline}.text-red{color:red}.bg-blue{background-color:#0856e7}.bg-purple{background-color:#8d3bf6}body{background-image:url("../img/pj_background_tile.jpg");background-repeat:repeat;background-size:auto;background-attachment:fixed}img{max-width:100%;height:auto}h3{font-size:1em;font-weight:bold;line-height:1.4}.container{display:grid;grid-template-columns:1fr minmax(0rem, 80rem) 1fr}.container__main{display:grid;grid-template-columns:40rem 1fr}@media(max-width: 800px){.container__main{grid-template-columns:1fr;justify-content:center}}.content__sp{display:grid;grid-template-columns:1fr;justify-items:center;padding-bottom:100px;background:#fff;overflow:hidden}.content__sp img{max-width:320px;height:auto}.content__sp>section{width:100%;padding-bottom:10px}.content__sp>section:last-child{background-color:transparent}@media(min-width: 800px){.content__sp .sticky-cta{display:none}}.hero{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;min-height:100svh;height:auto;box-sizing:border-box;padding:clamp(1rem,28vh - 18.6rem,15rem) 0;background-image:url("../img/hero_background.png");background-size:cover;background-position:center;background-repeat:no-repeat}.hero__desc{align-items:center;justify-items:center;padding:10px 20px}.hero__desc-text{font-size:1.6rem;font-weight:lighter;color:white;padding:0 2rem}.hero__desc-text--feature{display:inline-block;background-color:var(--primary-color-dark);padding:0 .2rem;color:var(--color-feature)}.hero__subscription{width:85%;background-color:var(--primary-color);padding:.8rem 1rem;box-sizing:border-box;text-align:center;line-height:1em}.hero__subscription-img{width:100%}.hero__points{font-size:1.6rem;color:var(--color-feature);display:grid;grid-template-columns:repeat(3, 1fr);gap:2rem;justify-items:center;width:80%}.hero__point{width:100%;height:auto;display:grid;grid-row-gap:.3rem}.hero__point-img{width:100%;height:auto}.hero__point-text{text-align:center;line-height:1.8rem;font-size:1.5rem}.hero__readers{width:80%}.hero__readers-text{font-size:1.6rem;color:white}.hero__scroll-text{display:grid;align-content:center;justify-items:center;width:7.5rem;height:7.5rem;border-radius:50%;border:1px solid white;color:white;font-size:1.1rem;font-weight:nomal}.privacy__text{font-size:1.4rem;font-weight:lighter;color:var(--primary-color-dark);line-height:1.8rem;background-color:var(--color-gray-light);padding:1.5rem 3rem}.privacy__text :link,.privacy__text :visited{color:var(--primary-color-dark);text-decoration:underline}.start-now{padding:3rem 0 1rem 0;color:white;text-align:center;background-color:white}.start-now__btn{display:grid;grid-template-columns:1fr 20%;align-items:center;justify-content:center;margin:0 6rem;border-radius:.7rem;background-color:var(--color-attention);font-size:2rem;font-weight:bold;cursor:pointer;box-shadow:.2rem .2rem .5rem rgba(0, 0, 0, 0.3)}.start-now__btn:link,.start-now__btn:visited{color:inherit;text-decoration:none}.start-now__btn--text{padding:1.5rem 0;line-height:1.9rem}.start-now__btn--text-sub{font-size:1.4rem;font-weight:lighter}.start-now__btn--icon{height:3rem;width:3rem;fill:currentColor}.sp-start-now{padding:3rem 0 1rem 0;color:white;text-align:center;background-color:white}.sp-start-now__btn{display:grid;grid-template-columns:1fr 22%;align-items:center;justify-content:center;border-radius:.7rem;background-color:var(--color-attention);font-size:2rem;font-weight:bold;box-shadow:.2rem .2rem .5rem rgba(0, 0, 0, 0.3)}.sp-start-now__btn:link,.sp-start-now__btn:visited{color:inherit;text-decoration:none}.sp-start-now__btn--text{padding:1.2rem 0;line-height:1.9rem;color:white;text-align:center}.sp-start-now__btn--text-sub{font-size:1.4rem;font-weight:lighter;color:white}.sp-start-now__btn--icon{height:3rem;width:3rem;fill:currentColor;color:white}.benefit{display:grid;grid-template-columns:1fr;gap:1rem;justify-items:center;background-color:white;padding-bottom:3rem}.benefit__title{margin-top:3rem}.benefit__item{width:85%;display:grid;grid-template-columns:1fr auto;gap:.5rem;margin-top:3rem}.benefit__item--main{display:grid;gap:.8rem}.benefit__item--label{font-size:1.5rem;display:inline-block;justify-self:start;background-color:var(--primary-color);color:white;padding:.1rem .7rem}.benefit__item--title{font-size:1.8rem;font-weight:bold;color:var(--primary-color)}.benefit__item--desc{font-size:1.7rem}.benefit__item--img{align-self:start;margin:0 .5rem}.benefit__item--img-reverse{grid-row:1/2}.try-sample{color:var(--color-black);text-align:center;width:85%}.try-sample__btn{display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center;border-radius:.7rem;background-color:white;font-size:2rem;font-weight:bold;cursor:pointer;height:100%;margin:1.5rem 0;box-shadow:.2rem .2rem .5rem rgba(0, 0, 0, 0.3)}.try-sample__btn:link,.try-sample__btn:visited{color:inherit;text-decoration:none}.try-sample__btn--text{padding:1.5rem 0;line-height:1.9rem;font-size:1.6rem}.try-sample__btn--icon{height:3rem;width:3rem;fill:red;justify-self:center;margin-right:1rem}.cta{display:block;font-size:2rem;font-weight:lighter;line-height:1.8rem}.cta :link,.cta :visited{color:white;text-decoration:none}.cta__btn{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;gap:1rem;background-color:var(--primary-color);padding:3rem}.cta__btn--icon{height:3rem;width:3rem;fill:white}.cta__btn--icon-l{justify-self:end}.cta__btn--icon-r{justify-self:start}.info-solution{display:grid;gap:2.5rem;justify-items:center;width:100%;padding-bottom:3rem;background-color:var(--primary-color-light)}.info-solution__title{padding-top:4rem}.info-solution__point{display:grid;justify-items:center;gap:0;width:85%}.info-solution__point--image{width:100%;height:auto;background-color:#007bff}.info-solution__point--title{display:grid;text-align:center;transform:translateY(-3rem);width:100%;font-size:1.6rem;color:var(--primary-color)}.info-solution__point--title-sub{justify-self:center;width:80%;padding:1rem 0;background-color:var(--primary-color-light);font-size:1.2rem}.info-solution__point--title-main{font-size:1em !important}.info-solution__point--text{font-size:1.6rem;transform:translateY(-1.5rem);overflow:auto;max-height:none}.price-plan{box-sizing:border-box;padding:3rem 2rem 0 2rem;background-color:white;display:grid;justify-items:center;font-size:1.4rem}.price-plan__title{color:var(--primary-color);font-size:1.7em}.tabs__content{display:grid;gap:2rem;justify-items:center}.tabs__content--price{font-size:2rem;text-align:center}.tabs__content--price-main{font-size:2.5rem;font-weight:bold}.tabs__content--buttons{display:grid;width:100%;gap:1rem}.button__payment{display:grid;grid-template-columns:auto auto;align-items:center;justify-items:center;margin:0 1rem;padding:1rem 1rem;font-size:1.7rem;position:relative;z-index:1}.button__payment::before{content:"";z-index:-1;position:absolute;top:0px;bottom:0px;left:0px;right:0px;background-image:linear-gradient(135deg, #fff 6px, transparent 6px calc(100% - 6px), #fff calc(100% - 6px))}.button__payment:link,.button__payment:visited{color:inherit;text-decoration:none}.button__payment--text{text-wrap:nowrap;color:white;justify-self:start}.button__payment--icon{height:2rem;width:2rem;fill:white;justify-self:end;margin-right:.5rem}.cta-buttons{display:grid;gap:2rem;box-sizing:border-box;align-items:center;padding:0 6rem;background-color:white}.footer__sp{display:grid;gap:1rem;justify-items:center;background-color:white;padding:5rem 0;font-size:1.3rem}.footer__sp .companyInfo{text-align:center;font-size:1.8rem}.footer__sp .companyInfo__name:link,.footer__sp .companyInfo__name:visited{color:var(--color-black);font-size:1.8rem}.footer__sp .companyInfo__address{font-size:1.6rem}.footer__sp .companyInfo__openHour{font-size:1.6rem}.footer__sp .footer__links--top :link,.footer__sp .footer__links--top :visited{font-size:1.8rem;color:var(--primary-color)}.footer__sp .footer__links--policy{display:grid;grid-template-columns:auto auto auto;gap:2rem}.footer__sp .footer__links--policy :link,.footer__sp .footer__links--policy :visited{font-size:1.6rem;color:var(--color-black)}@media(max-width: 400px){.start-now__btn{margin:0 2rem}.cta-buttons{padding:0 2rem}.try-sample{width:92%}.hero__points{width:100%;gap:1rem}}@media(max-width: 400px){.hero__points{grid-template-columns:repeat(3, minmax(0, 1fr));gap:.5rem;width:88%;padding:0 .5rem}.hero__point-img{width:clamp(56px,22vw,88px);height:auto;margin:0 auto;display:block}.hero__point-text{font-size:clamp(1rem,2.8vw,1.3rem);line-height:1.25;text-align:center;word-break:keep-all}.btn__sample span,.btn__sample .btn__text{font-size:1.2rem;line-height:1.4}.sp-start-now__btn--text-main{font-size:1.4rem}.sp-start-now__btn--text-sub{font-size:1rem}.sp-start-now__btn--icon,.btn__sample svg{width:2rem;height:2rem}.btn svg.btn__icon{margin-left:0rem}}.content__pc{width:clamp(35rem,5rem + 37.5vw,50rem);height:100vh;max-width:600px;margin:0 auto;padding:0 20px;text-align:center;position:fixed;left:50vw;display:grid;align-items:center}@media(max-width: 800px){.content__pc{display:none}}.content__pc--wrapper{display:grid;align-items:start;gap:clamp(3rem,-1rem + 5vw,5rem)}@media(min-width: 800px){.hero{min-height:0;height:720px}}.link__pc--top:link,.link__pc--top:visited{color:var(--primary-color);font-size:1.4rem}.logo__pc{max-width:95%;height:auto}.content-pc__buttonlist{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center}@media(max-width: 850px){.content-pc__buttonlist{grid-template-columns:1fr}}.content-sp__buttonlist{display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center;background:#eef6fa;padding:16px}.btn{padding:10px;height:4rem;font-size:1.5rem;border:3px solid #3b88c5;border-radius:6px;background-color:white;cursor:pointer;color:var(--primary-color);box-shadow:1px 2px 2px 0px color-mix(in srgb, var(--color-shadow) 38%, transparent);font-weight:bold;display:grid;grid-template-columns:1fr 20%;align-items:center;box-sizing:content-box}.btn__text{justify-self:center;text-align:center}.btn:link,.btn:visited{text-decoration:none}.btn:focus,.btn:hover{transform:translate(1px, 1px);box-shadow:none}.btn svg{height:2.5rem;width:2.5rem;margin-left:1rem;fill:currentColor}.btn__sample{color:var(--color-black)}.btn__sample svg{color:var(--color-black);fill:red}.btn__start{background-color:var(--color-attention);border:2px solid var(--color-attention);color:white;fill:currentColor}.footer__pc{font-size:1.3rem}.companyInfo__name{font-size:1.5rem;font-weight:bold}.companyInfo__name:link,.companyInfo__name:visited{color:var(--color-black);font-size:1.4rem}.companyInfo__address{font-size:1.2rem}.companyInfo__openHour{font-size:1.2rem;font-weight:bold}.footerLinks{display:flex;justify-content:center;gap:10px}.footerLinks a{color:var(--color-black);font-size:1.2rem}/*# sourceMappingURL=style.css.map */