/*--------------------------------------------------------------
#screen_area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#mainscreen-area {
		margin: 0 0 20px 0;
		padding: 0 3%;
		overflow: hidden;
		position: relative;
	}
	
	.show-list {
		margin: 0;
		padding: 0;
		height: 40vh;
		z-index: 0;
	}
	
	.show-list li.show-img1 {
		height: 40vh;
		background: url("images/topslide01.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img2 {
		height: 40vh;
		background: url("images/topslide02.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img3 {
		height: 40vh;
		background: url("images/topslide03.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img4 {
		height: 40vh;
		background: url("images/topslide04.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img5 {
		height: 40vh;
		background: url("images/topslide05.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.main_copy {
		margin: 0;
		padding: 0;
		width: 50vw;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#mainscreen-area {
		margin: 20px 0 50px 0;
		padding: 0 3%;
		overflow: hidden;
		position: relative;
	}
	
	.show-list {
		margin: 0;
		padding: 0;
		height: 60vh;
		z-index: 0;
	}
	
	.show-list li.show-img1 {
		height: 60vh;
		background: url("images/topslide01.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img2 {
		height: 60vh;
		background: url("images/topslide02.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img3 {
		height: 60vh;
		background: url("images/topslide03.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img4 {
		height: 60vh;
		background: url("images/topslide04.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.show-list li.show-img5 {
		height: 60vh;
		background: url("images/topslide05.png") center/ cover no-repeat;
		border-radius: 30px;
	}
	
	.main_copy {
		margin: 0;
		padding: 0;
		width: 50vw;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	

}


/*--------------------------------------------------------------
#recruit-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#recruit-area {
		margin: 0 20px 30px 10px;
		padding: 0;
		width: auto;
	}
	
	#recruit-area a {
		transition: 0.3s;
	}
	
	#recruit-area a:hover {
		opacity: 0.7;
	}
	
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#recruit-area {
		margin: 0 auto 50px auto;
		padding: 0;
		width: 680px;
	}
	
	#recruit-area a {
		transition: 0.3s;
	}
	
	#recruit-area a:hover {
		opacity: 0.7;
	}
	
}


/*--------------------------------------------------------------
#news-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#news-area {
		margin: 0 5% 50px 5%;
		padding: 0;
		position: relative;
	}
	
	#news-area h2 {
		text-align: center;
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#news-area .btn-area {
		margin: 0;
		padding: 0;
	}
	
	#news-area ul {
		margin: 0 0 30px 0;
		padding: 0;
	}
	
	#news-area ul li {
		margin: 0;
		padding: 0;
		border-bottom: 1px dotted #D3D3D3;
	}
	
	#news-area dl {
		margin: 0;
		padding: 0;
		font-weight: 500;
	}
	
	#news-area dt {
		margin: 0;
		padding: 20px 0;
		float: left;
		width: 100px;
		font-size: 15px;
		text-align: center;
	}
	
	#news-area dt span {
		padding: 0 20px 0 0;
		border-right: 1px solid #543E2F;
	}
	
	#news-area dd {
		margin: 0;
		padding: 20px 0 20px 110px;
		font-size: 15px;
	}
	
	#news-area dd a {
		transition: 0.3s;
		display: block;
	}
	
	#news-area dd a:hover {
		opacity: 0.5;
	}
	
	#news-area  p {
		margin: 0;
		padding: 0;
		width: 100px;
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
	}
	
	#news-area .btn-area {
		margin: 0 auto;
		padding: 0;
		width: 200px;
	}
	
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#news-area {
		margin: 0 10% 80px 10%;
		padding: 0;
		position: relative;
	}
	
	#news-area h2 {
		position: absolute;
		top: -5px;
		left: 0;
		text-align: left;
	}
	
	#news-area .btn-area {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100px;
		left: 0;
	}
	
	#news-area ul {
		margin: 0 0 0 30%;
		padding: 0;
	}
	
	#news-area ul li {
		margin: 0;
		padding: 0;
		border-bottom: 1px dotted #D3D3D3;
	}
	
	#news-area dl {
		margin: 0;
		padding: 0;
		font-weight: 500;
	}
	
	#news-area dt {
		margin: 0;
		padding: 20px 0;
		float: left;
		width: 100px;
		font-size: 15px;
		text-align: center;
	}
	
	#news-area dt span {
		padding: 0 20px 0 0;
		border-right: 1px solid #543E2F;
	}
	
	#news-area dd {
		margin: 0;
		padding: 20px 0 20px 110px;
		font-size: 15px;
	}
	
	#news-area  p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 250px;
		left: 0;
		right: auto;
		width: 100px;
	}
	
}


/*--------------------------------------------------------------
#blog-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#blog-area {
		margin: 0;
		padding: 100px 0 80px 0;
		background: #FEF9C1;
		position: relative;
	}
	
	#blog-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#blog-area ul {
		margin: 30px auto 0 auto;
		padding: 0 10px;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
	}
	
	#blog-area li {
		margin: 0;
		padding: 0 10px;
		width: 50%;
		box-sizing: border-box;
	}
	
	#blog-area li a {
		transition: 0.3s;
		display: block;
	}
	
	#blog-area li a:hover {
		opacity: 0.7;
	}
	
	#blog-area li:nth-child(1),
	#blog-area li:nth-child(5) {
		margin: 0;
	}
	
	#blog-area li:nth-child(2),
	#blog-area li:nth-child(6) {
		margin: 0;
	}
	
	#blog-area li:nth-child(3) {
		margin: 0;
	}
	
	#blog-area li:nth-child(4) {
		margin: 0;
	}
	
	#blog-area dl {
		margin: 0 0 30px 0;
		padding: 0;
		font-size: 14px;
		font-weight: 500;
	}
	
	#blog-area dt {
		margin: 0 0 15px 0;
		padding: 0;
		position: relative;
	}
	
	#blog-area dt img {
		margin: 0 0 0 0;
		border-radius: 20px;
	}
	
	#blog-area dt span {
		margin: 0;
		padding: 5px 10px 5px 0;
		background: #FEF9C1;
		position: absolute;
		bottom: 0;
		left: -1px;
		border-radius: 0 50px 50px 50px;
	}
	
	#blog-area dd {
		margin: 0;
		padding: 0;
	}
	
	#blog-area .btn-area {
		margin: 0 auto;
		width: 200px;
	}
	
	#blog-area p {
		margin: 0;
		padding: 0;
		width: 300px;
		position: absolute;
		top: 120px;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#blog-area {
		margin: 0;
		padding: 150px 0 130px 0;
		background: #FEF9C1;
		position: relative;
	}
	
	#blog-area h2 {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#blog-area ul {
		margin: 50px auto 0 auto;
		padding: 0 10%;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		max-width: 1200px;
	}
	
	#blog-area li {
		margin: 0;
		padding: 0 50px;
		width: 50%;
		box-sizing: border-box;
	}
	
	#blog-area li:nth-child(1),
	#blog-area li:nth-child(5) {
		margin: 0 0 0 -50px;
	}
	
	#blog-area li:nth-child(2),
	#blog-area li:nth-child(6) {
		margin: 0 0 0 0;
	}
	
	#blog-area li:nth-child(3) {
		margin: 0 0 0 50px;
	}
	
	#blog-area li:nth-child(4) {
		margin: 0 -50px 0 0;
	}
	
	#blog-area dl {
		margin: 0 0 80px 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
	}
	
	#blog-area dt {
		margin: 0 0 15px 0;
		padding: 0;
		position: relative;
	}
	
	#blog-area dt img {
		margin: 0 0 0 0;
		border-radius: 50px;
	}
	
	#blog-area dt span {
		margin: 0;
		padding: 20px 80px 20px 10px;
		background: #FEF9C1;
		position: absolute;
		bottom: 0;
		left: -1px;
		border-radius: 0 50px 50px 50px;
	}
	
	#blog-area dd {
		margin: 0;
		padding: 0;
	}
	
	#blog-area .btn-area {
		margin: 0 auto;
		width: 230px;
	}
	
	#blog-area p {
		margin: 0;
		padding: 0;
		width: 420px;
		position: absolute;
		top: 170px;
		left: 50%;
		-webkit-transform: translate(-50%, -50%); /* Safari用 */
		transform: translate(-50%, -50%);
	}
	
}

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

