@charset "UTF-8";


#followup {
	background: url("../images/bg.jpg") no-repeat 50% 0% / cover;
}
#followup > div > div {
	position: relative;
}
#followup .icon_live  {
	position: absolute;
	top: -2.2rem;
	left: calc(50% - 430px);
	width: 100px;
}
#followup .my-swiper_wide {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-left: 5%;
    padding-right: 5%;
	padding-bottom: 2em;;
}
#followup .swiper-slide {
    height: auto;
    padding: 10px;
}
#flow .swiper-pagination {
    bottom: 0;
}
#followup h2 {
	padding-bottom: 0;
}
#followup h2 .txt_slash {
	font-size: 1.8rem;
}
#followup h2 span.txt_sml {
    display: inline-block;
    line-height: 1.3;
    margin-bottom: 0.5em;
}
#followup dt {
	font-weight: 600;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 0.5em;
}
#followup dt .date {
	font-size: 1.7rem;
	font-weight: 600;
}
#followup dt .date span {
	font-size: 80%;
	margin-left: 0.5em;
}
#followup dt .ttl {
	display: flex;
	align-items: center;
	min-height: 3rem;
	font-size: 1.05rem;
	color: #3B82F6;
	text-align: center;
	justify-content: center;
}
#followup .kome {
	margin-top: 1em;
	text-align: right;
	font-size: 0.75rem;
}
@media (max-width: 768px) {
	#followup {
		padding: 3rem 0;
	}
	#followup > div > div {
		padding-top: 2rem;
		margin-bottom: 0rem;
	}
	#followup h2 {
		margin-bottom: 0;
		 padding-left: 1rem;
        padding-right: 1rem;
	}
	#followup h2 .txt_slash {
		font-size: 1.5rem;
	}
	#followup h2 span.txt_sml {
		font-size: 1.05rem;
		margin-bottom: 0.25em;
	}
	#followup .icon_live {
		top: -2.5rem;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 80px;
	}
	#followup dt {
		margin-bottom: 0.3em;
	}
	#followup dt .date {
		font-size: 1.5rem;
	}
	#followup dt .ttl {
		font-size: 0.95rem;
	}
}
@media (max-width: 479px) {
	#followup .effect_data {
		gap: 0;
		grid-row-gap: 1vw;
	}
	#followup .efc {
		padding: 0 2.5vw;
	}
	#followup .efc p {
		font-size: 3.7vw;
		padding-top: 1vw;
	}
	#followup .efc p:before {
		height: 11.3vw;
	}
	#followup .percent {
		font-size: 10vw;
		margin: 2vw 0;
	}
	#followup p.kome {
		font-size: 2.8vw;
		margin-top: 0;
	}	
}

ul.bnrarea {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 3rem auto 0;
	max-width: 1080px;
}
ul.bnrarea li {
	margin: 0.5em;
	width: 48%;
	max-width: 680px;
}
ul.bnrarea li.single {
	width: 680px;
}
ul.bnrarea li img { 
	max-width: 100%;
}
@media (max-width: 768px) {
	#eventbnr {
		padding: 3rem 0;
	}
	ul.bnrarea {
		flex-wrap: wrap;
		flex-direction: row;
		margin: 2rem auto 0;
		padding: 0 1em;
	}
	ul.bnrarea li {
		width: 100%;
	}
}