/* Scss Document */
@media print, screen and (min-device-width: 681px) {
  #header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #044277;
    height: 120px;
    transition: all 0.5s ease 0s; }
    #header .select_country,
    #header .search {
      transition: all 0.5s ease 0s; }
    #header #select_language_box {
      z-index: 10; }
    #header .mega_navi_wrap {
      background: #042948;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      transition: all 0.5s ease 0s; }
      #header .mega_navi_wrap a {
        text-decoration: none !important;
        border: none !important;
        text-shadow: none !important;
        padding: 0 !important; }
      #header .mega_navi_wrap .meganavi {
        width: 1024px;
        margin: 0 auto;
        box-sizing: border-box;
        display: flex;
        justify-content: space-between;
        transition: all 0.5s ease 0s; }
        #header .mega_navi_wrap .meganavi > li {
          width: calc(100% / 6);
          margin: 0;
          padding: 0;
          text-align: center;
          border: none !important; }
          #header .mega_navi_wrap .meganavi > li > a {
            display: block;
            line-height: 50px;
            font-size: 13px;
            white-space: nowrap; }
          #header .mega_navi_wrap .meganavi > li:hover > a {
            background: #41628d; }
          #header .mega_navi_wrap .meganavi > li > .sub {
            border-top: 5px solid #41628d;
            border-bottom: 1px solid #042948;
            position: fixed;
            top: 120px;
            left: 0;
            background: #f2f2f2;
            width: 100%;
            display: none;
            overflow: hidden;
            text-align: left;
            transition: top 0.5s ease 0s; }
            #header .mega_navi_wrap .meganavi > li > .sub a {
              color: #333; }
              #header .mega_navi_wrap .meganavi > li > .sub a:hover {
                opacity: 0.8; }
              #header .mega_navi_wrap .meganavi > li > .sub a:first-child {
                margin-top: 0 !important; }
              #header .mega_navi_wrap .meganavi > li > .sub a:last-child {
                margin-bottom: 0 !important; }
            #header .mega_navi_wrap .meganavi > li > .sub .hw {
              font-size: 15px;
              font-weight: bold;
              color: #fff;
              padding: 10px 15px !important;
              margin: 0 0 16px 0 !important;
              line-height: 1.5 !important;
              background: #41628d;
              display: block; }
            #header .mega_navi_wrap .meganavi > li > .sub .hw2 {
              font-size: 14px;
              font-weight: bold;
              color: #042948;
              border-bottom: 2px solid #042948;
              padding-bottom: 4px;
              margin-bottom: 4px;
              display: block; }
            #header .mega_navi_wrap .meganavi > li > .sub .hw3 {
              font-size: 12px;
              font-weight: bold;
              color: #042948;
              margin-bottom: -8px;
              display: block; }
              #header .mega_navi_wrap .meganavi > li > .sub .hw3:first-child {
                margin-top: 16px; }
            #header .mega_navi_wrap .meganavi > li > .sub a.hw {
              position: relative;
              background: #042948; }
              #header .mega_navi_wrap .meganavi > li > .sub a.hw:after {
                content: "";
                background: url(https://www.japanunix.com/webroot/img/megamenu/arrow1.svg) no-repeat center center/8px;
                width: 8px;
                height: 12px;
                position: absolute;
                top: 50%;
                right: 15px;
                margin-top: -6px; }
            #header .mega_navi_wrap .meganavi > li > .sub .btn_area li.index a {
              background: #042948;
              color: #fff; }
              #header .mega_navi_wrap .meganavi > li > .sub .btn_area li.index a::after {
                background: url(https://www.japanunix.com/webroot/img/megamenu/arrow1.svg) no-repeat center center/8px; }
            #header .mega_navi_wrap .meganavi > li > .sub .btn_area li a {
              font-weight: bold;
              border: 2px solid #042948 !important;
              padding: 8px !important;
              position: relative;
              display: flex;
              align-items: center;
              color: #042948; }
              #header .mega_navi_wrap .meganavi > li > .sub .btn_area li a::before {
                content: none; }
              #header .mega_navi_wrap .meganavi > li > .sub .btn_area li a::after {
                content: "";
                background: url(https://www.japanunix.com/webroot/img/megamenu/arrow2.svg) no-repeat center center/8px;
                position: absolute;
                right: 8px;
                width: 8px;
                height: 100%; }
            #header .mega_navi_wrap .meganavi > li > .sub .btn,
            #header .mega_navi_wrap .meganavi > li > .sub .icon {
              width: 244px;
              height: 80px;
              box-sizing: border-box;
              text-align: center;
              position: relative;
              border: 1px solid #ccc !important;
              display: flex;
              justify-content: center;
              align-items: center;
              background: #aaa;
              font-size: 14px;
              font-weight: bold;
              color: #fff;
              margin: 10px 0;
              line-height: 1.5;
              border-radius: 0;
              float: none; }
              #header .mega_navi_wrap .meganavi > li > .sub .btn:after,
              #header .mega_navi_wrap .meganavi > li > .sub .icon:after {
                content: "";
                background: url(https://www.japanunix.com/webroot/img/megamenu/arrow1.svg) no-repeat center center/8px;
                width: 8px;
                height: 12px;
                position: absolute;
                top: 50%;
                right: 15px;
                margin-top: -6px; }
            #header .mega_navi_wrap .meganavi > li > .sub .icon {
              background: #fff;
              color: #042948;
              text-align: left;
              justify-content: flex-start; }
              #header .mega_navi_wrap .meganavi > li > .sub .icon img {
                margin: 0 15px 0 8px; }
              #header .mega_navi_wrap .meganavi > li > .sub .icon:after {
                background: url(https://www.japanunix.com/webroot/img/megamenu/arrow2.svg) no-repeat center center/8px; }
            #header .mega_navi_wrap .meganavi > li > .sub .bnr {
              margin: 10px auto;
              display: table;
              text-align: center; }
            #header .mega_navi_wrap .meganavi > li > .sub ul {
              margin: 15px 0;
              padding: 0;
              float: none; }
              #header .mega_navi_wrap .meganavi > li > .sub ul li {
                margin: 10px 0 10px 0;
                padding: 0;
                float: none; }
              #header .mega_navi_wrap .meganavi > li > .sub ul > li > a {
                display: block;
                position: relative;
                padding: 0 0 0 18px !important; }
                #header .mega_navi_wrap .meganavi > li > .sub ul > li > a:before {
                  content: "";
                  background: url(https://www.japanunix.com/webroot/img/megamenu/list1.svg) no-repeat center center/13px;
                  width: 13px;
                  height: 13px;
                  position: absolute;
                  top: 50%;
                  left: 0px;
                  margin-top: -6.5px; }
              #header .mega_navi_wrap .meganavi > li > .sub ul > li > ul {
                margin: 0 0 0 9px; }
                #header .mega_navi_wrap .meganavi > li > .sub ul > li > ul > li {
                  font-size: 12px; }
                  #header .mega_navi_wrap .meganavi > li > .sub ul > li > ul > li > a {
                    display: block;
                    position: relative;
                    padding: 0 0 0 9px !important; }
                    #header .mega_navi_wrap .meganavi > li > .sub ul > li > ul > li > a:before {
                      content: "";
                      background: url(https://www.japanunix.com/webroot/img/megamenu/list2.svg) no-repeat center center/4px;
                      width: 4px;
                      height: 5px;
                      position: absolute;
                      top: 50%;
                      left: 0px;
                      margin-top: -2.5px; }
                  #header .mega_navi_wrap .meganavi > li > .sub ul > li > ul > li > ul {
                    margin: 0 0 0 9px; }
                    #header .mega_navi_wrap .meganavi > li > .sub ul > li > ul > li > ul > li > a {
                      display: block;
                      position: relative;
                      padding: 0 0 0 11px !important; }
                      #header .mega_navi_wrap .meganavi > li > .sub ul > li > ul > li > ul > li > a:before {
                        content: "";
                        background: url(https://www.japanunix.com/webroot/img/megamenu/list3.svg) no-repeat center center/6px;
                        width: 6px;
                        height: 1px;
                        position: absolute;
                        top: 50%;
                        left: 0px;
                        margin-top: -0.5px; }
            #header .mega_navi_wrap .meganavi > li > .sub .inner {
              width: 1024px;
              margin: 0 auto;
              padding: 24px 0;
              display: flex;
              justify-content: center; }
              #header .mega_navi_wrap .meganavi > li > .sub .inner.pt0 {
                padding-top: 0; }
              #header .mega_navi_wrap .meganavi > li > .sub .inner .c0 {
                display: flex;
                justify-content: center; }
              #header .mega_navi_wrap .meganavi > li > .sub .inner .c1 {
                width: 244px;
                margin-left: 16px; }
                #header .mega_navi_wrap .meganavi > li > .sub .inner .c1:first-child {
                  margin-left: 0; }
              #header .mega_navi_wrap .meganavi > li > .sub .inner .c2 {
                width: 504px;
                margin-left: 16px; }
                #header .mega_navi_wrap .meganavi > li > .sub .inner .c2:first-child {
                  margin-left: 0; }
              #header .mega_navi_wrap .meganavi > li > .sub .inner .c3 {
                width: 764px;
                margin-left: 16px; }
                #header .mega_navi_wrap .meganavi > li > .sub .inner .c3:first-child {
                  margin-left: 0; }
              #header .mega_navi_wrap .meganavi > li > .sub .inner .c4 {
                width: 1024px; }
    #header.small {
      background: #042948;
      height: 50px; }
      #header.small #select_language_box {
        top: -210px !important; }
      #header.small .select_country {
        top: -20px; }
      #header.small .search {
        margin-right: 0;
        margin-top: 6px;
        z-index: 1000; }
      #header.small .logo {
        position: relative;
        z-index: 1000; }
      #header.small .mega_navi_wrap {
        background: none; }
        #header.small .mega_navi_wrap .meganavi {
          padding: 0 250px 0 260px; }
          #header.small .mega_navi_wrap .meganavi > li {
            width: auto; }
            #header.small .mega_navi_wrap .meganavi > li > a {
              font-size: 12px !important;
              padding: 0 10px !important; }
            #header.small .mega_navi_wrap .meganavi > li > .sub {
              top: 50px; }

  .home .meganavi > li:nth-of-type(1) > a,
  .page-products .meganavi > li:nth-of-type(2) > a,
  .page-products-child2 .meganavi > li:nth-of-type(2) > a,
  .page-school .meganavi > li:nth-of-type(2) > a,
  .page-school-child2 .meganavi > li:nth-of-type(2) > a,
  .page-method .meganavi > li:nth-of-type(3) > a,
  .page-method-child2 .meganavi > li:nth-of-type(3) > a,
  .page-ipc .meganavi > li:nth-of-type(4) > a,
  .page-ipc-child2 .meganavi > li:nth-of-type(4) > a,
  .page-casestudy .meganavi > li:nth-of-type(5) > a,
  .page-casestudy-child2 .meganavi > li:nth-of-type(5) > a,
  .page-contact .meganavi > li:nth-of-type(6) > a,
  .page-contact-child2 .meganavi > li:nth-of-type(6) > a {
    background: #1b3d6a; }

  #top_wrapper {
    display: none; }

  #side_navi_float {
    padding: 120px 0 0;
    box-sizing: border-box; }
    #side_navi_float > :last-child {
      margin-bottom: 60px; }

  #main.nosidearea,
  .search #results,
  #top_main_contents,
  #main_contents {
    padding-top: 130px;
    box-sizing: border-box; }

  .home #top_main_contents {
    padding-top: 0; }

  #contents_navi {
    padding-top: 120px;
    margin-bottom: -110px;
    z-index: 10; }

  #main #scroll_base > #side_navi {
    position: absolute;
    z-index: 1; }

  #header.small .mega_navi_wrap.es .meganavi {
    padding: 0 230px 0 240px; }

  #header.small .mega_navi_wrap.en .meganavi > li > a,
  #header.small .mega_navi_wrap.de .meganavi > li > a {
    font-size: 11px !important;
    padding: 0 5px !important; }

  #header.small .mega_navi_wrap.es .meganavi > li > a {
    font-size: 10px !important;
    padding: 0 5px !important; } }