/*
* Below are the styles developed by WEEWUNGWUNG.
*/
/* ==========================================================================
   Mixin
============================================================================= */
/* ==========================================================================
   Variables
============================================================================= */
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?gp38p1");
  src: url("../fonts/icomoon.eot?gp38p1#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?gp38p1") format("truetype"), url("../fonts/icomoon.woff?gp38p1") format("woff"), url("../fonts/icomoon.svg?gp38p1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-next:before {
  content: "\e900";
}

.icon-arrow-prev:before {
  content: "\e901";
}

/* ==========================================================================
   Base styles
============================================================================= */
@-moz-document url-prefix() {
  body {
    font-weight: lighter !important;
  }
}

body,
html {
  -webkit-font-smoothing: antialiased;
  font-family: "Libre Baskerville", "source-han-serif-tc", serif;
  color: #c8b991;
}

body.jp,
html.jp {
  font-family: yu-mincho-pr6n, sans-serif;
}

html {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

html.noscroll {
  overflow: hidden;
}

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 100vh;
}

::-moz-selection {
  background: rgba(89, 88, 87, 0.1);
}

::selection {
  background: rgba(89, 88, 87, 0.1);
}

*:focus,
*:active {
  outline: none;
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin: 0;
  font-size: initial;
  font-weight: normal;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  font-weight: 300;
  line-height: 1.5;
}

h1 {
  font-size: 80px;
  margin-bottom: 60px;
}

@media only screen and (max-width: 992px) {
  h1 {
    font-size: 70px;
  }
}

@media only screen and (max-width: 992px) {
  h1 {
    font-size: 50px;
  }
}

h2 {
  font-size: 40px;
}

h3 {
  font-size: 30px;
}

@media only screen and (max-width: 768px) {
  h3 {
    font-size: 25px;
  }
}

h4 {
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  h4 {
    font-size: 18px;
  }
}

p {
  font-size: 15px;
  line-height: 1.7em;
}

ul,
ol {
  list-style-type: none;
}

