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

		下層ページcss

******************************************/

.sub{
	padding-top: 69px;
}
/*リンク時アイコン
******************************************/
.pdf {
	padding-left: 20px;
	background: url(../images/icon_pdf.png) no-repeat left 7px;
	background-size: 11px auto;
}
.word {
	padding-left: 20px;
	background: url(../images/icon_word.png) no-repeat left 7px;
	background-size: 11px auto;
}
.excel {
	padding-left: 20px;
	background: url(../images/icon_excel.png) no-repeat left 7px;
	background-size: 11px auto;
}
.image {
	padding-left: 20px;
	background: url(../images/icon_image.png) no-repeat left 10px;
	background-size: 11px auto;
}
figure.image {
	padding-left: 0;
	background: none;
}
.blank {
	padding-left: 20px;
	background: url(../images/icon_blank.png) no-repeat left 8px;
	background-size: 11px auto;
}
/*コンテンツ全体
******************************************/
.sub .contentsArea {
	width: 980px;
	margin: 0 auto;
	padding: 30px 0;
}
.sub .contentsArea::after {
	content: "";
	clear: both;
	display: block;
}
/*タイトル
******************************************/
.sub .titleArea{
	width: 100%;
	background: #F1F1E2;
	padding: 50px;
}
.sub .titleArea h2{
	line-height: 1.2;
	font-weight: 600;
	padding-left: 50px;
	width: 980px;
	margin: 0 auto;
	font-size: 30px;
	letter-spacing: 0.1em;
}
.sub .titleArea h2 span{
	font-size: 20px;
	margin-left: 5px;
}	
.sub h3{
	border-left: #78BB35 solid 3px;
	padding: 0 0 0 20px;
	margin-bottom: 18px;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
.sub h4{
	font-size: 16px;
	border-bottom:  #78BB35 solid 2px;
	padding: 0 0 10px 0;
	margin-bottom: 15px;
	font-weight: 500;
}
/*区切り
******************************************/
.sub .contentsArea .item {
	margin-bottom: 50px;
}
.sub .contentsArea .item::after{
	content: "";
	clear: both;
	display: block;
}
.sub .contentsArea .item_inner {
	margin-bottom: 40px;
}
.sub .contentsArea .item_inner::after{
	content: "";
	clear: both;
	display: block;
}
/*テーブル
******************************************/
table.table01 {
	width: 100%;
	border-bottom: #CCC solid 1px;
}
table.table01 th {
	background: #78BB35;
	border-top: #9DD367 solid 1px;
	border-right: #9DD367 solid 1px;
	padding: 12px 15px;
	vertical-align: top;
	color: #FFF;
}
table.table01 td {
	background: #FFF;
	border-top: #CCC solid 1px;
	border-right: #CCC solid 1px;
	padding: 12px 15px;
	vertical-align: top;
}

/*ページャー
******************************************/
.pagerArea{
	text-align:center;
	margin-top: 40px;
}
.pagerArea ul.pagerList{
	font-size:0;
}
.pagerArea ul.pagerList li{
	display:inline-block;
	font-size:13px;
	margin:0 10px 10px 0;
	line-height: 1.2;
}
.pagerArea ul.pagerList li:last-child{
	margin-right:none;
}
.pagerArea ul.pagerList li a{
	display:block;
	color:#FFF;
	background:#78BB35;
	text-decoration:none;
	padding:10px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;	
}
.pagerArea ul.pagerList li.now a,
.pagerArea ul.pagerList li a:hover{
	background:#B4A55C;
	color: #FFF;
}
.pagerArea ul.pagerList li.prev a span{
	background: url(../images/arrow04.png)  no-repeat left 5% top 55% / 11px auto;
	padding-left: 24px;
}
.pagerArea ul.pagerList li.prev a:hover span{
	background: url(../images/arrow04.png)  no-repeat left 0 top 55% / 11px auto;
}
.pagerArea ul.pagerList li.next a span{
	background: url(../images/arrow02.png)  no-repeat right 5% top 55% / 11px auto;
	padding-right: 24px;
}
.pagerArea ul.pagerList li.next a:hover span{
	background: url(../images/arrow02.png)  no-repeat right 0 top 55% / 11px auto;
}

/*画像
******************************************/
.imgonly {
	text-align: center;
}
.imgonly img{
	display: inline-block;
	max-width: 100%;
}

@media only screen and (max-width: 767px) {
.sub{
	padding-top: 64px;
}	
/*リンク時アイコン
******************************************/
.pdf {
	padding-left: 20px;
	background: url(../images/icon_pdf.png) no-repeat left 50%;
	background-size: 11px auto;
}
.word {
	padding-left: 20px;
	background: url(../images/icon_word.png) no-repeat left 50%;
	background-size: 11px auto;
}
.excel {
	padding-left: 20px;
	background: url(../images/icon_excel.png) no-repeat left 50%;
	background-size: 11px auto;
}
.image {
	padding-left: 20px;
	background: url(../images/icon_image.png) no-repeat left 50%;
	background-size: 11px auto;
}
.blank {
	padding-left: 20px;
	background: url(../images/icon_blank.png) no-repeat left 50%;
	background-size: 11px auto;
}
/*コンテンツ全体
******************************************/
.sub .contentsArea {
	width: 100%;
	padding: 20px 10px;
}
/*タイトル
******************************************/
.sub .titleArea{
	padding: 30px 15px;
}
.sub .titleArea h2{
	padding-left: 32px;
	width: 100%;
	font-size: 22px;
}
.sub .titleArea h2 span{
	font-size: 15px;
	display: block;
	margin-left: 0;
}	
.sub h3.subTitle{
	font-size: 16px;
}
.sub h4{
	font-size: 14px;
}
/*区切り
******************************************/
.sub .contentsArea .item {
	margin-bottom: 40px;
}
.sub .contentsArea .item_inner {
	margin-bottom: 30px;
}
/*テーブル
******************************************/
table.table01 th {
	padding: 10px;
}
table.table01 td {
	padding: 10px;
}

/*ページャー
******************************************/
.pagerArea ul.pagerList li{
	font-size:12px;
	margin-right: 5px;
}
.pagerArea ul.pagerList li:last-child{
	margin-right: 0;
}
.pagerArea ul.pagerList li.prev a span{
	background: url(../images/arrow04.png)  no-repeat left 0 top 55% / 9px auto;
	padding-left: 15px;
}
.pagerArea ul.pagerList li.prev a:hover span{
	background: url(../images/arrow04.png)  no-repeat left 0 top 55% / 9px auto;
}
.pagerArea ul.pagerList li.next a span{
	background: url(../images/arrow02.png)  no-repeat right 0 top 55% / 9px auto;
	padding-right: 15px;
}
.pagerArea ul.pagerList li.next a:hover span{
	background: url(../images/arrow02.png)  no-repeat right 0 top 55% / 9px auto;
}
}

@media screen and (max-width: 480px) {
.sub .contentsArea .subnaviArea .tel {
	width: 100%;
}
.sub .contentsArea .subnaviArea .tel img {
	max-width: 100%;
	padding: 0 10px;
}
}