@charset "utf-8";

#sub .inner {
	width: 100%;
	max-width: 1140px;
	padding: 80px 0px;
	box-sizing: border-box;
}
@media screen and (max-width: 599px) {
	#sub .inner{
		padding: 80px 20px;
	}
}	
#sub .inner h1{
	font-size: 4rem;
	line-height: 1.3;
	font-weight: bold;
	margin: 0 0 30px 0;
}
@media screen and (max-width: 599px) {
	#sub .inner h1{
		font-size: 3rem;
	}
}
#sub .content {
	width: 100%;
	max-width: 1024px;
	margin: 0 auto;
}
#sub .content h2{
	font-size: 3.4rem;
	line-height: 1.5;
	font-weight: bold;
	margin: 50px 0 15px 0;
}
@media screen and (max-width: 599px) {
	#sub .inner h2{
		font-size: 2.4rem;
	}
}
#sub .content h3{
	font-size: 3rem;
	line-height: 1.5;
	font-weight: bold;
	margin: 30px 0 15px 0;
	padding: 0 0 0 25px;
	background: url(../images/common/head_icon01.png) no-repeat left center;
}	
@media screen and (max-width: 599px) {
	#sub .inner h3{
		font-size: 2rem;
	}
}
#sub .content p{
	font-size: 1.6rem;
	line-height: 2;
	margin: 0 0 15px 0;
}
#sub .content ol, #sub .content ul{
	padding: 0 0 0 0px;
	margin: 0 0 30px 30px;
}
#sub .content ol li{
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 10px 0;
	list-style: decimal;
}
#sub .content ul li{
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 0 0 10px 0;
	list-style: disc;
}



/* お知らせ
---------------------------------------------------------------------------------------------- */
.standard_table {
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 30px 0;
  border-top: 1px solid #ccc; }
  .standard_table th {
    width: 150px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    font-weight: normal; }
  .standard_table td {
    width: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5; }
    
    
/* 資料
---------------------------------------------------------------------------------------------- */
#sub .content .pic_list {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 15px;
  list-style: none;
  overflow: hidden; }
#sub .content  .pic_list li {
    float: left;
    list-style: none !important;
    width: 30%;
    margin: 0 1% 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.3;
    color: #171c61;
    text-align: center; }
    @media screen and (max-width: 599px) {
     #sub .content  .pic_list li {
        width: 50%;
        margin: 0 0 10px 0; } }
    #sub .content .pic_list li img {
      width: 100%;
      height: auto;
      margin: 0 0 0px 0;
      -moz-transition: opacity 0.2s ease-out;
      -o-transition: opacity 0.2s ease-out;
      -webkit-transition: opacity 0.2s ease-out;
      transition: opacity 0.2s ease-out; }
      #sub .content .pic_list li img:hover {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
        opacity: 0.7; }
    #sub .content .pic_list li a {
      text-decoration: none;
      display: block;
      padding: 0 0 0 0; }
    
    
/* 研究室スタッフ
---------------------------------------------------------------------------------------------- */
#sub .content ul.staff-list{
	list-style: none;
	overflow: hidden;
}
#sub .content ul.staff-list li{
	list-style: none;
	width: 25%;
	float: left;
	max-width: 240px;
	margin: 0 2% 30px;
}
@media screen and (max-width: 599px) {
	#sub .content ul.staff-list li{
		width: 100%;
		max-width: 100%;
		text-align: center;
	}
	img{
		margin: 0 auto 10px auto;
		text-align: center;
	}
}
#sub .content ul.staff-list li p.position{
	margin: 0 0 5px 0;
	font-size: 2rem;
	line-height: 1.5;
	color: #48d5c4;
	font-weight: bold;
}
#sub .content ul.staff-list li p.name{
	margin: 0 0 5px 0;
	font-size: 3rem;
	line-height: 1.5;
	font-weight: bold;
}
#sub .content ul.staff-list li p.subposition{
	margin: 0 0 5px 0;
	font-size: 1.4rem;
	line-height: 1.5;
}