﻿@charset "utf-8";
/* CSS Document */

#right_box .contents{
	border-top:0.1rem solid #ccc9c9;
}
#right_box .contents h2{
	font-size:2.6rem;
	margin-top:1em;
}
#right_box .contents h2 + div.flex{
	border-bottom:0.1rem solid #ccc9c9;
	padding-bottom:1em;
	margin-bottom:2.5rem;
}
#right_box .contents h2 + div.flex p{
	width:80%;
}
#news2 .navi {
    margin-top: -0.8em;
    margin-bottom: 0em;
}
#right_box .contents h3{
	font-size:1.6rem;
	padding:1em;
	font-weight:bold;
	margin-bottom:1em;
	background-color:#f1eee9;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "メイリオ", sans-serif;
}
#right_box .contents h3 span{
	display:inline-block;
	font-size:1.3rem;
	border:solid 1px #EB0100;
	padding:0 0.5em;
	margin:0em 0 0 1em;
	color:#EB0100;
	position:relative;
	top:-0.1em;
}
#news2 .contents dl {
    border-bottom: none;
	margin-bottom:4rem;
}
#news2 .contents dl:last-child{
	margin-bottom:0px;
}
#news2 .contents dl div{
	justify-content:flex-start;
	flex-wrap:nowrap;
}
#news2 .contents dt {ontents1
    font-size: 1.6rem;
    border-top: none;
    padding: 0em 0.5em 0 1em;
	white-space:nowrap;
}
#news2 .contents dd {
    padding-bottom: 0em;
}
#news2 .contents dd .caption{
	font-size:1.4rem;
}

#news2 .contents dl a{
text-decoration:underline;
}

#news2 .contents dl a:hover{
text-decoration:none;
}

#news2 .paper h3 a{position: relative;padding-left:2em;display:block;}

#news2 .paper h3 a:before{background: url(/common/img/icon_pdf.png) 0 0 /contain no-repeat;
    position: absolute;
    left: 0em;
    top: 50%;
    margin-top: -0.8em;
    content: "";
    width: 1.5em;
    height: 1.563em;
	
	}


#right_box table h4{font-size:1.8rem;color:#235ea1;border-bottom:2px solid #57769d; padding-bottom:0.4rem;}

#right_box .btn_red{margin-top:2rem;}


#news2 .tab li a:hover {color:#EB0100;}

/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
#right_box .contents h2 + div.flex p{
	font-size:1.35vw;
}
#right_box .contents h3{
	font-size:1.35vw;
}
#right_box .contents h3 span{
	font-size:1.1vw;
}
#news2 .contents dt {
	font-size:1.35vw;
}
#news2 .contents dd {
	font-size:1.35vw;
}
#news2 .contents dd .caption{
	font-size:1.19vw;
}


}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#news2 .tab li {
    width: 28%;
}
#news2 .tab li:nth-of-type(2) {
    width: 28%;
}
#news2 .navi{
    width: 100%;
	margin-top:0px;
}
#right_box .contents h2 + div.flex p {
    width: 100%;
}



}



