@charset "utf-8";

/* 全体 */
body {
  background: #f5f5f5;
  color: #313131;
  margin: 0;
  padding: 0;
  font: 16px/1.6 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}

/* リンク */
a {
  color: inherit;
  text-decoration: none;
}

/* コンテナ */
#container {
  width: 750px;
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
}

/* 画像LPの基本（崩れ防止） */
#container img {
  display: block;
  width: 100%;
  height: auto;
}

/* ボタン周りの白い余白 */
.btn-wrap {
  background: #fff;
  padding: 60px 0 20px;     /* 余白はここで調整 */
}

.btn-wrap img {
  display: block;
  margin: 0 auto;
  max-width: 80%;
  height: auto;
}

.btn-second {
  padding-top: 10px;
  padding-bottom: 40px;
}


/* フッター */
footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 20px 0 20px;
  color: #fff;
  background: #a10600;
  font-size: 90%;
}

footer a {
  color: #fff;
}

.copy {
  color: #fff;
  font-size: 65%;
  text-align: center;
}

/* スマホ（画面幅768px以下） */
@media only screen and (max-width: 768px) {
  #container {
    width: 100%;
    border-left: none;
    border-right: none;
  }

  .btn-wrap {
    padding: 24px 0;   /* スマホは少し詰めてもOK */
  }
}

.creator {
  background: #f5f5f5;
  padding: 40px 24px 40px 40px;
  margin: 40px 0;
  margin-bottom: 0; 
  text-align: left;
  color: #737373;
  font-size: 15px;
  line-height: 1.5; 
}

/* リンクだけ例外で青 */
.creator a {
  color: #1a73e8;
  text-decoration: underline;
}