/**
* eating CSS
* 食生活ページのスタイル
*/

#bicycle {
  .btn-down {
    position: relative;
  }

  .btn-down::after {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    content: "\f103";
    font-weight: 900;
  }

  .btn-right {
    position: relative;
  }

  .btn-right::after {
    position: absolute;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    content: "\f101";
    font-weight: 900;
  }
}

.map {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9のアスペクト比 */
  height: 0;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 751px) {
  .sp_letter {
    letter-spacing: -0.4px;
  }
}