/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

#news .newsTagSelectorLayout {
  text-align: right;
  padding-right: 24px;
  padding-bottom: 24px;
}
#news .newsListLayout {
  padding: 0px 24px 120px;
}
.newsPageSelectorLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.newsListBodyLayout{
  position: relative;
}
.movePrevPage,
.moveNextPage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
.move-page-arrow {
  position: relative;
  width: 1.3588vw;
  height: 4.4445vw;
  overflow: hidden;
}
.move-page-arrow::before {
  display: block;
  -webkit-transition: all .43s;
  -o-transition: all .4s;
  transition: all .4s;
}
.move-page-arrow::before {
  position: absolute;
  width: 2.7777vw;
  height: 1.3888vw;
  content: "";
  background-image: url(../img/arrow.svg);
  background-repeat: repeat-x;
  background-size: contain;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.move-page-arrow.next-arrow::before{
  left: -1.3888vw;
}
.move-page-arrow.prev-arrow::before {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
  top: 30%;
  left: 0;
}

.movePrevPage:hover .move-page-arrow::before{
  left: -1.3888vw;
}

.moveNextPage:hover .move-page-arrow::before{
  left: 0px;
}

.movePrevPage .move-page-text{
  position: relative;
  padding-left: 0.8334vw;
  font-variation-settings: "wdth" 125, "wght" 400, "slnt" 0;
}

.moveNextPage .move-page-text{
  position: relative;
  padding-right: 0.8334vw;
  font-variation-settings: "wdth" 125, "wght" 400, "slnt" 0;
}
.move-page-text::before{
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
	border-bottom: solid 2px #000;
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  transform: scale(0, 1);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  -o-transition: transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s;
}
.movePrevPage:hover .move-page-text::before,
.moveNextPage:hover .move-page-text::before{
  -webkit-transform-origin: left top;
      -ms-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1)
}
.pagenationSelectRoot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.pagenationSelectRoot::before {
  position: absolute;
  display: block;
  content: '';
  width: 2.6vw;
  height: 2.6vw;
  background-image: url(../img/select.svg);
  background-size: contain;
  top: 50%;
  right: 4.2666vw;
  pointer-events: none;
}
.pagenationSelectRoot::before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.pagenationSelectRoot .pagenationSelectText {
  font-size: 11px;
  color: #777777;
}
.pagenationSelectRoot .pagenationSelect {
  font-size: 1.2rem;
  border: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 1.3333vw 11.20vw 1.6vw 4.2666vw;
  border-radius: 36px;
  color: #222222;
  font-variation-settings: "wdth" 125, "wght" 400, "slnt" 0;
  -webkit-font-feature-settings: 'palt' on;
          font-feature-settings: 'palt' on;
  font-family: 'TT Hoves Pro Trial Variable', 'Noto Sans JP', sans-serif;
}
.pagenationSelectRoot .pagenationSelect:focus-visible {
  outline: none;
}
.pagenationSelectRoot .pagenationSelect:hover {
  cursor: pointer;
}

.pagenationBtnRoot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.416vw;
  background-color: #22222208;
  border-radius: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.pagenationBtnRoot .pagenationBtn {
  display: block;
  width: 2.2223vw;
  height: 2.2223vw;
  background-color: transparent;
  border: none;
  border-radius: 100%;
  cursor: pointer;
  padding: 0px;
  font-size: 1.2rem;
  color: #222222;
  font-variation-settings: "wdth" 110, "wght" 450, "slnt" 0;
  z-index: 1;
}
.pagenationBtnRoot{
  position: relative;
}
.pagenationBtnRoot .pagenationBtnCircle{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2.2223vw;
  height: 2.2223vw;
  border-radius: 50%;
  background-color: white;
  -webkit-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
  z-index: 0;
}

.pagenationBtnRoot .pagenationBtnDot {
  display: block;
  width: 2.2223vw;
  text-align: center;
  font-size: 1.2rem;
}

