/***********************************************************************
preset
**********************************************************************/
.block {
  padding-bottom: 40px; }

.voiceBlock {
  width: 900px;
  margin: 0 auto; }
  .voiceBlock .voiceProfile dt,
  .voiceBlock .voiceProfile dd {
    padding-left: 270px; }
  .voiceBlock .voiceProfile dd {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5px; }
  .voiceBlock .voiceProfile dt {
    font-size: 18px;
    font-size: 1.8rem; }
  .voiceBlock .voiceProfile dd.thumb {
    padding-left: 0;
    float: left;
    width: 240px; }
    .voiceBlock .voiceProfile dd.thumb img {
      width: 100%;
      height: auto; }
  .voiceBlock .voice {
    padding-top: 50px;
    clear: both; }
    .voiceBlock .voice h3 {
      font-size: 20px;
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 20px; }
    .voiceBlock .voice dl {
      margin-bottom: 40px; }
      .voiceBlock .voice dl dt {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 15px; }

.voiceList ul {
  padding-top: 80px;
  padding-bottom: 80px;
  border-top: 1px solid #999; }
  .voiceList ul li a dl dd.thumb img {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%); }
  .voiceList ul li a dl dd.thumb img:hover {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0); }

@media only screen and (max-width: 750px) {
  .block {
    padding-bottom: 10px; }

  .voiceBlock {
    width: 100%;
    margin: 0;
    padding-right: 4%;
    padding-left: 4%;
    box-sizing: border-box; }
    .voiceBlock .voiceProfile {
      width: 240px;
      margin: 0 auto; }
      .voiceBlock .voiceProfile dt,
      .voiceBlock .voiceProfile dd {
        padding-left: 0; }
      .voiceBlock .voiceProfile dd {
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 5px;
        line-height: 1.5; }
      .voiceBlock .voiceProfile dt {
        font-size: 18px;
        font-size: 1.8rem; }
      .voiceBlock .voiceProfile dd.thumb {
        padding-left: 0;
        float: none;
        margin-bottom: 10px; }
    .voiceBlock .voice {
      padding-top: 30px;
      clear: both; }
      .voiceBlock .voice h3 {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 20px;
        line-height: 1.5; }
      .voiceBlock .voice dl {
        margin-bottom: 40px; }
        .voiceBlock .voice dl dt {
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 15px;
          line-height: 1.5; }

  .voiceList ul {
    padding-top: 40px;
    padding-bottom: 30px; } }