@charset "utf-8";
/*******************************
  共通設定
*******************************/
.sp { display: none; }
.wrap { width: 994px; margin-right: auto; margin-left: auto; padding-left: 10px; padding-right: 10px; }

@media only screen and (max-width:640px) {
  body { font-size: calc(100vw * 20 / 640); line-height: 1.6; }
  img.sp { display: inline-block; }
  img.sp + img { display: none; }
  br.sp { display: inline; }
  .wrap { 
    width: auto !important; padding-left: calc(100vw * 30 / 640);
    padding-right: calc(100vw * 30 / 640);
    max-width: auto !important; min-width: auto !important; 
  }
}
#siteTitle { width: 270px; height: 100px; position: absolute; top: 0; left: 50px; transition: .3s; }

/*******************************
  header 
*******************************/
#header { width: 100%; position: fixed; top: 0; left: 0; z-index: 9999; }

/* header add apply link */
#header .h-entry {
  position: absolute;
  width: 137px;
  height: 100px;
  right: 0;
  background: rgba(0,0,0,0.7);
  text-align: center;
  z-index: 99998;
}
#header .h-entry a {
  position: relative;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  top: 25px;
}
#header .h-entry .fa {
  font-size: 28px;
}

#header .inner { 
  background:rgba(0,0,0,0); 
  width: 100%; min-width: 1000px; 
  height: 100px; 
  position: absolute; 
  top: 0; left: 0; 
  z-index: +1; 
  transition: .5s; 
}
@media only screen and (max-width:640px) {
  #header { left: 0; top: auto; }
}

#siteTitle .title-logo {
  display: block;
  padding: 15px 5px 0;
  transition: .3s;
  width: 220px;
}

#gNav { float: right; padding-right: 150px; transition: .3s; }
#gNav ul { display: flex; font-size: 14px; }
#gNav a { letter-spacing: 0; display: block; padding: 5px .7em 0; border-bottom: 5px solid rgba(255,255,255,0); color: #fff; line-height: 90px; text-decoration: none; font-size: 18px; font-weight: bold; transition: .3s; }
#gNav a:hover { border-bottom-color: #fff; }
#btMenu { display: none; }

#header.small .inner { background:#fff; height: 60px; }
#header.small #siteTitle .text { color:#0295F5; display: block; padding: 4px 12px; border-bottom-width: 4px; line-height: 52px; transition: .3s;}
#header.small #siteTitle { max-width: 180px; height: 40px; top:10px ; left: 30px; background: url(../imgs/logo.svg) 0 0 / contain no-repeat; }
#header.small #siteTitle img { height: 50px; opacity: 0;}
#header.small #gNav { padding-right: 80px; }
#header.small #gNav a { color:#0295F5; font-size:16px; display: block; padding: 4px 12px 0; border-bottom-width: 4px; line-height: 52px; }
#header.small #gNav a:hover { border-bottom-color: #0295F5; }

#header.small .h-entry {
  width: 80px;
  height: 60px;
  background: rgba(0,0,0,0.8);
}
#header.small .h-entry a {
  font-size: 10px;
  top: 8px;
}
#header.small .h-entry .fa {
  font-size: 20px;
}


