.hero__title.title{
  font-size: 36px;
  padding: 0 20px;
}

.hero__bg:before{
  background: #8F7A3C;
  opacity: .2;
}

.header-nav ul li a{
  color: #666;
}

.header-nav ul li a.is-active{
  color:  #8F7A3C;
  text-decoration: underline;
}

.title-text__textbox table strong{
  display: block;
}

.title-text__textbox table{
  width: 100%;
  margin: 0 0 20px 0;
  color: #666;
}

.title-text__textbox table tr td{
  border: 1px solid #666;
  padding: 12px;
}

.footer__textbox a{
  text-decoration: underline;
}

.footer__textbox a:hover{
  text-decoration: none;
}

h3.gallery__title.title{
  margin: 30px 0;
}

@media (min-width: 1024px) {
    .gallery__list {
        grid-template-columns: repeat(4, 1fr);
    }
}

.title-text__textbox,
.footer__textbox{
  color: #666;
}

.footer{
  background: #f1f1f1;
}

html{
  scroll-padding-top: 160px;
  scroll-behavior: smooth;
}

.text-cards__textbox{
  margin: 0;
  color: #666;
}

@media(max-width: 1024px){
  .header__logo{
    max-width: 60px;
  }

  .hero__title.title{
    font-size: 30px;
  }

  .footer__cols{
    flex-wrap: nowrap;
  }

  .footer__col:first-of-type{
    width: auto;
  }

  .header-nav ul li a{
    color: #fff;
  }

  .header-nav ul li a.is-active{
    color:  #fff;
    text-decoration: underline;
  }
}

@media(max-width: 767px){
  .hero__title.title{
    font-size: 22px;
  }

  .animate--opacity{
    opacity: 1;
  }

  .title-text__table{
    max-width: calc(100dvw - 15px);
    overflow: auto;
    padding-right: 15px;
  }

  .title-text__textbox table tr td{
    min-width: 160px;
  }

  .gallery__list{
    grid-template-columns: repeat(2, 1fr);
  }
}