@charset "utf-8";

/*===============================================
●共通
===============================================*/

/* mainTitle
---------------------------------------- */
#mainTitle {
	background:url(../../images/business/title_tex.jpg) no-repeat center center;
}

/* leadBox
---------------------------------------- */
#leadBox p {
	color:#e60012;
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: 500;
}

/* businessBox
---------------------------------------- */
#box01,
#box03 {
	position:relative;
	background:url(../../images/mainframe/tex01.gif) repeat center top;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 729px){
	
	/* leadBox
	---------------------------------------- */
	#leadBox {
		margin:2em 0;
	}
	#leadBox p {
		font-size:1.28em;
		line-height:1.4em;
	}
	
	/* businessBox
	---------------------------------------- */
	.businessBox {
		padding:3em 0;
	}
	.businessBox .text {
		margin-bottom:1em;
	}
	#box01,
	#box03 {
		background-size:12px 12px!important;
	}
}

/*===============================================
●画面の横幅が730px以上(PCのみ)
===============================================*/
@media screen and (min-width: 730px){
	
	/* leadBox
	---------------------------------------- */
	#leadBox {
		margin:4em auto 2em;
	}
	#leadBox p {
		font-size:1.7em;
		line-height:1.4em;
	}
	
	/* businessBox
	---------------------------------------- */
	.businessBox {
		padding:4.5em 0;
	}
	.businessBox .photo {
		width:47%;
	}
	.businessBox .textBox {
		width:49%;
	}
	#box01 .photo,
	#box03 .photo,
	#box02 .textBox,
	#box04 .textBox {
		float:left;
	}
	#box01 .textBox,
	#box03 .textBox,
	#box02 .photo,
	#box04 .photo {
		float:right;
	}
	#box01:before,
	#box03:before {
		content:"";
		display:block;
		width:100%;
		height:30%;
		background-color:#fff;
		position:absolute;
		top:0;
		left:0;
		z-index:1;
	}
	#box01 .inner,
	#box03 .inner {
		position:relative;
		z-index:100;
	}
}