@media only screen and (max-width:640px) {
  #header .inner, #header.small .inner { min-width: 0; height: calc(100vw * 80 / 640); }
  #header.small #siteTitle .text { font-size: calc(100vw * 47 / 640); padding: 0 12px; }
  #header .inner:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #fff; }
  #siteTitle, #header.small #siteTitle {
    text-align: center;
    width: calc(100vw * 220 / 640); height: calc(100vw * 60 / 640); 
    top: 5px;
    left: 4%; 
    z-index: +1; 
  }
  /* header.small #siteTitle img { opacity: 0; } */
  #header.small .h-entry { display: none; }
  #gNav, #header.small #gNav { 
    width: 100%; padding: 0; position: absolute; top: 100%; left: 0; 
    background: #0295F5; transform: translateY(-100%); transition: .5s; 
    opacity: 0;
  }
  #gNav.active, #header.small #gNav.active { transform: translateY(0); opacity: 1; }
  #gNav ul { 
    display: block; padding: calc(100vw * 50 / 640) calc(100vw * 30 / 640) calc(100vw * 60 / 640);
    font-size: calc(100vw * 30 / 640);
  }
  #gNav li { border-bottom: 1px solid #fff; }
  #gNav li:first-child { border-top: 1px solid #fff; }
  #gNav a, #header.small #gNav a { 
    color: #fff; padding: 0 calc(100vw * 30 / 640);
    border-bottom: none; position: relative; line-height: calc(100vw * 70 / 640);
    font-size: calc(100vw * 23 / 640);
  }
  #gNav a::after { 
    content: "\f054"; position: absolute; top: 50%; right: calc(100vw * 20 / 640);
    font-family: Fontawesome; transform: translateY(-50%); }
  #btMenu { display: block; width: calc(100vw * 80 / 640);
    height: calc(100vw * 80 / 640);
    position: absolute; top: 0; right: 0; z-index: +1; background: url(../imgs/menu-open.svg) 0 0 / contain no-repeat; }
  #btMenu.active { background-image: url(../imgs/menu-close.svg); }
}

/*******************************
  main 
*******************************/
#main { padding: 0 0; transition: padding .3s; }
#main article { overflow: hidden; }
#header.small ~ #main { padding-top: 0; }

@media only screen and (max-width:640px) {
  #main, #header.small ~ #main { box-sizing: border-box; min-height: calc(100vh - 100vw * 80 / 640);
  padding: calc(100vw * 80 / 640) 0 0;
  }
}

.dispSp { display: none; }
@media only screen and (max-width: 640px) {
  .dispSp {
    display: block;
  }
  .btEntry {
    background: #0295F5;
    position: fixed;
    height: calc(100vw * 150 / 640);
    width: calc(100vw * 150 / 640);
    right: 20px;
    bottom: 20px;
    border-radius: 50%;
    text-align: center;
    transition: .4s;
    z-index: 10;
  }
  .btEntry.hide {
    transform: translateY(130%);
  }

  .btEntry a {
    position: relative;
    color: #fff;
    text-decoration: none;
    font-size: calc(100vw * 25 / 640);
    top: calc(100vw * 0.08);
  }
}

/*******************************
  top
*******************************/
#top #mainImage .main-title { 
  color: #fff; 
  font-weight: bold; 
  position: absolute; 
  margin: 200px auto 0 auto;
  text-align: center;
  width: 100%;
}
#top #mainImage { 
  background-image: url(../imgs/top.jpg); 
  background-size: cover;
  background-position: center center;
  position: relative; 
  min-width: 1000px; height: 800px; 
  z-index: 0;
}
.title-date-circle {
  position: absolute;
  top: 150px;
  left: 150px;
  width: 160px;
  height: 160px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0076FF, #9300FF);
  z-index: 10;
}
.title-date-circle .date {
  color: #fff;
  font-size: 38px;
  font-weight: bold;
  position: relative;
  top: 42px;
  left: 42px;
}
.title-date-circle .youbi {
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  position: relative;
  top: 40px;
  left: 52px;
}
.main-title-text {
  background: rgba(0,0,0,0.7);
  border-radius: 30px;
  height: 200px;
  width: 70%;
  margin: auto;
  padding-top: 40px;
}

.main-title-1 {
 font-size: 40px;
 letter-spacing: 2px; 
 text-shadow:1.5px 1.5px 0 #222222, -1.5px -1.5px 0 #222222,
              -1.5px 1.5px 0 #222222, 1.5px -1.5px 0 #222222,
              0px 1.5px 0 #222222,  0 -1.5px 0 #222222,
              -1.5px 0 0 #222222, 1.5px 0 0 #222222;
}
.main-title-2{
  margin-top: 20px;
  font-size: 60px;
  letter-spacing: 10px; 
  text-shadow:1.5px 1.5px 0 #222222, -1.5px -1.5px 0 #222222,
              -1.5px 1.5px 0 #222222, 1.5px -1.5px 0 #222222,
              0px 1.5px 0 #222222,  0 -1.5px 0 #222222,
              -1.5px 0 0 #222222, 1.5px 0 0 #222222;
}

