:root {
  --color-brand: #115BE6;
  --color-brand-sub: #105BE6;
  --color-brand-light: #FFFFFF;
  --color-error: #dc3545;
  --color-main-bg: #FFFFFF;
  --color-sidebar-bg: #F5F5F5;
  --color-header-bg: #FFFFFF;
  --color-footer-bg: #2E2E2E;
  --color-surface: #F5F5F5;
  --color-button: #FF690B;
  --color-label-eiken: #E61912;
  --color-text: #0F0F0F;
  --color-text-sub: #A3A3A3;
  --color-text-on-dark: #FFFFFF;
  --color-text-link: #115BE6;
  --color-text-red: #E61912;
  --color-accent: #F0E92A;
  --color-Glimmer: #FF680D;
  --color-Twinkle: #FBB42E;
  --color-Sparkle: #1BC43B;
  --color-Shine: #1DC39D;
  --color-Glow: #34CCD9;
  --color-Flare: #0277DE;
  --color-Radiant: #8746DB;
}

.news .news__inner {
  width: clamp(1px, 91.3114754098%, 1114px);
  display: flex;
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .news .news__inner {
    width: clamp(320px, 94.6666666667%, 600px);
    flex-direction: column;
  }
}
.news .news__inner .news__category-box {
  width: 22.1723518851%;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  .news .news__inner .news__category-box {
    width: 100%;
    display: flex;
    position: relative;
    column-gap: 20px;
    padding-right: 0;
    padding-bottom: 30px;
  }
  .news .news__inner .news__category-box::after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: #A3A3A3;
  }
}
.news .news__inner .news__category-box .news__category-title {
  font-size: 2.8rem;
  line-height: 1.3571428571;
}
@media (max-width: 1023px) {
  .news .news__inner .news__category-box .news__category-title {
    font-size: 2.2rem;
    line-height: 1.3636363636;
  }
}
.news .news__inner .news__category-box .news__category-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  color: var(--color-text-on-dark);
  margin-top: 20px;
}
@media (max-width: 1023px) {
  .news .news__inner .news__category-box .news__category-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 5px;
  }
}
.news .news__inner .news__category-box .news__category-list .news__category-item .news__category-link {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 32px;
  letter-spacing: 0.06em;
  background-color: var(--color-brand-sub);
  border-radius: 16px;
  padding: 0 20px;
}
@media (max-width: 1023px) {
  .news .news__inner .news__category-box .news__category-list .news__category-item .news__category-link {
    line-height: 28px;
  }
}
.news .news__inner .news__content {
  width: 77.8276481149%;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content {
    width: 100%;
    padding-top: 30px;
  }
}
.news .news__inner .news__content .news__list {
  width: 100%;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content .news__list {
    position: relative;
    padding-bottom: 30px;
  }
  .news .news__inner .news__content .news__list::after {
    content: "";
    width: 100%;
    height: 1px;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: #A3A3A3;
  }
}
.news .news__inner .news__content .news__list .news__item:not(:first-child) {
  margin-top: 40px;
}
.news .news__inner .news__content .news__list .news__item .news__link {
  display: flex;
  column-gap: 34px;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content .news__list .news__item .news__link {
    column-gap: 12px;
  }
}
.news .news__inner .news__content .news__list .news__item .news__link .news__thumbnail {
  width: 19.4444444444vw;
  height: 12.5vw;
  max-width: 280px;
  max-height: clamp(120px, 12.5vw, 180px);
  border-radius: 20px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content .news__list .news__item .news__link .news__thumbnail {
    width: 35.2vw;
    height: 26.6666666667vw;
    max-width: 171px;
    max-height: clamp(100px, 26.6666666667vw, 130px);
    aspect-ratio: 132/100;
    height: auto;
  }
}
.news .news__inner .news__content .news__list .news__item .news__link .news__thumbnail img {
  height: 100%;
  object-fit: cover;
}
.news .news__inner .news__content .news__list .news__item .news__link .news__info {
  width: 63.783160323%;
}
.news .news__inner .news__content .news__list .news__item .news__link .news__info .news__meta {
  font-size: 1.6rem;
  line-height: 2;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content .news__list .news__item .news__link .news__info .news__meta {
    display: flex;
    flex-direction: column-reverse;
    row-gap: 6px;
  }
}
.news .news__inner .news__content .news__list .news__item .news__link .news__info .news__meta .news__date {
  letter-spacing: 0.06em;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content .news__list .news__item .news__link .news__info .news__meta .news__date {
    font-size: 1.4rem;
    line-height: 1.3571428571;
  }
}
.news .news__inner .news__content .news__list .news__item .news__link .news__info .news__meta .news__category {
  color: var(--color-text-on-dark);
  background-color: var(--color-brand-sub);
  border-radius: 16px;
  padding: 0 16px;
  margin-left: 18px;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content .news__list .news__item .news__link .news__info .news__meta .news__category {
    width: fit-content;
    font-size: 1.2rem;
    line-height: 25px;
    margin-left: 0;
  }
}
.news .news__inner .news__content .news__list .news__item .news__link .news__info .news__title {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  word-break: break-all;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .news .news__inner .news__content .news__list .news__item .news__link .news__info .news__title {
    font-size: 1.4rem;
    line-height: 1.4285714286;
    margin-top: 3px;
  }
}
.news .news__pagination {
  display: flex;
  justify-content: center;
  gap: 14px;
  margin-top: 100px;
}
@media (max-width: 1023px) {
  .news .news__pagination {
    margin-top: 30px;
  }
}
.news .news__pagination a, .news .news__pagination span {
  width: 36px;
  height: 38px;
  display: inline-block;
  font-size: 1.6rem;
  line-height: 36px;
  color: #9B9A9A;
  text-align: center;
  border: 1px solid #9B9A9A;
  border-radius: 6px;
}
.news .news__pagination .current {
  color: var(--color-main-bg);
  background-color: var(--color-button);
  border: 1px solid var(--color-button);
}

