.pc #global_menu > ul {
  width: 1150px;
  width: 994px;
}

.pc #global_menu > ul {
  height: 50px;
  font-size: 0;
  position: relative;
  text-align: center;
  margin: 0 auto;
}

.pc #global_menu > ul > li {
  font-size: 1%;
  position: relative;
  display: inline-block;
}

.pc #global_menu > ul > li > a {
  font-size: 15px;
}

.pc #global_menu > ul > li > a {
  color: #333333;
}

.pc #global_menu > ul > li > a {
  font-size: 14px;
  text-decoration: none;
  height: 50px;
  line-height: 50px;
  display: block;
  padding: 0 30px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.pc #global_menu ul ul a {
  display: block;
  font-size: 11px;
  background: #222;
      background-color: rgb(34, 34, 34);
  border: none;
  position: relative;
  padding: 14px 20px 12px 20px;
  height: auto;
  line-height: 160%;
  margin: 0;
  text-align: left;
  box-shadow: none;
  color: #fff;
}

/* グローバルメニュー */
.pc #global_menu { z-index:20; position:relative; background-color: #c8000b; }
.pc .home #global_menu { background:rgba(255,255,255,0.7); }
.pc #global_menu > ul { height:50px; font-size:0; position:relative; text-align:center; margin:0 auto; }
.pc #global_menu > ul > li { font-size:1%; position:relative; display:inline-block; }

.pc #global_menu > ul > li > a {
  font-size:14px; text-decoration:none; height:50px; line-height:50px; display:block; padding:0 22px; font-size: 15px; padding:0 17px;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
  text-decoration: none;
  color: #fff;
}
.pc #global_menu > ul > li > a:hover { color: #fff; }

.pc #global_menu ul ul { display:none; width:200px; position:absolute; top:50px; left:0px; margin:0; padding:0; }
.pc #global_menu ul ul ul { left:100%; top:0; margin:0; border:none; }
.pc #global_menu ul ul li { line-height:150%; padding:0; margin:0; text-align:left; position:relative; display:block; }
.pc #global_menu ul ul a { text-decoration: none; display:block; font-size:15.9px; background:#222; border:none; position:relative; padding:14px 20px 12px 20px; height:auto; line-height:160%; margin:0; text-align:left; box-shadow:none; color:#fff; }
.pc #global_menu ul ul a:hover { text-decoration:none; border:none; color:#fff; background-color: #444; font-size: 15.9px; }

.pc #global_menu ul ul li.menu-item-has-children > a:before {
  margin:0; display:block; top:20px; right:10px; position:absolute; content:"";
  width:0; height:0; border-style:solid; border-width:4px 0px 4px 4px; border-color:transparent transparent transparent #fff;
}

.pc #global_menu ul ul { top:50px; bottom:auto; }
.pc #global_menu ul ul ul { top:0; bottom:auto; }

.pc #global_menu li li.current-menu-item > a { color:#fff; }

