/****************************************************************************************************** 
 * Slick setting
 ******************************************************************************************************/
.slider {
  overflow: hidden;
  width: 1280px;
  height: 215px;
}
.slider[page="top"] {
  height: 230px;
}
ul.slick-dots {
  display: none !important;
}
.slider_title {
  position: absolute;
  top: 60px;
  left: 0px;
  padding: 12px 48px 12px 48px;
  text-align: left;
  opacity: 0.8;
  font-size: 120%;
  line-height: 28px;
  background-color: #000000;
  color: #ffffff;
  z-index: 10;
}
.slide_panel {
  position: relative;
  width: 1280px;
  /* height: 230px; */
}
.slide_panel img {
  width: 1280px;
  /* height: 230px; */
}
.static_panel {
  position: relative;
  width: 1280px;
  height: 230px;
}
.static_panel img {
  width: 1280px;
  height: 230px;
}
.slide_panel .title_panel,
.static_panel .title_panel, 
.slide_panel .title_panel_2,
.static_panel .title_panel_2 {
  position: absolute;
  background-color: #666666;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: center;
  opacity: 0.8;
  font-size: 160%;
  color: #ffffff;
  top: 0px;
  left: 60px;
  width: 596px;
  height: 160px;
}
.slide_panel .link_panel {
  position: absolute;
  top: 60px;
  right: 100px;
  width: 180px;
  height: 60px;
  padding: 8px 24px 12px 24px;
  background-color: #ffffff;
  text-align: center;
  opacity: 0.8;
  font-size: 100%;
  line-height: 28px;
  color: var(--common-font-color);
}
.slide_panel .link_panel a {
  display: inline-block;
  border: none;
  width: 160px;
  height: 28px;
  margin-top: 4px;
  padding-bottom: 2px;
  background-color: #000000;
  color: #ffffff;
  cursor: pointer;  
}
.slide_panel .link_panel a:hover {
  text-decoration: none;
}
button.slick-prev,
button.slick-next {
  display: none;
}
.slide_text,
.static_text {
  position: absolute;
  bottom: 0px;
  left: 60px;
  padding: 4px 12px 8px 12px;
  text-align: left;
  opacity: 0.5;
  font-size: 11px;
  line-height: 16px;
  background-color: #000000;
  color: #ffffff;
  z-index: 11;
}
@media screen and (max-width: 767px) {
  .slider {
    width: 100%;
    height: calc((100vw / 6));
  }
  .slider[page="top"] {
    height: calc((100vw / 6));
  }
  .slider_title {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 8px 12px 8px 12px;
    opacity: 1;
    font-size: 90%;
    line-height: 1.4em;
  }
  .slide_panel {
    width: 100%;
    height: calc((100vw / 3) + 52px);
  }
  .static_panel {
    width: 100%;
    height: calc((100vw / 4));
  }
  .slide_panel img,
  .static_panel img {
    width: 100%;
    height: auto;
  }
  .slide_panel .title_panel,
  .static_panel .title_panel,
  .slide_panel .title_panel_2,
  .static_panel .title_panel_2 {
    display: none !important;
  }
  button.slick-prev,
  button.slick-next {
    display: none !important;
  }
  .slide_panel .title_panel {
    font-size: 120%;
  }
  .static_panel .title_panel {
    display: none;
  }
  .slide_panel .link_panel {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 8px 0px 12px 0px;

  }
  .slide_text {
    bottom: 92px;
    left: 0px;
    padding: 4px 12px 4px 12px;
    font-size: 8px;
  }
  .static_text {
    bottom: 0px;
    left: 0px;
    padding: 4px 12px 4px 12px;
    font-size: 8px;
  }
}