@charset "utf-8";
/* CSS Document */

/*
  レスポンシブなCSSファイル
*/

/*
  基本設定
*/
body {
  font-family: sans-serif; /* フォントファミリー */
  line-height: 1.5; /* 行間 */
  color: #333; /* 文字色 */
}

/*
  PC用スタイル
*/
@media (min-width: 768px) {
  body {
    font-size: 16px; /* 基本フォントサイズ */
  }

  h1 {
    font-size: 32px; /* 見出し1 */
  }

  h2 {
    font-size: 24px; /* 見出し2 */
  }

  p {
    font-size: 16px; /* 段落 */
  }

  small {
    font-size: 14px; /* 注釈 */
  }
}

/*
  モバイル用スタイル
*/
@media (max-width: 767px) {
  body {
    font-size: 14px; /* 基本フォントサイズ */
  }

  h1 {
    font-size: 28px; /* 見出し1 */
  }

  h2 {
    font-size: 20px; /* 見出し2 */
  }

  p {
    font-size: 14px; /* 段落 */
  }

  small {
    font-size: 12px; /* 注釈 */
  }
}

.google-maps {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 のアスペクト比を維持 */
  overflow: hidden;
}

.google-maps iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}