@charset "utf-8";
/* CSS Document */

.megamenu_mobilebtn {
  display: none ;
}
.test_menu {
    display: inline-block ;
    position: relative ;
    margin: 0 ;
    padding: 0 ;
    width: 120px ;
	vertical-align:top;
}
.test_menu ul {
  list-style: none ;
}
.test_menu:last-child > li:hover{
  background-color: #666666;
}
.test_menu li {
  list-style: none ;
}
.test_menu > li {
  position: absolute ;
  background-color:  #ffffff ;
  width: 100% ;
}

.menu-dropdown-icon:first-child > a
{
  text-align:center;
  border-left:1px solid #d8cfcf;
}

.test_menu > li > ul {
  display: none ;
  background-color: #ffffff ;
  min-width: 400px ;
  text-align: left ;
  position:fixed;
  width:480px;
  padding: 0;
}

.test_menu > li > ul > li {
  display: block ;
}

/* 20181006michishita
.test_menu > li > ul > li > ul {
  display: none ;
  z-index: 199 ;
  background-color: #ffffff ;
  flex-flow: column wrap ;
  max-height: 340px ;
  padding-left:0px;
}
*/
.test_menu > li > ul > li > ul {
  display: block ;
}

.test_menu > li > ul > a {
  color: #ffffff ;
  font-size:24px;
  text-decoration: none;
  background-color:#195caa;
  padding:20px 0px 20px 30px;
}


.test_menu > li > ul > a:link:visited{
  background-color:#195caa;
}

.test_menu:nth-last-child(5) > li > ul > li > ul  a {
  background-color:#ffffff !important;
  color:#195caa;
  padding-left:0px;
  text-align: center;
}

.test_menu:nth-last-child(5) > li > ul > li > ul  a:hover {
  color: #ffffff !important;
  background-color:#4584cb !important;
}

.test_menu:nth-last-child(4) > li > ul > li > ul  a {
  background-color:#ffffff !important;
  color:#ffffff;
  padding-left:0px;
  text-align: center;
}

.test_menu:nth-last-child(4) > li > ul > li > ul  a:hover {
  color: #ffffff !important;
  background-color:#195caa !important;
}


.test_menu > li > ul > li > ul > a:link {
  color: #666666;
  text-decoration: none;
  font-size:16px;
  font-weight: bold;
  padding-left:0px;
}
.test_menu > li > ul > a > p {
  font-size: 22px;
  margin: 10px 0 ;
  padding: 0px 0px 0px 30px ;
}
.test_menu > li > ul > li > ul > a > p {
  font-size: 18px;
}
.test_menu:last-child > li {
  background-color: rgb(51, 51, 51) ;
}
.test_menu:nth-last-child(2) > li {
  background-color: #cc0430 ;
}

.test_menu:nth-last-child(2) > li > ul > a{
  color: #ffffff;
  text-decoration: none;
  background-color: #cc0430 ;
  padding:20px 0px 20px 30px;

}

.test_menu:nth-last-child(2) > li > ul{
  border-top:1.5px solid #cc0430;
  box-sizing:border-box;
}

.test_menu:nth-last-child(2) > li > ul > li >ul
{
text-indent:2em;
}

.test_menu:nth-last-child(2) > li > ul > li ul a::before{
	content: "－";
}

.test_menu:last-child > li > a {
  color: rgb(255,255,255) ;
  text-align: center;
}
.test_menu:last-child > li > a:link {
  color: rgb(255,255,255) ;
}
.test_menu:nth-last-child(2) > li > a {
  color: rgb(255,255,255) ;
}
.test_menu:nth-last-child(2) > li > a:link {
  color: rgb(255,255,255) ;
}

.test_menu li a {
  display: block;
  padding: 11px 0px;
}

.test_menu:nth-last-child(2)  > li > ul > a:link{
	background-color:#cc0430;
}
.test_menu:nth-last-child(2) > li > ul > li >a{
	background-color:#cc0430;
}

