/*--------------------------------------------------------------
#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%;
	}
	
	#category-top-area p {
		text-align: center;
	}
	
}

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


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

/*--------------------------------------------------------------
#about-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#about-area {
		margin: 0 5%;
		padding: 0 0 50px 0;
	}
	
	#about-area h2 {
		text-align: center;
	}
	
	#about-area dl {
		margin: 0;
		padding: 0;
	}
	
	#about-area dt {
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	#about-area dt span {
		margin: 0 0 20px 0;
		padding: 0 10%;
		display: block;
	}
	
	#about-area dd {
		margin: 0 5%;
		padding: 0;
		font-size: 15px;
		line-height: 1.8;
		font-weight: 500;
		position: relative;
		text-align: left;
	}
	
	#about-area dd span {
		margin: 0;
		padding: 0;
		width: 25vw;
		position: absolute;
		top: -25vw;
		right: -5%;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	#about-area dd span {
		right: -10%;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#about-area {
		margin: 0 10%;
		padding: 0 0 80px 0;
	}
	
	#about-area dt {
		margin: 0 0 50px 0;
		padding: 0;
	}
	
	#about-area dt span {
		display: none;
	}
	
	#about-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		line-height: 1.8;
		font-weight: 500;
		position: relative;
		text-align: center;
	}
	
	#about-area dd span {
		right: -5%;
	}
	
}


/*--------------------------------------------------------------
#kindergartener-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#kindergartener-area {
		margin: 0 10px;
		padding: 50px 0 0 0;
	}
	
	#kindergartener-area h2 {
		text-align: center;
	}
	
	table.style2 {
		margin-top: 30px; 
	}
	
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#kindergartener-area {
		margin: 0 10%;
		padding: 100px 0 0 0;
	}
	
	#kindergartener-area h2 {
		text-align: center;
	}
	
	table.style2 {
		margin-top: 50px; 
	}
	
}


/*--------------------------------------------------------------
#schedule-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#schedule-area {
		margin: 0;
		padding: 80px 0;
		background: url("img/ground1.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	#schedule-area h2 {
		text-align: center;
	}
	
	#schedule-area p {
		margin: 30px 10% 0 10%;
		padding: 0;
		text-align: left;
		font-size: 15px;
		line-height: 1.8;
		font-weight: 500;
	}
	
	#schedule-area p br {
		display: none;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	#schedule-area p {
		text-align: center;
	}
	
	#schedule-area p br {
		display: inherit;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#schedule-area {
		margin: 0;
		padding: 130px 10%;
		background: url("img/ground1.png") top center no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
		position: relative;
	}
	
	#schedule-area h2 {
		text-align: center;
	}
	
	#schedule-area p {
		margin: 50px 0 0 0;
		padding: 0;
		text-align: center;
		font-size: 15px;
		line-height: 1.8;
		font-weight: 500;
	}
	
}


/*--------------------------------------------------------------
#application-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#application-area {
		margin: 0;
		padding: 50px 2%;
	}
	
	#application-area h2 {
		text-align: center;
	}
	
	.phone-area {
		margin: 30px 0 0 0;
		padding: 30px;
		background: #FFF;
		border-radius: 30px;
	}
	
	.phone-area p {
		margin: 0 0 20px 0;
		padding: 0;
		font-size: 16px;
		font-weight: 600;
		line-height: 1.8;
		text-align: left;
	}
	
	.phone-area p br {
		display: none;
	}
	
	#application-area dl {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#application-area dt {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 16px;
		font-weight: 500;
		letter-spacing: 2px;
	}
	
	#application-area .call {
		margin: 0 0 10px 0;
		padding: 10px 0;
		font-size: 28px;
		font-weight: 600;
		letter-spacing: 5px;
		display: block;
		background-color: #F2F5C0;
		border-radius: 30px;
	}
	
	#application-area .call a {
		display: block;
	}
	
	#application-area .call span.icon {
		margin: 0 5px 0 0;
		vertical-align: middle;
	}
	
	#application-area .call span.icon img {
		width: 30px;
	}
	
	#application-area .call span.line {
		vertical-align: 2px;
	}
	
	#application-area dd {
		font-size: 15px;
		font-weight: 600;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.phone-area p {
		text-align: center;
	}
	
	.phone-area p br {
		display: inherit;
	}
	
	#application-area dt {
		text-align: center;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#application-area {
		margin: 0;
		padding: 100px 10%;
	}
	
	#application-area h2 {
		text-align: center;
	}
	
	.phone-area {
		margin: 50px 0 0 0;
		padding: 50px;
		background: #FFF;
		border-radius: 70px;
	}
	
	.phone-area p {
		margin: 0 0 40px 0;
		padding: 0;
		font-size: 18px;
		font-weight: 600;
		line-height: 1.8;
		text-align: center;
	}
	
	#application-area dl {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#application-area dt {
		margin: 0;
		padding: 0;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 2px;
	}
	
	#application-area .call {
		margin: 0 0 10px 0;
		padding: 0 60px 10px 60px;
		font-size: 35px;
		font-weight: 600;
		letter-spacing: 5px;
		display: inline-block;
		background-color: #FFF;
	}
	
	#application-area .call span.icon {
		margin: 0 10px 0 0;
		vertical-align: middle;
	}
	
	#application-area .call span.icon img {
		width: 40px;
	}
	
	#application-area .call span {
		vertical-align: 2px;
	}
	
	#application-area dd {
		font-size: 15px;
		font-weight: 600;
	}
	
}