@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 {

.spBtn{
	display: none;
}
	
section div.sectionBlock h1{
	padding: 0 0 26px;
	font-size: 100%;
}

/* section.mainVisual
---------------------------------------------------- */
section.mainVisual {
	width:100%;
	height:auto;
	margin: 0 auto 66px;
}

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

div.suvNavBlock{
	width: 100%;
	margin: 67px 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;
	}
	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.sec{
			overflow: hidden;
			width: 100%;
			margin-bottom: 100px;
		}
			section.contents div.sec div.tableBox{
				width: 86%;
				margin: 0 auto;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;				
			}
				section.contents div.sec div.tableBox table{
					border:1px solid #b9b9b9;					
				}
				section.contents div.sec div.tableBox table tbody{
					width: 100%;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;				
				}
				section.contents div.sec div.tableBox td{
					padding: 8px;
					width: 17%;
					font-size: 103%;
					font-weight: 600;
					border: none;
					border-bottom:1px solid #b9b9b9;					
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					
				}
				section.contents div.sec div.tableBox td.borderNone{
					border: none;
					padding-bottom: 0;
				}
				section.contents div.sec div.tableBox td.tabaleTitle{
					background: #eeeeee;
					text-align: center;
					font-weight: 400;
					color: #3EB034;
					width: 32%;
				}
	
	
/* section.contents
---------------------------------------------------- */
		section.contents div.sec2{
			overflow: hidden;
			width: 100%;
			margin-bottom: 80px;
		}
			section.contents div.sec2 div{
				float: left;
				width: 49%;
				margin-left: 17px;
			}
				section.contents div.sec2 div h3{
					width: 100%;
					font-size: 116%;
					font-weight: 900;
					letter-spacing: 0.03em;
					line-height: 1.8;
					margin: 0 0 22px;
				}
				section.contents div.sec2 div p{
					width: 100%;
					font-size: 100%;
					line-height: 2;
					text-align: justify;
			}
			section.contents div.sec2 figure{
				float: left;
				margin-left: 6%;
				width: 20%;
			}
				section.contents div.sec2 figure img{
					width: 100%;
					height: auto;
				}
		section.contents div.sec3{
			overflow: hidden;
			width: 100%;
			margin-bottom: 50px;
		}
			section.contents div.sec3 div{
				float: left;
				width: 74%;
				margin-left: 17px;
			}
				section.contents div.sec3 div h3{
					width: 100%;
					font-size: 116%;
					font-weight: 900;
					letter-spacing: 0.03em;
					line-height: 1.8;
					margin: 0 0 22px;
				}
				section.contents div.sec3 div p{
					width: 100%;
					font-size: 100%;
					letter-spacing: 0.01em;
					line-height: 2;
					text-align: justify;
			}
		section.contents div.figBox{
			overflow: hidden;
			width: 100%;
			margin: 0 auto 0;
		}
			section.contents div.figBox figure{
				float: left;
				width: 32%;
				margin-right: 2%;
			}
				section.contents div.figBox figure img{
					width: 100%;
					height: auto;
				}
	


}

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

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

section div.sectionBlock h1{
	padding: 0 0 11px;
	font-size: 100%;
}
	section div.sectionBlock h1 img{
		width: 100%;
		height: auto;
	}

div.spBtn{
	width: 68%;
	height: 46px;
	margin: 0 auto 16px;
	text-align: center;
	font-size: 100%;
	letter-spacing: 0.05em;
	color: #3eb134;
	background: url(../../common/images/icon_link_green.png) center right 8% no-repeat;
	background-size: auto 12px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
div.spBtn a{
	display: inline-block;
	width: 100%;
	height: 100%;
	color: #3eb134;
	border: 2px solid #3eb134;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 42px;
}
div.spBtn2{
	margin: 0 auto 33px;
}

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

/* 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: 98%;
			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: 100%;
		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: 6px;
			border-left: 4px solid #3EB034;
			margin-bottom: 22px;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		section.contents div.sec{
			overflow: hidden;
			width: 100%;
			margin-bottom: 33px;
		}
			section.contents div.sec div.tableBox{
				width: 80%;
				margin: 0 auto;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;				
			}
				section.contents div.sec div.tableBox table{
					border:1px solid #b9b9b9;					
				}
				section.contents div.sec div.tableBox table tbody{
					width: 100%;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					overflow: hidden;
				}
				section.contents div.sec div.tableBox td{
					display: block;
					float: left;
					padding: 8px;
					width: 100%;
					font-size: 103%;
					font-weight: 600;
					border: none;
					border-bottom:1px solid #b9b9b9;					
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					
				}
				section.contents div.sec div.tableBox td.borderNone{
					border: none;
					padding-bottom: 0;
					width: 50%;
				}
				section.contents div.sec div.tableBox td.widthFull{
					width: 100%;
				}
				section.contents div.sec div.tableBox td.borderNoneSp{
					border: none;
					padding-bottom: 0;
					width: 50%;
				}
				section.contents div.sec div.tableBox td.borderbottomSp{
					padding-bottom: 8px;
					border-bottom:1px solid #b9b9b9;					
				}
				section.contents div.sec div.tableBox td.tabaleTitle{
					background: #eeeeee;
					text-align: left;
					font-weight: 400;
					color: #3EB034;
					width: 100%;
				}
	
	
/* section.contents
---------------------------------------------------- */
		section.contents div.sec2{
			overflow: hidden;
			width: 100%;
			margin-bottom: 33px;
		}
			section.contents div.sec2 div{
				float: left;
				width: 51%;
			}
				section.contents div.sec2 div h3{
					width: 100%;
					font-size: 106%;
					font-weight: 900;
					letter-spacing: 0.03em;
					line-height: 1.8;
					margin: 0 0 22px;
				}
				section.contents div.sec2 div p{
					font-size: 96%;
					letter-spacing: 0.01em;
					line-height: 2;
					text-align: justify;
			}
			section.contents div.sec2 figure{
				float: right;
				width: 46%;
				margin-bottom: 22px
			}
				section.contents div.sec2 figure img{
					width: 100%;
					height: auto;
				}
		section.contents div.sec3{
			overflow: hidden;
			width: 100%;
			margin-bottom: 22px;
		}
			section.contents div.sec3 div{
				width: 100%;
			}
				section.contents div.sec3 div h3{
					width: 100%;
					font-size: 106%;
					font-weight: 900;
					letter-spacing: 0.03em;
					line-height: 1.8;
					margin: 0 0 22px;
				}
				section.contents div.sec3 div p{
					width: 100%;
					font-size: 96%;
					letter-spacing: 0.01em;
					line-height: 2;
					text-align: justify;
			}
			section.contents div.sec3 figure{
				width: 43%;
				margin-bottom: 22px
			}
				section.contents div.sec3 figure img{
					width: 100%;
					height: auto;
				}
		section.contents div.figBox{
			overflow: hidden;
			width: 96%;
			margin: 22px auto 0;
		}
			section.contents div.figBox figure{
				float: left;
				width: 32%;
				margin-right: 2%;
			}
				section.contents div.figBox figure img{
					width: 100%;
					height: auto;
				}
			section.contents div.sec2Sp div{
				width: 100%;
			}
	

}