@charset "UTF-8";

.sc_menu {

}

.navigation {
	width:100%;
  min-height: 80px;
  margin: 80px auto 0;
  background: #FFFFFF;
	/*width:1400px;
	overflow: hidden;*/
}

/*メニューロゴ*/
.menu_logo_block {
  /*position: absolute;*/
  padding-left: 20px;
  padding-top:14px;
  float: left;
  line-height: 80px;
  font-size: 1.4em;
  width:270px;
}
.menu_logo_block a,
.menu_logo_block a:visited {
  color: #ffffff;
  text-decoration: none;
}

.menu_logo{
	width: 314px;
	height: 52px;
}

/*グローバルナビゲーション*/
.nav-container {
  width: 100%;
  margin: 0 auto 0;
  position: absolute;
  top:0;
	z-index:99999;

}

nav {
  /*float: left;*/
    width: 100%;
	height:auto;
	
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display:flex;
}
nav ul li {
  /*float: left;*/
  position: relative;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 24px;
  line-height: 80px;
  background: #FFFFFF;
  color: #000000;
  text-decoration: none;
  transition: all 0.8s ;
}
nav ul li a:hover,
nav ul li a:visited:hover {
  background: #2581DC;
  color: #ffffff;
}
nav ul li a:not(:only-child):after,
nav ul li a:visited:not(:only-child):after {
  padding-left: 4px;
  content: " ▾";
}
nav ul li ul li {
  min-width: 250px;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 30px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
}

/*fixed*/

.nav-container.fixed {
  max-width: 1400px;
  height: 80px;
  z-index: 1000;
  position: fixed;
   top: 0;
  background: #FFFFFF;
  transition: top 1s ease-in;
  -webkit-transition: top 1s ease-in;
  -moz-transition: top 1s ease-in;
  filter: drop-shadow(0 5px 5px rgba(0,0,0,0.6));
}

/*言語切り替えボタン*/
.btn_eng {
  position: absolute;
	top:20px;
	right: 20px;
   display: block;
  font-size: 18px;
  background: #2592FE; /* 背景色 */
  color: #FFFFFF; /* 文字色 */
  padding: 10px 30px; /* 上下の余白、左右の余白 */
  text-decoration: none; /* デフォルトで入る下線を消す */
  border-radius: 20px; /* 角を丸くする */
  transition-property: opacity;
　-webkit-transition-property: opacity;
  transition-duration: .5s;
  -webkit-transition-duration: .5s;
}
.btn_eng:hover {
  opacity: .7;
}

/*片方の言語スイッチのみ表示する*/
.bogo-language-switcher .current{
  display: none;
}

.bogo-language-switcher{
	list-style: none;
	margin-right: 0;
}

.bogo-language-switcher li{
		text-align: right;
	   position: absolute;
	  top:28px;
	  right: 20px;
     display: block;
     font-size: 22px;
	color:#E6E6E6;
	}

.bogo-language-switcher a{

	color:#083685;
  cursor: pointer;
}

.bogo-language-switcher a::after{
  content:"";
  width: 0%;    /*最初はwidth:0にする*/
  height: 3px;
  background: #FFBF2A;
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: -1;
  transition: all .3s;  /*アニメーションの長さ*/
}

.bogo-language-switcher a:hover::after{
  width: 100%;    /*hover時に100%で広がる*/
}

.bogo-language-switcher:hover {
  opacity: .7;
}

@media only screen and (max-width: 1300px) {
	
.navigation {
  width:100%;
  min-height: 80px;
  margin: 0 auto 0;
  background: #FFFFFF;
}
	
.menu_logo_block {
  /*position: absolute;*/
  padding-left: 20px;
  padding-top:14px;
  float: none;
  line-height: 80px;
  font-size: 1.4em;
  width:100%;
}

	nav {
    width: 100%;
	height:auto;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
	display:flex;
	flex-wrap:wrap;
	margin-top:-20px;
}
nav ul li {
  position: relative;
	max-width:auto;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 24px;
  line-height: 60px;
  background: #FFFFFF;
  color: #000000;
  text-decoration: none;
  transition: all 0.8s ;
}
nav ul li a:hover,
nav ul li a:visited:hover {
  background: #2581DC;
  color: #ffffff;
}
	
	nav ul li ul {
		margin-top:0;
}
	
nav ul li ul li {
  min-width: 250px;
}
nav ul li ul li a {
  padding: 10px;
  line-height: 30px;
}

}

}
@media screen and (max-width: 767px) {

}