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

a:hover{
	text-decoration: none;
}
spna.red{
    color: #e8464c;
}
span.circleOrange{
	color: #ea5504;
	font-size: 88%;
}
span.circleRed{
	color: #e8464c;
	font-size: 88%;
}
/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (min-width: 641px), print {

	section.contents div.secBoxBottom div.sec2 ul li.sp{
		display: none !important;
	}
	
/* section.mainVisual
---------------------------------------------------- */
section.mainVisual {
	width:100%;
	height:auto;
	margin: 0 auto 66px;
}

/* pan
---------------------------------------------------- */

div.suvNavBlock{
	width: 100%;
	margin: 10px auto 28px;
	padding: 18px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 8px;
}
	div.suvNavBox{
		width: 1160px;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			font-size: 82%;
			width: 70%;
			padding: 0 10px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}



/* section.contents
---------------------------------------------------- */
	section div.sectionBlock{
		margin: 0 auto 48px;
	}	
	section.contents .sectionBlock{
		margin: 0 auto;
	}
	section.contents .sectionBlock .sectionBox{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
		section.contents h2{
			width: 100%;
			font-size: 166%;
			font-weight: 900;
			letter-spacing: 0.01em;
			line-height: 1.4;
			padding-left: 12px;
			border-left: 4px solid #3EB034;
			margin-bottom: 33px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		section.contents div.secBox{
			padding-bottom: 80px;
			margin-bottom: 80px;
			border-bottom: 1px solid #ABD4AB;
			overflow: hidden;
		}
		section.contents div.sec{
			float: left;
			overflow: hidden;
			width: 48%;
			margin-right: 4%;
		}
			section.contents div.sec ul{
				overflow: hidden;
				width: 100%;
			}
				section.contents div.sec ul li{
					float: left;
					display: inline-block;
					width: 50%;
					padding: 0.3em 0 0.3em 1em;
					margin-bottom: 6px;
					background: url(../../common/images/icon_link_black.png) no-repeat left center;
					background-size: auto 10px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
					section.contents div.sec ul li span.small{
						font-size: 76%;
					}
			section.contents div.sec .infoText{
				font-size: 100%;
				line-height: 2;
				margin: 11px auto 0;
			}

		section.contents div.secBoxBottom div.sec2{
			overflow: hidden;
			width: 100%;
		}
			section.contents div.secBoxBottom div.sec2 ul{
				overflow: hidden;
				width: 100%;
			}
				section.contents div.secBoxBottom div.sec2 ul li{
					float: left;
					display: inline-block;
					width: 25%;
					padding: 0.3em 0 0.3em 1em;
					margin-bottom: 6px;
					background: url(../../common/images/icon_link_black.png) no-repeat left center;
					background-size: auto 10px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
					section.contents div.secBoxBottom div.sec2 ul li span.small{
						font-size: 76%;
					}
			section.contents div.secBoxBottom div.sec2 .infoText{
				font-size: 100%;
				line-height: 2;
				margin: 11px auto 0;
			}


}

/* SmartPhone
-----------------------------------------------------------------
----------------------------------------------------------------- */

@media screen and (max-width:640px)  {

	section.contents div.secBoxBottom div.sec2 ul li.pc{
		display: none !important;
	}

/* section.mainVisual
---------------------------------------------------- */
section.mainVisual {
	display: block;
	width:100%;
	height:auto;
	margin: 0 auto 33px;
}
	
	section div.sectionBlock h1{
		padding: 0 0 22px;
	}

/* pan
---------------------------------------------------- */

div.suvNavBlock{
	width: 100%;
	margin: 4px auto 28px;
	padding: 14px 0 0;
	background: url(../../common/images/header_obi.jpg) repeat-x top;
	background-size: auto 4px;
}
	div.suvNavBox{
		width: 96%;
		margin: 0 auto;
		position: relative;
	}
		div.suvNavBlock p{
			display: inline-block;
			font-size: 82%;
			width: 75%;
			padding: 0 2% 0 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}



/* section.contents
---------------------------------------------------- */
	section div.sectionBlock{
		margin: 0 auto 11px;
	}	
	section.contents .sectionBlock{
		margin: 0 auto;
	}
	section.contents .sectionBlock .sectionBox{
		width: 94%;
		margin: 0 auto;
		overflow: hidden;
	}
		section.contents h2{
			width: 100%;
			font-size: 133%;
			font-weight: 900;
			letter-spacing: 0.01em;
			line-height: 1.4;
			padding-left: 12px;
			border-left: 4px solid #3EB034;
			margin-bottom: 22px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		section.contents div.secBox{
			overflow: hidden;
		}
		section.contents div.sec{
			overflow: hidden;
			width: 100%;
			padding-bottom: 33px;
			margin-bottom: 33px;
			border-bottom: 1px solid #ABD4AB;
		}
			section.contents div.sec ul{
				overflow: hidden;
				width: 100%;
			}
				section.contents div.sec ul li{
					display: inline-block;
					width: 100%;
					padding: 0.3em 0 0.3em 1em;
					margin-bottom: 6px;
					background: url(../../common/images/icon_link_black.png) no-repeat left center;
					background-size: auto 10px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
					section.contents div.sec ul li span.small{
						font-size: 76%;
					}
			section.contents div.sec .infoText{
				font-size: 100%;
				line-height: 2;
				margin: 11px auto 0;
			}

		section.contents div.secBoxBottom div.sec2{
			overflow: hidden;
			width: 100%;
		}
			section.contents div.secBoxBottom div.sec2 ul{
				overflow: hidden;
				width: 100%;
			}
				section.contents div.secBoxBottom div.sec2 ul li{
					display: inline-block;
					width: 100%;
					padding: 0.3em 0 0.3em 1em;
					margin-bottom: 6px;
					background: url(../../common/images/icon_link_black.png) no-repeat left center;
					background-size: auto 10px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
					section.contents div.secBoxBottom div.sec2 ul li span.small{
						font-size: 76%;
					}
			section.contents div.secBoxBottom div.sec2 .infoText{
				font-size: 100%;
				line-height: 2;
				margin: 11px auto 0;
			}

}