@charset "utf-8";

/* ヘッダー */


/*
***********************************************************************************************
Wordpressの管理バー
***********************************************************************************************
*/

#wpadminbar {
	text-align: left;
}

	@media screen and (max-width: 782px){
		#wpadminbar {
			position: fixed !important;	/* スマホサイズではヘッダーに固定 */
		}
	}

	/* テーマカスタマイザー使用中は管理バーを非表示 */
	.customize-partial-edit-shortcuts-shown #wpadminbar {
		display: none;
	}

/*  編集者権限では不要な項目を非表示 */
.role-editor #wp-admin-bar-comments,
.role-editor #wp-admin-bar-new-dsn,
.role-editor #wp-admin-bar-get-shortlink{
	display: none;
}

/*  編集者権限では不要な項目を非表示 */
.role-editor #wp-admin-bar-themes,
.role-editor #wp-admin-bar-customize,
.role-editor #wp-admin-bar-widgets,
.role-editor #wp-admin-bar-comments,
.role-editor #wp-admin-bar-new-dsn,
.role-editor #wp-admin-bar-get-shortlink{
	display: none;
}

/* Duplicate Post */
#wp-admin-bar-duplicate-post .ab-label {
	display: inline-block;
	overflow: hidden;
	position: relative;
	text-indent: -200px;
	width: 7em;
}

	#wp-admin-bar-duplicate-post .ab-label::before {
		content: "この内容を複製";
		display: inline-block;
		left: 0;
		position: absolute;
		text-indent: 0;
	}

/* こんにちは、●●さん */
#wp-admin-bar-my-account {
	min-width: 15em;
}

@media screen and (max-width:  782px){
	#wp-admin-bar-my-account {
		min-width: 0;
	}
}

/* サイト内検索 */
#adminbar-search {

}


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

#header {
	background-color: #fff;
	/*
	background-image:  url(../img/bg_header.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	border-top: 5px solid var(--wp--preset--color--color-1);
	*/
	min-width: 1150px;
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
	z-index: 960;
	transition: top .5s 0 ease;
}

	/* 管理バー表示状態 */
	.admin-bar #header {
	}

	/* 白の背景 */
	#header::before {
		background-image: url(../img/bg_header.svg);
		background-repeat: no-repeat;
		background-size: 100%;
		content: '';
		height: 182px;
		left: 0;
		position: absolute;
		top: 0;
		width: 375px;
		z-index: 0;
	}

		.viewmode-mobile #header::before {
			content: none;
		}

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

	#header::-webkit-scrollbar {
		display: none;
	}

	.viewmode-mobile #header {
		min-width: 0;
		padding: 10px 0px 10px 0px;
		position: static;
		width: auto;
	}

	/* JSでページ上部に固定された状態 */
	.header-fixed #header {
		position: fixed;
		/*
		top: 0;
		*/
		width: 100%;
	}

		/* JSでページ上部に固定された状態（管理バー表示状態） */
		.header-fixed.admin-bar #header {
			backdrop-filter: blur(4px);
			top: var(--wp-admin--admin-bar--height);
		}

		/* Google翻訳で翻訳中且つGoogle翻訳のツールバー展開時（未使用） */
		/*
		.translated-ltr.gt-nvframe-open #header {
			top: 56px;
		}
		*/

	/* スクロール中 */
	.scrolled #header {
		background-color: rgba(255,255,255,.7);
		/*
		box-shadow: 0px 5px 5px 0 rgba(0,0,0, .1);
		*/
	}

	#header-inner {
		/*
		display: flex;
		*/
		margin: 0 auto 0px auto;
		/*
		max-width: 950px;
		*/
		padding: 0px 0px 0px 0px;
		position: relative;
		/*
		text-align: center;
		*/
	}

		.viewmode-mobile #header-inner {
			height: auto;
			padding: 0 0px 0 0px;
			width: auto;
		}


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

/*
#slogan {
	color: #888;
	font-size: 13px;
	letter-spacing: 0.05em;
	line-height: 1.3;
	padding: 5px 5px;
	text-align: center;
	white-space: nowrap;
}

	.viewmode-mobile #slogan {
		display: none;
	}
*/


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

/* キャッチフレーズ（未使用） */
/*
#header .description {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0;
	text-align: left;
	white-space: nowrap;
}

	.viewmode-mobile#header .description {
		display: none;
		margin-top: 0px;
	}

	.en #header .description {
		letter-spacing:0;
	}
	*/

#logo {
	left: 15px;
	/*
	margin: 0px auto 0px auto;
	*/
	padding: 0 0 0 0;
	position: relative;
	position: absolute;
	/*
	text-align: center;
	*/
	top: 15px;
	z-index: 1;
}

	/* 管理バー表示状態 */
	.admin-bar #logo {
	}

	/* JSでページ上部に固定された状態 */
	.header-fixed #logo {
		/*
		display: none;
		*/
	}

	.viewmode-mobile #logo {
		display: block;
		float: none;
		left: auto;
		margin: 0px 0 0 0px;
		padding: 0 0 0 10px;
		position: relative;
		text-align: left;
		height: auto;
		top: auto;
		width: auto;
	}

	#logo a {
		color: #000;
		display: inline-block;
		font-size: 30px;
		letter-spacing: 0.05em;
		line-height: 1.0;
		margin: 0;
		padding: 0 !important;
		text-align: center !important;
		text-decoration: none;
		vertical-align: top;

		/*
		text-shadow: 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5), 0px 0px 10px rgba(255,255,255,0.5);
		*/
	}

		.viewmode-mobile #logo a {
			display: inline-block;
			font-size: 20px;
			letter-spacing: 0;
			line-height: 1.3;
			text-shadow: none;
		}

		#logo a img {
			vertical-align: top;
			width: 135px;
			transition: all .2s ease;
		}

			#logo a:hover img {
				opacity: 0.7;
			}

			.viewmode-mobile #logo a img {
				display: block;
				width: 70px;
			}


/*
***********************************************************************************************
各種SNSボタン（未使用）
***********************************************************************************************
*/

/*
#header .sns_button {
	letter-spacing: -.40em; /＊ 文字間を詰めて隙間を削除する ＊/
	list-style-type: none;
	padding: 0px;
	position: absolute;
	right: 5px;
	top: -5px;
}

	.viewmode-mobile #header .sns_button{
		top: -3px;
	}

	#header .sns_button li{
		display: inline-block;
		letter-spacing: normal; /＊ 文字間を通常に戻す ＊/
		margin: 0 5px;
		vertical-align: top;
	}

		.viewmode-mobile #header .sns_button li{
			margin: 0 0px;
		}

		#header .sns_button li a{
			background-repeat: no-repeat;
			background-size: 100%;
			display: block;
			text-indent: 200%;
			white-space: nowrap;
			overflow: hidden;
			text-decoration: none;
			width: 40px;
			height: 40px;

			-webkit-transition-duration: .1s;
			transition-duration: .1s;
		}

			.viewmode-mobile #header .sns_button li a{
				width: 30px;
				height: 30px;
			}


/＊ 公式ツイッター（未使用） ＊/
#header .sns_twitter{
}

	.viewmode-mobile #header .sns_twitter{
	}

	#header .sns_twitter a{
		background-image: url(../img/logo_twitter.png);
	}

		#header .sns_twitter a:hover{
		}


/＊ 公式インスタグラム（未使用） ＊/
#header .sns_instagram{
}

	.viewmode-mobile .sns_instagram{
	}

	#header .sns_instagram a{
		background-image: url(../img/logo_instagram.png);
	}

		#header .sns_instagram a:hover{
		}

			.viewmode-mobile #header .sns_instagram a:before{
			}
*/


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

/*
#nav-header {
	background-color: #fff;
	background-color: rgba(255,255,255, 0.8);
	/＊
	float: right;
	＊/
	margin: 0px 0 0 0;
	padding: 10px 15px;
	position: fixed;
	right: 0;
	top: 0;
}

	/＊ 管理バー表示状態 ＊/
	.admin-bar #nav-header {
		top: 32px;
	}

	#nav-header dl {
		margin: 0;
	}

		#nav-header dt {
			background-color: #8b9ba9;
			display: inline-block;
			color: #fff;
			font-family: 'Noto Sans JP', sans-serif;
			font-size: 14px;
			font-weight: 600;
			overflow: hidden;
			margin: 0;
			padding: 5px 40px 5px 15px;
			position: relative;
			vertical-align: top;
		}

			#nav-header dt::after {
				box-sizing: border-box;
				border-bottom: 50px solid #E4E8EB;
				border-left: 35px solid transparent;
				bottom: 0px;
				content:"";
				left: 160px;
				position:absolute;
				width: 100%;
				z-index: 0;
			}

		#nav-header dd {
			display: inline-block;
			line-height: 1.5;
			margin: 0;
			padding: 9px 0px 0px 0px;
			vertical-align: top;
		}

	#nav-header ul {
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		letter-spacing: -.40em; /＊ 文字間を詰めて隙間を削除する ＊/
		list-style-type: none;
		line-height: 1.5;
		text-align: center;
	}

		#nav-header li {
			display: inline-block;
			letter-spacing: normal; /＊ 文字間を通常に戻す ＊/
			list-style-type: none;
			margin:  0 0px 0 0px;
			padding:  0 0 0 0px;
			vertical-align: top;
		}

			/＊ サブメニュー（未使用） ＊/
			#nav-header li .sub-menu {
				display: none;
			}

			#nav-header li {
				display: inline-block;
				padding: 0px 0px 0px 20px;
				position: relative;
				margin: 0 0px 0 25px;
				vertical-align: top;
			}

				#nav-header li:first-child {
					margin-left: 0px;
				}

				/＊ 矢印の飾り ＊/
				#nav-header li::before {
					color: var(--wp--preset--color--color-1);
					content: "\f054";	/＊ fa-chevron-right ＊/
					display: block;
					font-family: 'Font Awesome 6 Free';
					font-size: 12px;
					font-weight: 900;
					line-height: 1;
					top: 4px;
					left: 0;
					position: absolute;
					height: 15px;
					width: 15px;
				}

			#nav-header li a {
				color: #000;
				font-size: 14px;
				display: block;
				/＊
				font-family: 'Noto Sans JP', sans-serif;
				font-weight: 400;
				＊/
				text-decoration: none;
			}

				#nav-header li a:hover {
					margin-top:  0px;
					text-decoration: underline;
				}
*/


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

