.kv {
  position: relative;
}

.kv__grid {
  position: relative;
  line-height: 0;
  height: 102.4rem;
  margin: 0 auto;
}

.kv__grid>img {
  position: absolute;
  opacity: 0;
  transform: translateY(8px);
}

.kv__grid>img.is-inview {
  animation: kvFade 800ms ease-out forwards;
}

/* Prevent initial flash before JS kicks in */
.is-prehide-kv #img-frame,
.is-prehide-kv .kv__grid>img,
.is-prehide-kv .kv__inner {
  opacity: 0 !important;
  animation: none !important;
}

@keyframes kvFade {
  from {
    transform: translateY(8px);
    opacity: 0;
  }

  to {
    transform: translateY(0);
    opacity: 1;
  }
}

@media (prefers-reduced-motion: reduce) {

  .kv__grid>img,
  .kv__grid>img.is-inview {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

#img-frame {
  width: 126.1rem;
  height: auto;
  top: 2rem;
  left: 2rem;
  opacity: 0;
  transform: translateY(8px);
}

#img-kv1 {
  width: 58.96694rem;
  height: 39.31129rem;
  top: 14.4rem;
  left: 0;
  animation-delay: 0ms;
}

#img-kv2 {
  width: 34.53566rem;
  height: 23.01946rem;
  top: 0;
  left: 60rem;
  animation-delay: 100ms;
}

#img-kv3 {
  width: 31.0821rem;
  height: 17.42297rem;
  top: 5.5rem;
  right: 3.1rem;
  animation-delay: 200ms;
}

#img-kv4 {
  width: 44.68304rem;
  height: 29.78869rem;
  top: 24rem;
  left: 60rem;
  animation-delay: 300ms;
}

#img-kv5 {
  width: 31.40143rem;
  height: 20.93429rem;
  top: 54.7rem;
  left: 12.3rem;
  animation-delay: 400ms;
}

#img-kv6 {
  width: 31.40143rem;
  height: 20.93429rem;
  top: 76.6rem;
  left: 12.3rem;
  animation-delay: 500ms;
}

#img-kv7 {
  width: 58.96694rem;
  height: 39.29778rem;
  top: 54.7rem;
  left: 44.7rem;
  animation-delay: 600ms;
}

#img-kv8 {
  width: 25.23514rem;
  height: 33.64686rem;
  top: 54.7rem;
  right: 0;
  animation-delay: 700ms;
}

.kv__grid-inner {
  position: absolute;
  width: 82.3rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  line-height: 1;
  z-index: 2;
  opacity: 0;
  transition: opacity 900ms cubic-bezier(0.4, 0, 0.2, 1);
}

.kv__grid-title {
  margin-bottom: 2rem;
  width: 100%;
  height: auto;
  display: block;
  opacity: 0;
  transition: opacity 450ms cubic-bezier(0.4, 0, 0.2, 1) 120ms;
}

.kv__grid-title img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.kv__grid-subtitle {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  opacity: 0;
  transition: opacity 450ms cubic-bezier(0.4, 0, 0.2, 1) 220ms,
    transform 450ms cubic-bezier(0.4, 0, 0.2, 1) 220ms;
}

.kv__grid-inner.is-inview {
  opacity: 1;
}

.kv__grid-inner.is-inview .kv__grid-title,
.kv__grid-inner.is-inview .kv__grid-subtitle {
  opacity: 1;
}

.kv__grid-inner.is-inview .kv__grid-subtitle {
  transform: translateY(0);
}

/* 3秒フェードアウト用 */
.kv__grid-inner.is-fadeout {
  opacity: 0;
  transition-duration: 2000ms;
  /* only opacity changes */
}

@media (max-width: 767px) {
  .kv__grid-inner {
    width: 32.8rem;
    transform: translate(-50%, 0%);
  }

  .kv__grid-inner.is-inview {
    opacity: 1;
  }

  /* Ensure fadeout wins on mobile (overrides .is-inview) */
  .kv__grid-inner.is-fadeout,
  .kv__grid-inner.is-inview.is-fadeout {
    opacity: 0;
    transition: opacity 2000ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .kv__grid-title {
    margin-bottom: 1rem;
  }

  .kv__grid-subtitle {
    font-size: 1.4rem;
  }
}

.kv__inner {
  position: relative;
  z-index: 1;
  margin: 0 auto 18rem;
  width: 82.3rem;
  text-align: center;
  line-height: 1;
  opacity: 0;
  transform: translateY(12px);
}

.kv__inner.is-inview {
  animation: kvInnerFade 800ms ease-out forwards;
  animation-delay: 900ms;
}

.kv__title {
  margin-bottom: 2.2rem;
}

.kv__subtitle {
  margin-bottom: 6.4rem;
  font-size: 2.4rem;
  font-weight: 700;
}

.kv__copy {
  margin-bottom: 2.4rem;
  font-size: 1.8rem;
}

.kv__copy span {
  margin-bottom: 2rem;
  letter-spacing: 0.6em;
}

.kv__copy span:first-child {
  display: block;
}

.kv__copy span:last-child {
  margin-bottom: 0;
}

/* モーダル用サムネデータ（非表示・[hidden] 併用） */
.gallery-works-data {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ========== Global Parallax (page-wide background) ========== */
.global-parallax {
  position: fixed;
  inset: 0;
  background-image: url('../images/bg.jpg');
  /* Scale from a design base width via element transform */
  background-size: 1280px auto;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: -1;
  pointer-events: none;
  will-change: transform, opacity;
  opacity: 0;
  transition: opacity 500ms ease-out;
  transform-origin: center top;
}

/* ========== Global fixed IMG background (Nintendo style) ========== */
.global-bg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  /* cover viewport without gaps */
  object-position: center top;
  z-index: -1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 500ms ease-out;
}

.global-bg.is-visible {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .global-parallax {
    transform: none !important;
  }
}

.global-parallax.is-visible {
  opacity: 1;
}

/* Header background gradient (top solid -> bottom transparent) */
.site-header {
  background: linear-gradient(180deg, var(--maincolor) 0%, rgba(18, 22, 89, 0) 100%);
}

/* (intro overlay removed, revert to previous behavior) */

/* ========== KV section: center and limit width at 1300px+ ========== */
@media screen and (min-width: 1300px) {
  .kv {
    max-width: 1300px;
    margin: 0 auto;
  }

  .kv__grid {
    max-width: 1300px;
  }
}

/* ========== Global BG image (index.html .global-bg) ========== */
.global-bg {
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  /* default framing */
  z-index: -1;
  pointer-events: none;
}

@media (max-width: 767px) {
  .global-bg {
    /* shift the visible area horizontally on mobile */
    object-position: 60% top;
    /* tweak this percentage to fine-tune left/right */
  }
}

/* ========== Parallax background ========== */
.parallax-bg {
  position: relative;
  height: 40rem;
  margin: 12rem 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  /* basic parallax fallback */
  will-change: background-position;
}

@media (prefers-reduced-motion: reduce) {
  .parallax-bg {
    background-attachment: scroll;
  }
}

/* Modal */
.modal {
  position: fixed;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, 0);
  z-index: 1000;
  padding: 2rem;
  overflow-y: auto;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.modal.is-open {
  display: flex;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal__content {
  position: relative;
  max-width: min(90vw, 100rem);
  width: 100%;
  background-color: rgba(62, 58, 57, 0.9);
  color: var(--white);
  padding: 4rem;
  margin: auto;
  opacity: 0;
  transform: scale(0.96);
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
    transform 220ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
}

.modal.is-open .modal__content {
  opacity: 1;
  transform: scale(1);
}

.modal__content.is-transitioning {
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* Modal close button */
.modal__close {
  position: fixed;
  top: 2rem;
  right: 2rem;
  width: 5rem;
  height: 5rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease-out;
}

.modal__close:hover {
  opacity: 0.7;
}

.modal__close-icon {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}

.modal__close-icon::before,
.modal__close-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2.5rem;
  height: 0.1rem;
  background-color: var(--white);
  transform-origin: center;
}

.modal__close-icon::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Modal navigation buttons */
.modal__nav {
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
  width: 5rem;
  height: 5rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 1001;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease-out;
}

.modal__nav:hover {
  opacity: 0.7;
}

.modal__nav--prev {
  left: 2rem;
}

.modal__nav--next {
  right: 2rem;
}

.modal__nav-icon {
  position: relative;
  width: 2.5rem;
  height: 2.5rem;
}

.modal__nav--prev .modal__nav-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.5rem;
  height: 0.1rem;
  background-color: var(--white);
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: left center;
}

.modal__nav--prev .modal__nav-icon::after {
  content: '';
  position: absolute;
  bottom: 50%;
  left: 0;
  width: 1.5rem;
  height: 0.1rem;
  background-color: var(--white);
  transform: translateY(50%) rotate(45deg);
  transform-origin: left center;
}

.modal__nav--next .modal__nav-icon::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1.5rem;
  height: 0.1rem;
  background-color: var(--white);
  transform: translateY(-50%) rotate(45deg);
  transform-origin: right center;
}