a,
a:hover,
a:focus,
button,
button:hover,
button:focus {
  text-decoration: none;
  outline: none;
  cursor: pointer;
  color: inherit;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.vt {
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
}

.far,
.fas,
.fab {
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.italic {
  font-style: italic;
}

button {
  border: none;
  padding: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.global-container {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#bg-video {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -ms-filter: blur(15px);
  -o-filter: blur(15px);
  filter: blur(15px);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: filter 0.8s ease-in-out;
  -webkit-transition: -webkit-filter 0.8s ease-in-out;
  transition: -webkit-filter 0.8s ease-in-out;
  transition: filter 0.8s ease-in-out;
  transition: filter 0.8s ease-in-out, -webkit-filter 0.8s ease-in-out;
}

#bg-video.no-blur {
  -webkit-filter: blur(0);
  -moz-filter: blur(0);
  -ms-filter: blur(0);
  -o-filter: blur(0);
  filter: blur(0);
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #595857;
  opacity: 0.4;
}

.bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-position: center;
  background-size: cover;
  background-repeat: repeat;
  opacity: 0.15;
  z-index: 0;
}

.preloader {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #222323;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
}

.preloader.active {
  z-index: 30;
  opacity: 1;
  visibility: visible;
}

.page {
  position: relative;
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.page.opacity {
  opacity: 0;
}

.page--inner .title--vt {
  position: fixed;
  margin-bottom: 0;
  letter-spacing: 8px;
  text-transform: uppercase;
  -webkit-writing-mode: tb-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: tb-rl;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  white-space: nowrap;
  text-align: center;
  color: #c8b991;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  font-weight: 700;
  font-style: normal;
  z-index: 1;
}

.container {
  position: relative;
  width: 100%;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 200px;
}

.container > h1 {
  margin-bottom: 60px;
}

.content {
  color: #45565a;
  padding-left: calc(50% - 65px);
  margin: 65px auto 0;
  width: calc(100% - (65px * 2));
}

@media only screen and (min-width: 1281px) {
  .content {
    padding-left: calc(50% - 130px);
    width: calc(100% - (130px * 2));
  }
}

.content--bg {
  background: rgba(246, 244, 240, 0.95) url(../images/paper-texture@2x.jpg);
  background-size: 50%;
  background-repeat: repeat;
  background-attachment: fixed;
}

.title {
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
}

.label {
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
}

.text {
  font-family: "Libre Baskerville", "source-han-serif-tc", serif;
}

.btn {
  font-size: 15px;
  padding: 0;
  outline: none;
  border: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn:focus, .btn:active {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.btn--green {
  color: #00566a;
}

.btn--green .icon {
  color: #c8b991;
  margin-left: 5px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.btn--green:hover .icon-arrow-next {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

.btn--white {
  color: #f6f4f0;
}

.btn--white .icon {
  color: #f6f4f0;
  margin-left: 5px;
}

.padding {
  padding-left: 130px;
  padding-right: 130px;
}

@media only screen and (max-width: 992px) {
  .padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cap {
  text-transform: uppercase;
  letter-spacing: 1px;
}

.mobile {
  visibility: hidden;
}

.opacity {
  opacity: 0;
}

.share {
  position: relative;
  cursor: pointer;
  margin: 13px 0;
  padding: 5px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c8b991;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  width: 93px;
}

.share span {
  font-size: 15px;
  margin-right: 14px;
}

.share a {
  opacity: 0;
  filter: alpha(opacity=0);
  position: relative;
  margin-right: 15px;
}

.share a i {
  color: #c8b991;
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}

.share:hover {
  width: 160px;
  cursor: default;
}

.share:hover a {
  opacity: 1;
  filter: alpha(opacity=100);
}

.share:hover a:hover > i {
  color: #c8b991;
}

.share .corner__item {
  border-width: 2px;
  width: 6px;
  height: 6px;
}

.btn--play {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #f6f4f0;
  width: 55px;
  height: 55px;
  text-align: center;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn--play .icon {
  color: #c8b991;
  line-height: 55px;
}

.btm-cta {
  position: relative;
  padding-top: 50px;
  padding-bottom: 50px;
  color: #f6f4f0;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.btm-cta a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btm-cta a .icon {
  font-size: 18px;
}

.btm-cta a span {
  margin: 0 10px;
}

@media only screen and (max-width: 768px) {
  .btm-cta a {
    display: none;
  }
}

.btm-cta .deco {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 3px;
  height: 3px;
  background: #c8b991;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btm-cta .deco:before, .btm-cta .deco:after {
  content: "";
  display: block;
  width: 20vw;
  border-top: 1px solid #c8b991;
  margin: 0 20px;
  position: absolute;
}

@media only screen and (max-width: 768px) {
  .btm-cta .deco:before, .btm-cta .deco:after {
    width: calc(50vw - 40px);
  }
}

.btm-cta .deco:before {
  left: 100%;
}

.btm-cta .deco:after {
  right: 100%;
}

.close-btn {
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.close-btn:hover > div:before {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.close-btn:hover > div:after {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close-btn > div {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.close-btn > div:before, .close-btn > div:after {
  content: "";
  display: block;
  position: absolute;
  width: 25px;
  height: 2px;
  background: #f6f4f0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.close-btn > div:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.close-btn > div:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.lightbox {
  opacity: 0;
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(34, 35, 35, 0.9);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.lightbox.opened {
  z-index: 10;
  opacity: 1;
}

.lightbox .close-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  z-index: 1;
}

@media only screen and (max-width: 768px) {
  .lightbox .close-btn {
    right: 10px;
    top: 10px;
  }
}

.lightbox .close-btn > div:before, .lightbox .close-btn > div:after {
  width: 50px;
}

@media only screen and (max-width: 768px) {
  .lightbox .close-btn > div:before, .lightbox .close-btn > div:after {
    width: 30px;
  }
}

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

.lightbox--video .wrapper {
  max-width: 1080px;
  width: calc(100% - 40px);
  position: relative;
}

.lightbox--video .wrapper:before {
  content: "";
  display: block;
  padding-top: 56%;
}

.lightbox--video .wrapper iframe,
.lightbox--video .wrapper video,
.lightbox--video .wrapper .video-js {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.parallax-section {
  width: 100%;
  display: none;
}

@media only screen and (max-width: 992px) {
  .parallax-section {
    display: block;
  }
}

.parallax-section:before {
  content: "";
  display: block;
  padding-top: 66%;
}

@media only screen and (max-width: 650px) {
  .parallax-section:before {
    padding-top: 100%;
  }
}

.parallax-section .parallax__container {
  z-index: 0;
}

.parallax-section .parallax__container .parallax {
  height: 100% !important;
}

@-moz-document url-prefix() {
  #bg-video {
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px);
  }
}

.form input, .form select, .form textarea {
  font-size: 15px;
  border: 1px solid #c8b991;
  outline: 0;
  padding: 8px 10px;
  background: transparent;
  border-radius: 0;
  resize: none;
  width: 100%;
  color: #45565a;
  -o-appearance: none;
  -ms-appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-bottom: 30px;
}

.form input::-webkit-input-placeholder, .form select::-webkit-input-placeholder, .form textarea::-webkit-input-placeholder {
  font-weight: 700;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  color: #c8b991;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.form input:-ms-input-placeholder, .form select:-ms-input-placeholder, .form textarea:-ms-input-placeholder {
  font-weight: 700;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  color: #c8b991;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.form input::-ms-input-placeholder, .form select::-ms-input-placeholder, .form textarea::-ms-input-placeholder {
  font-weight: 700;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  color: #c8b991;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.form input::placeholder, .form select::placeholder, .form textarea::placeholder {
  font-weight: 700;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  color: #c8b991;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.form input[type="text"], .form input[type="email"], .form input[type="phone"], .form input[type="tel"] {
  border-top: 0;
}

.form textarea {
  width: 100%;
  height: 200px;
}

.form button[type="submit"] {
  position: relative;
  width: 100%;
  padding: 8px 10px;
  border: 0;
  color: #f6f4f0;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  font-weight: 700;
  cursor: pointer;
  overflow: hidden;
}

.form button[type="submit"] span {
  position: relative;
}

.form button[type="submit"]:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 200%;
  top: 0;
  left: 0;
  background: #c8b991;
  background: -webkit-gradient(linear, left bottom, left top, from(#00566a), color-stop(50%, #00566a), color-stop(50%, #ba9d5e), to(#ba9d5e));
  background: linear-gradient(0deg, #00566a 0%, #00566a 50%, #ba9d5e 50%, #ba9d5e 100%);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.form button[type="submit"]:hover:before {
  top: -100%;
}

.preload {
  position: fixed;
  width: calc(100% - 65px * 2);
  height: 100vh;
  z-index: 11;
  margin: 0 65px;
  background: #c8b991;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

.preload.active {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.preload.inivisble {
  display: none;
}

@media only screen and (max-width: 992px) {
  .preload {
    width: calc(100% - 20px * 2);
    margin: 0 20px;
  }
}

.animation {
  display: none;
  position: fixed;
  z-index: 11;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #f6f4f0;
  background-size: calc(100vh + 60px);
  background-position: right center;
  background-repeat: no-repeat;
}

.animation img {
  position: absolute;
  width: 140px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.header__part {
  position: fixed;
  z-index: 10;
  height: 100%;
  width: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #f6f4f0;
  padding: 20px 0;
  top: 0;
}

.header__part--l {
  left: 0;
}

.header__part--l .logo:after {
  content: "";
  display: block;
  height: 35px;
  width: 1px;
  margin: 0 auto;
  margin-top: 15px;
  border-left: 1px solid rgba(246, 244, 240, 0.3);
}

.header__part--l .logo img {
  width: 36px;
}

.header__part--l .menu-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20px;
  width: 30px;
  position: relative;
  cursor: pointer;
}

.header__part--l .menu-icon > div {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 1px;
  background: #f6f4f0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.header__part--l .menu-icon > div:before, .header__part--l .menu-icon > div:after {
  content: "";
  display: block;
  position: absolute;
  width: 30px;
  height: 1px;
  background: #f6f4f0;
  left: 0;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.header__part--l .menu-icon > div:before {
  top: 0;
}

.header__part--l .menu-icon > div:after {
  bottom: 0;
}

.header__part--l .menu-icon:hover > div:before, .header__part--l .menu-icon:hover > div:after {
  width: 15px;
}

.header__part--l .menu-icon.active > div {
  background: transparent;
}

.header__part--l .menu-icon.active > div:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 10px;
}

.header__part--l .menu-icon.active > div:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 10px;
}

.header__part--l .menu-icon.active:hover > div:before, .header__part--l .menu-icon.active:hover > div:after {
  width: 30px;
}

.header__part--l .lang {
  font-weight: 700;
}

.header__part--l .lang:before {
  content: "";
  display: block;
  height: 35px;
  width: 1px;
  margin: 0 auto;
  margin-bottom: 10px;
  border-left: 1px solid rgba(246, 244, 240, 0.3);
}

.header__part--l .lang--icon--en {
  position: relative;
  right: 1px;
  font-size: 14px;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
}

@media only screen and (max-width: 992px) {
  .header__part--l {
    height: auto;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    padding: 20px;
  }
  .header__part--l:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: calc(100% - 160px);
    margin: 0 80px;
    border-top: 1px solid rgba(246, 244, 240, 0.5);
  }
  .header__part--l .logo:after {
    display: none;
  }
  .header__part--l .lang {
    display: none;
  }
}

.header__part--r {
  right: 0;
}

.header__part--r .page-nav li {
  position: relative;
  padding: 6px 0;
  opacity: 0.5;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.header__part--r .page-nav li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 5px;
  border-bottom: 1px solid rgba(246, 244, 240, 0.3);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.header__part--r .page-nav li.active {
  opacity: 1;
}

.header__part--r .page-nav li:last-child:after {
  content: none;
}

.header__part--r .social {
  text-align: center;
}

.header__part--r .social:before {
  content: "";
  display: block;
  height: 35px;
  width: 1px;
  margin: 0 auto;
  margin-bottom: 10px;
  border-left: 1px solid rgba(246, 244, 240, 0.3);
}

.header__part--r .social li {
  margin: 3px 0;
}

.header__part--r .social li a {
  padding: 3px 0;
  display: block;
}

@media only screen and (max-width: 992px) {
  .header__part--r {
    display: none;
  }
}

.menu__part {
  z-index: 10;
  position: fixed;
  width: calc(50% - 130px);
  height: calc(100vh - 65px);
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

.menu__part .transition-wrap {
  opacity: 0;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
}

.menu__part--l {
  top: 0;
  left: 130px;
  background: #00566a;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

.menu__part--l .img-bg {
  position: absolute;
  top: 0;
  left: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  opacity: 0;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.menu__part--l .img-bg.active {
  opacity: 1;
}

.menu__part--r {
  background: #eee9e3;
  bottom: 0;
  right: 130px;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}

.menu__part--r .transition-wrap {
  background-image: url("../images/watercolor-bg.png");
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 50px;
}

@media only screen and (max-width: 992px) {
  .menu__part--r .transition-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px;
  }
}

.menu__part--r .transition-wrap .lang,
.menu__part--r .transition-wrap .social {
  display: none;
  position: relative;
}

.menu__part--r .transition-wrap .lang li,
.menu__part--r .transition-wrap .social li {
  margin: 0 10px;
}

.menu__part--r .transition-wrap .lang a,
.menu__part--r .transition-wrap .social a {
  color: #00566a;
}

.menu__part--r .transition-wrap .lang a:hover,
.menu__part--r .transition-wrap .social a:hover {
  color: #c8b991;
}

@media only screen and (max-width: 992px) {
  .menu__part--r .transition-wrap .lang,
  .menu__part--r .transition-wrap .social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.menu__part--r .transition-wrap .lang:after {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  border-top: 1px solid rgba(0, 86, 106, 0.5);
  left: 50%;
  bottom: calc(-9vh + 30px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.menu__part--r .transition-wrap .social:before {
  content: "";
  display: block;
  position: absolute;
  width: 15px;
  border-top: 1px solid rgba(0, 86, 106, 0.5);
  left: 50%;
  top: calc(-9vh + 30px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.menu__part--r .nav {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 100px;
}

@media only screen and (max-width: 992px) {
  .menu__part--r .nav {
    padding-top: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.menu__part--r .nav li {
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}

.menu__part--r .nav li a {
  font-size: 40px;
  color: #00566a;
  letter-spacing: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu__part--r .nav li a:after {
  content: "";
  display: block;
  width: 0px;
  border-top: 1px solid #c8b991;
  margin-left: 10px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  opacity: 0;
}

.menu__part--r .nav li a:hover {
  color: #c8b991;
}

.menu__part--r .nav li a:hover:after {
  width: 60px;
  opacity: 1;
}

.menu.opened .menu__part {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.menu.opened .menu__part .transition-wrap {
  opacity: 1;
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.menu.opened .menu__part--r .nav li {
  opacity: 1;
}

.menu.opened .menu__part--r .nav li:nth-of-type(1) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.menu.opened .menu__part--r .nav li:nth-of-type(2) {
  -webkit-transition-delay: 0.65s;
          transition-delay: 0.65s;
}

.menu.opened .menu__part--r .nav li:nth-of-type(3) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.menu.opened .menu__part--r .nav li:nth-of-type(4) {
  -webkit-transition-delay: 0.95s;
          transition-delay: 0.95s;
}

.menu.opened .menu__part--r .nav li:nth-of-type(5) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}

@media only screen and (max-width: 992px) {
  .menu.opened .menu__part--r {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }
}

@media only screen and (max-width: 992px) {
  .menu .menu__part--l {
    display: none;
  }
  .menu .menu__part--r {
    right: 20px;
    width: calc(100% - 20px * 2);
    height: calc(100% - 150px);
  }
}

@media only screen and (max-width: 650px) {
  .menu .menu__part--r .nav li a {
    font-size: 30px;
  }
}

@media only screen and (max-height: 700px) {
  .menu .menu__part--r .nav li a {
    font-size: 30px;
  }
}

body.jp .menu__part--r .nav li a {
  font-size: 25px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 1200px) {
  body.jp .menu .menu__part--r .nav li a {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 992px) {
  body.jp .menu .menu__part--r .nav li a {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 768px) {
  body.jp .menu .menu__part--r .nav li a {
    font-size: 20px;
    margin-bottom: 5px;
  }
}

.footer {
  padding-top: 30px;
  padding-bottom: 20px;
  color: #f6f4f0;
}

@media only screen and (max-width: 575px) {
  .footer {
    padding-top: 0;
  }
}

.footer .row__col--nav {
  text-align: right;
}

.footer .row__col--nav ul li {
  display: inline-block;
  margin-left: 30px;
  font-size: 13px;
}

@media only screen and (max-width: 575px) {
  .footer .row__col--nav ul li {
    margin: 0 20px;
  }
}

.footer .row__col--nav p {
  font-size: 13px;
}

@media only screen and (max-width: 575px) {
  .footer .row__col {
    text-align: center;
  }
  .footer .row__col--logo:after {
    content: "";
    display: block;
    width: 15px;
    border-top: 1px solid rgba(246, 244, 240, 0.5);
    margin: 30px auto;
  }
}

.footer .footer-logo {
  width: 152px;
}

.page--home .type-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  top: 40%;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 992px) {
  .page--home .type-wrap {
    top: 45%;
  }
}

.page--home .type-wrap img {
  max-width: 280px;
  width: 70vw;
}

.page--home .type-wrap img.name-ch {
  height: 50vh;
  display: block;
  margin: 0 auto;
  width: auto;
}

.page--home .type-wrap h1 {
  margin-top: -25px;
  margin-bottom: 10px;
}

.page--home .type-wrap .label {
  color: #f6f4f0;
  font-size: 20px;
  font-family: "Sabon", "source-han-serif-tc", sans-serif;
}

@media only screen and (max-width: 650px) {
  .page--home .type-wrap .label {
    text-align: center;
    font-size: 15px;
  }
}

.page--home .bottom-wrap {
  position: absolute;
  top: calc(100% - 20vh);
  left: 0;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  text-align: center;
}

.page--home .bottom-wrap:after {
  content: "";
  display: block;
  height: 100vh;
  width: 1px;
  background: #f6f4f0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(246, 244, 240, 0)), to(#f6f4f0));
  background: linear-gradient(0deg, rgba(246, 244, 240, 0) 0%, #f6f4f0 100%);
  margin: 20px auto 0;
}

@media only screen and (max-width: 992px) {
  .page--home .bottom-wrap {
    top: calc(100% - 15vh);
  }
}

.page--home .bottom-wrap img {
  width: 33px;
}

.page--home .swiper--hm-left {
  position: fixed;
  top: 0;
  left: 65px;
  width: calc(50% - 65px);
  height: calc(100vh - 65px);
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

@media only screen and (min-width: 1281px) {
  .page--home .swiper--hm-left {
    left: 130px;
    width: calc(50% - 130px);
  }
}

.page--home .swiper--hm-left .swiper-slide {
  position: relative;
  -moz-transform-style: flat;
}

.page--home .swiper--hm-left .swiper-slide .img-wrap {
  overflow: hidden;
  width: 100%;
  height: 95vh;
  position: relative;
}

.page--home .swiper--hm-left .swiper-slide .img-wrap .slide-img {
  -moz-transform-style: flat;
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.page--home .swiper--hm-left .swiper-slide .img-wrap .slide-img video {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page--home .swiper--hm-left.hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}

.page--home .swiper--hm-left.bottom {
  top: -110px;
}

.page--home #fullpage {
  z-index: 1;
}

.page--home #fullpage .section {
  width: calc(50% - 65px);
  margin-left: 50%;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  opacity: 0;
}

@media only screen and (min-width: 1281px) {
  .page--home #fullpage .section {
    width: calc(50% - 130px);
  }
}

.page--home #fullpage .section.active {
  opacity: 1;
}

.page--home #fullpage .section .fp-tableCell {
  padding-left: 50px;
  padding-right: 50px;
}

.page--home #fullpage .section h3 {
  font-size: 18px;
  line-height: 1.5;
  color: #335b64;
  font-family: "Libre Baskerville", "source-han-serif-tc", serif;
  margin-bottom: 40px;
  max-width: 640px;
}

.page--home #fullpage .section .banner-wrap {
  display: none;
  width: 100%;
  margin: 0;
  background-position: center;
  background-size: cover;
  position: relative;
}

.page--home #fullpage .section .banner-wrap:before {
  content: "";
  display: block;
  width: calc(100% - 80px);
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 30px;
  background: #f6f4f0;
  position: absolute;
}

@media only screen and (max-width: 575px) {
  .page--home #fullpage .section .banner-wrap:before {
    width: calc(100% - 40px);
  }
}

.page--home #fullpage .section .banner-wrap .img {
  position: relative;
  opacity: 0;
  -webkit-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.page--home #fullpage .section .banner-wrap .img:after {
  content: "";
  display: block;
}

.page--home #fullpage .section .banner-wrap .img.reveal {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.page--home #fullpage .section .banner-wrap--top:before {
  bottom: 0;
}

@media only screen and (max-width: 575px) {
  .page--home #fullpage .section .banner-wrap--top.banner-wrap--single {
    width: calc(100% - 80px);
    margin: 0 auto -20px;
  }
}

.page--home #fullpage .section .banner-wrap--top.banner-wrap--single .img {
  background-position: center bottom;
}

.page--home #fullpage .section .banner-wrap--bottom:before {
  top: 0;
}

.page--home #fullpage .section .banner-wrap--bottom.banner-wrap--single .img {
  background-position: center top;
}

.page--home #fullpage .section .banner-wrap--single:before {
  content: none;
}

.page--home #fullpage .section .banner-wrap--single .img {
  width: 100%;
  background-position: center;
  background-size: cover;
}

.page--home #fullpage .section .banner-wrap--single .img:after {
  padding-top: 66%;
}

@media only screen and (max-width: 650px) {
  .page--home #fullpage .section .banner-wrap--single .img:after {
    padding-top: 100%;
  }
}

.page--home #fullpage .section .banner-wrap--double {
  text-align: center;
  font-size: 0;
}

.page--home #fullpage .section .banner-wrap--double .img {
  display: inline-block;
  max-width: 400px;
  width: calc(50% - 10px);
  background-position: center;
  background-size: cover;
}

.page--home #fullpage .section .banner-wrap--double .img:first-of-type {
  margin-right: 10px;
}

.page--home #fullpage .section .banner-wrap--double .img:last-of-type {
  margin-left: 10px;
}

.page--home #fullpage .section .banner-wrap--double.d1 .img:first-of-type {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.page--home #fullpage .section .banner-wrap--double.d1 .img:first-of-type:after {
  padding-top: 150%;
}

.page--home #fullpage .section .banner-wrap--double.d1 .img:last-of-type:after {
  padding-top: 135%;
}

.page--home #fullpage .section .banner-wrap--double.d2 .img:first-of-type:after {
  padding-top: 135%;
}

.page--home #fullpage .section .banner-wrap--double.d2 .img:last-of-type {
  -webkit-transform: translateY(-40px);
  transform: translateY(-40px);
}

.page--home #fullpage .section .banner-wrap--double.d2 .img:last-of-type:after {
  padding-top: 150%;
}

@media only screen and (max-width: 992px) {
  .page--home #fullpage .section .content-wrap {
    background: #f6f4f0;
    padding: 60px 0 150px;
    width: calc(100% - 80px);
    margin: 0 auto;
  }
}

