@charset "utf-8";
/* ==========================================================================
Googlefont
			font-family: "Roboto", sans-serif;
			font-family: "Noto Sans JP", sans-serif;
			
.roboto-<uniquifier> {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
========================================================================== */

/*===============================================
 レスポンシブ スマホサイズ　横幅 414px以下
===============================================*/
@media screen and (max-width: 414px) {}
/*===============================================
 レスポンシブ	タブレットサイズ　横幅 570px以下
===============================================*/
@media screen and (max-width: 570px) {}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 992px以下
===============================================*/
@media screen and (min-width: 769px) and (max-width: 992px) {}
/*===============================================
 レスポンシブ PCサイズ 横幅 1,200px以下 以上
===============================================*/
@media screen and (min-width: 993px), print {}

/* 共通
------------------------------------------------------------ */
article {}
article#page {}
section {}


/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {}

/* title_area ページタイトル
------------------------------------------------------------ */
#page section#title_area {
	background: url("../img/page/title_bg.png") repeat-x center top;
	background-size: 90rem 60rem;
	padding: 10rem 0 6rem 0;
}
#page section#title_area .wrap {
	position: relative;
	margin: 0;
}
#page section#title_area .wrap h2 {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	line-height: 1.5em;
}
#page section#title_area .wrap h2 img {
	display: inline-block;
	margin: 0 auto;
}
#page section#title_area .wrap h2 em {
	font-size: 1.2rem;
	line-height: 1.0em;
	margin: 0 auto 0.75rem;
}
#page section#title_area .wrap h2 span {
	font-size: 3.2rem;
	font-weight: 900;
}

/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page section#title_area {
	padding: 2rem 0 3rem 0;
}
#page section#title_area .wrap {}
#page section#title_area .wrap h2 {}
#page section#title_area .wrap h2 img {
	margin: 0 auto;
	width: 12vw;
	max-width: 6rem;
	height: auto;
}
#page section#title_area .wrap h2 em {
	font-size: 1.0rem;
	margin: 0 auto 0.5rem;
}
#page section#title_area .wrap h2 span {
	font-size: 2.7rem;
	font-weight: 900;
}
}

/* ------------------------------------------------------------
   concept.html
------------------------------------------------------------ */
#page.concept {}

/* ごあいさつ */
#page.concept #greeting {
	background: url("../img/concept/greeting_illust.png") no-repeat center bottom;
	background-size: contain;
	padding-bottom: 20.8333vw;
}
#page.concept #greeting .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto;
	padding: 8rem 0rem 0rem 0rem;
}
#page.concept #greeting .wrap h2 {
	text-align: center;
	margin: 0 2rem 2rem 0;
}
#page.concept #greeting .wrap h2 img {
	display: block;
	margin: 0 auto 0.5rem;
}
#page.concept #greeting .wrap h2 span {
	display: inline-block;
	font-size: 3.2rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 65%, rgba(155,222,63,0.50) 35%);
}
#page.concept #greeting .wrap .txt {
	padding: 5rem 5rem 2rem 5rem;
}
#page.concept #greeting .wrap .txt p {
	font-size: 2rem;
	font-weight: bold;
	line-height: 2em;
	margin: 0 auto 2em;
}
#page.concept #greeting .wrap .txt p.signature {
	text-align: right;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.concept #greeting {
	background: url("../img/concept/greeting_illust.png") no-repeat center bottom;
	background-size: contain;
	padding-bottom: 10.8333vw;
}
#page.concept #greeting .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto;
	padding: 2rem 0rem 0rem 0rem;
}
#page.concept #greeting .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
}
#page.concept #greeting .wrap h2 img {
	margin: 0 auto 0.5rem;
	width: 12vw;
	max-width: 6rem;
	height: auto;
}
#page.concept #greeting .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}
#page.concept #greeting .wrap .txt {
	padding: 2rem 6vw;
}
#page.concept #greeting .wrap .txt p {
	font-size: 1.6rem;
	margin: 0 auto 2em;
}
#page.concept #greeting .wrap .txt p.signature {}
}


/* 「星幼育園天童 認定こども園」とは */
#page.concept #about {
	background: #FFFAE3;
	margin: 0 auto 0;
}
#page.concept #about .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 0rem 0rem 8rem 0rem;
}
#page.concept #about .wrap h2 {
	text-align: center;
	margin: 0 0 4rem 0;
}
#page.concept #about .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.concept #about .wrap h2 span ruby rt {
	font-size: 1.0rem;
	letter-spacing: 0;
	justify-content: center;
	padding: 0 1em;
}
#page.concept #about .wrap h3 {
	font-size: 2.4rem;
	font-weight: 900;
	color: #39B54A;
	text-align: center;
	margin: 0 0 2rem 0;
}
#page.concept #about .wrap p {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2em;
	text-align: center;
}
#page.concept #about .wrap p em {
	font-weight: 900;
}
#page.concept #about .wrap p em u {
	text-decoration: none;
	background: linear-gradient(transparent 60%, rgba(253,225,66,0.50) 40%);
	padding: 0 0.5em;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.concept #about {}
#page.concept #about .wrap {
	width: 96vw;
	margin: 0 auto;
	padding: 0rem 0rem 4rem 0rem;
}
#page.concept #about .wrap h2 {
	margin: 0 0 4rem 0;
}
#page.concept #about .wrap h2 span {
	font-size: 2.5rem;
	letter-spacing: -0.1em;
}
#page.concept #about .wrap h2 span ruby rt {
	font-size: 1.0rem;
	letter-spacing: -0.1em;
	justify-content: center;
	padding: 0 1em;
}
#page.concept #about .wrap h3 {
	font-size: 2.0rem;
	margin: 0 0 2rem 0;
}
#page.concept #about .wrap p {
	font-size: 1.6rem;
}
#page.concept #about .wrap p em {}
#page.concept #about .wrap p em u {
	padding: 0 0.5em;
}
}

/* 保育理念 */
#page.concept #philosophy {
	position: relative;
	background: #FFFAE3;
	margin: 0rem auto;
}
#page.concept #philosophy .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 12rem 0rem;
}
#page.concept #philosophy .wrap h2 {
	text-align: center;
	margin: 0 0 4rem 0;
}
#page.concept #philosophy .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.concept #philosophy .wrap h3 {
	text-align: center;
	margin: 0 0 2rem 0;
}
#page.concept #philosophy .wrap p {
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 2em;
	text-align: center;
}

#page.concept #philosophy figure {
	position: absolute;
	transform: translate(-50%,0);
}
#page.concept #philosophy figure img {
	width: 100%;
	height: auto;
}
#page.concept #philosophy figure.tree {
	width: 16vw;
	max-width: 17rem;
	transform: translate(0,0);
}
#page.concept #philosophy figure.tree.left {
	top: -12rem;
	left: 0;
}
#page.concept #philosophy figure.tree.right {
	top: -12rem;
	right: 0;
}
#page.concept #philosophy figure.bird.left {
	width: 13rem;
	top: 1rem;
	right: 50%;
	margin-right:14rem;
}
#page.concept #philosophy figure.bird.right {
	width: 10rem;
	bottom: 3rem;
	left: 50%;
	margin-left: 44rem;
}
#page.concept #philosophy figure.bee.left {
	width: 7.5rem;
	bottom: 4rem;
	right: 50%;
	margin-right:34rem;
}
#page.concept #philosophy figure.star.right {
	width: 4rem;
	top: 6rem;
	left: 50%;
	margin-left: 30rem;
}
#page.concept #philosophy figure.photo.lefttop {
	width: 16rem;
	top: 12rem;
	right: 50%;
	margin-right:25rem;
}
#page.concept #philosophy figure.photo.leftbom {
	width: 14rem;
	bottom: 8rem;
	right: 50%;
	margin-right:15rem;
}
#page.concept #philosophy figure.photo.righttop {
	width: 16rem;
	top: 12rem;
	left: 50%;
	margin-left: 41rem;
}
#page.concept #philosophy figure.photo.rightbom {
	width: 14rem;
	bottom: 8rem;
	left: 50%;
	margin-left: 29rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.concept #philosophy {}
#page.concept #philosophy .wrap {
	padding: 4rem 0rem 6rem 0rem;
}
#page.concept #philosophy .wrap h2 {
	text-align: center;
	margin: 0 0 4rem 0;
}
#page.concept #philosophy .wrap h2 span {
	font-size: 2.7rem;
}
#page.concept #philosophy .wrap h3 {
	text-align: center;
	margin: 0 auto;
	width: 48vw;
}
#page.concept #philosophy .wrap h3 img {
	width: 100%;
	height: auto;
}
#page.concept #philosophy .wrap p {
	font-size: 2.0rem;
}
#page.concept #philosophy figure {}
#page.concept #philosophy figure img {}
#page.concept #philosophy figure.tree {
	width: 16vw;
	max-width: 17rem;
	transform: translate(0,0);
}
#page.concept #philosophy figure.tree.left {
	top: -8vw;
	max-width: 22.2rem;
}
#page.concept #philosophy figure.tree.right {
	top: -8vw;
	max-width: 22.2rem;
}
#page.concept #philosophy figure.bird.left {
	width: 13vw;
	top: 2vw;
	right: 50%;
	margin-right:10vw;
	max-width: 8rem;
}
#page.concept #philosophy figure.bird.right {
	width: 13vw;
	bottom: 0vw;
	left: 50%;
	margin-left: 35vw;
	max-width: 7rem;
}
#page.concept #philosophy figure.bee.left {
	width: 10vw;
	bottom: 0;
	right: 50%;
	margin-right:20vw;
	max-width: 7.5rem;
}
#page.concept #philosophy figure.star.right {
	width: 8vw;
	top: 2vw;
	left: 50%;
	margin-left: 24vw;
	max-width: 4rem;
}
#page.concept #philosophy figure.photo.lefttop {
	width: 20vw;
	top: 13vw;
	right: 50%;
	margin-right:18vw;
	max-width: 16rem;
}
#page.concept #philosophy figure.photo.leftbom {
	width: 18vw;
	bottom: 14vw;
	right: 50%;
	margin-right:26vw;
	max-width: 14rem;
}
#page.concept #philosophy figure.photo.righttop {
	width: 20vw;
	top: 13vw;
	left: 50%;
	margin-left: 38vw;
	max-width: 16rem;
}
#page.concept #philosophy figure.photo.rightbom {
	width: 18vw;
	bottom: 14vw;
	left: 50%;
	margin-left: 44vw;
	max-width: 14rem;
}

}

/* 保育方針 */
#page.concept #policy {
	background: #FFFAE3;
	margin: 0rem auto;
	padding: 8rem 0;
}
#page.concept #policy .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 4rem;
	background: #FFE037;
	border-radius: 1rem;
}
#page.concept #policy .wrap .box {
	position: relative;
	background: #fff;
	padding: 8rem 0 9rem;
	text-align: center;
}
#page.concept #policy .wrap .box span.illust {
	position: absolute;
	top:-2.5rem;
	left: 50%;
	margin: 0;
	transform: translate(-50%,0);
}
#page.concept #policy .wrap .box h2 {
	margin: 0 0 4rem 0;
}
#page.concept #policy .wrap .box h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.concept #policy .wrap .box h3 {
	display: inline-block;
	font-size: 2.1rem;
	font-weight: 900;
	color: #fff;
	padding: 0.1em 1.5em;
	margin: 0 auto 2rem;
	background: #F7931E;
}
#page.concept #policy .wrap .box p {
	display: inline;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 2em;
	text-align: center;
	border-bottom: 0.2rem dotted rgba(0,146,69,0.50);
}
#page.concept #policy .wrap .box p em {
	font-weight: 900;
}
#page.concept #policy .wrap .box figure {
	position: absolute;
	top: -3rem;
	right: -1rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.concept #policy {
	padding: 4vw 0 0 0;
}
#page.concept #policy .wrap {
	width: 100%;
	padding: 3vw;
	border-radius: 0;
}
#page.concept #policy .wrap .box {
	padding: 6rem 4vw 6rem;
}
#page.concept #policy .wrap .box span.illust {}
#page.concept #policy .wrap .box h2 {
	margin: 0 0 4rem 0;
}
#page.concept #policy .wrap .box h2 span {
	font-size: 2.7rem;
}
#page.concept #policy .wrap .box h3 {}
#page.concept #policy .wrap .box p {
	font-size: 1.8rem;
}
#page.concept #policy .wrap .box p em {}
#page.concept #policy .wrap .box figure {
	top: 15vw;
	right: 3vw;
	width: 20vw;
}
#page.concept #policy .wrap .box figure img {
	width: 100%;
	height: auto;
}
}

