main .blog-list{min-height:calc(100vh - 232.5px);padding:0 0 40px 0}main .blog-list__top{height:200px;width:100vw;object-fit:cover;object-position:0 -300px;margin:40px 0 0 0}main .blog-list .sec-title{padding:100px 0 60px;margin:0 0 60px;background:url(../img/fv_bg.webp) no-repeat;background-position:center 48%;background-size:cover;font-size:3rem;text-align:center}main .blog-list .sec-title h2{color:#fff;font-size:3.6rem;font-weight:bold;margin:10px 0 20px;text-align:center;position:relative;text-shadow:0 0 5px rgba(0,0,0,.5)}main .blog-list__container{padding:40px}main .blog-list__container ul .blog__item{display:block;border-top:1px solid #3a8ac4;padding:20px 0;color:#2a2714}main .blog-list__container ul .blog__item li{display:flex;gap:10px;font-size:1.8rem}main .blog-list__container ul .blog__item li .date,main .blog-list__container ul .blog__item li .tag{min-width:110px}main .blog-list__container .wp-pagenavi{width:fit-content;margin:30px auto 0;display:flex;justify-content:center;align-items:center;font-size:clamp(1.2rem,3vw,2rem);gap:2px;position:relative}main .blog-list .blog__btn{width:248px;height:40px;border-radius:50px;font-size:2rem;font-weight:bold;color:#fff;text-align:center;border:none;display:block;margin:0 auto;background:linear-gradient(135deg, #3893D5, #41C6D8);line-height:40px}main .blog{background:url(../img/fv_bg.webp) no-repeat center/cover;min-height:calc(100vh - 192.5px)}main .blog__container{padding:80px 0}main .blog__container ul .single__contents{width:80%;font-size:2rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;background:rgba(255,255,255,.8);padding:40px 20px;margin:0 auto;border-radius:40px}main .blog__container ul .single__contents h1{font-size:3rem;margin:0 0 20px 0}main .blog__container ul .single__contents .content{margin:0 0 60px 0;text-align:left}main .blog__container ul .blog__btn{width:248px;height:40px;border-radius:50px;font-size:2rem;font-weight:bold;color:#fff;text-align:center;border:none;display:block;margin:0 auto;background:linear-gradient(135deg, #3893D5, #41C6D8);line-height:40px}@media screen and (max-width: 768px){main .blog-list__container{padding:20px}main .blog-list__container ul .blog__item li{flex-wrap:wrap}main .blog-list__container ul .blog__item li .content{width:100%}main .blog__container ul .single__contents{width:92%;font-size:1.8rem}main .blog__container ul .single__contents h2{font-size:2rem}}