@charset "UTF-8";

/* =========================================================
  shimin
========================================================= */

/* shiminMainVisual
----------------------------------------------- */
#shiminMainVisual {
  margin-bottom: 15px;
}

#shiminMainVisual .slick-prev,
#shiminMainVisual .slick-next {
  position: absolute;
  top: 40%;
  z-index: 1;
}

#shiminMainVisual .slick-prev {
  left: 10px;
  background-image: url(/_themes/site/images/shimin/ic-slider_prev.svg) !important;
}

#shiminMainVisual .slick-next {
  right: 10px;
  background-image: url(/_themes/site/images/shimin/ic-slider_next.svg) !important;
}

#shiminMainVisual .slick-btn .slick-control button.startBtn {
  background-image: url(/_themes/site/images/shimin/ic-slider_start.svg) !important;
}

#shiminMainVisual .slick-btn .slick-control button.stopBtn {
  border-color: #ef5807;
  background-image: url(/_themes/site/images/shimin/ic-slider_stop.svg) !important;
}

#shiminMainVisual .slick-btn .slick-dots li button {
  background: url(/_themes/site/images/shimin/slick-dots01.svg) center center no-repeat !important;
}

#shiminMainVisual .slick-btn .slick-dots li button:hover,
#shiminMainVisual .slick-btn .slick-dots li.slick-active button {
  background: url(/_themes/site/images/shimin/slick-dots02.svg) center center no-repeat !important;
}

#shiminMainVisual .slick-btn-wrapper {
  margin-top: 5px;
}

@media only screen and (max-width: 534px) {
  #shiminMainVisual .slick-prev {
    left: -10px;
  }

  #shiminMainVisual .slick-next {
    right: -10px;
  }
}

/* shiminMessage
----------------------------------------------- */
#shiminMessage {
  margin-bottom: 30px;
  padding: 35px 0 85px;
  background:
   url(/_themes/site/images/shimin/illustr01.svg) left top no-repeat,
   url(/_themes/site/images/shimin/illustr02.svg) left bottom no-repeat,
   url(/_themes/site/images/shimin/illustr03.svg) right top no-repeat,
   url(/_themes/site/images/shimin/illustr04.svg) right 4% bottom 5% no-repeat;
}

#shiminMessage p {
  font-size: 1.125rem;
  line-height: 2;
  text-align: center;
  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}

#shiminMessage p strong {
  padding-bottom: 7px;
  border-bottom: 4px dotted #ef5807;
  color: #ef5807;
  font-size: 1.75rem;
  line-height: 1.5;
}

@media only screen and (max-width: 534px) {
  #shiminMessage {
    background-size: 25% auto, 38% auto, 35% auto, 25% auto;
  }

  #shiminMessage p {
    font-size: 1rem;
  }

  #shiminMessage p strong {
    font-size: 1.125rem;
  }
}

/* shiminDocs
----------------------------------------------- */
#shiminDocs .pieceHeader h2 {
  margin-bottom: 5px;
  font-size: 2rem;
}

#shiminDocs .pieceHeader h2::before {
  content: "news";
  display: block;
  color: #ef5807;
  font-size: 1.25rem;
  line-height: 1;
}

#shiminDocs li {
  display: flex;
  gap: 0 16px;
  position: relative;
  padding: 17px 0;
  border-bottom: 1px dotted #ccc;
}

#shiminDocs li a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: none;
}

#shiminDocs li .update_date {
  flex-shrink: 0;
}

#shiminDocs .more {
  padding-top: 15px;
  text-align: right;
}

@media only screen and (max-width: 534px) {
  #shiminDocs .pieceHeader h2 {
    font-size: 1.5rem;
  }

  #shiminDocs li {
    flex-direction: column;
  }
}

/* shiminRelationSite
----------------------------------------------- */
#shiminRelationSite {
  margin-top: 40px;
}

#shiminRelationSite ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
}