@charset "UTF-8";
/* CSS Document */
/* ===============================================   ===============================================  */
@media screen and (min-width: 750px), print {
 .aboutBox{
   width: 1230px;
   margin: 70px auto;
 }
 .aboutBox .picBox {
   margin-top: 30px;
 }
 .aboutBox .picBox .leftBox {
   float: left;
 }
 .aboutBox .picBox .rightBox {
   float: right;
   width: 840px;
 }
}

@media screen and (max-width: 749px), print {
  .aboutBox{
   width: 95%;
   margin: 30px auto;
 }
 .aboutBox .picBox {
 }
 .aboutBox .picBox .leftBox {
   text-align: center;
 }
 .aboutBox .picBox .rightBox {
   margin-top: 30px;
   text-align: left;
   line-height: 1.5;
 }
}

@media screen and (min-width: 750px) {
  .table-content {
    width: 100%;
    margin: 40px 0;
    overflow-x: auto;
    border-top: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
  }
}
.table {
    margin: 40px 0;
    overflow-x: auto;
    border-top: 1px solid #b9b9b9;
    border-left: 1px solid #b9b9b9;
  }
.table th {
  font-weight: bold;
  }
.table-header {
    background-color: #d8d8d8;
    font-weight: normal;
    text-align: left;
}
@media screen and (min-width: 750px) {
    .table-header, .table-cell {
        padding: 18px 20px;
    }
}
.table-header, .table-cell {
    border-bottom: 1px solid #b9b9b9;
    border-right: 1px solid #b9b9b9;
    padding: 10px;
    vertical-align: top;
}

.movie{
  width: 100%;
  max-width: 1100px; /* 好きな最大幅に */
  height: auto;
  display: block;
  margin: 50px auto 0;    /* 中央寄せ */
}