/*---------------------------------------------

company.html

===============================================*/

.companyBox{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

.syosaiBox {
    background: white;
    padding: 0 24px 24px;
    margin-top: 30px;
}


/* 会社概要---------------------- */
.company-info {
	width: 100%;
	margin: 0 auto;
	max-width: 960px;
}

.company-info .company-line {
	border-top: 0.5px solid #aaa;
	padding: 2rem 0em;
	line-height: 1.8rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}

.company-line div.ccc {
	width: 72%;
	margin: 0;
	line-height: 3rem;
}

.company-midashi {
	color: #07A5B0;
    font-weight: bolder;
    padding-left: 2em;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.company-info .company-line:last-child {
	border-bottom: 0.5px solid #aaa;
}
 
@media screen and (max-width:767.98px) {
	.company-info {
		width: 100%;
		max-width: 600px;
		margin: 0 auto;
	}
    
	.company-midashi {
		font-weight: bolder;
		padding: 10px;
		width: 33%;
		justify-content: flex-start;
	}
    
	.company-line div.ccc {
		width: 100%;
		padding: 10px;
		
	}
    
	.company-line div.ccc p {
		margin: 0;
	}
	
}