#books01 .contents-frame p .mail {
  height: 1.1em;
  padding: 0 8px; }
#books01 .contents-frame .box-books01 {
  background-color: #e3e3e3;
  padding: 20px 30px 30px 30px;
  margin-bottom: 30px; }
  #books01 .contents-frame .box-books01 span {
    display: block;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 5px; }
  #books01 .contents-frame .box-books01 h3 {
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid #909090; }
  #books01 .contents-frame .box-books01 ul {
    list-style: none; }
    #books01 .contents-frame .box-books01 ul li {
      padding: 0 0 5px 0; }
      #books01 .contents-frame .box-books01 ul li img {
        height: 1.3em;
        width: 1.3em;
        margin-right: 5px; }
#books01 .contents-frame .box-books02 p {
  margin-bottom: 5px; }
#books01 .contents-frame .box-books02 .table-type04 th, #books01 .contents-frame .box-books02 .table-type04 td {
  padding: 5px 10px; }
#books01 .contents-frame .box-books02 .table-type04 tbody th {
  background-color: #e3e3e3;
  color: #333; }
#books01 .contents-frame .box-books02 .table-type04 tbody td {
  border: solid 1px #e3e3e3;
  font-size: 1.6rem; }
@media (max-width: 767px) {
  #books01 .contents-frame .box-books01 {
    padding: 20px; }
    #books01 .contents-frame .box-books01 h3 {
      font-size: 1.6rem; }
    #books01 .contents-frame .box-books01 ul li {
      font-size: 1.6rem; }
  #books01 .contents-frame .box-books02 p span {
    display: inline; }
  #books01 .contents-frame .box-books02 .table-type04 thead th {
    font-size: 1.6rem; }
  #books01 .contents-frame .box-books02 .table-type04 tbody th {
    font-size: 1.6rem; } }

#books02 .contents-frame .h-type02 {
  margin-top: 10px; }
#books02 .contents-frame .box-book {
  display: flex;
  margin-bottom: 60px;
  background: #FFF;
  padding: 30px; }
  #books02 .contents-frame .box-book .image {
    width: 230px;
    padding: 0 30px 0 0; }
    #books02 .contents-frame .box-book .image img {
      width: 100%; }
  #books02 .contents-frame .box-book .text {
    width: calc(100% - 230px); }
    #books02 .contents-frame .box-book .text h3 {
      font-size: 2.2rem; }
    #books02 .contents-frame .box-book .text .table-type01 th, #books02 .contents-frame .box-book .text .table-type01 td {
      padding: 5px 10px; }
    #books02 .contents-frame .box-book .text .table-type01 th {
      width: 8em;
      font-size: 1.4rem; }
    #books02 .contents-frame .box-book .text .table-type01 td {
      font-size: 1.6rem; }
@media (max-width: 767px) {
  #books02 .contents-frame {
    padding: 20px; }
    #books02 .contents-frame .box-book {
      flex-direction: column;
      margin-bottom: 40px; }
      #books02 .contents-frame .box-book .image {
        text-align: center;
        padding: 0;
        width: 100%; }
        #books02 .contents-frame .box-book .image img {
          width: 180px; }
      #books02 .contents-frame .box-book .text {
        width: 100%; }
        #books02 .contents-frame .box-book .text h3 {
          margin: 15px 0 20px 0;
          line-height: 1.4em;
          font-size: 1.9rem;
          text-align: center; }
        #books02 .contents-frame .box-book .text .table-type01 tr {
          display: table-row; }
          #books02 .contents-frame .box-book .text .table-type01 tr th, #books02 .contents-frame .box-book .text .table-type01 tr td {
            display: table-cell;
            vertical-align: middle;
            font-size: 1.4rem; } }