#sitesearch {
	box-sizing: border-box;
	/*
	float: right;
	*/
	margin: 20px auto 0 auto;
	padding: 0px 0px 0 0px;
	/*
	position: absolute;
	right: 40px;
	top: 38px;
	width: 210px;
	*/
}

	.viewmode-mobile #sitesearch {
		/*
		background-color: #666;
		*/
		float: none;
		margin: 20px 0px 0 0;
		padding: 0px 30px;
		position: static;
		width: 100%;
	}

	#sitesearch form {
		/*
		background-image:  url(../img/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: var(--wp--preset--color--color-1);
			font-family: 'Font Awesome 6 Free';
			font-size: 19px;
			font-weight: 900;
			line-height: 1;
			position: absolute;
			right: 20px;
			top: .6em;
		}

	#sitesearch label {
		display: none;
	}

	#sitesearch input {
		background-color: transparent;
		margin: 0;
		padding: 0;
	}

	#sitesearch #s {
		/*
		background-image: url(../img/bg_nav_header2.gif);
		background-position: 0px 0px;
		background-repeat: repeat-x;
		*/
		background-color: #eee;
		border: none;
		box-sizing: border-box;
		font-size: 15px;
		padding: 8px 43px 8px 15px;
		height: 42px;
		width: 100%;

		border-radius: 100vh;
		transition: all 0.2s ease;
		-webkit-appearance: none;
	}

		#sitesearch #s:focus {
			outline: none;
			/*
			background-color: #fff;
			width: 250px;
			*/
		}

		.viewmode-mobile #sitesearch #s {
			/*
			border: 0px solid #999;
			*/
			font-size: 14px;
		}

		/* オートコンプリート */
		#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;
			}

		/* Add-Clearで追加したクリアボタン */
		#sitesearch .add-clear-span {
		}

			.viewmode-mobile #sitesearch .add-clear-span {
				display: block !important;
			}

			#sitesearch .add-clear-span a {
				color: #999 !important;
				display: none !important;
				padding: 0;
				right: 40px !important;
				top: 3px !important;
			}

				#sitesearch.active .add-clear-span a {
					display: block !important;
				}

				.viewmode-mobile #sitesearch .add-clear-span a {
					display: block !important;
					position: absolute !important;
					/*
					right: 36px !important;
					*/
					top: 10px !important;
				}

					.ios .viewmode-mobile #sitesearch .add-clear-span a {
						filter: brightness(200%);	/* iOSでの文字色変更不可を調整 */
						top: 12px !important;
					}

		/* HTML5標準のクリアボタン */
		#sitesearch #s::-ms-clear,
		#sitesearch #s::-webkit-search-cancel-button {
			-webkit-appearance: none;
			cursor: pointer;
			background-image: url(../img/icon_close.svg);
			background-repeat: no-repeat;
			background-size: contain;
			display: none;
			height: 12px;
			width: 12px;
			padding: 0px;
			position: relative;
		}

		/* 「×」マーク（クリアボタン） */
		#sitesearch #s::-ms-clear {
			visibility: hidden;
		}

			.viewmode-mobile #sitesearch #s-ms-clear,
			.viewmode-mobile #sitesearch #s::-webkit-search-cancel-button {
				display: block;
			}

	/* 検索ボタン */
	#sitesearch #searchsubmit {
		/*
		background-color: transparent;
		background-image: url(../img/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: 0px;
		right: 10px;
		width: 40px;
		height: 40px;
		z-index: 5;
	}

		#sitesearch #searchsubmit:hover {
			cursor: pointer;
		}

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


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

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

.fontM {
	font-size: 100%;
}

.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;
		}
*/


/*
***********************************************************************************************
郵便番号からの住所検索
***********************************************************************************************
*/

