@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.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.catch
---------------------------------------------------- */
		section.catch p.readCopy{
			width: 100%;
			font-size: 166%;
			font-weight: 900;
			letter-spacing: 0.01em;
			text-align: center;
		}
		section.catch p{
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			text-align: center;
			width: 80%;
			margin: 0px auto 0;
		}
			section.catch div.sectionBox div{
				width: 86%;
				margin: 30px auto;
				padding: 30px 0;
				border-top: 1px solid #ABD4AB;
				border-bottom: 1px solid #ABD4AB;
			}	
				section.catch div.sectionBox div h2{
					width: 100%;
					font-size: 166%;
					font-weight: 900;
					letter-spacing: 0.01em;
					text-align: center;
				}
				section.catch div.sectionBox div p{
					text-align: left;
					width: 100%;
					margin: 22px auto;
				}
				section.catch div.sectionBox div ul{
					width: 100%;
					margin: 0 auto;
				}
					section.catch div.sectionBox div ul li{
						font-size: 106%;
						letter-spacing: 0.01em;
						line-height: 2;
					}
			
/* section.contents
---------------------------------------------------- */
	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{
			float: left;
			width: 48%;
			margin-right: 4%;
		}
			section.contents div.sec h3{
				width: 100%;
				font-size: 116%;
				font-weight: 900;
				letter-spacing: 0.03em;
				line-height: 1.8;
				padding: 0.3em 0.8em;
				margin: 0 0 22px;
				color: #fff;
				background: #00b2b6;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			section.contents div.sec dl{
				width: 100%;
				font-size: 100%;
				letter-spacing: 0.01em;
				line-height: 1.6;
				overflow: hidden;
				margin-bottom: 15px;
			}
				section.contents div.sec dl dt{
					float: left;
					width: 73%;
					font-size: 14px;
					padding: 2px 0 2px 0.8em;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
				section.contents div.sec dl dd{
					float: right;
					width: 25%;
					font-size: 14px;
					padding: 2px 1em;
					text-align: center;
					color: #fff;
					background: #ea5504;
					-webkit-border-radius: 16px;
					border-radius: 16px;
					-webbkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
			section.contents div.sec p.subText{
				width: 100%;
				font-size: 90%;
				margin-bottom: 30px;
				padding-left: 0.8em;
			}
				
		section.contents div.secCenter{
			width: 100%;
			margin: 0 auto;
			clear: both;
			padding-top: 20px;
		}
			section.contents div.secCenter h3{
				position: relative;
				z-index: 100;
				width: 100%;
				font-size: 116%;
				font-weight: 900;
				letter-spacing: 0.03em;
				line-height: 1.8;
				margin: 0 auto 22px;
				color: #00b2b6;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				text-align: center;
			}
			section.contents div.secCenter h3 span{
				display: block;
				width: 66%;
				margin: 0 auto;
				border: 2px solid #00b2b6;
				background: #fff;
				padding: 0.7em;
			}
			section.contents div.secCenter h3::before{
				position: absolute;
				z-index: -100;
				top: 50%;
				left: 0;
				content: "";
				display: block;
				width: 100%;
				height: 1px;
				border-bottom: 1px solid #00b2b6;
			}
			section.contents div.secCenter dl{
				width: 66%;
				font-size: 100%;
				letter-spacing: 0.01em;
				line-height: 1.6;
				overflow: hidden;
				margin: 0 auto;
			}
				section.contents div.secCenter dl dt{
					float: left;
					width: 25%;
					padding: 4px 0 4px 0.8em;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
				section.contents div.secCenter dl dd{
					float: right;
					width: 73%;
					padding: 4px 1em;
					text-align: center;
					color: #fff;
					background: #ea5504;
					-webkit-border-radius: 16px;
					border-radius: 16px;
					-webbkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}

	
/* section.points
---------------------------------------------------- */
	section.points .bottomBlock{
		margin-bottom: 0;
	}	
	section.points .sectionBlock .sectionBox{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	section.points .sectionBlock .bottomBox{
		padding-bottom: 0;
		border-bottom: none;
	}
		section.points 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.points div.sec{
			width: 100%;
			overflow: hidden;
		}
			section.points div.sec h3{
				width: 100%;
				font-size: 116%;
				font-weight: 900;
				letter-spacing: 0.03em;
				line-height: 1.8;
				padding: 0.3em 0.8em;
				margin: 0 0 22px;
				color: #fff;
				background: #00b2b6;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			section.points div.sec dl{
				float: left;
				width: 48%;
				font-size: 100%;
				letter-spacing: 0.01em;
				line-height: 1.6;
				overflow: hidden;
				margin-bottom: 30px;
				margin-right: 4%;
			}
				section.points div.sec dl dt{
					clear: both;
					float: left;
					width: 23%;
					padding: 0.3em;
					text-align: center;
					color: #ea5504;
					border: 2px solid #ea5504;
					-webkit-border-radius: 16px;
					border-radius: 16px;
					-webbkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
				section.points div.sec dl dd{
					float: right;
					width: 74%;
					padding: 6px 0 0 0;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
					section.points div.sec dl dd span.textRed{
						font-size: 116%;
						color: #e8464c;
					}
			section.points div.sec div.additionalBox{
				padding-top: 10px;
				clear: both;
				width: 100%;
			}
				section.points div.sec div.additionalBox ul{
					border-top: 1px solid #00b2b6;
					padding-top: 22px;
					width: 100%;
				}
					section.points div.sec div.additionalBox ul li{
						font-size: 96%;
						letter-spacing: 0.01em;
						margin-bottom: 6px;
					}


/* navBtn
---------------------------------------------------- */
				section.catch .sectionBox p.pageBtn{
					width: 36%;
					margin: 0 auto 0;
					text-align: center;
					font-size: 116%;
					letter-spacing: 0.05em;
					color: #3EB134;
					background: url(../../common/images/icon_link_green.png) center right 36px no-repeat;
					background-size: auto 12px;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				section.catch .sectionBox p.pageBtn a{
					display: inline-block;
					width: 100%;
					height: 100%;
					color: #3EB134;
					padding: 0.7em 3em;
					border: 2px solid #3EB134;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}



	
}

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

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


/* 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: 75%;
			padding: 0 2% 0 0;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}
		div.fbBlock{
			position: absolute;
			top: 0;
			right: 0;
		}


/* section.catch
---------------------------------------------------- */
		section.catch p.readCopy{
			width: 95%;
			font-size: 133%;
			font-weight: 900;
			letter-spacing: 0.01em;
			line-height: 1.5;
		}	
		section.catch p{
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			text-align: justify;
			width: 86%;
			margin: 0 auto 0;
		}

			section.catch div.sectionBox div{
				width: 100%;
				margin: 33px auto;
				padding: 33px 0;
				border-top: 1px solid #ABD4AB;
				border-bottom: 1px solid #ABD4AB;
			}	
				section.catch div.sectionBox div h2{
					width: 100%;
					font-size: 133%;
					font-weight: 900;
					letter-spacing: 0.01em;
					text-align: center;
				}
				section.catch div.sectionBox div p{
					width: 100%;
					margin: 22px auto;
				}
				section.catch div.sectionBox div ul{
					width: 100%;
					margin: 0 auto;
				}
					section.catch div.sectionBox div ul li{
						font-size: 100%;
						letter-spacing: 0.01em;
						line-height: 2;
					}				



/* section.contents
---------------------------------------------------- */
	section.contents .sectionBlock .sectionBox{
		width: 100%;
		margin: 0 auto;
		padding-bottom: 0;
		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{
			width: 100%;
		}
			section.contents div.sec h3{
				width: 100%;
				font-size: 100%;
				font-weight: 900;
				letter-spacing: 0.03em;
				line-height: 1.8;
				padding: 0.3em 0.8em;
				margin: 0 0 22px;
				color: #fff;
				background: #00b2b6;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			section.contents div.sec dl{
				width: 100%;
				font-size: 100%;
				letter-spacing: 0.01em;
				line-height: 1.6;
				overflow: hidden;
				margin-bottom: 22px;
			}
				section.contents div.sec dl dt{
					float: left;
					width: 68%;
					font-size: 12px;
					padding: 2px 0 2px 0.8em;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
				section.contents div.sec dl dd{
					float: right;
					width: 31%;
					font-size: 12px;
					padding: 2px 1em;
					text-align: center;
					color: #fff;
					background: #ea5504;
					-webkit-border-radius: 16px;
					border-radius: 16px;
					-webbkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
			section.contents div.sec p.subText{
				width: 100%;
				font-size: 90%;
				margin-bottom: 22px;
				padding-left: 0.8em;
			}
			section.contents div.sec p.subText2{
				margin-bottom: 0;
			}
				
		section.contents div.secCenter{
			width: 100%;
			margin: 0 auto;
			clear: both;
		}
			section.contents div.secCenter h3{
				position: relative;
				z-index: 100;
				width: 100%;
				font-size: 106%;
				font-weight: 900;
				letter-spacing: 0.03em;
				line-height: 1.8;
				margin: 0 auto 22px;
				color: #00b2b6;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				text-align: center;
			}
			section.contents div.secCenter h3 span{
				display: block;
				width: 78%;
				margin: 33px auto;
				border: 2px solid #00b2b6;
				background: #fff;
				padding: 0.3em;
			}
			section.contents div.secCenter h3::before{
				position: absolute;
				z-index: -100;
				top: 50%;
				left: 0;
				content: "";
				display: block;
				width: 100%;
				height: 1px;
				border-bottom: 1px solid #00b2b6;
			}
			section.contents div.secCenter dl{
				width: 100%;
				font-size: 100%;
				letter-spacing: 0.01em;
				line-height: 1.6;
				overflow: hidden;
				margin: 0 auto;
			}
				section.contents div.secCenter dl dt{
					float: left;
					width: 40%;
					padding: 1.3em 0 0 0.8em;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
				section.contents div.secCenter dl dd{
					float: right;
					width: 58%;
					padding: 0.3em 1em;
					text-align: center;
					color: #fff;
					background: #ea5504;
					-webkit-border-radius: 22px;
					border-radius: 22px;
					-webbkit-box-sizing: border-box;
					box-sizing: border-box;
				}

	
/* section.points
---------------------------------------------------- */
	section.points .bottomBlock{
		margin-bottom: 0;
	}	
	section.points .sectionBlock .sectionBox{
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	section.points .sectionBlock .bottomBox{
		padding-bottom: 0;
		border-bottom: none;
	}
		section.points 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.points div.sec{
			width: 100%;
			overflow: hidden;
		}
			section.points div.sec h3{
				width: 100%;
				font-size: 100%;
				font-weight: 900;
				letter-spacing: 0.03em;
				line-height: 1.8;
				padding: 0.3em 0.8em;
				margin: 0 0 22px;
				color: #fff;
				background: #00b2b6;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			section.points div.sec dl{
				width: 100%;
				font-size: 100%;
				letter-spacing: 0.01em;
				line-height: 1.6;
				overflow: hidden;
				margin-bottom: 22px;
			}
				section.points div.sec dl dt{
					clear: both;
					width: 36%;
					padding: 0.3em;
					text-align: center;
					color: #ea5504;
					border: 2px solid #ea5504;
					-webkit-border-radius: 16px;
					border-radius: 16px;
					-webbkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
				section.points div.sec dl dd{
					width: 100%;
					padding: 0.3em 0 0 0;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 4px;
				}
					section.points div.sec dl dd span.textRed{
						font-size: 106%;
						color: #e8464c;
					}
			section.points .bottomBox div.sec dl{
				width: 100%;
				font-size: 100%;
				letter-spacing: 0.01em;
				line-height: 1.6;
				overflow: hidden;
				margin-bottom: 22px;
			}
				section.points .bottomBox div.sec dl dt{
					float: left;
					clear: both;
					width: 36%;
					padding: 0.3em;
					text-align: center;
					color: #ea5504;
					border: 2px solid #ea5504;
					-webkit-border-radius: 16px;
					border-radius: 16px;
					-webbkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 11px;
				}
				section.points .bottomBox div.sec dl dd{
					float: right;
					width: 57%;
					padding: 0.3em 0 0 0;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					margin-bottom: 4px;
				}
					section.points div.sec dl dd span.textRed{
						font-size: 106%;
						color: #e8464c;
					}
			section.points div.sec div.additionalBox{
				clear: both;
				width: 100%;
			}
				section.points div.sec div.additionalBox ul{
					border-top: 1px solid #00b2b6;
					padding-top: 22px;
					width: 100%;
				}
					section.points div.sec div.additionalBox ul li{
						font-size: 96%;
						letter-spacing: 0.01em;
						margin-bottom: 6px;
					}



	
/* navBtn
---------------------------------------------------- */
				section.catch .sectionBox p.pageBtn{
					width: 80%;
					height: 46px;
					margin: 18px auto 0;
					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;
				}
				section.catch .sectionBox p.pageBtn 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;
				}


}