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

a:hover{
	text-decoration: none;
}

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



section.functionList div.functionBox div h4.pc{
	display: none !important;
}


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



/* 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;
			letter-spacing: 0.01em;
			text-align: center;
		}	
		section.catch p{
			font-size: 106%;
			line-height: 2;
			letter-spacing: 0.01em;
			width: 86%;
			margin: 0 auto 0;
		}



/* section.smartBlock
---------------------------------------------------- */
		section.smartBlock .sectionBlock{
			padding-bottom: 11px;
			border-bottom: 1px solid #ABD4AB;
		}
			section.smartBlock div.sec{
				width: 100%;
				margin: 0 auto;
				overflow: hidden;
			}
				section.smartBlock div.sec figure{
					width: 100%;
				}
					section.smartBlock div.sec figure img{
						width: 100%;
						height: auto;
					}
				section.smartBlock div.sec div.textBox{
					width: 100%;
					margin-top: 22px;
				}
					section.smartBlock div.sec div.textBox div{
						width: 100%;
						overflow: hidden;
					}
						section.smartBlock div.sec div.textBox div figure{
							float: left;
							width: 19%;
						}
							section.smartBlock div.sec div.textBox div figure img{
								width: 100%;
								height: auto;
							}
						section.smartBlock div.sec div.textBox div div{
							float: right;
							width: 78%;
							margin-bottom: 22px;
						}
							section.smartBlock div.sec div.textBox div div h3{
								width: 100%;
								font-size: 133%;
								font-weight: 900;
								letter-spacing: 0.01em;
								margin: 0 0 3px;
								-webkit-box-sizing: border-box;
								box-sizing: border-box;
							}
							section.smartBlock div.sec div.textBox div div p{
								letter-spacing: 0.01em;
							}



/* section.catchSuv
---------------------------------------------------- */
			div.movieBox{
				width: 100%;
				margin: 0 auto 33px;
				position: relative;
			}
				.movieBox p.sp{
					width: 100%;
					font-size: 133%;
					font-weight: 900;
					letter-spacing: 0.01em;
					text-align: center;
					margin: 11px auto 16px;
				}
	
				div.movieBox figure{
					width: 100%;
				}
					div.movieBox figure img{
						width: 100%;
						height: auto;
					}
				div.movieBox h3{
					display: inline-block;
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%,0%);
					transform: translate(-50%,0%);
					width: 80%;
				}
					div.movieBox h3 img{
						width: 100%;
						height: auto;
					}
			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.readCopy{
				width: 100%;
				font-size: 106%;
				font-weight: 900;
				letter-spacing: 0.01em;
				text-align: center;
			}
	
			section.catchSuv div.figBox{
				width: 100%;
				margin: 33px auto;
				border-bottom: 1px solid #ABD4AB;
				position: relative;
			}
				section.catchSuv div.figBox p{
					
				}
				section.catchSuv div.figBox figure{
					width: 100%;
					margin: 0 auto;
					text-align: center;
					overflow: hidden;
					padding: 0 0 33px;
				}
					section.catchSuv div.figBox figure img{
						width: 100%;
						height: auto;
					}
					section.catchSuv div.figBox figure img.photoSp{
						margin-top: 0px;
					}
					section.catchSuv div.figBox figure img.photoSp2{
						-webkit-transform: scale(1.15);
						transform: scale(1.15);
					}



/* section.functionList
---------------------------------------------------- */
section.functionList{
	width: 100%;
	padding: 0;
}
	section.functionList .sectionBlock{
	}
	section.functionList div.sectionBlock{
		width: 96%;
		margin: 0 auto;
	}
			section.functionList div.subMain{
				position: relative;
				width: 100%;
				margin: 0 auto 33px;
			}
				section.functionList div.subMain figure{
					width: 100%;
				}
					section.functionList div.subMain figure img{
						width: 100%;
						height: auto;
					}
				section.functionList div.subMain h2{
					position: absolute;
					top: 50%;
					left: 50%;
					-webkit-transform: translate(-50%,-50%);
					transform: translate(-50%,-50%);
				}
					section.functionList div.subMain h2 img{
						width: 80%;
						height: auto;
					}
				section.catchSuv div.figBox p.figTitle{
					text-align: center;
					width: 100%;
					margin: 0px auto 11px;
					color: #3eb134;
					font-size: 106%;
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					line-height: normal;
					position: relative;
				}
					section.catchSuv div.figBox p.figTitle span{
						display: inline-block;
						text-align: center;
						width: 80%;
						padding: 0.7em 0.3em;
						background: #fff;
						color: #333;
					}
				section.catchSuv div.figBox p.figTitle::after{
					position: absolute;
					z-index: -100;
					top: 47%;
					left: 0;
					content: "";
					display: block;
					width: 100%;
					height: 1px;
					border-bottom: 1px solid #ABD4AB;
				}	


		section div.sectionBox{
			width: 100%;
		}
			section div.sectionBox .kidsBox{
				width: 100%;
			}
				section div.sectionBox .kidsBox figure{
					width: 100%;
					text-align: center;
					margin: 0 0 16px;
				}
					section div.sectionBox .kidsBox figure img{
						width: 66%;
						height: auto;
					}
	
			section.functionList h2{
				width: 100%;
				font-size: 133%;
				font-weight: 900;
				letter-spacing: 0.01em;
				text-align: center;
				margin: 0 auto 16px;
			}
			section.functionList div.functionBox{
				overflow: hidden;
				width: 100%;
			}
				section.functionList div.functionBox div{
					float: left;
					width: 48.5%;
					margin: 0 3% 5% 0;
				}
					section.functionList div.functionBox div figure{
						width: 100%;
					}
						section.functionList div.functionBox div figure img{
							width: 100%;
							height: auto;
						}
					section.functionList div.functionBox div h4{
						display: block;
						font-weight: 900;
						color: #e98e22;
						vertical-align: middle;
						font-size: 91%;
					}
						section.functionList div.functionBox div h4 span{
							display: inline-block;
							font-size: 106%;
							margin-right: 2px;
							vertical-align: middle;
						}
					section.functionList div.functionBox div p{
						font-size: 100%;
						line-height: normal;
						letter-spacing: 0.01em;
						text-align: justify;
						width: 100%;
						margin: 0;
					}


/* 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;
				}