/* タブレット用のスタイル -- max-width: 768px */

/*----------------------------------------
  layout
----------------------------------------*/
body {
  background: #fff;
  font-size: 16px;
  font-family: 'Titillium Web','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  line-height: 140%;
  margin: 0 auto;
  color: #2e2e2e;
  text-align:justify;
}

#header {
  margin: 30px 0;
  padding: 0 20px;
}
  #header h1 a {
    margin: 0 auto 20px;
    background: url(/img/logo.png) no-repeat;
    text-indent: -8989px;
    display: block;
    width: 240px;
    height: 145px;
    background-size: 240px 145px;
  }
  #header #gmArea {
    display: table;
    width: 100%;
    padding: 10px 0;
    border: 1px #2e2e2e solid;
    border-radius: 5px;
    background: #fff;
    font-size: 12px;
  }
  #header #gmArea li {
    width: 33.333%;
    text-align: center;
    display: table-cell;
    border-right: 1px #999 solid;
  }
  #header #gmArea li:last-child {
    border-right: none;
  }
  #header #gmArea li a {
    color: #2e2e2e;
    display: block;
  }

#page {
  width: 100%;
  margin: 0 auto;
}

#demutualization {
  margin: 0 0 40px;
}
#booklogAd {
  margin: 0 0 20px;
  padding: 0 0 20px;
  border-bottom: 1px #2e2e2e dashed;
}
#pubooAd {
  margin: 0 0 20px;
}

#service {

}
  .cp {
    margin: 0 0 20px;
    text-align: center;
  }
  .url {
    text-align: center;
    margin: 0 0 20px;
  }

#company {
  margin: 0;
}
  #company .missionArea {
    margin: 0 0 40px;
  }
    #company .missionArea p {
      padding: 20px 0 0;
      text-align: center;
    }
  #company .companyDetail {
    border-top: 6px #2e2e2e solid;
    border-bottom: 6px #2e2e2e solid;
    background: #fff;
    font-size: 14px;
    width: 100%;
  }
    #company .companyDetail tr {
      border-bottom: 1px #2e2e2e dashed;
    }
    #company .companyDetail th {
      padding: 20px;
      white-space: nowrap;
    }
    #company .companyDetail td {
      padding: 20px;
    }

#socialmedia {
  position: relative;
  background: #fff;
  padding: 30px 20px;
}
  #tw {
    width: 280px;
    margin: 0 auto 20px;
  }
  #fb {
    width: 280px;
    margin: 0 auto;
  }
  #socialbtn {
    position: absolute;
    bottom: -236px;
    right: 20px;
    width: 80px;
  }
  #socialbtn li {
    text-align: center;
    margin: 0 0 15px;
  }
  #socialbtn li:last-child {
    margin: 0;
  }

#footer {
  background: #2e2e2e;
  padding: 30px 20px;
}
  #footer ul {
    margin: 0 0 30px;
  }
  #footer ul li {
    margin: 0 0 20px;
  }
  #footer ul li:last-child {
    margin: 0;
  }
  #footer ul li a {
    font-size: 14px;
    color: #fff;
    text-decoration: underline;
  }
  #footer address {
    color: #fff;
    font-size: 12px;
  }

/* ------------------------------------------ みだし */
h2 {
  background: #4ea6cc;
  color: #fff;
  margin: 0 0 20px;
  padding: 30px 10px;
  text-align: center;
}
h3 {
  margin: 0 40px 20px;
  padding: 5px 0;
  text-align: center;
  background: #fff;
  border-radius: 20px;
}
h4 {
  margin: 0 0 10px;
  text-align: center;
}

/* ------------------------------------------ テキスト */
.lead {
  padding: 0 20px;
  line-height: 1.6em;
  font-feature-settings: "pkna";
  text-align: justify;
}


/* ------------------------------------------ ボタン */
.btnArea {
  margin: 20px auto 0;
  padding: 0 20px;
}
  .btnArea a {
    padding: 15px 0;
    color: #fff !important;
    background: #2786c2;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .btnArea a:active {
    background: #2e2e2e;
  }
.contactAdArea {
  margin: 0 auto 40px;
  padding: 0 20px;
}
  .contactAdArea a {
    padding: 15px 0;
    color: #fff !important;
    background: #cc0000;
    border-radius: 5px;
    display: inline-block;
    text-align: center;
    width: 100%;
  }
  .contactAdArea a:active {
    background: #2e2e2e;
  }

/* ------------------------------------------ プラポリ */

#privacy {
  margin: 0;
}
#privacy a {
  color: #2e2e2e !important;
  text-decoration: underline;
}
.lead,
.rside,
.pagelink,
.day,
#privacy h4,
#privacy ol {
  margin: 0 0 30px;
  padding: 0 20px;
}
.pagelink {
  line-height: 1.6em;
}
#privacy h3 {
  margin: 0 20px 20px;
  font-size: 14px;
}
.rside {
  text-align: right;
}
.day {
  font-size: 14px;
}
#privacy ol li {
  list-style-type: lower-roman;
  margin: 0 0 10px 20px;
  font-size: 14px;
}
#privacy ol li:last-child {
  margin: 0 0 0 20px
}
  #privacy dl {
    font-size: 14px;
    margin: 0 0 30px;
    padding: 0 20px;
  }
    #privacy dl dt {
      font-weight: bold;
      margin: 0 0 10px;
    }
    #privacy dl dd {
      margin: 0 0 10px;
      padding: 0 0 10px;
      border-bottom: 1px #2e2e2e dashed;
    }
    #privacy dl dd:last-child {
      margin: 0;
      padding: 0;
      border-bottom: none;
    }
#privacy .box {
  margin: 0 0 20px;
  padding: 20px 0;
}
.b0M {
  margin-bottom: 0 !important;
}
#privacy .address,
#privacy .download {
  margin: 20px 0;
  padding: 20px;
  border: 1px #2e2e2e dashed;
}
  #privacy .address h4,
  #privacy .download h4 {
    margin: 0 0 10px;
  }
.service-link {
  padding: 0 20px;
}
.service-link li {
  list-style: disc;
  margin: 0 0 10px 24px;
}
.service-link li:last-child {
  margin: 0 0 0 24px;
}

#privacy .ad_module {
  margin: 12px 24px;
  font-size: 14px;
  text-align: left;
}

#privacy .privacy-update {
  font-size: 10px;
  margin: 12px;
}