@charset "utf-8";

/* ヘッダー */


/*
***********************************************************************************************
ヘッダー
***********************************************************************************************
*/

#header {
	/* background-color: #fff; */
	box-sizing: border-box;
	margin: 0 auto 0 auto;
	min-width: 1200px;
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 100%;
	z-index: 500;
	/*
	box-shadow: 0px 5px 10px 0 rgba(0,0,0,0.2);
	*/
}

	.viewmode-mobile #header {
		min-width: 0;
	}


@media screen {

	/* jQueryでページ上部に固定した状態 */
	.header-fixed #header {
		/*
		background-color: #fff;
		background-color: rgba(255,255,255,0.9);
		*/
		padding: 0;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		background-color: #FFF;
		transition: background-color 0.5s ease;
		box-shadow: 0px 3px 10px 0 rgba(0,0,0,0.2);
	}

		.viewmode-mobile.header-fixed #header {
			padding: 5px 0 5px 0;
			position: relative;
			box-shadow: none;
		}

		.header-fixed #header::after {
			background-color: #fff;

			transition: all 0.2s ease;
		}

		.viewmode-pc.header-fixed #header #logo {
			/*
			display: none;
			*/
		}

	.header-fixed #header #slogan {
		display: none;
	}

	.header-fixed #header + #wrapper {
		margin-top: 71px;	/* ヘッダー固定への切替時の表示をスムーズにする */
	}

		.viewmode-mobile.header-fixed #header {
			background-image: none;
		}

		.viewmode-mobile.header-fixed #header + #wrapper {
			margin-top: 50px;
		}

		/* スマホでデスクトップ表示 */
		.mobile .viewmode-pc.header-fixed #header + #wrapper {
			margin-top: 201px;
		}

			/* スマホでスマホ未対応のページを表示した場合 */
			.mobile .viewmode-pc.only_in_desktop.header-fixed #header + #wrapper {
				margin-top: 0px;
			}

		/* タブレットでデスクトップ表示 */
		.tablet .viewmode-pc.header-fixed #header + #wrapper {
			margin-top: 71px;
		}

}

	#header-inner {
		margin-left: auto;
		margin-right: auto;
		/*
		max-width: 1100px;
		*/
		padding: 0px 0 0px 0;
		position: relative;
		text-align: center;
	}

		.viewmode-mobile #header-inner {
			padding: 18px 15px;
		}

		/* ヘッダーが固定された状態 */
		.header-fixed #header-inner {
			padding: 0px 0 0px 0;
		}

			.viewmode-mobile.header-fixed #header-inner {
				
			}


/*
***********************************************************************************************
ヘッダーのテキスト（未使用）
***********************************************************************************************
*/

/*
#slogan {
	clear: both;
	font-size: 14.5px;
	font-weight: normal;
	letter-spacing: 0.05em;
	line-height: 1.5;
	padding: 0px;
	position: relative;
	text-align: center;
	z-index: 0;
}

	.viewmode-mobile #slogan {
		display: block;
		display: none;
		font-size: 12px;
		text-align: left;
	}

	.tablet .viewmode-pc #slogan {
	}
*/


/*
***********************************************************************************************
ロゴ
***********************************************************************************************
*/

#logo {
	/*
	background-color: #fff;
	*/
	left: 20px;
	line-height: 1;
	margin: 20px auto 25px auto;
	/*
	max-width: 215px;
	*/
	padding: 0px 0px 0px 0px;
	position: absolute;
	text-align: center;
	top: 0px;
	z-index: 600;
}

	.viewmode-mobile #logo {
		margin: 0px auto 0px auto;
		padding: 0px;
		position: static;
		text-align: left;
	}

		/* ヘッダーが固定された状態 */
		.header-fixed #logo {
			/*
			display: none;
			*/
		}

			.viewmode-mobile.header-fixed #logo {
				display: block;
			}

		.viewmode-mobile.header-fixed #logo img:first-child {
		}

	#logo a {
		display: inline-block;
		line-height: 1;
		margin: 0;
		padding: 0;
		text-decoration: none;
		vertical-align: top;
	}
	
		#logo a:hover {
			opacity: .7;
		}

		#logo a img {
			display: inline-block;
			margin: 0 auto;
			width: 250px;
			vertical-align: top;
		}

			.viewmode-mobile #logo a img {
				margin: 0 auto 0 auto;
				/*
				width: 150px;
				*/
			}

/* ロゴタイプ（未使用） */
/*
#logo img + img {
	margin: 15px auto 0px auto;
	padding: 0 0 0px 0;
	text-align: center;
}

	.viewmode-mobile #logo img + img {
		display: none;
		margin: 0px auto 0px auto;
		max-width: 150px;
	}
*/


/*
***********************************************************************************************
ヘッダのナビゲーション（未使用）
***********************************************************************************************
*/

