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

a:hover{
	text-decoration: none;
}

/* PC (1025～)
-----------------------------------------------------------------
----------------------------------------------------------------- */

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


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



/* section.catch
---------------------------------------------------- */
		section.catch p{
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			text-align: center;
			width: 100%;
			margin: 0 auto;
		}
			
/* section.contents
---------------------------------------------------- */
	section.contents .sectionBlock{
		padding-bottom: 80px;
		border-bottom: 1px solid #ABD4AB;
	}
	section.contents .priceBlock{
		padding-bottom: 0;
		border-bottom: none;
	}
	section.contents div.sectionBlock h2{
		width: 100%;
		font-size: 166%;
		font-weight: 900;
		letter-spacing: 0.01em;
		text-align: center;
		margin: 80px auto 26px;
	}
		section.contents div.sec{
			overflow: hidden;
			width: 100%;
		}
			section.contents div.sec figure{
				float: left;
				width: 51%;
			}
				section.contents div.sec figure img{
					width: 100%;
					height: auto;
				}
			section.contents div.sec div{
				float: right;
				width: 44%;
			}
				section.contents div.sec div h3{
					width: 100%;
					font-size: 166%;
					font-weight: 900;
					letter-spacing: 0.01em;
					line-height: 1.5;
					margin: 30px 0;
				}
				section.contents div.sec div h3.sustainableTitle{
					margin: 0 0 20px;
				}
				section.contents div.sec div p{
					width: 100%;
					font-size: 106%;
					letter-spacing: 0.01em;
					line-height: 2;
					text-align: justify;
				}
		section.contents div.photoBox{
			width: 86%;
			margin: 36px auto 0;
		}
			section.contents div.photoBox ul{
				overflow: hidden;
				width: 100%;
			}
				section.contents div.photoBox ul li{
					float: left;
					width: 24.25%;
					margin: 0 1% 1% 0;
				}
					section.contents div.photoBox ul li figure{
						width: 100%;
						line-height: 0;
					}
						section.contents div.photoBox ul li figure img{
							width: 100%;
							height: auto;
						}
					section.contents div.sec div figure{
						float: none;
						width: 100%;
						margin-top: 10px;
						margin-right: auto;
					}
						section.contents div.sec div figure img{
							max-width:344px;
							height: auto;
						}
			section.contents div.photoBox div{
				width: 100%;
				overflow: hidden;
				margin-bottom: 11px;
			}
				section.contents div.photoBox div div{
					float: left;
					width: 23.5%;
					margin-right: 2%;
				}
					section.contents div.photoBox div div figure{
						width: 100%;
						
					}
						section.contents div.photoBox div div figure img{
							width: 100%;
							height: auto;
					}
					section.contents div.photoBox div div h4{
						width: 100%;
						text-align: center;
						font-weight: 900;
						padding: 5px 0 0;
					}
	
	
/* navBtn
---------------------------------------------------- */
				section.contents p.pageBtn{
					width: 32%;
					margin: 33px auto 0;
					text-align: center;
					font-size: 126%;
					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.contents 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;
				}
				section.contents div.photoBox p.pageBtn{
					width: 32%;
				}


ul.caution{
	padding:10px 0px 0px 0px;	
}
	ul.caution li{
		font-size:87%;
		padding:0px 0px 0px 1em;
		text-indent:-1em;
		line-height:1.78em;
	}

}

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

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


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




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

			
/* section.contents
---------------------------------------------------- */
	section.contents .sectionBlock{
		padding-bottom: 33px;
		border-bottom: 1px solid #ABD4AB;
	}
	section.contents .priceBlock{
		padding-bottom: 0;
		border-bottom: none;
	}

	section.contents div.sectionBlock h2{
		width: 100%;
		font-size: 133%;
		font-weight: 900;
		letter-spacing: 0.01em;
		text-align: center;
		margin: 22px auto;
	}
		section.contents div.sec{
			overflow: hidden;
			width: 100%;
		}
			section.contents div.sec figure{
				width: 100%;
			}
				section.contents div.sec figure img{
					width: 100%;
					height: auto;
				}
			section.contents div.sec div{
				width: 100%;
			}
				section.contents div.sec div h3{
					width: 100%;
					font-size: 133%;
					font-weight: 900;
					line-height: 1.6;
					margin: 18px 0;	
				}
				section.contents div.sec div p{
					width: 100%;
					font-size: 96%;
					line-height: 1.9;
					text-align: justify;
					margin-bottom: 8px;
				}
		section.contents div.photoBox{
			width: 100%;
			margin-top: 22px;
		}
			section.contents div.photoBox ul{
				overflow: hidden;
				width: 100%;
			}
				section.contents div.photoBox ul li{
					float: left;
					width: 24.25%;
					margin: 0 1% 1% 0;
				}
					section.contents div.photoBox ul li figure{
						width: 100%;
						line-height: 0;
					}
						section.contents div.photoBox ul li figure img{
							width: 100%;
							height: auto;
						}
					section.contents div.sec div figure{
						float: none;
						width: 88%;
						margin: 0 auto;
					}
						section.contents div.sec div figure img{
							width: 100%;
							height: auto;
						}
			section.contents div.photoBox div{
				width: 100%;
				overflow: hidden;
				margin-bottom: 11px;
			}
				section.contents div.photoBox div div{
					float: left;
					width: 48%;
					margin-right: 2%;
				}
					section.contents div.photoBox div div figure{
						width: 100%;
						
					}
						section.contents div.photoBox div div figure img{
							width: 100%;
							height: auto;
					}
					section.contents div.photoBox div div h4{
						width: 100%;
						font-weight: 900;
						padding: 5px 0 0;
						text-align: center;
					}
	
	
/* navBtn
---------------------------------------------------- */
				section.contents p.pageBtn{
					width: 73%;
					margin: 18px auto 0;
					text-align: center;
					font-size: 106%;
					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;
					height: 40px;
				}
				section.contents p.pageBtn a{
					display: inline-block;
					width: 100%;
					height: 100%;
					color: #3eb134;
					padding: 8px 2em;
					border: 2px solid #3eb134;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					vertical-align: middle;
					line-height: 21px;
				}
				section.contents div.photoBox p.pageBtn{
					width: 70%;
				}




ul.caution{
	padding:10px 0px 0px 0px;	
}
	ul.caution li{
		font-size:87%;
		padding:0px 0px 0px 1em;
		text-indent:-1em;
		line-height:1.78em;
	}
	
		
}