/*---------------------------------
	CSSカスタムプロパティ start
---------------------------------*/
:root {
	/* テーマカラー */
	--c-hex-base: #5fc1c7;
	--c-hex-base-contrast: #FFF;
	--c-hex-accent: #e6e500;
	--c-hex-sub: #1d4763;
	--c-hex-sub-contrast: #FFF;

	--bg-base-light: color-mix(in oklab, var(--c-hex-base), white 90%);
	--bg-base-lightest: color-mix(in oklab, var(--c-hex-base), white 97%);
	--bg-accent-light: color-mix(in oklab, var(--c-hex-accent), white 90%);
	--bg-sub-light: color-mix(in oklab, var(--c-hex-sub), white 90%);

	/* フォント */
	--fontFamily: YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	
	--fontWeightNormal: 400; /* 通常フォント太さ */
	--fontWeightBold: 700; /* 太文字フォント太さ */
	
	--mainBgColor: #FFF; /* 背景色 */
	--mainTextColor: var(--c-hex-sub);  /* 文字色 */
	
	/* ヘッダー */
	--headerBgColor: #FFF; /* 背景色 */
	--headerTextColor: var(--mainTextColor); /* 文字色 */
	--headerLogoBgColor: var(--c-hex-base); /* ロゴ部背景色 */
	--headerButtonBgColor: var(--c-hex-base); /* ボタン背景色 */
	--headerButtonTextColor: #FFF; /* ボタン文字色 */
	
	/* ヘッダーメニュー */
	--headerMenuBgColor: var(--c-hex-base); /* 背景色 */
	--headerMenuTextColor: #FFF; /* 文字色 */
	
	/* フッター */
	--footerBgColor: var(--c-hex-sub); /* 背景色 */
	--footerTextColor: var(--c-hex-sub-contrast); /* 文字色 */
	
	/* ボタン */
	--buttonBgColor: var(--c-hex-sub); /* 背景色 */
	--buttonActiveBgColor: var(--c-hex-sub-contrast); /* ホバー時背景色 */
	--buttonTextColor: var(--c-hex-sub-contrast); /* 文字色 */
	--buttonActiveTextColor: var(--c-hex-sub); /* ホバー時文字色 */
	--buttonBorderColor: var(--buttonBgColor); /* 枠線色 */
	
	/* グリッド表スタイル */
	--gridTableHeadBgColor: rgba(0,0,0,0.1); /* th背景色 */
	--gridTableHeadTextColor: var(--mainTextColor); /* th文字色 */
	--gridTableCellBgColor: transparent; /* td背景色 */
	--gridTableCellTextColor: var(--mainTextColor); /* td文字色 */
	--gridTableBorderColor: #CCC; /* 枠線色 */
	
	/* 流れ */
	--flowArrowColor: #AAA; /* 矢印色 */
	--flowBorderColor: #CCC; /* 枠線色 */
	--flowBackgroundColor: #FFF; /* 背景色 */
	
	/* マーカーライン */
	--markerlineColor: rgba(38, 147, 256, 0.1); /* マーカーライン色 */
}

/*---------------------------------
	CSSカスタムプロパティ end
---------------------------------*/

/*---------------------------------
	共通スタイル start
---------------------------------*/
body{
	font-family: var(--fontFamily);
	font-size: 18px;
	font-weight: var(--fontWeightNormal);
	color: var(--mainTextColor);
}

@media(max-width: 600px){
	body{
		font-size: calc(16px * 0.8);
	}
}

table{
	table-layout: fixed;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%;
	font-weight: inherit;
	margin-bottom: 1em;
}

img{
	display: block;
	max-width: 100%;
}

a{
	text-decoration: underline;
}

a[href^="tel"],
a[href^="tel"]:hover{
	color: inherit;
	text-decoration: none;
}
	
@media(min-width: 601px){
	a[href^="tel"],
	a[href^="tel"]:hover{
		cursor: default;
		pointer-events: none;
		
	}
}

/*---------------------------------
	共通スタイル end
---------------------------------*/