/**/

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

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

nav ul { list-style:none; }

blockquote, q { quotes:none; }

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

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#fff; color:#000; text-decoration:none; }

mark { background-color:#fff; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }

/* END RESET CSS */

body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */

select, input, textarea, button { font:99% sans-serif; }

/* タイトル／注意書き／自動スクロール表示ボタン */
#heading-area {
  position: fixed;
  bottom: 40px;
  width: 100%;
  left: 50%;                     /* 左端を画面中央に寄せる */
  transform: translateX(-50%);   /* 要素の幅の半分だけ左に戻す＝中央配置 */
  text-align: center;
  z-index: 100;
}

#heading-area h1 {
  font-size: 3.5em;
  color: #000080;
  margin: 0em 0;
}

#heading-area p {
  font-size: 0.9em;
  color: #333;
  /* margin: 0.2em 0 1em; */
  margin: 0.2em 0;
}

#heading-area ul#nav {
  list-style: none;
  padding: 0;
  margin: 0 auto 0.5em;
  display: inline-flex;
  gap: 1px;
  justify-content: center;
}

#heading-area ul#nav li {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

#heading-area ul#nav li a {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 30px;             /* 高さを固定して中央配置 */
  padding: 4px 16px 0;
  background: white;
  color: #333;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #ccc;
}

#heading-area ul#nav li a:hover {
  background: #333;
  color: #fff;
}

.scroll-control button {
  font-size: 15px;
  padding: 8px 16px;
  border-radius: 6px;
  border: none;
  background-color: #525151;
  color: white;
  cursor: pointer;
  line-height: 1.4;
  min-width: 363px;
  text-align: center;
}
.scroll-control button:hover {
  background-color: #111111;
}

/*
 * minimal base styles
 */


body, select, input, textarea {
  color: #223;
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

/* always force a scrollbar in non-IE: */
html { overflow-y: scroll; }


/* accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

a, a:active, a:visited { color: white; }
a:hover { color: #B20; }


ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }

/* remove margins for navigation lists */
nav ul, nav li { margin: 0; }

/* hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/*::-moz-selection { background: #223; color: #DD0; text-shadow: none; }
::selection      { background: #223; color: #DD0; text-shadow: none; opacity: 1; }*/

button {  width: auto; overflow: visible; }

.ie7 img { -ms-interpolation-mode: bicubic; }



/*
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }


/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }






html, body {
  height: 100%;
}

.csstransforms #wrap {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/sample_10.png') center bottom no-repeat;
  background-size: cover;
}

@keyframes bgAnime {
   0% { opacity: 0; transform: scale(1.3, 1.3); }
   1% { opacity: 1; transform: scale(1.3, 1.3); }
   5% { opacity: 1; transform: scale(1.3, 1.3); }
  21% { opacity: 1; transform: scale(1.0, 1.0); }
  25% { opacity: 1; transform: scale(1.0, 1.0); }
  26% { opacity: 0; }
 100% { opacity: 0; }
}

.csstransforms #offset {
  height: 50%;
  width: 100%;
}

#container {
  margin: 0 auto;  
  width: 990px;
}

.csstransforms #container {
  position: relative;
  height: 540px;
  top: -270px;
/*  background: hsla( 0, 100%, 50%, 0.3 );*/
}

.csstransforms #content {
  position: absolute;
  width: 100%;
  height: 100%;
  
}

#content {
}

/**** Base ****/

body {
  background: #e4e9f0;
  font-family: 'Hero Light', 'Helvetica Neue', Arial, sans-serif;
  color: #333;
  min-width: 1000px;
}

a,
a:visited {
  color: white;
  text-decoration: none;
}

a:hover {
  color: #B20;
}

#content section h1 {
  font-family: 'MOD', 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: center;
  font-weight: normal;
}

