﻿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}#nav{background-color:var(--col_white);z-index:10}#nav .logo_text{font-size:var(--font_xl);color:var(--col_gray);white-space:nowrap}#nav .media{color:var(--col_main)}#nav #nav_wrap a:not(.ui_button),#nav #nav_wrap button{transition:.5s}#nav #nav_wrap a:not(.ui_button):hover,#nav #nav_wrap button:hover{transition:.5s;opacity:.7}@media screen and (max-width: 1000px){#nav #nav_wrap .pc{display:none}}#nav #nav_wrap .pc .button_wrapper #nav_features{background-image:url("../img/chevron_bottom.svg");background-size:.75rem;background-position:calc(100% - .75rem) calc(50% + .125rem);background-repeat:no-repeat}#nav #nav_wrap .pc .button_wrapper #nav_child{left:0;top:2rem;width:55vw;max-width:36rem;min-width:26rem;box-shadow:0 4px 4px rgba(0,0,0,.25);background-color:var(--col_white);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}#nav #nav_wrap .pc .button_wrapper #nav_child.show{opacity:1;visibility:visible}#nav #nav_wrap .pc .button_wrapper #nav_child>.flex{gap:2rem}#nav #nav_wrap .pc .button_wrapper #nav_child>.flex a{width:calc(50% - 1rem)}#nav #nav_wrap .pc .button_wrapper #nav_child>.flex a h4{color:var(--col_main)}#nav #nav_wrap .pc .button_wrapper #nav_child>.flex a p{color:var(--col_lightgray);font-size:var(--font_xs)}#nav #nav_wrap .pc .button_list .ui_button{width:10rem;text-align:center}#nav #nav_wrap .mobile{display:none}@media screen and (max-width: 1000px){#nav #nav_wrap .mobile{display:block}}#nav #nav_wrap .mobile .mobile_menu_title{border-bottom:2px solid var(--col_back)}#nav #nav_wrap .mobile #nav_opener{width:2rem;min-width:2rem;height:2rem}#nav #nav_wrap .mobile #nav_opener span{display:block;position:relative;width:100%;height:.2rem;transition:.3s;background-color:var(--col_main);border-radius:.2rem}#nav #nav_wrap .mobile #nav_opener span::before,#nav #nav_wrap .mobile #nav_opener span::after{content:"";position:absolute;width:100%;height:100%;transition:.5s;margin-left:-1rem;background-color:var(--col_main);border-radius:.2rem}#nav #nav_wrap .mobile #nav_opener span::before{transform:translateY(-0.75rem)}#nav #nav_wrap .mobile #nav_opener span::after{transform:translateY(0.75rem)}#nav #nav_wrap .mobile #nav_opener span.open{background-color:rgba(0,0,0,0)}#nav #nav_wrap .mobile #nav_opener span.open::before{transform:rotate(45deg)}#nav #nav_wrap .mobile #nav_opener span.open::after{transform:rotate(-45deg)}#nav #nav_wrap .mobile #nav_child_mobile{position:fixed;left:100%;transition:.5s;width:100vw;max-width:30rem;z-index:12;background-color:var(--col_white)}#nav #nav_wrap .mobile #nav_child_mobile.open{transform:translateX(-100%);transition:.5s}#nav #nav_wrap .mobile #nav_child_mobile ul li{border-bottom:1px solid var(--col_back)}#backdrop{left:0;top:0;width:100vw;height:100vh;opacity:0;z-index:9;pointer-events:none;background-color:rgba(0,0,0,.5)}#backdrop.active{opacity:1;pointer-events:inherit}
