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

	header {
	}

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

		header {
			z-index:999999;
			background-color:rgba( 255,255,255,0.98 ); 	/*  White  透過98% */
		}
		.SP_header {
			display:block;
		}
		.PC_header {
			display:none;
		}
	}

	header {
		position: fixed;
		width: 100%;
		height: 60px;	/* SP height★ */
		padding:0;
	}
	header .g-nav  h1 {
		display:none;
	}
	body.menuOpen header{
		position: fixed;
		top:0;
		width: 100%;
	}
	header .headerTop{
		width :100%;
		position:relative;
/*		padding:20px;	*/
		padding:inherit;
	}
	header .siteTitle {			/*  LOGO */
		margin-top:7px;
		margin-left:15px;
		width : 198px;
		height: 44px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	header .siteTitle a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 198px;
		height: 0 !important;
		height /**/:44px;
		padding-top: 44px;
		display	: block;
		background	: url("../images/com/logo01.svg") no-repeat;
		background-size:220px 49px;
		background-size:198px 44px;		/* 90% */
		background-position: center center;
	}
	header .siteTitle a:hover{
		display	: block;
		background	: url("../images/com/logo01.svg") no-repeat;
		background-size:198px 31px;		/* 90% */
		background-position: center center;
	}
	.navDrawrSP {
		background-color:rgba( 38,38,38,0.6 ); 		/*  DrarkGray  透過60% */
		position: fixed;
		width: 270px;
		width: 100%;		/* ◆ */
		top: 60px;
		bottom: 0;
		right: -270px;
		right: -100%;		/* ◆ */
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.navDrawrSP a {
		display: block;
		font-size: 14px;
		font-weight:normal;
		color: #444;
		text-decoration: none;
		background: #1abc9c;
		background-color:rgba( 38,38,38,0.6 ); 		/*  DrarkGray  透過60% */
		background-color:rgba( 255,255,255,1.0 ); 	/*  White  透過98% */
		padding: 10px;
	}
	.navDrawrSP>ul:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.navDrawrSP>ul>li {
		float: left;
		width: 25%;
		position: relative;
	}
	.navDrawrSP .sub li:last-child a {
		border: none;
	}
	.navDrawrSP>ul>li>a {
		text-align: center;
	}
	.navDrawrSP>ul>li>a:hover {
		background: #1FAF93;
		background-color:rgba( 178,178,178,0.80 ); 	/*  LightGray  透過90% */
	}
	.navDrawrSP .spmenu02 {
	}
	.navDrawrSP .spmenu02 a {
		background-color:rgba( 255,255,255,1.00 ); 	/*  WHITE  透過100% */
		color:#444;
		border-bottom: 1px solid #EEE;
		padding-bottom:30px;
	}
	.navDrawrSP .spmenu02 a .fa{
		color:#A4946C; /* Gold01 */
	}
	.navDrawrSP .spmenu02 a::after {
		position: absolute;
		top: 60%;
		margin-top: -17px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f054";
		color:#AAA;
	}
	.overlay {
		display: none;
		background-color:rgba( 38,38,38,0.6 ); 	/*  DrarkGray  透過60% */
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	.navDrawrBtnSP {
/*		text-align: right;*/
	}
	.navDrawrBtnSP  {
		position: absolute;
		position: fixed;
		top: 2%;
		top: 5px;
		right:1%;
		display: block;
		width: 23px;
		height: 23px;
		width: 50px;
		height: 50px;
		background-color:rgba( 245,245,245,0.00 ); 	/*  baseGray  透過80% */
		cursor: pointer;
		z-index:99999999;
	}
	.navDrawrBtnSP .line {
		position: absolute;
		top: 0;
		left: 13px;
		display: block;
		text-align:center;
		width: 23px; 			/* 横幅 */
		height: 2px;				/* 1本辺りの高さ */
		background: #777;	/* 線の色 */
			/* 適用するプロパティ、変化する時間、変化する速度 */
			-webkit-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
	}
	/* 3本線の各線の位置を指定 ---------------------- */
	.navDrawrBtnSP .line_01 { top: 10px; }
	.navDrawrBtnSP .line_02 { top: 18px; }
	.navDrawrBtnSP .line_03 { top: 26px; }

	/* 最上部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-active .line_01 {
		top: 18px; /* 上から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番目の線の位置に変更 */

	  /* 線を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;
		 opacity: 1; /* 線の不透明度元に戻す */
	}

	/* 最下部の線のスタイル ---------------------- */
	.navDrawrBtnSP.is-deactive .line_03 {
		 top: 26px; /* 上から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;
		letter-spacing: 0.12em;
	}
	/* ■SP GlobalNavMenu ■*/
	.navDrawrSP a {
		position: relative;
		font-size: 14px;
		padding: 12px;
		padding: 15px;	/* ★★ */
		padding-left: 35px;
		background-color:rgba( 255,255,255,1.00 ); 	/*  White  透過98% */
	}
	.navDrawrSP a::after {
		position: absolute;
		top: 60%;
		margin-top: -9px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f054";
	}
	.navDrawrSP .downmenu dt a::after{
		font-family: FontAwesome;
		content: none;
	}
	.navDrawrSP a .open::after {
		position: absolute;
		top: 60%;
		margin-top: -9px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f077";	/* ◇ FontAwesome ↓ ◇ */
	}
	.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>dl>dl {
		display:block;
	}
	.navDrawrSP>dl>dt {
		display:block;
		font-size: 12px;
	}
	.navDrawrSP>dl>dd {
		display:block;
	}
	.navDrawrSP>dl>dt>a {
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #FFF;
	}
	.navDrawrSP dt#spmenuex a {
		font-size: 12px;
	}
	.navDrawrSP>dl>dd>a {
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #FFF;
	}
	.navDrawrSP>ul>li {
		float: none;
		width: auto;
	}
	.navDrawrSP>ul>li>a {
		text-align: left;
		border-right: none;
		border-bottom: 1px solid #FFF;
	}

	.navDrawrSP .downmenu dd {
		float: none;
		width: auto;
		position: relative;
	}
	.navDrawrSP .downmenu ul.sub {
		position: static;
		display: block!important;
	}
	.navDrawrSP .sub {
		position: absolute;
		left: 0;
		right: 0;
		z-index: 9999;
	}
	.navDrawrSP .sub a {
		background-color:rgba( 51,51,51,0.7 ); 		/*  Gray  透過85% */
		border-bottom: 1px solid #444;
		padding: 15px 10px 15px 20px;		/* ★★ */
		font-family: FontAwesome;
		content: "\f054";
		font-size: 12px;
		color:#fff;
	}
	.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 {
		display:block;
		position: relative;
	}
	.navDrawrSP dl.downmenu dt a::after{
		position: absolute;
		top: 0;
		margin-top: 13px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f078";	/* ◇ FontAwesome  ↓  ◇ */
		color:#fff;
		color:#444;
	}
	.navDrawrSP dl.downmenu dt a.open::after{
		position: absolute;
		top: 0;
		margin-top: 13px;
		right: 15px;
		font-weight:normal;
		font-size:8px;
		font-family: FontAwesome;
		content: "\f077";	/* ◇ FontAwesome  ↑ ◇ */
		color:#444;
	}
	.navDrawrSPdl.downmenu dd > ul li {
		width: auto;
		height: auto;
	}
	.navDrawrSP dl.downmenu dt a  .fa{
		color:#A4946C; /* Gold01 */
	}

	@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: 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: 0 auto 0 auto;
			width:100%;
			height:90px;		/* ★PC height */
			padding:0;
			z-index: 8;
			background-color:rgba( 255,255,255,1.00 ); 	/*  White  透過95% */
/*			background:linear-gradient(180deg,#FAFAFA 0%,#FAFAFA 45%,white 45%,white 100%);	 */
				box-shadow: 1px 1px 5px 1px #aaa;
				-webkit-box-shadow: 1px 1px 5px 1px #aaa;
				-moz-box-shadow: 1px 1px 5px 1px #aaa;
			position:relative;
		}
		header .g-nav  h1 {
			display:block;
			position: absolute;
			top: 5px;
			left:16%;
			font-size:12px;
			font-family: "NotoSansCJKjp-Regular";
			color: #A4966A;		/* Gold01 */
		}
		header .g-nav  #h1 {			/* LOGO */
			display	: block;
			position: absolute;
			top:5px;
			left:5%;
			width :78px;
			height: 78px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		header .g-nav #h1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 78px;
			height: 0 !important;
			height /**/:78px;
			padding-top: 78px;
			display	: block;
			background	: url("../images/com/logo.svg") no-repeat;
			background-size:501px 501px;
			background-size:78px 78px;	/* % */
			background-position: center top 0px;
		}
		header .g-nav  #h1 a:hover{
			display	: block;
			background	: url("../images/com/logo.svg") no-repeat;
			background-size:78px 78px;
			background-position: center top 0px;
		}
		.g-nav  .inner{
			position: absolute;
			top: 25px;
			left:15%;
			width: 85%;
		}
		nav.pc .inner>ul{
			margin: 0 auto 0 auto;
			width:100%;
			text-decoration:none;
		}
		nav.pc .inner>ul li{
			float:left;
			color:#333;
			font-size:15px;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:10px;
		}
		nav.g-nav .inner>ul{
			width: 100%;
			height: 90px;
		}
		nav.g-nav .inner>ul  li{
			margin: 0 auto 0 auto;
			width:14%;	/* menu width ◆ */
			text-align:center;
		}
		nav.g-nav .inner>ul  li:first-child{
			width:13%;
		}
		nav.g-nav .inner>ul  li:nth-child(2){
			width:13%;
		}
		nav.pc .inner>ul li a:hover {
			color: #FFF;
		}
		nav .inner02 {
			position: absolute;
			top: 0;
			right:0;
			width:12%;
			height:90px;
			z-index: 9;
		}
		nav .inner02 .hmenu-tel {	/* TEL */
			float:left;
			width : 0%;
			height:90px;
		}
		nav .inner02 .hmenu-tel a {
			display:block;
			width : 0%;
			height:90px;
			padding-top:32px;
			padding-left:15px;
			font-size:17px;
			text-align:center;
			font-family: "NotoSansCJKjp-Medium";
			color:#333;
			border: 0px;
			background	: url("../images/icon/tels.png") no-repeat;
			background-size:26px 27px;
			background-position: 7px 26px;
			background-color:#F5F5F5;
		}
		nav .inner02 .hmenu-contact {		/* CONTACT */
			float:left;
			width:100%;
			height:90px;
		}
		nav .inner02 .hmenu-contact a {
			display:block;
			width : 100%;
			height:90px;
			padding-top:34px;
			padding-left:25px;
			font-size:15px;
			text-align:center;
			font-family: "NotoSansCJKjp-Medium";
			color:white;
			border: 0px;
			background	: url("../images/icon/emails.png") no-repeat;
			background-size:23px 19px;
			background-position: 35px 31px;
			background-color:#2843B6;		/* plumsa-blue01 */
		}
		nav .inner02 .hmenu-contact a:hover {
			color:#F5F5F5;
			background-color:#CCC;		/* bf-Base01 */
		}
							/* ◇ hover:アンダーライン　→　中心から広がるアニメーション */
		nav.pc .inner>ul  {
			font-size: 0;
			box-sizing: border-box;
			list-style: none;
			text-align: center;
		}
		nav.pc .inner>ul >li {
			margin: 0 0px;
			display: inline-block;
			padding-bottom:15px;
		}
		nav.pc .inner>ul >li:hover {
			background-color:rgba( F5,F5,F5,0.7 ); 	/* bf-Base02   透過70% */
		}
		nav.pc .inner>ul >li .subt {
			color: #A4946C;		/* Gold01 */
		}
		nav.pc .inner>ul >li:hover .subt {
			color: #C6C6C6;
		}
		nav.pc .inner>ul >li>a {
			text-decoration: none;
			padding-bottom: 5px;
			padding-bottom: 10px;
			color: #FFF;
			display: block;
			position: relative;
		}
		nav.pc .inner>ul >li>a:before {
			content: '';
			width: 0;
			left: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 2px solid #D41277;	/* plumsa-pink01 */
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
			position: absolute;
			display: block;
		}
		nav.pc .inner>ul >li>a:hover:before {
			width: 50%;
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
		}
		nav.pc .inner>ul >li>a:after {
			content: '';
			width: 0;
			right: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
			position: absolute;
			display: block;
		}
		nav.pc .inner>ul >li>a:hover:after {
			width: 50%;
			border-bottom: 2px solid #AAAAAA;	/* mmts-red02 */
		}
		nav.pc .inner>ul > li p {
			padding-top:3px;
			padding-bottom:5px;
			margin-bottom:0px;
			color:#333;
		}
		nav.pc .inner>ul > li:hover p {
			color:#AAA;
		}

		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.9 ); 	/*  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: 100%;
			margin: 26px auto 0 auto;
			position:relative;
		}
		.g-nav02 #gnh1 {			/*  LOGO */
			position: absolute;
			top:8px;
			left:20px;
			width :220px;
			height: 55px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			z-index:11;
		}
		.g-nav02  #gnh1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 220px;
			height: 0 !important;
			height /**/:55px;
			padding-top: 55px;
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:220px 49px;
			background-size:220px 49px;	/* 100% */
			background-position: center top 3px;
		}
		.g-nav02  #gnh1 a:hover{
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:220px 49px;	/* 100% */
			background-position: center top 3px;
		}
		nav.g-nav02 .inner>ul {
			margin: 0 auto 0 3%;
			margin: 0 auto 0 2%;
			width:95%;
			display:flex;
			flex-wrap:nowrap;
			justify-content: space-around;	/* 両端のアイテムも含めて、均等な間隔を空けて配置 */
			justify-content: space-between;	/* 両端のアイテムを余白を空けずに配置し、他の要素は均等に間隔を空けて配置 */
			justify-content: flex-end;
		}
		nav.g-nav02 .inner>ul li {
			width:12.5%;
			color:#333;
			padding-top:0px;
		}
		nav.g-nav02 .inner>ul li:first-child {
			width:10%;
		}
		nav.g-nav02 .inner>ul li  a p {
			color:#333;
			font-size:15px;
			font-family: "NotoSansCJKjp-Medium";	
			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:45px;
			width : 530px;
			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:30px;
		}
		nav.g-nav .sub .gsubmenu p {		/* サブメニュー項目 */
			width : 100%;
			height: 30px;
			text-align:left;
			text-indent: 50px;
			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-nav .sub .gsubmenu p a {
			width : 100%;
			height: 30px;
			display	: block;
			text-indent: 50px;
			text-decoration:none; 
			line-height:30px;
			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: 45px;
			line-height:30px;
			color:#F5F5F5;	
			border:none;
		}
		nav.g-nav02 .subm01 {		/* サブメニュー */
			position:absolute;
			left:0;
			top:45px;
			width : 530px;
			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: 9;
		}
		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;
			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: 45px;
			line-height:30px;
			color:#F5F5F5;	
		}
		.fixed{					/* ◆ ヘッダ メニュー部固定 */
			position: fixed;
			top: 0;
			left: 0;
		}
	}
	@media only screen and  (max-width: 994px) {	/*◇ PC-S */

		header .g-nav {
			margin: 0 auto 0 auto;
			width:100%;
			height:70px;		/* ★PC height */
			padding:0;
			position:relative;
		}
		header .g-nav  #h1 {			/* LOGO */
			display	: block;
			position: absolute;
			top: 0px;
			left:0;
			width : 182px;
			height: 60px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		header .g-nav #h1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 182px;
			height: 0 !important;
			height /**/:60px;
			padding-top: 60px;
			display	: block;
			background	: url("../images/com/logo.svg") no-repeat;
			background-size:171px 56px;	/* 80% */
			background-position: center top 10px;
		}
		header .g-nav  #h1 a:hover{
			display	: block;
			background	: url("../images/com/logo.svg") no-repeat;
			background-size:171px 56px;	/* 80% */
			background-position: center top 10px;
		}
		.g-nav  .inner{
			position: absolute;
			top: 25px;
			left:15%;
			width: 90%;
		}
		nav.g-nav .inner>ul{
			width: 100%;
			height: 70px;
		}
		nav.g-nav .inner>ul li{
			width:17%;	/* menu width ◆ */
			padding: 0 10px;
			padding-top:5px;
			font-size:13px;
		}
		.g-nav02 #gnh1 {			/*  LOGO */
			position: absolute;
			top: 0px;
			left:20px;
			width :171px;
			height: 56px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			z-index:11;
		}
		.g-nav02  #gnh1 a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 171px;
			height: 0 !important;
			height /**/:56px;
			padding-top: 56px;
			display	: block;
			background	: url("../images/com/logo.svg") no-repeat;
			background-size:171px 56px;	/* 80% */
			background-position: center top 10px;
		}
		.g-nav02  #gnh1 a:hover{
			display	: block;
			background	: url("../images/com/logo.svg") no-repeat;
			background-size:80%;	/* 80%  */
			background-position: center top 10px;
		}
		nav.g-nav02 .inner>ul li  a p {
			color:#444;
			font-size:13px;
			font-family: "NotoSansCJKjp-Medium";
			padding-top:0px;
		}
	}
	/* 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;
		}
	}