@charset "utf-8";

/* =============================================================

　 Parts Setting

============================================================= */


/*  Container Setting
--------------------------------------------- */

#container {
}

/*  Content Settings
--------------------------------------------- */

#content {
}

/*  Content Top
----------------------------------- */

/*  Main Visual
-------------------------- */

#mainvisual {
  display: block;
  overflow: hidden;
  width: 100%;
  min-width: 1100px;
  height: auto;
  padding-bottom: 20px;
}

#mainvisual .inner {
  position: relative;
  width: 100%;
  text-align: center;
}

/* ---- Slider ---- */

#mainvisual .slider {
  display: block;
  animation: opa1 2.5s ease .7s 1 forwards;
  opacity: 0;
  margin: 0;
  padding-bottom: 40px;
}

@keyframes opa1 {
  100% {
    opacity: 1;
  }
}

#mainvisual .slider > li {
  display: none;
}

#mainvisual .slider > li:first-child {
  display: block;
}

#mainvisual .slider img {
  width: 100%;
}

#mainvisual .slider.slick-slider {

}

#mainvisual .slider.slick-slider > li {
  display: block;
}

/* ---- Dots ---- */

#mainvisual .slick-dots {
  animation: opa1 2s ease .1s 1 forwards;
  opacity: 0;
  bottom: 0;
  padding-top: 13px;
}

#mainvisual .slick-dots li {
  margin: 0;
}

#mainvisual .slick-dots li button:before {
  transition: opacity .4s ease-in-out,background .4s ease-in-out;
  opacity: 1;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background: #ccc;
  content: "";
}

#mainvisual .slick-dots li.slick-active button:before {
  background: #16a6b6;
}

#mainvisual .slick-dots li button:hover:before,
#mainvisual .slick-dots li button:focus:before {
  opacity: .6;
}


/*  Content Main
----------------------------------- */

#content-main {
}

#content-main .section:nth-child(even) {
  background-color: #fafafa;
}

#content-main .section:nth-child(even) .inner {
  padding-top: 50px;
  padding-bottom: 50px;
}

/*  News
-------------------------- */

.news-section {
}

.news-section .inner {
  position: relative;
}

.news-section .ttl,
.news-section .news-list {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.news-section .ttl {
  width: 18%;
  padding-top: 0;
}

.news-section .news-list {
  width: 80%;
}

/*  Topics
-------------------------- */

.topics-section {
}