@charset "UTF-8";

#wrapper .contents {
	padding: 0;
}
#wrapper #intro {
	background: #F5F5F5;
	border-bottom: none;
}
#wrapper #intro h1 {
	font-size: 1.714rem;
	font-weight: bold;
	margin: 0 0 30px;
}
#wrapper #intro .honbun {
	width: 380px;
	text-align: left;
	margin: 0 auto 30px;
}

#wrapper .contents > .item {
	padding: 30px 3.5vw;
}
#wrapper .contents > .item h2 {
	color: #FFF;
	font-size: 1.286rem;
	font-weight: bold;
	background: #a2864a;
	margin: 0 0 20px;
	padding: 10px 0;
}
#wrapper .contents > .item .inner {
	width: 590px;
	text-align: left;
	margin: 0 auto;
}
#wrapper .contents > .item .inner .intro {
	margin: 0 0 20px;
}
#wrapper .contents > .item .detail {
	font-weight: bold;
	margin: 0 auto 20px;
}
#wrapper .contents > .item .eg {
	margin: 0 0 20px
}
#wrapper .contents > .item .eg > li {
	margin: 0 0 20px
}
#wrapper .contents > .item .eg > li figure {
	margin: 0 0 10px
}
#wrapper .contents > .item .eg > li > div {
	margin: 0 0 15px;
}
#wrapper .contents > .item .eg > li > div dt {
	font-size: 1.286rem;
	font-weight: bold;
}
#wrapper .contents > .item .column {
	background: #F5F5F5;
	margin: 0 0 20px;
	padding: 30px 50px;
}
#wrapper .contents > .item .column .midashi {
	color: #a2864a;
	font-size: 1.07rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 15px;
}
#wrapper .contents > .item .column ul {
	display: flex;
	justify-content: space-around;
}
#wrapper .contents > .item .column ul li {
	width: 174%;
}
#wrapper .contents > .item .column ul li figure {
	margin: 0 0 5px;
}
#wrapper .contents > .item .column ul li h3 {
	font-size: 1.286rem;
	font-weight: bold;
}
#wrapper .contents > .item .contactBox {
	color: #a2864a;
	text-align: center;
	border: solid 2px #a2864a;
	margin-top: 40px;
	padding: 20px 40px;
}
#wrapper .contents > .item .contactBox p {
	font-size: 1.286rem;
	font-weight: bold;
}
#wrapper .contents > .item .contactBox .midashi {
	font-size: 1rem;
	border-bottom: solid 1px #a2864a;
	margin: 0 0 15px;
	padding: 0 0 15px;
}
#wrapper .contents > .item .contactBox a[href^="tel:"] {
	text-decoration: none;
}

#wrapper .contents > .item#serena .contactBox {
	margin-bottom: 30px;
}

#wrapper .contents > .item .btns {
	margin : 40px 0 0 0;
}
#wrapper .contents > .item .btns li {
	margin: 0 0 10px;
}
#wrapper .contents > .item .btns li a {
	color: #FFF;
	text-decoration: none;
	text-align: center;
	background: #a2864a;
	padding: 10px 0;
	display: block;
}

#wrapper .contents > .add {
	margin: 80px 0 0 0;
}
#wrapper .contents > .add h3 {
	font-size: 1.286rem;
	font-weight: bold;
	margin: 0 0 20px;
}
#wrapper .contents > .bottom {
	width: 590px;
	text-align: left;
	border-top: solid 1px #a2864a;
	margin: 40px auto 60px;
	padding-top: 30px;
}


/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:899px) {

	#wrapper #intro {
		margin: 0 0 30px;
		padding-left: 5vw;
		padding-right: 5vw;
	}
	#wrapper #intro h1 {
		margin: 0 0 20px;
	}
	#wrapper #intro .honbun {
		width: 100%;
		margin: 0 auto 20px;
	}

	#wrapper .contents > .item {
		background: #F5F5F5;
		margin: 0 5vw 20px;
		padding: 5vw;
	}
	#wrapper .contents > .item h2 {
		margin: 0 0 15px;
		padding: 5px 0;
	}
	#wrapper .contents > .item .inner {
		width: 100%;
	}
	#wrapper .contents > .item .inner .intro {
		margin: 0 0 15px;
	}
	#wrapper .contents > .item .detail {
	}
	#wrapper .contents > .item .eg {
	}
	#wrapper .contents > .item .eg > li {
		margin: 0 0 15px
	}
	#wrapper .contents > .item .eg > li figure {
		margin: 0 0 5px
	}
	#wrapper .contents > .item .eg > li > div {
		margin: 0 0 10px;
	}
	#wrapper .contents > .item .eg > li > div dt {
	}
	#wrapper .contents > .item .column {
		background: #FFF;
		margin: 0 0 15px;
		padding: 20px 30px;
	}
	#wrapper .contents > .item .column .midashi {
		margin: 0 0 10px;
	}
	#wrapper .contents > .item .column ul {
		justify-content: space-between;
	}
	#wrapper .contents > .item .column ul li {
		width: 46%;
	}
	#wrapper .contents > .item .column ul li figure {
	}
	#wrapper .contents > .item .column ul li h3 {
	}
	#wrapper .contents > .item .contactBox {
		margin-top: 30px;
		padding: 10px 20px;
	}
	#wrapper .contents > .item .contactBox p {
	}
	#wrapper .contents > .item .contactBox .midashi {
		margin: 0 0 15px;
		padding: 0 0 10px;
	}

	#wrapper .contents > .item#serena .contactBox {
	}

	#wrapper .contents > .item .btns {
		margin : 30px 0 0 0;
	}
	#wrapper .contents > .item .btns li {
	}
	#wrapper .contents > .item .btns li a {
	}

	#wrapper .contents > .add {
		width: 90vw;
		margin: 50px auto 0;
	}
	#wrapper .contents > .add h3 {
		margin: 0 0 15px;
	}
	#wrapper .contents > .bottom {
		width: 90vw;
		margin: 30px auto 30px;
		padding-top: 20px;
	}

}

/*--------------------------------- 緊急告知 ------- */
.alertBox {
	color: #E51A23;
	width: 100%;
	text-align: left;
	border: solid 2px #E51A23;
	margin: 0 auto 20px;
	padding: 20px 75px;
}
@media screen and (max-width:899px) {
	.alertBox {
		text-align: left;
		padding: 20px;
		box-sizing: border-box;
	}
}
/*--------------------------------- 緊急告知ここまで ------- */