@charset "UTF-8";

.news {
  min-width: 83.3333333333vw;
  color: var(--clr-black);
  background: var(--clr-white)
}

.news__hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
  padding: 2.7777777778vw 8.3333333333vw;
  background: linear-gradient(98deg, #00115a, #0076d2 106.17%);
  color: var(--clr-white);
  text-align: center
}

.news__hero-title {
  font-family: Poppins, sans-serif;
  font-size: 3.3333333333vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .0666666667vw
}

.news__hero-subtitle {
  font-size: 1.1111111111vw;
  font-weight: 900;
  line-height: 1.8;
  letter-spacing: .0222222222vw
}

.news__breadcrumb {
  background: var(--clr-gray-bg);
  padding: .5555555556vw 8.3333333333vw
}

.news__breadcrumb-list {
  display: flex;
  align-items: center;
  gap: .2777777778vw;
  list-style: none
}

.news__breadcrumb-item {
  font-size: .8333333333vw;
  font-weight: 400;
  line-height: 1.6;
  color: var(--clr-black)
}

.news__breadcrumb-item:last-child {
  color: var(--clr-gray-text)
}

.news__breadcrumb-sep {
  color: var(--clr-gray-text2);
  font-size: .8333333333vw;
  line-height: 1.5
}

.news__breadcrumb-link {
  color: var(--clr-black)
}

.news__breadcrumb-link:hover {
  color: var(--clr-prime)
}


.news__back {
  display: inline-flex;
  align-items: center;
  align-self: flex-start;
  gap: .5555555556vw;
  color: var(--clr-prime);
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 1.4;
  text-decoration: none;
  transition: opacity .3s ease
}

.news__back:hover {
  opacity: .72
}

.news__body {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.7777777778vw;
  padding: 5.5555555556vw 8.3333333333vw;
  background: var(--clr-gray-bg)
}

.news__card {
  width: 100%;
  max-width: 83.3333333333vw;
  padding: 5.5555555556vw 8.3333333333vw;
  border-radius: 2.7777777778vw;
  background: var(--clr-white);
  overflow: hidden
}

.news__list {
  display: flex;
  flex-direction: column;
  gap: 2.7777777778vw;
  list-style: none
}

.news__item {
  display: flex;
  align-items: center;
  gap: 1.1111111111vw;
  transition: all .3s ease
}

.news__item:hover .news__text {
  color: var(--clr-linkBlue);
  border-color: var(--clr-linkBlue)
}

.news__item:hover .news__text-icon {
  background-color: var(--clr-linkBlue)
}

.news__item.-onLink {
  pointer-events: none
}

.news__item.-onLink .news__text {
  border-bottom: none;
  font-weight: 700
}

.news__item.-onLink .news__text span {
  font-weight: 700;
  line-height: 1.6
}

.news__date {
  flex-shrink: 0;
  width: 7.5vw;
  font-family: Poppins, sans-serif;
  font-size: .9722222222vw;
  font-weight: 500;
  line-height: 1.4;
  color: var(--clr-gray-text);
  border-right: 1px solid var(--clr-black);
  padding-right: 1.1111111111vw;
  margin-right: 1.1111111111vw
}

.news__text {
  display: inline-flex;
  align-items: center;
  gap: .6944444444vw;
  border-bottom: 1px solid var(--clr-black);
  padding-bottom: 1px;
  color: var(--clr-black)
}

.news__text span {
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: .01em
}

.news__text-icon {
  display: inline-block;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  flex-shrink: 0;
  background-color: var(--clr-black);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transition: background-color .3s ease
}

.news__text-icon.-link {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_413'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_413)'%3e%3cpath%20d='M5.30775%2020.5C4.80258%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1974%203.5%2018.6923V5.30775C3.5%204.80258%203.675%204.375%204.025%204.025C4.375%203.675%204.80258%203.5%205.30775%203.5H11.6152V5H5.30775C5.23075%205%205.16025%205.03208%205.09625%205.09625C5.03208%205.16025%205%205.23075%205%205.30775V18.6923C5%2018.7692%205.03208%2018.8398%205.09625%2018.9038C5.16025%2018.9679%205.23075%2019%205.30775%2019H18.6923C18.7692%2019%2018.8398%2018.9679%2018.9038%2018.9038C18.9679%2018.8398%2019%2018.7692%2019%2018.6923V12.3848H20.5V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H5.30775ZM9.71925%2015.3345L8.6655%2014.2808L17.9462%205H14V3.5H20.5V10H19V6.05375L9.71925%2015.3345Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_413'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_413)'%3e%3cpath%20d='M5.30775%2020.5C4.80258%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1974%203.5%2018.6923V5.30775C3.5%204.80258%203.675%204.375%204.025%204.025C4.375%203.675%204.80258%203.5%205.30775%203.5H11.6152V5H5.30775C5.23075%205%205.16025%205.03208%205.09625%205.09625C5.03208%205.16025%205%205.23075%205%205.30775V18.6923C5%2018.7692%205.03208%2018.8398%205.09625%2018.9038C5.16025%2018.9679%205.23075%2019%205.30775%2019H18.6923C18.7692%2019%2018.8398%2018.9679%2018.9038%2018.9038C18.9679%2018.8398%2019%2018.7692%2019%2018.6923V12.3848H20.5V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H5.30775ZM9.71925%2015.3345L8.6655%2014.2808L17.9462%205H14V3.5H20.5V10H19V6.05375L9.71925%2015.3345Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e")
}