.modal__nav--next .modal__nav-icon::after {
  content: '';
  position: absolute;
  bottom: 50%;
  right: 0;
  width: 1.5rem;
  height: 0.1rem;
  background-color: var(--white);
  transform: translateY(50%) rotate(-45deg);
  transform-origin: right center;
}

/* 同一賞に複数作品があるときのみ prev/next を表示 */
#galleryModal .modal__nav {
  display: none;
}

#galleryModal.is-multi.is-open .modal__nav {
  display: flex;
}

.modal__image {
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 70vh;
  display: block;
  margin-bottom: 3.8rem;
  object-fit: contain;
  object-position: center;
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.modal__image.is-fading {
  opacity: 0;
}

.modal__text {
  text-align: center;
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.modal__text.is-fading {
  opacity: 0;
}

.modal__award-title {
  font-size: 2.2rem;
  margin: 0 0 1rem;
  text-align: center;
  color: var(--white);
  line-height: 1;
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.modal__award-subtitle {
  font-size: 2.2rem;
  margin: 0 0 3.8rem;
  text-align: center;
  color: var(--white);
  transition: opacity 220ms cubic-bezier(0.4, 0, 0.2, 1);
}

.modal__award-title.is-fading,
.modal__award-subtitle.is-fading {
  opacity: 0;
}

.modal__author {
  font-size: 1.8rem;
  margin: 0 0 1.3rem;
  color: var(--white);
}

.modal__author-name,
.modal__author-title {
  display: inline;
}

.modal__author-title {
  margin-left: 0.5em;
}

.modal__location {
  font-size: 1.6rem;
  margin: 0 0 2rem;
  color: var(--white);
}

.modal__description {
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0;
  color: var(--white);
  text-align: left;
}

/* ========== Outline section ========== */
.outline .container {
  width: 78.8rem;
  margin: 0 auto;
}

.outline {
  margin-bottom: 19rem;
}

/* ========== 終了告知セクション ========== */
.outline--closed .outline__closed-title {
  font-size: 3.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.6;
  margin-bottom: 8.5rem;
  color: var(--white);
}

/* 終了告知セクションの dt は均等配置（両端揃え） */
.outline--closed .outline__row dt {
  flex: 0 0 10.7rem;
  text-align: justify;
  text-align-last: justify;
  white-space: nowrap;
}

/* 終了告知の表彰リストでは ● を維持（既存の::before を継承） */
/* 既存のスタイルがそのまま適用されるためオーバーライド不要 */


/* 選定基準の改行後インデントされた説明文 */
.outline__criteria-desc {
  display: inline-block;
  padding-left: 2.6rem;
}

/* 終了告知の選定基準でのbrスタイル */
.outline__criteria-br {
  display: block;
}

/* 終了告知：丸囲み数字のスタイル（①②③） */
.outline--closed .outline__number {
  display: inline-block;
  width: auto;
  height: auto;
  border: none;
  border-radius: 0;
  text-align: left;
  line-height: inherit;
  margin-right: 0.3rem;
  font-size: inherit;
  font-weight: 400;
  vertical-align: baseline;
  text-indent: 0;
}

.outline--closed .outline__criteria li {
  text-indent: -1.3em;
  padding-left: 1.3em;
  line-height: 1.6;
}

.outline--closed .outline__criteria li:first-child {
  margin-top: -0.3rem;
}

@media (max-width: 767px) {
  .outline--closed .outline__closed-title {
    font-size: 2rem;
    margin-bottom: 3rem;
  }

  .outline__closed-title-break {
    display: block;
  }

  .outline__criteria-desc {
    padding-left: 0;
  }

  .outline--closed .outline__row dt {
    flex: 0 0 8.2rem;
  }

  .outline--closed .outline__criteria li:first-child {
    margin-top: -0.1rem;
  }

  .outline--closed .outline__criteria li {
    line-height: 1.5;
    text-indent: 0;
    padding-left: 0;
  }

  .outline--closed .outline__number {
    position: static;
    width: auto;
    margin-right: 0.3em;
  }
}

/* ========== 受賞作品（本大会） ========== */
.winners {
  margin-bottom: 9rem;
}

.winners__container {
  width: 82rem;
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
  color: var(--white);
  /* padding: 0 1.5rem; */
  box-sizing: border-box;
}

.winners__header {
  margin-bottom: 5rem;
}

.winners__subnav {
  margin: -1.5rem 0 5rem;
  padding: 2rem 0 5rem;
}

#winners-heading {
  scroll-margin-top: 4rem;
}

.winners__group[id^="award-cat-"] {
  scroll-margin-top: 4rem;
}

.winners__subnav-rows {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1.2rem;
}

.winners__subnav-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1rem 1.2rem;
}

.winners__subnav-list--primary {
  justify-content: center;
}

.winners__subnav-list--secondary {
  justify-content: center;
  gap: 0.75rem 1rem;
  flex-wrap: nowrap;
}

@media (max-width: 1024px) and (min-width: 768px) {
  .winners__subnav-list--secondary {
    flex-wrap: wrap;
  }
}

.winners__subnav-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  max-width: 100%;
  padding: 0.55em 0.6em;
  border: 1px solid var(--white);
  border-radius: 0;
  color: var(--white);
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.25;
  text-align: center;
  text-decoration: none;
  -webkit-transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
  transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.winners__subnav-link--year {
  width: 50rem;
}

.winners__subnav-link--emotional {
  width: 18rem;
}

.winners__subnav-link--love {
  width: 11.5rem;
}

.winners__subnav-link--amazing {
  width: 16.3rem;
}

.winners__subnav-link--terminal {
  width: 16.6rem;
}

.winners__subnav-link--airplane {
  width: 16.3rem;
}

@media (hover: hover) {
  .winners__subnav-link:hover {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--maincolor);
  }
}

