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

/* ********************************************************************************************************** 
 *	
 *	【オリジナルCSS設定】リンクカラーや背景色などはこちらに記入
 *	
 * ********************************************************************************************************** */
/* --------------------------------------------------------------------------- */
/* = フォント指定
/* --------------------------------------------------------------------------- */
body{
	color:#333;
}
body,
select,
input,
textarea,
button{
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight:500;
}
#nav-toggle:after,
.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: #0988b7;

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

	/* ボタンの背景カラー */
	--button-color: #0988b7;
	--button-hover-color:#045c7d;

	/* Footerコンテンツリストの背景 */
	--contents_list-color: #e6f2f7;
	/* ベース角丸 */
	--kadomaru: 5px;

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

	/* 角丸 */
	--kadomaru_button: 3em;

	/* 太字 */
	--font-semi-bold: 600;
	--font-bold: 700;
}
/* --------------------------------------------------------------------------- */
/* = headerロゴサイズ指定
/* --------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------- */
/* = footerロゴサイズ指定
/* --------------------------------------------------------------------------- */
#footer .logo img{
	width:180px;
}
@media only screen and ( max-width : 1200px ) {
	#footer .logo img{
		width:150px;
	}
}