@import url(/complemento/css/global.css);/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }
/**
 * Swiper 5.4.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://swiperjs.com
 *
 * Copyright 2014-2020 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 16, 2020
 */
@font-face {
  font-family: 'swiper-icons';
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal; }

:root {
  --swiper-theme-color: #007aff; }

.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1; }

.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column; }

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box; }

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0); }

.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap; }

.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column; }

.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto; }

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform; }

.swiper-slide-invisible-blank {
  visibility: hidden; }

/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto; }

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height; }

/* 3D Effects */
.swiper-container-3d {
  perspective: 1200px; }

.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  transform-style: preserve-3d; }

.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10; }

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */ }

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none; }

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start; }

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory; }

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory; }

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-color: var(--swiper-theme-color);
  */ }

.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color)); }

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none; }

.swiper-button-prev:after,
.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1; }

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto; }

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'; }

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto; }

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'; }

.swiper-button-prev.swiper-button-white,
.swiper-button-next.swiper-button-white {
  --swiper-navigation-color: #ffffff; }

.swiper-button-prev.swiper-button-black,
.swiper-button-next.swiper-button-black {
  --swiper-navigation-color: #000000; }

.swiper-button-lock {
  display: none; }

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  */ }

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10; }

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0; }

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%; }

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33); }

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2; }

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer; }

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0); }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top; }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap; }

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left; }

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top; }

.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0; }

.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0; }

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff; }

.swiper-pagination-black {
  --swiper-pagination-color: #000000; }

.swiper-pagination-lock {
  display: none; }

/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1); }

.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%; }

.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%; }

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0; }

.swiper-scrollbar-cursor-drag {
  cursor: move; }

.swiper-scrollbar-lock {
  display: none; }

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center; }

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; }

.swiper-slide-zoomed {
  cursor: move; }

/* Preloader */
:root {
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  */ }

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent; }

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg); } }

/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000; }

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity; }

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube {
  overflow: visible; }

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%; }

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible; }

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0; }

.swiper-container-flip {
  overflow: visible; }

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1; }

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none; }

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto; }

.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
@charset "UTF-8";
@-webkit-keyframes shake {
  0% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  20% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); } }
@keyframes shake {
  0% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  20% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  40% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg); } }

@-webkit-keyframes shake-B {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  40% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@keyframes shake-B {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  10% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  20% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  30% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg); }
  40% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); } }

@-webkit-keyframes openDoor {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  25% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  50% {
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px); }
  75% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@keyframes openDoor {
  0% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); }
  25% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px); }
  50% {
    -webkit-transform: translate(0px, 2px);
            transform: translate(0px, 2px); }
  75% {
    -webkit-transform: translate(2px, 0px);
            transform: translate(2px, 0px); }
  100% {
    -webkit-transform: translate(0px, 0px);
            transform: translate(0px, 0px); } }

@-webkit-keyframes show {
  from {
    display: none;
    opacity: 0; }
  to {
    display: block;
    opacity: 1; } }

@keyframes show {
  from {
    display: none;
    opacity: 0; }
  to {
    display: block;
    opacity: 1; } }

@-webkit-keyframes flashing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@keyframes flashing {
  0% {
    opacity: 1; }
  50% {
    opacity: 0.2; }
  100% {
    opacity: 1; } }

@-webkit-keyframes flashingB {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  46% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  54% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes flashingB {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); }
  46% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  54% {
    opacity: 1;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes flashingC {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  46% {
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  54% {
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes flashingC {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); }
  46% {
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  54% {
    opacity: 0;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes hidden {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2); }
  100% {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2); } }

@keyframes hidden {
  0% {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1); }
  50% {
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2); }
  100% {
    visibility: hidden;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1.2);
            transform: translate(-50%, -50%) scale(1.2); } }

@-webkit-keyframes bounce {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  70% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  80% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  90% {
    -webkit-transform: scale(0.97);
            transform: scale(0.97); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes bounce-B {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  25% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce-B {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  25% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2); }
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  75% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes bounce-C {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  70% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce-C {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1); }
  30% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  70% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@-webkit-keyframes moveFinger {
  0% {
    opacity: 0;
    -webkit-transform: translate(-150%, 20vh);
            transform: translate(-150%, 20vh); }
  10% {
    opacity: 1;
    -webkit-transform: translate(-150%, 20vh);
            transform: translate(-150%, 20vh); }
  30% {
    opacity: 1;
    -webkit-transform: translate(100%, 35vh);
            transform: translate(100%, 35vh); }
  50% {
    opacity: 1;
    -webkit-transform: translate(-150%, 50vh);
            transform: translate(-150%, 50vh); }
  70% {
    opacity: 1;
    -webkit-transform: translate(100%, 65vh);
            transform: translate(100%, 65vh); }
  90% {
    opacity: 1;
    -webkit-transform: translate(-150%, 80vh);
            transform: translate(-150%, 80vh); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-150%, 80vh);
            transform: translate(-150%, 80vh); } }

@keyframes moveFinger {
  0% {
    opacity: 0;
    -webkit-transform: translate(-150%, 20vh);
            transform: translate(-150%, 20vh); }
  10% {
    opacity: 1;
    -webkit-transform: translate(-150%, 20vh);
            transform: translate(-150%, 20vh); }
  30% {
    opacity: 1;
    -webkit-transform: translate(100%, 35vh);
            transform: translate(100%, 35vh); }
  50% {
    opacity: 1;
    -webkit-transform: translate(-150%, 50vh);
            transform: translate(-150%, 50vh); }
  70% {
    opacity: 1;
    -webkit-transform: translate(100%, 65vh);
            transform: translate(100%, 65vh); }
  90% {
    opacity: 1;
    -webkit-transform: translate(-150%, 80vh);
            transform: translate(-150%, 80vh); }
  100% {
    opacity: 0;
    -webkit-transform: translate(-150%, 80vh);
            transform: translate(-150%, 80vh); } }

@-webkit-keyframes txtEffectA {
  0% {
    -webkit-transform: translateY(-10vh) rotate(-15deg);
            transform: translateY(-10vh) rotate(-15deg);
    opacity: 0; }
  70% {
    -webkit-transform: translateY(0) rotate(-15deg);
            transform: translateY(0) rotate(-15deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateY(0) rotate(8deg);
            transform: translateY(0) rotate(8deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateY(0) rotate(-4deg);
            transform: translateY(0) rotate(-4deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1; } }

@keyframes txtEffectA {
  0% {
    -webkit-transform: translateY(-10vh) rotate(-15deg);
            transform: translateY(-10vh) rotate(-15deg);
    opacity: 0; }
  70% {
    -webkit-transform: translateY(0) rotate(-15deg);
            transform: translateY(0) rotate(-15deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateY(0) rotate(8deg);
            transform: translateY(0) rotate(8deg);
    opacity: 1; }
  80% {
    -webkit-transform: translateY(0) rotate(-4deg);
            transform: translateY(0) rotate(-4deg);
    opacity: 1; }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg);
    opacity: 1; } }

@-webkit-keyframes txtEffectB {
  0% {
    -webkit-transform: translateY(100vh) rotate(-15deg);
            transform: translateY(100vh) rotate(-15deg); }
  50% {
    -webkit-transform: translateY(-12vh) rotate(-15deg);
            transform: translateY(-12vh) rotate(-15deg); }
  60% {
    -webkit-transform: translateY(-12vh) rotate(8deg);
            transform: translateY(-12vh) rotate(8deg); }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg); } }

@keyframes txtEffectB {
  0% {
    -webkit-transform: translateY(100vh) rotate(-15deg);
            transform: translateY(100vh) rotate(-15deg); }
  50% {
    -webkit-transform: translateY(-12vh) rotate(-15deg);
            transform: translateY(-12vh) rotate(-15deg); }
  60% {
    -webkit-transform: translateY(-12vh) rotate(8deg);
            transform: translateY(-12vh) rotate(8deg); }
  100% {
    -webkit-transform: translateY(0) rotate(0deg);
            transform: translateY(0) rotate(0deg); } }

@-webkit-keyframes txtEffectC {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  70% {
    -webkit-transform: scaleX(3);
            transform: scaleX(3); }
  80% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8); }
  90% {
    -webkit-transform: scaleX(1.2);
            transform: scaleX(1.2); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@keyframes txtEffectC {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0); }
  70% {
    -webkit-transform: scaleX(3);
            transform: scaleX(3); }
  80% {
    -webkit-transform: scaleX(0.8);
            transform: scaleX(0.8); }
  90% {
    -webkit-transform: scaleX(1.2);
            transform: scaleX(1.2); }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1); } }

@-webkit-keyframes flagEffectA {
  0% {
    -webkit-transform: scale(1.3) translateX(31.3%);
            transform: scale(1.3) translateX(31.3%);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.3) translateX(31.3%);
            transform: scale(1.3) translateX(31.3%);
    opacity: 1; }
  65% {
    -webkit-transform: scale(1.3) translateX(31.3%);
            transform: scale(1.3) translateX(31.3%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
    opacity: 1; } }

@keyframes flagEffectA {
  0% {
    -webkit-transform: scale(1.3) translateX(31.3%);
            transform: scale(1.3) translateX(31.3%);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.3) translateX(31.3%);
            transform: scale(1.3) translateX(31.3%);
    opacity: 1; }
  65% {
    -webkit-transform: scale(1.3) translateX(31.3%);
            transform: scale(1.3) translateX(31.3%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
    opacity: 1; } }

@-webkit-keyframes flagEffectB {
  0% {
    -webkit-transform: scale(1.3) translateX(-31.3%);
            transform: scale(1.3) translateX(-31.3%);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.3) translateX(-31.3%);
            transform: scale(1.3) translateX(-31.3%);
    opacity: 0; }
  65% {
    -webkit-transform: scale(1.3) translateX(-31.3%);
            transform: scale(1.3) translateX(-31.3%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
    opacity: 1; } }

@keyframes flagEffectB {
  0% {
    -webkit-transform: scale(1.3) translateX(-31.3%);
            transform: scale(1.3) translateX(-31.3%);
    opacity: 0; }
  50% {
    -webkit-transform: scale(1.3) translateX(-31.3%);
            transform: scale(1.3) translateX(-31.3%);
    opacity: 0; }
  65% {
    -webkit-transform: scale(1.3) translateX(-31.3%);
            transform: scale(1.3) translateX(-31.3%);
    opacity: 1; }
  100% {
    -webkit-transform: scale(1) translateX(0);
            transform: scale(1) translateX(0);
    opacity: 1; } }

@-webkit-keyframes area3GuideFinger {
  0% {
    top: 50px;
    opacity: 0; }
  5% {
    top: 50px;
    opacity: 1; }
  15% {
    top: 0px;
    opacity: 1; }
  20% {
    top: 0px;
    opacity: 1; }
  22% {
    top: 0px;
    opacity: 0; }
  25% {
    top: 50px;
    opacity: 0; }
  50% {
    top: 50px;
    opacity: 1; }
  40% {
    top: 0px;
    opacity: 1; }
  45% {
    top: 0px;
    opacity: 1; }
  47% {
    top: 0px;
    opacity: 0; }
  50% {
    top: 50px;
    opacity: 0; }
  55% {
    top: 50px;
    opacity: 1; }
  65% {
    top: 0px;
    opacity: 1; }
  70% {
    top: 0px;
    opacity: 1; }
  72% {
    top: 0px;
    opacity: 0; }
  75% {
    top: 0px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 0; } }

@keyframes area3GuideFinger {
  0% {
    top: 50px;
    opacity: 0; }
  5% {
    top: 50px;
    opacity: 1; }
  15% {
    top: 0px;
    opacity: 1; }
  20% {
    top: 0px;
    opacity: 1; }
  22% {
    top: 0px;
    opacity: 0; }
  25% {
    top: 50px;
    opacity: 0; }
  50% {
    top: 50px;
    opacity: 1; }
  40% {
    top: 0px;
    opacity: 1; }
  45% {
    top: 0px;
    opacity: 1; }
  47% {
    top: 0px;
    opacity: 0; }
  50% {
    top: 50px;
    opacity: 0; }
  55% {
    top: 50px;
    opacity: 1; }
  65% {
    top: 0px;
    opacity: 1; }
  70% {
    top: 0px;
    opacity: 1; }
  72% {
    top: 0px;
    opacity: 0; }
  75% {
    top: 0px;
    opacity: 0; }
  100% {
    top: 0px;
    opacity: 0; } }

body {
  -webkit-text-size-adjust: 100%;
          text-size-adjust: 100%; }

html, body {
  height: 100%; }

#all {
  font-family: Helvetica, sans-serif;
  height: 100%; }
  #all .girassol {
    font-family: 'Girassol', cursive !important; }
  #all .only-sp {
    display: none !important; }
  #all .beru {
    font-family: 'BreePeru_Light'; }
  #all .shuei-b {
    font-family: "Shuei Yokobuto Min B"; }
  #all .shuei-m {
    font-family: "Shuei Yokobuto Min M"; }
  #all .gothic-mb-db {
    font-family: "\30B4\30B7\30C3\30AFMB101 DB"; }
  #all .gothic-mb-m {
    font-family: "\30B4\30B7\30C3\30AFMB101 M"; }
  #all .gothic-mb-b {
    font-family: "\30B4\30B7\30C3\30AFMB101 B"; }
  #all * {
    box-sizing: border-box; }

#loading {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 25000;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #d52b1e; }
  #loading.hidden {
    -webkit-animation: hidden 1s linear forwards;
            animation: hidden 1s linear forwards;
    -webkit-animation-delay: 0.85s;
            animation-delay: 0.85s; }
  #loading .text {
    font-family: 'BreePeru_Light' !important;
    font-size: 18px;
    color: #fff;
    margin-top: 20px;
    -webkit-animation: flashing 1.5s linear infinite;
            animation: flashing 1.5s linear infinite; }
  #loading #loading-logo {
    width: 192px; }
    #loading #loading-logo span {
      position: absolute;
      visibility: hidden; }

#BtnReturnTop {
  position: fixed;
  bottom: 30px;
  right: 40px;
  background: rgba(0, 0, 0, 0.6);
  width: 50px;
  height: 50px;
  text-decoration: none;
  border-radius: 35px;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  z-index: 100;
  transition: all .5s ease; }

#BtnReturnTop i {
  color: #fff;
  margin: 0;
  position: relative;
  line-height: 50px;
  font-size: 18px; }

#BtnReturnTop.BtnReturnTopActivado {
  visibility: visible;
  opacity: 1; }

#BtnReturnTop:hover {
  background: rgba(0, 0, 0, 0.85); }

