@charset "utf-8";



/* ---- MV ---- */
.news-mv{
  margin-top: 10.4em;
}
.news-mv__inner{
  position: relative;
  overflow: hidden;
}
.news-mv__ttl{
  position: relative;
  z-index: 2;
  padding-top: 14svh;
  padding-bottom: 15svh;
}
.lower-mv__ttl-en--news{
  letter-spacing: 0;
}
.lower-mv__ttl-en--news>span:nth-child(1){
  margin-left: -0.072em;
}
.lower-mv__ttl-en--news>span:nth-child(2){
  margin-left: -0.042em;
}
.lower-mv__ttl-en--news>span:nth-child(3){
  margin-left: -0.005em;
}
.lower-mv__ttl-en--news>span:nth-child(4){
  margin-left: -0.017em;
}
.news-mv__ttl h1{
  letter-spacing: 0.12em;
  margin-top: 0.55em;
}
.news-mv__bg{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 130%;
}
.news-mv__bg span{
  display: block;
}
.news-mv__bg-image{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../image/news/news_bg_pc.jpg?20250804B);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
/* 375-1500-1920 299-522-606 */
.news-mv__circle{
  position: absolute;
  top: 18svh;
  right: -2%;
  display: block;
  width: clamp(18.688rem, 14.03rem + 19.87vw, 37.875rem);
  opacity: 0;
}
.news-mv__circle--A{
  mix-blend-mode: soft-light;
}
.news-mv__circle--B{
  top: 18.52svh;
  right: -3.4%;
  mix-blend-mode: color-dodge;
}
.news-mv__circle--B img{
  opacity: 0.7;
}
.news-mv__circle--C{
  mix-blend-mode: overlay;
}
.news-mv__circle--C img{
  opacity: 0.9;
}
.news-fade{
  opacity: 0;
}
.news-mv__scroll-trigger{
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: calc(100svh - 10.4em);
  pointer-events: none;
}
@media (max-width: 1023px){
  .news-mv{
    margin-top: 5.33em;
  }
  .news-mv__scroll-trigger{
    height: calc(100svh - 5.33em);
  }
}
@media (max-width: 767px){
  .news-mv__bg-image{
    background-image: url(../image/news/news_bg_sp.jpg?20250804B);
  }
  .news-mv__circle{
    top: 29svh;
    right: -16%;
  }
  .news-mv__circle--B{
    height: 29.6svh;
    right: -17.2%;
  }
}

/* ---- message ---- */
@media (max-width: 1023px){
}
@media (max-width: 767px){
  .news-message{
    text-align: justify;
  }
  .news-message br{
    display: none;
  }
}

/* ---- list ---- */
.news-list>li>a{
  position: relative;
  display: grid;
  grid-template-columns: 45.3125% 1fr;
  align-items: flex-end;
  grid-gap:4.375%;
  border-bottom: 1px solid #c9caca;
  padding: 2.22% 0;
}
.news-list>li:nth-child(1)>a{
  padding-top: 0;
}
.news-list>li>a::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #212128;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform 0.5s cubic-bezier(.15,1,.2,1);
}
.news-list>li>a:hover::after,
.news-list>li>a:active::after{
  transform: scale(1, 1);
  transform-origin: left top;
}
.news-list>li>a figure{
  overflow: hidden;
}
.news-list>li>a img{
  transition: 0.8s cubic-bezier(.15,1,.2,1);
}
.news-list>li>a:hover img{
  transform: scale(1.06);
}