/*
#nav-header {
	/＊
	float: right;
	＊/
	margin-top: 0px;
	position: absolute;
	right: 0;
	top: 0;
	/＊
	height: 16px;
	width: 570px;
	＊/
}

	#nav-header ul {
		letter-spacing: -.40em; /＊ 文字間を詰めて隙間を削除する ＊/
		list-style-type: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		text-align: right;
	}
	
		#nav-header li {
			box-sizing: border-box;
			display: inline-block;
			letter-spacing: normal; /＊ 文字間を通常に戻す ＊/
			list-style-type: none;
			margin: 0 0px 0 0px;
			padding: 0 0 0 0px;
			position: relative;
			vertical-align: top;
		}

			#nav-header li + li {
				margin-left: 30px;
			}
		
			#nav-header li a {
				background-repeat: no-repeat;
				margin: 0;
				padding: 0;
				text-decoration: none;
				display: block;
				/＊
				height: 100%;
				
				text-indent: 200%;
				white-space: nowrap;
				overflow: hidden;
				＊/
			}

				#nav-header li a:hover {
					opacity: 0.7;
				}

				/＊ 飾り ＊/
				#nav-header li a::before {
					background-color: transparent;
					color: #a6b3bb;
					content: "\f054";	/＊ fa-chevron-right ＊/
					display: block;
					font-family: 'Font Awesome 5 Free';
					font-size: 10px;
					font-weight: 900;
					line-height: 1.2;
					position: absolute;
					top: 1px;
				}


	/＊ ニュースリリース ＊/
	/＊
	#nav-header .menu-item-news {
		width: 110px;
		height: 15px;
	}

		#nav-header .menu-item-news a {
			background-image: url(../img/nav_header_news.png);
			background-position: 10px 0px;
		}
	＊/

	/＊ プライバシーポリシー ＊/
	/＊
	#nav-header .menu-item-privacy {
		width: 130px;
		height: 15px;
	}

		#nav-header .menu-item-privacy a {
			background-image: url(../img/nav_header_privacy.png);
			background-position: 10px 0px;
		}
	＊/

	/＊ 採用情報 ＊/
	/＊
	#nav-header .menu-item-recruit {
		width: 45px;
		height: 13px;
	}
	
		#nav-header .menu-item-recruit a {
			background-image: url(../img/nav_header_recruit.jpg);
		}
	＊/
*/


/*
***********************************************************************************************
文字の大きさ（未使用）
***********************************************************************************************
*/

/*
/＊ 文字サイズ変更後（L・M・S） ＊/
body.fontL {
	font-size: 110%;
}

body.fontM {
	font-size: 100%;
}

body.fontS {
	font-size: 80%;
}

/＊ 文字サイズ変更ボタン ＊/
dl#size {
	margin: 0px;
	padding-right: 0px;
	background-image: url(../img/gmenu_shim.gif);
	background-repeat: no-repeat;
	background-position: right;
}

	dl#size dt {
		width: 78px;
		height: 28px;
		float: left;
		background-image: url(../img/label_fontsize_title.gif);
		background-repeat: no-repeat;
		font-weight: 700;
		text-indent: -9999px;
	}
	
	dl#size dd {
		margin: 0;
		float: left;
	}
	
	dl#size ul {
		margin: 0;
		padding: 0;
	}

		/＊ 大中小ボタン ＊/
		dl#size li#small,
		dl#size li#medium,
		dl#size li#large {
			display: block;
			float: left;
			width: 23px;
			height :28px;
			padding: 0;
			margin: 0 0 0 0;
			text-indent: -9999px;
			cursor: pointer;
		}

		dl#size li#small {
			background-image: url(../img/label_fontsize_s.gif);
			width: 23px;
			height: 28px;
		}
		
		dl#size li#medium {
			background-image: url(../img/label_fontsize_m.gif);
		
		}
		
		dl#size li#large {
			background-image: url(../img/label_fontsize_l.gif);
			width: 25px;
		}

		/＊ 選択時 ＊/
		dl#size li.activeS {
			background-image: url(../img/label_fontsize_s_on.gif) !important;
			cursor: auto !important;
		}
		
		dl#size li.activeM {
			background-image: url(../img/label_fontsize_m_on.gif) !important;
			cursor: auto !important;
		}
		
		dl#size li.activeL {
			background-image: url(../img/label_fontsize_l_on.gif) !important;
			cursor:auto !important;
		}
*/

/*
***********************************************************************************************
サイト内検索
***********************************************************************************************
*/

