@charset "utf-8";


body {
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%;
}
#contents {
	overflow: hidden;
	width: 100%;
	padding-bottom: 0;
	margin: 0 auto;
}
#article{
	box-sizing: border-box;
	width: 100%;
	float: none;
	margin: 0 auto 60px;
	background-color: #fff;
	width: 950px;
	margin: 0 auto;
}
	#article *{
		box-sizing: border-box;
		font-family:'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;
	}
	.article_inner{
		padding: 50px;
	}

.breadcrumbs {
	width: 950px;
	margin: 0 auto;
	overflow: hidden;
}
/*-----------------------------------------------------------
	article_business
-----------------------------------------------------------*/
.article_business{
	margin: 0 auto 50px;
}
	.article_business h2{
		margin: 0 auto 25px;
		padding: 0 0 0 10px;
		border-left: 4px solid #ef7a00;
		border-bottom: 2px solid #ef7a00;
		line-height: 1.28em;
		font-size: 25px;
		font-weight: bold;
	}
	.article_business > p{
		margin: 0 0 18px;
		text-align: center;
	}
	.article_business .business_txt{
		margin: 0 0 18px;
		line-height: 1.43em;
		font-size: 14px;
	}
	.article_business .business_list{
		border: 1px solid #1f2768;
	}
		.article_business .business_list h4{
			background-color: #1f2768;
			color: #fff;
			text-align: center;
			line-height: 2em;
			font-size: 20px;
			font-weight: bold;
		}
		.article_business .business_list ul{
			padding: 16px 22px 19px;
		}
			.article_business .business_list li{
				float: left;
				width: 394px;
				margin: 0 0 11px;
				border-bottom: 1px solid #1f2768;
				color: #1f2768;
				font-size: 20px;
				height: 26px;
			}
				.article_business .business_list li:nth-child(even){
					float: right;
				}
				.article_business .business_list li:last-child,
				.article_business .business_list li:nth-last-child(2){
					margin-bottom: 0;
				}
				.article_business .business_list li span{
					display: inline-block;
					width: 21px;
					height: 21px;
					padding: 2px 0;
					background-color: #1f2768;
					color: #fff;
					text-align: center;
					line-height: 21px;
					font-weight: bold;
				}

/*-----------------------------------------------------------
	business_list
-----------------------------------------------------------*/
/*.article_pagelist*/
	.article_pagelist li{
		width: 270px;
		float: left;
		margin: 0 0 21px;
		border: 1px solid #ef7a00;
		text-align: center;
		font-size: 25px;
		font-weight: bold;
	}
	.article_pagelist li:hover,
	.article_pagelist li.active{
		color: #fff;
		background-color: #ef7a00;
	}
	.article_pagelist li:nth-child(2){
		margin-left: 18px;
		margin-right: 18px;
	}
	.article_pagelist li:last-child{
		width: 100%;
	}
		.article_pagelist li a{
			display: block;
			padding: 17px 0;
			color: #000;
		}
		.article_pagelist li:hover a,
		.article_pagelist li.active a{
			color: #fff;
		}
		.article_pagelist li.active a{
			cursor: default;
		}
			.article_pagelist li a span{
				display: inline-block;
				padding: 0 0 0 50px;
				background-repeat: no-repeat;
				background-position: 6px center;
				font-size: 25px;
			}

/* アイコン */
.article_pagelist li:nth-child(1) span{
	background-image: url('../images/icn_reform.webp');
	background-position-y: 0;
}
.article_pagelist li:nth-child(2) span{
	background-image: url('../images/icn_business.webp');
	background-position-y: 0;
}
.article_pagelist li:nth-child(3) span{
	background-image: url('../images/icn_download.webp');
	background-position-y: 0;
}
.article_pagelist li:nth-child(4) span{
	background-image: url('../images/icn_contact.webp');
	background-position-y: 5px;
}
.article_pagelist li:nth-child(1):hover span,
.article_pagelist li.active:nth-child(1) span{
	background-image: url('../images/icn_reform_on.webp');
}
.article_pagelist li:nth-child(2):hover span,
.article_pagelist li.active:nth-child(2) span{
	background-image: url('../images/icn_business_on.webp');
}
.article_pagelist li:nth-child(3):hover span,
.article_pagelist li.active:nth-child(3) span{
	background-image: url('../images/icn_download_on.webp');
}
.article_pagelist li:nth-child(4):hover span,
.article_pagelist li.active:nth-child(4) span{
	background-image: url('../images/icn_contact_on.webp');
}
.article_pagelist li a:hover {
	opacity: 1;
}