@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

a {
  text-decoration: none;
  display: inline-block;
}

img, iframe, video {
  width: 100%;
  vertical-align: middle;
  height: auto;
}

span, label {
  display: inline-block;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}
@-webkit-keyframes transform {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  10% {
    -webkit-transform: translate(0%, -15%);
            transform: translate(0%, -15%);
  }
  20% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@keyframes transform {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  10% {
    -webkit-transform: translate(0%, -15%);
            transform: translate(0%, -15%);
  }
  20% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-webkit-keyframes transform1 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  10% {
    -webkit-transform: translate(-15%, 0%);
            transform: translate(-15%, 0%);
  }
  20% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@keyframes transform1 {
  0% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  10% {
    -webkit-transform: translate(-15%, 0%);
            transform: translate(-15%, 0%);
  }
  20% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
  100% {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@-webkit-keyframes transform2 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes transform2 {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@-webkit-keyframes transform3 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes transform3 {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes transform4 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@keyframes transform4 {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
@-webkit-keyframes transform5 {
  0% {
    -webkit-transform: translateY(-10%) scale(1.1);
            transform: translateY(-10%) scale(1.1);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1);
  }
}
@keyframes transform5 {
  0% {
    -webkit-transform: translateY(-10%) scale(1.1);
            transform: translateY(-10%) scale(1.1);
  }
  100% {
    -webkit-transform: translateY(0%) scale(1);
            transform: translateY(0%) scale(1);
  }
}
@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  20% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes scale1 {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale1 {
  0% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  -webkit-tap-highlight-color: transparent !important;
  outline: none !important;
}

html {
  font-size: 16px;
}

body {
  font-family: Arial, "Noto Sans TC", "微軟正黑體", sans-serif;
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
}

#wrapper {
  overflow: hidden;
}

.content {
  max-width: 1200px;
  margin: 0 auto;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cp {
  cursor: pointer;
}

.p400 {
  font-weight: 400;
}

.p500 {
  font-weight: 500;
}

.p700 {
  font-weight: 700;
}

.p900 {
  font-weight: 900;
}

.m {
  display: none;
}

header {
  width: 100%;
  padding: 2.7rem 0;
  position: absolute;
  left: 0%;
  top: -8.625rem;
  top: 0;
}
header .content input {
  display: none;
}
header .content > label {
  display: none;
}
header .content ul {
  width: 100%;
  z-index: 1;
}
header .content ul li {
  margin: 0 0.8%;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
header .content ul li:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
header .content ul li .img {
  width: 9.5rem;
}
header .content ul li p {
  font-size: 1.193625rem;
  position: absolute;
  left: 50%;
  top: 45.6%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
  text-shadow: 0.0825625rem 0.0825625rem 0.12384375rem #000000;
}

.cursor {
  position: fixed;
  right: 2%;
  bottom: 2%;
  z-index: 1000;
  -webkit-animation: transform5 0.5s linear infinite alternate;
          animation: transform5 0.5s linear infinite alternate;
}
.cursor .img {
  width: 12rem;
}

section#kv {
  position: relative;
  z-index: 11;
  padding: 1px;
}
section#kv .bg1 {
  background: -webkit-gradient(linear, left bottom, left top, color-stop(68%, rgb(246, 246, 246)), to(#7dbbf8));
  background: linear-gradient(0deg, rgb(246, 246, 246) 68%, #7dbbf8 100%);
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 50%;
}
section#kv .kv {
  height: calc(100dvh - 8.625rem);
  margin: 8.625rem 0 0 0;
  position: relative;
  font-size: calc((100dvh - 8.625rem) * 0.01);
}
section#kv .kv .bg2 {
  background: -webkit-gradient(linear, right top, left top, from(rgb(164, 165, 2)), color-stop(24%, rgb(107, 124, 2)), color-stop(58%, rgb(185, 181, 3)));
  background: linear-gradient(270deg, rgb(164, 165, 2) 0%, rgb(107, 124, 2) 24%, rgb(185, 181, 3) 58%);
  position: absolute;
  left: 0%;
  bottom: 0%;
  width: 100%;
  height: 27%;
}
section#kv .kv .center {
  position: absolute;
  width: 1em;
  height: 1em;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#kv .kv .center .treeOuter {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 2350%;
  left: 50%;
  width: 1em;
  height: 1em;
}
section#kv .kv .center .treeOuter .tree {
  width: 237.7em;
  top: -5921.4%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#kv .kv .center .img {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
section#kv .kv .center .img.houseRight {
  width: 74em;
  left: 6540%;
  top: 1173%;
}
section#kv .kv .center .img.houseLeft {
  width: 68.9em;
  left: -5987%;
  top: 613%;
}
section#kv .kv .center .img.grass {
  width: 203.9em;
  left: 230%;
  top: 3107%;
}
section#kv .kv .center .img.title {
  width: 90.8em;
  left: 230%;
  top: -2917%;
}
section#kv .kv .center .img.title img.on {
  -webkit-animation: scale1 0.5s linear 1;
          animation: scale1 0.5s linear 1;
}
section#kv .kv .center .img.robot1 {
  width: 40.175em;
  left: -1586.8%;
  top: 1619%;
}
section#kv .kv .center .img.robot1 img.on {
  -webkit-animation: transform4 0.5s linear 1;
          animation: transform4 0.5s linear 1;
}
section#kv .kv .center .img.bird {
  width: 19.5625em;
  left: 1403%;
  top: 670%;
}
section#kv .kv .center .img.bird img.on {
  -webkit-animation: transform3 0.5s linear 1;
          animation: transform3 0.5s linear 1;
}
section#kv .kv .center .img.txt {
  width: 102.1625em;
  left: 30%;
  top: 4300%;
}
section#kv .kv .center .img.txt img.on {
  -webkit-animation: scale1 0.5s linear 1;
          animation: scale1 0.5s linear 1;
}
section#kv .kv .center .img.awards1 {
  width: 13.6625em;
  left: 2860%;
  top: 2828%;
}
section#kv .kv .center .img.awards1 img.on {
  -webkit-animation: transform3 0.5s linear 1;
          animation: transform3 0.5s linear 1;
}
section#kv .kv .center .img.awards2 {
  width: 13.6625em;
  left: 4341%;
  top: 2828%;
}
section#kv .kv .center .img.awards2 img.on {
  -webkit-animation: transform3 0.5s linear 1;
          animation: transform3 0.5s linear 1;
}
section#kv .kv .center .img.awards3 {
  width: 13.6625em;
  left: 1370%;
  top: 2828%;
}
section#kv .kv .center .img.awards3 img.on {
  -webkit-animation: transform3 0.5s linear 1;
          animation: transform3 0.5s linear 1;
}
section#kv .txtOuter {
  background: -webkit-gradient(linear, right top, left top, from(rgb(164, 165, 2)), color-stop(24%, rgb(107, 124, 2)), color-stop(58%, rgb(185, 181, 3)));
  background: linear-gradient(270deg, rgb(164, 165, 2) 0%, rgb(107, 124, 2) 24%, rgb(185, 181, 3) 58%);
  position: relative;
  padding: 0 0 1.5rem 0;
}
section#kv .txtOuter .dot {
  width: 1rem;
  height: 1rem;
  position: absolute;
  left: 0%;
  top: 0.9%;
}
section#kv .txtOuter .dot .img {
  width: 31rem;
  position: absolute;
  left: 0%;
  top: 0%;
  -webkit-animation: rotate 0.5s linear infinite alternate;
          animation: rotate 0.5s linear infinite alternate;
}
section#kv .txtOuter .content {
  padding: 3.1rem 0 0 0;
}
section#kv .txtOuter .content .bar {
  width: 61.792925rem;
  height: 5.8830375rem;
  background: -webkit-gradient(linear, right top, left top, from(#575700), color-stop(70%, #887705));
  background: linear-gradient(270deg, #575700 0%, #887705 70%);
  -webkit-box-shadow: inset 0rem 0.25rem 0rem #655406, 0rem 0.1rem 0rem #ece9ac;
          box-shadow: inset 0rem 0.25rem 0rem #655406, 0rem 0.1rem 0rem #ece9ac;
  border-radius: 20rem;
  margin: 0 auto 0rem 14.5%;
  overflow: hidden;
}
section#kv .txtOuter .content .bar span {
  -webkit-animation: transform2 5s linear infinite;
          animation: transform2 5s linear infinite;
  font-size: 2rem;
  white-space: nowrap;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
section#kv .txtOuter .content .bulletinBoard {
  position: relative;
}
section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(2) {
  width: 15.125rem;
  position: absolute;
  left: 5%;
  top: -4%;
}
section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(1) {
  width: 61rem;
  margin: 3.3rem 0 0 16.8%;
  position: relative;
}
section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(1) .txt {
  position: absolute;
  left: 9.4%;
  top: 17.7%;
  width: 72.74%;
}
section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(1) .txt p.p900 {
  font-size: 3.3485625rem;
  color: #40220F;
  text-shadow: 0.15rem 0rem 0rem #fff;
  padding: 0 0 0.8rem 0;
}
section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(1) .txt p.p900 span {
  color: #7F4F21;
}
section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(1) .txt p.p700 {
  font-size: 1.77513125rem;
  color: #40220F;
  line-height: 3rem;
}
section#kv .txtOuter .line {
  background: url("../images/kvDecorativeLines.png") repeat-x center center/79.25rem;
  height: 6rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -4.6%;
}

