/*-------------------------------------------------
  ヘッダー header
-------------------------------------------------*/
#header
{
	position: fixed;
	top: 0;
	width: 100%;
	height: ;
	background: #fff url(images/) no-repeat;
	background: rgba(256,256,256,0.95);
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #E0E0E0;
	z-index: 999999;
	margin-top: 0;
}

	@media screen and (max-width:750px){ /*スマホサイズ*/

	#header
	{
		height: 75px;
		margin: 0;
	}

	}

#header a:link, #header a:visited
{
	color: #383838; /* ヘッダー内のリンク文字の色 */
	text-decoration: none;
}
#header a:hover, #header a:active
{
	color: #1F993E; /* ヘッダー内のリンク文字の色　ホバー時 */
}

.logoandmenu /*ロゴ+メニュー帯*/
{
	max-width: 1180px;
	margin: auto;
	background: #fff url(images/bg_header.jpg) right;
	background-size: auto;
}

.logo /*ロゴエリア*/
{
	width: 22.5%;
	float: left;
	z-index: 9999;
	position: relative;
}

.logo img
{
	max-width: 100%;
	max-height: 100%;
}

@media screen and (min-width: 1180px){ /**/
	.logoandmenu /*ロゴ+メニュー帯*/
	{
		max-width: 1180px;
		margin: auto;
		background: none;
	}
	.logo /*ロゴエリア*/
	{
		width: 22.5%;
		float: left;
		z-index: 9999;
		position: relative;
		background: none;
	}

	.logo img
	{
		width: auto;
		height: 90px;
	}
}


	@media screen and (max-width:750px){ /*スマホサイズ*/

	.logo /*ロゴエリア*/
	{
		width: 68.25%;
		float: left;
	}

	.logo img
	{
		max-height: 75px;
	}
	}

@media screen and (min-width:751px){ /*PCサイズ*/
	.menu /*メニューエリア*/
	{
		width: 77.5%;
		float: right;
		margin-top: 0;
	}

	.menu_smp /*メニューエリア　スマートフォン*/
	{
		display: none;
	}

	/*スマホ用メニューボタン*/
	 header {
		display: none;
	 }

}

	@media screen and (max-width:750px){ /*スマホサイズ*/
		.menu /*メニューエリア*/
		{
			display: none;
		}

		.menu_smp /*メニューエリア*/
		{
			display: inline;
			width: 70%;
			float: right;
		}


	}

/*-------------------------------------------------
  メニューボタン
-------------------------------------------------*/

@media screen and (min-width:750px) and (max-width: 1180px){
	#menubutton
	{
		display: block;
		width: 14.285%;
		height: ;
		background: url(images/) no-repeat;
		height: ;
		line-height: ;
		vertical-align: middle;
		text-decoration: none;
		text-align: center;
		float: left;
		padding: 0.2% 0 0.2% 0;
		box-sizing: border-box;
		border-width: 0px 0px 0px 1px;
		border-style: solid;
		border-color: #E0E0E0;
		margin: 1.5% 0 0 0;
		font-size: 1.2vw;
		overflow: hidden;
		white-space: nowrap;
	}
}

@media screen and (min-width: 1180px){
	#menubutton
	{
		display: block;
		width: 14.285%;
		height: 5%;
		background: url(images/) no-repeat;
		height: ;
		line-height: ;
		vertical-align: middle;
		text-decoration: none;
		text-align: center;
		float: left;
		padding: 0.2% 0 0.2% 0;
		box-sizing: border-box;
		border-width: 0px 0px 0px 1px;
		border-style: solid;
		border-color: #E0E0E0;
		margin: 1.5% 0 0 0;
		font-size: 14px;
		overflow: hidden;
		white-space: nowrap;
	}
}

	@media screen and (max-width: 750px){ /*スマホサイズ*/
		#menubutton
		{
			display: block;
			width: 50%;
			height: 5%;
			background: url(images/) no-repeat;
			height: ;
			line-height: ;
			vertical-align: middle;
			text-decoration: none;
			text-align: center;
			float: left;
			padding: 2.5% 0 2.5% 0;
			box-sizing: border-box;
			border-width: 0px 1px 1px 0px;
			border-style: solid;
			border-color: #efefef;
			margin: 0 0 0 0;
			font-size: 14px;
			overflow: hidden;
			white-space: nowrap;
			color: #fff;
		}

		.menutextcolor
		{
			color: #fff;
		}
	}

