.case-detail{--color-male:var(--color-main);--color-female:#c0506e;display:grid;gap:64px}.case-detail__item{scroll-margin-top:80px}.case-detail__number{margin:0 0 8px;color:var(--color-text-sub);font-family:var(--font-en);font-size:12px;letter-spacing:.15em}.case-detail__title{margin:0 0 20px;color:var(--color-main);font-family:var(--font-ja-heading);font-weight:700;font-size:24px}.case-detail__overview{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:32px}.articleBody .case__number{margin:0 0 8px}.articleBody .case__title{margin:0 0 16px}.case-detail__thumb{margin:0}.case-detail__img{display:block;width:100%;height:auto;border-radius:6px}.case-detail__lead{color:var(--color-text-main);font-family:var(--font-ja-body);font-size:16px;line-height:1.9}.case-detail__lead p{margin:0 0 1em}.case-detail__lead p:last-child{margin-bottom:0}.case-detail__cases{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:20px}.case-card{padding:20px 24px 24px;background-color:var(--color-white);border:1px solid var(--gender-color);border-top:4px solid var(--gender-color);border-radius:6px}.case-card--male{--gender-color:var(--color-male)}.case-card--female{--gender-color:var(--color-female)}.case-card__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gender-color);margin-bottom:8px}.case-card__title{margin:0 0 8px;color:var(--color-main);font-family:var(--font-ja-heading);font-weight:700;font-size:20px}.case-card__person{margin:0 0 16px;color:var(--color-text-sub);font-family:var(--font-ja-body);font-size:14px}.case-card__text{margin:0;color:var(--color-text-main);font-family:var(--font-ja-body);font-size:15px;line-height:1.9}.case-back{margin-top:56px;text-align:center}.articleBody .case-back__btn{display:inline-block;min-width:280px;max-width:100%;padding:16px 32px;background-color:var(--color-main);border:1px solid var(--color-main);border-radius:6px;color:var(--color-btn-text);font-family:var(--font-ja-body);font-size:15px;font-weight:700;text-align:center;text-decoration:none;transition:opacity .2s}@media (hover:hover){.articleBody .case-back__btn:hover{opacity:.85}}@media (min-width:735px){.case-detail{gap:80px}.case-detail__title{font-size:28px}.case-detail__overview{grid-template-columns:1fr 1fr;gap:32px;align-items:center}.case-detail__overview--no-image{grid-template-columns:1fr}.case-detail__cases{grid-template-columns:repeat(2,1fr);gap:24px}}