/* common */
/* line 11, ../sass/common.scss */
img {
  max-width: 100%;
  height: auto;
}

/* line 18, ../sass/common.scss */
.spOnly {
  display: none !important;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  /* line 18, ../sass/common.scss */
  .spOnly {
    display: none !important;
  }
}
@media (max-width: 768px) {
  /* line 18, ../sass/common.scss */
  .spOnly {
    display: block !important;
  }
}

/* line 27, ../sass/common.scss */
.pcOnly {
  display: block !important;
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  /* line 27, ../sass/common.scss */
  .pcOnly {
    display: block !important;
  }
}
@media (max-width: 768px) {
  /* line 27, ../sass/common.scss */
  .pcOnly {
    display: none !important;
  }
}

@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: Yu Gothic;
  src: local("Yu Gothic Bold");
  font-weight: 700;
}
@font-face {
  font-family: Helvetica Neue;
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: Helvetica Neue;
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
/* line 77, ../sass/common.scss */
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 83, ../sass/common.scss */
abbr, .footer-copy, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  border: 0;
  outline: 0;
  vertical-align: top;
  background: transparent;
}

/* line 89, ../sass/common.scss */
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, picture, section, summary {
  display: block;
}

/* line 92, ../sass/common.scss */
address, caption, h1, h2, h3, h4, h5, h6, th {
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
}

/* line 97, ../sass/common.scss */
dd, dl, dt, li, ol, ul {
  list-style-type: none;
  list-style-position: outside;
}

/* line 101, ../sass/common.scss */
table, td, th {
  vertical-align: top;
}

/* line 104, ../sass/common.scss */
nav ul {
  list-style: none;
}

/* line 107, ../sass/common.scss */
blockquote, q {
  quotes: none;
}

/* line 110, ../sass/common.scss */
blockquote:after, blockquote:before, q:after, q:before {
  content: "";
  content: none;
}