#sitesearch {
	background-color: #222;
	box-sizing: border-box;
	margin: 0px auto 0 auto;
	padding: 0px 0px 0 0px;
	position: relative;
	position: absolute;
	right: 0px;
	top: 0px;
	width: 60px;
	z-index: 600;

	transition: all .2s ease;
}

	/* フォーカス時 */
	#sitesearch.active {
		/*
		background-color: #990000;
		*/
		padding: 0px 15px 0 0px;
		width: 210px;
	}

	.header-fixed #sitesearch {
	}

	.viewmode-mobile #sitesearch {
		display: none;
		/*
		margin-bottom: 20px;
		*/
		padding: 10px 0 0px 0;
		position: static;
		width: 100%;
	}

		.viewmode-mobile #drawer #sitesearch {
			background-color: transparent;
			display: block;
		}

	#sitesearch form {
		/*
		background-image:  url(../img/common/bg_search.gif);
		background-cposition: 0px 0px;
		background-repeat: no-repeat;
		*/
		margin:  0px 0px 0 0;
		padding:  0 0 0 0px;
		position: relative;
	}
	
		/* 検索アイコン */
		#sitesearch form::after {
			content: "\f002";	/* fa-search */
			color: #fff;
			font-family: 'Font Awesome 5 Free';
			font-size: 20px;
			font-weight: 900;
			line-height: 1;
			position: absolute;
			right: 19px;
			top: 19px;
			z-index: -1;

			transition: all .2s ease;
		}

			#sitesearch.active form::after {
				right: 4px;
			}

			.viewmode-mobile #sitesearch form::after {
				color: #990000;
				font-size: 16px;
				right: 10px;
				top: 9px;
				z-index: 0;
			}

	#sitesearch label {
		display: none;
	}

	#sitesearch input {
		background-color: transparent;
		margin: 0;
		padding: 0;
	}
	
	#sitesearch #s {
		/*
		background-image: url(../img/common/bg_nav_header2.gif);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		*/
		border: 0px solid #fff;
		background-color: transparent;
		box-sizing: border-box;
		color: #fff;
		font-size: 14px;
		opacity: 0;
		padding: 21px 14px 22px 14px;
		position: relative;
		/*
		height: 35px;
		*/
		width: 100%;
		
		border-radius: 0px;
		transition: all 0.2s ease;
		-webkit-appearance: none;

		/*
		box-shadow: 2px 2px 5px 0 rgba(0,0,0,0.1) inset;
		*/
	}
	
		#sitesearch #s:hover {
			cursor: pointer;
		}

		#sitesearch #s:focus {
			background-color: transparent;
			outline: none;
		}

		/* IEのクリアボタン */
		#sitesearch #s::-ms-clear {
			visibility: hidden;
		}

		#sitesearch.active #s {
			opacity: 1;
		}

			#sitesearch.active #s:hover {
				cursor: default;
			}

		.viewmode-mobile #sitesearch #s {
			background-color: #eee;
			color: #000;
			font-size: 13px;
			height: 35px;
			opacity: 1;
			padding: 0px 15px 0px 15px;
		}

		/* オートコンプリート */
		#sitesearch #s:-webkit-autofill {
			transition: background-color 5000s ease-in-out 0s !important;
		}

			.viewmode-mobile #sitesearch #s:-webkit-autofill {
				transition: background-color 5000s ease-in-out 0s, color 5000s ease-in-out 0s !important;
			}

			/* プレースホルダー */
			#sitesearch #s::-webkit-input-placeholder {
				color: #fff;
			}

				.viewmode-mobile #sitesearch #s::-webkit-input-placeholder {
					color: #999;
					line-height: 1.5;
				}

	/* 検索ボタン */
	#sitesearch #searchsubmit {
		/*
		background-color: transparent;
		background-image: url(../img/common/btn_search.png);
		background-position: center center;
		background-repeat: no-repeat;
		*/
		border: 0px solid #fff;
		color: transparent;
		margin: 0px 0px 0px 0px;
		position: absolute;
		top: -100px;
		right: 0px;
		width: 35px;
		height: 35px;
		z-index: 5;
	}
	
		#sitesearch #searchsubmit:hover {
			cursor: pointer;
		}

		#sitesearch #searchsubmit:focus {
			outline: none;
		}

		#sitesearch.active #searchsubmit,
		.viewmode-mobile #sitesearch #searchsubmit {
			top: 0px;
		}

		/* Add-Clearで追加したクリアボタン */
		#sitesearch .add-clear-span a {
			color: #999 !important;
			/*
			display: none !important;
			*/
			opacity: 0;
			top: 5px !important;
		}

			#sitesearch.active .add-clear-span a,
			.viewmode-mobile #sitesearch .add-clear-span a {
				/*
				display: block !important;
				*/
				opacity: 1;
				right: 36px !important;
			}

			.viewmode-mobile #sitesearch .add-clear-span a {
				top: 4px !important;
			}


/*
***********************************************************************************************
JSで追加したドロワー展開用のトグルボタン
***********************************************************************************************
*/

.toggle-button {
	background-color: transparent;
	border: 0px solid #999;
	font-size: 12px;
	right: 7px;
	min-width: 40px;
	padding: 6px 7px;
	position: fixed;
	top: 7px;
	z-index: 550;
	
	/*
	border-radius: 20px;
	background: -moz-linear-gradient(top, #ffffff 0%, #dddddd 100%); /＊ FF3.6-15 ＊/
	background: -webkit-linear-gradient(top, #ffffff 0%,#dddddd 100%); /＊ Chrome10-25,Safari5.1-6 ＊/
	background: linear-gradient(to bottom, #ffffff 0%,#dddddd 100%); /＊ W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ ＊/
	*/
}

	/* ハンバーガーアイコン */
	.toggle-button::after {
		color: #000;
		content: "\f0c9";	/* fa-bars */
		display: block;
		font-family: 'Font Awesome 5 Free';
		font-size: 25px;
		font-weight: 900;
		line-height: 28px;
		text-align: center;
	}

		.viewmode-mobile .toggle-button::after {
			transform: scale( 0.8 );
		}

	/* ヘッダーが固定された状態 */
	@media screen {
		.header-fixed .toggle-button {
			background-color: #990000;
			/*
			box-shadow: 0px 3px 5px 0 rgba(0,0,0,0.15);
			*/
		}

			.header-fixed .toggle-button::after {
				color: #fff;
			}
	}

	/* ドロワーが開いた状態 */
	.slideout-open .toggle-button {
		background-color: #000;
	}

		.slideout-open .toggle-button::after {
			color: #fff;
			content: "\f00d";	/* fa-close */
		}


/* JSで追加したドロワー2展開用のトグルボタン（未使用） */
/*
.toggle-button2 {
	background-color: #ccc;
	border: 0px solid #999;
	color: #fff;
	right: 0px;
	padding: 3px 5px;
	position: absolute;
	top: 18px;

	border-radius: 3px;
}
*/


/*
***********************************************************************************************
JSで追加したモバイル専用ドロワー1（左側）
***********************************************************************************************
*/

#drawer {
	background-color: #fff;
	/*
	background-color: rgba(255,255,255,0.7);
	background-image: url(../img/bg_drawer.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	*/
	padding: 0px 10px 80px 10px;
}
	/*
	#drawer::before {
		background-image: url(../img/bg_drawer.jpg);
		background-position: right top;
		background-repeat: no-repeat;
		background-size: contain;
		content: "";
		display: block;
		height: 80px;
		margin: 0 -10px 0px -10px;
	}
	*/

	.viewmode-mobile #drawer {
		display: block !important;
		transform: translateX(-255px);
		transform: translateX(-100vw);
		
		transition: all .2s ease;
	}

		/* ドロワーが開いた状態 */
		.slideout-open #drawer {
			transform: translateX(0px);
		}


/*
***********************************************************************************************
JSで追加したスマホ専用ドロワー2（右側）（未使用）
***********************************************************************************************
*/

