.event_list { margin: 0 0 20px 0; padding: 0; }
.event_list li { display: flex; background-color: #fefcef; position: relative; }
.event_list li:nth-child(even) { background-color: #f8f3f5; }
.event_list .month { color: #892e34; text-align: center; display: flex; justify-content: center; align-items: center; }
.event_list .contents p { margin-bottom: 0; }
.event_list .contents p::before { content: ""; width: 13px; height: 13px; display: inline-block; background-color: black; border-radius: 50%; margin-right: 5px; position: relative; top: 1px; }
.event_list .contents .red { color: #892e34; }
.event_list .contents .red::before { background-color: #892e34; }
@media (min-width: 768px) { .event_list { align-items: center; margin: 30px 0 30px 0; padding: 0; }
  .event_list li { min-height: 160px; }
  .event_list li:nth-child(even) { background-color: #f8f3f5; }
  .event_list li:nth-child(even) .foto .tabl_img01 { position: absolute; width: 200px; top: -10%; right: 50px; border: 5px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
  .event_list li:nth-child(even) .foto .tabl_img02 { position: absolute; width: 200px; bottom: -10%; right: 230px; border: 5px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
  .event_list .month { width: 15%; }
  .event_list .month span { font-size: 35px; height: 28px; }
  .event_list .month small { font-size: 16px; line-height: 1.0; height: 28px; margin: 25px 0 0 3px; }
  .event_list .contents { width: 50%; padding: 15px 0; }
  .event_list .contents::after { content: ""; background-color: #d7d7d7; position: absolute; top: 50%; left: 13%; transform: translateY(-50%); width: 1px; height: 90%; }
  .event_list .foto { width: 30%; z-index: 2; }
  .event_list .foto .tabl_img01 { position: absolute; width: 200px; top: -10%; right: 20px; border: 5px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
  .event_list .foto .tabl_img02 { position: absolute; width: 200px; bottom: -10%; right: 200px; border: 5px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } }
@media (max-width: 767.98px) { .event_list li { min-height: 160px; flex-wrap: wrap; }
  .event_list .month { width: 22%; padding: 0 0 0 2px; order: 1; }
  .event_list .month span { font-size: 22px; height: 23px; }
  .event_list .month small { font-size: 12px; line-height: 1.0; height: 23px; margin: 20px 0 0 3px; }
  .event_list .contents { width: 68%; padding: 15px 0 15px 15px; position: relative; order: 2; }
  .event_list .contents::after { content: ""; background-color: #d7d7d7; position: absolute; top: 10px; left: 0; transform: none; width: 1px; height: calc(100% - 20px); }
  .event_list .foto { width: 100%; z-index: 2; display: flex; gap: 0 7px; padding: 10px; background-color: #eee; order: 0; }
  .event_list .foto .tabl_img01 { border: 5px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); }
  .event_list .foto .tabl_img02 { border: 5px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2); } }

.bottom_p .red { color: #892e34; }