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

/*PC*/
@media print, screen and (min-width: 769px) {

.kobayashikei_img {
	width:100%;
	margin:0 auto 30px;
}

.kobayashikei_img img {
	width:100%;
	height:auto;
}


.kobayashikei_txt {
	font-size:1.4em;
	line-height:2.2em;
	text-align:center;
}


.ttl {
	font-size: 1.6em;
}

.txtC {
	text-align: center;
}


.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list li {
	float: left;
	width: 28%;
	margin: 0 2% 0 0;
	background: #FFF;
	font-size: 1.2em;
	padding: 2%;
}

.list li:nth-child(3n+3) {
	margin: 0;
}

.list li h4 {
	padding: 0 0 2% 0;
	font-size: 1.2em;
}

.list li h4:before {
	font-family: FontAwesome;
	content: "\f046";
	color: #960;
	margin-right: 5px;
}

.list li img {
	margin: 0 0 4%;
}

.list li p {
	line-height: 160%;
}



}


/*sp*/
@media only screen and (max-width: 768px) {

.kobayashikei_img {
	width:100%;
	margin:0 auto 20px;
}

.kobayashikei_img img {
	width:100%;
	height:auto;
}

.kobayashikei_txt {
	font-size:1.2em;
	line-height:2em;
	text-align:left;
}


.ttl {
	font-size: 1.6em;
}

.txtC {
	text-align: center;
}


.list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.list li {
	float: none;
	width: 90%;
	margin: 0 auto 5%;
	border: solid 1px #CCC;
	box-sizing: border-box;
	background: #FFF;
}

.list li h4 {
	background: #000;
	color: #FFF;
	padding: 10px 0;
	text-align: center;
	font-size: 1.2em;
}

.list li p {
	padding: 4%;




}