@charset "utf-8";
#wcfront_body { background:#F7FCFF; }

.centers_list { display:grid; grid-template-columns:1fr 1fr; gap:20px 30px; max-width:1240px; padding:0 20px; margin:0 auto; }
.centers_list .centers_item { display:flex; align-items:center; gap:10px; padding:22px 14px 22px 10px; border-bottom:1px solid #d7dee8; background:#fff; color:inherit; text-decoration:none; box-sizing:border-box; transition:opacity .2s; }
.centers_item_icon { flex:none; width:45px; height:45px; line-height:0; }
.centers_item_icon img { display:block; width:45px; height:45px; object-fit:contain; }
.centers_item_text { flex:1; min-width:0; }
.centers_item_text_number { display:block; margin-bottom:4px; color:#91A1B0; font-size:.9em; line-height:1; letter-spacing:.04em; }
.centers_item_text_title { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 14px; }
.centers_item_text_title .main { font-size:1.2em; color:#444444; line-height:1.3; }
.centers_item_text_title .sub { position:relative; padding-left:14px; color:#91A1B0; font-size:.9em; line-height:1.3; }
.centers_item_text_title .sub::before { content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:1em; background:#B9B9B9; }
.centers_item::after { content:""; flex:none; width:5px; height:5px; margin-left:auto; border-radius:50%; background:var(--wc-main1); }
body.pc .centers_item:hover { opacity:.7; }
@container wciBase (width < 992px) {
  .centers_list { column-gap:28px; }
  .centers_item { gap:12px; padding:18px 0; }
  .centers_item_text_title .main { font-size:1.05em; }
  .centers_item_text_title .sub { font-size:.8em; }
}
@container wciBase (width < 768px) {
  .centers_list { grid-template-columns:1fr; column-gap:0; }
  .centers_item_icon { width:40px; height:40px; }
  .centers_item_icon img { width:40px; height:40px; }
  .centers_item_text_title .main { font-size:1.1em; }
}