@charset "utf-8";
/* グローバルナビ */
nav.top_nav > ul > li {
	float: left;
	width: 14.2857%;
}
@media screen and (max-width: 767px) {
	#menu_id {
		display: none;
	}
}
/* タブ */
.news-tab {
	border-bottom: 3px solid #37b9bc;
	overflow: hidden;
}
.news-tab li {
	color: #333;
	float: left;
	margin: 0 2px -1px 0;
	padding: 10px 20px;
	cursor: pointer;
	list-style: none;
	transition: .3s;
	width: calc( (100% - 6px) / 4);
	background-color: #fff;
	text-align: center;
	box-sizing: border-box;
}
.news-tab li:last-child {
	margin-right: 0;
}
*::-ms-backdrop, .news-tab li {
	margin: 0 1% -1px 0;
	width: 24.25%;
}
@supports (-ms-ime-align: auto) {
	.news-tab li {
		margin: 0 1% -1px 0;
		width: 24.25%;
	}
}
.news-tab li.active {
	color: #fff;
	background: #37b9bc;
	cursor: auto;
}
.area > div {
	display: none;
}
.area > div.show {
	display: block;
}
.news-tab-cnt {
	margin-bottom: 0;
	padding: 0;
}
@media screen and (max-width: 767px) {
	.news-tab {
		margin: 0 15px;
		border-bottom: none;
	}
	.news-tab li {
		margin: 0 1px 1px 0;
		width: calc( ( 100% - 1px) / 2);
	}
	.news-tab li:nth-child(even) {
		margin-right: 0;
	}
}
@media screen and (min-width: 768px) {
	/* グローバルメニュー */
	.top_nav {
		z-index: 10000;
		position: relative;
	}
	.sub-menu {}
	#menu_id {}
	#menu_id li {
		position: relative;
		list-style: none;
	}
	#menu_id li a {}
	#menu_id > li:hover > a {/*layer-1*/
	}
	#menu_id > li li:hover > a {/*layer-2*/
	}
	#menu_id li ul {
		top: 60px;
		left: 0px;
		position: absolute;
		z-index: 99999;
		width: 100%;
	}
	#menu_id li ul li {
		overflow: hidden;
		height: 0;
		z-index: 99999;
		font-size: 14px;
	}
	#menu_id li ul li a {
		display: block;
		z-index: 99999;
		background-color: #fff;
		height: 50px;
		line-height: 50px;
		padding: 0;
	}
	#menu_id li ul li a:after, #menu_id li ul li a:hover:after {
		display: none;
	}
	#menu_id li ul li a:hover {
		text-decoration: underline;
	}
	#menu_id li:hover > ul > li {
		overflow: visible;
		height: 50px;
		transition: 0.3s;
	}
	#menu_id li ul li ul {
		top: 0;
		left: 110px;
	}
	#menu_id li ul li ul:before {/*layer-2▷*/
		position: absolute;
		content: "";
		top: 15px;
		left: 30px;
		border: 5px solid transparent;
		border-left: 5px solid #fff;
	}
	#menu_id li ul li ul li:hover > a {/*layer-3*/
	}
	#menu_id li ul li ul.left {
		top: 0;
		left: -190px;
	}
	#menu_id li ul li ul.left:before,/*layer-2-left▷*/
	#menu_id li ul li ul li ul.left:before {/*layer-3-left▷*/
	}
	.nav li ul li ul.left li:hover > a {/*layer-2-left*/
	}
	#menu_id li ul li ul li ul.left li:hover > a {/*layer-3-left*/
	}
	nav.top_nav ul li a:after {
		display: block;
		content: "";
		padding: 10px 0;
	}
	.viewer:after {
		z-index: 999;
	}
}
@media screen and (max-width: 767px) {
	nav.top_nav ul li a:after {
		display: none;
	}
}