/*----------------------------------------
** ミッシング・リンク
** missing-link about
----------------------------------------*/
html,
body {
  background: #000;
}

#wrapper {
  width: 100%;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  min-width: 1200px;
  margin: 0 auto;
  background: #000;
  padding-top: 96px;
  position: relative;
}
section {
  width: 100%;
  position: relative;
  z-index: 10;
}
._inner {
  max-width: 1000px;
  width: 90%;
  margin: 0 auto;
  position: relative;
}
.-h-ttl img {
  height: 50px;
  max-width: auto;
}
@media screen and (max-width: 768px) {
  #wrapper {
    min-width: 100%;
    padding-top: 0;
  }
  .-h-ttl img {
    height: 30px;
    max-width: auto;
  }
}

/*-----------------------------------------
** catch
-----------------------------------------*/
._catch-bg {
  width: 100%;
  height: 100%;
  /* background: url(../img/about/about-bg-blank.jpg) center center no-repeat;
  background-size: cover; */
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}
._catch-bg::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/about/dots.gif) 0 0;
  background-size: 12px 12px;
}
._catch {
  height: 80vh;
  /* padding: 15% 0; */
}
._catch-lead {
  width: 537px;
  position: absolute;
  right: 50%;
  bottom: 60%;
  transform: translate(50%, 50%);
  -webkit-transform: translate(50%, 50%);
  -moz-transform: translate(50%, 50%);
  -ms-transform: translate(50%, 50%);
  -o-transform: translate(50%, 50%);
}

