@charset "utf-8";

/* 「研修」下層メニュー */
@media (min-width: 768px) {
	header {
		overflow: visible;
	}

	header nav#nav > ul > li.menu-item-has-children {
		position: relative;
	}

	header nav#nav ul li.menu-item-has-children > ul.sub-menu {
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 1001;
		display: block;
		min-width: 210px;
		padding-top: 20px;
		opacity: 0;
		visibility: hidden;
		transform: translate(-50%, 8px);
		transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	}

	header nav#nav ul li.menu-item-has-children:hover > ul.sub-menu,
	header nav#nav ul li.menu-item-has-children:focus-within > ul.sub-menu {
		opacity: 1;
		visibility: visible;
		transform: translate(-50%, 0);
	}

	header nav#nav ul li.menu-item-has-children > ul.sub-menu > li {
		margin: 0;
	}

	header nav#nav ul li.menu-item-has-children > ul.sub-menu > li > a {
		padding: 14px 18px;
		background: #fff;
		border-top: 1px solid #eee;
		box-shadow: 0 5px 12px rgba(0, 0, 0, 0.12);
		font-size: 1.4rem;
		text-align: center;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	header nav#nav ul li.menu-item-has-children > ul.sub-menu {
		display: block;
	}

	header nav#nav ul li.menu-item-has-children > ul.sub-menu > li {
		margin: 0;
	}

	header nav#nav ul li.menu-item-has-children > ul.sub-menu > li > a {
		padding-left: 46px;
		background: #f1f1f1;
		font-size: 1.3rem;
	}

	header nav#nav ul li.menu-item-has-children > ul.sub-menu > li > a::before {
		left: 30px;
		background: #777;
	}
}