@charset "UTF-8";
/******初期設定ここから******/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
addres, ul, ol, dl, dt, dd, table, th, td, form, fieldset, header, article, figure, section {
  margin: 0;
  padding: 0;
  line-height: 140%;
  font-familu: "Hiragino Kaku Gothic ProN", meiryo, sans-serif; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

ul, ol {
  list-style: none;
  /*黒丸を消す*/ }

a {
  text-decoration: none;
  /*下線を消す*/ }

img {
  border: 0; }

ing, input {
  vertical-aligin: bottom; }

/*クリア*/
.clearfix:after {
  visibility: hidden;
  height: 0;
  display: block;
  font-size: 0;
  content: " ";
  clear: both; }

/******初期設定ここまで******/
body {
  background: #eee; }

#main {
  width: 1010px;
  margin: 0 auto;
  background: #fff;
  text-align: center; }
  #main p {
    text-align: center; }
  #main p.button {
    margin: 200px 0 50px 0; }
  #main p.credit {
    padding-bottom: 100px; }

#after {
  width: 1010px;
  margin: 0 auto;
  background: url(../after/images/bg.png);
  text-align: center; }
  #after #in_after {
    width: 970px;
    margin: 0 auto;
    background: #fff; }
  #after p {
    padding: 50px 0; }
  #after div.button {
    margin: 100px 0 50px 0; }
  #after div.credit {
    padding-bottom: 100px; }

footer #in_footer {
  border-top: 1px solid #ddd;
  background: #fff;
  text-align: center;
  padding: 20px 0; }
footer a {
  color: #666; }

@media (max-width: 768px) {
  #main {
    width: 100%; }
    #main img {
      width: 100%;
      height: auto; }

  #after {
    width: 100%; }
    #after img {
      width: 100%;
      height: auto; }
    #after #in_after {
      width: 100%; }
    #after p {
      padding: 30px 0; }
    #after div.button {
      margin: 100px 0 50px 0;
      padding: 10px; }
    #after div.credit {
      padding-bottom: 100px;
      padding: 20px 50px 120px 50px; } }
/***********コンテンツエリア***********/

/*# sourceMappingURL=style.css.map */