.globalMenu {
  z-index: 55;
  background-color: #222222;
  text-align: center;
  flex-direction: column;
  width:70%;
  top:50px;
  bottom:0;
  right:-100%;
  position:fixed;
	-webkit-transition: all .3s;
  transition: all .3s;
  height:auto;
  overflow-y:scroll;
}
.globalMenu.sp{display:flex;}
.globalMenu.pc{display:none;}
.globalMenu.active {right:0;}

@media (min-width: 768px) {
  .globalMenu {top:77px; width:200px;}
}
@media (min-width:1280px) {
  .globalMenu.sp{display:none;}
  .globalMenu.pc{display:flex;}
  .globalMenu {top:0; left:0; overflow:visible; width:180px;}
}

.globalMenu > a{padding:1em 0.5em; background-color:#ffffff;display:none; min-height: 0%;}
@media (min-width:1280px) {
  .globalMenu > a{display:block; min-height:56px; height: auto;}
}

.globalMenu > nav{
  /*position:static;*/
  display:flex;
  flex-wrap:wrap;
  align-items:stretch;
  flex-grow:1;
  padding:0;
  z-index:60;
}
.active .globalMenu > nav{
  z-index:10;
  padding:0; margin:0px;
}


@media (min-width: 768px) {
  .globalMenu > nav{overflow:visible;}
}


.globalMenu > nav ul {
  list-style-type:none;
  margin:0; padding:0;
}
.globalMenu > nav > ul {
  padding:0;
  display:flex;
  flex-direction: column;
  width:100%;background-color:#222222;
}
.globalMenu > nav > ul li {
  text-align:left; 
}



.globalMenu ul li a{ display:flex; align-items:center;font-size:1.15rem !important;}
.globalMenu nav > ul > li > a{color:#b3b3b3 !important; padding: 12px 20px; height:53px; border-bottom:1px solid #000000; background-color:#222222; position: relative;}

.globalMenu nav > ul > li > ul > li > a{border-bottom: solid 1px #000000; padding:.8em; height:63px; justify-content:space-between;background-color:#006837; color:#ffffff !important;}
.globalMenu nav > ul > li > ul > li > a.toggle{position: relative; padding-right: 1.7em;}
.globalMenu nav > ul > li > ul > li > a:hover{color: #006837 !important; background-color:#fafafa;}
.globalMenu nav > ul > li > ul > li > a.toggle:hover::after{color:#006837;}

.globalMenu nav > ul > li > ul > li > ul > li > a{color:#333333; padding:8px 8px; border-bottom:1px solid #006837;  background-color:#ebf5e8; -webkit-transition:none; transition:none; height:63px;}
.globalMenu nav > ul a:hover{text-decoration:none;}
.globalMenu nav > ul > li > ul > li > ul > li > a:hover{color:#4d9a7a;}

.dropdown-toggle::after,.globalMenu nav > ul a.toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  right:8px;
  top:0;
  bottom:0;
  margin:auto;
  content: "";
  border-top: .4em solid;
  border-right: .4em solid transparent ;
  border-bottom:0 ;
  border-left:.4em solid transparent;
  position:absolute;
  color:#ffffff;
}
@media (min-width:768px) {
  .globalMenu ul li a{font-size:.8rem !important;}
}
@media (min-width:1280px) {
  .globalMenu nav > ul > li > a::after {
    right:15px;
    border-top: .4em solid;
    border-right:0 ;
    border-bottom:  .4em solid transparent;
    border-left:.4em solid transparent;
    transform: rotate(45deg);
  }

  .globalMenu > nav ul li.col2 > ul,
  .globalMenu > nav ul li.col4 > ul{display:flex; flex-wrap:wrap; flex-direction: row; justify-content:flex-start; }
  .globalMenu > nav ul li.col2 > ul.show{display:flex; width:200%;}
  .globalMenu > nav ul li.col2 > ul > li{flex-basis: 50%; max-width:50%; flex-grow:1;}
  .globalMenu > nav ul li.col2 > ul.show > li:nth-child(odd) > a{border-right:#000000 1px solid;}
  .globalMenu > nav ul li.col2 > ul.show > li > a,
  .globalMenu > nav ul li.col4 > ul.show > li > a{flex-grow:1;}
  .globalMenu > nav ul li.col2 > ul.dropdown_third_sub{display:flex; width: 200%;}
  .globalMenu > nav ul li.col2 > ul.dropdown_third_sub > li:nth-child(odd) > a{border-right:#006837 1px solid;}
  .globalMenu > nav ul li.col2 > ul li:nth-last-child(-n+2) a,
  .globalMenu > nav ul li.col4 > ul li:nth-last-child(-n+4) a{border-bottom:none;}

  .globalMenu > nav ul li.col4 > ul.show{display:flex; width:400%;}
  .globalMenu > nav ul li.col4 > ul > li{flex-basis:calc(100% / 4); max-width:calc(100% / 4); flex-grow:1;}
  .globalMenu > nav ul li.col4 > ul.show > li:not(:nth-child(4n)) > a{border-right:#000000 1px solid;}

}
.globalMenu nav > ul > li > a:hover:after {color:#b3b3b3;}
.globalMenu nav > ul > li:not(.sns) > a:hover:before{
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.5px 0 7.5px 10px;
  border-color: transparent transparent transparent #555555;
	position:absolute;
  content: '';
	-webkit-transition: all .3s;
	transition: all .3s;
  left:0px;
  top:0; bottom:0; margin:auto;
}
.globalMenu nav > ul > li:not(.sns) > a:hover{text-decoration:none; background-color:#006837; color:#ffffff !important;}


.globalMenu nav > ul > li.prospective > a{padding: 12px 20px !important; background-color:#006837 !important; color:#ffffff !important;}
.globalMenu nav > ul > li.prospective > a:hover{background-color:#004200 !important;}
.globalMenu nav > ul > li.prospective > a:after{display:none !important;}


.globalMenu nav > ul > li.sns > div{display:flex; height:53px; justify-content:center; align-items:center;border-bottom: 1px solid #000000;}
.globalMenu nav > ul > li.sns a{display:inline-block; padding:0 5px;}
.globalMenu nav > ul > li.sns a svg{fill:#b3b3b3; display:block; min-height: 0%; width:30px; height:30px;
	-webkit-transition: all .3s;
	transition: all .3s;}
/*
@media (min-width: 768px) {
  .globalMenu nav > ul > li.sns > a{flex-basis: 20%; max-width:20%; padding:0 5px; }
}*/
@media (min-width:768px) {
  .globalMenu nav > ul > li.sns a{padding:0 3px;}
  .globalMenu nav > ul > li.sns a svg{width:25px; height:25px;}
}
.globalMenu nav > ul > li:not(.sns) > a svg{fill:#b3b3b3; display:inline-block; width:15px; margin-left:10px;
	-webkit-transition: all .3s;
	transition: all .3s;}
.globalMenu nav > ul > li.sns a.line:hover svg{fill:#38a538;}
.globalMenu nav > ul > li.sns a.twitter:hover svg{fill:#1f97cb;}
.globalMenu nav > ul > li.sns a.instagram:hover svg{fill:#d72b7f;}
.globalMenu nav > ul > li.sns a.facebook:hover svg{fill:#2b4987;}
.globalMenu nav > ul > li.sns a.youtube:hover svg{fill:#ff0000;}
.globalMenu nav > ul > li:not(.sns) > a:hover svg{fill:#ffffff;}


.globalMenu .dropdown-menu li:last-child > a{border-bottom:none;}
.globalMenu ul.dropdown-menu > li.dropdown_third > a{position: relative; padding-right:1.7em; cursor:pointer;}
.globalMenu ul.dropdown-menu > li.dropdown_third > a:after{
  display: inline-block;
  width: 0;
  height: 0;
  right:10px;
  content: "";
  border-top: .4em solid;
  border-right: .4em solid transparent ;
  border-bottom:0 ;
  border-left:.4em solid transparent;
	position:absolute;
}

.globalMenu ul li:not(.sns) a[target="_blank"]{padding-right:40px; position: relative;}
.globalMenu ul li:not(.sns) a[target="_blank"]:after{
  display: inline-flex;
  align-items:center;
  font-family: "Font Awesome 5 Free";
  right:10px;
  top:0;
  bottom:0;
  content: "\f24d";
	position:absolute;
}

@media (min-width:1280px) {
  .globalMenu .dropdown-menu li > a{height:53px; padding:.5em;}
  .globalMenu ul.dropdown-menu > li.dropdown_third > a::after {
  right:15px;
  border-top: .4em solid;
  border-right:0 ;
  border-bottom:  .4em solid transparent;
  border-left:.4em solid transparent;
  transform: rotate(45deg);
}
li.xl-none{display:none;}
}

.globalMenu .dropdown-menu{position:static;top:0; left:auto; right:0; border-radius:0; padding:0; margin:0;  background-color: rgba(0,0,0,.8);
  flex-direction: column;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  display:none;
  float:none; justify-content:center;
  height:100%; min-width:auto; border:none;}
 /* .globalMenu .dropdown-menu:before{
    content:"";
    display: block;
    position: absolute;
    width:100%;
    height:100vh;
    background-color: rgba(0,0,0,.8);
    top:0;
    bottom:0;
  }
.globalMenu .dropdown:hover .dropdown-menu,*/
.globalMenu .dropdown-menu.show{ left:auto; right:100%; display:block;}
@media (min-width:1280px) {
  .globalMenu .dropdown-menu{position: absolute; left:0; right:auto; width:50%; display:block; z-index:-2; visibility: hidden;}
  .globalMenu .dropdown-menu.show{left:100%; right:auto; width:100%; visibility: visible;}
}


.dropdown_third{position: relative;}
.dropdown_third .dropdown_third_sub{
  position:static;
  top:0;
  bottom:0;
  height:100%;
  left: 100%;
  width: 100%;
  z-index:1000;
  margin:0;
  height:0;
  display:block;
  height:auto;
}
.dropdown_third:hover .dropdown_third_sub{
  list-style-type:none;
}
@media (min-width:1280px) {
  .dropdown_third .dropdown_third_sub{position: absolute; display:none;width: 120%; visibility: hidden;}
  .dropdown_third:hover .dropdown_third_sub{display:block; visibility: visible;}
}


/* */
.navToggle{
  display: block;
  cursor: pointer;
}
.navToggle > div{
  position: relative; 
  right:auto;
  top: auto;
  z-index: 3;
  width: 10px; height:9px;
  margin-bottom:5px;
  background: inherit;
  text-align: center;
  overflow:hidden;
}

.navToggle strong {
  display: block;
  position: absolute;
  width:100%;
  border-bottom: solid 1px #ffffff;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}

.navToggle strong:nth-child(1) {top: 0px;}
.navToggle strong:nth-child(2) {top:calc(50% - 1px);}
.navToggle strong:nth-child(3) {bottom:1px;}
/* ???span?????45?? */
.navToggle.active strong:nth-child(1) {
  top: 3px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* 2???3???span?45?? */
.navToggle.active strong:nth-child(2),
.navToggle.active strong:nth-child(3) {
  top: 3px;
  bottom:auto;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (min-width: 768px) {
  .navToggle > div{margin-bottom:5px;}
  .navToggle.active strong:nth-child(1) {top: 9px;}
  .navToggle.active strong:nth-child(2),
  .navToggle.active strong:nth-child(3) {top: 9px; bottom:auto;}
  .navToggle > div{width: 25px; height:25px;}
}

nav.navbar > ul > li span{font-size: 60%; color: #707070;}