/* 目標 */
#page.concept #goal {
	position: relative;
	margin: 0rem auto;
	background: url("../img/page/bg_sky1.png") no-repeat center top, url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: 120rem 42rem, 60rem 42rem;
}
#page.concept #goal .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 2rem 0rem;
}
#page.concept #goal .wrap h2 {
	text-align: center;
	margin: 0 0 4rem 0;
}
#page.concept #goal .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.concept #goal .wrap h3 {
	text-align: center;
	margin: 0 0 2rem 0;
}

#page.concept #goal .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	padding: 10rem 0;
}
#page.concept #goal .wrap ul li {
	position: relative;
	margin: 0 0 10rem 24rem;
	padding: 3rem 5rem 3.6rem 12rem;
	_width: 64rem;
	width: auto;
	background: #FFFABE;
}
#page.concept #goal .wrap ul li figure {
	position: absolute;
	top: -6rem;
	left: calc( -24rem );
	transform: rotate( -4deg );
}

#page.concept #goal .wrap ul li dl {}
#page.concept #goal .wrap ul li dl dt {
	font-size: 3.2rem;
	font-weight: 900;
	color: #F15A24;
}
#page.concept #goal .wrap ul li dl dd {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8em;
	padding-left: 2.4rem;
}
#page.concept #goal .wrap ul li span {
	position: absolute;
	top: -5rem;
	right: 2rem;
}
#page.concept #goal .wrap ul li:nth-of-type(2) {
	width: auto;
	background: #EAF7FC;
}
#page.concept #goal .wrap ul li:nth-of-type(3) {
	margin-bottom: 0;
	width: auto;
	background: #E5F2C2;
}
#page.concept #goal .wrap ul li:nth-of-type(2) figure {
	transform: rotate( 4deg );
}
#page.concept #goal .wrap ul li:nth-of-type(2) dl dt {
	color: #0071BC;
}
#page.concept #goal .wrap ul li:nth-of-type(3) dl dt {
	color: #009245;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.concept #goal {
	background: url("../img/page/bg_sky1.png") no-repeat center top, url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: auto 40vw, auto 40vw;
}
#page.concept #goal .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 3rem 0rem 2rem 0rem;
}
#page.concept #goal .wrap h2 {
	text-align: center;
	margin: 0 0 3rem 0;
}
#page.concept #goal .wrap h2 span {
	font-size: 2.7rem;
}
#page.concept #goal .wrap h3 {
	text-align: center;
	margin: 0 auto 4rem;
	width: 96vw;
	max-width: 50.6rem;
}
#page.concept #goal .wrap h3 img {
	width: 100%;
	height: auto;
}
#page.concept #goal .wrap ul {
	padding: 10vw 0;
	margin: 0 auto 0;
	width: 92vw;
}
#page.concept #goal .wrap ul li {
	position: relative;
	margin: 40vw 0 0 0;
	padding: 0 0rem 3rem 0rem;
	width: 100%;
	background: #FFFABE;
}
#page.concept #goal .wrap ul li figure {
	position: static;
	top: 0;
	left: 0;
	margin: -45vw auto 0;
	width: 96%;
	max-width: 33rem;
	transform: rotate( -4deg );
}
#page.concept #goal .wrap ul li figure img {
	width: 100%;
	height: auto;
}
#page.concept #goal .wrap ul li dl {
	padding: 5vw 5vw 0vw 5vw;
}
#page.concept #goal .wrap ul li dl dt {
	font-size: 2.2rem;
	text-align: center;
}
#page.concept #goal .wrap ul li dl dd {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5em;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#page.concept #goal .wrap ul li span {
	position: absolute;
	top: 5vw;
	right: 0;
}
#page.concept #goal .wrap ul li:nth-of-type(2) {
	margin: 40vw 0 0 0;
	padding: 0 0rem 3rem 0rem;
	width: 100%;
	background: #EAF7FC;
}
#page.concept #goal .wrap ul li:nth-of-type(3) {
	margin: 40vw 0 0 0;
	padding: 0 0rem 3rem 0rem;
	width: 100%;
	background: #E5F2C2;
}
#page.concept #goal .wrap ul li:nth-of-type(2) figure {
	transform: rotate( 4deg );
}
#page.concept #goal .wrap ul li:nth-of-type(2) dl dt {
	color: #0071BC;
}
#page.concept #goal .wrap ul li:nth-of-type(3) dl dt {
	color: #009245;
}

}

/* 特色 */
#page.concept #features {
	position: relative;
	margin: 0rem auto;
	background: url("../img/concept/bg_features.png") repeat-x center 40rem;
	background-size: 144rem 80rem;
	padding: 0 0 16rem 0;
}
#page.concept #features .wrap {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 96rem;
	height: 64rem;
	margin: 0 auto 0;
	padding: 11rem 0rem 12rem 0rem;
	background: url("../img/concept/bg_board.png") no-repeat center top;
	background-size: 96rem 64rem;
}
#page.concept #features .wrap h2 {
	text-align: center;
	margin: 0 0 6rem 0;
}
#page.concept #features .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.concept #features .wrap h2:before,
#page.concept #features .wrap h2:after {
	display: inline-block;
	content: "";
	background: url("../img/concept/title_deco.png") no-repeat center top;
	background-size: 22.8rem 2rem;
	width: 22.8rem;
	height: 2rem;
	margin: 0 8rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.concept #features {
	position: relative;
	margin: 0rem auto;
	background: url("../img/concept/bg_features.png") repeat-x center bottom;
	background-size: cover;
	padding: 0 0 16rem 0;
}
#page.concept #features .wrap {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto 0;
	padding: 8vw 6vw 4vw;
	background: url("../img/concept/bg_board_top.png") repeat-x center top, url("../img/concept/bg_board_side.png") repeat-y left center,url("../img/concept/bg_board_side.png") repeat-y right center, url("../img/concept/bg_board_top.png") repeat-x center bottom,#FDFCF9;
	background-size: 96rem 1.2rem, 1.2rem 54rem, 1.2rem 54rem, 96rem 1.2rem;
}
#page.concept #features .wrap:before {
	position: absolute;
	content: "";
	display: block;
	background: url("../img/concept/bg_board_foot1.png") no-repeat center top;
	background-size: 3.2rem 8rem;
	width: 3.2rem;
	height: 8rem;
	bottom: -8rem;
	right: 50%;
	transform: translate(-50%,0);
	margin-right: 20vw;
}
#page.concept #features .wrap:after {
	position: absolute;
	content: "";
	display: block;
	background: url("../img/concept/bg_board_foot2.png") no-repeat center top;
	background-size: 3.2rem 8rem;
	width: 3.2rem;
	height: 8rem;
	bottom: -8rem;
	left: 50%;
	transform: translate(-50%,0);
	margin-left: 23.2vw;
}
#page.concept #features .wrap h2 {
	text-align: center;
	margin: 0 0 4vw 0;
}
#page.concept #features .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}
#page.concept #features .wrap h2:before,
#page.concept #features .wrap h2:after {
	display: inline-block;
	content: "";
	background: url("../img/concept/title_deco.png") no-repeat center top;
	background-size: 25vw auto;
	width: 25vw;
	height: 2.2vw;
	margin: 0 2rem;
}
}

#page.concept #features .wrap ul {
	display: inline-block;
	margin: 0 auto;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.6em;
}
#page.concept #features .wrap ul li {
	margin: 0 0 1em 0;
	background: url("../img/concept/list_star.png") no-repeat left top;
	background-size: 3.2rem 3.2rem;
	padding-left: 3.8rem;
}

#page.concept #features figure {
	position: absolute;
}
#page.concept #features figure img {
	width: 100%;
	height: auto;
}
#page.concept #features figure.tree {
	width: 16vw;
	max-width: 17rem;
}
#page.concept #features figure.tree.left {
	top: -12rem;
	left: 0;
}
#page.concept #features figure.tree.right {
	top: -12rem;
	right: 0;
}
#page.concept #features figure.tulip {
	width: 18rem;
	bottom: 8rem;
	right: 50%;
	margin-right: 36rem;
}
#page.concept #features figure.flower {
	width: 24rem;
	bottom: 6rem;
	left: 50%;
	margin-left: 28rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.concept #features .wrap ul {
	font-size: 1.8rem;
}
#page.concept #features .wrap ul li {
	margin: 0 0 1em 0;
	background: url("../img/concept/list_star.png") no-repeat left top;
	background-size: 2.7rem 2.7rem;
	padding-left: 3.2rem;
}

#page.concept #features figure {
	position: absolute;
}
#page.concept #features figure img {
	width: 100%;
	height: auto;
}
#page.concept #features figure.tree {
	width: 16vw;
	max-width: 17rem;
}
#page.concept #features figure.tree.left {
	top: -14vw;
	left: 0;
}
#page.concept #features figure.tree.right {
	top: -14vw;
	right: 0;
}
#page.concept #features figure.tulip {
	width: 24vw;
	bottom: 6vw;
	right: 50%;
	margin-right: 20vw;
}
#page.concept #features figure.flower {
	width: 28vw;
	bottom: 6vw;
	left: 50%;
	margin-left: 20vw;
}
}


/* ------------------------------------------------------------
   facility.html
------------------------------------------------------------ */
#page.facility {}

/* 施設の紹介 */
#page.facility #facility {
	position: relative;
	background: url("../img/facility/bg_grass.png") no-repeat center bottom, url("../img/facility/illust_leaf.png") no-repeat 2vw 2vw;
	background-size: 100%, 30rem 22rem;
	padding-bottom: 18vw;
}
#page.facility #facility .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 0rem 0rem;
}
#page.facility #facility .wrap h2 {
	font-size: 2.1rem;
	line-height: 1.8;
	text-align: center;
	margin: 0 0 4rem 0;
}
#page.facility #facility .wrap p {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	text-align: center;
	margin: 0 0 0rem 0;
}
#page.facility #facility figure {
	position: absolute;
}
#page.facility #facility figure img {
	width: 100%;
	height: auto;
}
#page.facility #facility figure.bird {
	top: 5rem;
	left: 50%;
	width: 13rem;
	height: 9rem;
	margin-left: 30rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.facility #facility {
	position: relative;
	background: url("../img/facility/bg_grass.png") no-repeat center bottom, url("../img/facility/illust_leaf.png") no-repeat 2vw 2vw;
	background-size: 100%, 40vw;
	padding-bottom: 18vw;
}
#page.facility #facility .wrap {
	width: 92vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 0rem 0rem;
}
#page.facility #facility .wrap h2 {
	font-size: 1.8rem;
	margin: 0 0 4rem 0;
}
#page.facility #facility .wrap p {
	font-size: 1.6rem;
	width: 84%;
	margin: 0 auto;
}
}