.sec-charge {
	/*
	bottom: 0;
	*/
	color: #fff;
	display: flex;
	/*
	font-size: 130%;
	left: 0;
	position: fixed;
	*/
	position: absolute;
	right: 198px;
	top: 0;
	z-index: 1;
}

	/* JSでページ上部に固定された状態（管理バー表示状態） */
	.header-fixed.admin-bar .sec-charge {
		/*
		top: var(--wp-admin--admin-bar--height);
		*/
	}

	/* Google翻訳時 */
	.translated-ltr .sec-charge {
		right: 144px;
		right: 238px;
	}

	.viewmode-mobile .sec-charge {
		margin: 20px 15px 0 15px;
		position: relative;
		right: auto;
		top: auto;
	}

	#my-charge-tel2 {
		display: none;
	}

		.viewmode-mobile.charge-assigned #my-charge-tel2 {
			display: block;
			display: none;
			position: absolute;
			right: 10px;
			top: 10px;
		}

			.viewmode-mobile.charge-assigned #my-charge-tel2 a {
				background-color: #12a73b;
				border: 1px solid #fff;
				border-radius: 3px;
				display: block;
				height: 45px;
				left: 0;
				overflow: hidden;
				margin-left: 0;
				top: 0;
				width: 45px;
			}

				/* 電話アイコン */
				.viewmode-mobile.charge-assigned #my-charge-tel2 a::before {
					background-color: #fff;
					content: '';
					display: block;
					height: 100%;
					left: 9px;
					position: relative;
					text-indent: 0;
					top: 10px;
					width: 23px;
					-webkit-mask-image: url('../img/icon_tel.svg');
					mask-image: url('../img/icon_tel.svg');
					-webkit-mask-size: contain;
					mask-size: contain;
					-webkit-mask-repeat: no-repeat;
					mask-repeat: no-repeat;
				}

	#my-charge-mail {
		display: none;
	}

		.charge-assigned #my-charge-mail {
			display: block;
			display: none;
		}

		.charge-assigned #my-charge-mail a {
			background-color: var(--wp--preset--color--color-2);
			display: block;
			height: 65px;
			left: 0;
			overflow: hidden;
			margin-left: 0;
			top: 0;
			width: 65px;
		}

			.viewmode-mobile.charge-assigned #my-charge-mail a {
				height: 50px;
				width: 50px;
			}

			.charge-assigned #my-charge-mail a:hover {
				filter: brightness(130%);
			}

			/* メールアイコン */
			.charge-assigned #my-charge-mail a::before {
				background-color: #fff;
				content: '';
				display: block;
				height: 100%;
				left: 17px;
				position: relative;
				text-indent: 0;
				top: 18px;
				width: 30px;
				-webkit-mask-image: url('fontawesome/svgs/solid/envelope.svg');
				mask-image: url('fontawesome/svgs/solid/envelope.svg');
				-webkit-mask-size: contain;
				mask-size: contain;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}

				.viewmode-mobile.charge-assigned #my-charge-mail a::before {
					left: 13px;
					top: 12px;
					width: 25px;
				}

	.sec-charge dl {
		align-items: center;
		background-color: rgba(0,0,0,.2);
		display: flex;
		height: 65px;
		line-height: 1.5;
		margin: 0;
		padding: 0px 40px 0px 40px;
		clip-path: polygon(0 0 , 92% 0, 100% 100%, 8% 100%);
	}

		.viewmode-mobile .sec-charge dl {
			height: 55px;
			margin: 0;
			padding: 12px 12px 12px 12px;
			clip-path: none;
			width: 100%;
		}

		.charge-assigned .sec-charge dl {
			padding: 0px 40px 0px 35px;
			clip-path: polygon(0 0 , 96% 0, 100% 100%, 4.5% 100%);
		}

			.viewmode-mobile.charge-assigned .sec-charge dl {
				align-items: start;
				/*
				display: block;
				*/
				height: auto;
				margin: 0;
				padding: 10px 35px 10px 10px;
				clip-path: none;
			}

	/* お問合せ先 */
	.sec-charge dt {
		background-color: #000;
		color: #fff;
		font-size: 13px;
		/*
		font-weight: bold;
		*/
		height: 35px;
		padding: 8px .7em 0px .7em;
		position: relative;
		/*
		top: .4em;
		*/
	}

		.viewmode-mobile .sec-charge dt {
			font-size: 14px;
			padding: 8px .5em 6px .5em;
			white-space: nowrap;
		}

			/* 検索 */
			.charge-assigned .sec-charge dt span {
				display: none;
			}

		.charge-assigned .sec-charge dt {
			background-color: #000;
			height: auto;
			padding: .3em .7em;
		}

			.viewmode-mobile.charge-assigned .sec-charge dt {
				font-size: 75%;
				font-size: 88%;
				/*
				left: 110px;
				*/
				padding: .15em .25em;
				/*
				position: absolute;
				*/
			}

			.charge-assigned .sec-charge dt::after {
				content: none;
			}

	.sec-charge dd {
		/*
		background-color: #000;
		*/
		display: flex;
		margin: 0 0 0 0;
		padding: 0;
	}

		.charge-assigned .sec-charge dd {
			background-color: transparent;
			padding: 0;
		}

	#my-zip {
		border: 2px solid #000;
		border-radius: 0;
		font-size: 14px;
		height: 35px;
		padding: 0px .5em 0px .5em;
		width: 11em;
		-webkit-appearance: none;
	}

		.viewmode-mobile #my-zip {
			width: 188px;
		}

		/* 営業所が見つかった状態 */
		.charge-assigned #my-zip {
			display: none;
		}

	#my-charge {
		display: none;
		font-size: 110%;
		/*
		margin-left: 1em;
		*/
	}

		/* 営業所が見つかった状態 */
		.charge-assigned #my-charge {
			align-items: baseline;
			display: flex;
			padding-left: .75em;
		}

			.viewmode-mobile.charge-assigned #my-charge {
				display: block;
				padding-left: 0em;
			}

	#my-charge-name {
	}

		.viewmode-mobile.charge-assigned #my-charge-name {
			font-size: 90%;
			margin-left: 1em;
		}

		#my-charge-name a {
			color: #fff;
			display: inline-block;
			font-size: 110%;
			font-weight: bold;
			/*
			pointer-events: none;	/＊ 一時にリンクを無効化 ＊/
			*/
			position: relative;
			/*
			text-shadow: 1.5px 1.5px #000;
			*/
			text-decoration: none;
			top: -.1em;
			/*
			top: auto;	/＊ 一時にリンクを無効化 ＊/
			*/
		}

			/* 罫線の飾り */
			#my-charge-name a::after {
				border-bottom: 1px solid #fff;
				bottom: .15em;
				content: '';
				/*
				content: none;	/＊ 一時にリンクを無効化 ＊/
				*/
				display: block;
				width: 100%;
				position: absolute;
			}

				#my-charge-name a:hover::after {
					border-bottom: 1px solid transparent;
				}

	#my-charge-tel {
		display: none;
		font-family: 'DINOT-Medium';
		font-size: 110%;
		margin-left: .75em;
	}

		.viewmode-mobile.charge-assigned #my-charge-tel {
			line-height: 1;
			margin-top: .15em;
		}

		#my-charge-tel::before {
			content: 'TEL ';
			font-size: 85%;
			position: relative;
			top: -.1em;
		}

			.viewmode-mobile.charge-assigned #my-charge-tel::before {
			}

		#my-charge-tel a {
			font-size: 120%;
			/*
			text-shadow: 1.5px 1.5px #000;
			*/
		}

			.viewmode-mobile #my-charge-tel a {
				color: #fff;
				text-decoration: none;
				text-shadow: none;
			}

		/*

			/＊ 電話アイコン（未使用） ＊/
			.viewmode-mobile.charge-assigned #my-charge-tel a::before {
				background-color: #fff;
				content: '';
				display: block;
				height: 100%;
				left: 10px;
				position: relative;
				text-indent: 0;
				top: 10px;
				width: 30px;
				-webkit-mask-image: url('../img/icon_tel.svg');
				mask-image: url('../img/icon_tel.svg');
				-webkit-mask-size: contain;
				mask-size: contain;
				-webkit-mask-repeat: no-repeat;
				mask-repeat: no-repeat;
			}
		*/

		/* 閉じるアイコン */
		#my-charge .clear {
			cursor: pointer;
			display: none;
			/*
			padding-left: .5em;
			*/
			text-decoration: none;
			background-image: url('../img/circle-xmark.svg');
			background-size: contain;
			background-repeat: no-repeat;
			display: block;
			height: 17px;
			margin-left: .75em;
			position: relative;
			text-align: center;
			/*
			right: 6px;
			top: .1em;
			*/
			z-index: 1;
			width: 17px;
		}

			#my-charge .clear:hover {
				opacity: .7;
			}

			.viewmode-mobile #my-charge .clear {
				background-image: url('../img/circle-xmark2.svg');
				margin-left: auto;
			}

			/* 営業所が見つかった状態 */
			.charge-assigned #my-charge .clear {
				display: block;
			}

				.viewmode-mobile.charge-assigned #my-charge .clear {
					position: absolute;
					left: -8px;
					left: auto;
					margin-top: -8.5px;
					right: 10px;
					top: -10px;
					top: 50%;
					transform: scale(.9);
				}

				/*
				#my-charge .clear::before {
					background-color: #fff;
					content: '';
					display: inline-block;
					height: 15px;
					position: relative;
					width: 15px;
					/＊
					right: 6px;
					＊/
					-webkit-mask-image: url('fontawesome/svgs/solid/xmark.svg');
					mask-image: url('fontawesome/svgs/solid/xmark.svg');
					-webkit-mask-size: contain;
					mask-size: contain;
					-webkit-mask-repeat: no-repeat;
					mask-repeat: no-repeat;
				}
				*/

	/* （平日8:20～17:20 ※土日祝を除く） */
	#my-charge-note {
		display: none;
		font-size: 75%;
		margin-left: 1em;
	}

		.viewmode-mobile.charge-assigned #my-charge-note {
			font-size: 65%;
			letter-spacing: 0;
			margin-top: .15em;
			margin-left: 0;
		}


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

#nav-global {
	/*
	background-color: #fff;
	box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.2);
	*/
	box-sizing: border-box;
	/*
	height: 50px;
	*/
	margin: 0px 0 0 0;
	/*
	min-width: 980px;
	*/
	padding: 0px 0px 0px 0px;
	/*
	position: relative;
	text-align: center;
	*/
	z-index: 500;	/* thickboxとの重ね合わせ対策 */
}

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

	/* JSでページ上部に固定された状態 */
	.header-fixed #nav-global {
	}

	#nav-global .menu-global-container {
		padding: 0px 0px 0px 0px;
		/*
		display: inline-block;
		*/
		position: relative;
	}

	.menu-global {
		display: table;
		float: right;
		letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
		list-style-type: none;
		margin: 0px;
		padding: 0px 0px 0px 0px;
		/*
		position: relative;
		max-width: 950px;
		min-width: 950px;
		*/
		text-align: left;
	}

		.viewmode-mobile .menu-global {
			display: block;
			float: none;
		}

		.menu-global > li {
			background-color: transparent;
			/*
			border-right: 1px solid #92b7da;
			*/
			box-sizing: border-box;
			display: table-cell;
			/*
			display: inline-block;
			*/
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			letter-spacing: normal; /* 文字間を通常に戻す */
			list-style-type: none;
			position: relative;
			top: 0;
			left: 0px;
			vertical-align: top;
		}

			.menu-global > li:hover {
				background: transparent;
			}

			.menu-global > li:first-child {
				/*
				border-left: 1px solid #92b7da;
				*/
			}

			.viewmode-mobile .menu-global > li {
				border-right: 0px solid #fff;
				display: block;
			}

				.viewmode-mobile .menu-global > li.active {
					background-color: #fff;
				}

				.viewmode-mobile .menu-global > li:first-child {
					border-left: 0px solid #fff;
				}

				/*
				.menu-global > li:first-child > a {
					border-left: 1px solid #111;
				}

				.menu-global > li:last-child > a {
					border-right: 1px solid #111;
				}
				*/

				.menu-global > li.sfHover {
					background: transparent;
				}

					.viewmode-mobile .menu-global > li + li {
						margin-top: 0px;
					}

			.menu-global li a {
				border: none;
				box-sizing: border-box;
				color: #000;
				display: block;
				/*
				font-family: 'Noto Sans JP', sans-serif;
				*/
				font-size: 15px;
				/*
				font-weight: 600;
				min-width: 160px;
				min-height: 40px;
				*/
				letter-spacing: .05em;
				line-height: 1.4;
				padding: 15px 36px 15px;
				text-align: left;
				text-decoration: none;

				transition: all 0.2s ease;
				-webkit-tap-highlight-color: #fff;
			}

			.menu-global > li > a {
				display: table-cell;
				font-size: 15px;
				font-weight: bold;
				letter-spacing: 0;
				/*
				min-width: 150px;
				*/
				padding: 30px 20px 30px 20px;
				position: relative;
				text-align: center;
				z-index: 1;
			}

				.viewmode-mobile .menu-global > li > a {
					font-size: 16px;
					font-weight: bold;
					height: auto;
					min-width: 0;
					padding: 15px 40px 15px 20px;
					text-align: left;
				}

				.menu-global > li > a:hover {
					background-color: var(--wp--preset--color--color-1) !important;
					color: #fff !important;
				}

					.menu-global > li > a:hover::before {
						/*
						content: none !important;
						*/
					}

				.menu-global > li.sfHover > a {
					background-color: var(--wp--preset--color--color-1) !important;
					color: #fff !important;
				}

					.menu-global > li.sfHover > a::before {
						color: #fff !important;
					}

					/* アイキャッチ画像（未使用） */
					/*
					.menu-global > li > a img.menu-item-eyecatch {
						display: none;
					}
					*/

				/* メニューアイテムの説明文（未使用） */
				/*
				.menu-global > li > .menu-item-description {
					bottom: 5px;
					color: #fff;
					display: block;
					font-size: 12px;
					height: 0;
					position: relative;
					text-align: center;
					top: -30px;
					width: 100%;
					pointer-events: none;
					z-index: 1;
				}

					.menu-global > li.sfHover > .menu-item-description,
					.menu-global > li > a:hover + .menu-item-description {
						color: var(--wp--preset--color--color-1);
					}
				*/

				/* サブメニューを持つメニューアイテム */
				.viewmode-mobile .menu-global > li.menu-item-has-children > a {
					position: relative;
				}

					.viewmode-mobile .menu-global > li.menu-item-has-children.active > a {
						background-color: var(--wp--preset--color--color-1);
						color: #fff;
					}

						/* 罫線の飾り */
						.viewmode-mobile .menu-global > li.menu-item-has-children > a::after {
							bottom: 0;
							border-bottom: 1px solid #999;
							content: '';
							display: block;
							left: 10px;
							height: 1px;
							position: absolute;
							width: calc(100vw - 20px);
						}

							.viewmode-mobile .menu-global > li.menu-item-has-children.active > a::after {
								border-bottom: 1px solid #fff;
							}

					/* 矢印の飾り（未使用） */
					/*
					.menu-global > li.menu-item-has-children > a::before {
						background-color: var(--wp--preset--color--color-2);
						bottom: 0px;
						content: '';
						display: inline-block;
						height: 18px;
						left: 50%;
						line-height: 1.0;
						margin-left: -9px;
						/＊
						position: relative;
						top: 3px;
						＊/
						position: absolute;
						text-align: center;
						width: 18px;
						-webkit-mask-image: url('fontawesome/svgs/solid/angle-down.svg');
						mask-image: url('fontawesome/svgs/solid/angle-down.svg');
						-webkit-mask-size: contain;
						mask-size: contain;
						-webkit-mask-repeat: no-repeat;
						mask-repeat: no-repeat;
					}

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

						.menu-global > li.menu-item-has-children.sfHover > a::before {
							/＊
							color: #fff;
							＊/
						}

						.menu-global > li.current-menu-item.menu-item-has-children > a::before,
						.menu-global li.current-page-ancestor.menu-item-has-children > a::before,
						.menu-global li.current_page_ancestor.menu-item-has-children > a::before {
							/＊
							color: #999;
							＊/
						}
					*/

				.menu-global > li.current-menu-item > a,
				.menu-global > li.current-page-ancestor > a,
				.menu-global > li.current_page_ancestor > a {
					/*
					background-color: var(--wp--preset--color--color-3);
					background-color: rgba(0,0,0,0.1);
					border-bottom: 2px solid #0b439a;
					*/
				}


					/* 矢印の飾り（未使用） */
					/*
					.menu-global > li.current-menu-item > a::after,
					.menu-global > li.current-page-ancestor > a::after,
					.menu-global > li.current_page_ancestor > a::after {
						content: "";
						display: block;
						border-top: 7px solid #DCEBF8;
						border-left: 5px solid transparent;
						border-bottom: 0px solid transparent;
						border-right: 5px solid transparent;
						left: 50%;
						right: 50%;
						margin-left: -5px;
						position: absolute;
						bottom: -7px;
					}
					*/


