/* ===== .case-head ===== */
.case-head{padding:56px 0 0}
.case-head .case-title{margin:0;font-size:36px;line-height:46px;font-weight:600;color:var(--c-text)}

/* ===== .case-lead ===== */
.case-lead{padding:56px 0 8px}
.case-lead .content{display:flex;align-items:stretch;background:#f8f8f8}
.case-lead .left{width:52%;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:52px 56px}
.case-lead .right{width:48%;min-width:0;position:relative;min-height:420px}
.case-lead .right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-lead .content:not(:has(.right)) .left{width:100%}
.case-lead .h6{margin-bottom:14px}
.case-lead .title-36{margin:0 0 22px}
.case-lead .text{font-size:16px;line-height:28px;font-weight:400;color:#333}
.case-lead .text p{margin:0 0 10px}
.case-lead .text p:last-child{margin-bottom:0}
.case-lead .text strong{font-weight:600;color:var(--c-text)}
.case-lead .a-lb{margin-top:28px;align-self:flex-start}

/* ===== .case-blocks ===== */
.case-blocks{padding:28px 0 90px}
.case-blocks .items{display:flex;align-items:stretch;background:#f8f8f8;margin-bottom:28px;min-height:380px}
.case-blocks .items:nth-child(even){flex-direction:row-reverse;background:#fff}
.case-blocks .items:last-child{margin-bottom:0}
.case-blocks .img{width:50%;min-width:0;position:relative;min-height:320px}
.case-blocks .img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.case-blocks .textbox{width:50%;min-width:0;display:flex;align-items:center;padding:48px 56px}
.case-blocks .items:not(:has(.img)){min-height:0}
.case-blocks .items:not(:has(.img)) .textbox{width:100%}
.case-blocks .box{width:100%;max-width:520px}
.case-blocks .items:not(:has(.img)) .box{max-width:none}
.case-blocks .title-36{margin:0 0 8px}
.case-blocks .title-36::after{content:"";display:block;width:32px;height:2px;background:var(--c-accent);margin-top:12px}
.case-blocks .text{margin-top:18px;font-size:16px;line-height:28px;font-weight:400;color:#333}
.case-blocks .text p{margin:0 0 12px}
.case-blocks .text p:last-child{margin-bottom:0}
.case-blocks .text ul{margin:12px 0 0}

@media(max-width:1430px){
    .case-head{padding-top:48px}
    .case-head .case-title{font-size:32px;line-height:42px}
    .case-lead{padding-top:44px}
    .case-lead .left{padding:44px 40px}
    .case-lead .right{min-height:380px}
    .case-blocks{padding-bottom:72px}
    .case-blocks .textbox{padding:40px 40px}
}
@media(max-width:1200px){
    .case-head .case-title{font-size:30px;line-height:40px}
    .case-lead .title-36,
    .case-blocks .title-36{font-size:30px;line-height:40px}
    .case-lead .right,
    .case-blocks .img{min-height:300px}
    .case-blocks .items{min-height:320px}
}
@media(max-width:899px){
    .case-lead .content{flex-direction:column-reverse}
    .case-lead .left,
    .case-lead .right{width:100%}
    .case-lead .left{padding:28px 22px 32px}
    .case-lead .right{min-height:0;aspect-ratio:16/10}
    .case-blocks .items,
    .case-blocks .items:nth-child(even){flex-direction:column;min-height:0}
    .case-blocks .img,
    .case-blocks .textbox{width:100%}
    .case-blocks .img{min-height:0;aspect-ratio:16/10}
    .case-blocks .textbox{padding:28px 22px 32px}
    .case-blocks .box{max-width:none}
}
@media(max-width:768px){
    .case-head{padding-top:28px}
    .case-head .case-title{font-size:24px;line-height:32px}
    .case-lead{padding-top:24px}
    .case-lead .title-36,
    .case-blocks .title-36{font-size:24px;line-height:32px}
    .case-lead .text,
    .case-blocks .text{font-size:14px;line-height:22px}
    .case-lead .a-lb{width:100%;justify-content:center}
    .case-blocks{padding-bottom:36px}
    .case-blocks .items{margin-bottom:16px}
}