@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bigshot+One&display=swap");
/*=============================================================
 tools
=============================================================*/
@media only screen and (max-width: 768px) {
  #news .page__ttlBox__deco {
    top: -1.875vw;
  }
}
#news .page__ttlBox__title {
  width: 314px;
}
@media only screen and (max-width: 1250px) {
  #news .page__ttlBox__title {
    width: 25.12vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .page__ttlBox__title {
    width: 43.75vw;
  }
}
#news .page__ttlBox__title__star {
  bottom: 84px;
  left: 127px;
}
@media only screen and (max-width: 1250px) {
  #news .page__ttlBox__title__star {
    bottom: 6.72vw;
    left: 10.16vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .page__ttlBox__title__star {
    bottom: 10.9375vw;
    left: 22.96875vw;
  }
}
#news .news__list {
  width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 1250px) {
  #news .news__list {
    width: 80vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list {
    width: 100%;
    margin-bottom: 6.25vw;
  }
}
#news .news__list__item {
  position: relative;
  background-color: #91FF00;
  border-radius: 500px;
  margin-bottom: 30px;
  overflow: hidden;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item {
    margin-bottom: 2.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item {
    margin-bottom: 4.6875vw;
  }
}
#news .news__list__item__link {
  display: grid;
  grid-template-columns: 232px 1fr 140px;
  align-items: center;
  min-height: 138px;
  padding: 40px 0;
  gap: 0 30px;
  color: #000;
  box-sizing: border-box;
  text-decoration: none;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__link {
    grid-template-columns: 18.56vw 1fr 11.2vw;
    min-height: 11.04vw;
    padding: 3.2vw 0;
    gap: 0 2.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__link {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 0 5.3125vw;
  }
}
#news .news__list__item__link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  filter: blur(15px);
  background-color: #fff;
  border-radius: 300px;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__link::before {
    filter: blur(1.2vw);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__link::before {
    filter: blur(2.34375vw);
  }
}
#news .news__list__item__date {
  position: relative;
  font-size: 26px;
  padding: 4px 0;
  font-family: "Bigshot One", serif;
  background-color: #CBFF96;
  text-align: center;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__date {
    font-size: 2.08vw;
    padding: 0.32vw 0;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__date {
    font-size: 4.6875vw;
    padding: 0.625vw 4.6875vw;
    margin-bottom: 2.1875vw;
  }
}
#news .news__list__item__text {
  position: relative;
  font-size: 20px;
  word-break: break-all;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__text {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__text {
    font-size: 3.75vw;
    padding: 0 19.375vw 0 7.8125vw;
  }
}
#news .news__list__item__arrow {
  position: absolute;
  top: 50%;
  right: 45px;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  background: url(../img/parts/circle_arrow_gy.png) no-repeat top center;
  background-size: contain;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item__arrow {
    right: 3.6vw;
    width: 4.8vw;
    height: 4.8vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item__arrow {
    right: 6.25vw;
    width: 9.375vw;
    height: 9.375vw;
  }
}
#news .news__list__item:hover {
  box-shadow: 3px 3px 12px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 1250px) {
  #news .news__list__item:hover {
    box-shadow: 0.24vw 0.24vw 0.96vw rgba(0, 0, 0, 0.2);
  }
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover {
    box-shadow: none;
  }
}
#news .news__list__item:hover .news__list__item__link::before {
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover .news__list__item__link::before {
    opacity: 1;
  }
}
#news .news__list__item:hover .news__list__item__date {
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover .news__list__item__date {
    background-color: #CBFF96;
  }
}
#news .news__list__item:hover .news__list__item__arrow {
  background-image: url(../img/parts/circle_arrow_wh.png);
}
@media only screen and (max-width: 768px) {
  #news .news__list__item:hover .news__list__item__arrow {
    background-image: url(../img/parts/circle_arrow_gy.png);
  }
}
#news .news__con__ttlBox {
  position: relative;
  display: grid;
  grid-template-columns: 232px 1fr 140px;
  align-items: center;
  width: 1000px;
  min-height: 138px;
  padding: 40px 0;
  gap: 0 30px;
  background-color: #91FF00;
  border-radius: 500px;
  margin: 0 auto 30px;
  overflow: hidden;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__ttlBox {
    width: 80vw;
    margin-bottom: 2.4vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__ttlBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: unset;
    padding: 0 0 5.3125vw;
    width: 87.5vw;
    margin-bottom: 4.6875vw;
  }
}
#news .news__con__ttlBox__date {
  position: relative;
  font-size: 26px;
  padding: 4px 0;
  font-family: "Bigshot One", serif;
  background-color: #fff;
  text-align: center;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__ttlBox__date {
    font-size: 2.08vw;
    padding: 0.32vw 0;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__ttlBox__date {
    font-size: 4.6875vw;
    padding: 0.625vw 4.6875vw;
    margin-bottom: 2.1875vw;
  }
}
#news .news__con__ttlBox__title {
  position: relative;
  font-size: 20px;
  line-height: 1.3;
  word-break: break-all;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__ttlBox__title {
    font-size: 1.6vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__ttlBox__title {
    font-size: 3.75vw;
    padding: 0 6.25vw;
  }
}
#news .news__con__detailBlock {
  width: 1200px;
  margin: 0 auto;
  padding: 80px 100px 80px;
  border-radius: 136px;
  background-color: rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock {
    width: 96vw;
    padding: 6.4vw 8vw 6.4vw;
    border-radius: 10.88vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock {
    width: 87.5vw;
    padding: 12.5vw 6.25vw 12.5vw;
    border-radius: 21.25vw;
  }
}
#news .news__con__detailBlock h2 {
  position: relative;
  font-size: 30px;
  line-height: 1.3;
  font-style: italic;
  font-weight: 500;
  padding: 0 20px 5px 58px;
  margin: 1.5em 0 1.2em;
  z-index: 1;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock h2 {
    font-size: 2.4vw;
    padding: 0 1.6vw 0.4vw 4.64vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h2 {
    font-size: 5.3125vw;
    padding: 0 3.125vw 0.78125vw 8.59375vw;
  }
}
#news .news__con__detailBlock h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 25px;
  background-color: #A7FCFF;
  z-index: -1;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock h2::before {
    height: 2vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h2::before {
    height: 3.90625vw;
  }
}
#news .news__con__detailBlock h2::after {
  content: "";
  position: absolute;
  top: 70%;
  left: 12px;
  transform: translateY(-50%);
  width: 37px;
  height: 44px;
  background: url("../img/parts/h_deco01.png") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock h2::after {
    left: 0.96vw;
    width: 2.96vw;
    height: 3.52vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h2::after {
    left: 1.875vw;
    width: 5.78125vw;
    height: 6.875vw;
  }
}
#news .news__con__detailBlock h3 {
  position: relative;
  display: inline-block;
  font-size: 24px;
  line-height: 1.3;
  font-style: italic;
  font-weight: 500;
  padding: 0 20px 5px 52px;
  margin: 1em 0 1.4em;
  z-index: 1;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock h3 {
    font-size: 1.92vw;
    padding: 0 1.6vw 0.4vw 4.16vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h3 {
    font-size: 4.375vw;
    padding: 0 3.125vw 0.78125vw 8.125vw;
    margin-top: 0em;
  }
}
#news .news__con__detailBlock h3::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #EBFF00;
  z-index: -1;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock h3::before {
    height: 1.6vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h3::before {
    height: 3.125vw;
  }
}
#news .news__con__detailBlock h3::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  width: 24px;
  height: 22px;
  background: url("../img/parts/h_deco02.png") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock h3::after {
    left: 0.96vw;
    width: 1.92vw;
    height: 1.76vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h3::after {
    left: 1.875vw;
    width: 3.75vw;
    height: 3.4375vw;
  }
}
#news .news__con__detailBlock h4 {
  position: relative;
  display: grid;
  grid-template-columns: 17px auto;
  gap: 0 15px;
  font-size: 16px;
  line-height: 1.3;
  font-style: italic;
  margin: 3em 0 1.2em;
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h4 {
    grid-template-columns: 2.65625vw auto;
    gap: 0 2.34375vw;
    font-size: 3.125vw;
  }
}
#news .news__con__detailBlock h4::before {
  content: "";
  width: 17px;
  height: 17px;
  margin-top: 2px;
  background: url("../img/parts/shape1_line_bk.svg") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock h4::before {
    width: 2.65625vw;
    height: 2.65625vw;
    margin-top: 0.625vw;
  }
}
#news .news__con__detailBlock p {
  font-size: 16px;
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock p {
    font-size: 3.125vw;
  }
}
#news .news__con__detailBlock p.small {
  font-size: 14px;
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock p.small {
    font-size: 2.8125vw;
  }
}
#news .news__con__detailBlock ul {
  margin-bottom: 20px;
}
@media only screen and (max-width: 1250px) {
  #news .news__con__detailBlock ul {
    margin-bottom: 1.6vw;
  }
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock ul {
    margin-bottom: 3.125vw;
  }
}
#news .news__con__detailBlock ul li {
  display: grid;
  grid-template-columns: 17px auto;
  gap: 0 15px;
  font-size: 16px;
  line-height: 1.3;
  margin-bottom: 1.2em;
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock ul li {
    grid-template-columns: 2.65625vw auto;
    gap: 0 2.34375vw;
    font-size: 3.125vw;
  }
}
#news .news__con__detailBlock ul li::before {
  content: "";
  width: 17px;
  height: 17px;
  margin-top: 2px;
  background: url("../img/parts/shape1_lgr.svg") no-repeat top center;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  #news .news__con__detailBlock ul li::before {
    width: 2.65625vw;
    height: 2.65625vw;
    margin-top: 0.625vw;
  }
}