.v-wrap {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.v-wrap video {
  /* width: 100.5%;
  height: auto; */
  /*vertical-align: bottom;*/
  /*z-index: -100;*/
  position: absolute;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  bottom: 50%;
  right: 50%;
  transform: translateX(50%) translateY(50%);
  -webkit-transform: translateX(50%) translateY(50%);
  -moz-transform: translateX(50%) translateY(50%);
  -ms-transform: translateX(50%) translateY(50%);
  -o-transform: translateX(50%) translateY(50%);
}
.v-wrap video._sp {
  display: none;
}
.v-wrap video._pc {
  display: block;
}
@media screen and (max-width: 768px) {
  ._catch {
    height: 90vh;
  }
  ._catch-lead {
    width: 80%;
    bottom: 55%;
  }
  ._sp {
    display: block;
  }
  ._pc {
    display: none;
  }
}

/*-----------------------------------------
** introduction
-----------------------------------------*/
._intro {
  background: url(../img/about/intro-bg.jpg) center center no-repeat;
  background-size: cover;
  padding: 100px 0;
  position: relative;
}
@media screen and (max-width: 768px) {
}

._intro-frame {
  width: 940px;
  position: relative;
  margin: -250px auto 50px;
  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
}
._intro-frame-top,
._intro-frame-bottom {
  margin: 0;
  padding: 0;
}
._intro-frame-top img {
  vertical-align: bottom;
  height: 29px;
  max-width: auto;
}
._intro-frame-bottom img {
  vertical-align: top;
  height: 29px;
  max-width: auto;
}
._intro-frame-LR {
  background-color: #ede9e0;
  display: flex;
  flex-shrink: 0;
}
._intro-L,
._intro-R {
  width: 28px;
}
._intro-L img,
._intro-R img {
  width: 28px;
  height: 100%;
}
._intro-C {
  width: calc(100% - 56px);
  padding: 80px 50px 80px;
}
._intro-ttl {
  margin: 0 auto 80px;
  padding: 0;
}
._intro-about {
  width: 450px;
  margin: 0 auto;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
}
._intro-slide {
  line-height: 2;
}
.-slide-sp {
  display: none;
}
.-slide-pc {
  display: block;
}

@media screen and (max-width: 768px) {
  ._intro-ttl {
    margin: 0 auto 25px;
  }
  ._intro-about {
    width: 100%;
  }
  ._intro-frame {
    width: 100%;
    position: relative;
    margin: -200px auto 50px;
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
    -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  }
  ._intro-frame-top img {
    vertical-align: bottom;
    width: 100%;
    height: 11px;
  }
  ._intro-frame-bottom img {
    vertical-align: top;
    width: 100%;
    height: 11px;
  }
  ._intro-L,
  ._intro-R {
    width: 9px;
  }
  ._intro-L img,
  ._intro-R img {
    width: 9px;
    height: 100%;
  }
  ._intro-C {
    width: calc(100% - 18px);
    padding: 25px 25px;
  }

  .-slide-sp {
    display: block;
  }
  .-slide-pc {
    display: none;
  }
}

/*-----------------------------------------
** story
-----------------------------------------*/
._story {
  padding: 150px 0 250px;
}
/* ._story ._inner {
  max-width: 90%;
  width: 90%;
} */
@media screen and (max-width: 768px) {
  ._story {
    padding: 70px 0 120px;
  }
}
._story-ttl {
  margin: 0 0 80px;
  padding: 0;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
}
._story-lead {
  width: 545px;
  margin: 0 auto 80px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
}
.-h-ttl-story {
  margin: 0 0 40px;
}
/* .-h-ttl-story img {
  height: 21px;
  max-width: auto;
} */
@media screen and (max-width: 768px) {
  ._story-ttl {
    margin: 0 0 40px;
    padding: 0;
  }
  ._story-lead {
    width: 100%;
    margin: 0 auto 40px;
  }
}

._story-frame-1 {
  width: 790px;
  position: relative;
  margin: 0 auto 50px 0;
  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
}
._story-frame-1-top,
._story-frame-1-bottom {
  margin: 0;
  padding: 0;
}
._story-frame-1-top img {
  vertical-align: bottom;
}
._story-frame-1-bottom img {
  vertical-align: top;
}
._story-frame-1-LR {
  /* background-image: url(../img/about/frame-story-1-r.jpg),
    url(../img/about/frame-story-1-l.jpg);
  background-position: right top, left top;
  background-repeat: repeat-y, repeat-y;
  background-size: 20.31px auto, 20.31px auto;
  background-color: #edddd5;
  padding: 80px; */
  background-color: #edddd5;
  display: flex;
  flex-shrink: 0;
}
._story-1-L,
._story-1-R {
  width: 20px;
}
._story-1-L img,
._story-1-R img {
  width: 20px;
  height: 100%;
}
._story-1-C {
  width: calc(100% - 40px);
  padding: 80px 50px 0;
}

._story-slide-1 {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  ._story-frame-1 {
    width: 100%;
    position: relative;
    margin: 0 auto 120px 0;
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
    -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  }
  ._story-frame-1-top img {
    vertical-align: bottom;
    height: 11px;
    width: 100%;
  }
  ._story-frame-1-bottom img {
    vertical-align: top;
    height: 11px;
    width: 100%;
  }
  /* ._story-frame-1-LR {
    background-image: url(../img/about/frame-story-1-r.jpg),
      url(../img/about/frame-story-1-l.jpg);
    background-position: right top, left top;
    background-repeat: repeat-y, repeat-y;
    background-size: 9px auto, 9px auto;
    background-color: #edddd5;
    padding: 25px 25px 40px;
  } */
  ._story-1-L,
  ._story-1-R {
    width: 9px;
  }
  ._story-1-L img,
  ._story-1-R img {
    width: 9px;
    height: 100%;
  }
  ._story-1-C {
    width: calc(100% - 18px);
    padding: 25px;
  }
}

._story-frame-2 {
  width: 790px;
  position: relative;
  margin: 0 0 200px auto;
  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
}
._story-frame-2-top,
._story-frame-2-bottom {
  margin: 0;
  padding: 0;
}
._story-frame-2-top img {
  vertical-align: bottom;
}
._story-frame-2-bottom img {
  vertical-align: top;
}
._story-frame-2-LR {
  /* background-image: url(../img/about/frame-story-2-r.jpg),
    url(../img/about/frame-story-2-l.jpg);
  background-position: right top, left top;
  background-repeat: repeat-y, repeat-y;
  background-size: 17px auto, 17px auto;
  background-color: #6dd6b2;
  padding: 80px; */
  background-color: #6dd6b2;
  display: flex;
  flex-shrink: 0;
}
._story-2-L,
._story-2-R {
  width: 18px;
}
._story-2-L img,
._story-2-R img {
  width: 18px;
  height: 100%;
}
._story-2-C {
  width: calc(100% - 36px);
  padding: 80px 50px 0;
}

._story-slide-2 {
  line-height: 2;
}

@media screen and (max-width: 768px) {
  ._story-frame-2 {
    width: 100%;
    position: relative;
    margin: 0 0 20px auto;
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
    -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  }
  ._story-frame-2-top img {
    vertical-align: bottom;
    height: 11px;
    width: 100%;
  }
  ._story-frame-2-bottom img {
    vertical-align: top;
    height: 11px;
    width: 100%;
  }
  /* ._story-frame-2-LR {
    background-image: url(../img/about/frame-story-2-r.jpg),
      url(../img/about/frame-story-2-l.jpg);
    background-position: right top, left top;
    background-repeat: repeat-y, repeat-y;
    background-size: 9px auto, 9px auto;
    background-color: #6dd6b2;
    padding: 25px 25px 40px;
  } */
  ._story-2-L,
  ._story-2-R {
    width: 9px;
  }
  ._story-2-L img,
  ._story-2-R img {
    width: 9px;
    height: 100%;
  }
  ._story-2-C {
    width: calc(100% - 18px);
    padding: 25px;
  }
}

._story-frame-3 {
  width: 790px;
  position: relative;
  margin: 0 auto 0 0;
  filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
}
._story-frame-3-top,
._story-frame-3-bottom {
  margin: 0;
  padding: 0;
}
._story-frame-3-top img {
  vertical-align: bottom;
}
._story-frame-3-bottom img {
  vertical-align: top;
}
._story-frame-3-LR {
  /* background-image: url(../img/about/frame-story-3-r.jpg),
    url(../img/about/frame-story-3-l.jpg);
  background-position: right top, left top;
  background-repeat: repeat-y, repeat-y;
  background-size: 19.17px auto, 19.17px auto;
  background-color: #dde87b;
  padding: 80px; */
  background-color: #dde87b;
  display: flex;
  flex-shrink: 0;
}
._story-3-L,
._story-3-R {
  width: 19px;
}
._story-3-L img,
._story-3-R img {
  width: 19px;
  height: 100%;
}
._story-3-C {
  width: calc(100% - 38px);
  padding: 80px 50px 0;
}

._story-slide-3 {
  line-height: 2;
}
@media screen and (max-width: 768px) {
  ._story-frame-3 {
    width: 100%;
    position: relative;
    margin: 0 auto 0 0;
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
    -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  }
  ._story-frame-3-top img {
    vertical-align: bottom;
    height: 11px;
    width: 100%;
  }
  ._story-frame-3-bottom img {
    vertical-align: top;
    height: 11px;
    width: 100%;
  }
  /* ._story-frame-3-LR {
    background-image: url(../img/about/frame-story-3-r.jpg),
      url(../img/about/frame-story-3-l.jpg);
    background-position: right top, left top;
    background-repeat: repeat-y, repeat-y;
    background-size: 9px auto, 9px auto;
    background-color: #dde87b;
    padding: 25px 25px 40px;
  } */
  ._story-3-L,
  ._story-3-R {
    width: 9px;
  }
  ._story-3-L img,
  ._story-3-R img {
    width: 9px;
    height: 100%;
  }
  ._story-3-C {
    width: calc(100% - 18px);
    padding: 25px;
  }
}
._story-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  /* z-index: -1; */
}
._story-bg div[class^="-bg-num-"] {
  width: 100%;
  height: 100vh;
}
.-bg-num-1 {
  background: url(../img/about/story-bg-1.jpg) center center no-repeat;
  background-size: cover;
}
.-bg-num-2 {
  background: url(../img/about/story-bg-2.jpg) center center no-repeat;
  background-size: cover;
}
.-bg-num-3 {
  background: url(../img/about/story-bg-3.jpg) center center no-repeat;
  background-size: cover;
}
.-bg-num-4 {
  background: url(../img/about/story-bg-4.jpg) center center no-repeat;
  background-size: cover;
}