.news-list__left{
  display: grid;
  grid-template-columns: 32% 1fr;
  align-items: center;
}
.news-list__number{
  display: flex;
  align-items: flex-end;
  width: fit-content;
  line-height: 1;
  border-bottom: 1px solid #212128;
  padding: 0 0.18em 0.14em 0.08em;
  margin: 0.15em auto 0 21%;
}
.news-list__number-left{
  font-size: 0.35em;
  padding: 0 0.1em 0.4em 0;
}
.news-list__detail{
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
/* 1024~1920px 16-23.5 */
.news-list__detail-info{
  flex: 1;
  width: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: clamp(1rem, 0.464rem + 0.84vw, 1.469rem);
  font-weight: 500;
  letter-spacing: 0.13em;
  line-height: 1.5;
}
.news-list__subttl{
  font-size: 0.75em;
  font-weight: 500;
  letter-spacing: 0.13em;
  line-height: 1.5;
}
.news-list__subttl + .news-list__ttl{
  margin-top: 0.35em;
}
.news-list__date{
  display: flex;
  gap: 0.5em;
  letter-spacing: 0em;
  line-height: 1.2;
  transition: 1s cubic-bezier(.15,1,.2,1);
}
.news-list>li>a:hover .news-list__date{
  color: #212128;
}
.news-list__arrow{
  position: absolute;
  top: 50%;
  left: 92%;
  transform: translateY(-50%);
  /* 15-25.2 */
  width: clamp(0.938rem, 0.783rem + 0.66vw, 1.575rem);
  height: clamp(0.938rem, 0.783rem + 0.66vw, 1.575rem);
  overflow: hidden;
}
.news-list__arrow::after{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../image/news/arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateX(-80%) scale(0.8) rotate(0.5deg);
  opacity: 0;
  transition: 1s cubic-bezier(.15,1,.2,1);
}
.news-list>li>a:hover .news-list__arrow::after{
  transform: translateX(0) scale(1) rotate(0deg);
  opacity: 1;
}
@media (max-width: 1023px){
  .news-list{
    width: min(80%, 44.375em);
    margin: 0 auto;
  }
  .news-list>li>a{
    grid-template-columns: repeat(1,1fr);
    grid-gap: 1.4em;
    padding: 1.6em 0;
  }
  .news-list>li>a+.news-list>li>a{
    padding: 2em 0 3em;
  }
  .news-list__left{
    display: flex;
    flex-direction: column-reverse;
    gap: 1.2em;
    align-items: flex-start;
  }
  .news-list__number{
    margin-inline: inherit;
  }
  .news-list__number-left{
    font-size: 0.38em;
  }
  .news-list__left figure{
    width: 74.6%;
    margin-inline: auto;
  }
  .news-list__detail{
    height: inherit;
  }
  /* 375~11023px 15-19 */
  .news-list__detail-info{
    width: 92%;
    font-size: clamp(0.938rem, 0.793rem + 0.62vw, 1.188rem);
  }
  .news-list__subttl{
    font-size: 0.866em;
  }
  .news-list__date{
    margin-top: 3em;
    color: #212128;
  }
  .news-list__arrow{
    transform: translateY(0);
    top: auto;
    bottom: 0;
    left: auto;
    right: 0.1em;
  }
  .news-list__arrow::after{
    transform: translateX(0) scale(1) rotate(0deg);
    opacity: 1;
  }
}
@media (max-width: 767px){
  .news-mv__inner{
    background-position:right center;
  }
  .news-mv__ttl{
    padding-top: 17svh;
    padding-bottom: 18svh;
  }
  .news-list{
    width: 100%;
  }
}


/* ---- single ---- */

/* mv */
.news-single-mv .lower-mv__ttl{
  padding-bottom: 13.5svh;
}
@media (max-width: 1023px){
  .news-single-mv .lower-mv__ttl{
    padding-bottom: 6.5svh;
  }
}
@media (max-width: 767px){
}

/* head */
.news-single-head{
  display: flex;
  align-items: center;
  padding-bottom: 2.2em;
  border-bottom: 1px solid #212128;
}
.news-single-head__left{
  position: relative;
  width: 2.6em;
  margin-right: 1.04em;
}
.news-single-head__left::after{
  content: "";
  position: absolute;
  top: 45%;
  right: 0;
  transform: translateY(-50%);
  width: 1px;
  height: 150%;
  background-color: rgb(33, 33, 40, 0.6);
}
.news-single-head__number{
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.06em;
}
.news-single-head__number-left{
  font-size: 0.36em;
  padding: 0 0.1em 0.4em 0.1em;
}
.news-single-head__right{
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.news-single-head__subttl,
.news-single-head__ttl{
  display: block;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.54;
}
.news-single-head__subttl{
  font-size: 0.647em;
}
.news-single-head__subttl+.news-single-head__ttl{
  margin-top: 0.15em;
}
.news-single-head__date{
  display: flex;
  justify-content: flex-end;
  gap: 0.5em;
  letter-spacing: 0em;
  margin: 0 0.1em 0 2em;
}
@media (max-width: 1023px){
  .news-single-head{
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 1em;
  }
  .news-single-head__left{
    width: 2.48em;
    margin: 0 0 0.8em 0;
  }
  .news-single-head__left::after{
    transform: translateY(-50%);
    height: 92%;
  }
  .news-single-head__right{
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .news-single-head__cont{
    margin-bottom: 1em;
  }
  .news-single-head__subttl{
    font-size: 0.681em;
  }
  .news-single-head__subttl+.news-single-head__ttl{
    margin-top: 0.25em;
  }
  .news-single-head__date{
    margin: 0 0.1em 0 0.1em;
  }
}
@media (max-width: 767px){
  .news-single-head__subttl+.news-single-head__ttl{
    margin-top: 0.5em;
  }
}

/* contents */
.news-single__intro{
  margin-top: 6.5em;
}
.news-single__intro-txt{
  line-height: 2;
}
.news-single__intro-txt+.news-single__intro-txt{
  margin-top: 1.5em;
}
.news-single__profile{
  margin-top: 3.7em;
  padding: 3em 3.125em;
  border: 1px solid #c9caca;
}
.news-single__profile-name{
  margin-top: 1.5em;
}
.news-single__profile-info{
  line-height: 2;
  margin-top: 1.2em;
}
.news-single__image{
  width: min(75%,54em);
  margin: 6.5em auto 0;
}
.news-single__image--resized{
  aspect-ratio: 863/580;
}
.news-single__image--resized>img{
  height: 100%;
  object-fit: contain;
}
.news-single__cont{
  margin-top: 6em;
}
.news-single__cont-item+.news-single__cont-item{
  margin-top: 4.5em;
  padding-top: 4.5em;
  border-top: 1px solid #c9caca;
}
.news-single__cont-ttl{
  font-size: 1.313rem;
  font-size: clamp(1.313rem, 1.039rem + 1.17vw, 2.438rem);
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.65;
}
.news-single__cont-txt{
  font-size: 1rem;
  text-align: justify;
}
.news-single__cont-ttl+.news-single__cont-txt{
  margin-top: 3em;
}
.news-single__cont-txt+.news-single__cont-txt{
  margin-top: 1.8em;
}
/* 19-28-31.5 */
.news-single__cont-ttl--28{
  font-size: clamp(1.188rem, 0.998rem + 0.81vw, 1.969rem);
}
.news-single__cont-ttl--28+.news-single__cont-txt{
  margin-top: 1.5em;
}
.news-single__btn-wrap{
  padding-top: 5em;
}
.news-single__image--last{
  padding-bottom: 1.8em;
}
.news-single__btn{
  display: block;
  width: fit-content;
  font-size: 0.938rem;
  letter-spacing: 0.03em;
  line-height: 1.45;
  margin: 0 auto;
  padding: 0.6em 2.3em;
  border: 1px solid #212128;
  border-radius: 100px;
  transition: 0.8s cubic-bezier(.15,1,.2,1);
}
.news-single__btn:hover,
.news-single__btn:active{
  color: #fff;
  background-color: #212128;
  transition: 1.6s cubic-bezier(.15,1,.2,1);
}
.news-single__btn>span{
  display: block;
}
@media (max-width: 1023px){
  .news-single__intro{
    margin-top: 3.4em;
  }
  .news-single__profile{
    margin-top: 3em;
    padding: 1.8em 2.2em;
  }
  .news-single__profile-name{
    margin-top: 0.8em;
  }
  .news-single__profile-info{
    margin-top: 1em;
  }
  .news-single__image{
    width: 85.3%;
  }
  .news-single__cont{
    margin-top: 4em;
  }
  .news-single__cont-item+.news-single__cont-item{
    margin-top: 2.5em;
    padding-top: 3em;
  }
  .news-single__cont-ttl+.news-single__cont-txt{
    margin-top: 1.6em;
  }
  .news-single__cont-ttl--28+.news-single__cont-txt{
    margin-top: 1.2em;
  }
  .news-single__btn-wrap{
    padding-top: 3em;
  }
}
@media (max-width: 767px){
  .news-single__image{
    width: 100%;
    margin-top: 4.9em;
  }
  .news-single__image--last{
    padding-bottom: 1em;
  }
}

/* bottom */
.news-single-bottom{
  padding-top: 6.5em;
}
.news-single-bottom__wrap{
  border-top: 1px solid rgb(33, 33, 40, 1);
}
@media (max-width: 1023px){
}
@media (max-width: 767px){
  .news-single-bottom{
    padding-top: 4.5em;
  }
}

.news-single-fade{
  opacity: 0;
}


