@charset "UTF-8";


/* ---------------------------------
 width <= 1760px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:1760px) {
.gNavi__listItem {
	display: block;
	margin: 0 9px 0 0;
	font-size: 14px;
}
.gNavi__listItem::after {
	margin: 0 0 0 9px;
}
/* less 1760 */
}

/* ---------------------------------
 width <= 1640px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1640px) {
#siteId {
	flex: 1 1 370px;
	padding: 0 0 0 15px;
}
#subNavi {
	flex: 0 0 614px;
}
#subNavi__list li#menuButton__outer {
	display: block;
	width: 64px;
	height: 64px;
	background-color: var(--dark-navy);
}
/* Menu Button */
#menuButton {
	cursor: pointer;
	position: relative;
	width: 64px;
	height: 64px;
	border: 0;
	color: #fff;
}
.menuBar {
	display: block;
	position: absolute;
	top: 0;
	left: 15px;
	width: 34px;
	height: 1px;
	background-color: #fff;
}
#menuBar__1 {
	top: 20px;
}
#menuBar__2 {
	top: 31px;
}
#menuBar__3 {
	top: 42px;
}
/* under 1640 */
}

/* ---------------------------------
 width <= 1280px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1280px) {

/* under 1280 */
}

/* ---------------------------------
 width <= 1100px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:1100px) {
.siteId__link {
	width: 280px;
	height: 28px;
}
#siteId {
	flex: 0 0 300px;
	padding: 0 0 0 5px;
}
.siteId__logo--mark {
	top: 1px;
	width: 38px;
	height:28px;
	margin: 0 4px 0 0;
}
.siteId__logo--logo {
	width: 236px;
	height: 28px;
}
.siteId__logo--logo .svg-instance {
	width: 236px;
	height: 28px;
}
.gNavi__listItem {
	margin: 0 6px 0 0;
	font-size: 13px;
}
.gNavi__listItem::after {
	margin: 0 0 0 6px;
}
/* under 1100 */
}

/* ---------------------------------
 width <= 999px
 --------------------------------- */
@media screen and (min-width:1px) and (max-width:999px) {
#siteId {
	flex: 1 1 300px;
}
#subNavi {
	flex: 0 0 64px;
	display: flex;
	height: 64px;
}
#gNavi {
	display: none;
}
#subNavi__list {
	display: flex;
}
/* less 999 */
}

/* ---------------------------------
 width <= 767px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:767px) {
#subNavi__list li#subNavi__list--recruit {
	display: none;
}
#subNavi__list li#subNavi__list--doc {
	display: none;
}
#subNavi {
	flex: 0 0 64px;
}
/* under 767 */
}

/* ---------------------------------
 width <= 430px
--------------------------------- */
@media screen and (min-width:1px) and (max-width:430px) {
.siteId__link {
	width: 260px;
	height: 26px;
}
#siteId {
	flex: 1 1 300px;
	padding: 0 0 0 5px;
}
.siteId__logo--mark {
	top: 1px;
	width: 35px;
	height:26px;
	margin: 0 4px 0 0;
}
.siteId__logo--logo {
	width: 219px;
	height: 26px;
}
.siteId__logo--logo .svg-instance {
	width: 219px;
	height: 26px;
}
/* under 430 */
}
/* --- end of css --- */