.overlay{opacity: 0;transition: opacity .3s ease;display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;background: var(--c);border-radius: 100%;position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;}

.post-list{width: 100%;}
.post-item > div {width: 100%;flex-direction: column;}
.post-item figure {padding-bottom: 63.013698630136986%;}
.post-item .text {color: var(--cblack);}

.post-item .date{border-radius: 30px;border: 1px solid #D9D9D9;display: inline-flex;justify-content: center;align-items: center;max-width: fit-content;color: var(--c);}

.about-us-btn.view-btn{width: fit-content;display: flex;align-items: center;}
.view-btn span{color:#262626;font:var(--font25Bold);justify-content: center;align-items: center}
.about-us-btn >  .view-btn-circle img{transition: all .4s ease-out;}
.view-btn span {position: relative;}
.view-btn span:before {position: absolute;bottom: 0;width: 0;padding-top: 10px;content: '';left: 0;height: 1px;border-bottom: 2px solid var(--cblack);display: none;}
.view-btn-circle{margin-left: 10px;}
@media (min-width:1200px) {
    .post-item div:hover .overlay {opacity: 1;}

    .cms-container{max-width: calc(100% - 20.833vw)}

    .post-list {margin-top: 5.208vw;}
    .post-item {width: 49%;margin-left: 2%;margin-top: 6.771vw;}

    .post-item.special {width: 100%;margin-top: 0;margin-left: 0;}

    .post-item:nth-child(2n) {margin-left: 0;}
    .post-item.special div {flex-direction: row;}

    .post-item:not(.special) .title {margin-top: 1.042vw;font: 700 clamp(1.875rem, 1.3542rem + 0.6944vw, 2.1875rem)/1.71 var(--comforta);}

    .post-item.special div >.text {width: 48%;flex-direction: column;}
    .post-item.special .photo {width: 49%;margin-left: 3%;}
    .post-item.special .title{margin-top: 1.042vw;font: 700 clamp(3.125rem, 2.0833rem + 1.3889vw, 3.75rem)/1.33 var(--comforta);}
    .post-item.special .desc{margin-top: 0.521vw;font: 300 clamp(1.375rem, 1.0625rem + 0.4167vw, 1.5625rem)/normal var(--open);}

    .post-item:not(.special) .photo {width: 100%;}
    .post-item:not(.special) .text {width: 100%;flex-direction: column;margin-top: 2.604vw;}
    .post-item .date {padding: 10px 30px;font:700 clamp(1.125rem, 0.9167rem + 0.2778vw, 1.25rem) var(--comforta);}
    .about-us-btn.view-btn{margin-top:4.427vw;}
}
@media (max-width:1199px) {
    .post-item.special a > .reverse {
        flex-direction: column-reverse;
    }
    .post-item a > div .text, .post-item a > div .photo {
        width: 100%;
    }
    .post-item a > div .text {
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    .post-item .title{text-align: center;}

    .view-btn > a {flex-direction: column;font:var(--font20BoldC);}
    .about-us-btn.view-btn{margin:4.883vw auto 0;}
    /*.view-btn-circle{margin-top: 1.465vw;}*/
}
@media (max-width: 1199px) and (min-width: 765px) {
    .post-item a {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
    .post-item {
        width: 49%;
        margin-left: 2%;
        margin-top: 4.395vw;
    }
    .post-item:nth-child(2n+1) {
        margin-left: 0;
    }

    .post-item a > div .text {
        padding: 0 1.953vw;
        margin-top: 1.953vw;
    }
    .post-item .date {
        padding: 10px 30px;
        font: 700 clamp(1.125rem, 0.9047rem + 0.4608vw, 1.25rem) var(--comforta);
    }
    .title {
        margin-top: 1.953vw;
        font: 700 clamp(1.5625rem, 1.0117rem + 1.1521vw, 1.875rem)/1.71 var(--comforta);
    }
}
@media (max-width:764px) {
    .post-item{width: 100%;}

    .post-list {
        margin-top: 7.292vw;
    }
    .post-item .text {
        margin-top: 4.167vw;
    }
    .post-item .text .date {
        padding: 10px 20px;
        font: 700 1rem/normal var(--comforta);
    }
    .post-item .text .title {
        margin-top: 4.167vw;
        font: 700 clamp(1.25rem, 1.25rem + 0.6545vw, 1.5625rem)/normal var(--comforta);
    }
    .post-item {
        margin-top: 9.375vw;
    }
    .post-item:first-child {
        margin-top: 0;
    }
    .view-btn a span{font: 700 clamp(1.125rem, 1.125rem + 0.2618vw, 1.25rem)/normal var(--comforta);}
    .about-us-btn.view-btn{margin:8.333vw auto 0;}
}

.hover-underline-animation::after {content: '';position: absolute;width: 100%;transform: scaleX(0);height: 2px;bottom: -3px;left: 0;transition: transform 0.25s ease-out;}
.hover-underline-animation {display: inline-block;position: relative;}
.hover-underline-animation.left::after,.about-us-btn > a .hover-underline-animation.left::after  {transform-origin: bottom right;background-color:#D85757;}

@media (min-width: 1200px){
    .post-item{transform: translateY(20px); opacity: 0;}
}
@media (max-width:1199px) {
    .post-item{opacity: 0;}
}
@media ( hover: hover ) and ( pointer: fine ) {
    .post-item:hover .view-btn .view-btn-circle{background:#D85757;transition: all .4s ease;}
    .post-item:hover .about-us-btn  .view-btn-circle img {transform: translateX(5px);transition: all .4s ease-out;}
    .post-item:hover .about-us-btn .hover-underline-animation.left::after{transform: scaleX(1);transform-origin: bottom left;}
}