/*
フライアウトメニュー
***********************************************************************************************
*/
.menu-global li .sub-menu {
	background-color: var(--wp--preset--color--color-1);
	box-sizing: border-box;
	display: none;
	padding: 1em;
	position: absolute;
	text-align: left;
	list-style-type: none;
	z-index: 900;
	box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.1);
}

	.viewmode-mobile .menu-global li .sub-menu {
		/*
		background-color: #fff;
		*/
		box-shadow: none;
		position: relative;
	}

		.viewmode-mobile .menu-global li.active .sub-menu {
			display: block;
		}

	.menu-global li .sub-menu .sub-menu {
		display: none !important;
	}

	.menu-global li .sub-menu li {
		background-color: transparent;
		display: block;
		float: none;
		padding: 0px;
		text-align: left;
		margin: 0 0px 0px 0;
	}

		.menu-global li .sub-menu li:hover {
			background-color: transparent;
		}

		.menu-global li .sub-menu li a {
			/*
			background-image: none !important;
			border: 1px solid var(--wp--preset--color--color-1);
			border-left-width: 5px;
			*/
			color: #fff;
			display: block;
			/*
			font-family: 'Noto Sans JP', sans-serif;
			*/
			font-size: 14px;
			/*
			font-weight: 600;
			*/
			line-height: 1.3;
			padding: 1em 1em 1em 2.5em;
			position: relative;
			min-height: 0;
			text-decoration: none;
			white-space: normal;
			width: 230px;
		}

			.viewmode-mobile .menu-global li .sub-menu li a {
				background-color: var(--wp--preset--color--color-1);
				border: none;
				color: #fff;
				padding: 12px 10px 12px 25px;
				width: auto;
			}

			.menu-global li .sub-menu li a:link{ }
			.menu-global li .sub-menu li a:visited{ }
			.menu-global li .sub-menu li a:hover {
			}

			.menu-global li .sub-menu li a:hover {
				background-color: #fff;
				color: var(--wp--preset--color--color-1);
				/*
				opacity: .7
				*/
			}

			.menu-global li .sub-menu li:first-child a {
				/*
				border-top: 0px solid #fff;
				*/
			}

			.menu-global li .sub-menu li a:active{ }

			/* 罫線の飾り */
			.menu-global li .sub-menu li a::before {
				background-color: #999;
				content: '';
				display: block;
				height: 1px;
				left: 1em;
				position: absolute;
				top: 1.5em;
				width: .75em;
			}

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

	/* カレント表示 */
	.menu-global li.current_page_item a,
	.menu-global li.current_page_ancestor a {
		/*
		background-position: 0px -120px !important;
		*/
	}

	/* アイキャッチ画像 */
	.menu-global li .sub-menu img.menu-item-eyecatch {

	}

/* Wordpressのメニュー機能で自動的に付加されるカレント表示 */
.menu-global ul li.current-menu-item,
.menu-global ul li.current_page_item,
.menu-global ul li.menu-item,
.menu-global ul li.page_item{
	list-style-type: none !important;
}

.menu-global ul li.current-menu-item a,
.menu-global ul li.current_page_item a {
}

	/* アイコン付きのメニュー（未使用） */
	/*
	.menu-global > li.icon-home > a::before,
	.menu-global > li.icon-info > a::before,
	.menu-global > li.icon-access > a::before,
	.menu-global > li.icon-faq > a::before,
	.menu-global > li.icon-contact > a::before {
		color: #fff;
		content: "\f015";	/＊ fa-home ＊/
		display: block;
		font-family: 'Font Awesome 6 Free';
		font-size: 25px;
		font-weight: 900;
		line-height: 26px;
		margin-bottom: 13px;
		text-align: center;
	}

		.header-fixed .menu-global > li.icon-home > a::before,
		.header-fixed .menu-global > li.icon-info > a::before,
		.header-fixed .menu-global > li.icon-access > a::before,
		.header-fixed .menu-global > li.icon-faq > a::before,
		.header-fixed .menu-global > li.icon-contact > a::before {
			content: none;
		}
		*/


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

#nav-global.vertical {
	/*
	background-color: #fff;
	*/
	border-top: none;
	/*
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 250px;
	z-index: 950;

	box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.2);
	*/
}

	/* 管理バー表示状態 */
	.admin-bar #nav-global.vertical {
		/*
		top: 32px;
		*/
	}

	.vertical .menu-global {
		min-width: 0px;
		width: 300px;
	}

		.vertical .menu-global > li {
			border: none;
			display: block;
			white-space: normal;
		}

			.vertical .menu-global > li > a {
				display: block;
				min-width: 0px;
				text-align: left;
			}

				/* サブメニューを持つメニューアイテム */
				.vertical .menu-global > li.menu-item-has-children > a {
					/*
					padding: 10px 30px 12px 20px;
					*/
				}

					/* 矢印の飾り */
					.vertical .menu-global > li.menu-item-has-children > a::before {
						content: "\f105";	/* angle-right */
						position: absolute;
						right: 1.6em;
						margin-right: auto;
						top: .75em;
					}

	/*---- フライアウトメニュー ----*/
	.vertical .menu-global li .sub-menu {
		left: 300px;
	}


/*
***********************************************************************************************
お問い合わせ
***********************************************************************************************
*/

#contact {
	line-height: 1;
}

	.viewmode-mobile #contact {
		padding-left: 30px;
		padding-right: 30px;
	}

	#contact > a {
		background-color: var(--wp--preset--color--color-1);
		border-radius: 100vh;
		color: #fff;
		display: block;
		/*
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 15px;
		*/
		font-weight: 600;
		padding: 13px 20px 13px 20px;
		position: relative;
		text-align: left;
		text-decoration: none;
	}

		#contact > a:hover {
			background-color: var(--wp--preset--color--color-1) !important;
			opacity: .7;
		}

		/* お問い合わせのアイコン */
		#contact > a::after {
			content: "\f0e0";	/* fa-envelope */
			font-family: 'Font Awesome 6 Free';
			font-size: 20px;
			font-weight: 900;
			line-height: 1;
			right: 20px;
			position: absolute;
			top: .6em;
		}


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