section#sec1 {
  background: url(../images/sec1bgLeft.png) no-repeat left -4.9rem bottom -0.1rem/40.5rem, url(../images/sec1bgRight.png) no-repeat right -3.5rem bottom 0.5rem/36.3125rem, -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(246, 246, 246)), to(rgb(122, 184, 246)));
  background: url(../images/sec1bgLeft.png) no-repeat left -4.9rem bottom -0.1rem/40.5rem, url(../images/sec1bgRight.png) no-repeat right -3.5rem bottom 0.5rem/36.3125rem, linear-gradient(0deg, rgb(246, 246, 246) 50%, rgb(122, 184, 246) 100%);
  position: relative;
  padding: 2.5rem 0 1.5rem 0;
  z-index: 10;
}
section#sec1 .line {
  background: url("../images/kvDecorativeLines.png") repeat-x center center/79.25rem;
  height: 6rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -2.5%;
}
section#sec1 .content .title .img {
  margin: 0 auto;
}
section#sec1 .content .title .img:nth-of-type(1) {
  width: 33.0625rem;
  padding: 1.2rem 0 0.5rem 0;
}
section#sec1 .content .title .img:nth-of-type(2) {
  width: 18.125rem;
  position: relative;
}
section#sec1 .content .title .img:nth-of-type(2) p {
  position: absolute;
  left: 50%;
  top: 23%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  font-size: 2.7090875rem;
  white-space: nowrap;
  text-shadow: 0.0825625rem 0.0825625rem 0.12384375rem #000000;
}
section#sec1 .content .flexOuter {
  padding: 0.5rem 0 0 0;
}
section#sec1 .content .flexOuter .box {
  padding: 0 1.9%;
  position: relative;
}
section#sec1 .content .flexOuter .box .img {
  width: 27.0625rem;
  position: relative;
}
section#sec1 .content .flexOuter .box .img p {
  font-size: 1.76648125rem;
  line-height: 2.8rem;
  position: absolute;
  left: 50%;
  top: 76%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 100%;
  text-shadow: 0.0825625rem 0.0825625rem 0.12384375rem #000000;
}
section#sec1 .content .flexOuter .box .img:nth-of-type(2) {
  position: absolute;
  left: 29.8%;
  top: 14.3%;
  width: 6.1875rem;
  -webkit-animation: transform1 2s linear infinite alternate;
          animation: transform1 2s linear infinite alternate;
}
section#sec1 .content .flexOuter .box:nth-of-type(2) .img p {
  font-size: 1.60255rem;
}
section#sec1 .content .flexOuter .box:nth-of-type(2) .img:nth-of-type(2) {
  width: 7.875rem;
  left: 29.1%;
  top: 16.8%;
  -webkit-animation: transform1 2s 1s linear infinite alternate;
          animation: transform1 2s 1s linear infinite alternate;
}

