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



.inner {
    width:1160px;
    margin: 0 auto 60px;
}

.tbl1{
	border-right: #ccc solid 1px;
	border-top: #ccc solid 1px;
	width: 80%;
	margin: 0 auto 2em;
}

.tbl1 tr{

}

.tbl1 th,
.tbl1 td{
	border-left: #ccc solid 1px;
	border-bottom: #ccc solid 1px;
	padding: 1em;
}

.tbl1 th{
	background-color: #efefef;	
	font-weight: normal;
	text-align: left;
	width: 25%;
}

.tbl1 td{

}


.tbl2{

	width: 80%;
	margin: 0 auto 2em;
}

.tbl2 tr{
	border-bottom: #ccc dashed 1px;
}

.tbl2 th,
.tbl2 td{

	padding: 1em;
}

.tbl2 th{

	font-weight: normal;
	text-align: left;
	width: 25%;

	line-height: 1.8;
	padding-left: 1em; 
    text-indent: -1em;
}


.tbl2 th:before{
  font-family: "FontAwesome";
  content: '\f152';
	margin-right: 0.3em;
	color: #444;

}


.tbl2 td{
		line-height: 1.8;
}

.tbl2 ul{
	margin: 0 0 10px 0;
    padding: 15px 15px 15px 30px;
    border: 1px solid #cccccc;
    background-color: #fafafa;
	line-height: 1.8;
}

.tbl2 li{
	margin-bottom: 0.5em;
}

.txd{
	text-align: right;
	width: 80%;
	margin: 0 auto;
}

.note{
	font-size: 90%;
}

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

.ttl {
    font-size: 200%;
}	
	
.inner {
    width:100%;
    margin: 0 auto 30px;
}
	
.tbl1,
	.tbl2{
		width: 90%;
		font-size: 90%;
		margin: 0 5% 1.5em;
	}
	
.tbl2 {
    margin: 0 5% 0.5em;
}
	
.tbl1 th,
.tbl1 td{
	padding: 0.5em;
}
	
.tbl2 th {
	padding: 1em 0 0 1em;
}		

.tbl2 td {
	padding: 0.5em 0;
}	
	
.tbl2 th{
	width:100%;
	display: block;
}
	.tbl2 td{
	width:100%;
	display: block;		
	}	

.txd {
    width: 90%;
	font-size: 90%;
    margin: 0 5% 0.5em;
}
	
}