.area-cate.book {
  background-image: url("../../book/img_index/title_book_bg.png");
  margin-bottom: 70px; }
  @media (max-width: 767px) {
    .area-cate.book {
      margin-bottom: 40px; } }

.box-book01 h2 {
  text-align: center;
  padding-bottom: 40px; }

.box-book01 h3 {
  font-size: 1.8rem; }

.box-book01 p {
  font-size: 1.4rem; }

.box-book01 .box-info {
  background-color: #f0f2f2;
  padding: 30px;
  margin-bottom: 80px; }
  .box-book01 .box-info h3 {
    font-size: 1.6rem;
    padding-top: 5px;
    padding-bottom: 15px; }
  .box-book01 .box-info table {
    border: 1px solid #f0f2f2;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px; }
    .box-book01 .box-info table th {
      border: 1px solid #f0f2f2;
      background-color: #e0e2e2;
      font-weight: normal;
      padding: 13px 15px;
      font-size: 1.4rem; }
    .box-book01 .box-info table td {
      border: 1px solid #f0f2f2;
      background-color: #FFF;
      padding: 13px 15px;
      font-size: 1.4rem; }

@media (max-width: 767px) {
  .box-book01 {
    padding: 0 20px; }
    .box-book01 h2 {
      padding-bottom: 20px; }
      .box-book01 h2 img {
        height: 22px; }
    .box-book01 p.space50b {
      padding-bottom: 25px !important; }
    .box-book01 div.txt-c.space50b {
      padding: 0 10px 25px 10px !important; }
    .box-book01 .box-info {
      padding: 15px; }
      .box-book01 .box-info table {
        display: block;
        border: none; }
        .box-book01 .box-info table tbody, .box-book01 .box-info table tr, .box-book01 .box-info table th, .box-book01 .box-info table td {
          display: block;
          border: none; }
        .box-book01 .box-info table th {
          padding: 6px 8px; }
        .box-book01 .box-info table td {
          padding: 6px 8px;
          font-size: 1.3rem; } }

.box-book02 {
  background-color: #f0f2f2;
  text-align: center;
  padding: 80px 0; }
  .box-book02 h2 {
    padding-bottom: 40px; }
  .box-book02 p {
    font-size: 1.4rem;
    padding-bottom: 40px; }
  .box-book02 #box-nagare {
    padding-bottom: 80px; }
    .box-book02 #box-nagare .block-cell {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .box-book02 #box-nagare .block-cell.cell2 {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
        .box-book02 #box-nagare .block-cell.cell2 .cell:first-of-type {
          margin-right: 10px; }
        .box-book02 #box-nagare .block-cell.cell2 .cell:last-of-type {
          margin-left: 10px; }
      .box-book02 #box-nagare .block-cell .cell {
        background-color: #FFF;
        border: 1px solid #9d0747;
        padding: 25px 20px;
        max-width: 480px;
        width: 100%; }
        .box-book02 #box-nagare .block-cell .cell h3 {
          padding-bottom: 20px; }
        .box-book02 #box-nagare .block-cell .cell p {
          padding-bottom: 25px;
          text-align: left; }
          .box-book02 #box-nagare .block-cell .cell p:last-of-type {
            padding-bottom: 0; }
    .box-book02 #box-nagare .block-arrow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .box-book02 #box-nagare .block-arrow .arrow {
        width: 25%;
        padding-bottom: 10px; }
  @media (max-width: 767px) {
    .box-book02 {
      padding: 40px 20px; }
      .box-book02 h2 {
        padding-bottom: 20px; }
        .box-book02 h2 img {
          height: 22px; }
      .box-book02 p {
        text-align: left;
        padding-bottom: 30px; }
      .box-book02 #box-nagare {
        padding-bottom: 40px; }
        .box-book02 #box-nagare .block-cell .cell {
          padding: 20px 20px; }
          .box-book02 #box-nagare .block-cell .cell h3 {
            padding-bottom: 10px; }
            .box-book02 #box-nagare .block-cell .cell h3 img {
              height: 13px; }
          .box-book02 #box-nagare .block-cell .cell p {
            padding-bottom: 10px; }
        .box-book02 #box-nagare .block-cell.cell2 {
          background-color: #FFF;
          -webkit-box-orient: vertical;
          -webkit-box-direction: reverse;
          -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
          border: 1px solid #9d0747; }
          .box-book02 #box-nagare .block-cell.cell2 .cell {
            border: none;
            margin: 0 !important;
            padding-bottom: 0; }
            .box-book02 #box-nagare .block-cell.cell2 .cell:first-of-type {
              padding-bottom: 20px; }
        .box-book02 #box-nagare .block-arrow.cell2 .arrow:first-of-type {
          display: none; }
      .box-book02 .btn-set {
        padding: 0 10px; } }