#drawer2 {
	background-color: #eee;
	padding: 10px;
	width: 205px;
}


/*
***********************************************************************************************
グローバルナビゲーション（PC専用）
***********************************************************************************************
*/

#nav-global {
	/*
	background-color: #990000;
	clear: both;
	*/
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0 auto;
	position: relative;
	width: 100%;
	z-index: 500;

	/*
	background: #2f53a6; /＊ Old browsers ＊/
	background: -moz-linear-gradient(top, #2f53a6 1%, #254182 50%, #2f53a6 100%); /＊ FF3.6-15 ＊/
	background: -webkit-linear-gradient(top, #2f53a6 1%,#254182 50%,#2f53a6 100%); /＊ Chrome10-25,Safari5.1-6 ＊/
	background: linear-gradient(to bottom, #2f53a6 1%,#254182 50%,#2f53a6 100%); /＊ W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ ＊/
	box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.2);
	*/
}

	#nav-global::after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
	}

	.viewmode-mobile #nav-global {
		/*
		display: none;
		*/
		margin: 0px -10px 0 -10px;
		width: auto;
	}


.menu-global {
	/*
	border-left: 1px solid #ccc;
	*/
	letter-spacing:-.40em; /* 文字間を詰めて隙間を削除する */
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	text-align: right;
}
	
		.menu-global li {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		
			.menu-global > li {
				display: table-cell;
				display: inline-block;
				letter-spacing: normal; /* 文字間を通常に戻す */
				vertical-align: middle;
				vertical-align: top;
			}

			.viewmode-mobile .menu-global > li {
				display: block;
				position: relative;
			}

				.menu-global > li > a {
					/*
					background-color: #fff;
					*/
					background-position: 0px 0px;
					background-repeat: no-repeat;
					/*
					border-right: 1px solid #ccc;
					*/
					box-sizing: border-box;
					color: #fff;
					display: block;
					font-size: 18px;
					font-weight: bold;
					letter-spacing: 0;
					line-height: 1.6;
					/*
					min-width: 230px;
					*/
					overflow: visible;
					padding: 15px 25px 15px 25px;
					position: relative;
					text-align: center;
					text-decoration: none;
					white-space: nowrap;
					z-index: 550;

					transition: all 0.2s ease;
				}

					.viewmode-mobile .menu-global > li > a {
						font-size: 14px;
						padding: 12px 10px 12px 20px;
						text-align: left;
						z-index: 0;
					}

						.viewmode-mobile .menu-global > li + li > a {
							border-top: 1px solid #eee;
						}

					/* ヘッダーの固定時 */
					.header-fixed .menu-global > li > a {

					}

				.menu-global > li:first-child > a {
				}
				
					/* 下線の飾り */
					.menu-global > li > a::after {
						background-color: #fff;
						bottom: 0px;
						content: "";
						display: block;
						left: 50%;
						margin-left: -30px;
						position: absolute;
						height: 4px;
						width: 60px;
						transform: scaleX(0);
						transition: all 0.2s ease;
					}

						/* 下線の飾り */
						.viewmode-mobile .menu-global > li > a::after {
							left: 0;
							margin-left: auto;
						}

					.menu-global > li > a:hover,
					.menu-global > li.current > a ,
					.menu-global > li.sfHover > a {
						/*
						background-color: #570000;
						color: #fff;
						opacity: .7;
						*/
					}

						.menu-global > li.current > a::after,
						.menu-global > li.sfHover > a::after {
							background-color: #000;
							transform: scaleX(1);
						}

						/* yuga.jsでカレント表示に対して適用されたparentsLinkクラス */
						.menu-global > li > a.parentsLink {
						}

							.menu-global > li > a.parentsLink::after {
								background-color: #c11c29;
								/*
								transform: scaleX(1);
								*/
							}

								.menu-global.open > li > a.current::after,
								.menu-global.open > li > a.parentsLink::after {
									background-color: #fff;
								}

						.viewmode-mobile .menu-global > li > a::after,
						.viewmode-mobile .menu-global > li > a.current::after,
						.viewmode-mobile .menu-global > li > a.parentsLink::after {
							content: none;
						}


						/* 英文メニュータイトル */
						.menu-global > li > a small {
							display: block;
							transition: all .2s ease;
						}

							.menu-global > li.current > a small,
							.menu-global > li > a:hover small {
								opacity: 0;
							}

							.viewmode-mobile .menu-global > li > a small {
								opacity: 1;
							}

						/* 和文メニュータイトル */
						.menu-global > li > a span {
							color: #000;
							display: block;
							/*
							font-size: 12px;
							*/
							font-size: 14.5px;
							left: 50%;
							opacity: 0;
							position: absolute;
							top: 50%;
							white-space: nowrap;
							transform: translate(-50%, -50%);
							transition: all .2s ease;
						}

							.menu-global > li.current > a span,
							.menu-global > li > a:hover span {
								opacity: 1;
							}

							.viewmode-mobile .menu-global > li > a span {
								left: 40%;
								opacity: 1;
								transform: translate(0, -50%);
							}

					/* サブメニューを持つメニュー項目（未使用） */
					.menu-global > li > a.sf-with-ul {
						/*
						padding-left: 15px;
						*/
					}

					/* 矢印の飾り */
					.menu-global > li > a.sf-with-ul::after {
						bottom: 18px;
						color: #570000;
						content: "\f0d7";	/* fa-caret-down */
						display: inline-block;
						font-family: 'Font Awesome 5 Free';
						font-size: 21px;
						font-weight: 900;
						height: 0;
						left: 48%;
						line-height: 1.0;
						position: absolute;
						text-align: center;
					}
				
						/* フライアウトメニューが展開した場合＆マウスオーバーした場合 */
						.menu-global > li.sfHover > a {
						}
					
							.menu-global > li.sfHover > a::before {
								color: #00a3d8;
							}

					.menu-global > li > a img {
						height: 30px;
						vertical-align: top;
					}

						.viewmode-mobile .menu-global > li > a img {
							/*
							height: 20px;
							*/
						}

	/* サブメニュー（未使用）*/
	/*
	.menu-global li ul.sub-menu {
		background-color: #000;
		background-color: rgba(0,0,0, 0.7);
		background-image: none;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		/＊
		background-size:contain;
		＊/
		box-sizing: border-box;
		display: none;
		padding: 0px;
		position: absolute;
		text-align: left;
		top: 50px;
		z-index: 500;
		
		box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.1);
	}

		.viewmode-mobile .menu-global li ul.sub-menu {
			display: block;
			overflow: hidden;
			max-height: 0;
			padding-left: 10px;
			position: static;
			box-shadow: none;
			transition: max-height .2s ease, margin .2s linear;
		}

			.viewmode-mobile .menu-global > li.menu-item-has-children > span {
				display: block;
				text-align: center;
				top: 5px;
				right: 0px;
				height: 35px;
				position: absolute;
				width: 35px;
				z-index: 1;
			}

				/＊ 矢印の飾り ＊/
				.viewmode-mobile .menu-global > li.menu-item-has-children > span::after {
					color: #fff;
					content: "\f078";	/＊ chevron-down ＊/
					font-family: 'Font Awesome 5 Free';
					font-size: 12px;
					font-weight: 900;
					line-height: 35px;
				}

					.viewmode-mobile .menu-global > li.menu-item-has-children.active > span::after {
						content: "\f077";	/＊ chevron-up ＊/
					}

		.viewmode-mobile .menu-global > li.menu-item-has-children.active .sub-menu {
			max-height: 1000px;
		}

		.menu-global li ul.sub-menu li {
			display: block;
			margin: 0px;
			position: relative;
		}

			.menu-global li ul.sub-menu li a {
				background-color: #990000;
				box-sizing: border-box;
				color: #fff;
				display: block;
				font-size: 15px;
				font-weight: normal;
				line-height: 1.3;
				margin-top: -1px;
				min-width: 220px;
				padding: 14px 10px 14px 30px;
				position: relative;
				text-decoration: none;
				white-space: nowrap;
			
				transition: all 0.3s ease;
			}

				.viewmode-mobile .menu-global li ul.sub-menu li a {
					border: none;
					border-top: 1px solid #000;
					font-size: 12px;
					min-width: 0;
					padding: 14px 10px 14px 25px;
					white-space: normal;
				}

				/＊ 矢印のかざり ＊/
				.menu-global li ul.sub-menu li a::before {
					color: #fff;
					content:"\f054";	/＊ fa-chevron-right ＊/
					display:block;
					font-family: 'Font Awesome 5 Free';
					font-size: 1em;
					font-weight: bold;
					line-height: 1.0;
					top: 1em;
					left: 0.7em;
					position: absolute;
					z-index: 1;

					transition: all 0.3s ease;
				}

					.viewmode-mobile .menu-global li ul.sub-menu li a::before {
						top: 1.3em;
					}

					.menu-global li ul.sub-menu li a:hover::before {
						color: #fff;
					}

					.ie .menu-global li ul.sub-menu li a::before {
					}

			/＊ カレント表示 ＊/
			.menu-global li .sub-menu li a.current {
				border: 2px solid #fff;
			}

				.menu-global li ul.sub-menu li a.current::before {
					/＊
					color: #fff;
					＊/
				}

			.menu-global li .sub-menu li a:link { }
			.menu-global li .sub-menu li a:visited { }
			.menu-global li .sub-menu li a:hover {
				background-color: #570000;
				/＊
				border: 1px solid #fff;
				＊/
				color: #fff;
				/＊
				opacity: 0.7;
				＊/
			}

			.viewmode-mobile .menu-global > li > a.current + ul.sub-menu,
			.viewmode-mobile .menu-global > li > a.parentsLink + ul.sub-menu {
				display: block;
			}
	*/


/*
***********************************************************************************************
特定のメニュー項目
***********************************************************************************************
*/

/* ホーム */
.menu-global > li.menu-item-home {
}

	.menu-global > li.menu-item-home > a.parentsLink::after {
		transform: scaleX(0);
	}

		.menu-global > li.menu-item-home > a.parentsLink:hover::after {
			transform: scaleX(1);
		}


/* 料金表（未使用） */
/*
.menu-global > li.menu-item-price {
}

	.menu-global > li.menu-item-price > a {
		background-color: #000;
		letter-spacing: 5px;
		font-size: 12px;
		padding: 20px 25px 20px 30px;
	}

		.viewmode-mobile .menu-global > li.menu-item-price > a {
			letter-spacing: 0;
			font-size: 15px;
			padding: 17px 10px 17px 20px;
		}

			/＊
			.menu-global > li.menu-item-price > a.current,
			＊/
			.menu-global > li.menu-item-price > a:hover {
				background-color: #faef5a;
				color: #000;
			}


		.menu-global > li.menu-item-price > a::after {
			content: none;
		}
*/


/* お問い合わせ（スタイル1・未使用） */
/*
.menu-global li.menu-item-contact {
}

	.viewmode-mobile .menu-global li.menu-item-contact {
		display: none;
	}

	.menu-global > li.menu-item-contact{
		vertical-align: middle;
		margin: 11px 24px 15px 0px;
	}

	.menu-global li.menu-item-contact a {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: 1;
		text-decoration: none;
		color: #000000;
		font-size: 11px;
		border-radius: 20px;
		width: 120px;
		height: 30px;
		font-weight: bold;
		border: 2px solid #000000;
		transition: 0.3s;
		background-color: #ffffff;
	}

	.menu-global li.menu-item-contact a:hover {
		transform: scale(1.05);
	}

		/＊
		.viewmode-mobile .menu-global li.menu-item-contact a {
			background-color: transparent;
			text-indent: 0;
			overflow: auto;
			padding: 12px 10px 12px 10px;
		}
		＊/

		/＊ メールのアイコン ＊/
		/＊
		.menu-global li.menu-item-contact a::before {
			color: #fff;
			content: "\f0e0";	/ * fa-envelope * /
			font-family: 'Font Awesome 5 Free';
			font-size: 1.2em;
			font-weight: bold;
			left: 50%;
			line-height: 1;
			text-indent: 0;
			top: 50%;
			margin-left: -0.5em;
			margin-top: -0.42em;
			position: absolute;
		}
		＊/

			.viewmode-mobile .menu-global li.menu-item-contact a::before {
				content: none;
			}

		.menu-global li.menu-item-contact a:hover {
			opacity: 0.7;
		}
*/


/* お問い合わせ（スタイル2） */

.menu-global > li.menu-item-contact {
}

	.menu-global > li.menu-item-contact > a {
		background-color: #000;
		letter-spacing: .1em;
		font-size: 14px;
		padding: 19px 25px 19px 30px;
	}

		.viewmode-mobile .menu-global > li.menu-item-contact > a {
			letter-spacing: 0;
			font-size: 15px;
			padding: 17px 10px 17px 20px;
		}

			/＊
			.menu-global > li.menu-item-contact > a.current,
			＊/
			.menu-global > li.menu-item-contact > a:hover {
				background-color: #faef5a;
				color: #000;
			}


		.menu-global > li.menu-item-contact > a::after {
			content: none;
		}


/* 採用情報（未使用） */
/*
.menu-global li.menu-item-recruit {
}
*/

/* サイト内検索（未使用） */
/*
.menu-global li.menu-item-search {
	background-color: #990000;
	position: relative;
	z-index: 600;
}
*/


/*
***********************************************************************************************
フライアウトメニュー（メガメニュー版）（PC専用）（未使用）
***********************************************************************************************
*/

/*
/＊ メガメニュー展開時の目隠し用 ＊/
#nav-global.mega::before {
	background-color: #fff;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 550;

	/＊
	background: #2f53a6; /＊ Old browsers ＊/
	background: -moz-linear-gradient(top, #2f53a6 1%, #254182 50%, #2f53a6 100%); /＊ FF3.6-15 ＊/
	background: -webkit-linear-gradient(top, #2f53a6 1%,#254182 50%,#2f53a6 100%); /＊ Chrome10-25,Safari5.1-6 ＊/
	background: linear-gradient(to bottom, #2f53a6 1%,#254182 50%,#2f53a6 100%); /＊ W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ ＊/
	＊/
}

	.viewmode-mobile #nav-global.mega::before {
		content: none;
	}

/＊ メガメニューのフライアウト ＊/
.mega > .menu-global li .sub-menu {
	letter-spacing:-.40em; /＊ 文字間を詰めて隙間を削除する ＊/
	left: 50%;
	margin-left: -575px;
	/＊
	max-width: 1100px;
	＊/
	padding: 15px 0px 15px 0px;
	/＊
	right: 0;
	＊/
	width: 1150px;
}

	.viewmode-mobile .mega > .menu-global li .sub-menu {
		background-color: #fff;
		left: auto;
		margin-left: auto;
		padding: 0 0 0 10px;
		width: auto;
	}


	/＊ フライアウトメニューの背景延長 ＊/
	.mega > .menu-global li .sub-menu::before,
	.mega > .menu-global li .sub-menu::after {
		background-color: rgba(0,0,0, 0.7);
		content: "";
		display: block;
		top: 0;
		height: 100%;
		position: absolute;
		width: 100%;
	}

	.mega > .menu-global li .sub-menu::before {
		left: -100%;
	}

		.viewmode-mobile .mega > .menu-global li .sub-menu::before {
			content: none;
		}

	.mega > .menu-global li .sub-menu::after {
		right: -100%;
	}

		.viewmode-mobile .mega > .menu-global li .sub-menu::after {
			content: none;
		}

	.mega > .menu-global li .sub-menu li {
		/＊
		background-color: #fff;
		＊/
		letter-spacing: normal; /＊ 文字間を通常に戻す ＊/
		display: inline-block;
		margin: 15px 15px 15px 15px;
		position: relative;
		text-align: left;
		vertical-align: top;
	}

		.viewmode-mobile .mega > .menu-global li .sub-menu li {
			display: block;
			margin: 0;
		}


		/＊ 罫線の飾り ＊/
		.mega > .menu-global li .sub-menu li::after {
			background-color: #fff;
			content: "";
			display: block;
			top: 48%;
			height: 1px;
			right: -15px;
			position: absolute;
			width: 30px;
		}

			.ie .mega > .menu-global li .sub-menu li::after {
			}

			.viewmode-mobile .mega > .menu-global li .sub-menu li::after {
				content: none;
			}

		.mega > .menu-global li .sub-menu li a {
			background-color: #990000;
			/＊
			border: 1px solid #990000;
			＊/
			box-sizing: border-box;
			color: #fff;
			display: block;
			font-size: 16px;
			font-weight: normal;
			height: 120px;
			letter-spacing: 0.05em;
			line-height: 1.6;
			overflow: hidden;
			padding: 15px 15px 15px 150px;
			position: relative;
			text-align: left;
			text-decoration: none;
			white-space: normal;
			width: 340px;
			transition:all .2s ease;
		}

			.viewmode-mobile .mega > .menu-global li .sub-menu li a {
				background-color: #570000;
				border-top: 1px solid #111;
				font-size: 12px;
				height: auto;
				padding: 10px 10px 10px 25px;
				width: auto;
			}
		
			.mega > .menu-global li .sub-menu li a:link { }
			.mega > .menu-global li .sub-menu li a:visited { }
			.mega > .menu-global li .sub-menu li a:hover {
				outline: 1px solid #fff;
			}

			/＊ サムネイル ＊/
			.mega > .menu-global li .sub-menu li a::before {
				background-color: #fff;
				content: "";
				display: block;
				background-color: #eee;
				background-repeat: no-repeat;
				background-position: 0px 0px;
				background-size: cover;
				height: 120px;
				overflow: hidden;
				left: 0px;
				top: 0px;
				position: absolute;
				width: 120px;
				z-index: 0;
			}

				/＊ 矢印のかざり ＊/
				.viewmode-mobile .mega > .menu-global li .sub-menu li a::before {
					background-color: transparent;
					background-image: none;
					color: #fff;
					content:"\f054";	/＊ fa-chevron-right ＊/
					display: block;
					font-family: 'Font Awesome 5 Free';
					font-size: 1em;
					font-weight: bold;
					line-height: 1.0;
					top: 1.15em;
					left: 0.7em;
					height: auto;
					position: absolute;
					z-index: 1;
					width: auto;

					transition: all 0.3s ease;
					transform: scale(0.8);
				}

				.mega > .menu-global li .sub-menu li a:hover::before {
					/＊
					opacity: 0.8;
					transform: scale(1.1) rotate(0.001deg);
					＊/
				}

			/＊ 背景色（未使用） ＊/
			/＊
			.mega > .menu-global li .sub-menu li a::after {
				background-color: #000;
				background-color: rgba(0,0,0, 0.6);
				content: "";
				display: block;
				top: 0;
				height: 100px;
				right: 0px;
				position: absolute;
				width: 275px;
				z-index: -1;
				
				transition:all .2s ease;
			}

				.mega > .menu-global li .sub-menu li a:hover::after {
					background-color: #990000;
				}
				＊/
*/


/*
***********************************************************************************************
メニュー項目のサムネイル
***********************************************************************************************
*/

/* 採用情報（未使用） */
/*
.menu-recruit-item-01 a::before { background-image: url(../img/thumb_recruit_content01.jpg); }
.menu-recruit-item-02 a::before { background-image: url(../img/thumb_recruit_content02.jpg); }
*/

/* お問い合わせ（未使用） */
/*
.menu-contact-item-01 a::before { background-image: url(../img/thumb_contact_content01.jpg); }
*/


/*
***********************************************************************************************
メガメニュー用のオーバーレイ
***********************************************************************************************
*/
	
#gnav_overlay {
	background-color: #252d3a;
	display: none;
	position: fixed;
	z-index: 100;
	top: 0px;
	left: 0px;
	opacity: 0;
	height: 100%;
	width: 100%;

	transition: all .6s ease;
}

	/* オーバーレイが開いた状態 */
	.slideout-open #gnav_overlay,
	.gnav-open #gnav_overlay {
		display: block;
		opacity: 0.45;
	}



