html{--screen_sm: 640px;--screen_md: 768px;--screen_lg: 1024px;--screen_lgr: 1180px;--screen_xl: 1280px;--spacing_0: 0px;--spacing_px: 1px;--spacing_xs: 0.5rem;--spacing_sm: 1rem;--spacing_md: 2rem;--spacing_lg: 3rem;--spacing_xl: 4rem;--spacing_2xl: 6rem;--spacing_3xl: 8rem;--spacing_block: 10rem;--radius_xs: 1px;--radius_sm: 2px;--radius_md: 0.5rem;--radius_lg: 0.75rem;--radius_xl: 1rem;--radius_xxl: 2rem;--radius_full: 9999px;--font_xxxs: 0.625rem;--font_xxs: 0.75rem;--font_xs: 0.875rem;--font_sm: 1rem;--font_md: 1.125rem;--font_base: 1.25rem;--font_lg: 1.375rem;--font_xl: 1.5rem;--font_xlg: 1.75rem;--font_2xl: 1.875rem;--font_xxl: 2rem;--font_3xl: 2.25rem;--font_4xl: 2.5rem;--font_5xl: 3rem}html{--col_back:	#F5F5F6;--col_green_back:	#E4EDE7;--col_white:	#fff;--col_black:	#002B0B;--col_gray:	#444444;--col_lightgray:	#666666;--col_border:	#BABABA;--col_panel:	#EBF5F0;--col_main:	#269378;--col_accent:	#2E7D5B;--col_footer:	#E4EDE7;--col_error:	#FF0000;--col_error_back:	#FEE5E2}html{--font_system_ui: system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Meiryo", "メイリオ", "YuGothic", "游ゴシック", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font_sans: "Noto Sans JP", sans-serif;--font_inter: "Inter", sans-serif}#top .hero_area{width:100%;min-height:60vh;background-image:url("../img/hero.jpeg");background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}@media screen and (max-width: 767px){#top .hero_area{min-height:60vh}}#top .hero_area .hero_overlay{width:100%;height:100%;min-height:inherit;display:flex;align-items:center;background:hsla(0,0%,100%,.2)}#top .hero_area .hero_content{gap:3rem}@media screen and (max-width: 1024px){#top .hero_area .hero_content{gap:2rem}}@media screen and (max-width: 767px){#top .hero_area .hero_content{flex-direction:column;text-align:center}}#top .hero_area .hero_content .hero_text{flex:1}#top .hero_area .hero_content h1{font-size:var(--font_4xl);color:var(--col_white);text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.5}@media screen and (max-width: 1200px){#top .hero_area .hero_content h1{font-size:var(--font_3xl)}}@media screen and (max-width: 1024px){#top .hero_area .hero_content h1{font-size:var(--font_xxl)}}@media screen and (max-width: 860px){#top .hero_area .hero_content h1{font-size:var(--font_xlg)}}@media screen and (max-width: 767px){#top .hero_area .hero_content h1{font-size:var(--font_xl)}}@media screen and (max-width: 500px){#top .hero_area .hero_content h1{font-size:var(--font_lg)}}#top .hero_area .hero_content .hero_brand{font-size:var(--font_lg);color:var(--col_white);text-shadow:0 2px 8px rgba(0,0,0,.3)}@media screen and (max-width: 767px){#top .hero_area .hero_content .hero_brand{font-size:var(--font_base)}}#top .hero_area .hero_content .ui_button{padding:1rem 2rem;font-size:var(--font_md)}@media screen and (max-width: 425px){#top .hero_area .hero_content .ui_button{padding:.75rem 1.5rem;font-size:var(--font_sm)}}#top .hero_area .hero_content .hero_img{width:45%;flex-shrink:0}@media screen and (max-width: 767px){#top .hero_area .hero_content .hero_img{width:80%;max-width:20rem}}#top .hero_area .hero_content .hero_img img{width:100%;height:auto}#problems{background:linear-gradient(180deg, var(--col_white) 30%, var(--col_green_back) 100%);padding-bottom:6rem}@media screen and (max-width: 767px){#problems{padding-bottom:4rem}}#problems .hero_banner{background-color:var(--col_white);padding:2.5rem 2rem 1.5rem;position:relative;z-index:1;margin-top:-4rem;overflow:visible;text-align:center}@media screen and (max-width: 767px){#problems .hero_banner{padding:2rem 1.5rem 1rem;margin-top:-2.5rem}}#problems .hero_banner .hero_heading{display:inline;background-color:var(--col_main);color:var(--col_white);font-size:var(--font_2xl);padding:.25rem .5rem;line-height:2;box-decoration-break:clone;-webkit-box-decoration-break:clone}@media screen and (max-width: 767px){#problems .hero_banner .hero_heading{font-size:var(--font_base);padding:.25rem .5rem}}#problems .hero_banner .problem_list{gap:1rem;margin-bottom:-3rem;padding-top:2rem}@media screen and (max-width: 1024px){#problems .hero_banner .problem_list{flex-wrap:wrap}}@media screen and (max-width: 767px){#problems .hero_banner .problem_list{margin-bottom:-2rem;padding-top:1.5rem}}#problems .hero_banner .problem_item{flex:1;min-width:0;background-color:var(--col_white);border-radius:var(--radius_lg);padding:1.5rem 1.25rem;box-shadow:0 4px 16px rgba(0,0,0,.15)}@media screen and (max-width: 1024px){#problems .hero_banner .problem_item{flex:none;width:calc(50% - .5rem)}}@media screen and (max-width: 767px){#problems .hero_banner .problem_item{padding:1rem}}@media screen and (max-width: 425px){#problems .hero_banner .problem_item{width:100%}}#problems .hero_banner .problem_item .problem_icon{width:3rem;height:3rem;margin:0 auto 1rem}@media screen and (max-width: 767px){#problems .hero_banner .problem_item .problem_icon{width:2.5rem;height:2.5rem;margin-bottom:.5rem}}#problems .hero_banner .problem_item .problem_icon img{width:100%;height:100%;object-fit:contain}#problems .hero_banner .problem_item p{font-size:var(--font_xs);font-weight:500;line-height:1.6;color:var(--col_gray)}#about{background-image:url("../img/top_bg.jpeg");background-size:cover;background-position:center 100%;position:relative}#about::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.65)}#about>div{position:relative;z-index:1}#about h2{color:var(--col_black);font-size:var(--font_base)}#about .about_line{width:1rem;border:none;border-top:2px solid var(--col_black)}#about p{color:var(--col_black);font-size:var(--font_xlg);font-weight:600;line-height:2}@media screen and (max-width: 767px){#about p{font-size:var(--font_lg)}}@media screen and (max-width: 500px){#about p{font-size:var(--font_base)}}#about_images .about_sub{color:var(--col_black);font-size:var(--font_base);line-height:2}@media screen and (max-width: 767px){#about_images .about_sub{font-size:var(--font_sm)}#about_images .about_sub br{display:none}}#about_images .about_images{gap:1.5rem}@media screen and (max-width: 767px){#about_images .about_images{flex-wrap:wrap;gap:1rem}}#about_images .about_images .about_thumb{width:calc(20% - 1.2rem);aspect-ratio:1/1;overflow:hidden;border-radius:var(--radius_lg)}@media screen and (max-width: 767px){#about_images .about_images .about_thumb{width:calc(33.333% - .667rem)}}@media screen and (max-width: 425px){#about_images .about_images .about_thumb{width:calc(50% - .5rem)}}#about_images .about_images .about_thumb img{width:100%;height:100%;object-fit:cover}#key_features{padding-bottom:4rem}@media screen and (max-width: 767px){#key_features{padding-bottom:3rem}}#key_features .key_features_panel{background-color:var(--col_panel);padding:3rem 5rem 10rem;overflow:visible}@media screen and (max-width: 1024px){#key_features .key_features_panel{padding:3rem 3rem 2rem}}@media screen and (max-width: 767px){#key_features .key_features_panel{padding:2rem 1.5rem 1.5rem}}#key_features .key_features_panel h2{font-size:var(--font_xxl);color:var(--col_accent)}@media screen and (max-width: 767px){#key_features .key_features_panel h2{font-size:var(--font_xl)}}#key_features .key_features_panel h4{color:var(--col_accent);font-size:var(--font_lg)}#key_features .key_features_list{max-width:40rem;margin:0 auto;gap:1rem;flex-wrap:wrap;justify-content:center}@media screen and (max-width: 767px){#key_features .key_features_list{max-width:none}}#key_features .key_features_list .key_feature_item{width:calc(33.333% - .667rem);background-color:var(--col_white);border:1px solid #393b3a;padding:2.5rem 1rem;text-align:center}@media screen and (max-width: 767px){#key_features .key_features_list .key_feature_item{width:calc(50% - .5rem)}}@media screen and (max-width: 425px){#key_features .key_features_list .key_feature_item{width:100%}}#key_features .key_features_list .key_feature_item .key_feature_icon{width:5rem;height:5rem;margin:0 auto 1.25rem}#key_features .key_features_list .key_feature_item .key_feature_icon img{width:100%;height:100%;object-fit:contain}#key_features .key_features_list .key_feature_item p{font-size:var(--font_md);font-weight:600;color:var(--col_black)}#key_features .features_cta{background-color:var(--col_main);border-radius:var(--radius_xl);padding:2rem 2.5rem;margin-top:-5rem;position:relative;z-index:1;text-align:center}@media screen and (max-width: 767px){#key_features .features_cta{width:100% !important;padding:1.5rem;margin-top:-2rem}}#key_features .features_cta p{color:var(--col_white);font-size:var(--font_base);font-weight:600}#key_features .features_cta .ui_button{background-color:var(--col_white);color:var(--col_main);font-weight:700;padding:1rem 2.5rem}#key_features .features_cta .ui_button:hover{opacity:.9}#about{background-color:var(--col_back)}#about .text_block{width:50%}@media screen and (max-width: 767px){#about .text_block{width:100%}}#about .text_block h3{font-size:var(--font_xl);font-weight:700}#about .text_block p{line-height:2}#about .about_img{width:40%}@media screen and (max-width: 767px){#about .about_img{width:100%;max-width:24rem;margin-top:2rem}}#functions{background-color:var(--col_panel)}#functions .functions_icon{width:4rem;height:4rem}#functions .functions_icon img{width:100%;height:100%;object-fit:contain}#functions h2{font-size:var(--font_xlg);color:var(--col_accent)}#functions .functions_list .function_item{margin-bottom:4rem;background-color:var(--col_white);box-shadow:0 6px 20px rgba(0,0,0,.15);padding:4.5rem 2.5rem;overflow:visible}@media screen and (max-width: 767px){#functions .functions_list .function_item{flex-direction:column !important;gap:1.5rem;margin-bottom:2rem;padding:3rem 1.5rem;margin-left:0 !important;margin-right:0 !important}}#functions .functions_list .function_item:nth-child(odd){margin-left:10rem}@media screen and (max-width: 1200px){#functions .functions_list .function_item:nth-child(odd){margin-left:6rem}}@media screen and (max-width: 1024px){#functions .functions_list .function_item:nth-child(odd){margin-left:3rem}}@media screen and (max-width: 860px){#functions .functions_list .function_item:nth-child(odd){margin-left:1rem}}#functions .functions_list .function_item:nth-child(even){margin-right:10rem}@media screen and (max-width: 1200px){#functions .functions_list .function_item:nth-child(even){margin-right:6rem}}@media screen and (max-width: 1024px){#functions .functions_list .function_item:nth-child(even){margin-right:3rem}}@media screen and (max-width: 860px){#functions .functions_list .function_item:nth-child(even){margin-right:1rem}}#functions .functions_list .function_item.reverse{flex-direction:row-reverse}#functions .functions_list .function_item .function_text{width:50%}@media screen and (max-width: 767px){#functions .functions_list .function_item .function_text{width:100%}}#functions .functions_list .function_item .function_text .label_tag{color:var(--col_accent);font-size:var(--font_xl);font-weight:600}@media screen and (max-width: 767px){#functions .functions_list .function_item .function_text .label_tag{font-size:var(--font_lg)}}#functions .functions_list .function_item .function_text h3{color:var(--col_black);font-size:var(--font_xxl);line-height:1.8}@media screen and (max-width: 767px){#functions .functions_list .function_item .function_text h3{font-size:var(--font_lg)}}#functions .functions_list .function_item .function_text p{line-height:2}@media screen and (max-width: 767px){#functions .functions_list .function_item .function_text p{font-size:var(--font_sm)}}#functions .functions_list .function_item .function_img{width:50%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 767px){#functions .functions_list .function_item .function_img{width:100%}}#functions .functions_list .function_item .function_img figure{width:14rem;margin-top:-6rem;margin-bottom:-6rem}@media screen and (max-width: 767px){#functions .functions_list .function_item .function_img figure{width:10rem;margin-top:0;margin-bottom:0}}#functions .functions_list .function_item .function_img img{width:100%;height:auto;display:block}#integration h2{font-size:var(--font_xlg);color:var(--col_accent)}#integration h2 .integration_icon{width:2.5rem;height:2.5rem;margin-right:.5rem}#integration .integration_list{gap:2rem;align-items:stretch}@media screen and (max-width: 767px){#integration .integration_list{flex-direction:column;align-items:center}}#integration .integration_list .integration_col{width:calc(33.333% - 1.333rem);display:flex;flex-direction:column}@media screen and (max-width: 1000px){#integration .integration_list .integration_col{width:calc(50% - 1rem)}}@media screen and (max-width: 767px){#integration .integration_list .integration_col{width:100%;max-width:24rem}}#integration .integration_list .integration_col>h3{color:var(--col_accent);font-size:var(--font_base)}#integration .integration_list .integration_col .integration_item{flex:1}#integration .integration_list .integration_item{background-color:var(--col_white);border:1px solid var(--col_border);border-radius:var(--radius_xl);overflow:hidden}#integration .integration_list .integration_item .integration_img{height:12rem;overflow:hidden;position:relative}#integration .integration_list .integration_item .integration_img::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to bottom, transparent, var(--col_white))}#integration .integration_list .integration_item .integration_img img{width:100%;height:100%;object-fit:cover}#integration .integration_list .integration_item .integration_body{padding:1.25rem}#integration .integration_list .integration_item h4{font-size:var(--font_base);color:var(--col_black)}#integration .integration_list .integration_item p{font-size:var(--font_sm);line-height:1.8;color:var(--col_black)}#usage{background-color:var(--col_panel)}#usage h2{font-size:var(--font_xlg);color:var(--col_accent)}#usage .usage_list .usage_item{margin-bottom:3rem;background-color:var(--col_white);box-shadow:0 4px 16px rgba(0,0,0,.1);border-radius:var(--radius_xl);overflow:hidden}@media screen and (max-width: 767px){#usage .usage_list .usage_item{flex-direction:column !important;margin-bottom:2rem}}#usage .usage_list .usage_item.reverse{flex-direction:row-reverse}#usage .usage_list .usage_item .usage_img{width:33.333%;flex-shrink:0}@media screen and (max-width: 767px){#usage .usage_list .usage_item .usage_img{width:100%}}#usage .usage_list .usage_item .usage_img img{width:100%;aspect-ratio:1/1;object-fit:cover}#usage .usage_list .usage_item .usage_text{padding:2rem}@media screen and (max-width: 767px){#usage .usage_list .usage_item .usage_text{padding:1.5rem}}#usage .usage_list .usage_item .usage_text .usage_quote{font-size:var(--font_base);line-height:1.8;color:var(--col_black)}@media screen and (max-width: 767px){#usage .usage_list .usage_item .usage_text .usage_quote{font-size:var(--font_md)}}#usage .usage_list .usage_item .usage_text .usage_desc{font-size:var(--font_sm);line-height:1.8;color:var(--col_black);margin-top:.75rem}#media h2{font-size:var(--font_xlg)}#media .block_container .media_list{gap:1.2rem}@media screen and (max-width: 641px){#media .block_container .media_list{margin-top:2rem}}#media .block_container .media_list .media_item{width:calc(25% - .9rem);box-shadow:0 2px 2px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}@media screen and (max-width: 1024px){#media .block_container .media_list .media_item{width:calc(33.333% - .8rem)}}@media screen and (max-width: 641px){#media .block_container .media_list .media_item{width:100%;box-shadow:none}}#media .block_container .media_list .media_item:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.12)}@media screen and (max-width: 641px){#media .block_container .media_list .media_item article{display:flex;align-items:center}}#media .block_container .media_list .media_item article .background_img{background-size:cover;background-repeat:no-repeat;background-position:center;padding-top:50%}@media screen and (max-width: 641px){#media .block_container .media_list .media_item article .background_img{border-radius:var(--radius_md);width:10rem;height:5rem;padding-top:0;flex-shrink:0}}#media .block_container .media_list .media_item article .content{padding:.75rem}#media .block_container .media_list .media_item article .content h3{color:var(--col_gray);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}@media screen and (max-width: 641px){#media .block_container .media_list .media_item article .content h3{-webkit-line-clamp:inherit;overflow:auto}}#media .block_container .media_list .media_item article .content .info_list .tag{padding:0 .25rem;background-color:var(--col_back);margin-right:.25rem;border-radius:var(--radius_sm)}#media .block_container .media_list .media_item article .content .info_list time{color:var(--col_lightgray)}#cta{background-color:var(--col_white)}#cta .cta_panel{padding:4rem 3rem}@media screen and (max-width: 767px){#cta .cta_panel{padding:3rem 1.5rem}}#cta .cta_btns{gap:3rem;justify-content:center}@media screen and (max-width: 500px){#cta .cta_btns{flex-direction:column;align-items:center}}#cta .cta_btns .cta_item{width:calc(50% - 1.5rem);max-width:22rem}@media screen and (max-width: 500px){#cta .cta_btns .cta_item{width:100%;max-width:none}}#cta .cta_btns .cta_item h3{font-size:var(--font_lg);color:var(--col_black)}#cta .cta_btns .cta_item .cta_icon{width:5rem;height:5rem;margin-top:1.5rem;margin-bottom:1.5rem}#cta .cta_btns .cta_item .cta_icon img{width:100%;height:100%;object-fit:contain}#cta .cta_btns .cta_item p{font-size:var(--font_sm);color:var(--col_black)}#cta .cta_btns .cta_item .ui_button{padding:1.25rem}