/* CSS Document */


/* article_ttl
---------------------------------- */
.article #contents{
	background-color: #FFF;
	/*border-bottom: 1px solid #0095da;*/
}
.article .article_ttl{
	width: 100%;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: stretch;
	height: 20rem;
	max-height: 240px;
	/*border: 5px solid;*/
    /*background-image: linear-gradient(#5db777,#0095da) 1 / 5px;*/
	background-image: -webkit-linear-gradient(#5db777, #0095da);
	background-image: -o-linear-gradient(#5db777, #0095da);
	background-image: linear-gradient(#5db777, #0095da);
	background-image: linear-gradient(to top, #0095da 0%, #5db777 100%);
	background-image: linear-gradient(to right, rgba(0,149,218,0.9) 0%, rgba(93,183,119,0.9) 100%);/*background: url("../img/deposit.jpg") 0 0 no-repeat;*//*この画像は共通画像に変更予定*/
	/*background-position: 80% 70%;
	background-size: 200%;*/
}
.article .article_ttl h2{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	font-size: 3rem;
	text-shadow:-1px -1px 3px #999;
	color: #444;
	color: #FFF;
	width: 80%;
	height: 60%;
	margin: 0 auto;
}
.article .article_ttl p{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	font-size: 1.6rem;
	text-shadow:-1px -1px 3px #999;
	color: #444;
	color: #FFF;
	width: 80%;
	height: 40%;
	margin: 0 auto;
	padding-left: 3rem;
}
.article .article_ttl h2 span{
	
}
.article .article_ttl h2:before{
	}
#main-contents div.page-section-1column div.page-column{
	width: 100%;
	background-color: transparent;
}
.article .article_container{
	padding-top: 0;
	padding-bottom: 5rem;
}
.article .cateArticleBox,
.article .webArticleBox{
	width: 80%;
	margin: 0 auto;
	padding-bottom: 5rem;
}
@media screen and (max-width: 1024px) {
	.article .article_ttl{
		/*height: 15rem;*/
		height: auto;
		max-height: none;
		padding: 2rem 0;
	}
	.article .article_ttl h2,
	.article .article_ttl p,
	/*.categorySubmenu,*/
	.article .cateArticleBox,
	.article .webArticleBox{
		width: 90%;
	}
	.article .article_ttl p{
		margin-top: 1rem;
	}
	table {table-layout: fixed;}
}
@media screen and (max-width: 599px) {
	.article .article_ttl h2{
		width: 90%;
		font-size: 2.6rem;
	}
	.article .article_ttl p{
		padding-left: 0;
	}
}