@charset "UTF-8";
.caution{
	font-size: 1.5em;
	color: #f00;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;

}
.volunteer_box{
	text-align: center;
	font-weight: bold;
	margin-bottom: 3rem;
}
.deadline{
	color: #f00;
}
.volunteer_btn{
	display: flex;
    justify-content: center;
    align-items: center;
	width: fit-content;
    height: 100%;
	margin: 0.5em auto;
    min-height: 60px;
    background: #ff8c00;
    color: #fff;
	font-size: 1.5em;
	font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding: 1em 3em;
    border-radius: 10rem;
	border: 4px solid #ff6600;
}
.volunteer_btn:hover{
	opacity: 0.8;
}
.contact{
	margin-bottom: 3rem;
}
/*----------------------------------
  琵琶湖ボランティアページ専用ｃｓｓ
----------------------------------*/
@media screen and (min-width: 768px) {
	#second .information dl{
		justify-content: end !important;
	}
	.summary{
		display: flex;
		flex-wrap: wrap;
		justify-content: end !important;
	}
	.summary dt{
		width: 20% !important;
	}
	.summary dd{
		width: 70% !important;
	}
	.contact{
		display: flex;
		flex-wrap: wrap;
		justify-content: end !important;
	}
	.contact dt{
		width: 15% !important;
		font-weight: normal !important;
		color: #000 !important;
	}
	.contact dd{
		width: 85% !important;
	}
	.link_bnr{
		width: 50%;
		margin: 0 auto;
	}
}
.bloom{
	width: 80%;
margin: 3rem auto 3rem;
	}
.bloom:hover{
	opacity: 0.7;
	transition : all 0.5s;
}
	@media screen and (min-width: 768px) {
		.bloom{
			width: 50%;
		margin: 3rem auto 3rem;
			}
	}