.main-apply-b {
  margin-top: 80px;
}
.btn-apply { 
  border: 4px solid #fff; 
  border-radius: 50px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 5px;
  padding: 20px 90px;
  text-decoration: none;
  color: #fff;
  background: rgba(0,0,0,0.5);
  transition: .3s;
}
.btn-apply:hover {
  color: #222222;
  background: #fff;
  transition: .3s;
}

.main-scroll-b{
  margin-top: 80px;
}
.btn-scroll { 
  border: 2px solid #fff; 
  border-radius: 50px;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 5px;
  padding: 10px 13px 10px 17px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,0.5);
  transition: .3s;
}
.btn-scroll:hover {
  color: #222222;
  background: #fff;
  transition: .3s;
}

@media only screen and (max-width:640px) {
  /* #top #mainImage:before { height: 300px; bottom: 0;}
  #top #mainImage:after { height: 300px; bottom: 0;} */
  #top #mainImage .main-title span.text { display: inline-block; }


  #top #mainImage .main-title { 
    margin: 80px auto 0 auto;
  }
  #top #mainImage { 
    min-width: 0; height: 600px; 
  }

  .title-date-circle {
    position: absolute;
    top: 40px;
    left: 5px;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0076FF, #9300FF);
    z-index: 10;
  }
  .title-date-circle .date {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    position: relative;
    top: 28px;
    left: 30px;
  }
  .title-date-circle .youbi {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    top: 22px;
    left: 36px;
  }
  .main-title-text {
    background: rgba(0,0,0,0.7);
    border-radius: 30px;
    height: 200px;
    width: 90%;
    margin: auto;
    padding-top: 60px;
  }
  
  .main-title-1 {
   font-size: 20px;
   letter-spacing: 2px;
   margin: auto 15px; 
   text-shadow:1.5px 1.5px 0 #222222, -1.5px -1.5px 0 #222222,
                -1.5px 1.5px 0 #222222, 1.5px -1.5px 0 #222222,
                0px 1.5px 0 #222222,  0 -1.5px 0 #222222,
                -1.5px 0 0 #222222, 1.5px 0 0 #222222;
  }
  .main-title-2{
    margin-top: 24px;
    font-size: 22px;
    letter-spacing: 4px; 
    text-shadow:1.5px 1.5px 0 #222222, -1.5px -1.5px 0 #222222,
                -1.5px 1.5px 0 #222222, 1.5px -1.5px 0 #222222,
                0px 1.5px 0 #222222,  0 -1.5px 0 #222222,
                -1.5px 0 0 #222222, 1.5px 0 0 #222222;
  }
  
  .main-apply-b{
    margin-top: 60px;
  }
  .btn-apply { 
    border: 3px solid #fff; 
    border-radius: 50px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 5px;
    padding: 18px 66px;
    text-decoration: none;
    color: #fff;
    background: rgba(0,0,0,0.5);
    transition: .3s;
  }
  .btn-apply:hover {
    color: #222222;
    background: #fff;
    transition: .3s;
  }
  /* 応募終了 */
  .btn-apply.end { padding: 18px 46px;}
  
  .main-scroll-b{
    margin-top: 60px;
  }
  .btn-scroll { 
    border: 2px solid #fff; 
    border-radius: 50px;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 5px;
    padding: 10px 13px 10px 17px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.5);
    transition: .3s;
  }
  .btn-scroll:hover {
    color: #222222;
    background: #fff;
    transition: .3s;
  }

}

