/*--------------------------------------------------------------
#category-top-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#category-top-area {
		background: url("img/top_ground.jpg") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
#slogan-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#slogan-area {
		margin: 0 5%;
		padding: 0;
	}
	
	#slogan-area ul {
		margin: 0 0 50px 0;
		padding: 0;
		
	}
	
	#slogan-area ul li {
		margin: 0 30px;
		padding: 0;
		text-align: center;
	}
	
	#slogan-area ul li img {
		height: 70px;
		width: auto;
	}
	
	#slogan-area p {
		margin: 0 0 50px 0;
		padding: 0;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#slogan-area ul {
		margin: 0 0 50px 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#slogan-area ul li img {
		height: auto;
		width: 100%;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#slogan-area {
		margin: 0 10%;
		padding: 0;
	}
	
	
	#slogan-area ul li {
		margin: 0 30px;
		padding: 0;
	}
	
	#slogan-area p {
		margin: 0 0 80px 0;
		padding: 0;
		text-align: center;
		font-size: 20px;
		font-weight: bold;
	}
	
}

/*--------------------------------------------------------------
#features-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#features-area {
		margin: 0 10%;
		padding: 0;
	}
	
	#features-area ul {
		margin: 0 0 50px 0;
		padding: 0;
		
	}
	
	#features-area ul li {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	
	#features-area ul li:nth-child(1),
	#features-area ul li:nth-child(2){
		margin: 0;
		padding: 0;
	}
	
	#features-area dl {
		margin: 0 0 40px 0;
		padding: 0;
	}
	
	#features-area dt {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#features-area dd {
		margin: 0;
		padding: 0 10px;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#features-area dd span {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
		display: block;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#features-area {
		margin: 0 10%;
		padding: 0;
	}
	
	#features-area ul {
		margin: 0 0 50px 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#features-area ul li {
		margin: 0;
		padding: 0;
		width: 33.3%
	}
	
	
	#features-area ul li:nth-child(1),
	#features-area ul li:nth-child(2){
		margin: 0 4vw 0 0;
		padding: 0;
	}
	
	#features-area dl {
		margin: 0;
		padding: 0;
	}
	
	#features-area dt {
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	#features-area dd {
		margin: 0;
		padding: 0 5px;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#features-area dd span {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 20px;
		font-weight: 600;
		text-align: center;
		display: block;
	}
	
}


/*--------------------------------------------------------------
#growth-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#growth-area {
		margin: 0;
		padding: 80px 0 30px 0;
		background: url("img/bg2.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	#growth-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#growth-area {
		margin: 0;
		padding: 120px 0 200px 0;
		background: url("img/bg2.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
}


/*--------------------------------------------------------------
.growth1
.growth3
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.growth1,
	.growth3{
		margin: 30px 10% 50px 10%;
		padding: 0;
		position: relative;
	}
	
	.growth1 dl,
	.growth3 dl {
		margin: 0;
		padding: 0;
	}
	
	.growth1 dt,
	.growth3 dt {
		margin: -20px 0 20px 0;
		padding: 0;
		text-align: center;
	}
	
	.growth1 dt span,
	.growth3 dt span {
		margin: 0;
		padding: 30px 70px;
		font-size: 18px;
		color: #FFF;
		font-weight: 600;
		display: inline-block;
	}
	
	.growth1 dt span {
		background: url("img/item_daen_23sai.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.growth3 dt span {
		background: url("img/item_daen_5sai.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.growth1 dd,
	.growth3 dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	.growth1 p {
		margin: 0;
		padding: 0;
		width: 80px;
		position: absolute;
		top: 0;
		bottom: auto;
		right: -8%;
		left: auto;
	}
	
	.growth3 p {
		margin: 0;
		padding: 0;
		width: 100px;
		position: absolute;
		top: 0;
		bottom: auto;
		right: -5%;
		left: auto;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.growth1,
	.growth3{
		margin: 50px 10% 80px 10%;
		padding: 0 10% 150px 0;
		position: relative;
	}
	
	.growth1 dl,
	.growth3 dl {
		margin: 0;
		padding: 0;
		position: absolute;
		min-width: 400px;
		width: 40%;
		bottom: 0;
		right: 5%;
	}
	
	.growth1 dt,
	.growth3 dt {
		margin: 0 0 1.5vw 0;
		padding: 0;
		text-align: left;
	}
	
	.growth1 dt span,
	.growth3 dt span {
		margin: 0;
		padding: 30px 100px;
		font-size: 20px;
		color: #FFF;
		font-weight: 600;
		display: inline-block;
	}
	
	.growth1 dt span {
		background: url("img/item_daen_23sai.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.growth3 dt span {
		background: url("img/item_daen_5sai.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.growth1 dd,
	.growth3 dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	.growth1 p {
		margin: 0;
		padding: 0;
		width: 10vw;
		position: absolute;
		top: auto;
		bottom: -50px;
		right: auto;
		left: 10%;
	}
	
	.growth3 p {
		margin: 0;
		padding: 0;
		width: 20vw;
		position: absolute;
		top: auto;
		bottom: -180px;
		right: auto;
		left: 5%;
	}
	
}


/*--------------------------------------------------------------
.growth2
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.growth2 {
		margin: 0 10% 20px 10%;
		padding: 0;
		position: relative;
	}
	
	.growth2 dl {
		margin: 0;
		padding: 0;
	}
	
	.growth2 dt {
		margin: -20px 0 20px 0;
		padding: 0;
		text-align: center;
	}
	
	.growth2 dt span {
		margin: 0;
		padding: 30px 70px;
		background: url("img/item_daen_34sai.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		font-size: 18px;
		color: #FFF;
		font-weight: 600;
		display: inline-block;
	}
	
	.growth2 dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	.growth2 p {
		margin: 0;
		padding: 0;
		width: 100px;
		position: absolute;
		top: 0;
		bottom: auto;
		left: 0;
		right: auto;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.growth2 {
		margin: 50px 10% 80px 10%;
		padding: 0 0 100px 10%;
		position: relative;
	}
	
	.growth2 dl {
		margin: 0;
		padding: 0;
		position: absolute;
		min-width: 400px;
		width: 40%;
		bottom: 0;
		left: 5%;
	}
	
	.growth2 dt {
		margin: 0 0 1.5vw 0;
		padding: 0;
		text-align: left;
	}
	
	.growth2 dt span {
		margin: 0;
		padding: 30px 100px;
		background: url("img/item_daen_34sai.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		font-size: 20px;
		color: #FFF;
		font-weight: 600;
		display: inline-block;
	}
	
	.growth2 dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	.growth2 p {
		margin: 0;
		padding: 0;
		width: 18vw;
		position: absolute;
		top: auto;
		bottom: -50px;
		left: auto;
		right: 10%;
	}
	
}


/*--------------------------------------------------------------
#education-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#education-area {
		margin: 0 10%;
		padding: 50px 0 0 0;
		position: relative;
	}
	
	#education-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#education-area ul {
		margin: 0;
		padding: 50px 0 0 0;
	}
	
	#education-area li {
		margin: 0 0 50px 0;
		padding: 0;
	}
	
	#education-area dl {
		margin: 0;
		padding: 0;
	}
	
	#education-area dt {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		letter-spacing: 2px;
	}
	
	#education-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#education-area {
		margin: 0 15%;
		padding: 50px 0;
		position: relative;
	}
	
	#education-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#education-area ul {
		margin: 0;
		padding: 60px 0 0 0;
	}
	
	#education-area li {
		margin: 0 0 80px 0;
		padding: 0;
	}
	
	#education-area dl {
		margin: 0;
		padding: 0;
	}
	
	#education-area dt {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 2px;
	}
	
	#education-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
}


/*--------------------------------------------------------------
#daycare-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#daycare-area {
		margin: 0;
		padding: 100px 0 70px 0;
	}
	
	#daycare-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.dc_right {
		margin: 30px 0 0 0;
		padding: 20px 0 20px 10%;
		background: url("img/item_bg_dot.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 0 left -10%; 
		position: relative;
	}
	
	.dc_left {
		margin: 30px 0 0 0;
		padding: 20px 10% 20px 0;
		background: url("img/item_bg_dot.png") no-repeat;
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		background-position: top 0 right -10%; 
		position: relative;
	}
	
	.dc_right dl {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.dc_left dl {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.dc_right dt,
	.dc_left dt {
		margin: 20px 0 20px 0;
		font-size: 20px;
		font-weight: 600;
		letter-spacing: 1px;
	}
	
	.dc_left dt {
		padding: 0 0 0 10%;
	}
	
	.dc_right dt span,
	.dc_left dt span {
		margin: 15px 0 0 0;
		font-size: 14px;
		font-family: 'Patrick Hand', cursive;
		display: block;
		letter-spacing: 0;
		font-weight: normal;
	}
	
	.dc_right dd,
	.dc_left dd {
		margin: 0;;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	.dc_right dd {
		padding-right: 10%;
	}
	
	.dc_left dd {
		padding-left: 10%;
	}
	
	.btn_box {
		padding-top: 30px;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#daycare-area {
		margin: 0;
		padding: 130px 0;
	}
	
	#daycare-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.dc_right {
		margin: 80px 0 0 0;
		padding: 0 0 0 50%;
		background: url("img/item_bg_dot.png") no-repeat;
		-webkit-background-size: 15% auto;
		background-size: 15% auto;
		background-position: top 0 left -60px; 
		position: relative;
	}
	
	.dc_left {
		margin: 80px 0 0 0;
		padding: 0 50% 0 0;
		background: url("img/item_bg_dot.png") no-repeat;
		-webkit-background-size: 15% auto;
		background-size: 15% auto;
		background-position: top 0 right -60px; 
		position: relative;
	}
	
	.dc_right dl {
		margin: 0;
		padding: 0;
		position: absolute;
		left: 10%;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		width: 30%;
	}
	
	.dc_left dl {
		margin: 0;
		padding: 0;
		position: absolute;
		right: 10%;
		top: 50%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		width: 30%;
	}
	
	.dc_right dt,
	.dc_left dt {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 2.3vw;
		font-weight: 600;
		letter-spacing: 2px;
	}
	
	.dc_right dt span,
	.dc_left dt span {
		margin: 15px 0 0 0;
		font-size: 1.5vw;
		font-family: 'Patrick Hand', cursive;
		display: block;
		letter-spacing: 0;
		font-weight: normal;
	}
	
	.dc_right dd,
	.dc_left dd {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	.btn_box {
		padding-top: 30px;
	}
	
}