@import "https://fonts.googleapis.com/css2?family=LINE+Seed+JP:wght@100;400;700&display=swap";
#first-time{overflow:initial;--bg-linear-blue:linear-gradient(89deg,#649dd1 33%,#9bc8f0 98%);--bg-linear-orange:linear-gradient(90deg,#ffab84 0%,#ff6200 75%);--ft-blue:#2767ae}#first-time main{color:#404d59}#first-time main>section,#first-time main>aside{z-index:2}#first-time .topicpath,#first-time .topicpath:before{background-color:#ebf0f5}#first-time .note_txt,#first-time .note_list{color:#8b9da8;text-align:left;font-size:1.2rem}@media screen and (min-width:768px){#first-time #comparison h2,#first-time #faq h2,#first-time #voice h2{text-align:center;font-size:3.2rem}}@media screen and (max-width:767px){#first-time #voice,#first-time #faq{padding-left:16px;padding-right:16px}#first-time #comparison h2,#first-time #faq h2,#first-time #voice h2{text-align:center;font-size:2.2rem}}#FirstTimeHeader{background:url(/images/first-time/mv-bg.png) 50%/cover no-repeat;z-index:0;background-image:image-set("/images/first-time/mv-bg.webp" 1x type("image/webp"),"/images/first-time/mv-bg.png" 1x type("image/png"));position:relative;overflow:hidden}@media screen and (min-width:768px){#FirstTimeHeader{height:820px;padding:100px 120px 0}#FirstTimeHeader h1 i{font:400 6.4rem/1 var(--font-line-seed);letter-spacing:.08em;display:block}#FirstTimeHeader .mv-sub-title{margin-top:36px;font-size:3.2rem;display:block}#FirstTimeHeader .mv-logo{width:556px;margin-left:300px;position:absolute;top:176px;left:50%}#FirstTimeHeader .mv-message{margin-top:36px;line-height:1}#FirstTimeHeader .mv-message span{font-size:2rem;font-family:var(--font-bold);letter-spacing:.06em;line-height:3.4;display:block}}@media screen and (max-width:767px){#FirstTimeHeader{height:700px;padding:36px 16px 0}#FirstTimeHeader h1 i{font:400 3.6rem/1.27 var(--font-line-seed);letter-spacing:.11em;display:block}#FirstTimeHeader .mv-sub-title{margin-top:24px;font-size:1.5rem;line-height:2;display:block}#FirstTimeHeader .mv-logo{width:216px;margin-left:32px;display:block;position:absolute;top:158px;left:50%}#FirstTimeHeader .mv-message{margin-top:172px;line-height:1}#FirstTimeHeader .delay4 .mv-message{margin-top:20px}#FirstTimeHeader .mv-message span{font-size:1.4rem;font-family:var(--font-bold);letter-spacing:.06em;line-height:2.714;display:block}}#first-time .lead-section-bg{z-index:1;display:block;position:-webkit-sticky;position:sticky;left:0}#FirstTimeLeadSection{color:#fff;text-align:center;z-index:2;justify-content:center;align-items:center;display:flex;position:relative}@media screen and (min-width:768px){#first-time .lead-section-bg{background:url(/images/first-time/lead-bg_pc.png) 50%/cover no-repeat;background-image:image-set("/images/first-time/lead-bg_pc.png" 1x type("image/png"),"/images/first-time/lead-bg_pc.webp" 1x type("image/webp"));height:calc(100vh - 72px);top:72px}#FirstTimeLeadSection{height:calc(100vh - 72px);margin-top:calc(72px - 100vh);font-size:4.8rem}}@media screen and (min-width:768px) and (max-width:1024px){#first-time .lead-section-bg{height:calc(100vh - 52px);top:52px}#FirstTimeLeadSection{height:calc(100vh - 52px);margin-top:calc(52px - 100vh);font-size:4.8rem}}@media screen and (max-width:767px){#first-time .lead-section-bg{background:url(/images/first-time/lead-bg_sp.png) 50%/cover no-repeat;background-image:image-set("/images/first-time/lead-bg_sp.png" 1x type("image/png"),"/images/first-time/lead-bg_sp.webp" 1x type("image/webp"));height:calc(100vh - 52px);top:52px}#FirstTimeLeadSection{height:calc(100vh - 52px);margin-top:calc(52px - 100vh);font-size:2.4rem}}#firstTimePoints{background-color:#fff;max-width:1440px;margin-bottom:0;position:relative;overflow:hidden}@media screen and (min-width:768px){#firstTimePoints{border-radius:32px 32px 0 0;padding:96px 40px 124px}#firstTimePoints section:not(#handFree){max-width:1000px;margin:0 auto;padding:112px 0 92px}#firstTimePoints #results:before,#firstTimePoints #habits:before{content:"";z-index:-1;border-radius:32px 32px 0 0;width:100%;height:100%;margin:auto;display:block;position:absolute;left:50%;transform:translate(-50%,-112px)}#firstTimePoints #results:before{background-color:#edf3fa}#firstTimePoints #habits:before{background-color:#fff}#firstTimePoints #habits .sub-header span{top:-20px}}@media screen and (max-width:767px){#firstTimePoints{border-radius:24px 24px 0 0;padding:36px 16px 60px}#firstTimePoints section:not(#handFree){border-radius:24px 24px 0 0;margin:-24px -16px 0;padding:60px 16px 84px}#firstTimePoints #results{background-color:#edf3fa}#firstTimePoints #habits{background-color:#fff;padding-bottom:40px!important}}#firstTimePoints .section-header{text-align:center;letter-spacing:0;max-width:1000px;margin:0 auto}#firstTimePoints .section-header h2{border-bottom:2px solid;border-image:linear-gradient(90deg,#ff6301 0,#faaf89 85%) 1}#firstTimePoints .section-header p{margin-top:28px;font-size:2.8rem;line-height:1}#firstTimePoints .sub-header{letter-spacing:0;position:relative}#firstTimePoints .sub-header span{font:100 2.2rem/1 var(--font-line-seed);background:var(--bg-linear-orange);letter-spacing:.03em;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-left:4px;position:absolute;top:0;left:0}#firstTimePoints .sub-header span i{letter-spacing:-.05em;margin:0 0 0 -4px;font-size:8rem;display:block}#firstTimePoints .card-wrap{justify-content:space-between;column-gap:18px;margin:32px auto 0;display:flex}#firstTimePoints .card-item{text-align:center;background-color:#fff;border:1px solid #ebf0f5;border-radius:8px;flex:1;padding:0 20px 24px;overflow:hidden;box-shadow:3px 3px 6px rgba(64,77,89,.1)}#firstTimePoints .card-image{margin:-1px -21px 0;display:block}#firstTimePoints .card-image img{object-fit:cover;width:100%;height:100%}#firstTimePoints .card-item p:not([class]){line-height:1.625}#firstTimePoints .card-item p+*{margin-top:20px}#firstTimePoints .card-item a.link{color:var(--ft-blue);padding-right:16px;text-decoration:underline;display:inline-block;position:relative}#firstTimePoints .card-item a.link:after{content:"";border-top:1px solid var(--ft-blue);border-right:1px solid var(--ft-blue);width:6px;height:6px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}#firstTimePoints #habits .card-item h4{margin-top:0}@media screen and (min-width:768px){#firstTimePoints .section-header h2{padding-bottom:8px;font-size:4rem}#firstTimePoints .sub-header{padding-left:128px}#firstTimePoints .sub-header h3{font-size:2.8rem;line-height:1.4}#firstTimePoints .sub-header .point-lead-txt{margin:12px 0;font-size:1.6rem;line-height:1.5}#firstTimePoints .card-item h4{color:var(--ft-blue);justify-content:center;align-items:center;height:2.72em;margin:20px 0 12px;font-size:2.2rem;line-height:1.36;display:flex}}@media screen and (max-width:767px){#firstTimePoints .section-header{margin-bottom:28px}#firstTimePoints .section-header h2{padding-bottom:20px;font-size:2.2rem;line-height:1.4}#firstTimePoints .section-header p{font-size:1.8rem}#firstTimePoints .sub-header span{font-size:1.2rem;top:-8px}#firstTimePoints .sub-header span i{font-size:4.8rem}#firstTimePoints .sub-header h3{padding-left:80px;font-size:1.8rem;line-height:1.5}#firstTimePoints .sub-header .point-lead-txt{margin:20px 0 12px;font-size:1.5rem;line-height:1.86}#firstTimePoints .card-wrap{flex-direction:column;row-gap:24px}#firstTimePoints .card-item h4{color:var(--ft-blue);height:auto;margin:12px 0;font-size:1.8rem;display:block}#firstTimePoints .card-item a.link{font-size:1.6rem}}#handFree{border:solid 2px var(--ft-blue);border-radius:8px;position:relative}#handFree .section-icon{font:400 2rem/1 var(--font-line-seed);color:#fff;background-color:#649dd1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:rotate(-18deg)}#handFree .hand-free-title{color:var(--ft-blue);margin:16px 0;line-height:1}#handFree .hand-free-text{letter-spacing:0;font-size:1.5rem;line-height:2}#handFree .hand-free-list{flex:1;justify-content:space-between;gap:10px;display:flex}#handFree .hand-free-list li{border-radius:6px;flex:1;overflow:hidden}#handFree .hand-free-list span{width:100%;display:block;overflow:hidden}#handFree .hand-free-list p{color:#fff;background:var(--bg-linear-blue);text-align:center;padding:10px 0;font-size:1.6rem;line-height:1.2}@media screen and (min-width:768px){#handFree{grid-template-rows:repeat(2,min-content);grid-template-columns:36.75% 1fr;grid-auto-rows:1fr;grid-auto-flow:column;gap:0 2.75%;max-width:1000px;margin:0 auto;padding:32px 32px 38px 38px;display:grid}.hand-free-title{grid-area:1/1/2/2}.hand-free-text{grid-area:2/1/3/2}.hand-free-list{grid-area:1/2/3/3}#handFree .section-icon{width:94px;height:94px;top:-38px;left:-38px}#handFree .hand-free-title{font-size:2.4rem}}@media screen and (max-width:767px){#handFree{border-width:1px;padding:12px 0}#handFree .section-icon{width:60px;height:60px;font-size:1.4rem;top:-20px;left:-12px}#handFree .hand-free-title{text-align:center;font-size:1.8rem}#handFree .hand-free-text{margin:12px 24px 0}#handFree .hand-free-list{gap:4px;margin-top:20px}#handFree .hand-free-list li{border-radius:2px}#handFree .hand-free-list p{font-size:1.3rem}}#first-time .comparison-table thead td{border-color:transparent}#first-time .comparison-table tbody th{color:#fff;background-color:#6b7278}@media screen and (min-width:768px){#first-time #comparison:before{background-color:#edf3fa}#first-time #comparison h2{margin:0 0 52px}}@media screen and (max-width:767px){#first-time #comparison{background-color:#edf3fa}#first-time #comparison h2{margin:0 0 28px}}#first-time #faq h2 span{display:none}#first-time .faq_box dt,#first-time .faq_box dd{background-color:#fff}#first-time .faq_box{border-bottom:none}#first-time .faq_box dd+dt{border:none}#first-time .faq_box dt{border-radius:4px 4px 0 0}#first-time .faq_box dt span:before,#first-time .faq_box dt span:after{border-width:2px;border-color:#404d59}#first-time .faq_box dd{border-radius:0 0 4px 4px}#first-time .faq_box dt.open+dd div{padding-bottom:28px}@media screen and (min-width:768px){#first-time #faq:before{background-color:#edf3fa}#first-time .faq_box dd+dt{margin-top:20px}#first-time .faq_box dt{padding:12px 64px 8px}#first-time .faq_box dt:before{font:700 1.8rem var(--font-line-seed);left:28px}#first-time .faq_box dd div{padding:0 72px 4px}}@media screen and (max-width:767px){#first-time #faq{background-color:#edf3fa}#first-time .faq_box dd+dt{margin-top:10px}#first-time .faq_box dt{padding:12px 24px 8px 40px}#first-time .faq_box dt:before{font:700 1.4rem var(--font-line-seed);left:8px}#first-time .faq_box dt span:before{right:10px}#first-time .faq_box dt span:after{right:15px}#first-time .faq_box dd div{padding:0 40px 4px}}@media screen and (min-width:768px){#first-time #voice:before{background-color:#fff}#first-time #voice hgroup p{text-align:center;margin-top:24px;font-size:2rem}}@media screen and (max-width:767px){#first-time #voice{background-color:#fff;overflow:hidden}#first-time #voice hgroup p{text-align:center;margin-top:16px;font-size:1.5rem}}.voice-question{grid-template-rows:repeat(4,min-content);grid-auto-rows:1fr;grid-auto-flow:column;width:100%;display:grid}.voice-question sup.note_sup{font-size:1rem;position:relative}#first-time .voice-question-text{color:#fff;background:var(--bg-linear-blue);text-align:center;box-sizing:border-box;border-radius:6px;width:100%;margin:0 auto;position:relative}#first-time .voice-question-text:after{content:"";background:var(--bg-linear-blue);clip-path:polygon(calc(50% - 25px) 0,calc(50% + 25px) 0,50% 100%);width:100%;height:28px;display:block;position:absolute;bottom:-27px;left:0}.voice-graph{text-align:center;display:block}@property --progress{syntax:"<percentage>";inherits:false;initial-value:0%}.voice-graph .circle{background:conic-gradient(#ffab84 0%,#ff6200 var(--progress),#ccc var(--progress)100%);text-align:center;aspect-ratio:1;--progress:0%;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.voice-graph .circle:after{content:"";background:#fff;border-radius:50%;position:absolute}.voice-graph.is-action .circle{animation:1s ease-out forwards progress}.voice-graph .circle span{background:var(--bg-linear-orange);letter-spacing:0;z-index:1;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;line-height:1}@keyframes progress{to{--progress:99%}}.voice-graph-title{color:var(--ft-blue);letter-spacing:.08em;line-height:1.25}.voice-graph-title em{font-size:6.4rem;font-family:var(--font-line-seed);letter-spacing:.02em}.voice-graph-text{color:#000;background-color:#edf3fa;border-radius:8px;margin:16px 0 8px;padding:16px 36px;font-size:1.5rem;line-height:1.86}@media screen and (min-width:768px){#first-time #voice .section-icon{font:100 20rem/1 var(--font-line-seed);color:#edf3fa;transform-origin:100% 0;display:block;position:absolute;top:20px;right:0;transform:rotate(-90deg)}.voice-question{grid-template-columns:270px 1fr;gap:0 42px;max-width:780px;margin:54px auto 0;position:relative}.voice-question-text{grid-area:1/1/2/3}.voice-graph{grid-area:2/1/5/2;align-self:center}.voice-graph-title{grid-area:2/2/3/3}.voice-graph-text{grid-area:3/2/4/3}.voice-note{grid-area:4/2/5/3}.voice-question sup.note_sup{margin-right:-1em;top:1em;left:-1.4em}#first-time .voice-question-text{max-width:780px;margin-bottom:80px;padding:4px 20px;font-size:2.4rem}.voice-graph-title{font-size:4rem}.voice-graph-percentage{margin:0 auto;display:table}.voice-graph-percentage span{font-size:3.6rem}.voice-note{text-align:right!important}.voice-graph .circle:after{top:24px;bottom:24px;left:24px;right:24px}.voice-graph .circle .circle-text{font-size:2.4rem}.voice-graph .circle .circle-percentage{font-size:3.2rem;font-family:var(--font-line-seed)}.voice-graph .circle .circle-percentage em{font-size:6.4rem}}@media screen and (min-width:1080px) and (max-width:1439px){#first-time #voice .section-icon{left:calc(50vw - 360px);right:auto}}@media screen and (min-width:768px) and (max-width:1079px){#first-time #voice .section-icon{left:auto;right:180px}}@media screen and (max-width:767px){#first-time #voice .section-icon{font:100 14rem/1 var(--font-line-seed);color:#edf3fa;width:1180px;animation:20s linear infinite moveIcon;display:block;position:absolute;top:-16px;left:0;overflow:hidden}#first-time #voice .section-icon:after{content:"VOICE";padding-left:1em}@keyframes moveIcon{0%{transform:translate(0)}to{transform:translate(-590px)}}#first-time #voice hgroup{z-index:1;position:relative}.voice-question{grid-template-columns:162px 1fr;gap:0 8px;margin:32px auto 0}.voice-question sup.note_sup{margin-right:-1.2em;top:.5em;left:-1.2em}.voice-question-text{grid-area:1/1/2/3}.voice-graph{grid-area:2/1/3/2}.voice-graph-title{grid-area:2/2/3/3;align-self:center}.voice-graph-text{grid-area:3/1/4/3}.voice-note{grid-area:4/1/5/3}#first-time .voice-question-text{margin-bottom:40px;padding:12px 20px;font-size:1.8rem;line-height:1.22}#first-time .voice-question-text:after{bottom:-16px}.voice-graph-title{font-size:2.2rem}.voice-graph-title em{letter-spacing:-.03em;font-size:3.8rem}.voice-graph-percentage span{letter-spacing:0;font-size:2rem}.voice-graph-text{padding:12px 24px}.voice-graph .circle:after{top:14px;bottom:14px;left:14px;right:14px}.voice-graph .circle .circle-text{font-size:1.5rem}.voice-graph .circle .circle-percentage{font-size:2rem;font-family:var(--font-line-seed)}.voice-graph .circle .circle-percentage em{font-size:3.6rem}}#voiceSlider{position:relative}#voiceSlider .swiper-wrapper{margin:0 -10px;padding:0 0 10px 10px}#voiceSlider .swiper-slide{height:100%;padding:0 10px}.voice-slider-card{border:1px solid #edf3fa;border-radius:8px;min-height:100%;padding:24px 20px 24px 200px;position:relative;box-shadow:3px 3px 6px rgba(0,0,0,.1)}.voice-slider-card-image{border-radius:6px;display:block;position:absolute;left:20px;overflow:hidden}.voice-slider-card-title{color:var(--ft-blue);line-height:1.5}.voice-slider-card-meta{font-size:1.1rem;line-height:1}.voice-slider-card-meta .attr{color:#727070}.voice-slider-card-meta .purpose{color:var(--ft-blue);border:1px solid var(--ft-blue);border-radius:99px;margin-top:8px;padding:6px}.voice-slider-card-text{color:#404040;font-size:1.5rem;line-height:1.86}@media screen and (min-width:768px){.voice-slider-card-image{width:156px;height:156px;top:24px}.voice-slider-card-title{min-height:104px;font-size:1.8rem}.voice-slider-card-meta{text-align:center;width:156px;height:156px;position:absolute;top:194px;left:20px}}@media screen and (max-width:767px){.voice-slider-card{padding:20px}.voice-slider-card-image{width:120px;height:120px;top:20px}.voice-slider-card-title,.voice-slider-card-meta{margin-left:140px}.voice-slider-card-title{min-height:80px;font-size:1.5rem}.voice-slider-card-meta .purpose{text-align:center;border-radius:4px;min-width:115px;display:inline-block}.voice-slider-card-text{margin-top:20px}}.voice-swiper-container{width:100%}.voice-swiper-button{border:1px solid var(--ft-blue);background-color:#fff;border-radius:50%;width:48px;height:48px;box-shadow:3px 3px 6px rgba(0,0,0,.15)}.voice-swiper-button svg{width:20%!important;fill:var(--ft-blue)!important}.voice-swiper-pagination{text-align:center}.voice-swiper-pagination .swiper-pagination-bullet{background:#c1c1c1}.voice-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:var(--bg-linear-orange)}@media screen and (min-width:768px){#voiceSlider{margin-top:60px}}@media screen and (min-width:768px) and (max-width:1179px){.voice-swiper-button.swiper-button-next{right:-40px}.voice-swiper-button.swiper-button-prev{left:-40px}}@media screen and (min-width:1180px){.voice-swiper-button.swiper-button-next{right:-72px}.voice-swiper-button.swiper-button-prev{left:-72px}}@media screen and (max-width:767px){#voiceSlider{margin:32px -16px 0;padding:0 6px}.voice-swiper-button.swiper-button-next{padding-right:6px;right:-16px}.voice-swiper-button.swiper-button-prev{padding-left:6px;left:-16px}}#first-time .fade-right{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(-40px)}#first-time .fade-right.is-action{opacity:1;transform:translate(0)}#first-time .fade-left{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translate(40px)}#first-time .fade-left.is-action{opacity:1;transform:translate(0)}#first-time .fade-in{opacity:0;transition:opacity .6s ease-out}#first-time .fade-in.is-action{opacity:1}#first-time .fade-up{opacity:0;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(40px)}#first-time .fade-up.is-action{opacity:1;transform:translateY(0)}#firstTimePoints .fade-right.delay1{transition-delay:.3s}#FirstTimeHeader .delay1{transition-delay:.6s}#FirstTimeHeader .delay2{transition-delay:1s}#FirstTimeHeader .delay3{transition-delay:1.4s}#FirstTimeHeader .delay4{transition-delay:1.8s}@media screen and (min-width:768px){#firstTimePoints .card-wrap .fade-up:first-of-type{transition-delay:.6s}#firstTimePoints .card-wrap .fade-up:nth-of-type(2){transition-delay:.9s}#firstTimePoints .card-wrap .fade-up:nth-of-type(3){transition-delay:1.2s}}@media screen and (max-height:700px){#FirstTimeHeader .delay2.is-action~.fade-up{opacity:1;transform:translateY(0)}}