.-pic-1 {
  width: 300px;
  position: absolute;
  left: -100px;
  bottom: -250px;
}
.-pic-2 {
  width: 420px;
  position: absolute;
  left: -250px;
  bottom: -170px;
}
.-pic-3 {
  width: 220px;
  position: absolute;
  right: -250px;
  top: -50px;
}
.-pic-4 {
  width: 420px;
  position: absolute;
  right: -250px;
  bottom: -145px;
}
.-pic-5 {
  width: 180px;
  position: absolute;
  left: -50px;
  bottom: -250px;
}
.-pic-6 {
  position: absolute;
  width: 180px;
  right: -280px;
  bottom: 0px;
  z-index: 100;
}
.-pic-7 {
  position: absolute;
  width: 130px;
  right: -150px;
  top: 0;
  z-index: 100;
}
.-pic-1-sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .-pic-1 {
    display: none;
  }
  .-pic-2 {
    width: 100%;
    position: inherit;
    left: inherit;
    bottom: inherit;
    margin: 0 auto;
  }
  .-pic-3 {
    display: none;
  }
  .-pic-4 {
    width: 100%;
    position: inherit;
    right: inherit;
    bottom: inherit;
    margin: 0 auto;
  }
  .-pic-5 {
    display: none;
  }
  .-pic-6 {
    position: absolute;
    width: 35%;
    right: 30px;
    bottom: -130px;
    z-index: 100;
  }
  .-pic-7 {
    position: absolute;
    width: 30%;
    left: 20px;
    top: inherit;
    bottom: -80px;
    z-index: 100;
  }
  .-pic-1-sp {
    display: block;
    width: 60%;
    position: absolute;
    right: 20%;
    top: -115px;
    z-index: 100;
    filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
    -webkit-filter: drop-shadow(4px 4px 6px rgba(0, 0, 0, 0.7));
  }
}

