/*---------------------------------
	フォント設定 start
---------------------------------*/
/*
 * "LigatureSymbols" is lisenced under the SIL Open Font License 1.1
 * http://kudakurage.com/ligature_symbols/
 */

@font-face {
	font-family: 'LigatureSymbols';
	src: url('../../font/LigatureSymbols/LigatureSymbols-2.11.eot');
	src: url('../../font/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'),
		url('../../font/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'),
		url('../../font/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'),
		url('../../font/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*---------------------------------
	フォント宣言 end
---------------------------------*/

/*---------------------------------
	CSSカスタムプロパティ start
---------------------------------*/
:root {
	/* フォント */
	/* 使用するフォントによって設定を切り替えてください */

	/* 游ゴシック */
	/* --fontFamily: YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; */

	/* 游明朝 */
	/* --fontFamily: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; */

	/* カスタム */
	--fontFamily: 'Sawarabi Gothic', YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;

	/* KiwiMaru */
	/* --fontFamily: "Kiwi Maru", YuGothic,"Yu Gothic","Avenir","Helvetica Neue","Helvetica","Arial","Hiragino Sans","ヒラギノ角ゴシック","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; */
	/* 
	注意1：KiwiMaru使用の際は以下のコードを全ページのheadタグ内に入れること
	<!--  "Kiwi Maru" is lisenced under the SIL Open Font License 1.1 https://fonts.google.com/  --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&amp;display=swap" rel="stylesheet">

	注意2：KiwiMaru使用の際は以下のCSSカスタムプロパティの設定の変更を行うこと
	--fontWeightBold: 500;
	*/

	--fontWeightNormal: 400; /* 通常フォント太さ */
	--fontWeightBold: 400; /* 太文字フォント太さ */

	--mainBgColor: #FFF; /* 背景色 */
	--mainTextColor: #333;  /* 文字色 */

	--themeColor: #0765B6;
	--subBgColor: #E9FAFF;

	--themeColorA: #0C9500;
	--themeColorAsub: #533300;

	--themeColorB: #3FAC54;
	--themeColorBsub: #F2F9F2;

	--themeColorC: #F78800;
	--themeColorCsub: #FFFBF5;

	--themeColorD: #FF97A4;
	--themeColorDsub: #FEF2F3;

	--themeColorE: #BDA2D7;
	--themeColorEsub: #F6F4F8;

	/* ヘッダー */
	--headerBgColor: #FFF; /* 背景色 */
	--headerTextColor: #333; /* 文字色 */

	/* ヘッダーメニュー */
	--headerMenuBgColor: #FFF; /* 背景色 */
	--headerMenuTextColor: #333; /* 文字色 */

	/* ドロワーナビ(タブレット、スマホ時) */
	--drawerNavButtonBgColor: var(--headerMenuBgColor); /* ボタン背景色 */
	--drawerNavButtonIconColor: var(--headerMenuTextColor); /* ボタンアイコン色 */
	--drawerNavBodyBgColor: var(--headerMenuBgColor); /* 背景色 */
	--drawerNavBodyTextColor: var(--headerMenuTextColor); /* 文字色 */

	/* フッター */
	--footerBgColor: var(--themeColorC); /* 背景色 */
	--footerTextColor: #FFF; /* 文字色 */

	/* ボタン */
	--buttonBgColor: var(--themeColorC); /* 背景色 */
	--buttonActiveBgColor: #FFF; /* ホバー時背景色 */
	--buttonTextColor: #FFF; /* 文字色 */
	--buttonActiveTextColor: var(--buttonBgColor); /* ホバー時文字色 */
	--buttonBorderColor: var(--buttonBgColor); /* 枠線色 */

	/* 表1 表2 表スタイル 通常 (standardTable--borderGrid・nColumsContents--borderGrid) */
	--tableBordergridHeadBgColor: rgba(0,0,0,0.1); /* th背景色 */
	--tableBordergridHeadTextColor: var(--themeColorB); /* th文字色 */
	--tableBordergridCellBgColor: transparent; /* td背景色 */
	--tableBordergridCellTextColor: var(--mainTextColor); /* td文字色 */
	--tableBordergridBorderColor: #CCC; /* 枠線色 */
}

.buttonColorA{
	--buttonBgColor: var(--themeColorA);
	--buttonActiveTextColor: var(--buttonBgColor);
	--buttonBorderColor: var(--buttonBgColor);
}

.buttonColorB{
	--buttonBgColor: var(--themeColorB);
	--buttonActiveTextColor: var(--buttonBgColor);
	--buttonBorderColor: var(--buttonBgColor);
}

.buttonColorC{
	--buttonBgColor: var(--themeColorC);
	--buttonActiveTextColor: var(--buttonBgColor);
	--buttonBorderColor: var(--buttonBgColor);
}

.buttonColorD{
	--buttonBgColor: var(--themeColorD);
	--buttonActiveTextColor: var(--buttonBgColor);
	--buttonBorderColor: var(--buttonBgColor);
}

.buttonColorE{
	--buttonBgColor: var(--themeColorE);
	--buttonActiveTextColor: var(--buttonBgColor);
	--buttonBorderColor: var(--buttonBgColor);
}

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

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

@media(max-width: 600px){
	html,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
---------------------------------*/