._s._news{ width: 100%; position: relative; overflow: hidden; }
._s._news .lists{ width: 100%; margin-top: 40px; }
._s._news .lists .news{ display: flex; flex-wrap: wrap; width: 100%; }
._s._news .lists .news li{ width: calc(453 / 1440 * 100%); margin-right: calc(40 / 1440 * 100%); margin-bottom: 55px; }
._s._news .lists .news li:nth-of-type(3n){ margin-right: 0; }
._s._news .lists .news li > a{ display: block; width: 100%; }
._s._news .lists .news li > a .thumb{ width: 100%; border-radius: 26px; overflow: hidden; position: relative; }
._s._news .lists .news li > a .thumb iframe{ width: 100%; pointer-events: none; }
._s._news .lists .news li > a .thumb .max_{ background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; position: relative; transition-duration: 0.6s; }
._s._news .lists .news li > a .thumb .max_::after{ content: ''; display: block; padding-bottom: calc(300 / 453 * 100%); }
._s._news .lists .news li > a dl dt{ font-size: 20px; letter-spacing: -0.025em; font-weight: 600; line-height: calc(32 / 20); margin-top: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; }
._s._news .lists .news li > a dl dd{ font-size: 15px; letter-spacing: -0.025em; color: #7c7c7c; margin-top: 10px; }

.fancybox-slide--iframe .fancybox-content{ padding: 0; width: 80%; height: 80%; }

@media screen and (min-width: 821px){
    ._s._news .lists .news li:hover > a .thumb .max_{ transform: scale(1.05); }
}

@media screen and (max-width: 1280px){
    ._s._news .lists .news li > a dl dt{ font-size: 18px; margin-top: 10px; }
    ._s._news .lists .news li > a dl dd{ font-size: 14px; margin-top: 7px; }
}

@media screen and (max-width: 820px){
    ._s._news .lists .news{ justify-content: space-between; }
    ._s._news .lists .news li{ width: 49%; margin-right: 0; margin-bottom: 30px; }
    ._s._news .lists .news li > a dl dt{ font-size: 16px; }
}

@media screen and (max-width: 500px){
    ._s._news .lists .news li{ width: 100%; }
    ._s._news .lists .news li > a .thumb{ border-radius: 12px; }
    ._s._news .lists .news li > a dl dt{ font-size: 16px; }
}


._s._view{ width: 100%; position: relative; overflow: hidden; }
._s._view ._cont{ padding-top: 160px; padding-bottom: 120px; }


._s._view .top{ text-align: center; border-bottom: 3px solid #000; box-sizing: border-box; padding-bottom: 15px; word-break: keep-all; }
._s._view .top span{ font-size: 18px; letter-spacing: -0.025em; color: #7c7c7c; }
._s._view .top h1{ font-size: 40px; letter-spacing: -0.025em; line-height: calc(60 / 40); font-weight: 600; margin-top: 15px; }

._s._view .attach{ width: 100%; border-bottom: 1px solid #b1b3b8; display: flex; align-items: center; padding: 20px 0; }
._s._view .attach span{ display: flex; align-items: center; font-size: 16px; font-weight: 600; letter-spacing: -0.045em; }
._s._view .attach span i{ transform: rotate(-45deg); margin-right: 10px; }
._s._view .attach p{ padding-left: 20px; font-size: 16px; letter-spacing: -0.045em; color: #333; }


._s._view .editor{ min-height: 570px; padding: 70px 30px; box-sizing: border-box; width: 100%; border-bottom: 1px solid #000; box-sizing: border-box; line-height: 1.4; }

._s._view .exp{ width: 100%; }
._s._view .exp > a{ display: block; width: 100%; padding: 18px 0; box-sizing: border-box; display: flex; align-items: baseline; position: relative; font-size: 16px; letter-spacing: -0.025em; color: #444444; font-weight: 500; border-bottom: 1px solid #000; }
._s._view .exp > a span{ display: block; position: relative; padding-right: 17px; }
._s._view .exp > a span::after{ content:  ''; display: block; width: 2px; height: 100%; background-color: #525252; position: absolute; top: 0; right: 0; }
._s._view .exp > a p{ padding-left: 17px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; }

._s._view .back{ display: flex; justify-content: center; margin-top: 60px; }
._s._view .basicbtn em{ padding: 0 22px; }


@media screen and (max-width: 1280px){
    ._s._view ._cont{ padding: 120px 0; }
    ._s._view .top span{ font-size: 16px; }
    ._s._view .top h1{ font-size: 30px; }
    ._s._view .editor{ padding: 40px; }
}

@media screen and (max-width: 820px){
    ._s._view ._cont{ padding-right: 70px 0; }
    ._s._view .top span{ font-size: 14px; }
    ._s._view .top h1{ font-size: 24px; }
    ._s._view .attach{ padding: 15px 0; }
    ._s._view .attach span{ font-size: 14px; }
    ._s._view .attach p{ font-size: 14px; }
    ._s._view .editor{ padding: 20px; min-height: 350px; }
    ._s._view .exp > a{ padding: 15px 0; font-size: 14px; }
}

@media screen and (max-width: 500px){
    ._s._view .top h1{ font-size: 20px; }
    ._s._view .editor{ padding: 20px 15px; min-height: 200px; }
    ._s._view .back{ margin-top: 30px; }
}