@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* staff css　*/
/*==================================================================*/
/* -------------------------------------------- */
/* header */
/* -------------------------------------------- */
header {
  margin-bottom: 3em;
}

/* -------------------------------------------- */
/* container */
/* -------------------------------------------- */
#container {
  max-width: 1000px;
  margin-bottom: 6em;
}

/* -------------------------------------------- */
/* h1 */
/* -------------------------------------------- */
h1 {
  margin-bottom: 1.5em;
  font-size: 1.8em;
  text-align: center;
}

/* -------------------------------------------- */
/* back */
/* -------------------------------------------- */
.back {
  text-align: center;
}

/* -------------------------------------------- */
/* article */
/* -------------------------------------------- */
article {
  margin-bottom: 4em;
  padding: 2em;
  border: 1px solid #c7c7c7;
  box-shadow: inset 0 0 0 7px rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1);
}
article .titlearea {
  margin-bottom: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c7c7c7;
}
article .titlearea .date {
  color: #777;
  font-size: .9em;
}
article .titlearea h2 {
  font-size: 1.2em;
  font-weight: bold;
}

/* -------------------------------------------- */
/* wysiwyg */
/* -------------------------------------------- */
.wysiwyg {
  margin: 0 auto;
  word-wrap: break-word;
}
.wysiwyg:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.wysiwyg p {
  margin: 0 auto 25px;
}
.wysiwyg p em {
  font-style: italic;
  font-family: "MS P Gothic","ＭＳ Ｐゴシック";
}
.wysiwyg p b {
  font-weight: bold;
}
.wysiwyg p strong {
  font-weight: bold;
}
.wysiwyg a {
  text-decoration: underline;
}
.wysiwyg ul {
  list-style-type: disc;
  margin: 0 0 15px 20px;
}
.wysiwyg ol {
  list-style-type: decimal;
  margin: 0 0 15px 20px;
}
.wysiwyg blockquote {
  font-family: Georgia, "Bitstream Charter", serif;
  font-style: italic;
  font-weight: normal;
  margin: 0 3em;
}
.wysiwyg h1 {
  width: auto;
  font-size: 2em;
}
.wysiwyg h2 {
  border: none;
  font-size: 1.8em;
}
.wysiwyg h3 {
  font-size: 1.6em;
}
.wysiwyg h4 {
  font-size: 1.3em;
}
.wysiwyg h5 {
  font-size: 0.9em;
}
.wysiwyg h6 {
  font-size: 0.8em;
}
.wysiwyg address {
  font-style: italic;
}
.wysiwyg h1, .wysiwyg h2, .wysiwyg h3, .wysiwyg h4, .wysiwyg h5, .wysiwyg h6 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-weight: bold;
}
.wysiwyg table, .wysiwyg th, .wysiwyg td {
  border-style: solid;
  border-color: #c2c2c2;
}
.wysiwyg table {
  width: 100%;
  margin: 0 0 1.5em;
  border-width: 1px 1px 0 0;
}
.wysiwyg th, .wysiwyg td {
  padding: 10px 15px;
  border-width: 0 0 1px 1px;
  text-align: left;
  vertical-align: top;
}
.wysiwyg th {
  background: #f3f3f3;
  font-size: 1em;
  font-weight: bold;
}
.wysiwyg td {
  font-size: 1em;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
@media screen and (max-width: 1000px) {
  /* -------------------------------------------- */
  /* body */
  /* -------------------------------------------- */
  body {
    padding-top: 100px;
  }

  /* -------------------------------------------- */
  /* h1 */
  /* -------------------------------------------- */
  h1 {
    margin-bottom: 1.2em;
    font-size: 1.5em;
  }
}
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  /* -------------------------------------------- */
  /* article */
  /* -------------------------------------------- */
  article {
    margin-bottom: 3em;
    padding: 1.5em;
    box-shadow: inset 0 0 0 7px rgba(0, 0, 0, 0.05), 0 0 5px rgba(0, 0, 0, 0.1);
  }
  article .titlearea .date {
    font-size: .85em;
  }
  article .titlearea h2 {
    font-size: 1.05em;
    line-height: 1.4;
  }
  article .wysiwyg {
    font-size: .9em;
  }

  /* -------------------------------------------- */
  /* back */
  /* -------------------------------------------- */
  .back {
    font-size: .9em;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  /* -------------------------------------------- */
  /* h1 */
  /* -------------------------------------------- */
  h1 {
    font-size: 1.3em;
  }
}