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

/*--------------------------------------------------------------------
STYLE
----------------------------------------------------------------------*/


.greeting{
	margin:15px 10px;
	border:solid 1px black;
	width:92%;
	margin:15px auto;
}

.inner{
	display:table;	
	padding:10px;
}

.greeting .inner img{
	display:table-cell;
}


.greeting .inner p{
	width:100%;
	display:table-cell;
	vertical-align:top;
	color:#333;
	line-height:20px;
	font-size:13px;
	padding:0 0 0 15px;
}


.sales{
	border:solid 1px black;
	display:table;
	background:#E7F1F4;	
	margin:0 auto;
	width:92%;
	
}

.sales h2{
	text-align:center;	
}



.sales_wrap{
	display:table;
	
}

.sales_wrap .item{
	margin:15px 0 15px 15px;	
}



.sales_wrap img{
	display:table-cell;
}

.sales_wrap dl{
	display:table-cell;
	vertical-align:middle;
	margin-left:10px;
	padding:0 10px;
}

.sales_wrap dl dt{
	color:#20435A;	
	font-size:18px;
	font-weight:bold;	
	margin-bottom:5px;	
}

.sales_wrap dl dd{
	font-size:13px;
	line-height:17px;
	color:#333;

}




.arrow{
	margin:15px 0;	
}




.point{
	margin:0 auto;
	display:table;
}

.hikaku_wrap{
	border:solid 1px black;
	margin:30px auto;
	width:92%;
	display:table;
	padding:0 0 20px 0;

}

.hikaku_wrap h2{
	text-align:center;
	padding:0 0 15px 0;	
}


.comparison .photo{
			text-align:center;

}




.hikaku_wrap p{
	background:url(../../img/home/main_mark.gif) no-repeat left center;
	padding:6px 0 6px 35px;
	text-align:left;
	color:#666;
	font-size:13px;
	line-height:16px;
	margin:15px;
}

.comparison img{
	vertical-align:middle;
}



.newinfo{
	margin:0 0 15px 15px;
}

.notice{
	border-top:solid 2px #8F8F8F;
	border-bottom:solid 2px #8F8F8F;
	padding:12px 0;	
}

.notice dt{
	float:left;	
	margin-left:10px;
}

.notice dd{
	float:left;
	padding: 5px 5px 0 7px;
	font-size:14px;
	color:#333;
}


.boxA{
	background:#E7F1F4;	
	margin:0 auto;
	width:92%;
}	

/* 1000px以上 */

@media(min-width:1000px){
	.boxA{
		width:92%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	.box{
		float:left;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex: 1;
		flex: 1;

	}
	
	
	
}

/*801px以上*/

@media(min-width:801px){

	.comparison{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;
	}
	
	.comparison .photo{
		float:left;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex: 1;
		flex: 1;
		vertical-align:middle;
		justify-content:center;
		align-items:center;
		flex-grow:2;
		
	}
	
	.comparison .arrow{
		flex-grow:1;
	}


}

/*670px以上～999px以下*/


@media(min-width: 670px) and (max-width: 999px) {
    .boxA{
		width:92%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: row;
		flex-direction: row;

	}
	
	
	.box{
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		-webkit-flex: 1;
		flex: 1;

	}
	
	.item{
		display:flex;
		justify-content:center;
	}

	
	
	
	.sales{
		border:solid 1px black;
		display:table;
		background:#E7F1F4;	
		margin:0 auto;
		width:92%;
	}

	.sales h2{
		text-align:center;	
	}
	
	
	.sales_wrap .item{
		margin:15px 0;	
	}




	.sales_wrap dl{
		display:block;
		vertical-align:middle;
		margin-left:10px;
		padding:0 10px;
		margin-bottom:20px;
	}
	
	.sales_wrap dl dt{
		color:#20435A;	
		font-size:18px;
		font-weight:bold;	
		margin-bottom:5px;	
		text-align:center;
	}
	
	.sales_wrap dl dd{
		font-size:13px;
		line-height:17px;
		color:#333;
	
	}

	
	

	
}







/* 800px以下 */
@media(max-width:800px){
	.comparison .photo{
			display:block;
			text-align:center;
	}
	
	.yazirusi{
		margin:15px 0;	
	}

}