.PostRelatedContents__card{background-color:#fff;border-radius:8px;box-sizing:border-box;color:#282828;display:block;overflow:hidden;transition:box-shadow .48s cubic-bezier(.37,.74,.15,1);width:100%}.PostRelatedContents__card:hover{box-shadow:0 0 17px #2828281f,0 0 22px #28282814,0 0 8px #2828280a}.PostRelatedContents__title{font-size:24px;font-weight:400;line-height:39px;margin-bottom:24px}.PostRelatedContents__grid{display:grid;gap:24px;grid-template-columns:repeat(4,1fr)}@media only screen and (max-width:1024px){.PostRelatedContents__grid{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:768px){.PostRelatedContents__grid{grid-template-columns:repeat(1,1fr)}}@media only screen and (max-width:563px){.PostRelatedContents__grid{grid-template-columns:repeat(1,1fr)}}.PostRelatedContents__category{color:#282828;display:-webkit-box;font-size:.75rem;font-weight:700;line-height:1.0625rem;max-width:100%;text-transform:uppercase;-webkit-line-clamp:1;-webkit-box-orient:vertical;-moz-line-clamp:1;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width:1024px){.PostRelatedContents__category{font-size:.625rem;line-height:.875rem}}.PostRelatedContents__cardTitle{font-size:1.125rem;font-weight:500;line-height:1.75rem;margin-top:16px;transition:color .24s cubic-bezier(.37,.74,.15,1)}@media only screen and (max-width:1024px){.PostRelatedContents__cardTitle{font-size:1rem;line-height:1.375rem}}.PostRelatedContents__publishedDate{display:block;font-size:.75rem;font-weight:300;line-height:1.0625rem;margin-top:4px;white-space:nowrap}@media only screen and (max-width:1024px){.PostRelatedContents__publishedDate{font-size:.625rem;line-height:.875rem}.PostRelatedContents .Card__link{display:grid;flex-direction:row;gap:var(--layout-gap);grid-template-columns:repeat(15,1fr);width:100%}}@media only screen and (max-width:768px){.PostRelatedContents .Card__link{grid-template-columns:repeat(14,1fr)}}@media only screen and (max-width:563px){.PostRelatedContents .Card__link{display:flex;flex-direction:column;gap:0}}@media only screen and (max-width:1024px){.PostRelatedContents .Card__img{aspect-ratio:unset;grid-column:1/8}}@media only screen and (max-width:768px){.PostRelatedContents .Card__img{grid-column:1/7}}@media only screen and (max-width:1024px){.PostRelatedContents .Card__body{grid-column:8/16;margin-left:calc(0px - var(--layout-gap))}}@media only screen and (max-width:768px){.PostRelatedContents .Card__body{grid-column:7/15}}@media only screen and (max-width:563px){.PostRelatedContents .Card__body{margin-left:0}}.PostRelatedContents .Card figcaption{display:none}