/*
***********************************************************************************************
アイキャッチ画像
***********************************************************************************************
*/

.wrapper_eyecatch {
}

	.viewmode-mobile .wrapper_eyecatch {
		background-image: none;
	}

	.eyecatch {
		/*
		background-color: #000;
		*/
		box-sizing: border-box;
		margin: 0px auto 0px auto;
		/*
		max-width: 1100px;
		*/
		min-height: 0px;
		padding: 30px 0 50px 0;
		position: relative;
		text-align: center;
	}

		.viewmode-mobile .eyecatch {
			/*
			min-height: 180px;
			*/
			padding: 20px 0 20px 0;
		}

	/* ダミーの本文背景（未使用） */
	/*
	.eyecatch::after {
		background-color: #fff;
		bottom: -1px;
		content: "";
		display: block;
		height: 100px;
		margin-left: -550px;
		position: absolute;
		left: 50%;
		width: 1100px;
		z-index: 1;
	}

		.viewmode-mobile .eyecatch::after {
			height: 70px;
			margin-left: 0;
			left: 0;
			width: 100%;
		}
	*/

		/* アイキャッチの背景 */
		.eyecatch .bg_eyecatch {
			/*
			background-image: url(../img/eyecatch_default.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			background-size: cover;
			*/
			height: 100%;
			overflow: hidden;
			position: absolute;
			right: 0px;
			top: 0px;
			width: 100%;
			z-index: 1;
			
		}

			.viewmode-mobile .eyecatch .bg_eyecatch {
				/*
				height: 180px;
				position: static;
				width: 100%;
				*/
			}
			
				@media screen and (min-width: 321px) {
					.viewmode-mobile .eyecatch .bg_eyecatch {
						/*
						height: 250px;	/＊ タブレット以上の時に高さ調整 ＊/
						*/
					}
				}

			/* アイキャッチのオーバーレイ（未使用） */
			/* アイキャッチ（未使用） */
			/*
			.eyecatch .bg_eyecatch::before,
			.eyecatch .bg_eyecatch::after {
				/＊
				background-image: url(../img/bg_eyecatch.png);
				＊/
				content: "";
				display: block;
				height: 100%;
				/＊
				opacity: .5;
				＊/
				position: absolute;
				right: 0px;
				top: 0px;
				width: 100%;
				z-index: 1;
			}

			.eyecatch .bg_eyecatch::before {
				background-image: url(../img/eyecatch_default.jpg);
				background-position: center top;
				background-repeat: no-repeat;
				background-size: cover;
			}

				.viewmode-mobile .eyecatch .bg_eyecatch::before {
				}
			*/

		
		/* デフォルトのアイキャッチ */
		.eyecatch_default .bg_eyecatch {
			background-image: url(../img/eyecatch_default.png);
			/*
			height: 300px;
			*/
		}

		.eyecatch h1 {
			/*
			background-color: #fff;
			*/
			border-left: 0px solid #fff;
			border-top: 0px solid #fff;
			border-bottom: 0px solid #fff;
			font-size: 30px;
			font-weight: bold;
			/*
			letter-spacing: .1em;
			*/
			line-height: 1.2;
			margin: 0px 0 0px 0;
			padding: 0px;
			position: relative;
			text-align: center;
			z-index: 1;
			/*
			text-shadow:0px 0px 10px rgba(0,0,0,0.7),
				0px 0px 10px rgba(0,0,0,0.7),
				0px 0px 10px rgba(0,0,0,0.7),
				0px 0px 10px rgba(0,0,0,0.7);
			*/
		}

			.viewmode-mobile .eyecatch h1 {
				font-size: 23px;
				padding: 0px;
				/*
				top: 30px;
				*/
			}

			/*
			.eyecatch h1 > span {
				background-color: #990000;
				display: inline-block;
				display: table;
				margin: 0 7px;
				padding: 15px 10px 15px 10px;
				white-space: nowrap;

				-webkit-font-feature-settings: normal;
				font-feature-settings: normal;
			}

				.viewmode-mobile .eyecatch h1 > span {
					margin: 0 3px;
					padding: 10px 5px 10px 5px;
				}

			.eyecatch br {
				display: none;
			}

				.viewmode-mobile .eyecatch br {
					display: inline;
				}
			*/

		/* デフォルトのアイキャッチ */
		.eyecatch_default h1 {
			height: 300px !important;
		}
		
			.viewmode-mobile .eyecatch_default h1 {
				height: auto !important;
			}

		.eyecatch h1 + figure {
			display: block;
			margin: 0px;
			padding: 20px 30px 0px 30px;
		}

			.viewmode-mobile .eyecatch h1 + figure {
				padding: 15px 15px 0px 15px;
			}

			.eyecatch h1 + figure img {
				display: block;
				max-width: 100%;
			}

	/* 画像のh1 */
	.eyecatch h1.img {
		margin-top: 20px;
		padding: 0;
		/*
		top: 130px;
		*/
	}

		.viewmode-mobile .eyecatch h1.img {
			left: auto;
			margin-top: 30px;
			max-width: 100%;
			position: relative;
			text-align: center;
			top: auto;
			transform: none;
			-webkit-writing-mode: horizontal-tb;
			writing-mode: horizontal-tb;
		}

		.eyecatch h1.img img {
			vertical-align: top;
			width: 700px;
		}

			.viewmode-mobile .eyecatch h1.img img {
				max-width: 90%;
				width: auto;
			}


