@charset "UTF-8";
/*
Theme Name: SANWA theme
Description: 株式会社山和のオリジナルテーマ
Version: 1
*/

/* 管理画面もフロントも共通の設定はここに記述 */

/* サブセット化済みNoto Sans JP */
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-thin_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-thin_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-thin_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 200;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-extra-light_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-extra-light_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-extra-light_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-light_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-light_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-light_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-regular_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-regular_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-regular_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-medium_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-medium_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-medium_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-semi-bold_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-semi-bold_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-semi-bold_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-bold_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-bold_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-bold_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-extra-bold_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-extra-bold_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-extra-bold_subset.ttf') format('truetype');
}
@font-face {
	font-family: 'Custom: Noto Sans JP';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: local('Noto Sans CJK JP'),
		url('lib/font/font_noto-sans-jp_w-black_subset.woff2') format('woff2'), 
		url('lib/font/font_noto-sans-jp_w-black_subset.woff') format('woff'),
		url('lib/font/font_noto-sans-jp_w-black_subset.ttf') format('truetype');
}

/* Inter(バリアブル) */
@font-face {
  font-family: 'Custom: Inter';
	font-style: normal;
	font-display: swap;
	src: url('lib/font/font_inter.woff2') format('woff2'), 
		url('lib/font/font_inter.woff') format('woff'),
		url('lib/font/font_inter.ttf') format('truetype');
}
@font-face {
  font-family: 'Custom: Inter';
	font-style: italic;
	font-display: swap;
	src: url('lib/font/font_inter_type-italic.woff2') format('woff2'), 
		url('lib/font/font_inter_type-italic.woff') format('woff'),
		url('lib/font/font_inter_type-italicttf') format('truetype');
}


:root,
body,
.editor-styles-wrapper {
	--font_main: 'Custom: Noto Sans JP', sans-serif;
	--font_en: 'Custom: Inter', sans-serif;
	--color_font: #222222;
	--color_font02: #3E3E3E;
	--color_font03: #666666;
	--color_font04: #B1B1B1;
	--color_font-r: #fff;
	--color_pure-black: #000000;
	--color_button-black: #040000;
	--color_border-gray: #E2E2E2;
	--color_border-gray02: #D3D3D3;
	--color_border-gray03: #D9D9D9;
	--color_bg-gray: #F7F7F7;
	--color_main: #00BA9A;
	--color_sub: #006FC9;
	--color_bg: #fff;
	--color_attention: #E33434;
	--color_form-control_bg: #F4F4F4;
	--color_form-control_border: #DDDDDD;
	--color_form-control_button-bg: #F5F5F5;
	--color_form-control_button-border: #D3D3D3;
	--color_form-tag_bg: #E33434;
	--color_form-tag_color: #FFFFFF;
	--shadow_black: 3px 0 30px rgba(0,0,0,.1);
	--shadow_black02: 0 0 40px rgba(0,0,0,.1);
	--shadow_black03: drop-shadow(0 0 5px rgba(0,0,0,.55));
	--shadow_mv: 3px 0 40px rgba(0,0,0,.16);
	--grad_main: linear-gradient(45deg, #006FC9 0%, #00A0B7 51%, #00BA9A 100%);
	--grad_overlay-black: linear-gradient(0deg, rgba(0,0,0,.7) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0) 100%);
	--grad_mv-bg: linear-gradient(-90deg, #383838 0%, #212121 43%, #212121 100%);
	--content-width: 1280px;
	--content-width_footer: 1640px;
	--content-margin: 60px;
	--content-height_header: 165px;
}
@media (max-width: 1240px) {
	:root,
	body,
	.editor-styles-wrapper {
		--content-margin: 40px;
		--content-height_header: 140px;
	}
}
@media (max-width: 1024px) {
	:root,
	body,
	.editor-styles-wrapper {
		--content-height_header: 100px;
	}
}
@media (max-width: 767px) {
	:root,
	body,
	.editor-styles-wrapper {
		--content-margin: 20px;
		--content-height_header: 90px;
	}
}