.ac2{ margin-top:32px; display:grid; grid-template-columns:1fr; gap:8px; }
.ac2__head{ grid-column:1 / -1; margin-bottom:4px; }
.ac2 .ac2__h{ margin:0; font-size:var(--fs-body); font-weight:700; letter-spacing:-.01em; color:#0b1c4d; }
.ac2__note{ margin:4px 0 0; font-size:var(--fs-micro); line-height:1.5; color:#5b6b8f; }

.ac2__card{
  position:relative; display:flex; flex-direction:column; align-items:flex-start;
  width:100%; min-height:44px; padding:16px; border:0; border-radius:20px;
  font-family:inherit; text-align:left; cursor:pointer; color:#0b1c4d;
  transition:background-color .15s ease, transform .15s ease;
  -webkit-tap-highlight-color:transparent;
}
.ac2__card--net{ background:#BCE2FF; }   
.ac2__card--tv2{ background:#BBEDD0; }   
.ac2__card--card{ background:#F7CAB4; }   
.ac2__card:active{ transform:scale(.98); }
.ac2__card:focus-visible{ outline:2px solid #1E40AF; outline-offset:2px; }

.ac2__ico{ display:flex; align-items:center; justify-content:center;
  width:64px; height:64px; border-radius:50%; background:rgba(255,255,255,.55); }
.ac2__txt{ display:flex; flex-direction:column; }
.ac2__ico img{ width:48px; height:48px; display:block; }

.ac2__name{ margin-top:16px; font-size:var(--fs-sm); font-weight:600; color:#2b3d63; }
.ac2__amt{ margin-top:4px; font-size:var(--fs-num-md); font-weight:800; letter-spacing:-.02em;
  line-height:1.25; font-variant-numeric:tabular-nums; white-space:nowrap; color:#0b1c4d; }
.ac2__amt small{ font-size:.62em; font-weight:700; color:#5b6b8f; letter-spacing:0; }

@media(max-width:768px){
  .ac2{ gap:12px; }   
  .ac2__card, .ac2__card--card{ flex-direction:row; align-items:center; gap:16px; padding:14px 16px; }
  .ac2__ico{ flex:0 0 auto; width:56px; height:56px; }
  .ac2__ico img{ width:40px; height:40px; }
  .ac2__name, .ac2__card--card .ac2__name{ margin-top:0; }
  .ac2 .ac2__card::after{ top:50%; margin-top:-4px; }
}

.ac2__card::after{ content:""; position:absolute; top:22px; right:20px; width:7px; height:7px;
  border-top:2px solid #9aa6c2; border-right:2px solid #9aa6c2; transform:rotate(45deg); }

@media(hover:hover){
  .ac2__card--net:hover{ background:#A9D8FF; }
  .ac2__card--tv2:hover{ background:#A8E6C2; }
  .ac2__card--card:hover{ background:#F3BBA0; }
}

@media(min-width:769px){
  .ac2{ margin-top:40px; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:stretch; }
  .ac2__head{ grid-column:1 / -1; margin:0 0 -4px; }
  .ac2__card--card{ grid-column:auto; }
  .ac2__card{ flex-direction:row; align-items:center; gap:16px; padding:24px; border-radius:16px; }
  .ac2__ico{ flex:0 0 auto; width:72px; height:72px; }
  .ac2__ico img{ width:56px; height:56px; }
  .ac2__name{ margin-top:0; }
  .ac2__amt{ font-size:var(--fs-num-lg); }
  .ac2__card::after, .ac2__card--card::after{ top:20px; right:20px; margin-top:0; }
}

@media(min-width:769px) and (max-width:1099px){
  .ac2__card, .ac2__card--card{ flex-direction:column; align-items:flex-start; gap:0; padding:20px; }
  .ac2__ico{ width:64px; height:64px; }
  .ac2__ico img{ width:48px; height:48px; }
  .ac2__name, .ac2__card--card .ac2__name{ margin-top:16px; }
  .ac2__amt{ font-size:var(--fs-num-md); }
}

.modal .modal-box .ac2m__top{ display:flex; align-items:center; gap:8px; margin:0 40px 8px 0; }
.modal .modal-box .ac2m__top img{ width:28px; height:28px; flex:0 0 auto; }
.modal .modal-box .ac2m__top h3{ margin:0; }
.modal .modal-box .ac2m__rows{ list-style:none; margin:0 0 16px; padding:0; }
.modal .modal-box .ac2m__rows li{ display:flex; justify-content:space-between; gap:16px;
  padding:12px 0; border-bottom:1px solid #E2E4E6; font-size:var(--fs-body); color:#0b1c4d; }
.modal .modal-box .ac2m__rows li::before{ content:none; }
.modal .modal-box .ac2m__rows li:last-child{ border-bottom:0; }
.modal .modal-box .ac2m__rows--card li{ flex-wrap:wrap; align-items:center; row-gap:2px; }
.modal .modal-box .ac2m__rows--card .ac2m__nm{ display:flex; align-items:center; gap:8px; min-width:0; }
.modal .modal-box .ac2m__rows--card .ac2m__nm img{ width:28px; height:28px; border-radius:6px; flex:0 0 auto; }
.modal .modal-box .ac2m__rows--card .ac2m__sub{ flex:0 0 100%; padding-left:36px;
  font-size:var(--fs-xs); line-height:1.5; color:#5b6b8f; }
@media(max-width:768px){
  .modal .modal-box .ac2m__rows--card b{ flex:0 0 100%; padding-left:36px; }
}
.modal .modal-box .ac2m__rows b{ font-weight:800; font-variant-numeric:tabular-nums; color:#1E40AF; }
.modal .modal-box button.modal-link{ border:0; cursor:pointer; font-family:inherit; }
.modal .modal-box .ac2m__more{ display:block; margin-top:12px; text-align:center;
  font-size:var(--fs-sm); font-weight:600; color:#1E40AF; }

.modal.ac2m{ z-index:1300; }
.modal.ac2m .modal-bg{ position:fixed; inset:0; background:rgba(11,28,77,.55); }
.modal.ac2m .modal-box{ z-index:1; }

.ac2--one .ac2__card--net{ grid-column:1 / -1; flex-direction:row; align-items:center; gap:16px; }
.ac2--one .ac2__card--net .ac2__name{ margin-top:0; }
@media(min-width:769px){ .ac2--one .ac2__card--net{ grid-column:1 / span 1; } }