.news__text-icon.-pdf {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_45'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_45)'%3e%3cpath%20d='M10%2010.5H11C11.2833%2010.5%2011.5208%2010.4042%2011.7125%2010.2125C11.9042%2010.0208%2012%209.78333%2012%209.5V8.5C12%208.21667%2011.9042%207.97917%2011.7125%207.7875C11.5208%207.59583%2011.2833%207.5%2011%207.5H9.5C9.36667%207.5%209.25%207.55%209.15%207.65C9.05%207.75%209%207.86667%209%208V12C9%2012.1333%209.05%2012.25%209.15%2012.35C9.25%2012.45%209.36667%2012.5%209.5%2012.5C9.63333%2012.5%209.75%2012.45%209.85%2012.35C9.95%2012.25%2010%2012.1333%2010%2012V10.5ZM10%209.5V8.5H11V9.5H10ZM15%2012.5C15.2833%2012.5%2015.5208%2012.4042%2015.7125%2012.2125C15.9042%2012.0208%2016%2011.7833%2016%2011.5V8.5C16%208.21667%2015.9042%207.97917%2015.7125%207.7875C15.5208%207.59583%2015.2833%207.5%2015%207.5H13.5C13.3667%207.5%2013.25%207.55%2013.15%207.65C13.05%207.75%2013%207.86667%2013%208V12C13%2012.1333%2013.05%2012.25%2013.15%2012.35C13.25%2012.45%2013.3667%2012.5%2013.5%2012.5H15ZM14%2011.5V8.5H15V11.5H14ZM18%2010.5H18.5C18.6333%2010.5%2018.75%2010.45%2018.85%2010.35C18.95%2010.25%2019%2010.1333%2019%2010C19%209.86667%2018.95%209.75%2018.85%209.65C18.75%209.55%2018.6333%209.5%2018.5%209.5H18V8.5H18.5C18.6333%208.5%2018.75%208.45%2018.85%208.35C18.95%208.25%2019%208.13333%2019%208C19%207.86667%2018.95%207.75%2018.85%207.65C18.75%207.55%2018.6333%207.5%2018.5%207.5H17.5C17.3667%207.5%2017.25%207.55%2017.15%207.65C17.05%207.75%2017%207.86667%2017%208V12C17%2012.1333%2017.05%2012.25%2017.15%2012.35C17.25%2012.45%2017.3667%2012.5%2017.5%2012.5C17.6333%2012.5%2017.75%2012.45%2017.85%2012.35C17.95%2012.25%2018%2012.1333%2018%2012V10.5ZM8%2018C7.45%2018%206.97917%2017.8042%206.5875%2017.4125C6.19583%2017.0208%206%2016.55%206%2016V4C6%203.45%206.19583%202.97917%206.5875%202.5875C6.97917%202.19583%207.45%202%208%202H20C20.55%202%2021.0208%202.19583%2021.4125%202.5875C21.8042%202.97917%2022%203.45%2022%204V16C22%2016.55%2021.8042%2017.0208%2021.4125%2017.4125C21.0208%2017.8042%2020.55%2018%2020%2018H8ZM8%2016H20V4H8V16ZM4%2022C3.45%2022%202.97917%2021.8042%202.5875%2021.4125C2.19583%2021.0208%202%2020.55%202%2020V7C2%206.71667%202.09583%206.47917%202.2875%206.2875C2.47917%206.09583%202.71667%206%203%206C3.28333%206%203.52083%206.09583%203.7125%206.2875C3.90417%206.47917%204%206.71667%204%207V20H17C17.2833%2020%2017.5208%2020.0958%2017.7125%2020.2875C17.9042%2020.4792%2018%2020.7167%2018%2021C18%2021.2833%2017.9042%2021.5208%2017.7125%2021.7125C17.5208%2021.9042%2017.2833%2022%2017%2022H4Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_45'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_45)'%3e%3cpath%20d='M10%2010.5H11C11.2833%2010.5%2011.5208%2010.4042%2011.7125%2010.2125C11.9042%2010.0208%2012%209.78333%2012%209.5V8.5C12%208.21667%2011.9042%207.97917%2011.7125%207.7875C11.5208%207.59583%2011.2833%207.5%2011%207.5H9.5C9.36667%207.5%209.25%207.55%209.15%207.65C9.05%207.75%209%207.86667%209%208V12C9%2012.1333%209.05%2012.25%209.15%2012.35C9.25%2012.45%209.36667%2012.5%209.5%2012.5C9.63333%2012.5%209.75%2012.45%209.85%2012.35C9.95%2012.25%2010%2012.1333%2010%2012V10.5ZM10%209.5V8.5H11V9.5H10ZM15%2012.5C15.2833%2012.5%2015.5208%2012.4042%2015.7125%2012.2125C15.9042%2012.0208%2016%2011.7833%2016%2011.5V8.5C16%208.21667%2015.9042%207.97917%2015.7125%207.7875C15.5208%207.59583%2015.2833%207.5%2015%207.5H13.5C13.3667%207.5%2013.25%207.55%2013.15%207.65C13.05%207.75%2013%207.86667%2013%208V12C13%2012.1333%2013.05%2012.25%2013.15%2012.35C13.25%2012.45%2013.3667%2012.5%2013.5%2012.5H15ZM14%2011.5V8.5H15V11.5H14ZM18%2010.5H18.5C18.6333%2010.5%2018.75%2010.45%2018.85%2010.35C18.95%2010.25%2019%2010.1333%2019%2010C19%209.86667%2018.95%209.75%2018.85%209.65C18.75%209.55%2018.6333%209.5%2018.5%209.5H18V8.5H18.5C18.6333%208.5%2018.75%208.45%2018.85%208.35C18.95%208.25%2019%208.13333%2019%208C19%207.86667%2018.95%207.75%2018.85%207.65C18.75%207.55%2018.6333%207.5%2018.5%207.5H17.5C17.3667%207.5%2017.25%207.55%2017.15%207.65C17.05%207.75%2017%207.86667%2017%208V12C17%2012.1333%2017.05%2012.25%2017.15%2012.35C17.25%2012.45%2017.3667%2012.5%2017.5%2012.5C17.6333%2012.5%2017.75%2012.45%2017.85%2012.35C17.95%2012.25%2018%2012.1333%2018%2012V10.5ZM8%2018C7.45%2018%206.97917%2017.8042%206.5875%2017.4125C6.19583%2017.0208%206%2016.55%206%2016V4C6%203.45%206.19583%202.97917%206.5875%202.5875C6.97917%202.19583%207.45%202%208%202H20C20.55%202%2021.0208%202.19583%2021.4125%202.5875C21.8042%202.97917%2022%203.45%2022%204V16C22%2016.55%2021.8042%2017.0208%2021.4125%2017.4125C21.0208%2017.8042%2020.55%2018%2020%2018H8ZM8%2016H20V4H8V16ZM4%2022C3.45%2022%202.97917%2021.8042%202.5875%2021.4125C2.19583%2021.0208%202%2020.55%202%2020V7C2%206.71667%202.09583%206.47917%202.2875%206.2875C2.47917%206.09583%202.71667%206%203%206C3.28333%206%203.52083%206.09583%203.7125%206.2875C3.90417%206.47917%204%206.71667%204%207V20H17C17.2833%2020%2017.5208%2020.0958%2017.7125%2020.2875C17.9042%2020.4792%2018%2020.7167%2018%2021C18%2021.2833%2017.9042%2021.5208%2017.7125%2021.7125C17.5208%2021.9042%2017.2833%2022%2017%2022H4Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e")
}

