.wrapper {
  background-size: 150%;
  overflow: hidden;
}

.header > .container {
  width: 100%;
  height: 0;
  min-height: 0;
  padding-bottom: 52.73438%;
}

.header .logo {
  width: 20.54688%;
  height: 0;
  padding-bottom: 11.09375%;
  top: 5.62963%;
  left: 16.25%;
}

.header .logo a {
  width: 100%;
  height: 0;
  padding-bottom: 53.9924%;
  background-size: 100%;
}

.header .role {
  width: 56.32812%;
  height: 0;
  padding-bottom: 56.95313%;
  top: 0.74074%;
  left: 45.3125%;
  background-size: 100%;
}

.header .slogan {
  width: 57.10937%;
  height: 0;
  padding-bottom: 55.625%;
  top: 0.88889%;
  left: 6.64062%;
  background-size: 100%;
}

.header .slogan .slogan01 {
  width: 91.92886%;
  height: 0;
  padding-bottom: 43.63885%;
  top: 23.17416%;
  left: 4.10397%;
  background-size: 100%;
}

.content .container {
  width: 85%;
  padding: 20px 5px;
}