/* 見取り図 */
#page.facility #floor {
	position: relative;
	background: #FFFAE3;
}
#page.facility #floor .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 0rem 0rem 8rem 0rem;
}
#page.facility #floor .wrap h2 {
	text-align: center;
	margin: 0 auto 4rem;
}
#page.facility #floor .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.facility #floor .wrap .fig {
}
#page.facility #floor .wrap figure {
	text-align: center;
}
#page.facility #floor .wrap figure.f1 {
	margin: 0 auto 6rem;
}
#page.facility #floor .wrap figure.f2 {
	width: 42rem;
}
#page.facility #floor .wrap figure.child {
	text-align: left;
	margin: 1.5rem auto 0 0;
}
#page.facility #floor .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 6rem;
}
#page.facility #floor .wrap ul.f1_photo {}
#page.facility #floor .wrap ul.f2_photo {
	width: calc( 100% - 42rem - 5.6rem );
	margin: 5rem 0 0 0;
}
#page.facility #floor .wrap ul li {
	margin: 0 .5rem 2rem;
}
#page.facility #floor .wrap ul li a {
	cursor: pointer;
}
#page.facility #floor .wrap ul li a img {}

#page.facility #floor figure.tree {
	position: absolute;
	width: 12vw;
	max-width: 17rem;
}
#page.facility #floor figure.tree img {
	width: 100%;
	height: auto;
}
#page.facility #floor figure.tree.left {
	top: 5rem;
	left: 0;
}
#page.facility #floor figure.tree.right {
	top: 5rem;
	right: 0;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.facility #floor {}
#page.facility #floor .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 0rem 0rem 2rem 0rem;
}
#page.facility #floor .wrap h2 {
	text-align: center;
	margin: 0 auto 4rem;
}
#page.facility #floor .wrap h2 span {
	font-size: 2.7rem;
}
#page.facility #floor .wrap .fig {}
#page.facility #floor .wrap figure {
	text-align: center;
}
#page.facility #floor .wrap figure img {
	width: 100%;
	height: auto;
}
#page.facility #floor .wrap figure.f1 {
	width: calc( 100% );
	max-width: 88rem;
	margin: 0 auto 4rem;
}
#page.facility #floor .wrap figure.f2 {
	width: calc( 75% );
	max-width: 42rem;
	margin: 0 auto 0;
}
#page.facility #floor .wrap figure.child {
	width: calc( 30% );
	max-width: 18rem;
	text-align: left;
	margin: 0 auto 2rem 10%;
}

#page.facility #floor .wrap ul {
	width: calc( 96% );
	margin: 0rem auto 2rem;
}
#page.facility #floor .wrap ul.f1_photo {}
#page.facility #floor .wrap ul.f2_photo {
	width: calc( 96% );
	margin: 0 0 2rem 0;
}
#page.facility #floor .wrap ul li {
	width: calc( 50% - 1rem );
	max-width: 22.8rem;
	margin: 0 .5rem 2rem;
}
#page.facility #floor .wrap ul li a {
	cursor: pointer;
}
#page.facility #floor .wrap ul li a img {
	width: 100%;
	height: auto;
}

#page.facility #floor figure.tree {
	position: absolute;
	width: 12vw;
	max-width: 17rem;
}
#page.facility #floor figure.tree img {
	width: 100%;
	height: auto;
}
#page.facility #floor figure.tree.left {
	top: 5rem;
	left: 0;
}
#page.facility #floor figure.tree.right {
	top: 5rem;
	right: 0;
}
}

/* 概要 */
#page.facility #summary {}
#page.facility #summary {
	position: relative;
	background: url("../img/page/bg_sky1.png") no-repeat center top, url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: 120rem 42rem, 60rem 42rem;
}
#page.facility #summary .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 10rem 0rem 8rem 0rem;
	text-align: center;
}
#page.facility #summary .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
}
#page.facility #summary .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.facility #summary .wrap dl {
	display: inline-flex;
	flex-wrap: wrap;
	margin: 0 auto 8rem;
	text-align: left;
	width: 62rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.5;
}
#page.facility #summary .wrap dl dt {
	width: 13em;
	padding: 0.75em 1em;
	border-bottom: .3rem dotted #C7B299;
}
#page.facility #summary .wrap dl dd {
	width: calc( 100% - 13em );
	padding: 0.75em 1em;
	border-bottom: .3rem dotted #C7B299;
}

#page.facility #summary figure.photo {}
#page.facility #summary figure.photo a {}
#page.facility #summary figure.photo a img {}

#page.facility #summary figure.tree {
	position: absolute;
	width: 12vw;
	max-width: 17rem;
}
#page.facility #summary figure.tree img {
	width: 100%;
	height: auto;
}
#page.facility #summary figure.tree.left {
	bottom: 32rem;
	left: 0;
}
#page.facility #summary figure.tree.right {
	bottom: 32rem;
	right: 0;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.facility #summary {}
#page.facility #summary {
	background: url("../img/page/bg_sky1.png") no-repeat center top, url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: auto 40vw, auto 40vw;
}
#page.facility #summary .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 2rem 0rem;
}
#page.facility #summary .wrap h2 {
	margin: 0 auto 4rem;
}
#page.facility #summary .wrap h2 span {
	font-size: 2.7rem;
}
#page.facility #summary .wrap dl {
	margin: 0 auto 2rem;
	width: calc( 100% );
	font-size: 1.8rem;
}
#page.facility #summary .wrap dl dt {
	width: 100%;
	padding: 0.75em 1em 0em 1em;
	border-bottom: none;
	font-weight: 900;
}
#page.facility #summary .wrap dl dd {
	width: calc( 100% );
	padding: 0.0em 1em 0.75em 1em;
	border-bottom: .3rem dotted #C7B299;
}
#page.facility #summary figure.photo {}
#page.facility #summary figure.photo a {}
#page.facility #summary figure.photo a img {
	width: 100%;
	height: auto;
}
#page.facility #summary figure.tree {
	display: none;
}
}


/* アクセス */
#page.facility #access {
	background: #E8F2CE;
}
#page.facility #access .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 10rem 0rem 8rem 0rem;
	text-align: center;
}
#page.facility #access .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
}
#page.facility #access .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#page.facility #access .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#page.facility #access .wrap ul li {
	width: 50%;
}
#page.facility #access .wrap ul li:nth-last-of-type(1) {
	width: 50%;
	padding: 5rem 2.5rem 2.5rem 5rem;
	text-align: left;
}
#page.facility #access .wrap ul li figure {}
#page.facility #access .wrap ul li p {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2em;
	margin-bottom: 1.5em;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.facility #access {}
#page.facility #access .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 0rem 0rem;
}
#page.facility #access .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
}
#page.facility #access .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}
#page.facility #access .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#page.facility #access .wrap ul li {
	width: 100%;
}
#page.facility #access .wrap ul li:nth-last-of-type(1) {
	width: 100%;
	padding: 2.5rem 2.5rem 2.5rem 2.5rem;
	text-align: left;
}
#page.facility #access .wrap ul li figure {
	width: 100%;
	max-width: 96rem;
}
#page.facility #access .wrap ul li figure img {
	width: 100%;
	height: auto;
}
#page.facility #access .wrap ul li p {
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 2em;
	margin-bottom: 1.5em;
}

}


/* ------------------------------------------------------------
   guide.html
------------------------------------------------------------ */
#page.guide {}

/* 施設の紹介 */
#page.guide #childcare {
	background: #FFFAE3;
}
#page.guide #childcare .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 8rem 0rem;
}
#page.guide #childcare .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#page.guide #childcare .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.guide #childcare .wrap ul {
	display: inline-block;
	margin: 0 auto;
	padding: 4rem 8rem;
	border-radius: 4rem;
	background: #fff;
}
#page.guide #childcare .wrap ul li {
	padding: 1rem 0;
	border-bottom: .3rem solid #C7B299;
}
#page.guide #childcare .wrap ul li:nth-last-of-type(1) {
	border-bottom: none;
}
#page.guide #childcare .wrap ul li h3 {
text-align: center;
font-size: 2.7rem;
font-weight: 900;
margin-bottom: 3rem;
}
#page.guide #childcare .wrap ul li dl {
	display: flex;
	flex-wrap: wrap;
	font-size: 2.4rem;
}
#page.guide #childcare .wrap ul li dl dt {
	font-weight: 900;
	width: 8em;
	padding: 0 1em;
}
#page.guide #childcare .wrap ul li dl dd {
	padding: 0 0em;
}
#page.guide #childcare .wrap ul li dl dd ul {
	display: block;
	margin: 0 auto;
	padding: 0rem;
	border-radius: 0;
}
#page.guide #childcare .wrap ul li dl dd ul li {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0.5rem 0;
	border-bottom: .3rem dotted #C7B299;
}
#page.guide #childcare .wrap ul li dl dd ul li:nth-last-of-type(1) {
	border-bottom: none;
}
#page.guide #childcare .wrap ul li dl dd ul li em {
	width: 6em;
}
#page.guide #childcare .wrap ul li dl dd ul li p {
	margin-right: 1em;
}
#page.guide #childcare .wrap ul li dl dd ul li p span {
	font-size: 1.4rem;
	margin-left: 0.5em;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.guide #childcare {}
#page.guide #childcare .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 4rem 0rem;
}
#page.guide #childcare .wrap h2 {
	margin: 0 auto 2rem;
}
#page.guide #childcare .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}
#page.guide #childcare .wrap ul {
	margin: 0 auto;
	padding: 2rem 2rem;
	border-radius: 2rem;
	width: 96%;
}
#page.guide #childcare .wrap ul li {
	padding: 1rem 0;
}
#page.guide #childcare .wrap ul li h3 {
font-size: 2.4rem;
margin-bottom: 1rem;
}
#page.guide #childcare .wrap ul li dl {
	font-size: 1.8rem;
}
#page.guide #childcare .wrap ul li dl dt {
	width: 100%;
	padding: 0 1em;
	font-size: 2.0rem;
}
#page.guide #childcare .wrap ul li dl dd {
	padding: 0 1em;
}
}

/*通園*/
#page.guide #commute {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 10rem auto 0;
	width: 96rem;
}
#page.guide #commute .wrap {
	display: flex;
	flex-wrap: wrap;
	width: calc( 96rem - 38.6rem );
	margin: 0rem;
	padding: 0rem;
}
#page.guide #commute .wrap h2 {
	margin: 0 0 2rem 0;
	width: 100%;
}
#page.guide #commute .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.75em 0.15em 0.75em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.guide #commute .wrap em {
	font-size: 2.4rem;
	font-weight: 900;
	margin: 0 0 2rem 3rem;
}
#page.guide #commute .wrap ul {
	margin: 0 0 0 3rem;
}
#page.guide #commute .wrap ul li {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 0.75em;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#page.guide #commute figure {
	position: relative;
	width: 38.6rem;
}
#page.guide #commute figure img {
width: 100%;
height: auto;
}
#page.guide #commute figure img.photo {
max-width: 38.6rem;
transform: rotate(2deg);
}
#page.guide #commute figure img.pin {
	position: absolute;
	width: 6rem;
	top: -3rem;
	left: 50%;
	transform: translate(-50%,0);
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.guide #commute {
	margin: 4rem auto 0;
	width: 100vw;
}
#page.guide #commute .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 0rem;
}
#page.guide #commute .wrap h2 {
	margin: 0 auto 2rem;
	text-align: center;
}
#page.guide #commute .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em 0.5em;
}
#page.guide #commute .wrap em {
	font-size: 2.0rem;
	margin: 0 auto 1rem;
}
#page.guide #commute .wrap ul {
	width: 90%;
	max-width: 40rem;
	margin: 0 auto 2rem;
}
#page.guide #commute .wrap ul li {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 0.5em;
	padding: 0 1.3em;
	text-indent: -1.3em;
}
#page.guide #commute figure {
	width: 90%;
	max-width: 38.6rem;
	margin: 0 auto;
}
#page.guide #commute figure img {
width: 100%;
height: auto;
}
#page.guide #commute figure img.photo {
max-width: 38.6rem;
transform: rotate(2deg);
}
#page.guide #commute figure img.pin {
	position: absolute;
	width: 18%;
	max-width: 6rem;
	top: -3rem;
	left: 50%;
	transform: translate(-50%,0);
}
}

