@charset "UTF-8";

/*  default
----------------------------------------*/

.ECS--header {
  box-sizing: border-box;
  width: 100%;
  min-width: 1080px;
}

.ECS--header {
  display: flex;
  align-items: center;

  background-color: #e5ecf4;
  border-bottom: 1px solid #004097;
  box-sizing: border-box;
  height: 80px;
  padding: 0 50px;
}

.ECS--header .logo h1 {
  width: 276px;
}

.ECS--header .logo h1 img {
  width: 100%;
}

.ECS--header .logo .sub-text {
  font-size: 12px;
  font-weight: 700;
  line-height: 100%;
  margin-top: 5px;
}

.ECS--nav {
  display: flex;
  justify-content: center;

  margin-left: auto;
}

.ECS--nav > li + li {
  margin-left: 30px;
}

.ECS--nav > li a {
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: #fff;
  border: 1px solid #004097;
  border-radius: 25px;
  height: 50px;
  width: 300px;
}

.ECS--nav > li a:hover {
  opacity: .7;
  transition: .3s;
}

.ECS--nav > li a.bt-nsw-shopify img {
  height: 27px;
  width: 194px;
}

.ECS--nav > li a.bt-creoss-plus img {
  height: 24px;
  width: 116px;
}

/*  under 1024px
----------------------------------------*/

  @media (max-width: 1024px) {

.ECS--header {
  min-width: auto;
}

.ECS--header {
  display: block;

  height: auto;
  padding: 4vw 2vw;
}

.ECS--header .logo h1 {
  margin: 0 auto;
  width: 50vw;
}

.ECS--header .logo .sub-text {
  font-size: 3vw;
  margin-top: 1.33vw;
  text-align: center;
}

.ECS--nav {
  font-size: 2.7vw;
  margin-top: 4vw;
  padding: 0;
  width: auto;
}

.ECS--nav > li + li {
  margin-left: 3vw;
}

.ECS--nav > li a {
  border: 1px solid #004097;
  border-radius: 4vw;
  height: 8vw;
  width: 44vw;
}

.ECS--nav > li a.bt-nsw-shopify img {
  height: 4.68vw;
  width: 33.63vw;
}

.ECS--nav > li a.bt-creoss-plus img {
  height: 4.16vw;
  width: 20.11vw;
}

  }  /* /@media (max-width: 1024px) */