/* チャット */
.chat {
  width:760px;  /* この行を追加してみたら成功！ */
  margin: 30px 0;
}
.chat-1st {
  display: flex;
    /* flexプロパティの初期値は、flex: 0 1 auto; */
  margin: 15px 0;
}
.chat-1st .photo {
  margin: 0 10px 0 0;
}
.talk {
  padding: 1.0rem;
  border-radius: 20px;
}
.chat-1st .talk {
  background: #b8e5ea;
}
.talk p {
  margin: 0;
}
.vertical-text {
  padding: 1.0rem;
  border: 3px solid;
  border-radius: 20px;  
  background: #ffffff;    
  writing-mode: vertical-rl;
  ruby-position: over;
  font-size: 32px;
  font-family: serif;
}