@charset "utf-8";
/* 自然素材ハウスの家づくりページ */




#S01 .contentsDetail div{
    text-align: center;
	font-size: 21px;
	line-height: 1.5em;
}

 #S01 .contentsDetail ul{
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-top: 40px;
}

#S01 .contentsDetail ul li {
    width: 23%;
}

 #S01 .contentsDetail ul li p{
	text-align: center;
}

.contentsDetail ul li p span{
	height: 40px;
    line-height: 1.3em;
}


 #S01 .contentsDetail a p,#S01 .contentsDetail ul li p span{ 
	display: block;
	color: #0E8D34;
	font-size: 18px;
}

 #S01 .contentsDetail a p img{
    width: 100px;
    margin-top: 10px;
}

 #S01 .contentsDetail ul li a .contactRink {
	
    position: relative;
    background-color: #F9FBFA;
    transition: none;
    padding: 40px 0 30px;
    box-shadow: 11px 11px 16px -14px rgb(0 0 0 / 39%);
    margin-bottom: 20px;
}

/*----------------------------------------------------------- 820px */
@media screen and (max-width: 820px) {

#S01 .contentsDetail ul li {
    width: 39%;
}	
	
 #S01 .contentsDetail ul li a .contactRink {
	padding: 20px 0 5px;
    margin-bottom: 10px;
}	

#S01 .contentsDetail div{
	font-size: 17px;
}	
	
}
/*----------------------------------------------------------- 680px */
@media screen and (max-width: 680px) {

#S01 .contentsDetail ul li {
    width: 100%;
}	
	
}
/*----------------------------------------------------------- 580px */
@media screen and (max-width: 580px) {

}
/*----------------------------------------------------------- 540px */
@media screen and (max-width: 540px) {
}
/*----------------------------------------------------------- 480px */
@media screen and (max-width: 480px) {
}
/*----------------------------------------------------------- 375px */
@media screen and (max-width: 375px) {

}