.photo-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 7.0rem 0 5.0rem; }
  @media (max-width: 768px) {
    .photo-name {
      display: block;
      margin: 3.5rem 0 3.0rem;
      text-align: center; } }
  .photo-name .photo {
    width: 25%; }
    @media (max-width: 768px) {
      .photo-name .photo {
        width: 100%;
        margin-bottom: 2.0rem; }
        .photo-name .photo img {
          width: 60%; } }
  .photo-name .name-area {
    width: 70%; }
    @media (max-width: 768px) {
      .photo-name .name-area {
        width: 100%; } }
    .photo-name .name-area .name {
      font-size: 4.0rem;
      font-weight: bold;
      color: #2B80C4; }
      @media (max-width: 768px) {
        .photo-name .name-area .name {
          font-size: 1.8rem; } }
    .photo-name .name-area .degree {
      font-size: 1.8rem;
      margin-top: 2.0rem;
      line-height: 1.3; }
      @media (max-width: 768px) {
        .photo-name .name-area .degree {
          font-size: 1.4rem;
          margin-top: 1.0rem; } }
    .photo-name .name-area .add {
      font-size: 1.5rem;
      line-height: 1.5;
      margin-top: 1.0rem; }
      @media (max-width: 768px) {
        .photo-name .name-area .add {
          font-size: 1.2rem;
          margin-top: .5rem; } }
    .photo-name .name-area .jp {
      margin-bottom: 5.0rem; }
      @media (max-width: 768px) {
        .photo-name .name-area .jp {
          margin-bottom: 3.0rem; } }

.message-text {
  margin-bottom: 14.0rem; }
  @media (max-width: 768px) {
    .message-text {
      margin-bottom: 7.0rem; } }
  .message-text .jp {
    margin-bottom: 5.0rem; }
    @media (max-width: 768px) {
      .message-text .jp {
        margin-bottom: 3.0rem; } }
  .message-text .text {
    line-height: 2; }
    .message-text .text a {
      color: #0173B5; }
      .message-text .text a:hover {
        text-decoration: underline; }