/**************************************************************
* General
**************************************************************/
main {
  min-height: 100vh;
}

svg {
  width: 100%;
  height: 100%;
}

a[target="_blank"]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: calc(12/var(--base-font-size-row-value) * 1rem);
  height: calc(12/var(--base-font-size-row-value) * 1rem);
  margin-left: 1rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url(../images/common/tab.svg);
}

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

/**************************************************************
  * Global
  **************************************************************/
/* g-wrapper
  **************************************/
.g-wrapper {
  position: relative;
}

/* g-header
  **************************************/
.g-header {
  position: relative;
}

/* g-footer
  **************************************/
.g-footer {
  position: relative;
  background: #333333;
  color: #fff;
}

/**************************************************************
  * Utility
  **************************************************************/

/* u-hide-**
  **************************************/
.u-hide-sp,
.u-hide-pc {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .u-hide-pc {
    display: block !important;
  }
}

@media screen and (min-width: 768px) {
  .u-hide-sp {
    display: block !important;
  }
}