@charset "UTF-8";

/*---------------------------------------
 * PC
---------------------------------------*/ 

@media print, screen and (min-width:931px) {
	
	.page-header h2{
		width: 63px;
	}
	
	
	/* qa
	---------------------------------------*/ 
	
	.qa{
		margin-bottom: 130px;
	}
	
	.qa .inner{
		width: 850px;
		margin: 0 auto;
		text-align: justify;
	}
	
	.qa .inner .tab{
		font-size: 0;
		margin-bottom: 60px;
	}
	.qa .inner .tab li{
		display: inline-block;
		width: 24.4705%;
		margin-right: 0.7058%;
		background: #3E3731;
		text-align: center;
		padding: 17px 0;
		color: #FFFFFF;
		font-size: 13px;
		cursor: pointer;
	}
	
	.qa .inner .tab li.select{
		background: #D48C89;
	}
	
	.qa .inner .tab li:hover{
		opacity: .8;
	}
	
	.qa .inner .tab li:nth-child(4n){
		margin-right: 0;
	}
	
	.qa .inner .content .midashi{
		font-size: 20px;
		letter-spacing: 2px;
		text-align: center;
		margin-bottom: 50px;
	}
	
	.qa .inner .content .box{
		display: none;
	}
	
	.qa .inner .content .box.active{
		display: block;
	}
	
	.qa .inner .content .box dl{
		margin-bottom: 40px;
	}
	
	.qa .inner .content .box dl dt{
		display: table;
		width: 100%;
		border-bottom: 1px solid #CCCCCC;
		font-size: 15px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	
	.qa .inner .content .box dl dt i{
		display: table-cell;
		padding-right: 15px;
		font-size: 20px;
		vertical-align: top;
		width: 1em;
	}
	
	.qa .inner .content .box dl dt p{
		display: table-cell;
		line-height: 1.4;
	}
	
	.qa .inner .content .box dl dd{
		display: table;
		width: 100%;
	}
	
	.qa .inner .content .box dl dd i{
		display: table-cell;
		padding-right: 15px;
		font-size: 20px;
		vertical-align: top;
		width: 1em;
	}
	
	.qa .inner .content .box dl dd p{
		display: table-cell;
		line-height: 1.7;
	}
	.qa .inner .content .box dl dd p a{
		text-decoration: underline;
	}
}


/*---------------------------------------
 * SP
---------------------------------------*/ 

@media print, screen and (max-width:930px) {
	
	.page-header h2{
		width: 51px;
	}
	
	
	/* qa
	---------------------------------------*/ 
	
	.qa{
		margin-bottom: 50px;
	}
	.qa .inner{
		
		margin: 0 auto ;
		text-align: justify;
	}
	
	.qa .inner .tab{
		font-size: 0;
		margin-bottom: 40px;
		padding: 0 17px;
	}
	.qa .inner .tab li{
		display: inline-block;
		width: 49%;
		margin: 0 0.5% 1% ;
		background: #3E3731;
		text-align: center;
		padding: 15px 0;
		color: #FFFFFF;
		font-size: 12px;
	}
	
	.qa .inner .tab li.select{
		background: #D48C89;
	}
	
	.qa .inner .tab li:hover{
		opacity: .8;
	}
	
	
	.qa .inner .content .midashi{
		font-size: 15px;
		letter-spacing: 2px;
		text-align: center;
		margin-bottom: 40px;
	}
	
	.qa .inner .content .box{
		padding: 0 20px;
		display: none;
	}
	
	.qa .inner .content .box.active{
		display: block;
	}
	
	.qa .inner .content .box dl{
		margin-bottom: 30px;
	}
	
	.qa .inner .content .box dl dt{
		display: table;
		width: 100%;
		border-bottom: 1px solid #CCCCCC;
		font-size: 13px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	
	.qa .inner .content .box dl dt i{
		display: table-cell;
		padding-right: 10px;
		font-size: 18px;
		vertical-align: top;
		width: 1em;
	}
	
	.qa .inner .content .box dl dt p{
		display: table-cell;
		line-height: 1.4;
	}
	
	.qa .inner .content .box dl dd{
		display: table;
		width: 100%;
	}
	
	.qa .inner .content .box dl dd i{
		display: table-cell;
		padding-right: 12px;
		font-size: 18px;
		vertical-align: top;
		width: 1em;
	}
	
	.qa .inner .content .box dl dd p{
		display: table-cell;
		line-height: 1.6;
		font-size: 12px;
	}
	.qa .inner .content .box dl dd p a{
		text-decoration: underline;
	}
	

	
	
}