#header {
  position: relative; }
  #header #logo img {
    width: auto;
    height: 63px; }
  #header [data-js="toggleNavi"] {
    position: relative;
    display: flex;
    align-items: center; }
    #header [data-js="toggleNavi"]:after {
      content: "";
      width: 5px;
      height: 5px;
      display: inline-block;
      border-top: 1px solid #333;
      border-right: 1px solid #333;
      -webkit-transform: rotate(135deg) translate(0px, 3px);
              transform: rotate(135deg) translate(0px, 3px);
      margin-left: 8px;
      transition: all 0.2s ease-in-out;
      -webkit-transform-origin: 50% 50%;
              transform-origin: 50% 50%; }
    #header [data-js="toggleNavi"].active:after {
      -webkit-transform: rotate(-45deg) translate(-1px, 0px);
              transform: rotate(-45deg) translate(-1px, 0px); }
  #header [data-js="toggleBGM"] img {
    vertical-align: bottom; }
  #header [data-js="toggleBGM"] .on {
    display: none; }
  #header [data-js="toggleBGM"].active .on {
    display: inline-block; }
  #header [data-js="toggleBGM"].active .off {
    display: none; }
  #header .fa-close:before, #header .fa-close:after {
    position: absolute;
    top: 50%;
    right: 0;
    content: "";
    width: 20px;
    height: 3px;
    display: inline-block;
    background-color: #fff; }
  #header .fa-close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  #header .fa-close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  #header [data-i="0"] .fa-close {
    display: none; }
  #header [data-i="1"] .fa-bars {
    display: none; }
  #header [data-i="1"] .fa-close {
    display: inline-block;
    width: 20px;
    height: 20px; }
  #header #navi-campaign {
    position: fixed;
    top: 63px;
    left: 0;
    z-index: 1100;
    width: 100%;
    height: 0;
    transition: all 0.2s ease-in-out;
    overflow: hidden; }
    #header #navi-campaign.active {
      height: 170px; }
    #header #navi-campaign .inner {
      background-color: #d52b1e;
      padding: 30px;
      box-shadow: 0 4px 4px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.28); }
    #header #navi-campaign .inner-wrap {
      max-width: 960px;
      margin: 0 auto; }
    #header #navi-campaign ul {
      display: flex;
      align-items: center; }
    #header #navi-campaign li {
      padding-right: 38px;
      border-right: 1px solid #fff;
      margin-right: 38px; }
      #header #navi-campaign li.bnr {
        margin-left: auto;
        margin-right: 0;
        padding-right: 0;
        border: none; }
        #header #navi-campaign li.bnr img {
          max-width: 340px; }
    #header #navi-campaign a {
      font-family: "Shuei Yokobuto Min M";
      font-size: 14px;
      color: #fff;
      text-decoration: none;
      padding: 6px 0;
      display: inline-block; }
  #header .sub-menu li {
    margin: 4vw 8vw 0;
    padding-bottom: 2.66667vw;
    text-align: center;
    border-bottom: 1px solid #fff; }
    #header .sub-menu li a {
      font-family: "Shuei Yokobuto Min M";
      font-family: serif;
      font-size: 14px;
      color: #fff;
      text-decoration: none; }
    #header .sub-menu li.bnr {
      padding-bottom: 0;
      margin: 6.66667vw 0 0;
      border: none; }
  #header .sub-menu img {
    width: 100%; }

.wrapper-desktop-menu {
  background-color: transparent;
  transition: all .8s;
  top: 0;
  position: fixed;
  z-index: 1000;
  width: 100%;
  left: 0; }

.wrapper-desktop-interna-menu {
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
  transition: all .8s;
  top: 0;
  position: fixed;
  z-index: 1000;
  width: 100%;
  left: 0; }

.wrapper-desktop-menu-fixed {
  background-color: #fff;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28); }

.wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
  width: 960px;
  margin: 0 auto;
  position: relative;
  line-height: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.wrapper-desktop-menu-container-left, .wrapper-desktop-interna-menu-container-left {
  float: none !important; }

.wrapper-desktop-menu-container-left a img, .wrapper-desktop-interna-menu-container-left a img {
  width: 120px;
  height: 95px; }

.wrapper-desktop-menu-container-right, .wrapper-desktop-interna-menu-container-right {
  float: none !important; }

.wrapper-desktop-menu-container-right ul, .wrapper-desktop-interna-menu-container-right ul {
  display: block;
  position: relative;
  padding: 20px 0; }

.wrapper-desktop-menu-container-right ul li, .wrapper-desktop-interna-menu-container-right ul li {
  display: inline-block;
  vertical-align: middle; }

.wrapper-desktop-menu-container-right ul li a {
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  font-family: BreePeru_Light;
  font-weight: 700;
  padding: 0 20px !important;
  display: block;
  cursor: pointer;
  line-height: 100%;
  text-shadow: #000 2px 2px 3px;
  transition: all 0.5s; }

.wrapper-desktop-interna-menu-container-right ul li a {
  font-size: 15px;
  text-decoration: none;
  color: #333;
  font-family: BreePeru_Light;
  font-weight: 700;
  padding: 0px 20px !important;
  display: block;
  cursor: pointer;
  line-height: 100%;
  transition: all 0.5s; }

.wrapper-desktop-menu-fixed .wrapper-desktop-menu-container-right ul li a {
  color: #333;
  text-shadow: none; }

.wrapper-desktop-menu-fixed .desktop-menu-activado {
  color: #d52b1e !important; }

.wrapper-responsive-menu {
  background-color: #ce2610;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 200;
  display: none; }
  .wrapper-responsive-menu .toggle-bgm {
    position: absolute;
    top: 18px;
    right: 70px; }
    .wrapper-responsive-menu .toggle-bgm img {
      width: 60px;
      height: auto; }

.wrapper-responsive-menu-container {
  position: relative;
  width: 100%;
  height: 50px; }

.wrapper-responsive-menu-container-logo {
  position: absolute;
  top: 0px;
  left: 27px; }
  .wrapper-responsive-menu-container-logo img {
    width: 95px; }

.wrapper-responsive-menu-container-navbar {
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 16px;
  right: 40px;
  line-height: 1;
  text-decoration: none; }

.wrapper-responsive-menu-contenido {
  width: 100%;
  max-height: calc(100vh - 65px);
  overflow-y: auto; }

.wrapper-responsive-menu-contenido-container {
  width: 100%;
  padding-bottom: 25px; }

.wrapper-responsive-menu-contenido-container-bloque {
  text-align: left;
  width: 400px;
  margin: 0 auto; }

.wrapper-responsive-menu-contenido-container-bloque-item {
  display: block;
  border-bottom: 1px solid #dfdfdf;
  padding: 5.33333vw 0 2vw; }
  .wrapper-responsive-menu-contenido-container-bloque-item a {
    text-decoration: none;
    font-family: BreePeru_Light;
    font-size: 15px;
    color: #fff; }
  .wrapper-responsive-menu-contenido-container-bloque-item:last-child {
    padding: 5.33333vw 0 2vw;
    border-bottom: 1px solid #dfdfdf; }

.wrapper-footer {
  width: 100%;
  position: relative;
  display: block;
  text-align: center;
  z-index: 5; }

.wrapper-footer-top {
  width: 100%;
  display: block;
  position: relative;
  background: #141414; }

.wrapper-footer-top-container {
  width: 1150px;
  margin: 0 auto;
  padding: 60px 0; }
  .wrapper-footer-top-container h1 {
    color: #fff;
    font-family: BreePeru_Light;
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    padding-bottom: 5px; }
  .wrapper-footer-top-container ul {
    display: block;
    text-align: center;
    position: relative;
    width: 100%; }
    .wrapper-footer-top-container ul li {
      width: auto;
      display: inline-block;
      padding-top: 25px;
      margin: 0 35px;
      font-size: 15px;
      font-family: BreePeru_Light; }
      .wrapper-footer-top-container ul li a {
        text-decoration: none;
        color: #fff; }
        .wrapper-footer-top-container ul li a i {
          margin-right: 7px; }
        .wrapper-footer-top-container ul li a img {
          margin-right: 7px;
          width: 14px;
          vertical-align: middle; }
  .wrapper-footer-top-container .peru-logo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px auto 0;
    width: 885px; }
    .wrapper-footer-top-container .peru-logo .logo img {
      width: auto;
      height: 30px; }
  .wrapper-footer-top-container p {
    color: #fff;
    font-family: BreePeru_Light;
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    padding-top: 30px; }

.wrapper-footer-bottom {
  width: 100%;
  display: block;
  position: relative;
  background: #000; }

.wrapper-footer-bottom-container {
  width: 1150px;
  margin: 0 auto;
  padding: 30px 0; }
  .wrapper-footer-bottom-container h1 {
    color: #fff;
    font-family: BreePeru_Light;
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    padding-bottom: 5px; }
    .wrapper-footer-bottom-container h1 a {
      color: #fff;
      text-decoration: underline; }
  .wrapper-footer-bottom-container h2 {
    color: #fff;
    font-family: BreePeru_Light;
    font-weight: 400;
    font-size: 15px;
    line-height: 120%;
    padding-top: 5px; }
    .wrapper-footer-bottom-container h2 a {
      color: #fff;
      text-decoration: underline; }
    .wrapper-footer-bottom-container h2 span {
      padding: 0 12px; }

[data-block="modal"] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.5s ease-in-out;
  visibility: hidden; }
  [data-block="modal"][data-modal="second"].active .modal-bg, [data-block="modal"][data-modal="second"].active .modal-inner {
    transition-delay: 1.2s; }
  [data-block="modal"][data-modal="second"].active .modal-inner {
    opacity: 1;
    transition-duration: 1.2s; }
  [data-block="modal"]#announce-modal .modal-bg {
    background-color: rgba(0, 0, 0, 0.5); }
  [data-block="modal"]#announce-modal .modal-inner {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 25px 20px 50px; }
    [data-block="modal"]#announce-modal .modal-inner .text {
      margin-top: 60px; }
    [data-block="modal"]#announce-modal .modal-inner .logo {
      margin-top: 40px; }
      [data-block="modal"]#announce-modal .modal-inner .logo img {
        width: 92px; }
    [data-block="modal"]#announce-modal .modal-inner .btn-close {
      margin-left: auto;
      cursor: pointer; }
      [data-block="modal"]#announce-modal .modal-inner .btn-close img {
        width: 26px;
        height: 26px; }
  [data-block="modal"].active {
    visibility: visible; }
    [data-block="modal"].active.ended {
      visibility: hidden; }
    [data-block="modal"].active .modal-bg {
      opacity: 1; }
    [data-block="modal"].active .modal-inner {
      opacity: 1; }
  [data-block="modal"] * {
    box-sizing: border-box; }
  [data-block="modal"] .modal-bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 50;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.5s ease-in-out;
    opacity: 0; }
  [data-block="modal"].sand-note .modal-bg, [data-block="modal"].peru-note .modal-bg, [data-block="modal"].cpn-note .modal-bg {
    background-color: rgba(0, 0, 0, 0.7); }
  [data-block="modal"].sand-note .modal-inner, [data-block="modal"].peru-note .modal-inner, [data-block="modal"].cpn-note .modal-inner {
    background: none;
    width: 640px; }
  [data-block="modal"].sand-note canvas, [data-block="modal"].peru-note canvas, [data-block="modal"].cpn-note canvas {
    cursor: pointer !important; }
  [data-block="modal"][data-animation="delay"] .modal-inner {
    opacity: 0; }
  [data-block="modal"][data-animation="delay"].active .modal-bg, [data-block="modal"][data-animation="delay"].active .modal-inner {
    transition-delay: 0.5s; }
  [data-block="modal"][data-animation="delay"].active .modal-inner {
    opacity: 1;
    transition-duration: 0.5s; }
  [data-block="modal"] .modal-inner {
    position: relative;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: #d52b1e;
    padding: 40px 80px;
    width: 500px;
    transition: all 0.5s ease-in-out;
    opacity: 0; }
  [data-block="modal"] .logo {
    max-width: 94px;
    max-height: 57px; }
    [data-block="modal"] .logo img {
      width: 100%; }
  [data-block="modal"] .text {
    font-family: sans-serif;
    font-size: 18px;
    color: #fff;
    text-align: center;
    margin-top: 28px; }
  [data-block="modal"] .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 35px; }
    [data-block="modal"] .btn li {
      margin: 0 10px; }
      [data-block="modal"] .btn li img {
        max-width: 72px;
        width: 100%;
        vertical-align: bottom; }
      [data-block="modal"] .btn li a {
        padding: 15px 45px;
        background-color: #fff;
        border-radius: 4px;
        display: inline-block; }
  [data-block="modal"].cpn-note #note {
    position: relative; }
  [data-block="modal"].cpn-note .btn {
    position: absolute;
    bottom: 80px;
    left: 56px;
    z-index: 10;
    display: block;
    margin-top: 0; }
    [data-block="modal"].cpn-note .btn li {
      margin: 15px 0 0; }
      [data-block="modal"].cpn-note .btn li a {
        width: 241px;
        height: 35px;
        display: block;
        padding: 0;
        background: none; }

#peru-index p {
  line-height: 1.55; }

#peru-index .slick-track, #peru-index .slick-list, #peru-index .wrapper-banner-section-listado {
  height: 100%;
  overflow: hidden; }

#peru-index #movie .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

#peru-index .wrapper-banner {
  overflow: hidden; }

#peru-index #check-policy {
  position: fixed;
  bottom: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.4);
  width: 100%;
  padding: 30px;
  transition: all 1.25s ease-in-out;
  box-sizing: border-box; }
  #peru-index #check-policy.hidden {
    opacity: 0; }
  #peru-index #check-policy .inner {
    display: flex;
    justify-content: center;
    align-items: flex-end; }
  #peru-index #check-policy p {
    font-family: sans-serif;
    line-height: 1.55; }
  #peru-index #check-policy a {
    font-family: sans-serif;
    color: #000; }
  #peru-index #check-policy .btn {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
    margin-left: 25px; }
    #peru-index #check-policy .btn a {
      display: inline-block;
      background-color: #000;
      border-radius: 4px;
      padding: 7px 20px;
      font-size: 14px;
      min-width: 60px;
      text-align: center;
      color: #fff;
      text-decoration: none; }

#peru-index .section-bg {
  background-image: url("/assets/img/index/fondo.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f2f2f2; }

#peru-index .wrapper-second {
  background: none; }

#peru-index #section-campaign {
  margin-bottom: -50px; }
  #peru-index #section-campaign .banner {
    text-align: center;
    margin-top: 40px; }
  #peru-index #section-campaign img {
    width: 100%;
    max-width: 960px; }

body.start #cpn-kv .title {
  opacity: 1; }

body.start #cpn-kv .kamisama1 {
  right: 30px;
  opacity: 1; }

body.start #cpn-kv .kamisama2 {
  left: calc(50% - 400px);
  opacity: 1; }

