/**************************************************************
* access
**************************************************************/

.access {
  padding-bottom: 10%;
}

.access__body {
  display: flex;
  flex-direction: column;
  grid-gap: 10rem;
}

.access-info {
  display: grid;
  gap: 4rem;
}

.access-info .cta-btn {
  margin-top: 4rem;
}

.c-btn__body.--access {
  display: flex;
  align-items: center;
  grid-gap: 2rem;
}

.c-btn__inner.--access {
  display: flex;
  flex-direction: column;
  font-size: min(2.58vw + 1rem, 2.8rem);
}

.c-btn__tel-txt {
  font-size: 1.6rem;
}

.tel-icn.--access {
  position: relative;
  width: 4.6rem;
  height: 4rem;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center 0;
  background-size: contain;
  background-image: url(../images/common/tel_icn.svg);
  transform: translateY(-10%);
}

@media screen and (max-width:768px) {
  .cta-btn.--access {
    margin-top: 4rem;
  }

  .c-btn__body.--access {
    display: flex;
    align-items: center;
    grid-gap: 2rem;
  }

  .c-btn__tel-txt {
    font-size: 1.2rem;
  }

  .tel-icn.--access {
    width: 2.6rem;
    height: 3rem;
    margin-top: 0.5rem;
  }
}