/* ページネーションアニメーション */
.movePrevPage:hover span, .moveNextPage:hover span {
  will-change: opacity;
  -webkit-animation-name: svelte-z32cmn-blink;
          animation-name: svelte-z32cmn-blink;
  -webkit-animation-duration: calc(var(--r1) * .4s);
          animation-duration: calc(var(--r1) * .4s);
  -webkit-animation-timing-function: cubic-bezier(.22,1,.36,1);
          animation-timing-function: cubic-bezier(.22,1,.36,1);
  -webkit-animation-delay: calc(var(--r2) * .5s);
          animation-delay: calc(var(--r2) * .5s)
}
  @-webkit-keyframes svelte-z32cmn-blink {
    0% {
      opacity: 1
    }
    50% {
      opacity: .15
    }
    to {
      opacity: 1
    }
  }
  @keyframes svelte-z32cmn-blink {
    0% {
      opacity: 1
    }
    50% {
      opacity: .15
    }
    to {
      opacity: 1
    }
  }


#news .tagBtnRoot {
  background-color: #22222208;
  border-radius: 12px;
  padding: 2.5vw 0 2.5vw 2.5vw;
  width: 13.8888vw;
  font-variation-settings: "wdth" 110, "wght" 450, "slnt" 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: 1.1111vw;
  box-sizing: content-box;
}
.newsTagSelectorLayout .is-pc{
  /*stickyで固定*//*Safari*/
	position: sticky;
  /*固定したい位置*/
	top: 19.4444vw;
  padding-bottom: 13.8889vw;
}
#news .tagBtnRoot .tagBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.2;
  letter-spacing: 0.06em;
  background-color: transparent;
  border: none;
  color: #222222;
  -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  margin: 0;
  font-variant-numeric: stacked-fractions;
  -webkit-font-feature-settings: 'liga' off;
          font-feature-settings: 'liga' off;
  font-family: 'TT Hoves Pro Trial Variable', 'Noto Sans JP', sans-serif;
  gap: 0;
}
#news .tagBtnRoot .tagBtn.is-select,
#news .tagBtnRoot .tagBtn:hover {
  cursor: pointer;
  gap: 0.5555vw;
}
#news .tagBtnRoot .tagBtn::before {
  display: block;
  content: "";
  background-color: black;
  width: 0.2777vw;
  height: 0.2777vw;
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform, opacity, -webkit-transform;
}
#news .tagBtnRoot .tagBtn.is-select::before,
#news .tagBtnRoot .tagBtn:hover::before {
  display: block;
  content: "";
  background-color: black;
  width: 0.2777vw;
  height: 0.2777vw;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all .4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: transform, opacity, -webkit-transform;
}

#news .tagSelectRoot {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#news .tagSelectRoot::before {
  position: absolute;
  display: block;
  content: '';
  width: 2.6vw;
  height: 2.6vw;
  background-image: url(../img/select.svg);
  background-size: contain;
  top: 50%;
  right: 16px;
  pointer-events: none;
}
#news .tagSelectRoot::before {
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#news .tagSelectRoot .tagSelectText {
  font-size: 11px;
  color: #777777;
  font-variation-settings: "wdth" 110, "wght" 450, "slnt" 0;
}
#news .tagSelectRoot .tagSelect {
  font-size: 11px;
  border: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  padding: 8px 32px 8px 16px;
  border-radius: 36px;
  color: #222222;
}
#news .tagSelectRoot .tagSelect:focus-visible {
  outline: none;
}
#news .tagSelectRoot .tagSelect:hover {
  cursor: pointer;
}

#news .newsListRoot .newsListItem {
  padding-top: 1.9444vw;
  padding-bottom: 1.9444vw;
  position: relative;
}
#news .newsListRoot .newsListItem::before{
  content: '';
  position: absolute;
  bottom: -1px;
  width: 0;
  right: 0;
  height: 1px;
  z-index: 2;
  color: rgba(34, 34, 34, 0.3);
  background-color: #15181a;
  -webkit-transition: all .4s cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all .4s cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all .4s cubic-bezier(0.25, 0.1, 0.25, 1);
}
#news .newsListRoot .newsListItem:hover::before{
  left: 0;
  width: 100%;
}
#news .newsListRoot .newsListItem .newsListItemInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#news .newsListRoot .newsListItem .newsListItemInfo .newsListItemDate {
  display: block;
  font-size: 1rem;
  color: #777777;
}
#news .newsListRoot .newsListItem .newsListItemInfo .newsListItemTag {
  display: block;
  font-size: 1.1rem;
  background-color: #2222220f;
  border: none;
  padding: 0.4167vw 0.8334vw;
  border-radius: 8px;
  cursor: pointer;
  margin-left: 0.8334vw;
  color: #222222;
}
#news .newsListRoot .newsListItem .newsListItemLink {
  margin-top: 1.25vw;
  display: block;
  font-size: 1.6rem;
  line-height: 1.75em;
  letter-spacing: 0.48px;
}
#news .newsListRoot .newsListItem .newsListItemLink::after {
  display: inline-block;
  margin-left: 0.3472vw;
  width: 0.6944vw;
  height: 0.6944vw;
  content: "";
  background-image: url(../img/link.svg);
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
}
#news .newsListRoot .newsListItem .newsListItemLink:hover {
  text-decoration: none;
}
.newsListItemLink_border{
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  height: 1px;
  left: 0;
  bottom: -1px;
  background:rgba(34, 34, 34, 0.48);
  mix-blend-mode: color-burn;
}