/*給食*/
#page.guide #meal {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	margin: 10rem auto 10rem;
	width: 96rem;
}
#page.guide #meal .wrap {
	display: flex;
	flex-wrap: wrap;
	width: calc( 96rem - 38.6rem );
	margin: 0rem;
	padding: 0rem;
}
#page.guide #meal .wrap h2 {
	margin: 0 0 2rem 0;
	width: 100%;
}
#page.guide #meal .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.75em 0.15em 0.75em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.guide #meal .wrap em {
	font-size: 2.4rem;
	font-weight: 900;
	margin: 0 0 2rem 3rem;
}
#page.guide #meal .wrap ul {
	margin: 0 0 0 3rem;
}
#page.guide #meal .wrap ul li {
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	margin-bottom: 0.75em;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#page.guide #meal .wrap ul li:nth-last-of-type(1) {
	line-height: 1.4;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
#page.guide #meal figure {
	position: relative;
	width: 38.6rem;
}
#page.guide #meal figure img {
width: 100%;
height: auto;
}
#page.guide #meal figure img.photo {
max-width: 38.6rem;
transform: rotate(2deg);
}
#page.guide #meal figure img.pin {
	position: absolute;
	width: 6rem;
	top: -3rem;
	left: 50%;
	transform: translate(-50%,0);
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.guide #meal {
	margin: 4rem auto;
	width: 100vw;
}
#page.guide #meal .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 0rem;
}
#page.guide #meal .wrap h2 {
	margin: 0 auto 2rem;
	text-align: center;
}
#page.guide #meal .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em 0.5em;
}
#page.guide #meal .wrap em {
	font-size: 2.0rem;
	margin: 0 auto 1rem;
}
#page.guide #meal .wrap ul {
	width: 90%;
	max-width: 40rem;
	margin: 0 auto 2rem;
}
#page.guide #meal .wrap ul li {
	font-size: 1.6rem;
	line-height: 1.4;
	margin-bottom: 0.5em;
	padding: 0 1.3em;
	text-indent: -1.3em;
}
#page.guide #meal .wrap ul li:nth-last-of-type(1) {
	line-height: 1.4;
	padding-left: 1.0em;
	text-indent: -1.0em;
}
#page.guide #meal figure {
	width: 90%;
	max-width: 38.6rem;
	margin: 0 auto;
}
#page.guide #meal figure img {
width: 100%;
height: auto;
}
#page.guide #meal figure img.photo {
max-width: 38.6rem;
transform: rotate(2deg);
}
#page.guide #meal figure img.pin {
	position: absolute;
	width: 18%;
	max-width: 6rem;
	top: -3rem;
	left: 50%;
	transform: translate(-50%,0);
}
}

/*1日の活動*/
#page.guide #activity {
	position: relative;
	background: url("../img/guide/bg_activity.png") no-repeat center bottom, url("../img/page/bg_sky1.png") no-repeat center top, url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: 100%, 120rem 42rem, 60rem 42rem;
	padding-bottom: 16vw;
}
#page.guide #activity .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 10rem 0rem 12rem 0rem;
	text-align: center;
}
#page.guide #activity .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
}
#page.guide #activity .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.guide #activity .wrap table {
	width: 100%;
	max-width: 82rem;
	margin: 0 auto;
	border-spacing: 0;
	border: 0.5rem solid #944907;
}
#page.guide #activity .wrap table thead {}
#page.guide #activity .wrap table thead tr {}
#page.guide #activity .wrap table thead tr th {
	width: 16rem;
	padding: 1em 0;
	background: #B5D94C;
	border: 0.5rem solid #944907;
}
#page.guide #activity .wrap table thead tr td {
	width: calc( ( 82rem - 16rem ) / 3 );
	color: #fff;
	background: #944907;
	border-right: 0.3rem dotted #fff;
	border-bottom: 0.5rem solid #944907;
}
#page.guide #activity .wrap table tbody {}
#page.guide #activity .wrap table tbody tr {
	border-bottom: 0.3rem dotted #C7B299;
}
#page.guide #activity .wrap table tbody th {
	padding: 0.5em 0;
	vertical-align: top;
	background: #D8F0A1;
	border-right: 0.5rem solid #944907;
}
#page.guide #activity .wrap table tbody td {
	font-size: 2.0rem;
	font-weight: 700;
	padding: 0.5em 0;
	vertical-align: top;
	background: #FCFAF4;
	border-right: 0.3rem dotted #C7B299;
	border-bottom: 0.3rem dotted #C7B299;
}
#page.guide #activity .wrap table thead,
#page.guide #activity .wrap table thead th,
#page.guide #activity .wrap table tbody th {
	font-size: 2.0rem;
	font-weight: 900;
}
#page.guide #activity .wrap table tbody td p {
	display: inline-block;
	padding: 0 1em;
	text-align: left;
}
#page.guide #activity .wrap table tbody td .box {
	display: inline-flex;
	flex-wrap: wrap;
}
#page.guide #activity .wrap table tbody td .box ul {
	display: inline-flex;
	flex-wrap: wrap;
	text-align: left;
	margin-top: 3.2em;
	margin-right: 2.5em;
	width: 19em;
}
#page.guide #activity .wrap table tbody td .box ul li {
	width: 9.5em;
}
#page.guide #activity .wrap table tbody tr:nth-of-type(3) td,
#page.guide #activity .wrap table tbody tr:nth-of-type(4) td,
#page.guide #activity .wrap table tbody tr:nth-of-type(5) td {
	text-align: left;
	padding: 0.5em 0 0.5em 2.5em;
}
#page.guide #activity figure.tree {
	position: absolute;
	width: 12vw;
	max-width: 17rem;
}
#page.guide #activity figure.tree img {
	width: 100%;
	height: auto;
}
#page.guide #activity figure.tree.left {
	top: -4rem;
	left: 0;
}
#page.guide #activity figure.tree.right {
	top: -4rem;
	right: 0;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.guide #activity {
	background: url("../img/guide/bg_activity.png") no-repeat center bottom, url("../img/page/bg_sky1.png") no-repeat center top, url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: 100%, auto 40vw, auto 40vw;
	padding-bottom: 16vw;
}
#page.guide #activity .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 0rem;
	padding: 4rem 0rem 4rem 0rem;
}
#page.guide #activity .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
}
#page.guide #activity .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}
#page.guide #activity .wrap table {
	width: calc( 100% - 0rem );
	margin: 0 auto;
}
#page.guide #activity .wrap table thead {}
#page.guide #activity .wrap table thead tr {}
#page.guide #activity .wrap table thead tr th {
	width: 4.5em;
	padding: 1em 0;
}
#page.guide #activity .wrap table thead tr td {
	width: calc( ( 100% - 4.5em ) / 3 );
}
#page.guide #activity .wrap table tbody {}
#page.guide #activity .wrap table tbody tr {}
#page.guide #activity .wrap table tbody th {
	padding: 0.5em 0;
}
#page.guide #activity .wrap table tbody td {
	font-size: 1.5rem;
	padding: 0.5em 0;
}
#page.guide #activity .wrap table thead,
#page.guide #activity .wrap table thead th,
#page.guide #activity .wrap table tbody th {
	font-size: 1.5rem;
}
#page.guide #activity .wrap table tbody td p {
	display: inline-block;
	padding: 0 1em;
	text-align: left;
}
#page.guide #activity .wrap table tbody td .box {
	display: inline-flex;
	flex-wrap: wrap;
}
#page.guide #activity .wrap table tbody td .box ul {
	display: inline-flex;
	flex-wrap: wrap;
	text-align: left;
	margin-top: 3.2em;
	margin-right: 2.5em;
	width: 19em;
}
#page.guide #activity .wrap table tbody td .box ul li {
	width: 9.5em;
}
#page.guide #activity .wrap table tbody tr:nth-of-type(3) td,
#page.guide #activity .wrap table tbody tr:nth-of-type(4) td,
#page.guide #activity .wrap table tbody tr:nth-of-type(5) td {
	text-align: left;
	padding: 0.5em 0 0.5em 2.5em;
}
#page.guide #activity figure.tree {
	width: 20vw;
	max-width: 17rem;
}
#page.guide #activity figure.tree.left {
	top: -4rem;
	left: 0;
}
#page.guide #activity figure.tree.right {
	top: -4rem;
	right: 0;
}
}

/*年間行事*/
#event {}
#page.guide #event {
	position: relative;
	background: #FFFAE3;
}
#page.guide #event .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 2rem 0rem 14rem 0rem;
	text-align: center;
}
#page.guide #event .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
}
#page.guide #event .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.guide #event .wrap dl {
	display: flex;
	flex-wrap: wrap;
	width: 80rem;
	margin: 0 auto;
	font-size: 2.7rem;
}
#page.guide #event .wrap dl dt,
#page.guide #event .wrap dl dd {
	padding: 0.5em 1em;
}
#page.guide #event .wrap dl dt {
	font-weight: 900;
	width: 8em;
	border-bottom: .6rem dotted #C7B299;
}
#page.guide #event .wrap dl dd {
	font-weight: 700;
 position: relative;
	width: calc( 100% - 8em );
	text-align: left;
	border-bottom: .6rem dotted #C7B299;
}
#page.guide #event .wrap dl dd figure {
	position: absolute;
	top: 0;
	right: 0;
}
#page.guide #event .wrap dl dd:nth-of-type(1) figure {
	top: -6rem;
	right: 0;
}
#page.guide #event .wrap dl dd:nth-of-type(2) figure {
	top: 1.5rem;
	right: -3rem;
}
#page.guide #event .wrap dl dd:nth-of-type(4) figure {
	top: 2rem;
	right: -3rem;
}
#page.guide #event .wrap dl dd:nth-of-type(6) figure {
	top: -5rem;
	right: -5rem;
}
#page.guide #event .wrap dl dd:nth-of-type(9) figure {
	top: -8rem;
	right: 10rem;
}
#page.guide #event .wrap dl dd:nth-of-type(10) figure {
	top: 0rem;
	right: 0rem;
}
#page.guide #event .wrap p {
	font-size: 2.7rem;
	font-weight: 700;
	padding: 0.5em 0;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#event {}
#page.guide #event {}
#page.guide #event .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 0rem;
	padding: 4rem 0rem 4rem 0rem;
}
#page.guide #event .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
}
#page.guide #event .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}

#page.guide #event .wrap dl {
	width: 100%;
	margin: 0 auto;
	font-size: 1.8rem;
}
#page.guide #event .wrap dl dt,
#page.guide #event .wrap dl dd {
	padding: 0.5em 0.5em;
}
#page.guide #event .wrap dl dt {
	width: 4em;
	padding: 0.5em 0.5em;
}
#page.guide #event .wrap dl dd {
	width: calc( 100% - 4em );
}
#page.guide #event .wrap dl dd figure {
	position: absolute;
	top: 0;
	right: 0;
}
#page.guide #event .wrap dl dd figure img {
	width: 100%;
	height: auto;
}
#page.guide #event .wrap dl dd:nth-of-type(1) figure {
	top: -3vw;
	right: 0;
	width: 30vw;
	max-width: 27rem;
}
#page.guide #event .wrap dl dd:nth-of-type(2) figure {
	top: 1vw;
	right: -1vw;
	width: 16vw;
	max-width: 14rem;
}
#page.guide #event .wrap dl dd:nth-of-type(4) figure {
	top: 1vw;
	right: -2vw;
	width: 24vw;
	max-width: 20rem;
}
#page.guide #event .wrap dl dd:nth-of-type(6) figure {
	top: -7vw;
	right: -1vw;
	width: 18vw;
	max-width: 14rem;
}
#page.guide #event .wrap dl dd:nth-of-type(9) figure {
	top: -9vw;
	right: 5vw;
	width: 20vw;
	max-width: 15rem;
}
#page.guide #event .wrap dl dd:nth-of-type(10) figure {
	top: 0vw;
	right: -2vw;
	width: 18vw;
	max-width: 12rem;
}

