@charset "UTF-8";

/**
 * Waku Wwaku Base - Nursery Stylesheet
 *
 * - Override
 * - Admission
 * - Institution
 * - Life
 *
 */



/* ----------------------------
	Override
---------------------------- */

/* Page
---------------------------- */
.page-head h2 {
	background-image: url(../img/icon/icon-nursery.png);
}
.page-head li a:before {
	width: 108px;
	background-image: url(../img/common/bg-line-green-short.png);
	margin-left: -54px;
}
.page-head li a.current,
.page-head li a:hover {
	color: #7cab00;
}
.page-side-body {
	background-image: url(../img/nursery/common/bg-nav.png);
}
.page-main:before {
	background-image: url(../img/nursery/common/bg-polka.png);
}
.page-main:after {
	background-image: url(../img/nursery/common/bg-rain.png);
}
.page-body:before {
	background-image: url(../img/nursery/common/bg-sun.png);
}

@media screen and (max-width: 767px) {
	.page-head h2 {
		background-size: 37.5px auto;
	}
}



/* ----------------------------
	Admission
---------------------------- */

/* Capacity
---------------------------- */
#capacity .table-cell-green {
	margin-bottom: 18px;
	text-align: center;
}
#capacity thead th {
	background: none;
	font-weight: bold;
	color: #353535;
}
#capacity thead td {
	width: 124px;
}
#capacity tbody th {
	background: #adce5d;
	font-weight: bold;
	color: #fff;
}
#capacity .note {
	text-align: right;
}

@media screen and (max-width: 767px) {
	#capacity .table-cell-green {
		margin-bottom: 12px;
		overflow: hidden;
	}
	#capacity table {
		width: 100%;
	}
	#capacity thead td {
		width: 80px;
	}
	#capacity .note {
		text-align: left;
	}
}


/* Costs
---------------------------- */
#costs .table-cell-green {
	margin-top: 14px;
	margin-bottom: 18px;
	text-align: center;
}
#costs tbody th {
	background: #adce5d;
	width: 124px;
	font-weight: bold;
	color: #fff;
}
#costs .note {
	text-align: right;
}

@media screen and (max-width: 767px) {
	#costs .table-cell-green {
		margin-top: 12px;
		margin-bottom: 12px;
		overflow: hidden;
	}
	#costs table {
		width: 100%;
	}
	#costs tbody th {
		width: 80px;
	}
	#costs .note {
		text-align: left;
	}
}


/* ----------------------------
	Institution
---------------------------- */
.institution-image {
	margin-bottom: 50px;
	text-align: center;
}
.institution-image img {
  max-width: 623px;
}
.institution-note {
	margin-top: 68px;
}

@media screen and (max-width: 767px) {
	.institution-image {
		margin-bottom: 25px;
	}
	.institution-note {
		margin-top: 34px;
	}
}


/* ----------------------------
	Life
---------------------------- */

/* Stream
---------------------------- */
.stream {
  margin-top: -36px;
  padding-left: 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .stream {
    margin: -35px auto 0;
    padding-left: 0;
    max-width: 320px;
  }  
}


/* Stream List
---------------------------- */
.stream-list {
  line-height: 1.5;
}
.stream-list:after {
  content: "";
  display: block;
  clear: both;
}
.stream-list dt {
  padding-left: 30px;
  width: 190px;
  float: left;
  box-sizing: border-box;
	background: url(../img/nursery/life/icon-dot-stream.png) no-repeat left 4px;
}
.stream-list dd {
  margin-bottom: 10px;
  padding-left: 190px;
}
.stream-list dd span {
  display: inline-block;
  line-height: 1.25;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .stream-list dt {
    padding-left: 15px;
    width: 130px;
    background-size: 10px auto;
  }
  .stream-list dd {
    margin-bottom: 4px;
    padding-left: 130px;
  }
  .stream-list dd span {
    line-height: 1.5;
    font-size: 10px;
  }
  .stream-list dd br + span {
    margin-top: 2px;
  }
}


/* Stream Note
---------------------------- */
.stream-note {
  padding-left: 190px;
  font-size: 12px;
}

@media screen and (max-width: 767px) {
  .stream-note {
    margin-top: 10px;
    padding-left: 0;
    font-size: 10px;
  }  
}


/* Stream Image
---------------------------- */
.stream-image {
  width: 213px;
  position: absolute;
  top: 105px;
  right: 55px;
}
.stream-image figcaption {
  display: -webkit-box; /* Less than android 4.3 */
  display: -webkit-flex; /* Less than iOS8 */
  display: flex;
  -webkit-box-pack: center; /* Less than android 4.3 */
  -webkit-justify-content: center; /* Less than iOS8 */
  justify-content: center;
  -webkit-box-align: center; /* Less than android 4.3 */
  -webkit-align-items: center; /* Less than iOS8 */
  align-items: center;
  width: 205px;
  height: 209px;
  background: url(../img/nursery/life/bg-stream.png) no-repeat center;
  background-size: contain;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-size: 12px;
  color: #fff;
  position: absolute;
  top: -172px;
  right: -40px;
}

@media screen and (max-width: 767px) {
  .stream-image {
    margin-top: 26px;
    width: 161.5px;
    position: relative;
    top: 0;
    right: 0;
  }
  .stream-image figcaption {
    width: 149.5px;
    height: 167.5px;
    background-size: 115% auto;
    box-sizing: border-box;
    letter-spacing: 0;
    position: absolute;
    top: 50%;
    right: -145px;
    margin-top: -83.75px;
  } 
}



