@charset 'UTF-8';
/*----------------------------------------------------------------------

Post Style

----------------------------------------------------------------------*/
.post h3,
.post h4,
.post ul,
.post table,
.post p,
.post img,
.post time {
	margin-bottom: 20px;
}
.post h3,
.post th,
.post td {
	padding: 10px;
}
.post h3,
.post em {
	font-size: 1.5rem;
}
.post h3,
.post h4 {
	font-weight: bold;
	line-height: 1.2;
}
.post h3 {
	border-top: 2px solid #e83351;
	border-bottom: 2px solid #e83351;
}
.post h4 {
	font-size: 1.2rem;
}
.post li,
.post th,
.post td,
.post dt,
.post dd,
.post p,
.post time {
	font-family: YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	line-height: 1.7;
}
.post ul {
	list-style-type: disc;
	padding-left: 1rem;
}
.post li {
	margin-bottom: 5px;
}
.post table {
	background-color: #fff;
	border: 2px solid #e83351;
	border-collapse: separate;
	border-radius: 10px;
	overflow: hidden;
	width: 100%;
}
.post tr,
.post th,
.post td,
.post time {
	display: block;
}
.post th {
	background-color: #e83351;
	color: #fff;
	text-align: left;
}
.post time,
.post em {
	font-weight: bold;
}
.post time {
	text-align: right;
}
.post em {
	color: #e83351;
	font-style: normal;
	margin-left: 10px;
	margin-right: 5px;
}

@media screen and (min-width: 768px) {
	.post tr {
		display: table-row;
	}
	.post th,
	.post td {
		display: table-cell;
		padding: 20px;
	}
	.post th {
		background-color: #e83351;
		color: #fff;
		text-align: left;
		vertical-align: top;
		width: 20%;
	}
	.post tr:not(:last-child) th {
		border-bottom: 1px dashed #fff;
	}
	.post tr:not(:last-child) td {
		border-bottom: 1px dashed #5a3933;
	}
}

@media all and (-ms-high-contrast: none) {
	.post li,
	.post th,
	.post td,
	.post p,
	.post time {
		　font-family: Meiryo, sans-serif !important;
	}
}

/*----------------------------------------------------------------------

News Style

----------------------------------------------------------------------*/
#news-box {
	padding-left: 20px;
	padding-right: 20px;
}
#news-box-article {
	padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
	#news-box,
	#news-box-article {
		margin: 0 auto;
	}
	#news-box {
		width: 1200px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#news-box-article {
		width: 896px;
	}
}

/*----------------------------------------------------------------------

NewsList Style

----------------------------------------------------------------------*/
#newslist-box {
	padding-left: 15px;
	padding-right: 15px;
}
#newslist-box-article {
	padding-left: 5px;
	padding-right: 5px;
}
#newslist-box-article ul {
	border: 2px solid #5a3933;
	border-radius: 10px;
	overflow: hidden;
	margin: 0 auto 20px;
}
#newslist-box-article a,
#newslist-box-article time {
	line-height: 1.7;
}
#newslist-box-article a,
#newslist-box-article time,
#newslist-box-pagenation a,
#newslist-box-pagenation span {
	display: block;
}
#newslist-box-article a,
#newslist-box-pagenation a {
	position: relative;
}
#newslist-box-article a {
	background-color: #fff;
	font-family: YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	padding: 53px 10px 10px;
}
#newslist-box-article a:hover {
	background-color: #fff8ee;
}
#newslist-box-article time,
#newslist-box-pagenation a {
	color: #fff;
}
#newslist-box-article time,
#newslist-box-pagenation span {
	position: absolute;
	left: 0;
}
#newslist-box-article time {
	background-color: #5a3933;
	top: 0;
	width: 100%;
	padding: 10px;
}
#newslist-box-pagenation ul {
	margin: 0 auto 55px;
}
#newslist-box-pagenation li {
	float: left;
	width: 16.66666%;
	padding: 5px;
}
#newslist-box-pagenation a {
	background-color: #e83351;
	border-radius: 50%;
	padding-top: 100%;
}
#newslist-box-pagenation a:hover {
	-webkit-animation: hoverBounce 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s both;
	animation: hoverBounce 0.6s cubic-bezier(0.86, 0, 0.07, 1) 0s both;
}
#newslist-box-pagenation .active {
	background-color: #f8ecda;
	color: #5a3933;
	pointer-events: none;
}
#newslist-box-pagenation span {
	text-align: center;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 480px) {
	#newslist-box-pagenation li {
		width: 10%;
	}
}

