.banner-block { height: 90px; }

.banner { height: 470px; background: url(../images/overview.jpg) no-repeat; background-size: cover; display: flex; align-items: center; padding-bottom: 50px; }

.banner .banner-title { color: #008f5a; font-size: 40px; font-weight: bold; }

.banner .banner-title--en { color: #818181; font-size: 12px; margin-top: 20px; }

.cases { padding: 80px 0; }

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

.cases-list .cases-item { display: block; width: 31%; margin-right: 3.5%; margin-bottom: 3.5%; }

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

.cases-list .cases-item .cases-item__cover { border-radius: 10px; }

.cases-list .cases-item .cases-item__cover::after { padding-bottom: 58.53659%; }

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

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

.cases-list .cases-item .cases-item__time { color: #999; margin-top: 20px; font-family: "Arial"; }

.cases-list .cases-item .cases-item__title { padding: 10px 0 20px; border-bottom: 1px solid #eee; font-weight: bold; }

.cases-list .cases-item .cases-item__more { color: #878787; margin-top: 20px; }

.cases-more { background-color: #008f5a; margin: 0 auto; }

@media (max-width: 768px) { .banner-block { height: 50px; }
  .banner { padding-top: 50px; height: 150px; }
  .banner .banner-title { text-align: center; font-size: 30px; color: #fff; font-weight: normal; }
  .cases { padding: 30px 10px; }
  .cases-list .cases-item { width: 100%; margin: 0 0 10px 0; }
  .cases-list .cases-item .cases-item__time, .cases-list .cases-item .cases-item__more { display: none; }
  .cases-list .cases-item .cases-item__title { text-align: center; font-weight: normal; border: none; } }