@charset "UTF-8";

/******************************************************************************
*
* 概要
*
******************************************************************************/

#overview {
  padding: 30px 0 60px;
  background: #000;
}

#overview section.under {
  margin-top: 0px;
}

#overview section.under h2 {
  text-align: center;
  font-size: 24px;
  color: #fff;
  font-weight: 900;
}

/*---------------------
* レスポンシブ対応
---------------------*/

@media only screen and (max-width: 450px) {
  #overview section.under h2 {
    font-size: 20px;
  }
}

/******************************************************************************
*
* 追従
*
******************************************************************************/
/*
#fb_sp {
    display: none;
}

@media only screen and (max-width: 450px) {
    #fb {
        display: none;
    }

    #fb_sp {
        display: block;
        position: fixed;
        bottom: 5px;
        right: 5px;
        width: 90px;
        filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.5));
        transform: translateZ(0);
        z-index: 9999;
    }

    footer {
        padding-bottom: 30px;
    }

}*/

/******************************************************************************
*
* 声
*
******************************************************************************/

/*---------------------
* メイン
---------------------*/

#voice {
  background: #002126;
}

#voice h2.lead {
  width: 90%;
  margin: 0 auto 80px;
}

#voice .list dl {
  margin-bottom: 100px;
}

#voice .list dl:last-child {
  margin-bottom: 0;
}

#voice .list dl dd {
  color: #fff;
  width: 90%;
  margin: 30px auto 0;
}

/*---------------------
* サブ
---------------------*/

#other_voice {
  margin-bottom: 80px;
  padding-top: 30px;
}

#other_voice h2 {
  text-align: center;
  font-size: 22px;
  font-weight: 900;
  margin-bottom: 35px;
}

#other_voice .ov_list dl {
  border: solid 1px #ccc;
  margin: 0 10px;
}

#other_voice .ov_list dl dd {
  padding: 30px 20px;
}

/*スライダー調整*/

.slick-track {
  display: flex;
}

.slick-slide {
  height: auto !important;
}

.slick-dots li,
.slick-dots li button,
.slick-dots li button:before {
  padding: 0;
  margin: 0;
  width: 15px;
  height: 15px;
}

.slick-dots li button:before {
  font-size: 9px;
  line-height: 15px;
}

.slick-dots li.slick-active button:before {
  color: #c41126;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

.slick-dots {
  bottom: -30px;
}

/*---------------------
* レスポンシブ対応
---------------------*/

@media only screen and (max-width: 450px) {
  #other_voice h2 {
    font-size: 18px;
  }

  #voice .list dl {
    margin-bottom: 80px;
  }

  #other_voice {
    margin-bottom: 40px;
  }

  #other_voice .ov_list dl {
    margin: 0 5px;
  }
}