.inner {
    margin: 0 auto;
}
.inner:after {
    content: "";
    clear: both;
    display: block;
}
 
/* header */
#top-head {
	top: -100px;
	/*position: absolute;*/
	width: 100%;
	/*margin: 100px auto 0;*/
	line-height: 1;
	z-index: 999;
	background: rgba(219,234,242,1.00);
}
#top-head a,
#top-head {
    text-decoration: none;
    display: block;
}
#top-head .inner {
	position: relative;
}
#top-head .logo {
	padding: 5px 15px;
}
#top-head .logo object {
	width: 100%;
	max-width: 210px;
	height: auto;
}
#global-nav ul {
	list-style: none;
	position: absolute;
	right: 0;
	display: flex;
}
#global-nav > ul {
	margin-left: 20px;
	right: 5px;
	bottom: 7px;
}

#global-nav ul li a,
#global-nav ul li a:visited {
	color: #333;
	padding: 7px 13px;
}

#global-nav ul li {
	position: relative;
}
#global-nav ul li a:hover {
	color: #999;
}

#global-nav ul > li > ul {
  display: none;
	/*display: block;*/
}

/* navbar-expand-lg（992px）  */
@media screen and (min-width: 992px) {
	#global-nav ul > li:hover a + ul {
		display: block;
		border-radius: 0;
	}
}

#top-head #global-nav ul.dropdown-menu a.dropdown-item { /* 子要素のリスト　ボーダー、余白 */
  border-bottom: 1px dotted #999;
	padding: 10px 15px;
}

#top-head #global-nav ul.dropdown-menu li:last-of-type a.dropdown-item {
  border-bottom: none;
}
#top-head #global-nav ul.dropdown-menu a:active {
	background: #80B5D4;
	color: #FFF;
}
/* Fixed */
#top-head.fixed {
	margin-top: 0;
	top: 0;
	position: fixed;
	height: 100px;
	background: #fff;
	background: rgba(219,234,242,0.80);
	transition: top 0.65s ease-in;
	-webkit-transition: top 0.65s ease-in;
	-moz-transition: top 0.65s ease-in;
}
#top-head.fixed #global-nav ul li a,
#top-head.fixed #global-nav ul li a:visited {
	color: #333;
}
#top-head.fixed #global-nav ul li a:hover {
	color: #999;
}
/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

.dropdown-toggle::after {
	vertical-align: .15em;
}

/* navbar関係 */
.navbar-nav .nav-link {
	font-size: 1.7rem;
	font-weight: 500;
}

.navbar-nav .nav-link.active {
	font-weight: 700;
}

.nav-item a:visited {
	color: inherit;
}

.dropdown-menu {
	font-size: 100%;
	border: 1px solid #CCC;
	padding: 0;
}
/*.navbar-expand-lg .navbar-nav .nav-link {
	padding: 0 10px;
}
*/.navbar-nav a {
	color: #333;
}
.navbar-nav a:hover {
	color: #999;
}

.sidebar_fixed {
  top: 100px;
}

.navbar-toggler {
	padding: 0;
	border: 0;
}

/* 日本語・英語の切替ボタン
------------------------------------------------------------ */
.sp_nav_lang {
	display: flex;
	justify-content: center;
	list-style: none;
	padding: 13px 10px;
	gap: 0 10px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 999;
}
.sp_nav_lang div a {
	display: block;
	border: 1px solid #80B5D4;
	font-size: 1.4rem;
	padding: 4px 15px 5px;
	line-height: 1;
	background: #FFF;
	color: #808080;
	text-decoration: none;
	border-radius: 9999px;
}
.sp_nav_lang div a.cur {
	background: #80B5D4;
	color: #FFF;
}
.sp_nav_lang div a:hover {
	background: #80B5D4;
	color: #FFF;
	text-decoration: none;
}

/* navbar-expand-lg（991.98px）  */
@media screen and (max-width: 991.98px) {
	/* Fixed reset */
	#top-head.fixed {
		padding-top: 0;
	}
	#mobile-head {
		background: rgba(219,234,242,1.00);
		width: 100%;
		min-height: 98px;
		z-index: 999;
		position: relative;
	}
	#top-head.fixed .logo,
	#top-head .logo {
			/*position: absolute;*/
			left: 13px;
			top: 13px;
	}
	.sp_nav_lang {
		padding: 5px 10px 10px;
	}
	/* 開いてないときは画面外に配置 */
	#global-nav {
			position: absolute;
			top: -462px;
			width: 100%;
			padding: 10px 0;
			-webkit-transition: .5s ease-in-out;
			-moz-transition: .5s ease-in-out;
			transition: .5s ease-in-out;
	}
	#global-nav ul {
		position: static;
		right: 0;
		bottom: 0;
		flex-direction: column;
		margin: 0;
		padding: 0;
	}
	#global-nav ul li {
		float: none;
		position: static;
	}
	#top-head #global-nav ul li > a,
	#top-head.fixed #global-nav ul li > a {
		width: 100%;
		display: block;
		color: #fff;
		padding: 15px 15px;
		/*background: rgba(51,51,51,0.80);*/
		background: rgba(153,153,153,0.85);
		border-bottom: 1px solid #999;
		font-size: 1.8rem;
	}
	#top-head #global-nav ul.dropdown-menu a.dropdown-item { /* 子要素のリスト */
		padding: 10px 10px 10px 23px;
		background: #ECECEC;
		color: #666;
	}
	#top-head #global-nav ul.dropdown-menu a.dropdown-item:hover {
		padding: 10px 10px 10px 27px;
		background: #FFF;
	}
	.dropdown-menu {
		border: none;
	}
	#nav-toggle {
		display: block;
	}
	#top-head #global-nav ul li a:hover,
	#top-head.fixed #global-nav ul li a:hover {
		background: rgba(51,51,51,0.9);
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
			top: 11px;
			-webkit-transform: rotate(315deg);
			-moz-transform: rotate(315deg);
			transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
			width: 0;
			left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
			top: 11px;
			-webkit-transform: rotate(-315deg);
			-moz-transform: rotate(-315deg);
			transform: rotate(-315deg);
	}
	/* #global-nav スライドアニメーション */
	.open #global-nav {
			/* #global-nav top + #mobile-head height */
			-moz-transform: translateY(556px);
			-webkit-transform: translateY(556px);
			transform: translateY(556px);
	}
	.sp_nav_lang {
		top: inherit;
		bottom: 0;
		right: 0;
	}
}

@media screen and (max-width: 575.98px) {
	#top-head .logo {
		padding-bottom: 25px;
	}
	#top-head .logo object {
		max-width: 150px;
	}
	.sp_nav_lang {
		padding: 7px 10px;
	}
}