@charset "utf-8";

/*CSSカスタムプロパティ（サイト全体を一括管理する為の設定・追加設定）
---------------------------------------------------------------------------*/
:root {

	--bg-color: #fff;			/*主にテンプレートの背景色*/
	--bg-inverse-color: #333;	/*上のカラーの「対」として使う色*/
	
	--light-color: #fce3e0;			/*淡いカラー*/
	--light-inverse-color: #333;	/*上の淡いカラーの「対」として使う色*/

	--border-color: rgba(0,0,0,0.18);	/*枠線の色。0,0,0は黒の事で0.18は色が18%出た状態。*/

	--base-font: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "Osaka", "MS PGothic", "ＭＳ Ｐゴシック", sans-serif;  /*フォント指定*/
	--accent-font: "Jost";  /*アクセント用英語フォント指定*/

	/*画面幅500px以下の追加指定*/
	@media (max-width:500px) {

	:root {
		--content-space-l: 10px;	/*余白の一括管理用。小さな端末で余白を狭くする。*/
	}

	}/*追加指定ここまで*/


/*暗い背景で使う場合のみ、枠線の色を白っぽく。（※rootで指定している々を変更する場合、ここの調整が必要になる場合もあります。）*/
.bg1-parts,
.bg1-primary-parts,
.bg1-accent-parts {
	--border-color: rgba(255,255,255,0.22);
}
/*テーブル（ta-card1-parts）
---------------------------------------------------------------------------*/
/*テーブル１行目に入った見出し部分（※caption）*/
.ta-card1-parts caption {
	font-weight: bold;		/*キャプション太字*/
	padding: 0.5rem 1rem;		/*ボックス内の余白。上下に0.5文字分、左右に1文字分。*/
	background: var(--bg-inverse-color);
	color: var(--bg-color);
	margin-bottom: 1rem;
}

/*テーブルブロック設定*/
.ta-card1-parts {
	width: 100%;
	background: #fff;	/*背景色*/
	color: #333;		/*文字色*/
}

/*th（左側）、td（右側）の共通設定*/
.ta-card1-parts th,
.ta-card1-parts td {
	border: 1px solid var(--border-color);	/*枠線の幅、線種、var以降は色の指定でtheme.cssのborder-colorを読み込みます。*/
	text-align: left;	/*左寄せ*/
	padding: 1rem;		/*ボックス内の余白。１文字分。*/
}

/*th（左側）のみの設定*/
.ta-card1-parts th {
	background: var(--light-color);		/*背景色。theme.cssのlight-colorを読み込みます。*/
	width: 16rem;			/*幅。16文字分。*/
}

	/*画面幅600px以下の追加指定（カード型に変更）*/
	@media (max-width:600px) {

	.ta-card1-parts,
	.ta-card1-parts caption,
	.ta-card1-parts tbody,
	.ta-card1-parts tr,
	.ta-card1-parts th,
	.ta-card1-parts td {
		display: block;
		width: 100%;
	}
	.ta-card1-parts tr {
		margin-bottom: 1rem;	/*ブロック同士の間に空けるスペース。1文字分。*/
	}
	.ta-card1-parts th {
		border-bottom: none;	/*下の線を消す。入れた方がいいならこの設定を削除。*/
	}
	.ta-card1-parts td {
		border-top: none;	/*上の線を消す。*/
	}

	}/*追加指定ここまで*/
.message_president{
	font-family: "Kaisei Tokumin", serif;
	font-weight: 500;
}