/* line 114, ../sass/common.scss */
a {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 123, ../sass/common.scss */
ins {
  text-decoration: none;
}

/* line 126, ../sass/common.scss */
ins, mark {
  background-color: #ff9;
  color: #000;
}

/* line 130, ../sass/common.scss */
mark {
  font-style: italic;
  font-weight: 700;
}

/* line 134, ../sass/common.scss */
del {
  text-decoration: line-through;
}

/* line 137, ../sass/common.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

/* line 141, ../sass/common.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 145, ../sass/common.scss */
hr {
  display: block;
  height: 1px;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

/* line 152, ../sass/common.scss */
hr, img {
  border: 0;
}

/* line 155, ../sass/common.scss */
br {
  letter-spacing: 0;
}

/* line 158, ../sass/common.scss */
button, fieldset, form, input, label, legend, select, textarea {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
  font-size: 100%;
}

/* line 167, ../sass/common.scss */
button, input, select, textarea {
  outline: 0;
  vertical-align: middle;
}

/* line 171, ../sass/common.scss */
input[type=date], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  font-size: 100%;
  padding: 2px;
  border: 1px solid #809db9;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 179, ../sass/common.scss */
input[type=number] {
  text-align: right;
}

/* line 187, ../sass/common.scss */
input:disabled {
  opacity: .5;
  cursor: default;
}

/* line 193, ../sass/common.scss */
button, input[type=button], input[type=reset], input[type=submit] {
  cursor: pointer;
}

/* line 196, ../sass/common.scss */
select {
  font-size: 100%;
  border: 1px solid #809db9;
  background-color: #fff;
}

/* line 201, ../sass/common.scss */
button, input, textarea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 205, ../sass/common.scss */
textarea {
  resize: vertical;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

/* line 212, ../sass/common.scss */
button {
  -webkit-appearance: button;
  border: 0;
  border-radius: 0;
  background: transparent;
}

/* line 218, ../sass/common.scss */
button, input[type=checkbox], input[type=radio] {
  cursor: pointer;
}

/* line 221, ../sass/common.scss */
input[type=email], input[type=tel], input[type=text] {
  -webkit-appearance: none;
  border-radius: 0;
}

/* line 225, ../sass/common.scss */
input[type=image] {
  vertical-align: top;
}

/* line 228, ../sass/common.scss */
small {
  vertical-align: baseline;
}

/* line 231, ../sass/common.scss */
input[type=button], input[type=reset], input[type=submit] {
  border-radius: 0;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border: none;
  background-color: transparent;
}

/* line 239, ../sass/common.scss */
input[type=button]::-webkit-search-decoration, input[type=reset]::-webkit-search-decoration, input[type=submit]::-webkit-search-decoration {
  display: none;
}

@-webkit-keyframes animationGradation {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
@keyframes animationGradation {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  to {
    background-position: 0 50%;
  }
}
/* line 267, ../sass/common.scss */
.js-page-show {
  color: #c0cad5;
  will-change: opacity;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.1s;
  -o-transition: opacity 0.5s 0.1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: opacity 0.5s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.1s;
}

/* line 276, ../sass/common.scss */
.js-page-ready {
  opacity: 0;
}

/* line 279, ../sass/common.scss */
.u-order-1 {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
}

/* line 284, ../sass/common.scss */
.u-order-2 {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2;
}

/* line 289, ../sass/common.scss */
.u-order-3 {
  -webkit-box-ordinal-group: 4;
  -ms-flex-order: 3;
  order: 3;
}

/* line 294, ../sass/common.scss */
.u-order-4 {
  -webkit-box-ordinal-group: 5;
  -ms-flex-order: 4;
  order: 4;
}

/* line 299, ../sass/common.scss */
.u-order-5 {
  -webkit-box-ordinal-group: 6;
  -ms-flex-order: 5;
  order: 5;
}

/* line 304, ../sass/common.scss */
.parallax-img {
  position: absolute;
  top: 0;
  left: 50%;
  pointer-events: none;
}

/* line 310, ../sass/common.scss */
.parallax-img img {
  width: 100%;
}

/* line 313, ../sass/common.scss */
.parallax-img .parallax-img-gel, .parallax-img .parallax-img-none {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* line 318, ../sass/common.scss */
body {
  line-height: 1.6;
  letter-spacing: .1em;
  color: #000;
  /*  background-color: #FFF;*/
  -webkit-font-smoothing: subpixel-antialiased;
}

/* line 330, ../sass/common.scss */
body.is-scrollStop {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

/* line 335, ../sass/common.scss */
img {
  height: auto;
}

/* line 338, ../sass/common.scss */
img, svg {
  max-width: 100%;
  vertical-align: top;
}

/* line 342, ../sass/common.scss */
svg {
  display: inline;
  fill: #444849;
}

/* line 346, ../sass/common.scss */
a {
  color: #444849;
  -webkit-transition: color 0.15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: color 0.15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: color 0.15s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/* line 352, ../sass/common.scss */
a, button {
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}

/* line 356, ../sass/common.scss */
.header {
  width: 100%;
  max-width: 100%;
  position: fixed;
  left: 0;
  z-index: 100;
}

/* line 363, ../sass/common.scss */
.header-logo {
  position: absolute;
  top: 0;
  z-index: 101;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/* line 371, ../sass/common.scss */
.header-logo.is-hide {
  opacity: 0;
  visibility: hidden;
}

/* line 375, ../sass/common.scss */
.header-menu.is-close:before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* line 381, ../sass/common.scss */
.header-menu.is-close:after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* line 387, ../sass/common.scss */
.header-globalnavi {
  width: 100%;
  position: relative;
  margin: 0 auto;
  left: 0;
  right: 0;
}

/* line 394, ../sass/common.scss */
.header-navi a {
  display: inline-block;
  text-decoration: none;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .25em;
  -webkit-transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/* line 405, ../sass/common.scss */
.header-navi a.is-hover {
  color: #b5e8bb;
}

/* line 408, ../sass/common.scss */
.header-btn {
  position: absolute;
}

/* line 411, ../sass/common.scss */
.header-btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background-color: #b5e8bb;
  -webkit-transition: background-color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-box-shadow 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: background-color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-box-shadow 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: background-color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75), box-shadow 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: background-color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75), box-shadow 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: background-color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75), box-shadow 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75), -webkit-box-shadow 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/* line 433, ../sass/common.scss */
.header-btn a.is-hover {
  background-color: #6db4da;
}

/* line 436, ../sass/common.scss */
#Container {
  position: relative;
}

/* line 439, ../sass/common.scss */
.curtain {
  width: 110%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: -1;
  -webkit-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
  pointer-events: none;
}

/* line 453, ../sass/common.scss */
.curtain:before {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(15%, rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(top, #fff 0, rgba(255, 255, 255, 0) 15%);
  background-image: linear-gradient(180deg, #fff, rgba(255, 255, 255, 0) 15%);
}

/* line 458, ../sass/common.scss */
.curtain:after, .curtain:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

/* line 468, ../sass/common.scss */
.curtain:after {
  background-image: -o-radial-gradient(top left, circle, #fff 0, rgba(255, 255, 255, 0) 50%);
  background-image: radial-gradient(circle at top left, #ffffff 0%, rgba(255, 255, 255, 0) 50%);
}

/* line 472, ../sass/common.scss */
.curtain-item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
  height: 150%;
  position: relative;
  top: -25%;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  opacity: 0;
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(10%, rgba(255, 255, 255, 0.5)), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(90%, rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
  background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0) 100%);
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 10%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.5) 90%, rgba(255, 255, 255, 0));
  will-change: transform;
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
}

@-webkit-keyframes shaking {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes shaking {
  0% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  50% {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  75% {
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
/* line 555, ../sass/common.scss */
#Content {
  overflow: hidden;
  position: relative;
}

/* line 559, ../sass/common.scss */
.pagetop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  margin-right: auto;
}

/* line 566, ../sass/common.scss */
.pagetop a {
  display: block;
  text-decoration: none;
  text-align: center;
  -webkit-transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/* line 574, ../sass/common.scss */
.pagetop a.is-hover {
  color: #c0cad5;
}

/* line 577, ../sass/common.scss */
.pagetop i {
  display: block;
  margin: 0 auto;
  line-height: 0;
}

/* line 582, ../sass/common.scss */
.pagetop i svg {
  fill: #c0cad5;
}

/* line 585, ../sass/common.scss */
.pagetop span {
  font-family: quasimoda, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .25em;
  line-height: 1;
  letter-spacing: 0.1rem;
}

/* line 593, ../sass/common.scss */
.footer-movie {
  width: 100%;
  height: 0;
  position: relative;
  overflow: hidden;
}

/* line 599, ../sass/common.scss */
.footer-movie img, .footer-movie video {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* line 606, ../sass/common.scss */
.footer-logo {
  position: relative;
}

/* line 609, ../sass/common.scss */
.footer-logo a {
  display: block;
}

/* line 612, ../sass/common.scss */
.footer-logo svg {
  fill: #b5e8bb;
}

/* line 615, ../sass/common.scss */
.footer-navi a {
  font-family: quasimoda, sans-serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: .25em;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  -o-transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  transition: color 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

/* line 626, ../sass/common.scss */
.footer-navi a.is-hover {
  color: #b5e8bb;
}

/* line 629, ../sass/common.scss */
.footer-copy {
  line-height: 1;
}

@media screen and (max-width: 768px) {
  /* line 667, ../sass/common.scss */
  html {
    font-size: 1.33333vw;
  }

  /* line 673, ../sass/common.scss */
  .header {
    top: 0vw;
    background-color: none;
    height: 15rem;
    display: flex;
    align-items: center;
  }

  /* line 681, ../sass/common.scss */
  #splogo {
    margin-left: 5rem;
    z-index: 9999;
  }

  /* line 686, ../sass/common.scss */
  .header-logo {
    width: 24vw;
    left: 8vw;
    display: none;
  }

  /* line 692, ../sass/common.scss */
  .header-menu span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #444849;
  }

  /* line 700, ../sass/common.scss */
  .header-menu span {
    top: 1.4vw;
  }

  /* line 704, ../sass/common.scss */
  .header-menu.is-close span {
    display: none !important;
  }

  /* line 708, ../sass/common.scss */
  .header-menu {
    width: 4.5rem;
    height: 3.5rem;
    position: absolute;
    top: 7vw;
    right: 5vw;
    z-index: 103;
  }

  /* line 716, ../sass/common.scss */
  .header-menu:after, .header-menu:before {
    content: "";
    width: 100%;
    height: 2px;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-color: #444849;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: top 0.4s cubic-bezier(0.19, 1, 0.22, 1), bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.4s cubic-bezier(0.19, 1, 0.22, 1), bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition: top 0.4s cubic-bezier(0.19, 1, 0.22, 1), bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.4s cubic-bezier(0.19, 1, 0.22, 1), bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
    transition: top 0.4s cubic-bezier(0.19, 1, 0.22, 1), bottom 0.4s cubic-bezier(0.19, 1, 0.22, 1), transform 0.4s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  }

  /* line 735, ../sass/common.scss */
  .header-menu:before {
    top: -5vw;
  }

  /* line 738, ../sass/common.scss */
  .header-menu:after {
    bottom: -2.13333vw;
  }

  /* line 741, ../sass/common.scss */
  .header-globalnavi {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    z-index: 102;
    -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: opacity 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75), visibility 0.3s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }

  /* line 763, ../sass/common.scss */
  .header-globalnavi.is-show {
    visibility: visible;
    opacity: 1;
  }

  /* line 767, ../sass/common.scss */
  .header-navi {
    text-align: center;
  }

  /* line 770, ../sass/common.scss */
  .header-navi li {
    opacity: 0;
  }

  /* line 773, ../sass/common.scss */
  .header-navi li + li {
    margin-top: 8vw;
  }

  /* line 776, ../sass/common.scss */
  .header-navi a {
    font-size: 3.2rem;
  }

  /* line 779, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li {
    opacity: 1;
    -webkit-transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    -o-transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
    transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75);
  }

  /* line 785, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:first-of-type {
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: 0.1s;
  }

  /* line 790, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(1) {
    display: none;
  }

  /* line 794, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(2) {
    -webkit-transition-delay: .15s;
    -o-transition-delay: .15s;
    transition-delay: .15s;
  }

  /* line 800, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(2) img {
    height: 4.0rem;
  }

  /* line 804, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(3) {
    -webkit-transition-delay: .3s;
    -o-transition-delay: .3s;
    transition-delay: .3s;
    margin-top: 12.0rem;
  }

  /* line 811, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(3) img {
    height: 4.0rem;
  }

  /* line 815, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(4) {
    -webkit-transition-delay: .45s;
    -o-transition-delay: .45s;
    transition-delay: .45s;
    margin-top: 12.0rem;
  }

  /* line 822, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(4) img {
    height: 4.0rem;
  }

  /* line 826, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(5) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
    float: left;
    margin-top: 12.0rem;
  }

  /* line 834, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(5) img {
    height: 6.72rem;
  }

  /* line 839, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(6) {
    -webkit-transition-delay: .6s;
    -o-transition-delay: .6s;
    transition-delay: .6s;
    float: right;
    margin-top: 12.0rem;
  }

  /* line 847, ../sass/common.scss */
  .header-globalnavi.is-show .header-navi li:nth-of-type(6) img {
    height: 6.60rem;
  }

  /* line 851, ../sass/common.scss */
  .header-btn {
    width: 58.66667vw;
    bottom: 12vw;
    left: 0;
    right: 0;
    margin: auto;
  }

  /* line 858, ../sass/common.scss */
  .header-btn a {
    width: 100%;
    height: 18.66667vw;
    font-size: 2.2rem;
    border-radius: 9.33334vw;
    -webkit-box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgba(0, 0, 0, 0.15);
    opacity: 0;
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
  }

  /* line 869, ../sass/common.scss */
  .header-btn a br {
    display: none;
  }

  /* line 872, ../sass/common.scss */
  .header-btn a.is-hover {
    -webkit-box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgba(89, 126, 156, 0.15);
    box-shadow: 1.86667vw 1.86667vw 3.6vw 0 rgba(89, 126, 156, 0.15);
  }

  /* line 876, ../sass/common.scss */
  .header-globalnavi.is-show .header-btn a {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.6s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
    transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.6s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
    -o-transition: opacity 1s 0.6s cubic-bezier(0.25, 0.25, 0.75, 0.75), transform 0.4s 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.6s, transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
    transition: opacity 1s cubic-bezier(0.25, 0.25, 0.75, 0.75) 0.6s, transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.6s, -webkit-transform 0.4s cubic-bezier(0.19, 1, 0.22, 1) 0.6s;
  }

  /* line 886, ../sass/common.scss */
  #Container {
    min-height: var(--firstViewHeight, 100vh);
  }

  /* line 893, ../sass/common.scss */
  .pagetop {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  /* line 898, ../sass/common.scss */
  .pagetop i {
    width: 6.13334vw;
    margin-bottom: 3.6vw;
  }

  /* line 902, ../sass/common.scss */
  .pagetop span {
    font-size: 2.4rem;
    margin-left: 0.26667vw;
  }

  /* line 906, ../sass/common.scss */
  .footer {
    margin-top: 23.73334vw;
    padding-bottom: 48vw;
  }

  /* line 910, ../sass/common.scss */
  .footer-movie {
    padding-top: 80%;
  }

  /* line 913, ../sass/common.scss */
  .footer-logo {
    margin-top: -15.33333vw;
    margin-bottom: 15.73334vw;
    margin-left: 22.13334vw;
  }

  /* line 918, ../sass/common.scss */
  .footer-logo a {
    width: 42vw;
  }

  /* line 921, ../sass/common.scss */
  .footer-navi {
    text-align: center;
  }

  /* line 924, ../sass/common.scss */
  .footer-navi li + li {
    margin-top: 7.33334vw;
  }

  /* line 929, ../sass/common.scss */
  .footer-copy {
    font-size: 1.2rem;
    margin-top: 0;
    text-align: center;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  /* line 929, ../sass/common.scss */
  .footer-copy {
    font-size: 2.2rem;
  }
}

@media screen and (min-width: 769px) {
  /* line 940, ../sass/common.scss */
  .u-display-sp {
    display: none;
  }

  /* line 943, ../sass/common.scss */
  .u-order-1-pc {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  /* line 948, ../sass/common.scss */
  .u-order-2-pc {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  /* line 953, ../sass/common.scss */
  .u-order-3-pc {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  /* line 958, ../sass/common.scss */
  .u-order-4-pc {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }

  /* line 963, ../sass/common.scss */
  .u-order-5-pc {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
  }

  /* line 968, ../sass/common.scss */
  .parallax-img img {
    border-radius: 3rem;
    -webkit-box-shadow: 2.5rem 2.5rem 7.5rem rgba(50, 100, 135, 0.1);
    box-shadow: 2.5rem 2.5rem 7.5rem rgba(50, 100, 135, 0.1);
  }

  /* line 973, ../sass/common.scss */
  html {
    font-size: 62.5%;
  }

  /* line 976, ../sass/common.scss */
  body {
    overflow: auto;
  }

  /* line 980, ../sass/common.scss */
  .header, body {
    min-width: 100.0rem;
    max-width: 100%;
  }

  /* line 984, ../sass/common.scss */
  .header {
    /*    top: 4.1rem*/
    top: 0;
  }

  /* line 988, ../sass/common.scss */
  .header-logo {
    width: 14rem;
    left: 6rem;
  }

  /* line 992, ../sass/common.scss */
  .header-menu {
    display: block;
  }

  /* line 995, ../sass/common.scss */
  .header-navi {
    width: 100%;
    height: 7rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
    max-width: 100.0rem;
  }

  /* line 1004, ../sass/common.scss */
  .header-navi li {
    margin: 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* line 1011, ../sass/common.scss */
  .header-navi li:first-child {
    margin-right: 7.0rem;
  }

  /* line 1015, ../sass/common.scss */
  .header-navi li:nth-child(2) {
    margin-right: 5.0rem;
  }

  /* line 1019, ../sass/common.scss */
  .header-navi li:nth-child(3) {
    margin-right: 5.0rem;
  }

  /* line 1023, ../sass/common.scss */
  .header-navi li:nth-child(4) {
    margin-right: 5.0rem;
  }

  /* line 1027, ../sass/common.scss */
  .header-navi li:nth-child(5) {
    margin-left: auto;
    margin-right: 2.0rem;
  }

  /* line 1032, ../sass/common.scss */
  .header-navi a {
    display: block;
    line-height: 1;
  }

  /* line 1036, ../sass/common.scss */
  .header-btn {
    top: 0;
  }

  /* line 1039, ../sass/common.scss */
  .header-btn a {
    width: 20rem;
    height: 7rem;
    border-radius: 3.6rem;
    -webkit-box-shadow: 1.4rem 1.4rem 2.7rem 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1.4rem 1.4rem 2.7rem 0 rgba(0, 0, 0, 0.15);
  }

  /* line 1046, ../sass/common.scss */
  .header-btn a.is-hover {
    -webkit-box-shadow: 1.4rem 1.4rem 2.7rem 0 rgba(89, 126, 156, 0.15);
    box-shadow: 1.4rem 1.4rem 2.7rem 0 rgba(89, 126, 156, 0.15);
  }

  /* line 1050, ../sass/common.scss */
  #Container {
    width: 120.0rem;
    max-width: 100%;
    min-height: 100vh;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1280px) {
  /* line 1050, ../sass/common.scss */
  #Container {
    width: 100%;
    max-width: 100%;
    min-height: 60vh;
    margin: 0 auto;
    left: 0;
    right: 0;
  }
}

@media screen and (min-width: 769px) {
  /* line 1067, ../sass/common.scss */
  #Content {
    padding-top: 31rem;
  }

  /* line 1071, ../sass/common.scss */
  .pagetop {
    width: 96rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
@media screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1280px) {
  /* line 1071, ../sass/common.scss */
  .pagetop {
    width: 57.6rem;
  }
}

@media screen and (min-width: 769px) {
  /* line 1080, ../sass/common.scss */
  .pagetop i {
    width: 2.6rem;
    margin-bottom: 3rem;
  }

  /* line 1084, ../sass/common.scss */
  .pagetop span {
    font-size: 1.1rem;
  }

  /* line 1087, ../sass/common.scss */
  .footer {
    margin-top: 10.6rem;
    padding-bottom: 26.5rem;
  }

  /* line 1091, ../sass/common.scss */
  .footer-inner {
    max-width: 96rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
  }

  /* line 1106, ../sass/common.scss */
  .footer-movie {
    padding-top: 36.76%;
  }

  /* line 1109, ../sass/common.scss */
  .footer-logo {
    width: 100%;
    margin-top: -8rem;
    margin-bottom: 11rem;
  }

  /* line 1114, ../sass/common.scss */
  .footer-logo a {
    width: 21rem;
  }

  /* line 1117, ../sass/common.scss */
  .footer-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /* line 1122, ../sass/common.scss */
  .footer-navi li + li {
    margin-left: 6rem;
  }

  /* line 1125, ../sass/common.scss */
  .footer-navi a {
    font-size: 1.2rem;
  }

  /* line 1128, ../sass/common.scss */
  .footer-copy {
    font-size: 1.2rem;
  }
}
@media (-o-min-device-pixel-ratio: 2 / 1), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx), only screen and (-webkit-min-device-pixel-ratio: 2) {
  /* line 1133, ../sass/common.scss */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
@media (-ms-high-contrast: none) {
  /* line 1139, ../sass/common.scss */
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media (-ms-high-contrast: active) {
  /* line 1144, ../sass/common.scss */
  html {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* line 1149, ../sass/common.scss */
  ::i-block-chrome, body {
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
  }
}
@media screen and (min-width: 769px) and (min-width: 1281px) {
  /* line 1155, ../sass/common.scss */
  .header-btn {
    right: 9rem;
  }
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
  /* line 1160, ../sass/common.scss */
  .header-btn {
    right: 4.5%;
  }
}
/* line 1166, ../sass/common.scss */
.txtLeft {
  text-align: left !important;
}
@media (max-width: 768px) {
  /* line 1166, ../sass/common.scss */
  .txtLeft {
    text-align: left;
  }
}

/* line 1174, ../sass/common.scss */
.txtCenter {
  text-align: center !important;
}