@media screen and (min-width: 768px) {
	#newslist-box {
		width: 1200px;
		margin: 0 auto;
		padding-left: 35px;
		padding-right: 35px;
	}
	#newslist-box-article ul {
		width: 896px;
		margin: 0 auto 40px;
	}
	#newslist-box-article li:not(:last-child) {
		border-bottom: 1px dashed #5a3933;
	}
	#newslist-box-article a {
		padding: 20px 20px 20px 140px;
	}
	#newslist-box-article time {
		text-align: center;
		bottom: 0;
		width: 120px;
		padding: 20px 0;
	}
	#newslist-box-pagenation ul {
		width: 906px;
	}
	#newslist-box-pagenation li {
		width: 6.25%;
	}
}

@media all and (-ms-high-contrast: none) {
	　#newslist-box-article a {
		font-family: Meiryo, sans-serif !important;
	}
}

/*----------------------------------------------------------------------

Nursery Style

----------------------------------------------------------------------*/
#nursery .title img {
	width: auto;
	height: 54px;
}
#nursery-box {
	padding-left: 20px;
	padding-right: 20px;
}
#nursery-box-article {
	padding-bottom: 20px;
}
#nursery-box-detail {
	padding-bottom: 40px;
}
#nursery-map {
	height: 300px;
}

@media screen and (min-width: 768px) {
	#nursery .title img {
		height: 140px;
	}
	#nursery-box,
	#nursery-box-article,
	#nursery-box-detail {
		margin: 0 auto;
	}
	#nursery-box {
		width: 1200px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#nursery-box-article,
	#nursery-box-detail {
		width: 896px;
	}
	#nursery-map {
		height: 500px;
		width: 100%;
	}
}

/*----------------------------------------------------------------------

Flow Style

----------------------------------------------------------------------*/
#flow-box {
	padding-bottom: 60px;
	padding-left: 20px;
	padding-right: 20px;
}
.flow-box-step {
	position: relative;
	padding: 20px;
}
.flow-box-step:nth-child(1) {
	background-color: #e83351;
	border-radius: 10px 10px 0 0;
}
.flow-box-step:nth-child(2) {
	//background-color: #f45b9f;
	background-color: #fd9027;
}
.flow-box-step:nth-child(3) {
	//background-color: #fd9027;
	background-color: #28b03b;
	border-radius: 0 0 10px 10px;
}
.flow-box-step:nth-child(4) {
	background-color: #28b03b;
	border-radius: 0 0 10px 10px;
}
.flow-box-step:after {
	border: 10px solid transparent;
	content: "";
	display: block;
	position: absolute;
	bottom: -20px;
	left: 0;
	right: 0;
	z-index: 1;
	width: 0;
	height: 0;
	margin: auto;
}
.flow-box-step:nth-child(1):after {
	border-top: 10px solid #e83351;
}
.flow-box-step:nth-child(2):after {
	//border-top: 10px solid #f45b9f;
	border-top: 10px solid #fd9027;
}
.flow-box-step:nth-child(3):after {
	display: none;
}
.flow-box-step:nth-child(4):after {
	display: none;
}
.flow-box-step-title {
	text-align: center;
	margin-bottom: 20px;
}
.flow-box-step-title span {
	background-color: #fff;
	border-radius: 128px;
	display: inline-block;
	padding: 10px 40px;
}
.flow-box-step:nth-child(1) .flow-box-step-title span {
	color: #e83351;
}
.flow-box-step:nth-child(2) .flow-box-step-title span {
	//color: #f45b9f;
	color: #fd9027;
}
.flow-box-step:nth-child(3) .flow-box-step-title span {
	//color: #fd9027;
	color: #28b03b;
}
.flow-box-step:nth-child(4) .flow-box-step-title span {
	color: #28b03b;
}
.flow-box-step-main:not(:last-child) {
	margin-bottom: 20px;
}
.flow-box-step-main h4 {
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	line-height: 1.3;
	margin-bottom: 20px;
}
.flow-box-step-main h4 span {
	font-size: 1rem;
}
.flow-box-step-main p {
	color: #fff;
}
.flow-box-step-main a {
	color: #fff;
	font-weight: bold;
	text-decoration: underline;
}
.flow-box-step-sub {
	background-color: #fff;
	padding: 10px;
}
.flow-box-step-sub h4 {
	font-weight: bold;
	line-height: 1.7;
	text-align: center;
	margin-bottom: 10px;
}
.flow-box-step-sub ol {
	margin-left: 2rem;
}
.flow-box-step-sub li {
	font-family: YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	line-height: 1.7;
	margin-bottom: 10px;
}
.flow-box-step-sub li span {
	color: #e83351;
	font-size: 12px;
	font-weight: bold;
	//text-indent: -1.1rem;
	line-height: 1.7;
	display: block;
	//padding-left: 1.1rem;
}