::-moz-selection{ background: #222233; color:#DD0; text-shadow: none; }
::selection { background:#222233; color:#fff; text-shadow: none; }

/***************** No Transforms *****************/

.no-csstransforms #container,
.no-js #container {
  margin-top: 60px;
  position: relative;
}

.no-csstransforms #content section,
.no-js #content section {
  width: 100%;
  height: 540px;
  margin-bottom: 100px;
  position: relative;
}



/***************** Transforms  *****************/

.csstransforms #content section {
  width: 100%;
  height: 100%;
  position: absolute;
}

.csstransforms #content.transitions-on {
  -webkit-transition: -webkit-transform 1s;
     -moz-transition:    -moz-transform 1s;
      -ms-transition:     -ms-transform 1s;
       -o-transition:      -o-transform 1s;
          transition:         transform 1s;
}

/***************** Faux 3d  *****************/

.faux3d #content section,
.faux3d #content,
.faux3d #environment {
  -webkit-transform-origin: center 450px;
     -moz-transform-origin: center 450px;
      -ms-transform-origin: center 450px;
       -o-transform-origin: center 450px;
          transform-origin: center 450px;
}

.faux3d #content_02 {
  -webkit-transform: scale(0.3333);
     -moz-transform: scale(0.3333);
      -ms-transform: scale(0.3333);
       -o-transform: scale(0.3333);
          transform: scale(0.3333);
}

.faux3d #content_03 {
  -webkit-transform: scale(0.1111);
     -moz-transform: scale(0.1111);
      -ms-transform: scale(0.1111);
       -o-transform: scale(0.1111);
          transform: scale(0.1111);
}

.faux3d #content_04 {
  -webkit-transform: scale(0.037);
     -moz-transform: scale(0.037);
      -ms-transform: scale(0.037);
       -o-transform: scale(0.037);
          transform: scale(0.037);
}

.faux3d #content_05 {
  -webkit-transform: scale(0.01234);
     -moz-transform: scale(0.01234);
      -ms-transform: scale(0.01234);
       -o-transform: scale(0.01234);
          transform: scale(0.01234);
}


.faux3d #content_06 {
  -webkit-transform: scale(0.0013717421124828531);
     -moz-transform: scale(0.0013717421124828531);
      -ms-transform: scale(0.0013717421124828531);
       -o-transform: scale(0.0013717421124828531);
          transform: scale(0.0013717421124828531);
}

.faux3d #content_07 {
  -webkit-transform: scale(0.0004572473708276177);
     -moz-transform: scale(0.0004572473708276177);
      -ms-transform: scale(0.0004572473708276177);
       -o-transform: scale(0.0004572473708276177);
          transform: scale(0.0004572473708276177);
}

.faux3d #limbo {
  -webkit-transform: scale(0.00015241579027587258);
     -moz-transform: scale(0.00015241579027587258);
      -ms-transform: scale(0.00015241579027587258);
       -o-transform: scale(0.00015241579027587258);
          transform: scale(0.00015241579027587258);
}

/***************** True 3d  *****************/

.csstransforms3d #environment {
  width: 100%;
  height: 540px;
  -webkit-perspective: 500px;
     -moz-perspective: 500px;
      -ms-perspective: 500px;
       -o-perspective: 500px;
          perspective: 500px;
  -webkit-perspective-origin: center 450px;
     -moz-perspective-origin: center 450px;
      -ms-perspective-origin: center 450px;
       -o-perspective-origin: center 450px;
          perspective-origin: center 450px;
}

.csstransforms3d #content {
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
      -ms-transform-style: preserve-3d;
       -o-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.csstransforms3d #content_02 {
  -webkit-transform: translate3d( 0, 0, -1000px );
     -moz-transform: translate3d( 0, 0, -1000px );
      -ms-transform: translate3d( 0, 0, -1000px );
       -o-transform: translate3d( 0, 0, -1000px );
          transform: translate3d( 0, 0, -1000px );
}


