#head_wrap02 {
padding: 5px 0px ;
position: fixed;
left:50%;
transform: translateX(-50%);
top:0;
background-color: rgba(255,255,255,1.0);
z-index: 100;
width: 100%;
}
#head_wrap02 ul.nav-menu-list{
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
flex-wrap:wrap;
list-style: none;
width: 80%;
margin: 0 auto;
line-height: 100%;
}

@media screen and (max-width : 750px) {
#head_wrap02 .headder ul.nav-menu-list {
        width: 98%;
    }
}

#head_wrap02 ul.nav-menu-list li.logo{
width: 14.39559%;
}
#head_wrap02 ul.nav-menu-list li.company{
width: 10.280709%;
}
#head_wrap02 ul.nav-menu-list li.newss{
width: 8.1%;
}
#head_wrap02 ul.nav-menu-list li.product{
width: 10.1026926%;
}
#head_wrap02 ul.nav-menu-list li.recruitment{
width: 8.32194%;
}
#head_wrap02 ul.nav-menu-list li.oem{
width: 4.9846104%;
}
#head_wrap02 ul.nav-menu-list li.game-center{
width: 15.7993659%;
}
#head_wrap02 ul.nav-menu-list li.support{
width: 9.0345618%;
}

#head_wrap02 ul li{
text-align: center;
}
#head_wrap02 ul.nav-menu-list li.company i{
color: #FF5E5D
}
#head_wrap02 ul.nav-menu-list li.newss i{
color: #F39900
}
#head_wrap02 ul.nav-menu-list li.product i{
color: #4FA2DA
}
#head_wrap02 ul.nav-menu-list li.recruitment i{
color: #59B659
}
#head_wrap02 ul.nav-menu-list li.oem i{
color: #EA5252
}
#head_wrap02 ul.nav-menu-list li.game-center i{
color: #003C96
}
#head_wrap02 ul.nav-menu-list li.support i{
color: #AF006E
}
#head_wrap02 ul li.logo{
margin-right: 50px;
}
#head_wrap02 ul li img{
width: 100%;
height: auto;
}

.menu {
  display: flex;
  justify-content: flex-start;
  list-style-type: none;
  color: #fff;
  padding: 0;
}

.menu li {
  position: relative;
  list-style:none;
}

.menuSub {
  position: absolute;
  padding: 5px;
  display: none;
  border-radius: 7px;
}
@media screen and (min-width: 751px) {
  .menuSub { top: 110%; }

  /* 親liのhoverが切れないように、隙間を当たり判定で埋める */
  ul.menu > li::after{
    content:"";
    position:absolute;
    left:0;
    top:100%;
    width:100%;
    height:18px;   /* ← ここを隙間量に合わせて調整 */
  }
}
.menuSub li{
margin: 7px 0;
}

.menuSub li a {
  display: block;
  text-decoration: none;
  padding: 2px 5px;
}

.menuSub li a:hover img{
opacity: 0.8;
}

.company .menuSub {
background-color: rgba(255,94,93,0.9);;
width: 120%;
left:-13%;
}
.newss .menuSub {
background-color: rgba(243,153,0,0.9);;
width: 150%;
left:-26%;
}
.product .menuSub {
background-color: rgba(79,162,218,0.9);;
width: 130%;
left:-18%;
}
.recruitment .menuSub {
background-color: rgba(89,182,89,0.9);;
width: 150%;
left:-23%;
}
.oem .menuSub {
background-color: rgba(234,82,82,0.9);;
width: 250%;
left:-80%;
}
.game-center .menuSub {
background-color: rgba(0,60,150,0.9);;
width: 93%;
left:2%;
}
.support .menuSub {
background-color: rgba(175,0,110,0.9);;
width: 175%;
left:-31%;
padding: 5px 0;
}
.support .menuSub li {
padding: 0 5px;
}
.support .menuSub li.toi-top {
background-color: rgba(229,172,208,0.9);
padding: 10px 5px;
}

@media screen and (max-width : 750px) {
#head_wrap02 {
padding: 5px 0px 0;
width: 100%;
}
#head_wrap02 ul.nav-menu-list{
width: 96%;
}
#head_wrap02 ul.nav-menu-list li.logo{
margin-right: 5px;
}
#head_wrap02 ul.nav-menu-list li.logo{
width: 100%;
text-align: center;
}
#head_wrap02 ul.nav-menu-list li.logo img{
width: 18%;
}
#head_wrap02 ul.nav-menu-list li.company{
width: 13.4548%;
line-height: 50%;
}
#head_wrap02 ul.nav-menu-list li.newss{
width: 10.24%;
line-height: 50%;
}
#head_wrap02 ul.nav-menu-list li.product{
width: 13.232%;
line-height: 50%;
}
#head_wrap02 ul.nav-menu-list li.recruitment{
width: 10.8588%;
line-height: 50%;
}
#head_wrap02 ul.nav-menu-list li.oem{
width: 6.53712%;
line-height: 50%;
}
#head_wrap02 ul.nav-menu-list li.game-center{
width: 21%;
line-height: 50%;
}
#head_wrap02 ul.nav-menu-list li.support{
width: 11.80512%;
line-height: 50%;
}
#head_wrap02 ul.nav-menu-list li i{
font-size: 2vw;
margin-top: -20px;
}

.menuSub {
  position: absolute;
  padding: 5px 5px 5px 5px;
  display: none;
  border-radius: 7px;
}
.menuSub li{
margin: 0;
padding: 0;
line-height: 100%;
}
.menuSub li a {
  display: block;
  text-decoration: none;
  padding: 8px 5px 5px;
}

.company .menuSub {
background-color: rgba(255,94,93,0.9);;
width: 250%;
left:2%;
top:25px;
}
/* メニュー中央だし
.newss .menuSub {
background-color: rgba(243,153,0,0.9);;
width: 330%;
left:150%;
top:25px;
}
.product .menuSub {
background-color: rgba(79,162,218,0.9);;
width: 255%;
left:20%;
top:25px;
}
.oem .menuSub {
background-color: rgba(234,82,82,0.9);;
width: 500%;
left:-380%;
top:25px;
}
.game-center .menuSub {
background-color: rgba(0,60,150,0.9);;
width: 165%;
left:-160%;
top:25px;
}
*/
.newss .menuSub {
background-color: rgba(243,153,0,0.9);;
width: 330%;
left:-135%;
top:25px;
}
.product .menuSub {
background-color: rgba(79,162,218,0.9);;
width: 255%;
left:-85%;
top:25px;
}
.recruitment .menuSub {
background-color: rgba(89,182,89,0.9);;
width: 310%;
left:-115%;
top:25px;
}
.oem .menuSub {
background-color: rgba(234,82,82,0.9);;
width: 500%;
left:-218%;
top:25px;
}
.game-center .menuSub {
background-color: rgba(0,60,150,0.9);;
width: 165%;
left:-35%;
top:25px;
}
.support .menuSub {
background-color: rgba(175,0,110,0.9);;
width: 350%;
left:-250%;
top:25px;
}
}
@media screen and (min-width: 751px) {
.under-content{
padding-top: 75px;
}
}
@media screen and (max-width : 750px) {
.under-content{
padding-top: 45px;
}
}