@media (max-width: 480px) {

  #header {
    font-size: 0;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1030;
    background-color: #fff;
  }

  #header #header-top {
    display: block;
    position: relative;
    height: 50px;
    box-sizing: border-box;
  }

  #header p {
    display: none;
  }

  #header p#caption-1 {
    display: block;
    font-size: 10px;
    top: 23px;
    left: 3px;

    top: 26px;
    left: 10px;

  }

  #header #global-menu-sub {
    margin-top: 0;
  }

  #header p#caption-2 {
    display: block;
    /*left: 3px;*/
    /*top: 3px;*/
    font-size: 10px;
    left: 10px;
    top: 8px;
  }

  #header h1 {
    display: block;
    width: 98px;
    height: 33px;
    /*background: url(../img/common/jobpot_logo_SP.png) center no-repeat;*/
    background: url(../img/common/jobpot_logo.png) center no-repeat;
    position: absolute;
    top: 15px;
    left: 67px;
    padding: 0;
    margin: 0;
    background-size: 80%;
    top: 17px;
  }

  #header h1 a {
    display: block;
    width: 100%;
    height: 100%;
  }

  #header #global-menu-sub {
    margin-top: 0;
    display: block;
    float: right;
  }

  #header #global-menu-sub li {
    border: none;
    width: auto;
    box-sizing: border-box;
    width: 50px;
    height: 50px;
    float: left;
    display: block;
  }

  #header #global-menu-sub li#menu-global-register {
    background: #c8000b url(../img/common/main-menu-2-register-sp.png) center 5px no-repeat;
    border: none;
  }

  #header #global-menu-sub li#menu-global-login {
    background: #4a4a4a url(../img/common/main-menu-2-login-sp.png) center 5px no-repeat;
  }

  #header #global-menu-sub li#menu-global-logout {
    background: #4a4a4a url(../img/common/main-menu-2-logout-sp.png) center 5px no-repeat;
  }

  #header #global-menu-sub li#menu-global-contact {
    display: none;
  }

  #header #global-menu-sub li span {
    color: #fff;
    width: 100%;
    /*font-size: 10px;*/
    font-size: 9.5px;
    padding-top: 36px;
  }

  #mobile-menu {
    display: block;
    float: right;
    width: 50px;
    height: 50px;
    background: transparent url(../img/common/main-menu-2-menu-sp.png) center 8px no-repeat;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }

  #mobile-menu:not(.active) span.off {
    display: block;
  }
  #mobile-menu:not(.active) span.on {
    display: none;
  }

  #mobile-menu.active {
    display: block;
    float: right;
    width: 50px;
    height: 50px;
    background: #000 url(../img/common/main-menu-2-menuclose-sp.png) center 8px no-repeat;
    text-decoration: none;
    padding: 0;
    margin: 0;
  }

  #mobile-menu.active span.off {
    display: none;
  }
  #mobile-menu.active span.on {
    display: block;
  }

  #mobile-menu.active span {
    color: #fff;
  }

  #mobile-menu span {
    color: #261302;
    font-size: 10px;
    width: 100%;
    display: block;
    text-align: center;
    padding-top: 36px;
  }


  #global_menu {
    position: fixed;
    top: 50px;
    height: auto;
    z-index: 100000;
    padding-top: 0;
    background-color: rgba(0, 0, 0, 1) !important;
    opacity: 0;
    transition: opacity 400ms ease-out;
    pointer-events: none;
    display: block;
    width: 300px;
    right: 0;
    box-shadow: none;
    border: none;
    width: 100%;
    overflow-y: scroll;
    max-height: calc(100% - 50px);
    box-sizing: border-box;
  }

  #header #global_menu.open_menu {
    opacity: 1;
    pointer-events: auto;
    border: none;
  }

  #global_menu a {
    position: relative;
    display: block;
    margin: 0;
    padding: 0px 15px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-decoration: none;
    color: #fff;
    background: #000;
    font-size: 13px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 15px;
  }

  #global_menu li.menu-item-has-children {
    position: relative;
  }

  #global_menu .child_menu_button {
    display: block;
    position: absolute;
    text-align: center;
    width: 60px;
    height: 49px;
    right: 0px;
    top: 1px;
    z-index: 9;
    cursor: pointer;
  }

  #global_menu > ul > li > .child_menu_button > .icon::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(../img/common/menu-1-open.png) center no-repeat;
  }

  #global_menu > ul > li.menu-item-has-children.open > .child_menu_button > .icon::before {
    background: url(../img/common/menu-1-close.png) center no-repeat;
  }

  #global_menu > ul > li > ul > li > .child_menu_button > .icon::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: url(../img/common/menu-2-open.png) center no-repeat;
  }

  #global_menu > ul > li > ul > li.menu-item-has-children.open > .child_menu_button > .icon::before {
    background: url(../img/common/menu-2-close.png) center no-repeat;
  }

  #global_menu ul ul, #global_menu ul ul ul {
    display: none;
  }




  #global_menu li.menu-item-has-children.open > ul {
    background-color: #ffd192;
  }

  #header #global_menu .menu a  {
    color: #000;
    font-size: 15px;
    background: none;
  }

  #header #global_menu .menu > li > a  {
    color: #fff;
  }

  #global_menu ul ul a {
    padding-left: 28px;
    background: #b8b8b8;
    color: #000;
    /* background: #222; */
  }

  #header #global_menu .menu ul ul a {
    padding-left: 56px;
    /* background: #b8b8b8; */
    background: #fff;
    color: #000;
  }

  #global_menu .child_menu_button .icon:before {
    /*display: block;
    width: 14px;
    height: 14px;*/
    /*background: url(../images/menu-more.png) center no-repeat;*/
    line-height: 18px;
  }

  #global_menu li.open .child_menu_button .icon:before {
    /*background: url(../images/menu-less.png) center no-repeat;*/
  }

  #global_menu ul li a {
    transform: translate(20px, 0);
    transition: all 580ms;
    transition-timing-function: cubic-bezier(0.125,0.695,0.51,0.995);
    transition-delay: 0;
    opacity: 0;
    pointer-events: none;
  }
  #global_menu ul li {
    border-top: 1px solid rgba(255,255,255,0.5);
  }
  #global_menu > ul > li:first-child {
    border-top: none;
  }
  #global_menu ul li:fist-child {
    border-top: 0;
  }
  #global_menu.open_menu ul > li:nth-child(1) a{
    transition-delay: 510ms;
  }
  #global_menu.open_menu ul > li:nth-child(2) a {
    transition-delay: 610ms;
  }
  #global_menu.open_menu ul > li:nth-child(3) a {
    transition-delay: 710ms;
  }
  #global_menu.open_menu ul > li:nth-child(4) a {
    transition-delay: 810ms;
  }
  #global_menu.open_menu ul > li:nth-child(5) a {
    transition-delay: 910ms;
  }
  #global_menu.open_menu ul > li:nth-child(6) a {
    transition-delay: 1010ms;
  }
  #global_menu.open_menu ul > li:nth-child(7) a {
    transition-delay: 1110ms;
  }
  #global_menu.open_menu ul > li:nth-child(8) a {
    transition-delay: 1210ms;
  }
    #global_menu.open_menu ul > li:nth-child(9) a {
    transition-delay: 1310ms;
  }

  #global_menu.open_menu ul li a {
    transform: translate(0,0);
    opacity: 1;
    pointer-events: auto;
  }

  #global_menu.open_menu {
    opacity: 1;
    pointer-events: auto;
    border: none;
  }

  #global_menu li.menu-item-has-children.open > ul {
    display: block;
  }

  #global_menu li.menu-item-has-children.open > ul {
    background-color: #b8b8b8;
  }

  /* >> content */
  #content-wrapper {
    margin-top: 50px;
  }

  /* << content */






}



