/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.5.1.1788416646
Updated: 2026-09-03 15:24:06

*/

:root{
	--color-back-white: #ffffff;
	--color-back-gray: #f4f4f4;
	
	--color-gray-100: #1a1a1a;
	--color-gray-80: #4d4d4d;
	--color-gray-60: #808080;
	--color-gray-40: #b3b3b3;
	--color-gray-20: #e6e6e6;
	
	--color-text-black: #1a1a1a;
	--color-text-white: #efefef;
	
	--space-xxl: 120px;
	--space-xl: 80px;
	--space-l: 64px;
	--space-m: 48px;
	--space-s: 24px;
	--space-xs: 16px;
	--space-xxs: 8px;
	
	--radius: 8px;

  /* Font Size */
  --fs-h1-main: clamp(40px, 5vw, 64px);
  --fs-h1-sub: clamp(24px, 3vw, 36px);
  --fs-h2: clamp(28px, 3.5vw, 44px);
  --fs-h3: clamp(22px, 2.5vw, 32px);
  --fs-h4: clamp(18px, 2vw, 24px);

  --fs-body-l: clamp(16px, 1.5vw, 20px);
  --fs-body-base: clamp(15px, 1.2vw, 17px);
  --fs-body-s: clamp(13px, 1vw, 14px);

  --fs-btn: clamp(15px, 1.2vw, 17px);
  --fs-callout: clamp(36px, 5vw, 64px);

  /* Line Height */
  --lh-heading: 1.3;
  --lh-h1: 1.15;
  --lh-body: 1.8;
  --lh-body-l: 1.7;
  --lh-btn: 1.4;
  --lh-callout: 1.1;
}

*{
	font-family: 'Noto Serif JP';
}

a, p, h1, h2, h3, h4, ul, li{
	margin: 0;
}

.h1{
	font-size: var(--fs-h1-main);
	line-height: var(--lh-heading);
}
.h1-sub{
	font-size: var(--fs-h1-sub);
	line-height: var(--lh-heading);
	font-weight: 700;
}
.h2{
	font-size: var(--fs-h2);
	line-height: var(--lh-heading);
}
.h3{
	font-size: var(--fs-h3);
	line-height: var(--lh-heading);
}
.h4{
	font-size: var(--fs-h4);
	line-height: var(--lh-heading);
}
.fs-base{
	font-size: var(--fs-body-base);
	line-height: var(--lh-body-l);
}
.fs-l{
	font-size: var(--fs-body-l);
	line-height: var(--lh-body)
}
.fs-s{
	font-size: var(--fs-s);
	line-height: var(--lh-body);
}
.fs-btn{
	font-size: var(--fs-btn);
}
.fs-callout{
	font-size: var(--fs-callout);
}

.text-white{
	color: var(--color-text-white);
}

.text-black{
	color: var(--color-text-black);
}