/*$color-sub01: mix($color-main01, $color-main02, 3%);
$color-sub02: mix($color-main02, #eee, 35%);*/
/*
@mixin left-top-shadow {
	box-shadow: 1px 1px 3px rgba(0,0,0,0.2);
}

@mixin top-shadow {
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
}

@mixin bottom-shadow {
	box-shadow: 0 -1px 3px rgba(0,0,0,0.2);
}

@mixin hoge($color: #fff, $fSize: 16px) {
	color: $color;
	font-size: $fSize;
}
	//.text {
		//@include hoge(black, 20px);
	//}

@mixin sp-width {
	width: $sp-width;
	margin: auto;
}

@mixin pc-width {
	width: $pc-width;
	margin: auto;
}
*/
/*--------------------------------------------
		access
---------------------------------------------*/
/* 共通設定 */
.access {
  margin-top: 50px;
  overflow: hidden;
  clear: both;
}

/* タイトル */
.access__ttl {
  margin-top: 0;
}

/* 地図 */
.access__map {
  width: 100%;
  height: 200px;
  background-color: transparent;
  margin-bottom: 20px;
}

.access__map iframe {
  width: 100%;
  height: 100%;
  display: block;
  border: none;
}

/* 詳細情報 */
.access__detail p {
  margin-bottom: 2em;
}

/* タイトル調整（スマホ） */
@media screen and (max-width: 400px) {
  .access__ttl {
    font-size: 1.5rem;
  }
  .access__ttl > * {
    letter-spacing: 0.1em;
  }
}

/* レスポンシブ対応（スマホ） */
@media screen and (max-width: 767px) {
  .access {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
  }

  .access__map {
    float: none;
    width: 100%;
    height: 250px;
  }

  .access__map iframe {
    width: 100%;
    height: 100%;
  }

  .access__detail {
    width: 100%;
  }
}