@charset "utf-8";@import url("root.css");body{width:100vw;overflow-x:hidden}article{section{position:relative;z-index:2}.sub_page_top{.container{&::after{position:absolute;content:"";width:240px;aspect-ratio:1/1;right:0;bottom:0}@media screen and (max-width:820px){&::after{width:30%}}@media screen and (max-width:480px){&::after{display:none}}}}&.topics_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/tokutyou.png) no-repeat!important;background-size:contain!important}}}}&.features_page{.sub_page_top{padding-bottom:0;h3{padding-bottom:45px}.container{&::after{background:url(../img/common/sub_top/tokutyou.png) no-repeat!important;background-size:contain!important}}}.features_content{padding-top:55px}}&.story_page{.sub_page_top{padding-bottom:0;.container{padding-bottom:30px;&::after{background:url(../img/common/sub_top/story.png) no-repeat!important;background-size:contain!important}}}.story_tab{padding:30px 0;background:white}}&.guide_page{.sub_page_top{padding-bottom:0;.container{padding-bottom:30px;&::after{background:url(../img/common/sub_top/about_str.png) no-repeat!important;background-size:contain!important}}}.story_tab{padding:30px 0;background:white}}&.distinction_page,&.function_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/kinou.png) no-repeat!important;background-size:contain!important}}}}&.app_comparison_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/app_comparison.png) no-repeat!important;background-size:contain!important}}}}&.for_kids_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/for_kids.png) no-repeat!important;background-size:contain!important}}}}&.effect_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/effect.png) no-repeat!important;background-size:contain!important}}}}&.experience_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/experience.png) no-repeat!important;background-size:contain!important}}}}&.plannning_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/kikaku.png) no-repeat!important;background-size:contain!important}}}}&.record_detail,&.blog_page,&.record_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/jirei.png) no-repeat!important;background-size:contain!important}}}}&.interview_page{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/jirei_interview.png) no-repeat!important;background-size:contain!important}}}.interview_list.new{background:white;.bg_box_blue{background:white}}}&.design_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/design.png) no-repeat!important;background-size:contain!important}}}}&.plannning_page{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/kikakurei.png) no-repeat!important;background-size:contain!important}}}.planning_tab{margin-top:0}}&.contact_page.request_dl.plannings,&.plannning_page{.sub_page_top{.container{&::after{background:url(../img/common/sub_top/kikakurei.png) no-repeat!important;background-size:contain!important}}}}&.cost_comparison_page,&.price_page{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/ryoukin.png) no-repeat!important;background-size:contain!important}}}.price_renew{padding-top:65px}}&.failure_page{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/failere.png) no-repeat!important;background-size:contain!important}}}.price_renew{padding-top:65px}}&.faq_page{.sub_page_top{padding-bottom:0;margin-bottom:85px;.container{&::after{background:url(../img/common/sub_top/qa.png) no-repeat!important;background-size:contain!important}}.faq_tub{margin-top:0!important}}}&.estimate_page{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/mitsumori.png) no-repeat!important;background-size:contain!important}}}.sub_text{padding:30px 0!important}}&.demo_page,&.contact_page.request_dl{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/siryouseikyu.png) no-repeat!important;background-size:contain!important}}}.contact_request{padding-top:55px}}&.inquiry_page{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/contact.png) no-repeat!important;background-size:contain!important}}}.sub_text{padding:30px 0!important}}&.sitemap_page{.map_box{padding-top:3rem}}&.distinction_page{.sub_page_top{padding-bottom:0}}&.column_page{.sub_page_top{padding-bottom:0;.container{&::after{background:url(../img/common/sub_top/mitsumori.png) no-repeat!important;background-size:contain!important}}}.sub_text{padding:30px 0!important}}}.sub_page_top{background:#EFFBFF;padding-top:150px!important;position:relative;@media screen and (max-width:480px){padding-top:130px!important}&::after{position:absolute;content:"";background:url(../img/top_renew/back.png) no-repeat;background-size:contain;opacity:.7;width:100vw;max-width:1000px;aspect-ratio:1444 / 812;left:-500px;top:-150px;margin:auto;z-index:1}.container{text-align:left;position:relative;width:auto;z-index:2;@media screen and (max-width:1440px){max-width:90%}.bread_list{position:absolute;bottom:calc(100% + 20px);left:0;margin:auto;li,li a{color:var(--new-blue);font-weight:600}}.page_title{font-size:3.4rem;position:relative;width:auto;margin:0;padding:50px 0 0;display:inline-block;width:auto;text-align:left;max-width:calc(100% - 240px);@media screen and (max-width:820px){padding:65px 0 40px;line-height:4rem;max-width:65%}@media screen and (max-width:480px){max-width:100%;font-size:2.4rem;padding-top:45px;padding-bottom:20px}.en{display:block!important;font-size:1.4rem;line-height:1.4rem;font-family:var(--montserrat);font-weight:600;top:26px;letter-spacing:.06em;bottom:auto;background:linear-gradient(0deg,#00C686,#0AADFC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;@media screen and (max-width:820px){font-size:1.4rem;line-height:1.4rem}}.ja,.ja span{color:var(--new-blue);font-size:3.4rem;font-weight:700;line-height:5rem;@media screen and (max-width:820px){font-size:3rem}@media screen and (max-width:480px){font-size:2.6rem}}}h2{font-size:3.4rem;position:relative;width:auto;margin:0;padding:50px 0 60px;border-radius:0 20px 0 0;display:inline-block;width:auto;text-align:left;max-width:calc(100% - 240px);@media screen and (max-width:820px){padding:65px 0 40px;line-height:4rem;max-width:65%}@media screen and (max-width:480px){max-width:100%;font-size:2.4rem;padding-top:45px;padding-bottom:20px}&::after{position:absolute;content:"";height:100%;width:50vw;right:99%;top:0;margin:auto}&::before{display:block!important;font-size:1.4rem;line-height:1.4rem;font-family:var(--montserrat);font-weight:600;top:26px;letter-spacing:.06em;bottom:auto;background:linear-gradient(0deg,#00C686,#0AADFC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@media screen and (max-width:820px){&::before{font-size:1.4rem;line-height:1.4rem}}small{display:block!important;font-size:1.4rem;line-height:1.4rem;font-family:var(--montserrat);font-weight:600;top:26px;letter-spacing:.06em;bottom:auto;background:linear-gradient(0deg,#00C686,#0AADFC);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;@media screen and (max-width:820px){font-size:1.4rem;line-height:1.4rem}}strong,strong span{color:var(--new-blue);font-size:3.4rem;font-weight:700;line-height:5rem;@media screen and (max-width:820px){font-size:3rem}@media screen and (max-width:480px){font-size:2.6rem}}}>p{padding-top:15px;padding-bottom:50px;position:relative;font-size:1.5rem;z-index:2;max-width:calc(100% - 240px);@media screen and (max-width:820px){padding:40px 0;font-size:1.4rem;max-width:65%}@media screen and (max-width:480px){max-width:100%;padding:20px 0}&::before{position:absolute;content:"";height:100%;width:50vw;right:calc(100% - 1px);top:0;margin:auto;z-index:1}&::after{position:absolute;content:"";height:100%;width:50vw;left:99%;top:0;margin:auto}}.page_text{padding-top:15px;padding-bottom:50px;max-width:calc(100% - 240px);z-index:2;@media screen and (max-width:820px){padding:40px 0;max-width:65%}@media screen and (max-width:480px){max-width:100%;padding:20px 0}h2{max-width:100%;padding:0;height:auto;display:block!important;width:100%;font-weight:600!important;position:relative;font-size:1.5rem;line-height:2.9rem;@media screen and (max-width:820px){font-size:1.4rem}&::before,&::after{display:none!important}}}}.function_tub{z-index:2;position:relative;margin-top:0!important}}.sub_text{.tel{text-align:center}}