@import url("about.css");

#section1 .info >li{
	border-bottom:1px solid #dddddd;
}
#section1 .info >li:last-of-type{
	border-bottom:0;
	padding-bottom:0;
	margin-bottom:0;
}
#section1 .info h4{
	font-weight:300;
}
#section1 .info h4 span{
	font-size:0.824em;
}
#section1 .info .cont{
	line-height:1.5em;
}
#section1 .info >li{
	display:flex;
	flex-wrap:wrap;
}
#section1 a{
	text-decoration:underline;
}

/*PC
----------------------------------------------------*/
@media screen and (min-width:1081px),print{
	#section1 .info{
		padding-bottom:40px;
	}
	#section1 .info >li{
		padding-bottom:25px;
		margin-bottom:25px;
	}
	#section1 h4{
		width:250px;
	}
	#section1 .cont{
		width:790px;
		font-size:0.824em;
	}


}
/*PC and Tablet
----------------------------------------------------*/
@media screen and (min-width:751px),print{
	#section1 li:not(.telnum) a:hover{
		text-decoration: none;
	}
}
/*Tablet
----------------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	#section1 h4{
		width:35%;
	}
	#section1 .cont{
		width:65%;
	}
}
/*Tablet und Phone
----------------------------------------------------*/
@media screen and (max-width:1080px){
	#section1 .info{
		padding-bottom:5%;
	}
	#section1 .info >li{
		padding-bottom:3%;
		margin-bottom:3%;
	}
}
/*Phone
----------------------------------------------------*/
@media screen and (max-width:750px){
	#section1 h4{
		width:100%;
		margin-bottom:3%;
	}
}