/*  Local - setting
----------------------------------------------*/
main.category .pagetitle .pagetitle-inner .pagetitle-img {
  max-width: 181px; }
  @media screen and (max-width: 767px) {
    main.category .pagetitle .pagetitle-inner .pagetitle-img {
      max-width: 111px; } }

main.category .pagetitle .pagetitle-inner h1 {
  line-height: 1.34em; }

.cp-inner-01 {
  width: 100%;
  max-width: 1000px;
  padding: 60px 0 100px;
  margin: 0 auto; }
  @media screen and (max-width: 767px) {
    .cp-inner-01 {
      padding: 0 0 60px; } }
  .cp-inner-01 > .text-01 {
    line-height: 1.5; }
  .cp-inner-01 .table-01 {
    width: 100%;
    margin: 60px auto 0; }
    @media screen and (max-width: 767px) {
      .cp-inner-01 .table-01 {
        margin: 40px auto 0; } }
    .cp-inner-01 .table-01 tr th {
      width: 20%;
      height: 40px;
      padding: 10px 20px;
      vertical-align: middle;
      text-align: left;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .cp-inner-01 .table-01 tr th {
          width: 40%;
          padding: 16px 10px; } }
    .cp-inner-01 .table-01 tr td {
      width: 80%;
      height: 40px;
      padding: 10px 20px;
      vertical-align: middle;
      line-height: 1.4; }
      @media screen and (max-width: 767px) {
        .cp-inner-01 .table-01 tr td {
          width: 60%;
          padding: 12px 10px; } }
      .cp-inner-01 .table-01 tr td a:hover {
        text-decoration: none; }
  .cp-inner-01 .movie-01 {
    width: 100%;
    max-width: 1000px;
    margin: 60px auto 0; }
    @media screen and (max-width: 767px) {
      .cp-inner-01 .movie-01 {
        margin-top: 40px; } }
    .cp-inner-01 .movie-01 .movie-01a {
      width: 640px;
      height: auto;
      margin: 0 auto; }
      @media screen and (max-width: 767px) {
        .cp-inner-01 .movie-01 .movie-01a {
          width: 100%; } }
      .cp-inner-01 .movie-01 .movie-01a .movie-01b {
        width: 100%;
        height: 0;
        position: relative;
        padding-top: 56.25%;
        overflow: hidden; }
        .cp-inner-01 .movie-01 .movie-01a .movie-01b video-js {
          position: absolute;
          top: 0;
          left: 0;
          width: 100% !important;
          height: 100% !important; }
  .cp-inner-01 > .img-01 {
    text-align: center;
    margin-top: 60px; }
    @media screen and (max-width: 767px) {
      .cp-inner-01 > .img-01 {
        margin-top: 40px; } }
    .cp-inner-01 > .img-01 img {
      width: 100%;
      max-width: 640px; }