.newsListItem:first-of-type .newsListItemLink_border {
  background: rgba(34, 34, 34, 0.8);
}


@media print, screen and (min-width: 769px) {
  /* pc */
  #news .is-pc {
    display: block !important;
  }
  #news .is-sp {
    display: none !important;
  }
  .news_ttl{
    padding: 9.5vw 0 0 0;
    width: 28vw;
    margin: 0 3.8vw;    
  }
  #lottie__news{
    height: 12.4472vw;
  }
  #news.newsRootLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 3.4445vw 8.3333vw 0px;
  }
  #news .newsTagSelectorLayout {
    padding-right: 6.9445vw;
    padding-bottom: 0px;
    border-bottom: none;
    position: relative;
  }
  #news .newsTagSelectorLayout::before {
    position: absolute;
    content: "";
    background: var(--base-black, #222);
    mix-blend-mode: color-burn;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
  }
  #news .newsListLayout {
    padding: 0px 0px 13.8889vw 6.9445vw;
    width: 55.555vw;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }

  .newsPageSelectorLayout {
    padding-top: 4.027vw;
    width: 55.555vw;
  }

  .movePrevPage, .moveNextPage{
    font-size: 5.6rem;
    font-weight: 400;
    position: relative;
    font-family: 'TT Hoves Pro Trial Variable', 'Noto Sans JP', sans-serif;
  }
  .movePrevPage::after,
  .moveNextPage::before {
    width: 156px;
    height: 56px;
  }
  .movePrevPage::before,
  .moveNextPage::after {
    position: absolute;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
  }
  .movePrevPage::after {
    margin-left: 12px;
  }
  .moveNextPage::before {
    margin-right: 12px;
  }
  .movePrevPage::before{
    left: 0px;
  }
  .moveNextPage::after {
    right: 0px;
  }
  .movePrevPage:hover::before{
    left: -20px;
  }
  .moveNextPage:hover::after {
    right: -20px;
  }

  .movePrevPage .move-page-text .p{
    letter-spacing: -4.48px;
  }
  .movePrevPage .move-page-text .r{
    letter-spacing: -0.56px;
  }
  .movePrevPage .move-page-text .e{
    letter-spacing: -0.56px;
  }
  .movePrevPage .move-page-text .v{
    letter-spacing: -2.24px;
  }
  .moveNextPage .move-page-text .n{
    letter-spacing: -2.24px;
  }
  .moveNextPage .move-page-text .e,
  .moveNextPage .move-page-text .x,
  .moveNextPage .move-page-text .t{
    letter-spacing: -2.24px;
  }

  .newsListRoot .newsListItem {
    padding-bottom: 29px;
  }
  .newsListRoot .newsListItem:first-child {
    padding-top: 32px;
  }
  .newsListRoot .newsListItem .newsListItemInfo .newsListItemDate {
    font-size: 11px;
  }
  .newsListRoot .newsListItem .newsListItemInfo .newsListItemTag {
    min-width: 120px;
    font-size: 11px;
    color: #222222;
  }
  .newsListRoot .newsListItem .newsListItemLink {
    font-size: 16px;
    color: #222222;
  }
  .newsListItem:first-of-type .newsListItemLink_border {
    background: rgba(34, 34, 34, 1);
  }
  .newsListItemLink_border-on{
    position: absolute;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 1px;
    left: 0;
    top: 0px;
    background:rgba(34, 34, 34, 1);
    mix-blend-mode: color-burn;
  }
  .g-footer {
    margin-top: 9.3vw;
  }
}

