.sectionTitlePage .wrapTitlePage .characterPageTitle {
    bottom: -28px;
    width: 240.6px;
    right: -92px;
}

.columnArea {
    padding: 95px 0 80px;
}
.columnArea .inner {
    max-width: 985px;
}
.columnArea .columnList {
    display: flex;
    flex-wrap: wrap;
    gap: 35.9px 36px;
    margin-bottom: 111px;
}
.columnArea .columnList li {
    flex: 0 0 calc((100% - 72px) / 3);
    display: flex;
}
.columnArea .columnList li .columnListItem {
    background: white;
    display: block;
    width: 100%;
    border-radius: 14px;
    padding: 4px;
    box-shadow: 8px 8px 0 #000;
    transition: 0.3s;
}
.columnArea .columnList li .columnListItem .columnImg {
    overflow: hidden;
    display: block;
    width: 100%;
    border-radius: 10px 10px 0 0;
}
.columnArea .columnList li .columnListItem .columnImg img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: auto;
    aspect-ratio: 283/167;
}
.columnArea .columnList li .columnListItem .columnItemContent {
    display: flex;
    flex-direction: column;
    padding: 14px 19px 14px;
}
.columnArea .columnList li .columnListItem .columnItemContent .columnDate {
    font-size: 12px;
    letter-spacing: 1.3px;
    font-weight: bold;
    margin-bottom: 5px;
    color: #e50011;
}
.columnArea .columnList li .columnListItem .columnItemContent .columnTitle {
    font-size: 14px;
    letter-spacing: 0.9px;
    line-height: 1.326;
    text-align: justify;
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.pagination {
    display: flex;
    width: fit-content;
    margin: 0 auto 84px;
    gap: 9px;
}
.pagination li {
    width: 41px;
    height: 41px;
}
.pagination li a,.pagination li span {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #e50011;
    position: relative;
    font-size: 19px;
    font-weight: bold;
    line-height: 1;
    border: 2px solid #fff;
    transition: 0.3s;
    padding-top: 2px;
}
.pagination li.active span {
    background: #e50011;
    color: #fff;
    border: 2px solid #fff;
}
.pagination li.prev a {
   background: #fff url("../images/news/pagin-arrow.png") no-repeat center / 10px;
   transform: rotate(180deg);
   transition: background-color 0.3s;
}
.pagination li.next a {
   background: #fff url("../images/news/pagin-arrow.png") no-repeat center / 10px;
}
@media (min-width: 769px) {
    .columnArea .columnList li .columnListItem:hover {
        transform: translate(8px,8px);
        box-shadow: none;
    }
    .columnArea .columnList li .columnListItem:hover .columTitle {
        color: #e50011;
    }
    .columnArea .columnList li .columnListItem:hover .columnTitle {
        color: #e50011;
    }
    .pagination li a:hover {
        background: #e50011;
        color: #fff;
    }
    .pagination li.prev a:hover {
        background: #e50011 url("../images/news/pagin-arrow-white.png") no-repeat center / 10px;
    }
    .pagination li.next a:hover {
        background: #e50011 url("../images/news/pagin-arrow-white.png") no-repeat center / 10px;
    }
}
@media (max-width: 900px) and (min-width: 769px) {
    .columnArea .columnList {
        gap: 4vw;
    }
    .columnArea .columnList li {
        flex: 0 0 calc((100% - 8vw) / 3);
    }
}
@media (max-width: 768px) {
    .sectionTitlePage .wrapTitlePage .characterPageTitle {
        width: clamp(114.5px, 27.33vw, 205px);
        bottom: clamp(-22px, -3vw, -14px);
        right: clamp(-28px, -3.75vw, -18px);
    }

    .columnArea {
        padding: clamp(34.5px, 9.2vw, 69px) 0 clamp(52px, 13.87vw, 104px);
    }
    .columnArea .inner {
        padding: 0 5.95%;
    }
    .columnArea .columnList {
        gap: clamp(28.5px, 7.6vw, 57px);
        margin-bottom: clamp(69px, 18.4vw, 138px);
        transform: translateX(clamp(-2px, -0.533vw, -4px));
    }
    .columnArea .columnList li {
        flex: 0 0 100%;
    }
    .columnArea .columnList li .columnListItem {
        border-radius: clamp(14px, 3.733vw, 28px);
    }
    .columnArea .columnList li .columnListItem .columnItemContent .columnDate {
        font-size: clamp(12.7px, 3.39vw, 25.4px);
        letter-spacing: clamp(1.25px, 0.33vw, 2.5px);
        margin-bottom: clamp(5px, 1.33vw, 10px);
    }
    .columnArea .columnList li .columnListItem .columnItemContent .columnTitle {
        font-size: clamp(14px, 3.73vw, 28px);
        padding: 0 clamp(4.5px, 1.2vw, 9px);
        line-height: 1.5;
        letter-spacing: clamp(1.1px, 0.29vw, 2.2px);
    }
    .columnArea .columnList li .columnListItem .columnImg {
        border-radius: clamp(11.5px, 3.067vw, 23px) clamp(11.5px, 3.067vw, 23px) 0 0;
    }
    .columnArea .columnList li .columnListItem .columnItemContent {
        padding: clamp(13px, 3.47vw, 26px) clamp(16.5px, 4.4vw, 33px) clamp(17px, 4.53vw, 34px);
    }
    .pagination {
        margin-bottom: clamp(54px, 14.4vw, 108px);
        gap: clamp(7.5px, 2vw, 15px);
    }
    .pagination li {
        width: clamp(35.15px, 9.37vw, 70.3px);
        height: clamp(35.15px, 9.37vw, 70.3px);
    }
    .pagination li a,
    .pagination li span {
        font-size: clamp(16.5px, 4.4vw, 33px);
    }
    .pagination li.prev a,
    .pagination li.next a {
        background: #fff url("../images/news/pagin-arrow-red-sp.png") center no-repeat;
        background-size: clamp(8px, 2.13vw, 16px);
    }
}
@media (max-width: 390px) {
    .columnArea .columnList {
        margin-bottom: clamp(55px, 14.6vw, 110px);
    }
    .columnArea .columnList li .columnListItem .columnItemContent .columnTitle {
        font-size: clamp(16px, 3.73vw, 26px);
        letter-spacing: 0;
    }
}

/* not found */
.item-notfound-title {
    color: #ffffff;
}
.item-notfound {
    color: #ffffff;
    margin-bottom: 95px;
}

@media (max-width: 768px) {
    .item-notfound {
        margin-bottom: clamp(34.5px, 9.2vw, 69px);
    }
}