@charset "utf-8";
/* CSS Document */

.eveent_banner {	
    position: relative;
    max-width: 1020px;
    width: 100%;
    margin: auto;
    border-top: 1px solid #787878;
    border-bottom: 1px solid #787878;
    padding: 45px 0 25px;
}
.eveent_banner a {display: block;transition: opacity .5s;}
.eveent_banner a:hover {opacity: .8;}
@media screen and (max-width: 640px){
	.eveent_banner {
	padding-top: 40px;
	padding-right: 20px;
	padding-left: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: none;
	}
}
.eveent_banner img {
	width: 100%;
	height: auto;
}

/* 241220記載　→　 251003レイアウト調整追記 */
.bnr_area {
	padding: 220px 0 60px;
	text-align: center;
	display: flex;
	align-items: center; 
	justify-content: center;
	gap: 28px;
}
.bnr_area_link {
	display: block;
}
.bnr_area_img {
	display: block;
}
.topicsArea{
	padding: 40px 0 60px;
}

@media screen and (max-width: 640px) {
	.bnr_area {
		padding: 40px 20px 0;
		flex-direction: column;
		gap: 16px;

	}
	.topicsArea{
		padding: 60px 0 0;
	}
}