/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

html {
  width: 100%;
  overflow: hidden;
}

body {
  margin: 0px;
}

body > .inner {
  width: 100%;
  overflow: hidden;
}
body > .inner .section {
  width: 100%;
  overflow: visible;
}

.section {
  overflow: hidden;
}
@media (max-width: 520px) {
  .section {
    height: 667px;
  }
}

img {
  width: 100%;
}

.absolute {
  overflow: visible;
  height: 100vh;
}

.only_sp {
  display: none;
}

.pin-spacer {
  padding: 0px;
}

.bold {
  font-weight: bold;
  font-size: 1.5625vw;
}
@media (max-width: 768px) {
  .bold {
    font-size: 3.125vw;
  }
}
@media (max-width: 520px) {
  .bold {
    font-size: 4vw;
  }
}

.br_pc {
  display: block;
}
@media (max-width: 520px) {
  .br_pc {
    display: none;
  }
}

.br_sp {
  display: none;
}
@media (max-width: 520px) {
  .br_sp {
    display: block;
  }
}

.br_tab {
  display: none;
}
@media (max-width: 768px) {
  .br_tab {
    display: block;
  }
}

.br {
  display: block;
  margin-top: 25px;
}

.description h2 {
  font-family: Times, Times New Roman, Georgia, serif;
  font-size: 5.46875vw;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.4);
  color: #fff;
  white-space: nowrap;
  letter-spacing: 0.1em;
  margin-bottom: 3%;
  opacity: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: opacity 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98), -webkit-transform 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98), -webkit-transform 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98), transform 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98), transform 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98), -webkit-transform 0.8s 0.5s cubic-bezier(0.55, 0.08, 0.52, 0.98);
}
@media (max-width: 768px) {
  .description h2 {
    font-size: 10.6666666667vw;
  }
}
.description.show h2 {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: opacity 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98), -webkit-transform 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98), -webkit-transform 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98), transform 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98), transform 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98), -webkit-transform 2s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
}
.description p {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.17188vw;
  text-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  color: #fff;
  line-height: 30px;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.8s 0s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 0.8s 0s cubic-bezier(0.55, 0.08, 0.52, 0.98);
}
@media (max-width: 768px) {
  .description p {
    font-size: 2.6666666667vw;
    line-height: 35px;
  }
}
@media (max-width: 520px) {
  .description p {
    font-size: 3.2vw;
    line-height: 22px;
  }
}
.description.show p {
  opacity: 1;
  -webkit-transition: opacity 1.5s 3s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 1.5s 3s cubic-bezier(0.55, 0.08, 0.52, 0.98);
}
.description.show p:only-child {
  -webkit-transition: opacity 1.5s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 1.5s 2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
}
.description .cv_btn {
  opacity: 0;
  -webkit-transition: opacity 0.8s 0.2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 0.8s 0.2s cubic-bezier(0.55, 0.08, 0.52, 0.98);
}
.description.show .cv_btn {
  opacity: 1;
  -webkit-transition: opacity 1s 3.5s cubic-bezier(0.55, 0.08, 0.52, 0.98);
  transition: opacity 1s 3.5s cubic-bezier(0.55, 0.08, 0.52, 0.98);
}

.fixedArea {
  background-image: url("../images/bk_sky.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: -10;
  overflow: hidden;
}

.header {
  z-index: 100;
  position: fixed;
  overflow: hidden;
  width: 100%;
  -webkit-transition: -webkit-transform 1s ease-out;
  transition: -webkit-transform 1s ease-out;
  transition: transform 1s ease-out;
  transition: transform 1s ease-out, -webkit-transform 1s ease-out;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header.hidden {
  -webkit-transform: translateY(-105%);
          transform: translateY(-105%);
}
.header .bk_header {
  width: 100%;
  overflow: hidden;
}
@media (max-width: 520px) {
  .header .bk_header {
    display: none;
  }
}
.header .bk_header_sp {
  display: none;
  width: 100%;
  overflow: hidden;
}
@media (max-width: 520px) {
  .header .bk_header_sp {
    display: block;
  }
}
.header .presage_logo {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  width: 10.703125%;
  position: absolute;
  top: 11%;
  left: 1.5%;
}
.header .presage_logo:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .header .presage_logo {
    width: 21.8666666667vw;
    top: 13%;
    left: 2%;
  }
}
@media (max-width: 520px) {
  .header .presage_logo {
    top: 22%;
  }
}
.header .seiko_logo {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  width: 7.34375%;
  position: absolute;
  top: 11%;
  right: 1.5%;
}
.header .seiko_logo:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .header .seiko_logo {
    width: 14.9333333333vw;
    top: 20%;
    right: 2%;
  }
}
@media (max-width: 520px) {
  .header .seiko_logo {
    top: 26%;
  }
}

.fixed_copy_right {
  position: fixed;
  z-index: 100;
  top: 95%;
  left: 2%;
  width: 100px;
}

.fixed_scroll {
  position: fixed;
  z-index: 100;
  bottom: 0;
  right: 3%;
  -webkit-animation: scroll_icon 1.2s ease-in-out infinite;
          animation: scroll_icon 1.2s ease-in-out infinite;
}
@media (max-width: 520px) {
  .fixed_scroll {
    width: 10px;
  }
}

