.layout_gal {
	border-top: none !important;
}
.layout_gal li {
	width: calc((100% - clamp(40px, 4.17vw, 80px)) / 3);
  margin-right: clamp(20px, 2.08vw, 40px);
  margin-bottom: clamp(50px, 5.21vw, 100px);
  border-bottom: none !important;
}
.layout_gal li:hover {
	background-color: transparent !important;
}
.layout_gal li a {
	padding: 0 !important;
}
.layout_gal li a::after {
	display: none !important;
}
.layout_gal li .item_img {
  overflow: hidden;
	transition: box-shadow .3s;
}
.layout_gal li .item_img img {
  object-fit: cover;
  height: 100%;
  transition: all 0.3s;
}
.layout_gal li dl span {
  font-size: clamp(16px, 0.94vw, 18px);
  color: #0d2162;
}
.layout_gal li dl dt {
  font-size: clamp(20px, 1.35vw, 26px);
  font-weight: 700;
  line-height: 1.4;
  word-break: break-all;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
	transition:color .3s;
}
.layout_gal li dl dd {
  font-size: clamp(16px, 0.94vw, 18px);
  color: #444;
  line-height: 1.4;
  word-break: break-all;
  -webkit-line-clamp: 2;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}
.layout_gal li:nth-child(3n) {
  margin-right: 0;
}
.layout_gal li:nth-child(n+7):nth-child(-n+9) {
  margin-bottom: 0;
}
.layout_gal li:hover .item_img {
	box-shadow: 0 0 30px color-mix(in srgb, var(--color-point) 50%, transparent);
}
.layout_gal li:hover img {
  transform: scale(1.05);
}
.layout_gal li:hover dt {
	color: var(--color-point);
}

@media (max-width: 1000px) {
  .layout_gal li {
    width: calc((100% - clamp(20px, 4vw, 40px)) / 2);
    margin-right: clamp(20px, 4vw, 40px);
  }
  .layout_gal li:nth-child(2n) {
    margin-right: 0 !important;
  }
  .layout_gal li:nth-child(3n) {
    margin-right: clamp(20px, 4vw, 40px);
  }
  .layout_gal li:nth-child(n+7):nth-child(-n+8) {
    margin-bottom: clamp(50px, 5.21vw, 100px);
  }
  .layout_gal li:nth-child(n+9):nth-child(-n+10) {
    margin-bottom: 0;
  }
}
@media (max-width: 750px) {
  .layout_gal li {
    width: 100%;
    margin-right: 0 !important;
    margin-bottom: clamp(70px, 18.67vw, 140px) !important;
  }
  .layout_gal li:last-child {
    margin-bottom: 0 !important;
  }
  .layout_gal li dl span {
    font-size: clamp(15px, 4vw, 30px);
    font-weight: 700;
  }
  .layout_gal li dl dt {
    font-size: clamp(18px, 4.53vw, 34px);
  }
  .layout_gal li dl dd {
    font-size: clamp(15px, 4vw, 30px);
    -webkit-line-clamp: 3;
  }
}