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

/*---------------------------------------------*/
/* business.html
============================================== */
.business-itemBox {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
    margin: 50px 0;
}

.business-itemBox div {
	width: calc((100% - 60px) / 2);
    margin-bottom: 60px;
}

 .business-item-title {
	margin-top: 10px;
    font-weight: bold;
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 5px;
    color: #256dBE;
}

@media screen and (max-width: 768px) {
	.business-itemBox div {
		width: 100%;
		margin-bottom: 30px;
	}
}

.flow-info {
	width: 80%;
	margin: 0 auto;
}

.flow-info .flow-line {
	padding: 2rem 0.5em;
	line-height: 1.8rem;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.flow-line .ccc {
	width: calc( 100% - 230px );
	margin: 0;
	line-height: 3rem;
}
.flow-line .flow-midashi {
	width: 200px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-right: 30px;
}
.flow-line .ccc h4, .flow-line .ccc h4 span {
	font-size: 2.2rem;
	margin-bottom: 15px;
}
 
@media screen and (max-width:767.98px) {
	.flow-info {
		width: 100%;
	}
    
	.flow-info .flow-line {
		justify-content: flex-start;
	}
    
	.flow-line .flow-midashi {
		width: 300px;
		margin: 0 auto;
	}
    
	.flow-line .ccc {
		width: 100%;
	}
    
	.flow-line .ccc h4, .flow-line .ccc h4 span {
		font-size: 2.2rem;
	}
    
	.flow-line .ccc h4 {
		margin-top: 15px;
		margin-bottom: 5px;
	}

}

#business-naiyou {
    max-width: 960px;
}