@-webkit-keyframes scroll_icon {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes scroll_icon {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.fixed_cloud1 {
  position: fixed;
  opacity: 0.8;
  z-index: 99;
  top: 65%;
  right: 5%;
  width: 1000px;
  pointer-events: none;
}

.fixed_cloud2 {
  position: fixed;
  z-index: 1;
  top: 55%;
  right: 50%;
  width: 500px;
  opacity: 0.6;
  pointer-events: none;
}

.fixed_cloud3 {
  position: fixed;
  opacity: 0.4;
  z-index: 1;
  top: 50%;
  right: 15%;
  -webkit-transform: translateY(-132px);
          transform: translateY(-132px);
  width: 200px;
  pointer-events: none;
}

.fixed_cloud4 {
  position: fixed;
  opacity: 0.2;
  z-index: 1;
  top: 55%;
  right: 15%;
  -webkit-transform: translateY(-132px) rotate(170deg);
          transform: translateY(-132px) rotate(170deg);
  width: 200px;
  pointer-events: none;
}

.fixed_cloud5 {
  position: fixed;
  opacity: 0.4;
  z-index: 1;
  top: 30%;
  right: 15%;
  -webkit-transform: translateY(-132px);
          transform: translateY(-132px);
  width: 150px;
  pointer-events: none;
}

.fixed_cloud6 {
  position: fixed;
  opacity: 0.2;
  z-index: 1;
  top: 60%;
  right: 15%;
  -webkit-transform: translateY(-132px) rotate(190deg);
          transform: translateY(-132px) rotate(190deg);
  width: 600px;
  pointer-events: none;
}

.footer {
  width: 100%;
  height: 60px;
  background-color: #000000;
  position: fixed;
  top: 100%;
  left: 0%;
  -webkit-transform: translateY(-60px);
          transform: translateY(-60px);
  -webkit-transition: -webkit-transform 1s ease-in;
  transition: -webkit-transform 1s ease-in;
  transition: transform 1s ease-in;
  transition: transform 1s ease-in, -webkit-transform 1s ease-in;
  z-index: 100;
}
@media (max-width: 768px) {
  .footer {
    height: 48px;
    -webkit-transform: translateY(-48px);
            transform: translateY(-48px);
  }
}
.footer.hidden {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.footer .container {
  width: 95%;
  height: 100%;
  margin: 0px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .container .footer_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .container .footer_left .footer_seiko_logo {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  margin-right: 30px;
  width: 4.84375vw;
}
.footer .container .footer_left .footer_seiko_logo:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .footer .container .footer_left .footer_seiko_logo {
    width: 14.9333333333vw;
  }
}
.footer .container .footer_left .footer_copy_right {
  width: 6.09375vw;
}
@media (max-width: 768px) {
  .footer .container .footer_left .footer_copy_right {
    width: 20.8vw;
  }
}
.footer .container .share_btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footer .container .share_btn .share_btn_facebook {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  margin-right: 20px;
  width: 1.5625vw;
}
.footer .container .share_btn .share_btn_facebook:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .footer .container .share_btn .share_btn_facebook {
    width: 4vw;
  }
}
@media (max-width: 520px) {
  .footer .container .share_btn .share_btn_facebook {
    width: 5.3333333333vw;
  }
}
.footer .container .share_btn .share_btn_twitter {
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
  width: 1.5625vw;
}
.footer .container .share_btn .share_btn_twitter:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .footer .container .share_btn .share_btn_twitter {
    width: 4vw;
  }
}
@media (max-width: 520px) {
  .footer .container .share_btn .share_btn_twitter {
    width: 5.3333333333vw;
  }
}

.loading_section {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  background-color: black;
  z-index: 100;
}
.loading_section .relative {
  height: 100%;
  width: 100%;
}
.loading_section .relative .center_images {
  width: 40%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .loading_section .relative .center_images {
    width: 80%;
  }
}
.loading_section .relative .center_images .loading {
  width: 50%;
}
.loading_section .relative .center_images .seiko_ghibli_logo {
  width: 50%;
}

.loading_after {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: all 1s;
          transform: all 1s;
}

.video_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 16;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  padding: 0;
}
.video_section .video_section_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.video_section .video_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}
.video_section .bg_video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: -10;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .video_section .bg_video {
    display: none;
  }
}
@media (max-width: 520px) {
  .video_section .bg_video {
    display: none;
  }
}
.video_section .bg_video_md {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .video_section .bg_video_md {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    z-index: -10;
  }
}
@media (max-width: 520px) {
  .video_section .bg_video_md {
    display: none;
  }
}
.video_section .bg_video_sp {
  display: none;
  z-index: -10;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 520px) {
  .video_section .bg_video_sp {
    display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
  }
}

.main_logo_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 15;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.main_logo_section .main_logo {
  z-index: 5;
  opacity: 0;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  width: 31.25%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-33%) translateX(-50%);
          transform: translateY(-33%) translateX(-50%);
}
@media (max-width: 768px) {
  .main_logo_section .main_logo {
    width: 68vw;
  }
}

