/* --------------------------------------------------
    news
-------------------------------------------------- */
#news .news_list {
  margin-bottom: 100rem;
}
#news .news_list .news_item {
  border-block: 1rem solid #c9caca;
}
#news .news_list .news_item + .news_item {
  margin-top: -1rem;
}
#news .news_list .news_item a {
  transition: opacity 0.3s;
}
#news .news_list .news_item a .news_item_box .news_item_box_date {
  font-size: 18rem;
  font-weight: 300;
  color: var(--main-color-blue);
  line-height: 1.5555555556;
  flex-shrink: 0;
}
#news .news_list .news_item a .news_item_box .news_item_box_title {
  font-size: 20rem;
  color: #333333;
}
#news .button {
  font-size: 20rem;
  width: 175rem;
  margin-inline: auto;
}

@media (hover: hover) and (pointer: fine) {
  #news .news_list .news_item a:hover {
    opacity: 0.5;
  }
}
@media screen and (min-width: 769px) {
  #news .news_list .news_item a .news_item_box {
    display: flex;
    -moz-column-gap: 30rem;
         column-gap: 30rem;
    padding-block: 60rem;
  }
}
@media screen and (max-width: 768px) {
  #news .news_list {
    margin-bottom: 40rem;
  }
  #news .news_list .news_item a .news_item_box {
    padding-block: 30rem;
  }
  #news .news_list .news_item a .news_item_box .news_item_box_date,
  #news .news_list .news_item a .news_item_box .news_item_box_title {
    font-size: 24rem;
  }
  #news .news_list .news_item a .news_item_box .news_item_box_date {
    margin-bottom: 5rem;
  }
}
/* --------------------------------------------------
    news_item
-------------------------------------------------- */
#news_item .news_controller, #news_item .news_inner {
  width: 780rem;
  margin-inline: auto;
}

#news_item .news_date {
  color: var(--main-color-blue);
  line-height: 1;
  font-weight: 300;
}
#news_item .news_title {
  font-size: 30rem;
  font-weight: 700;
  text-box: var(--trim);
  border-block: 1rem solid #c9caca;
}
#news_item .news_inner .news_lead {
  text-box: var(--trim);
}
#news_item .news_controller {
  display: flex;
}
#news_item .news_controller a {
  transition: opacity 0.3s;
}

@media (hover: hover) and (pointer: fine) {
  #news_item .news_controller a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 769px) {
  #news_item .news_date {
    font-size: 18rem;
    margin-bottom: 20rem;
  }
  #news_item .news_title {
    padding-block: 50rem;
    margin-bottom: 90rem;
  }
  #news_item .news_inner .news_lead {
    font-size: 20rem;
    line-height: 2.5;
  }
  #news_item .news_inner .news_lead:has(+ *) {
    margin-bottom: 70rem;
  }
  #news_item .news_inner .news_image:has(+ *) {
    margin-bottom: 70rem;
  }
  #news_item .news_controller {
    -moz-column-gap: 30rem;
         column-gap: 30rem;
    margin-top: 100rem;
  }
  #news_item .news_controller .button_gray {
    width: 175rem;
  }
  #news_item .news_controller .button_blue {
    width: 275rem;
  }
}
@media screen and (max-width: 768px) {
  #news_item .news_inner, #news_item .news_controller {
    width: 670rem;
  }
  #news_item .news_date {
    font-size: 20rem;
    margin-bottom: 15rem;
  }
  #news_item .news_title {
    padding-block: 30rem;
    margin-bottom: 50rem;
  }
  #news_item .news_inner .news_lead {
    font-size: 25rem;
    line-height: 2;
  }
  #news_item .news_inner .news_lead:has(+ *) {
    margin-bottom: 40rem;
  }
  #news_item .news_inner .news_image:has(+ *) {
    margin-bottom: 40rem;
  }
  #news_item .news_controller {
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 40rem;
    width: 460rem;
    margin-top: 80rem;
  }
  #news_item .news_controller .button_gray {
    width: 210rem;
  }
  #news_item .news_controller .button_blue {
    width: 100%;
  }
  #news_item .news_controller li:nth-of-type(1) {
    order: 2;
  }
  #news_item .news_controller li:nth-of-type(2) {
    order: 1;
  }
  #news_item .news_controller li:nth-of-type(3) {
    order: 3;
  }
}/*# sourceMappingURL=news.css.map */