body.start #cpn-kv .img1 {
  transition: all 0.75s ease-in-out;
  transition-delay: 1.5s;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

body.start #cpn-kv .img2 {
  transition: all 0.75s ease-in-out;
  transition-delay: 1.5s;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

body.start #cpn-kv .dec1 {
  transition: all 0.75s ease-in-out;
  transition-delay: 1.5s;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

body.start #cpn-kv .dec2 {
  transition: all 0.75s ease-in-out;
  transition-delay: 1.5s;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

body.start #cpn-kv .dec3 {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0); }

body.start #cpn-kv .banner {
  transition: all 0.75s ease-in-out;
  transition-delay: 2.5s;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

body.start #cpn-kv .btn {
  transition: all 2.2s cubic-bezier(0, 0, 0.15, 0.85);
  transition-delay: 2.5s;
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1; }

#cpn-kv {
  position: relative;
  height: 870px;
  background: url("/assets/img/campaign/bg_kv.jpg") center top no-repeat;
  background-size: cover;
  background-attachment: fixed;
  margin-top: 60px;
  overflow: hidden; }
  #cpn-kv .wrap {
    position: relative;
    width: 960px;
    height: 100%;
    margin: 0 auto; }
  #cpn-kv .header {
    position: relative;
    z-index: 50;
    width: 100%;
    height: calc(100% - 250px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  #cpn-kv .title {
    transition: opacity 1s ease-in-out;
    transition-delay: 0.4s;
    opacity: 0; }
    #cpn-kv .title img {
      width: 100%;
      max-width: 792px; }
  #cpn-kv .obj {
    position: absolute;
    z-index: 10; }
  #cpn-kv .btn {
    margin-top: 20px;
    opacity: 0;
    -webkit-transform: scale(0.5);
            transform: scale(0.5); }
    #cpn-kv .btn .light {
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0;
      -webkit-animation: flashingB 13.5s infinite;
              animation: flashingB 13.5s infinite; }
    #cpn-kv .btn .normal {
      -webkit-animation: flashingC 13.5s infinite;
              animation: flashingC 13.5s infinite; }
    #cpn-kv .btn a {
      position: relative;
      display: inline-block; }
  #cpn-kv .kamisama1 {
    top: 30px;
    right: -30px;
    transition: all 0.75s ease-in-out;
    transition-delay: 1.5s;
    opacity: 0; }
  #cpn-kv .kamisama2 {
    bottom: 135px;
    left: calc(50% - 450px);
    transition: all 0.75s ease-in-out;
    transition-delay: 1.5s;
    opacity: 0; }
  #cpn-kv .img1 {
    top: -70px;
    left: -150px;
    z-index: 20;
    opacity: 0;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px); }
  #cpn-kv .img2 {
    bottom: 235px;
    right: -240px;
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px); }
  #cpn-kv .dec1 {
    top: 0px;
    left: 120px;
    opacity: 0;
    -webkit-transform: translateX(-60px);
            transform: translateX(-60px); }
  #cpn-kv .dec2 {
    bottom: 190px;
    left: -170px;
    opacity: 0;
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px); }
  #cpn-kv .dec3 {
    top: 0px;
    right: -75px;
    z-index: 20;
    transition: all 0.75s ease-in-out;
    transition-delay: 1.5s;
    opacity: 0;
    -webkit-transform: translateX(40px);
            transform: translateX(40px); }
  #cpn-kv .banner {
    bottom: -3px;
    left: 0;
    z-index: 100;
    width: 100%;
    opacity: 0;
    -webkit-transform: translateY(45px);
            transform: translateY(45px); }
    #cpn-kv .banner a {
      display: inline-block; }
    #cpn-kv .banner img.only-pc {
      position: absolute;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      bottom: 0;
      left: 50%; }

#cpn {
  position: relative;
  z-index: 5;
  background: url("/assets/img/campaign/bg_loop.jpg") center top; }
  #cpn:before, #cpn:after {
    content: "";
    display: block;
    height: 80px;
    background: url("/assets/img/campaign/bg_loop_obi.png") left top repeat-x;
    background-size: contain; }
  #cpn .wrap {
    max-width: 805px;
    margin: 0 auto; }
  #cpn #cpn-detail {
    padding: 70px 0; }
    #cpn #cpn-detail .content {
      margin-top: 60px; }
      #cpn #cpn-detail .content:first-of-type {
        margin-top: 0; }
      #cpn #cpn-detail .content .info {
        margin-top: 60px;
        padding: 0 55px; }
    #cpn #cpn-detail .title {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      #cpn #cpn-detail .title:before, #cpn #cpn-detail .title:after {
        content: "";
        display: block;
        height: 26px;
        background: url("/assets/img/campaign/title_decoration1.png") right top no-repeat; }
      #cpn #cpn-detail .title:after {
        -webkit-transform: scale(-1, 1);
                transform: scale(-1, 1); }
      #cpn #cpn-detail .title span {
        font-size: 26px;
        color: #2a1912; }
    #cpn #cpn-detail #detail .title:before, #cpn #cpn-detail #detail .title:after {
      width: 288px; }
    #cpn #cpn-detail #detail dl {
      border-top: 2px solid #3d1e15;
      border-bottom: 2px solid #3d1e15;
      padding: 18px 0; }
      #cpn #cpn-detail #detail dl dt {
        text-align: center; }
        #cpn #cpn-detail #detail dl dt span {
          font-size: 18px;
          color: #fff;
          background-color: #b91b0f;
          display: inline-block;
          padding: 10px 15px; }
      #cpn #cpn-detail #detail dl dd {
        font-size: 22px;
        color: #2a1912;
        text-align: center;
        margin-top: 15px; }
    #cpn #cpn-detail #detail .text {
      font-size: 18px;
      line-height: 1.6;
      text-align: center;
      color: #3d1e15;
      margin: 25px -20px 0; }
      #cpn #cpn-detail #detail .text span {
        letter-spacing: -0.35em; }
    #cpn #cpn-detail #present .title:before, #cpn #cpn-detail #present .title:after {
      background-image: url("/assets/img/campaign/title_decoration2.png");
      width: 355px; }
    #cpn #cpn-detail #present ul {
      display: flex;
      justify-content: center; }
      #cpn #cpn-detail #present ul li {
        margin: 0 10px;
        max-width: 324px;
        text-align: center; }
        #cpn #cpn-detail #present ul li img {
          width: 100%; }
        #cpn #cpn-detail #present ul li .attention {
          font-size: 12px;
          margin-top: 7px; }
      #cpn #cpn-detail #present ul .link {
        margin-top: 7px; }
        #cpn #cpn-detail #present ul .link a {
          font-size: 16px;
          font-weight: bold;
          color: #2a1912;
          text-decoration: none;
          border-bottom: 1px solid #2a1912; }
      #cpn #cpn-detail #present ul a {
        display: inline-block;
        transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
        #cpn #cpn-detail #present ul a:hover {
          opacity: 0.7;
          -webkit-transform: scale(1);
                  transform: scale(1); }
    #cpn #cpn-detail #howto .title:before, #cpn #cpn-detail #howto .title:after {
      background-image: url("/assets/img/campaign/title_decoration3.png");
      width: 332px; }
    #cpn #cpn-detail #howto .info {
      padding: 0; }
    #cpn #cpn-detail #howto .sub-title {
      display: flex;
      justify-content: center; }
      #cpn #cpn-detail #howto .sub-title span {
        font-size: 20px;
        color: #b91b0f;
        background-image: url("/assets/img/campaign/bg_step.png");
        background-repeat: no-repeat;
        background-size: contain;
        display: inline-block;
        width: 106px;
        height: 47px;
        display: flex;
        justify-content: center;
        align-items: center; }
    #cpn #cpn-detail #howto .text {
      font-size: 20px;
      line-height: 1.5;
      text-align: center;
      color: #2a1912;
      margin-top: 35px; }
    #cpn #cpn-detail #howto .step {
      border-bottom: 2px solid #3d1e15;
      padding: 0 35px 40px;
      margin-top: 40px; }
      #cpn #cpn-detail #howto .step:first-of-type {
        margin-top: 0; }
      #cpn #cpn-detail #howto .step:last-of-type {
        border: none;
        padding-bottom: 0; }
    #cpn #cpn-detail #howto #step1 .btn {
      text-align: center;
      margin-top: 20px; }
      #cpn #cpn-detail #howto #step1 .btn a {
        display: inline-block; }
      #cpn #cpn-detail #howto #step1 .btn img {
        width: 100%;
        max-width: 320px; }
    #cpn #cpn-detail #howto #step2 .pickup {
      position: relative;
      margin-top: 45px; }
    #cpn #cpn-detail #howto #step2 .btn {
      position: absolute;
      top: 50%;
      right: 0;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }
      #cpn #cpn-detail #howto #step2 .btn a {
        display: inline-block;
        transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
        #cpn #cpn-detail #howto #step2 .btn a:hover {
          opacity: 0.7;
          -webkit-transform: scale(1);
                  transform: scale(1); }
      #cpn #cpn-detail #howto #step2 .btn img {
        width: 100%;
        max-width: 320px; }
    #cpn #cpn-detail #howto #step3 .image {
      text-align: center;
      margin-top: 40px; }
      #cpn #cpn-detail #howto #step3 .image img {
        width: 100%;
        max-width: 424px; }
    #cpn #cpn-detail #howto #step3 .text .half {
      letter-spacing: -0.6em; }
    #cpn #cpn-detail #howto #step3 .text .note {
      font-size: 15px;
      line-height: 1.6;
      display: block;
      margin-top: 5px; }
    #cpn #cpn-detail #howto #step3 .btn {
      text-align: center;
      margin-top: 45px; }
      #cpn #cpn-detail #howto #step3 .btn a {
        color: #b91b0f;
        display: inline-block;
        transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
        #cpn #cpn-detail #howto #step3 .btn a:hover {
          opacity: 0.7;
          -webkit-transform: scale(1);
                  transform: scale(1); }

#kiyaku {
  margin-top: 64px;
  padding: 50px 0 60px;
  background: url("/assets/img/campaign/bg_loop.jpg") center top; }
  #kiyaku #kiyaku-contents {
    position: relative;
    margin: 0 auto;
    max-width: 665px; }
  #kiyaku .kiyaku-title {
    font-size: 20px;
    line-height: 2;
    color: #3d1e15;
    text-align: center; }
  #kiyaku .intro {
    margin-top: 30px; }
  #kiyaku .txt {
    font-size: 14px;
    line-height: 2.14;
    color: #3d1e15; }
  #kiyaku .image {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 15px; }
    #kiyaku .image img {
      width: 300px; }
  #kiyaku .box {
    margin-top: 60px; }
    #kiyaku .box .title {
      font-size: 20px;
      line-height: 1.5;
      color: #3d1e15; }
    #kiyaku .box .attention {
      font-size: 12px;
      margin-top: 7px;
      color: #3d1e15; }
    #kiyaku .box .info {
      margin-top: 15px; }
      #kiyaku .box .info .txt {
        margin-top: 15px; }
        #kiyaku .box .info .txt:first-child {
          margin-top: 0; }
      #kiyaku .box .info dl {
        margin-top: 15px; }
      #kiyaku .box .info .list {
        padding-left: 1em; }
        #kiyaku .box .info .list .txt {
          margin-top: 8px;
          text-indent: -1em;
          padding-left: 1em; }
          #kiyaku .box .info .list .txt.no-indent {
            text-indent: 0;
            padding-left: 0; }
    #kiyaku .box p.txt {
      text-indent: -1em;
      padding-left: 1em; }
      #kiyaku .box p.txt.no-indent {
        text-indent: 0;
        padding-left: 0; }
      #kiyaku .box p.txt.indent2 {
        text-indent: -2em;
        padding-left: 2em; }
      #kiyaku .box p.txt a {
        color: #b91b0f;
        transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
        #kiyaku .box p.txt a:hover {
          opacity: 0.7;
          -webkit-transform: scale(1);
                  transform: scale(1); }

[data-pageid="animation"] {
  overflow: hidden; }
  [data-pageid="animation"].active {
    overflow: auto; }
  [data-pageid="animation"].start .ended + #loading + #intro.move .finger {
    -webkit-animation: moveFinger 4.5s ease-in-out;
            animation: moveFinger 4.5s ease-in-out;
    -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite;
    -webkit-animation-delay: 3s;
            animation-delay: 3s; }

#intro {
  position: relative;
  z-index: 1;
  height: 100%;
  padding-top: 30px;
  overflow: hidden;
  transition: opacity 1s linear;
  transition-delay: 1.8s;
  visibility: hidden; }
  #intro.active {
    visibility: visible; }
  #intro.hidden {
    opacity: 0; }
  #intro.none {
    display: none; }
  #intro .lock {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 15000;
    width: 100%;
    height: 100%;
    visibility: hidden; }
    #intro .lock.active {
      visibility: visible; }
  #intro #cloud {
    position: absolute;
    top: 64px;
    left: 0;
    width: 100%;
    height: calc(100% - 64px);
    z-index: 10; }
    #intro #cloud video {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      width: auto;
      height: auto;
      min-width: 100%;
      min-height: 100%;
      max-width: inherit; }
  #intro .finger {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 170;
    width: 100px;
    height: 120px;
    background: url("/assets/img/animation/intro/icon_finger.png") center center no-repeat;
    background-size: contain;
    transition: opacity 0.2s ease-in-out;
    opacity: 0; }
  #intro .kabe {
    position: relative;
    z-index: 100;
    height: 100%;
    background: url("/assets/img/animation/intro/kabe.jpg") center center no-repeat;
    background-size: auto 100%; }
    #intro .kabe.hidden {
      display: none; }
  #intro .hibi {
    position: relative;
    z-index: 50;
    height: 100%;
    background: url("/assets/img/animation/intro/hibi.jpg") center center no-repeat;
    background-size: auto 100%; }
    #intro .hibi.active {
      visibility: visible;
      transition: opacity 0.15s ease-in-out; }
  #intro .cloud {
    position: absolute;
    top: 0;
    height: 100%;
    width: 35vw;
    z-index: 200; }
    #intro .cloud.left {
      left: 0;
      background: url("/assets/img/animation/intro/cloud_left.png") right top no-repeat;
      background-size: cover; }
    #intro .cloud.right {
      right: 0;
      background: url("/assets/img/animation/intro/cloud_right.png") left top no-repeat;
      background-size: cover; }
    #intro .cloud.active {
      -webkit-animation: openDoor .12s infinite;
              animation: openDoor .12s infinite; }
  #intro #door {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    transition: background-color 4s ease-in-out 1s, -webkit-transform 2.2s ease-in-out 0.35s;
    transition: background-color 4s ease-in-out 1s, transform 2.2s ease-in-out 0.35s;
    transition: background-color 4s ease-in-out 1s, transform 2.2s ease-in-out 0.35s, -webkit-transform 2.2s ease-in-out 0.35s;
    background: #000;
    opacity: 0; }
    #intro #door.active {
      background: #fff;
      opacity: 1;
      -webkit-transform: scale(1.7);
              transform: scale(1.7); }
      #intro #door.active .door {
        -webkit-animation: openDoor .12s infinite;
                animation: openDoor .12s infinite; }
        #intro #door.active .door#door-left {
          left: -115vw; }
        #intro #door.active .door#door-right {
          right: -115vw; }
    #intro #door .door {
      position: absolute;
      top: 30px;
      height: calc(100% - 30px);
      width: 51vw;
      z-index: 30;
      transition: all 8s linear;
      transition-delay: 0.5s; }
      #intro #door .door#door-left {
        left: 0;
        background: url("/assets/img/animation/intro/door_left.png") right top no-repeat;
        background-size: cover; }
      #intro #door .door#door-right {
        right: 0;
        background: url("/assets/img/animation/intro/door_right.png") left top no-repeat;
        background-size: cover; }
  #intro #canvas {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 0.5s ease-in-out;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 150; }
    #intro #canvas.hidden {
      opacity: 0;
      -webkit-animation-fill-mode: forwards;
              animation-fill-mode: forwards; }