.mega .menu-global li .sub-menu {
	background-color: #fff;
	box-sizing: border-box;
	flex-wrap: wrap;
	justify-content: left;
	left: 50%;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	list-style-type: none;
	margin-left: -625px;
	/*
	min-height: 340px;
	*/
	padding: 15px 0px 15px 0px;
	position: absolute;
	text-align: left;
	z-index: 900;
	white-space: normal;
	width: 1250px;
	/*
	width: 100vw;
	box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.1);
	*/
}

	/* 展開時 */
	.gnav-open .mega .menu-global li .sub-menu {
	}

	/* 管理バー表示状態 */
	.admin-bar .mega .menu-global li .sub-menu {
	}

	/* 背景を左右に延長（未使用） */
	/*
	.mega .menu-global li .sub-menu::before,
	.mega .menu-global li .sub-menu::after {
		background-color: #fff;
		content: "";
		display: block;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
	}

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

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

	/* メガメニューの大サムネイル（未使用） */
	/*
	.mega .menu-global li .sub-menu > figure {
		background-color: #E4E8EB;
		background-image: url("../img/thumb_dummy.webp");
		background-size: contain;
		background-repeat: no-repeat;
		background-position: 0 0;
		margin: 0;
		overflow: hidden;
		padding: 0;
		position: absolute;
		top: 20px;
		left: 20px;
		height: 300px;
		width: 300px;
	}

		.mega .menu-global li .sub-menu > figure img {
			height: 300px;
			left: 0px;
			opacity: 0;
			position: absolute;
			top: 0px;
			width: 300px;

			transition: all .2s ease;
			transition-delay: 100ms;
		}

			.mega .menu-global li .sub-menu > figure img.active {
				opacity: 1;
			}
	*/

	.mega .menu-global li .sub-menu li {
		display: inline-block;
		float: none;
		letter-spacing:  normal; /* 文字間を通常に戻す */
		padding: 0px;
		text-align: left;
		margin: 15px 15px 15px 15px;
		vertical-align: top;
	}

		.mega .menu-global li .sub-menu li a {
			/*
			background-image: none !important;
			*/
			display: block;
			/*
			font-family: 'Noto Sans JP', sans-serif;
			*/
			font-size: 16px;
			height: 75px;
			height: 50px;
			line-height: 1.5;
			min-height: 0;
			overflow: hidden;
			/*
			padding: 15px 15px 15px 150px;
			*/
			padding: 15px 15px 15px 15px;
			padding: 13px 15px 13px 15px;
			position: relative;
			text-decoration: none;
			/*
			width: 325px;
			*/
			width: calc((1250px - 120px)/4);
			z-index: 1;
		}

			.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 {
				/*
				opacity: .7;
				*/
			}

			.mega .menu-global li .sub-menu li a:hover {
			}

			.mega .menu-global li .sub-menu li:first-child a {

			}

			.mega .menu-global li .sub-menu li a:active { }

			/* 矢印の飾り */
			.mega .menu-global li .sub-menu li a::before {
				bottom: .5em;
				bottom: .7em;
				left: auto;
				font-size: 21px;
				right: .7em;
				top: auto;
			}

			/* アイキャッチのプレースホルダー（未使用） */
			/*
			.mega .menu-global li .sub-menu li a::after {
				background-color: var(--wp--preset--color--gray);
				content: '';
				display: block;
				/＊
				height: 130px;
				＊/
				height: 140px;
				left: 0px;
				position: absolute;
				top: 0px;
				/＊
				width: 130px;
				＊/
				width: 100%;
				z-index: 1;
			}
			*/

	/* カレント表示 */
	.mega .menu-global li.current_page_item a,
	.mega .menu-global li.current_page_ancestor a {
		/*
		background-position: 0px -120px !important;
		*/
	}

	/* アイキャッチ画像 */
	.mega .menu-global li .sub-menu img.menu-item-eyecatch {
		/*
		height: 130px;
		*/
		height: 140px;
		left: 0px;
		object-fit: cover;
		position: absolute;
		top: 0px;
		/*
		width: 130px;
		*/
		width: 100%;
		z-index: 2;
	}

/* Wordpressのメニュー機能で自動的に付加されるカレント表示 */
.mega .menu-global ul li.current-menu-item,
.mega .menu-global ul li.current_page_item,
.mega .menu-global ul li.menu-item,
.mega .menu-global ul li.page_item{
	list-style-type: none !important;
}

.mega .menu-global ul li.current-menu-item a,
.mega .menu-global ul li.current_page_item a {
}

	/* メニューアイテムの説明文（未使用） */
	/*
	.mega .menu-global li .menu-item-description {
		bottom: 5px;
		color: #007BC7;
		display: block;
		font-size: 10px;
		position: absolute;
		text-align: center;
		width: 100%;

		pointer-events: none;
	}
	*/


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

/*
.vertical.mega .menu-global li .sub-menu {
	left: 300px;
	height: 100%;
	margin-left: auto;
	top: 0;
	position: fixed;
	white-space: normal;
}

	/＊ 背景を左右に延長 ＊/
	.vertical.mega .menu-global li .sub-menu::before,
	.vertical.mega .menu-global li .sub-menu::after {
		content: none;
	}

	/＊ 管理バー表示状態 ＊/
	.admin-bar .vertical.mega .menu-global li .sub-menu {
		top: 32px;
	}

	.vertical.mega .menu-global li .sub-menu li {
		width: auto;
	}

	/＊---- フライアウトせずに常時表示のサブメニュー ----＊/

	.vertical.mega .menu-global li .sub-menu-show {
		display: block !important;
		left: 0;
		position: static;

		box-shadow: none;
	}

		.vertical.mega .menu-global li .sub-menu-show li {
			background-color: transparent;
		}

		/＊ アイキャッチ画像 ＊/
		.vertical.mega .menu-global li .sub-menu-show img.menu-item-eyecatch {
			display: none;
		}
*/


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

/* ホーム */
.menu-global > li.menu-item-home {
	/*
	display: none;
	*/
}

	.viewmode-mobile .menu-global > li.menu-item-home {
		display: block;
	}

		.viewmode-mobile .menu-global > li.menu-item-home > a {
			/*
			overflow: hidden;
			padding: 0;
			text-indent: -999px;
			white-space: nowrap;
			*/
		}

.viewmode-mobile .menu-global .menu-item-products.active .sub-menu {
	/*
	display: flex;
	flex-wrap: wrap;
	*/
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
	padding-left: 2px;
}

	/*
	.viewmode-pc .menu-global .sub-menu li.menu-item-type-post_type_archive {
		margin-left: 15px;
	}
	*/

/* お問い合わせ */
.menu-global > li.menu-item-contact-form {
	/*
	display: none;
	*/
}

/* お問い合わせ（メールアイコン付き・未使用） */
/*
.menu-global > li.menu-item-contact > a {
	padding-left: 30px;
	padding-right: 30px;
	width: auto;

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

	/＊ メールアイコン ＊/
	.menu-global > li.menu-item-contact > a::before {
		color: var(--wp--preset--color--color-1);
		content: "\f0e0";	/＊ fa-envelope ＊/
		font-family: 'Font Awesome 6 Free';
		font-size: 25px;
		font-weight: 400;
		left: 50%;
		line-height: 1;
		text-indent: 0;
		top: 52%;
		margin-left: -0.5em;
		margin-top: -0.6em;
		position: absolute;
	}

		.menu-global > li.menu-item-contact > a:hover::before {
			color: #fff;
		}

		.header-fixed .menu-global > li.menu-item-contact > a::before {
			top: 55%;
		}
*/

/* サイト内検索 */
.menu-global > .menu-item-search {
	border-right: none;
}

/* 採用サイト（未使用） */
/* 外部リンクのアイコン */
/*
.menu-global > .menu-item-recruit {
	border-right: none;
	left: auto;
	/＊
	position: fixed;
	＊/
	position: absolute;
	right: 90px;
	top: 0;
	z-index: 10;
}
*/

	/* Google翻訳時（未使用） */
	/*
	.translated-ltr  .menu-global > .menu-item-recruit {
		right: 0;
		right: 80px;
	}

	.viewmode-mobile .menu-global > .menu-item-recruit {
		margin: 20px 0 0 0;
		position: relative;
		right: auto;
		top: auto;
	}
	*/

	/* 管理バー表示状態（未使用） */
	/*
	.admin-bar .menu-global > .menu-item-recruit {
		top: 32px;
	}
	*/

	/*
	.menu-global > .menu-item-recruit > a {
		/＊
		background-color: var(--wp--preset--color--color-2);
		＊/
		background-color: #fff;
		color: #000;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 600;
		display: block;
		height: 65px;
		min-width: 0;
		padding: 22px 43px 0px 40px;
		clip-path: polygon(0 0 , 82% 0, 100% 100%, 18% 100%);
	}

	*/
		/* Google翻訳時（未使用） */
		/*
		.translated-ltr .menu-global > .menu-item-recruit > a {
			padding-right: 25px;
			padding-right: 40px;
			clip-path: polygon(0 0 , 100% 0, 100% 100%, 13% 100%);
			clip-path:polygon(0 0 , 88% 0, 100% 100%, 12% 100%);
		}

		.viewmode-mobile .menu-global > .menu-item-recruit > a {
			height: auto;
			padding: 15px 20px 15px 20px;
			clip-path: none;
		}

		.menu-global > .menu-item-recruit > a:hover {
			background-color: var(--wp--preset--color--color-1) !important;
			color: #fff !important;
		}
		*/

		/* 外部リンクアイコン（未使用） */
		/*
		.menu-global > .menu-item-recruit > a::after {
			background-color: #999;
			content: '';
			display: inline-block;
			height: 14px;
			margin-left: .5em;
			position: relative;
			top: .05em;
			width: 14px;
			-webkit-mask-image: url('fontawesome/svgs/solid/up-right-from-square.svg');
			mask-image: url('fontawesome/svgs/solid/up-right-from-square.svg');
			-webkit-mask-size: contain;
			mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

			.menu-global > .menu-item-recruit > a:hover::after {
				background-color: #fff;
			}

		.menu-global > .menu-item-recruit > a span {
			display: none;
		}

			.viewmode-mobile .menu-global > .menu-item-recruit > a span {
				display: inline;
			}
		*/

