@charset "UTF-8";

.l_main .l_event{
	padding: 100px 0 0 0;
}

.l_main .l_event h2{
	font-family: 'YakuHanMP', "Zen Old Mincho", serif;
	font-size: 200%;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	padding: 0 0 40px 0;
}

.l_main .l_event h2 span{
	font-size: 62%;
	display: block;
}

.l_main .l_event .md_event{
	background: #fff;
	max-width: 1180px;
	width: 92%;
	margin: 0 auto;
	padding: 40px 60px;
}

.l_main .l_event .md_event h3{
	font-size: 200%;
	font-weight: 600;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 10px 0;
}

.l_main .l_event .md_event h3.is_h3_2{
	padding-top: 80px;
}

.l_main .l_event .md_event h3 + p{
	font-size: 132%;
}

.l_main .l_event .md_event dl{
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.l_main .l_event .md_event dt{
	font-size: 125%;
	text-align: center;
	border: #000 1px solid;
	background: #efea45;
	width: 150px;
	margin: 30px 0 0 0;
	padding: 5px 10px;
}

.l_main .l_event .md_event dd{
	font-size: 125%;
	width: calc( 100% - 150px );
	margin: 30px 0 0 0;
	padding: 2px 0 2px 4%;
}

.l_main .l_event .md_event dd .is_kome{
	font-size: 86%;
	display: block;
}

.l_main .l_event .md_event dd a.is_txtlink{
	color: #000;
	text-decoration: underline;
	word-break: break-all;
	padding: 0 0 0 1.5em;
	display: inline-block;
	position: relative;
}

.l_main .l_event .md_event dd a.is_txtlink:hover{
    text-decoration: none;
}

.l_main .l_event .md_event dd a.is_txtlink::before{
    content: "";
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 0.7em;
	left: 0;
	transform: rotate(45deg);
	box-sizing: border-box;
}

.l_main .is_titlenext{
	font-size: 250%;
	font-weight: 600;
	padding-top: 0;
}

.l_main h4{
	font-size: 150%;
	margin: 0;
	padding: 20px 0 0 0;
}

@media only screen and (max-width: 767.98px){
	.l_main{
		padding-bottom: 0;
	}
	
	.l_main .l_event{
		padding: 40px 0 0 0;
	}
	
	.l_main .l_event .md_event{
		padding: 8%;
	}
	
	.l_main .is_titlenext{
		font-size: 200%;
	}
	
	.l_main .l_event h2{
		font-size: 175%;
		padding-bottom: 20px;
	}
	
	.l_main .l_event .md_event h3{
		font-size: 150%;
	}
	
	.l_main .l_event .md_event h3 + p{
		font-size: 112%;
	}
	
	.l_main .l_event .md_event dl{
		display: blcok;
	}
	
	.l_main .l_event .md_event dt{
		font-size: 100%;
		width: 120px;
		margin: 20px 0 0 0;
		padding: 2px 10px;
	}
	
	.l_main .l_event .md_event dd{
		font-size: 100%;
		width: 100%;
		margin: 0 0 0 0;
		padding: 10px 0 0 0;
	}
	
	.l_main .l_event .md_event dd p.is_kome{
		font-size: 72%;
		padding-left: 0;
		display: block;
	}
	
	.l_main h4{
		font-size: 125%;
	}
	
}