#page.guide #event .wrap p {
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0.5em 0;
}
}


/* ------------------------------------------------------------
   information.html
------------------------------------------------------------ */
#page.information {}

/* 入園について */
#page.information #information {}
#page.information #information .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 12rem 0rem;
}
#page.information #information .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#page.information #information .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.information #information .wrap ul {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border-radius: 3rem;
	border: .5rem solid #944907;
}
_#page.information #information .wrap ul:after {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: calc( 100% - 1rem );
	height: calc( 100% - 1rem );
	border-radius: 3rem;
	border: .5rem solid #944907;
}
#page.information #information .wrap ul li {
	width: 50%;
	background: #FDFCF8;
}
#page.information #information .wrap ul li:nth-of-type(2) {
	width: 50%;
	border-left: .5rem solid #944907;
}
#page.information #information .wrap ul li:nth-of-type(3) {
	width: 100%;
	border-top: .5rem solid #944907;
}
#page.information #information .wrap ul li dl.box {}
#page.information #information .wrap ul li dl.box dt {
	text-align: center;
	color: #fff;
	padding: 2rem;
}
#page.information #information .wrap ul li dl.box.education dt {
	background: #F498A6;
}
#page.information #information .wrap ul li dl.box.childcare dt {
	background: #29ABE2;
}
#page.information #information .wrap ul li dl.box.expenses dt {
	background: none;
}
#page.information #information .wrap ul li dl.box dt h3 {
	font-size: 3.2rem;
	font-weight: 900;
}
#page.information #information .wrap ul li dl.box dt em {
	font-size: 2rem;
	font-weight: 700;
	padding: 0.1em 2em;
	border-radius: 1.5em;
	background: #944907;
}
#page.information #information .wrap ul li dl.box dd {
	padding: 1.5rem 2rem 1.5rem 4rem;
}
#page.information #information .wrap ul li dl.box dd:nth-of-type(odd) {
	background: #F9F5EA;
}
#page.information #information .wrap ul li dl.box dd .unit {
	display: flex;
	flex-wrap: wrap;
	font-size: 2.4rem;
}
#page.information #information .wrap ul li dl.box dd em {
	font-size: 2.4rem;
	font-weight: 900;
	margin-right: 2em;
}
#page.information #information .wrap ul li dl.box dd em span {
	font-size: 2.0rem;
	font-weight: 700;
	margin-left: 1em;
}
#page.information #information .wrap ul li dl.box dd p {
	padding: 0.2em;
	font-size: 1.8rem;
	font-weight: 700;
	margin-left: 0em;
}
#page.information #information .wrap ul li dl.box dd .flex p {
	display: inline-flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 70%;
	margin-left: 3em;
}
#page.information #information .wrap ul li dl.box dd .flex p span {}

#page.information #information .wrap ul li dl.box dd .unit .set {}
#page.information #information .wrap ul li dl.box dd .unit .set em {
	font-size: 2.0rem;
	font-weight: 700;
	margin-left: 2.5em;
}
#page.information #information .wrap ul li dl.box dd .unit .set p {
	font-size: 1.8rem;
	line-height: 1.25;
	margin-left: 3em;
	margin-bottom: 0.5em;
}

#page.information #information .wrap ul li dl.expenses {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	background: #ECDDB9;
	padding: 3rem;
}
#page.information #information .wrap ul li dl.expenses dt {
	text-align: center;
	width: 100%;
	margin: 0 auto 2rem;
}
#page.information #information .wrap ul li dl.expenses dt h3 {
	font-size: 2.4rem;
	font-weight: 900;
}
#page.information #information .wrap ul li dl.expenses dt h3 span {
	font-size: 2.1rem;
	font-weight: 700;
}
#page.information #information .wrap ul li dl.expenses dd {
	width: calc( 100% / 3 - 4rem );
	font-size: 1.8rem;
	font-weight: 700;
	margin: 1rem;
	padding: 1.5rem 3.6rem;
	background: #F9F5EA;
	border-radius: 2rem;
}
#page.information #information .wrap ul li dl.expenses dd em {
	font-weight: 900;
}
#page.information #information .wrap ul li dl.expenses dd p {}

/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.information #information {}
#page.information #information .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 0rem;
	padding: 4rem 0rem 4rem 0rem;
}
#page.information #information .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
}
#page.information #information .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}

#page.information #information .wrap ul {}
#page.information #information .wrap ul li {
	width: 100%;
}
#page.information #information .wrap ul li:nth-of-type(2) {
	width: 100%;
	border-left: none;
}
#page.information #information .wrap ul li:nth-of-type(3) {
	width: 100%;
	border-top: .5rem solid #944907;
}

#page.information #information .wrap ul li dl.box {}
#page.information #information .wrap ul li dl.box dt {
	padding: 2rem;
}
#page.information #information .wrap ul li dl.box dt h3 {
	font-size: 2.7rem;
}
#page.information #information .wrap ul li dl.box dt em {
	font-size: 1.8rem;
	font-weight: 700;
	padding: 0.1em 1em;
}
#page.information #information .wrap ul li dl.box dd {
	padding: 1em 1em 1em 2em;
}
#page.information #information .wrap ul li dl.box dd .unit {
	font-size: 2.0rem;
}
#page.information #information .wrap ul li dl.box dd em {
	font-size: 2.0rem;
	font-weight: 900;
	margin-right: 1em;
}
#page.information #information .wrap ul li dl.box dd em span {
	font-size: 1.8rem;
	margin-left: .5em;
}
#page.information #information .wrap ul li dl.box dd p {
	padding: 0.2em;
	font-size: 1.6rem;
}
#page.information #information .wrap ul li dl.box dd .flex p {
	width: 70%;
	margin-left: 3em;
}
#page.information #information .wrap ul li dl.box dd .flex p span {}

#page.information #information .wrap ul li dl.box dd .unit .set {}
#page.information #information .wrap ul li dl.box dd .unit .set em {
	font-size: 1.8rem;
	margin-left: 2.5em;
}
#page.information #information .wrap ul li dl.box dd .unit .set p {
	font-size: 1.6rem;
	line-height: 1.25;
	margin-left: 3em;
	margin-bottom: 0.5em;
}
#page.information #information .wrap ul li dl.expenses {
	padding: 1.5em;
}
#page.information #information .wrap ul li dl.expenses dt {
	text-align: center;
	width: 100%;
	margin: 0 auto 1rem;
}
#page.information #information .wrap ul li dl.expenses dt h3 {
	font-size: 2.0rem;
}
#page.information #information .wrap ul li dl.expenses dt h3 span {
	font-size: 1.8rem;
}
#page.information #information .wrap ul li dl.expenses dd {
	width: calc( 100% - 4rem );
	font-size: 1.8rem;
	margin: 1rem;
	padding: 1.5rem 3.6rem;
}
#page.information #information .wrap ul li dl.expenses dd em {}
#page.information #information .wrap ul li dl.expenses dd p {}
}


/* 入園手続き */
#page.information #process {
	background: #FFFAE3;
}
#page.information #process .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 8rem 0rem;
}
#page.information #process .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#page.information #process .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.information #process .wrap .box {
	position: relative;
	border: .5rem solid #944907;
	border-radius: 4rem;
	background: #fff;
	text-align: center;
	padding: 4rem;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
}
#page.information #process .wrap .box p {
	font-size: 2.1rem;
	font-weight: 700;
}
#page.information #process .wrap .box figure {
	position: absolute;
	top: -5rem;
	right: 1rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

#page.information #process {}
#page.information #process .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 0rem;
	padding: 4rem 0rem 4rem 0rem;
}
#page.information #process .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#page.information #process .wrap h2 span {
	font-size: 2.7rem;
	padding: 0 0.5em 0.15em;
}

#page.information #process .wrap .box {
	position: relative;
	border: .5rem solid #944907;
	border-radius: 4rem;
	background: #fff;
	text-align: center;
	padding: 4rem;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
}
#page.information #process .wrap .box p {
	font-size: 1.8rem;
	font-weight: 700;
}
#page.information #process .wrap .box figure {
	position: absolute;
	top: -10vw;
	right: -2vw;
	width: 16vw;
	max-width: 10rem;
}
#page.information #process .wrap .box figure img {
	width: 100%;
	height: auto;
}
}

/* 入園体験・説明会 */
#page.information #experience {
	background: #B5D94C;
}
#page.information #experience .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 9rem 0rem 9rem 0rem;
}
#page.information #experience .wrap .box {
	position: relative;
	border-radius: 4rem;
	background: #fff;
	text-align: center;
	padding: 4.2rem 0rem 3.2rem 0rem;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
	font-weight: 700;
}
#page.information #experience .wrap .box h2 {
	display: inline-block;
	position: absolute;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	text-align: center;
	margin: 0;
	top: -2rem;
	left: 50%;
	transform: translate(-50%,0);
}
#page.information #experience .wrap .box p {
	font-size: 2.1rem;
}
#page.information #experience .wrap .box .tel {
	display: inline-block;
	font-size: 3.6rem;
	line-height: .9em;
	border-bottom: .2rem solid #944907;
	margin: 2rem auto 0.5rem;
}
#page.information #experience .wrap .box .tel em {
	font-size: 4.8rem;
}
#page.information #experience .wrap .box .tel .fax {
	font-size: 1.8rem;
}
#page.information #experience .wrap .box .time {
	display: block;
	font-size: 2.1rem;
}
#page.information #experience .wrap .box .btn {}
#page.information #experience .wrap .box .btn a {
	display: inline-block;
	font-size: 2rem;
	font-weight: 900;
	color: #fff;
	margin: 2rem auto 0;
	background: #39B54A;
	padding: 0.8em 6em;
	border-radius: 2rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.information #experience {}
#page.information #experience .wrap {
	width: 100%;
	margin: 0 auto 0;
	padding: 6rem 0rem 4rem 0rem;
}
#page.information #experience .wrap .box {
	border-radius: 2rem;
	padding: 8vw 4vw 4vw;
	width: 92vw;
	margin: 0 auto;
}
#page.information #experience .wrap .box h2 {
	font-size: 2.7rem;
	margin: 0 auto;
	width: 100%;
	top: -0.75em;
	left: 50%;
	transform: translate(-50%,0);
}
#page.information #experience .wrap .box p {
	width: 100%;
	margin: 0 auto;
	font-size: 1.8rem;
}
#page.information #experience .wrap .box .tel {
	font-size: 2.0rem;
	line-height: 1.5em;
	margin: 2rem auto 0.5rem;
}
#page.information #experience .wrap .box .tel em {
	font-size: 3.0rem;
}
#page.information #experience .wrap .box .tel .fax {
	font-size: 1.6rem;
}
#page.information #experience .wrap .box .time {
	display: block;
	font-size: 1.8rem;
}
#page.information #experience .wrap .box .btn {}
#page.information #experience .wrap .box .btn a {
	display: inline-block;
	font-size: 2rem;
	font-weight: 900;
	color: #fff;
	margin: 2rem auto 0;
	background: #39B54A;
	padding: 0.8em 1em;
	border-radius: 2rem;
}
}