.winners__subnav-link:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 3px;
}

.winners__subnav-back {
  margin: 5rem 0 0;
  padding: 0;
  text-align: right;
}

.winners__subnav-back-link {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: rgba(255, 255, 255, 0.88);
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.35);
  padding-bottom: 0.12em;
  -webkit-transition: color 0.2s ease, border-color 0.2s ease;
  transition: color 0.2s ease, border-color 0.2s ease;
}

@media (hover: hover) {
  .winners__subnav-back-link:hover {
    color: var(--white);
    border-bottom-color: var(--white);
  }
}

.winners__subnav-back-link:focus-visible {
  outline: 2px solid var(--white);
  outline-offset: 4px;
}

.winners__title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.8rem;
  margin: 0 0 1.3rem;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

.winners__crown {
  flex-shrink: 0;
  width: 2.8rem;
  height: auto;
  display: block;
}

.winners__title-img {
  display: block;
  height: auto;
  width: 21.5rem;
}

.winners__closed {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.4rem;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.12em;
  line-height: 1.5;
}

.winners__closed-line {
  flex: 1;
  max-width: 4.4rem;
  height: 1px;
  background: rgba(255, 255, 255, 1);
}

.winners__closed-text {
  flex-shrink: 0;
}

.winners__entries {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.winners__group {
  margin-bottom: 10rem;
}

.winners__group:last-child {
  margin-bottom: 0;
}

.winners__group .winners__entry + .winners__entry {
  margin-top: 4.6rem;
}

.winners__entry {
  margin: 0 auto;
}

#award-2 .winners__figure { max-width: 40rem; }
#award-3 .winners__figure { max-width: 60rem; }
#award-4 .winners__figure { max-width: 40rem; }
#award-5 .winners__figure { max-width: 40rem; }
#award-6 .winners__figure { max-width: 59.6rem; }
#award-7 .winners__figure { max-width: 53rem; }
#award-8 .winners__figure { max-width: 60rem; }
#award-9 .winners__figure { max-width: 60rem; }
#award-10 .winners__figure { max-width: 59.6rem; }
#award-11 .winners__figure { max-width: 42.4rem; }
#award-12 .winners__figure { max-width: 53rem; }


.winners__award-title-wrap {
  margin: 0 0 1rem;
  padding: 0.4rem 0;
  border-top: 1px solid rgba(255, 255, 255, 1);
  border-bottom: 1px solid rgba(255, 255, 255, 1);
  background: transparent;
}

.winners__award-title-inner {
  padding: 1.3rem 0;
  /*
   * SP / 一部 WebView で「端が rgba(255,255,255,0) の linear-gradient」が白ベタに潰れる事例あり。
   * ・白の完全透明ではなくページ地色(#121659)の透明でフェードさせる
   * ・background-color は transparent（透明部は親の地を見せる。白ベタ回避が目的）
   * ・translateZ(0) で合成レイヤーを分離（GPU まわりの描画バグ回避のおまじない）
   */
  background-color: transparent;
  background-image: linear-gradient(
    90deg,
    rgba(18, 22, 89, 0) 0%,
    rgb(255, 255, 255) 15%,
    rgb(255, 255, 255) 85%,
    rgba(18, 22, 89, 0) 100%
  );
  background-repeat: no-repeat;
  background-size: 100% 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.winners__award-title-wrap .winners__award-title {
  margin: 0;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.14em;
  text-align: center;
  color: #121659;
}

.winners__award-title-br {
  display: none;
}

.winners__award-subtitle {
  font-size: 2.5rem;
  margin: 0 0 5rem;
  line-height: 1;
  font-weight: 700;
}

.winners__figure {
  margin: 0 auto 2.1rem;
  max-width: 40rem;
}

.winners__photo {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 0.4rem;
}

.winners__credit {
  font-size: 2.3rem;
  font-weight: 700;
  margin: 0px 0 1.2rem;
  line-height: 1;
}

.winners__credit-gap {
  display: inline-block;
  width: 0.75em;
}

.winners__location {
  font-size: 1.8rem;
  margin: 0 0 2.1rem;
  font-weight: 700;
  line-height: 1;
}

.winners__body {
  font-size: 1.6rem;
  line-height: 1.85;
  text-align: justify;
}

.winners__body p {
  margin: 0 0 1.6rem;
  letter-spacing: 0.12em;
}

.winners__body p:last-child {
  margin-bottom: 0;
}

.winners__body--verse p {
  line-height: 2;
}

.winners__comment {
  margin-top: 1.8rem;
  text-align: left;
}

.winners__comment-text {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.7;
  margin: 0;
  letter-spacing: 0.1em;
  word-break: break-word;
}

.winners__comment-label {
  font-weight: 500;
  text-indent: -0.6em;
  display: inline-block;
}

.winners__comment--with-judges {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}

.winners__judges-strip {
  flex-shrink: 0;
  width: 32.3rem;
  max-width: 100%;
  height: auto;
  /* border-radius: 0.4rem; */
}

.winners__comment--with-judges .winners__comment-text {
  flex: 1;
  min-width: 0;
}

@media (max-width: 767px) {
  .winners {
    margin-bottom: 8rem;
  }

  .winners__container {
    width: auto;
    padding: 0 1.8rem;
  }

  .winners__header {
    margin-bottom: 5.5rem;
  }

  .winners__subnav {
    margin: -4rem 0 4rem;
    padding: 1.6rem 0 2rem;
  }

  .winners__subnav-rows {
    gap: 1rem;
  }

  .winners__subnav-list {
    gap: 0.8rem 0.6rem;
  }

  .winners__subnav-list--secondary {
    flex-wrap: wrap;
    gap: 0.65rem 0.5rem;
  }

  .winners__subnav-link {
    font-size: 1.45rem;
    padding: 0.5em 0.5em;
    letter-spacing: 0.06em;
    width: auto;
    max-width: 100%;
  }

  .winners__subnav-link--year {
    width: 100%;
    max-width: min(50rem, 100%);
  }

  .winners__subnav-link--emotional {
    width: min(18rem, 100%);
  }

  .winners__subnav-link--love {
    width: min(11.5rem, 100%);
  }

  .winners__subnav-link--amazing {
    width: min(16.3rem, 100%);
  }

  .winners__subnav-link--terminal {
    width: min(16.6rem, 100%);
  }

  .winners__subnav-link--airplane {
    width: min(16.3rem, 100%);
  }

  .winners__subnav-back {
    margin-top: 3rem;
  }

  .winners__subnav-back-link {
    font-size: 1.3rem;
  }

  .winners__title-row {
    gap: 0.8rem;
    margin-bottom: 1.8rem;
  }

  .winners__title-img {
    width: 14rem;
  }

  .winners__crown {
    width: 2rem;
  }

  .winners__closed {
    font-size: 1.2rem;
    gap: 0.9rem;
  }

  .winners__closed-line {
    max-width: 4.5rem;
  }

  .winners__group {
    margin-bottom: 10rem;
  }

  .winners__group .winners__entry + .winners__entry {
    margin-top: 5.6rem;
  }

  .winners__award-title-wrap .winners__award-title {
    font-size: 2rem;
    line-height: 1.3;
  }

  .winners__award-title-br {
    display: inline;
  }

  .winners__comment--with-judges {
    flex-direction: column;
    align-items: center;
    gap: 2rem;
  }

  .winners__judges-strip {
    width: min(100%, 32.3rem);
  }

  .winners__comment--with-judges .winners__comment-text {
    width: 100%;
  }

  .winners__award-subtitle {
    font-size: 1.5rem;
    margin-bottom: 2rem;
    line-height: 1.4;
  }

  .winners__credit {
    font-size: 1.9rem;
    line-height: 1.5;
  }

  .winners__credit-gap {
    display: block;
    width: 0;
    height: 0;
  }

  .winners__body,
  .winners__location {
    font-size: 1.6rem;
    line-height: 1.7;
  }

  .winners__body p {
    letter-spacing: 0.1em;
  }

  .winners__comment-text {
    font-size: 1.6rem;
    line-height: 1.85;
  }
}

/* ========== Judges section ========== */
.judges {
  margin-bottom: 19rem;
}

.judges .container {
  width: 81.2rem;
  margin: 0 auto;
  text-align: center;
}

.judges__title {
  font-size: 2.4rem;
  font-weight: 700;
  margin-bottom: 2.3rem;
  color: var(--white);
  line-height: 1;
  letter-spacing: 0.48em;
}

.judges__list {
  display: flex;
  justify-content: space-between;
  gap: 2.4rem;
  list-style: none;
  padding: 0;
  margin: 0;
}

.judges__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.judges__image {
  width: 100%;
  max-width: 25.4rem;
  height: auto;
  display: block;
  margin-bottom: 2.6rem;
  object-fit: cover;
  border-radius: 0.7rem;
}

.judges__name {
  font-size: 2.4rem;
  margin: 0 0 0.76rem;
  color: var(--white);
  line-height: 1;
}

.judges__role {
  font-size: 1.8rem;
  margin: 0;
  color: var(--white);
  line-height: 1;
}

@media (max-width: 767px) {
  .judges {
    margin-bottom: 6.5rem;
  }

  .judges .container {
    width: auto;
    padding: 0 1.5rem;
  }

  .judges__title {
    font-size: 1.8rem;
    margin-bottom: 2.4rem;
  }

  .judges__list {
    flex-direction: column;
    gap: 3.5rem;
  }

  .judges__item {
    width: 100%;
  }

  .judges__image {
    max-width: 68%;
    margin-bottom: 1rem;
  }

  .judges__name {
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
  }

  .judges__role {
    font-size: 1.2rem;
  }
}

/* ========== Footer ========== */
.site-footer .brand {
  width: 24rem;
  margin: 0 auto 7.4rem;
}

.site-footer .brand img {
  display: block;
  width: 100%;
  height: auto;
}

.outline__list {
  margin: 0;
  font-size: 2rem;
  letter-spacing: 0.2em;
  line-height: 1.31;
}

.outline__row {
  display: flex;
  align-items: flex-start;
  padding: 0 0 4.4rem;
}

.outline__row.outline__row--apply {
  padding: 0 0 4.1rem;
}

.outline__row dd span {
  vertical-align: bottom;
}

.outline__row dd span.outline__mobile-block {
  font-size: inherit;
  vertical-align: inherit;
}

/* Keep parent font-size for the specific inline span on desktop */
.outline__row dd span.outline__sub {
  display: block;
  font-size: inherit;
  margin-top: 1rem;
}

.outline__row dd span.ti--outdent {
  text-indent: -1.4rem;
  font-size: inherit;
  margin-top: 0;
  display: inline-block;
}

.outline__row--theme dd span.ti--outdent {
  margin-top: 0.1rem;
}

.outline__row dt {
  flex: 0 0 11.8rem;
  font-weight: 700;
  text-align: justify;
  text-align-last: justify;
  position: relative;
  padding-right: 1em;
}

.outline__row dt::after {
  content: "：";
  position: absolute;
  right: 0;
}

.outline__row dd {
  flex: 1 1 auto;
}

/* Apply (inside outline) */
.apply__item {
  margin-bottom: 2.4rem;
}

.apply__item:last-child {
  margin-bottom: 0;
}

.apply__title {
  margin-bottom: 1.6rem;
}

.apply__sheet-note {
  text-indent: 2rem;
}

.apply__desc {
  font-size: 1.54rem;
}

.apply__desc li {
  margin-bottom: 0.8rem;
}

.apply__desc li span {
  display: block;
  margin-bottom: 0.5rem;
}

.outline__copy {
  font-size: 2.2rem;
}

.outline__condition-lead {
  margin-bottom: 1rem;
}

.outline__desktop-br {
  display: none;
}

/* New Outline Styles */
.outline__btn {
  display: inline-block;
  min-width: 19.6rem;
  font-size: 1.9rem;
  color: var(--maincolor);
  background: var(--white);
  border-radius: 0.3rem;
  padding: 1.05rem 0;
  text-align: center;
  line-height: 1;
  margin-top: 0.6rem;
  margin-bottom: 0.7rem;
  text-decoration: none;
  letter-spacing: 0;
  transition: opacity 0.2s;
  position: relative;
}

.outline__btn--form {
  min-width: 23rem;
  margin: 0 auto;
  font-weight: 700;
}

.outline__btn::before {
  content: '';
  position: absolute;
  top: 0.2rem;
  left: 0.2rem;
  right: 0.2rem;
  bottom: 0.2rem;
  border: 0.1rem solid var(--maincolor);
  border-radius: 0.15rem;
  pointer-events: none;
}

.outline__btn:hover {
  opacity: 0.8;
}

.outline__btn-group {
  display: flex;
  gap: 1.5rem;
}

.outline__btn--file {
  min-width: 12rem;
  margin-top: 1.4rem;
  margin-bottom: 2rem;
}

.outline__note {
  font-size: 1.4rem;
  line-height: 1.6;
}

.outline__awards {
  list-style: none;
  padding: 0;
  margin: 0;
}

.outline__awards li {
  margin-bottom: 2rem;
  width: fit-content;
  line-height: 1.6;
  font-size: 1.8rem;
}

.outline__awards li:first-child {
  margin-bottom: 2.2rem;
}

.outline__awards li:not(:first-child):not(:last-child) {
  margin-bottom: 0.6rem;
}

.outline__awards-text {
  text-decoration: underline;
  text-decoration-style: dashed;
  text-decoration-color: #ffffff;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.9rem;
  padding-bottom: 0;
  font-weight: 700;
}

.outline__awards li:not(:first-child):not(:last-child) .outline__awards-text {
  text-decoration: none;
}

.outline__awards-prize {
  display: block;
  margin-top: 1rem;
}

.outline__awards-text::before {
  content: " ● ";
  padding-left: 0.2rem;
  display: inline;
  font-size: 1rem;
  vertical-align: text-bottom;
}

.os-windows .outline__awards-text::before {
  vertical-align: middle;
}

.outline__criteria {
  list-style: none;
  padding: 0;
  margin: 0;
}

.outline__criteria li {
  margin-bottom: 2.4rem;
  text-indent: -2.6rem;
  padding-left: 3.2rem;
  font-size: 2rem;
}

.outline__criteria li:last-child {
  margin-bottom: 0;
}

.outline__row dd span.outline__number {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  border: 1px solid #ffffff;
  border-radius: 50%;
  text-align: center;
  line-height: 1.8rem;
  margin-right: 0.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  vertical-align: 0.2rem;
  text-indent: 0;
  margin-right: 0.6rem;
}

.outline__criteria-gap {
  display: block;
  margin-bottom: 0.7rem;
}

.outline__criteria-title {
  margin-left: -0.4em;
}

.outline__text {
  margin-bottom: 1.5rem;
}

.outline__text:last-child {
  margin-bottom: 0;
}

/* Outline: mobile adjustments */
@media (max-width: 767px) {
  .outline__btn-group {
    flex-direction: column;
    align-items: stretch;
    gap: 1.2rem;
  }

  .outline__btn,
  .outline__btn--file,
  .outline__btn--form {
    width: 100%;
    min-width: 0;
  }

  .outline__awards li {
    margin-bottom: 2.2rem;
  }

  .outline__awards li:first-child {
    margin-bottom: 2.2rem;
  }

  .outline__awards li:not(:first-child):not(:last-child) {
    margin-bottom: 0;
  }

  .outline__awards-text {
    display: inline-block;
  }

  .outline__row dd span.outline__awards-prize {
    margin-top: 0.3rem;
    font-size: 1.3rem;
  }

  .outline__criteria li {
    font-size: 1.6rem;
    padding-left: 2.6rem;
  }

  .apply__sheet-note {
    text-indent: 0;
  }
}

/* ========== Buttons ========== */
.outline__row .btn__link a {
  display: block;
  width: 15rem;
  font-size: 1.5rem;
  color: #1f2a66;
  border: 1px solid #1f2a66;
  background: #ffffff;
  border-radius: 0.6rem;
  padding: 1rem;
  text-align: center;
  line-height: 1;
  margin-top: 1rem;
}

.outline__row .btn__link.btn--secondary a {
  padding: 2rem 1rem;
}

.outline__row .btn__link a span {
  display: block;
}

@media (min-width: 768px) {
  .outline__row .btn__link a {
    transition: all 200ms ease-out;
  }

  .outline__row .btn__link a:hover,
  .outline__row .btn__link a:focus-visible {
    background: #1f2a66;
    color: #ffffff;
    border: 1px solid #ffffff;
  }

  .outline__condition-text {
    line-height: 2;
  }

  .outline__desktop-br {
    display: inline;
  }
}

@keyframes kvInnerFade {
  from {
    opacity: 0;
    transform: translateY(12px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {

  .kv__inner,
  .kv__inner.is-inview {
    animation: none;
    opacity: 1;
    transform: none;
  }

  .modal {
    transition: none;
  }

  .modal__content {
    transition: none;
  }

  .modal.is-open .modal__content {
    transform: none;
  }

  .modal__image,
  .modal__text {
    transition: none;
  }
}

@media (max-width: 767px) {

  #img-kv1 {
    width: 17.010rem;
    height: 11.340rem;
    top: 4.115rem;
    left: 0;
    animation-delay: 0ms;
  }

  #img-kv2 {
    width: 9.962rem;
    height: 6.640rem;
    top: 0;
    left: 17.306rem;
    animation-delay: 100ms;
  }

  #img-kv3 {
    width: 8.966rem;
    height: 5.026rem;
    top: 1.614rem;
    right: 0.969rem;
    animation-delay: 200ms;
  }

  #img-kv4 {
    width: 12.889rem;
    height: 8.593rem;
    top: 7.304rem;
    left: 17.306rem;
    animation-delay: 300ms;
  }

  #img-kv5 {
    width: 9.058rem;
    height: 6.039rem;
    top: 15.800rem;
    left: 3.550rem;
    animation-delay: 400ms;
  }

  #img-kv6 {
    width: 9.058rem;
    height: 6.039rem;
    top: 22.157rem;
    left: 3.550rem;
    animation-delay: 500ms;
  }

  #img-kv7 {
    width: 17.010rem;
    height: 11.336rem;
    top: 15.800rem;
    left: 12.914rem;
    animation-delay: 600ms;
  }

  #img-kv8 {
    width: 7.279rem;
    height: 9.706rem;
    top: 15.800rem;
    right: 0;
    animation-delay: 700ms;
  }

  #img-frame {
    width: 36.375rem;
    height: 34.41852rem;
    top: 0.56rem;
    left: 0.56rem;
  }

  .kv__grid {
    height: 31.5625rem;
  }

  .kv__inner {
    width: 32.8rem;
    margin-bottom: 7rem;
  }

  .kv__title {
    margin-bottom: 1.2rem;
  }

  .kv__subtitle {
    margin-bottom: 3.34rem;
    font-size: 1.4rem;
  }

  .kv__copy {
    margin-bottom: 0;
  }

  .kv__copy span {
    margin-bottom: 0.8rem;
    font-size: 1.5rem;
    display: block;
    letter-spacing: 0.2em;
  }

  .kv__copy span:last-child {
    display: block;
  }

  .outline {
    margin-bottom: 6.5rem;
  }

  .outline .container {
    width: auto;
    padding: 0 1.5rem;
  }

  .outline__list {
    font-size: 1.5rem;
  }

  .outline__row {
    padding-bottom: 3rem;
  }

  .outline__row dt {
    flex: 0 0 8.2rem;
  }

  .outline__row dd span {
    margin-top: 0.5rem;
  }

  .outline__note {
    font-size: 1.1rem;
    letter-spacing: 0.05em;
  }

  /* Ensure the special span follows the same mobile style */
  .outline__row dd span.outline__sub {
    display: block;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    letter-spacing: 0;
  }

  /* Only blockize without other style changes for specific span */
  .outline__row dd span.outline__mobile-block {
    display: block;
    font-size: inherit;
    letter-spacing: inherit;
  }

  .outline__row dd span.ti--outdent {
    text-indent: -0.8rem;
    margin-top: 0;
  }

  .outline__copy {
    font-size: 1.5rem;
  }

  .outline__row .btn__link a {
    width: 100%;
  }

  .site-footer .brand {
    width: 20rem;
    margin: 0 auto 3.7rem;
  }

  /* Modal mobile styles */
  .modal {
    padding: 1rem;
    transition: background  -color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .modal__content {
    padding: 2rem;
    transform: translateY(24px);
    transition: opacity 240ms cubic-bezier(0.4, 0, 0.2, 1) 100ms,
      transform 240ms cubic-bezier(0.4, 0, 0.2, 1) 100ms;
  }

  .modal.is-open .modal__content {
    transform: translateY(0);
  }

  .modal__content.is-transitioning {
    transition: opacity 240ms cubic-bezier(0.4, 0, 0.2, 1);
  }

  .modal__close {
    top: 1rem;
    right: 1rem;
    width: 4rem;
    height: 4rem;
  }

  .modal__close-icon {
    width: 2rem;
    height: 2rem;
  }

  .modal__close-icon::before,
  .modal__close-icon::after {
    width: 2rem;
    height: 0.1rem;
  }

  .modal__nav {
    width: 4rem;
    height: 4rem;
  }

  .modal__nav--prev {
    left: 1rem;
  }

  .modal__nav--next {
    right: 1rem;
  }

  .modal__nav-icon {
    width: 2rem;
    height: 2rem;
  }

  .modal__nav--prev .modal__nav-icon::before,
  .modal__nav--prev .modal__nav-icon::after,
  .modal__nav--next .modal__nav-icon::before,
  .modal__nav--next .modal__nav-icon::after {
    width: 1.2rem;
    height: 0.1rem;
  }

  .modal__award-title {
    font-size: 2rem;
    margin-bottom: 0.8rem;
    line-height: 1.2;
  }

  .modal__award-subtitle {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }

  .modal__author {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }

  .modal__author-name,
  .modal__author-title {
    display: block;
  }

  .modal__author-title {
    margin-left: 0;
    margin-top: 0.2rem;
  }

  .modal__location {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
  }

  .modal__description {
    font-size: 1.2rem;
    line-height: 1.7;
  }

  .modal__image {
    margin-bottom: 2rem;
    max-height: 60vh;
  }

}