@media screen and (min-width: 768px) {
	#flow-box,
	.flow-box-step {
		margin: 0 auto;
	}
	#flow-box {
		width: 1200px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.flow-box-step {
		width: 896px;
		padding: 40px;
	}
	.flow-box-step:after {
		border: 20px solid transparent;
		bottom: -40px;
	}
	.flow-box-step:nth-child(1):after {
		border-top: 20px solid #e83351;
	}
	.flow-box-step:nth-child(2):after {
		//border-top: 20px solid #f45b9f;
		border-top: 20px solid #fd9027;
	}
	.flow-box-step:nth-child(3):after {
		border-top: 20px solid #fd9027;
	}
	.flow-box-step-title {
		margin-bottom: 40px;
	}
	.flow-box-step-main h4 {
		margin-bottom: 40px;
	}
	.flow-box-step-sub {
		padding: 20px;
	}
	.flow-box-step-sub h4 {
		margin-bottom: 20px;
	}
}

@media all and (-ms-high-contrast: none) {
	.flow-box-step-sub li {
		　font-family: Meiryo, sans-serif !important;
	}
}

/*----------------------------------------------------------------------

FAQ Style

----------------------------------------------------------------------*/
#faq-box {
	padding-left: 20px;
	padding-right: 20px;
}
#faq-box-list {
	padding-bottom: 40px;
}
#faq-box-list dl {
	background-color: #fff;
	border: 2px solid #e83351;
	border-radius: 10px;
	overflow: hidden;
	margin-bottom: 20px;
}
#faq-box-list dt,
#faq-box-list dd {
	position: relative;
	padding: 20px 20px 20px 60px;
}
#faq-box-list dt {
	background-color: #e83351;
	color: #fff;
	cursor: pointer;
}
#faq-box-list dt:hover,
#faq-box-list a {
	text-decoration: underline;
}
#faq-box-list dd {
	display: none;
}
#faq-box-list p:last-child {
	margin-bottom: 0;
}
#faq-box-list h4 {
	margin-top: 20px;
	margin-bottom: 10px;
}
#faq-box-list ul {
	margin-bottom: 0;
}
#faq-box-list .kana {
	list-style-type: katakana;
}
#faq-box-list a {
	color: #e83351;
}
.faq-box-list-q,
.faq-box-list-a {
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	position: absolute;
	top: 18px;
	left: 20px;
	width: 30px;
	height: 30px;
}
.faq-box-list-q {
	background-color: #fff;
	color: #e83351;
}
.faq-box-list-a {
	background-color: #e83351;
	color: #fff;
}

@media screen and (min-width: 768px) {
	#faq-box,
	#faq-box-list {
		margin: 0 auto;
	}
	#faq-box {
		width: 1200px;
		padding-left: 40px;
		padding-right: 40px;
	}
	#faq-box-list {
		width: 896px;
	}
}

/*----------------------------------------------------------------------

def Page Style

----------------------------------------------------------------------*/
.page-content {
	padding-left: 20px;
	padding-right: 20px;
}
.page-article {
	padding-bottom: 40px;
}

@media screen and (min-width: 768px) {
	.page-content,
	.page-article {
		margin: 0 auto;
	}
	.page-content {
		width: 1200px;
		padding-left: 40px;
		padding-right: 40px;
	}
	.page-article {
		width: 896px;
	}
}