.csstransforms3d #content_03 {
  -webkit-transform: translate3d( 0, 0, -2000px );
     -moz-transform: translate3d( 0, 0, -2000px );
      -ms-transform: translate3d( 0, 0, -2000px );
       -o-transform: translate3d( 0, 0, -2000px );
          transform: translate3d( 0, 0, -2000px );
}


.csstransforms3d #content_04 {
  -webkit-transform: translate3d( 0, 0, -3000px );
     -moz-transform: translate3d( 0, 0, -3000px );
      -ms-transform: translate3d( 0, 0, -3000px );
       -o-transform: translate3d( 0, 0, -3000px );
          transform: translate3d( 0, 0, -3000px );
}

.csstransforms3d #content_05 {
  -webkit-transform: translate3d( 0, 0, -4000px );
     -moz-transform: translate3d( 0, 0, -4000px );
      -ms-transform: translate3d( 0, 0, -4000px );
       -o-transform: translate3d( 0, 0, -4000px );
          transform: translate3d( 0, 0, -4000px );
}

.csstransforms3d #content_06 {
  -webkit-transform: translate3d( 0, 0, -5000px );
     -moz-transform: translate3d( 0, 0, -5000px );
      -ms-transform: translate3d( 0, 0, -5000px );
       -o-transform: translate3d( 0, 0, -5000px );
          transform: translate3d( 0, 0, -5000px );
}

.csstransforms3d #content_07 {
  -webkit-transform: translate3d( 0, 0, -6000px );
     -moz-transform: translate3d( 0, 0, -6000px );
      -ms-transform: translate3d( 0, 0, -6000px );
       -o-transform: translate3d( 0, 0, -6000px );
          transform: translate3d( 0, 0, -6000px );
}

.csstransforms3d #content_08 {
  -webkit-transform: translate3d( 0, 0, -7000px );
     -moz-transform: translate3d( 0, 0, -7000px );
      -ms-transform: translate3d( 0, 0, -7000px );
       -o-transform: translate3d( 0, 0, -7000px );
          transform: translate3d( 0, 0, -7000px );
}

.csstransforms3d #content_09 {
  -webkit-transform: translate3d( 0, 0, -8000px );
     -moz-transform: translate3d( 0, 0, -8000px );
      -ms-transform: translate3d( 0, 0, -8000px );
       -o-transform: translate3d( 0, 0, -8000px );
          transform: translate3d( 0, 0, -8000px );
}

.csstransforms3d #content_10 {
  -webkit-transform: translate3d( 0, 0, -9000px );
     -moz-transform: translate3d( 0, 0, -9000px );
      -ms-transform: translate3d( 0, 0, -9000px );
       -o-transform: translate3d( 0, 0, -9000px );
          transform: translate3d( 0, 0, -9000px );
}

.csstransforms3d #content_11 {
  -webkit-transform: translate3d( 0, 0, -10000px );
     -moz-transform: translate3d( 0, 0, -10000px );
      -ms-transform: translate3d( 0, 0, -10000px );
       -o-transform: translate3d( 0, 0, -10000px );
          transform: translate3d( 0, 0, -10000px );
}

.csstransforms3d #content_12 {
  -webkit-transform: translate3d( 0, 0, -11000px );
     -moz-transform: translate3d( 0, 0, -11000px );
      -ms-transform: translate3d( 0, 0, -11000px );
       -o-transform: translate3d( 0, 0, -11000px );
          transform: translate3d( 0, 0, -11000px );
}

.csstransforms3d #content_13 {
  -webkit-transform: translate3d( 0, 0, -12000px );
     -moz-transform: translate3d( 0, 0, -12000px );
      -ms-transform: translate3d( 0, 0, -12000px );
       -o-transform: translate3d( 0, 0, -12000px );
          transform: translate3d( 0, 0, -12000px );
}