@media only screen and (max-width: 575px) {
  .page--home #fullpage .section .content-wrap {
    width: calc(100% - 40px);
  }
}

.page--home #fullpage .section--contact.opacity {
  opacity: 1;
}

.page--home #fullpage .section--footer {
  width: 100%;
  margin-left: 0;
}

.page--home #fullpage .section--footer .fp-tableCell {
  padding-left: 65px;
  padding-right: 65px;
}

@media only screen and (max-width: 992px) {
  .page--home #fullpage .section {
    opacity: 1 !important;
    position: relative;
    margin: 0 20px;
    padding-bottom: 100px;
    width: calc(100% - 20px* 2);
  }
  .page--home #fullpage .section .banner-wrap {
    display: block;
  }
  .page--home #fullpage .section h3 {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
  }
  .page--home #fullpage .section .btn--green {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page--home #fullpage .section .title--vt {
    position: relative;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    left: 50%;
    font-size: 50px;
    padding: 0 20px;
    margin-bottom: 20px;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    text-align: center;
  }
  .page--home #fullpage .section--home {
    margin: 0;
    width: 100%;
    background: transparent;
    height: 90vh;
  }
  .page--home #fullpage .section--home .type-wrap,
  .page--home #fullpage .section--home .bottom-wrap {
    left: 50%;
  }
  .page--home #fullpage .section--footer {
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 768px) {
  .page--home #fullpage .section .title--vt {
    font-size: 50px;
    letter-spacing: 3px;
    padding: 0 10px;
  }
  .page--home #fullpage .section h3 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 575px) {
  .page--home #fullpage .section {
    width: 100%;
    margin: 0 auto;
  }
  .page--home #fullpage .section .banner-wrap--double .img {
    margin: 0 !important;
    width: 50% !important;
  }
  .page--home #fullpage .section--contact {
    margin-bottom: 40px;
  }
  .page--home #fullpage .section h3 {
    font-size: 16px;
  }
  .page--home #fullpage .section .title--vt {
    font-size: 40px;
  }
}