/*-----------------------------------------
** character / cast
-----------------------------------------*/
._chara {
  background: #123b29 url(../img/about/chara-bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding: 100px 0;
}
._chara-ttl {
  margin: 0 0 80px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
}
@media screen and (max-width: 768px) {
  ._chara {
    padding: 70px 0;
  }
  ._chara-ttl {
    margin: 0 0 70px;
  }
}
._chara-wrap {
  width: 860px;
  margin: 0 auto;
}
._chara-list {
  margin: 0 -20px;
  display: flex;
  flex-wrap: wrap;
}
._chara-item {
  width: calc(100% / 3);
  padding: 0 20px;
  margin-bottom: 40px;
  text-align: center;
  color: #fff;
}
._chara-item a {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  ._chara-wrap {
    width: 100%;
  }
  ._chara-list {
    margin: 0 -7px;
  }
  ._chara-item {
    width: 100%;
    padding: 0 7px;
    margin-bottom: 35px;
  }
}
._chara-thumb {
  border: 1px solid #fff;
  margin-bottom: 10px;
  overflow: hidden;
}
._chara-name {
  font-size: 1.26rem;
  font-weight: 700;
  margin-bottom: 7px;
}
._chara-cast {
  font-size: 0.8rem;
  font-weight: 700;
}
a ._chara-thumb img {
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
a:hover ._chara-thumb img {
  transform: scale(1.1) rotate(5deg);
  -webkit-transform: scale(1.25) rotate(5deg);
  -moz-transform: scale(1.1) rotate(5deg);
  -ms-transform: scale(1.1) rotate(5deg);
  -o-transform: scale(1.1) rotate(5deg);
  filter: sepia(100%);
  -webkit-filter: sepia(100%);
}
@media screen and (max-width: 768px) {
  ._chara-thumb {
    width: 50%;
    margin: 0 auto 10px;
    /* border: 1px solid #fff;
  margin-bottom: 10px;
  overflow: hidden; */
  }
  ._chara-name {
    font-size: 1.13rem;
    margin-bottom: 7px;
  }
  ._chara-cast {
    font-size: 0.8rem;
    font-weight: 700;
  }
}

/*-----------------------------------------
** staff
-----------------------------------------*/
._staff {
  background: url(../img/about/staff-bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding: 100px 0;
}
._staff-ttl {
  margin: 0 0 80px;
  filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.7));
}
@media screen and (max-width: 768px) {
  ._staff {
    background: url(../img/about/staff-bg.jpg) left bottom no-repeat;
    background-size: cover;
    padding: 70px 0;
  }
  ._staff-ttl {
    margin: 0 0 40px;
  }
}
._staff-list {
  display: flex;
  flex-wrap: wrap;
}
._staff-item {
  width: calc(100% / 3);
  padding: 0 15px;
  margin-bottom: 45px;
}
._staff-item:first-of-type {
  width: calc(100% / 3);
  margin-right: calc((100% - (100% / 3)) / 2);
  margin-left: calc((100% - (100% / 3)) / 2);
  padding: 0 15px;
  margin-bottom: 45px;
}
@media screen and (max-width: 768px) {
  ._staff-item {
    width: 80%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
  }
  ._staff-item:first-of-type {
    width: 80%;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 25px;
  }
}

