/*------------------------------------------------------------------------------

  Message

------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .message .mod-imageText {
    margin: 0 0 60px;
  }
}

@media only screen and (max-width: 767px) {
  .message .mod-imageText {
    margin: 0 0 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .message .mod-imageText_wrapper {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media only screen and (max-width: 767px) {
  .message .mod-imageText-image img {
    max-width: 290px;
  }
}

@media only screen and (max-width: 767px) {
  .message .mod-imageText-contents {
    text-align: center;
  }
}

.message .mod-imageText-contents .message-lead {
  font-weight: bold;
  line-height: 1.6;
}

@media print, screen and (min-width: 768px) {
  .message .mod-imageText-contents .message-lead {
    font-size: 27px;
    font-size: 2.7rem;
  }
}

@media only screen and (max-width: 767px) {
  .message .mod-imageText-contents .message-lead {
    font-size: 20px;
    font-size: 2rem;
  }
}

.message-nameImage {
  display: inline-block;
  vertical-align: middle;
}

@media print, screen and (min-width: 768px) {
  .message-nameImage {
    margin: -15px 0 0 25px;
  }
}

@media only screen and (max-width: 767px) {
  .message-nameImage {
    margin: -15px 0 0 18px;
  }
}

@media print, screen and (min-width: 768px) {
  .message-nameImage img {
    width: 140px;
    height: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .message-nameImage img {
    width: 105px;
    height: 25px;
  }
}

.message-name {
  display: block;
  text-align: right;
  margin: 15px 0 0;
}