@charset "UTF-8";

/* このファイルに記載することでCSSを上書きできます
html {
  color: #F00;
}
*/
:root {
  --color-primary: #fcc83d;
}

.s-header-wrap, 
.s-footer {
  background-color: #ffffe0;
}

.s-header-wrap__logo {
  width: 17rem;
}
.s-header-wrap__tel {
  width: 10rem;
  position: relative;
  left: 1rem;
}
.s-header-wrap__utility {
  width: relative;
}

@media screen and (min-width: 992px) {
  .s-header-wrap {
    justify-content: space-between;
  }
  .s-header-wrap__utility {
    flex-grow: revert;
    margin-left: 0;
  }
  .s-header-wrap__logo {
    width: 20rem;
  }
  .s-header-wrap__tel {
    width: 20rem;
    margin-inline: auto 0;
    left: relative;
  }
}

@media screen and (min-width: 768px){
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}