@charset "UTF-8";

.event_box{ max-width: 980px; margin: 0 auto;}
.archive_p,.syuryo>p{ font-family: sans-serif;}
.event_box img{ width: 100%;}
.syuryo{ background-color: #000; color: #fff; font-weight: bold; text-align: center; border-radius: 0;}
.video>iframe{ aspect-ratio: 16/9; width: 100%; height: 100%;}
.archive_flex{ display: flex; justify-content: space-between; flex-wrap: wrap;}

@media (min-width: 768px) {
.syuryo{ font-size: 2.5rem; margin-bottom: -40px;}
.event_box{ margin-top: 35px;}
.archive_flex>img{ width: calc( 25% - 10px ); margin-top: 15px;}
.archive_p{ font-size: 1.2rem; margin: 20px 0 40px;}
.footer{ margin: 100px 0;}
}
@media (max-width: 767.98px) {
.syuryo{ padding: 20px 15px;}
.syuryo>p{ font-size: 16px;}
.event_box{ margin-top: 15px;}
.archive_flex{ }
.archive_flex>img{ width: calc( 50% - 5px ); margin-top: 10px;}
.archive_p{ font-size: 0.8rem; margin: 15px 0;}
.footer{ margin: 60px 0;}
}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}

@media (min-width: 768px) {}
@media (max-width: 767.98px) {}