{% for item in items %}
                <li class="p-commonWebSeminar__item">
                  <div class="p-commonWebSeminar__box">
                    <div class="p-commonWebSeminar__iconArea">
                      <img class="p-commonWebSeminar__iconImg" src="/images/icon_medical_fields_{{ item.domain_basename }}.png" alt="">
                      <p class="p-commonWebSeminar__iconCaption">{{ item.domain_name }}</p>
                    </div>
                    <div class="p-commonWebSeminar__titleArea p-commonWebSeminar__titleArea--bold">
                      {{ item.title | safe }}
                    </div>
                    <div class="p-commonWebSeminar__lockArea">
                      <div class="p-commonWebSeminar__lock"><span class="p-commonWebSeminar__lockIcon"></span></div>
                    </div>
                    <div class="p-commonWebSeminar__infoArea">
                      <div class="p-commonWebSeminar__date">{{ item.delivery_date_ja_with_day_of_the_week }}</div>
                      <div class="p-commonWebSeminar__time">{{ item.delivery_start_time }} 〜 {{ item.delivery_end_time }}</div>
                    </div>
                    <div class="p-commonWebSeminar__btnArea">
                      <a class="p-commonWebSeminar__btn" href="/viatris-onlinelecture/live/#live_content_{{ item.id }}"><span>詳細</span></a>
                    </div>
                  </div>
                </li>
{% endfor %}