@charset "UTF-8";
@media only screen and (min-width: 768px), print {
  .forSp {
    display: none !important;
  }
  .forTab {
    display: none !important;
  }
}
@media only screen and (max-width: 767.9px), print {
  .forPc {
    display: none !important;
  }
  .forTab {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1023.9px), print {
  .forTab {
    display: initial !important;
  }
}
.p-messageBox {
  display: grid;
  grid-template-columns: auto 37.3333333333vw;
  font-size: calc(14 / 375 * 100vw);
  line-height: 1.5;
}
@media only screen and (max-width: 767.9px), print {
  .p-messageBox {
    column-gap: calc(16 / 375 * 100vw);
    row-gap: calc(24 / 375 * 100vw);
  }
}
@media only screen and (min-width: 768px), print {
  .p-messageBox {
    grid-template-columns: auto 140px;
    column-gap: 40px;
    row-gap: 24px;
    font-size: 14px;
  }
}
.p-messageBox__message {
  grid-column: 1/3;
  grid-row: 1/2;
}
@media only screen and (min-width: 768px), print {
  .p-messageBox__message {
    grid-column: 1/2;
  }
}
.p-messageBox__signature {
  grid-column: 1/2;
  grid-row: 2/3;
}
@media only screen and (max-width: 767.9px), print {
  .p-messageBox__signature {
    display: flex;
    align-items: flex-end;
  }
}
.p-messageBox__imageBox {
  grid-column: 2/3;
  grid-row: 2/3;
}
@media only screen and (max-width: 767.9px), print {
  .p-messageBox__imageBox {
    display: flex;
    align-items: flex-end;
  }
}
@media only screen and (min-width: 768px), print {
  .p-messageBox__imageBox {
    display: flex;
    align-items: center;
    grid-row: 1/3;
  }
}
.p-messageBox__image {
  width: 100%;
}