[data-pageid="animation"].active #animation #area1 .waku1, [data-pageid="animation"].active #animation #area1 .waku2, [data-pageid="animation"].active #animation #area1 .waku3, [data-pageid="animation"].active #animation #area1 .waku4,
[data-pageid="animation"].active #animation #area1 .map1, [data-pageid="animation"].active #animation #area1 .map2 {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1; }

[data-pageid="animation"].active #animation #area1 .image {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1; }

#animation {
  overflow: hidden;
  height: 0;
  transition: opacity 0.75s ease-in-out;
  opacity: 0; }
  #animation .map-bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    content: "";
    width: 100%;
    height: 100vh;
    background-image: url("/assets/img/animation/contents/bg.jpg");
    background-size: cover; }
  #animation.active {
    height: auto;
    opacity: 1;
    z-index: 30000; }
    #animation.active + #footer {
      display: block; }
  #animation + #footer {
    display: none; }
  #animation .wrap {
    position: relative;
    max-width: 1440px;
    margin: 0 auto;
    height: 100vh; }
  #animation .line {
    position: relative;
    z-index: 10; }
    #animation .line:after {
      position: relative;
      z-index: 10;
      content: "";
      display: block;
      width: 100%;
      height: 18px;
      background: url("/assets/img/animation/contents/loop_decoration.png") left top repeat-x;
      background-size: contain; }
  #animation .area {
    position: relative;
    min-height: 100vh;
    z-index: 10; }
    #animation .area .img, #animation .area .txt, #animation .area .kami {
      position: absolute;
      transition: all 1s ease-in-out; }
  #animation #area1 .wrap {
    height: 867px; }
  #animation #area1 .cloud1 {
    top: 0;
    left: 10%;
    z-index: 15; }
  #animation #area1 .cloud2 {
    top: 40%;
    right: 15%;
    z-index: 15; }
  #animation #area1 .image {
    bottom: 0;
    right: 0;
    z-index: 20;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    opacity: 0; }
  #animation #area1 .waku1 {
    top: 60px;
    right: 0;
    -webkit-transform: translateX(100px);
            transform: translateX(100px);
    opacity: 0; }
  #animation #area1 .waku2 {
    top: 20%;
    right: 10%;
    -webkit-transform: translateX(30px);
            transform: translateX(30px);
    opacity: 0; }
  #animation #area1 .waku3 {
    top: 50%;
    left: 10%;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0; }
  #animation #area1 .waku4 {
    bottom: 3%;
    left: 15%;
    -webkit-transform: translateX(-30px);
            transform: translateX(-30px);
    opacity: 0; }
  #animation #area1 .map1 {
    top: 45%;
    left: 45%;
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    transition-delay: 0.2s;
    opacity: 0; }
    #animation #area1 .map1 img {
      width: 267px; }
  #animation #area1 .map2 {
    top: 35%;
    left: 65%;
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
    transition-delay: 0.25s; }
    #animation #area1 .map2 img {
      width: 171px; }
  #animation #area1 .txt {
    top: 25%;
    left: 25%;
    z-index: 50; }
  #animation #area1 .waku, #animation #area1 .map1, #animation #area1 .map2 {
    z-index: 5; }
  #animation #area2 {
    min-height: inherit; }
    #animation #area2.show .cloud1 {
      opacity: 1; }
    #animation #area2.show .txt {
      opacity: 1; }
      #animation #area2.show .txt img {
        -webkit-animation: bounce-B 0.5s ease-in-out;
                animation: bounce-B 0.5s ease-in-out; }
    #animation #area2.show .kami img {
      -webkit-transform: scale(1);
              transform: scale(1);
      transition-delay: 0.25s; }
    #animation #area2 .wrap {
      height: auto; }
    #animation #area2 .txt {
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      transition: opacity 0.5s ease-in-out;
      opacity: 0;
      z-index: 50; }
      #animation #area2 .txt img {
        width: 330px; }
    #animation #area2 .cloud1 {
      position: relative;
      z-index: 20;
      margin-top: -10%;
      margin-left: 3%;
      transition: opacity 0.5s ease-in-out;
      opacity: 0; }
    #animation #area2 .kami {
      z-index: 30; }
      #animation #area2 .kami img {
        transition: -webkit-transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out;
        transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
        -webkit-transform: scale(0);
                transform: scale(0); }
    #animation #area2 .kami1 {
      top: 10%;
      left: 25%; }
      #animation #area2 .kami1 img {
        width: 208px; }
    #animation #area2 .kami2 {
      top: 70%;
      left: 27%;
      -webkit-animation: shake-B 2s infinite;
              animation: shake-B 2s infinite; }
      #animation #area2 .kami2 img {
        width: 199px; }
    #animation #area2 .kami3 {
      top: 75%;
      left: 45%;
      -webkit-animation: shake-B 2s infinite;
              animation: shake-B 2s infinite; }
      #animation #area2 .kami3 img {
        width: 133px; }
    #animation #area2 .kami4 {
      top: 60%;
      left: 60%; }
      #animation #area2 .kami4 img {
        width: 157px; }
    #animation #area2 .kami5 {
      top: 15%;
      left: 63%;
      -webkit-animation: shake-B 2s infinite;
              animation: shake-B 2s infinite; }
      #animation #area2 .kami5 img {
        width: 137px; }
  #animation #area3 {
    height: 850vh;
    z-index: 2;
    margin-top: 55vh;
    margin-bottom: 0vh; }
    #animation #area3 .guide {
      display: flex;
      align-items: center;
      justify-content: center; }
      #animation #area3 .guide .finger {
        position: absolute;
        top: 50px;
        width: 100px;
        -webkit-animation: area3GuideFinger 5s ease-in-out infinite;
                animation: area3GuideFinger 5s ease-in-out infinite; }
  #animation #area4 {
    position: relative;
    z-index: 50;
    margin-top: 100vh;
    min-height: inherit; }
    #animation #area4 .wrap {
      height: auto; }
    #animation #area4 .flags {
      display: flex;
      justify-content: center;
      margin-top: 60px; }
      #animation #area4 .flags.show .flag {
        -webkit-animation: flagEffectA 1s ease-in-out forwards;
                animation: flagEffectA 1s ease-in-out forwards; }
        #animation #area4 .flags.show .flag:last-of-type {
          -webkit-animation: flagEffectB 1s ease-in-out forwards;
                  animation: flagEffectB 1s ease-in-out forwards; }
      #animation #area4 .flags .flag {
        position: relative;
        z-index: 10;
        margin: 0 20px;
        -webkit-transform: scale(1.3) translateX(31.3%);
                transform: scale(1.3) translateX(31.3%);
        -webkit-transform-origin: center left;
                transform-origin: center left;
        opacity: 0; }
        #animation #area4 .flags .flag:last-of-type {
          z-index: 5;
          -webkit-transform: scale(1.3) translateX(-31.3%);
                  transform: scale(1.3) translateX(-31.3%);
          -webkit-transform-origin: center right;
                  transform-origin: center right; }
      #animation #area4 .flags img {
        width: 350px; }
    #animation #area4 .inner {
      padding: 0 0 10%; }
      #animation #area4 .inner .text {
        text-align: center; }
      #animation #area4 .inner .txt1 {
        position: relative;
        width: 461px;
        margin: 0 auto; }
        #animation #area4 .inner .txt1 .parts1 {
          position: absolute;
          top: -15px;
          left: 110px; }
          #animation #area4 .inner .txt1 .parts1 img {
            -webkit-transform: translateY(-10vh) rotate(-15deg);
                    transform: translateY(-10vh) rotate(-15deg);
            opacity: 0;
            width: 60px; }
        #animation #area4 .inner .txt1 .parts2 {
          position: absolute;
          top: -10px;
          left: 7px; }
          #animation #area4 .inner .txt1 .parts2 img {
            -webkit-transform: translateY(100vh) rotate(-15deg);
                    transform: translateY(100vh) rotate(-15deg);
            width: 133px; }
        #animation #area4 .inner .txt1 .parts3 {
          text-align: right; }
          #animation #area4 .inner .txt1 .parts3 img {
            -webkit-transform: scaleX(0);
                    transform: scaleX(0);
            -webkit-transform-origin: top left;
                    transform-origin: top left;
            width: 310px; }
        #animation #area4 .inner .txt1.show .parts1 img {
          -webkit-animation: txtEffectA 0.6s ease-in-out forwards;
                  animation: txtEffectA 0.6s ease-in-out forwards;
          -webkit-animation-delay: 0.3s;
                  animation-delay: 0.3s; }
        #animation #area4 .inner .txt1.show .parts2 img {
          -webkit-animation: txtEffectB 0.6s ease-in-out forwards;
                  animation: txtEffectB 0.6s ease-in-out forwards; }
        #animation #area4 .inner .txt1.show .parts3 img {
          -webkit-animation: txtEffectC 0.6s ease-in-out forwards;
                  animation: txtEffectC 0.6s ease-in-out forwards; }
      #animation #area4 .inner .txt2 {
        margin-top: 20px;
        -webkit-transform: scale(0);
                transform: scale(0); }
        #animation #area4 .inner .txt2 img {
          width: 447px; }
        #animation #area4 .inner .txt2.show {
          -webkit-animation: bounce 0.6s ease-in-out forwards;
                  animation: bounce 0.6s ease-in-out forwards; }
      #animation #area4 .inner .txt3 {
        margin-top: 60px; }
        #animation #area4 .inner .txt3 img {
          width: 580px; }
        #animation #area4 .inner .txt3.show .introduce {
          opacity: 1; }
        #animation #area4 .inner .txt3 .introduce {
          opacity: 0;
          transition: opacity 0.6s ease-in-out;
          transition-delay: 0.2s; }
        #animation #area4 .inner .txt3 .intro2 {
          transition-delay: 0.25s;
          margin-top: 25px; }
        #animation #area4 .inner .txt3 .intro3 {
          transition-delay: 0.3s;
          margin-top: 35px; }
        #animation #area4 .inner .txt3 .intro4 {
          transition-delay: 0.35s;
          margin-top: 40px; }
        #animation #area4 .inner .txt3 .intro5 {
          transition-delay: 0.4s;
          margin-top: 35px; }
  #animation #hikaku {
    position: relative;
    overflow: hidden; }
    #animation #hikaku .inner {
      position: relative;
      z-index: 5;
      padding: 123px 0 123px;
      height: 460px; }
      #animation #hikaku .inner .title, #animation #hikaku .inner .btn {
        text-align: center; }
      #animation #hikaku .inner .title img {
        width: 585px; }
      #animation #hikaku .inner .btn {
        margin-top: 3%; }
        #animation #hikaku .inner .btn a {
          display: inline-block; }
        #animation #hikaku .inner .btn img {
          width: 445px; }
    #animation #hikaku .banner {
      position: relative;
      z-index: 5; }
      #animation #hikaku .banner a {
        display: flex; }
      #animation #hikaku .banner img {
        width: 100%; }
    #animation #hikaku #slide li {
      position: absolute;
      top: -3px;
      left: 50%;
      z-index: 1;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      width: 100%;
      height: 100%;
      transition: opacity 1.5s ease-in-out;
      opacity: 0; }
      #animation #hikaku #slide li.active {
        opacity: 1; }
      #animation #hikaku #slide li img {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: auto;
        height: auto;
        min-width: 100%;
        min-height: 100%;
        max-width: inherit; }
  #animation #peru-campaign {
    background: url("/assets/img/animation/contents/campaign/image.jpg") center top no-repeat; }
    #animation #peru-campaign .inner {
      position: relative;
      padding: 37px 0 60px;
      height: 458px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      #animation #peru-campaign .inner:before, #animation #peru-campaign .inner:after {
        position: absolute;
        top: 0;
        z-index: 1;
        content: "";
        width: 877px;
        height: 100%;
        background-size: cover;
        background-repeat: no-repeat; }
      #animation #peru-campaign .inner:before {
        right: calc(50% + 300px);
        background-image: url("/assets/img/animation/contents/campaign/rock_left.png");
        background-position: right top; }
      #animation #peru-campaign .inner:after {
        left: calc(50% + 300px);
        background-image: url("/assets/img/animation/contents/campaign/rock_right.png");
        background-position: left top; }
      #animation #peru-campaign .inner .title, #animation #peru-campaign .inner .btn {
        position: relative;
        z-index: 10;
        text-align: center; }
      #animation #peru-campaign .inner .btn img {
        width: 397px; }
      #animation #peru-campaign .inner .btn a {
        display: inline-block; }

