@charset "utf-8";

/* CSS Document */

/*******************************************************************************

  共通

*******************************************************************************/
body,button,input,textarea,select {
  font-family: -apple-system, BlinkMacSystemFont,'メイリオ', Meiryo,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Arial','ＭＳ Ｐゴシック','MS PGothic';
}
body {
  border-top: 4px solid #183763;
}
.forSP {
  display: none;
}

/* smartPhone */
@media screen and (max-width: 640px) {
.forSP {
  display: inline-block;
}
.forPC {
  display: none !important;
}
}
@media screen and (max-width: 320px) {
html {
    overflow-y: scroll !important;
}
}

/*******************************************************************************

  ヘッダー

*******************************************************************************/
header {
  text-align: center;
  padding: 1em 0;
}
header img {
width:300px;
}

/*******************************************************************************

  フッター

*******************************************************************************/
footer {
  position: fixed;
  left: 0;
  bottom: 0;
  background: #204b89;
  color: #FFF;
  text-align: center;
  font-size: 80%;
  padding: 0.8em 0;
  width: 100%;
}


/*******************************************************************************

  コンテンツ

*******************************************************************************/
#Contents {
  max-width: 1000px;
  margin: 0 auto 8em auto;
}
#Contents h1 {
  text-align: center;
  margin-bottom: 1em;
}
#Contents h1 img {
  width: 100%;
}
#Contents .button {
  margin-top: 3em;
  text-align: center;
}
#Contents .button a {
  text-decoration: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  background: transparent;
  background: linear-gradient(0deg, #0585ca, #2caaed);
  color: #FFF;
  font-weight: bold;
  font-size: 124%;
  padding: 0.5em 1em;
  border-radius: 6px;
  border: 1px solid #0585ca;
  box-shadow: 0 1px 0 0 #94d4f6 inset;
  cursor: pointer;
}
#Contents .button a:hover {
  background: linear-gradient(0deg, #0265b5, #1a8de4);
  border:1px solid #0265b5;
}
/* smartPhone */
@media screen and (max-width: 640px) {
#Contents {
  margin: 0;
}
}