@charset "UTF-8";.archive-relatedposts__ttl{font-size:34px;font-weight:700;margin:100px 0 40px}.archive-relatedposts{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4rem}.archive-relatedpost a{display:block;height:100%;border:1px solid var(--color-border-gray);border-radius:10px;overflow:hidden;position:relative;color:var(--color-base)}.archive-relatedpost__thumbnail{width:100%;height:auto;aspect-ratio:204/150;overflow:hidden}.archive-relatedpost__thumbnail img{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--transition)}.archive-relatedpost__content{padding:12px 20px 55px}.archive-relatedpost__title{font-size:14px}.archive-relatedpost__icon{position:absolute;width:54px;height:24px;border-radius:100vh;background:var(--color-blue);bottom:10px;right:16px;transition:var(--transition)}.archive-relatedpost__icon img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:10px;filter:brightness(0) invert(1);transition:var(--transition)}.archive-relatedpost a:hover{color:#fff;background:var(--color-blue)}.archive-relatedpost a:hover .archive-relatedpost__thumbnail img{transform:scale(1.1)}.archive-relatedpost a:hover .archive-relatedpost__icon{background:#fff}.archive-relatedpost a:hover .archive-relatedpost__icon img{filter:none;transform:translateY(-50%)}@media only screen and (max-width:768px){.archive-relatedposts{gap:1rem;grid-template-columns:repeat(2,1fr)}.archive-relatedpost__content{padding:12px 10px 50px}.archive-relatedposts__ttl{margin:6rem 0 2rem;font-size:20px}}