@media print, screen and (max-width: 768px) {
  /* sp */
  .g-footer {
    margin-top: 17vw;
  }
  #news .is-pc {
    display: none !important;
  }
  #news .is-sp {
    display: block !important;
  }
  .news_ttl{
    padding: 21.7333vw 0 0 0px;
    width: 64.6vw;
    margin-left: -2vw;
  }
  .newsPageSelectorLayout {
    width: 100%;
    max-width: 87.2vw;
    margin: 14.9333vw auto 0;
  }
  .newsTagSelectorLayout{
    position: relative;
  }
  .newsTagSelectorLayout::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #222;
    mix-blend-mode: color-burn;
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
    bottom: 0;
    left: 0;
  }
  .move-page-text::before{
    border-bottom: none;
  }
  .move-page-text {
    font-size: 2.4rem;
    color: #222222;
    font-family: 'TT Hoves Pro Trial Variable', 'Noto Sans JP', sans-serif;
  }
  .movePrevPage .move-page-text .p{
    letter-spacing: -0.512vw;
  }
  .movePrevPage .move-page-text .r{
    letter-spacing: -0.064vw;
  }
  .movePrevPage .move-page-text .e{
    letter-spacing: 0.064vw;
  }
  .movePrevPage .move-page-text .v{
    letter-spacing: -0.256vw;
  }
  .moveNextPage .move-page-text .n{
    letter-spacing: -0.256vw;
  }
  .moveNextPage .move-page-text .e,
  .moveNextPage .move-page-text .x,
  .moveNextPage .move-page-text .t{
    letter-spacing: -0.256vw;
  }
  .move-page-arrow {
    position: relative;
    width: 5.3333vw;
    height: 5.3333vw;
    overflow: hidden;
  }
  .move-page-arrow::before {
    position: absolute;
    width: 10.6666vw;
    height: 5.3333vw;
    content: "";
    background-image: url(../img/arrow.svg);
    background-repeat: repeat-x;
    background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .move-page-arrow.prev-arrow::before {
    top: 0%;
  }
  .move-page-arrow.next-arrow::before{
    left: -5.3333vw;
  }
  .movePrevPage .move-page-text{
    position: relative;
    padding-left: 1.0666vw;
  }
  .movePrevPage:hover .move-page-arrow::before{
    left: -5.3333vw;
  }
  
  .moveNextPage:hover .move-page-arrow::before{
    left: 0px;
  }
  .moveNextPage .move-page-text{
    position: relative;
    padding-right: 1.0666vw;
  }
  #news.newsRootLayout {
    padding-top: 8vw;
  }
  #news .newsListRoot .newsListItem {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
    position: relative;
  }
  #news .tagSelectRoot .tagSelect {
    font-size: 1.1rem;
    border: none;
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    padding: 2.1333vw 7.2666vw 2.1333vw 4.2666vw;
    border-radius: 36px;
    color: #222222;
    font-weight: 450;
    line-height: 100%;
    letter-spacing: 0.1760vw;
    text-transform: uppercase;
  }
  #news .newsListRoot .newsListItem .newsListItemInfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.1333vw;
  }
  #news .newsListRoot .newsListItem .newsListItemInfo .newsListItemDate {
    display: block;
    font-family: 'TT Hoves Pro Trial Variable', 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    color: #777777;
    font-weight: 450;
    line-height: 120%;
    letter-spacing: 0.1599vw;
    text-transform: uppercase;
  }
  #news .newsListRoot .newsListItem .newsListItemInfo .newsListItemTag {
    display: block;
    font-family: 'TT Hoves Pro Trial Variable', 'Noto Sans JP', sans-serif;
    font-size: 1rem;
    background-color: #2222220f;
    border: none;
    padding: 1.3333vw 3.2vw 1.6vw 3.2vw;
    border-radius: 8px;
    cursor: pointer;
    margin-left: 0.8334vw;
    color: #222222;
    font-weight: 450;
    line-height: 120%;
    letter-spacing: 0.1599vw;
    text-transform: uppercase;
  }
  #news .newsListRoot .newsListItem .newsListItemLink {
    margin-top: 2.6666vw;
    display: block;
    font-size: 1.3rem;
    line-height: 1.75;
    letter-spacing: 0.1040vw;
  }
  #news .pagenation_padding{
    padding: 0 1.6vw;
  }
  #news .newsListRoot .newsListItem .newsListItemLink::after {
    width: 2.6666vw;
    height: 2.6666vw;
  }
}