section#sec2 {
  position: relative;
  padding: 2.5rem 0 3rem 0;
  z-index: 9;
  background: -webkit-gradient(linear, right top, left top, from(#823B00), color-stop(24%, #692705));
  background: linear-gradient(270deg, #823B00 0%, #692705 24%);
}
section#sec2 .line {
  background: url("../images/sec3decorativeLines.png") repeat-x center center/79.25rem;
  height: 3.5625rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -4.3%;
}
section#sec2 .content .title {
  padding: 0.8rem 0 0.9rem 0;
}
section#sec2 .content .title .img {
  width: 18.75rem;
  margin: 0 auto;
  position: relative;
}
section#sec2 .content .title .img p {
  position: absolute;
  left: 50%;
  top: 26%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  font-size: 2.7090875rem;
  white-space: nowrap;
  text-shadow: 0.0825625rem 0.0825625rem 0.12384375rem #000000;
}
section#sec2 .content .flexOuter {
  max-width: 72.1875rem;
  padding: 0 0 0.9rem 0;
  margin: 0 auto;
}
section#sec2 .content .flexOuter .box {
  margin: 0 2%;
}
section#sec2 .content .flexOuter .box .img {
  width: 12.1572rem;
}
section#sec2 .content .flexOuter .box .img h3 {
  font-size: 1.8577rem;
  padding: 1.6rem 0 0.4rem 0;
  white-space: nowrap;
  text-shadow: 0.0825625rem 0.0825625rem 0.12384375rem #000000;
  position: relative;
}
section#sec2 .content .flexOuter .box .img h3 span {
  position: absolute;
  left: 50%;
  top: 86%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  font-size: 1.55825rem;
}
section#sec2 .content .flexOuter .box .img h4 {
  font-size: 1.8577rem;
  text-shadow: 0.0825625rem 0.0825625rem 0.12384375rem #000000;
  color: #F8B62D;
  white-space: nowrap;
  padding: 0 0 1.2rem 0;
}
section#sec2 .content .flexOuter .box .img .txt {
  height: 9.595725rem;
  background: #40220F;
  padding: 1.1rem 8.7%;
  margin: 1rem 0;
  border-radius: 1rem;
  -webkit-box-shadow: inset 0rem 0.3rem 0rem #331908, 0rem 0.25rem 0rem #d8c7b2;
          box-shadow: inset 0rem 0.3rem 0rem #331908, 0rem 0.25rem 0rem #d8c7b2;
}
section#sec2 .content .flexOuter .box .img .txt p {
  font-size: 1.25rem;
  line-height: 1.9rem;
}
section#sec2 .content .flexOuter .box:last-of-type .img h3 {
  padding: 1.2rem 0 0.4rem 0;
}
section#sec2 .content .flexOuter .box:last-of-type .img h4 {
  font-size: 1.5625rem;
  padding: 1.2rem 0 0.4rem 0;
}

section#sec3 {
  position: relative;
  padding: 2.5rem 0 3rem 0;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(77%, rgb(255, 222, 167)), color-stop(77%, rgb(255, 240, 211)));
  background: linear-gradient(0deg, rgb(255, 222, 167) 77%, rgb(255, 240, 211) 77%);
  z-index: 8;
}
section#sec3 .box1 {
  position: absolute;
  width: 1rem;
  height: 1rem;
  left: 0%;
  top: 0%;
}
section#sec3 .box1 .img {
  position: absolute;
  left: -1540%;
  top: 90%;
  width: 63.9375rem;
}
section#sec3 .box2 {
  position: absolute;
  width: 1rem;
  height: 1rem;
  right: 0%;
  top: 0%;
}
section#sec3 .box2 .img {
  position: absolute;
  right: -1320%;
  top: 70%;
  width: 62.4375rem;
}
section#sec3 .line {
  background: url("../images/sec3decorativeLines1.png") repeat-x center center/79.25rem;
  height: 3.5625rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -1.6%;
  z-index: 1;
}
section#sec3 .content {
  position: relative;
  z-index: 1;
}
section#sec3 .content .title {
  padding: 1.8rem 0 1.3rem 0;
}
section#sec3 .content .title .img {
  width: 27.6875rem;
  margin: 0 auto;
}
section#sec3 .content p {
  font-size: 1.448125rem;
  line-height: 2.6rem;
  color: #3E3A39;
  padding: 0.3rem 0 1rem 0;
}

section#sec4 {
  position: relative;
  padding: 2.5rem 0 1.5rem 0;
  background: -webkit-gradient(linear, right top, left top, from(rgb(164, 165, 2)), color-stop(24%, rgb(107, 124, 2)), color-stop(58%, rgb(185, 181, 3)));
  background: linear-gradient(270deg, rgb(164, 165, 2) 0%, rgb(107, 124, 2) 24%, rgb(185, 181, 3) 58%);
  z-index: 7;
}
section#sec4 .line {
  background: url("../images/kvDecorativeLines.png") repeat-x center center/79.25rem;
  height: 14rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -7.5%;
  padding: 4rem 0;
}
section#sec4 .line .title {
  position: absolute;
  left: 50%;
  top: 4%;
  width: 100%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec4 .line .title .img {
  width: 33.0625rem;
  margin: 0 auto;
}
section#sec4 .content .flexOuter {
  padding: 0 0 8.7rem 0;
}
section#sec4 .content .flexOuter .bigBox {
  width: 50%;
}
section#sec4 .content .flexOuter .bigBox .title {
  padding: 0.7rem 0 1.5rem 0;
}
section#sec4 .content .flexOuter .bigBox .title .img {
  width: 30.8125rem;
  margin: 0 auto;
}
section#sec4 .content .flexOuter .bigBox .box {
  position: relative;
  margin: 0 2%;
  background: rgba(0, 0, 0, 0.4392156863);
  -webkit-box-shadow: inset 0rem 0.5rem 0rem rgba(51, 25, 8, 0.5058823529), 0rem 0.5rem 0rem rgba(121, 112, 48, 0.5254901961);
          box-shadow: inset 0rem 0.5rem 0rem rgba(51, 25, 8, 0.5058823529), 0rem 0.5rem 0rem rgba(121, 112, 48, 0.5254901961);
  border-radius: 2.3rem;
  padding: 2.5rem 3%;
}
section#sec4 .content .flexOuter .bigBox .box .gift {
  width: 50%;
  padding: 0 2%;
}
section#sec4 .content .flexOuter .bigBox .box .gift .img {
  width: 16.0584235294rem;
  position: relative;
}
section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(1) {
  padding: 0 0 0.4rem 0;
}
section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(1) img:nth-of-type(2) {
  width: 11.7682058824rem;
  position: absolute;
  left: 48.2%;
  top: 23%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(2) {
  width: 15.3285705882rem;
}
section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(2) p {
  font-size: 1.5080941176rem;
  position: absolute;
  left: 56.6%;
  top: 43.6%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  white-space: nowrap;
  text-shadow: 0.3125rem 0.3125rem 0.3125rem #000000;
}
section#sec4 .content .flexOuter .bigBox:nth-of-type(2) .box .gift .img p {
  font-size: 1.3rem;
}

