.flex-inline {
  display: flex;
}
.flex-inline > div {
  padding: 10px 20px;
  display: flex;
}

.mypage-notice-important-mark{
  width: 1em;
  flex-shrink: 0;
  color: red;
  font-weight: bold;
}

.mypage-notice-subject{
  position: relative;
  width: fit-content;
}

.accordion {
  cursor: pointer;
}

.accordion:after {
  content: "";
  position: absolute;
  right: -17px;
  top: 24%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #6f6f6f;
  border-right: solid 2px #6f6f6f;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.accordion.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.mypage-notice-body {
  display: none;
  word-break: break-all;
  font-size: 0.9em;
}