#header {position: sticky;}
#news {padding: 40px 0 100px;}
.news__title {display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 20px;}
.news__title > h2 {}
.news__title-tymbol {width: 120px;}
.news__title-tymbol > img {width: 100%;}


.news__cont {}
.news__cont-list {display: grid;grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px 20px;}
.news__cont-item {}
.news__cont-item > a {display: block;}
.news__cont-item > a > figure {height: 300px;margin-bottom: 18px;}
.news__cont-item > a > figure > img {width: 100%;height: 100%;object-fit: cover;}
.news__cont-item > a > p {font-size: 17px;}





#news-detail {padding: 40px 0 100px;letter-spacing: 0.025em;}
#news-detail .section__wrap {max-width: 1000px;}
.news__detail-title {margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px solid #ddd;}
.news__detail-title > h2 {font-size: 30px;font-weight: 900;margin-bottom: 15px;}
.news__detail-title > div {}
.news__detail-title > div > span {display: inline-block;font-size: 17px;color: #777;}
.news__detail-title > div > span~span {}
.news__detail-title > div > span~span::before {content: "";display: inline-block;width: 1px;height: 15px; margin: 0 10px 0 7px;background: #aaa;vertical-align: middle;}
.news__detail-cont {}
.news__detail-cont > figure {margin: 30px 0;}
.news__detail-cont > figure > img {display: block;width: 100%;margin-bottom: 8px;}
.news__detail-cont > figure > span {font-size: 15px;font-weight: 400;color: #777;transform: skew(-0.1deg)}
.news__detail-cont > strong {display: block;font-size: 20px;line-height: 1.3;font-weight: 900;line-height: 1.4;}
.news__detail-cont > p {margin-bottom: 20px;font-size: 17px;line-height: 1.3;}
.news__detail-cont > p.news__detail-cont-name {margin-top: 50px;}
.news__detail-cont-btn {margin-top: 70px;}
.news__detail-cont-btn > a {display: block;width: 180px;line-height: 50px;font-size: 17px;text-align: center;color: #fff;background: #333;}


@media all and (max-width:1024px) {
    #news {padding: 20px 0 60px;}
    .news__title-tymbol {width: 40px;}
    .news__cont-list {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 20px 10px;}
    .news__cont-item > a > figure {height: 30vw;margin-bottom: 12px;}
    .news__cont-item > a > p {font-size: 14px;}










    .news__detail-title {margin-bottom: 20px;padding-bottom: 10px;;}
    .news__detail-title > h2 {margin-bottom: 5px;;font-size: 20px;}
    .news__detail-title > div > span {font-size: 14px;}

    .news__detail-cont > strong {font-size: 16px;}
    .news__detail-cont > figure {margin: 20px 0 15px;}
    .news__detail-cont > figure > span {font-size: 12px;}

    .news__detail-cont > p {margin-bottom: 15px;;font-size: 14px;}
    .news__detail-cont > p.news__detail-cont-name {margin-top: 30px;}

    .news__detail-cont-btn {margin-top: 30px;}
    .news__detail-cont-btn > a {font-size: 14px;line-height: 40px;width: 130px;}

}