@charset "UTF-8";

.p-messageSecTitle {
  margin: 0 0 100px;
}
@media screen and (max-width: 767px) {
  .p-messageSecTitle {
    margin: 0 0 40px;
  }
}

.p-messageColumnHr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 54% 38%;
  grid-template-columns: 54% 38%;
  grid-gap: 0 8%;
}
@media screen and (max-width: 767px) {
  .p-messageColumnHr {
    display: block;
  }
}

.p-messageColumn {
  display: flex;
  gap: 0 7%;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .p-messageColumn {
    display: block;
  }
}
.p-messageColumn_imgPre {
  max-width: 424px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-messageColumn_imgPre {
    margin: 0 0 20px;
    max-width: none;
  }
}
.p-messageColumn_txtPre {
  max-width: 500px;
  width: 100%;
  line-height: 2.1;
}
@media screen and (max-width: 767px) {
  .p-messageColumn_txtPre {
    max-width: none;
  }
}
.p-messageColumn_txtHr {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  max-width: 538px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-messageColumn_txtHr {
    margin: 0 0 20px;
    max-width: none;
  }
}
.p-messageColumn_imgHr {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  grid-row: 1/4;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  max-width: 380px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-messageColumn_imgHr {
    max-width: none;
    margin: 0 0 20px;
  }
}

.p-messagePreName {
  color: #1a005d;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .p-messagePreName_state {
    font-size: 1.2rem;
  }
}
.p-messagePreName_name {
  font-size: 24px;
  margin: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
  .p-messagePreName_name {
    font-size: 1.8rem;
    margin: 0 0 0 10px;
  }
}
.p-messagePreName_stateHr {
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  .p-messagePreName_stateHr {
    font-size: 1.2rem;
  }
}
.p-messagePreName_nameHr {
  font-size: 18px;
  margin: 0 0 0 10px;
}
@media screen and (max-width: 767px) {
  .p-messagePreName_nameHr {
    font-size: 1.6rem;
  }
}

.p-messageSecTitleChild {
  margin: 0 0 20px;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
/*# sourceMappingURL=map/message.css.map */