@charset "utf-8";

header .humnav .hum-btn-wrap span {
 background: #fff;
}
header .humnav .hum-ttl {
 color: #fff;
}
#global-nav {
 width: 100%;
 position: absolute;
 z-index: 100;
 background: linear-gradient(to bottom, rgba(51, 51, 51, 0.8), rgba(255, 255, 255, 0));
 padding-top: 70px;
 padding-bottom: 40px;
 top: 0; }
 @media only screen and (max-width: 1250px) {
   #global-nav {
     display: none !important; } }
 #global-nav.m_fixed {
   left: 0;
   position: fixed;
   top: 0;
   z-index: 100; }
 #global-nav .global-nav-inner {
   padding-bottom: 0;
   padding-top: 0;
   margin: 0 auto;
   width: 100%;
   padding-left: calc(15vw + 20px); }
 #global-nav .global-list {
   display: flex;
   list-style: none;
   margin: 0;
   padding: 0;
   align-items: center;
   justify-content: flex-end; }
 #global-nav .global-item {
   width: fit-content;
   position: relative;
   padding: 0px 30px; }
   @media only screen and (max-width: 1440px) {
     #global-nav .global-item {
       padding: 0px 20px; } }
   #global-nav .global-item:before {
     content: "";
     width: 1px;
     height: 10px;
     background: #fff;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translate(0, -50%);
     transition: 0.4s ease; }
   #global-nav .global-item:first-child:before {
     display: none; }
   #global-nav .global-item:last-child:after {
     content: "";
     width: 1px;
     height: 10px;
     background: #fff;
     position: absolute;
     right: 0;
     top: 50%;
     transform: translate(0, -50%);
     display: none; }
   #global-nav .global-item a {
     color: #fff;
     display: block;
     font-size: clamp(10px, 0.8vw, 16px);
     font-size: clamp(1.5rem, 0.3rem + 1.21vw, 1.8rem);
     /* font-size: clamp(1rem, -1.42rem + 2.439vw, 1.8rem); */
     text-align: center;
     text-decoration: none;
     display: flex;
     align-items: center;
     justify-content: center;
     /* padding: 0 10px; */
     padding-bottom: 5px;
     transition: 0.4s ease; }
     #global-nav .global-item a:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 0%;
      transform: translate(-50%, 0);
      height: 1px;
      background: #fff;
      display: block;
      transition: 0.4s ease
    }
    /* #global-nav .global-item a:hover {
      opacity: 0.6
    } */
    #global-nav .global-item a:hover:before {
      content: "";
      position: absolute;
      bottom: 0;
      left: 50%;
      width: 60%;
      transform: translate(-50%, 0);
      height: 2px;
      background: #fff;
      display: block
    }
   #global-nav .global-item.white:before {
     content: "";
     width: 1px;
     height: 10px;
     background: #fff;
     position: absolute;
     left: 0;
     top: 50%;
     transform: translate(0, -50%); }
   #global-nav .global-item.white a {
     color: #fff; }
     header #siteLogo a .subTitle {
       top: 49%;
   }
     @media only screen and (max-width: 1250px) {
       header {
         width: 100%;
         top: 0;
         left: 0;
         padding: 10px 20px;
         height: 80px;
         background-color: rgba(0, 0, 0, 1);
       }
       header #siteLogo a .subTitle {
         top: 61%;
     }
     }

     footer .footer-banner-inner {
      margin-top: 80px;
  }
  #global-nav .drop-menu-item a:before {
    content: none !important;
  }

  /* 英語サイト用
  ================================================ */
  #global-nav.en {
    padding-top: 80px;
 }
  #global-nav.en .global-nav-inner {
    padding: 0 20px;
  }
  #global-nav.en .global-item {
    padding: 0px 14px;
  }
  #global-nav.en .global-item a {
    font-size: 14px;
    padding-bottom: 5px;
  }