.c-t-text {
  font-size: 40px;
  font-weight: bold;
  letter-spacing: .2em;
  text-align: center;
}
.c-t-wave {
  background-image: url('../imgs/wave.svg');
  background-size: cover;
  background-position: center center;
  margin: auto;
  height: 26px;
  width: 180px;

}
.c-t-wave-w {
  background-image: url('../imgs/wave-white.svg');
  background-size: cover;
  background-position: center center;
  margin: auto;
  height: 26px;
  width: 180px;
}
.c-t-l-wave {
  background-image: url('../imgs/long-wave.svg');
  background-size: cover;
  background-position: center center;
  margin: auto;
  height: 26px;
  width: 420px;
}
@media only screen and (max-width:640px) {
  .c-t-text {
    font-size: 28px;
    letter-spacing: .1em;
  }
  .c-t-wave {
    width: 140px;
    height: 22px;
  }
  .c-t-wave-w {
    width: 140px;
    height: 22px;
  }
  .c-t-l-wave {
    width: 300px;
    height: 22px;
    transform: scale(1, -1);
  }
}
/*******************************
  outline
*******************************/
#outline { margin-top: 100px; }
#outline .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#outline .title-description { 
  color: #222222;
  font-size: 32px; 
  font-weight: bold; 
  line-height: 1.5em;
  text-align: center;
  margin: 60px auto auto auto;
}
#outline .description {
  width: 75%;
  margin: 80px auto auto auto;
}
#outline .description .text { 
  color: #222222; 
  font-size: 20px;
  line-height: 1.8em;
}

@media only screen and (max-width:640px) {
  #outline { margin-top: 100px; margin-bottom: 50px; }
  #outline .wrap { padding: 0; min-width: 0;}
  #outline .title-description { 
    font-size: 24px; 
    line-height: 2em;
    margin: 40px auto auto auto;
  }
  #outline .description {
    margin: 40px auto auto auto;  
  }
  #outline .description .text { 
    font-size: 18px;
    line-height: 1.8em;
  }
}

.vs-date { height: 100px; text-align: center; transform: translateY(50px);}
.vs-date img {
  display: inline-block;
  width: 90px;
  height: 90px;
}
.vs-date .text {
  display: inline-block;
  color: #51C3DB;
  font-size: 32px;
  font-weight: bold;
  letter-spacing: .1em;
  transform: translateY(-28px)
}
@media only screen and (max-width:640px) {
  .vs-date { height: 50px; text-align: center; transform: translateY(25px);}
  .vs-date img {
    display: inline-block;
    width: 50px;
    height: 50px;
  }
  .vs-date .text {
    display: inline-block;
    color: #51C3DB;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: .1em;
    transform: translateY(-15px)
  }
}

.vs .vs-image { 
  margin: auto; 
  height: 150px;
  width: 835px; 
  background-image: url('../imgs/vs.png');
  background-size: cover; 
}
@media only screen and (max-width:640px) {
  .vs { 
    margin-bottom: 50px; 
  }
  .vs .vs-image { 
    height: 65px;
    width: 330px; 
    background-size: cover; 
  }
}
/*******************************
  apply
*******************************/
#apply { background: #E8F7FA; padding-top: 130px; padding-bottom: 100px;}

#apply .description {
  background: #fff;
  color: #222222; 
  width: 70%;
  padding: 70px;
  margin: 100px auto auto auto;
}
#apply .description .label { 
  font-size: 32px;
  line-height: 1.8em;
  text-align: left;
  margin-bottom: 3px;
}
#apply .description .text { 
  font-size: 20px;
  line-height: 1.8em;
  text-align: left;
  margin-bottom: 20px;
}

#apply .description .note{ margin-top:60px; }
#apply .description .note .label{ font-size: 16px; }
#apply .description .note .text{ font-size: 14px; }

#apply .btn-space { margin: 100px auto auto auto; text-align: center;}

#apply .btn-apply {
  border: 4px solid #fff; 
  border-radius: 50px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 5px;
  padding: 20px 70px;
  text-decoration: none;
  text-align: center;
  color: #fff;
  background: rgba(0,0,0,1);
  transition: .3s;
}
#apply .btn-apply:hover {
  color: #222222;
  background: #fff;
  transition: .3s;
}

