@charset "UTF-8";
html body {
  font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
  margin: 0;
  background-color: #f8f8f8; }
  html body > div {
    padding-top: 130px; }
    html body > div header {
      position: fixed;
      background-color: #fff;
      top: 0;
      width: 100%;
      height: 100px;
      display: flex;
      justify-content: center;
      align-items: center;
      box-shadow: 0 0 16pt 0 rgba(0, 0, 0, 0.16); }
      html body > div header > img {
        width: 220px; }
    html body > div article {
      padding: 0 20px 20px;
      max-width: 800px;
      margin: 0 auto; }
      html body > div article h2 {
        font-family: HiraKakuPro-W6, sans-serif;
        font-size: 24px; }
      html body > div article p {
        font-family: HiraKakuPro-W3;
        font-size: 16px; }
      html body > div article .image {
        text-align: center; }
      html body > div article img {
        max-width: 600px; }
      html body > div article a {
        color: #18284f; }
    html body > div footer .container {
      padding: 0 20px;
      text-align: center;
      background-color: #1a1a1a;
      color: #535353; }
      html body > div footer .container .content {
        max-width: 1000px;
        margin: 0 auto; }
        html body > div footer .container .content img {
          width: 96px;
          margin: 50px; }
        html body > div footer .container .content hr {
          border: none;
          border-bottom: solid 1px #535353;
          margin: 0 0 20px; }
        html body > div footer .container .content ul {
          list-style: none;
          margin: 0;
          padding: 0;
          text-align: left;
          position: relative; }
          html body > div footer .container .content ul li {
            display: inline-block;
            margin-right: 20px;
            font-size: 12px;
            vertical-align: top; }
            html body > div footer .container .content ul li a, html body > div footer .container .content ul li a:active, html body > div footer .container .content ul li a:visited {
              color: #535353;
              text-decoration: none; }
              html body > div footer .container .content ul li a:hover, html body > div footer .container .content ul li a:active:hover, html body > div footer .container .content ul li a:visited:hover {
                color: #797979;
                text-decoration: underline; }
            html body > div footer .container .content ul li:last-child {
              margin-right: 0;
              float: right; }
        html body > div footer .container .content .social {
          display: flex;
          justify-content: space-between;
          width: 90px;
          margin: 0 auto;
          padding: 32px; }
          html body > div footer .container .content .social a {
            display: inline-block;
            background-size: contain;
            width: 40px;
            height: 40px; }
            html body > div footer .container .content .social a.facebook {
              background-image: url(../img/ic_fb.svg); }
            html body > div footer .container .content .social a.twitter {
              background-image: url(../img/ic_twitter.svg); }
  @media screen and (max-width: 1023px) {
    html body > div footer .container .content {
      max-width: 860px; }
      html body > div footer .container .content ul li {
        line-height: 32px; } }
  @media screen and (max-width: 479px) {
    html body > div {
      padding-top: 100px; }
      html body > div header {
        height: 70px; }
      html body > div article img {
        max-width: 300px; }
      html body > div footer .container .content {
        max-width: unset; }
        html body > div footer .container .content ul li:last-child {
          width: 100%;
          text-align: center;
          float: inherit; } }