/*** care office ***/
.office:last-of-type a{ margin-bottom: 120px;}
.office-list {
  display: grid;
  /* 2列のグリッド。1列目はdtの幅、2列目は残りの幅 */
  grid-template-columns: auto 1fr; 
  gap: 8px 16px; 
  align-items: flex-start;
  font-weight: 500;
  margin-top: 32px;
}
.office-list +.office-list { margin-top: 24px;}

.office-list li a {
  display: inline-flex;
  align-items: first baseline;
}
.office-list li a:before {flex-shrink: 0; transform: translateY(-3px); }

.office-list li:first-child {
  grid-column: 1;
  grid-row: 1;
  width: 88px;
  font-weight: 500;
  text-align: center;
}
.office-list li:first-child a{
  display: flex;  
  justify-content: space-between;

}
.office-list li:first-child a:before {
  content:'(';
  display: inline;
  width: .5em;
  height: 1em;
  background:none;
  flex-shrink: 0;
  transform: translateY(-1px);
  margin:0;
}
.office-list li:first-child a:after {
  content:')';
  display: inline;
  width: .5em;
  height: 1em;
  background:none;
  transform: translateY(-1px);
  margin:0;
}  
.office-list li:first-child a { color: var(--blue);}
.office-list li:nth-child(n+2){ font-size: .9333em;}
.office-list li:nth-child(2){ grid-column: 2; grid-row: 1;}
.office-list li:nth-child(3){ grid-column: 2 / 3; grid-row: 2;}
.office-list li:nth-child(4){ grid-column: 2 / 3; grid-row: 3;}

.office__wrap { display: grid; gap:48px;}
.office__wrap + .office__wrap { margin-top: 64px;}
.office__head{ font-weight: 500;}
.office__item-head { font-weight: 500; margin-bottom: 24px;}
.care-office__info { margin-top: 20px;}
.office__item p:nth-child(2){
  line-height: 1.6;
  white-space: pre-line;
  word-break: keep-all;
  overflow-wrap: normal;
}
.office__item p:nth-child(2) span { display: inline-block;}
.office__name {font-size: 1.6rem; color: var(--blue);}

@media (min-width: 600px){
.office-list { align-items: baseline; grid-template-columns: auto auto auto 1fr;}
.office-list li:first-child,
.office-list li:nth-child(2),
.office-list li:nth-child(3),
.office-list li:nth-child(4) { grid-column: auto; grid-row: auto;}
.office-list li + li { margin-top: 0;}
}
@media (min-width: 768px) { .office__wrap { grid-template-columns: repeat(2, [col-start] 1fr); gap: 64px 24px; }}
@media (min-width: 960px) { .office__wrap { gap: 64px 32px; }}