.page--home .title--vt {
  margin-bottom: 0;
  letter-spacing: 3px;
  text-transform: uppercase;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  color: #c8b991;
  font-family: "futura-pt", "source-han-serif-tc", sans-serif;
  font-weight: 700;
  font-style: normal;
  line-height: 1;
  font-size: 50px;
}

@media only screen and (min-width: 1200px) {
  .page--home .title--vt {
    font-size: 60px;
  }
}

.page--home .btn--green {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.page--home .right-bg {
  position: fixed;
  bottom: 0;
  right: 65px;
  background: #f6f4f0 url("../images/paper-texture@2x.jpg");
  width: calc(50% - 65px);
  height: calc(100vh - 65px);
  opacity: 1;
  overflow: hidden;
  background-size: 50%;
  background-repeat: repeat;
  background-attachment: fixed;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

@media only screen and (min-width: 1281px) {
  .page--home .right-bg {
    right: 130px;
    width: calc(50% - 130px);
  }
}

.page--home .right-bg.hidden {
  opacity: 0;
  -webkit-transform: translateY(calc(100% + 1px));
  transform: translateY(calc(100% + 1px));
}

.page--home .right-bg.bottom {
  bottom: 110px;
}

.page--home .right-bg .scene-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 1.5s ease-in-out;
  transition: 1.5s ease-in-out;
}

.page--home .right-bg .text-illus {
  display: none;
}

@media only screen and (min-width: 1281px) {
  .page--home .right-bg .text-illus {
    display: block;
    position: absolute;
    right: 20px;
    height: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    opacity: 0.3;
  }
}

.page--home .right-bg .scene {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
}

.page--home .right-bg .scene.active {
  opacity: 1;
}

.page--home .right-bg .scene .illus {
  mix-blend-mode: multiply;
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.page--home .right-bg .scene--1 .illus--top {
  top: 65px;
  left: 65px;
}

.page--home .right-bg .scene--1 .illus--btm {
  bottom: 65px;
  right: 65px;
}

.page--home .right-bg .scene--2 .illus--top {
  top: -20px;
  right: 65px;
}

.page--home .right-bg .scene--2 .illus--btm {
  bottom: 10%;
  left: 65px;
}

.page--home .right-bg .scene--3 .illus--top {
  top: 0;
  left: 65px;
}

.page--home .right-bg .scene--3 .illus--btm {
  bottom: 10%;
  right: 65px;
}

.page--home .right-bg .scene--4 .illus--top {
  bottom: 65px;
  left: 65px;
}

@media only screen and (max-width: 575px) {
  body.jp .page--home #fullpage .section .title--vt {
    font-size: 30px;
  }
}

.page--split .pin-trigger {
  position: absolute;
  top: calc(100vh - 65px);
}

.page--split .pin-wrapper {
  position: absolute;
  top: 0;
  height: 100vh;
  width: 100%;
}

.page--split .title--vt {
  position: absolute;
  top: calc(50% - 65px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 992px) {
  .page--split .title--vt {
    display: none;
  }
}

.page--split .pin-trigger--title {
  position: absolute;
  top: 100vh;
}

.page--split .pin-trigger--tf {
  position: absolute;
  top: -65px;
}

.page--split .title-pin-wrapper {
  position: absolute;
  top: 0;
  height: calc(100vh - 65px);
  width: auto;
}

.page--split .title-pin-wrapper .title--vt {
  left: -1px;
  font-size: 40px;
  -webkit-transform: translate(-25%, -50%);
  transform: translate(-25%, -50%);
  letter-spacing: 3px;
}

.page--split .title-pin-wrapper .title--vt.tf {
  letter-spacing: 2px;
  font-size: 20px;
  left: 0;
}

.page--split .swiper--inner-left {
  position: absolute;
  top: -65px;
  left: 65px;
  width: calc(50% - 65px);
  height: 100vh;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}

@media only screen and (min-width: 1281px) {
  .page--split .swiper--inner-left {
    left: 130px;
    width: calc(50% - 130px);
  }
}

.page--split .swiper--inner-left .swiper-slide {
  position: relative;
}

.page--split .swiper--inner-left .swiper-slide .img-wrap {
  overflow: hidden;
  width: 100%;
  height: 100vh;
  position: relative;
}

.page--split .swiper--inner-left .swiper-slide .img-wrap .slide-img {
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

.page--split .swiper--inner-left .swiper-slide .img-wrap .slide-img video {
  height: 100%;
  position: absolute;
  top: 0;
  left: -50%;
}

.page--split .swiper--inner-left.hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  opacity: 0;
}

@media only screen and (max-width: 992px) {
  .page--split .swiper--inner-left {
    display: none;
  }
}

.page--split .swiper--nested {
  position: relative;
}

.page--split .swiper--nested .func {
  position: absolute;
  bottom: 0;
  z-index: 1;
  margin: 20px;
  mix-blend-mode: screen;
  color: #c8b991;
}

.page--split .swiper--nested__nav {
  right: 0;
}

.page--split .swiper--nested__nav .slider-nav {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 60px;
  height: 60px;
  border: 1px solid #c8b991;
  text-align: center;
  display: inline-block;
  cursor: pointer;
  color: #c8b991;
}

.page--split .swiper--nested__nav .slider-nav .icon {
  font-size: 18px;
  line-height: 60px;
}

.page--split .swiper--nested__num {
  left: 0;
  font-size: 20px;
  font-style: italic;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
}

.page--split .swiper--nested__num .num--current {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.page--split .swiper--nested__num .num--total {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.page--split .swiper--nested__num:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  border-top: 1px solid #c8b991;
  top: 50%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.page--split .swiper--nested.res {
  display: none;
  width: 100%;
}

.page--split .swiper--nested.res .swiper-slide {
  width: 100%;
}

.page--split .swiper--nested.res .swiper-slide:after {
  padding-top: 66%;
}

.page--split .swiper--nested.res .swiper-slide .img-wrap:after {
  content: none;
}

.page--split .swiper--nested.res .slide-img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  position: fixed;
}

@media only screen and (max-width: 992px) {
  .page--split .swiper--nested.res {
    display: block;
  }
}

@media only screen and (max-width: 992px) {
  .page--split .content {
    padding-left: 0;
    width: calc(100% - (20px * 2));
    margin-top: 100px;
  }
}

.page--split .content .wrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 80px;
  position: relative;
}

@media only screen and (max-width: 992px) {
  .page--split .content .wrapper {
    display: unset;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    min-height: 80vh;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 650px) {
  .page--split .content .wrapper {
    padding-bottom: 50px;
  }
}

.page--split .content .wrapper .trigger {
  position: absolute;
  top: 0;
}

.page--split .content .wrapper .title {
  color: #c8b991;
}

.page--split .content .wrapper h1 {
  display: none;
  margin-bottom: 0;
}

@media only screen and (max-width: 992px) {
  .page--split .content .wrapper h1 {
    display: block;
    text-align: center;
    margin-top: 20px;
  }
}

.page--split .content .wrapper .banner-wrap {
  width: 100%;
  display: none;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center;
  background-size: cover;
}

.page--split .content .wrapper .banner-wrap:after {
  content: "";
  display: block;
  padding-top: 66%;
}

.page--split .content .wrapper .banner-wrap video {
  position: absolute;
  left: -50%;
  top: 0;
  height: 100%;
}

.page--split .content .wrapper .banner-wrap h1 {
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: 4px;
  text-align: center;
  font-size: 70px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

@media only screen and (max-width: 992px) {
  .page--split .content .wrapper .banner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media only screen and (max-width: 650px) {
  .page--split .content .wrapper .banner-wrap h1 {
    font-size: 50px;
  }
}

.page--split .content .wrapper .content-wrap {
  max-width: 600px;
}

@media only screen and (max-width: 992px) {
  .page--split .content .wrapper .content-wrap {
    padding: 60px 20px;
    max-width: 640px;
    margin: 0 auto;
  }
}

.page--split .content .wrapper__quote .quote-mark {
  width: 25px;
}

.page--split .content .wrapper__quote h4 {
  margin: 30px 0;
}

.page--split .content .wrapper__quote .type-gp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page--split .content .wrapper__quote .type-gp img {
  width: 200px;
}

.page--split .content .wrapper__quote .type-gp:before {
  content: "";
  display: block;
  width: 30px;
  border-top: 2px solid #c8b991;
}

.page--split .content .wrapper__team .bio-gp {
  margin: 50px 0;
}

.page--split .content .wrapper__team .bio-gp:before {
  content: "";
  display: block;
  width: 30px;
  border-top: 2px solid #c8b991;
  margin-bottom: 40px;
}

.page--split .content .wrapper__team .bio-gp h4 {
  margin: 20px 0;
}

.page--story .content .wrapper:first-of-type {
  min-height: calc(100vh - 65px);
}

@media only screen and (max-width: 992px) {
  .page--story .content .wrapper:first-of-type {
    min-height: 90vh;
  }
}

@media only screen and (max-width: 992px) {
  .page--story .content .wrapper:first-of-type .content-wrap {
    padding-top: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .page--story .content .wrapper:first-of-type .parallax-section:before {
    padding-top: 65vh;
  }
}

@-moz-document url-prefix() {
  .page--split .pin-trigger {
    top: calc(100vh - 65px);
  }
}

@media only screen and (max-width: 992px) {
  body.jp .page--split .content .wrapper .title {
    font-size: 30px;
    margin-top: 35px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 768px) {
  body.jp .page--split .content .wrapper .title {
    font-size: 25px;
    margin-top: 35px;
    margin-bottom: 10px;
  }
}

.page--gin .swiper-left .swiper-slide.award-img .img-wrap .slide-img {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #45565a;
}

.page--gin .content {
  background-repeat: repeat;
  background-attachment: fixed;
}

.page--gin .content:not(.map-wrapper) .wrapper:first-of-type {
  min-height: calc(100vh - 65px);
}

@media only screen and (max-width: 992px) {
  .page--gin .content:not(.map-wrapper) .wrapper:first-of-type {
    min-height: 90vh;
  }
}

@media only screen and (max-width: 992px) {
  .page--gin .content:not(.map-wrapper) .wrapper:first-of-type .content-wrap {
    padding-top: 20px;
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .page--gin .content:not(.map-wrapper) .wrapper:first-of-type .parallax-section:before {
    padding-top: 65vh;
  }
}

@media only screen and (max-width: 992px) {
  .page--gin .content .wrapper {
    padding-bottom: 0;
  }
}

.page--gin .content .wrapper__quote:before {
  content: "";
  display: block;
  width: 30px;
  border-top: 3px solid #c8b991;
}

@media only screen and (max-width: 992px) {
  .page--gin .content .wrapper__quote:before {
    margin: 0 auto;
  }
}

.page--gin .content .wrapper .content-wrap {
  max-width: 600px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 15vh;
  margin-top: 100px;
}

.page--gin .content .wrapper .content-wrap .ingrd-type {
  position: absolute;
  right: 0;
  top: 0;
}

.page--gin .content .wrapper .content-wrap .ingrd-type-img {
  text-align: right;
}

.page--gin .content .wrapper .content-wrap .ingrd-type img {
  width: calc(100% / 2);
}

@media only screen and (max-width: 992px) {
  .page--gin .content .wrapper .content-wrap .ingrd-type {
    right: 20px;
    opacity: 0.5;
    bottom: unset;
    top: 30px;
  }
}

@media only screen and (max-width: 650px) {
  .page--gin .content .wrapper .content-wrap .ingrd-type {
    display: none;
  }
}

.page--gin .content .wrapper .content-wrap h2 {
  margin-bottom: 25px;
  position: relative;
  line-height: 1;
}

@media only screen and (max-width: 575px) {
  .page--gin .content .wrapper .content-wrap h2 {
    font-size: 30px;
  }
}

.page--gin .content .wrapper .content-wrap p {
  margin: 25px 0;
}

.page--gin .content .wrapper .content-wrap .vid-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  cursor: pointer;
}

.page--gin .content .wrapper .content-wrap .vid-btn p {
  color: #00566a;
}

.page--gin .content .wrapper .content-wrap .vid-btn .fa-play {
  color: #c8b991;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid rgba(200, 185, 145, 0.3);
  line-height: 60px;
  font-size: 13px;
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.page--gin .content .wrapper .content-wrap .vid-btn:hover .fa-play {
  -webkit-transform: translateX(-10px) scale(1.1);
  transform: translateX(-10px) scale(1.1);
}

.page--gin .content .wrapper .content-wrap .illus-img-wrapper {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: right;
}

.page--gin .content .wrapper .content-wrap .illus {
  mix-blend-mode: multiply;
  width: calc(100% / 2);
  position: relative;
  opacity: 0.7;
  margin-top: 30px;
  -ms-flex-item-align: end;
      align-self: flex-end;
}

@media only screen and (max-width: 992px) {
  .page--gin .content .wrapper .content-wrap .illus {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 768px) {
  .page--gin .content .wrapper .content-wrap .illus {
    width: calc(100% / 2);
  }
}

.page--gin .content .wrapper .static-img-banner img {
  display: none;
}

@media only screen and (max-width: 992px) {
  .page--gin .content .wrapper .static-img-banner img {
    display: block;
    width: 100%;
  }
}

.page--gin .content .awards .wrapper__quote {
  margin-top: 0;
}

.page--gin .content .awards .wrapper__quote:before {
  display: none;
}

.page--gin .content .awards .title {
  font-size: 40px;
}

.page--gin .content .awards__list {
  padding: 0;
}

.page--gin .content .awards__list__awardName {
  font-style: italic;
}

.page--gin .content .awards__list__item:after {
  content: "";
  display: block;
  width: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
  border-top: 3px solid #c8b991;
}

.page--gin .content.map-wrapper {
  z-index: 1;
  position: relative;
  padding-left: 0;
  padding-bottom: 50px;
  color: unset;
  margin-top: 0;
}

.page--gin .content.map-wrapper:before {
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 130px;
  background: #f6f4f0;
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f4f0), to(rgba(246, 244, 240, 0)));
  background: linear-gradient(0deg, #f6f4f0 0%, rgba(246, 244, 240, 0) 100%);
}

@media only screen and (max-width: 992px) {
  .page--gin .content.map-wrapper:before {
    height: 80px;
  }
}

.page--gin .ingrd-map {
  margin: 0 65px;
  width: calc(100% - (65px * 2));
  padding: 100px 0 30px;
  position: relative;
}

.page--gin .ingrd-map > h2 {
  color: #00566a;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 20px;
}

.page--gin .ingrd-map .wrapper {
  position: relative;
  min-height: auto;
}

@media only screen and (max-width: 992px) {
  .page--gin .ingrd-map .wrapper {
    display: block;
  }
}

.page--gin .ingrd-map .swiper--location {
  z-index: 0;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.page--gin .ingrd-map .swiper--location .swiper-wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  opacity: 0.7;
}

.page--gin .ingrd-map .swiper--location .swiper-slide {
  font-size: 8vw;
  color: #c8b991;
  letter-spacing: 5px;
  line-height: 1em;
}

.page--gin .ingrd-map .swiper--location__nav .slider-nav {
  font-size: 26px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 2;
}

.page--gin .ingrd-map .swiper--location__nav .slider-nav--prev {
  left: 0;
}

.page--gin .ingrd-map .swiper--location__nav .slider-nav--next {
  right: 0;
}

.page--gin .ingrd-map .map {
  margin: 60px auto 0;
  max-width: 1280px;
  position: relative;
  z-index: 1;
}

.page--gin .ingrd-map .map > img {
  width: 1080px;
  max-width: 100%;
  opacity: 0.7;
}

.page--gin .ingrd-map .map .map-mark-gp {
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.page--gin .ingrd-map .map .map-mark-gp > li {
  cursor: pointer;
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: #00566a;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  -webkit-transform-origin: 45px 45px;
          transform-origin: 45px 45px;
}

.page--gin .ingrd-map .map .map-mark-gp > li:hover {
  background: #00566a;
  width: 12px;
  height: 12px;
}

.page--gin .ingrd-map .map .map-mark-gp > li:hover:before {
  border-color: #00566a;
  -webkit-animation: scale2 1s ease-in-out forwards;
  animation: scale2 1s ease-in-out forwards;
}

@-webkit-keyframes scale2 {
  0% {
    width: 0;
    height: 0;
    opacity: 0.5;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    width: 30px;
    height: 30px;
    opacity: 0;
  }
}

@keyframes scale2 {
  0% {
    width: 0;
    height: 0;
    opacity: 0.5;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    width: 30px;
    height: 30px;
    opacity: 0;
  }
}

.page--gin .ingrd-map .map .map-mark-gp > li:before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border: 1px solid #00566a;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  opacity: 0;
}

.page--gin .ingrd-map .map .map-mark-gp > li.active {
  background: #00566a;
  width: 12px;
  height: 12px;
}

.page--gin .ingrd-map .map .map-mark-gp > li.active:before {
  content: "";
  display: block;
  -webkit-animation: scale 1.5s ease-in-out infinite;
  animation: scale 1.5s ease-in-out infinite;
  border-color: #00566a;
}

@-webkit-keyframes scale {
  0% {
    width: 0;
    height: 0;
    opacity: 0.5;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    width: 30px;
    height: 30px;
    opacity: 0;
  }
}

@keyframes scale {
  0% {
    width: 0;
    height: 0;
    opacity: 0.5;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    width: 30px;
    height: 30px;
    opacity: 0;
  }
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="hk"] {
  left: 78.7%;
  top: 51%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="id"] {
  left: 78%;
  top: 65%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="in"] {
  left: 68.5%;
  top: 51.8%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="uz"] {
  left: 64%;
  top: 39.2%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="ua"] {
  left: 55.6%;
  top: 34%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="tr"] {
  left: 56.8%;
  top: 41%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="ba"] {
  left: 51.6%;
  top: 37.5%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="nl"] {
  left: 48.3%;
  top: 31.7%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="fr"] {
  left: 47.6%;
  top: 35.8%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="ma"] {
  left: 45.2%;
  top: 45.4%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="gt"] {
  left: 21.5%;
  top: 55.2%;
}

.page--gin .ingrd-map .map .map-mark-gp > li[data-location="tw"] {
  left: 80.3%;
  top: 51%;
}

@media only screen and (max-width: 992px) {
  .page--gin .ingrd-map {
    width: calc(100% - (20px * 2));
    margin: 0 20px;
    padding: 30px 20px 50px;
  }
  .page--gin .ingrd-map .swiper--location__nav {
    position: relative;
    width: 100%;
  }
  .page--gin .ingrd-map .swiper--location__nav .slider-nav--prev {
    left: -10px;
  }
  .page--gin .ingrd-map .swiper--location__nav .slider-nav--next {
    right: -10px;
  }
  .page--gin .ingrd-map .swiper--location {
    top: 100%;
    z-index: 1;
  }
  .page--gin .ingrd-map .swiper--location .swiper-wrapper {
    opacity: 1;
  }
  .page--gin .ingrd-map .swiper--location .swiper-slide {
    letter-spacing: 1px;
    font-size: 40px;
    padding: 0 35px;
  }
}

@media only screen and (max-width: 768px) {
  .page--gin .ingrd-map .swiper--location .swiper-slide {
    font-size: 30px;
  }
  .page--gin .ingrd-map > h2 {
    font-size: 40px;
  }
}

@media only screen and (max-width: 650px) {
  .page--gin .ingrd-map .swiper--location .swiper-slide {
    font-size: 25px;
  }
}

@media only screen and (max-width: 575px) {
  .page--gin .ingrd-map > h2 {
    font-size: 30px;
  }
}

.page--gin .swiper--ingrd {
  position: relative;
  margin: 0 65px;
  margin-top: -10vw;
  width: calc(100% - (65px * 2));
}

.page--gin .swiper--ingrd:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: -webkit-gradient(linear, left bottom, left top, from(#f6f4f0), to(rgba(246, 244, 240, 0)));
  background: linear-gradient(0deg, #f6f4f0 0%, rgba(246, 244, 240, 0) 100%);
}

.page--gin .swiper--ingrd .ingrd-gp {
  text-align: center;
}

.page--gin .swiper--ingrd .ingrd-gp ul li {
  display: inline-block;
  margin-bottom: 30px;
  text-align: center;
  width: 200px;
  vertical-align: top;
}

.page--gin .swiper--ingrd .ingrd-gp ul li .thumbnail {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  width: 110px;
  height: 110px;
  background-position: center;
  background-size: cover;
  margin: 10px auto;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
}

.page--gin .swiper--ingrd .ingrd-gp ul li p {
  color: #00566a;
}

.page--gin .swiper--ingrd .ingrd-gp ul li p {
  color: #00566a;
  line-height: 1.5em;
}

@media only screen and (max-width: 992px) {
  .page--gin .swiper--ingrd {
    margin: 0 20px;
    width: calc(100% - (20px * 2));
  }
}

@-moz-document url-prefix() {
  .page--gin .swiper--inner-left {
    top: -65px;
  }
}

.page--serve {
  margin: 65px 0 0;
}

@media only screen and (max-width: 992px) {
  .page--serve {
    margin-top: 100px;
  }
}

.page--serve .content {
  padding-left: 0;
}

@media only screen and (max-width: 992px) {
  .page--serve .content {
    margin: 0 20px;
    width: calc(100% - (20px * 2));
  }
}

.page--serve .cocktail-list {
  max-width: 1150px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 65px;
}

@media only screen and (max-width: 768px) {
  .page--serve .cocktail-list {
    margin-top: 0;
  }
}

.page--serve .cocktail-list li {
  position: relative;
  width: 50%;
  text-align: center;
  background-position: center;
  background-size: cover;
}

.page--serve .cocktail-list li:before {
  content: "";
  display: block;
  padding-top: 130%;
}

.page--serve .cocktail-list li:nth-child(odd) {
  -webkit-transform: translateY(-65px);
  transform: translateY(-65px);
}

.page--serve .cocktail-list li > a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(89, 88, 87, 0.1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  color: #f6f4f0;
  padding-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

.page--serve .cocktail-list li > a * {
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.page--serve .cocktail-list li > a h3 {
  margin-bottom: 5px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .page--serve .cocktail-list li > a h3 {
    font-size: 30px;
    margin-bottom: 10px;
  }
}

.page--serve .cocktail-list li > a p {
  max-width: 350px;
  opacity: 0;
  margin: 0 auto;
}

@media only screen and (max-width: 650px) {
  .page--serve .cocktail-list li > a p {
    display: none;
  }
}

.page--serve .cocktail-list li > a .btn {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  opacity: 0;
}

.page--serve .cocktail-list li:hover > a {
  background: rgba(89, 88, 87, 0.3);
}

.page--serve .cocktail-list li:hover > a h3 {
  -webkit-transform: translateY(0%);
  transform: translateY(0%);
}

.page--serve .cocktail-list li:hover > a p {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.page--serve .cocktail-list li:hover > a .btn {
  opacity: 1;
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

@media only screen and (max-width: 768px) {
  .page--serve .cocktail-list li {
    width: 100%;
  }
  .page--serve .cocktail-list li:nth-child(odd) {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  .page--serve .cocktail-list li:before {
    padding-top: 66%;
  }
}

@media only screen and (max-width: 650px) {
  .page--serve .cocktail-list li:before {
    padding-top: 100%;
  }
}

.page--serve-single .img-wrap {
  position: absolute;
  top: -65px;
  left: 130px;
  width: calc(50% - 130px);
  height: 95vh;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 992px) {
  .page--serve-single .img-wrap {
    display: none;
  }
}

.page--serve-single .content-wrap {
  padding-bottom: 20px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 992px) {
  .page--serve-single .content-wrap {
    margin: 0 auto 30px;
    padding: 0 0 30px;
  }
}

.page--serve-single .content .wrapper {
  display: block;
  padding: 150px 40px 0;
  background-image: url("../images/serve-bg.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: 373px;
}

@media only screen and (max-width: 992px) {
  .page--serve-single .content .wrapper {
    padding: 0;
  }
}

.page--serve-single .content .wrapper:first-of-type {
  min-height: calc(100vh - 65px);
}

@media only screen and (max-width: 992px) {
  .page--serve-single .content .wrapper:first-of-type {
    min-height: 90vh;
  }
}

@media only screen and (max-width: 768px) {
  .page--serve-single .content .wrapper:first-of-type .banner-wrap:after {
    padding-top: 65vh;
  }
}

.page--serve-single .content .wrapper h2 {
  margin-bottom: 50px;
  line-height: 1;
}

@media only screen and (max-width: 992px) {
  .page--serve-single .content .wrapper h2 {
    margin: 0 auto 50px;
    max-width: 640px;
    width: calc(100% - 20px * 2);
    margin-top: 30px;
  }
}

@media only screen and (max-width: 575px) {
  .page--serve-single .content .wrapper h2 {
    font-size: 30px;
  }
}

.page--serve-single .content .wrapper p.title {
  color: #00566a;
}

.page--serve-single .content .wrapper__recipe {
  border-bottom: 1px solid #c8b991;
}

.page--serve-single .content .wrapper__recipe ol {
  list-style-type: decimal;
  font-size: 15px;
  padding-left: 20px;
  margin: 30px 0;
}

.page--serve-single .content .wrapper__recipe ol li {
  margin-bottom: 5px;
}

.page--serve-single .content .wrapper__recipe .text-wrap {
  margin-top: 30px;
}

.page--serve-single .content .wrapper__location {
  margin-bottom: 0;
}

.page--serve-single .content .wrapper__location .bar-gp {
  margin: 30px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

@media only screen and (max-width: 575px) {
  .page--serve-single .content .wrapper__location .bar-gp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.page--serve-single .content .wrapper__location .bar-gp .thumbnail {
  width: 150px;
  background-position: center;
  background-size: cover;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.page--serve-single .content .wrapper__location .bar-gp .thumbnail:after {
  content: "";
  display: block;
  padding-top: 100%;
}

.page--serve-single .content .wrapper__location .bar-gp .info {
  padding-left: 15px;
}

@media only screen and (max-width: 575px) {
  .page--serve-single .content .wrapper__location .bar-gp .info {
    padding-left: 0;
    padding-top: 20px;
  }
}

.page--serve-single .content .wrapper__location a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 992px) {
  .page--serve-single .content .wrapper .content-wrap {
    padding: 0 0 30px;
    width: calc(100% - 20px * 2);
    margin-top: 30px;
  }
}

.page--serve-single .cocktail-cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}

.page--serve-single .cocktail-cta li {
  background-position: center;
  background-size: cover;
  width: 50%;
  position: relative;
}

@media only screen and (max-width: 575px) {
  .page--serve-single .cocktail-cta li {
    width: 100%;
  }
}

.page--serve-single .cocktail-cta li:after {
  content: "";
  display: block;
  padding-top: 66%;
}

.page--serve-single .cocktail-cta li a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  background: rgba(89, 88, 87, 0.1);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #f6f4f0;
}

.page--serve-single .cocktail-cta li a h3 {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
  padding: 0 20px;
  text-align: center;
  line-height: 1.2;
}

.page--serve-single .cocktail-cta li a .btn--green {
  opacity: 0;
  margin-top: 0px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  color: #f6f4f0;
}

.page--serve-single .cocktail-cta li a .btn--green .icon {
  color: #f6f4f0;
}

.page--serve-single .cocktail-cta li:hover a {
  background: rgba(89, 88, 87, 0.3);
}

.page--serve-single .cocktail-cta li:hover a .btn--green {
  opacity: 1;
  margin-top: 30px;
}

.page--contact .map-wrap {
  position: absolute;
  top: -65px;
  left: 130px;
  width: calc(50% - 130px);
  height: 95vh;
  -webkit-transition: 0.8s ease-in-out;
  transition: 0.8s ease-in-out;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-position: center;
  background-size: cover;
}

@media only screen and (max-width: 992px) {
  .page--contact .map-wrap {
    display: none;
  }
}

.page--contact .map-wrap #map {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.page--contact .map-wrap a {
  -webkit-transform: translateY(-70px);
  transform: translateY(-70px);
}

.page--contact .map-wrap .map-mark {
  position: relative;
}

.page--contact .map-wrap .map-mark > div {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  background: rgba(246, 244, 240, 0.95) url("../images/map-mark.png");
  background-position: center;
  background-size: 65%;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 650px) {
  .page--contact .map-wrap .map-mark > div {
    width: 80px;
    height: 80px;
  }
}

.page--contact .map-wrap .map-mark:after {
  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: #f6f4f0;
  left: 0;
  right: 0;
  margin: 10px auto 0;
}

.page--contact .map-wrap.res {
  background-position: 50% calc(50% + 70px);
  position: relative;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  height: auto;
}

.page--contact .map-wrap.res h1 {
  margin-bottom: 0;
  line-height: 1;
  letter-spacing: 4px;
  text-align: center;
  font-size: 70px;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
}

@media only screen and (max-width: 768px) {
  .page--contact .map-wrap.res h1 {
    font-size: 50px;
  }
}

@media only screen and (max-width: 992px) {
  .page--contact .map-wrap.res {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .page--contact .map-wrap.res:after {
    content: "";
    display: block;
    padding-top: 66%;
  }
  .page--contact .map-wrap.res a {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

@media only screen and (max-width: 650px) {
  .page--contact .map-wrap.res {
    background-position: 50% calc(50% + 60px);
  }
}

.page--contact .content .wrapper .content-wrap {
  padding-top: 0;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.page--contact .content .wrapper .content-wrap.wrapper__form {
  padding-bottom: 60px;
}

.page--contact .content .wrapper {
  display: block;
  padding: 150px 65px 0;
}

@media only screen and (max-width: 992px) {
  .page--contact .content .wrapper {
    padding: 0;
  }
}

.page--contact .content .wrapper h1 {
  margin-bottom: 50px;
  text-align: center;
}

.page--contact .content .wrapper__info {
  border-bottom: 1px solid #c8b991;
}

.page--contact .content .wrapper__info a:hover {
  text-decoration: underline;
}

.page--contact .content .wrapper__form {
  padding-bottom: 100px;
  margin-bottom: 0;
}

.page--disclaimer {
  background: #f6f4f0;
  background-size: calc(100vh + 60px);
  background-position: right center;
  background-repeat: no-repeat;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.page--disclaimer .content {
  padding: 0;
  max-width: 640px;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.page--disclaimer .content img {
  width: 300px;
}

.page--disclaimer .content p {
  padding: 20px;
}

.page--disclaimer .content a {
  color: #00566a;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.page--disclaimer .content a:before, .page--disclaimer .content a:after {
  content: "";
  display: block;
  width: 30px;
  border-top: 1px solid rgba(200, 185, 145, 0.7);
  margin: 0 10px;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}

.page--disclaimer .content a:hover {
  color: #c8b991;
}

.page--disclaimer .content a:hover:before, .page--disclaimer .content a:hover:after {
  width: 50px;
  border-color: #c8b991;
}

.page--static .content {
  background: #f6f4f0;
  padding: 50px 20px;
  min-height: calc(100vh - 65px - 110px);
}

.page--static .content h2 {
  margin-bottom: 50px;
  color: #c8b991;
  line-height: 1.2;
}

@media only screen and (max-width: 768px) {
  .page--static .content h2 {
    font-size: 30px;
  }
}

.page--static .content .text-wrap {
  max-width: 800px;
}

.page--static .content .text-wrap h5 {
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px;
}

.page--static .content .text-wrap p {
  font-size: 13px;
}

@media only screen and (max-width: 992px) {
  .page--static .content {
    margin-top: 100px;
    width: calc(100% - 20px * 2);
    min-height: calc(100vh - 100px - 110px);
  }
}

@media only screen and (max-width: 575px) {
  .page--static .content {
    margin-bottom: 40px;
    min-height: calc(100vh - 100px - 250px);
  }
}

.page--test .content {
  padding: 0;
}

.page--test .content .wrapper {
  min-height: unset;
  display: unset;
}

.parallax__container {
  clip: rect(0, auto, auto, 0);
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -100;
}

.parallax {
  position: fixed;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  width: 100%;
  /* BG behaviour */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.jp .title,
.jp .label,
.jp .text,
.jp h1,
.jp .h1,
.jp h2,
.jp .h2,
.jp h3,
.jp .h3,
.jp h4,
.jp .h4,
.jp h5,
.jp .h5,
.jp h6,
.jp .h6,
.jp .title--vt {
  font-family: yu-mincho-pr6n, sans-serif !important;
  font-style: normal;
}

.jp .title-pin-wrapper .title--vt {
  -webkit-transform: translate(-15%, -50%);
  transform: translate(-15%, -50%);
}