.description_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 14;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.description_section .description_section_bg {
  position: absolute;
  top: 5vw;
  bottom: 0;
  left: 0px;
  right: 0;
  z-index: -1;
  -webkit-transform-origin: 80% 60%;
          transform-origin: 80% 60%;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
  background-color: #000;
  background-image: url(../images/bg_pazu_sheeta.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 40% 0;
}
@media (min-width: 769px) and (min-aspect-ratio: 16/9) {
  .description_section .description_section_bg {
    top: 2vw;
    background-size: contain;
    background-position: 50% 50%;
  }
}
@media (max-width: 768px) {
  .description_section .description_section_bg {
    top: 0;
    background-image: url(../images/bg_pazu_sheeta_md.png);
  }
}
@media (max-width: 520px) {
  .description_section .description_section_bg {
    top: 0;
    background-size: cover;
    background-image: url(../images/bg_pazu_sheeta_sp.png);
  }
}
.description_section .bg_pazu_sheeta {
  z-index: -1;
  position: absolute;
  top: 0px;
  left: 0px;
  size: co;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .description_section .bg_pazu_sheeta {
    display: none;
  }
}
.description_section .bg_pazu_sheeta1 {
  z-index: -1;
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .description_section .bg_pazu_sheeta1 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 520px) {
  .description_section .bg_pazu_sheeta1 {
    display: none;
  }
}
.description_section .bg_pazu_sheeta2 {
  z-index: -1;
  display: none;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 520px) {
  .description_section .bg_pazu_sheeta2 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}
.description_section .absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  height: 100%;
  -webkit-transform-origin: 72% 50%;
          transform-origin: 72% 50%;
  -webkit-transform: translateY(40%) scale(1.2);
          transform: translateY(40%) scale(1.2);
}
@media (max-width: 768px) {
  .description_section .absolute {
    height: 100%;
  }
}
@media (max-width: 768px) {
  .description_section .absolute {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.description_section .absolute .watch_frontside {
  width: 23.28125vw;
  margin-left: 70%;
  -webkit-transform: translateY(12%);
          transform: translateY(12%);
}
@media (max-width: 1080px) {
  .description_section .absolute .watch_frontside {
    width: 250px;
  }
}
@media (max-width: 768px) {
  .description_section .absolute .watch_frontside {
    width: 37.8666666667vw;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    margin-left: 20px;
    margin-right: initial;
  }
}

.description_section2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 13;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.description_section2 .flying_stone_before {
  display: none;
  width: 23.4375vw;
  z-index: -1;
  position: absolute;
  left: 14%;
  top: 19%;
}
@media (max-width: 768px) {
  .description_section2 .flying_stone_before {
    width: 40vw;
    left: 30%;
    top: 0%;
  }
}
@media (max-width: 520px) {
  .description_section2 .flying_stone_before {
    width: 50vw;
    left: 25%;
    top: -3%;
    z-index: -1;
  }
}
.description_section2 .description {
  position: absolute;
  top: 30%;
  left: 50%;
  margin: 0 auto;
}
.description_section2 .description p {
  display: inline-block;
  margin: 0 auto;
  line-height: 27px;
}
@media (max-width: 768px) {
  .description_section2 .description p {
    line-height: 35px;
  }
}
@media (max-width: 520px) {
  .description_section2 .description p {
    line-height: 24px;
    font-size: 2.9333333333vw;
  }
}
@media (max-width: 768px) {
  .description_section2 .description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
            transform: translateY(-50%) translateX(-50%);
    width: 78.6666666667vw;
  }
}
@media (max-width: 520px) {
  .description_section2 .description {
    width: 70%;
    white-space: nowrap;
    margin-top: 35%;
    position: initial;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}

.dial_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 12;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.dial_section .absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  overflow: visible;
  position: relative;
}
@media (max-width: 768px) {
  .dial_section .absolute {
    display: block;
  }
}
.dial_section .absolute .watch_frontside2 {
  position: relative;
  width: 66.40625vw;
  margin-right: 130px;
  -webkit-transform-origin: 90% 40%;
          transform-origin: 90% 40%;
  -webkit-transform: translateY(40%) scale(0.5);
          transform: translateY(40%) scale(0.5);
}
@media (max-width: 768px) {
  .dial_section .absolute .watch_frontside2 {
    margin-top: 0%;
    width: 60vw;
    position: absolute;
    top: 10%;
    left: 19%;
    margin: 0 auto;
  }
}
@media (max-width: 520px) {
  .dial_section .absolute .watch_frontside2 {
    margin-top: 0%;
    top: 15%;
    left: 20%;
  }
}
.dial_section .absolute .watch_frontside2 .flying_stone {
  opacity: 0;
  width: 23.4375vw;
  z-index: 5;
  position: absolute;
  left: 0%;
  top: 27%;
}
@media (max-width: 768px) {
  .dial_section .absolute .watch_frontside2 .flying_stone {
    left: 29%;
    top: 31%;
  }
}
@media (max-width: 520px) {
  .dial_section .absolute .watch_frontside2 .flying_stone {
    left: 29%;
    top: 31%;
  }
}
.dial_section .absolute .watch_frontside2 .blightness {
  width: 15.625vw;
  z-index: 5;
  position: absolute;
  left: 30%;
  top: 34%;
  opacity: 0;
}
.dial_section .absolute .dial_description {
  width: 60%;
  padding-top: 5%;
}
@media (max-width: 768px) {
  .dial_section .absolute .dial_description {
    z-index: 5;
    width: 60%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-20%) translateX(-10%);
            transform: translateY(-20%) translateX(-10%);
  }
}
@media (max-width: 768px) {
  .dial_section .absolute .dial_description {
    display: none;
  }
}

.dial_section_sp_only {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: none;
}
@media (max-width: 768px) {
  .dial_section_sp_only {
    display: block;
  }
}
.dial_section_sp_only .dial_description_sp_only {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
}
.dial_section_sp_only .dial_description_sp_only h2 {
  white-space: inherit;
}
.dial_section_sp_only .dial_description_sp_only p {
  white-space: inherit;
}

