@charset "UTF-8";

/* ---------------------------------------
* ベース
* -------------------------------------- */
.l-inner {
  width: 100%;
  max-width: 1080px;
  margin-inline: auto;
  padding-inline: 20px;
}

/* スクリーンリーダー用（ページネーションの見出しなどで使用） */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.p-top__section {
  margin: 0 7%;
}

.p-top__image {
  position: relative;
}

.p-top__image > img {
  display: block;
  width: 100%;
  height: auto;
}

.p-top__map {
  position: absolute;
  z-index: 1;

  /* topimage.png内の地図位置 */
  top: 76.14%;
  left: 54.98%;
  width: 38.47%;
  height: 3.77%;

  border: 0;
}

.p-top__map-box {
  position: absolute;
  z-index: 1;
  top: 76.14%;
  left: 54.98%;
  width: 38.47%;
  height: 3.77%;
  overflow: hidden;
}

.p-top__map-box iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* スマートフォンではGoogle Mapsの画面全体を縮小 */
@media screen and (max-width: 767px) {
  .p-top__map-box iframe {
    width: 250%;
    height: 250%;
    transform: scale(0.4);
    transform-origin: left top;
  }
}

.p-top__hotspot {
  position: absolute;
  display: block;
  z-index: 3;
  border-radius: 4px;
}

/* 求人欄の電話番号（中央配置） */
.p-top__tel {
  top: 88.45%;
  left: 38.14%;
  width: 23.65%;
  height: 1.30%;
}

/* ページ下部の大きな電話番号 */
.p-top__tel-bottom {
  top: 95.55%;
  left: 34.50%;
  width: 35%;
  height: 1.55%;
}

.p-top__hotspot:focus-visible {
  outline: 3px solid #7b52a8;
  outline-offset: 2px;
}