@charset "utf-8";

#about .contents_title { background-image: url(../images/about/index_title_bg.jpg); }

@media (min-width:641px){

#intro p.intro { margin-bottom: 30px;}
#intro dl {
	margin-bottom: 50px;
	padding-right: 180px;
	border-bottom: dashed 1px #999;
	background-image: url(../images/about/flag.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: contain;
}
#intro dl dt {
	padding: 15px 20px;
	border-top: dashed 1px #999;
	float: left;
	clear: left;
	width: 180px;
	font-weight: 700;
	text-align: right;
}
#intro dl dd {
	padding: 15px 20px 15px 0;
	border-top: dashed 1px #999;
	float: left;
	width: 700px;
}
#intro ul li {
	margin-right: 25px;
	float: left;
	width: 350px;
	text-align: center;
}
#intro ul li:last-child { margin-right: 0; }
#intro ul li img {
	margin-bottom: 1em;
	width: 100%;
}

#members dl {
	margin: 1em 0;
	border-bottom: solid 1px #ccc;
}
#members dl dt {
	padding: 10px 0 10px 80px;
	border-top: solid 1px #ccc;
	float: left;
	clear: left;
	width: 200px;
	font-weight: 500;
}
#members dl dd {
	padding: 10px;
	border-top: solid 1px #ccc;
	float: left;
	width: 900px;
}
#members dl dd ul li {
	float: left;
	width: 290px;
}

#flag {
	margin-left: -830px;
	position: fixed;
	left: 50%;
	bottom: 0;
	width: 263px;
	height: 662px;
	background-image: url(../images/about/flag.png);
}

}

@media (max-width:640px){

#intro p.intro { margin-bottom: 30px;}
#intro dl {
	margin-bottom: 50px;
	border-bottom: dashed 1px #999;
}
#intro dl dt {
	padding: 15px 20px;
	border-top: dashed 1px #999;
	font-weight: 700;
}
#intro dl dd {
	padding: 0 20px 15px 20px;
}
#intro ul li {
	margin-bottom: 1.5em;
	text-align: center;
}
#intro ul li img {
	margin-bottom: 1em;
	width: 100%;
}

#members dl { margin-bottom: solid 1px #ccc; }
#members dl dt {
	margin-top: 10px;
	padding: 10px 20px;
	border-top: solid 1px #ccc;
	font-weight: 500;
}
#members dl dd {
	padding: 0 20px 10px 20px;
	
}

}

/* 委員長あいさつ */

#about_message .contents_title { background-image: url(../images/about/message_title_bg.jpg); }
#about_message .contents_title { color: #fff; }

@media (min-width:641px){

#message .container { width: 800px; }
#message .container img {
	margin-bottom: 20px;
	margin-left: 30px;
	float: right;
}
#message p.catch { font-size: 1.3em; font-weight: 700;}
#message p { margin-bottom: 1.5em; }
#message p.signature { text-align: right; }

}

@media (max-width:640px){

#message .container img {
	margin-bottom: 20px;
	margin-left: 30px;
	float: right;
	width: 200px;
}
#message p.catch { font-size: 1.3em; font-weight: 700;}
#message p { margin-bottom: 1.5em; }
#message p.signature { text-align: right; }

}