@charset "UTF-8";.caseColumns{max-width:1000px;margin:0 auto}.caseColumns .caseLayout{width:100%}.caseColumns .caseAside{margin-top:56px}.caseLayout section:not([class]){max-width:100%;padding:6rem 0}.caseLayout>.headLine01{margin-top:0}.caseLayout>.headLine01+section:not([class]){padding-top:3rem}@media screen and (min-width:1328px){.caseColumns{max-width:1328px;display:flex;align-items:flex-start;gap:48px}.caseColumns .caseLayout{flex:0 0 1000px;width:1000px}.caseColumns .caseAside{flex:1 1 auto;margin-top:0;padding-top:4rem}}@media screen and (min-width:897px)and (max-width:1327px){.caseColumns .caseAside{display:flex;flex-wrap:wrap;gap:40px}.caseColumns .caseAside .widget{flex:1 1 300px;margin-bottom:0}}.caseCats{display:flex;flex-wrap:wrap;gap:10px;margin:3rem 0}.caseCats .caseCat{display:inline-block;padding:5px 18px;font-size:1.3rem;line-height:1.6;color:var(--white);background-color:var(--sub);border-radius:30px;font-family:var(--sub-font);letter-spacing:.03em;text-decoration:none}a.caseCat{color:var(--white)}a.caseCat:hover{opacity:.7}.headLine01.caseHeadTag .en .enInner{background-color:var(--main-light)}.caseCats .caseTag{display:inline-block;padding:5px 18px;font-size:1.3rem;line-height:1.6;color:var(--white);background-color:var(--main-light);border-radius:30px;font-family:var(--sub-font);letter-spacing:.03em;text-decoration:none}a.caseTag:hover{opacity:.7}.caseAside .widget{margin-bottom:40px}.caseAside .widgetTtl{font-family:var(--sub-font);font-size:1.8rem;font-weight:700;color:var(--base-color);border-bottom:2px solid var(--main);padding-bottom:8px;margin:0 0 12px;list-style:none}.caseAside .widgetTtl::-webkit-details-marker{display:none}.caseAside ul{list-style:none;margin:0;padding:0}.caseAside .widgetBody>ul:not(.tagList)>li{border-bottom:1px dotted #cfcfcf}.caseAside .widgetBody>ul:not(.tagList)>li a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 4px;font-size:1.4rem;line-height:1.5;color:var(--base-color);text-decoration:none}.caseAside .widgetBody>ul:not(.tagList)>li a:hover{opacity:.6}.caseAside .count{color:var(--main-light);font-size:1.3rem;flex-shrink:0}.caseAside .tagList{display:flex;flex-wrap:wrap;gap:8px;padding:4px 10px 0}.caseAside .tagList li{border:none}.caseAside .tagList a{display:inline-block;padding:5px 14px;border:1px solid var(--main);border-radius:20px;font-size:1.3rem;line-height:1.5;color:var(--base-color);text-decoration:none}.caseAside .tagList a:hover{background-color:var(--main-light01)}.caseAside .widgetBody>ul>li a.is-active{font-weight:700;color:var(--main-light)}.caseAside .tagList a.is-active{color:var(--white);background-color:var(--main);border-color:var(--main)}@media screen and (min-width:897px){.caseAside .widgetTtl{pointer-events:none}}main>.caseCats,main>.relatedSec{max-width:1000px;margin-inline:auto;box-sizing:border-box}main>.caseCats{justify-content:flex-start}@media screen and (min-width:768px)and (max-width:1000px){main>.caseCats,main>.relatedSec{padding-inline:3rem}}@media screen and (max-width:767px){main>.caseCats,main>.relatedSec{padding-inline:2.5rem}}@media screen and (max-width:767px){.caseLayout section:not([class]) h2:not(.no-style){text-align:left}main>h1.headLine01{text-align:left}main>h1.headLine01 .en{text-align:center}}.relatedSec{margin-top:7rem;padding-top:6rem;border-top:1px solid var(--main-light01)}.relatedSec>h2{margin:0;text-align:center;font-family:var(--sub-font);font-size:2.6rem;font-weight:700;letter-spacing:.04em;color:var(--base-color)}.relatedList{list-style:none;margin:4rem 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.relatedCard{border:none}.relatedCard a{display:block;height:100%;text-decoration:none;color:var(--base-color);background:var(--white);border:1px solid var(--main-light01);border-radius:10px;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.relatedCard a:hover{transform:translateY(-4px);box-shadow:0 10px 24px #0000001a}.relatedThumb{display:block;overflow:hidden;aspect-ratio:4 / 3}.relatedThumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.relatedCard a:hover .relatedThumb img{transform:scale(1.05)}.relatedBody{display:block;padding:16px 18px 20px}.relatedMeta{display:flex;flex-wrap:wrap;gap:6px}.relatedCat,.relatedTag{display:inline-block;padding:3px 12px;font-family:var(--sub-font);font-size:1.1rem;line-height:1.5;color:var(--white);border-radius:20px;letter-spacing:.03em;white-space:nowrap}.relatedCat{background-color:var(--sub)}.relatedTag{background-color:var(--main-light)}.relatedTtl{display:block;margin-top:10px;font-size:1.5rem;line-height:1.6;font-weight:700}.relatedSec+.comBtn{margin-top:6rem}@media screen and (max-width:767px){.relatedSec{margin-top:5rem;padding-top:4rem}.relatedSec>h2{font-size:2.1rem}.relatedList{grid-template-columns:1fr;gap:14px;margin-top:3rem}.relatedCard a{display:flex;align-items:stretch}.relatedThumb{flex-shrink:0;width:46%;max-width:200px;aspect-ratio:auto}.relatedBody{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:12px 15px}.relatedCat,.relatedTag{font-size:1.15rem}.relatedTtl{margin-top:8px;font-size:1.4rem;line-height:1.5}.relatedSec+.comBtn{margin-top:4.5rem}}@media screen and (max-width:896px){.caseColumns{display:block;padding:0 15px;box-sizing:border-box}.caseColumns .caseAside{width:auto;padding-top:0;margin-top:48px}.caseAside .widget{border:1px solid var(--main-light01);border-radius:8px;margin-bottom:16px;overflow:hidden}.caseAside .widgetTtl{position:relative;margin:0;padding:14px 44px 14px 16px;border-bottom:1px solid var(--main-light01);cursor:pointer}.caseAside details:not([open]) .widgetTtl{border-bottom:none}.caseAside .widgetTtl:after{content:"＋";position:absolute;top:50%;right:16px;transform:translateY(-50%);color:var(--main-light)}.caseAside details[open] .widgetTtl:after{content:"−"}.caseAside .widgetBody{padding:6px 16px 14px}}