section#sec5 {
  position: relative;
  padding: 2.5rem 0 3rem 0;
  background: url(../images/sec1bgLeft.png) no-repeat left -5.7rem bottom -1.1rem/51.25rem, url(../images/sec1bgRight.png) no-repeat right -4.1rem bottom -0.5rem/47.375rem, -webkit-gradient(linear, left bottom, left top, color-stop(50%, rgb(246, 246, 246)), to(rgb(122, 184, 246)));
  background: url(../images/sec1bgLeft.png) no-repeat left -5.7rem bottom -1.1rem/51.25rem, url(../images/sec1bgRight.png) no-repeat right -4.1rem bottom -0.5rem/47.375rem, linear-gradient(0deg, rgb(246, 246, 246) 50%, rgb(122, 184, 246) 100%);
  z-index: 6;
}
section#sec5 .line {
  background: url("../images/kvDecorativeLines.png") repeat-x center center/79.25rem;
  height: 6rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -0.7%;
}
section#sec5 .content {
  position: relative;
}
section#sec5 .content > .txtOuter {
  padding: 4.8rem 0 0 0;
}
section#sec5 .content > .txtOuter .txt {
  padding: 0 0 1.7rem 0;
}
section#sec5 .content > .txtOuter .txt .img {
  position: relative;
  width: 15.125rem;
}
section#sec5 .content > .txtOuter .txt .img > p {
  font-size: 2.250875rem;
  position: absolute;
  left: 50%;
  top: 31%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  white-space: nowrap;
}
section#sec5 .content > .txtOuter .txt > p {
  font-size: 2.250875rem;
  white-space: nowrap;
  background: #5d7c7f;
  padding: 1.5rem 0 1.5rem 4%;
  width: 51.9524rem;
  border-radius: 0 20rem 20rem 0;
  text-align: left;
  -webkit-box-shadow: inset 0rem 0.25rem 0rem #606d69, 0rem 0.11rem 0rem #ecf5fc;
          box-shadow: inset 0rem 0.25rem 0rem #606d69, 0rem 0.11rem 0rem #ecf5fc;
  text-shadow: 0.0825625rem 0.0825625rem 0.0825625rem #000000;
  margin: 0 0 0 -1%;
}
section#sec5 .content .group .title {
  padding: 1.9rem 0 2.1rem 0;
}
section#sec5 .content .group .title .img {
  width: 18.75rem;
  margin: 0 auto;
  position: relative;
}
section#sec5 .content .group .title .img p {
  position: absolute;
  font-size: 2.66090625rem;
  left: 50%;
  top: 26%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  white-space: nowrap;
}
section#sec5 .content .group .flexOuter .box {
  position: relative;
  padding: 0 1.2%;
}
section#sec5 .content .group .flexOuter .box .img {
  width: 13.25rem;
  margin: 0 auto;
}
section#sec5 .content .group .flexOuter .box .imgOuter {
  position: relative;
}
section#sec5 .content .group .flexOuter .box .imgOuter > .img {
  width: 23.5rem;
}
section#sec5 .content .group .flexOuter .box .imgOuter > .img:nth-of-type(1) {
  padding: 0.5rem 0 0 0;
}
section#sec5 .content .group .flexOuter .box .imgOuter > .img:nth-of-type(2) {
  width: 11rem;
  position: absolute;
  left: 50%;
  top: 2.7%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter {
  position: absolute;
  left: 50%;
  top: 23.8%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt {
  width: 100%;
  padding: 0.3rem 0rem 0.3rem 0;
}
section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt .img {
  width: 2.25rem;
}
section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt p {
  font-size: 1.2783125rem;
  color: #633F5C;
  text-align: left;
  width: calc(100% - 2.25rem);
  padding: 0 0 0 2%;
  white-space: nowrap;
}
section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt p img {
  width: 1.8125rem;
  margin: 0 0 0.3rem -2.3%;
}
section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt p span {
  font-size: 1.125rem;
  color: #633F5C;
  padding: 0.5rem 0 0 0;
}
section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt:nth-of-type(4) {
  margin: 0.2rem auto;
}
section#sec5 .content .group .text {
  padding: 5rem 0 2rem 0;
}
section#sec5 .content .group .text p {
  font-size: 2.60653125rem;
  color: #41220e;
  letter-spacing: 0.1rem;
  white-space: nowrap;
  line-height: 3.8rem;
}
section#sec5 .content .group .text p span {
  color: #c00109;
}
section#sec5 .content .group .bar {
  background: #5a483e;
  border-radius: 20rem;
  max-width: 65.54931875rem;
  margin: 0 auto;
  padding: 1rem 0;
}
section#sec5 .content .group .bar .img {
  width: 37.4375rem;
  margin: 0 auto;
}
section#sec5 .content .group .button {
  padding: 4.2rem 0 4.2rem 0;
}
section#sec5 .content .group .button .img {
  width: 20.875rem;
  margin: 0 auto;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
section#sec5 .content .group .button .img:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
section#sec5 .content .group .button .img img:nth-of-type(1) {
  -webkit-animation: scale 2s linear infinite alternate;
          animation: scale 2s linear infinite alternate;
}
section#sec5 .content .group .button .img img:nth-of-type(2) {
  width: 3.8125rem;
  position: absolute;
  right: -2%;
  bottom: -26.2%;
  -webkit-animation: transform1 2s linear infinite alternate;
          animation: transform1 2s linear infinite alternate;
}