.csstransforms3d #content_14 {
  -webkit-transform: translate3d( 0, 0, -13000px );
     -moz-transform: translate3d( 0, 0, -13000px );
      -ms-transform: translate3d( 0, 0, -13000px );
       -o-transform: translate3d( 0, 0, -13000px );
          transform: translate3d( 0, 0, -13000px );
}

.csstransforms3d #content_15 {
  -webkit-transform: translate3d( 0, 0, -14000px );
     -moz-transform: translate3d( 0, 0, -14000px );
      -ms-transform: translate3d( 0, 0, -14000px );
       -o-transform: translate3d( 0, 0, -14000px );
          transform: translate3d( 0, 0, -14000px );
}

.csstransforms3d #content_16 {
  -webkit-transform: translate3d( 0, 0, -15000px );
     -moz-transform: translate3d( 0, 0, -15000px );
      -ms-transform: translate3d( 0, 0, -15000px );
       -o-transform: translate3d( 0, 0, -15000px );
          transform: translate3d( 0, 0, -15000px );
}

.csstransforms3d #content_17 {
  -webkit-transform: translate3d( 0, 0, -16000px );
     -moz-transform: translate3d( 0, 0, -16000px );
      -ms-transform: translate3d( 0, 0, -16000px );
       -o-transform: translate3d( 0, 0, -16000px );
          transform: translate3d( 0, 0, -16000px );
}

.csstransforms3d #content_18 {
  -webkit-transform: translate3d( 0, 0, -17000px );
     -moz-transform: translate3d( 0, 0, -17000px );
      -ms-transform: translate3d( 0, 0, -17000px );
       -o-transform: translate3d( 0, 0, -17000px );
          transform: translate3d( 0, 0, -17000px );
}

.csstransforms3d #content_19 {
  -webkit-transform: translate3d( 0, 0, -18000px );
     -moz-transform: translate3d( 0, 0, -18000px );
      -ms-transform: translate3d( 0, 0, -18000px );
       -o-transform: translate3d( 0, 0, -18000px );
          transform: translate3d( 0, 0, -18000px );
}

.csstransforms3d #content_20 {
  -webkit-transform: translate3d( 0, 0, -19000px );
     -moz-transform: translate3d( 0, 0, -19000px );
      -ms-transform: translate3d( 0, 0, -19000px );
       -o-transform: translate3d( 0, 0, -19000px );
          transform: translate3d( 0, 0, -19000px );
}

.csstransforms3d #content_21 {
  -webkit-transform: translate3d( 0, 0, -20000px );
     -moz-transform: translate3d( 0, 0, -20000px );
      -ms-transform: translate3d( 0, 0, -20000px );
       -o-transform: translate3d( 0, 0, -20000px );
          transform: translate3d( 0, 0, -20000px );
}

.csstransforms3d #content_22 {
  -webkit-transform: translate3d( 0, 0, -21000px );
     -moz-transform: translate3d( 0, 0, -21000px );
      -ms-transform: translate3d( 0, 0, -21000px );
       -o-transform: translate3d( 0, 0, -21000px );
          transform: translate3d( 0, 0, -21000px );
}

.csstransforms3d #content_23 {
  -webkit-transform: translate3d( 0, 0, -22000px );
     -moz-transform: translate3d( 0, 0, -22000px );
      -ms-transform: translate3d( 0, 0, -22000px );
       -o-transform: translate3d( 0, 0, -22000px );
          transform: translate3d( 0, 0, -22000px );
}

.csstransforms3d #content_24 {
  -webkit-transform: translate3d( 0, 0, -23000px );
     -moz-transform: translate3d( 0, 0, -23000px );
      -ms-transform: translate3d( 0, 0, -23000px );
       -o-transform: translate3d( 0, 0, -23000px );
          transform: translate3d( 0, 0, -23000px );
}

.csstransforms3d #content_25 {
  -webkit-transform: translate3d( 0, 0, -24000px );
     -moz-transform: translate3d( 0, 0, -24000px );
      -ms-transform: translate3d( 0, 0, -24000px );
       -o-transform: translate3d( 0, 0, -24000px );
          transform: translate3d( 0, 0, -24000px );
}

