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

a:hover{
	text-decoration: none;
}

h3.color01{
	color: #ec6d7b;
}
h3.color02{
	color: #68be83;
}
h3.color03{
	color: #4a8dcb;
}

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

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


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




/* section.catch
---------------------------------------------------- */
	section.catch .sectionBlock{
		margin: 0 auto;
			padding-bottom: 60px;
			border-bottom: 1px solid #ABD4AB;
	}
	h1 span{
		display: inline-block;
		font-size: 66%;
		margin-bottom: 8px;
	}
		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: 100%;
			margin: 22px auto 0;
		}


/* section.smartBlock
---------------------------------------------------- */
		section.contents .sectionBlock{
			padding-bottom: 80px;
			border-bottom: 1px solid #ABD4AB;
		}
			section.contents .sectionBlock div.sec{
				width: 100%;
			}
				section.contents .sectionBlock div.sec .photoBox{
					width: 100%;
					overflow: hidden;
					margin-top: 50px;
				}
					section.contents .sectionBlock div.sec .photoBox div{
						float: left;
						width: 32%;
						margin: 0 2% 0 0;
					}
						section.contents .sectionBlock div.sec .photoBox div figure{
							width: 100%;
						}
							section.contents .sectionBlock div.sec .photoBox div figure img{
								width: 100%;
								height: auto;
							}
						section.contents .sectionBlock div.sec .photoBox div h3{
							width: 100%;
							text-align: center;
							font-weight: 900;
							margin-top: 5px;
							letter-spacing: 0.03em;
						}

/* section.genkanBlock
---------------------------------------------------- */
		section.genkanBlock .sectionBlock{
			padding-bottom: 80px;
			border-bottom: 1px solid #ABD4AB;
		}
			section.genkanBlock div.sec{
				width:100%;
				margin: 0 auto;
				overflow: hidden;
				padding:50px 0px 0px 0px;
			}
				section.genkanBlock div.sec div.textBox{
					width: 100%;
				}
					section.genkanBlock div.sec div.textBox figure{
						width: 100%;
					}
						section.genkanBlock div.sec div.textBox div figure img{
							width: 100%;
							height: auto;
						}
						section.genkanBlock div.sec div.textBox h3{
							width: 100%;
							font-size: 116%;
							font-weight: 900;
							letter-spacing: 0.01em;
							margin: 8px 0 50px;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}
				section.genkanBlock div.sec figure{
					width: 100%;
				}
					section.genkanBlock div.sec figure img{
						width: 100%;
						height: auto;
					}
				section.genkanBlock .sectionBlock .photoBox{
					width: 100%;
					overflow: hidden;
					margin: 50px auto 0;
				}
					section.genkanBlock .sectionBlock .photoBox div{
						float: none;
						width: 30%;
						margin: 0 -13% 0 0;
					}
						section.genkanBlock .sectionBlock .photoBox div figure{
							width: 100%;
						}
							section.genkanBlock .sectionBlock .photoBox div figure img{
								width: 50%;
								height: auto;
							}
						section.genkanBlock .sectionBlock .photoBox div h3{
							width: 50%;
							text-align: center;
							font-weight: 900;
							margin-top: 5px;
							font-size: 98%;
						}


/* section.catchSuv
---------------------------------------------------- */
		section.catchSuv div.movieBox{
			width: 100%;
			margin: 0 auto 80px;
			padding-bottom: 80px;
			border-bottom: 1px solid #ABD4AB;
			position: relative;
		}
			section.catchSuv h2{
				width: 100%;
				font-size: 166%;
				font-weight: 900;
				letter-spacing: 0.01em;
				margin: 0 auto 22px;
				text-align: center;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}
			section.catchSuv p{
				font-size: 106%;
				line-height: 2;
				letter-spacing: 0.01em;
				text-align: center;
				width: 100%;
				margin: 22px auto 0;
			}