section#sec6 {
  position: relative;
  padding: 2.5rem 0 3rem 0;
  background: -webkit-gradient(linear, right top, left top, from(#823B00), color-stop(24%, #692705));
  background: linear-gradient(270deg, #823B00 0%, #692705 24%);
  z-index: 5;
}
section#sec6 .line {
  background: url("../images/kvDecorativeLines1.png") repeat-x center center/79.25rem;
  height: 7rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -2.6%;
}
section#sec6 .content {
  position: relative;
}
section#sec6 .content .title {
  position: absolute;
  left: 50%;
  top: -8.1%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec6 .content > .img {
  max-width: 65.75rem;
  margin: 5.3rem auto 5.2rem auto;
  position: relative;
}
section#sec6 .content > .img .txtOuter {
  position: absolute;
  top: 16.2%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 45.6827125rem;
}
section#sec6 .content > .img .txtOuter .txt .img {
  width: 6.25rem;
}
section#sec6 .content > .img .txtOuter .txt p {
  font-size: 1.375rem;
  white-space: nowrap;
  width: 36.51285625rem;
  background: #604C3F;
  border-radius: 20rem;
  padding: 0.75rem 0;
  margin: 0.45rem 0 0.4rem 2.7%;
}
section#sec6 .content > .img .txtOuter .txt:first-child {
  border-bottom: 0.2rem solid #633F5C;
  margin: 0rem 0 0.75rem 0;
}
section#sec6 .content > .img .txtOuter .txt:first-child p {
  color: #633F5C;
  background: transparent;
  margin: 0;
  padding: 0 0 0.75rem 0;
  font-size: 1.6840625rem;
}
section#sec6 .content > .img .txtOuter .txt:first-child p:nth-of-type(1) {
  width: 8.01648125rem;
}
section#sec7 {
  position: relative;
  padding: 2.5rem 0 3rem 0;
  background: -webkit-gradient(linear, right top, left top, from(rgb(164, 165, 2)), color-stop(24%, rgb(107, 124, 2)), color-stop(58%, rgb(185, 181, 3)));
  background: linear-gradient(270deg, rgb(164, 165, 2) 0%, rgb(107, 124, 2) 24%, rgb(185, 181, 3) 58%);
  z-index: 4;
}
section#sec7 .line {
  background: url("../images/kvDecorativeLines.png") repeat-x center center/79.25rem;
  height: 7rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -1.5%;
}
section#sec7 .line > .img {
  position: absolute;
  left: 50%;
  top: 34%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 18.75rem;
}
section#sec7 .line > .img p {
  font-size: 2.39729375rem;
  position: absolute;
  left: 50%;
  top: 28%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  white-space: nowrap;
  text-shadow: 0.0826625rem 0.0826625rem 0.124rem #000000;
}
section#sec7 .content > .title {
  padding: 0 0 0.2rem 0;
}
section#sec7 .content > .title .img {
  width: 33.125rem;
  margin: 0 auto;
}
section#sec7 .content .subtitle {
  position: absolute;
  left: 50%;
  top: -5%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec7 .content .subtitle .img {
  width: 18.75rem !important;
  margin: 0 auto;
}
section#sec7 .content .map1 {
  margin: 4rem 0 0 0;
  position: relative;
}
section#sec7 .content .map1 .img {
  width: 73.4375rem;
  margin: 0 auto;
}
section#sec7 .content .map2 {
  margin: 5.5rem 0 8.5rem 0;
  position: relative;
}
section#sec7 .content .map2 .img {
  width: 73.5625rem;
  margin: 0 auto;
}
section#sec7 .content .sec7-1 {
  position: relative;
}
section#sec7 .content .sec7-1 > .img {
  width: 65.3125rem;
  margin: 0 auto;
}
section#sec7 .content .sec7-1 > .img .txtOuter {
  position: absolute;
  top: 22.1%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 54.4rem;
}
section#sec7 .content .sec7-1 > .img .txtOuter > .title {
  border-bottom: 0.2rem solid #633F5C;
  margin: 0 3%;
}
section#sec7 .content .sec7-1 > .img .txtOuter > .title p {
  color: #1A1A1A;
  font-size: 1.68613125rem;
  padding: 0 0 0.7rem 0;
}
section#sec7 .content .sec7-1 > .img .txtOuter > .title p:nth-of-type(1) {
  width: 10.4375rem;
}
section#sec7 .content .sec7-1 > .img .txtOuter > .title p:nth-of-type(2) {
  width: 18.9497625rem;
  margin: 0 2.1%;
}
section#sec7 .content .sec7-1 > .img .txtOuter > .title p:nth-of-type(3) {
  width: 21.2643875rem;
}
section#sec7 .content .sec7-1 > .img .txtOuter .txt {
  margin: 1.6rem 0 0 0;
}
section#sec7 .content .sec7-1 > .img .txtOuter .txt .img {
  width: 10.4375rem;
}
section#sec7 .content .sec7-1 > .img .txtOuter .txt p {
  font-size: 1.31065rem;
  white-space: nowrap;
  background: #604C3F;
  border-radius: 20rem;
  padding: 0.8rem 0;
}
section#sec7 .content .sec7-1 > .img .txtOuter .txt p:nth-of-type(1) {
  width: 18.9497625rem;
  margin: 0 2.1%;
}
section#sec7 .content .sec7-1 > .img .txtOuter .txt p:nth-of-type(2) {
  width: 21.2643875rem;
}
section#sec7 .content .sec7-1 > .img .txtOuter .list:nth-of-type(5) {
  padding: 2.8rem 0 0 0;
}
section#sec7 .content .sec7-1 > .img .txtOuter .list p {
  background: transparent;
  color: #1A1A1A;
  width: 100%;
  font-size: 1.3rem;
  text-align: left;
  text-indent: -2.2rem;
  padding: 0 0 0 2.2rem;
  line-height: 2.6rem;
}
section#sec7 .content .sec7-1 > .img .txtOuter .list p img {
  width: 2rem;
  margin: 0 0.4rem 0 0;
}
section#sec7 .content .sec7-1 > .title {
  position: absolute;
  left: 50%;
  top: -13%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec7 .content .sec7-1 > .title .img {
  width: 33.125rem;
}
section#sec7 .content .sec7-2 {
  position: relative;
}
section#sec7 .content .sec7-2 > .img {
  width: 65.8125rem;
  margin: 0 auto;
  padding: 6.6rem 0 5rem 0;
  position: relative;
}
section#sec7 .content .sec7-2 > .img .txtOuter {
  position: absolute;
  top: 20.4%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 49.6875rem;
}
section#sec7 .content .sec7-2 > .img .txtOuter .box {
  padding: 0 0 1.8rem 0;
}
section#sec7 .content .sec7-2 > .img .txtOuter .box .img {
  width: 11rem;
}
section#sec7 .content .sec7-2 > .img .txtOuter .box .txt {
  width: 37.55126875rem;
  padding: 0 0 0 2.2%;
}
section#sec7 .content .sec7-2 > .img .txtOuter .box .txt p {
  font-size: 2.1935125rem;
  color: #1A1A1A;
  text-align: left;
  line-height: 3rem;
  white-space: nowrap;
}
section#sec7 .content .sec7-2 > .img .txtOuter .box .txt p img {
  width: 3.125rem;
  margin: 0 0 0.6rem 0;
}
section#sec7 .content .sec7-2 > .img .txtOuter .box .txt p.p400 {
  font-size: 1.70654375rem;
  color: #C1272D;
}
section#sec7 .content .sec7-2 > .title {
  position: absolute;
  left: 50%;
  top: 2.1%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec7 .content .sec7-2 > .title .img {
  width: 33.125rem;
}

