@media (min-width: 769px) {
  #header {
    position: relative;
    z-index: 2;
    padding: 10px 0 0 0;
    margin: 0 auto;
    max-width: 1920px;
    border-bottom: 1px solid #ececec; }
    #header .inner {
      width: 990px;
      margin: 0 auto; }
    #header .menuBtn, #header .closeBtn, #header .menuTtl, #header .backLink, #header #headMenuBtn, #header .check {
      display: none; }
    #header .logo {
      margin: 10px 0; }
      #header .logo a {
        display: block;
        background: url(/wp-content/uploads/image_file/common/images/logo2021.png) no-repeat;
        width: 610px;
        height: 31px; }
      #header .logo img {
        display: none; }
    #header .menu {
      position: relative;
      width: 100%;
      height: 50px;
      max-width: 990px;
      margin: 0 auto;
      *zoom: 1;
      font-size: 1.4rem;
      color: #333;
      font-weight: bold; }
      #header .menu li {
        height: 36px;
        line-height: 36px;
        text-align: left;
        font-weight: normal; }
        #header .menu li label {
          display: block;
          background: url(/wp-content/uploads/image_file/common/images/icon_black_arr.png) no-repeat right center;
          background-size: 8px 17px; }
        #header .menu li a {
          color: #333;
          text-decoration: none;
          display: block; }
      #header .menu > li {
        float: left;
        height: 50px;
        line-height: 50px;
        margin-right: 8px;
        padding: 0;
        text-align: center; }
        #header .menu > li:nth-child(2) {
          width: 202px; }
        #header .menu > li:nth-child(3) {
          width: 132px; }
        #header .menu > li:nth-child(4) {
          width: 230px; }
        #header .menu > li:nth-child(5) {
          width: 90px; }
        #header .menu > li:nth-child(6) {
          width: 132px; }
        #header .menu > li:nth-child(7) {
          width: 78px; }
        #header .menu > li:nth-child(8) {
          width: 78px;
          margin-right: 0; }
        #header .menu > li:last-child {
          margin-right: 0; }
        #header .menu > li:hover {
          background: #e8f2ff;
          font-weight: bold; }
          #header .menu > li:hover .secondLevel {
            top: 0px;
            visibility: visible;
            opacity: 1; }
        #header .menu > li > label {
          background: none; }
      #header .menu:after {
        clear: both; }
      #header .menu dl {
        position: absolute;
        right: 0;
        top: -53px; }
        #header .menu dl dt, #header .menu dl dd {
          display: inline-block;
          vertical-align: middle; }
        #header .menu dl dt {
          font-size: 1.4rem;
          color: #06C;
          line-height: 1.4;
          text-align: right;
          margin-right: 10px;
          font-weight: bold; }
        #header .menu dl dd a {
          display: block;
          position: relative;
          color: #FFF;
          font-size: 1.6rem;
          font-weight: bold;
          text-decoration: none;
          background: #06C url(/wp-content/uploads/image_file/common/images/header_icon_mail.png) no-repeat 17px center;
          background-size: 33px 22px;
          line-height: 48px;
          padding: 0 10px 0 66px; }
          #header .menu dl dd a::after {
            content: '';
            background: url(/wp-content/uploads/image_file/common/images/header_icon_mail_arr.png) no-repeat right center;
            display: inline-block;
            vertical-align: middle;
            width: 9px;
            height: 20px;
            margin-left: 18px; }
          #header .menu dl dd a:hover::before {
            content: '';
            display: block;
            background: rgba(0, 0, 0, 0.05);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%; }
    #header .secondLevel {
      visibility: hidden;
      opacity: 0;
      z-index: 1;
      position: absolute;
      top: 0px;
      left: 0;
      background: rgba(12, 53, 127, 0.85);
      -webkit-transition: all .2s ease;
      transition: all .2s ease;
      margin-top: 52px;
      padding: 20px 0; }
      #header .secondLevel li a {
        display: block;
        color: #FFF;
        font-size: 1.4rem; }
        #header .secondLevel li a:hover {
          text-decoration: underline; }
        #header .secondLevel li a span {
          display: block;
          margin: 0 18px;
          padding-right: 30px;
          background: url(/wp-content/uploads/image_file/common/images/header_icon_nav_arr.png) no-repeat right center; }
      #header .secondLevel li.nowrap span {
        white-space: nowrap;
        letter-spacing: -0.1em; }
    #header .menu > li:nth-child(2) ul {
      height: calc(36px * 9); }
    #header .menu > li:nth-child(3) ul {
      height: calc(36px * 7);
      left: 210px; }
    #header .menu > li:nth-child(4) ul {
      height: calc(36px * 11);
      left: 350px; }
    #header .menu > li:nth-child(5) ul {
      height: calc(36px * 11);
      left: 588px; }
    #header .menu > li:nth-child(6) ul {
      height: calc(36px * 2);
      left: 686px; }
    #header .menu > li:nth-child(7) ul {
      height: calc(36px * 6);
      left: 826px;
      width: 16.5%; }
  .bread {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
    line-height: 40px; }
    .bread ul {
      overflow: hidden;
      width: 990px;
      margin: 0 auto; }
      .bread ul li {
        float: left;
        margin: 0 2px;
        font-size: 12px; }
        .bread ul li a {
          color: #333;
          text-decoration: none; }
          .bread ul li a:hover {
            text-decoration: underline; }
}

