@charset "UTF-8";
/* CSS Document */



/*SP
-------------------------------------------------------*/
@media screen and (max-width: 767px) {

  
}


/*PC
-------------------------------------------------------*/
@media print, screen and (min-width: 768px) {


}


/*NAV
-------------------------------------------------------*/
@media screen and (max-width: 1069px) {

}
@media print, screen and (min-width: 1070px) {
  
  #Header {
    flex-direction: column;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
  }
  #Header > * {
    width: 325px;
    /* width: 240px; */
    margin-left: auto;
  }
  #NavWrap nav {
    align-items: unset;
    z-index: 10
  }
  #NavWrap .flex {
    flex-direction: column;
    grid-gap: 32px;
  }
  #Header .Logo {
    /* margin-bottom: 32px;
    padding: 0; */
  }
  #Header .Logo a {
    background: url("../images/common/logo2.svg") center center no-repeat;
    background-size: contain;
    width: 147.36px;
    height: 172.37px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10
  }
  #Header .Logo a img {
    display: none;
  }
  #NavWrap .Nav {
    width: 147.36px;
    /* width: 240px; */
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    }
    #NavWrap .Nav ul > li {
      margin-right: 0;
    }



    #Header .Logo {
      padding: 60px;
      /* padding: 22px 60px; */
      padding-bottom: 40px;
  }
  #NavWrap .Nav a {
    line-height: 24px;
    padding: 16px 0;
}
  }
  #NavWrap .Nav ul {
    /* border-bottom: #E6E6E6 1px solid;  */
    width: 100%;
    flex-direction: column;
  }
  #NavWrap .Nav ul li {
    /* border-top: #E6E6E6 1px solid; 
    padding: 24px 0; */
  }
  #NavWrap .Nav ul li:not(:last-child) {
    margin-right: 0;
  }
  #NavWrap .Nav ul li a {
    /* text-align: left; */
  }
  #NavWrap .Nav ul li a .en {
    display: inline-block;
    margin-right: 12px;
    width: 37%;
  }
  
  .Main .slideCenter {
    margin-right: -160px;
  }