@charset "UTF-8";
.wrapper {
  background-size: 164.0625%;
  overflow: hidden;
}

/* ================= 版頭 ================= */
.header .container {
  width: 100%;
  height: 0;
  padding-bottom: 47.26562%;
}

.header .logo {
  width: 19.29688%;
  height: 0;
  padding-bottom: 8.90625%;
  top: 78.01653%;
  left: 37.96875%;
}

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

.header .slogan {
  width: 61.25%;
  height: 0;
  padding-bottom: 16.95312%;
  top: 42.31405%;
  left: 35.23438%;
  background-size: 100%;
}

.header .slogan_sub {
  width: 40.23438%;
  height: 0;
  padding-bottom: 11.09375%;
  top: 70.08264%;
  left: 58.20312%;
  background-size: 86%;
}

.header .slogan_year {
  width: 39.92188%;
  height: 0;
  padding-bottom: 11.09375%;
  top: 20.99174%;
  left: 49.6875%;
  background-size: 100%;
}

.header .role {
  width: 71.17188%;
  height: 0;
  padding-bottom: 64.92188%;
  top: 0%;
  left: -12.57813%;
  background-size: 100%;
}

.content {
  background-size: 150%;
}

.content .container {
  width: 95%;
}

@media only screen and (max-width: 560px) {
  .tableNote_label {
    top: -30px;
    right: 20px;
  }
}

@media only screen and (max-width: 560px) {
  .box {
    margin-top: 35px;
    padding: 30px 25px;
  }
}