/* English（未使用） */
/*
.menu-global > .menu-item-translate {
	border-right: none;
	left: auto;
	/＊
	position: fixed;
	＊/
	position: absolute;
	right: 0;
	top: 0;
}

	.viewmode-mobile .menu-global > .menu-item-translate {
		margin-top: 0;
		position: relative;
		right: auto;
		top: auto;
	}
*/

	/* Google翻訳時（未使用） */
	/*
	.translated-ltr  .menu-global > .menu-item-translate {
		/＊
		display: none;
		＊/
	}
	*/

	/* 管理バー表示状態（未使用） */
	/*
	.admin-bar .menu-global > .menu-item-translate {
		top: 32px;
	}
	*/

	/*
	.menu-global > .menu-item-translate > a {
		background-color: #000;
		color: #fff;
		display: block;
		font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Verdana,Arial, Helvetica, sans-serif;
		font-size: 15px;
		font-weight: 600;
		height: 65px;
		min-width: 0;
		padding: 22px 25px 0 50px;
		clip-path: polygon(0 0 , 100% 0, 100% 100%, 20% 100%);
	}

		.viewmode-mobile .menu-global > .menu-item-translate > a {
			height: auto;
			padding: 15px 20px 15px 20px;
			clip-path: none;
		}

		.menu-global > .menu-item-translate > a:hover {
			background-color: var(--wp--preset--color--color-1) !important;
			color: #fff !important;
		}
		*/

		/* 外部リンクアイコン（未使用） */
		/*
		.menu-global > .menu-item-translate > a::after {
			background-color: #999;
			content: '';
			display: inline-block;
			height: 14px;
			margin-left: .5em;
			position: relative;
			top: .05em;
			width: 14px;
			-webkit-mask-image: url('fontawesome/svgs/solid/up-right-from-square.svg');
			mask-image: url('fontawesome/svgs/solid/up-right-from-square.svg');
			-webkit-mask-size: contain;
			mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

			.menu-global > .menu-item-translate > a:hover::after {
				background-color: #999;
			}

			.menu-global > .menu-item-translate > a span + span {
				display: none;
			}

			.viewmode-mobile .menu-global > .menu-item-translate > a span {
				display: none;
			}

				.viewmode-mobile .menu-global > .menu-item-translate > a span + span {
					display: inline;
				}

					.translated-ltr .viewmode-mobile .menu-global > .menu-item-translate > a span font {
						/＊
						display: none;
						＊/
					}
		*/

/* プライバシーポリシー */
.viewmode-mobile .menu-global > .menu-item-privacy a {
	font-size: 90%;
}

/* Youtube（未使用） */
/*
.viewmode-mobile .menu-global > .sns-youtube a {
	padding-top: 0;
	padding-bottom: 5;
}

	.viewmode-mobile .menu-global > .sns-youtube a img {
		height: 40px;
		width: 40px;
		vertical-align: top;
	}
*/

/*
/＊ アクセス（未使用） ＊/
/＊ マーカーのアイコン ＊/
.menu-global > .menu-item-access > a::before {
	content: "\f041";	/＊ fa-map-marker ＊/
	font-size: 26px;
}

/＊ よくある質問（未使用） ＊/
/＊ クエスチョンのアイコン ＊/
.menu-global > .menu-item-faq > a::before {
	content: "\f059";	/＊ fa-question-circle ＊/
}
*/

/* サイトマップ */
.viewmode-mobile .menu-global > .menu-item-sitemap a {
	font-size: 90%;
}


/*
***********************************************************************************************
サイト内検索（グローバルメニュー内に設置版）
***********************************************************************************************
*/

.menu-item #sitesearch {
	box-sizing: border-box;
	margin: 0px auto 0 auto;
	padding: 17px 15px 10px 15px;
	position: relative;
	/*
	top: -5px;
	left: 0px;
	width: 200px;
	*/
	transition: all 0.2s ease;
}

	.header-fixed .menu-item #sitesearch {
	}

	.viewmode-mobile .menu-item #sitesearch {
		background-color: transparent;
		margin: 0px 0px 0 0;
		padding: 10px 15px;
		/*
		width: 100%;
		*/
	}

	.menu-item #sitesearch.active {
		width: 210px;
	}

	.menu-item #sitesearch form {
		/*
		background-image:  url(../img/bg_search.gif);
		background-cposition: 0px 0px;
		background-repeat: no-repeat;
		*/
		margin:  0px 0px 0 0;
		padding:  0 0 0 0px;
		position: relative;
	}

		.menu-item #sitesearch.active form {
		}

		/* ダミーの入力欄（未使用） */
		/*
		.menu-item #sitesearch form::before {
			background-color: #fff;
			border-radius: 100%;
			content: '';
			display: block;
			height: 35px;
			line-height: 1;
			position: absolute;
			right: 0px;
			top: 0px;
			z-index: -1;
			width: 35px;
		}

			.menu-item #sitesearch.active form::before {
				content: none;
			}
			*/

		/* 検索アイコン */
		.menu-item #sitesearch form::after {
			background-color: var(--wp--preset--color--color-1);
			content: '';
			display: block;
			height: 23px;
			line-height: 1;
			position: absolute;
			right: 11px;
			top: 11px;
			z-index: -1;
			width: 20px;
			-webkit-mask-image: url('fontawesome/svgs/solid/magnifying-glass.svg');
			mask-image: url('fontawesome/svgs/solid/magnifying-glass.svg');
			-webkit-mask-size: contain;
			mask-size: contain;
			-webkit-mask-repeat: no-repeat;
			mask-repeat: no-repeat;
		}

			.viewmode-mobile .menu-item #sitesearch form::after {
				top: 9px;
			}

			.menu-item #sitesearch.active form::after,
			.viewmode-mobile .menu-item #sitesearch form::after {
				background-color: #fff;
				/*
				right: 11px;
				top: 9px;
				*/
				z-index: 1;

			}

	.menu-item #sitesearch label {
		display: none;
	}

	.menu-item #sitesearch input {
		background-color: transparent;
		margin: 0;
		padding: 0;
	}

	.menu-item #sitesearch #s {
		background-color: transparent;
		border-radius: 100vh;
		border: 0px solid #000;
		box-sizing: border-box;
		font-size: 15px;
		padding: 5px 15px 5px 15px;
		height: 40px;
		width: 35px;
		transition: all 0s ease;
	}

		.menu-item #sitesearch #s:hover {
			cursor: pointer;
		}

		.menu-item #sitesearch #s::placeholder {
			color: #ccc;
		}

		.menu-item #sitesearch #s:autofill,
		.menu-item #sitesearch #s:-webkit-autofill {
			-webkit-text-fill-color: #ccc;
		}

		.viewmode-mobile .menu-item #sitesearch #s {
		}

		.menu-item #sitesearch.active #s,
		.viewmode-mobile .menu-item #sitesearch #s {
			background-color: var(--wp--preset--color--color-1);
			color: #fff;
			outline: none;
			width: 100%;
			transition: all .2s ease;
		}

		.menu-item #sitesearch.active #s {
			padding-right: 60px !important;
		}

		.viewmode-mobile .menu-item #sitesearch #s {
			padding-right: 2.5em;
		}

		/* 「×」マーク（クリアボタン） */
		.menu-item #sitesearch #s::-ms-clear {
			visibility: hidden;
		}

		/* HTML5標準のクリアボタン */
		.menu-item #sitesearch #s::-ms-clear,
		.menu-item #sitesearch #s::-webkit-search-cancel-button {
			opacity: 0;
			position: relative;
			right: -5px;
		}

			.menu-item #sitesearch.active #s::-ms-clear,
			.menu-item #sitesearch.active #s::-webkit-search-cancel-button {
				opacity: 1;
			}

	/* 検索ボタン */
	.menu-item #sitesearch #searchsubmit {
		background-color: transparent;
		/*
		background-image: url(../img/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: 0px;
		right: -30px;
		width: 30px;
		height: 30px;
		z-index: 5;
	}

		.viewmode-mobile .menu-item #sitesearch #searchsubmit {
			right: 0px;
		}

		.menu-item #sitesearch.active #searchsubmit {
			right: 5px;
			top: 5px;
		}

		.menu-item #sitesearch #searchsubmit:hover {
			cursor: pointer;
		}

		.menu-item #sitesearch #searchsubmit:focus {
			outline: none;
		}


/*
***********************************************************************************************
グローバルナビゲーション（スマホ専用）（未使用）
***********************************************************************************************
*/