.news__pager {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5555555556vw
}

.news__pager-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.3333333333vw;
  height: 3.8888888889vw;
  border: 1px solid var(--clr-linkBlue);
  border-radius: 1.1111111111vw;
  background: var(--clr-white);
  color: var(--clr-linkBlue);
  font-family: Poppins, sans-serif;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 1;
  transition: all .3s ease
}

.news__pager-btn:hover {
  background: var(--clr-linkBlue);
  color: var(--clr-white)
}

.news__pager-btn:hover .news__pager-arrow {
  background-color: var(--clr-white)
}

.news__pager-btn.-current {
  background: var(--clr-linkBlue);
  color: var(--clr-white);
  pointer-events: none
}

.news__pager-arrow {
  display: block;
  width: .6944444444vw;
  height: 1.1111111111vw;
  background-color: var(--clr-linkBlue);
  -webkit-mask: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='8.94333'%20height='15.0767'%20viewBox='0%200%208.94333%2015.0767'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='vector'%20d='M7.53833%2015.0767L0%207.53833L7.53833%200L8.94333%201.405L2.81%207.53833L8.94333%2013.6717L7.53833%2015.0767Z'%20fill='%23004CE3'/%3e%3c/svg%3e") no-repeat center/contain;
  mask: url("data:image/svg+xml,%3csvg%20preserveAspectRatio='none'%20overflow='visible'%20style='display:%20block;'%20width='8.94333'%20height='15.0767'%20viewBox='0%200%208.94333%2015.0767'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20id='vector'%20d='M7.53833%2015.0767L0%207.53833L7.53833%200L8.94333%201.405L2.81%207.53833L8.94333%2013.6717L7.53833%2015.0767Z'%20fill='%23004CE3'/%3e%3c/svg%3e") no-repeat center/contain;
  transition: background-color .3s ease
}