.test_menu:nth-last-child(2)  > li > ul > li >a:hover{
	background-color:#ffffff;
	color:#cc0430;
}

.test_menu:nth-last-child(2)  > li > ul > li >ul >li >a:hover{
	background-color:#cc0430;
	color:#ffffff;
}

.test_menu:nth-last-child(2) >li ul a{
	text-align:left;
	color:#ffffff;
	padding-left:30px;
	border-left:none;
}	

.menu_flex a{
	border:none !important;
}

.test_menu:nth-last-child(5) >li ul a{
	background-color: #195caa;
	color:#ffffff;
	padding-left:30px;
}

.test_menu:nth-last-child(4) >li ul a{
	background-color: #195caa;
	color:#ffffff;
	padding-left:30px;
}

.test_menu:nth-last-child(5)  > li > ul > li >a:hover{
  color:#195caa !important;
  text-decoration:none;
  background-color:#ffffff; 
}



.test_menu:nth-last-child(4)  > li > ul > li >a:hover{
  color:#195caa !important;
  text-decoration:none;
  background-color:#ffffff; 
}

.test_menu:nth-last-child(4) > li:hover{
	background-color: #195caa;
	color:#ffffff;
	text-decoration: none;

}

.test_menu:nth-last-child(5) > li:hover{
	background-color: #195caa;
	color:#ffffff;
	text-decoration: none;

}

.test_menu:nth-last-child(4) >li a:hover{
	color:#ffffff;
	text-decoration: none;

}

.test_menu:nth-last-child(4) > li > ul{
  border-top:1.5px solid #195caa;
  box-sizing:border-box;
}

.test_menu:nth-last-child(5) > li > ul{
  border-top:1.5px solid #195caa;
  box-sizing:border-box;
}


.test_menu:nth-last-child(5) >li a:hover{
	color:#ffffff;
	text-decoration: none;

}

.test_menu:nth-last-child(2) > li > ul > li > ul  a{
  background-color:#cc0430 !important;
  color:#ffffff;
  padding-left:30px;
  text-indent:3em;
}

.test_menu:nth-last-child(2) > li > ul > li > ul  a:hover {
  color: #cc0430 !important;
  background-color:#ffffff !important;
}

.test_menu:nth-last-child(2) > li > ul > li > ul{
	padding-left:0px;
}

.test_menu a:hover{
	color:#ffffff;
	text-decoration: none;
}

.test_menu > li > ul > li > ul > a:hover{
	color:#000000 !important;
}
a.hover_white {
	color: rgb(255,255,255) !important;
}
a.hover_white:link {
	color: rgb(255,255,255) !important;
}

li.menu-dropdown-icon li.menu-dropdown-icon{
	background-color: #ffffff;
}

.test_menu:nth-last-child(2)>li>ul a:last-child{
	border-top: 1px solid #ffffff;
}

.test_menu:nth-last-child(4)>li>ul a:last-child{
	border-bottom: 1px solid #ffffff;
}

.test_menu:nth-last-child(5)>li ul a{
	border-bottom: 1px solid #ffffff;
}

.test_menu:nth-last-child(2) ul>li:last-child a{
	border-top:1px solid #ffffff !important;
}

.menu-dropdown-icon ul li:last-child a{
	border:none !important;
}

/* 2024-08-22 SDGs */
.test_menu:nth-last-child(3) > li > a{
    background-color:#006403;
    display: block;
    text-align: center;
}
.test_menu:nth-last-child(3)  > li > a:link{
    background-color:#006403;
    color: #ffffff;
}
.test_menu:nth-last-child(3)  > li > a:hover{
    background-color: #287d2a !important;
    color: #ffffff;
}
.test_menu:nth-last-child(3)  > li > a:visited{
    background-color:#006403;
    color: #ffffff;
}
/* 2024-08-22 SDGs */

