/*--- import -------------------------------------*/
/*------------------------------------- import ---*/
ul {
  padding: 20px;
  color: #333333;
  border: 5px solid #009141;
  border-radius: 15px; }
  ul li {
    text-align: left;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    align-items: center; }
    ul li:not(:last-child) {
      border-bottom: 1px dotted #009141; }
    ul li .date {
      width: 140px;
      background: #009841;
      color: #fff;
      display: inline-block;
      padding: 5px 10px;
      border-radius: 8px;
      font-weight: normal;
      text-align: center; }
    ul li .detail {
      width: calc(98% - 140px); }

@media screen and (max-width: 750px) {
  ul {
    padding: 1.3333333333vw 2.6666666667vw; }
    ul li {
      display: block;
      padding: 4vw 2vw; }
      ul li .date {
        width: 37.666667vw; }
      ul li .detail {
        margin-top: 2vw;
        width: 100%; } }
ul + P {
  display: none; }