@charset "UTF-8";
/* ============================================================
// info
============================================================ */
/* ------------------------------------------------------------
// Fluid Design Function
// 最小値〜最大値の間で数値を可変させる共通関数
------------------------------------------------------------ */
/* ------------------------------------------------------------
// design parts
------------------------------------------------------------ */
.page-header {
  background: url(../images/info/bg-info-ttl.png) no-repeat center center/cover;
}

.info-category-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px clamp(20px, 0.5286343612vw + 18.0176211454px, 26px);
}
.info-category-list li a {
  display: inline-block;
  font-size: clamp(15px, 0.4037685061vw + 11.9030955585px, 18px);
  padding: 0 4px;
  color: #270f00;
  -webkit-text-decoration: underline wavy transparent;
          text-decoration: underline wavy transparent;
  text-underline-offset: 6px;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.info-category-list li a.current, .info-category-list li a:hover {
  text-decoration-color: #ffa76f;
  transform: translateY(-4px);
}
@media (max-width: 767px) {
  .info-category-list {
    justify-content: flex-start;
  }
}

.category-ttl-box {
  width: 100;
  max-width: 840px;
  margin-block: 60px clamp(60px, 2.6431718062vw + 50.0881057269px, 90px);
  margin-inline: auto;
  padding: clamp(30px, 0.8810572687vw + 26.6960352423px, 40px) clamp(20px, 1.7621145374vw + 13.3920704846px, 40px);
  background: #fffaf7;
  border: 2px solid #dddddd;
  border-radius: 16px;
}
.category-ttl-box .category-ttl {
  margin-bottom: 24px;
  padding-block: 12px;
  padding-inline: clamp(6px, 0.8810572687vw + 2.6960352423px, 16px);
  border-top: 1px solid #403630;
  border-bottom: 1px dashed #403630;
}
.category-ttl-box .category-txt {
  padding-inline: clamp(6px, 0.8810572687vw + 2.6960352423px, 16px);
  padding-bottom: 24px;
  border-bottom: 1px solid #403630;
}

.info-list {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100;
  max-width: 840px;
  margin-inline: auto;
}
.info-list li {
  padding-bottom: 40px;
  border-bottom: 2px solid #ffa76f;
}
.info-list li .info-list-date {
  display: flex;
  gap: 10px;
  font-size: 15px;
  color: #666666;
}
.info-list li .info-list-date span {
  color: #e63946;
}
.info-list li .info-list-ttl a {
  display: flex;
  align-items: center;
  font-size: clamp(18px, 0.1762114537vw + 17.3392070485px, 20px);
  margin-top: 16px;
  padding: 2px 0 4px 10px;
  border-left: 6px solid #403630;
  border-bottom: 1px dashed #ffffff;
  transition: 0.3s;
}
.info-list li .info-list-ttl a:hover {
  color: #000000;
  border-bottom: 1px dashed #403630;
}
.info-list li .info-list-txt {
  margin-top: 16px;
}
.info-list li .link-btn {
  margin-top: 16px;
  margin-left: auto;
}

.information-entry-box {
  width: 100;
  max-width: 840px;
  margin-inline: auto;
}
.information-entry-box .entry-ttl {
  margin-bottom: 40px;
  padding-bottom: 20px;
  border-bottom: 1px solid #ffffff;
}
.information-entry-box .entry-ttl .date {
  font-size: clamp(15px, 0.2643171806vw + 14.0088105727px, 18px);
  color: #999999;
  margin-bottom: 2px;
}
.information-entry-box .entry-ttl .txt {
  font-size: clamp(18px, 0.5286343612vw + 16.0176211454px, 24px);
  line-height: 1.4;
}
.information-entry-box .box {
  padding-inline: clamp(10pxpx, 2.6431718062pxvw + 0.0881057269pxpx, 40pxpx);
}
.information-entry-box .box .entry-txt-box {
  margin: 40px 0;
  padding: 40px;
  background: #fafafa;
  border-radius: 8px;
}
.information-entry-box .box .pdf-link-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 40px 0;
}
.information-entry-box .box .pdf-link-list li a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #ffffff;
  line-height: 1.3;
  padding: 10px 15px;
  background: #ffa76f;
  border-radius: 8px;
  transition: 0.3s;
}
.information-entry-box .box .pdf-link-list li a i {
  color: #ffffff;
}
.information-entry-box .box .pdf-link-list li a:hover {
  background: #ff8435;
}
.information-entry-box .link-box {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-top: 100px;
}
.information-entry-box .link-box a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(8px, 0.3524229075vw + 6.6784140969px, 12px);
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  width: clamp(160px, 4.5814977974vw + 142.8193832599px, 212px);
  height: clamp(40px, 1.7621145374vw + 33.3920704846px, 60px);
  background: #403630;
  border-radius: clamp(20px, 0.8810572687vw + 16.6960352423px, 30px);
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.information-entry-box .link-box a::before {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #ffffff;
  border-radius: 50%;
  flex-shrink: 0;
  transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.information-entry-box .link-box a:hover {
  color: #ffffff;
  background: #270f00;
  transform: translateY(-3px);
  box-shadow: 0 10px 20px rgba(39, 15, 0, 0.2);
}
.information-entry-box .link-box a:hover::before {
  transform: translateX(4px);
}
.information-entry-box .link-box a.index {
  color: #403630;
  background: #dddddd;
}
.information-entry-box .link-box a.index:hover {
  background: #cccccc;
}

.slider-wrap .slick,
.slider-wrap .thumbnail {
  max-width: 900px;
  margin: 0 auto;
}
.slider-wrap .thumbnail {
  margin: 10px auto 0;
}
.slider-wrap .thumbnail .slick-slide {
  margin: 0 3px;
  padding: clamp(2px, 0.0881057269vw + 1.6696035242px, 3px);
  border: clamp(1px, 0.0881057269vw + 0.6696035242px, 2px) solid #eeeeee;
  cursor: pointer;
}
.slider-wrap .thumbnail .slick-slide.slick-current {
  border-color: #ffa76f;
}
.slider-wrap .arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  font-size: clamp(12px, 0.5286343612vw + 10.0176211454px, 18px);
  background: rgba(255, 255, 255, 0.7);
  padding: clamp(4px, 0.3524229075vw + 2.6784140969px, 8px) clamp(8px, 0.1762114537vw + 7.3392070485px, 10px);
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: 0.3s;
}
.slider-wrap .arrow.prev {
  left: 0;
  border-radius: 0 10px 10px 0;
}
.slider-wrap .arrow.next {
  right: 0;
  border-radius: 10px 0 0 10px;
}
.slider-wrap .arrow:hover {
  background: #ffa76f;
  color: #fff;
}
@media print, screen and (max-width: 767px) {
  .slider-wrap .arrow.prev {
    left: -30px;
  }
  .slider-wrap .arrow.next {
    right: -30px;
  }
}