#message .text {
  order: 2; }
#message picture {
  order: 1; }
#message dt {
  padding-bottom: 8px;
  margin-bottom: calc(8px * 3);
  border-bottom: solid 1px #009eb2;
  color: #030755; }
  #message dt h2 {
    margin: 0;
    font-size: 180%;
    font-size: 30px;
    text-align: justify; }
    #message dt h2::after {
      content: none; }
    #message dt h2 span {
      font-size: 24px; }
      @media (min-width: 960px) {
        #message dt h2 span {
          margin-left: calc(8px * 3); } }

@media (max-width: 767px) {
  #history .flex > div {
    width: 50%; } }
#history h3 {
  color: #030755;
  font-size: 18px;
  border-bottom: none; }
  #history h3 + * {
    margin-left: calc(8px * 2); }
@media (max-width: 767px) {
  #history dl dt {
    width: 6em; }
  #history dl dd {
    width: calc(100% - 6em - 1em); }
    #history dl dd p {
      margin-bottom: 0; } }
@media (max-width: 767px) {
  #history dl dt {
    margin-bottom: 8px; }
  #history dl dd {
    margin-bottom: calc(8px * 2); }
    #history dl dd p {
      margin-bottom: 0;
      margin-left: 0.5em; } }