/*
***********************************************************************************************
パンくずリスト
***********************************************************************************************
*/

#breadcrumb {
	/*
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
	color: #eee;
	*/
	margin: 0px auto 0px auto;
	padding: 10px 20px 10px 20px;
	padding: 10px 10px 10px 10px;
	position: relative;
	z-index: 1;
	width: 100%;
}

	.viewmode-mobile #breadcrumb {
		display: -ms-flexbox;	/*--- IE10 ---*/
		display: -webkit-flex;	/*--- safari（PC）用 ---*/
		display: flex;
		display: none;
		overflow-x: scroll;
		padding: 5px;
		
		-webkit-overflow-scrolling: touch;
	}

		/* スクロールバーの装飾 */
		.viewmode-mobile #breadcrumb::-webkit-scrollbar {
			height: 5px;
		}
		
		.viewmode-mobile #breadcrumb::-webkit-scrollbar-track {
			background: #f1f1f1;
			
			border-radius: 5px;
		}
		
		.viewmode-mobile #breadcrumb::-webkit-scrollbar-thumb {
			background: #bcbcbc;
			
			border-radius: 5px;
		}

	#breadcrumb ul {
		color: #999;
		font-size: 85%;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		list-style: none;
		margin: 0px auto;
		/*
		max-width: 1070px;
		*/
		padding: 0 .5em 0 .5em;
	}

		.viewmode-mobile #breadcrumb ul {
			margin: 0px;
			padding: 0px 10px 0px 0px;
			white-space: nowrap;
		}

		#breadcrumb li {
			/* float: left; */
			display: inline-block;
			letter-spacing: .1em;
			line-height: 1.3;
			margin: 0px;
			padding: 0px;
		}

			/* ＞ */
			#breadcrumb li + li::before {
				content: '>';
				color: inherit;
				display: inline-block;
				font-size: inherit;
				line-height: inherit;
				margin: 0 0.7em;
				position: relative;

				transform: scale(0.6, 1.2);
			}

				.viewmode-mobile #breadcrumb li + li::before {
					top: -.1em;
				}

			#breadcrumb a {
				color: inherit;
				text-decoration: none;
			}

				#breadcrumb a:hover {
					text-decoration: underline;
				}

			.viewmode-mobile #breadcrumb a {
			}

	/* ホーム */
	#breadcrumb li:first-child a {
		display: inline-block;
		position: relative;
		vertical-align: middle;
		/*
		width: 20px;

		text-indent: -999px;
		white-space: nowrap;
		overflow: hidden;
		*/
	}

		.viewmode-mobile #breadcrumb li:first-child a {
			overflow: visible;
		}

		/* 家のアイコン（未使用） */
		/*
		#breadcrumb li:first-child a::before {
			color: #990000;
			content: "\f015";	/＊ fa-home ＊/
			font-family: 'Font Awesome 5 Free';
			font-size: 16px;
			font-weight: 900;
			left: 0;
			line-height: 1;
			text-indent: 0;
			top: 50%;
			margin-top: -0.6em;
			position: absolute;
			
		}
		*/

			#breadcrumb li:first-child a:hover {
				opacity: 0.7;
			}