@charset "utf-8";

/* 研究 用CSS
==========================================*/
body {
	background:url(../img/common/bg_body.gif) no-repeat center 410px;
}
#contents {
	background:#dfdfde;
}
#visual {
	background:url(../img/common/bg_visual.gif) no-repeat center bottom #dfdfde;
}

/* main-area */
#main-area {
	background:url(../img/common/bg_main.gif) no-repeat right bottom #fff;
	color:#02293e;
	padding:50px 50px 80px;
	width:715px;
}
#main-area h2 {
	font-size:145%;
	font-weight:bold;
	margin-bottom:30px;
}
#main-area h3 {
	border-left:6px solid #04293e;
	font-size:130%;
	font-weight:bold;
	line-height:140%;
	margin-bottom:20px;
	padding-left:12px;
}
#main-area h4 {
	font-size:120%;
	font-weight:bold;
	line-height:120%;
	margin-bottom:5px;
	padding-left:3px;
}
/* footer */
#footer .footer-inr {
	background:url(../img/common/bg_footer.gif) no-repeat right top;
}

/* 01 */
#main-area.med01 .med01nav {
	margin-bottom:30px;
}
#main-area.med01 .med01nav li {
	float:left;
	margin-right:0.9em;
}

/* 03 */
#main-area.med03 .flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* 04 */
#main-area.med04 .med04nav {
	margin-bottom:50px;
}
#main-area.med04 .med04nav li {
	float:left;
	margin-right:0.9em;
}
#main-area.med04 .picBox > div {
	float: left;
	width: 350px;
}
#main-area.med04 .picBox > div:nth-child(2) {
	float: right;
}
#main-area.med04 .list {
	margin-top: 30px;
	border-top: solid 1px #d5d5d5;
}
#main-area.med04 .list li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom: solid 1px #d5d5d5;
}
#main-area.med04 .list li p:first-child a {
	text-decoration: none;
}
#main-area.med04 .list li p:first-child a span {
	font-weight: bold;
}


/* 05 */
#main-area.med05 .med05nav {
	margin-bottom:50px;
}
#main-area.med05 .med05nav li {
	float:left;
	margin-right:0.9em;
}
#main-area.med05 .achievement {
	margin-bottom: 40px;
	display: flex;
	justify-content: space-between;
	word-wrap: break-word;
}
#main-area.med05 .achievement .ttl {
	width: 100px;
	font-weight: bold;
	color: #28A0C8;
}
#main-area.med05 .achievement ul {
	width: 610px;
}
#main-area.med05 .achievement ul li {
	margin-bottom: 20px;
}
#main-area.med05 .achievement dt {
	padding: 0 2px 5px;
	border-bottom: 1px solid #02293e;
}
#main-area.med05 .achievement dd {
	padding: 5px 2px 0;
}
#main-area.med05 .achievement dd span {
	display: block;
	color: #666;
	font-size: 10px;
}