.event_area * { font-family: noto,sans-serif; box-sizing: border-box; } 
.event_area img { width: 100%; } 
.p_r { position:relative; } 
.p_c { position: absolute; left: 50%; transform: translate(-50%, -50%); } 

/* evt_main */
.evt_main .evt_date {width: 100%; top: 60vw; left: 50%; transform: translateX(-50%); font-size: 4vw; color: #000; text-align: center;}

/* cont01 */
.cont01 .tab_wrap {width: 88%; margin: 0 auto 2rem;}
.cont01 .tab_wrap ul {width: 100%; display: flex; flex-wrap: wrap; gap: 1.5vw; justify-content: center;}
.cont01 .tab_wrap li {width: 31%;}
.cont01 .tab_wrap li a {display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; padding: 2vw; font-size: 3vw; text-align: center; background: rgba(232, 232, 232, 0.5); border: 1px solid #e8e8e8; color: #666; border-radius: 3rem;}
.cont01 .tab_wrap li a span {position: relative;}
.cont01 .tab_wrap li a span::after {content: '>'; display: block; color: #666; position: absolute; right: -2vw; top: 50%; transform: translateY(-50%); font-size: 3vw;}
.cont01 .tab_wrap li a:hover, .cont01 .tab_wrap li a:focus {background: #fff; border-color: #f87412; color: #f87412; box-shadow: 0 5px 10px rgba(132, 126, 122, 0.2);}
.cont01 .tab_wrap li a:hover span::after, .cont01 .tab_wrap li a:focus span::after {color: #f87412;}
.cont01 > a {display: block; width: 100%;}

/* cont04 */
.cont04 .date_list {position: absolute; left: 57%; top: 11.8vw;}
.cont04 .date_list li {font-size: 3.5vw; margin-bottom: 5.3vw;}