@charset "utf-8";
.solution_list .unit._logistics { display:none; }

@container wciBase (width >= 576px) {
  .dis_none { display:none; }
}
#page { width:100%; display:grid; place-items:center; }

#page .container { width:min(1000px, 100%); display:grid; grid-template-columns:30% auto 1fr; gap:20px; align-items:stretch; }

#page .panel { padding:28px 32px; background:#fff; border:1px solid #e0e0e0; display:flex; flex-direction:column; justify-content:space-around; }

#page .hearing h2,
#page .proposal h2 { color:var(--wc-main1); font-size:1.5rem; margin-bottom:16px; letter-spacing:0.04em; }

#page .hearing ul { list-style:none; display:grid; gap:10px; }

#page .hearing li { font-size:1.2rem; line-height:1.5; font-weight:bold; }
#page .hearing li span { color:var(--wc-main1); }
.parts--html ul > li { padding-left:0; }
.parts--html ul > li:before { content:'' !important; }
#page .arrow { width:40px; height:40px; display:grid; place-items:center; align-self:center; margin:0 auto; }

#page .arrow::before { content:''; display:block; width:0; height:0; border-top:35px solid transparent; border-bottom:35px solid transparent; border-left:30px solid var(--wc-main1); }

#page .proposal { background:#fff; }

#page .block + .block { margin-top:18px; }

#page .block h3 { color:var(--wc-main1); font-size:1.4rem; margin-bottom:6px; letter-spacing:0.02em; }

#page .block p { line-height:1.6; font-weight:700; }
.parts--html ul,
.parts--html ol { margin-bottom:0; }
@container wciBase (width < 721px) {
  #page .container { grid-template-columns:1fr; gap:16px; }
  #page .arrow { transform:rotate(90deg); }
}
@container wciBase (width < 576px) {
  #page .panel { padding:25px 20px; }
  #page .hearing li { font-size:1rem; }
}