@charset "UTF-8";
html:lang(ja) {
  font-family: "Noto Sans JP", sans-serif;
}

html:lang(en) {
  font-family: "Noto Sans", sans-serif;
}

html:lang(fr) {
  font-family: "Noto Sans", sans-serif;
}

html:lang(it) {
  font-family: "Noto Sans", sans-serif;
}

html:lang(de) {
  font-family: "Noto Sans", sans-serif;
}

html:lang(es) {
  font-family: "Noto Sans", sans-serif;
}

html:lang(es-419) {
  font-family: "Noto Sans", sans-serif;
}

html:lang(ko) {
  font-family: "Noto Sans KR", sans-serif;
}

html:lang(zh-Hans) {
  font-family: "Noto Sans SC", sans-serif;
}

html:lang(zh-Hant) {
  font-family: "Noto Sans TC", sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: linear-gradient(90deg, #ccf7a5, #b2ebdf);
  color: #404040;
  overflow-x: hidden;
}

/* ==================================================
  1. ラッパー
================================================== */
.content-wrapper {
  max-width: 1562px;
  margin: 0 auto;
  background: transparent;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* ==================================================
  2. ヘッダ
================================================== */
.headerBase {
  text-align: center;
  padding: calc(25 / 1562 * min(100vw, 1562px)) 0 calc(16 / 1562 * min(100vw, 1562px));
}
.headerBase .headerTitleText {
  font-size: calc(40 / 1562 * min(100vw, 1562px));
  line-height: 1.2;
  font-weight: 700;
  color: #404040;
}

/* ==================================================
  3. ヘッダタブ
================================================== */
.header-container-wrapper {
  display: flex;
  justify-content: center;
  margin: 0 calc(48 / 1562 * min(100vw, 1562px)) calc(48 / 1562 * min(100vw, 1562px)) calc(48 / 1562 * min(100vw, 1562px));
  flex-wrap: nowrap;
  position: relative;
}
.header-container-wrapper .header-container {
  width: 100%;
  margin: 0;
  padding: calc(20 / 1562 * min(100vw, 1562px)) calc(30 / 1562 * min(100vw, 1562px));
  display: flex;
  gap: calc(40 / 1562 * min(100vw, 1562px));
  background: rgba(255, 255, 255, 0.4);
  border-radius: calc(54 / 1562 * min(100vw, 1562px));
  box-shadow: 0 calc(5 / 1562 * min(100vw, 1562px)) calc(3 / 1562 * min(100vw, 1562px)) rgba(0, 0, 0, 0.35);
  position: relative;
}
.header-container-wrapper .header-container .header-tab, .header-container-wrapper .header-container .dropdown-tab {
  flex: 1;
  height: calc(46 / 1562 * min(100vw, 1562px));
  line-height: 1.2;
  font-size: calc(18.662 / 1562 * min(100vw, 1562px));
  font-weight: 700;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  border-radius: calc(37 / 1562 * min(100vw, 1562px));
  padding: 0 calc(16 / 1562 * min(100vw, 1562px));
  cursor: pointer;
  background: #ffffff;
  color: #12a6a8;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: visible;
  z-index: 5;
}
.header-container-wrapper .header-container .header-tab:hover, .header-container-wrapper .header-container .dropdown-tab:hover {
  background: linear-gradient(90deg, #009f7a, #12a6a8);
  color: #ffffff;
}
.header-container-wrapper .header-container .header-tab.active, .header-container-wrapper .header-container .dropdown-tab.active {
  background: #12a6a8;
  color: #ffffff;
}
.header-container-wrapper .header-container .dropdown-tab {
  z-index: 15;
}
.header-container-wrapper .header-container .dropdown-tab.active {
  background: linear-gradient(90deg, #009f7a, #12a6a8);
}
.header-container-wrapper .header-container .dropdown-tab .dropdown-arrow {
  position: absolute;
  top: calc(16 / 1562 * min(100vw, 1562px));
  right: calc(16 / 1562 * min(100vw, 1562px));
  width: calc(16 / 1562 * min(100vw, 1562px));
  height: calc(16 / 1562 * min(100vw, 1562px));
  transition: transform 0.3s ease;
  transform: rotate(90deg);
}
.header-container-wrapper .header-container .dropdown-tab .dropdown-arrow.open {
  transform: rotate(270deg);
}
.header-container-wrapper .header-container .dropdown-tab.active .dropdown-arrow, .header-container-wrapper .header-container .dropdown-tab:hover .dropdown-arrow {
  filter: brightness(0%) contrast(100%) invert(100%);
}
.header-container-wrapper .header-container .dropdown-tab .dropdown-menu {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  display: none;
  flex-direction: column;
  background: #12a6a8;
  border-radius: calc(37 / 1562 * min(100vw, 1562px)) calc(37 / 1562 * min(100vw, 1562px)) calc(16 / 1562 * min(100vw, 1562px)) calc(16 / 1562 * min(100vw, 1562px));
  box-shadow: 0 calc(3 / 1562 * min(100vw, 1562px)) calc(7 / 1562 * min(100vw, 1562px)) rgba(0, 0, 0, 0.35);
}
.header-container-wrapper .header-container .dropdown-tab .dropdown-menu .dropdown-menu-item {
  display: flex;
  flex-direction: column;
  gap: calc(10 / 1562 * min(100vw, 1562px));
  padding: calc(10 / 1562 * min(100vw, 1562px)) calc(20 / 1562 * min(100vw, 1562px)) calc(20 / 1562 * min(100vw, 1562px)) calc(20 / 1562 * min(100vw, 1562px));
}
.header-container-wrapper .header-container .dropdown-tab .selected-drop-item {
  display: flex;
  gap: calc(100% - 38 / 1562 * min(100vw, 1562px) * 2);
}
.header-container-wrapper .header-container .dropdown-tab .selected-drop-item img.title-icon {
  width: calc(42 / 1562 * min(100vw, 1562px));
  height: calc(42 / 1562 * min(100vw, 1562px));
  object-fit: contain;
}
.header-container-wrapper .header-container .dropdown-tab .dropdown-item {
  width: 100%;
  height: calc(60 / 1562 * min(100vw, 1562px));
  border-radius: calc(37 / 1562 * min(100vw, 1562px));
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #d4f3e2;
  transition: background 0.2s ease, border-color 0.2s ease;
  gap: calc(50% - 48 / 1562 * min(100vw, 1562px) * 2);
  outline: calc(3 / 1562 * min(100vw, 1562px)) solid transparent;
  outline-offset: 0;
}
.header-container-wrapper .header-container .dropdown-tab .dropdown-item:hover {
  outline-color: #ffffff;
}
.header-container-wrapper .header-container .dropdown-tab .dropdown-item img.title-icon {
  width: calc(50 / 1562 * min(100vw, 1562px));
  height: calc(50 / 1562 * min(100vw, 1562px));
  object-fit: contain;
}

/* ==================================================
  4. コンテンツグリッド・カード
================================================== */
.list-item-container {
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  background: #ffffff;
  padding: calc(24 / 1562 * min(100vw, 1562px)) 0;
  flex: 1 0 auto;
}
.list-item-container .grid-inner {
  max-width: 1562px;
  margin: 0 auto;
  display: grid;
  justify-items: center;
  grid-template-columns: repeat(3, 1fr);
  gap: calc(12 / 1562 * min(100vw, 1562px)) 0;
  padding: 0 calc(64 / 1562 * min(100vw, 1562px)) 0 calc(24 / 1562 * min(100vw, 1562px));
}

a.content-box {
  text-decoration: none;
  color: inherit;
}

.content-box {
  background: transparent;
  flex: 1 0 0;
  width: 100%;
  position: relative;
  cursor: pointer;
  padding-left: calc(40 / 1562 * min(100vw, 1562px));
  min-width: 0;
  box-sizing: border-box;
}
.content-box .content-inner {
  background: #ffffff;
  border-radius: calc(8 / 1562 * min(100vw, 1562px));
  width: 100%;
  height: calc(100% - 14 / 1562 * min(100vw, 1562px));
  margin: calc(7 / 1562 * min(100vw, 1562px));
  box-shadow: 0 calc(3 / 1562 * min(100vw, 1562px)) calc(7 / 1562 * min(100vw, 1562px)) rgba(0, 0, 0, 0.35);
  border: calc(7 / 1562 * min(100vw, 1562px)) solid transparent;
  transition: border-color 0.3s ease;
  overflow: visible;
  position: relative;
}
.content-box .content-inner:hover, .content-box .content-inner:active {
  border: calc(7 / 1562 * min(100vw, 1562px)) solid #65cbc0;
}
.content-box .content-inner .content-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: transparent;
  width: 100%;
  height: calc(48 / 1562 * min(100vw, 1562px));
  padding-left: calc(28 / 1562 * min(100vw, 1562px));
  box-sizing: border-box;
}
.content-box .content-inner .content-header::before {
  content: "";
  position: absolute;
  top: calc(-7 / 1562 * min(100vw, 1562px));
  left: calc(-7 / 1562 * min(100vw, 1562px));
  width: calc(100% + 14 / 1562 * min(100vw, 1562px));
  height: 100%;
  background: #65cbc0;
  border-radius: calc(8 / 1562 * min(100vw, 1562px)) calc(8 / 1562 * min(100vw, 1562px)) 0 0;
}
.content-box .content-inner .content-header .content-title {
  color: #ffffff;
  margin: 0;
  font-size: calc(19.995 / 1562 * min(100vw, 1562px));
  max-width: calc(100% - 155 / 1562 * min(100vw, 1562px));
  min-width: 0;
  margin-bottom: calc(14 / 1562 * min(100vw, 1562px));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  position: relative;
}
.content-box .content-inner .content-header .icon-group {
  display: flex;
  gap: calc(5 / 1562 * min(100vw, 1562px));
  align-items: center;
  margin-bottom: calc(14 / 1562 * min(100vw, 1562px));
  z-index: 10;
}
.content-box .content-inner .content-header .icon-group .title-icon {
  width: calc(32 / 1562 * min(100vw, 1562px));
  height: calc(32 / 1562 * min(100vw, 1562px));
}
.content-box .content-inner .content-header.new::after, .content-box .content-inner .content-header.attention::after {
  content: "";
  position: absolute;
  top: calc(50% - 7 / 1562 * min(100vw, 1562px));
  left: calc(-7 / 1562 * min(100vw, 1562px));
  transform: translate(-50%, -50%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  width: calc(64 / 1562 * min(100vw, 1562px));
  height: calc(64 / 1562 * min(100vw, 1562px));
}
.content-box .content-inner .content-header.new::after {
  background-image: url("../image/icon_btn_article_new.svg");
}
.content-box .content-inner .content-header.attention::after {
  background-image: url("../image/icon_btn_article_attention.svg");
}
.content-box .content-inner .content-body {
  padding: 0 calc(10 / 1562 * min(100vw, 1562px)) calc(250 / 1562 * min(100vw, 1562px)) calc(10 / 1562 * min(100vw, 1562px));
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  position: relative;
}
.content-box .content-inner .content-body .content-date {
  font-size: calc(17.329 / 1562 * min(100vw, 1562px));
  color: #949494;
  font-weight: 500;
}
.content-box .content-inner .content-body .content-text {
  font-size: calc(21.328 / 1562 * min(100vw, 1562px));
  color: #404040;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 1.3;
  min-height: 2.6em;
  font-weight: 600;
}
.content-box .content-inner .content-body .content-image {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  aspect-ratio: 16/9;
  padding: calc(10 / 1562 * min(100vw, 1562px));
}

/* ==================================================
  5. no-contents
================================================== */
.no-contents {
  grid-column: 1/-1;
  text-align: center;
  padding: calc(20 / 1562 * min(100vw, 1562px));
  margin: calc(150 / 1562 * min(100vw, 1562px)) 0;
  color: #ffffff;
  background: #949494;
  border-radius: calc(16 / 1562 * min(100vw, 1562px));
  font-size: calc(23.994 / 1562 * min(100vw, 1562px));
}

/* ==================================================
  6. more & pagination
================================================== */
.more-wrapper {
  text-align: center;
  margin: calc(44 / 1562 * min(100vw, 1562px)) 0 calc(20 / 1562 * min(100vw, 1562px)) 0;
}
.more-wrapper .btn-more {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: calc(40 / 1562 * min(100vw, 1562px));
  width: calc(520 / 1562 * min(100vw, 1562px));
  font-size: calc(30 / 1562 * min(100vw, 1562px));
  font-weight: 700;
  color: #12a6a8;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #12a6a8, #009f7a) border-box;
  border: calc(5 / 1562 * min(100vw, 1562px)) solid transparent;
  padding: calc(5 / 1562 * min(100vw, 1562px));
  cursor: pointer;
  transition: all 0.3s ease;
}
.more-wrapper .btn-more:hover {
  background: linear-gradient(90deg, #009f7a, #12a6a8);
  color: #ffffff;
}
.more-wrapper .btn-more:hover .more-icon {
  filter: brightness(0%) contrast(100%) invert(100%);
}
.more-wrapper .btn-more .more-icon {
  position: absolute;
  width: calc(24 / 1562 * min(100vw, 1562px));
  height: calc(24 / 1562 * min(100vw, 1562px));
  right: calc(24 / 1562 * min(100vw, 1562px));
  top: 50%;
  transform: translateY(-50%);
}

.pagination-wrapper {
  text-align: center;
  margin: calc(44 / 1562 * min(100vw, 1562px)) 0 calc(20 / 1562 * min(100vw, 1562px)) 0;
}
.pagination-wrapper ul {
  list-style: none;
  padding: 0;
  display: inline-flex;
  gap: calc(20 / 1562 * min(100vw, 1562px));
  justify-content: center;
}
.pagination-wrapper ul li {
  position: relative;
  width: calc(50 / 1562 * min(100vw, 1562px));
  height: calc(50 / 1562 * min(100vw, 1562px));
  line-height: calc(50 / 1562 * min(100vw, 1562px));
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: calc(2 / 1562 * min(100vw, 1562px));
  cursor: pointer;
  font-size: calc(29.326 / 1562 * min(100vw, 1562px));
  font-weight: 700;
  color: #12a6a8;
  background: linear-gradient(#ffffff, #ffffff) padding-box, linear-gradient(90deg, #12a6a8, #009f7a) border-box;
  border: calc(3 / 1562 * min(100vw, 1562px)) solid transparent;
  transition: all 0.3s ease;
}
.pagination-wrapper ul li.jump {
  background: linear-gradient(#d4f3e2, #d4f3e2) padding-box, linear-gradient(90deg, #12a6a8, #009f7a) border-box;
  border: calc(3 / 1562 * min(100vw, 1562px)) solid transparent;
}
.pagination-wrapper ul li.jump img {
  width: 60%;
  height: auto;
}
.pagination-wrapper ul li.jump.hidden {
  visibility: hidden;
}
.pagination-wrapper ul li.jump.first {
  margin-right: calc(30 / 1562 * min(100vw, 1562px));
  transform: rotate(180deg);
}
.pagination-wrapper ul li.jump.last {
  margin-left: calc(30 / 1562 * min(100vw, 1562px));
}
.pagination-wrapper ul li.active {
  background: #12a6a8;
  border: none;
  color: #ffffff;
}
.pagination-wrapper ul li:hover {
  border-width: calc(8 / 1562 * min(100vw, 1562px));
}

/* ==================================================
  7. フッタ
================================================== */
.footer {
  position: relative;
  z-index: 1;
  flex-shrink: 0;
  padding: calc(30 / 1562 * min(100vw, 1562px)) 0;
}
.footer::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: linear-gradient(90deg, #ccf7a5, #b2ebdf);
  z-index: -1;
}
.footer .copyright {
  font-size: calc(15.996 / 1562 * min(100vw, 1562px));
  text-align: center;
  margin: 0 auto;
  max-width: 1562px;
}

/* ==================================================
  8. レスポンシブ対応
================================================== */
@media (max-width: 960px) {
  .content-wrapper {
    max-width: 960px;
    padding: 0 calc(40 / 960 * min(100vw, 960px));
  }
  .headerBase {
    padding: calc(15 / 960 * min(100vw, 960px)) 0 0;
  }
  .headerBase .headerTitleText {
    font-size: calc(47.988 / 960 * min(100vw, 960px));
  }
  .header-container-wrapper {
    flex-direction: column;
    gap: calc(20 / 960 * min(100vw, 960px));
    align-items: center;
    margin: calc(20 / 960 * min(100vw, 960px)) 0;
  }
  .header-container-wrapper .header-container {
    flex-direction: column;
    padding: calc(20 / 960 * min(100vw, 960px)) calc(30 / 960 * min(100vw, 960px));
    gap: calc(20 / 960 * min(100vw, 960px));
    border-radius: calc(54 / 960 * min(100vw, 960px));
    box-shadow: 0 calc(5 / 960 * min(100vw, 960px)) calc(3 / 960 * min(100vw, 960px)) rgba(0, 0, 0, 0.35);
  }
  .header-container-wrapper .header-container .header-tab, .header-container-wrapper .header-container .dropdown-tab {
    width: 100%;
    height: calc(76 / 960 * min(100vw, 960px));
    line-height: calc(76 / 960 * min(100vw, 960px));
    font-size: calc(37.324 / 960 * min(100vw, 960px));
    border-radius: calc(50 / 960 * min(100vw, 960px));
    padding: 0 calc(16 / 960 * min(100vw, 960px));
  }
  .header-container-wrapper .header-container .dropdown-tab .dropdown-arrow {
    top: calc((76 / 960 * min(100vw, 960px) - 25 / 960 * min(100vw, 960px)) / 2);
    right: calc(25 / 960 * min(100vw, 960px));
    width: calc(25 / 960 * min(100vw, 960px));
    height: calc(25 / 960 * min(100vw, 960px));
  }
  .header-container-wrapper .header-container .dropdown-tab .dropdown-menu {
    border-radius: calc(50 / 960 * min(100vw, 960px)) calc(50 / 960 * min(100vw, 960px)) calc(15 / 960 * min(100vw, 960px)) calc(15 / 960 * min(100vw, 960px));
  }
  .header-container-wrapper .header-container .dropdown-tab .dropdown-menu .dropdown-menu-item {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-items: center;
    align-items: center;
    gap: calc(20 / 960 * min(100vw, 960px));
    padding: calc(20 / 960 * min(100vw, 960px)) calc(24 / 960 * min(100vw, 960px)) calc(24 / 960 * min(100vw, 960px)) calc(24 / 960 * min(100vw, 960px));
  }
  .header-container-wrapper .header-container .dropdown-tab .selected-drop-item {
    gap: calc(100% - 42 / 960 * min(100vw, 960px) * 2);
  }
  .header-container-wrapper .header-container .dropdown-tab .selected-drop-item img.title-icon {
    margin: calc((76 / 960 * min(100vw, 960px) - 58 / 960 * min(100vw, 960px)) / 2) 0;
    width: calc(58 / 960 * min(100vw, 960px));
    height: calc(58 / 960 * min(100vw, 960px));
  }
  .header-container-wrapper .header-container .dropdown-tab .dropdown-item {
    height: calc(72 / 960 * min(100vw, 960px));
    gap: calc(15 / 960 * min(100vw, 960px));
    border-radius: calc(38 / 960 * min(100vw, 960px));
    outline: calc(3 / 960 * min(100vw, 960px)) solid transparent;
  }
  .header-container-wrapper .header-container .dropdown-tab .dropdown-item img.title-icon {
    width: calc(58 / 960 * min(100vw, 960px));
    height: calc(58 / 960 * min(100vw, 960px));
  }
  .list-item-container {
    padding: calc(24 / 960 * min(100vw, 960px)) calc(58 / 960 * min(100vw, 960px));
    margin: 0 calc(-40 / 960 * min(100vw, 960px));
  }
  .list-item-container .grid-inner {
    grid-template-columns: 1fr;
    gap: calc(18 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box {
    width: 100%;
    padding-left: 0;
  }
  .list-item-container .content-box .content-inner {
    border-radius: calc(18 / 960 * min(100vw, 960px));
    height: calc(100% - 14 / 960 * min(100vw, 960px));
    margin: calc(7 / 960 * min(100vw, 960px));
    box-shadow: 0 calc(3 / 960 * min(100vw, 960px)) calc(7 / 960 * min(100vw, 960px)) rgba(0, 0, 0, 0.35);
    border: calc(7 / 960 * min(100vw, 960px)) solid transparent;
  }
  .list-item-container .content-box .content-inner:hover, .list-item-container .content-box .content-inner:active {
    border: calc(7 / 960 * min(100vw, 960px)) solid #65cbc0;
  }
  .list-item-container .content-box .content-inner .content-header {
    height: calc(72 / 960 * min(100vw, 960px));
    padding-left: calc(60 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box .content-inner .content-header::before {
    top: calc(-7 / 960 * min(100vw, 960px));
    left: calc(-7 / 960 * min(100vw, 960px));
    width: calc(100% + 14 / 960 * min(100vw, 960px));
    border-radius: calc(18 / 960 * min(100vw, 960px)) calc(18 / 960 * min(100vw, 960px)) 0 0;
  }
  .list-item-container .content-box .content-inner .content-header .content-title {
    font-size: calc(34.658 / 960 * min(100vw, 960px));
    max-width: calc(100% - 270 / 960 * min(100vw, 960px));
    margin-bottom: calc(14 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box .content-inner .content-header .icon-group {
    gap: calc(8 / 960 * min(100vw, 960px));
    margin: 0 calc(10 / 960 * min(100vw, 960px)) calc(14 / 960 * min(100vw, 960px)) 0;
  }
  .list-item-container .content-box .content-inner .content-header .icon-group .title-icon {
    width: calc(56 / 960 * min(100vw, 960px));
    height: calc(56 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box .content-inner .content-header.new::after, .list-item-container .content-box .content-inner .content-header.attention::after {
    top: calc(50% - 7 / 960 * min(100vw, 960px));
    left: 0;
    width: calc(96 / 960 * min(100vw, 960px));
    height: calc(96 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box .content-inner .content-body {
    padding: 0 calc(18 / 960 * min(100vw, 960px)) calc(18 / 960 * min(100vw, 960px)) calc(18 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box .content-inner .content-body .content-date {
    font-size: calc(26.66 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box .content-inner .content-body .content-text {
    font-size: calc(37.324 / 960 * min(100vw, 960px));
    min-height: calc(100 / 960 * min(100vw, 960px));
  }
  .list-item-container .content-box .content-inner .content-body .content-image {
    position: initial;
    padding: calc(10 / 960 * min(100vw, 960px));
  }
  .no-contents {
    font-size: calc(23.994 / 960 * min(100vw, 960px));
    margin: 0 0 calc(200 / 960 * min(100vw, 960px)) 0;
  }
  .more-wrapper {
    margin: calc(44 / 960 * min(100vw, 960px)) 0 calc(20 / 960 * min(100vw, 960px)) 0;
  }
  .more-wrapper .btn-more {
    width: calc(520 / 960 * min(100vw, 960px));
    font-size: calc(30 / 960 * min(100vw, 960px));
    border-radius: calc(35 / 960 * min(100vw, 960px));
    border: calc(5 / 960 * min(100vw, 960px)) solid transparent;
    padding: calc(5 / 960 * min(100vw, 960px));
  }
  .more-wrapper .btn-more .more-icon {
    width: calc(24 / 960 * min(100vw, 960px));
    height: calc(24 / 960 * min(100vw, 960px));
    right: calc(24 / 960 * min(100vw, 960px));
  }
  .pagination-wrapper {
    margin: calc(44 / 960 * min(100vw, 960px)) 0 calc(20 / 960 * min(100vw, 960px)) 0;
  }
  .pagination-wrapper ul {
    flex-wrap: wrap;
    gap: calc(15 / 960 * min(100vw, 960px));
  }
  .pagination-wrapper ul li {
    width: calc(50 / 960 * min(100vw, 960px));
    height: calc(50 / 960 * min(100vw, 960px));
    line-height: calc(50 / 960 * min(100vw, 960px));
    padding-bottom: calc(2 / 960 * min(100vw, 960px));
    font-size: calc(29.326 / 960 * min(100vw, 960px));
    border: calc(3 / 960 * min(100vw, 960px)) solid transparent;
  }
  .pagination-wrapper ul li.jump.first, .pagination-wrapper ul li.jump.last {
    border: calc(3 / 960 * min(100vw, 960px)) solid transparent;
    margin: 0 calc(15 / 960 * min(100vw, 960px));
  }
  .pagination-wrapper ul li:hover {
    border-width: calc(8 / 960 * min(100vw, 960px));
  }
  .footer {
    padding: calc(30 / 960 * min(100vw, 960px)) 0;
  }
  .footer .copyright {
    font-size: calc(15.996 / 960 * min(100vw, 960px));
    max-width: 960px;
  }
}

/*# sourceMappingURL=newsList-web_hm.css.map */