.news__pager-btn.-next .news__pager-arrow {
  transform: rotate(180deg)
}

.news__pager-ellipsis {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: .8333333333vw;
  font-family: Poppins, sans-serif;
  font-size: .9027777778vw;
  font-weight: 400;
  line-height: 1;
  color: var(--clr-black)
}

@media (max-width: 768px) {
  .news__back {
    font-size: 3.7333333333vw
  }

  .news__hero {
    padding: 6.4vw 5.3333333333vw
  }

  .news__hero-title {
    font-size: 8.5333333333vw;
    letter-spacing: .1706666667vw
  }

  .news__hero-subtitle {
    font-size: 3.7333333333vw;
    letter-spacing: .0746666667vw
  }

  .news__breadcrumb {
    padding: 2.1333333333vw 5.3333333333vw
  }

  .news__breadcrumb-list {
    gap: 1.0666666667vw
  }

  .news__breadcrumb-item, .news__breadcrumb-sep {
    font-size: 3.2vw
  }

  .news__body {
    gap: 10.6666666667vw;
    padding: 6.4vw 5.3333333333vw
  }

  .news__card {
    max-width: none;
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 6.4vw
  }

  .news__list {
    gap: 6.4vw
  }

  .news__item {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.6vw
  }

  .news__date {
    width: auto;
    border-right: none;
    padding-right: 0;
    margin-right: 0;
    font-size: 3.7333333333vw
  }

  .news__text {
    display: block;
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
    gap: 0
  }

  .news__text>span:not(.news__text-icon) {
    font-size: 4.2666666667vw;
    letter-spacing: .01em;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: .15em
  }

  .news__item.-onLink .news__text>span:not(.news__text-icon) {
    font-size: 3.7333333333vw;
    letter-spacing: .01em;
    text-decoration: none
  }

  .news__text-icon {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    width: 6.4vw;
    height: 6.4vw;
    margin-left: 2.6666666667vw;
    padding-bottom: .15em;
    box-sizing: content-box
  }

  .news__text-icon:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background: currentColor
  }

  .news__item:hover .news__text-icon:after {
    background: var(--clr-linkBlue)
  }

  .news__pager {
    width: 100%;
    gap: 2.1333333333vw
  }

  .news__pager-btn {
    width: 12.8vw;
    height: 14.9333333333vw;
    border-radius: 4.2666666667vw;
    font-size: 4.2666666667vw;
    flex-shrink: 0
  }

  .news__pager-btn.-prev, .news__pager-btn.-next {
    flex: 1 0 0;
    min-width: 0;
    width: auto
  }

  .news__pager-arrow {
    width: 2.6666666667vw;
    height: 4.2666666667vw
  }

  .news__pager-ellipsis {
    width: 2.1333333333vw;
    font-size: 3.2vw
  }
}

/* グローバルナビゲーション背景（TOPと同じ設定） */
.page--news .layout__header {
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, .90) 0%,
    rgba(255, 255, 255, .80) 42%,
    rgba(255, 255, 255, .54) 68%,
    rgba(255, 255, 255, .22) 88%,
    rgba(255, 255, 255, 0) 100%
  );
}

.page--news .header__inner {
  padding-top: 1.05vw;
  padding-bottom: 1.05vw;
}

@media (max-width: 768px) {
  .page--news .header__inner {
    padding-top: 1.6vw;
    padding-bottom: 1.6vw;
  }
}