@media only screen and (max-width: 768px) {
.megamenu_mobilebtn {
  display: block ;
}


.test_menu {
    display: none ;
    width: 100% ;
    margin: 0 ;
    padding: 0 ;
}
.test_menu ul {
    margin: 0 ;
    padding: 0 ;
    width: 100% ;
}
.test_menu li {
    margin: 0 ;
    padding: 0 ;
    width: 100% ;
	border-top:1px solid #666666;
}
.test_menu > li {
    position: relative ;
    min-width: 0px ;
    border-top: solid 1px #000000 ;
	text-align: center;
}
.test_menu > li > ul {
  min-width: 0px ;
  position: static;
  width: 100%;
  top: 0;
  left: 0;
}
.test_menu > li > ul > li {
    display: block ;
}
.test_menu > li > ul > li > ul {
  float: none ;
  max-height: 1200px ;
  margin-left:0px;
  background-color:#ffffff;
  text-indent:6em;
}
	
.test_menu > li > ul > a > p {
	padding: 0;
	}

.menu-dropdown-icon:before {
    content: "¥f489";
    font-family: "Ionicons";
    display: none; 
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}
.menu-dropdown-icon >ul {
	text-indent: 2em;
}


.test_menu > li > ul > a:link{
	padding-left:0px;
	}

.test_menu:nth-last-child(5) > li > ul{
	border: none !important;
	}

.test_menu:nth-last-child(4) > li > ul{
	border: none !important;
	}


.test_menu:nth-last-child(4) > li > a:link
	{
		background-color:#dddddd;
	}

.test_menu:nth-last-child(4) > li > a:link:hover
	{
		background-color:#195caa;
	}

.test_menu:nth-last-child(5) > li > a:link
	{
		background-color:#dddddd;
	}

.test_menu:nth-last-child(5) > li > a:link:hover
	{
		background-color:#195caa;
	}	
	
.test_menu:nth-last-child(2) > li > ul > a:link
	{
	background-color: #ffffff;
	border-top:1px solid #000000;
	padding:15px;
	}
	
.test_menu:nth-last-child(4) > li > ul > a:link
	{
	background-color: #ffffff;
	border-top:1px solid #000000;
	padding:15px;
	}
	
.test_menu:nth-last-child(5) > li > ul > a:link
	{
	background-color: #ffffff;
	border-top:1px solid #000000;
	padding:15px;
	}
	
.test_menu:nth-last-child(5) > li > ul > a{
	font-size:16px;
	color:#666666;
	background-color: #ffffff;
	}
		
.test_menu:nth-last-child(2) > li > ul > a{
	font-size:16px;
	color:#666666;
	background-color: #ffffff;
	padding-left:30px;
	}
		
.test_menu:nth-last-child(4) > li > ul > a{
	font-size:16px;
	color:#666666;
	background-color: #ffffff;
	}

.test_menu:nth-last-child(5)  > li > ul > li >a:hover{
	color:#4584cb !important;
		}

.test_menu:nth-last-child(4)  > li > ul > li >a:hover{
	color:#4584cb  !important;
		}
.test_menu:nth-last-child(2)  > li > ul > li >a:hover{
	color:#cc0430 !important;
		}

.test_menu:nth-last-child(4) .sponly_menu:hover{
color:#4584cb !important;
}

.test_menu:nth-last-child(5) .sponly_menu:hover{
color:#4584cb !important;
}

.test_menu:nth-last-child(2) .sponly_menu:hover{
color:#cc0430 !important;
}


.menu-dropdown-icon:first-child > a{
	border:none;
}
.sp_megamenu {
	height: 100vh;
	overflow-y: scroll;
}

.test_menu >li ul a{
	background-color: #ffffff !important;
	color:#666666 !important;
	padding-left:0px !important;
}
.test_menu li ul a{
	border:none;	
	}

.test_menu >li > ul > li > ul a{
	text-align:left !important;

	
}
.test_menu:nth-last-child(2) > li > ul > li > ul a {
	background-color:#ffffff !important;
}
}

@media only screen and (min-width: 769px) {
.test_menu:nth-last-child(4) >li>ul {
	position:absolute;
	left:-100%;
}

.test_menu:nth-last-child(2) >li>ul {
	position:absolute;
	left:-200%;
}

}