/*====================
 - 1280px～：大型PC
 - 960px～1279px：小型PC
 - 600px～959px：タブレット
 - 480px～599px：SP横
 - ～479px：SP縦
====================*/

@charset "UTF-8";
@import "reset.css";
@import "style.css";
body { font-weight: normal; }
a {text-decoration:none;}
.mT20 {margin-top: 20px; float: left; clear: both; }
.mT40 {margin: 40px 0 20px; }
.mT50 {margin-top: 50px; }
.mT100 {margin-top: 100px; }
.btn { margin: 20px 25%; width: 50%; text-align: center; color: #FFF; float: left; clear: both; border-radius: 10px; background: #CC0000; }
.btn a{ color: #FFF; padding: 10px; text-align: center; display: block; }

.cp_qa { width: 90%; margin: 0 5%; }

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'Font Awesome 5 Free', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa dt,.cp_qa dd {
	position: relative;
	padding: 0.5em;
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	border-radius: 0.3em;
}
.cp_qa dt {
	margin: 0 3em 1em 3em;
	background: #F3DEE6;
 font-size: 1rem;
 line-height: 1.5rem;

}
.cp_qa dd {
	margin: 0 3em 3em 3em;
	background: #b2ebf2;
 font-size: 0.875rem;
 line-height: 1.25rem;
 font-weight: normal;
}
/* 吹き出し?? */
.cp_qa dt::before,.cp_qa dd::before{
	position: absolute;
	z-index: 99;
	top: 0.5em;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-style: solid;
}
/* 質問吹き出し?? */
.cp_qa dt::before {
	left: -0.5em;
	border-width: 5px 8.7px 5px 0;
	border-color: transparent #ffe0b2 transparent transparent;
}
/* 答え吹き出し?? */
.cp_qa dd::before {
	right: -0.5em;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #b2ebf2;
}
/* ?!アイコン */
.cp_qa dt::after,.cp_qa dd::after {
	font-size: 1.2em;
	position: absolute;
	top: 0;
	color: #ffffff;
	border-radius: 50%;
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.2em;
}
/* ?アイコン */
.cp_qa dt::after {
	left: -2.5em;
	margin: 0 0.5em 0 0;
	padding: 0.2em 0.4em;
	content: '\f128';
	background: #CC0000;
}
/* !アイコン */
.cp_qa dd::after {
	right: -2.5em;
	margin: 0 0 0 0.5em;
	padding: 0.2em 0.3em;
	content: '\f007';
	background: #0097a7;
}

/* ------------------------------ */
/* 1280px～：大型PC
/* ------------------------------ */
@media screen and (min-width:1280px) {


}



/* ------------------------------ */
/* 960px～1279px：小型PC
/* ------------------------------ */
@media screen and (min-width:960px) and (max-width:1279px) {

}




/* ------------------------------ */
/* 600px～959px：タブレット
/* ------------------------------ */
@media screen and (min-width:600px) and (max-width:959px) {

}


/* ------------------------------ */
/* 480px～599px：SP横
/* ------------------------------ */
@media screen and (min-width:480px) and (max-width:599px) { 

}



/* ------------------------------ */
/* ～479px：SP縦
/* ------------------------------ */
@media screen and (max-width:479px) {

}