/*
#nav-global2 {
	clear: both;
	/＊
	display: none;
	position: fixed;
	top: 55px;
	＊/
	z-index: 999;

	margin: 0;
	padding: 0px;
	position: relative;

	box-shadow: 0px 3px 3px 0 rgba(0,0,0,0.1);
}

	.viewmode-mobile #nav-global2{
		display: block;
	}

	/＊
	.screen-sm #nav-global2,
	.screen-md #nav-global2,
	.screen-lg #nav-global2{
		position: static !important;
	}
	＊/

	#nav-global2 ul{
		list-style-type: none;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

		#nav-global2 .mod_nav{
			display: none;
			width: 100%;
		}

			#nav-global2 ul li{
				border-top: 1px solid #999;
				list-style-type: none;
				margin: 0px;
				/＊
				font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W6', Meiryo, メイリオ, sans-serif;
				＊/
			}

				#nav-global2 ul li a{
					background-color: #1D4596;
					color: #fff;
					display: block;
					font-size: 14.5px;
					text-decoration: none;
					padding: 5px 5px 5px 30px;
					position: relative;
				}

					#nav-global2 ul li a:hover{
						background-color: #eee;
					}

				/＊ 矢印の飾り ＊/
				#nav-global2 ul li a::before {
					content: "\f105";	/＊ fa-angle-right ＊/
					color: #fff;
					font-family: 'Font Awesome 6 Free';
					font-size: 12px;
					font-weight: 900;
					position: absolute;
					top: 7px;
					left: 20px;
				}

					#nav-global2 ul li.menu-item-has-children > a:after{
						content: none;
					}

					#nav-global2 ul li .sub-menu{
						display: block;
					}

						#nav-global2 ul li .sub-menu a{
							font-size: 12px;
							padding: 5px 5px 5px 45px;
						}

							#nav-global2 ul li .sub-menu a::before {
								top: 5px;
								left: 35px;
							}
*/


/*
***********************************************************************************************
ヘッダーのバナー（未使用）
***********************************************************************************************
*/

/*
.header-banner {
	margin: 20px auto 0 auto;
	padding: 0px;
	text-align: center;
}

	.viewmode-mobile .header-banner {
		margin: 20px auto 0 auto;
		padding: 0 30px;
	}

	.header-banner li {
		display: block;
		letter-spacing: normal; /＊ 文字間を通常に戻す ＊/
		margin: 0 0;
		text-align: left;
		vertical-align: top;
	}

		.viewmode-mobile .header-banner li {
			display: block;
			margin: 15px auto;
		}

		.header-banner li + li {
			margin-top: 35px;
		}

		.header-banner a {
			color: #666;
			font-size: 88%;
			text-decoration: none;
		}

			.viewmode-mobile .header-banner a {
				font-size: 75%;
			}

		.header-banner img {
			max-width: 100%;
		}

			.header-banner a img {
				vertical-align: top;
				transition: all 0.2s ease;
			}

				.header-banner a:hover img {
					opacity: .7;
				}
*/


/*
***********************************************************************************************
Slideout.jsの基本設定
***********************************************************************************************
*/

.toggle-button {

}

.toggle-button2 {
	float: right;
}

.slideout-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 255px;
	overflow-y: scroll;
	-ms-overflow-style: none;
	min-height: 100vh;

	-webkit-overflow-scrolling: touch;
	z-index: 101;
	display: none;

	/*
	touch-action:none;
	*/
}

	.slideout-menu::-webkit-scrollbar {
		display: none;
	}

	.mobile .slideout-menu {
	}

.slideout-menu-left {
	left: 0;
}

.slideout-menu-right {
	right: 0;
}

.slideout-panel {
	background-color: #fff;	/* 背景色は必須 */
	min-height: 100vh;
	position: relative;
	z-index: 1;
	/*
	will-change: transform;
	*/

}

/* ドロワーの展開時 */
.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}

.slideout-open .slideout-panel {
	transform: translateX(0) !important;
}


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

.toggle-button {
	background-color: transparent;
	border: 0px solid #fff;
	/*
	border-radius: 100%;
	*/
	box-sizing: border-box;
	font-size: 12px;
	left: auto !important;
	min-width: 40px;
	padding: 9px .5rem 19px;
	position: fixed;
	right: 9px;
	top: 8px;
	width: 2.6rem;
	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+ ＊/
	*/
}

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

	@media screen and (max-width: 782px){
		.viewmode-mobile.admin-bar .toggle-button {
			top: calc( var(--wp-admin--admin-bar--height) + 9px );	/* 管理バーが表示されている場合は、上部に余白をとる */
		}
	}

	/* Google翻訳時且つGoogle翻訳のツールバー展開時  */
	.translated-ltr.gt-nvframe-open .viewmode-mobile .toggle-button {
		top: calc( var(--wp-admin--admin-bar--height) + 11px );
	}

		/* ハンバーガーメニューの横線 */
		.toggle-button span,
		.toggle-button span::before,
		.toggle-button span::after {
			background-color: #000;
			display: block;
			height: 2px;
			width: 100%;
			transition: all .6s cubic-bezier(.19,1,.22,1);
		}

		.toggle-button span {
			margin-top: 10px;
			position: relative;
			/*
			transform: scale(0.7);
			*/
		}

		.toggle-button span::before,
		.toggle-button span::after {
			position: absolute;
			left: 0;
			content: ' ';
		}

		.toggle-button span::before {
			top: -10px;
		}

		.toggle-button span::after {
			top: 10px;
		}

	/* ページがスクロールされた状態 */
	.scrolled .toggle-button {
		background-color: var(--wp--preset--color--color-1);
		/*
		border: 1px solid #8b9ba9;
		box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.3);
		*/
	}

		.scrolled .toggle-button span,
		.scrolled .toggle-button span::after,
		.scrolled .toggle-button span::before {
			background-color: #fff;
		}

	/* ドロワーが開いた状態 */
	.slideout-open .toggle-button {
		background-color: var(--wp--preset--color--color-1);
		z-index: 210;
	}

		.slideout-open .toggle-button span,
		.slideout-open .toggle-button span::before,
		.slideout-open .toggle-button span::after {
			background-color: #fff;
		}

		.slideout-open .toggle-button span {
			background-color: transparent !important;
		}

		.slideout-open .toggle-button span::before {
			top: auto;
			transform: rotate(45deg);
		}

		.slideout-open .toggle-button span::after {
			top: auto;
			transform: rotate(-45deg);
		}

/* 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;
}
*/


/*
***********************************************************************************************
スマホ専用ドロワー1（左側）
***********************************************************************************************
*/

#drawer {
	/*
	background-color: var(--wp--preset--color--color-1);
	*/
	display: block !important;
	height: 100vh;
	padding: var(--wp-admin--admin-bar--height) 0px 90px 0px;
	position: fixed;
	width: 100vw;
	z-index: 201;
	transform: translateX(-100vw);
	transition: all .2s ease;
}

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

	/* 管理バー表示状態 */
	.slideout-open #drawer {
		padding-top: var(--wp-admin--admin-bar--height);
	}

	.drawer-nav {
		margin-left: 0;
		margin-right: 0;
		position: relative;
	}

		/* ロゴ（未使用） */
		/*
		.drawer-nav::before {
			background-image: url(../img/logo.svg);
			background-repeat: no-repeat;
			background-size: contain;
			content: '';
			display: block;
			height: 20px;
			line-height: 1;
			margin-top: 25px;
			margin-left: 25px;
			text-indent: 0;
			top: 0;
			width: 160px;
		}
		*/

		/* 管理バーが表示された状態 */
		.admin-bar .drawer-nav {
			/*
			padding-top: 41px !important;
			*/
		}

		.drawer-nav > ul {
			list-style-type: none;
			padding: 0px;
		}

			.drawer-nav > ul > li {
				position : relative;
			}

				.drawer-nav > ul > li + li {
					/*
					margin-top: .75em;
					*/
				}

				.drawer-nav > ul > li > a {
					color: #000;
					display: block;
					/*
					font-family: 'Noto Sans JP', sans-serif;
					*/
					font-size: 16px;
					/*
					font-weight: 600;
					*/
					letter-spacing: .05em;
					line-height: 1.5;
					position : relative;
					vertical-align: top;
				}

				.drawer-nav > ul > li.menu-item-has-children > span {
					display: block;
					text-align: center;
					top: 13px;
					right: 15px;
					height: 30px;
					position: absolute;
					width: 30px;
					z-index: 2;
				}

					/* 矢印の飾り */
					.drawer-nav > ul > li.menu-item-has-children > span::after {
						background-color: var(--wp--preset--color--color-1);
						content: '';
						display: inline-block;
						height: 1em;
						width: 1em;
						-webkit-mask-image: url('fontawesome/svgs/solid/chevron-down.svg');
						mask-image: url('fontawesome/svgs/solid/chevron-down.svg');
						-webkit-mask-size: contain;
						mask-size: contain;
						-webkit-mask-repeat: no-repeat;
						mask-repeat: no-repeat;
					}

						.drawer-nav > ul > li.menu-item-has-children.active > span::after {
							background-color: #fff;
							-webkit-mask-image: url('fontawesome/svgs/solid/chevron-up.svg');
							mask-image: url('fontawesome/svgs/solid/chevron-up.svg');
						}

				.drawer-nav li a {
					color: #000;
					text-decoration:none;
				}

					.drawer-nav li a br {
						display: none;
					}

					.drawer-nav .sub-menu {
						list-style-type: none;
						overflow: hidden;
						margin-left: 30px;
						max-height: 0;
						padding: 0;
						transition: max-height .2s ease, margin .2s linear;
					}

						/* 展開時 */
						.drawer-nav li.menu-item-has-children.active .sub-menu {
							/*
							margin-top: -5px;
							*/
							margin-left: 0;
							max-height: 1000px;
							padding-bottom: 20px;
						}

						.drawer-nav .sub-menu .sub-menu {
							display: none;
						}

						.drawer-nav .sub-menu > li {
						}

							.drawer-nav .sub-menu > li a {
								font-size: 14px;
								padding-left: 20px;
								position: relative;
							}

							/* 罫線の飾り */
							.drawer-nav ul.sub-menu > li a::before {
								background-color: #999;
								content: "";
								display: block;
								height: 1px;
								line-height: 1;
								top: 1.5em;
								left: .4em;
								position: absolute;
								width: 8px;
							}

						/* カレント */
						.drawer-nav .sub-menu > li.current-page-ancestor,
						.drawer-nav .sub-menu > li.current-menu-item {
							/*
							background-color: var(--wp--preset--color--color-4);
							*/
						}

						.drawer-nav .sub-menu > li + li {
							/*
							margin-top: .5em;
							*/
						}


