@font-face {
  font-family: "Noto Serif";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/NotoSerif.ttf") format("truetype");
}
@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("../fonts/PlayfairDisplay.ttf") format("truetype");
}
.Ft_En {
  font-family: "Playfair Display", serif;
}

.Ft_Tch {
  font-family: "Noto Serif", serif;
  font-weight: bold;
}

.FtColor_Gn {
  color: #7C922D !important;
}

.FtColor_Og {
  color: #FEB152 !important;
}

.FtColor_Red {
  color: #F6F6F6 !important;
}

.FtColor_Gy {
  color: #8D8D8D !important;
}

.FtColor_Bu {
  color: #FEB152 !important;
}

.Fw4 {
  font-weight: 400;
}

.Fw5 {
  font-weight: 500;
}

.Fw7 {
  font-weight: 700;
}

.Fw9 {
  font-weight: 900;
}

.FtB {
  font-weight: bold;
}

.FtXL {
  font-size: 27px;
  line-height: 38px;
}

.FtXL.En {
  font-size: 24px;
  line-height: 32px;
}

.FtL, .ForewordBox .ForewordGrid .ForewordTxt {
  font-size: 25px;
  line-height: 38px;
}

.FtML, h3, .OutFrame.Ft_Tch, .Ft_En .ForewordBox .ForewordGrid .ForewordTxt {
  font-size: 22px;
  line-height: 32px;
}

.FtM, h4, .OutFrame.Ft_En {
  font-size: 20px;
  line-height: 30px;
}

.FtS, .CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsBtn {
  font-size: 18px;
  line-height: 30px;
}

.FtXS {
  font-size: 14px;
  line-height: 1.5;
}

