@charset "utf-8";
/* ===================================================================
 about.css
======================================================================*/

/*----------------------------------------------------------
 message
------------------------------------------------------------*/
.message {
  display: flex;
}
.message-image {
  max-width: 360px;
  min-width: 280px;
  margin-right: 40px;
}
.message-text {
  flex-grow: 1;
  max-width: 600px;
}

.message-text > p {
  line-height: 2em;
}
.message-text > p + p {
  margin-top: 30px;
}
.message-text__name {
  text-align: right;
}
.message-text__name img {
  width: 200px;
  margin-top: 20px;
}

@media screen and (max-width: 767px) { /************************* SP */

/*----------------------------------------------------------
 message
------------------------------------------------------------*/
.message {
  display: block;
}
.message-image {
  max-width: none;
  margin-right: 0;
  text-align: center;
}
.message-text {
  max-width: none;
  margin-top: 25px;
  font-size: 1.4rem;
}

} /*******************************************************************/