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



img, object, embed, video {
	max-width: 100%;
}




/*PC*/
@media print, screen and (min-width: 769px) {
.hedimg {
		background: url(../images/category/faq/hed_bg.jpg);
		opacity: 1;
		top: 0;
		z-index: 100;
	height: 500px;
	background-size: cover;
	
	}
	
 #acMenu dl {
	width:100%;
	margin:auto;
}

#acMenu dt {
    display:block;
    width:90%;
    cursor:pointer;
    background:url(../images/category/faq/i_swich.png)98% -80px no-repeat;
    padding:0.5% 1%;
	color:#000;
	margin-bottom:15px;
	font-size:1em;
}

#acMenu dt:before {
	content:"Q";
}

#acMenu dd{
    width:90%;
    display:none;
	padding:0.5% 0%;
	margin:0 auto 20px;
	font-size:1em;
}

#acMenu dd:before {
	content:"A";
	color:#fff;
}

#acMenu dt.active{
    width:90%;
    cursor:pointer;
    background:url(../images/category/faq/i_swich.png) 98% 15px no-repeat;
	padding:0.5% 1%;
	color:#000;
}	
	
	
	
	
	
	
	
	
	
	
	

dl {
	width: auto;
	margin: auto auto 60px;
}

dl dt:before {
	content:"Q";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	background: #0073d4;
	color: #FFF;
	display: inline-block;
	line-height: 25px;
	font-weight: bold;
	margin: 0 15px 0 -40px;
}

dl dd:before {
	content:"A";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	background: #ff8400;
	color: #FFF;
	display: inline-block;
	line-height: 25px;
	font-weight: bold;
	margin: 0 15px 0 -50px;
}

dl dt {
	margin: 5px 0 5px 40px;
	border-bottom: dotted 1px  #EEEEEE;
	}

dl dd {
	margin: 5px 0 20px 40px;
}





}




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


/*sp*/
@media only screen and (max-width: 768px) {
	.hedimg {
		background: url(../images/category/faq/hed_bg.jpg);
	opacity: 1;
top: 0;
		width: 80%;
		margin-left: 20%;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-size: 140% auto;
		min-height: 250px;
		background-size: cover;
		position: relative;
		z-index: 3;
		box-sizing: border-box;
	}

	
	
	

 #acMenu dl {
	width:100%;
	margin:auto;
}

#acMenu dt {
    display:block;
    width:90%;
    cursor:pointer;
    background:url(../images/category/faq/i_swich.png)98% -80px no-repeat;
    padding:0.5% 1%;
	color:#000;
	margin-bottom:15px;
	font-size:1em;
}

#acMenu dt:before {
	content:"Q";
}

#acMenu dd{
    width:78%;
    display:none;
	padding:0.5% 0%;
	margin:0 auto 20px;
	font-size:1em;
}

#acMenu dd:before {
	content:"A";
	color:#fff;
}

#acMenu dt.active{
    width:90%;
    cursor:pointer;
    background:url(../images/category/faq/i_swich.png) 98% 15px no-repeat;
	padding:0.5% 1%;
	color:#000;
}	
		
	
	
	
	
	
	
	
	
	
	
	
	
dl {
	width: 96%;
	margin: auto auto 60px;
}

dl dt:before {
	content:"Q";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	background: #0073d4;
	color: #FFF;
	display: inline-block;
	line-height: 25px;
	font-weight: bold;
	margin: 0 15px 0 -40px;
}

dl dd:before {
	content:"A";
	width: 25px;
	height: 25px;
	border-radius: 50%;
	text-align: center;
	background: #ff8400;
	color: #FFF;
	display: inline-block;
	line-height: 25px;
	font-weight: bold;
	margin: 0 20px 0 -50px;
}

dl dt {
	margin: 5px 0 5px 40px;
	border-bottom: dotted 1px #EEEEEE;
	}

dl dd {
	margin: 5px 0 20px 40px;
	text-align: left;
}



}