.banner .imgs{display:flex}@media (max-width: 767.98px){.banner .imgs{flex-wrap:wrap}}.banner .imgs img{width:25%;height:auto}@media (max-width: 767.98px){.banner .imgs img{width:50%}}.blogs{padding-bottom:60px;padding-top:60px}.blogs .tags{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;align-items:center;margin-bottom:68px}.posts{padding-bottom:90px;position:relative}.posts:after{content:"";position:absolute;width:100%;height:300%;z-index:-2;bottom:90%;background-image:url(/images/web/pages/pattern.webp);background-repeat:repeat;background-size:2000px;pointer-events:none}.posts article{position:relative;margin-bottom:48px}.posts article .post-img-infos{position:relative}.posts article .post-img-infos img{display:block}.posts article .post-img-infos .us{position:absolute;width:100%;justify-content:center;height:100%;top:0;display:flex}.posts article .post-img-infos .us .button-infos{display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;position:relative}@media (max-width: 767.98px){.posts article .post-img-infos .us .button-infos{width:100%}}.posts article .post-img-infos .us .button-infos .date-created{color:#ddb866;font-family:Reggae One;font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:10px;border:1px solid #DDB866;position:absolute;left:0;width:calc(50% - 4px);top:-8px;height:calc(100% + 42px);display:flex;align-items:end;justify-content:center;padding-bottom:8px;z-index:-1;transition:all .3s}@media (max-width: 767.98px){.posts article .post-img-infos .us .button-infos .date-created{width:40%;left:calc(10% - 4px)}}.posts article .post-img-infos .us .button-infos .subject{color:#ddb866;text-align:center;font-family:Reggae One;font-size:14px;font-style:normal;font-weight:400;line-height:normal;border-radius:10px;background:#e31e24;width:calc(50% - 4px);position:absolute;right:0;top:-8px;height:calc(100% + 42px);display:flex;align-items:end;justify-content:center;padding-bottom:8px;z-index:-1;transition:all .3s}@media (max-width: 767.98px){.posts article .post-img-infos .us .button-infos .subject{width:40%;right:calc(10% - 4px)}}.posts article:hover .post-img-infos .us .button-infos .subject,.posts article:hover .post-img-infos .us .button-infos .date-created{top:-16px;height:calc(100% + 58px)}.posts article h3{color:#000;font-family:LINE Seed JP;font-size:18px;font-style:normal;font-weight:700;line-height:normal;text-align:center;margin-top:50px}
