.w23{position:relative;border-block:1px solid var(--line)}
.w23 .t-wrap{position:relative}
.w23-no{display:block;margin:0 0 8px;font:500 13px/1 var(--en);letter-spacing:.16em;color:var(--violet)}
.w23 h3{margin:0;color:var(--ink);word-break:auto-phrase;text-wrap:balance}
.w23 p{color:var(--ink-2)}
.w23-item p{margin:8px 0 0;font:400 15px/1.9 var(--jp);letter-spacing:.03em;text-wrap:pretty}
.w23-item h3{font:500 clamp(18px,1.6vw,22px)/1.5 var(--jp);letter-spacing:.04em}
.w23-1{background:var(--paper)}
.w23-1 .w23-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,5vw,80px);align-items:center;margin-top:48px}
.w23-1 figure{position:relative;margin:0;isolation:isolate;aspect-ratio:4/5}
.w23-1 figure::before{content:"";position:absolute;z-index:-1;inset:var(--s23-off) calc(var(--s23-off) * -1) calc(var(--s23-off) * -1) var(--s23-off);background:var(--peri);border-radius:var(--s23-r)}
.w23-1 figure img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--s23-r)}
.w23-1 ol{list-style:none;margin:0;padding:0}
.w23-1 .w23-item{display:grid;grid-template-columns:48px 1fr;column-gap:16px;padding:32px 0;border-top:1px solid var(--line)}
.w23-1 .w23-item:last-child{border-bottom:1px solid var(--line)}
.w23-1 .w23-no{margin:6px 0 0}
.w23-1 .w23-item h3{font-size:clamp(20px,1.9vw,26px)}
@media (max-width:767px){
.w23-1 .w23-grid{grid-template-columns:1fr;margin-top:32px}
.w23-1 figure{aspect-ratio:3/2;margin-right:var(--s23-off)}
.w23-1 .w23-item{grid-template-columns:32px 1fr;column-gap:8px;padding:24px 0}
}
.w23-2{background:var(--paper)}
.w23-2 .w23-item>div{display:contents}
.w23-2 ol{list-style:none;margin:48px 0 0;padding:0}
.w23-2 .w23-item{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:baseline;padding:48px 0;border-top:1px solid var(--line)}
.w23-2 .w23-item:last-child{border-bottom:1px solid var(--line)}
.w23-2 .w23-no{grid-column:1/2;margin:0}
.w23-2 .w23-item h3{grid-column:var(--c,2) / span 6;font:500 clamp(26px,3vw,40px)/1.4 var(--jp);letter-spacing:.03em}
.w23-2 .w23-item p{grid-column:span 4;grid-row:2;margin:16px 0 0;max-width:34em}
.w23-2 .w23-item:nth-child(1){--c:2}.w23-2 .w23-item:nth-child(2){--c:3}.w23-2 .w23-item:nth-child(3){--c:4}
.w23-2 .w23-item:nth-child(1) p{grid-column:2/7}.w23-2 .w23-item:nth-child(2) p{grid-column:3/8}.w23-2 .w23-item:nth-child(3) p{grid-column:4/9}
@media (max-width:767px){
.w23-2 ol{margin-top:32px}
.w23-2 .w23-item{display:block;padding:32px 0}
.w23-2 .w23-item h3{font-size:clamp(22px,6.2vw,26px)}
.w23-2 .w23-item p{margin-top:8px}
}
.w23-3{background:var(--white)}
.w23-3 .w23-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,4vw,64px);margin-top:48px;align-items:stretch}
.w23-3 .w23-big{display:flex;flex-direction:column;justify-content:flex-end;min-height:440px;padding:48px;background:var(--paper);border-radius:var(--s23-r);border-top:4px solid var(--violet);position:relative;isolation:isolate}
.w23-3 .w23-big::after{content:"";position:absolute;z-index:-1;right:-48px;top:-48px;width:240px;aspect-ratio:1;border-radius:50%;background:var(--ground-l);opacity:.55}
.w23-3 .w23-big{overflow:hidden}
.w23-3 .w23-big::after{right:-72px;top:-72px}
.w23-3 .w23-big h3{font:500 clamp(28px,3.2vw,44px)/1.4 var(--jp);letter-spacing:.03em}
.w23-3 .w23-big p{margin:24px 0 0;font:400 17px/2 var(--jp);letter-spacing:.03em;max-width:28em;text-wrap:pretty}
.w23-3 .w23-sm{display:flex;flex-direction:column}
.w23-3 .w23-sm .w23-item{flex:1;display:flex;flex-direction:column;justify-content:center;padding:32px 0;border-top:1px solid var(--line)}
.w23-3 .w23-sm .w23-item:last-child{border-bottom:1px solid var(--line)}
@media (max-width:767px){
.w23-3 .w23-grid{grid-template-columns:1fr;margin-top:32px}
.w23-3 .w23-big{min-height:0;padding:32px 24px}
.w23-3 .w23-sm .w23-item{padding:24px 0}
}