{# grid #}.blog-fv{display:grid;grid-template-columns:60% 40%;grid-template-rows:30vh 30vh;overflow:hidden}.blog-fv *{text-decoration:none}.blog-fv__swiper{grid-column:1 / 2;grid-row:1 / 3;height:auto !important;position:relative}.blog-fv__pickup--1{grid-column:2 / 3;grid-row:1 / 2;height:auto !important;background:#333;z-index:2}.blog-fv__pickup--2{grid-column:2 / 3;grid-row:2 / 3;height:auto !important;background:#777;z-index:2}@media(max-width:768px){.blog-fv{display:grid;grid-template-columns:60% 40%;grid-template-rows:20vh 20vh;overflow:hidden}.blog-fv__swiper{grid-column:1 / 3;grid-row:1 / 3;height:auto !important;position:relative}.blog-fv__pickup--1,.blog-fv__pickup--2{display:none}}{# content #}.blog-fv .post__img{position:absolute;top:0;left:0;width:100%;height:100%}.blog-fv .post__img img{width:100%;height:100%;object-fit:cover;transition:all .3s;overflow:hidden}.blog-fv .post:hover .post__img img,.blog-fv__pickup .post:hover .post__img img{transform:scale(1.1)}.blog-fv__pickup .post{overflow:hidden}.no-imageFV{width:100%;height:100%;background:#d8d8d8}.blog-fv .post__grad{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;background:linear-gradient(360deg,rgba(0,0,0,1) 0%,rgba(0,0,0,0.4) 48%,rgba(0,0,0,0.2) 100%)}.blog-fv .post__title{position:absolute;left:50%;top:90%;width:80%;transform:translate(-50%,-100%)}.blog-fv .post__title h3 a{color:#fff;font-size:1.5rem}.blog-fv .post__tag{color:#fff;border:solid 1px #fff;display:inline-block;padding:.3rem .5rem;transition:all .5s}.blog-fv .post__tag:hover{color:#000;border:solid 1px #fff;background:#fff}.blog-fv .post__tags a{color:#fff}{# pickup #}.blog-fv__pickup .post__title{top:100%}.blog-fv__pickup .post__title h3 a{font-size:1rem}.blog-fv__pickup .post__title time{font-size:.8rem}.blog-fv__pickup .post__title .post__tag{border:solid 1px #fff;padding:.2rem .3rem;font-size:.8rem}@media(max-width:768px){.blog-fv .post__title h3 a{color:#fff;font-size:1.3rem}.blog-fv .post__tag{padding:.2rem .3rem;font-size:.8rem}}@media(max-width:480px){.blog-fv .post__title h3 a{color:#fff;font-size:1.2rem}.blog-fv .post__tag{padding:.2rem .3rem;font-size:.5rem}}{# swiper #}.swiper--wrapper{width:100%;height:100%}.swiper-slide{color:#fff;width:100%;height:100%;position:relative}.swiper-button-blog_next,.swiper-button-blog_prev{position:absolute;top:100%;transform:translateY(-100%);height:50px;width:50px;border-radius:100px;z-index:999}.swiper-button-blog_prev{left:0}.swiper-button-blog_prev:before{content:"<";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;transition:all .2s}.swiper-button-blog_next{right:0}.swiper-button-blog_next:before{content:">";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.5rem;transition:all .2s}.swiper-button-blog_next:hover:before,.swiper-button-blog_prev:hover:before{font-size:2rem;cursor:pointer}.swiper-pagination{z-index:999}.swiper-pagination-bullet{background:rgba(227,227,227,0.5) !important}.swiper-pagination-bullet-active{background:rgba(227,227,227,1) !important}