/*----------------------------------------------------------------------------*/
/*	Header MENU 共通構造 01 CSS						 	     */
/*----------------------------------------------------------------------------*/
@charset "utf-8";
/* CSS Document */

	header {
		overflow-x: hidden;		/* ★ 横方向はみ出した部分を非表示にする */
		overflow-y: hidden;		/* ★ 縦方向はみ出した部分を非表示にする */
	}

	@media only screen and (max-width:992px) {

		header {
			z-index:999999;
		}
		.SP_header {
			display:block;
		}
		.PC_header {
			display:none;
		}
	}

	header {
		position: fixed;
		width: 100%;
		height: 60px;	/* SP height★ */
		padding:0;
		background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
	}
	body.menuOpen header{
		position: fixed;
		top:0;
		width: 100%;
	}
	header .headerTop{
		width :100%;
		position:relative;
/*		padding:20px;	*/
		padding:inherit;
	}
	header .siteTitle {			/*  LOGO */
		margin-top:8px;
		margin-left:15px;
		width : 102px;
		height: 40px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	header .siteTitle a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 102px;
		height: 0 !important;
		height /**/:40px;
		padding-top: 40px;
		display	: block;
		background	: url("../images/com/logo.svg") no-repeat;
		background-size:102px 40px;
		background-position: center center;
	}
	header .siteTitle a:hover{
		display	: block;
		background	: url("../images/com/logo.svg") no-repeat;
		background-size:102px 40px;
		background-position: center center;
	}

