.header02 {
  padding: 30px 0 0px;
  background: url("../images/top/banner-carousel-pattern.png") repeat;
  width: 100%;
  max-height: 85px;
  position: relative;
  height: 80px; }
  .header02 .header-inner {
    width: 1200px;
    margin: 0 auto;
    position: relative; }
    .header02 .header-inner .header02-logo {
      position: relative;
      top: -8px;
      width: 18.1666666667%;
      float: left; }
      .header02 .header-inner .header02-logo img {
        max-width: 100%;
        height: auto; }
    .header02 .header-inner .nav-area02 {
      width: 960px;
      float: right; }
      .header02 .header-inner .nav-area02 nav {
        position: relative;
        overflow: hidden; }
        .header02 .header-inner .nav-area02 nav li {
          width: 16.6666666667%;
          background-color: #555;
          text-align: center;
          float: left; }
          .header02 .header-inner .nav-area02 nav li a {
            padding: 15px 0 20px;
            display: block;
            height: 70px; }
            .header02 .header-inner .nav-area02 nav li a:hover {
              opacity: 0.6; }
        .header02 .header-inner .nav-area02 nav .nav01 {
          border-top: 4px solid #b70000;
          border-radius: 6px 0px 0px 6px;
          background: #fa2a2a;
          background: -moz-linear-gradient(top, #fa2a2a 0%, #b90000 100%);
          background: -webkit-linear-gradient(top, #fa2a2a 0%, #b90000 100%);
          background: linear-gradient(to bottom, #fa2a2a 0%, #b90000 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fa2a2a', endColorstr='#b90000', GradientType=0); }
        .header02 .header-inner .nav-area02 nav .nav02 {
          border-top: 4px solid #0049a8;
          background: #2cc1fc;
          background: -moz-linear-gradient(top, #2cc1fc 0%, #006cb9 100%);
          background: -webkit-linear-gradient(top, #2cc1fc 0%, #006cb9 100%);
          background: linear-gradient(to bottom, #2cc1fc 0%, #006cb9 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cc1fc', endColorstr='#006cb9', GradientType=0); }
        .header02 .header-inner .nav-area02 nav .nav03 {
          border-top: 4px solid #016d00;
          background: #06f606;
          background: -moz-linear-gradient(top, #06f606 0%, #058500 100%);
          background: -webkit-linear-gradient(top, #06f606 0%, #058500 100%);
          background: linear-gradient(to bottom, #06f606 0%, #058500 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#06f606', endColorstr='#058500', GradientType=0); }
        .header02 .header-inner .nav-area02 nav .nav04 {
          border-top: 4px solid #685d00;
          background: #f7d00b;
          background: -moz-linear-gradient(top, #f7d00b 0%, #925000 100%);
          background: -webkit-linear-gradient(top, #f7d00b 0%, #925000 100%);
          background: linear-gradient(to bottom, #f7d00b 0%, #925000 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d00b', endColorstr='#925000', GradientType=0); }
        .header02 .header-inner .nav-area02 nav .nav05 {
          border-top: 4px solid #7f1f00;
          background: #f9852a;
          background: -moz-linear-gradient(top, #f9852a 0%, #ba2a01 100%);
          background: -webkit-linear-gradient(top, #f9852a 0%, #ba2a01 100%);
          background: linear-gradient(to bottom, #f9852a 0%, #ba2a01 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9852a', endColorstr='#ba2a01', GradientType=0); }
        .header02 .header-inner .nav-area02 nav .nav06 {
          border-top: 4px solid #6d0075;
          border-radius: 0px 6px 6px 0px;
          background: #f821d6;
          background: -moz-linear-gradient(top, #f821d6 0%, #8f01b1 100%);
          background: -webkit-linear-gradient(top, #f821d6 0%, #8f01b1 100%);
          background: linear-gradient(to bottom, #f821d6 0%, #8f01b1 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f821d6', endColorstr='#8f01b1', GradientType=0); }

.menu-trigger {
  display: none; }

@media only screen and (max-width: 1200px) {
  .header02 .header-inner {
    width: 100%; }
    .header02 .header-inner .nav-area02 {
      width: 80%; } }
@media only screen and (max-width: 767px) {
  .drawer-menu li a {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-decoration: none;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    background: rgba(0, 0, 0, 0.15);
    margin-bottom: 1px;
    border-bottom: 1px solid #555; }

  .header02 {
    padding: 15px 0 0px;
    height: 60px; }
    .header02 .header-inner {
      width: 100%; }
      .header02 .header-inner .header02-logo {
        position: relative;
        left: 25%;
        width: 48.166667%;
        float: left; }
      .header02 .header-inner .nav-area02 {
        display: none; }

  .menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box; }

  .menu-trigger {
    position: relative;
    width: 34px;
    height: 24px;
    right: 20px !important;
    top: 5px;
    float: right;
    padding: 0; }

  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px; }

  .menu-trigger span:nth-of-type(1) {
    top: 0; }

  .menu-trigger span:nth-of-type(2) {
    top: 10px; }

  .menu-trigger span:nth-of-type(3) {
    bottom: 0; }

  .nav {
    background: #000000;
    height: 100%;
    box-shadow: inset -13px 0 15px -13px rgba(0, 0, 0, 0.6);
    display: none; }

  .nav ul {
    list-style: none;
    padding: 0;
    margin: 0; }

  .nav a {
    display: block;
    width: 100%;
    padding: 0 20px;
    text-decoration: none;
    line-height: 50px;
    color: rgba(255, 255, 255, 0.9);
    font-size: 15px;
    background: rgba(0, 0, 0, 0.15);
    margin-bottom: 1px;
    border-bottom: 1px solid #555; }

  .nav i {
    margin-right: 10px; } }
.list-box {
  
  background-size: 110% auto;
  text-align: center;
  }
  .list-box .pagettl {
    font-size: 5.1rem;
    margin: 40px 0 60px; }
    .list-box .pagettl span {
      font-size: 2.0rem;
      display: block; }
  .list-box .tabs {
    width: 720px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
    background-color: #fff;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.3); }
    .list-box .tabs li {
      width: 240px;
      float: left;
      font-size: 1.8rem;
      height: 78px;
      border-bottom: 2px solid #222;
      font-weight: bold; }
    .list-box .tabs .tab01 {
      color: #ff0000;
      border-bottom: 2px solid #ff0000; }
      .list-box .tabs .tab01 a {
        text-decoration: none;
        color: #ff0000;
        display: block;
        padding: 24px 0; }
        .list-box .tabs .tab01 a:hover {
          background-color: #ff0000;
          color: #fff; }
      .list-box .tabs .tab01 .is_active {
        background-color: #ff0000;
        color: #fff; }
    .list-box .tabs .tab02 {
      color: #ff5f00;
      border-bottom: 2px solid #ff5f00; }
      .list-box .tabs .tab02 a {
        text-decoration: none;
        color: #ff5f00;
        display: block;
        padding: 24px 0; }
        .list-box .tabs .tab02 a:before {
          content: "";
          display: inline-block;
          background: url("../images/list/naname-icon-mini.png") no-repeat;
          width: 30px;
          height: 30px;
          margin-right: 10px;
          vertical-align: sub;
          background-size: cover; }
        .list-box .tabs .tab02 a:hover {
          background-color: #ff5f00;
          color: #fff; }
          .list-box .tabs .tab02 a:hover:before {
            content: "";
            display: inline-block;
            background: url("../images/list/naname-icon-mini-on.png") no-repeat;
            width: 30px;
            height: 30px;
            margin-right: 10px;
            vertical-align: sub;
            background-size: cover; }
      .list-box .tabs .tab02 .is_active {
        background-color: #ff5f00;
        color: #fff; }
        .list-box .tabs .tab02 .is_active:before {
          content: "";
          display: inline-block;
          background: url("../images/list/naname-icon-mini-on.png") no-repeat;
          width: 30px;
          height: 30px;
          margin-right: 10px;
          vertical-align: sub;
          background-size: cover; }
    .list-box .tabs .tab03 {
      color: #00b2ff;
      border-bottom: 2px solid #00b2ff; }
      .list-box .tabs .tab03 a {
        text-decoration: none;
        color: #00b2ff;
        display: block;
        padding: 24px 0; }
        .list-box .tabs .tab03 a:before {
          content: "";
          display: inline-block;
          
          width: 22px;
          height: 30px;
          margin-right: 10px;
          vertical-align: sub;
          background-size: cover; }
        .list-box .tabs .tab03 a:hover {
          background-color: #00b2ff;
          color: #fff; }
          .list-box .tabs .tab03 a:hover:before {
            content: "";
            display: inline-block;
            background: url("../images/list/puro-icon-on.png") no-repeat;
            width: 22px;
            height: 30px;
            margin-right: 10px;
            vertical-align: sub;
            background-size: cover; }
      .list-box .tabs .tab03 .is_active {
        background-color: #00b2ff;
        color: #fff; }
        .list-box .tabs .tab03 .is_active:before {
          content: "";
          display: inline-block;
          background: url("../images/list/puro-icon-on.png") no-repeat;
          width: 22px;
          height: 30px;
          margin-right: 10px;
          vertical-align: sub;
          background-size: cover; }
  @media only screen and (max-width: 820px) {
    .list-box .tabs {
      width: 100%; }
      .list-box .tabs li {
        width: 33.3333%; } }
  .list-box .tab-content {
    background-color: rgba(255, 255, 255, 0.9); }
    .list-box .tab-content .tab-list-box {
      position: relative;
      padding: 24px 40px;
      border-bottom: 1px solid #d5d7d1; }
      .list-box .tab-content .tab-list-box .bosyu:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        display: inline-block;
        background: url("../images/list/naname-icon.png") no-repeat;
        width: 100px;
        height: 100px;
        background-size: cover; }
      .list-box .tab-content .tab-list-box .tab-list-box-inner {
        display: table; }
        .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-img {
          display: table-cell;
          vertical-align: middle; 
          width: 320px;}
        .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt {
          display: table-cell;
          vertical-align: middle;
          text-align: left;
          padding-left: 40px; }
          .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt h3 {
            font-size: 2.4rem;
            margin-bottom: 20px; }
          .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .puro:after {
            content: "";
            display: inline-block;
            
            width: 22px;
            height: 30px;
            margin-left: 10px;
            vertical-align: sub;
            background-size: cover; }
          .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .link {
            font-size: 1.8rem;
            margin-bottom: 25px; }
            .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .link:after {
              content: "";
              display: inline-block;
              background: url("../images/top/") no-repeat;
              width: 28px;
              height: 25px;
              margin-left: 10px;
              vertical-align: sub;
              background-size: cover; }
            .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .link a:hover {
              text-decoration: none; }

@media only screen and (max-width: 780px) {
  .list-box {
    background: url("../images/list/list-bg.png") , url("../images/list/list-bg02.png");
    background-repeat: no-repeat, repeat;
    background-position: center 0px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px; }
    .list-box .pagettl {
      margin: 40px 0 30px;
      padding-top: 0; }
      .list-box .pagettl span {
        display: block; } }
@media only screen and (max-width: 480px) {
  .list-box {
    background: url("../images/list/list-bg.png") , url("../images/list/list-bg02.png");
    background-repeat: no-repeat, repeat;
    background-position: center 0px, center 60px;
    background-size: 100% auto;
    text-align: center;
    padding-bottom: 30px; }
    .list-box .pagettl {
      font-size: 8.0625vw;
      margin: 10px 0 30px;
      padding-top: 0; }
      .list-box .pagettl span {
        font-size: 3.5625vw;
        display: block;
        margin-top: -8px; }
    .list-box .tabs li {
      font-size: 3.0625vw;
      height: 66px; }
    .list-box .tabs .tab01 {
      color: #ff0000;
      border-bottom: 2px solid #ff0000; }
      .list-box .tabs .tab01 a {
        text-decoration: none;
        color: #ff0000;
        display: block;
        padding: 24px 0; }
        .list-box .tabs .tab01 a:hover {
          background-color: #ff0000;
          color: #fff; }
      .list-box .tabs .tab01 .is_active {
        background-color: #ff0000;
        color: #fff; }
    .list-box .tabs .tab02 {
      color: #ff5f00;
      border-bottom: 2px solid #ff5f00; }
      .list-box .tabs .tab02 a {
        text-decoration: none;
        color: #ff5f00;
        display: block;
        padding: 13px 0 22px; }
        .list-box .tabs .tab02 a:before {
          content: "";
          margin-right: -10px;
          vertical-align: sub;
          background-size: cover; }
        .list-box .tabs .tab02 a:hover {
          background-color: #ff5f00;
          color: #fff; }
          .list-box .tabs .tab02 a:hover:before {
            content: "";
            margin-right: -10px;
            vertical-align: sub;
            background-size: cover; }
      .list-box .tabs .tab02 .is_active {
        background-color: #ff5f00;
        color: #fff; }
        .list-box .tabs .tab02 .is_active:before {
          content: "";
          margin-right: 0px;
          vertical-align: sub;
          background-size: cover; }
    .list-box .tabs .tab03 {
      color: #00b2ff;
      border-bottom: 2px solid #00b2ff; }
      .list-box .tabs .tab03 a {
        text-decoration: none;
        color: #00b2ff;
        display: block;
        padding: 14px 0 21px; }
        .list-box .tabs .tab03 a:before {
          content: "";
          display: inline-block;
          
          width: 22px;
          height: 30px;
          margin-right: 0px;
          vertical-align: sub;
          background-size: cover; }
        .list-box .tabs .tab03 a:hover {
          background-color: #00b2ff;
          color: #fff; }
          .list-box .tabs .tab03 a:hover:before {
            content: "";
            margin-right: 0px;
            vertical-align: sub;
            background-size: cover; }
      .list-box .tabs .tab03 .is_active {
        background-color: #00b2ff;
        color: #fff; }
        .list-box .tabs .tab03 .is_active:before {
          content: "";
          margin-right: 0px;
          vertical-align: sub;
          background-size: cover; }
    .list-box .tab-content {
      background-color: rgba(255, 255, 255, 0.9); }
      .list-box .tab-content .tab-list-box {
        position: relative;
        padding: 24px 20px;
        border-bottom: 1px solid #d5d7d1; }
        .list-box .tab-content .tab-list-box .bosyu:before {
          content: "";
          position: absolute;
          left: 0;
          top: 0;
          display: inline-block;
          background: url("../images/list/naname-icon.png") no-repeat;
          width: 70px;
          height: 70px;
          background-size: cover; }
        .list-box .tab-content .tab-list-box .tab-list-box-inner {
          display: block; }
          .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-img {
            display: block;
            vertical-align: middle;
            width: 100%; }
          .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt {
            display: block;
            vertical-align: middle;
            text-align: left;
            padding-left: 0;
            margin-top: 20px;
            position: relative; }
            .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt h3 {
              font-size: 5.0625vw;
              margin-bottom: 20px; }
            .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .puro:after {
              content: "";
              display: inline-block;
              
              width: 22px;
              height: 30px;
              margin-left: 10px;
              vertical-align: sub;
              background-size: cover; }
            .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .link {
              font-size: 4.0625vw;
              margin-bottom: 45px; }
              .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .link:after {
                content: "";
                display: inline-block;
                background: url("../images/top/") no-repeat;
                width: 22px;
                height: 20px;
                margin-left: 10px;
                vertical-align: sub;
                background-size: cover; }
              .list-box .tab-content .tab-list-box .tab-list-box-inner .tab-list-txt .link a:hover {
                text-decoration: none; } }
#offcanvas {
  display: none; }

.drawer--navbarTopGutter {
  padding-top: 0; }

body {
	background: none;
}



.eizologobox {
      height: 45px;
      line-height: 45px;
      font-size: 1.2rem;
      display: block;
      text-align: left;
      /* float:  left; */
      margin: 30px 0 0;
      border-top: 1px solid #d5d7d1;
      padding-top: 25px;
      padding-bottom:  45px;
      padding-left:  40px;
      margin-left:  -40px;
      margin-right:  -40px;
}

.eizologobox img {
  width: 115px;
	margin-left: 5px;
}

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


    .eizologobox {

      padding-left:  20px;
      margin-left:  -20px;
      margin-right:  -20px;

    font-size: 1.0rem;
}
}