/* base settings
-------------------------------*/
:root {
	--base_distance: min(74px , 12vw);
	--base_gap: clamp(12px , 2vw , 20px);
	--base_wrap_width: 84vw;
	--base_font_size: clamp(13px , 2vw , 15px);
	--base_line_height: 1.7;
	--base_border_radius_s: 4px;
	--base_border_radius: 6px;
	--base_border_radius_l: clamp(8px , 1.2vw , 15px);
}
@media only screen and (max-width: 835px){
	:root {
		--base_wrap_width: 96vw;
	}
}

:root {
	--base_video_overlay_dots_size:clamp(34px, 8vw , 34px);
	--base_bg_dot_texture_size: clamp(75px, 8vw , 75px);
}
@media only screen and (max-width: 835px){
	:root {}
}

/* color settings
-------------------------------*/
:root {
	--c_theme_color:#5151F3;
	--c_bg_color:#ffffff;
	--c_font_color:#171717;
	--c_link_color:#5151F3;
	--c_white_l: #fff;
	--c_white:#fcfcfc;
	--c_gray_ll:#f0f0f0;
	--c_gray_l:#E3E3E3;
	--c_gray:#D3D3D3;
	--c_gray_d: #595959;
	--c_black:#171717;
	--c_black_d:#000;

	--c_expo_blue:#00BBFF;
	--c_fes_green:#47D256;
	/*--c_fes_green:#38D75A; */
	--c_darkblue:#2D2D6E;
	--c_darkblue_v:#5151F3;
	--c_pink:#EE47BC;
	--c_orange:#EE6847;

	--c_gd_expo_fes:linear-gradient(90deg, #0094FF 0%, #01E2FF 19.71%, #0FF 40.38%, #D6F50D 60.1%, #71CB4E 80%, #47D156 100%);
	--c_gd_expo_fes_02:linear-gradient(90deg, #0094FF 0%, #0EE3A2 49.76%, #47D156 100%);
	--c_gd_expo_fes_02_reverse:linear-gradient(-90deg, #0094FF 0%, #0EE3A2 49.76%, #47D156 100%);
	--c_gd_expo_blue:linear-gradient(90deg, #0094FF 0%, #00E3FF 50%, #0FF 100%);
	--c_gd_fes_green:linear-gradient(90deg, #32ca41 0%, #84C84B 50%, #E8FF00 100%);
	--c_gd_darkblue:linear-gradient(90deg, var(--c_darkblue, #2D2D6E) 0%, #44419F 50%, #AC57D4 100%);
	--c_gd_darkblue_02:linear-gradient(90deg, var(--c_darkblue, #2D2D6E) 0%, #44419F 50%, #5151F3 100%);
	--c_gd_h_title_expo_fes:linear-gradient(90deg, var(--c_black) 0.01%, var(--c_black) 80%, #0BF 90%, #0DF5E9 95%, #3CE260 100%); 
	--c_gd_h_title_expo:linear-gradient(90deg, var(--c_black) 0.01%, var(--c_black) 80%, #0094FF 90%, #00E3FF 95%, #0FF 100%); 
	--c_gd_h_title_fes:linear-gradient(90deg, var(--c_black) 0.01%, var(--c_black) 80%, #47D256 90%, #84C84B 95%, #E8FF00 100%); 
	--c_gd_expo_fes_portal:linear-gradient(90deg, #0BF 0%, #A08BFF 50%, #FF58FC 100%);
}

/* font family settings
-------------------------------*/
:root {
	--font_base_setting : "Plus Jakarta Sans", 'Noto Sans JP', 'Noto Sans', "メイリオ","Meiryo","MS PGothic",sans-serif;
	--f_noto : 'Noto Sans JP', 'Noto Sans', "メイリオ","Meiryo","MS PGothic",sans-serif;
	--f_hiragino : "Helvetica Neue", Arial , "Hiragino Kaku Gothic ProN","Hiragino Sans" , Meiryo , sans-serif;
	--f_jakarta:"Plus Jakarta Sans",'Noto Sans JP', 'Noto Sans', "メイリオ","Meiryo","MS PGothic",sans-serif;
	--f_lexend:"Lexend Zetta","Plus Jakarta Sans",'Noto Sans JP', 'Noto Sans', "メイリオ","Meiryo","MS PGothic",sans-serif;
}

/* z-index
-------------------------------*/
:root {
	--z_loading:20000;
	--z_page_fade:15000;
	--z_modal:11000;
	--z_header_logo: 9999;
	--z_nav_trigger: 9998;
	--z_nav:9997;
	--z_sub_nav: 9996;
	--z_index_btn: 9996;
	--z_frame: 9995;
}

/* easing
-------------------------------*/
:root {
	--easeOutCubic: cubic-bezier(0.33, 1, 0.68, 1);
	--easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
	--easeOutSuperQuint: cubic-bezier(0, 1.04, 0.14, 1);
	--easeOutCirc: cubic-bezier(0, 0.55, 0.45, 1);
	--easeInCubic: cubic-bezier(0.32, 0, 0.67, 0);
	--easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);
	--easeInCirc: cubic-bezier(0.55, 0, 1, 0.45);
	--easeInOutQuint: cubic-bezier(0.83, 0, 0.17, 1);
	--easeInOutCirc: cubic-bezier(0.85, 0, 0.15, 1);
	--easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
	--easeInOutBack: cubic-bezier(0.68, -0.6, 0.32, 1.6);
}