._staff-item a {
  position: relative;
  display: block;
}
._staff-item a[class^="-staff-"]::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
}
._staff-item a[class^="-staff-"]:hover::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
}
._staff-item a.-staff-1::after {
  background: url(../img/about/staff-bt-1_ov.svg) center center no-repeat;
  background-size: 100% 100%;
}
._staff-item a.-staff-2::after {
  background: url(../img/about/staff-bt-2_ov.svg) center center no-repeat;
  background-size: 100% 100%;
}
._staff-item a.-staff-3::after {
  background: url(../img/about/staff-bt-3_ov.svg) center center no-repeat;
  background-size: 100% 100%;
}
._staff-item a.-staff-4::after {
  background: url(../img/about/staff-bt-4_ov.svg) center center no-repeat;
  background-size: 100% 100%;
}
._staff-item a.-staff-5::after {
  background: url(../img/about/staff-bt-5_ov.svg) center center no-repeat;
  background-size: 100% 100%;
}
._staff-item a.-staff-6::after {
  background: url(../img/about/staff-bt-6_ov.svg) center center no-repeat;
  background-size: 100% 100%;
}
._staff-item a.-staff-7::after {
  background: url(../img/about/staff-bt-7_ov.svg) center center no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 768px) {
}

/*-----------------------------------------
** outroduction
-----------------------------------------*/
._outro {
  background: url(../img/about/outro-bg.jpg) center bottom no-repeat;
  background-size: cover;
  padding: 100px 0;
}
@media screen and (max-width: 768px) {
  ._outro {
    background: url(../img/about/outro-bg.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 50px 0;
  }
}

._outro-logo {
  width: 430px;
  margin: 0 auto 50px;
}
._outro-roadshow {
  width: 660px;
  margin: 0 auto 50px;
}
._outro-billing {
  width: 650px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  ._outro-logo {
    width: 60%;
    margin: 0 auto 30px;
  }
  ._outro-roadshow {
    width: 90%;
    margin: 0 auto 30px;
  }
  ._outro-billing {
    width: 90%;
    margin: 0 auto;
  }
}

/*----------------------------------------
** slick Arrows
----------------------------------------*/
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 37px;
  height: 26px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  color: transparent;
  outline: none;
  /*background: transparent;*/
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 0;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

._intro-slide .slick-prev,
._intro-slide .slick-prev:hover {
  left: calc((100% - 350px) / 2);
  top: inherit;
  bottom: -60px;
  z-index: 11;
  background: url(../img/about/slick-bt-prev.png) center center no-repeat;
  background-size: contain;
}
._intro-slide .slick-prev:before {
  content: "";
  background: url(../img/about/slick-bt-prev.png) center center no-repeat;
  background-size: contain;
}
._intro-slide .slick-next,
._intro-slide .slick-next:hover {
  right: calc((100% - 350px) / 2);
  top: inherit;
  bottom: -60px;
  z-index: 11;
  background: url(../img/about/slick-bt-next.png) center center no-repeat;
  background-size: contain;
}
._intro-slide .slick-next:before {
  content: "";
  background: url(../img/about/slick-bt-next.png) center center no-repeat;
  background-size: contain;
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -50px;
  /* bottom: 0; */
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 30px;
  height: 30px;
  padding: 5px;

  cursor: pointer;

  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 16px;
  line-height: 30px;

  position: absolute;
  top: 0;
  left: 0;

  width: 30px;
  height: 30px;

  content: "•";
  text-align: center;

  opacity: 0.25;
  color: #534741;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #534741;
}