.foot{
  border-top:1px solid var(--g-200);
  background:var(--g-050);
  padding:var(--sp-9) 0 var(--sp-7);
  margin-top:var(--sp-10);
}

.foot__in{
  display:grid;
  gap:var(--sp-8);
  grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,1fr));
  align-items:start;
}

.foot__brand img{height:22px;width:auto;display:block}

.foot__what{
  margin:var(--sp-5) 0 0;
  max-width:34ch;
  font-size:var(--fs-sm);
  line-height:1.7;
  color:var(--g-700);
}

.foot__addr{
  margin:var(--sp-4) 0 0;
  font-size:var(--fs-sm);
  line-height:1.75;
  color:var(--g-700);
  font-style:normal;
}

.foot__addr b{
  display:block;
  color:var(--black);
  font-weight:600;
  letter-spacing:.01em;
}

.foot__addr a{color:var(--g-700);text-decoration:none}
.foot__addr a:hover{color:var(--blue)}

.foot__talk{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin-top:var(--sp-3);
  font-size:var(--fs-sm);
  font-weight:600;
  color:var(--g-900);
  text-decoration:none;
  border-bottom:1px solid var(--silver);
  transition:color var(--tr-fast),border-color var(--tr-fast);
}

.foot__talk:hover{color:var(--blue);border-color:var(--blue)}

.foot__col h3{
  margin:0 0 var(--sp-4);
  font-family:var(--font-body);
  font-size:var(--fs-xs);
  font-weight:600;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--g-700);
}

.foot__col a{
  display:block;
  padding:var(--sp-2) 0;
  font-size:var(--fs-sm);
  color:var(--g-800);
  text-decoration:none;
  transition:color var(--tr-fast);
}

.foot__col a:hover{color:var(--blue)}

.foot__base{
  margin-top:var(--sp-8);
  padding-top:var(--sp-5);
  border-top:1px solid var(--g-200);
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:var(--sp-3) var(--sp-6);
  align-items:center;
  font-size:var(--fs-xs);
  color:var(--g-700);
  letter-spacing:.06em;
}

@media (max-width:900px){
  .foot__in{grid-template-columns:repeat(2,minmax(0,1fr))}
  .foot__brand{grid-column:1 / -1}
}

@media (max-width:520px){
  .foot__in{grid-template-columns:minmax(0,1fr)}
}

@media (pointer:coarse){
  .foot__col a{
    display:flex;
    align-items:center;
    min-height:44px;
    padding-block:0;
  }

  .foot__addr{line-height:1.4}

  .foot__addr a{
    display:inline-flex;
    align-items:center;
    min-height:44px;
  }
}