section#sec8 {
  padding: 2.5rem 0 3rem 0;
  background: #29623F;
  position: relative;
  z-index: 3;
}
section#sec8 .line {
  background: url("../images/kvDecorativeLines1.png") repeat-x center center/79.25rem;
  height: 7rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -1.5%;
}
section#sec8 .content .imgOuter {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 4.5rem 0 0 0;
}
section#sec8 .content .imgOuter .img {
  width: 32.6875rem;
  margin: 0 0.8% 1rem 0.8%;
}
section#sec8 .content > p {
  font-size: 1.9375rem;
  padding: 0.7rem 0 0 0;
  width: 66.3980125rem;
  text-align: justify;
  margin: 0 auto;
  line-height: 3.4rem;
  text-indent: 3.9rem;
}
section#sec8 .content > p:nth-of-type(2) {
  text-align: right;
  font-size: 1.25rem;
}
section#sec8 .content .title .img {
  width: 22.9375rem;
  margin: 0 auto;
  position: relative;
}
section#sec8 .content .title .img p {
  font-size: 2.66415625rem;
  text-shadow: 0.0826625rem 0.0826625rem 0.124rem #000000;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
}
section#sec8 .content .flexOuter {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 58.8rem;
  margin: 1.4rem auto 2.3rem auto;
}
section#sec8 .content .flexOuter .img {
  width: 16.75rem;
  margin: 0 2.4% 1rem 2.4%;
  position: relative;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
section#sec8 .content .flexOuter .img:hover {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
}
section#sec8 .content .flexOuter .img p {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
  font-size: 2.335825rem;
  text-shadow: 0.1875rem 0.1875rem 0.125rem #000000;
  line-height: 2.8rem;
}
section#sec8 .content .flexOuter .img.s p {
  font-size: 2.0794rem;
  line-height: 2.5rem;
}

section#sec9 {
  padding: 2.5rem 0 1rem 0;
  position: relative;
  z-index: 2;
  background: -webkit-gradient(linear, right top, left top, from(rgb(164, 165, 2)), color-stop(24%, rgb(107, 124, 2)), color-stop(58%, rgb(185, 181, 3)));
  background: linear-gradient(270deg, rgb(164, 165, 2) 0%, rgb(107, 124, 2) 24%, rgb(185, 181, 3) 58%);
}
section#sec9 .line {
  background: url("../images/sec3decorativeLines.png") repeat-x center center/79.25rem;
  height: 7rem;
  width: 100%;
  position: absolute;
  left: 0%;
  bottom: -2.5%;
}
section#sec9 .content .title {
  padding: 0 0 2.2rem 0;
}
section#sec9 .content .title .img {
  width: 18.75rem;
  margin: 0 auto;
  position: relative;
}
section#sec9 .content .title .img p {
  position: absolute;
  left: 50%;
  top: 28.8%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  font-size: 2.66415625rem;
  white-space: nowrap;
  text-shadow: 0.0826625rem 0.0826625rem 0.124rem #000000;
}
section#sec9 .content > a .img {
  width: 44.9375rem;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
section#sec9 .content > a .img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
section#sec9 .content .iconOuter {
  padding: 2.5rem 0 1.5rem 0;
  width: 54.17200625rem;
  margin: 0 auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
section#sec9 .content .iconOuter a {
  width: 33.3%;
}
section#sec9 .content .iconOuter .img {
  width: 16.5rem;
  margin: 0 1.1%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
section#sec9 .content .iconOuter .img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
section#sec9 .content .logoOuter {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  position: relative;
  margin: 0 0 3.6rem 0;
}
section#sec9 .content .logoOuter p {
  position: absolute;
  font-size: 9.86535rem;
  left: 50%;
  top: 26.7%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  white-space: nowrap;
}
section#sec9 .content .logoOuter a {
  display: block;
  margin: 0 0.5% 1rem 0.5%;
  background: #fff;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  height: 9rem;
  overflow: hidden;
  width: 13.62360625rem;
  position: relative;
}
section#sec9 .content .logoOuter a .img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
}
section#sec9 .content .logoOuter a.no {
  border: 0rem !important;
  height: 0rem !important;
}
section#sec9 .content .logoOuter a:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
section#sec9 .content .logoOuter:nth-of-type(5) a {
  height: 13rem;
  border: 0.1rem solid #fff;
  background: transparent;
}

