@charset "shift-jis";
/* ---------------------------------------------------------
	box1
--------------------------------------------------------- */
.box1{
	width:950px;
	height:350px;
	margin:0;
	background:#fff url(../images/ph_image1.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinright1{
	float:right;
	width:360px;
	margin:120px 60px 0 0;
}
.boxinright1 h3{
	width:360px;
	margin:0 0 5px;
	font-size:150%;
	font-weight:normal;
	color:#fff;
}
.boxinright1 h3.h3sp{
	display:none;
}

.boxinright1 .text{
	width:360px;
	margin:0 auto;
	color:#fff;
}

@media (max-width:640px) {
	.box1{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinright1{
		float:right;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinright1 h3{
		display:none;
	}
	.boxinright1 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	
	.boxinright1 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
}

.br{
	display:block;
}
@media (max-width:640px) {
.br{
	display:none;
}
	
}
/* ---------------------------------------------------------
	box2
--------------------------------------------------------- */
.box2{
	width:950px;
	height:552px;
	margin:0;
	background:#fff url(../images/ph_image2.jpg) no-repeat left top;
	overflow:hidden;
}
.box2Center h3{
	width:308px;
	margin:0 auto 10px;
	font-weight:normal;
	color:#fff;
}
.box2Center h3.h3sp{
	display:none;
}
.box2Center{
	width:767px;
	margin:50px auto 20px;
}
.box2CenterInner{
	overflow:hidden;
	width:767px;
	margin:0 auto;
}
.box2Left{
	float:left;
	width:475px;
}
.box2Right{
	float:right;
	width:253px;
}
.box2 .btn{
	width:320px;
	margin:10px auto;
}
.box2 .btnsp{
	display:none;
}

@media (max-width:640px) {
	.box2{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 10px;
		background:#eee;
		overflow:hidden;
	}
	.box2Center{
		float:none;
		width:auto;
		height:auto;
		margin:10px 0;
	}
	.box2CenterInner{
		overflow:hidden;
		width:auto;
		height:auto;
		margin:10px 20px;
	}

	.box2Center h3{
		display:none;
	}
	.box2Center h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.box2Center .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.box2Left{
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.box2Right{
		float:none;
		width:auto;
		height:auto;
		margin:0 50px;
	}
	.box2Right img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}

	.box2Center .btn{
		display:none;
	}
	.box2Center .btnsp{
		display:block;
		width:auto;
		margin:20px;
	}
	.box2Center .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
}

/* ---------------------------------------------------------
	box3
--------------------------------------------------------- */
.box3{
	width:950px;
	height:412px;
	margin:0 0;
	background:#fff url(../images/ph_image3.jpg) no-repeat left top;
	overflow:hidden;
}

.boxinleft3{
	float:left;
	width:445px;
	margin:102px 0 0 30px;
}

.boxinleft3 h3{
	width:445px;
	margin:0 0 10px;
	font-size:150%;
	font-weight:normal;
	color:#333;
}
.boxinleft3 h3.h3sp{
	display:none;
}

.boxinleft3 .text{
	width:420px;
	margin:0 0 15px;
	color:#333;
}

.boxinleft3 .btn{
	width:445px;
	margin:1px 0 0;
}
.boxinleft3 .btnsp{
	display:none;
}

.boxinleft3 .note {
	font-size:11px;
	margin:10px 0 19px;
	color:#6f6f6f;
}

@media (max-width:640px) {
	.box3{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 10px;
		background:#fff;
		overflow:hidden;
	}
	.boxinleft3{
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinleft3 h3{
		display:none;
	}
	.boxinleft3 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinleft3 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinleft3 .note {
		margin:20px;
		position:relative;
		padding-left:60px;
	}
	.boxinleft3 .note span {
		position:absolute;
		top:0;
		left:0;
	}
	.boxinleft3 .btn{
		display:none;
	}
	.boxinleft3 .btnsp{
		display:block;
		width:auto;
		margin:10px 20px;
	}
	.boxinleft3 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}

}
/* ---------------------------------------------------------
	box4
--------------------------------------------------------- */
.box4{
	width:950px;
	height:477px;
	margin:0;
	background:#fff url(../images/ph_image4.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinleft4{
	width:760px;
	margin:50px auto 0;
}
.boxinleft4 .btn{
	width:285px;
	margin:10px auto 0;
}
.boxinleft4 .btnsp{
	display:none;
}
.boxinleft4 h3{
	width:341px;
	margin:0 auto 10px;
	font-size:150%;
	font-weight:normal;
	color:#333;
}
.boxinleft4 h3.h3sp{
	display:none;
}

.boxinleft4 .text{
	width:auto;
	margin:0 0 15px;
	color:#333;
}

@media (max-width:640px) {
	.box4{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#fff;
		overflow:hidden;
	}
	.boxinleft4{
		float:none;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinleft4 h3{
		display:none;
	}
	.boxinleft4 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinleft4 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinleft4 .btn{
		display:none;
	}
	.boxinleft4 .btnsp{
		display:block;
		width:auto;
		margin:10px 20px;
	}
	.boxinleft4 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}

}

/* ---------------------------------------------------------
	box5
--------------------------------------------------------- */
.box5{
	position:relative;
	width:950px;
	height:360px;
	margin:0 0;
	background:#fff url(../images/ph_image5.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinright5{
	position:absolute;
	left:518px;
	top:90px;
	width:386px;
	margin:0;
}
.boxinright5 h3{
	width:380px;
	margin:0 0 10px;
	font-size:150%;
	font-weight:normal;
	color:#333;
}
.boxinright5 h3.h3sp{
	display:none;
}

.boxinright5 .text{
	width:386px;
	margin:0 auto;
	color:#333;
}
.boxinright5 .btn{
	width:383px;
	margin:15px auto 0;
}

.boxinright5 .btnsp{
	display:none;
}

@media (max-width:640px) {
	.box5{
		position:static;
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		background:#eee;
		overflow:hidden;
	}
	.boxinright5{
		position:static;
		width:auto;
		height:auto;
		margin:0;
	}
	.boxinright5 h3{
		display:none;
	}
	.boxinright5 h3.h3sp{
		display:block;
		width:auto;
		margin:15px 20px 0;
		font-size:130%;
		font-weight:normal;
		color:#333;
	}
	.boxinright5 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinright5 .btn{
		display:none;
	}
	.boxinright5 .btnsp{
		display:block;
		width:auto;
		margin:20px;
	}
	.boxinright5 .btnsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
}