section{&.blog{&.category{align-items:stretch;display:grid;gap:4rem;grid-template-columns:auto;height:auto;justify-content:center;margin:0;padding:8rem 3rem;width:100%;@media (max-width:767px){padding-bottom:6rem;padding-left:3rem;padding-right:3rem;padding-top:6rem}>.layer{align-items:start;border-bottom:.1rem solid var(--border-gray);display:grid;gap:3rem;grid-template-columns:1fr 28rem;height:auto;justify-content:start;margin:0;max-width:110rem;padding:0 0 8rem;width:100%;@media (max-width:1024px){grid-template-columns:100%}>.list{align-items:stretch;display:grid;gap:4rem 2rem;grid-template-columns:repeat(2,1fr);height:auto;justify-content:start;margin:0;max-width:128rem;width:100%;@media (max-width:1023px){gap:3rem 2rem;grid-template-columns:repeat(2,1fr)}@media (max-width:767px){gap:3rem 2rem;grid-template-columns:100%}>.object{align-items:center;display:grid;gap:2rem;grid-template-columns:100%;grid-template-rows:1fr auto;height:auto;justify-content:center;margin:0;padding:0;position:relative;width:100%;z-index:0;&:hover{>a{>picture.eyecatch{>img{transform:scale(1.05)}}}>.info{>.title{>p{color:var(--text-black)}}}}>a{align-items:stretch;border-radius:0;display:grid;gap:1.5rem;grid-template-columns:100%;grid-template-rows:auto 1fr;height:100%;justify-content:center;margin:0;overflow:hidden;padding:0;width:100%;>picture.eyecatch{background-color:var(--background-gray);border-radius:.8rem;height:auto;margin:0;max-height:25rem;overflow:hidden;padding:0;width:100%;>img{display:block;height:100%;margin:0;min-height:25rem;-o-object-fit:contain;object-fit:contain;padding:0;transform:scale(1);transition:.3s;width:100%}}>.info{align-items:stretch;display:grid;gap:1rem;grid-template-columns:100%;grid-template-rows:1fr auto;height:auto;justify-content:start;margin:0;padding:0;width:100%;>h3{color:var(--text-black);display:-webkit-box;font-size:1.8rem;font-weight:700;height:auto;line-height:3rem;margin:0;overflow:hidden;padding:0;text-align:left;width:100%;-webkit-box-orient:vertical;-webkit-line-clamp:3}>.layer{align-items:start;display:grid;gap:2rem;grid-template-columns:100%;height:auto;justify-content:space-between;margin:0;padding:0;width:100%;>.date{height:auto;margin:0;padding:0;width:100%;>p{color:var(--text-black);font-size:1.6rem;font-weight:400;height:auto;line-height:1;margin:0;padding:0;text-align:left;width:100%}}>.author{align-items:center;display:grid;font-size:1.8rem;font-weight:700;gap:.8rem;grid-template-columns:auto 1fr;height:auto;justify-content:start;margin:0;padding:0;text-align:left;width:100%;>img{align-items:center;border:.1rem solid var(--border-gray);border-radius:5rem;display:flex;flex-flow:column wrap;justify-content:center;overflow:hidden;width:3rem}>img,>p{height:auto;margin:0;padding:0}>p{color:var(--text-black);font-size:1.2rem;font-weight:400;text-align:left;width:100%}}}}}>.categories{align-items:flex-start;display:flex;flex-flow:row wrap;gap:.7rem 1rem;height:auto;justify-content:flex-start;margin:0;padding:0;width:100%;>.category{align-items:center;display:grid;gap:0;grid-template-columns:auto;height:auto;justify-content:center;margin:0;padding:0;width:auto;>a{align-items:center;background-color:var(--background-turquoise);border-radius:.5rem;color:var(--text-white);display:grid;font-size:1.2rem;font-weight:400;gap:.8rem;grid-template-columns:auto;height:auto;justify-content:center;margin:0;padding:.5rem 1.5rem;text-align:center;transition:.2s;width:100%}}}}}>.button{align-items:center;display:flex;flex-flow:column wrap;gap:.3rem;height:auto;justify-content:start;margin:0;padding:0;width:100%;>a{background-color:var(--background-white);background-image:url(/wp-content/themes/co_service-site/assets/src/images/icon/arrow_back.svg);background-position:right 3.6rem top 50%;background-repeat:no-repeat;border:.2rem solid var(--background-black);border-radius:5rem;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);color:var(--text-black);display:inline-block;font-size:1.6rem;font-weight:500;height:auto;line-height:2.5rem;margin:0;padding:2rem 7rem;text-align:center;transition:.2s;width:auto;&:focus-visible,&:hover{background-position:right 3rem top 50%;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack);color:var(--text-black)}}}}>.button{align-items:center;display:flex;flex-flow:column wrap;gap:.3rem;height:auto;justify-content:start;margin:0;padding:0;width:100%;>a{background-color:var(--background-white);background-image:url(/wp-content/themes/co_service-site/assets/dist/images/icon/arrow-left_black.svg);background-position:left 3.6rem top 50%;background-repeat:no-repeat;border:.2rem solid var(--background-black);border-radius:5rem;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clear);color:var(--text-black);display:inline-block;font-size:1.6rem;font-weight:500;height:auto;line-height:2.5rem;margin:0;padding:2rem 5rem 2rem 8rem;text-align:center;transition:.2s;width:auto;&:focus-visible,&:hover{background-position:left 3rem top 50%;box-shadow:0 .4rem 2.4rem 0 var(--shadow-clearblack);color:var(--text-black)}}}}}}