#area3screen {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 1;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 500px;
          perspective: 500px;
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0; }
  #area3screen.show {
    visibility: visible;
    opacity: 1;
    z-index: 100; }
  #area3screen.over {
    top: -100%; }
  #area3screen .inner {
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform-style: flat;
            transform-style: flat;
    -webkit-perspective: 420px;
            perspective: 420px;
    position: relative;
    top: 64px;
    left: 0;
    width: 100%;
    height: calc(100% - 64px); }
  #area3screen [data-js="3dscroll"] {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 0;
    will-change: transform;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden; }
    #area3screen [data-js="3dscroll"].show {
      visibility: visible;
      opacity: 1; }
  #area3screen .txt, #area3screen .img {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  #area3screen .img1-1 {
    top: 0%;
    left: 0%; }
  #area3screen .img1-2 {
    top: -55%;
    left: 40%; }
  #area3screen .img1-3 {
    top: 30%;
    left: -50%; }
  #area3screen .img1-4 {
    top: 130%;
    left: -100%; }
  #area3screen .img1-5 {
    top: -35%;
    left: 80%; }
  #area3screen .img1-6 {
    top: 90%;
    left: 20%; }
  #area3screen .img1-7 {
    top: -30%;
    left: -20%; }
  #area3screen .img2-1 {
    top: -13%;
    left: 0%; }
  #area3screen .img2-2 {
    top: 20%;
    left: -40%; }
    #area3screen .img2-2 img {
      -webkit-animation: shake-B 2s infinite;
              animation: shake-B 2s infinite; }
  #area3screen .img2-3 {
    top: 30%;
    left: 60%; }
  #area3screen .img2-4 {
    top: 90%;
    left: 60%; }
  #area3screen .img2-5 {
    top: -55%;
    left: -40%; }
  #area3screen .img2-6 {
    top: 30%;
    left: -80%; }
  #area3screen .img2-7 {
    top: 0%;
    left: 50%; }
    #area3screen .img2-7 img {
      -webkit-transform: rotate(90deg);
              transform: rotate(90deg); }
  #area3screen .img2-8 {
    top: 20%;
    left: -70%; }
  #area3screen .img2-9 {
    top: 20%;
    left: 20%; }
    #area3screen .img2-9 .img {
      justify-content: left;
      align-items: start; }
    #area3screen .img2-9 img {
      position: absolute;
      z-index: 2; }
    #area3screen .img2-9 img.tsubo {
      position: absolute;
      top: 0px;
      z-index: 1; }
    #area3screen .img2-9 img.tsubo1 {
      transition: top 500ms;
      transition-delay: 0ms; }
      #area3screen .img2-9 img.tsubo1.show {
        top: -204px; }
    #area3screen .img2-9 img.tsubo2 {
      transition: top 500ms;
      transition-delay: 300ms; }
      #area3screen .img2-9 img.tsubo2.show {
        top: -204px; }
    #area3screen .img2-9 img.tsubo3 {
      transition: top 500ms;
      transition-delay: 500ms; }
      #area3screen .img2-9 img.tsubo3.show {
        top: -204px; }
  #area3screen .img2-A {
    top: -40%;
    left: -75%; }
  #area3screen .img2-B {
    top: -80%;
    left: -50%; }
  #area3screen .img3-1 {
    top: -15%;
    left: 0%; }
  #area3screen .img3-2 {
    top: 20%;
    left: -80%; }
  #area3screen .img3-3 {
    top: 30%;
    left: 200%; }
    #area3screen .img3-3 img.tsuna {
      position: absolute; }
  #area3screen .img3-4 {
    top: -20%;
    left: 20%; }
  #area3screen .img3-5 {
    top: -50%;
    left: -45%; }
  #area3screen .img3-6 {
    top: 35%;
    left: 10%; }

#peruinjapan {
  position: relative;
  height: 100%;
  background-image: url("/assets/img/peruinjapan/index/bg.jpg");
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 63px;
  overflow: hidden; }
  #peruinjapan + #footer {
    display: none; }
  #peruinjapan:before, #peruinjapan:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 284px;
    height: 100%;
    z-index: 50;
    content: "";
    background-image: url("/assets/img/peruinjapan/index/black.png");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% 100%; }
  #peruinjapan:after {
    right: inherit;
    left: 0;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }
  #peruinjapan #title {
    position: absolute;
    top: 107px;
    left: 50%;
    width: 100%;
    z-index: 50;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    text-align: center; }
    #peruinjapan #title img {
      width: 315px; }
  #peruinjapan #card-list {
    display: flex;
    align-items: center;
    height: 100%;
    margin-top: 30px; }
    #peruinjapan #card-list a {
      display: inline-block; }
    #peruinjapan #card-list img {
      width: 100%; }
    #peruinjapan #card-list .swiper-container {
      transition: opacity 0.25s ease-in-out;
      opacity: 0;
      padding: 30px 0; }
    #peruinjapan #card-list.active .swiper-container {
      opacity: 1; }
    #peruinjapan #card-list .swiper-slide {
      display: inline-block;
      width: 280px; }
    #peruinjapan #card-list .swiper-button-next,
    #peruinjapan #card-list .swiper-button-prev {
      width: 42px;
      top: calc(50% + 55px); }
      #peruinjapan #card-list .swiper-button-next:after,
      #peruinjapan #card-list .swiper-button-prev:after {
        display: none; }
    #peruinjapan #card-list .swiper-button-disabled {
      display: none; }
    #peruinjapan #card-list .swiper-button-next {
      right: calc(50% - 210px); }
    #peruinjapan #card-list .swiper-button-prev {
      left: calc(50% - 210px); }

#peruinjapan-detail {
  position: relative;
  height: 100%;
  padding-top: 63px;
  overflow: auto; }
  #peruinjapan-detail + #footer {
    display: none; }
  #peruinjapan-detail .swiper-slide-active {
    transition-delay: 0.3s; }
  #peruinjapan-detail .swiper-container,
  #peruinjapan-detail .swiper-wrapper {
    height: 100%;
    display: block; }
  #peruinjapan-detail .swiper-wrapper {
    display: flex; }
  #peruinjapan-detail .swiper-button-next-v,
  #peruinjapan-detail .swiper-button-prev-v {
    width: 42px;
    top: calc(50% + 55px); }
    #peruinjapan-detail .swiper-button-next-v:after,
    #peruinjapan-detail .swiper-button-prev-v:after {
      display: none; }
  #peruinjapan-detail .swiper-button-next-h,
  #peruinjapan-detail .swiper-button-prev-h,
  #peruinjapan-detail .swiper-button-next-h-perufood,
  #peruinjapan-detail .swiper-button-prev-h-perufood,
  #peruinjapan-detail .swiper-button-next-h-jpfood,
  #peruinjapan-detail .swiper-button-prev-h-jpfood {
    width: 42px; }
    #peruinjapan-detail .swiper-button-next-h:after,
    #peruinjapan-detail .swiper-button-prev-h:after,
    #peruinjapan-detail .swiper-button-next-h-perufood:after,
    #peruinjapan-detail .swiper-button-prev-h-perufood:after,
    #peruinjapan-detail .swiper-button-next-h-jpfood:after,
    #peruinjapan-detail .swiper-button-prev-h-jpfood:after {
      display: none; }
  #peruinjapan-detail .swiper-button-next-h-perufood.for-peru {
    right: calc(50% + 10px); }
  #peruinjapan-detail .swiper-button-prev-h-perufood.for-peru {
    left: calc(50% + 10px); }
  #peruinjapan-detail .swiper-pagination-h,
  #peruinjapan-detail .swiper-pagination-h-food {
    bottom: 50px;
    left: 35px;
    width: auto; }
    #peruinjapan-detail .swiper-pagination-h .swiper-pagination-bullet,
    #peruinjapan-detail .swiper-pagination-h-food .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border: 2px solid #fff;
      background-color: transparent;
      opacity: 1;
      margin: 0 10px;
      box-shadow: 1px 1px 3px #002, 1px 1px 2px; }
      #peruinjapan-detail .swiper-pagination-h .swiper-pagination-bullet.swiper-pagination-bullet-active,
      #peruinjapan-detail .swiper-pagination-h-food .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
        -webkit-transform: scale(1.35);
                transform: scale(1.35); }
  #peruinjapan-detail .swiper-navi.hidden {
    display: none; }
  #peruinjapan-detail .swiper-button-disabled {
    display: none; }
  #peruinjapan-detail .swiper-button-next-v {
    right: calc(75% - 26px);
    top: inherit;
    bottom: 10px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  #peruinjapan-detail .swiper-button-prev-v {
    left: calc(25% - 16px);
    top: 100px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  #peruinjapan-detail .btn-list {
    position: absolute;
    top: 74px;
    left: 0;
    z-index: 50; }
    #peruinjapan-detail .btn-list img {
      width: 115px; }
  #peruinjapan-detail .progress {
    position: absolute;
    bottom: 45px;
    left: 35px;
    z-index: 50; }
    #peruinjapan-detail .progress .inner {
      display: flex;
      flex-wrap: wrap; }
      #peruinjapan-detail .progress .inner span {
        font-size: 38px;
        color: #fff;
        text-shadow: 1px 1px 2px #002, 1px 1px 1px #002; }
        #peruinjapan-detail .progress .inner span.current:after {
          content: '/';
          display: inline-block;
          font-size: 38px;
          color: #fff; }
      #peruinjapan-detail .progress .inner .bar {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 4px;
        margin-top: 5px;
        border: 1px solid #fff;
        box-shadow: 1px 1px 2px #002, 1px 1px 1px #002; }
        #peruinjapan-detail .progress .inner .bar .progress-bar {
          position: absolute;
          top: 0;
          left: 0;
          content: "";
          width: 0;
          height: 100%;
          background-color: #fff; }
          #peruinjapan-detail .progress .inner .bar .progress-bar.active {
            transition: width 10.5s linear;
            width: 100%; }
  #peruinjapan-detail .place {
    display: flex;
    height: 100%; }
    #peruinjapan-detail .place .btn img {
      width: 146px; }
    #peruinjapan-detail .place .image {
      position: relative;
      width: 50%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }
      #peruinjapan-detail .place .image .slide-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        transition: -webkit-transform 1.85s cubic-bezier(0, 0, 0.15, 0.85);
        transition: transform 1.85s cubic-bezier(0, 0, 0.15, 0.85);
        transition: transform 1.85s cubic-bezier(0, 0, 0.15, 0.85), -webkit-transform 1.85s cubic-bezier(0, 0, 0.15, 0.85); }
    #peruinjapan-detail .place .btn {
      position: absolute;
      bottom: 95px;
      right: 35px;
      z-index: 10;
      text-align: right; }
      #peruinjapan-detail .place .btn .name {
        text-align: right;
        margin-bottom: 15px; }
        #peruinjapan-detail .place .btn .name br {
          display: none !important; }
        #peruinjapan-detail .place .btn .name a {
          font-size: 26px;
          color: #fff;
          text-decoration: none;
          text-shadow: 1px 1px 3px #002, 1px 1px 2px #002;
          background: url("/assets/img/peruinjapan/detail/icon_info.png") right center no-repeat;
          background-size: 30px auto;
          padding: 5px 37px 5px 0; }
      #peruinjapan-detail .place .btn a {
        display: inline-block; }
    #peruinjapan-detail .place .img {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat; }