/* mobile */
@media (min-width: 300px) {
	
	#about-area {
		margin: 0;
		padding: 50px 0 100px 0;
		position: relative;
	}
	
	#about-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		color: #F99506;
	}
	
	#about-area ul {
		margin: 0 5%;
		padding: 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	#about-area li {
		width: 100%;
	}
	
	#about-area li:nth-child(1) {
		margin: 0;
		padding: 0 32% 20px 3%;
	}
	
	#about-area li:nth-child(2) {
		margin: 0;
		padding: 0 3% 20px 32%;
	}
	
	#about-area li:nth-child(3) {
		margin: 0;
		padding: 0 32% 0 3%;
	}
	
	#about-area li a {
		transition: 0.3s;
		display: block;
	}
	
	#about-area li a:hover {
		opacity: 0.7;
	}
	
	#about-area dl {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#about-area dt {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#about-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
	}
	
	#about-area dd span {
		margin: 0 0 0 15px;
		padding: 0;
	}
	
	#about-area dd span img {
		width: 18px;
		vertical-align: -3px;
	}
	
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#about-area {
		margin: 0;
		padding: 50px 0 100px 0;
		position: relative;
	}
	
	#about-area h2 {
		margin: 0 0 50px 0;
		padding: 0;
		text-align: center;
		color: #F99506;
	}
	
	#about-area ul {
		margin: 0 5%;
		padding: 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	
	#about-area li {
		width: 33.3%;
	}
	
	#about-area li:nth-child(1) {
		margin: 0;
		padding: 0 3%;
	}
	
	#about-area li:nth-child(2) {
		margin: 0;
		padding: 0 3%;
	}
	
	#about-area li:nth-child(3) {
		margin: 0;
		padding: 0 3%;
	}
	
	#about-area li a {
		transition: 0.3s;
		display: block;
	}
	
	#about-area li a:hover {
		opacity: 0.7;
	}
	
	#about-area dl {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#about-area dt {
		margin: 0 0 10px 0;
		padding: 0;
	}
	
	#about-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
	}
	
	#about-area dd span {
		margin: 0 0 0 15px;
		padding: 0;
	}
	
	#about-area dd span img {
		width: 18px;
		vertical-align: -3px;
	}
	
}


