@charset "utf-8";
/* CSS Document */

/* width 768以上 */
@media print, screen and (min-width : 769px){	

/* Table12-------------------------------------- */

.Table12 td:first-child {
  background: #fbf5f5;
}

.Table12 { width: 100%; border-collapse: collapse;　border-spacing: 0; border: 0px; margin-bottom: 40px}

.Table12 th{ font-size: 1.6rem; border: 1px #8A8A8A solid; text-align: center; vertical-align: middle;
           padding: 5px 10px 5px 10px; background-color: #5E5E5E; color: #FFFFFF; font-weight: normal }

.Table12 td{ font-size: 1.6rem; vertical-align: middle; border: 1px #8A8A8A solid;
           padding: 10px; background-color: #FFFFFF }

.Table12 th:nth-child(1){ display: none}

.Table12 td:nth-child(1){ display: none}
.Table12 td:nth-child(2){ width: 50%}
.Table12 td:nth-child(3){ width: 15%; text-align: center}
.Table12 td:nth-child(4){ width: 35%; text-align: center}


.Table12 tbody tr:nth-child(2n) {}

.Table12 .DlIcon { width: 30px;}

/* Table12-1-------------------------------------- */

.Table12-1 td:first-child {
  background: #fbf5f5;
}

.Table12-1 { width: 100%; border-collapse: collapse;　border-spacing: 0; border: 0px; margin-bottom: 20px}

.Table12-1 th{ font-size: 1.6rem; border: 1px #8A8A8A solid; text-align: center; vertical-align: middle;
           padding: 5px 10px 5px 10px; background-color: #5E5E5E; color: #FFFFFF; font-weight: normal }

.Table12-1 td{ font-size: 1.6rem; vertical-align: middle; border: 1px #8A8A8A solid;
           padding: 10px; background-color: #FFFFFF }

.Table12-1 th:nth-child(1){ display: none}

.Table12-1 td:nth-child(1){ display: none}
.Table12-1 td:nth-child(2){ width: 50%}
.Table12-1 td:nth-child(3){ width: 15%; text-align: center}
.Table12-1 td:nth-child(4){ width: 35%; text-align: center}


.Table12-1 tbody tr:nth-child(2n) {}

.Table12-1 .DlIcon { width: 30px;}

}



@media screen and (max-width: 769px) {
  .Table12 {
    width: 100%;
  }
  .Table12 .thead {
    display: none;
  }
  .Table12 tr { font-size: 1.4rem;
    width: 100%; padding: 10px; box-sizing: border-box;
  }
  .Table12 td { font-size: 1.4rem;
    display: block; border-bottom: 1px #B5B5B5 solid;
    text-align: right; padding: 10px 20px 10px 10px;
    width: 100%; box-sizing: border-box
  }
  .Table12 td img { width: 20%
  }
  .Table12 td:first-child { font-size: 1.4rem;
    background-color: #5E5E5E;
    color: #fff;
    text-align: center; margin-top: 20px
  }
  .Table12 td:before {
    content: attr(data-label);
    float: left; padding-right: 20px;
    font-weight: bold;
    margin-right: 10px;
  }

.Table12 td:nth-child(2){ display: none }

.Table12 th:nth-child(1){ display: block}

.Table12 td:nth-child(1){ display: block}

.Table12 .DlIcon { width: 30px;}

.Table12-1 {
  width: 100%;
}
.Table12-1 .thead {
  display: none;
}
.Table12-1 tr { font-size: 1.4rem;
  width: 100%; padding: 10px; box-sizing: border-box;
}
.Table12-1 td { font-size: 1.4rem;
  display: block; border-bottom: 1px #B5B5B5 solid;
  text-align: right; padding: 10px 20px 10px 10px;
  width: 100%; box-sizing: border-box
}
.Table12-1 td img { width: 20%
}
.Table12-1 td:first-child { font-size: 1.4rem;
  background-color: #5E5E5E;
  color: #fff;
  text-align: center; margin-top: 20px
}
.Table12-1 td:before {
  content: attr(data-label);
  float: left; padding-right: 20px;
  font-weight: bold;
  margin-right: 10px;
}

.Table12-1 td:nth-child(2){ display: none }

.Table12-1 th:nth-child(1){ display: block}

.Table12-1 td:nth-child(1){ display: block}

.Table12-1 .DlIcon { width: 30px;}
}