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



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




/* PC */
@media screen and (min-width: 801px), print {

img {
	max-width:100%;
	}

#header {
	padding:0;
	position:absolute;
	top:30px;
	right:30px;
	z-index:1;
	}
#header h1 {
	display:none;
	}

.wrap {
	max-width: 1040px;
	margin-left: auto;
	margin-right: auto;
	}
.wrap_w {
	max-width:1300px;
	margin:auto;
	}

.box_shadow {
	box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1);
	}
.btn_margin {
    margin: 12px;    
    }

#main {
	top:-36px;
	}
	#main .sec {
		position:relative;
		}
		#main .sec .btnArea {
			}
			#main .sec .btnArea a {
				background-color:#d680b9;
				color:#fff;
				padding:10px 64px;
				display:inline-block;
				border-radius:23px;
				-webkit-border-radius: 23px;
				-moz-border-radius: 23px;
				transition: 0.1s all ease 0s;
				}
			#main .sec .btnArea a:hover {
				box-shadow: none;
				transform: translate3d(4px, 4px, 0);
				}
	#main .illust {
		}
		#main .illust img {
			position:absolute;
			}
		#main .sec01 .illust img.top ,
		#main .sec02 .illust img.top {
			top:40px;
			left:20px;
			}
		#main .sec01 .illust img.btm ,
		#main .sec02 .illust img.btm {
			bottom:30px;
			right:20px;
			}
	#main .sec01 {
		background-image:url(../img/sec01_bg.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		height:900px;
		display:table;
		width:100%;
		}
		#main .sec01 dl {
			position:absolute;
			top:25%;
			left:20%;
			text-align:center;
			}
			#main .sec01 dl dt {
				margin-bottom:15%;
				}
			#main .sec01 dl dd {
				font-size:31px;
				font-weight:bold;
				letter-spacing:0.6em;
				line-height:2.2;
				margin-right:-0.6em;
				}
	#main .sec02 {
		background-image:url(../img/sec02_bg.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
		height:780px;
		}
		#main .sec02 .wrap {
			position:absolute;
			top:20%;
			left:0;
			right:0;
			}
		#main .sec02 dl {
			font-weight:bold;
			width:55%;
			margin-bottom:60px;
			}
			#main .sec02 dl dt {
				font-size:30px;
				margin-bottom:30px;
				letter-spacing:0.1em;
				}
			#main .sec02 dl dd {
				font-size:16px;
				line-height:2.8;
				}

	#main .pointArea {
		padding:100px 0;
		}
		#main .pointArea .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .pointArea .sec_tit .illust img.top {
				top:0px;
				right:100px;
				}
			#main .pointArea .sec_tit .illust img.btm {
				bottom:0px;
				left:100px;
				}
			#main .pointArea .sec_tit dl {
				}
				#main .pointArea .sec_tit dl dt {
					}
				#main .pointArea .sec_tit dl dd {
					margin-top:20px;
					font-size:20px;
					font-weight:bold;
					line-height:1.5;
					letter-spacing:0.2em;
					}
			#main .pointArea .sec_inn {
				margin-top:60px;
				}
				#main .pointArea .sec_inn ul {
					}
					#main .pointArea .sec_inn ul li {
						float:left;
						width:25%;
						position:relative;
						padding:0 0.5%;
						box-sizing:border-box;
						}
					#main .pointArea .sec_inn ul li .pinArea {
						position:absolute;
						top:10px;
						left:10px;
						width:61px;
						}
					#main .pointArea .sec_inn ul li .sec_inn_pht {
						margin:0 auto;
						max-width:301px;
						}
					#main .pointArea .sec_inn ul li dl {
						margin-top:20px;
						}
						#main .pointArea .sec_inn ul li dl dt {
							font-size:18px;
							font-weight:bold;
							line-height:1.4;
							letter-spacing:0.2em;
							text-align:center;
							margin-bottom:15px;
							}
						#main .pointArea .sec_inn ul li dl dd {
							width:75%;
							margin:auto;
							}
						#main .pointArea .sec_inn ul li dl dd .btnArea {
							margin-top:10px;
							}
						#main .pointArea .sec_inn ul li dl dd .note {
							margin-top:10px;
							font-size:12px;
							text-indent:-1em;
							margin-left:1em;
							}

	#main .programArea {
		background-image:url(../img/bg.png);
		text-align:center;
		padding:60px 0 90px;
		}
	#main .programArea:before {
		content:"";
		height:10px;
		display:block;
		background-image:url(../img/wave.png);
		position:absolute;
		top:-10px;
		width:100%;
		}
		#main .programArea .illust {
			  position: relative;
			}
		#main .programArea .illust .ili01 {
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -700px;
			z-index: 999;
			width: 198px;
			}
	
		#main .programArea .illust .ili02 {
			position: absolute;
			top: 0;
			right: 10%;
			z-index: 999;
			width: 234px;
			}
		#main .programArea .illust .ili03 {
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: -800px;
			z-index: 999;
			width: 275px;
			}
		#main .programArea .illust .ili04 {
			position: absolute;
			top: 0;
			right: 10%;
			z-index: 999;
			width: 243px;
			}
	
	
	
	
	
	
		#main .programArea .sec_tit {
			}
			#main .programArea .sec_tit dl {
				}
				#main .programArea .sec_tit dl dt {
					}
				#main .programArea .sec_tit dl dd {
					margin-top:20px;
					font-size:20px;
					font-weight:bold;
					line-height:1.5;
					letter-spacing:0.2em;
					}
			#main .programArea .sec_inn {
				margin-top:30px;
				}
				#main .programArea .sec_inn dl {
					margin-bottom:40px;
					}
					#main .programArea .sec_inn dl dt {
						margin-bottom:20px;
						}
					#main .programArea .sec_inn dl dd {
						font-size:16px;
						font-weight:bold;
						}

	#main .lifeArea {
		padding:60px 0 90px;
		min-width:1040px;
		}
		#main .lifeArea .wrap_w.cbox {
			position:relative;
			}
		#main .lifeArea .umaArea {
			position:absolute;
			top:200px;
			left:0;
			z-index:1;
			background:#e9bedb;
			width:350px;
			box-sizing:border-box;
			padding:60px;
			border-radius:10px;
			margin-left:60px;
			}
			#main .lifeArea .uma {
				position:absolute;
				top:90px;
				left:0px;
				z-index:2;
				}
			#main .lifeArea .umaArea p {
				color:#fff;
				margin-bottom:20px;
				}
			#main .lifeArea .umaArea .btn {
				background-color:#fff;
				color:#d680b9;
				}
		#main .lifeArea .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .lifeArea .illust img.top {
				top:300px;
				right:100px;
				z-index:1;
				}
			#main .lifeArea .illust img.btm {
				bottom:200px;
				left:100px;
				z-index:1;
				}
			#main .lifeArea .sec_tit dl {
				margin-bottom:50px;
				}
				#main .lifeArea .sec_tit dl dt {
					}
				#main .lifeArea .sec_tit dl dd {
					margin-top:20px;
					font-size:20px;
					font-weight:bold;
					line-height:1.5;
					letter-spacing:0.2em;
					}
		#main .lifeArea .sec_inn {
			float:right;
			width:90%;
		}

	#main .nurseryArea {
		padding:60px 0 90px;
		}
		#main .nurseryArea .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .nurseryArea .illust img.top {
				top:-60px;
				right:100px;
				}
			#main .nurseryArea .illust img.btm {
				bottom:0px;
				left:100px;
				}
			#main .nurseryArea .sec_tit dl {
				margin-bottom:50px;
				}
				#main .nurseryArea .sec_tit dl dt {
					}
				#main .nurseryArea .sec_tit dl dd {
					margin-top:20px;
					font-size:20px;
					font-weight:bold;
					line-height:1.5;
					letter-spacing:0.2em;
					}
			#main .nurseryArea .sec_inn {
				}
				#main .nurseryArea .sec_inn ul {
					}
					#main .nurseryArea .sec_inn ul li {
						float:left;
						width:33.33%;
						position:relative;
						padding:0 2%;
						box-sizing:border-box;
						}
					#main .nurseryArea .sec_inn ul li .pinArea {
						position:absolute;
						top:-20px;
						left:0;
						width:71px;
						}
					#main .nurseryArea .sec_inn ul li dl {
						margin-top:20px;
						}
						#main .nurseryArea .sec_inn ul li dl dt {
							font-size:18px;
							font-weight:bold;
							line-height:1.4;
							letter-spacing:0.2em;
							text-align:center;
							margin-bottom:15px;
							}
						#main .nurseryArea .sec_inn ul li dl dd {
							width:75%;
							margin:auto;
							}
			#main .nurseryArea .btnArea {
				text-align:center;
				margin-top:-20px;
				margin-bottom:50px;
				}
				#main .nurseryArea .btnArea .btn {
					background-color:#fff;
					color:#d680b9;
					}

	#main .sec03 {
		padding:60px 0 150px;
		}
		#main .sec03 .sec03_pht {
			max-height: 490px;
			overflow: hidden;
			}
			#main .sec03 .sec03_pht img {
				max-width:none;
				width:100%;
				}
		#main .sec03 .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .sec03 .wrap_w {
				position: relative;
				}
			#main .sec03 .illust img.top {
				bottom: -185px;
				right: 17%;
				z-index: 1;
				}
			#main .sec03 .illust img.btm {
				bottom: -260px;
				left: 100px;
				z-index: 1;
				}
			#main .sec03 .sec_tit dl {
				margin-bottom:50px;
				}
				#main .sec03 .sec_tit dl dt {
					}
				#main .sec03 .sec_tit dl dd {
					margin-top:20px;
					font-size:20px;
					font-weight:bold;
					line-height:1.5;
					}
			#main .sec03 .sec_inn {
				}
				#main .sec03 ul {
					margin-top:-150px;
					}
					#main .sec03 ul li {
						text-align:center;
						float:left;
						width:25%;
						position:relative;
						padding:0 2%;
						box-sizing:border-box;
						}
					#main .sec03 ul li:nth-of-type(even) {
						margin-top:85px;
						}
					#main .sec03 ul li .box_shadow {
						border-radius:10px;
						}
					#main .sec03 ul li dl {
						margin-top:20px;
						}
						#main .sec03 ul li dl dt {
							margin-bottom:15px;
							}
						#main .sec03 ul li dl dd {
							font-size:16px;
							font-weight:bold;
							letter-spacing:0.2em;
							}
			#main .sec03 .btnArea {
				text-align:center;
				margin-top:-20px;
				margin-bottom:50px;
				}
				#main .sec03 .btnArea .btn {
					background-color:#fff;
					color:#d680b9;
					}
			#main .sec03 .bnr {
				width: 1000px;
				margin: 0 auto;
				margin-top: 50px;
				}	
			#main .sec03 .bnr .box_shadow {
				border-radius:10px;
				}	
    
    .inline-block_test {
    display: inline-block;      /* インラインブロック要素にする */
    background-color:#d680b9;
				color:#fff;
				padding:10px 64px;
				display:inline-block;
				border-radius:23px;
				-webkit-border-radius: 23px;
				-moz-border-radius: 23px;
				transition: 0.1s all ease 0s;    /* 背景色指定 */
}
	
    
	