@media screen and (max-width: 1400px) {
  .FtXL {
    font-size: 24px;
  }

  .FtXL.En {
    font-size: 22px;
    line-height: 30px;
  }

  .FtL, .ForewordBox .ForewordGrid .ForewordTxt {
    font-size: 22px;
  }

  .FtML, h3, .OutFrame.Ft_Tch, .Ft_En .ForewordBox .ForewordGrid .ForewordTxt {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 1024px), (orientation: portrait) {
  .FtXL {
    font-size: 22px;
    line-height: 30px;
  }

  .FtXL.En {
    font-size: 19px;
    line-height: 28px;
  }

  .FtL, .ForewordBox .ForewordGrid .ForewordTxt {
    font-size: 20px;
    line-height: 32px;
  }

  .FtML, h3, .OutFrame.Ft_Tch, .Ft_En .ForewordBox .ForewordGrid .ForewordTxt {
    font-size: 17px;
    line-height: 28px;
  }

  .FtM, h4, .OutFrame.Ft_En {
    font-size: 17px;
    line-height: 28px;
  }

  .FtS, .CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsBtn {
    font-size: 16px;
    line-height: 28px;
  }
}
@media screen and (max-width: 767px) {
  .FtXL {
    font-size: 17px;
    line-height: 22px;
  }

  .FtXL.En {
    font-size: 15px;
    line-height: 24px;
  }

  .FtL, .ForewordBox .ForewordGrid .ForewordTxt {
    font-size: 15px;
    line-height: 22px;
  }

  .FtML, h3, .OutFrame.Ft_Tch, .Ft_En .ForewordBox .ForewordGrid .ForewordTxt {
    font-size: 14px;
    line-height: 22px;
  }

  .FtM, h4, .OutFrame.Ft_En {
    font-size: 14px;
    line-height: 22px;
  }

  .FtS, .CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsBtn {
    font-size: 14px;
    line-height: 22px;
  }

  .FtXS {
    font-size: 13px;
  }
}
body {
  color: #1A1311;
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
}

div, input, select, button, section, textarea, a, ol, ul, li {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

ul, li {
  list-style: none;
}

img {
  vertical-align: middle;
}

a, a:hover, a:link, a:visited {
  cursor: pointer;
  color: inherit;
  text-decoration: inherit;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

input, select, button, textarea {
  outline: none;
  vertical-align: middle;
}

button, input[type="submit"] {
  border: 0;
}

select:disabled {
  cursor: default;
}

b {
  font-weight: bold;
}

p {
  font-weight: 400;
  margin: 10px 0;
}

h3 {
  margin: 0 0 10px 0;
}

h4 {
  margin: 0 0 10px 0;
}

strong {
  font-weight: 700;
}

::selection {
  color: #FFFFFF;
  background-color: #7C922D;
}

.TaC {
  text-align: center !important;
}

.TaR {
  text-align: right !important;
}

.MarginL {
  margin: 20px 0;
}

.MarginM {
  margin: 15px 0;
}

.MarginS {
  margin: 10px 0;
}

.Discell {
  display: table-cell;
}

.DisiB {
  display: inline-block;
  vertical-align: middle;
  margin: 0 -2px;
}

.DisB {
  display: block;
}

.DisF {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.DisN {
  display: none;
}

.WordBreak {
  word-break: break-all;
}

ul.Disc > li {
  list-style-type: disc;
}

ul.Square > li {
  list-style-type: square;
}

ol.Decimal > li {
  list-style-type: decimal;
}

ol.Zero > li {
  list-style-type: decimal-leading-zero;
}

ol.Zero {
  margin: 0 0 0 10px;
}

.TxtUnderLine {
  text-decoration: underline;
}

.ALink {
  text-decoration: underline !important;
}

.Clear {
  clear: both;
  height: 0;
}

.OutFrame {
  width: 100%;
  min-width: 320px;
  max-width: 1920px;
  height: 100%;
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}

@media screen and (max-width: 1279px) {
  .InnerFrame {
    padding: 20px 0 0 0;
  }

  .Index.InnerFrame {
    padding: 30px 0 0 0;
  }
  .Index.InnerFrame .ContentFrame {
    min-height: calc( 100vh - 75px );
  }

  .ContentFrame {
    width: 94.8%;
    min-height: calc( 100vh - 65px );
    margin: 0 auto;
    border-radius: 15px;
  }
}
@media screen and (max-width: 929px) {
  .Index.InnerFrame .ContentFrame {
    min-height: calc( 100vh - 90px );
  }

  .ContentFrame {
    min-height: calc( 100vh - 80px );
  }
}
@media screen and (max-width: 767px) {
  h4 {
    margin: 0 0 12px 0;
  }

  .InnerFrame {
    padding: 10px 0 0 0;
  }

  .Index.InnerFrame {
    padding: 10px 0 0 0;
  }
  .Index.InnerFrame .ContentFrame {
    min-height: calc( 100vh - 80px );
  }

  .ContentFrame {
    width: 94%;
    min-height: calc( 100vh - 80px );
    margin: 10px auto 0 auto;
  }
}
@media screen and (max-width: 539px) {
  .ContentFrame.Index {
    min-height: calc( 100vh - 100px );
  }

  .ContentFrame {
    min-height: calc( 100vh - 100px );
  }
}
.MainShowBg {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 99;
}
.MainShowBg .MainShowBox {
  width: 100%;
  position: relative;
}
.MainShowBg .MainShowBox .MainShowPic {
  position: relative;
  z-index: 0;
}
.MainShowBg .MainShowBox .MainShowPic picture, .MainShowBg .MainShowBox .MainShowPic img {
  width: 100vw;
  max-width: 1920px;
  height: auto;
}
.MainShowBg .MainShowBox .PatternsLeft {
  position: absolute;
  top: 0;
  z-index: 1;
}
.MainShowBg .MainShowBox .PatternsLeft img {
  width: 100%;
  max-width: 1920px;
  height: auto;
}
.MainShowBg .MainShowBox .MainTxt {
  position: absolute;
  top: 0;
  z-index: 2;
}
.MainShowBg .MainShowBox .MainTxt .MYUse {
  position: relative;
  width: 100%;
  height: auto;
}
.MainShowBg .MainShowBox .MainTxt .MYUse img, .MainShowBg .MainShowBox .MainTxt .MYUse source {
  width: 100%;
  height: auto;
}
.MainShowBg .MainShowBox .MainTxt .MotionBox {
  position: relative;
  width: 100%;
  max-width: 1920px;
  top: 0;
  left: 0;
}
.MainShowBg .MainShowBox .MainTxt .MotionBox .CanvasEndPic {
  width: 100%;
  position: relative;
  z-index: 9;
}
.MainShowBg .MainShowBox .MainTxt .MotionBox .CanvasEndPic img, .MainShowBg .MainShowBox .MainTxt .MotionBox .CanvasEndPic source {
  width: 100%;
  height: auto;
  position: relative;
}
.MainShowBg .MainShowBox .MainTxt .MotionBox #animation_container02 {
  position: absolute;
  top: 0;
  width: 100%;
}
.MainShowBg .MainShowBox .MainTxt .MotionBox .MouseCanvas {
  position: relative;
}
.MainShowBg .MainShowBox .MainTxt .MotionBox .MouseCanvas #animation_container03 {
  top: 0;
}
.MainShowBg .MainShowBox .MousePic {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 2;
}
.MainShowBg .MainShowBox .MousePic img, .MainShowBg .MainShowBox .MousePic video {
  display: inline-block;
  margin: 0 auto;
  width: 4%;
  max-width: 50px;
  height: auto;
}

.NavBg {
  position: fixed;
  width: 100%;
  max-width: 1920px;
  top: 6.2vw;
  left: 50%;
  z-index: 9901;
  pointer-events: none;
  text-align: center;
}
.NavBg .NavBox {
  width: 5.2vw;
  max-width: 100px;
  position: relative;
  left: calc( 50% - 5.2vw - 22px );
}
.NavBg .NavBtn:nth-child(2) {
  margin: 8px 0;
}
.NavBg .NavBtn {
  margin: 7px 0;
  cursor: pointer;
  pointer-events: auto;
  position: relative;
}
.NavBg .NavBtn .Btn01 {
  display: inline-block;
  position: relative;
  width: 50%;
  max-width: 50px;
  border-radius: 50%;
  border: 5px solid transparent;
}
.NavBg .NavBtn .Btn01:hover {
  border: 5px solid #FEB152;
}
.NavBg .NavBtn .Btn01 img {
  position: relative;
  z-index: 2;
}
.NavBg .NavBtn .Btn02 {
  width: 100%;
  max-width: 100px;
}

.ProductBg {
  position: relative;
  width: 100%;
  min-height: 800px;
  padding: 80px 0 60px 0;
  text-align: center;
  background-image: url("../images/bg03.jpg");
  background-repeat: no-repeat;
  background-position: center bottom;
}
.ProductBg::after {
  width: 63px;
  height: 122px;
  content: "";
  position: absolute;
  left: 0;
  bottom: 0px;
  background-image: url("../images/bg02.png");
  background-repeat: no-repeat;
}

.ProductBox {
  position: relative;
  width: 1344px;
  max-width: 1344px;
  height: 100%;
  margin: 0 auto;
}
.ProductBox .CarouselBox {
  position: relative;
  width: 100%;
  height: 100%;
}
.ProductBox .Carousel {
  position: relative;
  width: calc( 100% - 200px );
  height: 40vw;
  max-height: 640px;
  margin: 0 auto;
}
.ProductBox .Carousel .item {
  width: 38%;
  height: auto;
  max-width: 430px;
  overflow: hidden;
  opacity: 0.5;
}
.ProductBox .Carousel .item img {
  width: 100%;
  height: auto;
}
.ProductBox .Carousel .item .Card img {
  width: 100%;
  height: auto;
}
.ProductBox .Carousel .item .Card .Pic {
  position: relative;
  z-index: 1;
}
.ProductBox .Carousel .item .Card .Txt, .ProductBox .Carousel .item .Card .Icon, .ProductBox .Carousel .item .Card .Cover, .ProductBox .Carousel .item .Card .Role {
  position: absolute;
  left: 0;
  top: 0;
}
.ProductBox .Carousel .item .Card .Icon {
  z-index: 4;
  opacity: 0;
}
.ProductBox .Carousel .item .Card .Cover {
  z-index: 3;
}
.ProductBox .Carousel .item .Card .Role {
  z-index: 0;
  opacity: 0;
}
.ProductBox .Carousel .item .Card::after {
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url("../images/swiper/item_shadow.svg");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-size: contain auto;
}
.ProductBox .Carousel .item.active .Card .Icon {
  opacity: 1;
}
.ProductBox .Carousel .item.active .Card .Cover {
  opacity: 0;
}
.ProductBox .Carousel .item.active .Card .Role {
  opacity: 1;
}
.ProductBox .Carousel .item.active, .ProductBox .Carousel .item.Prev, .ProductBox .Carousel .item.Next {
  opacity: 1;
}
.ProductBox .Carousel .item.active .Card .Icon, .ProductBox .Carousel .item.Prev .Card .Icon, .ProductBox .Carousel .item.Next .Card .Icon {
  opacity: 1;
}
.ProductBox .Controls {
  position: absolute;
  width: 100%;
  top: 50%;
  z-index: 999;
}
.ProductBox .swiper-button-prev {
  text-decoration: none;
}
.ProductBox .swiper-button-prev:after {
  display: none;
}
.ProductBox .swiper-button-next {
  text-decoration: none;
  transform: rotateY(180deg);
}
.ProductBox .swiper-button-next:after {
  display: none;
}
.ProductBox .SwiperBox {
  position: relative;
  width: 100%;
  max-width: 992px;
  max-height: 150px;
  padding: 2px 0;
  margin: 0 auto;
  overflow: hidden;
}
.ProductBox .SwiperBox .swiper-slide {
  width: 100%;
}
.ProductBox .SwiperBox img, .ProductBox .SwiperBox source {
  width: 100%;
  height: auto;
}
.ProductBox .WordsPic.En img, .ProductBox .WordsPic.En source {
  max-width: 720px;
}
.ProductBox .WordsPic {
  position: relative;
  width: 100%;
  margin: 20px auto;
}
.ProductBox .WordsPic img, .ProductBox .WordsPic source {
  width: 90%;
  max-width: 702px;
  height: auto;
}

.ForewordBox {
  background-image: url("../images/bg01.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.ForewordBox .ForewordGrid {
  display: flex;
  align-items: center;
  width: 86%;
  max-width: 1536px;
  min-height: 507px;
  margin: 0 auto;
}
.ForewordBox .ForewordGrid .ForewordImg {
  width: 36%;
  position: relative;
}
.ForewordBox .ForewordGrid .ForewordImg img, .ForewordBox .ForewordGrid .ForewordImg .Txt {
  width: 100%;
  max-width: 540px;
  height: auto;
}
.ForewordBox .ForewordGrid .ForewordImg .Txt {
  position: absolute;
  bottom: 0;
  left: 0;
  font-weight: bold;
}
.ForewordBox .ForewordGrid .ForewordTxt {
  width: 63%;
  padding: 30px 0 30px 28px;
  font-weight: 700;
  color: #FFFFFF;
}

.ContentBox {
  width: 100%;
  position: relative;
}
.ContentBox .ContentBg {
  display: block;
  width: 100%;
  min-height: 4000px;
  position: absolute;
  top: 0;
  background-image: url("../images/bg04.svg");
  background-repeat: no-repeat;
  background-position: top center;
  z-index: 0;
}
.ContentBox section {
  position: relative;
  z-index: 9;
}

.InnerWidth, .InsideBox {
  position: relative;
  width: 1344px;
  margin: 0 auto;
}

.InsideBox {
  position: relative;
  z-index: 9;
}
.InsideBox .InsideGrid {
  display: flex;
  align-items: center;
}
.InsideBox .InsideGrid .ImgGrid {
  width: 45%;
  position: relative;
  min-width: 0;
}
.InsideBox .InsideGrid .TxtGrid {
  width: 55%;
  position: relative;
  min-width: 0;
  font-weight: bold;
}
.InsideBox .InsideGrid .TxtGrid h4, .InsideBox .InsideGrid .TxtGrid h3 {
  display: block;
  position: relative;
  color: #008A32;
  margin-top: 18px;
}
.InsideBox .InsideGrid .TxtGrid h4::before, .InsideBox .InsideGrid .TxtGrid h3::before {
  width: 42px;
  height: 10px;
  content: "";
  position: absolute;
  top: -18px;
  background-image: url("../images/i02.svg");
  background-repeat: no-repeat;
}
.InsideBox .InsideGrid .ImgGrid.Right {
  display: flex;
  justify-content: flex-end;
}
.InsideBox .InsideGrid .TxtGrid.OnRight {
  padding: 0 75px 0 0;
}
.InsideBox .InsideGrid .TxtGrid.OnLeft {
  padding: 0 0 0 75px;
}

.PartTitle.wow_act img {
  animation: rectangle-txt 1s ease-in 0s 1 forwards;
}

.PartTitle {
  display: inline-block;
  position: relative;
  margin: 0 0 23px 0;
}
.PartTitle img {
  position: relative;
  z-index: 1;
  opacity: 0;
}
.PartTitle.Left45use img {
  transform: translate(-288px, 0);
}
.PartTitle.Right45use {
  display: flex;
  justify-content: flex-end;
  transform: translate(288px, 0);
}
.PartTitle.Left55use img {
  transform: translate(-288px, 0);
}
.PartTitle.Right55use {
  display: flex;
  justify-content: flex-start;
  transform: translate(45%, 0);
}

.PicBox {
  display: inline-block;
  position: relative;
  width: 88%;
  max-width: 532px;
  padding: 13px 0 0 13px;
}
.PicBox img {
  width: 100%;
  height: auto;
}
.PicBox .PicItem {
  position: relative;
  z-index: 1;
}
.PicBox .LineItem {
  width: calc( 100% - 13px );
  height: calc( 100% - 13px );
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.PicBox .SquareItem {
  width: calc( 100% - 13px );
  height: calc( 100% - 13px );
  position: absolute;
  top: 26px;
  left: 26px;
  z-index: 0;
}
.PicBox .PicItem, .PicBox .LineItem, .PicBox .SquareItem {
  opacity: 0;
}

.PicBox.wow_act .PicItem {
  animation: pic-mask-in 0.9s ease-in-out 0.1s forwards;
}
.PicBox.wow_act .LineItem {
  animation: pic-line-in 0.8s ease-in 0.4s 1 forwards;
}
.PicBox.wow_act .SquareItem {
  animation: pic-shape-in 0.7s ease-out 0.6s 1 forwards;
}

.MarksPic {
  position: absolute;
  bottom: -92px;
  width: 20%;
  max-width: 128px;
}
.MarksPic img, .MarksPic source {
  width: 100%;
  height: auto;
}
.MarksPic.Right {
  right: 0;
}
.MarksPic.Left {
  left: 0;
}
.MarksPic.Left img {
  transform: rotateY(180deg);
}

.Meal {
  position: relative;
  width: 100%;
  min-height: 587px;
  padding-top: 75px;
  padding-bottom: 72px;
}
.Meal .BlockBg01 {
  display: inline-block;
  content: "";
  width: 960px;
  min-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-image: url("../images/bg05.svg");
  background-repeat: no-repeat;
  background-position: top left;
}
.Meal .PicBox .LineItem {
  border: 2px solid #fff;
}
.Meal .PicBox .SquareItem {
  background-color: #fff;
}

.Stay {
  position: relative;
  min-height: 582px;
  padding-top: 10px;
}
.Stay .BlockBg01 {
  display: inline-block;
  content: "";
  width: 500px;
  min-height: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  background-image: url("../images/bg06.png");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.Stay .InsideBox {
  margin: 20px auto 40px auto;
}
.Stay .PicBox .LineItem {
  border: 2px solid #000;
}
.Stay .PicBox .SquareItem {
  background-color: #000;
}

.Spa .FullBox {
  position: relative;
  min-height: 433px;
  display: flex;
  align-items: center;
}
.Spa .BlockPic01 {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url("../images/img07.png");
  background-repeat: no-repeat;
  background-position: left top;
}
.Spa .BlockPic01 img {
  display: none;
}
.Spa .BlockPic02 {
  position: absolute;
  z-index: 1;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/bg07.png");
  background-repeat: no-repeat;
  background-position: center top;
}
.Spa .BlockPic03 {
  position: absolute;
  z-index: 0;
  top: -25px;
  left: 35%;
  width: 1313px;
  height: 31px;
  background-image: url("../images/pic09.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.Spa .BlockPic04 {
  position: absolute;
  z-index: 0;
  bottom: -27px;
  right: 49%;
  width: 1078px;
  height: 31px;
  background-image: url("../images/pic10.svg");
  background-repeat: no-repeat;
  background-position: center top;
}
.Spa .InsideGrid {
  color: #FFFFFF !important;
  z-index: 5;
}
.Spa .InsideGrid .TxtGrid h4, .Spa .InsideGrid .TxtGrid h3 {
  color: #FEB152 !important;
}
.Spa .InsideGrid .TxtGrid h4::before, .Spa .InsideGrid .TxtGrid h3::before {
  background-image: url("../images/i03.svg");
}
.Spa .InsideGrid .TxtGrid.OnRight {
  padding: 0;
}

.Other {
  padding-top: 60px;
  padding-bottom: 80px;
}
.Other .BlockBg01 {
  display: inline-block;
  content: "";
  width: 89px;
  min-height: 255px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 0;
  background-image: url("../images/bg09.svg");
  background-repeat: no-repeat;
  background-position: bottom right;
}
.Other .PicBox .LineItem {
  border: 2px solid #7C922D;
}
.Other .PicBox .SquareItem {
  background-color: #7C922D;
}

.FooterBg {
  width: 100%;
  position: relative;
  padding: 16px 20px;
  margin: 0 auto;
  background-color: #1A1311;
  z-index: 99;
}
.FooterBg .FooterBox {
  width: 90%;
  margin: 0 auto;
  font-family: "Playfair Display", serif;
  color: #FFFFFF;
  text-align: center;
}

@-webkit-keyframes rectangle-txt {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    opacity: 1;
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
  }
}
@-moz-keyframes rectangle-txt {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    opacity: 1;
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
  }
}
@-ms-keyframes rectangle-txt {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    opacity: 1;
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
  }
}
@keyframes rectangle-txt {
  0% {
    clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
    opacity: 1;
  }
  100% {
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    opacity: 1;
  }
}
@-webkit-keyframes pic-mask-in {
  0% {
    clip-path: circle(0 at center);
    opacity: 0;
  }
  100% {
    clip-path: circle(100% at center);
    opacity: 1;
  }
}
@-moz-keyframes pic-mask-in {
  0% {
    clip-path: circle(0 at center);
    opacity: 0;
  }
  100% {
    clip-path: circle(100% at center);
    opacity: 1;
  }
}
@-ms-keyframes pic-mask-in {
  0% {
    clip-path: circle(0 at center);
    opacity: 0;
  }
  100% {
    clip-path: circle(100% at center);
    opacity: 1;
  }
}
@keyframes pic-mask-in {
  0% {
    clip-path: circle(0 at center);
    opacity: 0;
  }
  100% {
    clip-path: circle(100% at center);
    opacity: 1;
  }
}
@-webkit-keyframes pic-shape-in {
  0% {
    transform: translate(-40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
@-moz-keyframes pic-shape-in {
  0% {
    transform: translate(-40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
@-ms-keyframes pic-shape-in {
  0% {
    transform: translate(-40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
@keyframes pic-shape-in {
  0% {
    transform: translate(-40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes pic-line-in {
  0% {
    transform: translate(40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-moz-keyframes pic-line-in {
  0% {
    transform: translate(40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-ms-keyframes pic-line-in {
  0% {
    transform: translate(40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@keyframes pic-line-in {
  0% {
    transform: translate(40px, 0);
    opacity: 0;
  }
  100% {
    transform: translate(0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes op1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes op1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-ms-keyframes op1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes op1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes op0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes op0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-ms-keyframes op0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes op0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@media screen and (max-width: 1600px) {
  .ForewordBox .ForewordGrid {
    width: 80%;
  }
  .ForewordBox .ForewordGrid .ForewordImg {
    width: 40%;
  }
  .ForewordBox .ForewordGrid .ForewordTxt {
    width: 60%;
  }

  .ProductBg {
    min-height: 740px;
    padding: 90px 0 60px 0;
    background-size: 1600px auto;
  }

  .ProductBox {
    width: 74%;
  }
  .ProductBox .Carousel {
    width: calc( 100% - 180px );
    height: 32vw;
    min-height: 360px;
  }

  .InnerWidth, .InsideBox {
    width: 74vw;
    max-width: 1344px;
  }

  .InsideBox .InsideGrid .ImgGrid {
    width: 51%;
  }
  .InsideBox .InsideGrid .TxtGrid {
    width: 49%;
  }
  .InsideBox .InsideGrid .TxtGrid.OnRight {
    padding: 0 6.5% 0 0;
  }
  .InsideBox .InsideGrid .TxtGrid.OnLeft {
    padding: 0 0 0 6.5%;
  }

  .PartTitle.Right55use {
    transform: translate(51%, 0);
  }

  .MarksPic {
    bottom: -72px;
  }

  .PicBox {
    width: 90%;
  }

  .Meal {
    min-height: auto;
    padding-top: 70px;
    padding-bottom: 75px;
  }
  .Meal .BlockBg01 {
    width: 74%;
    max-width: 960px;
    background-position: -7vw 0;
    background-size: 100% auto;
  }

  .Stay {
    min-height: auto;
    padding-top: 40px;
    padding-bottom: 90px;
  }
  .Stay .BlockBg01 {
    width: 42%;
    max-width: 500px;
    background-position: 130px 100%;
    background-size: 100% auto;
  }

  .Spa .FullBox {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .Spa .BlockPic01 {
    background-position: -100px 0;
  }
  .Spa .BlockPic02 {
    background-position: 37% 0;
  }
  .Spa .InsideGrid .TxtGrid.OnRight {
    padding: 0;
  }

  .Other {
    padding-top: 60px;
    padding-bottom: 90px;
  }
  .Other .BlockBg01 {
    max-width: 89px;
    min-height: 255px;
    background-position: bottom right;
    background-size: 4.8vw auto;
  }
}
@media screen and (max-width: 1400px) {
  .NavBg .NavBtn .Btn01 {
    border: 4px solid transparent;
  }
  .NavBg .NavBtn .Btn01:hover {
    border: 4px solid #FEB152;
  }
}
@media screen and (max-width: 1300px) {
  .ForewordBox {
    background-position: 40% top;
  }
  .ForewordBox .ForewordGrid {
    width: 84%;
  }

  .Ft_En .ForewordBox .ForewordGrid {
    width: 85%;
  }
  .Ft_En .ForewordBox .ForewordTxt {
    padding: 25px 0 25px 28px;
  }

  .Spa .BlockPic01 {
    background-position: -130px 0;
  }
  .Spa .InsideGrid .TxtGrid.OnRight {
    padding: 0;
  }

  .Other .BlockBg01 {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .MainShowBg .MainShowBox .MousePic {
    bottom: 20px;
  }
  .MainShowBg .MainShowBox .MousePic img, .MainShowBg .MainShowBox .MousePic video {
    width: 6vw;
    max-width: 40px;
  }

  .NavBg {
    top: 15vw;
    left: 50%;
  }
  .NavBg .NavBox {
    width: 9vw;
    left: calc( 50% - 9vw - 15px );
  }
  .NavBg .NavBtn:nth-child(2) {
    margin: 8px 0;
  }
  .NavBg .NavBtn {
    margin: 5px 0;
  }
  .NavBg .Dot {
    width: 15%;
    height: auto;
  }

  .ProductBg {
    min-height: 680px;
    padding: 90px 0 60px 0;
    background-image: url("../images/bg03_m.jpg");
    background-size: 1024px auto;
  }

  .ProductBox {
    width: 86%;
  }
  .ProductBox .Carousel {
    width: calc( 100% - 100px );
    height: 38vw;
    min-height: 340px;
  }
  .ProductBox .Controls img {
    width: 32px;
    height: auto;
  }
  .ProductBox .swiper-button-prev {
    left: 0;
  }
  .ProductBox .swiper-button-next {
    right: 0;
  }
  .ProductBox .SwiperBox {
    margin: 2vw auto 0 auto;
  }
  .ProductBox .WordsPic img {
    max-width: 660px;
  }

  .ForewordBox {
    background-image: url("../images/bg01_m.png");
    background-position: 0 top;
  }
  .ForewordBox .ForewordGrid {
    width: 86%;
  }
  .ForewordBox .ForewordGrid .ForewordImg {
    width: 41%;
  }
  .ForewordBox .ForewordGrid .ForewordTxt {
    width: 59%;
    padding: 30px 0 30px 25px;
  }

  .InnerWidth, .InsideBox {
    width: 86vw;
  }

  .InsideBox .InsideGrid .ImgGrid {
    width: 51%;
  }
  .InsideBox .InsideGrid .TxtGrid {
    width: 49%;
  }
  .InsideBox .InsideGrid .TxtGrid h4 {
    margin-top: 14px;
  }
  .InsideBox .InsideGrid .TxtGrid h4::before {
    width: 30px;
    top: -14px;
    background-size: 100% auto;
  }
  .InsideBox .InsideGrid .TxtGrid.OnRight {
    padding: 0 29px 0 0;
  }
  .InsideBox .InsideGrid .TxtGrid.OnLeft {
    padding: 0 0 0 29px;
  }

  .PartTitle img {
    width: auto;
    height: 64px;
  }
  .PartTitle.Left45use img {
    transform: translate(-20vw, 0);
  }
  .PartTitle.Right45use {
    display: flex;
    justify-content: flex-start;
    transform: translate(40%, 0);
  }
  .PartTitle.Left55use img {
    transform: translate(-23vw, 0);
  }

  .PicBox {
    width: 90%;
    padding: 9px 0 0 9px;
  }
  .PicBox .LineItem {
    width: calc( 100% - 9px );
    height: calc( 100% - 9px );
    z-index: 0;
    border: 2px solid #00c;
  }
  .PicBox .SquareItem {
    width: calc( 100% - 9px );
    height: calc( 100% - 9px );
    top: 18px;
    left: 18px;
    z-index: 0;
    background: #fcf;
  }

  .MarksPic {
    bottom: -54px;
  }
  .MarksPic.Right {
    right: 0;
  }
  .MarksPic.Left {
    left: 0;
  }

  .Meal {
    padding-top: 62px;
    padding-bottom: 80px;
  }
  .Meal .BlockBg01 {
    width: 100%;
    background-position: -18vw 0;
    background-size: auto 108%;
  }

  .Stay .BlockBg01 {
    display: none;
  }

  .Spa .FullBox {
    min-height: 380px;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .Spa .BlockPic01 {
    background-position: -135px 0;
    background-size: auto 100%;
  }
  .Spa .BlockPic02 {
    height: 100%;
    background-position: 40% 0;
    background-size: auto 100%;
  }
  .Spa .BlockPic03 {
    top: -20px;
  }
  .Spa .BlockPic04 {
    bottom: -23px;
  }

  .Other {
    margin: 20px 0 0 0;
  }
  .Other .BlockBg01 {
    max-width: 89px;
    min-height: 255px;
    background-position: bottom right;
    background-size: 4.8vw auto;
  }
}
@media screen and (max-width: 960px) {
  .ForewordBox {
    background-image: url("../images/bg01_m.png");
    background-position: -50px top;
  }
}
@media screen and (max-width: 767px) {
  .MainShowBg {
    height: auto;
  }
  .MainShowBg .MainShowBox .MainShowPic {
    width: 100vw;
    left: 0;
  }
  .MainShowBg .MainShowBox .MainShowPic picture, .MainShowBg .MainShowBox .MainShowPic img {
    width: 100vw;
  }

  .ProductBg {
    min-height: 432px;
    padding: 55px 0 45px 0;
    background-image: url("../images/bg03_s.jpg");
    background-size: 768px auto;
  }
  .ProductBg::after {
    width: 40px;
    height: 68px;
    background-size: auto 100%;
  }

  .ProductBox {
    width: 86%;
  }
  .ProductBox .Carousel {
    width: calc( 100% - 80px );
    height: 38vw;
    min-height: 200px;
  }
  .ProductBox .Controls img {
    width: 5vw;
  }
  .ProductBox .swiper-button-prev {
    left: 0 !important;
    padding: 0;
  }
  .ProductBox .swiper-button-next {
    right: 0 !important;
    padding: 0;
  }
  .ProductBox .WordsPic {
    width: calc( 100% - 70px );
  }
  .ProductBox .WordsPic img {
    width: 100%;
    max-width: 400px;
  }

  .ForewordBox {
    background-position: -250px top;
  }
  .ForewordBox .ForewordGrid {
    flex-wrap: wrap;
    width: 80%;
  }
  .ForewordBox .ForewordGrid .ForewordImg {
    width: 72%;
    margin: 0 auto;
    padding: 30px 0 0 0;
  }
  .ForewordBox .ForewordGrid .ForewordTxt {
    width: 100%;
    padding: 30px 0 30px 0;
    margin: 0 auto;
    text-align: center;
  }

  .InnerWidth, .InsideBox {
    width: 80vw;
  }

  .InsideBox .InsideGrid {
    flex-wrap: wrap;
  }
  .InsideBox .InsideGrid .ImgGrid {
    width: 72%;
    max-width: 500px;
    margin: 0 auto;
    order: 1;
  }
  .InsideBox .InsideGrid .TxtGrid {
    width: 100%;
    margin: 30px auto 0 auto;
    order: 2;
  }
  .InsideBox .InsideGrid .TxtGrid h4 {
    margin-top: 12px;
  }
  .InsideBox .InsideGrid .TxtGrid h4::before {
    width: 24px;
    top: -12px;
  }
  .InsideBox .InsideGrid .TxtGrid.OnRight {
    padding: 0 10px;
  }
  .InsideBox .InsideGrid .TxtGrid.OnLeft {
    padding: 0 10px;
  }

  .PartTitle img {
    width: auto;
    height: 12vw;
  }
  .PartTitle.Left45use img {
    transform: translate(-44%, 0);
  }
  .PartTitle.Right45use {
    display: flex;
    justify-content: flex-start;
    transform: translate(30%, 0);
  }
  .PartTitle.Left55use img {
    transform: translate(-48%, 0);
  }
  .PartTitle.Right55use {
    transform: translate(30%, 0);
  }

  .ContentBox .ContentBg {
    background-image: url("../images/bg04_s.png");
    background-position: -210px 0;
  }

  .PicBox {
    width: 100%;
    padding: 7px 0 0 7px;
  }
  .PicBox .LineItem {
    width: calc( 100% - 7px );
    height: calc( 100% - 7px );
  }
  .PicBox .SquareItem {
    width: calc( 100% - 7px );
    height: calc( 100% - 7px );
    top: 14px;
    left: 14px;
  }

  .PicBox.wow_act .PicItem {
    animation: pic-mask-in 0.7s ease-in-out 0.1s forwards;
  }
  .PicBox.wow_act .LineItem {
    animation: pic-line-in 0.6s ease-in 0.3s 1 forwards;
  }
  .PicBox.wow_act .SquareItem {
    animation: pic-shape-in 0.5s ease-out 0.5s 1 forwards;
  }

  .MarksPic {
    bottom: -38px;
    width: 12%;
    max-width: 48px;
  }
  .MarksPic.Right {
    right: -8px;
  }
  .MarksPic.Left {
    left: -8px;
  }

  .Meal {
    padding-top: 55px;
    padding-bottom: 70px;
  }
  .Meal .BlockBg01 {
    width: 100%;
    background-position: -64vw 0;
    background-size: auto 97vw;
  }

  .Stay {
    padding-top: 5vw;
    padding-bottom: 7vw;
  }
  .Stay .BlockBg01 {
    display: none;
  }

  .Spa .FullBox {
    min-height: 320px;
    display: block;
    padding-top: 0px;
    padding-bottom: 36px;
  }
  .Spa .BlockPic01 {
    position: relative;
    z-index: 2;
    background-position: 0;
    background: none;
    margin: 0 0 25px 0;
    left: 50%;
  }
  .Spa .BlockPic01 img {
    display: block;
    width: 768px;
    transform: translate(-50%, 0);
  }
  .Spa .BlockPic02 {
    background-image: url("../images/bg08.png");
    background-position: -9vw 0;
  }
  .Spa .BlockPic03 {
    top: -15px;
    left: 45%;
  }
  .Spa .BlockPic04 {
    bottom: -19px;
    right: 45%;
  }
  .Spa .InsideGrid .TxtGrid {
    margin: 20px auto 0 auto;
  }

  .PartTitle {
    margin: 0;
  }

  .Other {
    padding-top: 40px;
    padding-bottom: 15vw;
    margin: 0;
  }
}
@media screen and (max-width: 576px) {
  .NavBg {
    top: 18vw;
  }
  .NavBg .NavBox {
    width: 13.3vw;
    max-width: 70px;
    left: calc( 50% - 13.3vw - 10px );
  }
  .NavBg .NavBtn:nth-child(2) {
    margin: 4px 0;
  }
  .NavBg .NavBtn {
    margin: 1px 0;
  }
  .NavBg .NavBtn .Btn01 {
    border: 4px solid transparent;
  }
  .NavBg .NavBtn .Btn01:hover {
    border: 4px solid #FEB152;
  }

  .ForewordBox {
    background-position: -290px top;
  }

  .ProductBg {
    padding: 12vw 0 6vw 0;
  }

  .ProductBox {
    width: 85%;
  }
  .ProductBox .Carousel {
    width: calc( 100% - 52px );
    height: 37vw;
    min-height: auto;
  }
  .ProductBox .swiper-button-prev {
    left: -4px !important;
    padding: 0;
  }
  .ProductBox .swiper-button-next {
    right: -4px !important;
    padding: 0;
  }
  .ProductBox .SwiperBox {
    width: 100%;
    margin: 4vw auto 0 auto;
    max-width: 500px;
  }
  .ProductBox .WordsPic {
    width: 100%;
  }
}
@media screen and (max-width: 460px) {
  .MainShowBg .MainShowBox .OrangeBox img {
    left: 72%;
  }
}
@media screen and (max-width: 374px) {
  .MainShowBg {
    height: auto;
  }
  .MainShowBg .MainShowBox .MainShowPic {
    width: 100%;
    left: 0;
  }
  .MainShowBg .MainShowBox .MainShowPic picture, .MainShowBg .MainShowBox .MainShowPic img {
    width: 100%;
  }
  .MainShowBg .MainShowBox .GreenBox {
    left: 50%;
    transform: translate(-79%, 0);
    width: 80vw;
  }
  .MainShowBg .MainShowBox .GreenBox img {
    width: 70vw;
    left: 8vw;
  }
  .MainShowBg .MainShowBox .OrangeBox img {
    width: 32vw;
    left: 68%;
    bottom: -22vw;
  }
  .MainShowBg .MainShowBox .MainTxt {
    left: 50vw;
    transform: translate(-50%, 0);
  }

  .NavBg .NavBtn .Btn01 {
    border: 3px solid transparent;
  }
  .NavBg .NavBtn .Btn01:hover {
    border: 3px solid #009944;
  }

  .SubjectItem01 {
    left: 7px;
  }
  .SubjectItem01 img {
    width: 36px;
  }

  .TwoColorBg {
    padding-top: 20px;
  }
  .TwoColorBg .TwoColorBox .Flex:nth-child(1) img {
    width: 100%;
  }
  .TwoColorBg .TwoColorBox .Flex:nth-child(2) img {
    width: 100%;
  }

  .Acc01 .GridBox .Flex:last-child img {
    width: 90vw;
  }
}
@media screen and (max-width: 340px) {
  .MainShowBg .MainShowBox .GreenBox img {
    left: 9vw;
  }
  .MainShowBg .MainShowBox .OrangeBox img {
    left: 66%;
  }
}
.LoadingBox {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  z-index: 9999;
}
.LoadingBox .Bg {
  display: block;
  width: 100%;
  height: 100vh;
  content: "";
  position: absolute;
  top: 0;
  background: #FFFFFF;
  z-index: 0;
}
.LoadingBox .LoadingInner {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  z-index: 1;
}
.LoadingBox .LoadingInner .CanvasBox {
  position: absolute;
  width: 100%;
}
.LoadingBox .LoadingInner .CanvasBox .MYUse {
  position: relative;
  width: 100%;
  height: auto;
}
.LoadingBox .LoadingInner .CanvasBox .MYUse img, .LoadingBox .LoadingInner .CanvasBox .MYUse source {
  width: 100%;
  height: auto;
}
.LoadingBox .LoadingInner .CanvasBox .MotionBox {
  position: relative;
  width: 100%;
  max-width: 1920px;
  top: 0;
  left: 0;
}
.LoadingBox .LoadingInner .CanvasBox .MotionBox::before, .LoadingBox .LoadingInner .CanvasBox .MotionBox::after {
  display: inline-block;
  content: "";
  width: 100%;
  height: 4px;
  position: absolute;
  left: 0;
  z-index: 99;
  background-color: #ffffff;
}
.LoadingBox .LoadingInner .CanvasBox .MotionBox::before {
  top: -2px;
}
.LoadingBox .LoadingInner .CanvasBox .MotionBox::after {
  bottom: 4px;
}
.LoadingBox .LoadingInner .CanvasBox .MotionBox video {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0;
  background-color: #ffffff;
}

@media screen and (max-width: 1024px) {
  .LoadingBox .LoadingInner .CanvasBox .MotionBox {
    top: -8px;
    left: 50%;
  }
  .LoadingBox .LoadingInner .CanvasBox .MotionBox::before, .LoadingBox .LoadingInner .CanvasBox .MotionBox::after {
    width: 102%;
    height: 4px;
    left: 0;
    transform: translate(-51%, 0);
  }
  .LoadingBox .LoadingInner .CanvasBox .MotionBox::before {
    top: -2px;
  }
  .LoadingBox .LoadingInner .CanvasBox .MotionBox::after {
    bottom: 4px;
  }
  .LoadingBox .LoadingInner .CanvasBox .MotionBox video {
    width: 168.75%;
    transform: translate(-50%, 0);
  }
}
@media screen and (max-width: 767px) {
  .LoadingBox .LoadingInner .CanvasBox .MotionBox {
    top: -4px;
  }
  .LoadingBox .LoadingInner .CanvasBox .MotionBox video {
    width: 170.2%;
  }
}
.CommonToolsBg {
  width: 100px;
  position: absolute;
  top: 216px;
  right: 0;
  z-index: 999;
}
.CommonToolsBg .CommonToolsBox {
  width: 100%;
  position: relative;
}
.CommonToolsBg .CommonToolsBox .ToolsBox {
  position: relative;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem:hover, .CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem:focus, .CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem.In {
  color: #FFFFFF;
  background-color: #FEB152;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100px;
  margin: 0 0 5px 0;
  background-color: #ccfccf;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsBtn {
  display: inline-block;
  width: 100%;
  padding: 0 10px;
  text-align: center;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsBtn span {
  display: block;
  margin: 2px 0 0 0;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsIcon {
  display: block;
  width: 60px;
  height: 48px;
  margin: 0 auto 4px auto;
  background-image: url("../pic/icon01.svg");
  background-repeat: no-repeat;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsIcon.Seat {
  background-position: 0;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsIcon.Checkin {
  background-position: -60px 0;
}
.CommonToolsBg .CommonToolsBox .ToolsBox .ToolsItem .ToolsIcon.Board {
  background-position: -120px 0;
}

.TopBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  position: absolute;
  right: 25px;
  bottom: 85px;
  background-color: #776D61;
  cursor: pointer;
}
.TopBtn:after {
  display: block;
  content: "";
  width: 36px;
  height: 36px;
  background-image: url("../pic/icon04.svg");
  background-repeat: no-repeat;
  background-position: -72px 0;
}