@charset "utf-8";
/* CSS Document */
.history_sec {
  max-width: 1028px;
  margin: 0 auto;
}
.history_sec h3 {
  text-align: left;
  padding-left: 10px;
}

.history_sec p {
  font-size: 2.4rem;
  text-align: left;
  line-height: 3.6rem;
  padding-left: 16px; 
}
.timeline {
  background-image: url("../img/top/bg_leaf_left.png"), url("../img/top/bg_leaf_reft.png");
  background-position: left top, right bottom;
  background-repeat: no-repeat;
  max-width: 1028px;
  width: calc(100% - 30px);
  margin: 50px auto;
  padding: 0 0 20px 30px;
}
.timeline li {
  /*線の起点とするためのrelativeを設定*/
  position: relative;
  list-style: none;
  padding: 30px 10px 40px 20px;
  text-align: left;
}
.timeline li:last-child{
 padding: 30px 10px 0px 20px;
}
.timeline dt {
  font-size: 3.0rem;
  font-weight: 600;
  margin-bottom: 20px;
}
.timeline dl {
  font-size: 2.0rem;
  text-align: 4.6rem;
  margin: 0 0 40px 3rem;
}
.timeline img {
  height: 220px;
  width: auto;
  border-radius: 20px;
  margin: 20px 0 0 30px;
}
/*絶対配置で線を設定*/
.border-line {
  /*線の位置*/
  position: absolute;
  left: 0.3rem;
  top: 36px;
  width: 3px; /*線の太さ*/
  height: 0; /*はじめの高さは0に*/
  background: #ccc;
}
/*タイムラインの見出し横丸位置と形状*/
.timeline li::after {
  content: '';
  position: absolute;
  top: 36px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #666;
  border-radius: 50%;
}

@media(max-width:960px){
  .history_sec h3,p{
    padding: 0 16px;
  }
  .timeline dd{
   margin-right: 16px;
  }
}
/*.slider▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
/*横幅100%左右余白無し*/
.slider {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  
}
/*slickのJSで書かれるタグ内、スライド左右の余白調整10px➡16px*/
.slider .slick-slide {
  margin: 0 1.6rem;
}
/*liに記載されるclassにposition: relative;はテキスト(h4)を画像上に配置する為*/
.slick-slide {
  position: relative;
}
.slider img {
  width: 100%;
  height: auto;
  object-fit: contain;
  margin-bottom: 40px;
}
/*ドットナビの設定*/
.slider li{
  list-style: none;
}

@media (max-width : 519px) {
  .slider .slick-slide {
    margin: 0 0.8rem;
  }
  .slick-slide h3 {
    bottom: 0.8rem;
  }
}