@charset "utf-8";
/* CSS Document */
.button_container {
  position: absolute;
	top: 25px;
	right: 0;
  height: 50px;
  width: 50px;
  z-index: 999;
  -webkit-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
@media screen and (max-width : 700px ){
.button_container {
	top: 24px;
	}
}
.button_container:hover {
  opacity: .7;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #FFF;
}
.button_container.active .middle {
  opacity: 0;
  background: #FFF;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-7px) translateX(0) rotate(-45deg);
          transform: translateY(-7px) translateX(0) rotate(-45deg);
  background: #FFF;
}
.button_container span {
  background: #fff;
  border: none;
  height: 2px;
  width: 30px;
  position: absolute;
  top: 15px;
  left: 10px;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;
}
.button_container span:nth-of-type(2) {
  top: 24px;
}
.button_container span:nth-of-type(3) {
  top: 33px;
}

.overlay-menu{margin-top: 50px; position: relative; }
.overlay {
	pointer-events: none;
  position: fixed;
  background: #000019;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow:hidden;
	z-index: 998;
}
.overlay.open {
/*  opacity: .9;*/
	opacity: 1;
  visibility: visible;
  height: 100%;
}




/*====================================
  	カタマイズ
====================================*/
.overlay-menu{margin-top: 30px; }
.button_container{
	position: fixed;
	top:0px;
	left: 0px;
	background: #121235;
height: 100px;
width: 100px;
}
.button_container span{
	width:10px;
	top: 39px;
	left: 50%;
	margin-left: -5px;
}
.button_container span:nth-of-type(2) {
  top: 48px;
}
.button_container span:nth-of-type(3) {
  top: 57px;
}
.menuLogo img{width: 140px;}
.menuWrap a{pointer-events: auto;}
.menuWrap > div:first-of-type{padding: 50px 100px 50px 0px;}
.menuWrap > div:last-of-type{padding: 50px 0px 50px 100px;}
.menuWrap div.width_50per:first-of-type{ border-right: 1px solid #121235;}
.menuWrap > div:first-of-type ul li a:hover{color: #e5e5e5; }
.menuLink p a{justify-content: flex-start ;flex-wrap: nowrap;}

.menuCon a{background: #121235; padding: 50px 0px 45px;	pointer-events: auto;}
.menuCon a:hover{
	color:#e5e5e5;  
	background: #1b1645;
/*	background: -webkit-linear-gradient(45deg, #a12e93 0%, #121235 100%);
	background: linear-gradient(45deg, #a12e93 0%,#121235 100%);*/
}
.subMenu li::before{
content: '■';
font-size: 5px;
vertical-align: middle;
padding-right: 10px;
	color: #2e2e93;
}

/* ---------- 1280 ---------- */
@media screen and (max-width: 1200px){
.button_container{height: 80px;width: 80px;}
.button_container span{top: 31px;}
.button_container span:nth-of-type(2) {top: 40px;}
.button_container span:nth-of-type(3) {top: 49px;}
.menuLogo img{width: 120px;}
.menuWrap > div:first-of-type ul li a{font-size: 20px;}
.menuWrap > div:first-of-type ul li a span{margin-right: 25px;}
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	.menuWrap > div:first-of-type{padding: 5% 5% 5% 0px;}
	.menuWrap > div:last-of-type{padding: 5% 0px 5% 5%;}
	.menuWrap > div:first-of-type ul li a{font-size: 16px;}
	.menuCon a{padding: 25px 0px 20px; font-size: 20px;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
	.overlay-menu{margin-top: 0px;}
.menuLogo img{width: 80px;}
	.menuWrap div.width_50per:first-of-type{border-right: none; margin-bottom: 0px;}
	.menuWrap > div:first-of-type{padding: 5% 0px 5% 0px;margin-bottom: 5%;}
	.menuWrap > div:first-of-type ul li a{margin-bottom: 10px;}
	.menuWrap > div:last-of-type{padding: 0px;}
	.menuCon a{padding: 18px 0px 15px;font-size: 16px; }
	.subMenu li a{font-size: 13px;	}

}