@import url(https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap);
.case__container{display:grid;gap:32px;grid-template-columns:1fr;margin-top:32px}@media (min-width:768px){.case__container{grid-template-columns:repeat(2,1fr);margin-top:32px}}@media (min-width:992px){.case__container{gap:24px;grid-template-columns:repeat(3,1fr);margin-top:56px}}.case-card{filter:drop-shadow(0 0 1px #CCC)}.case-card__title{background:#fff;border-radius:.625rem .625rem 0 0;color:#ea543a;display:block;gap:.25rem;padding:.5rem 1rem}@media (min-width:768px){.case-card__title{display:inline-block}}.case-card__title span{font-family:Oswald,sans-serif;font-size:1.375rem;font-weight:400;line-height:30px}.case-card__frame{background:#fff;border-radius:0 0 10px 10px;display:flex;flex-direction:column;height:calc(100% - 2.625rem);padding:1.375rem 1rem}@media (min-width:768px){.case-card__frame{border-radius:0 10px 10px}}.case-card__tag-wrap{grid-gap:1.8125rem;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);text-align:center;word-break:keep-all}.case-card__tag{align-items:center;border:1px solid rgba(207,193,221,.9);border-radius:100px;display:inline-flex;float:1px;font-size:14px;font-weight:400;justify-content:center;letter-spacing:.28px;padding:.25rem 1rem}.case-card__tag:nth-of-type(2){border:1px solid hsla(9,100%,82%,.9);border-radius:100px}.case-card__collaboration{align-items:center;display:flex;gap:1.125rem;justify-content:center;margin-top:.8125rem}.case-card__collaboration p{color:#000;font-size:1.25rem;letter-spacing:.4px;line-height:100%}.case-card__logo{max-width:7.5rem;width:100%}.case-card__logo img{aspect-ratio:116/58;height:auto;-o-object-fit:contain;object-fit:contain}.case-card__image{height:auto;margin-top:.8125rem;overflow:hidden}.case-card__image img{aspect-ratio:336/222;border-radius:10px;height:auto;-o-object-fit:cover;object-fit:cover}.case-card__text{font-size:1.125rem;letter-spacing:.72px}.case-card__footer,.case-card__text{flex-grow:1;font-weight:700;margin-top:1rem}.case-card__footer{font-size:.875rem;letter-spacing:.64px}.case__wide-container{display:grid;gap:32px;margin-top:40px}@media (min-width:992px){.case__wide-container{gap:64px;margin-top:56px}}.case__wide-card{background-color:#fff;border-radius:10px;box-shadow:0 0 2px #ccc;display:grid;gap:12px;padding:16px}@media (min-width:768px){.case__wide-card{gap:24px 80px;grid-template-columns:44.64% 1fr;grid-template-rows:max-content max-content 1fr auto}}@media (min-width:992px){.case__wide-card{padding:40px}}@media (min-width:768px){.case__wide-card .wide-card__ttl{grid-column:1/3}}.case__wide-card .wide-card__img{margin-top:8px}@media (min-width:768px){.case__wide-card .wide-card__img{grid-row:2/4;margin-top:16px}.case__wide-card .wide-card__logo{margin-top:16px}.case__wide-card .wide-card__body{grid-column:2/3;margin-top:8px}}.wide-card__ttl{border-bottom:2px solid #ea543a;padding-bottom:20px}@media (min-width:992px){.wide-card__ttl{padding-bottom:40px}}.wide-card__ttl .num{color:#ea543a;display:block;font-family:oswald,sans-serif;font-size:1.375rem;font-weight:400;line-height:1.5}.wide-card__ttl .ttl{display:block;font-size:1.125rem;line-height:1.5;margin-top:8px}@media (min-width:992px){.wide-card__ttl .ttl{font-size:1.875rem;margin-top:20px}}.wide-card__img img{aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;width:100%}@media (min-width:992px){.wide-card__img img{aspect-ratio:auto}}.wide-card__img figcaption{font-size:.875rem;font-weight:700;line-height:1.5;margin-top:5px}@media (min-width:992px){.wide-card__img figcaption{font-size:1rem;margin-top:24px}}.wide-card__logo{align-items:center;display:flex;gap:5px;justify-content:space-between}.wide-card__logo img{aspect-ratio:2/1;flex-grow:0;max-width:130px;-o-object-fit:contain;object-fit:contain;width:100%}@media (min-width:992px){.wide-card__logo img{max-width:200px}}.wide-card__logo .unit{font-size:1.25rem}@media (min-width:992px){.wide-card__logo .unit{font-size:2.25rem}}.wide-card__body p{font-size:.875rem;line-height:1.5}@media (min-width:992px){.wide-card__body p{font-size:1rem;line-height:1.7}}.case__red-button{display:inline-block;font-size:.875rem;padding:14px 35px;width:auto}@media screen and (width <= 767px){.case-card__tag-wrap{gap:.625rem}.case-card__tag{font-size:12px;padding:.25rem .625rem}.case-card__image img{aspect-ratio:auto}}
