.stage {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.stage .layer {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.slogan {
  position: absolute;
  opacity: 0;
}

.bannerArea {
  overflow: hidden;
  min-height: 100vh;
  padding: 7% 0 0 7%;
}
@media (max-width: 991px) {
  .bannerArea {
    min-height: 0;
    padding: 12% 0 81% 0;
  }
}
.bannerArea .titleBox {
  max-width: 400px;
}
@media (max-width: 991px) {
  .bannerArea .titleBox {
    max-width: 310px;
    margin: 0 auto;
  }
}
.bannerArea .title {
  color: #fff;
}
.bannerArea .title h2 {
  font-weight: 700;
  font-size: 2rem;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
@media (max-width: 991px) {
  .bannerArea .title h2 {
    font-size: 1.8rem;
  }
}
.bannerArea img {
  width: 100%;
  display: block;
  margin: 2rem auto;
}

.Txt b {
  color: #b28146;
  font-size: 2.7rem;
  font-weight: 400;
  display: block;
  margin-bottom: 2rem;
}
@media (max-width: 991px) {
  .Txt b {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    text-align: center;
    line-height: 1.3;
  }
}
.Txt b small {
  font-size: 2rem;
}
@media (max-width: 991px) {
  .Txt b small {
    font-size: 1.2rem;
  }
}
.Txt h2 {
  font-weight: 700;
  color: #b28146;
  font-size: 2rem;
}
@media (max-width: 991px) {
  .Txt h2 {
    font-size: 1.6rem;
  }
}
.Txt h3 {
  color: #b28146;
  font-size: 1.5rem;
}
@media (max-width: 991px) {
  .Txt h3 {
    font-size: 1.2rem;
  }
}
.Txt p {
  margin-bottom: 0;
  line-height: 1.7;
  text-align: justify;
}

.page .Txt {
  text-align: center;
}
.page .Txt h2 {
  letter-spacing: 4px;
  margin-bottom: 3rem;
}
@media (max-width: 991px) {
  .page .Txt h2 {
    font-size: 1.5rem;
    letter-spacing: 3px;
    margin-bottom: 2rem;
  }
}
.page .Txt h5 {
  line-height: 1.7;
  margin-bottom: 13%;
}
@media (max-width: 991px) {
  .page .Txt h5 {
    font-size: 0.9rem;
  }
}
@media (max-width: 991px) {
  .page .Txt h5 span {
    display: none;
  }
}
.page .Txt small {
  font-size: 0.7rem;
  color: #b28146;
}
@media (max-width: 991px) {
  .page .Txt small {
    font-size: 0.5rem;
  }
}
.page .Txt small span {
  font-size: 1rem;
}
@media (max-width: 991px) {
  .page .Txt small span {
    font-size: 0.7rem;
  }
}

.page01 .Txt, .page06 .Txt, .page11 .Txt, .page13 .Txt {
  padding: 16% 0;
}
@media (max-width: 1700px) {
  .page01 .Txt, .page06 .Txt, .page11 .Txt, .page13 .Txt {
    padding: 14% 0;
  }
}
@media (max-width: 991px) {
  .page01 .Txt, .page06 .Txt, .page11 .Txt, .page13 .Txt {
    padding: 34% 0;
  }
}

.page02, .page07, .page15 {
  overflow: hidden;
}
.page02 .Txt, .page07 .Txt, .page15 .Txt {
  padding: 6% 7% 0 0;
}
@media (max-width: 991px) {
  .page02 .Txt, .page07 .Txt, .page15 .Txt {
    padding: 20% 0 0 0;
  }
}
.page02 .Txt h2, .page07 .Txt h2, .page15 .Txt h2 {
  color: #fff;
  text-align: right;
  letter-spacing: 2px;
}
@media (max-width: 991px) {
  .page02 .Txt h2, .page07 .Txt h2, .page15 .Txt h2 {
    font-size: 1.1rem;
    text-align: center;
    letter-spacing: 1px;
  }
}
.page02 .Txt p, .page07 .Txt p, .page15 .Txt p {
  color: #fff;
}

.page03, .page04, .page05, .page08, .page09, .page10, .page16, .page17, .page18, .page19 {
  padding: 5% 0 0 0;
}
@media (max-width: 991px) {
  .page03, .page04, .page05, .page08, .page09, .page10, .page16, .page17, .page18, .page19 {
    padding: 3rem 1% 0 1%;
  }
}
.page03 .title, .page04 .title, .page05 .title, .page08 .title, .page09 .title, .page10 .title, .page16 .title, .page17 .title, .page18 .title, .page19 .title {
  max-width: 260px;
}
@media (max-width: 1500px) {
  .page03 .title, .page04 .title, .page05 .title, .page08 .title, .page09 .title, .page10 .title, .page16 .title, .page17 .title, .page18 .title, .page19 .title {
    max-width: 280px;
  }
}
@media (max-width: 991px) {
  .page03 .title, .page04 .title, .page05 .title, .page08 .title, .page09 .title, .page10 .title, .page16 .title, .page17 .title, .page18 .title, .page19 .title {
    max-width: 100%;
  }
}
.page03 .title::before, .page04 .title::before, .page05 .title::before, .page08 .title::before, .page09 .title::before, .page10 .title::before, .page16 .title::before, .page17 .title::before, .page18 .title::before, .page19 .title::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #b28146;
  position: absolute;
  right: -33%;
  top: 0;
}
@media (max-width: 1700px) {
  .page03 .title::before, .page04 .title::before, .page05 .title::before, .page08 .title::before, .page09 .title::before, .page10 .title::before, .page16 .title::before, .page17 .title::before, .page18 .title::before, .page19 .title::before {
    right: -35%;
  }
}
@media (max-width: 1500px) {
  .page03 .title::before, .page04 .title::before, .page05 .title::before, .page08 .title::before, .page09 .title::before, .page10 .title::before, .page16 .title::before, .page17 .title::before, .page18 .title::before, .page19 .title::before {
    right: -28%;
  }
}
@media (max-width: 991px) {
  .page03 .title::before, .page04 .title::before, .page05 .title::before, .page08 .title::before, .page09 .title::before, .page10 .title::before, .page16 .title::before, .page17 .title::before, .page18 .title::before, .page19 .title::before {
    width: 70px;
    height: 0.75px;
    right: auto;
    left: 50%;
    top: auto;
    bottom: 0;
    transform: translateX(-50%);
  }
}
.page03 .title h2, .page04 .title h2, .page05 .title h2, .page08 .title h2, .page09 .title h2, .page10 .title h2, .page16 .title h2, .page17 .title h2, .page18 .title h2, .page19 .title h2 {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  margin-bottom: 1.2rem;
}
@media (max-width: 991px) {
  .page03 .title h2, .page04 .title h2, .page05 .title h2, .page08 .title h2, .page09 .title h2, .page10 .title h2, .page16 .title h2, .page17 .title h2, .page18 .title h2, .page19 .title h2 {
    letter-spacing: 1.5rem;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
    padding-left: 1.3rem;
    margin-bottom: 0.7rem;
  }
}
.page03 .title h3, .page04 .title h3, .page05 .title h3, .page08 .title h3, .page09 .title h3, .page10 .title h3, .page16 .title h3, .page17 .title h3, .page18 .title h3, .page19 .title h3 {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
@media (max-width: 991px) {
  .page03 .title h3, .page04 .title h3, .page05 .title h3, .page08 .title h3, .page09 .title h3, .page10 .title h3, .page16 .title h3, .page17 .title h3, .page18 .title h3, .page19 .title h3 {
    letter-spacing: 3px;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
    padding-bottom: 1.2rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 1920px) {
  .page03 .Txt p, .page04 .Txt p, .page05 .Txt p, .page08 .Txt p, .page09 .Txt p, .page10 .Txt p, .page16 .Txt p, .page17 .Txt p, .page18 .Txt p, .page19 .Txt p {
    margin-left: -10%;
  }
}
.page03 .imgSlick, .page03 .imgSlick2, .page04 .imgSlick, .page04 .imgSlick2, .page05 .imgSlick, .page05 .imgSlick2, .page08 .imgSlick, .page08 .imgSlick2, .page09 .imgSlick, .page09 .imgSlick2, .page10 .imgSlick, .page10 .imgSlick2, .page16 .imgSlick, .page16 .imgSlick2, .page17 .imgSlick, .page17 .imgSlick2, .page18 .imgSlick, .page18 .imgSlick2, .page19 .imgSlick, .page19 .imgSlick2 {
  margin-top: 4rem;
}
@media (max-width: 991px) {
  .page03 .imgSlick, .page03 .imgSlick2, .page04 .imgSlick, .page04 .imgSlick2, .page05 .imgSlick, .page05 .imgSlick2, .page08 .imgSlick, .page08 .imgSlick2, .page09 .imgSlick, .page09 .imgSlick2, .page10 .imgSlick, .page10 .imgSlick2, .page16 .imgSlick, .page16 .imgSlick2, .page17 .imgSlick, .page17 .imgSlick2, .page18 .imgSlick, .page18 .imgSlick2, .page19 .imgSlick, .page19 .imgSlick2 {
    margin-top: 2.5rem;
  }
}
.page03 .imgSlick .item, .page03 .imgSlick2 .item, .page04 .imgSlick .item, .page04 .imgSlick2 .item, .page05 .imgSlick .item, .page05 .imgSlick2 .item, .page08 .imgSlick .item, .page08 .imgSlick2 .item, .page09 .imgSlick .item, .page09 .imgSlick2 .item, .page10 .imgSlick .item, .page10 .imgSlick2 .item, .page16 .imgSlick .item, .page16 .imgSlick2 .item, .page17 .imgSlick .item, .page17 .imgSlick2 .item, .page18 .imgSlick .item, .page18 .imgSlick2 .item, .page19 .imgSlick .item, .page19 .imgSlick2 .item {
  padding: 0 4px;
}
@media (max-width: 767px) {
  .page03 .imgSlick .item, .page03 .imgSlick2 .item, .page04 .imgSlick .item, .page04 .imgSlick2 .item, .page05 .imgSlick .item, .page05 .imgSlick2 .item, .page08 .imgSlick .item, .page08 .imgSlick2 .item, .page09 .imgSlick .item, .page09 .imgSlick2 .item, .page10 .imgSlick .item, .page10 .imgSlick2 .item, .page16 .imgSlick .item, .page16 .imgSlick2 .item, .page17 .imgSlick .item, .page17 .imgSlick2 .item, .page18 .imgSlick .item, .page18 .imgSlick2 .item, .page19 .imgSlick .item, .page19 .imgSlick2 .item {
    padding: 0;
  }
}
.page03 .Img .innerImg, .page04 .Img .innerImg, .page05 .Img .innerImg, .page08 .Img .innerImg, .page09 .Img .innerImg, .page10 .Img .innerImg, .page16 .Img .innerImg, .page17 .Img .innerImg, .page18 .Img .innerImg, .page19 .Img .innerImg {
  padding-top: 75%;
}

.page04 .title {
  max-width: 300px;
}
@media (max-width: 991px) {
  .page04 .title {
    max-width: 100%;
  }
}
.page04 .title::before {
  right: -25%;
}
@media (max-width: 991px) {
  .page04 .title::before {
    right: auto;
  }
}
@media (min-width: 1920px) {
  .page04 .Txt p {
    margin-left: -7.5%;
  }
}

.page05 {
  padding-bottom: 5%;
}
@media (max-width: 991px) {
  .page05 {
    padding-bottom: 3rem;
  }
}
.page05 .title {
  max-width: 380px;
}
@media (max-width: 991px) {
  .page05 .title {
    max-width: 100%;
  }
}
.page05 .title::before {
  right: -25%;
}
@media (max-width: 991px) {
  .page05 .title::before {
    right: auto;
  }
}
@media (min-width: 1920px) {
  .page05 .Txt p {
    margin-left: -12%;
  }
}

.page08 .title, .page18 .title {
  max-width: 280px;
}
@media (max-width: 991px) {
  .page08 .title, .page18 .title {
    max-width: 100%;
  }
}
.page08 .title::before, .page18 .title::before {
  right: -26%;
}
@media (max-width: 1700px) {
  .page08 .title::before, .page18 .title::before {
    right: -28%;
  }
}
@media (max-width: 991px) {
  .page08 .title::before, .page18 .title::before {
    right: auto;
  }
}

.page09 .Img .innerImg {
  padding-top: 153%;
}
@media (max-width: 991px) {
  .page09 .Img .innerImg {
    padding-top: 76%;
  }
}
.page09 .imgBox {
  margin-top: 4rem;
}
@media (max-width: 991px) {
  .page09 .imgBox {
    margin-top: 2.5rem;
  }
}

.page10 {
  padding-bottom: 5%;
}
@media (max-width: 991px) {
  .page10 {
    padding-bottom: 3rem;
  }
}
.page10 .Img .innerImg {
  padding-top: 109%;
}

@media (max-width: 1700px) {
  .page11 .Txt {
    padding: 15.5% 0;
  }
}
@media (max-width: 991px) {
  .page11 .Txt {
    padding: 32% 0;
  }
}

.page12 {
  padding: 5% 0;
}
@media (max-width: 991px) {
  .page12 {
    padding: 3rem 1%;
  }
}
.page12 .Txt {
  text-align: center;
  border-bottom: 0.75px solid #b28146;
  padding-bottom: 2rem;
}
@media (max-width: 991px) {
  .page12 .Txt {
    border-bottom: 0;
    padding-bottom: 1rem;
  }
}
.page12 .Txt img {
  width: 45px;
  display: block;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .page12 .Txt img {
    width: 45px;
  }
}
.page12 .Txt .title {
  max-width: 247px;
  margin: 1rem auto 2rem auto;
}
@media (max-width: 991px) {
  .page12 .Txt .title {
    max-width: 100%;
    margin-bottom: 1rem;
  }
}
.page12 .Txt .title small {
  color: #b28146;
  display: block;
  font-size: 1rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 767px) {
  .page12 .Txt .title small {
    font-size: 0.8rem;
    margin-bottom: 1.5rem;
  }
}
.page12 .Txt .title h2 {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  margin-bottom: 1.2rem;
}
@media (max-width: 991px) {
  .page12 .Txt .title h2 {
    letter-spacing: 1.4rem;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
    padding-left: 1.3rem;
    margin-bottom: 0.7rem;
  }
}
.page12 .Txt .title h3 {
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
@media (max-width: 991px) {
  .page12 .Txt .title h3 {
    letter-spacing: 3px;
    text-align: center;
    -moz-text-align-last: center;
         text-align-last: center;
    padding-bottom: 1.2rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 991px) {
  .page12 .Txt .title::before {
    content: "";
    width: 70px;
    height: 0.75px;
    background: #b28146;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .page12 .mainImg {
    padding: 0 1.5%;
  }
}
.page12 .imgSlick2 {
  margin-top: 3%;
}
.page12 .item {
  padding: 0 4px;
}
.page12 .item .Img .innerImg {
  padding-top: 118%;
}
.page12 .item .info {
  text-align: center;
  margin-top: 1.5rem;
}
.page12 .item .info h3 {
  color: #b28146;
  display: inline-block;
  padding-bottom: 0.5rem;
  border-bottom: 0.75px solid #b28146;
  font-size: 1.5rem;
}
@media (max-width: 991px) {
  .page12 .item .info h3 {
    font-size: 1.2rem;
  }
}
.page12 .item .info h5 {
  color: #4c4948;
  line-height: 1.5;
  font-size: 1.1rem;
}
@media (max-width: 1500px) {
  .page12 .item .info h5 {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .page12 .item .info h5 {
    font-size: 0.9rem;
  }
}
.page12 .slick-next,
.page12 .slick-prev {
  top: 40%;
}

.page13 {
  padding-bottom: 5%;
}
@media (max-width: 991px) {
  .page13 {
    padding-bottom: 3rem;
  }
}
.page13 .Txt {
  padding: 14.5% 0;
}
@media (max-width: 1700px) {
  .page13 .Txt {
    padding: 13.5% 0;
  }
}
@media (max-width: 991px) {
  .page13 .Txt {
    padding: 28% 0;
  }
}

.page14 {
  overflow: hidden;
  padding-bottom: 5%;
}
@media (max-width: 991px) {
  .page14 {
    padding-bottom: 3rem;
  }
}
.page14 .contentList::after {
  content: "";
  width: 100%;
  height: 40%;
  background: rgba(241, 236, 230, 0.5058823529);
  z-index: -1;
  position: absolute;
  bottom: -15%;
  left: 0;
}
@media (max-width: 991px) {
  .page14 .contentList::after {
    width: 0;
  }
}
.page14 .Txt {
  margin-bottom: 1rem;
  padding-left: 4px;
}
.page14 .Txt b {
  margin-bottom: 0.5rem;
}
.page14 .Txt h2 {
  letter-spacing: 4px;
}
.page14 .Txt h3 {
  letter-spacing: 2px;
  margin-bottom: 1.5rem;
}
@media (max-width: 991px) {
  .page14 .Txt p {
    padding: 0 5%;
  }
}
.page14 .Txt .subTitle {
  margin-top: 2rem;
  padding-bottom: 0.5rem;
  border-bottom: 0.75px solid #b28146;
}
@media (max-width: 991px) {
  .page14 .Txt .subTitle {
    margin-top: 1rem;
  }
}
@media (max-width: 991px) {
  .page14 .Txt .title {
    text-align: center;
    padding: 7% 0;
    margin: 0 -5%;
    background: #f5f3f0;
  }
}
.page14 .item {
  padding: 0 4px;
}
.page14 .mainImg {
  width: 93%;
  display: block;
  margin-bottom: 7px;
}
@media (max-width: 991px) {
  .page14 .mainImg {
    width: 100%;
    padding: 0 1%;
    margin-bottom: 1rem;
  }
}

.page15 .Txt {
  padding: 6% 0 0 10%;
}
@media (max-width: 991px) {
  .page15 .Txt {
    padding: 13% 0 0 6%;
  }
}
.page15 .Txt h2 {
  text-align: left;
  margin-bottom: 1.3rem;
}
.page15 .Txt p {
  color: #fff;
}

.page16, .page17, .page18, .page19 {
  padding: 7% 0 0 0;
}
@media (max-width: 991px) {
  .page16, .page17, .page18, .page19 {
    padding: 3rem 1% 0 1%;
  }
}
.page16 .title, .page17 .title, .page18 .title, .page19 .title {
  padding-bottom: 1.5rem;
  margin: 0 auto 1.5rem auto;
}
@media (max-width: 991px) {
  .page16 .title, .page17 .title, .page18 .title, .page19 .title {
    padding-bottom: 0;
    margin-bottom: 0;
  }
}
@media (max-width: 991px) {
  .page16 .title h2, .page17 .title h2, .page18 .title h2, .page19 .title h2 {
    letter-spacing: 4px;
    padding-left: 4px;
  }
}
.page16 .title::before, .page17 .title::before, .page18 .title::before, .page19 .title::before {
  width: 100px;
  height: 1px;
  right: auto;
  left: 50%;
  top: auto;
  bottom: 0;
  transform: translateX(-50%);
}
@media (max-width: 991px) {
  .page16 .title::before, .page17 .title::before, .page18 .title::before, .page19 .title::before {
    width: 70px;
    height: 0.75px;
    right: auto;
    left: 50%;
    top: auto;
    bottom: 0;
    transform: translateX(-50%);
  }
}
.page16 .Txt p, .page17 .Txt p, .page18 .Txt p, .page19 .Txt p {
  margin-left: 0;
}
.page16 .Img .innerImg, .page17 .Img .innerImg, .page18 .Img .innerImg, .page19 .Img .innerImg {
  padding-top: 57%;
}

.page19 {
  padding: 7% 0 0 0;
}
@media (max-width: 991px) {
  .page19 {
    padding: 3rem 1% 0 1%;
  }
}
.page19 .title {
  max-width: 360px;
}
@media (max-width: 1500px) {
  .page19 .title {
    max-width: 380px;
  }
}
@media (max-width: 991px) {
  .page19 .title {
    max-width: 100%;
  }
}
.page19 .Txt p {
  text-align: center;
  margin-bottom: 1.5rem;
}
.page19 .Img .innerImg {
  padding-top: 78%;
}
.page19 h5 {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 1.5rem;
}
@media (max-width: 1700px) {
  .page19 h5 {
    font-size: 1.3rem;
  }
}
@media (max-width: 1500px) {
  .page19 h5 {
    font-size: 1.2rem;
  }
}
@media (max-width: 991px) {
  .page19 h5 {
    font-size: 1.1rem;
  }
}

@media (min-width: 1920px) {
  .container {
    max-width: 1600px !important;
  }
}/*# sourceMappingURL=style.css.map */