/* navBtn
---------------------------------------------------- */
				p.borderBox{
					width: 410px;
					margin: 50px auto;
					text-align: center;
					font-size: 116%;
					letter-spacing: 0.05em;
					color: #000;
					padding: 0.7em 3em;
					border: 2px solid #000;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}
	

section.mother{
	padding:0px 0px 0px 0px;
}
	section.mother h2{
		width: 100%;
		font-size: 166%;
		font-weight: 900;
		letter-spacing: 0.01em;
		margin: 0 auto 22px;
		text-align: center;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
	.motherFloat{
		clear:both;
		overflow:hidden;
		padding:15px 0px 0px 0px;
	}
		.motherFloat figure{
			width:371px;
			height:auto;
			float:right;
		}
			.motherFloat figure img{
				max-width:100%;
				height:auto;
			}
		.motherFloat .motherDetail{
			width:590px;	
			height:auto;
			float:left;
		}
			.motherDetail p{
				text-align:left;
				line-height: 2;
			}

}

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

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


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




/* section.catch
---------------------------------------------------- */
	section.catch .sectionBlock{
		margin: 0 auto;
	}
	h1 span{
		display: inline-block;
		font-size: 77%;
		margin-bottom: 8px;
	}
		section.catch p.readCopy{
			width: 100%;
			font-size: 133%;
			font-weight: 900;
			line-height: 1.6;
			letter-spacing: 0.01em;
			text-align: center;
			margin-bottom: 22px;
		}	
		section.catch p{
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			width: 86%;
			margin: 0 auto 0;
		}

/* section.smartBlock
---------------------------------------------------- */
		section.contents .sectionBlock{
			padding-bottom: 11px;
			border-bottom: 1px solid #ABD4AB;
		}
			section.contents .sectionBlock div.sec{
				width: 100%;
			}
				section.contents .sectionBlock div.sec .photoBox{
					width: 90%;
					overflow: hidden;
					margin: 0 auto;
				}
					section.contents .sectionBlock div.sec .photoBox div{
						width: 100%;
						margin: 0 auto 22px;
					}
						section.contents .sectionBlock div.sec .photoBox div figure{
							width: 100%;
						}
							section.contents .sectionBlock div.sec .photoBox div figure img{
								width: 100%;
								height: auto;
							}
						section.contents .sectionBlock div.sec .photoBox div h3{
							width: 100%;
							text-align: center;
							font-weight: 900;
							margin-top: 5px;
							letter-spacing: 0.03em;
						}


/* section.genkanBlock
---------------------------------------------------- */
		section.genkanBlock .sectionBlock{
			padding-bottom: 22px;
			border-bottom: 1px solid #ABD4AB;
		}
			section.genkanBlock div.sec{
				width: 100%;
				margin: 0 auto;
				overflow: hidden;
			}
				section.genkanBlock div.sec div.textBox{
					width: 100%;
				}
					section.genkanBlock div.sec div.textBox figure{
						width: 100%;
					}
						section.genkanBlock div.sec div.textBox div figure img{
							width: 100%;
							height: auto;
						}
						section.genkanBlock div.sec div.textBox h3{
							width: 100%;
							font-size: 106%;
							font-weight: 900;
							letter-spacing: 0.01em;
							margin: 8px 0 22px;
							-webkit-box-sizing: border-box;
							box-sizing: border-box;
						}
				section.genkanBlock div.sec figure{
					width: 100%;
				}
					section.genkanBlock div.sec figure img{
						width: 100%;
						height: auto;
					}
				section.genkanBlock .sectionBlock .photoBox{
					width: 100%;
					overflow: hidden;
					margin: 22px auto 0;
				}
					section.genkanBlock .sectionBlock .photoBox div{
						float: left;
						width: 49%;
						margin: 0 2% 4% 0;
					}
						section.genkanBlock .sectionBlock .photoBox div figure{
							width: 100%;
						}
							section.genkanBlock .sectionBlock .photoBox div figure img{
								width: 100%;
								height: auto;
							}
						section.genkanBlock .sectionBlock .photoBox div h3{
							width: 100%;
							text-align: center;
							font-weight: 900;
							margin-top: 5px;
							letter-spacing: 0.03em;
						}




/* section.catchSuv
---------------------------------------------------- */
			section.catchSuv div.movieBox{
				width: 100%;
				margin: 0 auto 33px;
				padding-bottom: 33px;
				border-bottom: 1px solid #ABD4AB;
				position: relative;
			}

			section.catchSuv h2{
				width: 100%;
				font-size: 133%;
				font-weight: 900;
				letter-spacing: 0.01em;
				margin: 0 auto 22px;
				text-align: center;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}

			section.catchSuv p{
				font-size: 106%;
				line-height: 2;
				letter-spacing: 0.01em;
				width: 86%;
				margin: 22px auto 33px;
			}




/* navBtn
---------------------------------------------------- */
				p.borderBox{
					width: 84%;
					margin: 22px auto 33px;
					text-align: center;
					font-size: 106%;
					letter-spacing: 0.05em;
					color: #000;
					padding: 0.7em 2em;
					border: 2px solid #000;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
				}


section.mother{
	padding:0px 0px 0px 0px;
}
	section.mother h2{
		width: 100%;
		text-align: center;
		font-size: 133%;
		font-weight: 900;
		line-height: 1.6;
		margin: 18px 0;
	}
	.motherFloat{
		clear:both;
		overflow:hidden;
	}
		.motherFloat figure{
			width:100%;
			height:auto;
		}
			.motherFloat figure img{
				width:100%;
				height:auto;
			}
		.motherFloat .motherDetail{
			width:100%;	
			height:auto;
		}
			.motherDetail p{
				margin-top: 8px;
				width: 100%;
				font-size: 96%;
				line-height: 1.9;
				text-align: justify;
			}
}