/* ------------------------------------------------------------
   complaint.html
------------------------------------------------------------ */
#page.information {}

/* 入園について */
#page.complaint #complaint {}
#page.complaint #complaint .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 12rem 0rem;
}
#page.complaint #complaint .wrap h2 {
	text-align: center;
	margin: 0 auto 8rem;
	width: 100%;
}
#page.complaint #complaint .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#page.complaint #complaint .wrap .unit {
	text-align: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	text-indent: 1em;
	width: 100%;
	max-width: 72rem;
	margin: 0 auto 8rem;
}
#page.complaint #complaint .wrap .unit p {}

#page.complaint #complaint .wrap ul.desk {
	text-align: left;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.6;
	margin: 0 auto 6rem;
}
#page.complaint #complaint .wrap ul.desk li {
	margin: 0 auto 1em;
}
#page.complaint #complaint .wrap .way {
	text-align: left;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.8;
	width: 100%;
	max-width: 60rem;
	margin: 0 auto 6rem;
}
#page.complaint #complaint .wrap .way h3 {
	font-size: 2.0rem;
	font-weight: 900;
	margin-bottom: 1em;
}
#page.complaint #complaint .wrap .way dl {}
#page.complaint #complaint .wrap .way dl dt {}
#page.complaint #complaint .wrap .way dl dd {
	margin-bottom: 2em;
}
#page.complaint #complaint .wrap .way dl dd ul {
	padding-left: 1em;
	margin-bottom: 4em;
}
#page.complaint #complaint .wrap .way .box p {
	margin-bottom: 2em;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.complaint #complaint {}
#page.complaint #complaint .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 4rem 0rem;
}
#page.complaint #complaint .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
}
#page.complaint #complaint .wrap h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 60%, rgba(155,222,63,0.50) 40%);
}
#page.complaint #complaint .wrap .unit {
	margin: 0 auto 2rem;
	width: 90%;
}
#page.complaint #complaint .wrap .unit p {}

#page.complaint #complaint .wrap ul.desk {
	font-size: 1.8rem;
	line-height: 1.6;
	margin: 0 auto 2rem;
	width: 90%;
}
#page.complaint #complaint .wrap ul.desk li {
	margin: 0 auto 1em;
}
#page.complaint #complaint .wrap ul.desk li .tel {
	display: inline-block;
	width: 100%;
	text-align: right;
}
#page.complaint #complaint .wrap .way {
	font-size: 1.6rem;
	width: 90%;
	margin: 0 auto 4rem;
}
#page.complaint #complaint .wrap .way h3 {
	font-size: 1.8rem;
	text-align: center;
	margin: 0 auto;
}
#page.complaint #complaint .wrap .way dl {}
#page.complaint #complaint .wrap .way dl dt {}
#page.complaint #complaint .wrap .way dl dd {
	margin-bottom: 2em;
}
#page.complaint #complaint .wrap .way dl dd ul {
	padding-left: 1em;
	margin-bottom: 4em;
}
#page.complaint #complaint .wrap .way .box p {
	margin-bottom: 2em;
}


}



/* ------------------------------------------------------------
   recruit.html
------------------------------------------------------------ */

/* 採用情報 */
#page.recruit #recruit {
	position: relative;
	background: url("../img/page/bg_grass3.png") no-repeat center bottom;
	background-size: 100%;
	padding-bottom: 9vw;
}
#page.recruit #recruit .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 12rem 0rem;
}
#page.recruit #recruit .wrap .copy {
	font-size: 2.4rem;
	font-weight: 900;
	text-align: center;
	margin: 0 auto 7rem;
}
#page.recruit #recruit .wrap h2 {
	text-align: center;
	margin: 0 auto 8rem;
	width: 100%;
}
#page.recruit #recruit .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.recruit #recruit .wrap p {
	display: inline-block;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 2em;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.recruit #recruit {
	position: relative;
	background: url("../img/page/bg_grass3.png") no-repeat center bottom;
	background-size: 100%;
	padding-bottom: 9vw;
}
#page.recruit #recruit .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 4rem 0rem;
}
#page.recruit #recruit .wrap .copy {
	font-size: 2.0rem;
	margin: 0 auto 2rem;
}
#page.recruit #recruit .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#page.recruit #recruit .wrap h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.recruit #recruit .wrap p {
	font-size: 1.8rem;
	line-height: 1.8em;
	width: 90%;
	margin: 0 auto;
}

}

/* ポイント */
#page.recruit #point {
	background: #FFFAE3;
}
#page.recruit #point .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 0rem 0rem 12rem 0rem;
}
#page.recruit #point .wrap h2 {
	text-align: center;
	margin: 0 auto 8rem;
	width: 100%;
	max-width: 96rem;
}
#page.recruit #point .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.recruit #point .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#page.recruit #point .wrap ul li {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	width: calc( 100% / 3 - 2rem );
	margin: 1rem;
}
#page.recruit #point .wrap ul li figure {
	margin: 0 auto 2rem;
}
#page.recruit #point .wrap ul li h3 {
	display: block;
	position: relative;
	text-align: center;
	font-size: 2.1rem;
	font-weight: 900;
	line-height: 1.5em;
	padding-top: 4rem;
	margin-bottom: 1rem;
}
#page.recruit #point .wrap ul li h3 span {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: -4.8rem;
	left: 50%;
	transform: translate(-50%,0);
	background: #ccc;
	width: 7.2rem;
	height: 7.2rem;
	line-height: 1.8em;
	border-radius: 50%;
	font-size: 1.2rem;
	font-weight: 700;
	color: #fff;
	background: #39B54A;
}
#page.recruit #point .wrap ul li:nth-of-type(2) h3 span {
	background: #29ABE2;
}
#page.recruit #point .wrap ul li:nth-of-type(3) h3 span {
	background: #EF6589;
}
#page.recruit #point .wrap ul li h3 span em {
	font-size: 3.2rem;
	font-weight: 700;
	margin-bottom: 0.2em;
}
#page.recruit #point .wrap ul li p {
	font-size: 1.6rem;
	font-weight: 700;
	padding: 0 1.6rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.recruit #point {}
#page.recruit #point .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 2rem 0rem;
}
#page.recruit #point .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#page.recruit #point .wrap h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.recruit #point .wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#page.recruit #point .wrap ul li {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	width: calc( 100% - 2rem );
	max-width:36rem; 
	margin: 1rem 1rem 4rem 1rem;
}
#page.recruit #point .wrap ul li figure {
	width: 100%;
	max-width:36rem; 
	margin: 0 auto 2rem;
}
#page.recruit #point .wrap ul li figure img {
	width: 100%;
	height: auto;
}
#page.recruit #point .wrap ul li h3 {
	font-size: 2.0rem;
	line-height: 1.2em;
	padding-top: 3rem;
}
#page.recruit #point .wrap ul li h3 span {}
#page.recruit #point .wrap ul li h3 span em {}
#page.recruit #point .wrap ul li p {}
}


/* 募集要項 */
#page.recruit #guideline {
	background: url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: 60rem 42rem;
}
#page.recruit #guideline .wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 108rem;
	margin: 0 auto 0;
	padding: 10rem 0rem 12rem 0rem;
}
#page.recruit #guideline .wrap h2 {
	text-align: center;
	margin: 0 auto 10rem;
	width: 100%;
	max-width: 96rem;
}
#page.recruit #guideline .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.recruit #guideline .wrap dl {
	width: 100%;
	max-width: 80rem;
	margin: 0 auto 6rem;
}
#page.recruit #guideline .wrap dl dt {
	font-size: 2.1rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #944907;
	padding: 0.5em 0;
	margin-bottom: 1rem;
}
#page.recruit #guideline .wrap dl dd {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.6;
	padding: 0.75em 0;
	border-bottom: .2rem solid #F4ECE6;
}
#page.recruit #guideline .wrap dl dd em {
	display: inline-block;
	width: 9em;
	padding: 0 2em;
}
#page.recruit #guideline .wrap dl dd span {
	display: inline-block;
	padding: 0 2em 0 1em;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.recruit #guideline {
	background: url("../img/page/bg_sky2.png") repeat-x center top;
	background-size: 60rem 42rem;
}
#page.recruit #guideline .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 2rem 0rem;
}
#page.recruit #guideline .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#page.recruit #guideline .wrap h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#page.recruit #guideline .wrap dl {
	width: 100%;
	margin: 0 auto 4rem;
}
#page.recruit #guideline .wrap dl dt {
	font-size: 2.1rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background: #944907;
	padding: 0.5em 0;
	margin-bottom: 1rem;
}
#page.recruit #guideline .wrap dl dd {
	display: flex;
	flex-wrap: wrap;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.6;
	padding: 0.75em 0;
	border-bottom: .2rem solid #F4ECE6;
}
#page.recruit #guideline .wrap dl dd em {
	display: inline-block;
	font-size: 2rem;
	width: 7em;
	padding: 0 1em 0 1em;
	font-weight: 900;
}
#page.recruit #guideline .wrap dl dd span {
	display: inline-block;
	padding: 0 1em 0 2em;
}
}

/* 選考・採用等について */
#page.recruit #selection {
	background: #E5F2C2;
}
#page.recruit #selection .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 8rem 0rem;
}
#page.recruit #selection .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#page.recruit #selection .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.recruit #selection .wrap .box {
	position: relative;
	border: .5rem solid #944907;
	border-radius: 4rem;
	background: #fff;
	text-align: center;
	padding: 4rem;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
}
#page.recruit #selection .wrap .box p {
	display: inline-block;
	font-size: 2.1rem;
	font-weight: 700;
	text-align: left;
	margin: 0 auto;
}
#page.recruit #selection .wrap .box figure {
	position: absolute;
	top: -5rem;
	right: 1rem;
}
/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.recruit #selection {}
#page.recruit #selection .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 2rem 0rem;
}
#page.recruit #selection .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#page.recruit #selection .wrap h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#page.recruit #selection .wrap .box {
	position: relative;
	border: .5rem solid #944907;
	border-radius: 4rem;
	background: #fff;
	text-align: center;
	padding: 4rem;
	width: 100%;
	max-width: 80rem;
	margin: 0 auto;
}
#page.recruit #selection .wrap .box p {
	font-size: 1.8rem;
	font-weight: 700;
}
}

/* お問い合わせ・お申し込み */
#page.recruit #application {}
#page.recruit #application .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 9rem 0rem 9rem 0rem;
}
#page.recruit #application .wrap .box {
	text-align: center;
	padding: 0 0 2rem 0;
	width: 100%;
	max-width: 90rem;
	margin: 0 auto;
	font-weight: 700;
	border: .2rem solid #944907;
}
#page.recruit #application .wrap .box h2 {
	font-size: 2.7rem;
	font-weight: 900;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
	background: #944907;
	margin: 0 0 1.5rem 0;
	padding: 0.25em;
}
#page.recruit #application .wrap .box p {
	font-size: 2.1rem;
}
#page.recruit #application .wrap .box .tel {
	display: inline-block;
	font-size: 2.7rem;
	line-height: 1em;
	margin: 2rem auto 1.5rem;
}
#page.recruit #application .wrap .box .tel em {
	font-size: 4.4rem;
	margin: 0 .2em 0 0;
}
#page.recruit #application .wrap .box .tel .manager {
	font-size: 2rem;
}
#page.recruit #application .wrap .box .time {
	display: block;
	font-size: 2.1rem;
}