@media only screen and (max-width:640px) {
  #apply { padding-top: 80px; padding-bottom: 60px;}

  #apply .description {
    width: 85%;
    padding: 20px;
    margin: 50px auto auto auto;
  }
  #apply .description .label { 
    font-size: 20px;
    line-height: 1.8em;
    text-align: left;
    margin-bottom: 3px;
  }
  #apply .description .text { 
    font-size: 16px;
    line-height: 1.4em;
    text-align: left;
    margin-bottom: 20px;
  }
  
  #apply .description .note{ margin-top:60px; }
  #apply .description .note .label{ font-size: 16px; }
  #apply .description .note .text{ font-size: 14px; line-height: 1.6em; }

  #apply .btn-space { margin: 50px auto auto auto;}

  #apply .btn-apply {
    border: 3px solid #fff; 
    font-size: 20px;
    font-weight: bold;
    letter-spacing: 5px;
    padding: 16px 60px;
  }
  /* 応募終了 */
  #apply .btn-apply.end { padding: 16px 46px; }
}


/*******************************
  schedule
*******************************/
#schedule { padding-top: 130px; padding-bottom: 100px;}
#schedule .c-t-wave { width: 360px;  }
#schedule .description { 
  width: 75%;
  padding: 20px;
  margin: 50px auto auto auto;
}
#schedule .description .double.time { height: 46px; }
#schedule .description .time { height: 42px; }

#schedule .description .time .double-circle {
  display: inline-block;
  box-shadow: 0 0 0 4px #51C3DB, 0 0 0 10px #fff, 0 0 0 14px #51C3DB;
  width: 22px;
  height: 22px;
  margin: 11px;
  border-radius: 50%;
}

#schedule .description .time .circle {
  display: inline-block;
  margin-left: 2px;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 4px solid #51C3DB; 
  background: #fff;
}

#schedule .description .time .text {
  display: inline-block;
  font-size: 26px;
  letter-spacing: 4px;
  margin-left: 20px;
  transform: translateY(-25%);
}

#schedule .description .d-time-text { 
  height: 170px; 
}

#schedule .description .time-text { 
  height: 170px; 
}

#schedule .description .time-text .vertical-line { 
  border-left: 4px solid #51C3DB; 
  height: 174px; 
  transform: translateX(21px);
  display: inline-block; 
}
#schedule .description .time-text .inner {
  color: #222222;
  vertical-align: top;
  width: 70%;
  margin-top: 10px; 
  margin-left: 28%;
  display: inline-block;
}
#schedule .description .time-text .inner .label {
  font-size: 32px;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
#schedule .description .time-text .inner .text {
  font-size: 20px;
  letter-spacing: 3px;
}

@media only screen and (max-width:640px) {
  #schedule { padding-top: 100px; padding-bottom: 100px;}
  #schedule .description { 
    width: 100%;
    padding: 10px;
    margin: 50px auto auto auto;
  }
  #schedule .description .double.time { height: 50px; }
  #schedule .description .time { height: 42px; }
  
  #schedule .description .time .double-circle {
    box-shadow: 0 0 0 4px #51C3DB, 0 0 0 8px #fff, 0 0 0 12px #51C3DB;
    width: 26px;
    height: 26px;
    margin: 12px;
    border-radius: 50%;
  }
  
  #schedule .description .time .circle {
    display: inline-block;
    margin-left: 6px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    border: 4px solid #51C3DB; 
    background: #fff;
  }
  
  #schedule .description .time .text {
    display: inline-block;
    font-size: 22px;
    margin-left: 20px;
    transform: translateY(-35%);
  }
  #schedule .description .time-text { 
    height: 160px; 
  }
  #schedule .description .time-text .vertical-line { 
    border-left: 4px solid #51C3DB; 
    height: 160px; 
    transform: translateX(24px);
    display: inline-block; 
  }
  #schedule .description .time-text .inner {
    color: #222222;
    vertical-align: top;
    width: 70%;
    margin-left: 22%;
    display: inline-block;
  }
  #schedule .description .time-text .inner .label {
    font-size: 20px;
    letter-spacing: 3px;
    margin-top: 6px;
    margin-bottom: 6px;
  }
  #schedule .description .time-text .inner .text {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 1.4em;
  }
}

