@charset "utf-8";

html {
  height: 100%;
}
body.award-top .contHeader {
  position: relative;
  z-index: 100;
}
body.award-top svg {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: top;
  line-height: 1;
}
svg:not(:root) {
  overflow: hidden;
}

@media screen and (max-width: 767.98px){
  body.award-top .contHeader {
    z-index: 100;
  }
}

/* --------------------------------
 js-
---------------------------------*/

.award-top .js-kv-animate { opacity: 0; visibility: hidden; }

/* --------------------------------
.top-svg-symbols
---------------------------------*/

.award-top .top-svg-symbols {
  display: none;
}

/* --------------------------------
.top-wrapper
---------------------------------*/

.award-top .top-wrapper {
  position: relative;
  z-index: 1;
}

/* --------------------------------
.top-kv-1
---------------------------------*/

.award-top .top-kv-1 {
  width: 100%;
  height: 100%;
  min-width: 970px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  overflow: hidden;
  box-sizing: border-box;
}
.award-top .top-kv-1 *,
.award-top .top-kv-1 ::before,
.award-top .top-kv-1 ::after {
  box-sizing: inherit;
}
.award-top .top-kv-1__inner {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 275px 0 170px 0;
}
.award-top .top-kv-1__svg {
  width: 100%;
  max-width: 440px;
  height: 100%;
  max-height: 460px;
  min-height: 260px;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  margin: 0 auto;
}
.award-top .top-kv-1__svg svg {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 767.98px){
  .award-top .top-kv-1 {
    min-width: 0;
  }
  .award-top .top-kv-1__inner {
    height: 100vh;
    padding: 130px 20% 200px 20%;
  }
  .award-top .top-kv-1__svg {
    min-height: 180px;
  }
}

/* --------------------------------
.top-kv-2
---------------------------------*/

.award-top .top-kv-2 {
  width: 100%;
  height: 100vh;
  position: relative;
  z-index: 2;
  top: -220px;
  margin-bottom: -220px;
  box-sizing: border-box;
}
.award-top .top-kv-2 *,
.award-top .top-kv-2 ::before,
.award-top .top-kv-2 ::after {
  box-sizing: inherit;
}
.award-top .top-kv-2__inner {
  width: 100%;
  position: absolute;
  bottom: 30px;
  left: 0;
}
.award-top .top-kv-2__svg {
  width: 100%;
  height: 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.award-top .top-kv-2__svg svg {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.award-top .top-kv-2__svg--1 {
  padding-top: 9%;
}
.award-top .top-kv-2__svg--2 {
  padding-top: 14%;
}
.award-top .top-kv-2__heading {
  width: 660px;
  margin: 0 auto 35px;
}
.award-top .top-kv-2__text {
  width: 160px;
  margin: 0 auto;
}

@media screen and (max-width: 767.98px){
  .award-top .top-kv-2 {
    top: -98px;
    margin-bottom: -98px;
  }
  .award-top .top-kv-2__inner {
    bottom: 40px;
    padding: 0 4%;
  }
  .award-top .top-kv-2__heading {
    width: 100%;
    max-width: 400px;
    margin-bottom: 25px;
    padding: 0;
    border-bottom: 0;
    background-color: transparent;
  }
  .award-top .top-kv-2__text {
    width: 28%;
    max-width: 112px;
  }
}

/* --------------------------------
.top-main
---------------------------------*/

.award-top .top-main {
  position: relative;
  z-index: 2;
}