@charset "utf-8";

/* pc
---------------------------------------------------- */
@media screen and (min-width: 769px) {
	/* main(ナビ部分) ---------------*/
	.ja_main{ max-width: 786px; }
	.ja_main ul{bottom:1px; }
	.ja_main ul li{ width: 25%;}
	.ja_main ul li a { margin-right: 0; }
	
	/* バナー ---------------*/
	.ja_bnr{ margin-bottom:24px;} /* 余白 */
	
	/* 記事-サイズ ---------------*/
	.ja_article, .ja_link {
			width: 788px;
			margin: 0 auto 20px;
	}
	
	/* 見出し-サイズ ---------------*/
	.ja_article h4,
	.ja_link h4 a{
		padding:12px 12px 11px 22px;
		font-size:18px;
		font-weight: bold;
		line-height:1;
	}	
	
	/* 見出し-デザイン ---------------*/
	
	/* Basic */
	.ja_article h4,
	.ja_link h4{
		background:url(../img/pc/tit.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
		color:#fff; /* 文字色 */
		min-height:41px;
	}
	.ja_article h4 span,
	.ja_link h4 span{
		color:#fff;
		font-style: italic;
	}
	
	 /* link */
	.ja_link h4{
		background:url(../img/pc/tit_link.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
	}
	.ja_link h4 a{ color:#fff !important; font-weight: bold !important;}
	
	/* accordion */	
	.ja_article.or_accordion .ja_article_box{
		border:1px solid #323232;
		padding: 20px 20px 27px;
	}
	
	/* accordion open */
	.ja_article.or_accordion h4{
		background:url(../img/pc/tit_open.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
	}
	
	/* accordion close */
	.ja_article.or_accordion h4.or_accOpen{
		background:url(../img/pc/tit_close.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
	}
	
	/* more */
	.ja_article_box .next a{
		background:url(../img/pc/tit_more.png) right no-repeat #0c276b !important;
		color:#fff !important;
		font-weight:bold !important;
		font-size:12px !important;
		padding: 8px 35px !important;
	}


}




/* tablet ～
---------------------------------------------------- */
@media screen and (max-width: 768px) {
	/* main(ナビ部分) ---------------*/
	.ja_main .ja_mv{ margin:3%;}
	.ja_main ul{}
	.ja_main ul li{ width:25%;}
	.ja_main ul li a{ border-right: none;}
	.ja_main ul li:last-child a{ border:none;}
	
	
	/* bnr ---------------*/
	.ja_bnr{
		padding: 0 2%;
		margin: 3% 0;
	}
	.ja_bnr.ja_bnr2{margin-top: -1%;}
	.ja_bnr.ja_bnr1.ja_sp{margin-top: 0;}
	
	
	/* 見出し-サイズ ---------------*/
	.ja_article h4,
	.ja_link h4 a{
		padding:4% 2.4% 4.2% 4%;
		font-size: 26px;
		font-weight: bold;
		line-height: 1;
	}
	
	
	/* 見出し-デザイン ---------------*/
	
	/* Basic */
	.ja_article h4,
	.ja_link h4{
		background:url(../img/sp/tit.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
		color:#fff;
	}
	.ja_article h4 span,
	.ja_link h4 span{
		color:#fff;
		font-style:italic;
	}
	
	/* accordion */	
	.ja_article.or_accordion,
	.ja_link{margin-bottom:10px;}
	
	/* link */
	.ja_link h4{
		background:url(../img/sp/tit_link.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
	}
	.ja_link h4 a{ color:#fff !important; font-weight: bold;}
	
	/* accordion */	
	.ja_article.or_accordion .ja_article_box{
		border:1px solid #323232;
	}

	/* accordion open */
	.ja_article.or_accordion h4{
		background:url(../img/sp/tit_open.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
	}
	/* accordion close */
	.ja_article.or_accordion h4.or_accOpen{
		background:url(../img/sp/tit_close.png) #0c276b right bottom no-repeat;
		background-size: 100% auto;
	}
	
	/* more */
	.ja_article_box .next a{
		background:url(../img/sp/tit_more.png) right no-repeat #0c276b !important;
		background-size: auto 60% !important;
		color:#fff !important;
		text-align: center;
		font-weight:bold !important;
		font-size:12px !important;
		padding: 2% 0% !important;
	}
	
}


@media screen and (max-width: 601px) {
	/* 見出し-サイズ ---------------*/
	.ja_article h4,
	.ja_link h4 a{
		padding: 4% 2.4% 4.2% 4%;
		font-size: 20px;
	}

}


/* SmartPhone ～
---------------------------------------------------- */
@media screen and (max-width: 415px) {
	/* 見出し-サイズ ---------------*/
	.ja_article h4,
	.ja_link h4 a{
		padding: 3.6% 2.4% 3.8% 4%;
		font-size: 17px;
	}

}

@media screen and (max-width: 321px) {
	/* 見出し-サイズ ---------------*/
	.ja_article h4,
	.ja_link h4 a{
		padding: 3.4% 2.4% 3.8% 4%;
		font-size: 16px;
	}

}