@charset "utf-8";

#dm .mlddm li.company > a{background-color:rgba(181,41,42,0.5);}
#dm .mlddm li li.blogList > a{background-color:rgba(181,41,42,0.3);}
#dm .mlddm li.company > a:hover, #dm .mlddm li li.blogList > a:hover{color:#fff;}

body{padding:70px 0 0;}
h1{
	text-align:center;
	font-size:36px;	
	margin:30px auto 0;
	max-width:800px;
	font-family: a-otf-ryumin-pr6n, serif;
	font-style: normal;
	font-weight: 400;
	}

.ruby{
	display: block;
	max-width:800px;
	margin:0 auto;
	padding: 10px 0;
	text-align: center;
	font-size:12px;
	color:#999;
	letter-spacing:4px;
	text-transform:uppercase;
	font-family:Tahoma, Geneva, sans-serif;
	border-bottom:2px #e74c3c solid;
}	

.lists{margin-top:50px;}
.lists div[class^="col"]{ padding: 20px; margin-bottom:50px;}
.lists .innerFrame{
	padding:20px;
	border-radius:5px;
	background-color:#f2f1eb;
}
.lists h2{
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:7px 0 5px;
	margin-bottom:25px;
}
.ongoing h2{ background-color:#f56462;}
.staff h2{ background-color:#be75bd;}

.lists li{
	display:grid;
	display: -ms-grid;
	grid-template-columns: 115px 1fr 50px;
	grid-template-rows:auto;
	-ms-grid-columns:115px 1fr 50px;
	-ms-grid-rows:auto;
	text-align: center;
	align-items: center;
	padding: 20px 0;
}
.lists li > div:nth-of-type(1){	-ms-grid-column: 1;	-ms-grid-row: 1;}
.lists li > div:nth-of-type(2){-ms-grid-column: 2;	-ms-grid-row: 1;}
.lists li > div:nth-of-type(3){-ms-grid-column: 3;	-ms-grid-row: 1;}

.lists ul>li:not(:last-of-type){border-bottom: 1px #999 solid;}
.lists h4{
	font-size:16px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:7px;
	text-align: left;
}
.lists p{ line-height:1.6em; margin-top:5px; text-align: left; font-size:12px;}

@media screen and (max-width:767px){
	body{ padding-top:50px;}
}

@media screen and (max-width:500px){
	.lists li{
	padding: 20px 0 10px;
	grid-template-columns: auto;
	grid-template-rows:auto auto 45px;
	-ms-grid-columns:auto;
	-ms-grid-rows:auto auto 45px;
	}
.lists li > div:nth-of-type(1){	-ms-grid-column: 1;	-ms-grid-row: 1;}
.lists li > div:nth-of-type(2){-ms-grid-column: 1;	-ms-grid-row: 2;}
.lists li > div:nth-of-type(3){-ms-grid-column: 1;	-ms-grid-row: 3;}
	
.lists h4{ margin-top:15px; text-align: center}
	
	.innerFrame{ padding:0 15px 15px;border:none;	}
	.closedBlog{ width:100%}
}