::-webkit-scrollbar {
  width: 1px;
}

html {
  font-size: calc(10 / 1280 * 100vw);
}


/* 使用カラー */
:root {
  --black: #1A1A1A;
  --blue: #024391;
}

/* 使用フォント */
:root {
  --NotoSans: 'Noto Sans JP', sans-serif;
  --ZenmMaru: 'Zen Maru Gothic';
}

body {
  font-family: var(--NotoSans);
}

.sp {
  display: none;
}

.pc {
  display: block;
}

.contact_facility {
  font-family: var(--NotoSans);
  font-weight: 800;
  font-size: 2.5rem;
  line-height: calc(30 / 25);
  color: var(--black);
  border: solid #fff 0.1rem;
  padding-top: 8rem;
  /* padding-top: 20rem; */
  margin: 3rem;
  width: 58rem;
  height: 30rem;
  text-align: center;
}

.facility_area {
  background-color: #B5BCEB;
  width: 50%;
  height: 36rem;
  position: relative;
}

.facility_company {
  display: flex;
}

.company_contact_area {
  background-color: #3B75BB;
  width: 50%;
  position: relative;
  height: 36rem;
}

.arrow {
  width: 5rem;
  height: 5rem;
  background-color: #fff;
  border-radius: 5rem;
  margin: 0 auto;
  position: relative;
  margin-top: 3.3rem;
  /* top: 0; */
}

.arrow::after {
  content: "";
  left: 1.9rem;
  width: 1rem;
  top: 1.7rem;
  height: 1rem;
  border-top: 0.3rem solid #000;
  border-right: 0.3rem solid #000;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
}

.arrow::before {
  content: "";
  left: 1.5rem;
  width: 1.8rem;
  height: 0.2rem;
  top: 2.3rem;
  background: #000;
  position: absolute;
}



@media screen and (max-width: 699.98px) {
  .sp {
    display: block;
  }

  .pc {
    display: none;
  }

  html {
    font-size: calc(10 / 375 * 100vw);
    /* 画面幅400pxで10px*/
  }


  .facility_company {
    flex-direction: column;
  }

  .facility_area {
    width: 100%;
    height: max-content;
  }

  .company_contact_area {
    width: 100%;
    height: max-content;
  }

  .contact_facility {
    width: 33.9rem;
    height: 20rem;
    margin: 1.8rem auto;
    font-size: 1.4rem;
    padding-top: 6rem;
    border: solid #fff 0.2rem;
  }

  .arrow {
    width: 2.4rem;
    height: 2.4rem;
  }

  .arrow::after {
    width: 0.7rem;
    top: 0.8rem;
    left: 0.8rem;
    height: 0.7rem;
  }

  .arrow::before {
    top: 1.2rem;
    width: 1.1rem;
    left: 0.6rem;
  }
}