.p-comment__inner{padding:32px 40px 24px;border:1px solid #ccc;border-radius:4px;background-color:#fff}@media(max-width: 768px){.p-comment__inner{padding:24px 4% 20px}}.p-comment__head{display:flex;align-items:flex-start;gap:24px}@media(max-width: 768px){.p-comment__head{flex-direction:column;gap:1.4em}}.p-comment__thumbnail{position:sticky;top:32px;width:240px}@media(max-width: 768px){.p-comment__thumbnail{position:relative;top:0;max-width:240px;margin-inline:auto}}.p-comment__image img{object-fit:contain}.p-comment__noImage{position:relative;display:block;width:100%;aspect-ratio:1.618/1;border:1px solid #ccc;border-radius:4px;background-color:#f5f5f5}.p-comment__noImage::after{content:"NO IMAGE";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#ccc;font-size:2rem;font-weight:900;text-align:center}.p-comment__info{flex:1}.p-comment__name{font-size:16px;font-weight:600;color:#27a574}@media(max-width: 768px){.p-comment__name{text-align:center}}.p-comment__career{margin-top:12px;padding:12px 24px;border-radius:4px;background-color:#f5f5f5}.p-comment__career p{position:static;font-size:12px}.p-comment__body{padding-top:12px}.p-comment__title{position:relative;font-weight:900}.p-comment__title::before{content:"“";display:block;color:#27a574;font-size:24px;line-height:1}.p-comment__paragraph{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:auto;max-height:67.2px;margin-top:1.4em;overflow:hidden;transition:all .3s ease}@media(max-width: 768px){.p-comment__paragraph{-webkit-line-clamp:6;height:auto;max-height:140.4px}}.p-comment__paragraph.is-expanded{max-height:unset;-webkit-line-clamp:unset;overflow:visible}.p-comment__paragraph p{font-size:14px;color:#363535}@media(max-width: 768px){.p-comment__paragraph p{font-size:1.3rem;line-height:1.8}}@media(max-width: 768px){.p-comment__paragraph{padding-top:.4em}}.p-comment__readMore{padding-top:12px}.p-comment__bottom{display:flex;justify-content:center;align-items:center;padding:12px 0}.p-readMore{position:relative;display:block;width:clamp(152px,90%,188px);padding:12px 16px;margin-inline:auto;border-radius:100vmax;background-color:#28c27f;color:#fff;font-weight:900;text-align:center}.p-readMore::after{content:"";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:8px;background-color:#fff;clip-path:polygon(50% 100%, 0% 0%, 100% 0%);transition:transform .48s cubic-bezier(0.16, 1, 0.3, 1)}.p-readMore:hover{opacity:1;color:#fff}.p-readMore.is-active::after{transform:translateY(-50%) rotate(180deg)}