.container {
  max-width: 100%;
  padding: 0;
}
.container .single-column {
  padding: 0;
}

.article-module .container {
  padding: 0 30px;
}

article > section:last-of-type::after {
  background: transparent;
}

.customHeader {
  position: sticky;
  top: 0;
  left: 0;
  background-color: #fff;
  z-index: 10;
}
.customHeader > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customHeader .container-fluid {
  border-bottom: 2px solid #12f99f;
}
@media (max-width: 768px) {
  .customHeader .container-fluid {
    border: none;
    min-height: 80px;
  }
}
.customHeader .slowAgingNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
  gap: 20px;
}
@media (max-width: 768px) {
  .customHeader .slowAgingNav {
    display: none;
  }
}
.customHeader .slowAgingNav li {
  list-style: none;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customHeader .slowAgingNav li::before {
  content: "\e906";
  color: #00d789;
  font-family: "aging";
  text-shadow: none;
  display: none;
}
.customHeader .slowAgingNav li.active {
  color: #00d789;
  font-weight: 700;
}
.customHeader .slowAgingNav li.active::before {
  display: block;
}
.customHeader .slowAgingNav li:hover {
  color: #00d789;
  font-weight: 700;
}
.customHeader .navBtn {
  border: none;
  display: none;
}
@media (max-width: 768px) {
  .customHeader .navBtn {
    display: block;
  }
}

.customNav {
  visibility: hidden;
  width: 50dvw;
  height: 100dvh;
  z-index: 19;
  position: fixed;
  top: 0;
  right: 0;
  background: #00d789;
  padding: 80px 60px;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  -webkit-transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, visibility 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
}
.customNav.is-opened {
  visibility: visible;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.customNav .closeNav {
  position: absolute;
  right: 30px;
  top: 30px;
  border: none;
}
.customNav ul {
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
.customNav ul li {
  cursor: pointer;
  line-height: 45px;
  font-size: 18px;
  list-style: none;
  border-bottom: 1px solid #000;
}

header,
nav {
  display: none !important;
}

.title-with-icon {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
}

.agingBlock {
  padding: 80px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  scroll-margin-top: 80px;
  gap: 80px;
}
.agingBlock .inner {
  max-width: 800px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.agingBlock .inner .textBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: justify;
  margin: 0 auto;
}
.agingBlock .inner .textBox p {
  margin: 0;
  font-size: 17px;
  line-height: 27px;
}
.agingBlock.challenge {
  padding: 20px 0 80px 0;
}
@media (max-width: 768px) {
  .agingBlock.challenge {
    padding: 40px 25px 50px 25px;
  }
}
.agingBlock.challenge::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  aspect-ratio: 1440/30;
  background-color: #f3efea;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='30' viewBox='0 0 1440 30' fill='none'%3E%3Cpath d='M1379.57 12.1008C1396.29 10.7414 1416.45 11.2446 1440 16.8865V30H0C1.14526 28.0238 1.04211 25.8098 1.86816 24.2102C2.69434 22.6107 4.39819 21.6546 6.28748 21.0729C15.4491 19.2073 42.8829 9.20559 86.5569 14.0541C105.326 16.1378 121.093 18.0821 132.308 16.7797C138.427 16.0692 150.713 12.2832 178.439 10.958C195.73 10.1315 219.28 10.1524 231.947 10.6644C246.378 11.2477 250.31 12.0271 270.379 12.3417C288.326 12.6231 321.11 12.925 341.971 12.5057C362.832 12.0863 371.506 10.5719 386.243 10.7887C421.168 11.3026 444.314 13.3477 455.135 13.2521C475.587 13.0714 490.548 12.6386 496.724 11.5366C518.1 7.72227 540.493 7.14144 558.594 7.66433C586.042 8.45724 604.52 10.9049 637.145 12.1969C657.148 12.989 692.73 13.5463 711.73 14.3781C733.115 15.3144 744.575 17.3059 760.817 14.6625C790.138 9.89058 812.748 0.19612 838.124 5.68663C858.161 10.0217 873.195 15.8989 920.646 14.4369C940.614 13.8216 967.115 13.7713 985.876 11.7044C1015.6 8.42979 1033.3 4.36975 1047.36 2.53786C1062.13 0.613529 1082.43 -1.44157 1104.44 1.39958C1121.74 3.63421 1132.72 5.53942 1140.19 6.11968C1162.28 7.83511 1190.43 2.67869 1215.47 5.32601C1227.32 6.57865 1249.24 12.9485 1285.71 13.0508C1311.54 13.1232 1328.33 13.7614 1338.26 13.7354C1358.35 13.6828 1373.24 12.6155 1379.57 12.1008Z' fill='%23F3EFEA'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='30' viewBox='0 0 1440 30' fill='none'%3E%3Cpath d='M1379.57 12.1008C1396.29 10.7414 1416.45 11.2446 1440 16.8865V30H0C1.14526 28.0238 1.04211 25.8098 1.86816 24.2102C2.69434 22.6107 4.39819 21.6546 6.28748 21.0729C15.4491 19.2073 42.8829 9.20559 86.5569 14.0541C105.326 16.1378 121.093 18.0821 132.308 16.7797C138.427 16.0692 150.713 12.2832 178.439 10.958C195.73 10.1315 219.28 10.1524 231.947 10.6644C246.378 11.2477 250.31 12.0271 270.379 12.3417C288.326 12.6231 321.11 12.925 341.971 12.5057C362.832 12.0863 371.506 10.5719 386.243 10.7887C421.168 11.3026 444.314 13.3477 455.135 13.2521C475.587 13.0714 490.548 12.6386 496.724 11.5366C518.1 7.72227 540.493 7.14144 558.594 7.66433C586.042 8.45724 604.52 10.9049 637.145 12.1969C657.148 12.989 692.73 13.5463 711.73 14.3781C733.115 15.3144 744.575 17.3059 760.817 14.6625C790.138 9.89058 812.748 0.19612 838.124 5.68663C858.161 10.0217 873.195 15.8989 920.646 14.4369C940.614 13.8216 967.115 13.7713 985.876 11.7044C1015.6 8.42979 1033.3 4.36975 1047.36 2.53786C1062.13 0.613529 1082.43 -1.44157 1104.44 1.39958C1121.74 3.63421 1132.72 5.53942 1140.19 6.11968C1162.28 7.83511 1190.43 2.67869 1215.47 5.32601C1227.32 6.57865 1249.24 12.9485 1285.71 13.0508C1311.54 13.1232 1328.33 13.7614 1338.26 13.7354C1358.35 13.6828 1373.24 12.6155 1379.57 12.1008Z' fill='%23F3EFEA'/%3E%3C/svg%3E") no-repeat center/100% 100%;
}
.agingBlock.challenge::before {
  content: "";
  display: block;
  background: url("https://event.cw.com.tw/2026age-friendlycity/challenge_02.svg") no-repeat center/100%;
  position: absolute;
  bottom: -35px;
  left: 5vw;
  z-index: 1;
  width: 202px;
  height: 170px;
}
@media (max-width: 1024px) {
  .agingBlock.challenge::before {
    display: none;
  }
}
.agingBlock.challenge .introImg {
  max-width: 60%;
}
.agingBlock.challenge span {
  font-size: 14px;
  color: #999999;
  display: inline-block;
  margin: 0 0 10px 0;
}
.agingBlock.challenge .chartBox {
  text-align: center;
}
.agingBlock.challenge .chartBox picture {
  cursor: pointer;
}
.agingBlock.challenge .chartBox span {
  color: #079d66;
  font-size: 17px;
  line-height: 30px;
  margin: 0;
}
.agingBlock.indicator {
  background: #f3efea;
}
.agingBlock.indicator::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  aspect-ratio: 1440/30;
  background-color: #5a8655;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='30' viewBox='0 0 1440 30' fill='none'%3E%3Cpath d='M1379.57 12.1008C1396.29 10.7414 1416.45 11.2446 1440 16.8865V30H0C1.14526 28.0238 1.04211 25.8098 1.86816 24.2102C2.69434 22.6107 4.39819 21.6546 6.28748 21.0729C15.4491 19.2073 42.8829 9.20559 86.5569 14.0541C105.326 16.1378 121.093 18.0821 132.308 16.7797C138.427 16.0692 150.713 12.2832 178.439 10.958C195.73 10.1315 219.28 10.1524 231.947 10.6644C246.378 11.2477 250.31 12.0271 270.379 12.3417C288.326 12.6231 321.11 12.925 341.971 12.5057C362.832 12.0863 371.506 10.5719 386.243 10.7887C421.168 11.3026 444.314 13.3477 455.135 13.2521C475.587 13.0714 490.548 12.6386 496.724 11.5366C518.1 7.72227 540.493 7.14144 558.594 7.66433C586.042 8.45724 604.52 10.9049 637.145 12.1969C657.148 12.989 692.73 13.5463 711.73 14.3781C733.115 15.3144 744.575 17.3059 760.817 14.6625C790.138 9.89058 812.748 0.19612 838.124 5.68663C858.161 10.0217 873.195 15.8989 920.646 14.4369C940.614 13.8216 967.115 13.7713 985.876 11.7044C1015.6 8.42979 1033.3 4.36975 1047.36 2.53786C1062.13 0.613529 1082.43 -1.44157 1104.44 1.39958C1121.74 3.63421 1132.72 5.53942 1140.19 6.11968C1162.28 7.83511 1190.43 2.67869 1215.47 5.32601C1227.32 6.57865 1249.24 12.9485 1285.71 13.0508C1311.54 13.1232 1328.33 13.7614 1338.26 13.7354C1358.35 13.6828 1373.24 12.6155 1379.57 12.1008Z' fill='%23F3EFEA'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='30' viewBox='0 0 1440 30' fill='none'%3E%3Cpath d='M1379.57 12.1008C1396.29 10.7414 1416.45 11.2446 1440 16.8865V30H0C1.14526 28.0238 1.04211 25.8098 1.86816 24.2102C2.69434 22.6107 4.39819 21.6546 6.28748 21.0729C15.4491 19.2073 42.8829 9.20559 86.5569 14.0541C105.326 16.1378 121.093 18.0821 132.308 16.7797C138.427 16.0692 150.713 12.2832 178.439 10.958C195.73 10.1315 219.28 10.1524 231.947 10.6644C246.378 11.2477 250.31 12.0271 270.379 12.3417C288.326 12.6231 321.11 12.925 341.971 12.5057C362.832 12.0863 371.506 10.5719 386.243 10.7887C421.168 11.3026 444.314 13.3477 455.135 13.2521C475.587 13.0714 490.548 12.6386 496.724 11.5366C518.1 7.72227 540.493 7.14144 558.594 7.66433C586.042 8.45724 604.52 10.9049 637.145 12.1969C657.148 12.989 692.73 13.5463 711.73 14.3781C733.115 15.3144 744.575 17.3059 760.817 14.6625C790.138 9.89058 812.748 0.19612 838.124 5.68663C858.161 10.0217 873.195 15.8989 920.646 14.4369C940.614 13.8216 967.115 13.7713 985.876 11.7044C1015.6 8.42979 1033.3 4.36975 1047.36 2.53786C1062.13 0.613529 1082.43 -1.44157 1104.44 1.39958C1121.74 3.63421 1132.72 5.53942 1140.19 6.11968C1162.28 7.83511 1190.43 2.67869 1215.47 5.32601C1227.32 6.57865 1249.24 12.9485 1285.71 13.0508C1311.54 13.1232 1328.33 13.7614 1338.26 13.7354C1358.35 13.6828 1373.24 12.6155 1379.57 12.1008Z' fill='%23F3EFEA'/%3E%3C/svg%3E") no-repeat center/100% 100%;
}
.agingBlock.indicator .indicatorBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  max-width: 700px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .agingBlock.indicator .indicatorBox {
    gap: 10px;
  }
}
.agingBlock.indicator .indicatorBox img {
  min-width: 110px;
  max-width: 215px;
  width: 100%;
  height: auto;
}
.agingBlock.indicator .indicatorBox .detail {
  min-width: 220px;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border: 1px solid #689750;
  line-height: 26px;
  font-size: 16px;
  box-sizing: border-box;
}
.agingBlock.indicator .indicatorBox .detail b {
  color: #689750;
}
.agingBlock.expert {
  background: #5a8655;
}
.agingBlock.expert .title-with-icon {
  color: #fff;
}
.agingBlock.expert .title-with-icon:before {
  color: #fff;
}
.agingBlock.expert::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  width: 100%;
  aspect-ratio: 1440/30;
  background-color: #ffffff;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='30' viewBox='0 0 1440 30' fill='none'%3E%3Cpath d='M1379.57 12.1008C1396.29 10.7414 1416.45 11.2446 1440 16.8865V30H0C1.14526 28.0238 1.04211 25.8098 1.86816 24.2102C2.69434 22.6107 4.39819 21.6546 6.28748 21.0729C15.4491 19.2073 42.8829 9.20559 86.5569 14.0541C105.326 16.1378 121.093 18.0821 132.308 16.7797C138.427 16.0692 150.713 12.2832 178.439 10.958C195.73 10.1315 219.28 10.1524 231.947 10.6644C246.378 11.2477 250.31 12.0271 270.379 12.3417C288.326 12.6231 321.11 12.925 341.971 12.5057C362.832 12.0863 371.506 10.5719 386.243 10.7887C421.168 11.3026 444.314 13.3477 455.135 13.2521C475.587 13.0714 490.548 12.6386 496.724 11.5366C518.1 7.72227 540.493 7.14144 558.594 7.66433C586.042 8.45724 604.52 10.9049 637.145 12.1969C657.148 12.989 692.73 13.5463 711.73 14.3781C733.115 15.3144 744.575 17.3059 760.817 14.6625C790.138 9.89058 812.748 0.19612 838.124 5.68663C858.161 10.0217 873.195 15.8989 920.646 14.4369C940.614 13.8216 967.115 13.7713 985.876 11.7044C1015.6 8.42979 1033.3 4.36975 1047.36 2.53786C1062.13 0.613529 1082.43 -1.44157 1104.44 1.39958C1121.74 3.63421 1132.72 5.53942 1140.19 6.11968C1162.28 7.83511 1190.43 2.67869 1215.47 5.32601C1227.32 6.57865 1249.24 12.9485 1285.71 13.0508C1311.54 13.1232 1328.33 13.7614 1338.26 13.7354C1358.35 13.6828 1373.24 12.6155 1379.57 12.1008Z' fill='%23F3EFEA'/%3E%3C/svg%3E") no-repeat center/100% 100%;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='30' viewBox='0 0 1440 30' fill='none'%3E%3Cpath d='M1379.57 12.1008C1396.29 10.7414 1416.45 11.2446 1440 16.8865V30H0C1.14526 28.0238 1.04211 25.8098 1.86816 24.2102C2.69434 22.6107 4.39819 21.6546 6.28748 21.0729C15.4491 19.2073 42.8829 9.20559 86.5569 14.0541C105.326 16.1378 121.093 18.0821 132.308 16.7797C138.427 16.0692 150.713 12.2832 178.439 10.958C195.73 10.1315 219.28 10.1524 231.947 10.6644C246.378 11.2477 250.31 12.0271 270.379 12.3417C288.326 12.6231 321.11 12.925 341.971 12.5057C362.832 12.0863 371.506 10.5719 386.243 10.7887C421.168 11.3026 444.314 13.3477 455.135 13.2521C475.587 13.0714 490.548 12.6386 496.724 11.5366C518.1 7.72227 540.493 7.14144 558.594 7.66433C586.042 8.45724 604.52 10.9049 637.145 12.1969C657.148 12.989 692.73 13.5463 711.73 14.3781C733.115 15.3144 744.575 17.3059 760.817 14.6625C790.138 9.89058 812.748 0.19612 838.124 5.68663C858.161 10.0217 873.195 15.8989 920.646 14.4369C940.614 13.8216 967.115 13.7713 985.876 11.7044C1015.6 8.42979 1033.3 4.36975 1047.36 2.53786C1062.13 0.613529 1082.43 -1.44157 1104.44 1.39958C1121.74 3.63421 1132.72 5.53942 1140.19 6.11968C1162.28 7.83511 1190.43 2.67869 1215.47 5.32601C1227.32 6.57865 1249.24 12.9485 1285.71 13.0508C1311.54 13.1232 1328.33 13.7614 1338.26 13.7354C1358.35 13.6828 1373.24 12.6155 1379.57 12.1008Z' fill='%23F3EFEA'/%3E%3C/svg%3E") no-repeat center/100% 100%;
}
.agingBlock.expert::before {
  content: "";
  display: block;
  background: url("https://event.cw.com.tw/2026age-friendlycity/indicator_02.svg") no-repeat center/100%;
  position: absolute;
  top: -80px;
  left: 5vw;
  z-index: 1;
  width: 161px;
  height: 228px;
}
@media (max-width: 1024px) {
  .agingBlock.expert::before {
    display: none;
  }
}
.agingBlock.expert .expertList {
  max-width: 700px;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 30px;
}
.agingBlock.expert .expertList .expertItem {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 768px) {
  .agingBlock.expert .expertList .expertItem {
    gap: 0px;
  }
}
.agingBlock.expert .expertList .expertItem:nth-child(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.agingBlock.expert .expertList .expertItem .expertText b {
  font-size: 24px;
  line-height: 35px;
  font-weight: 500;
  color: #ffee2e;
  position: relative;
  padding: 20px 30px;
  display: inline-block;
}
@media (max-width: 768px) {
  .agingBlock.expert .expertList .expertItem .expertText b {
    font-size: 16px;
    line-height: 23px;
    padding: 20px;
  }
}
.agingBlock.expert .expertList .expertItem .expertText b::before {
  content: "";
  background: url("https://event.cw.com.tw/2026age-friendlycity/quote.svg") no-repeat center/100%;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
}
@media (max-width: 768px) {
  .agingBlock.expert .expertList .expertItem .expertText b::before {
    width: 17px;
    height: 17px;
  }
}
.agingBlock.expert .expertList .expertItem .expertText b::after {
  content: "";
  background: url("https://event.cw.com.tw/2026age-friendlycity/quote.svg") no-repeat center/100%;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media (max-width: 768px) {
  .agingBlock.expert .expertList .expertItem .expertText b::after {
    width: 17px;
    height: 17px;
    bottom: 15px;
  }
}
.agingBlock.expert .expertList .expertItem .expertText p {
  line-height: 30px;
  font-size: 16px;
  color: #fff;
  margin: 0 0 0 30px;
}
.agingBlock.expert .expertList .expertItem .expertText p span {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
  margin: 0 0 0 10px;
  vertical-align: baseline;
}
@media (max-width: 768px) {
  .agingBlock.expert .expertList .expertItem .expertText p span {
    margin: 0 0 0 5px;
    font-size: 14px;
  }
}
@media (max-width: 768px) {
  .agingBlock.expert .expertList .expertItem .expertText p {
    margin: 0 0 0 20px;
    letter-spacing: 0;
    font-size: 12px;
  }
}
.agingBlock.expert .expertList .expertItem img {
  min-width: 150px;
}
.agingBlock.ranking {
  gap: 0px;
  padding: 80px 0 0 0;
}
@media (max-width: 768px) {
  .agingBlock.ranking {
    padding: 50px 0 0 0;
  }
}
.agingBlock.ranking .inner {
  padding: 80px 0;
  gap: 60px;
  max-width: 100%;
}
.agingBlock.ranking .inner:first-child {
  padding: 0 0 80px 0;
  border-bottom: 1px solid #00d789;
}
@media (max-width: 768px) {
  .agingBlock.ranking .inner:first-child {
    padding: 0 25px 50px 25px;
  }
}
@media (max-width: 768px) {
  .agingBlock.ranking .inner {
    gap: 20px;
    padding: 50px 25px 0 25px;
  }
}
.agingBlock.ranking::before {
  content: "";
  display: block;
  background: url("https://event.cw.com.tw/2026age-friendlycity/ranking_07.svg") no-repeat center/100%;
  position: absolute;
  top: -73px;
  right: 2vw;
  z-index: 1;
  width: 331px;
  height: 144px;
}
@media (max-width: 1024px) {
  .agingBlock.ranking::before {
    display: none;
  }
}
.agingBlock.ranking .rankList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 768px) {
  .agingBlock.ranking .rankList {
    gap: 20px;
  }
}
.agingBlock.ranking .rankList img {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 0;
  height: auto;
}
.agingBlock.ranking .lineBox {
  text-align: center;
  padding: 30px 0;
}
@media (max-width: 768px) {
  .agingBlock.ranking .lineBox {
    padding: 50px 0 0 0;
  }
}
.agingBlock.ranking .lineBox i {
  display: block;
  font-style: normal;
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  margin: 0 0 30px 0;
}
@media (max-width: 768px) {
  .agingBlock.ranking .lineBox i {
    padding: 0 50px;
  }
}
.agingBlock.ranking .lineBox a {
  display: inline-block;
}
@media (max-width: 768px) {
  .agingBlock {
    gap: 50px;
    scroll-margin-top: 50px;
    padding: 50px 25px;
    gap: 50px;
    scroll-margin-top: 50px;
  }
}

.popupBlock {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 20px;
  background: rgba(0, 0, 0, 0.3);
  z-index: 999;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.popupBlock.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 768px) {
  .popupBlock {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.popupBlock .popupInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 880px;
}
.popupBlock .popupInner .closeBtn {
  width: 50px;
  height: 50px;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.popupBlock .popupInner picture {
  max-height: calc(100dvh - 70px);
  overflow: auto;
}
.popupBlock .popupInner picture img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}