#footer ul {
}






}






/* SP */
@media only screen and (max-width: 800px) {

html,body {
	height:100%;
}

img {
	max-width:100%;
	}

#header {
	padding:0;
	position:absolute;
	top:30px;
	right:30px;
	z-index:1;
	}
#header h1 {
	display:none;
	}

.wrap {
	padding:0 5%;
	margin-left: auto;
	margin-right: auto;
	}
.wrap_w {
	margin:auto;
	}

.box_shadow {
	box-shadow: 10px 10px 10px 0 rgba(0, 0, 0, 0.1);
	}
.btn_margin {
    margin: 8px;    
    }

#main {
	}
	#main .sec {
		position:relative;
		}
		#main .sec .btnArea {
			}
			#main .sec .btnArea a {
				background-color:#d680b9;
				color:#fff;
				padding:10px 64px;
				display:inline-block;
				border-radius:23px;
				-webkit-border-radius: 23px;
				-moz-border-radius: 23px;
				transition: 0.1s all ease 0s;
				}
			#main .sec .btnArea a:hover {
				box-shadow: none;
				transform: translate3d(4px, 4px, 0);
				}
	#main .illust {
		}
		#main .illust img {
			position:absolute;
			}
		#main .sec01 .illust img.top {
			top:10px;
			left:10px;
			width:130px;
			}
		#main .sec01 .illust img.btm {
			bottom:10px;
			right:10px;
			width:120px;
			}
		#main .sec02 .illust img.top {
			top:10px;
			left:0px;
			width:50px;
			}
		#main .sec02 .illust img.btm {
			bottom:10px;
			right:0px;
			width:50px;
			}
	#main .sec01 {
		background: #f7f7f7 url(../img/sec01_bg.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position: 55% bottom;
		width:100%;
		height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
		}
		#main .sec01 dl {
			text-align:center;
			padding-top: 15%;
			text-align: center;
			}
			#main .sec01 dl dt {
				width:120px;
				margin: 0 auto;
				margin-bottom: 5%;
				}
			#main .sec01 dl dd {
				font-size:20px;
				font-weight:bold;
				letter-spacing:0.3em;
				line-height:1.8;
				margin-right:-0.3em;
				}
	#main .sec02 {
		background-image:url(../img/sec02_bg_sp.jpg);
		background-repeat:no-repeat;
		background-size:cover;
		background-position: top right;
		padding:60px 0 40px;
		}
		#main .sec02 dl {
			font-weight:bold;
			margin-bottom:30px;
			}
			#main .sec02 dl dt {
				font-size:116%;
				margin-bottom:15px;
				}
			#main .sec02 dl dd {
				line-height:2;
				}
		#main .sec02 .btnArea {
			text-align:center;
			}

	#main .pointArea {
		padding:50px 0;
		}
		#main .pointArea .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .pointArea .sec_tit .illust img.top {
				top:-30px;
				right:30px;
				width:70px;
				}
			#main .pointArea .sec_tit .illust img.btm {
				bottom:50px;
				left:40px;
				width:50px;
				}
			#main .pointArea .sec_tit dl {
				}
				#main .pointArea .sec_tit dl dt {
					width:50%;
					margin:0 auto;
					}
				#main .pointArea .sec_tit dl dd {
					margin-top:20px;
					font-size:18px;
					font-weight:bold;
					line-height:1.5;
					}
			#main .pointArea .sec_inn {
				margin-top:30px;
				text-align:center;
				}
				#main .pointArea .sec_inn ul {
					}
					#main .pointArea .sec_inn ul li {
						position:relative;
						padding:0 1%;
						box-sizing:border-box;
						margin:0 auto;
						margin-bottom: 10%;
						}
					#main .pointArea .sec_inn ul li + li {
						margin-top:30px;
						}
					#main .pointArea .sec_inn ul li .sec_inn_pht {
						width:302px;
						margin:0 auto;
						position:relative;
						}
					#main .pointArea .sec_inn ul li .pinArea {
						position:absolute;
						top:10px;
						left:10px;
						width:61px;
						}
					#main .pointArea .sec_inn ul li dl {
						margin-top:5%;
						}
						#main .pointArea .sec_inn ul li dl dt {
							font-size:116%;
							font-weight:bold;
							line-height:1.4;
							letter-spacing:0.2em;
							text-align:center;
							margin-bottom:15px;
							}
						#main .pointArea .sec_inn ul li dl dd {
							width: 70%;
							margin:auto;
							text-align:left;
							}
						#main .pointArea .sec_inn ul li dl dd .btnArea {
							text-align: center;
							margin-top:10px;
							}
						#main .pointArea .sec_inn ul li dl dd .note {
							margin-top:10px;
							font-size:12px;
							text-indent:-1em;
							margin-left:1em;
							}

	#main .programArea {
		background-image:url(../img/bg.png);
		text-align:center;
		padding:30px 5% 45px;
		box-sizing:border-box;
		}
	#main .programArea:before {
		content:"";
		height:10px;
		display:block;
		background-image:url(../img/wave.png);
		position:absolute;
		top:-10px;
		width:100%;
		left:0;
		}
		#main .programArea .illust {
			  position: relative;
			}
		#main .programArea .illust .ili01 {
			position: absolute;
			top: 0;
			left: -10%;
			z-index: 0;
			width: 20%;
			}
		#main .programArea .illust .ili02 {
			position: absolute;
			top: 0;
			right: 10%;
			z-index: 0;
			width: 20%;
			}
		#main .programArea .illust .ili03 {
			position: absolute;
			top: 0;
			left: -10%;
			z-index: 0;
			width: 25%;
			}
		#main .programArea .illust .ili04 {
			position: absolute;
			top: 0;
			right: 10%;
			z-index: 0;
			width: 20%;
			}
	
	
	
	
	
		#main .programArea .sec_tit {
			}
			#main .programArea .sec_tit dl {
				}
				#main .programArea .sec_tit dl dt {
					width:50%;
					margin:0 auto;
					}
				#main .programArea .sec_tit dl dd {
					margin-top:20px;
					font-size:18px;
					font-weight:bold;
					line-height:1.5;
					}
			#main .programArea .sec_inn {
				margin-top:30px;
				}
				#main .programArea .sec_inn dl {
					margin-bottom:30px;
					}
					#main .programArea .sec_inn dl dt {
						margin:0 auto 20px;
						width:50%;
						}
					#main .programArea .sec_inn dl dd {
						text-align: left;
						font-weight:bold;
						}

	#main .lifeArea {
		padding:30px 0 45px;
		box-sizing:border-box;
		}
		#main .lifeArea .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .lifeArea .illust img.top {
				top:500px;
				right:20px;
				width:70px;
				}
			#main .lifeArea .illust img.btm {
				bottom: 500px;
				left: 40px;
				width: 50px;
				z-index:2;
				}
			#main .lifeArea .sec_tit dl {
				margin-bottom:30px;
				}
				#main .lifeArea .sec_tit dl dt {
					width:50%;
					margin:0 auto;
					}
				#main .lifeArea .sec_tit dl dd {
					margin-top:20px;
					font-size:18px;
					font-weight:bold;
					line-height:1.5;
					}
		#main .lifeArea .umaArea {
			background:#e9bedb;
			box-sizing:border-box;
			padding:10%;
			border-radius:10px;
			margin-bottom:30px;
			width:90%;
			margin:-20px auto 0;
			position:relative;
			z-index:1;
			}
			#main .lifeArea .uma {
				position:absolute;
				top:160px;
				left:0px;
				width:100px;
				z-index: 999;
				}
			#main .lifeArea .umaArea p {
				color:#fff;
				margin-bottom:20px;
				}
			#main .lifeArea .umaArea .btnArea {
				text-align:center;
				}
			#main .lifeArea .umaArea .btn {
				background-color:#fff;
				color:#d680b9;
				}
		#main .lifeArea .sec_inn {
		}

	#main .nurseryArea {
		padding:30px 0 45px;
		}
		#main .nurseryArea .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .nurseryArea .illust img.top {
				top:-60px;
				right:100px;
				}
			#main .nurseryArea .illust img.btm {
				bottom:0px;
				left:100px;
				}
			#main .nurseryArea .sec_tit dl {
				margin-bottom:30px;
				}
				#main .nurseryArea .sec_tit dl dt {
					width:50%;
					margin:0 auto;
					}
				#main .nurseryArea .sec_tit dl dd {
					margin-top:20px;
					font-size:18px;
					font-weight:bold;
					line-height:1.5;
					}
			#main .nurseryArea .sec_inn {
				}
				#main .nurseryArea .sec_inn ul {
					}
					#main .nurseryArea .sec_inn ul li {
						position:relative;
						padding:0 5%;
						box-sizing:border-box;
						margin:0 auto;
						max-width:456px;
						}
					#main .nurseryArea .sec_inn ul li .pinArea {
						position:absolute;
						top:-20px;
						left:5px;
						width:71px;
						}
					#main .nurseryArea .sec_inn ul li .phtArea {
						text-align:center;
						}
					#main .nurseryArea .sec_inn ul li dl {
						margin-top:20px;
						}
						#main .nurseryArea .sec_inn ul li dl dt {
							font-size:18px;
							font-weight:bold;
							line-height:1.4;
							letter-spacing:0.2em;
							text-align:center;
							margin-bottom:15px;
							}
						#main .nurseryArea .sec_inn ul li dl dd {
							width:75%;
							margin:auto;
							}
			#main .nurseryArea .btnArea {
				text-align:center;
				margin-top:-20px;
				margin-bottom:50px;
				}
				#main .nurseryArea .btnArea .btn {
					background-color:#fff;
					color:#d680b9;
					}

	#main .sec03 {
		padding:30px 0 75px;
		}
		#main .sec03 .sec_tit {
			text-align:center;
			position:relative;
			}
			#main .sec03 .illust img.top {
				bottom:-35px;
				right:20px;
				z-index:1;
				width:60px;
				}
			#main .sec03 .illust img.btm {
				bottom:-100px;
				left:40px;
				z-index:1;
				width:40px;
				}
			#main .sec03 .sec_tit dl {
				margin-bottom:50px;
				}
				#main .sec03 .sec_tit dl dt {
					}
				#main .sec03 .sec_tit dl dd {
					margin-top:20px;
					font-size:20px;
					font-weight:bold;
					line-height:1.5;
					}
			#main .sec03 .sec_inn {
				}
				#main .sec03 ul {
					margin-top:-50px;
					padding:0 2.5%;
					box-sizing:border-box;
					}
					#main .sec03 ul li {
						text-align:center;
						float:left;
						width:50%;
						position:relative;
						padding:0 2.5%;
						box-sizing:border-box;
						}
					#main .sec03 ul li {
						border-radius:15px;
						}
					#main .sec03 ul li .box_shadow {
						border-radius:15px;
						}
					#main .sec03 ul li:nth-of-type(n+3) {
						margin-top:25px;
						}
					#main .sec03 ul li dl {
						margin-top:15px;
						}
						#main .sec03 ul li dl dt {
							margin-bottom:5px;
							width: 60%;
							margin: 0 auto;
							}
						#main .sec03 ul li dl dd {
							font-size:12px;
							font-weight:bold;
							letter-spacing:0.1em;
							line-height:1.6;
							}
			#main .sec03 .btnArea {
				text-align:center;
				margin-top:-20px;
				margin-bottom:50px;
				}
				#main .sec03 .btnArea .btn {
					background-color:#fff;
					color:#d680b9;
					}
	
			#main .sec03 .bnr {
				padding: 5%;
				}	
			#main .sec03 .box_shadow {
				border-radius:10px;
				}	
	
	
	
	
#footer ul {
    top: 30px;
}




}