@charset "UTF-8";
/* CSS Document */


.news-detail__wrap {
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:40px;
}
.news-detail__article {
 width:100%;
 max-width:860px;
}
.news-detail__ttl {
 font-family: "Noto Sans JP", sans-serif;
 line-height:1.5;
 font-weight:600;
 margin-bottom:10px;
 border-bottom: 1px solid #000;
 padding-bottom: 5px;
}
.news-detail__date {
 color:#333;
 margin-bottom:20px;
}
.news-detail__img {
 margin-bottom:40px;
}
.news-detail__img img {
 width:100%;
 height:auto;
 display:block;
}
.news-detail__body p + p {
 margin-top:30px;
}
.news-detail__back {
 margin-top:60px;
 text-align:center;
}
.news-detail__back-btn {
 display:inline-flex;
 align-items:center;
 justify-content:center;
 width:100%;
 max-width:200px;
 height:50px;
 background:#2aaae2;
 color:#fff;
}

.news-detail__other {
 width:100%;
 max-width:290px;
}
.news-detail__other-ttl {
 line-height:1.2;
 margin-bottom:10px;
 font-weight:600;
}
.news-detail__other-items {
border-top: 1px solid #333;
margin-top: 5px;
}
.news-detail__other-item {
 display:flex;
 align-items:flex-start;
 gap:10px;
 color:inherit; 
 text-decoration:none;
 border-bottom: 1px dotted #000;
 padding: 5px 0;
}
.news-detail__other-img {
 width:100px;
}
.news-detail__other-img img {
 width:100%;
 height:auto;
 display:block;
}
.news-detail__other-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.news-detail__other-item-ttl {
 font-size:1.4rem;
 line-height:1.5;
 font-weight:600;
 margin-bottom:10px;
}
.news-detail__other-date {
 font-size:1.4rem;
 line-height:1.4;
 color:#333;
}
.news-detail__other-link {
 margin-top:20px; text-align:right;
}
.news-detail__other-link a {
 font-size:14px; color:#2aaae2; text-decoration:none;
}

@media (max-width:1200px) {
 .news-detail__wrap {
  gap:30px;
 }
 .news-detail__article {
  max-width:760px;
 }
 .news-detail__other {
  max-width:260px;
 }
 .news-detail__other-img {
  width:90px;
 }
}

@media (max-width:768px) {
 .news-detail__wrap {
  flex-direction: column;
 }
 .news-detail__ttl {
  margin-bottom:15px;
 }
 .news-detail__date {
  margin-bottom:15px;
 }
 .news-detail__img {
  margin-bottom:30px;
 }
 .news-detail__body p + p {
  margin-top:25px;
 }
 .news-detail__back {
  margin-top:40px;
 }
 .news-detail__other {
  max-width: none;
  margin-top: 80px;
 }
 .news-detail__other-item {
    align-items: stretch;
    padding: 8px 0;
 }
 .news-detail__other-img {
    width: 100%;
    max-width: 150px;
 }
}

@media (max-width:500px) {
 .news-detail__body p + p {
  margin-top:20px;
 }
 .news-detail__back-btn {
  max-width:180px;
  height:45px;
 }
}