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

	header {
	}

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

		header {
			z-index:99;
		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;
		padding:0;
	}
	body.menuOpen header{
		position: fixed;
		top:0;
		width: 100%;
	}
	header .headerTop{
		width :100%;
		position:relative;
		padding:inherit;
	}
	header .siteTitle {			/*  LOGO */
		margin-top:1px;
		margin-left:12px;
		width : 138px;
		height: 59px;
		display	: block;
		text-indent: -99999px;	/* テキスト非表示 */
		border	: 0px;
	}
	header .siteTitle a{
		overflow: hidden;	 /* 内容を非表示にする。*/
		width : 138px;
		height: 0 !important;
		height /**/:59px;
		padding-top: 59px;
		display	: block;
		background	: url("../images/com/logo01.svg") no-repeat;
		background-size:173px 74px;
		background-size:138px 59px;	/*80% */
		background-position: 0 0;
		margin-left: 10px;
		line-height: 60px;
	}
	header .siteTitle a:hover{
		display	: block;
		background	: url("../images/com/logo01.svg") no-repeat;
		background-size:138px 59px;	/*80% */
	}
	header .headerTop p {
		position:absolute;
		top:18px;
		left:20%;
		font-size:13px;
		font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
		font-display: swap;
		color:#333;
	}
	.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:99;
	}
	.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 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: 99;
	}
	.navDrawrSP .sub a {
		background-color:rgba( 51,51,51,0.85 ); 		/*  Gray  透過85% */
		border-bottom: 1px solid #444;
		padding: 15px 10px 15px 50px;		/* ★★ */
		font-family: FontAwesome;
		content: "\f054";
			font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
			font-display: swap;
		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;
	}

	@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;
			width: 100%;
			height: auto;
			padding:0;
			background-color: transparent;
				-moz-box-sizing: border-box;
				-o-box-sizing: border-box;
				-ms-box-sizing: border-box;
				box-sizing: border-box;
			z-index:99;
		}
		.SP_header {
			display:none;
		}
		.PC_header {
			display:block;
		}
		body.menuOpen header{
			position: fixed;
			top:0;
			width: 100%;
		}
		header .headerTop{
			width :100%;
			height: 90px;
			position:relative;
			padding:inherit;
		}
		header .g-nav {
			position: fixed;
			background-color:rgba( 255,255,255,0.99 ); 	/*  White  透過100% */
		}
		header .g-nav02 {
			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;
		}
		.fixed{					/* ◆ ヘッダ 部固定 */
			position: fixed;
			top: 0;
			left: 0;
		}

		/* ■PC Header information block  ----------------------*/

		header .siteTitle {			/*  LOGO */
			position: fixed;
			margin-top:4px;
			margin-left:3%;
			width : 190px;
			height: 81px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			z-index:999;
		}
		header .siteTitle a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 190px;
			height: 0 !important;
			height /**/:81px;
			padding-top: 81px;
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:173px 74px;
			background-size:190px 81px;	/* 110% */
			background-position: 0 0px;
			margin-left: 10px;
			line-height: 60px;
			z-index:999;
		}
		header .siteTitle a:hover{
			display	: block;
			background	: url("../images/com/logo01.svg") no-repeat;
			background-size:190px 81px;	/* 110% */
		}
		header .headerTop p {
			position:absolute;
			top:35px;
			left:12%;
			font-size:17px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#444;
		}
		header .hmenu {
			position: absolute;
			top:24px;
			left:32%;
			left:20%;
			width:80%;
			height:100px;
		}
		header .hmenu li{
			margin: 0 auto 0 auto;
			width:12%;	/* menu width ◆ */
			text-align:center;
		}
		header .hmenu li:first-child {
			width:11%;
		}
		header .hmenu li:nth-child(3) {
			width:15%;
		}
		/*◆ PC menu 共通 -----------------------*/

		header .hmenu>li {
			float:left;
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#333;
			padding-top:0px;
		}
		header .hmenu>li a {
			line-height:2.5em;
			color:#333;
		}
		header .hmenu>li a:hover {
			color: #AAA;
		}
							/* ◇ hover:アンダーライン　→　中心から広がるアニメーション */
		header .hmenu  {
			font-size: 0;
			box-sizing: border-box;
			list-style: none;
			text-align: center;
		}
		header .hmenu>li {
			margin: 0 0;
			display: inline-block;
			padding-bottom:30px;
		}
		header .hmenu>li:hover {
			background-color:rgba( F5,F5,F5,0.7 ); 	/* bf-Base02   透過70% */
		}
		header .hmenu>li .subt {
			color: #A4946C;		/* Gold01 */
		}
		header .hmenu>li:hover .subt {
			color: #C6C6C6;
		}
		header .hmenu>li>a {
			text-decoration: none;
			color: #FFF;
			color: #333;			/*◆ menu text color */
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			display: block;
			position: relative;
		}
		header .hmenu>li>a:hover {
			color: AAA;
		}
		header .hmenu>li>a:before {
			content: '';
			width: 0;
			left: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 1px solid #d03c1b;		/* svs-red01 */
			position: absolute;
			display: block;
		}
		header .hmenu>li>a:hover:before {
			width: 50%;
			border-bottom: 1px solid #d03c1b;		/* svs-red01 */
		}
		header .hmenu>li>a:after {
			content: '';
			width: 0;
			right: 50%;
			bottom: 0;
			transition: all 0.3s ease;
			border-bottom: 1px solid #d03c1b;		/* svs-red01 */
			position: absolute;
			display: block;
		}
		header .hmenu>li>a:hover:after {
			width: 50%;
			border-bottom: 1px solid #d03c1b;		/* svs-red01 */
		}
		header .hmenu>li p {
			padding-top:3px;
			padding-bottom:5px;
			margin-bottom:0px;
			color:#333;
		}

		/* PC 三 ▼ menu  -------------------------*/

		.navDrawrBtnPC  {
			position: absolute;
			position: fixed;
			top: 18px;
			right:15px;
			display: block;
			width: 23px;
			height: 23px;
			width: 50px;
			height: 50px;
			background-color:rgba( 245,245,245,0.00 ); 	/*  baseGray  透過80% */
			cursor: pointer;
			z-index:99;
		}
		.navDrawrBtnPC .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本線の各線の位置を指定 ---------------------- */
		.navDrawrBtnPC .line_01 { top: 10px; }
		.navDrawrBtnPC .line_02 { top: 18px; }
		.navDrawrBtnPC .line_03 { top: 26px; }

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

				/* 線を45度回転 */
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
		}
		/* 上から2番目の線のスタイル ---------------------- */
		.navDrawrBtnPC.is-active .line_02 {
			 opacity: 0; /* 不透明度を下げて線を消す */
		}
		/* 最下部の線のスタイル ---------------------- */
		.navDrawrBtnPC.is-active .line_03 {
			 top: 18px; /* 上から2番目の線の位置に変更 */

			  /* 線を135度回転 */
			  	-webkit-transform: rotate(135deg);
			  	transform: rotate(135deg);
		}
		.navDrawrBtnPC p {
			position: absolute;
			bottom: 3px;
			left: 0;
			right: 0;
			margin:auto;
			display: block;
			text-align:center;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			font-size:11px;
			color:#555;
			letter-spacing: 0.02em;
		}

		/* ■PC GlobalNavMenu ------------------------------*/

		.navDrawrPC  {
			position: fixed;
			top: 90px;
			right:-2000px;			/* ◆ 初期幅 */
			width:100vw;
			height:530px;
			background-color:#FFF;	/*  White */
			background-color:rgba( 255,255,255,0.97 ); 	/*  White  透過97% */
		}
		.navDrawrPC .left {
			float:left;
			width:30%;
			padding-top:10px;
		}
		.navDrawrPC .mid {
			float:left;
			width:35%;
			padding-top:50px;
		}
		.navDrawrPC .right {
			float:left;
			width:35%;
			padding-top:50px;
		}
		.navDrawrPC dl,dt,dd {
			display:block;
		}
		.navDrawrPC dl {
			margin: 0 auto 0 auto;
			width:90%;
		}
		.navDrawrPC dt {
			font-size:17px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#222;
		}
		.navDrawrPC dd {
			font-size:15px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color: #222;
		}
		.navDrawrPC .left dl {
			margin: 40px 0 30px auto;
			width:80%;
			padding:40px 0 0 auto;
		}
		.navDrawrPC .left dt {
			margin: 0 auto 0 auto;
			font-size:18px;
			line-height:1.5em;
			text-align:left;
			padding-bottom:20px;
		}
		.navDrawrPC .left dd {
			margin: 0 auto 0 auto;
			text-align:left;
			font-size:14px;
			line-height:1.5em;
			padding-top:10px;
		}
		.navDrawrPC .mid dl {
			margin: 0 auto 10px 30%;
			width:70%;
		}
		.navDrawrPC .mid dl dt {
			padding-bottom:0;
		}
		.navDrawrPC .mid dl dt a {
			font-size:16px;
			color:#222;
		}
		.navDrawrPC .mid dl dd {
			padding:20px 0 0 20px;
		}
		.navDrawrPC .mid dl dd.last {
			padding:20px 0 15px 20px;
		}
		.navDrawrPC .right dl {
			margin: 0 0 10px 10%;
			width:80%;
		}
		.navDrawrPC .right dl dt a {
			text-align:left;
			font-size:16px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#222;
			padding-bottom:0px;	
		}
		.navDrawrPC .right dl dd {
			padding:20px 0 0 20px;
		}
		.navDrawrPC .right dl dd.last {
			padding:20px 0 15px 20px;
		}
		.navDrawrPC  dd a {
			color: #222;
		}
		.navDrawrPC  .right dl dt a {
		}
		.navDrawrPC  .right dl dt a:hover {
			color: #A4966A;		/* Gold01 */
			padding-left:5px;
				transition: 0.3s ease-in-out;
				-webkit-transition: 0.3s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.3s ease-in-out;
				-o-transition: 0.3s ease-in-out;
		}
		.navDrawrPC  dd a:hover {
			font-size:15px;
			color: #A4966A;		/* Gold01 */
			padding-left:5px;
				transition: 0.3s ease-in-out;
				-webkit-transition: 0.3s ease-in-out;	/* Ease in-out */
				-moz-transition: 0.3s ease-in-out;
				-o-transition: 0.3s ease-in-out;
		}
	}
	@media only screen and (min-width: 1600px) and (max-width: 1750px) {    /*◇ PC-ML */

		header .hmenu {
			position: absolute;
			top: 24px;
			left:30%;
			width:65%;
			height:90px;
		}
		header .hmenu .tel {
			float:left;
			width : 230px;
			height:46px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:20px 10px 0 10px;
		}
		header .hmenu .optime {
			float:left;
			width : 180px;
			height:90px;
			font-size:13px;
			line-height:1.5em;
			padding:23px 0 0 0;
		}
		header .hmenu .webres {
			float:left;
			width : 206px;
			height:48px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:16px 0 0 20px;
		}
		header .hmenu .webres a {
			display: block;
			width: 206px;
			height:48px;
			background: url(../images/menu/webres.png) no-repeat;
			background-size:242px 56px;
			background-size:206px 48px;	/*85% */
			background-position:center center;
		}
		header .hmenu .webres a:hover {
			display: block;
			width: 206px;
			height:48px;
			background: url(../images/menu/webres_ov.png) no-repeat;
			background-size:206px 48px;	/*85% */
		}
		header .hmenu .lineres {
			float:left;
			width: 206px;
			height:48px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:16px 30px 0 0;
			padding:16px 0 0 30px;
		}
		header .hmenu .lineres a {
			display: block;
			width: 206px;
			height:48px;
			background: url(../images/menu/lineres.png) no-repeat;
			background-size:206px 48px;	/*85% */
			background-position:center center;
		}
		header .hmenu .lineres a:hover {
			display: block;
			width: 206px;
			height:48px;
			background: url(../images/menu/lineres_ov.png) no-repeat;
			background-size:206px 48px;	/*85% */
		}
	}
	@media only screen and (min-width: 1400px) and (max-width: 1600px) {    /*◇ PC-M */

		header .headerTop p {
			position:absolute;
			top:35px;
			left:12%;
			font-size:15px;
		}
		header .hmenu {
			position: absolute;
			top: 24px;
			left:30%;
			width:67%;
			height:90px;
		}
		header .hmenu .tel {
			float:left;
			width : 200px;
			height:46px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:20px 10px 0 10px;
		}
		header .hmenu .rctitle {
			float:left;
			width :130px;
			height:90px;
			font-size:13px;
			text-align:center;
			padding-top:35px;
			background-color:#B893BF;	/* mdc-violet01 */
		}
		header .hmenu .optime {
			float:left;
			width : 200px;
			height:90px;
			font-size:12px;
			line-height:1.5em;
			text-align:center;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#444;
			padding:23px 0 0 0;
		}
		header .hmenu .webres {
			float:left;
			width: 206px;
			height:48px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:16px 30px 0 0;
		}
		header .hmenu .webres a {
			display: block;
			width: 206px;
			height:48px;
			background: url(../images/menu/webres.png) no-repeat;
			background-size:242px 56px;
			background-size:206px 48px;	/*85% */
			background-position:center center;
		}
		header .hmenu .webres a:hover {
			display: block;
			width: 206px;
			height:48px;
			background: url(../images/menu/webres_ov.png) no-repeat;
			background-size:206px 48px;	/*85% */
		}
		header .hmenu .lineres {
			float:left;
			width: 206px;
			height:48px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:16px 0 0 10px;
		}
		header .hmenu .lineres a {
			display: block;
			width: 206px;
			height:48px;
			background: url(../images/menu/lineres.png) no-repeat;
			background-size:206px 48px;	/*85% */
			background-position:center center;
		}
		header .hmenu .lineres a:hover {
			display: block;
			width: 202px;
			height:48px;
			background: url(../images/menu/lineres_ov.png) no-repeat;
			background-size:206px 48px;	/*85% */
		}
	}

	@media only screen and (min-width: 993px) and (max-width: 1400px) {	/*◇ PC-S */

		header .headerTop p {
			position:absolute;
			top:35px;
			left:13%;
			font-size:13px;
		}
		header .hmenu {
			position: absolute;
			top: 24px;
			left:30%;
			width:67%;
			height:90px;
		}
		header .hmenu .rctitle {
			float:left;
			width :130px;
			height:90px;
			font-size:13px;
			text-align:center;
			padding-top:35px;
			background-color:#B893BF;	/* mdc-violet01 */
		}
		header .hmenu .optime {
			float:left;
			width : 190px;
			height:90px;
			font-size:12px;
			line-height:1.5em;
			text-align:center;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 400;
			font-style: normal;
			font-display: swap;
			color:#444;
			padding:23px 0 0 0;
		}
		header .hmenu .tel {
			float:left;
			width : 161px;
			height:37px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:20px 20px 0 10px;
		}
		header .hmenu .tel a {
			display: block;
			width: 161px;
			height:37px;
			background: url(../images/menu/tel.png) no-repeat;
			background-size:201px 46px;
			background-size:161px 37px;	/* 80% */
			background-position:center center;
		}
		header .hmenu .tel a:hover {
			display: block;
			width: 161px;
			height:37px;
			background: url(../images/menu/tel.png) no-repeat;
			background-size:161px 37px;	/* 80% */
		}
		header .hmenu .webres {
			float:left;
			width: 170px;
			height:38px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:23px 30px 0 0;
		}
		header .hmenu .webres a {
			display: block;
			width: 162px;
			height:38px;
			background: url(../images/menu/webres.png) no-repeat;
			background-size:202px 48px;
			background-size:162px 38px;	/* 80% */
			background-position:center center;
		}
		header .hmenu .webres a:hover {
			display: block;
			width: 162px;
			height:38px;
			background: url(../images/menu/webres_ov.png) no-repeat;
			background-size:162px 38px;	/* 80% */
		}
		header .hmenu .lineres {
			float:left;
			width: 162px;
			height:38px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
			padding:23px 30px 0 0;
		}
		header .hmenu .lineres a {
			display: block;
			width: 162px;
			height:38px;
			background: url(../images/menu/lineres.png) no-repeat;
			background-size:162px 38px;	/* 80% */
			background-position:center center;
		}
		header .hmenu .lineres a:hover {
			display: block;
			width: 162px;
			height:38px;
			background: url(../images/menu/lineres_ov.png) no-repeat;
			background-size:162px 38px;	/* 80% */
		}
	}

	/* Tablet Layout ◇ */
	@media only screen and (min-width: 768px) and (max-width: 992px) {

		header {
			position: fixed;
			width: 100%;
			height: 90px;
			padding:0;
		}
		header .headerTop{
			width :100%;
			position:relative;
			padding:inherit;
		}
		header .siteTitle {			/*  LOGO */
			margin-top:12px;
			width : 101px;
			height: 37px;
			display	: block;
			text-indent: -99999px;	/* テキスト非表示 */
			border	: 0px;
		}
		header .siteTitle a{
			overflow: hidden;	 /* 内容を非表示にする。*/
			width : 177px;
			height: 0 !important;
			height /**/:69px;
			padding-top: 69px;
			display	: block;
			background	: url("../images/com/logo.png") no-repeat;
			background-size:177px 69px;
			background-position: 0 0px;
			margin-left: 10px;
			line-height: 60px;
		}
		header .siteTitle a:hover{
			display	: block;
			background	: url("../images/com/logo.png") no-repeat;
			background-size:177px 69px;
		}
		header .headerTop p {
			position:absolute;
			top:17px;
			left:30%;
			font-size:16px;
			font-family: "Noto Sans JP", serif;
			font-optical-sizing: auto;
			font-weight: 500;
			font-style: normal;
			font-display: swap;
			color:#444;
		}
		.navDrawrBtnSP  {
			position: absolute;
			position: fixed;
			top: 17px;
			right:1%;
			display: block;
			width: 50px;
			height: 50px;
		}
		.navDrawrSP {
			position: fixed;
			top: 90px;
		}

	}