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

/*-----------------
common
-----------------*/
* {margin: 0;padding: 0;border: 0;box-sizing: border-box;}
html {font-size: 62.5%;}
body {font-size: 14px;font-size: 1.4rem;font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
a {color: #0062b0;text-decoration: none;transition: all .1s ease-out;}
a:hover {opacity: .7}
img {vertical-align: middle;max-width: 100%;height: auto;}
ul,li{list-style:none;}

/*-----------------
header
-----------------*/
#header_summary {
  max-width: calc(980px + 4em);
  margin: 0 auto;
  padding: 5px 2em;
}
.title {
  padding: 6px 2em;
  color: #fff;
  background: #0062b0;
}
.title h1 {
  max-width: 980px;
  margin: 0 auto;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: normal;
}
header h1 a {
  color: #fff;
}
#pnkz {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 6px 2em;
}
#pnkz p {
  max-width: 980px;
  margin: 0 auto;
}
.contents {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}
.contents ul {
    display: flex;
    align-items: center;
    margin: 0 2em;
}

/*-----------------
footer_menu
-----------------*/
.footer_menu a {
  background: #e50012;
  padding: 10px 30px;
  margin: 3em auto 10px;
  display: block;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  width: 12em;
}
.footer_menu p {
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 0 14px;
  text-align: center;
}
.footer_menu a:hover{opacity:0.7;}

/*-----------------
footer
-----------------*/
#pagetop {
  position: fixed;
  bottom: 30px;
  right: 20px;
  z-index: 999;
}
footer {
  margin: 30px 0 0;
  background: #ededed;
  text-align: center;
  padding: 14px;
  color: #000;
  font-size: 10px;
  font-size: 1.0rem;
}