/* ■ SP GlobalNavMenu ■*/

	.overlay {
		display: none;
		background-color:rgba( 38,38,38,0.6 ); 	/*  DrarkGray  透過60% */
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.navDrawrBtnSP  {
		position: absolute;
		position: fixed;
		top: 5px;
		right:1.5%;
		display: block;
		width: 50px;
		height: 50px;
		width: 48px;
		height: 48px;
		background-color:#231f20;	/* dod-black */
		cursor: pointer;
		border-radius: 50%;
    		-moz-border-radius: 50%;
    		-webkit-border-radius: 50%;
		z-index:9999;
	}
	.navDrawrBtnSP .line {
		position: absolute;
		top: 0;
		left: 13px;
		display: block;
		text-align:center;
		width: 23px; 			/* 横幅 */
		height: 2px;				/* 1本辺りの高さ */
		width: 21px; 			/* 横幅 */
		height: 1px;				/* 1本辺りの高さ */
		background: #FFF;	/* 線の色 */
			/* 適用するプロパティ、変化する時間、変化する速度 */
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
	}
	/* 3本線の各線の位置を指定 ---------------------- */

	.navDrawrBtnSP .line_01 { top: 15px; }
	.navDrawrBtnSP .line_02 { top: 23px; }
	.navDrawrBtnSP .line_03 { top: 31px; }

	/* 最上部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-active .line_01 {
		top: 18px; /* 上から2番目の線の位置に変更 */
		top: 23px; /* 上から2番目の線の位置に変更 */

		/* 線を45度回転 */
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	/* 上から2番目の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-active .line_02 {
		 opacity: 0; /* 不透明度を下げて線を消す */
	}

	/* 最下部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-active .line_03 {
		 top: 18px; /* 上から2番目の線の位置に変更 */
		 top: 23px; /* 上から2番目の線の位置に変更 */

	  /* 線を135度回転 */
	  	-webkit-transform: rotate(135deg);
	  	transform: rotate(135deg);
	}

	/* 最上部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-deactive .line_01 {
		top: 10px; /* 上から2番目の線の位置に変更 */
		/* 線を45度回転 */
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	}

	/* 上から2番目の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-deactive .line_02 {
		top: 18px;
		top: 23px;
		 opacity: 1; /* 線の不透明度元に戻す */
	}

	/* 最下部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-deactive .line_03 {
		 top: 26px; /* 上から2番目の線の位置に変更 */
		 top: 23px; /* 上から2番目の線の位置に変更 */

	  /* 線を135度回転 */
		  	-webkit-transform: rotate(-135deg);
		  	transform: rotate(-135deg);
	}
	.navDrawrBtnSP p {
		position: absolute;
		bottom: 5px;
		left: 11px;
		left: 7px;
		display: block;
		text-align:center;
		font-size:11px;
		color:#555;
		color:#FFF;
		letter-spacing: 0.12em;
	}
	#contactBtnSP {		/* CONTACT Btn */
		position: fixed;
		top: 6px;
		right:20%;
		display: block;
		width: 50px;
		height: 50px;
	}
	#contactBtnSP a {
		display: block;
		width: 358px;
		background: url(../images/menu/contact_sp.png) no-repeat;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}
	#contactBtnSP a:hover img {
		visibility: hidden;
			transition: 0.8s ease-in-out;
			-webkit-transition: 0.8s ease-in-out;	/* Ease in-out */
			-moz-transition: 0.8s ease-in-out;
			-o-transition: 0.8s ease-in-out;
	}

	/* ■SP GlobalNavMenu ■*/
	.navDrawrSP {
		background-color:rgba( 38,38,38,0.6 ); 		/*  DrarkGray  透過60% */
		position: fixed;
		width: 100%;		/* ◆ */
		top: 60px;
		bottom: 0;
		right: -100%;		/* ◆ */
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.navDrawrSP .menuarea {
		margin:0 auto 0 auto;
		width: 100%;
		padding-bottom:10px;
		background-color:#f4f4f4;
		background-color:#fff;
	}
	.navDrawrSP .menuarea .fil {
		margin:0 auto 0 auto;
		width: 100%;
		height:10px;
	}
	.navDrawrSP dl {	
		margin: 0 auto 0 auto;
		width: 100%;
		background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過98% */
	}
	.navDrawrSP a {
		display: block;
		margin: 0 auto 0 auto;
		width: 95%;
		font-size: 14px;
		font-weight:normal;
		font-family: "futura medium bt";
		font-display: swap;
		color: #222;
		text-decoration: none;
		padding: 15px;
		padding: 10px;
		padding-left: 20px;
		position: relative;
	}
	.navDrawrSP a::after {
		position: absolute;
		top: 60%;
		margin-top: -9px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f054";	/* ◇ FontAwesome  →  ◇ */
	}
	.navDrawrSP a .open::after {
		position: absolute;
		top: 60%;
		margin-top: -9px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
	}
	.navDrawrSP>dl>dl {
		display:block;
	}
	.navDrawrSP>dl>dt {
		display:block;
		font-size: 12px;
/*		border-bottom: 1px solid #EEE;	*/
		position: relative;
	}
	.navDrawrSP>dl>dd {
		display:block;
	}
	.navDrawrSP>dl>dt>a {
		text-align: left;
		border-right: none;
	}
	.navDrawrSP>dl>dt>a::after{
		position: absolute;
		top: 0;
		margin-top: 13px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		color:#222;
	}
	.navDrawrSP>dl>dt .fa {
		color:#A4946C;	/* Gold01 */
	}
	.navDrawrSP dt#spmenuex a {
		font-size: 12px;
	}
	.navDrawrSP>dl>dd>a {
		text-align: left;
		border-right: none;
	}
	.navDrawrSP .downmenu dd {
		float: none;
		width: auto;
		position: relative;
	}
	.navDrawrSP>ul:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.navDrawrSP>ul>li {
		width: 100%;
		position: relative;
	}
	.navDrawrSP .sub li:last-child a {
		border: none;
	}
	.navDrawrSP>ul>li>a {
		display:block;
		width: 100%;
	}
	.navDrawrSP>ul>li>a:hover {
		background: #1FAF93;
		background-color:rgba( 178,178,178,0.80 ); 	/*  LightGray  透過90% */
	}
	.navDrawrSP .spmenu02 {
		width: 100%;
		background-color:rgba( 255,255,255,1.0 ); 	/*  WHITE  透過100% */
	}
	.navDrawrSP .spmenu02 a {
		margin: 0 auto 0 auto;
		width: 95%;
		color:#222;
/*		border-bottom: 1px solid #EEE;	*/
	}
	.navDrawrSP .spmenu02 a .fa{
		color:#A4946C; /* Gold01 */
		color:#222;
	}
	.navDrawrSP .spmenu02 a::after {
		position: absolute;
		top: 60%;
		margin-top: -17px;
		margin-top: -10px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f054";
		color:#222;
	}
	/* □ SP GlobalNavMenu */
	.navDrawrSP a {
	}
	.navDrawrSP .downmenu dt a::after{
		font-family: FontAwesome;
		content: none;
	}
	.navDrawrSP a .spsbt {
		position: absolute;
		top: 60%;
		margin-top: -11px;
		right: 30px;
		font-size: 12px;
		color:#444;
		color:#A4946C; /* Gold01 */
		text-align:right;
		padding-right:20px;
	}
	.navDrawrSP .downmenu ul.sub {
		position: static;
		display: block!important;
	}
	.navDrawrSP .sub {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	.navDrawrSP .sub a {
		display:block;	/* ◆20231010-01 */
		background-color:rgba( 51,51,51,0.7 ); 		/*  Gray  透過85% */
		padding: 15px 10px 15px 20px;		/* ★★ */
		font-family: FontAwesome;
		content: "\f054";	/* ◇ FontAwesome  →  ◇ */
		font-size: 12px;
		color:#fff;
		border-bottom: 1px dotted #EEE;
	}
	.navDrawrSP .sub a:hover {
		font-family: FontAwesome;
		content: "\f054";
		background: #179079;
		background-color:rgba( 51,51,51,0.50 ); 		/*  Gray  透過50% */
		background-color:rgba( 178,178,178,0.5 ); 	/*  LightGray  透過90% */
	}

	.navDrawrSP dl.downmenu dt {
	}
	.navDrawrSP dl.downmenu dt a::after{
		content: "\f078";	/* ◇ FontAwesome  ↓  ◇ */
	}
	.navDrawrSP dl.downmenu dt .open a::after{
		content: "\f077";	/* ◇ FontAwesome  ↑ ◇ */
	}
	.navDrawrSP dl.downmenu dt a .fa {
		color:#A4946C; /* Gold01 */
	}
	.navDrawrSP>ul>li a .fab {
		color:#A4946C; /* Gold01 */
	}
	.navDrawrSP dl.downmenu dd > ul li {
		width: auto;
		height: auto;
	}
	.navDrawrSP dl.downmenu dd>ul>li a {
		display:block;	/* ◆20231010-01 */
		width: 100%;
		height:auto;
	}
	.navDrawrSP dl.downmenu dd>ul>li a.snsicn {
		color:#A4946C; 	/* Gold01 */
	}
	.navDrawrSP>ul>li.fax {
		display:block;
		width:100%;
		background-image: url("../images/svg/ico_fax.svg");
		background-size:12px 12px;
		background-position: 10px  15px;
		background-repeat:no-repeat;
	}
	.navDrawrSP>ul>li a>img {
		display:block;
		float:left;
		padding-top:0px;
	}
	.navDrawrSP>ul>li a .snst {
		padding:0 0 0 25px;
	}

	@media only screen and (max-width:320px) {

		header .headerTop p {
			position:absolute;
			top:8px;
			left:38%;
			font-size:11px;
		}
		.navDrawrSP a {
			padding-left: 15px;
		}
	}

	@media only screen and (min-width:992px) {	/*■ PC Layout  ■ */

		header {
			position: fixed;
			position: absolute;
			width: 100%;
			height: auto;
			padding:0;
			background-color: transparent;
			z-index:999;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
		}
		.SP_header {
			display:none;
		}
		.PC_header {
			display:block;
		}

		header .g-nav {
			margin: 10px auto 0 auto;
			width:100%;
			height:250px;		/* ★PC height */
			height:400px;		/* ★PC height */
			padding:0;
			z-index: 8;
			background-color:rgba( 255,255,255,0.0 );	/*  White  透過95% */
			position:relative;
		}
		header .g-nav  #h1logo01 {			/* LOGO */
			display	: block;
			position: absolute;
			top: 12px;
			left:5%;
			width : 178px;
			height: 70px;
		}
		header .g-nav  #h1logo01 .shadow_img {
		        filter: drop-shadow(2px 2px 2px rgba(160, 160, 160, 0.8));
		}
		.g-nav  .inner{
			position: absolute;
			top: 27px;
			left:26%;
			left:28%;
			width: 90%;
			width:80%;
		}
		nav.pc .inner>ul {
			margin: 0 auto 0 auto;
			width:100%;
			text-decoration:none;
		}
		nav.pc .inner>ul li {	/* MENU ITEM ◆ */
			float:left;
			font-size:16px;
			font-weight:bold;
			font-family: "Futura Bold fon";
			font-display: swap;
			padding-top:5px;
		}
		nav.g-nav .inner>ul{
			width: 100%;
			height: 90px;
		}
		nav.g-nav .inner>ul li {
			margin: 0 auto 0 auto;
			width:13%;		/* menu width ◆ */
			text-align:center;
		}
		nav.g-nav .inner>ul li:first-child {
			width:12%;
		}
		nav.g-nav .inner>ul li:nth-child(2) {
		}
		nav.g-nav .inner>ul li:nth-child(3) {
		}
		nav.g-nav .inner>ul li:nth-child(5) {
		}
		nav.g-nav .inner>ul li.bilingual {
			width:15%;
		}
		nav.g-nav .inner>ul li.bilingual a {
			display:block;
			text-align:center;
		}
		nav.g-nav .inner>ul li.bilingual a img {
		}

							/* ◇ hover:アンダーライン　→　中心から広がるアニメーション */
		nav.g-nav .inner>ul  {
			font-size: 0;
			box-sizing: border-box;
			list-style: none;
			text-align: center;
		}
		nav.g-nav .inner>ul >li {
			margin: 0 0px;
			display: inline-block;
			padding-bottom:15px;
		}
		nav.g-nav .inner>ul >li:hover {
			background-color:rgba( F5,F5,F5,0.7 ); 	/* bf-Base02   透過70% */
		}
		nav.g-nav .inner>ul >li .subt {
			color: #A4946C;		/* Gold01 */
		}
		nav.g-nav .inner>ul >li:hover .subt {
			color: #C6C6C6;
		}
		nav.g-nav .inner>ul >li>a {
			text-decoration: none;
			padding-bottom: 10px;
			padding-bottom: 5px;
			display: block;
			position: relative;
		}
		nav.g-nav .inner>ul >li>a:before {
			content: '';
			width: 0;
			left: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 1px solid #FFF;
			position: absolute;
			display: block;
		}
		nav.g-nav .inner>ul >li>a:hover:before {
			width: 50%;
			border-bottom: 1px solid #FFF;
		}
		nav.g-nav .inner>ul >li>a:after {
			content: '';
			width: 0;
			right: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 1px solid #FFF;
			position: absolute;
			display: block;
		}
		nav.g-nav .inner>ul >li>a:hover:after {
			width: 50%;
			border-bottom: 1px solid #FFF;
		}
		nav.g-nav .inner>ul > li p {
			padding-top:3px;
			padding-bottom:5px;
			margin-bottom:0px;
			color: #FFF;		/* ◆MENU item color */
/*			text-shadow: 1px 1px 1px #808080;	*/
		}
		nav.g-nav .inner>ul > li:hover p {
			color: #F5F5F5;
		}

		header .g-nav02 {
			margin: 0 auto 0 auto;
			width:100%;
			height:70px;		/* ★PC 02 height */
			padding:0;
			z-index: 10;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
		}
		.g-nav02 .inner{
			width: 90%;
			margin: 20px auto 0 3%;
			position:relative;
		}
		.g-nav02 #h1logo02 {			/*  LOGO */
			position: absolute;
			top: 9px;
			left:5%;
			width :350px;
			height: 50px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			z-index:11;
		}
		.g-nav02  #h1logo02 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 350px;
			height: 0 !important;
			height /**/:50px;
			padding-top: 50px;
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:102px 40px;
			background-size:350px 50px;
			background-position: center top 0;
		}
		.g-nav02  #h1logo02 a:hover{
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:350px 50px;
			background-position: center top 0;
		}
		nav.g-nav02 .inner>ul {
			margin: 0 auto 0 -3%;
			width:90%;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-around;	/* 両端のアイテムも含めて、均等な間隔を空けて配置 */
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			justify-content: flex-end;
		}
		nav.g-nav02 .inner>ul li {
			width:13%;	/* menu width ◆ */
			color:#444;
			padding-top:0px;
		}
		nav.g-nav02 .inner>ul li:first-child {
		}
		nav.g-nav02 .inner>ul li:nth-child(2) {
		}
							/* ◇ hover:アンダーライン　→　中心から広がるアニメーション */
		nav.g-nav02 .inner>ul  {
			font-size: 0;
			box-sizing: border-box;
			list-style: none;
			text-align: center;
		}
		nav.g-nav02 .inner>ul >li {
			margin: 0 0px;
			display: inline-block;
			padding-bottom:15px;
		}
		nav.g-nav02 .inner>ul >li:hover {
			background-color:rgba( F5,F5,F5,0.7 ); 	/* bf-Base02   透過70% */
		}
		nav.g-nav02 .inner>ul >li .subt {
			color: #A4946C;		/* Gold01 */
		}
		nav.g-nav02 .inner>ul >li:hover .subt {
			color: #C6C6C6;
		}
		nav.g-nav02 .inner>ul >li>a {
			text-decoration: none;
			padding-bottom: 10px;
			color: #333;		/* ◆MENU item color */
			display: block;
			position: relative;
		}
		nav.g-nav02 .inner>ul >li>a:before {
			content: '';
			width: 0;
			left: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 1px solid #1E0F00;	/* sopv-brown01 */
			position: absolute;
			display: block;
		}
		nav.g-nav02 .inner>ul >li>a:hover:before {
			width: 50%;
			border-bottom: 1px solid #1E0F00;	/* sopv-brown01 */
		}
		nav.g-nav02 .inner>ul >li>a:after {
			content: '';
			width: 0;
			right: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 1px solid #1E0F00;	/* sopv-brown01 */
			position: absolute;
			display: block;
		}
		nav.g-nav02 .inner>ul >li>a:hover:after {
			width: 50%;
			border-bottom: 1px solid #1E0F00;		/* sopv-brown01 */
		}

		nav.g-nav02 .inner>ul li  a p {
			color:#444;
			padding-top:0px;
		}
		nav.g-nav02 .inner>ul li  a p:hover {
			color:#AAA;
		}

		/* サブメニュー ------------------------*/

