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

}
a,div,p,h,h2,h3,h4,h5 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}
.header {
	margin: 0 auto;
	text-align:center;	
}
.header img {
	width:100%;	
}
p {
	font-size:1rem;
	text-align:left;
}
h2 {
    font-size:2rem;
	text-decoration:underline;
	text-align:center;
}
h5 {
    font-size:1rem;
}
a {
	text-decoration:underline;
	color:#000;	
}
.content{
	max-width:80%;
	min-width:40%;
	margin: 0 auto;
}
.brochure {
	width:60%;
	height:60%;	
}
.dashboard {
	text-align:center;
	clear:both;
	height:100%;
}
.program {
	float:left;
	width:45%;
	border:4px #000 solid;
	padding:0.5em;
	position:relative;
	margin:0.5em;
	height:100%;
}
.program_detail {
	width:60%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin: 0 auto;
	border:1px #49763D;
	background-color:#3B7D23;

}
.program_detail a {
	display:block;
	color:#FFF;
	text-decoration:none;
}
.program_image {
	margin: 0 auto;
}
.attention {
	clear:both;	
	text-align:left;
	margin-top:2rem;
	margin: 0 auto;
}
.August_month {
	position:absolute;
	top:4em;
	right:0.1em;
	background-color:red;
	color:#FFF;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
	font-size:1.5rem;
	font-weight:bold;
	width:25%;
}
.November_month{
	position:absolute;
	top:4em;
	right:0.1em;
	background-color:#804000;
	color:#FFF;
	padding-top:0.1em;
	padding-bottom:0.1em;
	padding-left:0.5em;
	padding-right:0.5em;
	font-size:1.5rem;
	font-weight:bold;
	width:25%;	
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	h2 {
    font-size:1.5rem;
	}
	h3 {
		font-size:1rem;
	}
	.content{
		max-width:100%;

	}
	.program {

		width:90%;
		border:4px #000 solid;


	}
	.August_month {
		top:4.5em;
		font-size:1rem;	
	}
	.November_month{
		top:4.5em;
		font-size:1rem;
	}
}