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

/* ********************************************************************************************************** 
 *	
 *	【オリジナルCSS設定】リンクカラーや背景色などはこちらに記入
 *	
 * ********************************************************************************************************** */
/* --------------------------------------------------------------------------- */
/* = フォント指定
/* --------------------------------------------------------------------------- */
body{
	color:#000;
}
body,
select,
input,
textarea,
button{
font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-weight:500;
}
.tel_number,
.eng{
font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing:0.05em;

}
/* --------------------------------------------------------------------------- */
/* = 色を選択
/* --------------------------------------------------------------------------- */
:root {
	/* 基本色 */
	--primary-color: #d418a0;

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

	/* ボタンの背景カラー */
	--button-color: linear-gradient(90deg,rgba(200, 13, 148, 1) 0%, rgba(227, 75, 186, 1) 100%);
	--button-hover-color: linear-gradient(90deg,rgba(150, 3, 109, 1) 0%, rgba(189, 36, 148, 1) 100%);

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

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

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

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

	/* 太字 */
	--font-semi-bold: 700;
	--font-bold: 700;
}
/* --------------------------------------------------------------------------- */
/* = ロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = headerロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = footerロゴサイズ指定
/* --------------------------------------------------------------------------- */
#footer .logo img{
	width:180px;
}
@media only screen and ( max-width : 1200px ) {
	#footer .logo img{
		width:130px;
	}
}
/* ------------------------------------------- */
/* = カバー（白）
/* ------------------------------------------- */
/* ------------------------------------------- */
/* = カバー（黒）
/* ------------------------------------------- */
/* ------------------------------------------- */
/* = スライド文字
/* ------------------------------------------- */