/* Season
---------------------------- */
.season-item {
	margin-top: 105px;
	position: relative;
}
.season-item:first-child {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
	.season {
		max-width: 320px;
		margin: auto;
	}
	.season-item {
		margin-top: 30px;
	}
}


/* Season Item Head
---------------------------- */
.season-item-head {
	width: 201px;
	height: 193px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	text-align: center;
	line-height: 193px;
	font-size: 69px;
	color: #fff;
	position: absolute;
	top: 0;
}
.season-item:nth-child(odd) .season-item-head {
	left: 0;
}
.season-item:nth-child(even) .season-item-head {
	right: 0;
}
.season-spring .season-item-head {
	background-image: url(../img/nursery/life/img-spring.png);
}
.season-summer .season-item-head {
	background-image: url(../img/nursery/life/img-summer.png);
}
.season-autumn .season-item-head {
	background-image: url(../img/nursery/life/img-autumn.png);
}
.season-winter .season-item-head {
	background-image: url(../img/nursery/life/img-winter.png);
}

@media screen and (max-width: 767px) {
	.season-item-head {
		width: 100.5px;
		height: 96.5px;
		line-height: 96.5px;
		font-size: 34px;
	}
}


/* Season Item Image
---------------------------- */
.season-item:nth-child(odd) figure {
	text-align: right;
}
.season-item:nth-child(even) figure {
	text-align: left;
}
.season-item:nth-child(odd) .season-item-image figure:nth-child(1) {
	padding-top: 20px;
}
.season-item:nth-child(odd) .season-item-image figure:nth-child(2) {
	margin-top: -40px;
	padding-right: 126px;
}
.season-item:nth-child(even) .season-item-image figure:nth-child(1) {
	padding-top: 20px;
}
.season-item:nth-child(even) .season-item-image figure:nth-child(2) {
	margin-top: -40px;
	padding-left: 126px;
}

@media screen and (max-width: 767px) {
	.season-item-image img {
		width: 161px;
	}
	.season-item:nth-child(odd) .season-item-image figure:nth-child(1) {
		padding-top: 50px;
	}
	.season-item:nth-child(odd) .season-item-image figure:nth-child(2) {
		padding-right: 63px;
	}
	.season-item:nth-child(even) .season-item-image figure:nth-child(1) {
		padding-top: 50px;
	}
	.season-item:nth-child(even) .season-item-image figure:nth-child(2) {
		padding-left: 63px;
	}
}


/* Season Item List
---------------------------- */
.season-item-list {
	width: 160px;
	position: absolute;
	top: 225px;
}
.season-item:nth-child(odd) .season-item-list {
	left: 36px;
}
.season-item:nth-child(even) .season-item-list {
	right: 0;
}
.season-item-list li {
	padding-left: 18px;
	background-repeat: no-repeat;
	background-position: left 9px;
}
.season-spring .season-item-list li {
	background-image: url(../img/nursery/life/icon-dot-spring.png);
}
.season-summer .season-item-list li {
	background-image: url(../img/nursery/life/icon-dot-summer.png);
}
.season-autumn .season-item-list li {
	background-image: url(../img/nursery/life/icon-dot-autumn.png);
}
.season-winter .season-item-list li {
	background-image: url(../img/nursery/life/icon-dot-winter.png);
}

@media screen and (max-width: 767px) {
	.season-item-list {
		margin-top: 15px;
		width: 100%;
		position: static;
	}
	.season-item-list li {
		margin-bottom: 4px;
		padding-left: 12px;
		background-size: 6px auto;
		background-position: left 6px;
	}
	.season-spring .season-item-list li {
		background-image: url(../img/nursery/life/icon-dot-spring.png);
	}
	.season-summer .season-item-list li {
		background-image: url(../img/nursery/life/icon-dot-summer.png);
	}
	.season-autumn .season-item-list li {
		background-image: url(../img/nursery/life/icon-dot-autumn.png);
	}
	.season-winter .season-item-list li {
		background-image: url(../img/nursery/life/icon-dot-winter.png);
	}
}


/* Season Note
---------------------------- */
.season-note {
	margin-top: 68px;
}

@media screen and (max-width: 767px) {
	.season-note {
		margin-top: 34px;
	}
}


/* ----------------------------
	Purpose
---------------------------- */

/* Purpose
---------------------------- */
#purpose p {
	padding-right: 260px;
	text-align: center;
	font-size: 22px;
	color: #696969;
	position: relative;
}
#purpose {
	position: relative;
}
#purpose:before {
	content: "";
	width: 304px;
	height: 128px;
	background: url(../img/nursery/purpose/bg-marker.png) no-repeat center;
	background-size: contain;
	position: absolute;
	bottom: -80px;
	right: 60px;
}

@media screen and (max-width: 767px) {
	#purpose p {
		padding-right: 0;
		font-size: 16px;
	}
	#purpose:before {
		content: "";
		width: 152px;
		height: 64px;
		bottom: -40px;
		right: 30px;
	}
}

/* Partner
---------------------------- */
.partner {
	margin-top: 80px;
}
.partner .media {
	margin-bottom: 0;
	padding: 0 30px;
	min-height: 443px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../img/nursery/purpose/bg-partner.png);
}

@media screen and (max-width: 767px) {
	.partner {
		margin-top: 40px;
	}
	.partner .media {
		padding: 0;
		min-height: 0;
		background-size: 234px auto;
	}
	.partner .media-image img {
		width: 120px;
	}
}