/* 井上 */
* {
  margin: 0;
  padding: 0;
}

html,
body {
  overflow-x: hidden;
}

body {
  background-image: url("../images/bg.jpg");
  background-repeat: repeat;
  letter-spacing: unset;
}

/* アクセストップ */
.menu-firstview {
  background-image: url("../images/outside1_black.jpg");
}

/* アクセステキスト */
.access-wrapper {
  font-size: 17px;
}

.question-title {
  text-align: center;
}

/* マップ */
#map {
  text-align: center;
  margin: 30px 0;
}

#map img {
  max-width: 820px;
  height: auto;
}

/* アクセスフレックス2 */
.access-flex2 {
  display: flex;
  justify-content: center;
  gap: 130px;
}

/* ボーダー付き要素 */
.border-bottom {
  padding: 20px;
  border-bottom: 1px solid #46200e;
  width: 500px;

}


/* 角丸四角マーカー */
.sikaku-marker::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 30%;
  background-color: #da3517;
  margin: 15px 20px 20px 0;
  vertical-align: middle;
}

/* 見出し共通 */
.access-right h3,
.flex2-1 h3,
.flex2-2 h3 {
  font-size: 22px;
  color: #46200e;
  margin-left: 30px;
}

/* 左側文字文字色付き */
.left-moji-color {
  font-size: 22px;
  color: #da3517;
  margin-top: 60px;
  margin-left: 40px;
}

.left-moji-colorp {
  margin: 20px;
}

/* テキスト共通 */

.flex2-1 p,
.flex2-2 p {
  margin-left: 70px;
  padding-top: 0;
}

.access-bunkatu {
  display: flex;
  justify-content: center;
  text-align: left;
  flex-wrap: wrap;
  gap: 90px;
}

.access-bunkatu p {
  line-height: 30px;
  margin-left: 80px;
  font-size: 18px;
  text-align: left;
}

#bunkatu-accessInfo {
  margin: 60px;
}

.onpack-free {
  text-decoration: none;
  color: #da3517;
  font-size: 22px;
  margin: 0;
}

.tel-image p {
  margin: 0;
}

/* タブレット用（～1080px） */
@media (min-width: 667px) and (max-width: 1080px) {
  .menu-firstview {
    margin-top: 60px;
  }

  header {
    min-width: auto;
    /* PC用 min-width解除 */
    width: 100%;
    /* 幅を画面幅に合わせる */
  }

  header nav {
    display: none !important;
    /* PC用ナビ非表示 */
  }


  .access-bunkatu {
    gap: 0;
  }

}

/* スマホ①用（～667px） */
@media screen and (max-width: 667px) {
  .menu-firstview {
    margin-top: 60px;
  }

  .br-sp {
    display: block;
  }


  /* アクセス関連レスポンシブ */

  header {
    position: relative;
  }

  .with-icon {
    font-size: 22px;
  }

  .question-title {
    padding-top: 20px;
  }

  #bunkatu-accessInfo {
    margin: 0px;
  }

  .access-wrapper h3 {
    font-size: 18px;
  }

  .access-wrapper p {
    font-size: 15px;
  }

  .access-wrapper p,
  .access-bunkatu p,
  .flex2-1 p,
  .flex2-2 p {
    margin: 0 10px;
    line-height: 28px;
  }

  #map img {
    width: 100%;
    height: auto;
  }

  .access-flex2 {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  .flex2-1 h3,
  .flex2-2 h3 {
    margin-left: 20px;
  }

  .flex2-1 p,
  .flex2-2 p {
    margin-left: 50px;
  }

  .access-bunkatu {
    flex-direction: column;
    gap: 0;
    padding: 20px 20px;
  }

  .access-left,
  .access-right {
    width: 100%;
  }

  .left-moji-color {
    margin-top: 20px;
    margin-left: 20px;
  }

  .access-left p {
    text-align: left;
    margin-bottom: 10px;
    margin-left: 40px;
  }

  .access-left img {
    width: 100%;
    height: auto;
    padding: 0;
  }

  .access-right p {
    margin-left: 50px;
  }

  .onpack-free {
    font-size: 20px;
  }

  .border-bottom {
    width: 100%;
    padding: 20px 0;
    margin: 0 auto;
  }

  .sikaku-marker::before {
    width: 16px;
    height: 16px;
    margin-right: 10px;
  }
}