@charset "shift-jis";
/* ---------------------------------------------------------
	
	file name : page.css
	style info : 
	
--------------------------------------------------------- */


/* ---------------------------------------------------------
	box1
--------------------------------------------------------- */
.box1{
	width:950px;
	height:310px;
	margin:0;
	background:#fff url(../images/re_image1.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinright1{
	float:right;
	width:370px;
	margin:42px 41px 0 0;
}
.boxinright1 h3{
	color:#fff;
	width:370px;
	margin:0 0 13px;
	font-size:160%;
	font-weight:normal;
}
.boxinright1 h3.h3sp{
	display:none;
}

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

.boxinright1 .btn{
	width:289px;
	margin:15px auto 0;
}
.boxinright1 .btnsp{
	display:none;
}
.boxinright1 .comment{
	color:#fff;
	margin:0;
	padding-left:1.5em;
	text-indent:-1.5em;
	font-size:80%;
	font-weight:normal;
}
@media (max-width:640px) {
	.box1{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		overflow:hidden;
	}
	.boxinright1{
		float:none;
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
	}
	.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;
	}
	.boxinright1 .comment{
		margin:0px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
}

.br{
	display:block;
}
@media (max-width:640px) {
.br{
	display:none;
}
	
}
/* ---------------------------------------------------------
	box2
--------------------------------------------------------- */
.box2{
	width:950px;
	height:309px;
	margin:0 0;
	background:#fff url(../images/re_image2.jpg) no-repeat left top;
	overflow:hidden;
}

.boxinleft2{
	float:left;
	width:387px;
	margin:106px 0 0 60px;
}

.boxinleft2 h3{
	width:387px;
	margin:0 0 10px;
	font-size:160%;
	font-weight:normal;
	color:#333;
}
.boxinleft2 h3.h3sp{
	display:none;
}

.boxinleft2 .text{
	width:387px;
	margin:0 auto;
	color:#333;
}

.boxinleft2 .btn{
	width:227px;
	margin:20px auto 0;
}

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

	.boxinleft2 .text{
		width:auto;
		margin:10px 20px;
		color:#333;
	}
	.boxinleft2 .btn{
		width:auto;
		margin:10px auto;
	}
	.boxinleft2 .btn img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
}

.sankei_bnr{
	width:950px;
	height:225px;
}
@media (max-width:640px) {
	.sankei_bnr{
		width:auto;
		height:auto;
	}
	.sankei_bnr img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
}
/* ---------------------------------------------------------
	box3
--------------------------------------------------------- */
.box3{
	width:950px;
	height:360px;
	margin:0 0;
	background:#fff url(../images/re_image3.jpg) no-repeat left top;
	overflow:hidden;
}

.boxinright3{
	float:right;
	width:345px;
	margin:80px 0 0 0;
}
.boxinright3 h3{
	width:345px;
	margin:0 0 5px;
	font-size:160%;
	font-weight:normal;
	color:#333;
}
.boxinright3 h3.h3sp{
	display:none;
}

.boxinright3 .text{
	width:345px;
	margin:12px auto 0;
	color:#333;
}
.boxinright3 .btn{
	width:314px;
	margin:20px auto 0;
}
.boxinright3 .comment{
	margin:35px auto;
	font-size:80%;
	font-weight:normal;
	color:#7e7e7e;
}

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

	.boxinright3 .btn img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:10px auto;
	}
	.boxinright3 .comment{
		margin:15px 20px;
		font-size:80%;
		font-weight:normal;
		color:#7e7e7e;
	}
}
/* ---------------------------------------------------------
	box4
--------------------------------------------------------- */
.box4{
	width:950px;
	height:340px;
	margin:0;
	background:#fff url(../images/re_image4.jpg) no-repeat left top;
	overflow:hidden;
}
.boxinleft4{
	float:left;
	width:380px;
	margin:80px 0 0 62px;
}
.boxinleft4 h3{
	width:320px;
	margin:0 0 12px;
	font-size:160%;
	font-weight:normal;
	color:#333;
}
.boxinleft4 h3.h3sp{
	display:none;
}
.boxinleft4 .text{
	margin:0 auto;
	color:#333;
}
.btnlong{
	width:950px;
	height:80px;
	margin:0 auto;
}
.btnlongsp{
	display:none;
}

@media (max-width:640px) {
	.box4{
		width:auto;
		height:auto;
		margin:0;
		padding:0 0 20px;
		background:#eee;
		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;
	}
	.btnlong{
		display:none;
	}
	.btnlongsp{
		display:block;
		width:auto;
		margin:0 auto;
	}
	.btnlongsp img{
		display:block;
		max-width:100%;
		width:auto;
		height:auto;
		margin:0 auto;
	}
}