footer {
  margin: 0 auto;
  padding: 3.7rem 0px 2rem 0;
  background: #574E4A;
}
footer .content .box {
  text-align: left;
  width: 72.41166875rem;
}
footer .content .box > p {
  font-size: 1.2546375rem;
  color: #FBB03B;
  border: 0.1rem solid #FBB03B;
  display: inline-block;
  padding: 0.3rem 0.8%;
  margin: 0.7rem 0 0 0;
}
footer .content .box > .txt {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.7rem 0 0 0;
}
footer .content .box > .txt .img {
  width: 2rem;
}
footer .content .box > .txt p {
  font-size: 1.6667375rem;
  padding: 0 0 0 0.5rem;
}
footer .content .box .txtOuter {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.4rem 0 0 0;
}
footer .content .box .txtOuter .txt {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
footer .content .box .txtOuter .txt .img {
  width: 2rem;
}
footer .content .box .txtOuter .txt p {
  font-size: 1.6667375rem;
  padding: 0 0 0 0.5rem;
}
footer .content .box .txtOuter .txt:nth-of-type(2) p {
  font-size: 1.4586875rem;
}
footer .content .box .info {
  border: 0.1rem solid #fff;
  padding: 1.1rem 3% 0.9rem 3%;
  width: 64.98023125rem;
  margin: 2.8rem auto 0 auto;
}
footer .content .box .info p {
  font-size: 1.6667375rem;
  text-align: center;
  line-height: 2.3rem;
  letter-spacing: 0.1rem;
}

@media screen and (max-aspect-ratio: 1144/1168) {
  section#kv .kv {
    font-size: 0.92vw;
    height: 100vw;
  }
}
@media screen and (min-aspect-ratio: 1920/1080) {
  section#kv .kv .center .treeOuter .tree {
    width: 117vw;
    width: 117dvw;
    top: -29.4vw;
  }
}
@media screen and (max-width: 1920px) {
  section#kv .txtOuter .dot {
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
  section#kv .txtOuter .dot .img {
    left: -5916%;
  }
}
section#sec3 .box1 {
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec3 .box1 .img {
  left: -7500%;
}
section#sec3 .box2 {
  right: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
section#sec3 .box2 .img {
  right: -7390%;
}

