@charset "UTF-8";
.page {
  /*------------------------------
  reset
  ------------------------------*/
  /*------------------------------
  base
  ------------------------------*/
  /*ページ全体の色・背景・文字指定*/
  /*ハイパーリンク文字色・下線指定*/
  /*------------------------------
  clearfix　フロート解除
  ------------------------------*/
  /*------------------------------
  main
  ------------------------------*/
}

.wrapper .pane-main{
  width: 760px;
    margin: auto;
    letter-spacing: 0;
}
@media screen and (max-width: 768px) {
    .wrapper .pane-main{
        width: 90%;
    }
}
.page body, .page div, .page dl, .page dt, .page dd, .page ul, .page ol, .page li, .page h1, .page h2, .page h3, .page h4, .page h5, .page h6, .page pre, .page form, .page fieldset, .page input, .page textarea, .page p, .page blockquote, .page th, .page td, .page img {
  margin: 0px;
  padding: 0;
  font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
.page table {
  border-collapse: collapse;
  border-spacing: 0;
}
.page fieldset, .page img {
  border: 0;
}
.page address, .page caption, .page cite, .page code, .page dfn, .page em, .page strong, .page th, .page var {
  font-style: normal;
  font-weight: normal;
}
.page li img {
  vertical-align: bottom;
}
.page caption, .page th {
  text-align: left;
}
.page h1 {
  font-size: 14px;
  padding: 16px 0 16px 20px;
  background-color: #ddd;
  font-weight: normal;
}
.page h2, .page h6 {
  font-size: 120%;
  padding: 48px 0 18px 0;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
    .page h2, .page h6 {
        font-size: 100%;
        padding: 28px 0 8px 0;
    }
}
.page body {
  color: #000000;
  background-color: #ffffff;
  font-size: 12px;
}
.page a:link {
  color: #00F;
  text-decoration: underline;
}
.page a:visited {
  color: #00F;
  text-decoration: none;
}
.page a:hover {
  color: #00F;
  text-decoration: underline;
}
.page a:active {
  color: #f00;
  text-decoration: underline;
}
.page .clearfix:after {
  content: ".";
  /* 新しい要素を作る */
  display: block;
  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.page .clearfix {
  min-height: 1px;
}
.page * html .clearfix {
  height: 1px;
  /*\*/
  /*/
  height: auto;
  overflow: hidden;
  /**/
}
.page h3, .page h4, .page h5 {
  font-size: 90%;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
    .page h3, .page h4, .page h5 {
        font-size: 70%;
      } 
}
.page h3 {
  padding: 24px 0 18px;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
    .page h3 {
        padding: 14px 0 8px;
        font-weight: bold;
    }
}
.page h4 {
  padding: 0 14px;
  line-height: 22px;
  list-style-type: none;
}
.page h4 div {
  padding-left: 16px 0 0 0;
}
.page h5 {
  text-align: right;
  padding: 32px 14px 54px;
}
.page ol, .page ul {
  padding-left: 24px;
}
.page ol li {
  list-style-type: decimal;
}
.page ol li {
  margin-bottom: 5px;
}
.page li {
    font-size: 90%;
}
@media screen and (max-width: 768px) {
    .page li {
        font-size: 70%;
    }
}
.page ol li:last-child {
  margin-bottom: 0;
}
.page h4, .page p, .page li {
  line-height: 1.6;
  letter-spacing: 0.05em;
  list-style-type: disc;
}