@charset "utf-8";
/* CSS Document */

/* ********************************************************************************************************** 
 *	
 *	【オリジナルCSS設定】リンクカラーや背景色などはこちらに記入
 *	
 * ********************************************************************************************************** */
/* --------------------------------------------------------------------------- */
/* = フォント指定
/* --------------------------------------------------------------------------- */
body{
	color: #000;
}
body,
select,
input,
textarea,
button{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight:400;
}
.tel_number,
.eng{
	font-family: "Outfit", sans-serif;
	font-optical-sizing: auto;
	font-weight:600;
	letter-spacing:0.03em;
	text-transform:uppercase
}
/* --------------------------------------------------------------------------- */
/* = 色を選択
/* --------------------------------------------------------------------------- */
:root {

	/* 基本色 */
	--primary-color: #215f9a;

	/* 基本色（目立つボタン） */
	--point-color: #F7B500;
	--point-hover-color: #E8AB02;

	/* ボタンの背景カラー */
	--button-color: #215f9a;
	--button-hover-color:#113d66;

	/* Footerコンテンツリストの背景 */
	--contents_list-color:#B9E9EB;

	/* ベース角丸 */
	--kadomaru: 5px;

	/* ナビゲーション、ページトップボタン等 */
	--nav_kadomaru: 2px;

	/* 角丸 */
	--kadomaru_button: 5px;

	/* 太字 */
	--font-semi-bold: 700;
	--font-bold: 700;
}
/* --------------------------------------------------------------------------- */
/* = ロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = headerロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = ロゴサイズ指定
/* --------------------------------------------------------------------------- */
@media print, screen and ( min-width : 1200px ) {
	#header .logo img{
		max-width: 170px;
	}
}
@media only screen and ( max-width : 1200px ) {
	#header .logo img{
		max-width: 120px;
	}
}
/* --------------------------------------------------------------------------- */
/* = footerロゴサイズ指定
/* --------------------------------------------------------------------------- */
#footer .logo img{
	width:160px;
}
@media only screen and ( max-width : 1200px ) {
	#footer .logo img{
		width:130px;
	}
}

/* ------------------------------------------- */
/* = カバー（白）
/* ------------------------------------------- */
/* ------------------------------------------- */
/* = カバー（黒）
/* ------------------------------------------- */