/* ========== 過去の受賞作品（2025ボタン＋歴代リンク・統合セクション） ========== */
.past-winners {
  margin-bottom: 19.5rem;
}

.past-winners__shell {
  padding: 4.7rem 0 0;
  background-color: rgb(11, 49, 143);
  background-image: -webkit-linear-gradient(
    90deg,
    rgb(11, 49, 143) 0%,
    rgb(109, 155, 204) 48%,
    rgb(18, 20, 92) 100%
  );
  background-image: linear-gradient(
    90deg,
    rgb(11, 49, 143) 0%,
    rgb(109, 155, 204) 48%,
    rgb(18, 20, 92) 100%
  );
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.past-winners__container {
  width: 82rem;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 0 5rem;
  box-sizing: border-box;
  text-align: left;
  line-height: 1;
}

.past-winners__main-title {
  margin: 0 0 1.6rem;
  font-size: 5rem;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.2em;
  text-align: center;
  color: var(--white);
}

.past-winners__divider {
  display: block;
  width: 100%;
  height: 2px;
  margin: 0 0 4.5rem;
  border: none;
  background: #fff;
}

.past-winners__band--2025 {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  gap: 2rem;
  align-items: start;
  padding-bottom: 4.4rem;
}

.past-winners__intro--2025 {
  max-width: 39.2rem;
}

.past-winners__theme-caption {
  margin: 0 0 0.75rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.14em;
  color: rgba(255, 255, 255, 0.92);
}

.past-winners__theme-name--light {
  margin: 0 0 1.0rem;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: 0.1em;
  color: var(--white);
  padding-bottom: 1.0rem;
  border-bottom: 1px dashed #fff;
  text-indent: -1.4rem;
}

.past-winners__lead {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.56;
  letter-spacing: 0.00em;
  color: #fff;
}

.past-winners__grid-wrap {
  min-width: 0;
}

.past-winners .winners2025__grid {
  max-width: none;
  margin-inline: 0;
}

.past-winners__theme-caption--on-light {
  margin: 0 0 0.55rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  color: var(--maincolor);
}

.past-winners__card.awards__panel {
  border-radius: 0;
  border: 0.1rem solid #b4c2eb;
  border-top: 0.14rem solid var(--maincolor);
  border-bottom: 0.14rem solid var(--maincolor);
  box-shadow: 0 0.2rem 0.75rem rgba(18, 22, 89, 0.08);
  align-items: center;
  /* 右列（.awards__list）を広げる：親は .awards__panel の 1fr 1fr を上書き */
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.28fr);
  column-gap: 0rem;
}