.csstransforms3d #content_26 {
  -webkit-transform: translate3d( 0, 0, -25000px );
     -moz-transform: translate3d( 0, 0, -25000px );
      -ms-transform: translate3d( 0, 0, -25000px );
       -o-transform: translate3d( 0, 0, -25000px );
          transform: translate3d( 0, 0, -25000px );
}

.csstransforms3d #content_27 {
  -webkit-transform: translate3d( 0, 0, -26000px );
     -moz-transform: translate3d( 0, 0, -26000px );
      -ms-transform: translate3d( 0, 0, -26000px );
       -o-transform: translate3d( 0, 0, -26000px );
          transform: translate3d( 0, 0, -26000px );
}

.csstransforms3d #content_28 {
  -webkit-transform: translate3d( 0, 0, -27000px );
     -moz-transform: translate3d( 0, 0, -27000px );
      -ms-transform: translate3d( 0, 0, -27000px );
       -o-transform: translate3d( 0, 0, -27000px );
          transform: translate3d( 0, 0, -27000px );
}

.csstransforms3d #content_29 {
  -webkit-transform: translate3d( 0, 0, -28000px );
     -moz-transform: translate3d( 0, 0, -28000px );
      -ms-transform: translate3d( 0, 0, -28000px );
       -o-transform: translate3d( 0, 0, -28000px );
          transform: translate3d( 0, 0, -28000px );
}

.csstransforms3d #content_30 {
  -webkit-transform: translate3d( 0, 0, -29000px );
     -moz-transform: translate3d( 0, 0, -29000px );
      -ms-transform: translate3d( 0, 0, -29000px );
       -o-transform: translate3d( 0, 0, -29000px );
          transform: translate3d( 0, 0, -29000px );
}

.csstransforms3d #content_31 {
  -webkit-transform: translate3d( 0, 0, -30000px );
     -moz-transform: translate3d( 0, 0, -30000px );
      -ms-transform: translate3d( 0, 0, -30000px );
       -o-transform: translate3d( 0, 0, -30000px );
          transform: translate3d( 0, 0, -30000px );
}

.csstransforms3d #content_32 {
  -webkit-transform: translate3d( 0, 0, -31000px );
     -moz-transform: translate3d( 0, 0, -31000px );
      -ms-transform: translate3d( 0, 0, -31000px );
       -o-transform: translate3d( 0, 0, -31000px );
          transform: translate3d( 0, 0, -31000px );
}


/*
.csstransforms3d #limbo {
  -webkit-transform: translate3d( 0, 0, -7000px );
     -moz-transform: translate3d( 0, 0, -7000px );
      -ms-transform: translate3d( 0, 0, -7000px );
       -o-transform: translate3d( 0, 0, -7000px );
          transform: translate3d( 0, 0, -7000px );
}

/***************** Nav  *****************/

/* #nav { */
  /* list-style: none; */
  /* margin: 0; */
  /* position: absolute; */
  /* z-index: 100; */
  /* top: 0; */
  /* bottom: -70px; */
  /* right: 0; */
  /* margin:0 auto; */
  /* text-align: center; */
  /* transform: translateX(73%); */
/* } */

.touch #nav {
  top: -20px;
}

/* #nav li {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  float: left;
  margin-right: 2px;
  text-align: center;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 0.15em;
  line-height: 1.4em;
  justify-content: center;
} */

.touch #nav li { font-size: 24px; }

/* #nav li a {
  display: block;
  background: white;
  color: #333;
  padding: 0.5rem 1rem 0.4rem 1rem;
} */

/* #nav li a:hover {
  background: #333;
  color: #fff;
} */

/* #nav li.current a {
} */

/* #content #nav { display: none; } */

.no-csstransforms #nav {
  position: fixed;
  top: 10px;
}

