@charset "UTF-8";html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;background:transparent;border:0;font-size:100%;vertical-align:baseline;outline:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul,ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;background:transparent;font-size:100%;vertical-align:baseline}ins{color:#000;background-color:#ff9;text-decoration:none}mark{color:#000;background-color:#ff9;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-spacing:0;border-collapse:collapse}hr{display:block;margin:1em 0;padding:0;height:1px;border:0;border-top:1px solid #ccc}input,select,textarea,button{background:transparent;border:none;vertical-align:middle;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}button{padding:0}*,*:before,*:after{box-sizing:border-box}img{vertical-align:top}html,body{color:#3c3a33;background-color:#fff;font-family:Roboto,Noto Sans JP,游ゴシック,YuGothic,Yu Gothic,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Arial,メイリオ,Meiryo,sans-serif;line-height:1.5}.form_menu_open{display:none}@media screen and (max-width: 860px){.is_pc{display:none}}@media screen and (max-width: 743px){.is_tablet{display:none}}@media screen and (min-width: 860px){.is_sp{display:none}}.main{padding-bottom:0;color:#3d3b34;font-family:Noto Sans JP,sans-serif}.color-primary{color:#5fad5c}.only-sp{display:block}@media screen and (min-width: 767px){.only-sp{display:none}}.only-pc{display:none}@media screen and (min-width: 767px){.only-pc{display:block}}.btn{display:flex;align-items:center;justify-content:center;gap:0;font-size:14px;text-align:center;width:100%;height:48px;border-radius:40px;box-shadow:0 0 4px #00000029;font-weight:700;text-decoration:none;transition:all .25s ease-in-out;cursor:pointer;margin:auto}@media screen and (min-width: 767px){.btn{font-size:16px}}.btn_outline{color:#3d3b34;background-color:#fff;border:1px solid #8F8F8F}.btn_outline:hover{background-color:#3d3b34;color:#fff}@media screen and (min-width: 767px){.btn_outline{max-width:340px}}.btn_sns{border-radius:8px;justify-content:space-between;color:#3d3b34;background-color:#fff;border:1px solid #8F8F8F;padding:0 12px;gap:12px!important}@media screen and (min-width: 767px){.btn_sns{max-width:280px}}.btn_sns:hover{background-color:#f5f5f5}.btn_sns span{flex:1;text-align:left}.btn_sns.icon-x:before{content:"";display:block;width:24px;height:24px;background:url(../img/icon/icon-brand-x.png) no-repeat center/contain}.btn_sns.icon-instagram:before{content:"";display:block;width:24px;height:24px;background:url(../img/icon/icon-brand-instagram.png) no-repeat center/contain}.btn_apply{background-color:#e74c3c;color:#fff;margin:auto}.btn_apply:hover{background-color:#f42c2c}@media screen and (min-width: 767px){.btn_apply{max-width:500px;height:56px}}.btn.has-arrow{gap:8px}.btn.has-arrow:after{content:"";display:block;width:24px;height:24px;background-color:currentColor;mask:url(../img/beginner/icon-arrow.svg) no-repeat center/contain}.btn.has-arrow.arrow-down:after{transform:rotate(90deg)}.list{display:grid;grid-template-columns:1fr;gap:2px;font-size:12px}.list>li{display:flex;flex-direction:row}.list.annotation>li:before{content:"※"}.cta-fixed{position:sticky;bottom:0;left:0;right:0;width:100%;background:#fff;box-shadow:0 3px 12px #0006;padding:16px;border-radius:16px 16px 0 0;transform:translateY(160px);visibility:hidden;transition:transform .3s ease,visibility .3s;z-index:100}.cta-fixed>.btn{max-width:350px}.cta-fixed.is-active{transform:translateY(0);visibility:visible}.lp-section.bg-gray{background-color:#f5f5f5}.lp-section.bg-primary{background-color:#f1f8ed}.lp-section_inner{width:1056px;max-width:100%;margin:auto;padding:60px 16px;display:grid;grid-template-columns:1fr;gap:24px}@media screen and (min-width: 767px){.lp-section_inner{padding:80px 16px;gap:40px}}.lp-section_heading{display:grid;grid-template-columns:1fr;gap:24px}.lp-section_title{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-size:28px;color:#000}@media screen and (min-width: 767px){.lp-section_title{font-size:36px;gap:4px}}.lp-section_title--sub{color:#5fad5c;font-size:16px}@media screen and (min-width: 767px){.lp-section_title--sub{font-size:24px}}.lp-section_title--sub:before{content:"＼"}.lp-section_title--sub:after{content:"／"}.lp-section_sub-title{color:#5fad5c;font-size:16px;margin:auto;display:flex;flex-direction:row;align-items:flex-end;text-align:center;gap:4px}@media screen and (min-width: 767px){.lp-section_sub-title{font-size:24px;align-items:center}}.lp-section_sub-title.has-border:before{content:"＼"}.lp-section_sub-title.has-border:after{content:"／"}.lp-section_desc{text-align:left;font-size:14px}@media screen and (min-width: 767px){.lp-section_desc{text-align:center;font-size:16px}}.lp-section_box{display:grid;grid-template-columns:1fr;gap:40px;padding:16px;background:#fff;box-shadow:0 0 2px #00000026;border-radius:16px}@media screen and (min-width: 767px){.lp-section_box{padding:40px}}@media screen and (min-width: 767px){.lp-section_box.box-row{grid-template-columns:repeat(2,1fr);align-items:flex-start}}.lp-section_box_content{display:grid;grid-template-columns:1fr;gap:16px}.lp-section_box_content .btn{margin:0}.lp-section_box_label{display:flex;flex-direction:row;align-items:stretch;justify-self:start;font-size:12px;font-weight:700;background-color:#f1f8ed;color:#5fad5c;border:1px solid #5FAD5C;border-radius:4px;line-height:1}@media screen and (min-width: 767px){.lp-section_box_label{font-size:14px}}.lp-section_box_label>.count{color:#fff;background-color:#5fad5c;padding:8px}.lp-section_box_label>.text{padding:8px 12px}.lp-section_box_label.large{font-size:14px}@media screen and (min-width: 767px){.lp-section_box_label.large{font-size:20px}}.lp-section_box_label.large>.text{padding:10px 16px}@media screen and (min-width: 767px){.lp-section_box_label.large>.text{padding:10px 20px}}.lp-section_box_title{font-size:24px}@media screen and (min-width: 767px){.lp-section_box_title{font-size:32px}}.lp-section_box_desc{font-size:16px}.lp-section_box_image{width:100%;object-fit:cover;aspect-ratio:452/360;border-radius:10px;height:auto}.navigation{margin:auto;display:flex;align-items:center;justify-content:center;gap:0;border-bottom:1px solid #DEE5D9}.navigation_list{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;overflow:scroll;padding:0 12px}@media screen and (min-width: 767px){.navigation_list{overflow:unset;justify-content:center;padding:auto}}.navigation_item a{display:flex;align-items:center;justify-content:center;gap:0;font-size:14px;font-weight:500;line-height:1;padding:12px;height:52px;color:#3d3b34;text-decoration:none;transition:all .3s;white-space:nowrap}@media screen and (min-width: 767px){.navigation_item a{font-size:16px;font-weight:700;padding:16px;height:70px}}.navigation_item a:hover{opacity:.7}.mv{width:100%;height:auto;background:url(../img/beginner/mv-bg-sp.webp) no-repeat center/cover;aspect-ratio:390/550}@media screen and (min-width: 767px){.mv{background:url(../img/beginner/mv-bg-pc.webp) no-repeat center/cover;aspect-ratio:1440/550;min-height:400px}}.mv_inner{width:1056px;max-width:100%;padding:0 6vw;margin:auto;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:relative}@media screen and (min-width: 767px){.mv_inner{flex-direction:row;padding:0 16px}}.mv_inner:before{content:"";display:block;width:28%;height:auto;aspect-ratio:1/1;background:url(../img/beginner/mv-badge.svg) no-repeat center/cover;position:absolute;right:20px;top:20px}@media screen and (min-width: 767px){.mv_inner:before{width:12vw;max-width:150px;min-width:120px;right:2%;top:10%}}.mv_content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:50%;position:relative}@media screen and (min-width: 767px){.mv_content{width:50%;height:auto;max-width:none;min-width:450px;transform:translateY(14%)}}.mv_logo img{width:100%}.mv_copy{font-size:clamp(12px,3vw,20px);line-height:1.8;padding:0 16px}@media screen and (min-width: 767px){.mv_copy{font-size:14px;text-align:center;padding:0}}.feature_movie video{width:240px;max-width:100%;margin:auto}@media screen and (min-width: 767px){.feature_movie video{width:640px}}.feature_showcase{margin:0 -16px;display:grid;grid-template-columns:1fr;gap:24px}.feature_showcase_list{display:grid;grid-template-columns:repeat(3,280px);align-items:stretch;gap:16px;overflow-x:scroll;padding:0 16px}@media screen and (min-width: 767px){.feature_showcase_list{grid-template-columns:repeat(3,1fr);gap:24px;padding:0}}.feature_showcase_item{flex:1;border:1px solid #D9D9D9;border-radius:8px;padding:8px;font-weight:600;display:flex;flex-direction:column;gap:8px}.feature_showcase_username{font-size:12px;color:#757575}.feature_showcase_detail{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-grow:1;padding:8px 8px 0;margin-top:8px;border-top:1px solid #D9D9D9}.feature_showcase_category{font-size:14px}.feature_showcase_spec{white-space:pre-wrap;color:#5fad5c;font-size:12px}.feature_showcase_price{font-size:20px;display:flex;flex-direction:row;align-items:center;gap:2px;justify-content:flex-end}.product_list{display:grid;grid-template-columns:1fr;gap:8px}@media screen and (min-width: 767px){.product_list{grid-template-columns:repeat(2,1fr);gap:24px}}.product_item{border-radius:10px;overflow:hidden;position:relative;transition:all .3s;box-shadow:0 2px 6px #00000026}.product_item:hover{opacity:.8}.product_title{position:absolute;inset:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;color:#fff;font-size:20px;font-weight:500;padding:24px}@media screen and (min-width: 767px){.product_title{font-size:24px;padding:32px}}.product_title:after{content:"";display:block;width:24px;height:24px;background-color:currentColor;mask:url(../img/beginner/icon-arrow-bold.svg) no-repeat center/contain}.product_image>img{width:100%}.step_list{display:grid;grid-template-columns:1fr;gap:0}.step_item{display:grid;grid-template-columns:1fr;align-items:center;gap:16px;padding:32px 0;border-bottom:1px solid #D9D9D9}@media screen and (min-width: 767px){.step_item{grid-template-columns:repeat(2,1fr);padding:48px 0;gap:40px}}.step_item:last-child{border:none;padding-bottom:0}.step_content{display:grid;grid-template-columns:1fr;gap:8px}.step_num{color:#5fad5c;font-weight:700;font-size:16px}@media screen and (min-width: 767px){.step_num{font-size:20px;margin-bottom:8px}}.step_num>span{font-size:24px}@media screen and (min-width: 767px){.step_num>span{font-size:28px}}.step_title{font-size:20px}@media screen and (min-width: 767px){.step_title{font-size:24px}}.step_desc{font-size:14px;font-weight:400}@media screen and (min-width: 767px){.step_desc{font-size:16px}}@media screen and (min-width: 767px){.step_movie{box-shadow:0 0 2px #00000026}}.step_movie video{width:240px;max-width:100%;margin:auto}@media screen and (min-width: 767px){.step_movie video{width:100%}}.step_order{background-color:#f5f5f5;border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 767px){.step_order{flex-direction:row;padding:24px}}.step_order>.list{flex:1}.step_order>.list a{color:#3d3b34}.step_order>.btn{max-width:280px}.campaign_list{display:grid;grid-template-columns:1fr;gap:8px}@media screen and (min-width: 767px){.campaign_list{grid-template-columns:repeat(2,1fr);gap:24px}}.campaign_item{display:flex;flex-direction:row;align-items:center;gap:16px;background-color:#fff;padding:16px;border-radius:8px}@media screen and (min-width: 767px){.campaign_item{flex-direction:column;gap:8px;padding:24px}}.campaign_item.large{display:grid;grid-template-columns:1fr;padding:24px 24px 0;gap:32px}@media screen and (min-width: 767px){.campaign_item.large{grid-template-columns:repeat(2,1fr);grid-column:span 2;padding:0 40px;gap:0;align-items:flex-end}}.campaign_icon{margin:auto;width:80px}.campaign_main{display:grid;grid-template-columns:1fr;gap:8px;text-align:left;flex:1}@media screen and (min-width: 767px){.campaign_main{text-align:center}}.campaign_main.large{padding:0;text-align:center;gap:24px}@media screen and (min-width: 767px){.campaign_main.large{padding:32px 0}}.campaign_copy{font-size:18px;font-weight:700}@media screen and (min-width: 767px){.campaign_copy{font-size:20px}}.campaign_annotation{font-size:12px}.campaign_btn-wrap{display:grid;grid-template-columns:1fr;gap:16px}.campaign_image{aspect-ratio:480/240;width:100%}.marche_step{background-color:#f5f5f5;border-radius:16px}.marche_step_title{padding:12px;border-bottom:1px solid #D9D9D9;text-align:center;font-size:16px}@media screen and (min-width: 767px){.marche_step_title{font-size:24px}}.marche_step_title>span{color:#5fad5c;margin-left:4px}.marche_step_main{display:grid;grid-template-columns:1fr;gap:40px;padding:24px}@media screen and (min-width: 767px){.marche_step_main{padding:40px}}.marche_step_list{display:flex;flex-direction:column;align-items:center;gap:16px}@media screen and (min-width: 767px){.marche_step_list{flex-direction:row;gap:24px}}.marche_step_item{display:grid;grid-template-columns:1fr;gap:16px;align-items:center}@media screen and (min-width: 767px){.marche_step_item{flex-direction:row}}.marche_step_arrow:after{content:"";display:block;width:20px;height:20px;background:url(../img/beginner/icon-step-arrow.svg) no-repeat center/contain}@media screen and (min-width: 767px){.marche_step_arrow:after{transform:rotate(-90deg)}}.marche_step_image{width:100%;border-radius:8px;border:1px solid #D9D9D9}.marche_step_text{margin:auto;font-size:16px;font-weight:400;display:flex;flex-direction:row;align-items:center;gap:4px}.marche_step_text .bold{font-weight:700}.marche_step_copy{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;font-size:16px;text-align:center}@media screen and (min-width: 767px){.marche_step_copy{flex-direction:row;font-size:18px}}.marche_step_copy .success{font-size:20px;font-weight:700;display:flex;flex-direction:row;align-items:center;gap:8px}@media screen and (min-width: 767px){.marche_step_copy .success{font-size:24px;white-space:nowrap}}.marche_step_copy .success:before{content:"";display:block;width:32px;height:32px;background:url(../img/beginner/icon-success.svg) no-repeat center/contain}.showcase_list{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.showcase_thumbnail{position:relative;cursor:pointer;transition:opacity .3s ease;border-radius:4px;overflow:hidden}.showcase_thumbnail:hover{opacity:.7}.showcase_thumbnail:after{content:"";position:absolute;bottom:.25rem;right:.25rem;display:block;width:1.6rem;height:1.6rem;background:url(../img/beginner/showcase/modal-open.svg) no-repeat center/contain}@media screen and (min-width: 767px){.showcase_thumbnail:after{bottom:.5rem;right:.5rem;width:2.125rem;height:2.125rem;max-width:40px;max-height:40px}}.showcase_image{width:100%;aspect-ratio:1;display:block;object-fit:cover}.showcase_image.has-scale{transform:scale(1.05)}@media screen and (min-width: 767px){.showcase_image{border-radius:8px}}.showcase_modal{border:none;padding:0;max-width:100vw;max-height:100vh;width:100%;height:100%;overflow:hidden;opacity:0;background:#000000b3;backdrop-filter:blur(6px);transition:opacity .3s ease-in-out}.showcase_modal[open]{display:flex;align-items:center;justify-content:center;gap:0}.showcase_modal.is-open{opacity:1}.showcase_modal_inner{width:100%;max-width:600px;height:100%;position:relative;overflow-y:auto;display:flex;align-items:center;justify-content:center;gap:0}@media screen and (min-width: 767px){.showcase_modal_inner{height:auto}}.showcase_modal_close{position:absolute;z-index:100;cursor:pointer;padding:0;border:none;background:none;transition:opacity .3s;width:24px;height:24px;top:1rem;right:1rem}@media screen and (min-width: 767px){.showcase_modal_close{display:block;top:0;right:0;width:40px;height:40px}}.showcase_modal_close img{width:100%;height:100%;aspect-ratio:1}.showcase_modal_close:hover{opacity:.7}.showcase_modal_cta{text-align:center;padding:16px 0}@media screen and (min-width: 767px){.showcase_modal_cta{padding:24px 0}}.showcase_modal_cta>span{display:block;color:#fff;font-size:14px;font-weight:700;margin-bottom:12px}.showcase_modal_cta>span:before{content:"＼"}.showcase_modal_cta>span:after{content:"／"}.showcase_modal .showcase_slider_container{position:relative;width:100%;margin-inline:auto;height:auto;--controls-top: 0px;overflow:hidden}.showcase_modal .showcase_slider{width:100%;height:100%}.showcase_modal .slide-image{width:100%;height:100%;object-fit:cover;display:block;user-select:none;-webkit-user-drag:none}.showcase_modal .showcase_slide{position:relative;margin-inline:auto;max-width:100%;width:20rem;height:90vh;height:90dvh;max-height:48.25rem}@media screen and (min-width: 767px){.showcase_modal .showcase_slide{width:600px;height:728px;max-height:none}}.showcase_modal .showcase_slide_inner{display:grid;height:100%;position:relative;z-index:1;max-width:100%;margin-inline:auto;width:21.4375rem;justify-content:space-around;align-items:flex-end}@media screen and (min-width: 767px){.showcase_modal .showcase_slide_inner{align-items:center;width:auto}}.showcase_modal .showcase_slide_media{position:relative;z-index:30;place-content:end;width:20rem;height:25rem;max-width:100%;margin-inline:auto}@media screen and (min-width: 767px){.showcase_modal .showcase_slide_media{place-content:center;height:70dvh;max-height:500px;width:400px;max-width:100%}}.showcase_modal .showcase_slider_container>.slick-prev,.showcase_modal .showcase_slider_container>.slick-next{position:absolute!important;top:var(--controls-top)!important;transform:none!important;margin-top:0!important;z-index:20;width:32px;height:32px;font-size:0;line-height:0;border:none;background:none;cursor:pointer;padding:0;color:transparent;transition:opacity .3s ease}@media screen and (min-width: 767px){.showcase_modal .showcase_slider_container>.slick-prev,.showcase_modal .showcase_slider_container>.slick-next{width:48px;height:48px;top:var(--arrow-center)!important;transform:translateY(-50%)!important}}.showcase_modal .showcase_slider_container>.slick-prev:hover,.showcase_modal .showcase_slider_container>.slick-next:hover{opacity:.7}.showcase_modal .showcase_slider_container>.slick-prev:before,.showcase_modal .showcase_slider_container>.slick-next:before{content:"";display:block;width:32px;height:32px}@media screen and (min-width: 767px){.showcase_modal .showcase_slider_container>.slick-prev:before,.showcase_modal .showcase_slider_container>.slick-next:before{width:48px;height:48px}}.showcase_modal .showcase_slider_container>.slick-prev{left:1.75rem}@media screen and (min-width: 767px){.showcase_modal .showcase_slider_container>.slick-prev{left:40px}}.showcase_modal .showcase_slider_container>.slick-prev:before{background:url(../img/beginner/showcase/swiper-prev.svg) no-repeat center/contain}.showcase_modal .showcase_slider_container>.slick-next{right:1.75rem}@media screen and (min-width: 767px){.showcase_modal .showcase_slider_container>.slick-next{right:40px}}.showcase_modal .showcase_slider_container>.slick-next:before{background:url(../img/beginner/showcase/swiper-next.svg) no-repeat center/contain}.showcase_modal .showcase_slider_container>.slick-dots{position:absolute;left:0;right:0;top:calc(var(--controls-top) + 8px);transform:none;z-index:10;height:.625rem;display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}.showcase_modal .showcase_slider_container>.slick-dots li{margin:0 3px}.showcase_modal .showcase_slider_container>.slick-dots li button{width:.375rem;height:.375rem;border-radius:50%;background:#ffffff80;border:none;padding:0;font-size:0;line-height:0;cursor:pointer}@media screen and (min-width: 767px){.showcase_modal .showcase_slider_container>.slick-dots li button{width:8px;height:8px}}.showcase_modal .showcase_slider_container>.slick-dots li.slick-active button{background:#fff}body:has(.showcase_modal[open]){overflow:hidden}.cta .top_product_item{background-color:#fff}