#all [data-block="modal"].detail {
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
  visibility: hidden;
  opacity: 0;
  transition-delay: 0s;
  overflow: auto;
  align-items: flex-start;
  z-index: 15000; }
  #all [data-block="modal"].detail.active {
    visibility: visible;
    opacity: 1;
    z-index: 30000; }
  #all [data-block="modal"].detail .modal-bg {
    transition-delay: 0s; }
  #all [data-block="modal"].detail .modal-inner {
    display: flex;
    padding: 0 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background: none;
    text-align: left;
    -webkit-transform: scale(1) !important;
            transform: scale(1) !important; }
  #all [data-block="modal"].detail .swiper-container-food {
    margin: 0 -30px; }
  #all [data-block="modal"].detail .swiper-slide.inner {
    display: flex;
    justify-content: center;
    padding: 0 0 15px; }
  #all [data-block="modal"].detail .swiper-container-thumbnail,
  #all [data-block="modal"].detail .modal-thumbnail {
    width: 410px;
    padding-bottom: 10px; }
    #all [data-block="modal"].detail .swiper-container-thumbnail img,
    #all [data-block="modal"].detail .modal-thumbnail img {
      width: 100%; }
    #all [data-block="modal"].detail .swiper-container-thumbnail .food-name,
    #all [data-block="modal"].detail .modal-thumbnail .food-name {
      text-align: center;
      color: #fff;
      font-size: 20px;
      -webkit-transform: translateY(-10px);
              transform: translateY(-10px); }
  #all [data-block="modal"].detail .swiper-button-next-thumbnail,
  #all [data-block="modal"].detail .swiper-button-prev-thumbnail {
    width: 42px;
    top: 140px; }
    #all [data-block="modal"].detail .swiper-button-next-thumbnail:after,
    #all [data-block="modal"].detail .swiper-button-prev-thumbnail:after {
      display: none; }
    #all [data-block="modal"].detail .swiper-button-next-thumbnail.swiper-button-disabled,
    #all [data-block="modal"].detail .swiper-button-prev-thumbnail.swiper-button-disabled {
      opacity: 1; }
  #all [data-block="modal"].detail .swiper-button-prev-thumbnail {
    left: 0; }
  #all [data-block="modal"].detail .swiper-button-next-thumbnail {
    right: 0; }
  #all [data-block="modal"].detail .swiper-pagination-thumbnail {
    top: 270px;
    bottom: inherit;
    width: 100%; }
    #all [data-block="modal"].detail .swiper-pagination-thumbnail.food-pagination {
      top: calc(100% - 20px); }
    #all [data-block="modal"].detail .swiper-pagination-thumbnail .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      border: 2px solid #fff;
      background-color: transparent;
      opacity: 1;
      margin: 0 10px; }
      #all [data-block="modal"].detail .swiper-pagination-thumbnail .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #fff;
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
  #all [data-block="modal"].detail .title {
    font-size: 36px;
    color: #fff;
    text-align: center;
    margin-bottom: 50px; }
  #all [data-block="modal"].detail .modal-bg {
    background-color: rgba(0, 0, 0, 0.78); }
  #all [data-block="modal"].detail .box {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px 0 0;
    margin-bottom: 50px; }
  #all [data-block="modal"].detail .info {
    display: flex;
    justify-content: space-between; }
  #all [data-block="modal"].detail .message {
    width: 355px; }
    #all [data-block="modal"].detail .message p {
      font-size: 16px;
      line-height: 1.87;
      color: #fff; }
      #all [data-block="modal"].detail .message p.copyright {
        font-size: 12px;
        margin-top: 10px;
        color: #a1a1a1; }
  #all [data-block="modal"].detail .link {
    display: flex;
    justify-content: flex-end;
    margin-top: 30px; }
    #all [data-block="modal"].detail .link a {
      display: inline-block;
      margin-left: 30px;
      transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
      #all [data-block="modal"].detail .link a:hover {
        opacity: 0.7;
        -webkit-transform: scale(1);
                transform: scale(1); }
    #all [data-block="modal"].detail .link img {
      width: 40px; }
  #all [data-block="modal"].detail .close.top {
    position: absolute;
    top: 40px;
    right: 30px;
    cursor: pointer;
    transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
    #all [data-block="modal"].detail .close.top:hover {
      opacity: 0.7;
      -webkit-transform: scale(1);
              transform: scale(1); }
    #all [data-block="modal"].detail .close.top img {
      width: 36px; }
  #all [data-block="modal"].detail .close.end {
    text-align: center;
    margin-top: 60px; }
    #all [data-block="modal"].detail .close.end img {
      cursor: pointer;
      transition: all 1s cubic-bezier(0, 0, 0.15, 0.85);
      width: 82px; }
      #all [data-block="modal"].detail .close.end img:hover {
        opacity: 0.7;
        -webkit-transform: scale(1);
                transform: scale(1); }
  #all [data-block="modal"].detail .credit {
    font-size: 7px;
    color: #a1a1a1;
    letter-spacing: 0.1em;
    margin-top: 60px; }
    #all [data-block="modal"].detail .credit span {
      font-size: 130%;
      display: inline-block;
      margin-right: 10px; }
  #all [data-block="modal"].detail .campaign {
    margin-top: 75px;
    background: url("/assets/img/peruinjapan/detail/frame.png") center top no-repeat;
    background-size: 100% 100%;
    min-height: 358px; }
    #all [data-block="modal"].detail .campaign .travel {
      text-align: center; }
    #all [data-block="modal"].detail .campaign .howto {
      padding: 20px 30px 30px;
      color: #fff; }
      #all [data-block="modal"].detail .campaign .howto .howto-title {
        font-size: 24px;
        text-align: center;
        letter-spacing: 0.25em;
        color: #fff;
        padding-bottom: 15px;
        border-bottom: 1px solid #fff; }
      #all [data-block="modal"].detail .campaign .howto .twitter {
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-top: 30px; }
        #all [data-block="modal"].detail .campaign .howto .twitter:before {
          position: absolute;
          top: 0;
          left: 50%;
          content: "";
          width: 1px;
          height: 100%;
          background-color: #fff; }
        #all [data-block="modal"].detail .campaign .howto .twitter dt {
          font-size: 20px;
          line-height: 1.2;
          background: url("/assets/img/peruinjapan/detail/num1.png") left top no-repeat;
          background-size: contain;
          padding-left: 60px; }
        #all [data-block="modal"].detail .campaign .howto .twitter .num2 dt {
          background-image: url("/assets/img/peruinjapan/detail/num2.png"); }
        #all [data-block="modal"].detail .campaign .howto .twitter dd {
          margin-top: 30px; }
          #all [data-block="modal"].detail .campaign .howto .twitter dd img {
            width: 320px; }
          #all [data-block="modal"].detail .campaign .howto .twitter dd a {
            transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
            #all [data-block="modal"].detail .campaign .howto .twitter dd a:hover {
              opacity: 0.7;
              -webkit-transform: scale(1);
                      transform: scale(1); }
      #all [data-block="modal"].detail .campaign .howto .campaign-link {
        margin-top: 35px;
        text-align: center; }
        #all [data-block="modal"].detail .campaign .howto .campaign-link a {
          font-size: 16px;
          color: #fff;
          text-decoration: underline;
          transition: all 1s cubic-bezier(0, 0, 0.15, 0.85); }
          #all [data-block="modal"].detail .campaign .howto .campaign-link a:hover {
            opacity: 0.7;
            -webkit-transform: scale(1);
                    transform: scale(1); }
          @media (max-width: 767px) {
    #all .only-pc {
      display: none; }
    #all .only-sp {
      display: block !important; }
      #loading #loading-logo {
        width: 48.26667vw; }
    #BtnReturnTop {
      width: 40px;
      height: 40px;
      right: 20px;
      bottom: 25px; }
    #BtnReturnTop i {
      font-size: 11px;
      line-height: 40px; }
      #header [data-js="toggleBGM"] img {
        vertical-align: middle; }
      #header #navi-campaign {
        display: none; }
      .wrapper-responsive-menu .toggle-bgm {
        top: 17px;
        right: 15.33333vw; }
        .wrapper-responsive-menu .toggle-bgm img {
          width: 12vw; }
      [data-block="modal"]#announce-modal .modal-inner {
        width: 89.33333vw;
        margin: 0 0;
        padding: 5.06667vw 5.6vw 12.66667vw; }
        [data-block="modal"]#announce-modal .modal-inner .text {
          margin-top: 10.4vw; }
          [data-block="modal"]#announce-modal .modal-inner .text img {
            width: 56.26667vw; }
        [data-block="modal"]#announce-modal .modal-inner .logo {
          margin-top: 10.66667vw; }
          [data-block="modal"]#announce-modal .modal-inner .logo img {
            width: 26.93333vw; }
        [data-block="modal"]#announce-modal .modal-inner .btn-close img {
          width: 4.26667vw;
          height: 4.26667vw; }
    [data-block="modal"] .modal-inner {
      width: auto;
      margin: 0 8.66667vw;
      padding: 14vw 8.66667vw; }
    [data-block="modal"] .text {
      font-size: 4vw; }
    [data-block="modal"].cpn-note .btn {
      bottom: 23.46667vw;
      left: 0;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center; }
      [data-block="modal"].cpn-note .btn li {
        margin: 4.26667vw 0 0; }
        [data-block="modal"].cpn-note .btn li a {
          width: 64.26667vw;
          height: 9.33333vw; }
    [data-block="modal"] .btn {
      display: block;
      margin-top: 10.66667vw; }
      [data-block="modal"] .btn li {
        margin: 5.33333vw 5.33333vw 0;
        text-align: center; }
        [data-block="modal"] .btn li:first-of-type {
          margin-top: 0; }
        [data-block="modal"] .btn li img {
          max-width: 80px; }
        [data-block="modal"] .btn li a {
          padding: 4vw 14.66667vw; }
      #peru-index #check-policy .inner {
        display: block; }
      #peru-index #check-policy .btn {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
        margin-top: 4.66667vw;
        margin-left: 0;
        text-align: right; }
        #peru-index #check-policy .btn a {
          padding: 10px 20px; }
    #peru-index #check-policy {
      padding: 5.33333vw; }
      #peru-index #check-policy p {
        font-size: 3.46667vw; }
      #peru-index #check-policy .btn a {
        font-size: 3.46667vw; }
      #peru-index #section-campaign .banner {
        margin-top: 6.66667vw; }
    body.start #cpn-kv .kamisama1 {
      right: 0 !important; }
    body.start #cpn-kv .kamisama2 {
      left: -10.66667vw !important; }
    #cpn-kv {
      background: none;
      height: 186.66667vw;
      margin-top: 47px; }
      #cpn-kv:before {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1;
        content: "";
        width: 100%;
        height: 100vh;
        background: url("/assets/img/campaign/bg_kv_sp.jpg") center top no-repeat;
        background-size: cover; }
      #cpn-kv .wrap {
        width: auto; }
      #cpn-kv .header {
        height: 77%; }
      #cpn-kv .title img {
        height: auto !important;
        max-height: inherit;
        width: 80.93333vw; }
      #cpn-kv .btn {
        margin-top: 2vw; }
        #cpn-kv .btn img {
          height: auto;
          width: 58.26667vw;
          max-height: inherit; }
      #cpn-kv .kamisama1 {
        top: 2.66667vw;
        right: -25.33333vw; }
        #cpn-kv .kamisama1 img {
          width: 23.33333vw; }
      #cpn-kv .kamisama2 {
        bottom: 25.33333vw !important;
        left: -37.33333vw; }
        #cpn-kv .kamisama2 img {
          width: 34.8vw; }
      #cpn-kv .img1 {
        top: -6.66667vw;
        left: -10.66667vw !important; }
        #cpn-kv .img1 img {
          width: 46.66667vw; }
      #cpn-kv .img2 {
        bottom: 30.66667vw !important;
        right: 0;
        -webkit-transform: translateX(26.66667vw);
                transform: translateX(26.66667vw); }
        #cpn-kv .img2 img {
          width: 70.93333vw; }
      #cpn-kv .dec1 {
        top: 0;
        left: 30px;
        transition-delay: 1.5s;
        -webkit-transform: translate(-20vw, 0);
                transform: translate(-20vw, 0); }
        #cpn-kv .dec1 img {
          width: 40vw; }
      #cpn-kv .dec3 {
        top: 37.33333vw;
        right: 0;
        z-index: 1; }
        #cpn-kv .dec3 img {
          width: 6.66667vw; }
      #cpn-kv .banner {
        left: 0;
        width: 100%;
        text-align: center; }
        #cpn-kv .banner a {
          display: block;
          text-align: center;
          background: url("/assets/img/campaign/banner_bg.png") center top;
          background-size: cover;
          padding: 24vw 0 4vw; }
        #cpn-kv .banner img {
          max-height: inherit;
          height: auto;
          width: 79.73333vw; }
          #cpn-kv .banner img.only-sp {
            display: inline-block !important; }
      #cpn:before, #cpn:after {
        height: 25.46667vw; }
      #cpn #cpn-detail {
        padding: 11.33333vw 0; }
        #cpn #cpn-detail .content {
          margin-top: 8vw; }
          #cpn #cpn-detail .content .info {
            margin-top: 8vw;
            padding: 0 6.66667vw; }
          #cpn #cpn-detail .title:before, #cpn #cpn-detail .title:after {
            height: 6.4vw;
            background-size: cover; }
          #cpn #cpn-detail .title span {
            font-size: 6.13333vw !important; }
        #cpn #cpn-detail #detail .title:before, #cpn #cpn-detail #detail .title:after {
          background-image: url("/assets/img/campaign/title_decoration1_sp.png");
          width: 22.93333vw; }
        #cpn #cpn-detail #detail dl {
          padding: 4vw 0; }
            #cpn #cpn-detail #detail dl dt span {
              font-size: 3.73333vw;
              line-height: 1.5;
              padding: 2vw 4vw 1.33333vw; }
          #cpn #cpn-detail #detail dl dd {
            font-size: 4.53333vw;
            line-height: 1.5;
            margin-top: 4vw; }
        #cpn #cpn-detail #detail .text {
          text-align: left;
          font-size: 4.26667vw;
          margin: 25px 0 0; }
          #cpn #cpn-detail #detail .text span {
            letter-spacing: 0; }
        #cpn #cpn-detail #present .title:before, #cpn #cpn-detail #present .title:after {
          background-image: url("/assets/img/campaign/title_decoration2_sp.png");
          width: 41.33333vw; }
        #cpn #cpn-detail #present ul {
          display: block; }
          #cpn #cpn-detail #present ul li {
            margin: 0;
            max-width: inherit; }
            #cpn #cpn-detail #present ul li:last-of-type {
              margin-top: 7.33333vw; }
          #cpn #cpn-detail #present ul .link {
            margin-top: 3.46667vw; }
            #cpn #cpn-detail #present ul .link a {
              font-size: 3.73333vw;
              padding-bottom: 1.33333vw; }
      #cpn #cpn-detail #howto {
        margin-top: 12vw; }
        #cpn #cpn-detail #howto .title:before, #cpn #cpn-detail #howto .title:after {
          background-image: url("/assets/img/campaign/title_decoration3_sp.png");
          width: 35.33333vw; }
        #cpn #cpn-detail #howto .sub-title span {
          font-size: 5.6vw;
          font-weight: bold;
          width: 29.33333vw;
          height: 13.33333vw; }
        #cpn #cpn-detail #howto .text {
          font-size: 5.06667vw;
          margin-top: 4.66667vw; }
        #cpn #cpn-detail #howto .step {
          margin: 5.33333vw 6.66667vw 0;
          padding: 0 4vw 5.33333vw; }
        #cpn #cpn-detail #howto #step1 .btn {
          margin-top: 2.66667vw; }
          #cpn #cpn-detail #howto #step1 .btn img {
            max-width: 68.66667vw; }
        #cpn #cpn-detail #howto #step2 .pickup {
          margin-top: 6vw; }
          #cpn #cpn-detail #howto #step2 .pickup img {
            width: 66.4vw;
            -webkit-transform: translateX(6.66667vw);
                    transform: translateX(6.66667vw); }
        #cpn #cpn-detail #howto #step2 .btn {
          position: static;
          -webkit-transform: translate(0, 0);
                  transform: translate(0, 0);
          text-align: center;
          margin-top: 6vw; }
          #cpn #cpn-detail #howto #step2 .btn img {
            -webkit-transform: translate(0, 0);
                    transform: translate(0, 0);
            max-width: 68.66667vw; }
        #cpn #cpn-detail #howto #step3 .image {
          margin-top: 5.33333vw; }
          #cpn #cpn-detail #howto #step3 .image img {
            max-width: 77.06667vw; }
        #cpn #cpn-detail #howto #step3 .text .note {
          font-size: 3.46667vw;
          margin-top: 4vw; }
        #cpn #cpn-detail #howto #step3 .btn {
          margin-top: 6.66667vw; }
    #kiyaku {
      margin-top: 50px;
      padding: 12vw 6.13333vw 10.66667vw; }
      #kiyaku .kiyaku-title {
        font-size: 4.8vw;
        line-height: 1.5; }
      #kiyaku .txt {
        font-size: 4vw;
        line-height: 1.71; }
      #kiyaku .image {
        margin: 9.33333vw -1.33333vw 0; }
        #kiyaku .image img {
          width: 100%; }
        #kiyaku .box .title {
          font-size: 4.8vw;
          line-height: 1.71; }
    #intro {
      height: 100%;
      margin-top: 0px;
      padding-top: 0; }
      #intro #cloud {
        top: 50px;
        height: calc(100% - 50px); }
        #intro #cloud video {
          min-width: 50%;
          min-height: 50%;
          width: 100%;
          height: auto; }
      #intro .finger {
        width: 18.53333vw;
        height: w(153); }
      #intro .kabe {
        background: url("/assets/img/animation/intro/kabe_sp.jpg") center center no-repeat;
        background-size: cover;
        margin-top: 50px;
        height: calc(100% - 50px); }
      #intro .hibi {
        background: url("/assets/img/animation/intro/hibi_sp.jpg") center center no-repeat;
        background-size: cover;
        margin-top: 50px;
        height: calc(100% - 50px); }
      #intro .cloud {
        display: none; }
          #intro #door.active .door#door-left {
            left: -125vw; }
          #intro #door.active .door#door-right {
            right: -125vw; }
        #intro #door .door {
          top: 50px;
          height: calc(100% - 50px);
          width: 50%;
          transition: all 5s linear;
          transition-delay: 0.5s; }
          #intro #door .door#door-left {
            background: url("/assets/img/animation/intro/door_left_sp.png") right top no-repeat;
            background-size: auto 100%; }
          #intro #door .door#door-right {
            background: url("/assets/img/animation/intro/door_right_sp.png") left top no-repeat;
            background-size: auto 100%; }
    #animation {
      background: none; }
      #animation .map-bg {
        background-image: url("/assets/img/animation/contents/bg_sp.jpg");
        background-size: cover; }
      #animation img {
        width: 100%;
        max-width: auto; }
        #animation .line:after {
          position: absolute;
          bottom: 0;
          height: 4vw; }
    #animation #area1 {
      min-height: inherit; }
      #animation #area1 .wrap {
        height: 169.33333vw; }
      #animation #area1 .cloud1 {
        top: 50px;
        left: 0; }
      #animation #area1 .image {
        bottom: -5.33333vw; }
        #animation #area1 .image img {
          width: 100%; }
      #animation #area1 .waku1 {
        top: 50px; }
        #animation #area1 .waku1 img {
          width: 43.06667vw; }
      #animation #area1 .waku2 {
        top: 29.33333vw;
        right: 0; }
        #animation #area1 .waku2 img {
          width: 50.93333vw; }
      #animation #area1 .waku3 {
        top: 74.66667vw;
        left: 0; }
        #animation #area1 .waku3 img {
          width: 57.46667vw; }
      #animation #area1 .waku4 {
        left: 0;
        bottom: 0; }
        #animation #area1 .waku4 img {
          width: 5.33333vw; }
      #animation #area1 .map1 {
        top: 55%;
        left: 8vw; }
        #animation #area1 .map1 img {
          width: 45.46667vw; }
      #animation #area1 .txt {
        top: 45.33333vw;
        left: 8vw; }
        #animation #area1 .txt img {
          width: 72.53333vw; }
      #animation #area2 {
        margin-top: -38.66667vw; }
        #animation #area2 .txt img {
          width: 68.13333vw; }
        #animation #area2 .cloud1 {
          margin-top: -8vw; }
          #animation #area2 .cloud1 img {
            width: 100%; }
      #animation #area3 {
        height: 1000vh;
        min-height: initial;
        z-index: 5;
        margin-top: 0;
        margin-bottom: 0vh; }
          #animation #area3 .guide .finger {
            width: 18.53333vw; }
        #animation #area4 .flags {
          margin: 10vw 0 0; }
          #animation #area4 .flags .flag {
            margin: 0 2vw; }
            #animation #area4 .flags .flag img {
              width: 35.6vw; }
          #animation #area4 .flags img {
            width: 73.46667vw; }
        #animation #area4 .inner {
          padding: 13.33333vw 0 18.66667vw; }
          #animation #area4 .inner .txt1 {
            width: 73.6vw; }
            #animation #area4 .inner .txt1 .parts1 {
              left: 18.66667vw; }
              #animation #area4 .inner .txt1 .parts1 img {
                width: 9.33333vw; }
            #animation #area4 .inner .txt1 .parts2 {
              left: 2vw; }
              #animation #area4 .inner .txt1 .parts2 img {
                width: 21.33333vw; }
            #animation #area4 .inner .txt1 .parts3 img {
              width: 48.93333vw; }
          #animation #area4 .inner .txt2 {
            margin-top: 4vw; }
            #animation #area4 .inner .txt2 img {
              width: 70.93333vw; }
          #animation #area4 .inner .txt3 {
            margin-top: 10.66667vw; }
            #animation #area4 .inner .txt3 img {
              width: 84vw; }
            #animation #area4 .inner .txt3 .intro2 {
              margin-top: 3.33333vw; }
            #animation #area4 .inner .txt3 .intro3 {
              margin-top: 4.66667vw; }
            #animation #area4 .inner .txt3 .intro4 {
              margin-top: 5.33333vw; }
            #animation #area4 .inner .txt3 .intro5 {
              margin-top: 4.66667vw; }
          #animation #hikaku .inner .title img {
            width: 94vw; }
        #animation #hikaku .banner a {
          display: block; }
        #animation #hikaku #slide li {
          top: 0;
          -webkit-transform: translate(-50%, 0%);
                  transform: translate(-50%, 0%);
          height: 100%; }
          #animation #hikaku #slide li img {
            width: 100%; }
      #animation #hikaku {
        position: relative;
        height: 181.33333vw; }
        #animation #hikaku .inner {
          padding-top: 43vw;
          height: 100%;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center; }
          #animation #hikaku .inner .btn {
            margin-top: 6.4vw; }
            #animation #hikaku .inner .btn img {
              width: 81.86667vw; }
      #animation #peru-campaign {
        position: relative;
        background: url("/assets/img/animation/contents/campaign/image_sp.jpg") center top no-repeat;
        background-size: cover;
        height: 153.33333vw; }
        #animation #peru-campaign .inner {
          padding: 10.93333vw 0 15.46667vw;
          height: 100%;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          #animation #peru-campaign .inner:before, #animation #peru-campaign .inner:after {
            display: none; }
        #animation #peru-campaign .inner .title img {
          width: 86.26667vw; }
        #animation #peru-campaign .inner .btn {
          margin-top: 0; }
          #animation #peru-campaign .inner .btn img {
            width: 81.86667vw; }
      #area3screen .inner {
        top: 50px;
        height: calc(100% - 50px); }
    #peruinjapan {
      padding-top: 50px;
      background-image: url("/assets/img/peruinjapan/index/bg_sp.jpg"); }
      #peruinjapan:before, #peruinjapan:after {
        display: none; }
      #peruinjapan #title {
        top: 85px; }
        #peruinjapan #title img {
          width: 72vw; }
      #peruinjapan #card-list {
        margin-top: 0; }
        #peruinjapan #card-list .swiper-container {
          padding: 13.33333vw 0 0; }
        #peruinjapan #card-list .swiper-slide {
          width: 66.66667vw; }
        #peruinjapan #card-list .swiper-button-next,
        #peruinjapan #card-list .swiper-button-prev {
          top: calc(50% + 35px); }
        #peruinjapan #card-list .swiper-button-next {
          right: 6.66667vw; }
        #peruinjapan #card-list .swiper-button-prev {
          left: 6.66667vw; }
    #peruinjapan-detail {
      padding-top: 50px; }
      #peruinjapan-detail .swiper-button-next-v,
      #peruinjapan-detail .swiper-button-prev-v {
        width: 5.33333vw; }
        #peruinjapan-detail .swiper-button-next-v img,
        #peruinjapan-detail .swiper-button-prev-v img {
          width: 100%; }
      #peruinjapan-detail .swiper-button-next-h,
      #peruinjapan-detail .swiper-button-prev-h,
      #peruinjapan-detail .swiper-button-next-h-perufood,
      #peruinjapan-detail .swiper-button-prev-h-perufood,
      #peruinjapan-detail .swiper-button-next-h-jpfood,
      #peruinjapan-detail .swiper-button-prev-h-jpfood {
        top: 50%;
        width: 6.66667vw; }
        #peruinjapan-detail .swiper-button-next-h img,
        #peruinjapan-detail .swiper-button-prev-h img,
        #peruinjapan-detail .swiper-button-next-h-perufood img,
        #peruinjapan-detail .swiper-button-prev-h-perufood img,
        #peruinjapan-detail .swiper-button-next-h-jpfood img,
        #peruinjapan-detail .swiper-button-prev-h-jpfood img {
          width: 100%; }
    #peruinjapan-detail .swiper-button-next-h-perufood,
    #peruinjapan-detail .swiper-button-prev-h-perufood,
    #peruinjapan-detail .swiper-button-next-h-jpfood,
    #peruinjapan-detail .swiper-button-prev-h-jpfood {
      top: 75%; }
      #peruinjapan-detail .swiper-button-next-h-perufood.for-peru {
        top: 25%;
        right: 10px; }
      #peruinjapan-detail .swiper-button-prev-h-perufood.for-peru {
        top: 25%;
        left: 10px; }
      #peruinjapan-detail .swiper-pagination-h,
      #peruinjapan-detail .swiper-pagination-h-food {
        bottom: 5.33333vw;
        left: 5.6vw; }
        #peruinjapan-detail .swiper-pagination-h .swiper-pagination-bullet,
        #peruinjapan-detail .swiper-pagination-h-food .swiper-pagination-bullet {
          width: 5px;
          height: 5px;
          border-width: 1px;
          margin: 0 1.46667vw; }
          #peruinjapan-detail .swiper-pagination-h .swiper-pagination-bullet:first-of-type,
          #peruinjapan-detail .swiper-pagination-h-food .swiper-pagination-bullet:first-of-type {
            margin-left: 0; }
      #peruinjapan-detail .swiper-button-next-v {
        bottom: 0vw;
        right: 45.33333vw; }
      #peruinjapan-detail .swiper-button-prev-v {
        top: 20vw;
        left: 46.66667vw; }
      #peruinjapan-detail .btn-list {
        top: 55px;
        right: inherit;
        left: 0; }
        #peruinjapan-detail .btn-list img {
          width: 22.8vw; }
      #peruinjapan-detail .progress {
        bottom: 50%;
        left: 5.6vw; }
          #peruinjapan-detail .progress .inner span {
            font-size: 5.6vw; }
            #peruinjapan-detail .progress .inner span.current:after {
              font-size: 5.6vw; }
          #peruinjapan-detail .progress .inner .bar {
            height: 3px; }
    #peruinjapan-detail [data-slideindex="4"] .image.peru .slide-image {
      background-position: center -12vw;
      background-size: 120%; }
      #peruinjapan-detail .place {
        flex-direction: column; }
        #peruinjapan-detail .place .image {
          width: 100%;
          height: 50%; }
        #peruinjapan-detail .place .btn {
          right: 3.33333vw;
          bottom: 4.66667vw; }
          #peruinjapan-detail .place .btn img {
            width: 29.73333vw; }
          #peruinjapan-detail .place .btn .name {
            margin-bottom: 2.66667vw; }
            #peruinjapan-detail .place .btn .name a {
              font-size: 5.33333vw;
              background-size: 6.13333vw auto;
              background-position: right 0.4vw;
              padding: 0.66667vw 8vw 0.66667vw 0; }
        #peruinjapan-detail .place .japan .btn {
          bottom: 8vw; }
      #all [data-block="modal"].detail .modal-inner {
        margin: 0; }
      #all [data-block="modal"].detail .swiper-container-food {
        margin: 0; }
      #all [data-block="modal"].detail .swiper-slide.inner {
        display: block; }
      #all [data-block="modal"].detail .swiper-container-thumbnail,
      #all [data-block="modal"].detail .modal-thumbnail {
        width: auto;
        padding-bottom: 2.66667vw; }
        #all [data-block="modal"].detail .swiper-container-thumbnail .food-name,
        #all [data-block="modal"].detail .modal-thumbnail .food-name {
          font-size: 4.53333vw;
          margin-top: 8vw; }
        #all [data-block="modal"].detail .swiper-container-thumbnail .swiper-slide img,
        #all [data-block="modal"].detail .modal-thumbnail .swiper-slide img {
          width: 100%; }
        #all [data-block="modal"].detail .swiper-container-thumbnail .swiper-pagination-bullet,
        #all [data-block="modal"].detail .modal-thumbnail .swiper-pagination-bullet {
          width: 8px;
          height: 8px;
          border-width: 1px;
          margin: 0 2.53333vw; }
      #all [data-block="modal"].detail .swiper-button-next-thumbnail,
      #all [data-block="modal"].detail .swiper-button-prev-thumbnail {
        width: 6.66667vw;
        top: 33.33333vw; }
        #all [data-block="modal"].detail .swiper-button-next-thumbnail img,
        #all [data-block="modal"].detail .swiper-button-prev-thumbnail img {
          width: 100%; }
      #all [data-block="modal"].detail .swiper-pagination-thumbnail {
        top: inherit;
        bottom: 10px; }
        #all [data-block="modal"].detail .swiper-pagination-thumbnail.food-pagination {
          top: 64vw; }
      #all [data-block="modal"].detail .title {
        font-size: 6.26667vw;
        line-height: 1.4;
        margin-bottom: 6.66667vw; }
      #all [data-block="modal"].detail .box {
        padding: 6vw 0;
        margin-bottom: 0; }
      #all [data-block="modal"].detail .info {
        display: block; }
      #all [data-block="modal"].detail .message {
        width: auto;
        padding: 0 6.66667vw; }
        #all [data-block="modal"].detail .message p {
          font-size: 4.26667vw;
          line-height: 1.6; }
          #all [data-block="modal"].detail .message p.copyright {
            font-size: 3.2vw; }
      #all [data-block="modal"].detail .link {
        justify-content: center; }
        #all [data-block="modal"].detail .link a {
          margin: 0 3.33333vw; }
        #all [data-block="modal"].detail .link img {
          width: 8.8vw; }
      #all [data-block="modal"].detail .close.top {
        top: 8vw;
        right: 5.33333vw; }
        #all [data-block="modal"].detail .close.top img {
          width: 6.66667vw; }
      #all [data-block="modal"].detail .close.end {
        margin-top: 6.66667vw; }
        #all [data-block="modal"].detail .close.end img {
          width: 19.06667vw; }
      #all [data-block="modal"].detail .credit {
        font-size: 1.86667vw;
        margin: 10.66667vw 6.66667vw 0;
        line-height: 1.5; }
        #all [data-block="modal"].detail .credit span {
          display: block;
          margin-bottom: 2.53333vw; }
      #all [data-block="modal"].detail .campaign {
        background-image: url("/assets/img/peruinjapan/detail/frame_sp.png");
        margin: 14.66667vw 6.66667vw 0;
        min-height: 490px;
        padding-bottom: 6.66667vw; }
        #all [data-block="modal"].detail .campaign .travel img.only-sp {
          width: 65.33333vw;
          -webkit-transform: translateY(-3.33333vw);
                  transform: translateY(-3.33333vw);
          display: inline-block !important; }
        #all [data-block="modal"].detail .campaign .howto {
          padding: 0 5.33333vw; }
          #all [data-block="modal"].detail .campaign .howto .howto-title {
            font-size: 5.33333vw; }
          #all [data-block="modal"].detail .campaign .howto .twitter {
            display: block; }
            #all [data-block="modal"].detail .campaign .howto .twitter:before {
              display: none; }
            #all [data-block="modal"].detail .campaign .howto .twitter dt {
              font-size: 4.8vw;
              padding-left: 13.33333vw; }
          #all [data-block="modal"].detail .campaign .howto .twitter .num2 {
            border-top: 1px solid #fff;
            margin-top: 5.33333vw;
            padding-top: 5.33333vw; }
            #all [data-block="modal"].detail .campaign .howto .twitter .num2 dt {
              font-size: 4.26667vw;
              padding-top: 3.33333vw;
              padding-bottom: 3.33333vw; }
            #all [data-block="modal"].detail .campaign .howto .twitter dd {
              margin-top: 6vw; }
              #all [data-block="modal"].detail .campaign .howto .twitter dd a {
                display: block;
                text-align: center; }
              #all [data-block="modal"].detail .campaign .howto .twitter dd img {
                width: 68.8vw; }
          #all [data-block="modal"].detail .campaign .howto .campaign-link {
            margin-top: 6.66667vw; }
            #all [data-block="modal"].detail .campaign .howto .campaign-link a {
              display: inline-block;
              font-size: 3.73333vw; } }
          @media (max-width: 970px) {
            #header #navi-campaign li.bnr img {
              max-width: 280px; }
        #header #navi-campaign li {
          padding-right: 15px;
          margin-right: 15px; } }
          @media (min-width: 768px) {
        #header #navi-campaign a {
          transition: opacity 0.2s ease-in-out; }
          #header #navi-campaign a:hover {
            opacity: 0.7; }
        .wrapper-footer-top-container ul li:first-of-type {
          margin-left: 0; }
        .wrapper-footer-top-container ul li:last-of-type {
          margin-right: 0; }
        #cpn-kv .btn a {
          transition: all 1.85s cubic-bezier(0, 0, 0.15, 0.85); }
          #cpn-kv .btn a:hover {
            -webkit-transform: scale(1.05);
                    transform: scale(1.05); }
      #intro #canvas {
        cursor: pointer; }
            #animation #hikaku .inner .btn a {
              transition: all 1.85s cubic-bezier(0, 0, 0.15, 0.85); }
              #animation #hikaku .inner .btn a:hover {
                -webkit-transform: scale(1.05);
                        transform: scale(1.05); }
          #animation #peru-campaign .inner .btn a {
            transition: all 1.85s cubic-bezier(0, 0, 0.15, 0.85); }
            #animation #peru-campaign .inner .btn a:hover {
              -webkit-transform: scale(1.05);
                      transform: scale(1.05); }
      #area3screen .inner {
        -webkit-perspective: 800px;
                perspective: 800px; }
      #area3screen .img1-2 {
        top: -40%; }
      #area3screen .img1-4 {
        top: 100%;
        left: -60%; }
      #area3screen .img1-5 {
        left: 45%; }
      #area3screen .img1-6 {
        top: 60%; }
      #area3screen .img2-2 {
        left: -20%; }
      #area3screen .img2-3 {
        left: 35%; }
      #area3screen .img2-6 {
        top: -20%;
        left: -40%; }
      #area3screen .img2-8 {
        left: -40%; }
      #area3screen .img2-9 {
        left: 40%;
        left: 50%; }
      #area3screen .img2-A {
        left: -30%; }
      #area3screen .img2-B {
        top: -65%;
        left: 10%; }
      #area3screen .img3-2 {
        left: -50%; }
      #area3screen .img3-4 {
        left: 50%; }
      #area3screen .img3-5 {
        left: -15%; }
      #area3screen .img3-6 {
        left: 25%; }
    #peruinjapan-detail .swiper-slide {
      opacity: 0;
      -webkit-transform: scale(1.075);
              transform: scale(1.075); }
    #peruinjapan-detail .swiper-slide-active {
      transition: all 1s cubic-bezier(0, 0, 0.15, 0.85);
      -webkit-transform: scale(1);
              transform: scale(1);
      opacity: 1;
      z-index: 50; }
          #peruinjapan-detail .place .image .slide-image:hover {
            -webkit-transform: scale(1.15);
                    transform: scale(1.15); }
            #peruinjapan-detail .place .btn .name a:hover {
              -webkit-transform: none;
                      transform: none;
              text-shadow: 0px 0px 2px #fff, 0px 0px 2px #fff, 0px 0px 5px #fff, 1px 1px 3px #002, 1px 1px 3px #002; }
          #peruinjapan-detail .place .btn a {
            transition: all 1.85s cubic-bezier(0, 0, 0.15, 0.85); }
            #peruinjapan-detail .place .btn a:hover {
              -webkit-transform: scale(1.05);
                      transform: scale(1.05); } }
          @media only screen and (max-width: 480px) {
  .wrapper-desktop-menu {
    display: none; }
  .wrapper-responsive-menu-container-logo {
    position: absolute;
    top: 3px;
    left: 15px; }
    .wrapper-responsive-menu-container-logo img {
      width: 85px; }
  .wrapper-responsive-menu-container-navbar {
    font-size: 17px;
    top: 17px;
    right: 30px; }
    .wrapper-responsive-menu-container-navbar[data-i="1"] {
      top: 14px; }
  .wrapper-desktop-interna-menu {
    display: none; }
  .wrapper-responsive-menu {
    display: block; }
  .wrapper-responsive-menu-contenido-container-bloque-item a {
    font-size: 13px; }
  .wrapper-responsive-menu-contenido-container-bloque {
    width: 280px; }
  .wrapper-footer-top-container {
    width: 90%;
    padding: 50px 0;
    padding-bottom: 40px; }
    .wrapper-footer-top-container h1 {
      font-size: 12px;
      line-height: 150%; }
    .wrapper-footer-top-container ul li {
      font-size: 12px;
      width: 90px;
      margin: 0 0;
      padding-top: 20px; }
      .wrapper-footer-top-container ul li:last-of-type {
        width: 95px; }
  .wrapper-footer-bottom-container {
    width: 80%; }
    .wrapper-footer-bottom-container h1 {
      font-size: 12px;
      line-height: 150%; }
    .wrapper-footer-bottom-container h2 {
      font-size: 12px;
      padding-top: 7px; }
      .wrapper-footer-bottom-container h2 span {
        padding: 0 9px; }
  .wrapper-footer-top-container p {
    font-size: 12px; }
  #peru-index .wrapper-first-influencers-listado {
    display: block; } }
          @media only screen and (min-width: 481px) and (max-width: 599px) {
  .wrapper-desktop-menu, .wrapper-desktop-interna-menu {
    display: none; }
  .wrapper-responsive-menu {
    display: block; }
  .wrapper-responsive-menu-contenido-container-bloque-item a {
    font-size: 14px; }
  .wrapper-responsive-menu-contenido-container-bloque {
    width: 380px; }
  .wrapper-footer-top-container {
    width: 450px;
    padding: 50px 0;
    padding-bottom: 40px; }
    .wrapper-footer-top-container h1 {
      font-size: 13px; }
    .wrapper-footer-top-container ul li {
      font-size: 13px;
      width: 100px;
      padding-top: 20px; }
  .wrapper-footer-bottom-container {
    width: 100%; }
    .wrapper-footer-bottom-container h1, .wrapper-footer-bottom-container h2 {
      font-size: 13px; }
  .wrapper-footer-top-container p {
    font-size: 13px; } }
          @media only screen and (min-width: 600px) and (max-width: 767px) {
  .wrapper-desktop-menu, .wrapper-desktop-interna-menu {
    display: none; }
  .wrapper-responsive-menu {
    display: block; }
  .wrapper-footer-top-container {
    width: 450px;
    padding: 50px 0;
    padding-bottom: 40px; }
    .wrapper-footer-top-container h1 {
      font-size: 14px; }
    .wrapper-footer-top-container ul li {
      font-size: 13px;
      width: 100px; }
  .wrapper-footer-bottom-container {
    width: 100%; }
    .wrapper-footer-bottom-container h1, .wrapper-footer-bottom-container h2 {
      font-size: 13px; }
  .wrapper-footer-top-container p {
    font-size: 13px; } }
          @media only screen and (min-width: 768px) and (max-width: 979px) {
  .wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
    width: 650px; }
  .wrapper-desktop-menu-container-left a img, .wrapper-desktop-interna-menu-container-left a img {
    width: 110px;
    height: 87px; }
  .wrapper-desktop-menu-container-right ul, .wrapper-desktop-interna-menu-container-right ul {
    padding: 21px 0;
    padding-top: 22px; }
  .wrapper-desktop-menu-container-right ul li a, .wrapper-desktop-interna-menu-container-right ul li a {
    font-size: 14px;
    font-weight: 400; }
  .wrapper-footer-top-container {
    width: 100%;
    padding: 55px 0; }
    .wrapper-footer-top-container h1 {
      font-size: 14px; }
    .wrapper-footer-top-container ul li {
      font-size: 13px;
      width: 95px; }
  .wrapper-footer-bottom-container {
    width: 100%; }
    .wrapper-footer-bottom-container h1, .wrapper-footer-bottom-container h2 {
      font-size: 13px; }
  .wrapper-footer-top-container p {
    font-size: 13px; } }
          @media only screen and (min-width: 980px) and (max-width: 1099px) {
  .wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
    width: 800px; }
  .wrapper-desktop-menu-container-left a img, .wrapper-desktop-interna-menu-container-left a img {
    width: 110px;
    height: 87px; }
  .wrapper-desktop-menu-container-right ul, .wrapper-desktop-interna-menu-container-right ul {
    padding: 21px 0;
    padding-top: 22px; }
  .wrapper-desktop-menu-container-right ul li a, .wrapper-desktop-interna-menu-container-right ul li a {
    font-size: 14px;
    font-weight: 400; }
  .wrapper-footer-top-container {
    width: 100%;
    padding: 55px 0; }
    .wrapper-footer-top-container h1 {
      font-size: 14px; }
    .wrapper-footer-top-container ul li {
      font-size: 13px;
      width: 100px; }
  .wrapper-footer-bottom-container {
    width: 100%; }
    .wrapper-footer-bottom-container h1, .wrapper-footer-bottom-container h2 {
      font-size: 13px; }
  .wrapper-footer-top-container p {
    font-size: 13px; } }
          @media only screen and (min-width: 1100px) and (max-width: 1199px) {
  .wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
    width: 900px; }
  .wrapper-desktop-menu-container-left a img, .wrapper-desktop-interna-menu-container-left a img {
    width: 110px;
    height: 87px; }
  .wrapper-desktop-menu-container-right ul, .wrapper-desktop-interna-menu-container-right ul {
    padding: 21px 0;
    padding-top: 22px; }
  .wrapper-desktop-menu-container-right ul li a, .wrapper-desktop-interna-menu-container-right ul li a {
    font-size: 14px; }
  .wrapper-footer-top-container {
    width: 100%;
    padding: 55px 0; }
    .wrapper-footer-top-container h1 {
      font-size: 14px; }
    .wrapper-footer-top-container ul li {
      font-size: 14px;
      width: 110px; }
  .wrapper-footer-bottom-container {
    width: 100%; }
    .wrapper-footer-bottom-container h1, .wrapper-footer-bottom-container h2 {
      font-size: 14px; }
  .wrapper-footer-top-container p {
    font-size: 14px; } }
          @media only screen and (min-width: 960px) and (max-width: 1299px) {
  .wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
    width: 1000px; } }
          @media only screen and (min-width: 1300px) and (max-width: 1399px) {
  .wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
    width: 1000px; }
  .wrapper-footer-top-container {
    width: 100%; }
    .wrapper-footer-top-container h1 {
      font-size: 15px; }
    .wrapper-footer-top-container ul li {
      font-size: 14px; }
  .wrapper-footer-bottom-container {
    width: 100%; }
    .wrapper-footer-bottom-container h1, .wrapper-footer-bottom-container h2 {
      font-size: 14px; }
  .wrapper-footer-top-container p {
    font-size: 14px; } }
          @media only screen and (min-width: 1400px) and (max-width: 1499px) {
  .wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
    width: 1100px; } }
          @media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .wrapper-desktop-menu-container, .wrapper-desktop-interna-menu-container {
    width: 1100px; } }
          @media screen and (max-width: 1399px) {
      .wrapper-footer-top-container .peru-logo {
        width: 850px; } }
          @media screen and (max-width: 1300px) {
      .wrapper-footer-top-container .peru-logo {
        width: 1015px; } }
          @media screen and (max-width: 1100px) {
      .wrapper-footer-top-container .peru-logo {
        width: 960px; } }
          @media screen and (max-width: 980px) {
      .wrapper-footer-top-container .peru-logo {
        width: auto;
        margin-left: 30px;
        margin-right: 30px; } }
          @media screen and (max-width: 767px) {
      .wrapper-footer-top-container .peru-logo {
        margin: 30px auto 0;
        width: 270px; }
        .wrapper-footer-top-container .peru-logo .logo img {
          height: 24px; } }
          @media only screen and (min-width: 1200px) and (max-width: 1299px) {
  .wrapper-footer-top-container {
    width: 100%; }
    .wrapper-footer-top-container h1 {
      font-size: 14px; }
    .wrapper-footer-top-container ul li {
      font-size: 14px;
      width: 110px; }
  .wrapper-footer-bottom-container {
    width: 100%; }
    .wrapper-footer-bottom-container h1, .wrapper-footer-bottom-container h2 {
      font-size: 14px; }
  .wrapper-footer-top-container p {
    font-size: 14px; } }
          @media screen and (max-width: 1440px) {
      #cpn-kv .dec1 {
        left: 100px; } }
          @media screen and (max-width: 820px) {
          #cpn #cpn-detail .title span {
            font-size: 20px; } }
          @media (max-width: 320px) {
      #intro .kabe {
        background-size: 100% 100%; }
      #intro .hibi {
        background-size: 100% 100%; }
        #intro #door .door#door-left, #intro #door .door#door-right {
          background-size: 100% 100%; } }
          @media (max-width: 2000px) {
      #intro .cloud {
        width: 30vw; } }
          @media (max-width: 1200px) {
      #animation .wrap {
        padding: 0 30px; }
      #animation #area1 .map2 {
        left: 75%; }
        #animation #area2 .cloud1 {
          margin-left: 0px; }
        #animation #area2 .kami1 {
          left: 10%; }
        #animation #area2 .kami2 {
          left: 10%; }
        #animation #area2 .kami3 {
          left: 45%; }
        #animation #area2 .kami4 {
          left: 70%; }
        #animation #area2 .kami5 {
          left: 73%; } }
          @media (max-width: 1200px) and (max-width: 767px) {
    #animation .wrap {
      padding: 0 0; }
    #animation #area1 .map2 {
      left: 60%; }
      #animation #area1 .map2 img {
        width: 28.66667vw; }
    #animation #area2 .kami1 {
      top: 15%;
      left: -10%; }
      #animation #area2 .kami1 img {
        width: 37.33333vw; }
    #animation #area2 .kami2 {
      left: -5%; }
      #animation #area2 .kami2 img {
        width: 35.6vw; }
    #animation #area2 .kami3 {
      top: 70%;
      left: 40%; }
      #animation #area2 .kami3 img {
        width: 23.73333vw; }
    #animation #area2 .kami4 {
      left: inherit;
      right: -5%; }
      #animation #area2 .kami4 img {
        width: 28.13333vw; }
    #animation #area2 .kami5 {
      top: 25%;
      left: inherit;
      right: -5%; }
      #animation #area2 .kami5 img {
        width: 24.53333vw; } }
          @media (min-width: 768px) and (max-height: 700px) {
        #peruinjapan #card-list .swiper-slide {
          width: 255px; }
        #peruinjapan-detail .place .btn {
          bottom: 30px; } }