.location {
 background-image: url('../imgs/location.jpg');
 background-position: center center;
 background-size:cover;
 width: 100%;
 height: 800px;
}
@media only screen and (max-width:640px) {
  .location {
    height: 300px;
  }
}
/*******************************
  thought
*******************************/
#thought { padding-top: 150px; padding-bottom: 80px; background: #00B4D9; color: #fff; }
#thought .wrap { width: auto; max-width: 1066px; min-width: 1000px; }
#thought .title-description { 
  font-size: 32px; 
  font-weight: bold; 
  line-height: 1.5em;
  text-align: center;
  margin: 80px auto auto auto;
}
#thought .description {
  width: 75%;
  margin: 80px auto auto auto;
}
#thought .description .text { 
  font-size: 20px;
  line-height: 1.8em;
}
#thought .description .text-space { margin: 60px; }
#thought .description .name { text-align: center; }

@media only screen and (max-width:640px) {
  #thought { padding-top: 50px; padding-bottom: 100px;}
  #thought .wrap { padding: 0; min-width: 0;}
  #thought .title-description { 
    font-size: 24px; 
    line-height: 2em;
    margin: 40px auto auto auto;
  }
  #thought .description {
    margin: 40px auto auto auto;  
  }
  #thought .description .text { 
    font-size: 18px;
    line-height: 1.8em;
  }
  #thought span.text { display: inline-block; }
  #thought .description .text-space { margin: 35px; }
}



@media only screen and (max-width:640px) {

} 

/*******************************
  footer
*******************************/
footer { 
  color: #7B7B7B;
  font-size: 14px; height: 22px; 
  padding: 10px 0;
  text-align: center;
}
@media only screen and (max-width:640px) {
  footer { height: 80px; }
}

#copyright { bottom: 0 }
#copyright .f-logo { display: inline-block; }
#copyright .f-logo img { height: 20px; margin-right: 10px; }

#btPageTop { position: fixed; right: 20px; bottom: 20px; transition: .3s; }
  
/*******************************
  add
*******************************/

@media only screen and (max-width: 640px) {
  #main dt br { display: none; }
  .error_msg br { display: none; }
  .error_msg { text-align: left; }
  #main label { line-height: 30px; }
  .error_msg { margin-top: 30px; }
}
.loading { width: 100%; height: 100%; background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; z-index: 99999; }
.loading img { width: 329px; height: 140px; position: absolute; top: 50%; left: 50%; margin-top: -72px; margin-left: -164px; visibility: hidden; }
@media only screen and (max-width:640px) {
  .loading { width: 100%; height: 100%; background: rgba(255,255,255,1.0); position: fixed; top: 0; left: 0; z-index: 99999; }
  .loading img { width: 329px; height: 140px; position: absolute; top: 50%; left: 50%; margin-top: -72px; margin-left: -164px; visibility: hidden; }
@media only screen and (max-width:640px) {
  .loading img { width: 180px; height: 100px; margin-top: -72px; margin-left: -90px; visibility: hidden; }
} 

/* in page link */
.ankr { position: relative; margin-top: -100px; padding-top:100px; }
@media only screen and (max-width:640px) {
  .ankr { padding-top:50px; }
}


p, .l-page, li { letter-spacing: 0 !important; }
h1 .image { width: 350px; margin: 30px auto 0; animation-name: fade-in-bck; animation-duration: 3s; }

@media only screen and (max-width:640px) {
  h1 .image { width: 50%; }
}

@-webkit-keyframes fade-in-bck {
  0% {
    -webkit-transform:translateZ(80px);
    transform:translateZ(80px);
    opacity:0
  }
  100% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

@keyframes fade-in-bck {
  0% {
    -webkit-transform:translateZ(80px);
    transform:translateZ(80px);
    opacity:0
  }
  100% {
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}
 @-webkit-keyframes kenburns-top {
  0% {
    -webkit-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    -webkit-transform-origin:50% 16%;
    transform-origin:50% 16%
  }
  100% {
    -webkit-transform:scale(1.25) translateY(-15px);
    transform:scale(1.25) translateY(-15px);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}
@keyframes kenburns-top {
  0% {
    -webkit-transform:scale(1) translateY(0);
    transform:scale(1) translateY(0);
    -webkit-transform-origin:50% 16%;
    transform-origin:50% 16%
  }
  100% {
    -webkit-transform:scale(1.25) translateY(-15px);
    transform:scale(1.25) translateY(-15px);
    -webkit-transform-origin:top;
    transform-origin:top
  }
}