/* ======================================
お知らせ
========================================= */
.news__wrapper {
  margin-bottom: 110px;
}

.news__content {
  max-width: 900px;
  width: 90%;
  margin: 80px auto 60px;
}

.news__box a {
  display: flex;
  align-items: center;
  padding: 32px 0px;
  border-top: solid 1px #e6e6e6;
  position: relative;
}

.news__box:last-child a {
  border-bottom: solid 1px #e6e6e6;
}

.news__box a::after {
  content: "";
  width: 40px;
  height: 5px;
  border-right: 1px solid var(--c-ink);
  border-bottom: 1px solid var(--c-ink);
  transform: skew(45deg);
  position: absolute;
  right: 5px;
  bottom: 50%;
  transition: all 0.2s;
}

.news__box:hover a::after {
  right: -5px;
}

.news__cat {
  background-color: var(--c-ink);
  font-size: 14px;
  color: #fff;
  text-align: center;
  padding: 5px 0px 7px;
  width: 105px;
  margin: 0px 37px 0px 21px;
}

.news__title {
  max-width: 60%;
  line-height: 1.4em;
}

.all__button div {
  /*news用別枠*/
  cursor: pointer;
  margin: 0 auto;
  background-color: var(--c-ink);
  color: #fff;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 251px;
  height: 49px;
  position: relative;
}

.all__button div::after {
  /*news用別枠*/
  content: "";
  height: 7px;
  width: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(7%) translateX(10%) rotate(45deg);
  position: absolute;
  right: 13px;
  transition: all 0.2s;
}

.all__button div:hover::after {
  /*news用別枠*/
  right: 8px;
}

@media screen and (max-width: 768px) {
  .news__wrapper {
    margin-bottom: 19%;
  }

  .news__content {
    margin: 11% auto 13%;
  }

  .news__box a {
    flex-wrap: wrap;
    padding: 8.8% 0px;
  }

  .news__box a::after {
    width: 10%;
    height: 6%;
    border-right: 0.5vw solid var(--c-ink);
    border-bottom: 0.5vw solid var(--c-ink);
    bottom: 12%;
  }

  .news__box:hover a::after {
    right: -2%;
  }

  .news__cat {
    font-size: 3.7vw;
    font-weight: 400;
    padding: 1.3% 0px 1.6% 0px;
    width: 31%;
    margin: 0px 0px 0px 5%;
  }

  .news__title {
    margin-top: 5%;
    max-width: 90%;
    width: 100%;
  }

  .all__button div {
    /*news用別枠*/
    width: 75%;
    height: 13vw;
    font-size: 4vw;
  }
  .all__button div::after {
    /*news用別枠*/
    height: 2vw;
    width: 2vw;
    border-top: 0.3vw solid #fff;
    border-right: 0.3vw solid #fff;
    right: 5%;
  }

  .all__button div:hover::after {
    /*news用別枠*/
    right: 3%;
  }
}

/*ローダーの分の幅*/
#footer {
  margin-top: 60px;
}

/*もっと見る初期非表示*/
.all__button {
  opacity: 0;
}

/* 記事表示アニメーション */
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(100px);
  }

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

/*ローディングアニメーション*/
.orbit-spinner,
.orbit-spinner * {
  box-sizing: border-box;
}

.orbit-spinner {
  height: 55px;
  width: 55px;
  border-radius: 50%;
  perspective: 800px;
  margin: 0 auto;
  position: absolute;
  bottom: 0px;
  left: 50%;
  transition: all 0.5s 0s;
}

.orbit-spinner .orbit {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 50%;
}

.orbit-spinner .orbit:nth-child(1) {
  left: 0%;
  top: 0%;
  animation: orbit-spinner-orbit-one-animation 1200ms linear infinite;
  border-bottom: 3px solid #ff1d5e;
}

.orbit-spinner .orbit:nth-child(2) {
  right: 0%;
  top: 0%;
  animation: orbit-spinner-orbit-two-animation 1200ms linear infinite;
  border-right: 3px solid blue;
}

.orbit-spinner .orbit:nth-child(3) {
  right: 0%;
  bottom: 0%;
  animation: orbit-spinner-orbit-three-animation 1200ms linear infinite;
  border-top: 3px solid Chartreuse;
}

@keyframes orbit-spinner-orbit-one-animation {
  0% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(-45deg) rotateZ(360deg);
  }
}

@keyframes orbit-spinner-orbit-two-animation {
  0% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(50deg) rotateY(10deg) rotateZ(360deg);
  }
}

@keyframes orbit-spinner-orbit-three-animation {
  0% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(0deg);
  }

  100% {
    transform: rotateX(35deg) rotateY(55deg) rotateZ(360deg);
  }
}


/* =========================================================
   過去のお知らせ（2026-08-27 追記）

   クライアント指示:
     「・過去のお知らせ　2026年のお知らせ →／2025年のお知らせ →
       （26年のニュースも25年のニュースも古いので、
         アーカイブして目立たないようにしたいです）」
   カードで並べず、年ごとの行リンクだけにして主張を抑える。
   ========================================================= */

.news-archive__list {
	list-style: none;
	margin: var(--sp-sm, 20px) auto 0;
	padding: 0;
	width: max-content;
	max-width: 100%;
	text-align: left;
}

.news-archive__list li + li {
	margin-top: 2px;
}

.news-archive__list a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 14px 4px;
	border-bottom: 1px solid rgba(140, 110, 40, .22);
	color: var(--c-muted, #736C62);
	font-size: 15px;
	letter-spacing: .04em;
	text-decoration: none;
	transition: color .25s ease;
}

.news-archive__list a:hover,
.news-archive__list a:focus-visible {
	color: var(--c-gold-deep, #C4A35A);
}

.news-archive__arrow {
	font-family: var(--ff-display);
}