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

#right_box h2{
	border-top:0.1rem solid #ccc9c9;
	font-size:2.6rem;
	padding-top:1em;
}

#right_box .top{
	background-image: url(../img/library_notebg.gif);
    padding: 3.5rem;
	border-top:2px solid #1d4493;
	margin-bottom:2rem;
}
#right_box .top h3{
	font-size:2.8rem;
	color:#1d4493;
}
#right_box .top h3 span{
	font-size:2.2rem;
}
#right_box .date{
	text-align:right;
	margin-bottom:1em;
}
#right_box .box{
	background-color:#FFF;
	padding:2rem;
	box-shadow: 0.3rem 0.3rem 0.3rem 0.3rem rgba(0,0,0,0.1);
}
#right_box .box .ttl{
	font-size:2rem;
	color:#1d4493;
}
#right_box .box a{
  text-decoration: underline;
}
#right_box .box a:hover{
  text-decoration: none;
}
#right_box h4{
	font-size:2.4rem;
	text-align:center;
	color:#FFF;
	background-color:#70aed5;
	padding:0.1em 0;
	margin-bottom:0.5em;
	margin-top:1.5em;
}
#right_box h4 + p{
	margin-bottom:1em;
}
#right_box h5{
	font-size:1.8rem;
}
#right_box .img_caption{
	font-size:1.4rem;
	margin-top:-2rem;
	margin-bottom:3rem;
}
#right_box .img_table{
	text-align:center;
	margin-bottom:3rem;
}
#right_box .img_table p{
	text-align:left;
	font-size:1.7rem;
	display:inline-block;
}
#right_box .img_table p strong{
	color: #000;
	font-size:1.8rem;
}
#right_box .img_table p img{
	margin-top:0.5em;
}
#right_box .img_table.small img{
	max-width:600px;
}
#right_box ul.graph li{
	margin-bottom:1.5rem;
	width: 48.5%;
}
#right_box ul.graph li img{
	width:100%;
}
#right_box h4:last-of-type + p{
	padding-bottom:2em;
	margin-bottom:2em;
	border-bottom:2px solid #1d4493;
}

#right_box ul.graph + .caption{
	font-size:1.4rem;
}
/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){


}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#news2 .tab li {
    width: 28%;
}
#news2 .tab li:nth-of-type(2) {
    width: 28%;
}
#right_box .top {
    padding: 1.5rem;
}
#right_box ul.graph li{
	width: 100%;
}


}