@media screen and (max-width: 1428px) {
  section#kv .txtOuter .dot .img {
    left: -4936%;
    width: 27.9rem;
  }
  section#kv .txtOuter .content .bar {
    width: 55.6136325rem;
    margin: 0 auto 0rem 22.5%;
  }
}
@media screen and (max-width: 1298px) {
  section#sec4 .content .flexOuter .box {
    margin: 0 0.4%;
  }
  section#sec4 .content .flexOuter .box .img {
    width: 17.634375rem;
  }
  section#sec4 .content .flexOuter .box .img:nth-of-type(1) img:nth-of-type(2) {
    width: 13.3rem;
  }
  section#sec4 .content .flexOuter .box .img:nth-of-type(2) {
    width: 16.8625rem;
  }
  section#sec4 .content .flexOuter .box .img:nth-of-type(2) p {
    font-size: 1.4679875rem;
  }
}
@media screen and (max-width: 1200px) {
  html {
    font-size: 1.334vw;
  }
  section#sec5 .content .group .button {
    padding: 4.2rem 0 15.2rem 0;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 1.75vw;
  }
  .m {
    display: block;
  }
  .pc {
    display: none;
  }
  header {
    padding: 2rem 0 0 0;
  }
  header .content {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  header .content input#menu_check:checked + label i, header .content input#menu_check:checked + label o, header .content input#menu_check:checked + label u {
    background-color: #2c2a88;
  }
  header .content input#menu_check:checked + label i {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
  }
  header .content input#menu_check:checked + label o {
    opacity: 0;
  }
  header .content input#menu_check:checked + label u {
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(-45deg);
            transform: translateY(-50%) rotate(-45deg);
  }
  header .content input#menu_check:checked + label + ul {
    bottom: 0%;
  }
  header .content > label {
    width: 3rem;
    height: 3rem;
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0 3% 0 0;
  }
  header .content > label i, header .content > label o, header .content > label u {
    display: block;
    width: 3rem;
    background-color: #2c2a88;
    height: 0.5rem;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 1rem;
  }
  header .content > label i {
    top: calc(50% - 1rem);
  }
  header .content > label u {
    top: calc(50% + 1rem);
  }
  header .content ul {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(68%, rgb(246, 246, 246)), to(#7dbbf8));
    background: linear-gradient(0deg, rgb(246, 246, 246) 68%, #7dbbf8 100%);
    overflow-y: scroll;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    bottom: 100%;
    display: block;
  }
  header .content ul li {
    padding: 1.5rem 0;
  }
  header .content ul li .img {
    width: 23.75rem;
    margin: 0 auto;
  }
  header .content ul li p {
    font-size: 2.9840625rem;
  }
  header .content ul li:nth-of-type(1) {
    margin: 10rem 0 0 0;
  }
  .cursor {
    right: 4%;
    bottom: 7%;
  }
  section#kv .txtOuter .content .bar {
    width: 43.87297675rem;
    margin: 0 auto 0rem 21.4%;
  }
  section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(1) {
    margin: 4.3rem 0 0 2.2%;
  }
  section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(1) .txt {
    width: 67.74%;
    left: 14.4%;
  }
  section#kv .txtOuter .content .bulletinBoard .img:nth-of-type(2) {
    width: 8.634375rem;
    left: 1%;
    top: 44%;
  }
  section#kv .txtOuter .dot .img {
    left: -3704%;
    width: 19.809rem;
  }
  section#sec1 .content .flexOuter .box {
    padding: 0 0.9%;
  }
  section#sec2 .line {
    bottom: -2.6%;
  }
  section#sec2 .content .flexOuter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  section#sec2 .content .flexOuter .box {
    margin: 0 2.5%;
  }
  section#sec2 .content .flexOuter .box .img {
    width: 15.1965rem;
  }
  section#sec2 .content .flexOuter .box .img h3 {
    font-size: 2.322125rem;
    padding: 1.5rem 0 0.5rem 0;
  }
  section#sec2 .content .flexOuter .box .img h4 {
    font-size: 2.322125rem;
  }
  section#sec2 .content .flexOuter .box .img .txt {
    height: 11.99465625rem;
    padding: 1.375rem 8.7%;
    margin: 1.25rem 0;
  }
  section#sec2 .content .flexOuter .box .img .txt p {
    font-size: 1.5625rem;
    line-height: 2.375rem;
  }
  section#sec3 .box1 .img {
    top: 113%;
  }
  section#sec3 .box2 .img {
    top: 103%;
  }
  section#sec3 .content p {
    font-size: 1.5929375rem;
    line-height: 2.86rem;
  }
  section#sec4 .line {
    bottom: -5%;
  }
  section#sec4 .content .flexOuter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  section#sec4 .content .flexOuter .bigBox {
    width: 100%;
  }
  section#sec4 .content .flexOuter .bigBox .box .gift .img {
    width: 24.0876352941rem;
  }
  section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(1) {
    padding: 0 0 0.6rem 0;
  }
  section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(1) img:nth-of-type(2) {
    width: 17.6523088236rem;
  }
  section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(2) {
    width: 22.9928558823rem;
  }
  section#sec4 .content .flexOuter .bigBox .box .gift .img:nth-of-type(2) p {
    font-size: 2.2621411764rem;
  }
  section#sec4 .content .flexOuter .bigBox:nth-of-type(2) .box .gift .img p {
    font-size: 1.95rem;
  }
  section#sec5 .content > .txtOuter .txt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  section#sec5 .content > .txtOuter .txt > p {
    border-radius: 20rem;
    text-align: center;
    padding: 1.5rem 0 1.5rem 0;
  }
  section#sec5 .content .group .flexOuter {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
  }
  section#sec5 .content .group .flexOuter .box {
    padding: 0 1%;
  }
  section#sec5 .content .group .flexOuter .box .img {
    width: 14.575rem;
  }
  section#sec5 .content .group .flexOuter .box .imgOuter > .img {
    width: 25.85rem;
  }
  section#sec5 .content .group .flexOuter .box .imgOuter > .img:nth-of-type(1) {
    padding: 0.55rem 0 0 0;
  }
  section#sec5 .content .group .flexOuter .box .imgOuter > .img:nth-of-type(2) {
    width: 12.1rem;
  }
  section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt {
    padding: 0.33rem 0rem 0.33rem 0;
  }
  section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt .img {
    width: 2.475rem;
  }
  section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt p {
    font-size: 1.40614375rem;
  }
  section#sec5 .content .group .flexOuter .box .imgOuter .txtOuter .txt p img {
    width: 1.99375rem;
  }
  section#sec5 .content .group .bar {
    max-width: 54.549319rem;
  }
  section#sec6 .content > .img {
    max-width: 100%;
  }
  section#sec6 .content > .img .txtOuter {
    top: 13.6%;
  }
  section#sec6 .content > .img .txtOuter .txt .img {
    width: 7.1rem;
  }
  section#sec6 .content > .img .txtOuter .txt p {
    font-size: 1.562rem;
    padding: 0.852rem 0;
    margin: 0.5112rem 0 0.4544rem 3.0672%;
  }
  section#sec6 .content > .img .txtOuter .txt:first-child {
    margin: 0rem 0 0.852rem 0;
    border-bottom: 0.2272rem solid #633F5C;
  }
  section#sec6 .content > .img .txtOuter .txt:first-child p {
    padding: 0 0 0.852rem 0;
    font-size: 1.913095rem;
  }
  section#sec7 .content .subtitle {
    top: -9%;
  }
  section#sec7 .content .map1 .img {
    width: 100%;
  }
  section#sec7 .content .map2 .img {
    width: 100%;
  }
  section#sec7 .content .sec7-1 > .img {
    width: 100%;
  }
  section#sec7 .content .sec7-1 > .img .txtOuter {
    top: 18.1%;
  }
  section#sec7 .content .sec7-1 > .img .txtOuter .txt p:nth-of-type(1) {
    width: auto;
    padding: 0.8rem 4%;
  }
  section#sec7 .content .sec7-1 > .img .txtOuter .txt p:nth-of-type(2) {
    width: auto;
    padding: 0.8rem 4%;
  }
  section#sec7 .content .sec7-1 > .img .txtOuter .list:nth-of-type(5) {
    padding: 1rem 0 0 0;
  }
  section#sec7 .content .sec7-1 > .img .txtOuter .list p {
    width: 91%;
    font-size: 1.17rem;
  }
  section#sec7 .content .sec7-2 > .img {
    width: 100%;
  }
  section#sec7 .content .sec7-2 > .img .txtOuter {
    left: 53%;
  }
  section#sec7 .content .sec7-2 > .img .txtOuter .box {
    padding: 0 0 0.82rem 0;
  }
  section#sec7 .content .sec7-2 > .img .txtOuter .box .img {
    width: 9.9rem;
  }
  section#sec7 .content .sec7-2 > .img .txtOuter .box .txt p {
    font-size: 1.97416125rem;
  }
  section#sec8 .content .imgOuter .img {
    width: 46%;
  }
  section#sec8 .content > p {
    width: 100%;
    padding: 0.7rem 4% 0 4%;
  }
  section#sec8 .content .flexOuter {
    width: 100%;
  }
  section#sec8 .content .flexOuter .img {
    width: 28.3%;
    margin: 0 1.5% 1rem 1.5%;
  }
  section#sec9 .content .logoOuter p {
    font-size: 7.89228rem;
  }
  section#sec9 .content .logoOuter a {
    width: 23%;
  }
  section#sec9 .content .iconOuter {
    width: 95%;
    margin: 0 auto;
  }
  section#sec9 .content .iconOuter .img {
    width: 95%;
  }
  footer {
    padding: 4rem 0 2rem 0;
  }
  footer .content .box {
    width: 95%;
  }
  footer .content .box > .txt .img {
    width: 1.8rem;
  }
  footer .content .box > .txt p {
    font-size: 1.50006375rem;
  }
  footer .content .box .txtOuter .txt .img {
    width: 1.8rem;
  }
  footer .content .box .txtOuter .txt p {
    font-size: 1.50006375rem;
  }
  footer .content .box .txtOuter .txt:nth-of-type(2) p {
    font-size: 1.31281875rem;
  }
  footer .content .box .info {
    width: 100%;
  }
  footer .content .box .info p {
    font-size: 1.50006375rem;
  }
}