.detail01 h3 {
  font-size: 15px;
  text-align: center;
  color: #818072; }
  @media screen and (max-width: 767px) {
    .detail01 h3 {
      font-size: 14px; } }
  .detail01 h3:after {
    content: "";
    width: 20px;
    height: 3px;
    margin: 12px auto 25px;
    background: #818072;
    display: block; }
    @media screen and (max-width: 767px) {
      .detail01 h3:after {
        margin-bottom: 15px; } }

.detail01 p {
  font-size: 15px;
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .detail01 p {
      font-size: 14px; } }

.detail01:not(:last-child) {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px dotted #666; }
  @media screen and (max-width: 767px) {
    .detail01:not(:last-child) {
      margin-top: 15px; } }

.tableImage01 {
  margin: 60px 0 50px; }

@media screen and (max-width: 767px) {
  .systemTable01 {
    margin-bottom: 40px; } }

@media screen and (max-width: 767px) {
  .systemTable01 table {
    font-size: 14px;
    font-weight: bold;
    color: #505050;
    text-align: center;
    width: 100%;
    border-top: 30px solid #fff; } }

@media screen and (max-width: 767px) {
  .systemTable01 thead th {
    border: 10px solid #fff;
    border-right: 0;
    padding: 8px 10px; } }

@media screen and (max-width: 767px) {
  .systemTable01 thead th:not(:first-child) {
    background: #ae1249; } }

.systemTable01 tbody tr:first-child td:nth-child(2) {
  padding-top: 10px; }

@media screen and (max-width: 767px) {
  .systemTable01 tbody th {
    width: 40%;
    padding: 10px;
    background: #818072;
    border: 10px solid #fff;
    border-left: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    position: relative; } }

@media screen and (max-width: 767px) {
  .systemTable01 tbody td {
    width: 56%;
    padding: 10px;
    background: #e6e6e6;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
    vertical-align: middle; } }

@media screen and (max-width: 767px) {
  .systemTable01 tbody .last01 {
    padding-bottom: 0; } }

.systemTable01 th {
  color: #fff; }

.systemList01 li {
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .systemList01 li:last-child {
      margin-bottom: 0; } }

.systemList01 h4 {
  font-size: 15px;
  margin-bottom: 15px; }

.systemList01 table {
  font-size: 15px; }

@media screen and (max-width: 767px) {
  .systemList01 th,
  .systemList01 td {
    display: block; } }

.systemList01 th {
  font-weight: bold;
  width: 204px;
  height: 135px; }
  @media screen and (max-width: 767px) {
    .systemList01 th {
      width: 100%;
      height: auto; } }
  .systemList01 th p {
    padding: 10px;
    height: 135px;
    background: #e6e6e6; }
    @media screen and (max-width: 767px) {
      .systemList01 th p {
        height: auto; } }

@media screen and (max-width: 767px) {
  .systemList01 td {
    -webkit-box-sizing: border-box;
    box-sizing: border-box; } }

.systemList01 td:nth-child(2) {
  padding: 0 20px;
  line-height: 1.7; }
  @media screen and (max-width: 767px) {
    .systemList01 td:nth-child(2) {
      padding: 15px 15px 10px; } }

.systemList01 td:last-child {
  width: 233px; }
  @media screen and (max-width: 767px) {
    .systemList01 td:last-child {
      text-align: center;
      width: 100%;
      padding: 10px 15px; } }

#cboxOverlay {
  background: rgba(0, 0, 0, 0.7); }

#cboxLoadedContent {
  background: #fff; }

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  width: 27px;
  height: 27px;
  top: -27px;
  background-size: 27px 27px;
  background-position: 0 0; }
  #cboxPrevious:hover, #cboxNext:hover, #cboxSlideshow:hover, #cboxClose:hover {
    background-position: 0 0; }