/*
***********************************************************************************************
スマホ専用ドロワー2（右側）（未使用）
***********************************************************************************************
*/

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


/*
***********************************************************************************************
グローバルメニュー（スマホ用）
***********************************************************************************************
*/

#menu-global-sp {
	margin-top: 15px;
}

/* ヘッダーメニュー（スマホ用）（未使用） */
/*
#menu-header-sp {
	padding-top: 25px;
}

	#menu-header-sp > li + li {
		margin-top: .5em
	}

	#menu-header-sp > li > a {
		background-color: transparent;
		color: #000;
		font-size: 13px;
		padding: 5px;
	}

		/＊ 矢印の飾り（未使用） ＊/
		/＊
		#menu-header-sp > li > a::before {
			color: #00a3d9;
			content:"\f054";
			display:block;
			font-family: 'Font Awesome 6 Free';
			font-size: 12px;
			font-weight: 900;
			line-height:1.5;
			top: 0em;
			left: 0.5em;
			position: absolute;
		}
		＊/

	#menu-header-sp > li.current-page-ancestor > a,
	#menu-header-sp > li.current-menu-item > a {
		background-color: rgba(255,255,255,.5);
	}
*/

/* フッターメニュー（スマホ用） */
#menu-footer-sp {
	/*
	background-color: #e4e8eb;
	border-top: 1px solid #999;
	*/
	margin: 25px 15px 0 15px;
	padding: 0px 0px 20px 0px;
}

	#menu-footer-sp > li + li {
		margin-top: .5em
	}

	#menu-footer-sp > li > a {
		background-color: transparent;
		color: #fff;
		font-size: 13px;
		padding: 5px;
	}

		/* 矢印の飾り（未使用） */
		/*
		#menu-footer-sp > li > a::before {
			color: #00a3d9;
			content:"\f054";
			display:block;
			font-family: 'Font Awesome 6 Free';
			font-size: 12px;
			font-weight: 900;
			line-height:1.5;
			top: 0em;
			left: 0.5em;
			position: absolute;
		}
		*/

	#menu-footer-sp > li.current-page-ancestor > a,
	#menu-footer-sp > li.current-menu-item > a {
		background-color: rgba(255,255,255,.5);
	}


/*
***********************************************************************************************
言語の切替UI（未使用）
***********************************************************************************************
*/

/*
#language {
	color: #888;
	font-size: 13px;
	letter-spacing: 0.05em;
	line-height: 1.3;
	position: absolute;
	text-align: center;
	top: 0;
	right: 0;
}

	.viewmode-mobile #language {
		transform: scale(0.7);
		transform-origin: top right;
	}

	#language a {
		background-color: #d01119;
		color: #fff;
		display: inline-block;
		font-family: "Times New Roman", Times, serif;
		font-size: 15px;
		line-height: 1.3;
		padding: 5px 10px;
		text-decoration: none;

		transition: all 0.2s ease;
	}

		/＊ 矢印アイコン ＊/
		#language a::before {
			content: "\f064";	/＊ fa-mail-forward ＊/
			display: inline-block;
			font-family: 'Font Awesome 6 Free';
			font-size: 17px;
			font-weight: 900;
			margin-right: 5px;
			vertical-align: middle;
		}

			.viewmode-mobile #language a::before {
				font-size: 12px;
			}

		#language a:hover {
			background-color: #093388;
		}
*/


/*
***********************************************************************************************
メガメニュー用のオーバーレイ
***********************************************************************************************
*/

#gnav_overlay {
	background-color: #fff;
	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: .7;
	}


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

.wrapper_eyecatch {
	/*
	background-image: url(../img/bg_eyecatch.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 50px;
	*/
	position: relative;
}
	.viewmode-mobile .wrapper_eyecatch {
		background-image: none;
		padding-bottom: 0;
	}

	/* 背景の飾り（グラデーション）（未使用） */
	/*
	.wrapper_eyecatch::after {
		bottom: 0;
		content: "";
		display: block;
		height: 50px;
		position: absolute;
		width: 100%;
		z-index: 0;

		/＊ Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 ＊/
		background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /＊ FF3.6-15 ＊/
		background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /＊ Chrome10-25,Safari5.1-6 ＊/
		background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /＊ W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ ＊/
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /＊ IE6-9 ＊/
		Current gradient has opacity, switching color format to 'rgba'
	}

		.viewmode-mobile .wrapper_eyecatch::after {
			content: none;
		}
	*/

	.eyecatch {
		align-items: center;
		background-color: var(--wp--preset--color--color-1);
		box-sizing: border-box;
		display: flex;
		margin: 0px auto 0px auto;
		/*
		min-height: 230px;
		*/
		padding: 70px 0 140px 0px;
		position: relative;
		text-align: left;
		/*
		max-width: 950px;
		*/
		z-index: 0;
	}

		.viewmode-mobile .eyecatch {
			/*
			min-height: 120px;
			*/
			padding: 35px 10px 35px 10px;
		}

		/* アイキャッチの背景 */
		.eyecatch .bg_eyecatch {
			background-image: url(../img/eyecatch_default.webp);
			background-position: center center;
			background-position: top 60% center;
			background-repeat: no-repeat;
			background-size: cover;
			height: 100%;
			left: 0;
			opacity: .7;
			margin: 0 auto;
			position: absolute;
			top: 0px;
			width: 100%;
			z-index: 0;
		}

			.viewmode-mobile .eyecatch .bg_eyecatch {
				min-height: 0;
				/*
				position: static;
				*/
				width: 100%;
			}

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

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

		.eyecatch h1 {
			align-items: center;
			box-sizing: border-box;
			border-left: 0px solid #fff;
			border-top: 0px solid #fff;
			bottom: 0;
			color: #fff;
			/*
			display: table-cell;
			font-family: 'Noto Sans JP', sans-serif;
			*/
			font-size: 40px;
			font-weight: 600;
			line-height: 1.5;
			/*
			overflow: hidden;
			*/
			margin: 0px auto;
			padding: 0px 0px 0px 0px;
			position: relative;
			text-align: left;
			width: var(--wp--style--global--content-size);
			width: 1050px;
			vertical-align: bottom;
			z-index: 1;
			text-shadow: 0px 0px 10px rgba(0,0,0,.2),
				0px 0px 10px rgba(0,0,0,.2),
				0px 0px 10px rgba(0,0,0,.2),
				0px 0px 10px rgba(0,0,0,.2),
				0px 0px 10px rgba(0,0,0,.2);
		}

			.viewmode-mobile .eyecatch h1 {
				display: block;
				font-size: 21px;
				/*
				height: auto;
				*/
				width: 100%;
			}

			/* 背景（未使用） */
			/*
			.eyecatch h1::before {
				background-color: var(--wp--preset--color--color-1);
				/＊
				background-color: rgba(0,0,0,0.9);
				＊/
				bottom: 0;
				content: "";
				height: 100%;
				left: 0px;
				position: absolute;
				width: 100%;
				z-index: -1;

				/＊
				-webkit-transform: skew(15deg,0);
				transform: skew(15deg,0);
				＊/
			}

				.viewmode-mobile .eyecatch h1::before {
					left: -10px;
				}
			*/

			.eyecatch h1 small {
				/*
				background-color: var(--wp--preset--color--color-1);
				*/
				color: #fff;
				display: table;
				font-size: 19px;
				font-weight: bold;
				line-height: 1.5;
				margin-bottom: .75em;
				/*
				padding: .25em .5em;
				*/
			}

				.viewmode-mobile .eyecatch h1 small {
					font-size: 12px;
					margin-bottom: .35em;
				}



/*
***********************************************************************************************
ウィジェットエリア「トップバー」
***********************************************************************************************
*/

#topbar {
	box-sizing: border-box;
	margin: 1em auto 2em auto;
	position: relative;
	z-index: 10;
}

	.viewmode-mobile #topbar {
		padding: 10px 10px;
	}

	#topbar:empty {
		display: none;
	}

	#topbar > div {
		margin: 0 auto;
		max-width: 850px;
		max-width: var(--wp--style--global--content-size);
	}

	/* ウィジェット */
	#topbar .widget {
		margin: 0 auto 0 auto;
	}

		.viewmode-mobile #topbar .widget {
			width: auto;
		}

	/* ウィジェットのタイトル */
	#topbar h2.widgettitle {
		/*
		font-size: 16px;
		*/
	}

		#topbar .widget:first-child h2.widgettitle {
		}

		.viewmode-mobile #topbar h2.widgettitle {
			display: block;
		}

	#topbar select {
		font-size: 100%;
	}