/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#page.recruit #application {}
#page.recruit #application .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 2rem 0rem 2rem 0rem;
}
#page.recruit #application .wrap .box {
	padding: 0 0 2rem 0;
	width: 100%;
	margin: 0 auto;
}
#page.recruit #application .wrap .box h2 {
	font-size: 2.7rem;
	font-weight: 900;
	line-height: 1.2em;
	text-align: center;
	color: #fff;
	background: #944907;
	margin: 0 0 1.5rem 0;
	padding: 0.25em;
}
#page.recruit #application .wrap .box p {
	font-size: 1.8rem;
}
#page.recruit #application .wrap .box .tel {
	display: inline-block;
	font-size: 1.8rem;
	line-height: 1em;
	margin: 2rem auto 1.5rem;
}
#page.recruit #application .wrap .box .tel em {
	font-size: 3.2rem;
	margin: 0 .2em 0 0;
}
#page.recruit #application .wrap .box .tel .manager {
	font-size: 1.8rem;
}
#page.recruit #application .wrap .box .time {
	display: block;
	font-size: 1.8rem;
}

}

/* お問い合わせ */
#contact {}
#contactform_area {}
#contactform_area .contBox {
	position: relative;
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 8rem 0rem;
}
#contactform_area .contBox h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#contactform_area .contBox h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

div.contact_box.contBox {}
#contact .contBox {
	padding: 4rem 0 4rem 0;
}
#contactform_area .txt_wrap {
	margin:0 3rem 8rem;
	padding: 3rem 4rem;
	border: .4rem solid #DCC8B4;
}
#contactform_area .txt_wrap h3 {
	color: #644741;
	font-size: 2.4rem;
	margin:0 0 3rem;
	line-height: 3.6rem;
	text-align: center;
}
#contactform_area .txt_wrap p {
	font-size: 1.5rem;
	line-height: 2em;
	margin: 0 0 2rem 0;
}
#contactform_area .txt_wrap p em {}
#contactform_area .txt_wrap p a {
	background: #DCC8B4;
	padding: 0 .5rem;
	margin: 0 .5rem;
}
#contactform_area .txt_wrap p a:hover {
	background: #644741;
	color: #FFFFFF;
	padding: 0 .5rem;
	margin: 0 .5rem;
}
#contactform_area .txt_wrap p.note {
	padding-left: 1em;
	text-indent: -1em;
	margin: 0;
}
#contactform_area .txt_wrap p.tel {
	font-size: 16px;
	text-align: center;
	padding: 0 5rem 0 0;
	margin: 4rem auto 0;
}
#contactform_area .txt_wrap p.tel em {
	font-size: 2.6rem;
	font-weight: 900;
}
#contactform_area .cont_wrap {
	margin: 0 3rem 2rem;
}


/* 送信完了 */
#thanks {}
#page.thanks #thanks {}
#page.thanks #thanks .wrap {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 8rem 0rem;
		text-align: center;
}
#page.thanks #thanks .wrap h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#page.thanks #thanks .wrap h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.thanks #thanks .wrap h3 {
	display: inline-block;
	font-size: 2.4rem;
	font-weight: 900;
	margin: 0 auto 4rem;
	width: 100%;
}
#page.thanks #thanks .wrap p {
	display: inline-block;
	text-align: left;
	margin: 0 auto 4rem;
	width: 48rem;
}
#page.thanks #thanks .wrap p.tel {
	display: block;
	text-align: center;
	padding: 0.5em;
	border-top: .2rem solid #944907;
	border-bottom: .2rem solid #944907;
}




/* 個人情報保護方針 */
#page.privacy {}
#page.privacy #ppArea {
}
#page.privacy #ppArea .ppBox {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 8rem 0rem;

}
#page.privacy #ppArea .ppBox h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#page.privacy #ppArea .ppBox h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.privacy #ppArea p,
#page.privacy #ppArea dl,
#page.privacy #ppArea ul{
	margin:0 6rem 2rem;
}
#page.privacy #ppArea p {
	margin:0 6rem 4rem;
	padding: 0 1rem 0;
}
#page.privacy #ppArea dl {
	line-height: 2em;
}
#page.privacy #ppArea dl dt {
	font-size: 1.8rem;
	font-weight: 900;
	border-bottom: .2rem dotted #944907;
	text-indent: 1em;
	margin-bottom: 1rem;
}
#page.privacy #ppArea dl dd {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0 4rem 2rem;
}
#page.privacy #ppArea p.sign {
 text-align: right;
	font-size: 1.6rem;
}
#page.privacy #ppArea p.sign span {
	font-size: 1.4rem;
	margin-right: 0.5em;
}


/* サイトマップ */
#page.sitemap {}
#sitemapArea {}
#sitemapArea .contBox {
	width: 100%;
	max-width: 96rem;
	margin: 0 auto 0;
	padding: 8rem 0rem 8rem 0rem;
}

#page.sitemap #sitemapArea .contBox h2 {
	text-align: center;
	margin: 0 auto 6rem;
	width: 100%;
}
#page.sitemap #sitemapArea .contBox h2 span {
	display: inline-block;
	font-size: 3.0rem;
	font-weight: 900;
	line-height: 1.2em;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#page.sitemap #sitemapArea .contBox p,
#page.sitemap #sitemapArea .contBox dl,
#page.sitemap #sitemapArea .contBox ul{
	margin:0 6rem 2rem;
}
#page.sitemap #sitemapArea .contBox p {
	margin:0 3rem 4rem;
	padding: 0 4rem 0;
}
#page.sitemap #sitemapArea .contBox dl {
	line-height: 2em;
}
#page.sitemap #sitemapArea .contBox dl dt {
	font-size: 1.8rem;
	font-weight: 700;
	border-bottom: .2rem dotted #944907;
	text-indent: 2.4rem;
	margin-bottom: 1rem;
	line-height: 2em;
}
#page.sitemap #sitemapArea .contBox dl dt a {
	display: block;
	position: relative;
	font-weight: 700;
}
#page.sitemap #sitemapArea .contBox dl dt a:hover,
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li a:hover {
	background: #e8e6e9;
}
#page.sitemap #sitemapArea .contBox dl dt a:after {
	display: block;
	content: "";
	position: absolute;
	border-top: .2rem solid #944907;
	border-right: .2rem solid #944907;
	width: .6rem;
	height: .6rem;
	top: 50%;
	left: 0;
	margin: -0.4rem 0 0 0.5rem;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#page.sitemap #sitemapArea .contBox dl dd {
	display: block;
	margin: 0 4rem 2rem;
	font-size: 1.6rem;
	font-weight: 500;
}
#page.sitemap #sitemapArea .contBox dl dt.down {
	display: block;
	position: relative;
}
#page.sitemap #sitemapArea .contBox dl dt.down:after {
	display: block;
	content: "";
	position: absolute;
	border-bottom: .2rem solid #944907;
	border-right: .2rem solid #944907;
	width: .6rem;
	height: .6rem;
	top: 50%;
	left: 0;
	margin: -0.4rem 0 0 0.5rem;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul {
	margin: 0;
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	line-height: 2em;
	text-indent: 2.4rem;
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li a {
	display: block;
	position: relative;
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li a:after {
	display: block;
	content: "";
	position: absolute;
	border-top: .2rem solid #944907;
	border-right: .2rem solid #944907;
	width: .6rem;
	height: .6rem;
	top: 50%;
	left: 0;
	margin: -0.4rem 0 0 .5rem;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}

#sitmap .contBox p.sign {
 text-align: right;
	font-size: 1.6rem;
}

/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {

/* お問い合わせ */
#contact {}
#contactform_area {}
#contactform_area .contBox {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 2rem 0rem;
}
#contactform_area .contBox h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#contactform_area .contBox h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#contactform_area .txt_wrap {
	margin: 0 2rem 4rem;
	padding: 1.5rem 2rem;
	border: .4rem solid #DCC8B4;
}
#contactform_area .txt_wrap h3 {
	color: #644741;
	font-size: 2rem;
	margin: 0px 0 3rem;
	line-height: 1.5em;
	text-align: center;
}

#contactform_area .txt_wrap p {
	font-size: 1.4rem;
	line-height: 1.8em;
	margin: 0 0 2rem 0;
}
#contactform_area .txt_wrap p em {}
#contactform_area .txt_wrap p a {
	background: #DCC8B4;
	padding: 0 0.5rem;
	margin: 0 0.5rem;
}
#contactform_area .txt_wrap p a:hover {
	background: #644741;
	color: #FFFFFF;
	padding: 0 0.5rem;
	margin: 0 0.5rem;
}
#contactform_area .txt_wrap p.note {
	padding-left: 1em;
	text-indent: -1em;
	margin: 0;
}
#contactform_area .txt_wrap p.tel {
	font-size: 1.6rem;
	text-align: center;
	padding: 0 5rem 0 0;
	margin: 4rem auto 0;
}
#contactform_area .txt_wrap p.tel em {
	font-size: 2.4rem;
	font-weight: 900;
}

#contactform_area .cont_wrap {
	margin: 0 0 2rem;
}


/*入力確認*/
#contactform_area .cont_wrap #mfp_phase_confirm h4 {
	color: #644741;
	font-size: 2.6rem;
	margin:0 3rem 2rem;
	line-height: 3.6rem;
}
#contactform_area .cont_wrap #mfp_confirm_table {
	margin: 0 4rem 2rem;
	width: calc ( 100% - 8rem );
}
#contactform_area .cont_wrap #mfp_confirm_table tr {
	line-height: 4rem;
}
#contactform_area .cont_wrap #mfp_confirm_table tr th,
#contactform_area .cont_wrap #mfp_confirm_table tr td {
	font-size: 1.4rem;
	font-weight: normal;
	border-top: solid .2rem #f3f2f4;
	padding: 1rem 1rem;
}
#contactform_area div.mfp_buttons {
	clear: both;
	padding: 1rem 0;
	text-align: center;
	margin: 0 auto 4rem;
}


/* 送信完了 */
#thanks {}
#page.thanks #thanks {}
#page.thanks #thanks .wrap {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 2rem 0rem;
}
#page.thanks #thanks .wrap h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#page.thanks #thanks .wrap h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#page.thanks #thanks .wrap h3 {
	font-size: 2.0rem;
	margin: 0 auto 4rem;
	width: 90%;
	text-align: left;
}
#page.thanks #thanks .wrap p {
	display: inline-block;
	text-align: left;
	margin: 0 auto 4rem;
	width: 90%;
}
#page.thanks #thanks .wrap p.tel {
	display: block;
	text-align: center;
	padding: 0.5em;
	border-top: .2rem solid #944907;
	border-bottom: .2rem solid #944907;
}


/* 個人情報保護方針 */
#page.privacy {}
#page.privacy #ppArea {
}
#page.privacy #ppArea .ppBox {
	width: 90%;
	padding: 4rem 0rem 4rem 0rem;
}
#page.privacy #ppArea .ppBox h2 {
	text-align: center;
	margin: 0 auto 4rem;
	width: 100%;
}
#page.privacy #ppArea .ppBox h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}
#page.privacy #ppArea p,
#page.privacy #ppArea dl,
#page.privacy #ppArea ul{
	margin: 0 0 2rem 0;
}
#page.privacy #ppArea p {
	margin: 0 0 4rem 0;
	padding: 0 1rem 0;
}
#page.privacy #ppArea dl {
	line-height: 2em;
}
#page.privacy #ppArea dl dt {
	text-indent: 1em;
	margin-bottom: 1rem;
}
#page.privacy #ppArea dl dd {
	display: block;
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0 2em 2rem;
}
#page.privacy #ppArea p.sign {
 text-align: right;
	font-size: 1.6rem;
}
#page.privacy #ppArea p.sign span {
	font-size: 1.4rem;
	margin-right: 0.5em;
}


/* サイトマップ */
#page.sitemap {}

