@charset "UTF-8";
h2 {
	display: inline-block;
	font-size: 2.5rem;
	font-weight: 500;
	letter-spacing: 0.15em;
	text-align: center;
	padding: 1rem 0.75rem;
	margin: 30px 0px 60px;
	border-bottom: 1px solid #D69C4D;
}
h3 {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	font-size: 1.9rem;
	font-weight: 600;
	letter-spacing: 0.25em;
	text-align: justify;
	text-justify: distribute;
	padding: 0.1rem 0 0.1rem 0.75rem;
	margin: 0px 0px 15px;
	border-left: 6px solid #D69C4D;
}
h4{
	color: #D69C4D;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	font-size: 1.9rem;
	font-weight: 600;	
	margin: 0px 0px 5px;
}

hr {
	border-width: 1px 0px 0px 0px;
	border-style: dashed;
	border-color: #A5A5A5;
	height: 1px;
	margin: 80px 0px;
}
/*メイン
-------------------------------------*/
#main{
	margin: 50px 50px 100px;
	text-align: center;
}
#main p{
	text-align: justify;
	text-justify: distribute;
}
.miniButton{
	margin: 20px 0px 0px;
	text-align: left;
}
	.miniButton img:hover{
	  opacity: 0.7;
	}
.bigButton {
	margin: 50px 0px;
}
.bigButton img{
	max-width: 100%;
	margin: 10px 0px;
}
	.bigButton img:hover{
	  opacity: 0.7;
	}

/*活動報告写真
-------------------------------------*/
.photo{
}
.photo p{
	margin: 5px 0px 20px;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1.7rem;
}
.photoBoxL{
	display: inline-block;
	width: 440px;
	margin-right: 15px;		
	text-align: left;
}
.photoBoxL img{
	max-width: 100%;
}
.photoBoxR{
	display: inline-block;
	width: 440px;
	text-align: left;
}
.photoBoxR img{
	max-width: 100%;
}

/*活動報告チラシ
-------------------------------------*/
.flyer{
	text-align: left;
}
.flyerBox{
	margin: 0 0 3.0rem;
}
.flyerBox ul{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	margin-left: 2.0rem;
}
.flyerBox li{
	list-style-type: square;
}
.flyerBox a{
	color: #000;
}
	.flyerBox a:hover{
		color: #D69C4D;
	}

/*協議会概要
-------------------------------------*/
table{
	width: 100%;
}
table, td, th {
    border: none;
	padding: 0.25em 0.25em 0.25em 0em;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; 
	font-size: 1.5rem;
	text-align: left;
}

/* RESPONSIVE */
/* -------------------------------------------------- */
@media screen and (max-width: 1016px) {
	/*活動報告写真
	-------------------------------------*/
	.photo{
		max-width: 440px;
		margin:0 auto; 
	}	
	.photoBoxL{
		width: 100%;
		text-align: center;
	}
	.photoBoxR{
		width: 100%;
    	text-align: center;
	}
}