/*==============================
	message
==============================*/
.message .imgArea {
  margin-bottom: 10%;
}

.message p .top-title {
  display: block;
  margin-bottom: 10%;
  font-size: 1.125em;
}

.message p {
  text-align: justify;
}

.message .name {
  width: 64%;
  margin: 2% 0 0 auto;
}


@media screen and (min-width: 768px) {
  .message .imgArea {
    margin-bottom: 5%;
  }

  .message p .top-title {
    margin-bottom: 3.6%;
    font-size: 1.65em;
  }

  .message h3 {
    font-size: 30px;
    font-weight: bold;
  }

  .message .red-boader {
    border-bottom: solid 2px #bf273d;
    height: 2px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 0.5em;
    margin-bottom: 1.5em;
    width: 16.5vw;
  }

  .message .name {
    margin-top: 0;
    width: 20%;
  }
}

@media screen and (max-width: 767px) {
  .message h3 {
    font-size: 6.1vw;
    font-weight: bold;
    text-align: center;
  }

  .message .red-boader {
    border-bottom: solid 2px #bf273d;
    height: 2px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 0.5em;
    margin: 0 auto 1.5em;
    width: 62vw;
  }
}