.past-winners__card .awards__list {
  width: 100%;
  justify-items: stretch;
}

.past-winners__card .awards__theme {
  margin-bottom: 0.7rem;
  text-indent: -0.9rem;
}

.past-winners__card-rule {
  display: block;
  width: 100%;
  max-width: 27.5rem;
  height: 0;
  margin: 0 0 0.9rem;
  padding: 0;
  border: none;
  border-top: 1px dashed rgba(18, 22, 89, 0.32);
  background: none;
}

.awards__description--past-card {
  margin: 0;
  font-size: 1.35rem;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: 0.02em;
  color: var(--maincolor);
  text-align: left;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* 歴代リンクボタン：ネイビーグラデ・淡い枠（モック準拠） */
.past-winners__card .awards__btn {
  box-sizing: border-box;
  width: 100%;
  max-width: 22rem;
  margin-inline: auto;
  background-color: var(--maincolor);
  background-image: -webkit-linear-gradient(
    top,
    #243382 0%,
    #121659 45%,
    #0e1248 100%
  );
  background-image: linear-gradient(
    180deg,
    #243382 0%,
    #121659 45%,
    #0e1248 100%
  );
  border: 0.1rem solid rgba(210, 220, 255, 0.9);
  border-radius: 0.45rem;
  font-weight: 600;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* 共通 .awards__btn::before の装飾を表示（過去に display:none で非表示にしていた） */
.past-winners__card .awards__btn::before {
  width: 18.9rem;
  height: 3.85rem;
}

@media (hover: hover) and (pointer: fine) {
  .past-winners__card .awards__btn:hover,
  .past-winners__card .awards__btn:focus-visible {
    background-image: none;
    background-color: var(--white);
    color: var(--maincolor);
    border-color: var(--maincolor);
  }
}

.winners2025__grid {
  --winners2025-btn-shadow-out: 10px; /* .winners2025__btn の box-shadow 外側スプレッドと一致 */
  max-width: 45rem;
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(0.2rem + 2 * var(--winners2025-btn-shadow-out));
  padding-inline: var(--winners2025-btn-shadow-out);
  box-sizing: border-box;
}

.winners2025__btn--full {
  grid-column: 1 / -1;
}

.winners2025__btn {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 1.05rem 0;
  font-family: inherit;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  letter-spacing: 0;
  color: #121659;
  background-color: #fff;
  border: none;
  border-radius: 0;
  cursor: pointer;
  /* 内側 1px / 白いすき間 / 外側太線（box-shadow の重ね） */
  box-shadow: inset 0 0 0 1px #121659, 0 0 0 1px #fff, 0 0 0 4px #121659;
  transition:
    color 0.2s ease,
    background-color 0.2s ease;
  letter-spacing: 0.03em;
}

/* ホバー見た目はマウス等のポインタ端末のみ（タッチでは sticky hover を防ぐ） */
@media (hover: hover) and (pointer: fine) {
  .winners2025__btn:hover {
    background-color: #121659;
    color: #fff;
    box-shadow: inset 0 0 0 1px #121659, 0 0 0 3px #121659, 0 0 0 7px #121659;
    box-shadow: inset 0 0 0 1px #121659, 0 0 0 1px #fff, 0 0 0 4px #121659;
  }
}

.winners2025__btn:active {
  background-color: #0d1147;
  color: #fff;
}

.winners2025__btn:focus-visible {
  outline: 2px solid #2a4a9a;
  outline-offset: 10px;
}

@media (prefers-reduced-motion: reduce) {
  .winners2025__btn {
    transition: color 0.2s ease, background-color 0.2s ease;
  }
}

@media (max-width: 767px) {
  .past-winners {
    margin-bottom: 10rem;
  }

  .past-winners__shell {
    padding-top: 3.2rem;
  }

  .past-winners__container {
    width: auto;
    padding: 0 1.5rem 3.5rem;
  }

  .past-winners__main-title {
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
  }

  .past-winners__divider {
    margin-bottom: 2.4rem;
  }

  .past-winners__band--2025 {
    grid-template-columns: 1fr;
    gap: 2.4rem;
    padding-bottom: 2.8rem;
  }

  .past-winners__intro--2025 {
    max-width: none;
  }

  .past-winners__theme-name--light {
    font-size: 2rem;
  }

  .past-winners__lead {
    font-size: 1.35rem;
  }

  .past-winners__lead-br {
    display: none;
  }

  .winners2025__grid {
    grid-template-columns: 1fr;
    max-width: 100%;
    row-gap: calc(1.05rem + 2 * var(--winners2025-btn-shadow-out));
    column-gap: 0;
    padding-inline: var(--winners2025-btn-shadow-out);
  }

  .winners2025__btn {
    font-size: 1.5rem;
    line-height: 1.35;
    letter-spacing: 0;
    padding: 1.05rem 1rem;
    -webkit-tap-highlight-color: transparent;
  }
}

.awards__theme {
  font-size: 2rem;
  font-weight: 700;
  margin: 0 0 1.4rem;
  line-height: 1.2;
  color: var(--maincolor);
}

/* Windowsのみのタイポ微調整（UAクラス: os-windows） */
.os-windows .awards__theme {
  letter-spacing: 0.03em;
  font-size: 2.05rem;
}

/* Windows向け: KV描画の補間を滑らかにし、再描画を最適化 */
.os-windows .kv__grid>img {
  will-change: transform, opacity;
}

.os-windows .kv__grid-inner {
  will-change: opacity;
}

.os-windows .kv__grid>img.is-inview {
  animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}

.awards__description {
  font-size: 1.35rem;
  line-height: 1;
  color: var(--white);
}

.awards__panel {
  position: relative;
  background-color: var(--white);
  border: 0.4rem solid #e5ecff;
  border-radius: 0.7rem;
  box-shadow: inset 0 0 0 0.1rem var(--maincolor), 0.5rem 0.5rem 0 rgba(158, 158, 159, 1);
  padding: 2.3rem 4.4rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 0;
  align-items: start;
}

.awards__panel .awards__theme,
.awards__panel .awards__description {
  color: var(--maincolor);
}

.awards__panel .awards__description--past-card {
  line-height: 1.7;
}

.awards__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.6rem 2rem;
  list-style: none;
  padding: 0;
  margin: 0;
  justify-items: start;
}

.awards__item {
  flex: 0 0 auto;
}

.awards__btn {
  position: relative;
  display: inline-block;
  width: 18.5rem;
  padding: 1.3rem 1.2rem;
  background-color: var(--maincolor);
  color: var(--white);
  border: none;
  border-radius: 0.7rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s ease-out;
  z-index: 1;
  border: 0.1rem solid var(--maincolor);
}

.os-windows .awards__btn {
  padding-bottom: 0.98rem;
}

.awards__btn::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -41%);
  width: 15.89rem;
  height: 3.24rem;
  background-image: url('../images/bg_awardsbtn.svg');
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
  z-index: 0;
}

