/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■　★Header｜Navi 共通
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.h_logo img:hover {
	opacity: 0.7;
	transition: .2s;
}
.h_logo img {
	transition: .2s;
}
@media screen and (min-width: 992px) {
body.about .nav_about,
body.service #nav_service,
body.electricity_price_soaring .nav_electricity_price_soaring,
body.topics .nav_topics,
body.casestudy .nav_casestudy,
body.achievement .nav_achievement,
body.company .nav_company,
body.product .nav_product,
body.producttop .nav_producttop,
body.chara .nav_chara,
body.recruit .nav_recruit,
body.list .nav_list 
{
	background-color: #009844 !important;
	color: #ffffff !important;
	border-bottom: 3px solid #025b28;
}
body.about .nav_about a,
body.service #nav_service a,
body.electricity_price_soaring .nav_electricity_price_soaring a,
body.topics .nav_topics a,
body.casestudy .nav_casestudy a,
body.achievement .nav_achievement a,
body.company .nav_company a,
body.product .nav_product a,
body.producttop .nav_producttop a,
body.chara .nav_chara a,
body.recruit .nav_recruit a,
body.list .nav_list a
{
	color: #ffffff !important;
}
body.about .nav_about a:hover,
body.service #nav_service a:hover,
body.electricity_price_soaring .nav_electricity_price_soaring a:hover,
body.topics .nav_topics a:hover,
body.casestudy .nav_casestudy a:hover,
body.achievement .nav_achievement a:hover,
body.company .nav_company a:hover,
body.product .nav_product a:hover,
body.producttop .nav_producttop a:hover,
body.chara .nav_chara a:hover,
body.recruit .nav_recruit a:hover,
body.list .nav_list a:hover
{
	color: #ffffff !important;
}
}
@media screen and (max-width: 991px) {
body.about .nav_about a,
body.service #nav_service a,
body.electricity_price_soaring .nav_electricity_price_soaring a,
body.topics .nav_topics a,
body.casestudy .nav_casestudy a,
body.achievement .nav_achievement a,
body.company .nav_company a,
body.product .nav_product a,
body.producttop .nav_producttop a,
body.chara .nav_chara a,
body.recruit .nav_recruit a,
body.list .nav_list a
{
	background-color: #009844 !important;
	color: #ffffff !important;
}
body.about .nav_about a:hover,
body.service #nav_service a:hover,
body.electricity_price_soaring .nav_electricity_price_soaring a:hover,
body.topics .nav_topics a:hover,
body.casestudy .nav_casestudy a:hover,
body.achievement .nav_achievement a:hover,
body.company .nav_company a:hover,
body.product .nav_product a:hover,
body.producttop .nav_producttop a:hover,
body.chara .nav_chara a:hover,
body.recruit .nav_recruit a:hover,
body.list .nav_list a:hover
{
background-color: #009844 !important;
	color: #ffffff !important;
}
body.service #nav_service .childbar {
background: #9fa0a0 !important;
}
body.service #nav_service .childbar:hover {
background: #d6d6d6 !important;
}
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■　★Header｜Navi 992以上
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 992px) {
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜上段のロゴとお問合せ
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#header {
		background: #ffffff;
		z-index: 999 !important;
		position: fixed !important;
		top: 0;
		width: 100%;
		/*テキスト選択させない(キャレット表示させない)	*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	.headerbox1 {
		overflow: hidden;
		height: 55px;
		background: #ffffff;
	}
	.headerbox1 .h_logo {
		display: flex;
		justify-content: center;
		align-items: center;
		float: left;
		width: 170px;
		height: 100%;
	}
	.headerbox1 .h_logo img {
		width: 170px;
		height: auto;
	}
	.headerbox1 .h_contact {
		display: flex;
		justify-content: center;
		align-items: center;
		float: right;
		width: 100px;
		height: 100%;
		padding: 10px;
		background: #009844;
	}
	.headerbox1 .h_contact img {
		width: 88%;
	}
	.headerbox1 .h_contact:hover {
		background: #025b28;
		padding: 10px;
	}
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜下段navの親要素 .headerbox2 
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.headerbox2 {
		background: #f2f2f3;
		border-bottom: 2px solid #b7b7b7;
		height: 40px;
	}
	.menubox {
		font-size: 0 !important;/*横並びしたliの隙間を無くす*/
		text-align: center;
	}
	.menubox .menu {
		display: inline-block;
		/*width: 12.4%;*/
		width: 15%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 1.4rem;
	}
	.menu a,
	.menu2 a {
		display: block;/*aを親要素一杯に広げる*/
	}
	.menubox .menu a:hover {/*親要素aのhover処理*/
		transition: 0.2s all;
		/*background: #009844;*/
		/*border-bottom: 2px solid #074d77;
		color: #ffffff !important;*/
	}
	.menubox .menu:hover {/*親要素liのhover処理|子要素hoverしても親要素のhover維持の為*/
		transition: 0.2s all;
		background: #009844;
		border-bottom: 3px solid #025b28;
		color: #ffffff !important;
		text-decoration: none !important;
	}
	.menubox .menu:hover a {/*親要素liのhover処理|子要素hoverしても親要素のhover時のフォントカラー維持の為*/
		color: #ffffff !important;
		/*background: #009844;*/
		/*border-bottom: 2px solid #074d77;*/
		text-decoration: none !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜下段navの子要素
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.child_menu {/* 下層メニューのul */
		/*width: 100%;*//* 親項目の横幅をmaxとする場合はこちら */
		position: absolute;
		top: 100%; /* 親項目の直下に配置 */
		left: 0;
		padding: 30px 30px;
		color: #333; /* 文字色 */
		visibility: hidden; /* 下層メニューを非表示 */
		opacity: 0; /* 不透明度を最小に */	
		font-size: 0;/*横並びしたliの隙間を無くす*/
		width: 100vw;/*親要素をはみ出して画面幅いっぱいにする*/
		margin: 0 calc(50% - 50vw);
		background: #efefef; /* 背景色 */
		height: 245px;
		display: block;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden;
	}
	.child_menu div {
		width:930px;
		margin: 0 auto;
		height: 100%;
	}
	.menu:hover .child_menu { /* 下層メニューのli（親項目ホバー時） */
		visibility: visible; /* 下層メニューを表示 */
		opacity: 1; /* 不透明度を最大に */
	}
	.child_menu:hover {
		background: #cecece !important; /* 子階層child_menuマウスオーバー時の背景色切り替え */
	}
	.child_menu li{
		display: inline-block;
		width: 17.5%;
		height: 100% !important;
		min-height: 100% !important;
		text-align: center;
		margin: 0 1%;
		background: #efefef !important; /* 背景色 */
		border-bottom:none !important;
	}
	.menu:hover .child_menu li {
		transition: 0.2s all;
	}
	.headerbox2 ul li:hover .child_menu a{
		background: #efefef !important; /* 背景色 */
		border-bottom:none !important;
	}
	.child_menu a {
		display: block;
		opacity: 1; /* 不透明度を最大に */
		color: #464646;
		/*↓chromeでtransitionする時の1pxのがたつき回避2行*/
		-webkit-backface-visibility: hidden; /* 追加 */
		backface-visibility: hidden; /* 追加 */
	}
	.child_menu a:hover {
		opacity: 0.7; /* 不透明度を最大に */
		color: #fff;
		border-bottom: none !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜下段navの子要素の各種中身
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.child_menu p {
		font-size: 1.2rem !important;
		padding: 6px 4px;
		line-height: 1.2;
		color: #464646 !important;
		text-align: center;
	}
	/*.child_menu pの各背景色設定*/
	.nav_enetatsu p {
		background: #b8faff;
	}
	.nav_kouka p {
		background: #f8b62d;
	}
	.nav_taiyoukou p {
		background: #ffe5cb;
	}
	.nav_esave p {
		background: #0068b7;
		color:#ffffff !important;
	}
	.nav_hojo p {
		background: #2ba038;
		color:#ffffff !important;
	}
	/*↑ここまで*/

	.child_menu dl {
		background: #ffffff;
		padding: 0 16px 8px 16px;
		color: #464646 !important;
		line-height: 1.2;
	}
	.child_menu dl dt {
		height: 40px;
		font-size: 1.2rem !important;
		border-bottom: 1px dotted #464646;
		margin: 0 0 4px 0;
		display: grid;
		place-items: center center;
	}
	.child_menu dl .ddtxt {
		height: 35px;
		font-size: 1.5rem !important;
		display: grid;
		place-items: center center;
		margin: 0 0 8px 0;
	}
	.child_menu img {
		width: 100%;
		margin: 0 auto;
	}
	.sponly {
		display: none !important;
	}
	.pconly {
		display: inline !important;
	}
	/*.accordion_one,
	.section,
	.s_05 {
		display: inline !important;
	}
	.accordion_inner {
		display: inline !important;
	}*/
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
■■　★Header｜Navi 991以下
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 991px) {
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜PCにあるSPで不要な個所を非表示
	.pconly
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.pconly {
		display: none !important;
	}
	#header a, 
	#header a:hover{
	transition:unset !important;
	}
	
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜header全体とheaderbox1
	#header
	.headerbox1
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#header {
		background: #ffffff;
		z-index: 999 !important;
		position: fixed !important;
		top: 0;
		width: 100%;
		/*テキスト選択させない(キャレット表示させない)	*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#header .container {
		padding: 0 !important;
	}
	.headerbox1 {
		overflow: hidden;
		height: 63px;
		z-index: 999 !important;
		background: #ffffff;
		border-bottom: 8px solid #b7b7b7;
	}
	.headerbox1 .h_logo {
		display: flex;
		justify-content: center;
		align-items: center;
		float: left;
		padding: 0 0 0 15px;
		width: 170px;
		height: 100%;
	}
	.headerbox1 .h_logo img {
		width: 100%;
		height: auto;
	}
	.headerbox1 .h_contact {
		display: flex;
		justify-content: center;
		align-items: center;
		float: right;
		width: 100px;
		height: 100%;
		padding: 10px;
		background: #009844;
	}
	.headerbox1 .h_contact img {
		width: 88%;
	}
	.headerbox1 .h_contact:hover {
		background: #ff5500;
		padding: 10px;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビのリセットCSS
	.headerbox2
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.headerbox2 .container,
	.headerbox2 {
		padding: 0 !important;
		margin: 0 !important;
		min-width: 100% !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガーボタン
	#menu_btn 
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#menu_btn {
		display : block;
		position: fixed;
		z-index : 9999;
		right : 18px;
		top   : 75px;
		width : 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
		/*テキスト選択させない(キャレット表示させない)	*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#menu_btn span {
		display : block;
		position: absolute;
		width   : 40px;
		height  : 6px ;
		left    : 6px;
		background : #009844;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	#menu_btn span:nth-child(1) {
		top: 10px;
	}
	#menu_btn span:nth-child(2) {
		top: 20px;
	}
	#menu_btn span:nth-child(3) {
		top: 30px;
	}

	/* ナビ開いてる時のボタン */
	#menu_btn.active span:nth-child(1) {
		top : 16px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
	}
	#menu_btn.active span:nth-child(2),
	#menu_btn.active span:nth-child(3) {
		top: 16px;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
	}
	/*ハンバーガークリックでnavi開いてるとき、背景画面（body）固定 */
	body.fixed {
		position: fixed !important;
		width:100% !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ大枠
	#navbox
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#navbox {
		position: fixed;
		z-index : 2;
		/*↓transform: translateY(-100%);はブレイクポイント切り替えで一瞬見えるので回避。topを使う*/
		/*transform: translateY(-100%);*/
		top: -280%;
		transition: all 0.6s;
		width: 100%;
		/*display: flex;*/
		left: 0;
		right: 0;
		/*height:95% !important;*/
		-webkit-overflow-scrolling:touch;
		overflow-y: scroll;
		/* IE, Edge 対応 */
		-ms-overflow-style: none;
		/* Firefox 対応 */
		scrollbar-width: none;
		background: #e8e8e8;
		/*border-bottom: 8px solid #b7b7b7;*/
		padding:60px 20px 20px 20px;
	}
	#navbox::-webkit-scrollbar {
		display:none;
	}
	#navbox.active {
		transform: translateZ(0);
		top: 63px;
		/*height: 91.5%;*/
		height: 100%;
		display: inline;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ中身
	#sp_menubox
	.menu　→　すべて
	.menu2 → アコーディオンの大枠
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#sp_menubox {
		background: #e8e8e8;/*b7b7b7*/
		overflow: hidden;
		width: 600px;
		margin: 0 auto;
	}
	/*sp_menuboxのulのli*/
	#sp_menubox .menu,
	#sp_menubox .menu2{
		color: #464646;
		font-size: 1.5rem;
		background: #ffffff;
		list-style-type: none;
		width: 38%;
		margin: 0 0 30px 0;
		height: 60px;
		line-height: 60px;
		/*display: grid;*/
		display: inline-block;
		place-items: center center;
		text-align: center;
	}

	@media screen and (max-width: 767px) {
		#sp_menubox {
			width: 500px;
			margin: 0 auto;
		}
		#sp_menubox .menu {
			width: 42%;
		}
	}
	@media screen and (max-width: 576px) {
		#navbox {
			padding:60px 40px 20px 40px;
		}
		#sp_menubox {
			width: 100%;
			margin: 0 auto;
		}
		#sp_menubox .menu {
			width: 43%;
		}
	}
	@media screen and (max-width: 414px) {
		#navbox {
			padding:75px 20px 20px 20px;
		}
		#sp_menubox {
			width: 100%;
			margin: 0 auto;
		}
		#sp_menubox .menu {
			width: 43%;
			margin: 0 0 20px 0;
			font-size: 1.4rem;
		}
	}
	#sp_menubox .menu:nth-child(1),
	#sp_menubox .menu:nth-child(3),
	#sp_menubox .menu:nth-child(5),
	#sp_menubox .menu:nth-child(7),
	#sp_menubox .menu:nth-child(9){
		float: left;
	}
	#sp_menubox .menu:nth-child(2),
	#sp_menubox .menu:nth-child(4), 
	#sp_menubox .menu:nth-child(6) {
		float: right;
	}
	.menu2 {
		clear: both !important;
		width: 100% !important;
		line-height: auto !important;
		height: 100% !important;
	}
	#sp_menubox .menu a,
	#sp_menubox .menu2 a{
		display: block;
		width: 100%;
		text-decoration :none;
		/*transition: 0.2s all;*/
	}
	#sp_menubox .menu a:hover,
	#sp_menubox .menu2 a:hover{
		background: #009844;
		color: #ffffff !important;
		/*transition: 0.2s all;*/
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ中身にある
	アコーディオンタイトル
	.acotitle
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.acotitle {
		float: left !important;
		/*↓「+」ボタンは60pxに対し、こちらは可変*/
		width: 100% !important;
		margin-right: -60px !important;
		padding-right: 60px !important;
		box-sizing: border-box !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ中身にある
	アコーディオンタイトルバー
	.childbar
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	.childbar {
		/*アコーディオンのクリックバー*/
		position: relative;
		float:right;
		display: inline !important;
		text-align: center;
		color: #464646;
		font-size: 1.5rem;
		list-style-type: none;
		background: #9fa0a0;
		width:60px !important;
		height: 60px !important;
		line-height: 60px !important;
		place-items: center center;
		cursor: pointer;
		z-index: 9999999 !important;
	}
	.childbar:hover,
	.childbar:active,
	.menu2 .open {
		background: #d6d6d6 !important;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ中身にある
	アコーディオンタイトルの + - ボタン
	.childbar
	:before
	:after
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
	#navbox .acobox > a.childbar:after,
	#navbox .acobox > a.childbar:before {
		display: block;
		content: "";
		position: absolute;
		top: 0; 
		right: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		width: 18px;
		height: 3px;
		background: #ffffff;
		transition: .2s;
		/*テキスト選択させない(キャレット表示させない)	*/
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	#navbox .acobox > a:after {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	#navbox .acobox > a.open:before{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	#navbox .acobox > a.open:after{
		background: transparent;
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ中身にある
	アコーディオンの子階層
	.child_menu
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/  
	#sp_menubox .menu2 .child_menu {
		display: none;
		clear:both;
		width: 100%;
		padding: 30px 30px 0 30px;
		color: #464646;
		font-size: 0;/*横並びしたliの隙間を無くす*/
		background: #d6d6d6;
		height: 100%;
	}
	#sp_menubox .menu2 a.open .child_menu {
		display: block !important;
	}
	#sp_menubox .child_menu li {
		height: 100% !important;
		line-height: 100% !important;
		width: 100%;
		margin: 0 0 30px 0;
	}
	#sp_menubox .child_menu li a {
		height: 100% !important;
		line-height: 100% !important;
		width: 100% !important;
		transition: 0.2s all;
		display: block !important;
	}
	#sp_menubox .child_menu li a:hover {
		opacity: 0.7;
		border-bottom: none !important;
		transition: 0.2s all;
	}
	#sp_menubox .child_menu p {
		font-size: 1.2rem !important;
		padding: 6px 4px;
		line-height: 1.2;
		color: #464646;
		text-align: center;
	}
	/*.child_menu pの各背景色設定*/
	.nav_enetatsu p {
		background: #b8faff;
	}
	.spimg_enetatsu {
		background: #e3feff;
	}
	.nav_kouka p {
		background: #f8b62d;
	}
	.spimg_kouka {
		background: #ffdea9;
	}
	.nav_taiyoukou p {
		background: #ffe5cb;
	}
	.spimg_taiyoukou {
		background: #fff0e3;
	}
	.nav_esave p {
		background: #0068b7;
		color:#ffffff !important;
	}
	.spimg_esave {
		background: #8de4ff;
	}
	.nav_hojo p {
		background: #2ba038;
		color:#ffffff !important;
	}
	.spimg_hojo {
		background: #c2ffc5;
	}
	/*↑ここまで*/

	#sp_menubox .child_menu dl {
		background: #ffffff;
		padding: 0 16px 8px 16px;
		color: #464646 !important;
		line-height: 1.2;
	}
	#sp_menubox .child_menu dl dt {
		height: 40px;
		font-size: 1.2rem !important;
		border-bottom: 1px dotted #464646;
		margin: 0 0 4px 0;
		display: grid;
		place-items: center center;
	}
	#sp_menubox .child_menu dl .ddtxt {
		height: 35px;
		font-size: 1.5rem !important;

		display: grid;
		place-items: center center;
		margin: 0 0 8px 0;
	}
	#sp_menubox .child_menu img {
		width: 50%;
		margin: 0 auto;
	}
	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ中身にある
	アコーディオンの子階層の「閉じるボタン」
	.closeArea
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ 
	.closeArea {
		margin: 0 auto 100px auto;
		padding: 50px 0 50px 0;
		align-items: center;
		max-width: 50% !important;
		font-size: 1.3rem !important;
		text-align: center;
		clear: both;
	}
	.closeArea a {
		border: 1px solid #b2b2b2 !important;
		border-radius: 30px !important;
		padding: 15px 20px !important;
		transition: unset;
		transition-duration: 0.2s;
		cursor: pointer;
		color: #464646 !important;
		display: block !important;
		line-height: 1.6 !important;
	}
	.closeArea a:hover {
		border: 1px solid #b2b2b2 !important;
		background: #b2b2b2 !important;
		border-radius: 30px !important;
		transition: unset;
		transition-duration: 0.2s;
		cursor: pointer;
		color: #ffffff !important;
		opacity: 1 !important;
	}


	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜ハンバーガークリックで開くナビ中身にある
	アコーディオン中身
	576px～991pxの間は2列で表示
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ 
	@media screen and (min-width: 576px) and (max-width: 991px){
		.child_menu div {
			overflow:hidden;
		}
		.child_menu div li {
			width:45% !important;
		}
		.child_menu div li:nth-child(1),
		.child_menu div li:nth-child(3){
			float:left;
		}
		.child_menu div li:nth-child(2),
		.child_menu div li:nth-child(4){
			float:right;
		}
		.child_menu div li:nth-child(5){
			clear:both !important;
		}
	}

	/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
	nav｜max991px｜FBをはじめとするバナー
	■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/ 
	@media screen and (max-width: 991px) {
		.bunner {
			float: left;
			border-top: 1px solid #b2b2b2;
			padding: 50px 0 80px 0;
			margin: 50px auto 0 auto;
			width: 100%;
		}
		.bunner p {
			width: 100%;
		}
		.bunner p a {
			display: block;
		}
		.bunnerbox a:hover {
		opacity: 0.7;
		}
	}
	@media screen and (max-width: 450px) {
		.bunnerbox {
			width: 80%;
			margin: 0 auto;
			text-align: center;
		}
	}
	/*!-ipad縦のみ--*/
	@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
		.menu__brand img {
			width: 75% !important;
			min-width: 50% !important;
			padding: 8% 0 4% 0;
			margin: 0 auto;
		}
	}


}