﻿@charset "utf-8";
@media print, screen and (min-width: 800px) {


.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	margin: 0 0 2em 10px;
	padding: 1em 1em 0.5em 1em;
	width:1040px;
}

.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 2.5em;
	border-radius: 0.2em;
	background: #E8E8E1;
	font-weight:bold;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	margin-top:1.2em;
	padding: 0em 1em 1.5em 3.8em;
	line-height:1.5;
	font-size:0.9em;
}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.6em;
	color: #333;
}
.cp_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';

}

.cp_qa dd::before {
	margin: 0em 0.5em 0 -2em;
	padding: 0em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #4CA90B;
	color: #fff;
}
.cp_qa span{
	display:block;
	margin-top:-35px;
}




}

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



.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {

	padding: 1em 1em 0.5em 1em;
	width:93%;

}

.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.5em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #E8E8E1;
	font-weight:bold;
	font-size:1.05em;
	position:relative;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 1em 1em 1.5em 3em;
	line-height:1.5;
	font-size:1.05em;

	position:relative;

}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.6em;
	color: #333;
}
.cp_qa dt::before {
	margin: 0.5em 0.3em 0 -1em;
	content: 'Q';

}

.cp_qa dd::before {
	margin: 3px 0.5em 0 -1.8em;
	padding: 0.1em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #4CA90B;
	color: #fff;
}

.cp_qa span{
	display:block;
	margin-top:-30px;
}


}