@charset 'utf-8';
/*
 * name:business.css
 * author:sovanda nulo
*/

/* business
------------------------------------------------ */

.pageHead:after { background: url(../../img/business/banner.jpg) no-repeat center; background-size: cover; }

	@media screen and (max-width: 768px) {

		.pageHead:after { background: url(../../img/business/banner_sp.jpg) no-repeat center; background-size: cover; }

	}

/* === section what === */
#project { margin-bottom: 150px; }
.project__block { margin: -50px 0; }
.project__lists { padding: 50px 0; display: flex; flex-wrap: wrap; }
.project__lists__head { width: calc( 26% - 3.3% ); margin-right: 3.3%; }
.project__lists__head--number { font-size: 15px; font-size: 1.5rem; font-weight: bold; letter-spacing: .2em; position: relative; }
.project__lists__head--number:after { content: ''; display: inline-block; vertical-align: .35em; margin-left: .55em; width: 25px; height: 1px; background: #59574E; }
.project__lists__head--title { font-size: 24px; font-size: 2.4rem; font-weight: 500; margin-top: .3em; }
.project__lists__desc { width: calc( 36.5% - 3.3% ); margin-right: 3.3%; }
.project__lists__desc--cmn { font-size: 16px; font-size: 1.6rem; line-height: 1.8; }
.project__lists__desc--btn { margin-top: 50px; }
.project__lists--pic { width: 37.5%; height: 293px; display: block; overflow: hidden; -webkit-border-radius: 20px; border-radius: 20px; }
.project__lists--pic img { width: 100%; height: 100%; object-position: center; object-fit: cover; display: block; overflow: hidden; }

	@media screen and (max-width: 768px) {

		#project { margin-bottom: 60px; }
		.project__block { margin: -30px 0; }
		.project__lists { padding: 30px 0; flex-direction: column; }
		.project__lists__head { order: 1; width: 100%; margin-right: 0; margin-bottom: 20px; }
		.project__lists__head--number { font-size: 13px; font-size: 1.3rem; }
		.project__lists__head--title { font-size: 19px; font-size: 1.9rem; }
		.project__lists__desc { order: 3; width: 100%; margin-right: 0; }
		.project__lists__desc--cmn { font-size: 15px; font-size: 1.5rem; }
		.project__lists__desc--btn { max-width: 325px; margin-top: 30px; }
		.project__lists--pic { order: 2; width: 100%; height: 410px; margin-bottom: 40px; }
	}

	@media screen and (max-width: 414px) {
		.project__lists--pic { height: 205px; }
	}