.column_filter__inner {
  padding: 3em 0 4.5em;
  width: 90%;
  max-width: 1000px;
}
@media (max-width: 768px) {
  .column_filter__inner {
    width: 100%;
    padding: 2.5em 0;
  }
}
.column_filter__form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 2.5em;
}
@media (max-width: 768px) {
  .column_filter__form {
    width: 100%;
    gap: 1.5em;
  }
}
.column_filter__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1.5em;
}
@media (max-width: 768px) {
  .column_filter__row {
    grid-template-columns: 1fr;
    gap: 1em;
    width: 100%;
  }
}
.column_filter__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25em;
}
@media (max-width: 768px) {
  .column_filter__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.625em;
  }
}
.column_filter__label {
  font-size: 0.9375rem;
  letter-spacing: 0.07em;
  color: #707070;
  white-space: nowrap;
}
.column_filter__select {
  padding: 0 2.5em 0 1em;
  font-size: 0.8125em;
  height: 38px;
  min-width: 265px;
  border: 1px solid #707070;
  border-radius: 4px;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L0 0H12L6 6Z' fill='%23333'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1em center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  -webkit-transition: border-color 0.3s, color 0.3s;
  transition: border-color 0.3s, color 0.3s;
}
@media (max-width: 768px) {
  .column_filter__select {
    width: 318px;
    min-width: inherit;
    max-width: 82vw;
  }
}
.column_filter__select:hover {
  border-color: #999;
}
.column_filter__select:focus {
  outline: none;
  border-color: #0093C6;
}
.column_filter__select.is-placeholder {
  color: #999;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 6L0 0H12L6 6Z' fill='%23999'/%3E%3C/svg%3E");
}
.column_filter__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 82vw;
}
.column_filter__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 38px;
  font-size: 0.9375em;
  letter-spacing: 0.14em;
  font-weight: 600;
  color: #5A5A5A;
  border: 1px solid #7C7C7C;
  border-radius: 5px;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.column_filter__button:hover {
  opacity: 0.8;
}
.column_filter__button--search {
  width: 120px;
}
@media (max-width: 768px) {
  .column_filter__button--search {
    width: 154px;
  }
}
.column_filter__button--clear {
  width: 93px;
  background-color: #BFBFBF;
}
@media (max-width: 768px) {
  .column_filter__button--clear {
    width: 154px;
  }
}

.headline__title-en {
  mix-blend-mode: multiply;
  margin-bottom: 0;
}

.archive__inner {
  padding-top: 0;
}
.archive__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4.25em 3%;
  scroll-margin-top: calc(109px + 2em);
}
@media (max-width: 1024px) {
  .archive__list {
    grid-template-columns: repeat(2, 1fr);
    scroll-margin-top: calc(52px + 2em);
    gap: 1.875em;
  }
}
@media (max-width: 768px) {
  .archive__list {
    grid-template-columns: repeat(1, 1fr);
  }
}