@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;
}
#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: #215f9a;

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

	/* ボタンの背景カラー */
	--button-color: linear-gradient(90deg,rgba(33, 95, 154, 1) 0%, rgba(47, 194, 115, 1) 100%);
	--button-hover-color: linear-gradient(90deg,rgba(33, 95, 154, 1) 0%, rgba(70, 141, 207, 1) 100%);

	/* Footerコンテンツリストの背景 */
	--contents_list-color: linear-gradient(90deg,rgba(198, 235, 247, 1) 0%, rgba(196, 255, 224, 1) 50%, rgba(255, 250, 201, 1) 100%);

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

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

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

	/* 太字 */
	--font-semi-bold: 600;
	--font-bold: 700;
}
/* --------------------------------------------------------------------------- */
/* = ロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = headerロゴサイズ指定
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* = footerロゴサイズ指定
/* --------------------------------------------------------------------------- */
#footer .logo img{
	width:240px;
}
@media only screen and ( max-width : 1200px ) {
	#footer .logo img{
		width:220px;
	}
}

/* --------------------------------------------------------------------------- */
/* = スライド文字設定 文字サイズを変えたい場合は以下を編集
/* --------------------------------------------------------------------------- */
/* .slide_text p,
.slide_text2 p{
	font-size:2.5vw;
	line-height:180%;
}
@media only screen and ( max-width : 700px ) {
	.slide_text2 p,
	.slide_text p{
		font-size:5vw;
		padding-bottom:5%;
	}
}
 */