/* lower_common */
body {
  background-color: #f9f8f6;
}

#header {
  padding-top: 5em;
}
#header .cont {
  width: 88.7%;
  margin: 0 auto;
}
#header .cont #h_logo {
  float: left;
}
#header .cont .back {
  float: right;
}

#main {
  padding-top: 8.125em;
}

/* page_privacy */
#page_privacy #main .cont {
  width: 79%;
  margin: 0 auto;
}
#page_privacy #main .cont .ttl {
  width: 22%;
  float: left;
  font-size: 1.625em;
}
#page_privacy #main .cont .list,
#page_privacy #main .cont .right {
  width: 77%;
  float: right;
}
#page_privacy #main .cont .list dl,
#page_privacy #main .cont .right dl {
  margin-bottom: 2em;
}
#page_privacy #main .cont .list dt,
#page_privacy #main .cont .right dt {
  margin-top: 2.5em;
  font-size: .9em;
}
#page_privacy #main .cont .list dt span,
#page_privacy #main .cont .right dt span {
  display: inline-block;
  margin-right: 0.5em;
}
#page_privacy #main .cont .list dt:first-child,
#page_privacy #main .cont .right dt:first-child {
  margin-top: 0;
}
#page_privacy #main .cont .list dd,
#page_privacy #main .cont .right dd {
  margin-top: 0.1875em;
  font-size: .9em;
  padding-left: 1.5em;
}
#page_privacy #main .cont .list dd table,
#page_privacy #main .cont .right dd table {
  max-width: 800px;
  border: 1px solid #000;
  margin: .5em 0 1em;
}
#page_privacy #main .cont .list dd table th, #page_privacy #main .cont .list dd table td,
#page_privacy #main .cont .right dd table th,
#page_privacy #main .cont .right dd table td {
  width: 50%;
  border: 1px solid #000;
  padding: .5em;
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}
#page_privacy #main .cont .list dd a,
#page_privacy #main .cont .right dd a {
  text-decoration: underline;
}
#page_privacy #main .cont .list p a,
#page_privacy #main .cont .right p a {
  display: inline-block;
  margin-top: 0.625em;
  text-decoration: underline;
}
#page_privacy #main .cont .list p a:hover,
#page_privacy #main .cont .right p a:hover {
  color: #333;
}
#page_privacy #main .cont p {
  margin-bottom: 2.5em;
  font-size: .9em;
}

@media screen and (max-width: 1300px) {
  #page_privacy #main .cont .ttl {
    font-size: 1.325em;
  }
}
@media screen and (max-width: 640px) {
  /* lower_common */
  #header .cont {
    width: 72%;
  }
  #header .cont #h_logo {
    text-align: center;
    float: none;
  }
  #header .cont .back {
    margin-top: 3.5em;
    padding-right: 1.75%;
    text-align: right;
    float: none;
  }
  #header .cont .back img {
    width: 25.75%;
  }

  /* page_privacy */
  #page_privacy #main {
    margin-top: -16px;
    padding-top: 0;
  }
  #page_privacy #main .cont {
    width: 72%;
  }
  #page_privacy #main .cont .ttl {
    width: 50%;
    float: none;
    font-size: 1.625em;
  }
  #page_privacy #main .cont .list,
  #page_privacy #main .cont .right {
    width: 100%;
    float: none;
    margin-top: 5em;
  }
  #page_privacy #main .cont .list dt,
  #page_privacy #main .cont .right dt {
    margin-top: 1.5em;
    font-size: 1.4em;
  }
  #page_privacy #main .cont .list dt:first-child,
  #page_privacy #main .cont .right dt:first-child {
    margin-top: 0;
  }
  #page_privacy #main .cont .list dd,
  #page_privacy #main .cont .right dd {
    font-size: 1.4em;
  }
}

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