@charset "utf-8";
/* CSS Document */
.message-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  align-items: stretch;
}
.message-row .message-box {
  box-sizing: border-box;
  flex: 0 1 calc((100% - 40px) / 3); /* 20px×2 = 40px（3列の隙間） */
}
.message-box {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 1em;
  border: solid 3px #62c1ce;
}
.message-box .message-box-title {
  position: absolute;
  display: inline-block;
  top: -27px;
  left: -3px;
  padding: 0 9px;
  height: 25px;
  line-height: 25px;
  font-size: 17px;
  background: #62c1ce;
  color: #ffffff;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
}
.message-box p {
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .message-row .message-box {
    flex: 0 0 100%;
  }
}
.panel-box{
  justify-content: center; /* 最後の行中央寄せ */
}
.js-pagination1 .pager{
  flex-basis: 100%;
}
/* JAC */
.message-box.jac {
  border-color: #3FBDBD;
  }
.message-box.jac .message-box-title {
  background: #3FBDBD;
}
/* 山田 */
.message-box.yamada {
  border-color: #FDB1CB;
  }
.message-box.yamada .message-box-title {
  background: #FDB1CB;
	color: #000; /* 文字色調整 */
}
/* 永野元 */
.message-box.enomoto {
  border-color: #3EB270;
}
.message-box.enomoto .message-box-title {
  background: #3EB270;
}
/* 梶原 */
.message-box.kajiwara {
  border-color: #AEDEF2;
}
.message-box.kajiwara .message-box-title {
  background: #AEDEF2;
	color: #000; /* 文字色調整 */
}
/* 古賀 */
.message-box.koga {
  border-color: #F06060;
}
.message-box.koga .message-box-title {
  background: #F06060;
}
/* 渡邉 */
.message-box.watanabe {
  border-color: #FFE500;
}
.message-box.watanabe .message-box-title {
  background: #FFE500;
  color: #000; /* 黄色なので文字色調整 */
}
/* 竹澤 */
.message-box.takezawa {
  border-color: #223A70;
}
.message-box.takezawa .message-box-title {
  background: #223A70;
}
/* 屶網 */
.message-box.natami {
  border-color: #F08437;
}
.message-box.natami .message-box-title {
  background: #F08437;
}
/* 原田 */
.message-box.harada {
  border-color: #9079b6;
}
.message-box.harada .message-box-title {
  background: #9079b6;
}