@charset "utf-8";

/**
 *
 *  製品紹介
 *　item
 */

/*--------------------------------------------------------------------------
   Overwright
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/


#Item .product-list{
	display:flex;
	flex-wrap:wrap;
	margin-bottom: 50px;
}
#Item .product-list li{
	width: 590px;
	margin: 0 0 75px 20px;	
}
#Item .product-list li:nth-child(odd){
	margin-left: 0;	
}
#Item .product-list .pic{
	width: 100%;
	height:250px;
	margin-bottom: 10px;
	line-height:0;	
}
#Item .product-list li div{
	padding: 10px 20px;
	border-left:1px solid #E4E4E4;	
}
#Item .product-list .cat{
	width: 105px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	border:1px solid #3D3D3D;
	text-align:center;
	font-size:79%;
}
#Item .product-list h3{
	margin-bottom: 15px;
}
#Item .product-list .txt{
	margin-bottom: 15px;
}
#Item .product-list .btn-base {
	width: 210px;
	height: 44px;
	line-height:44px;
	background: #3D3D3D;
}

/* point */
#Item .point h3{
	margin-bottom: 55px;
}
#Item .point-list{
	width: 750px;
	margin: 0 auto 10px;	
}
#Item .point-list li{
	width: 340px;	
}
#Item .point-list li+li{
	margin-left: 60px;
}
#Item .point-list .pic{
	margin-bottom: 20px;
}
#Item .point-list h4{
	margin-bottom: 10px;
	font-size:115%;
}
#Item .point-list .txt{
	margin-bottom: 20px;
}
#Item .point-list h5{
	padding: 5px 15px;
	background:#4574BA;
	color:#FFF;	
	font-weight:normal;
}
#Item .point-list .btn a{
	display:block;
	padding: 15px;
	background:#F4F4F7;
	color:#3D3D3D;
}
#Item .point-list .btn a:hover{
	color:#4574BA;
}
#Item .point-list .btn a span{
	font-size:93%;
}


/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/


#Item .product-list{
	display:block;
	margin-bottom: 50px;
}
#Item .product-list li{
	width: 100%;
	margin: 0 0 30px 0;	
}
#Item .product-list li:nth-child(odd){
	margin-left: 0;	
}
#Item .product-list .pic{
	width: 100%;
	height:auto;
	margin-bottom: 15px;
}
#Item .product-list li div{
	padding: 0;	
	border-left: none;
}
#Item .product-list .cat{
	width: 100px;
	font-size:84%;
}
#Item .product-list h3{
	margin-bottom: 10px;
}
#Item .product-list .txt{
	margin-bottom: 15px;
}

/* point */
#Item .point h3{
	margin-bottom: 15px;
}
#Item .point-list{
	width: 100%;
	margin: 0 auto 10px;	
}
#Item .point-list li{
	width: 100%;	
}
#Item .point-list li+li{
	margin: 25px 0 0;
}
#Item .point-list .pic{
	margin-bottom: 15px;
}
#Item .point-list h4{
	margin-bottom: 10px;
	font-size:109%;
}
#Item .point-list .txt{
	margin-bottom: 15px;
}
#Item .point-list h5{
	padding: 5px 10px;
}
#Item .point-list .btn a{
	padding: 15px 10px;
}
#Item .point-list .btn a span{
	font-size:100%;
}



}