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

/* :::::::::::::::::::
	
	Business
	
:::::::::::::::::::::: */

.masthead {
	background:url(../images/page-head/head-business.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	object-fit: cover;
	background-position:center;
}

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

Business

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

.business-contents {
	background: #000;
    color: #fff;
}

.business-box {
    position: relative;
}

/*
Business-box
-------------------------------------------------- */

.business-box-img {
	background: url() no-repeat;
    background-size: cover;
}

.business-box:nth-child(1) .business-box-img {
    background-image: url(../images/business/business-01.png);
    background-position: right center;
}

.business-box:nth-child(2) .business-box-img {
    background-image: url(../images/business/business-02.png);
    background-position: left center;
}

.business-box:nth-child(3) .business-box-img {
    background-image: url(../images/business/business-03.png);
    background-position: right center;
}

.business-box:nth-child(4) .business-box-img {
    background-image: url(../images/business/business-04.png);
    background-position: left center;
}

/* ◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇																		 

Responsive

◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇ */


@media (max-width: 1200px) {


	/*
	Business-box
	-------------------------------------------------- */
	
	.business-box-img img {
		max-width: 100%;
    	height: auto;
	}
	
	.business-box-txtWrap {
		padding: 12px 20px;
	}
	
	.business-box-h {
		font-size: 1.3rem;
	}
	
	.business-contents-under {
		margin-top: 12%;
	}
				
}
	
@media screen and (max-width: 767px) {

	/*
	Business-box
	-------------------------------------------------- */

	.business-box-img-pc {
		 display: none;
	 }
	
	.business-box:nth-child(1) .business-box-img {
		background-image: url(../images/business/business-sm01.png);
	}
	
	.business-box:nth-child(2) .business-box-img {
		background-image: url(../images/business/business-sm02.png);
	}
	
	.business-box:nth-child(3) .business-box-img {
		background-image: url(../images/business/business-sm03.png);
	}
	
	.business-box:nth-child(4) .business-box-img {
		background-image: url(../images/business/business-sm04.png);
	}

}

/* iPad 縦 */
@media screen and (min-width: 768px) {

	.business-box {
		height: 500px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
	}
	
	/*
	Business-box
	-------------------------------------------------- */
	
	.business-box-img {
		width: 60%;
		height: 100%;
		position: absolute;
		top: 0;
	}
	
	.business-box-img-sm {
		 display: none;
	 }

	.business-box-img img {
		width: 100%;
		height: auto;
		display: none;
	}
	
	.business-box:nth-child(2n+1) .business-box-img {
		left: 0;
	}
	
	.business-box:nth-child(2n) .business-box-img {
		right: 0;
	}
	
	.business-box-txtWrap {
		padding: 20px 40px;
		width: 670px;
		position: relative;
		z-index: 1;	
	}
	
	.business-box:nth-child(2n+1) .business-box-txtWrap {
		margin-left: 55%;
	}
	
	.business-box-txtWrap-right {
		margin-right: 50%;
	}
	
	.business-box-h {
		font-size: 2em;
		font-weight: bold;
		letter-spacing: .05em;
		margin-bottom: 1em;
	}
	
	.business-contents-under {
		margin-top: 6%;
	}
	
}

@media screen and (min-width: 1200px) {

	/*
	Business-box
	-------------------------------------------------- */
	
	.business-contents-under {
		margin-top: 4%;
	}
	
}