@media (max-width: 480px) {
  p#caption-3 {
    display: block;
    top: 25px !important;
    left: 182px !important;
  }

  #header p#caption-3 span {
    font-size: 13px;
  }

}

@media (max-width: 479px) {
  p#caption-3 {
    display: none;
  }
}

@media (min-width: 771px) {



  #global_menu .menu {
    /* display: flex; */
    /* justify-content: center; */
    background:  url(../img/common/menu-border.png) left center no-repeat;
  }

  #header #global-menu-sub li:nth-child(3) {
    display: none;
  }

  #global_menu .menu > li {
    background: url(../img/common/menu-border.png) right center no-repeat;
  }

  #global_menu .menu > li > a {
    color: #000;
    font-size: 15px;
    background: none;
  }

  #header #global-menu-sub li:nth-child(3) {
    display: block;
  }


  #global_menu .menu > li > a:after {
    display: block;
    width: 20px;
    height: 20px;
    height: 100%;
    content: "";
    float: right;
    /* margin-top: -2px; */
    margin-left: 3px;
    margin-left: 5px;
  }

  #global_menu .menu > li:nth-child(1) {
    display: none;
  }

  #global_menu .menu > li:nth-child(7) {
    display: none;
  }

  #global_menu .menu > li:nth-child(2) > a:after {
    background: url(../img/common/main-menu-search-pc.png) center no-repeat;
  }

  #global_menu .menu > li:nth-child(3) > a:after {
    background: url(../img/common/main-menu-question-pc.png) center no-repeat;
  }

  #global_menu .menu > li:nth-child(4) > a:after {
    background: url(../img/common/main-menu-palm-pc.png) center no-repeat;
  }

  #global_menu .menu > li:nth-child(5) > a:after {
    background: url(../img/common/main-menu-mic-pc.png) center no-repeat;
  }

  #global_menu .menu > li:nth-child(6) > a:after {
    background: url(../img/common/main-menu-corporation-pc.png) center no-repeat;
  }


}