.index-block { background-color: #f8f8f8; }

.index-block:nth-child(2n) { background-color: #fff; }

.overview { display: flex; padding: 80px 0; }

.overview .overview-left { padding-top: 30px; margin-right: 80px; }

.overview .overview-left .overview-left-title { font-size: 32px; color: #5a5a5a; }

.overview .overview-left .overview-left-title::after { content: ""; display: block; width: 20px; height: 2px; background-color: #666; margin-top: 30px; }

.overview .overview-left .overview-left-sub { font-size: 20px; margin-top: 50px; }

.overview .overview-right { flex: 1; }

.overview .overview-right .overview-images { display: flex; margin-bottom: 20px; }

.overview .overview-right .overview-images .overview-image { width: 32%; margin-right: 2%; border-radius: 10px; object-fit: cover; }

.overview .overview-right .overview-images .overview-image:last-child { margin-right: 0; }

.overview .overview-right .overview-description { line-height: 27px; }

.overview .overview-right .overview-description .overview-description--light { color: #008f5a; font-weight: bold; font-size: 18px; }

.overview .overview-right .overview-title { font-size: 18px; font-weight: bold; color: #595959; margin: 20px 0 10px; }

.overview .overview-right .overview-button { display: block; margin-top: 30px; background-color: #008f5a; }

.case { padding: 60px 0; }

.case .case-title, .case .case-title--en { text-align: center; }

.case .case-title { font-size: 24px; font-weight: bold; }

.case .case-title--en { color: #999; margin: 10px 0 30px; }

.case .case-title--en::after { content: ""; display: block; width: 30px; height: 2px; background-color: #666; margin: 20px auto 0; }

.case .case-list { display: flex; flex-wrap: wrap; }

.case .case-list .case-item { width: 32%; margin-right: 2%; margin-bottom: 2%; }

.case .case-list .case-item:nth-child(3n) { margin-right: 0; }

.case .case-list .case-item .case-item__cover { width: 100%; overflow: hidden; border-radius: 10px; }

.case .case-list .case-item .case-item__cover:hover .case-item__cover__image { transform: scale(1.2); transition: 0.3s; }

.case .case-list .case-item .case-item__cover .case-item__cover__image { position: absolute; width: 100%; height: 100%; object-fit: cover; }

.case .case-list .case-item .case-item__cover::after { padding-bottom: 58.82353%; }

.case .case-list .case-item .case-item__title { text-align: center; margin-top: 20px; line-height: 20px; }

@media (max-width: 768px) { .overview { display: block; padding: 40px 10px; }
  .overview .overview-right .overview-swiper { margin-bottom: 20px; }
  .overview .overview-right .overview-swiper img { width: 100%; height: auto; border-radius: 4px; }
  .case { padding: 30px 10px; }
  .case .case-list .case-item { width: 100%; margin: 0 0 20px 0; } }