/***************** content *****************/
.detail_txt {
  width: 300px;
  margin: 0 auto;
  padding: 0 0 2rem 0;
  line-height: 180%;
  text-align:left;
  word-break:normal; 
  overflow-wrap: break-word;
  hyphens: auto;
}
.mv_caption {
  font-size: 22px;
  color: #000080;
  /* color: #414141; */
  text-align: center;
  margin-top: 15px;
  animation: mv_caption_blink 0.6s ease-in-out infinite alternate;
}
@keyframes mv_caption_blink {
	0%   {opacity: 1;}
	100% {opacity: 0;}
}
.img_obj_01 {
  position: absolute;
  right: 0;
  top: 30%;
}
.img_obj_02 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.img_obj_03 {
  position: absolute;
  left: 100px;
  bottom: 0;
}
.img_obj_01mv {
  float: right;
  margin-left: 40px;
  margin-top: -200px;  /* 必要に応じて調整 */
  width: 300px;
}

/***************** content_01 *****************/
#content_01 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_01 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_01 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}
.img_obj_01 {
  position: absolute;
  right: 0;
  top: 30%;
}
.img_obj_02 {
  position: absolute;
  right: 0;
  bottom: 0;
}
.img_obj_03 {
  position: absolute;
  left: 100px;
  bottom: 0;
}

/***************** content_02 *****************/
#content_02 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_02 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_02 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_03  *****************/
#content_03 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_03 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_03 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_04  *****************/
#content_04 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_04 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_04 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}


/***************** content_05  *****************/
#content_05 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_05 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_05 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_06  *****************/
#content_06 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_06 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_06 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_07  *****************/
#content_07 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  /* background: url('../img/object_bg_1.png') center bottom no-repeat; */
  background-size: contain;
}
#content #content_07 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_07 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_08  *****************/
#content_08 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  /* background: url('../img/object_bg_1_blue.png') center bottom no-repeat; */
  background-size: contain;
}
#content #content_08 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_08 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_09  *****************/
#content_09 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  /* background: url('../img/object_bg_end5.png') center bottom no-repeat; */
  background-size: contain;
}
#content #content_09 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_09 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_10  *****************/
#content_10 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_10 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_10 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_11  *****************/
#content_11 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_11 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_11 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_12  *****************/
#content_12 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_12 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_12 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_13  *****************/
#content_13 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_13 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_13 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_14  *****************/
#content_14 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_14 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_14 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_15  *****************/
#content_15 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_15 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_15 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_16  *****************/
#content_16 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_16 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_16 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_17  *****************/
#content_17 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_17 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_17 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_18  *****************/
#content_18 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_18 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_18 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_19  *****************/
#content_19 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_19 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_19 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_20  *****************/
#content_20 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_20 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_20 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_21  *****************/
#content_21 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_21 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_21 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_22  *****************/
#content_22 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  /* background: url('../img/object_bg_1.png') center bottom no-repeat; */
  background-size: contain;
}
#content #content_22 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_22 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_23  *****************/
#content_23 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_23 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_23 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_24  *****************/
#content_24 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_24 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_24 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_25  *****************/
#content_25 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_25 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_25 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_26  *****************/
#content_26 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_26 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_26 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_27  *****************/
#content_27 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_27 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_27 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_28  *****************/
#content_28 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_28 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_28 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_29  *****************/
#content_29 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_29 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_29 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_30  *****************/
#content_30 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_30 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_30 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_31  *****************/
#content_31 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_31 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_31 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** content_32  *****************/
#content_32 {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index:1;
  background: url('../img/object_bg_1.png') center bottom no-repeat;
  background-size: contain;
}
#content #content_32 h1 {
  font-family: "Josefin Sans", 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-size: 100px;
  text-align: left;
  line-height: 160px;
  padding: 2rem 0 2rem 3rem;
  position: relative;
  top: 14rem;
}
#content_32 h2 {
  width: 320px;
  margin: 0 auto;
  font-size: 28px;
  text-align: center;
  padding: 0 0 2rem 0;
}