.dial_section2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.dial_section2 .absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70%;
  margin: 0 auto;
  overflow: visible;
  position: relative;
}
@media (max-width: 768px) {
  .dial_section2 .absolute {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    width: initial;
  }
}
.dial_section2 .absolute .stem_description {
  min-width: 28%;
}
@media (max-width: 768px) {
  .dial_section2 .absolute .stem_description {
    padding-top: 67%;
    margin-right: 8%;
  }
}
@media (max-width: 520px) {
  .dial_section2 .absolute .stem_description {
    padding-top: 55%;
    margin-right: 10%;
    width: 48%;
  }
}
.dial_section2 .absolute .watch_stem {
  width: 50.78125vw;
  -webkit-transform: translate(40%, 40%) scale(0.5);
          transform: translate(40%, 40%) scale(0.5);
  z-index: 1;
}
@media (max-width: 768px) {
  .dial_section2 .absolute .watch_stem {
    width: 100%;
    top: -56%;
    left: -32%;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
    position: absolute;
  }
}
@media (max-width: 520px) {
  .dial_section2 .absolute .watch_stem {
    width: 113vw;
    top: -45%;
    left: -44%;
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
  }
}
@media (max-width: 320px) {
  .dial_section2 .absolute .watch_stem {
    -webkit-transform: rotate(14deg);
            transform: rotate(14deg);
  }
}

