.phead{font-family:var(--wx-gothic)}
section{font-family:var(--wx-gothic)}


.awl .d{font-family:var(--wx-gothic)}



 
.phead h1{
  font-family:var(--wx-mincho);
  color:var(--wx-navy);
  font-weight:600;
}


h3{
  font-family:var(--wx-mincho);
  color:var(--wx-navy);
  font-weight:600;
}


.grouptitle{
  font-family:var(--wx-mincho);
  color:var(--wx-navy);
  font-weight:600;
}



.phead{
  

  padding:128px 0 88px;
}
.phead h1{
  font-size:clamp(30px,4.2vw,52px);
  line-height:1.42;
  letter-spacing:.04em;
  text-align:left;  
}







section{background:var(--wx-white)}
section.tint{background:var(--wx-mist)}  
section:nth-of-type(odd){background:var(--wx-white)}
section:nth-of-type(even){background:var(--wx-mist)}



.lead{max-width:44em}  
section > .wrap > p{max-width:44em;text-align:left}  



.caselist{counter-reset:wxcase}
.caselist .case{
  counter-increment:wxcase;
  position:relative;
  overflow:visible;
}
.caselist .case::before{
  content:counter(wxcase, decimal-leading-zero);
  position:absolute;
  top:0;
  left:22px;
  transform:translateY(-56%);  
  font-family:var(--wx-en);
  font-size:56px;
  font-weight:500;
  line-height:1;
  color:rgba(25,25,45,.14);
  pointer-events:none;
  z-index:1;
}
.caselist .case-body{
  position:relative;
  z-index:2;
  padding-top:56px;
}











.grouptitle + p.wx-mission{
  font-family:var(--wx-mincho)!important;
  color:var(--wx-navy)!important;
}



.grouptitle{
  font-size:clamp(22px,2.2vw,28px);
  line-height:1.5;
  letter-spacing:.04em;
  padding-bottom:14px;
  margin:0 0 28px;
}
.grouptitle:not(:first-of-type){margin-top:88px}



.caselist{
  margin-top:44px;
  background:var(--wx-mist);
  padding:52px 24px 24px;
}
.caselist .case{
  background:var(--wx-white);
  border-top:0;
}