@charset "UTF-8";
/* CSS Document */

.mainWrapper {
    width: 100%;
	background-image: url(./main-image.jpg);
}
h4 {
	font-size: 1.7rem;
	line-height: 150%;
}
h5 {
	font-size: 1.5rem;
}

.merit {
	border: solid 1px #DDD;
	padding: 2rem 1rem 3rem;
	margin: 0;
}
.merit h5{
	font-size: 2rem;
	margin-bottom: 2rem;
	border-bottom:  solid 1px #BBB;
	padding-bottom: 1rem;
}
.merit ul li{
	list-style: none;
	font-size: 2rem;
	margin: 1rem 0;
	color: #559E59;
}
.merit ul li:before{
	content: "●";
	margin-right: 1rem;
	font-size: 2.8rem;
	color: #444;
}

.intro{
	padding: 2rem 4rem;
	border: solid 1px #DDD;
	border-radius: 5px;
	width:85%;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 640px) {
	.intro{
		padding: 1rem 2rem;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

}



.ex {
	margin: 3rem 0 0;
	padding: 0;
}
.ex li {
	list-style: none;
	font-size: 1.3rem;
	margin: 0.5rem 0;
	display: inline-block;
}

.ex li:before {
	content: " / ";
	font-size: 1.4rem;
	margin-left: 0.5rem;
}
.ex li:first-child:before {
	content: "";
	margin-left: 0;
}

.itemWrap{
	border: solid 1px #EEE;
	border-top: none;
	padding: 2rem 2rem 0;
	text-align: left;
	background-color: #FFF;
}
.itemWrap dl {
margin:0;
}
.itemTitle{
	background-color: #333;
	padding: 1.2rem;
	font-size: 1.6rem;
	margin: 0;color: #FFF;
}
.itemName{
	font-size: 1.6rem;
	margin: 0 0 1rem;
}
.itemText {
	font-size: 1.3rem;
	line-height: 165%;
}

.data{
	border-top: dotted 1px #888;
	padding-top: 10px;
}






ul.list,ol.list {
  padding-left:0.2rem;
  margin: 0;
}
ul.list li,ol.list li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
}
.service {
	font-size:1.4rem;
	
}
.serviceCate{
	color: #FFF;
	display: inline-block;
	background-color: darkolivegreen;
	padding: 0.3rem;
	border-radius: 4px;
	margin-right: 0.5rem;
}