/*		nav.pc .inner>ul >li:nth-child(n + 2):not(:nth-child(n + 6)){
			position:relative;
		}*/
		nav.pc .inner>ul >li {
			position:relative;
		}
		nav.g-nav .subm01 {			/* サブメニュー */
			position:absolute;
			left:0;
			top:50px;
			width : 350px;
			display:none;
			background-color:rgba( 56,54,53,0.8 ); 		/* JP-Dgray */
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			z-index: 8;
		}
		nav.g-nav .sub .gsubmenu {
			margin-top:0;
			width:100%;
			padding-top:20px;
			padding-bottom:20px;
		}
		nav.g-nav .sub .gsubmenu p {		/* サブメニュー項目 */
			width : 100%;
			height: 30px;
			text-align:left;
			text-indent: 50px;
			line-height:1.8em;
			font-size:14px;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
		}
		nav.g-nav .sub .gsubmenu p a {
			width : 100%;
			height: 30px;
			display	: block;
			text-indent: 50px;
			text-decoration:none; 
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
					transition: 0.4s ease-in-out;
					-webkit-trhmenu-entryansition: 0.4s ease-in-out;	/* Ease in-out */
					-moz-transition: 0.4s ease-in-out;
					-o-transition: 0.4s ease-in-out;
		}
		nav.g-nav .sub .gsubmenu p a:hover {
			width : 100%;
			height: 30px;
			display	: block;
			font-size:13px;
			text-indent: 40px;
			color:#F5F5F5;	
			border:none;
		}
		nav.g-nav02 .subm01 {		/* サブメニュー */
			position:absolute;
			left:0;
			top:40px;
			width : 350px;
			display:none;
			background-color:rgba( 56,54,53,0.95 ); 		/* JP-Dgray */
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			z-index: 8;
		}
		nav.g-nav02 .sub .gsubmenu {
			width:100%;
			padding-top:20px;
			padding-bottom:30px;
		}
		nav.g-nav02 .sub .gsubmenu p {		/* サブメニュー項目 */
			width : 100%;
			height: 30px;
			text-align:left;
			line-height:30px;
			font-size:13px;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
		}
		nav.g-nav02 .sub .gsubmenu p a {
			width : 100%;
			height: 30px;
			display	: block;
			text-indent: 50px;
			text-decoration:none; 
			line-height:30px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#FFF;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
					transition: 0.4s ease-in-out;
					-webkit-transition: 0.4s ease-in-out;	/* Ease in-out */
					-moz-transition: 0.4s ease-in-out;
					-o-transition: 0.4s ease-in-out;
		}
		nav.g-nav02 .sub .gsubmenu p a:hover {
			width : 100%;
			height: 30px;
			display	: block;
			font-size:13px;
			text-indent: 40px;
			line-height:30px;
			color:#F5F5F5;	
		}
		.fixed{					/* ◆ ヘッダ メニュー部固定 */
			position: fixed;
			top: 0;
			left: 0;
		}
	}
	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		.g-nav02 #h1logo02 {			/*  LOGO */
			position: absolute;
			top: 5px;
			left:20px;
			width :189px;
			height: 60px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			z-index:11;
		}
		.g-nav02  #h1logo02 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 189px;
			height: 0 !important;
			height /**/:60px;
			padding-top: 60px;
			display	: block;
			background	: url("../images/com/logo02.svg") no-repeat;
			background-size:189px 46px;	/* 40% */
			background-position: center top 3px;
		}
		.g-nav02  #h1logo02 a:hover{
			display	: block;
			background	: url("../images/com/logo02.svg") no-repeat;
			background-size:189px 46px;	/* 40% */
			background-position: center top 10px;
		}
	}
	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		header {
			position: fixed;
			top:0px;
			width: 100%;
			height: 60px;	/* SP height★ */
			padding:0;
		}
	}