/***************** INCEPTION *****************/

#limbo {
  text-align: center;
}

#totem {
  display: inline-block;
  margin-top: 300px;
}


/***************** Scroll Proxy  *****************/


.csstransforms.no-touch #scroll-proxy { height: 32000px; }
.csstransforms.no-touch .sign-up #scroll-proxy { height: 0; }

/***************** Sign Up form  *****************/

#sign-up-form h2 {
  font-family: 'MOD', 'Helvetica Neue', Arial, sans-serif;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 124px;
  line-height: 0.9em;
}

.csstransforms #sign-up-form {
  position: absolute;
  width: 970px;
  top: 30px;
  z-index: 100;
  padding: 10px;
  background: #DD0;
  height: 520px;
  overflow: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0.001);
     -moz-transform: scale(0.001);
      -ms-transform: scale(0.001);
       -o-transform: scale(0.001);
          transform: scale(0.001);
  -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
      -ms-transition-duration: 0.5s;
       -o-transition-duration: 0.5s;
          transition-duration: 0.5s;
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

.csstransforms .sign-up #sign-up-form {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: scale(1);
     -moz-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
}

#sign-up-form .close { display: none; }

.csstransforms #sign-up-form .close {
  display: block;
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
}

.csstransforms #sign-up-form .close a {
  font-family: 'Helvetica Neue', Arial, sans-serif;
  line-height: 34px;
  display: block;
  height: 100%;
  background: white;
  color: #B20;
  text-align: center;
  font-size: 40px;
}

.csstransforms #sign-up-form .close a:hover {
  background: #B20;
  color: white;
}

body {
  -webkit-transition: background-color 0.5s;
     -moz-transition: background-color 0.5s;
      -ms-transition: background-color 0.5s;
       -o-transition: background-color 0.5s;
          transition: background-color 0.5s;
}

body.sign-up { background-color: #fff; }

.csstransforms #content,
.csstransforms #nav {
  -webkit-transition: opacity 0.5s;
     -moz-transition: opacity 0.5s;
       -o-transition: opacity 0.5s;
          transition: opacity 0.5s;
}

.csstransforms .sign-up #sign-up-form {
  opacity: 1;
  display: block;
}

.csstransforms .sign-up #content,
.csstransforms .sign-up #nav { 
  opacity: 0.3;
  pointer-events: none;
}




 /*
  * print styles
  * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
  */
 @media print {
   * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
   -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
   a, a:visited { color: #444 !important; text-decoration: underline; }
   a[href]:after { content: " (" attr(href) ")"; }
   abbr[title]:after { content: " (" attr(title) ")"; }
   .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
   pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
   thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
   tr, img { page-break-inside: avoid; }
   @page { margin: 0.5cm; }
   p, h2, h3 { orphans: 3; widows: 3; }
   h2, h3{ page-break-after: avoid; }
 }

.blur{
    transition: all 0.5s;
    filter: blur(10px);
    &.scrollin{
      filter: blur(0);
    }
}
.scroll_up {
  transition: 1s ease-in-out;
  transform: translateY(600px);
  /* opacity: 1.0; */
  opacity: 0.05;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}


.movie{
  width: 300px;
}
.movie video{
  width: 100%;
  border-radius: 10px;
}
.movie .play-btn1, .movie .play-btn2, .movie .play-btn3, .movie .play-btn4, .movie .play-btn5, .movie .play-btn6, .movie .play-btn7 {
  display: block;
  width: 20%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}
.movie .play-btn1.playActive, .movie .play-btn2.playActive, .movie .play-btn3.playActive, .movie .play-btn4.playActive, .movie .play-btn5.playActive, .movie .play-btn6.playActive, .movie .play-btn7.playActive {
  display:none;
}