@media (min-width: 768px) {

  .awards__btn:hover::before,
  .awards__btn:focus-visible::before {
    display: none;
  }

  .awards__btn:hover,
  .awards__btn:focus-visible {
    background-color: var(--white);
    color: var(--maincolor);
    border: 0.1rem solid var(--maincolor);
  }

  /* Desktop placement: 1,4 / 2,5 / 3 */
  .awards__list {
    grid-auto-flow: row;
  }

  .awards__item:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }

  .awards__item:nth-child(2) {
    grid-column: 1;
    grid-row: 2;
  }

  .awards__item:nth-child(3) {
    grid-column: 1;
    grid-row: 3;
  }

  .awards__item:nth-child(4) {
    grid-column: 2;
    grid-row: 1;
  }

  .awards__item:nth-child(5) {
    grid-column: 2;
    grid-row: 2;
  }
}

@media (max-width: 767px) {

  .awards__panel {
    box-shadow: 6px 6px 0 rgba(0, 0, 0, 0.25);
    grid-template-columns: 1fr;
    row-gap: 2.4rem;
    padding: 2rem 1.6rem;
  }

  .past-winners__card.awards__panel {
    box-shadow: 0 0.2rem 0.75rem rgba(18, 22, 89, 0.08);
    grid-template-columns: 1fr;
    column-gap: 0;
    padding: 2rem 1.6rem 2.5rem;
  }

  .past-winners__card .awards__list {
    justify-items: center;
  }

  .past-winners__card .awards__btn {
    max-width: none;
    width: 80%;
  }

  .past-winners__card .awards__btn::before {
    width: 23.912rem;
    height: 4.88rem;
    transform: translate(-50%, -45%);
  }

  .past-winners__theme-caption--on-light {
    font-size: 1.1rem;
  }

  .awards__theme {
    font-size: 1.75rem;
    margin-bottom: 1.2rem;
  }

  .awards__description {
    font-size: 1.4rem;
    margin-bottom: 0;
    text-align: left;
    line-height: 1.5;
  }

  .awards__description-br {
    display: none;
  }

  .past-winners__card .awards__description--past-card {
    font-size: 1.4rem;
    line-height: 1.65;
  }

  .awards__list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.3rem;
  }

  /* Reset manual placement on mobile */
  .awards__item {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
  }

  .awards__btn {
    display: block;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding: 1.928rem 0.96rem;
    /* 80% of original */
    font-size: 1.36rem;
    /* 80% of original */
  }

  .awards__btn::before {
    width: 23.912rem;
    /* 80% of 29.89rem */
    height: 4.88rem;
    /* 80% of 6.1rem */
    transform: translate(-50%, -43%);
  }

  .outline__btn {
    width: 100%;
    min-width: 0;
    font-size: 1.6rem;
    padding: 1.2rem 0;
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
  }

  .outline__row--apply .outline__btn--form {
    margin: 0;
  }

  .apply__title {
    margin-bottom: 1.2rem;
  }

  .outline__btn-group {
    flex-direction: row;
    gap: 1rem;
  }

  .outline__btn--file {
    width: calc(50% - 0.5rem);
    min-width: 0;
    margin-bottom: 1.5rem;
  }

  .outline__awards {
    margin: -0.5rem 0 0;
  }

  .outline__awards li {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
    line-height: 1.8;
  }

  .outline__awards li:last-child {
    margin-bottom: 1.5rem;
  }

  .outline__row--awards .outline__awards-text {
    text-underline-offset: 0.6rem;
    padding-bottom: 0;
    margin-top: 0;
  }

  .outline__criteria li {
    font-size: 1.4rem;
    margin-bottom: 1.4rem;
    padding-left: 2rem;
    text-indent: -2rem;
    line-height: 1.6;
  }

  .outline__row dd span.outline__criteria-gap {
    margin-bottom: 0;
    margin-top: 0;
  }

  .outline__awards-text::before {
    font-size: 0.8rem;
  }

  .outline__row dd span.outline__number {
    width: 1.6rem;
    height: 1.6rem;
    line-height: 1.4rem;
    font-size: 1rem;
    margin-right: 0.4rem;
    vertical-align: 0.15rem;
    margin-top: 0;
  }

  .outline__text {
    margin-bottom: 1rem;
  }
}

/* ===== スクロールフェード演出 ===== */
/* 無効化: htmlまたはbodyに.no-scroll-fadeクラスを追加 */
html.no-scroll-fade .js-scroll-fade,
body.no-scroll-fade .js-scroll-fade {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

.js-scroll-fade {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.js-scroll-fade.is-inview {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .js-scroll-fade {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* ===== 開発用 一時停止スイッチ ===== */
html.is-dev-paused *,
html.is-dev-paused *::before,
html.is-dev-paused *::after {
  animation: none !important;
  transition: none !important;
}