.dial_section3 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.dial_section3 .cloud1 {
  position: absolute;
  top: 50%;
  left: -30%;
}
@media (max-width: 768px) {
  .dial_section3 .cloud1 {
    top: 80%;
    left: -30%;
  }
}
.dial_section3 .cloud2 {
  display: none;
  position: absolute;
  top: -10%;
  right: -10%;
  width: 46.875%;
  -webkit-transform-origin: 30% 70%;
          transform-origin: 30% 70%;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
@media (max-width: 768px) {
  .dial_section3 .cloud2 {
    top: 0%;
    left: 65%;
  }
}
.dial_section3 .bg_castle_wrapper {
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translate(0, -20%) scale(4);
          transform: translate(0, -20%) scale(4);
  background-color: #000;
  background-image: url(../images/bg_castle.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 50% 0;
}
@media (max-width: 768px) {
  .dial_section3 .bg_castle_wrapper {
    background-image: url(../images/bg_castle_md.png);
    background-size: cover;
    background-position: 50% 10%;
  }
}
@media (max-width: 520px) {
  .dial_section3 .bg_castle_wrapper {
    background-image: url(../images/bg_castle_sp.png);
    background-size: cover;
    background-position: 50% 10%;
  }
}
.dial_section3 .bg_castle {
  position: absolute;
  top: 0px;
  left: 0px;
  size: co;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .dial_section3 .bg_castle {
    display: none;
  }
}
.dial_section3 .bg_castle1 {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .dial_section3 .bg_castle1 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 520px) {
  .dial_section3 .bg_castle1 {
    display: none;
  }
}
.dial_section3 .bg_castle2 {
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 520px) {
  .dial_section3 .bg_castle2 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}

.movement_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 8;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.movement_section .absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 80%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 768px) {
  .movement_section .absolute {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    height: initial;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.movement_section .absolute .movement_description {
  padding-top: 6%;
}
@media (max-width: 768px) {
  .movement_section .absolute .movement_description h2 {
    text-align: center;
    margin: 5%;
  }
}
.movement_section .absolute .movement_description p {
  width: 90%;
}
@media (max-width: 768px) {
  .movement_section .absolute .movement_description {
    width: 80vw;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(75%) translateX(-50%);
            transform: translateY(75%) translateX(-50%);
    padding-top: 10%;
    margin: 0px auto;
    z-index: 5;
  }
}
@media (max-width: 768px) {
  .movement_section .absolute .movement_description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(85%) translateX(-50%);
            transform: translateY(85%) translateX(-50%);
    display: none;
  }
}
.movement_section .absolute .watch_backside {
  width: 45.3125vw;
  margin-top: 15%;
  margin-left: 10%;
  -webkit-transform: translate(-50%, 50%) scale(0.5);
          transform: translate(-50%, 50%) scale(0.5);
}
@media (max-width: 768px) {
  .movement_section .absolute .watch_backside {
    width: 55vw;
    margin-top: 15%;
    margin-left: 28vw;
  }
}
@media (max-width: 520px) {
  .movement_section .absolute .watch_backside {
    width: 72vw;
    margin-top: 25%;
    margin-left: -8%;
  }
}

.movement_section_only_sp {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 7;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  display: none;
}
@media (max-width: 768px) {
  .movement_section_only_sp {
    display: block;
  }
}
.movement_section_only_sp .movement_description_only_sp {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media (max-width: 520px) {
  .movement_section_only_sp .movement_description_only_sp p {
    line-height: 18px;
  }
}

.movement_section2 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 6;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.movement_section2 .absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100vh;
  width: 100%;
  padding-right: 10%;
  -webkit-transform: translateX(-10%);
          transform: translateX(-10%);
  position: relative;
}
@media (max-width: 768px) {
  .movement_section2 .absolute {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
}
.movement_section2 .absolute .watch_movement {
  -webkit-transform: translate(-20%, 40%) scale(0.9);
          transform: translate(-20%, 40%) scale(0.9);
  width: 70.3125vw;
  margin-top: 20%;
}
@media (max-width: 768px) {
  .movement_section2 .absolute .watch_movement {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .movement_section2 .absolute .watch_movement {
    margin-top: 28%;
    margin-left: 55%;
  }
}
@media (max-width: 520px) {
  .movement_section2 .absolute .watch_movement {
    width: 115vw;
    margin-top: 10%;
  }
}
@media (max-width: 320px) {
  .movement_section2 .absolute .watch_movement {
    width: 115vw;
    margin-left: 60%;
    margin-top: 2%;
  }
}
@media (max-width: 768px) {
  .movement_section2 .absolute .movement_description2 {
    -webkit-transform: translate(0%, 40%);
            transform: translate(0%, 40%);
  }
}
@media (max-width: 520px) {
  .movement_section2 .absolute .movement_description2 {
    padding-bottom: 0%;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
.movement_section2 .absolute .movement_description2 p {
  margin-top: 50px;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .movement_section2 .absolute .movement_description2 p {
    padding-left: 20%;
  }
}
@media (max-width: 520px) {
  .movement_section2 .absolute .movement_description2 p {
    line-height: 23px;
    margin-top: 30px;
  }
}
@media (max-width: 320px) {
  .movement_section2 .absolute .movement_description2 p {
    line-height: 20px;
    margin-top: 25px;
  }
}
.movement_section2 .absolute .movement_description2 p .small {
  font-weight: lighter;
}
.movement_section2 .absolute .movement_description2 .small {
  line-height: 14px;
  font-size: 10px;
}
@media (max-width: 520px) {
  .movement_section2 .absolute .movement_description2 .br {
    margin-top: 15px;
  }
}

.movement_section3 {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.movement_section3 .bg_remains_container {
  position: absolute;
  left: 0;
  right: 0;
  top: 5vw;
  bottom: 0;
  -webkit-transform: translate(10%, 30%) scale(8);
          transform: translate(10%, 30%) scale(8);
  background-color: #000;
  background-image: url(../images/bg_remains.png);
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: 100% 0;
}
@media (min-width: 769px) and (min-aspect-ratio: 3/2) {
  .movement_section3 .bg_remains_container {
    background-position: 70% 0;
  }
}
@media (max-width: 768px) {
  .movement_section3 .bg_remains_container {
    top: 0;
    background-image: url(../images/bg_remains_md.png);
  }
}
@media (max-width: 520px) {
  .movement_section3 .bg_remains_container {
    top: 0;
    background-image: url(../images/bg_remains_sp.png);
    background-size: cover;
    background-position: 50% 50%;
  }
}
.movement_section3 .bg_remains {
  z-index: -1;
  position: absolute;
  top: 0%;
  left: 0px;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .movement_section3 .bg_remains {
    display: none;
  }
}
.movement_section3 .bg_remains1 {
  z-index: -1;
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .movement_section3 .bg_remains1 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 520px) {
  .movement_section3 .bg_remains1 {
    display: none;
  }
}
.movement_section3 .bg_remains2 {
  z-index: -1;
  display: none;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 520px) {
  .movement_section3 .bg_remains2 {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.movement_section3 .cloud4 {
  position: absolute;
  top: 0%;
  right: -10%;
  width: 46.875%;
  -webkit-transform: translate(20%, -10%), scale(1);
          transform: translate(20%, -10%), scale(1);
}
@media (max-width: 768px) {
  .movement_section3 .cloud4 {
    top: 10%;
    right: -20%;
  }
}

.strap_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 4;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.strap_section .absolute {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.strap_section .absolute .watch_strap {
  -webkit-transform: translate(-50%, 10%) scale(0.8);
          transform: translate(-50%, 10%) scale(0.8);
  width: 69.53125vw;
}
@media (max-width: 1080px) {
  .strap_section .absolute .watch_strap {
    width: 84vw;
    position: absolute;
    left: -15%;
  }
}
@media (max-width: 768px) {
  .strap_section .absolute .watch_strap {
    width: 141.3333333333vw;
    margin-top: -20%;
    position: absolute;
    top: 5%;
    left: -10%;
  }
}
@media (max-width: 520px) {
  .strap_section .absolute .watch_strap {
    left: -22%;
    width: 160vw;
  }
}
.strap_section .absolute .strap_description {
  margin-right: 20%;
  min-width: 20%;
  margin-left: auto;
}
@media (max-width: 768px) {
  .strap_section .absolute .strap_description {
    position: absolute;
    top: 40%;
    left: 15%;
    margin-left: 0%;
  }
}
@media (max-width: 520px) {
  .strap_section .absolute .strap_description {
    position: absolute;
    top: 50%;
    left: 15%;
  }
}
.strap_section .cloud6 {
  width: 117.1875vw;
  position: absolute;
  top: 60%;
  left: 20%;
}
@media (max-width: 768px) {
  .strap_section .cloud6 {
    width: 266.6666666667vw;
    top: 65%;
    left: 10%;
  }
}

.specialbox_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  overflow: hidden;
}
.specialbox_section .absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
  height: 100vh;
  margin: 0px auto;
  overflow: visible;
  -webkit-transform: translateY(8%);
          transform: translateY(8%);
  position: relative;
}
@media (max-width: 768px) {
  .specialbox_section .absolute {
    display: block;
    top: 0%;
    -webkit-transform: none;
            transform: none;
  }
}
.specialbox_section .absolute .specialbox_description {
  -webkit-transform: translate(22%, -44%);
          transform: translate(22%, -44%);
  overflow: visible;
}
@media (max-width: 768px) {
  .specialbox_section .absolute .specialbox_description {
    text-align: center;
    width: 100%;
    margin: 20% auto 2% auto;
    /* -webkit-transform: translate(0%, -20%); */
    /* transform: translate(0%, -20%); */
    -webkit-transform: none;
            transform: none;
  }
}
@media (max-width: 520px) {
  .specialbox_section .absolute .specialbox_description {
    margin: 30% auto 10% auto;
  }
}
.specialbox_section .absolute .only_pc {
  width: 49.21875vw;
  margin-top: 10%;
  -webkit-transform: translate(-25%, -8%);
          transform: translate(-25%, -8%);
}
.specialbox_section .absolute .only_pc .inner {
  -webkit-transform: translate(-100%, 100%) scale(0.8);
          transform: translate(-100%, 100%) scale(0.8);
}
@media (max-width: 768px) {
  .specialbox_section .absolute .only_pc {
    display: none;
    width: 61.3333333333vw;
    margin: 0px auto;
    -webkit-transform: translate(20%, -30%);
            transform: translate(20%, -30%);
  }
}
@media (max-width: 520px) {
  .specialbox_section .absolute .only_pc {
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
  }
}
@media (max-width: 768px) {
  .specialbox_section .absolute .only_sp {
    display: block;
    width: 43vw;
    margin: 0px auto;
    z-index: 5;
    position: relative;
    top: -10%;
    left: 0%;
  }
}
@media (max-width: 520px) {
  .specialbox_section .absolute .only_sp {
    width: 60%;
    top: -7%;
    left: 0%;
  }
}

.pictures_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.pictures_section .inner {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
}
.pictures_section .laputa_img1 {
  position: absolute;
  top: 52.7777777778%;
  left: 28.90625%;
  width: 16.71875%;
  opacity: 0.8;
}
@media (max-width: 768px) {
  .pictures_section .laputa_img1 {
    position: absolute;
    top: 62.5%;
    left: 24.21875%;
    width: 26.6666666667vw;
  }
}
@media (max-width: 520px) {
  .pictures_section .laputa_img1 {
    width: 32vw;
  }
}
.pictures_section .laputa_img2 {
  position: absolute;
  top: 38.8888888889%;
  left: 42.96875%;
  width: 7.96875%;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .pictures_section .laputa_img2 {
    position: absolute;
    top: 45.8333333333%;
    left: 27.34375%;
    width: 13.3333333333vw;
  }
}
@media (max-width: 520px) {
  .pictures_section .laputa_img2 {
    width: 18.6666666667vw;
  }
}
.pictures_section .laputa_img3 {
  position: absolute;
  top: 64.4444444444%;
  left: 47.96875%;
  width: 7.96875%;
  opacity: 0.6;
}
@media (max-width: 768px) {
  .pictures_section .laputa_img3 {
    position: absolute;
    top: 69.4444444444%;
    left: 66.40625%;
    width: 13.3333333333vw;
  }
}
@media (max-width: 520px) {
  .pictures_section .laputa_img3 {
    width: 18.6666666667vw;
  }
}
.pictures_section .laputa_img4 {
  position: absolute;
  top: 15.9722222222%;
  left: 4.21875%;
  width: 33.75%;
}
@media (max-width: 768px) {
  .pictures_section .laputa_img4 {
    position: absolute;
    top: 15.9722222222%;
    left: -3.90625%;
    z-index: 5;
    width: 65.6vw;
  }
}
@media (max-width: 520px) {
  .pictures_section .laputa_img4 {
    width: 70.9333333333vw;
  }
}
.pictures_section .laputa_img5 {
  position: absolute;
  top: 25.2777777778%;
  left: 60.625%;
  width: 33.75%;
}
@media (max-width: 768px) {
  .pictures_section .laputa_img5 {
    position: absolute;
    top: 38.8888888889%;
    left: 42.96875%;
    width: 65.0666666667vw;
  }
}
@media (max-width: 520px) {
  .pictures_section .laputa_img5 {
    width: 70.4vw;
  }
}
.pictures_section .laputa_img6 {
  position: absolute;
  top: 59.7222222222%;
  left: 17.96875%;
  width: 16.09375%;
}
@media (max-width: 768px) {
  .pictures_section .laputa_img6 {
    position: absolute;
    top: 69.4444444444%;
    left: 0%;
    width: 34.6666666667vw;
  }
}
@media (max-width: 520px) {
  .pictures_section .laputa_img6 {
    width: 40vw;
  }
}
.pictures_section .laputa_img7 {
  position: absolute;
  top: 70.8333333333%;
  left: 56.875%;
  width: 23.90625%;
}
@media (max-width: 768px) {
  .pictures_section .laputa_img7 {
    position: absolute;
    top: 80.5555555556%;
    left: 54.6875%;
    width: 48vw;
  }
}
@media (max-width: 520px) {
  .pictures_section .laputa_img7 {
    width: 53.3333333333vw;
  }
}

.cv_section {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.cv_section .absolute {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  width: 100%;
  height: 100vh;
  -webkit-transform: translateY(8%);
          transform: translateY(8%);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (max-width: 768px) {
  .cv_section .absolute {
    margin: 0px auto;
  }
}
@media (max-width: 520px) {
  .cv_section .absolute {
    display: block;
    -webkit-transform: translateY(14%);
            transform: translateY(14%);
  }
}
.cv_section .absolute .watch_frontside3 {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  width: 20.78125vw;
  padding-left: 3%;
  padding-right: 5%;
}
@media (max-width: 768px) {
  .cv_section .absolute .watch_frontside3 {
    width: 35.15625vw;
  }
}
@media (max-width: 520px) {
  .cv_section .absolute .watch_frontside3 {
    margin-left: 0px auto;
    width: 47%;
    margin: 0 auto;
    margin-top: 12%;
  }
}
@media (max-width: 320px) {
  .cv_section .absolute .watch_frontside3 {
    margin-left: 76px;
  }
}
.cv_section .absolute .cv_description {
  margin-bottom: 10%;
}
@media (max-width: 520px) {
  .cv_section .absolute .cv_description {
    text-align: center;
    width: 70%;
    margin: 0px auto;
    -webkit-transform: translateY(-32%);
            transform: translateY(-32%);
  }
}
.cv_section .absolute .cv_description h2 {
  font-size: 2.1875vw;
  margin-top: 9%;
}
@media (max-width: 768px) {
  .cv_section .absolute .cv_description h2 {
    font-size: 5.3333333333vw;
  }
}
@media (max-width: 520px) {
  .cv_section .absolute .cv_description h2 {
    margin-top: 4%;
    margin-bottom: 0;
    font-size: 7.4666666667vw;
  }
}
.cv_section .absolute .cv_description p {
  margin-top: 0;
  white-space: nowrap;
  line-height: 1.4rem;
  font-size: 1.015625vw;
}
.cv_section .absolute .cv_description p .br {
  margin-top: 14%;
}
@media (max-width: 520px) {
  .cv_section .absolute .cv_description p .br {
    margin-top: 4%;
  }
}
.cv_section .absolute .cv_description p .bold {
  font-size: 1.015625vw;
  display: inline-block;
  line-height: 2rem;
}
@media (max-width: 520px) {
  .cv_section .absolute .cv_description p .bold {
    font-size: 4vw;
  }
}
@media (max-width: 768px) {
  .cv_section .absolute .cv_description p {
    font-size: 1.953125vw;
    line-height: 25px;
  }
}
@media (max-width: 520px) {
  .cv_section .absolute .cv_description p {
    line-height: 1.1rem;
    font-size: 2.6666666667vw;
  }
}
@media (max-width: 320px) {
  .cv_section .absolute .cv_description p {
    line-height: 17px;
  }
}
.cv_section .absolute .cv_description .cv_btn {
  width: 170px;
  z-index: 200;
}
@media (max-width: 768px) {
  .cv_section .absolute .cv_description .cv_btn {
    width: 200px;
  }
}
@media (max-width: 520px) {
  .cv_section .absolute .cv_description .cv_btn {
    margin: 0px auto;
    width: 190px;
  }
}
@media (max-width: 320px) {
  .cv_section .absolute .cv_description .cv_btn {
    width: 165px;
  }
}
.cv_section .absolute .cv_description .cv_btn a {
  display: block;
  -webkit-transition: opacity 0.8s ease-out;
  transition: opacity 0.8s ease-out;
}
.cv_section .absolute .cv_description .cv_btn a:hover {
  opacity: 0.5;
}
@media (max-width: 520px) {
  .cv_section .absolute .cv_description .br {
    margin-top: 0px;
  }
}

.spaces div {
  height: 100vh;
}

body > .inner > .section {
  pointer-events: none;
}
body > .inner > .section.active {
  pointer-events: auto;
}

.page_container {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100vh;
  height: var(--vh, 100vh);
}
.page_container .page {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: visible;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

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

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

.movement_section .absolute .watch_backside {
  width: 29.6875vw;
}
@media (max-width: 520px) {
  .movement_section .absolute .watch_backside {
    width: 72vw;
    margin-top: 25%;
    margin-left: -7%;
  }
}

@media (max-width: 520px) {
  .movement_section2 .absolute .watch_movement {
    margin-top: 0%;
    margin-bottom: 5%;
    margin-left: 0%;
    text-align: center;
  }
}
.movement_section2 .absolute .watch_movement img {
  max-width: 70%;
  margin-bottom: 5%;
  margin-left: 20%;
}
@media (max-width: 520px) {
  .movement_section2 .absolute .watch_movement img {
    margin-left: 0%;
  }
}

@media (max-width: 520px) {
  .movement_section2 .absolute .movement_description2 {
    padding-bottom: 0px;
  }
}

/*
.description_section2 .description{
  @include media_md {
    left: 10%;
    top: 20%;
  }
}
*/
@media (max-width: 520px) {
  .main_logo_section .main_logo {
    padding-bottom: 40%;
  }
}

@media (max-width: 520px) {
  .dial_section .absolute .watch_frontside2 {
    top: 5%;
  }
}

@media (max-width: 520px) {
  .cv_section .absolute .watch_frontside3 {
    margin-top: 0%;
  }
}

@media (max-width: 520px) {
  .dial_section2 .absolute .stem_description {
    padding-top: 80%;
  }
}

@media (max-width: 520px) {
  .dial_section2 .absolute .watch_stem {
    top: -60%;
    left: -70%;
  }
}

@media (max-width: 520px) {
  .specialbox_section .absolute .specialbox_description {
    margin-bottom: 5%;
  }
}

.specialbox_section .absolute .only_sp {
  width: 45%;
  top: 0%;
}

@media (max-width: 520px) {
  .cv_section .absolute .watch_frontside3 {
    width: 37%;
    padding-left: 8%;
  }
}

.description_section2 p {
  font-size: 1.09375vw;
}
@media (max-width: 520px) {
  .description_section2 .description_section2 .description {
    top: 13%;
  }
}

.dial_section2 .absolute .stem_description {
  position: relative;
  left: -5%;
}
@media (max-width: 520px) {
  .dial_section2 .absolute .stem_description {
    margin-right: 3%;
    padding-top: 55%;
    z-index: 2;
  }
}

@media (max-width: 520px) {
  .movement_section2 .absolute .movement_description2 {
    padding-bottom: 10%;
  }
}

.fixed_scroll {
  bottom: -200px;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.fixed_scroll.on {
  -webkit-transition-delay: 4s;
          transition-delay: 4s;
  bottom: 0px;
}

.description_section .absolute .watch_frontside {
  width: 22.28125vw;
}

.dial_section2 .absolute .watch_stem {
  width: 36.78125vw;
  margin-left: 8%;
}
@media (max-width: 768px) {
  .dial_section2 .absolute .watch_stem {
    width: 113vw;
    margin-left: 0;
  }
}
.video_section-page.swiper-slide-active {
  z-index: 2;
}
@media (max-width: 768px) {
  .video_section-page.swiper-slide-active {
    z-index: initial;
  }
}

.video_cover {
  width: 100%;
  height: 92%;
  position: absolute;
  z-index: 100;
}

.dial_section .absolute .watch_frontside2 {
  width: 57.40625vw;
  top: 16vw;
}
@media (max-width: 768px) {
  .dial_section .absolute .watch_frontside2 {
    top: 15%;
    left: 17%;
  }
}
@media (max-width: 520px) {
  .dial_section .absolute .watch_frontside2 {
    margin-top: 0%;
    top: 15%;
  }
}

.description_section .absolute .watch_frontside {
  width: 22.28125vw;
}
@media (max-width: 768px) {
  .description_section .absolute .watch_frontside {
    width: 37.8666666667vw;
    -webkit-transform: translateY(-9%);
            transform: translateY(-9%);
  }
}

#stone {
  display: block;
  position: fixed;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  margin-left: 4.5%;
}
@media (max-width: 768px) {
  #stone {
    margin-left: 0%;
  }
}
_::-webkit-full-page-media, _:future, :root .watch_frontside2 {
  margin-top: -40%;
}

@media (max-width: 520px) {
  .movement_section2 .absolute {
    margin-top: -26%;
  }
}

@media (max-width: 520px) {
  img.rotate_sp {
    -webkit-transform: rotate(23deg);
            transform: rotate(23deg);
  }
}

@media (max-width: 520px) {
  .dial_section2 .absolute .watch_stem {
    width: 75vw;
    top: -32%;
    left: -7%;
  }
}

@media (max-width: 520px) {
  .description_section .absolute .watch_frontside {
    -webkit-transform: translateY(-30%);
            transform: translateY(-30%);
    margin-left: 17px;
  }
}

@-moz-document url-prefix() {
  .br_pc {
    display: inline-block;
  }
  @media (max-width: 520px) {
    .br_pc {
      display: none;
    }
  }

  .br_sp {
    display: none;
  }
  @media (max-width: 520px) {
    .br_sp {
      display: inline-block;
    }
  }
}
@media (max-width: 520px) {
  .specialbox_section .absolute {
    display: block;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    padding-top: 20%;
    text-align: center;
  }
}
@media (max-width: 520px) {
  .specialbox_section .absolute .specialbox_description {
    width: initial;
    margin-bottom: 0%;
    margin: 0%;
    -webkit-transform: translate(0%, 0%);
            transform: translate(0%, 0%);
    text-align: left;
    display: inline-block;
  }
}
@media (max-width: 520px) {
  .specialbox_section .absolute .specialbox_description .inner {
    display: inline-block;
  }
}
@media (max-width: 520px) {
  .specialbox_section .absolute .only_sp {
    top: 0%;
    margin-top: 10%;
  }
}

@media (max-width: 520px) {
  .dial_section2 .absolute {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 520px) {
  .dial_section2 .absolute .stem_description {
    margin-right: 3%;
    padding-top: 55%;
  }
}
@media (max-width: 520px) {
  .dial_section2 .absolute .watch_stem {
    top: 0%;
    left: 0%;
    margin-left: -8%;
    margin-top: -48%;
  }
}

@media all and (-ms-high-contrast: none) {
  .description_section .absolute {
    position: relative;
  }
}
@media (-ms-high-contrast: none) and (max-width: 1080px) {
  .description_section .absolute {
    position: initial;
  }
}
@media all and (-ms-high-contrast: none) {
  .description_section .absolute .watch_frontside {
    position: absolute;
    top: 17%;
    width: 20vw;
  }
}
@media (-ms-high-contrast: none) and (max-width: 1080px) {
  .description_section .absolute .watch_frontside {
    width: 22vw;
    top: auto;
    bottom: 0%;
    position: initial;
  }
}
.object-fit {
  -o-object-fit: contain;
     object-fit: contain;
  font-family: "object-fit: contain;";
}

.movement_section2 .absolute .movement_description2 p {
  padding-left: 0%;
}

_::-webkit-full-page-media, _:future, :root .watch_stem {
  position: relative;
  top: -8vw;
}
@media (max-width: 768px) {
  _::-webkit-full-page-media, _:future, :root .watch_stem {
    position: initial;
    top: 0vw;
  }
}