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

/*-------------------------------------------

name: uniq.css

-------------------------------------------*/


/*=========================================
	h2
=========================================*/
h2.title{
	background:url(../img/h2.png) center no-repeat;
	height:100px;
	margin:40px 0 60px 0;
}



/*========================
	作品事例集
=========================*/
.faq dl{ margin:0 0 40px 0;}
.faq dl dt{
	background:url(../img/icon_q.png) 10px center no-repeat;
	padding:8px 0 8px 50px;
	font-size:25px;
	color:#1f2190;
	font-weight:bold;
	background-color:#eee;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.faq dl dd{
	background:url(../img/icon_a.png) 10px 0 no-repeat;
	padding:5px 0 5px 50px;
	font-size:16px;
	margin:15px 0 0 0;
}
/*テーブル*/
table.tbl{
	width:100%;
	border:1px solid #999;
	border-width: 1px 0 0 1px;
}
table.tbl th{
	background:#cdf1f2;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	border:1px solid #999;
	border-width:0 1px 1px 0;
}

table.tbl th.type{
	width:150px !important;	
}

table.tbl td{
	padding:10px 15px;
	border:1px solid #999;
	border-width:0 1px 1px 0;
}

/*btn*/
.faq dl dd .btn{ margin:15px 0 0 0;}
.faq dl dd .btn a{ padding:15px 0 !important;}

/* sp */

@media only screen and (max-width: 800px) {

h2{
	background:none !important;
	height:auto;
	margin:40px 0 20px 0 !important;
}

table.tbl th.type{
	width:15% !important;	
}


table.tbl td {
	font-size:10px !important;	
}

.faq{
	margin:0 3% !important;	
}

.faq dl dt{
	font-size:18px !important;	
}

.faq .btn{
	width:100% !important;	
}

	
}