#page.sitemap #sitemapArea .contBox {
	width: 96vw;
	margin: 0 auto 0;
	padding: 4rem 0rem 2rem 0rem;
}
#page.sitemap #sitemapArea .contBox h2 {
	text-align: center;
	margin: 0 auto 2rem;
	width: 100%;
}
#page.sitemap #sitemapArea .contBox h2 span {
	font-size: 2.4rem;
	padding: 0 0.5em 0.15em;
	background: linear-gradient(transparent 80%, rgba(155,222,63,0.50) 20%);
}

#page.sitemap #sitemapArea {}
#page.sitemap #sitemapArea .contBox {
	position: relative;
	margin: 0px auto 0px;
	padding: 2rem 0px;
}
#page.sitemap #sitemapArea .contBox p,
#page.sitemap #sitemapArea .contBox dl,
#page.sitemap #sitemapArea .contBox ul{
	margin:0 2rem 2rem;
}
#page.sitemap #sitemapArea .contBox p {
	margin:0 2rem 4rem;
	padding: 0 1rem 0;
}
#page.sitemap #sitemapArea .contBox dl {
	line-height: 2em;
}
#page.sitemap #sitemapArea .contBox dl dt {
	font-size: 1.5rem;
	font-weight: 700;
	text-indent: 2.4rem;
	margin-bottom: 1rem;
	line-height: 2em;
}
#page.sitemap #sitemapArea .contBox dl dt a {
	display: block;
	position: relative;
	font-weight: 700;
}
#page.sitemap #sitemapArea .contBox dl dt a:hover,
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li a:hover {
	background: #e8e6e9;
}
#page.sitemap #sitemapArea .contBox dl dt a:after {
	display: block;
	content: "";
	position: absolute;
	width: .6rem;
	height: .6rem;
	top: 50%;
	left: 0px;
	margin: -0.4rem 0px 0px 0.5rem;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#page.sitemap #sitemapArea .contBox dl dd {
	display: block;
	margin: 0 2rem 2rem;
	font-size: 1.6rem;
	font-weight: 500;
}
#page.sitemap #sitemapArea .contBox dl dt.down {
	display: block;
	position: relative;
}
#page.sitemap #sitemapArea .contBox dl dt.down:after {
	display: block;
	content: "";
	position: absolute;
	width: .6rem;
	height: .6rem;
	top: 50%;
	left: 0;
	margin: -0.4rem 0 0 0.5rem;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul {
	margin: 0;
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	line-height: 2em;
	text-indent: 2.4rem;
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li a {
	display: block;
	position: relative;
	color: #685e64;
}
#page.sitemap #sitemapArea .contBox dl dd.product > ul > li a:after {
	display: block;
	content: "";
	position: absolute;
	width: 0.6rem;
	height: 0.6rem;
	top: 50%;
	left: 0;
	margin: -0.4rem 0 0 0.5rem;
	-webkit-transform: rotate(45deg);
  	      transform: rotate(45deg);
}
#sitmap .contBox p.sign {
 text-align: right;
	font-size: 1.6rem;
}

}





/* ------------------------------------------------------------
   ブログ
------------------------------------------------------------ */
#blog {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 108rem;
	margin: 0 auto;
}
#blog_area {
	display: flex;
	flex-wrap: wrap;
	width: calc( 100% - 20rem );
	max-width: 90rem;
	padding: 4rem 0;
	margin: 0;
}
#blog_area .blog_main {
	width: calc( 100% );
}
#side {
	width: 18rem;
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#blog {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	width: 100%;
	max-width: 108rem;
	margin: 0 auto;
}
#blog_area {
	justify-content: center;
	width: calc( 100% );
	min-width: 320px;
	margin: 0px auto;
	padding: 4rem 0;
}
#blog_area .blog_main {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
}
#side {
	width: 90%;
	margin: 0 auto;
}
}


/* ------------------------------------------------------------
   news.html　お知らせ
------------------------------------------------------------ */
section#title_area.news {}

/*記事エリア*/
#blog_area .blog_main .blog_box {}
#blog_area .blog_box {
	width: calc( 100% - 6rem );
	margin: 0px auto;
	padding: 0 0 4rem 0;
	text-align: left;
	font-weight: 700;
}
#blog_area .blog_box h2 {
	display: block;
	margin: 0 auto 0;
	padding: 1rem;
	border-bottom: 0.4rem solid #944907;
	font-size: 2.4rem;
	font-weight: 900;
	line-height: 1.25em;
}
#blog_area .blog_box h2 a {}
#blog_area .blog_box .date {
	display: block;
	font-size: 1.8rem;
	font-weight: 900;
	line-height: 1em;
	padding: 0.5rem 1rem;
	width: 8em;
	background: linear-gradient(transparent 50%, rgba(155,222,63,0.50) 50%);
}
#blog_area .blog_box  span.cat {
	display: block;
	margin: 0px auto;
	padding: 0.5rem 1rem;
	text-align: right;
	font-size: 1.2rem;
	line-height: 1.6em;
	letter-spacing: 0;
}
#blog_area .blog_box  span.cat a {
	font-size: 1.4rem;
}
#blog_area .blog_box  div.txt {
	font-size: 1.8rem;
	margin: 0 0 4rem;
	padding: 4rem 2rem;
}
#blog_area .blog_box  div.txt p {
	display: block;
	margin: 0 0 2rem 0;
	line-height: 2em;
}
#blog_area .blog_box  div.txt a {
	display: inline;
}
#blog_area .blog_box  div.txt img {
	display: block;
	border: 0.4rem solid rgba(181,217,76,0.25);
	margin: 2rem 0;
	max-width: calc( 100% - 0.8rem );
	height: auto;
}
#navigation {}


/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#blog_area .blog_box {
	margin: 0px auto;
	padding: 0 0 2rem 0;
}
#blog_area .blog_box h2 {
	font-size: 2.1rem;
}
#blog_area .blog_box  h2 a {}
#blog_area .blog_box  span.cat {}
#blog_area .blog_box  span.cat a {}

#blog_area .blog_box  div.txt {
	font-size: 1.8rem;
	padding: 1rem 0rem 2rem 0rem;
}
#blog_area .blog_box  div.txt p {
	margin: 0 0 1rem 0;
	line-height: 1.8em;
}
#blog_area .blog_box  div.txt a {}
#blog_area .blog_box  div.txt img {
	margin: 1rem 0;
}
#navigation {}
}

/* ブログサイド */
section#side {}
#side.blog_side {
	box-sizing: border-box;
	padding: 0;
	margin: 6rem 0 0 0;
	text-align: left;
}
#side.blog_side h3 {
	font-size: 1.6rem;
	padding: 0.8rem;
	margin: 0 auto 0;
	background: #944907;
	color: #fff;
}
#side.blog_side aside {
	margin: 0 0 3rem 0;
}
#side.blog_side a:hover {
	background: rgba(255,255,255,0.75);
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
section#side {}
	#side.blog_side h3 {
		font-size: 1.4rem;
	}
}

/* 新着 */
#side aside.widget_recent_entries {
}
#side aside.widget_recent_entries ul {
	border-top: none;
	padding: 0px;
}
#side aside.widget_recent_entries ul li {
	position: relative;
	border-bottom: none;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px dotted #944907;
}
#side aside.widget_recent_entries ul li a {
	display: block;
	padding: 30px 10px 10px 10px;
	font-size: 1.4rem;
}
#side aside.widget_recent_entries ul li span.post-date {
	display: block;
	position: absolute;
	top: 10px;
	left: 0px;
	font-size: 1.1rem;
	font-weight: 700;
	padding: 0px 10px;
	line-height: 20px;
}
/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
#side aside.widget_recent_entries ul li a {
	display: block;
	padding: 30px 10px 10px 10px;
	font-size: 1.4rem;
}
}

/*categories*/
aside.widget_categories ul {
	padding: 10px 0px;
}
aside.widget_categories ul li {
	padding: 0px;
}
aside.widget_categories ul li a {
	display: block;
	padding: 6px 6px 6px 6px;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.6em;
}
aside.widget_categories ul li a:before {
	display: block;
	content: "";
	float: left;
	width: 4px;
	height: 4px;
	margin: 0.55em 10px 0px 0px;
	border-top: 2px solid #944907;
	border-right: 2px solid #944907;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

aside.widget_categories ul li ul.children {
	padding: 0px 0px;
}
aside.widget_categories ul li ul.children li {}
aside.widget_categories ul li ul.children li a {
	padding-left: 24px;
	font-size: 1.3rem;
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
aside.widget_categories ul li a {
	font-size: 1.4rem;
}
aside.widget_categories ul li ul.children li a {
	font-size: 1.2rem;
}
}

/*archives*/
aside.widget_archive  {}
aside.widget_archive label {
	display: none;
	visibility: hidden;
}
aside.widget_archive select {
	width: calc( 100% - 20px );
	border: 2px solid #E4E5E6;
	margin: 20px 10px;
	padding: 3px 10px;
	font-size: 1.4rem;
}

/* カレンダー */
#side #calendar_wrap {}
#side #calendar_wrap table {
	width: calc( 100% - 0px );
	border-collapse: collapse;
	margin: 0px auto;
	font-size: 1.4rem;
}

#side #calendar_wrap table thead tr th {
}
#side #calendar_wrap table th,
#side #calendar_wrap table td {
	text-align: center;
	line-height: 20px;
	padding: 8px 0px;
}
#side #calendar_wrap table td {
}

#side #calendar_wrap table caption {
	text-align: left;
	margin: 10px 0px 8px 0px;
	font-size: 1.4rem;
	font-weight: 700;
}
#side #calendar_wrap table thead {
	border-bottom: 1px solid #1E140A;
}
#side #calendar_wrap table thead th {
	font-size: 1.1rem;
	padding: 0px 0px;
}
#side #calendar_wrap table tfoot {}
#side #calendar_wrap table tbody {}
#side #calendar_wrap table tbody tr {
	border-bottom: 1px solid #1E140A;
}
#side #calendar_wrap table tbody td#today {
	display: block;
	background: #E4E5E6;
	margin: 0px auto;
}
#side #calendar_wrap table tbody td {
	color: #3B3839;
}
#side #calendar_wrap table tbody a {
	display: block;
	font-weight: 700;
	text-decoration: underline;
	color: #C80014;
}
#side #calendar_wrap table tbody a:hover {}

aside#custom_html {}
aside#custom_html a {}
aside figure {}
aside figure figcaption {
	text-align: center;
	margin: 10px auto 0px;
}

#side #calendar_wrap nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	margin: 10px auto;
	font-size: 1.4rem;
	font-weight: 700;
}
#side #calendar_wrap nav span {}
#side #calendar_wrap nav .wp-calendar-nav-prev,
#side #calendar_wrap nav .wp-calendar-nav-next {
	text-align: center;
}

/*===============================================
 レスポンシブ タブレットサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
	#side #calendar_wrap table {
		width: calc( 100% - 20px );
		border-collapse: collapse;
		margin: 0px auto;
		font-size: 1.4rem;
	}
}


/*===============================================
 レスポンシブ TB・SPサイズ 横幅 768px以下
===============================================*/
@media screen and (max-width: 768px) {
.blog_area .wrap .content p {
	clear: both;
	margin: 10px auto 10px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 2em;
}
.blog_area .wrap .content img {
	max-width: calc( 100% );
	max-width: 300px;
	height: auto;
}

/* wp
------------------------------------------------------------ */
.aligncenter {
	text-align: center;
	margin: 10px auto 10px !important;
	display: block;
}
.alignleft {
	margin: 10px auto 10px !important;
	float: none;
}
.alignright {
	margin: 10px auto 10px !important;
	float: none;
}

}