@media (max-width: 768px) {
    #headMenuBtn:checked ~ #container {
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
  #header .logo {
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 12px 0 12px 16px;
    font-size: 0;
    background: #FFF;
    z-index: 9998; }
  #header .menuBtn,
  #header .closeBtn {
    position: fixed;
    top: 23px;
    right: 12px;
    cursor: pointer;
    z-index: 9999; }
  #header #headMenuBtn, #header .check {
    display: none; }
  #header ul {
    position: fixed;
    top: 0;
    right: 0;
    width: calc(100% - 4.7%);
    height: 100%;
    background: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .4s;
    transition: all .4s;
    z-index: 9999;
    padding: 0% 2.5% 0% 2.5%; }
    #header ul li {
      font-size: 1.2rem;
      line-height: 35px;
      margin-left: 3.94737%;
      border-bottom: 1px solid #ccc; }
      #header ul li.menuTtl {
        margin-left: 0;
        background: none;
        text-align: center;
        font-weight: bold; }
      #header ul li.backLink {
        margin-left: 0;
        font-weight: bold; }
        #header ul li.backLink label {
          padding-left: 3.94737%;
          background: url(/wp-content/uploads/image_file/common/images/icon_black_arr_l.png) no-repeat left center;
          background-size: 7px 15px; }
      #header ul li.lh2 {
        line-height: 1.4;
        padding: 1.5% 0; }
      #header ul li a {
        display: block;
        text-decoration: none;
        color: #333;
        background: url(/wp-content/uploads/image_file/common/images/icon_black_arr.png) no-repeat right center;
        background-size: 7px 15px; }
      #header ul li label {
        display: block;
        background: url(/wp-content/uploads/image_file/common/images/icon_black_arr.png) no-repeat right center;
        background-size: 7px 15px; }
  #header #headMenuBtn:checked ~ .menu,
  #header #n01:checked ~ .secondLevel,
  #header #n02:checked ~ .secondLevel,
  #header #n03:checked ~ .secondLevel,
  #header #n04:checked ~ .secondLevel,
  #header #n05:checked ~ .secondLevel,
  #header #n06:checked ~ .secondLevel {
    -webkit-transform: translateX(0px);
    transform: translateX(0px); }
  #header .menu {
    margin-top: 70px; }
  #header dl dt {
    font-size: 1rem;
    color: #06C;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
    margin: 16px auto 6px; }
    #header dl dt br {
      display: none; }
  #header dl dd a {
    display: block;
    color: #FFF;
    font-size: 1.6rem;
    font-weight: bold;
    text-decoration: none;
    background: #06C;
    background-size: 33px 22px;
    line-height: 48px;
    border-radius: 3px; }
    #header dl dd a span {
      display: block;
      background: url(/wp-content/uploads/image_file/common/images/header_icon_mail.png) no-repeat left center;
      background-size: 33px 22px;
      width: 98px;
      padding-left: 50px;
      margin: 0 auto; }
  .menuBtn {
    display: block; }
    #headMenuBtn:checked ~ .menuBtn {
      display: none; }
  .closeBtn {
    display: none; }
    #headMenuBtn:checked ~ .closeBtn {
      display: block; }
  .bread {
    display: none; }
}

@media (max-width: 640px) {
  #header ul li.lh2 {
    line-height: 1.4;
    padding: 2% 0; }
}

@media (max-width: 340px) {
  #header .menu > li:nth-child(4) ul .nowrap,
  #header .menu > li:nth-child(5) ul .nowrap {
    font-size: 1.1rem; }
}