/*=============================
// variable
===============================*/
.button01 {
  margin: 162px auto 0;
  width: 400px;
  height: 85px;
  background: #016B2A;
  border-radius: 999px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.button01 span {
  color: #fff;
  font-size: 24px;
}
.button01::before {
  content: "";
  width: 9px;
  height: 13px;
  background: url("../img/common/button_icon_arrow_white.png") no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%) rotate(180deg);
}

/* archive */
.archive {
  padding: 52px 30px 100px;
}
.archive_inner {
  margin: 0 auto;
  max-width: 1040px;
  display: flex;
  flex-flow: row wrap;
  gap: 0 23px;
  position: relative;
}
.archive_title {
  margin-bottom: 60px;
  color: #016B2A;
  font-size: 50px;
  font-weight: 800;
}
.archive_content {
  width: calc(100% - 264px - 23px);
}
.archive_content .list {
  display: flex;
  flex-flow: row wrap;
  gap: 28px;
}
.archive_content .list li {
  width: calc(33.33% - 18.6666666667px);
}
.archive_content .list li a figure {
  margin-bottom: 16px;
  border-radius: 10px;
  overflow: hidden;
}
.archive_content .list li a time {
  margin-bottom: 4px;
  display: block;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
}
.archive_content .list li a h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}
.archive_sidebar {
  width: 264px;
  position: absolute;
  top: 0;
  right: 0;
}
.archive_sidebar h2 {
  margin-bottom: 4px;
  color: #016B2A;
  font-size: 28px;
  font-weight: 800;
}
.archive_sidebar ul {
  margin-bottom: 20px;
}
.archive_sidebar ul li a {
  display: block;
  padding: 16px 0;
  border-bottom: 1px solid #9F9F9F;
  color: #9F9F9F;
  font-size: 20px;
  font-weight: 500;
  position: relative;
}
.archive_sidebar ul li a::after {
  content: "";
  width: 9px;
  height: 14px;
  background: url("../img/column/sidebar_list_arrow.png") no-repeat center/contain;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
}
.archive_sidebar ul li.is-active a {
  color: #016B2A;
  font-weight: 800;
}
.archive_sidebar ul li.is-active a::after {
  background: url("../img/column/sidebar_list_arrow_green.png") no-repeat center/contain;
}
.archive_sidebar .button {
  width: 260px;
  height: 55px;
  background: #016B2A;
  border-radius: 999px;
  color: #fff;
  font-size: 20px;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  position: relative;
}
.archive_sidebar .button::before {
  content: "";
  width: 9px;
  height: 13px;
  background: url("../img/common/button_icon_arrow_white.png") no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%) rotate(180deg);
}

@media (max-width: 768px) {
  .button01 {
    margin: 26.4631043257vw auto 0;
    width: 72.010178117vw;
    height: 13.9949109415vw;
  }
  .button01 span {
    font-size: 4.5801526718vw;
  }
  .button01::before {
    width: 2.5445292621vw;
    height: 4.0712468193vw;
    right: 4.0712468193vw;
  }
  /* archive */
  .archive {
    padding: 13.2315521628vw 5.0890585242vw;
  }
  .archive_inner {
    flex-flow: column;
    gap: 10.1781170483vw;
  }
  .archive_title {
    margin-bottom: 10.1781170483vw;
    font-size: 10.1781170483vw;
    text-align: center;
    line-height: 1.325;
  }
  .archive_content {
    width: 100%;
    order: 3;
  }
  .archive_content .list {
    display: flex;
    flex-flow: row wrap;
    gap: 5.0890585242vw 6.3613231552vw;
  }
  .archive_content .list li {
    width: calc(50% - 6.3613231552vw / 2);
  }
  .archive_content .list li a figure {
    margin-bottom: 3.0534351145vw;
    border-radius: 2.5445292621vw;
  }
  .archive_content .list li a time {
    margin-bottom: 1.0178117048vw;
    display: block;
    font-size: 3.0534351145vw;
  }
  .archive_content .list li a h3 {
    font-size: 4.0712468193vw;
    line-height: 1.4375;
  }
  .archive_sidebar {
    width: 100%;
    position: static;
    order: 2;
  }
  .archive_sidebar h2 {
    margin-bottom: 1.7811704835vw;
    font-size: 5.0890585242vw;
  }
  .archive_sidebar ul {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 7.1246819338vw;
    gap: 0 6.3613231552vw;
  }
  .archive_sidebar ul li {
    width: calc(50% - 6.3613231552vw / 2);
  }
  .archive_sidebar ul li a {
    height: 17.5572519084vw;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    border-bottom: 0.2544529262vw solid #9F9F9F;
    font-size: 4.0712468193vw;
    line-height: 1.43;
  }
  .archive_sidebar ul li a::after {
    width: 2.2900763359vw;
    height: 3.3078880407vw;
  }
  .archive_sidebar ul li.is-active {
    width: 100%;
  }
  .archive_sidebar .button {
    margin: 0 auto;
    width: 66.1577608142vw;
    height: 13.9949109415vw;
    font-size: 5.0890585242vw;
  }
  .archive_sidebar .button::before {
    width: 2.2900763359vw;
    height: 3.3078880407vw;
  }
}

/*# sourceMappingURL=column.css.map */