/*--------------------------------------------------------------
#enrolment-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#enrolment-area {
		margin: 0;
		padding: 0 5% 50px 5%;
		position: relative;
	}
	
	#enrolment-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		color: #ED7A97;
	}
	
	#enrolment-area dl {
		margin: -30px 5% 0 5%;
		padding: 50px 10% 50px 10%;
		background: #FFF;
		border-radius: 70px;
	}
	
	#enrolment-area dt {
		margin: 0;
		padding: 0;
	}
	
	#enrolment-area dd {
		margin: 0 auto;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		width: 230px;
		line-height: 1.8;
	}
	
	#enrolment-area dd.btn {
		margin: 30px auto 0 auto;
		width: 200px;
	}
	
	#enrolment-area p {
		margin: 0;
		padding: 0;
		width: 35vw;
		position: absolute;
		bottom: -50px;
		right: 0;
		z-index: 1;
	}
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#enrolment-area {
		margin: 0;
		padding: 0 8% 80px 2%;
		position: relative;
	}
	
	#enrolment-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		color: #ED7A97;
	}
	
	#enrolment-area dl {
		margin: 0;
		padding: 10vh 15vw 10vh 5vw;
		background: #FFF;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		border-radius: 70px 0 0 70px;
	}
	
	#enrolment-area dt {
		margin: 0;
		padding: 0;
	}
	
	#enrolment-area dd {
		margin: 0 auto;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		width: 230px;
		line-height: 1.8;
	}
	
	#enrolment-area dd.btn {
		margin: 30px auto 0 auto;
		width: 230px;
	}
	
	#enrolment-area p {
		margin: 0;
		padding: 0;
		width: 20vw;
		position: absolute;
		bottom: 50px;
		left: 10%;
		right: auto;
	}
	
}

/*--------------------------------------------------------------
#oneday-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#oneday-area {
		margin: 0;
		padding: 80px 0;
		position: relative;
		background: url("images/bg3.jpg") no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#oneday-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		color: #FFF;
	}
	
	#oneday-area img.photo {
		margin: 0 0 30px 0;
		padding: 0 5%;
	}
	
	#oneday-area dl {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	#oneday-area dt {
		margin: 0;
		padding: 0;
	}
	
	#oneday-area dd {
		margin: 0 20%;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		color: #FFF;
		width: auto;
		line-height: 1.8;
	}
	
	#oneday-area dd.btn {
		margin: 30px auto 0 auto;
		width: 200px;
	}
	
	#oneday-area p {
		margin: 0;
		width: 15vw;
		position: absolute;
		top: 50px;
		left: 10%;
	}
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#oneday-area {
		margin: 0;
		padding: 100px 0 100px 50%;
		position: relative;
		background: url("images/bg3.jpg") no-repeat;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	#oneday-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		text-align: center;
		color: #FFF;
	}
	
	#oneday-area img.photo {
		margin: 0;
		padding: 0;
	}
	
	#oneday-area dl {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50%;
		left: 15%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
	}
	
	#oneday-area dt {
		margin: 0;
		padding: 0;
	}
	
	#oneday-area dd {
		margin: 0 auto;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		width: 300px;
		color: #FFF;
		line-height: 1.8;
	}
	
	#oneday-area dd.btn {
		margin: 30px auto 0 auto;
		width: 230px;
	}
	
	#oneday-area p {
		margin: 0;
		width: 12vw;
		position: absolute;
		top: 100px;
		left: 10%;
	}
	
}


/*--------------------------------------------------------------
#childcare-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#childcare-area {
		margin: 0;
		padding: 100px 0;
		position: relative;
		background: url("images/item_bg_dot.png") no-repeat;
		-webkit-background-size: 120px auto;
		background-size: 120px auto;
		background-position: top 5vh left -5%;
	}
	
	#childcare-area h2 {
		margin: 0 0 20px 0;
		padding: 0;
		color: #ED7A97;
		text-align: center;
	}
	
	#childcare-area .photo {
		margin: 0 0 20px 10%;
		padding: 0;
		border-radius: 50px 0 0 50px;
	}
	
	#childcare-area dl {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	#childcare-area dt {
		margin: 0;
		padding: 0;
	}
	
	#childcare-area dd {
		margin: 0 10%;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#childcare-area dd.btn {
		margin: 20px auto 0 auto;
		width: 220px;
	}
	
	#childcare-area p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50px;
		right: 20%;
		width: 35vw;
	}
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#childcare-area {
		margin: 0;
		padding: 100px 0 100px 50%;
		position: relative;
		background: url("images/item_bg_dot.png") no-repeat;
		-webkit-background-size: 185px auto;
		background-size: 185px auto;
		background-position: top 8vh left -5%;
	}
	
	#childcare-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		color: #ED7A97;
	}
	
	#childcare-area .photo {
		border-radius: 50px 0 0 50px;
	}
	
	#childcare-area dl {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50%;
		left: 10%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		width: 30%;
	}
	
	#childcare-area dt {
		margin: 0;
		padding: 0;
	}
	
	#childcare-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#childcare-area dd.btn {
		margin: 30px 0 0 0;
		width: auto;
	}
	
	#childcare-area p {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 0;
		right: 10%;
		width: 20vw;
	}
	
}

/*--------------------------------------------------------------
#preschool-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#preschool-area {
		margin: 0;
		padding: 0 0 100px 0;
		position: relative;
		background: url("images/item_bg_dot.png") no-repeat;
		-webkit-background-size: 120px auto;
		background-size: 120px auto;
		background-position: top 5vh right -5%;
	}
	
	#preschool-area h2 {
		margin: 0 0 20px 0;
		padding: 0;
		color: #DF5000;
		text-align: center;
	}
	
	#preschool-area .photo {
		margin: 0 0 20px -10%;
		padding: 0;
		border-radius: 0 50px 50px 0;
	}
	
	#preschool-area dl {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	#preschool-area dt {
		margin: 0;
		padding: 0;
	}
	
	#preschool-area dd {
		margin: 0 10%;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#preschool-area dd.btn {
		margin: 20px auto 0 auto;
		width: 220px;
	}
	
	#preschool-area p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: -80px;
		left: 0;
		width: 35vw;
	}
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#preschool-area {
		margin: 0;
		padding: 50px 50% 50px 0;
		position: relative;
		background: url("images/item_bg_dot.png") no-repeat;
		-webkit-background-size: 185px auto;
		background-size: 185px auto;
		background-position: top 8vh right -5%;
	}
	
	#preschool-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		color: #DF5000;
		text-align: left;
	}
	
	#preschool-area .photo {
		border-radius: 0 50px 50px 0;
	}
	
	#preschool-area dl {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50%;
		right: 10%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		width: 30%;
	}
	
	#preschool-area dt {
		margin: 0;
		padding: 0;
	}
	
	#preschool-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#preschool-area dd.btn {
		margin: 30px 0 0 0;
		width: auto;
	}
	
	#preschool-area p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: -50px;
		left: 30%;
		width: 20vw;
	}
	
}

/*--------------------------------------------------------------
#farm-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#farm-area {
		margin: 0;
		padding: 0 0 100px 0;
		position: relative;
		background: url("images/item_bg_dot.png") no-repeat;
		-webkit-background-size: 120px auto;
		background-size: 120px auto;
		background-position: top 5vh left -5%;
	}
	
	#farm-area h2 {
		margin: 0 0 20px 0;
		padding: 0;
		color: #629913;
		text-align: center;
	}
	
	#farm-area .photo {
		margin: 0 0 20px 10%;
		padding: 0;
		border-radius: 50px 0 0 50px;
	}
	
	#farm-area dl {
		margin: 0;
		padding: 0;
		width: auto;
	}
	
	#farm-area dt {
		margin: 0;
		padding: 0;
	}
	
	#farm-area dd {
		margin: 0 10%;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#farm-area dd.btn {
		margin: 20px auto 0 auto;
		width: 220px;
	}
	
	#farm-area p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: -40px;
		right: 5%;
		width: 20vw;
	}
}

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


/* Larger than tablet */
@media (min-width: 992px) {
	
	#farm-area {
		margin: 0;
		padding: 100px 0 100px 50%;
		position: relative;
		background: url("images/item_bg_dot.png") no-repeat;
		-webkit-background-size: 185px auto;
		background-size: 185px auto;
		background-position: top 8vh left -5%;
	}
	
	#farm-area h2 {
		margin: 0 0 30px 0;
		padding: 0;
		color: #629913;
		text-align: left;
	}
	
	#farm-area .photo {
		border-radius: 50px 0 0 50px;
	}
	
	#farm-area dl {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50%;
		left: 10%;
		-webkit-transform: translateY(-50%); /* Safari用 */
		transform: translateY(-50%);
		width: 30%;
	}
	
	#farm-area dt {
		margin: 0;
		padding: 0;
	}
	
	#farm-area dd {
		margin: 0;
		padding: 0;
		font-size: 15px;
		font-weight: 500;
		line-height: 1.8;
	}
	
	#farm-area dd.btn {
		margin: 30px 0 0 0;
		width: auto;
	}
	
	#farm-area p {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50px;
		right: 40%;
		width: 15vw;
	}
	
}