.news-detail .news-detail__inner {
  width: clamp(1px, 81.1475409836%, 990px);
  margin: 0 auto;
}
@media (max-width: 1023px) {
  .news-detail .news-detail__inner {
    width: clamp(320px, 94.6666666667%, 600px);
  }
}
.news-detail .news-detail__inner .news-detail__meta .news-detail__date {
  font-size: 1.8rem;
  line-height: 32px;
  letter-spacing: 0.06em;
}
@media (max-width: 1023px) {
  .news-detail .news-detail__inner .news-detail__meta .news-detail__date {
    font-size: 1.6rem;
    line-height: 28px;
  }
}
.news-detail .news-detail__inner .news-detail__meta .news-detail__category {
  display: inline-block;
  font-size: 1.6rem;
  line-height: 32px;
  letter-spacing: 0.06em;
  color: var(--color-text-on-dark);
  background-color: var(--color-brand-sub);
  border-radius: 16px;
  padding: 0 16px;
  margin-left: 12px;
}
@media (max-width: 1023px) {
  .news-detail .news-detail__inner .news-detail__meta .news-detail__category {
    font-size: 1.4rem;
    line-height: 28px;
    padding: 0 10px;
    margin-left: 16px;
  }
}
.news-detail .news-detail__inner .news-detail__title {
  font-size: 2.2rem;
  line-height: 1.6363636364;
  margin-top: 10px;
}
@media (max-width: 1023px) {
  .news-detail .news-detail__inner .news-detail__title {
    font-size: 1.8rem;
    line-height: 1.2222222222;
    margin-top: 9px;
  }
}
.news-detail .news-detail__inner .news-detail__content {
  margin-top: 23px;
}
@media (max-width: 1023px) {
  .news-detail .news-detail__inner .news-detail__content {
    margin-top: 30px;
  }
}
.news-detail .news-detail__inner .news-detail__content img {
  width: auto;
}
.news-detail .news-detail__inner .news-detail__back {
  width: 200px;
  height: 60px;
  display: block;
  font-size: 1.6rem;
  line-height: 60px;
  letter-spacing: 0;
  color: var(--color-text-on-dark);
  text-align: center;
  background-color: var(--color-button);
  border-radius: 30px;
  margin: 120px auto 0;
}
@media (max-width: 1023px) {
  .news-detail .news-detail__inner .news-detail__back {
    margin: 60px auto 0;
  }
}/*# sourceMappingURL=page-news.css.map */