#key{margin-top:5rem;background-image:url("../img/key_visual.jpg");background-size:cover;background-position:center;background-repeat:no-repeat}@media screen and (max-width: 767px){#key{margin-top:4rem}}@media screen and (max-width: 425px){#key{margin-top:3rem}}#key .top_title{z-index:1;padding:6rem 0}@media screen and (max-width: 767px){#key .top_title{padding:4rem 0 16rem}}@media screen and (max-width: 425px){#key .top_title{padding:4rem 0 18rem}}#key .top_title h1{display:none}#key .top_title h2{font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.875rem;color:#495057;font-weight:800;background-color:#fff;padding:1rem 2rem;border-radius:9999px;display:inline-block;left:0;position:relative;box-shadow:0 0 0.4rem rgba(0,0,0,0.16);margin-bottom:1.733rem}@media screen and (max-width: 767px){#key .top_title h2{font-size:1.5rem}}@media screen and (max-width: 450px){#key .top_title h2{font-size:1.25rem;padding:1rem;margin-bottom:0.733rem}}#key .top_title h2::before{content:'';width:0;height:0;border-style:solid;border-width:39px 11.5px 0 11.5px;border-color:#fff transparent transparent transparent;position:absolute;transform:rotate(-55deg);bottom:-1rem}@media screen and (max-width: 450px){#key .top_title h2::before{left:2rem}}#key .top_title h2 span{color:#1C7ED6}@media screen and (max-width: 600px){#key .top_title .title_img.pc{display:none}}#key .top_title .title_img.mobile{display:none}@media screen and (max-width: 600px){#key .top_title .title_img.mobile{display:block}}@media screen and (max-width: 800px){#key .top_title .title_img{width:100%}}@media screen and (max-width: 600px){#key .top_title .title_img{width:80%}}@media screen and (max-width: 450px){#key .top_title .title_img{width:90%}}#key .top_title .title_logo{width:22rem}@media screen and (max-width: 767px){#key .top_title .title_logo{width:60%}}@media screen and (max-width: 550px){#key .top_title .title_logo{width:70%}}#key .top_title .title_logo img{width:100%}#top_button{background:linear-gradient(to right, #3BC9DB, #1C7ED6);position:relative}#top_button .button_red{position:relative;z-index:13}#top_button .campaign{position:absolute;top:-5rem;z-index:12;width:28rem;left:50%;transform:translateX(-50%)}@media screen and (max-width: 767px){#top_button .campaign{top:-3rem;width:20rem}}#top_button .campaign img{width:100%;vertical-align:bottom}#top_button figure{width:100%;max-width:1152px;position:absolute;bottom:-4rem;display:flex;justify-content:flex-end}@media screen and (max-width: 1250px){#top_button figure{left:0;margin-right:4%}}@media screen and (max-width: 767px){#top_button figure{bottom:4rem}}@media screen and (max-width: 425px){#top_button figure{bottom:6rem}}#top_button figure img{width:37.142%}@media screen and (max-width: 767px){#top_button figure img{width:50%}}@media screen and (max-width: 550px){#top_button figure img{width:55%}}@media screen and (max-width: 450px){#top_button figure img{width:60%}}@media screen and (max-width: 375px){#top_button figure img{width:70%}}#about_juice{padding-top:6rem}@media screen and (max-width: 767px){#about_juice{padding-top:4rem}}#about_juice h2{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:800}#about_juice h2 .sp_only{display:none}@media screen and (max-width: 425px){#about_juice h2 .sp_only{display:inline}}@media screen and (max-width: 340px){#about_juice h2.text_2xl{font-size:1.25rem}}#about_juice h2 img{vertical-align:bottom;margin-right:0.666rem}@media screen and (max-width: 767px){#about_juice h2 img{margin-right:0.333rem}}@media screen and (max-width: 640px){#about_juice h2 img{width:40%}}@media screen and (max-width: 425px){#about_juice h2 img{display:none}}#about_juice h3{font-weight:400}#about_juice h3 span{color:#1C7ED6;font-weight:700}@media screen and (max-width: 550px){#about_juice .flex{flex-direction:column;align-items:center}}#about_juice .flex .item{width:33.3333%;padding-top:5rem;position:relative}@media screen and (max-width: 550px){#about_juice .flex .item{width:50%}}@media screen and (max-width: 425px){#about_juice .flex .item{width:80%}}#about_juice .flex .item .balloon{position:absolute;top:0;background-image:url("../img/balloon.svg");background-size:cover;background-repeat:no-repeat;background-position:center;width:12rem;padding-top:7rem;z-index:15;left:-1rem}@media screen and (min-width: 551px) and (max-width: 700px){#about_juice .flex .item .balloon{width:10.5rem;padding-top:6.125rem}}#about_juice .flex .item .balloon p{position:absolute;top:1.25rem;text-align:center;color:#1C7ED6;font-size:1.125rem;font-weight:800;font-family:"M PLUS Rounded 1c",sans-serif;left:50%;transform:translateX(-50%);width:100%}@media screen and (min-width: 551px) and (max-width: 700px){#about_juice .flex .item .balloon p{font-size:1rem}}#about_juice .flex .item figure{width:100%;padding-top:100%;background-color:#E5F6FF;border-radius:9999px;position:relative;margin-bottom:2rem}@media screen and (max-width: 800px){#about_juice .flex .item figure{margin-bottom:1rem}}#about_juice .flex .item figure img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#about_juice .flex .item figure.img1 img{width:77.7777%}#about_juice .flex .item figure.img2 img{width:100.74%}#about_juice .flex .item figure.img3{overflow:hidden;border-radius:0;background-color:transparent}#about_juice .flex .item figure.img3::after{content:'';width:100%;padding-top:100%;position:absolute;background-color:#E5F6FF;border-radius:9999px;top:0;z-index:-1}#about_juice .flex .item figure.img3 img{top:55%}@media screen and (max-width: 900px){#about_juice .flex .item figure.img3 img{width:130%}}#about_juice .flex .item:not(:last-child){margin-right:6rem}@media screen and (max-width: 900px){#about_juice .flex .item:not(:last-child){margin-right:4rem}}@media screen and (max-width: 700px){#about_juice .flex .item:not(:last-child){margin-right:2rem}}@media screen and (max-width: 550px){#about_juice .flex .item:not(:last-child){margin-right:0;margin-bottom:2rem}}#features{background:linear-gradient(to bottom, #F1F8FC, #E6FCFF)}#features h2{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:800}#features h2 img{vertical-align:bottom;margin-right:0.666rem}#features .list .flex:nth-child(2n) .text{margin-right:2rem;margin-left:0}@media screen and (max-width: 767px){#features .list .flex:nth-child(2n) .text{margin-right:0;margin-top:2rem}}@media screen and (min-width: 768px) and (max-width: 950px){#features .list .flex:first-child .text .features_leading h3,#features .list .flex:nth-child(2) .text .features_leading h3{font-size:1.375rem}}@media screen and (max-width: 500px){#features .list .flex:first-child .text .features_leading h3,#features .list .flex:nth-child(2) .text .features_leading h3{font-size:1.375rem}}@media screen and (max-width: 375px){#features .list .flex:first-child .text .features_leading h3,#features .list .flex:nth-child(2) .text .features_leading h3{font-size:1.125rem}}#features .list .flex .img{width:calc(50% - 1rem)}@media screen and (max-width: 767px){#features .list .flex .img{width:100%}}#features .list .flex .img img{width:100%}#features .list .flex .img.img1{padding-right:6rem;padding-bottom:12rem;position:relative}@media screen and (max-width: 1150px){#features .list .flex .img.img1{padding-right:2rem}}@media screen and (max-width: 950px){#features .list .flex .img.img1{padding-right:0}}@media screen and (max-width: 767px){#features .list .flex .img.img1{padding-right:17.647%;padding-bottom:35.294%}}#features .list .flex .img.img1 .back{border-radius:1rem}#features .list .flex .img.img1 .above{display:flex;position:absolute;right:0;bottom:0;justify-content:flex-end}#features .list .flex .img.img1 .above img{width:29.411%}#features .list .flex .img.img1 .above img:not(:last-child){margin-right:2rem}@media screen and (max-width: 1150px){#features .list .flex .img.img1 .above img{width:35.294%}}@media screen and (max-width: 1024px){#features .list .flex .img.img1 .above img{width:41.176%}}@media screen and (max-width: 950px){#features .list .flex .img.img1 .above img{width:47.058%}}@media screen and (max-width: 767px){#features .list .flex .img.img1 .above img{width:29.411%}}#features .list .flex .img.img2{display:flex;align-items:center}#features .list .flex .img.img2 .screenshots{display:flex}#features .list .flex .img.img2 .screenshots figure{width:29.411%}#features .list .flex .img.img2 .screenshots figure:not(:last-child){margin-right:2rem}#features .list .flex .img.img2 .screenshots figure img{width:100%}#features .list .flex .text{width:calc(50% - 1rem);margin-left:2rem;background-color:#fff;border-radius:2rem;box-shadow:0 0 0.4rem rgba(0,0,0,0.16);padding:2rem;display:flex;align-items:center;justify-content:center}@media screen and (min-width: 768px) and (max-width: 950px){#features .list .flex .text{padding:1.5rem}}@media screen and (max-width: 767px){#features .list .flex .text{width:100%;margin-left:0;margin-top:2rem}}@media screen and (max-width: 500px){#features .list .flex .text{padding:1.5rem}}#features .list .flex .text .features_leading{display:flex;align-items:center;position:relative;padding-left:26.666%;margin-bottom:2rem}@media screen and (max-width: 425px){#features .list .flex .text .features_leading{margin-bottom:1rem}}#features .list .flex .text .features_leading h4{font-size:3.75rem;font-family:"Poppins",sans-serif;color:#1C7ED6;display:flex;left:-2rem;position:absolute;display:flex;align-items:center}@media screen and (min-width: 768px) and (max-width: 950px){#features .list .flex .text .features_leading h4{left:-1.5rem}}@media screen and (max-width: 500px){#features .list .flex .text .features_leading h4{left:-1.5rem}}@media screen and (max-width: 400px){#features .list .flex .text .features_leading h4{font-size:3rem}}#features .list .flex .text .features_leading h4::before{content:'';height:1rem;width:4rem;background-color:#1C7ED6;opacity:.8;margin-right:1rem}@media screen and (min-width: 768px) and (max-width: 950px){#features .list .flex .text .features_leading h4::before{width:2rem}}@media screen and (max-width: 500px){#features .list .flex .text .features_leading h4::before{width:2rem}}#features .list .flex .text .features_leading h3{font-size:1.5rem}#features .list .flex .text .features_leading h3 span{color:#1C7ED6}@media screen and (max-width: 375px){#features .list .flex .text .features_leading h3{font-size:1.25rem}}#features .list .flex .text p{font-weight:400}#features .list .flex .text p:not(:last-child){margin-bottom:1rem}#features .list .flex .text.no2 .features_leading h4{color:#FE6066}#features .list .flex .text.no2 .features_leading h4::before{background-color:#FE6066}#features .list .flex .text.no2 .features_leading h3 span{color:#FE6066}#features .list .flex .text.no3 .features_leading h4{color:#A3E352}#features .list .flex .text.no3 .features_leading h4::before{background-color:#A3E352}#features .list .flex .text.no3 .features_leading h3 span{color:#A3E352}#features .list .flex .text.no4 .features_leading h4{color:#3BC9DB}#features .list .flex .text.no4 .features_leading h4::before{background-color:#3BC9DB}#features .list .flex .text.no4 .features_leading h3 span{color:#3BC9DB}#usage{margin-top:6rem;margin-bottom:4rem}@media screen and (max-width: 767px){#usage{margin-top:4rem}}#usage h2{font-weight:800;font-family:"M PLUS Rounded 1c",sans-serif}#usage h6{color:#3BC9DB}#usage .item{width:100%}#usage .item:last-child{margin-left:2rem}@media screen and (max-width: 640px){#usage .item:last-child{margin-left:0;margin-top:2rem}}#usage .item .video{position:relative;width:100%;height:0;padding-top:56.25%;border-radius:1rem;overflow:hidden;margin:0 auto 1rem}#usage .item .video video{position:absolute;top:0;left:0;width:100%;height:100%}#usage .flow{margin:0 6rem}@media screen and (max-width: 1075px){#usage .flow{margin:0 4rem}}@media screen and (max-width: 990px){#usage .flow{margin:0}}@media screen and (max-width: 640px){#usage .flow{align-items:center}}#usage .flow .item{width:100%;position:relative}@media screen and (max-width: 640px){#usage .flow .item{margin-bottom:2rem;width:50%}}@media screen and (max-width: 580px){#usage .flow .item{width:60%}}@media screen and (max-width: 425px){#usage .flow .item{width:80%}}#usage .flow .item:before{content:'';width:100%;padding-top:100%;display:block;background-color:#E5F6FF;border-radius:9999px}#usage .flow .item:last-child{margin-left:0}@media screen and (max-width: 640px){#usage .flow .item:last-child{margin-bottom:0;margin-top:0}}#usage .flow .item:not(:last-child){margin-right:2rem}@media screen and (max-width: 640px){#usage .flow .item:not(:last-child){margin-right:0}}#usage .flow .item:not(:last-child)::after{content:'';position:absolute;right:-1.5rem;background-image:url("../img/arrow.svg");padding-top:23px;width:16px;background-repeat:no-repeat;background-position:center;background-size:cover;top:50%;transform:translateY(-50%)}@media screen and (max-width: 640px){#usage .flow .item:not(:last-child)::after{left:50%;transform:translateX(-50%) rotate(90deg);bottom:-1.8rem;top:auto}}#usage .flow .item .child{position:absolute;top:0;text-align:center;width:100%;margin-top:3rem}@media screen and (max-width: 1150px) and (min-width: 641px){#usage .flow .item .child{margin-top:2rem}}@media screen and (max-width: 500px){#usage .flow .item .child{margin-top:2rem}}#usage .flow .item .child .text{font-size:1.125rem;font-weight:800;font-family:"M PLUS Rounded 1c",sans-serif}#usage .flow .item .child .text .above{color:#1C7ED6;position:relative;z-index:5}#usage .flow .item .child .text .below{-webkit-text-stroke:0.333rem #fff;text-stroke:0.333rem #fff;position:absolute;z-index:4;top:0;left:50%;transform:translateX(-50%);width:100%}#usage .flow .item .child .btn .button_blue{font-size:1rem;width:12rem;padding:0.6rem}@media screen and (max-width: 950px){#usage .flow .item .child .btn .button_blue{width:auto}}@media screen and (max-width: 820px) and (min-width: 641px){#usage .flow .item .child .btn .button_blue.mt_xl{margin-top:1.5rem}}#usage .flow .item .child .img.img1{width:66.666%;margin-top:1.5rem;margin-left:10%}@media screen and (max-width: 1150px){#usage .flow .item .child .img.img1{margin-top:1rem}}#usage .flow .item .child .img.img1 img{width:80%}#usage .flow .item .child .img.img2{width:50%;margin:1rem auto 0}#usage .flow .item .child .img.img2 img{width:100%}@media screen and (max-width: 850px){#usage .flow .item .child .img.img2{width:45%;margin:0.333rem auto 0}}@media screen and (max-width: 640px){#usage .flow .item .child .img.img2{width:50%;margin:0.666rem auto 0}}#functions{background:linear-gradient(to bottom, #F1F8FC, #E6FCFF);position:relative}#functions h2{font-weight:800;font-family:"M PLUS Rounded 1c",sans-serif}#functions .functions_list{flex-wrap:wrap}#functions .functions_list .item{width:calc(33.3333% - 1.3333rem);background-color:#fff;border-radius:2rem;padding:1rem;box-shadow:0 0 0.4rem rgba(0,0,0,0.16);margin-bottom:2rem;text-align:center}#functions .functions_list .item:not(:nth-child(3n)){margin-right:2rem}@media screen and (max-width: 767px){#functions .functions_list .item:not(:nth-child(3n)){margin-right:0}}@media screen and (max-width: 767px){#functions .functions_list .item{width:calc(50% - 1rem)}#functions .functions_list .item:not(:nth-child(2n)){margin-right:2rem}}@media screen and (max-width: 540px){#functions .functions_list .item{width:100%}#functions .functions_list .item:not(:nth-child(2n)){margin-right:0}}#functions .functions_list .item figure{width:50%;padding-top:50%;background-color:#E5F6FF;border-radius:9999px;position:relative;margin:0 auto 1rem}#functions .functions_list .item figure img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}#functions .functions_list .item figure.img1 img{top:45%;left:55%;width:80%}#functions .functions_list .item figure.img2{overflow:hidden;border-radius:0;background-color:transparent}#functions .functions_list .item figure.img2::after{content:'';width:100%;padding-top:100%;position:absolute;background-color:#E3FFD8;border-radius:9999px;top:0;z-index:0;left:0}#functions .functions_list .item figure.img2 img{top:55%;z-index:2}@media screen and (max-width: 1100px){#functions .functions_list .item figure.img2 img{width:130%}}#functions .functions_list .item figure.img3{background-color:#E2FEFF}#functions .functions_list .item figure.img3 img{width:80%}#functions .functions_list .item figure.img4{background-color:#FFE9E9}#functions .functions_list .item figure.img4 img{top:55%;left:40%;width:90%}#functions .functions_list .item figure.img5{background-color:#E5FEFF}#functions .functions_list .item figure.img5 img{width:100%;left:55%;top:55%}#functions .functions_list .item figure.img6{background-color:#FFF1F3}#functions .functions_list .item figure.img6 img{width:111.88%}#functions .functions_list .item h4{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:800;font-size:1.125rem;margin-bottom:1rem}#functions .functions_list .item h4.text1{color:#1C7ED6}#functions .functions_list .item h4.text2{color:#A3E352}#functions .functions_list .item h4.text3{color:#3BC9DB}#functions .functions_list .item h4.text4{color:#FE6066}#functions .functions_list .item h4.text5{color:#27DCE7}#functions .functions_list .item h4.text6{color:#F783AC}#functions .functions_list .item p{font-weight:400}#functions .balloon{position:absolute;background-image:url("../img/balloon2.svg");background-repeat:no-repeat;background-position:center;width:20rem;height:7rem;top:4rem;left:4%}@media screen and (min-width: 1281px){#functions .balloon{left:calc(50% - 35rem)}}@media screen and (max-width: 850px){#functions .balloon{top:-3rem}}@media screen and (max-width: 400px){#functions .balloon{width:16rem;height:5.6rem;background-size:contain}}#functions .balloon h5{position:absolute;text-align:center;top:0;margin-top:1.25rem;left:50%;transform:translateX(-50%);color:#1C7ED6;font-size:1.125rem;font-weight:800;width:100%}@media screen and (max-width: 400px){#functions .balloon h5{font-size:0.825rem;margin-top:1.125rem}}#prices h2{font-weight:800;font-family:"M PLUS Rounded 1c",sans-serif}#prices h6{color:#3BC9DB}#prices .price{border-radius:2rem;box-shadow:0 0 0.4rem rgba(0,0,0,0.16);width:50%}@media screen and (max-width: 767px){#prices .price{width:100%}}@media screen and (max-width: 450px){#prices .price .p_md{padding:1rem}#prices .price .p_md .text_lg{font-size:1rem}#prices .price .p_md .py_md{padding:1rem 0 2rem}#prices .price .p_md .button_red{font-size:1rem}}#prices .price h3{color:#fff;font-size:1.5rem;background:linear-gradient(to right, #A3E352, #27DCE7);padding:1rem;border-radius:2rem 2rem 0 0}@media screen and (max-width: 450px){#prices .price h3{font-size:1.25rem}}#prices .price p{font-weight:800}#prices .price:first-child{margin-right:2rem;position:relative}@media screen and (max-width: 767px){#prices .price:first-child{margin-right:0;margin-bottom:2rem}}#prices .price:first-child h3{background:linear-gradient(to right, #3BC9DB, #1C7ED6)}#prices .price:first-child .balloon{position:absolute;font-size:1.5rem;color:#1C7ED6;font-weight:800;background-image:url("../img/balloon3.svg");width:10rem;height:7rem;background-repeat:no-repeat;background-size:contain;top:-4rem;left:-3rem}@media screen and (max-width: 767px){#prices .price:first-child .balloon{left:-1rem}}@media screen and (max-width: 450px){#prices .price:first-child .balloon{width:9rem;height:6rem}}#prices .price:first-child .balloon h5{position:absolute;left:50%;transform:translateX(-50%);width:100%;margin-top:1.5rem}@media screen and (max-width: 450px){#prices .price:first-child .balloon h5{font-size:1.25rem}}#articles{background:linear-gradient(to bottom, #F1F8FC, #E6FCFF)}#articles h2{font-weight:800;font-family:"M PLUS Rounded 1c",sans-serif}@media screen and (max-width: 640px){#bottom .flex{align-items:center}}#bottom .flex figure{width:37.142%;margin-right:6rem}@media screen and (max-width: 767px){#bottom .flex figure{margin-right:2rem}}@media screen and (max-width: 640px){#bottom .flex figure{margin-right:0;margin-bottom:2rem;width:50%}}@media screen and (max-width: 425px){#bottom .flex figure{width:80%}}#bottom .flex figure img{width:100%}#bottom .flex .text{width:57.142%;text-align:center}@media screen and (max-width: 767px){#bottom .flex .text{width:62.857%}}@media screen and (max-width: 640px){#bottom .flex .text{width:100%}}#bottom .flex .text .logo{width:75%;margin-bottom:3rem}#bottom .flex .text .logo img{width:100%}#bottom .flex .text h3{font-family:"M PLUS Rounded 1c",sans-serif;font-weight:800}#paperless{background-image:url("../img/paperless.jpg");background-size:cover;background-repeat:no-repeat;background-color:rgba(255,255,255,0.2);background-blend-mode:lighten;background-position:center;text-align:center;color:#fff;text-shadow:0 0 0.4rem #000}#paperless h2{font-family:"M PLUS Rounded 1c",sans-serif;font-size:1.875rem;font-weight:800;margin-bottom:2rem}