/*-------------------------------------------------
  ヒーローイメージ
-------------------------------------------------*/

.bg_heroimg /*ヒーローイメージの背景*/
{
	width: 100%;
	background: ;
	position: relative;
}

.heroimg /*ヒーローイメージの枠*/
{
	max-width: 2000px;
	margin: auto;
	padding: 0 0 0 0;
	overflow: hidden;
}

.heroimg img /*ヒーローイメージ*/
{
	width: 100%;
	padding: 11.3% 0 0 0; /*メニュー帯に隠れないためのpadding*/
	/* display: none; */
}

	@media screen and (max-width: 750px){ /*スマホサイズ*/

	.heroimg img /*ヒーローイメージ*/
	{
		width: 100%;
		padding: 75px 0 0 0; /*メニュー帯に隠れないためのpadding*/
		/* display: none; */
	}

	}

/*-------------------------------------------------
  キャッチコピーエリア
-------------------------------------------------*/

/*サブページキャッチコピーエリア背景ブラー*/
#bg_blur1
{
	width: 100%;
	/* max-width: 1180px; */
	margin: 8% auto 0 auto;
	position: relative;
	overflow: hidden;
}

.bg-blur {
	display: block;
	height: auto;
	left: 0%;
	max-height: none;
	min-height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -2;
}

	@media screen and (min-width:1180px){ /*PCサイズ*/

		#bg_blur1 /*キャッチエリアとヘッダーメニューを被らせない*/
		{
			margin: 90px auto 0 auto;
		}

	}

	@media screen and (max-width:750px){ /*スマホサイズ*/

		#bg_blur1 /*キャッチエリアとヘッダーメニューを被らせない*/
		{
			margin: 75px auto 0 auto;
		}

	}

.sub_catch /*サブページのキャッチ*/
{
	width:100%;
	margin: auto;
	background-color: #0045E0;/* 消すとブラーが出ます */
	color: #fff;
	background: url(images/bg_footer.jpg) center left;
	background-size: cover;
}

.sub_catch h1{

	max-width: 1180px;
	margin: auto;
	font-size: 16px;
	/* font-family: 'Kozuka Mincho Pro',serif; */
	margin-block-start: 0;
	margin-block-end: 0;
	padding: 40px;
	box-sizing: border-box;
	font-weight: 200;
}

@media screen and (max-width: 750px){ /**/
	.sub_catch h1{

		max-width: 1180px;
		margin: auto;
		font-size: 16px;
		/* font-family: 'Kozuka Mincho Pro',serif; */
		margin-block-start: 0;
		margin-block-end: 0;
		padding: 5%;
		box-sizing: border-box;
		font-weight: 200;
	}
}


.catcharea /*ヒーローイメージ下のキャッチなどの配置エリア*/
{
	width:100%;
	max-width: 1180px;
	display: table;
	height: ;
	margin: -2.5% auto 0 auto;
	position: relative;
	z-index: 8888;
}



.catcharea_l /*キャッチエリア分割左*/
{
	width: 25%;
	display: table-cell;
	height: ;
	padding: 5%;
	box-sizing: border-box;
	background: rgba(31,153,62,0.9);
	color: #fff;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #1F993E;
}

.catcharea_r /*キャッチエリア分割右*/
{
	width: 75%;
	display: table-cell;
	height: ;
	padding: 3% 3% 4.5% 3%;
	box-sizing: border-box;
	background: rgba(31,153,62,0.7);
	color: #fff;
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: #1F993E;
}

.catcharea h1
{
	font-size: 1em;
	padding: 0;
	font-weight: 200;
}

	@media screen and (min-width:1180px){ /*PCサイズ*/

		.catcharea h1
		{
			font-size: 1em;
			padding: 4% 0 0 0;
			font-weight: 200;
		}

	}

	@media screen and (max-width:750px){ /*スマホサイズ*/

		.catcharea h1
		{
			font-size: 1em;
			padding: 3% 0 0 0;
			font-weight: 200;
		}

	}

.catcharea h2
{
	padding: 0;
	/*さわらび明朝*/
	font-family: "Sawarabi Mincho";
	font-weight: normal;
}

	@media screen and (max-width: 750px){ /*スマホサイズ*/
	.catcharea h2
	{
		font-size: 4vw;
	}
	}