@media screen and (max-width: 768px){
.cp_st{
	width: 92%;
	height:auto;
	margin: 0 auto 20px auto;
}
.cp_st2{
	margin-top:-20px;
}
.cp_st3{
	width: 86%;
	height:auto;
	margin: 0 auto 40px auto;
}
.cp_st *, .cp_st *:after, .cp_st *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_st .cp_sttab, .cp_st3 .cp_sttab{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
}
.cp_st .cp_sttab input, .cp_st3 .cp_sttab input{
	position: absolute;
	opacity: 0;
}
.cp_st .cp_sttab label{
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 4%;
	cursor: pointer;
	background:#e4e3e5;
}
.cp_st3 .cp_sttab label{
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 4%;
	cursor: pointer;
	background:#fff;
}
.cp_st .cp_sttab label:hover, .cp_st3 .cp_sttab label:hover{
	transition: all 0.3s;
}
/*＋アイコン */
.cp_st .cp_sttab label::after, .cp_st3 .cp_sttab label::after{
	font-size: 1.7em;color:#a2a2a2;
	font-weight: bold;
	line-height: 2.1em;
	position: absolute;
	top: 0;
	right:0.5em;
	content: '＋';
	display: inline-block;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_st .cp_sttab .cp_sttab-content, .cp_st3 .cp_sttab .cp_sttab-content{
	position: relative;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
}
.cp_st .cp_sttab .cp_sttab-content p, .cp_st3 .cp_sttab .cp_sttab-content p{
	font-size:0.9em;
}
.cp_st3 .cp_sttab .cp_sttab-content p{
	margin:0px auto;
	width:92%;
	line-height: 1.6em;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_st .cp_sttab input:checked ~ .cp_sttab-content{
	max-height: 40em;
	background:#f5f5f5;
}
.cp_st3 .cp_sttab input:checked ~ .cp_sttab-content {
	max-height: 40em;
	background:#fff;
}
/* 質問をクリックした時の+の動き */
.cp_st .cp_sttab input[type=checkbox]:checked + label::after, .cp_st3 .cp_sttab input[type=checkbox]:checked + label::after{
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/*よくある質問ここから*/
.cp_qa{
	width: 100%;
	height:auto;
	margin:20px 0;
}
.cp_qa2{
	margin-top:-20px;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab, .cp_qa .cp_actab3{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
}
.cp_qa .cp_actab input, .cp_qa .cp_actab3 input {
	position: absolute;
	opacity: 0;
}
.cp_qa .cp_actab label{
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 0.8em 2.4em 0.8em 3em;
	cursor: pointer;
	text-indent: 0.5em;
	background:#e4e3e5;
}
.cp_qa .cp_actab3 label{
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 3em 1em 1em;
	cursor: pointer;
	text-indent: 0.5em;
	border: solid 1px #389678;
}
.cp_qa .cp_actab label::before {
	font-size: 1.3em;color:#a2a2a2;
	margin-left: -1.8em;
	padding-right: 0.3em;
	content: 'Q.';
}
.cp_qa .cp_actab label:hover, .cp_qa .cp_actab3 label:hover{
	transition: all 0.3s;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after, .cp_qa .cp_actab3 label::after{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0.2em;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 1.8em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.a-txt{
	display:block;
	padding:10px 0 10px 24px;
	border-bottom:dotted 2px #a2a2a2;
	text-align:justify;
	font-size:0.9em;
	line-height:1.6em;
}
.a-txt:last-child{
		border:none;
}
.q-txt::before{
	font-size:1.8em;color: #389678;
    font-family: "Aldrich";
	font-weight:bold;
	padding-right: 0.2em;
	content: 'Q.';
	margin-left:-24px;
}
.a-txt::before{
	font-size: 1.1em;color: #389678;
	font-weight:bold;
	padding-right: 0.4em;
	content: 'A.';
	margin-left:-20px;
	font-family: "Aldrich";
}
.q-txt{
	display:block;
	padding:0 0 0px 20px;
	font-size:0.9em;
	font-weight:bold;
}
.cp_qa .cp_actab .cp_actab-content{
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
}
.cp_qa .cp_actab3 .cp_actab-content{
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 1.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.3em;color:#a2a2a2;
	position: absolute;
	margin: 0.7em 0 0 -1em;
	padding-right: 0.8em;
	content: 'A.';
	font-weight:bold;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1.1em 1.5em 1.1em 0.5em;
	line-height: 1.8em;
	font-size:0.9em;
	text-align:justify;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content, .cp_qa .cp_actab3 input:checked ~ .cp_actab-content{
	max-height: 200em;
	border-left:solid 1px #389678;
	border-right:solid 1px #389678;
	border-bottom:solid 1px #389678;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {

}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after, .cp_qa .cp_actab3 input[type=checkbox]:checked + label::after{
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
}
@media screen and (min-width: 769px){
/*よくある質問ここから*/
.cp_qa{
	width: 640px;
	height:auto;
	margin:20px auto 40px auto;
	overflow:hidden;
}
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab, .cp_qa .cp_actab3{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1.5em 0;
}
.cp_qa .cp_actab input, .cp_qa .cp_actab3 input{
	position: absolute;
	opacity: 0;
}
.cp_st{
	width: 92%;
	height:auto;
	margin: 0 auto 20px auto;
}
.cp_st2{
	margin-top:-20px;
}
.cp_st3{
	width: 100%;
	height:auto;
	margin:-10px auto 60px auto;
}
.cp_st *, .cp_st *:after, .cp_st *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_st .cp_sttab ,.cp_st3 .cp_sttab{
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
}
.cp_st .cp_sttab input, .cp_st3 .cp_sttab input{
	position: absolute;
	opacity: 0;
}

.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	background:#e4e3e5;
	font-size: 1.1em;
}
.cp_qa .cp_actab3 label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2em 1em 1em;
	cursor: pointer;
	text-indent: 1em;
	border:solid 1px #389678;
	font-size: 1.1em;
}
.cp_qa .cp_actab label::before {
	font-size: 1.3em;color:#a2a2a2;
	font-weight:bold;
	padding-right: 0.5em;
	content: 'Q.';
	margin-left:-30px;
}
.cp_qa .cp_actab label:hover, .cp_qa .cp_actab3 label:hover{
	transition: all 0.3s;
}
.faq-s{
	margin:-40px auto 40px auto;
}
.cp_st .cp_sttab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 20px;
	cursor: pointer;
	background:#e4e3e5;
}
.cp_st3 .cp_sttab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 20px 20px 20px 28px;
	cursor: pointer;
	background:#fff;
}
.cp_st .cp_sttab label:hover, .cp_st3 .cp_sttab label:hover{
	transition: all 0.3s;
}
/*＋アイコン */
.cp_st .cp_sttab label::after, .cp_st3 .cp_sttab label::after{
	font-size: 1.7em;color:#a2a2a2;
	font-weight: bold;
    	line-height: 2.5em;
    	position: absolute;
    	top: 0;
    	right: 1em;
	content: '＋';
	display: inline-block;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_st .cp_sttab .cp_sttab-content, .cp_st3 .cp_sttab .cp_sttab-content{
	position: relative;
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
}
.cp_st3 .cp_sttab .cp_sttab-content p{
	width:92%;
	margin:0 auto;
	font-size: 0.9em;
	line-height: 1.6em;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_st .cp_sttab input:checked ~ .cp_sttab-content{
	max-height: 40em;
	background:#f5f5f5;
}
.cp_st3 .cp_sttab input:checked ~ .cp_sttab-content{
	max-height: 40em;
	background:#fff;
}
/* 質問をクリックした時の+の動き */
.cp_st .cp_sttab input[type=checkbox]:checked + label::after, .cp_st3 .cp_sttab input[type=checkbox]:checked + label::after{
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after, .cp_qa .cp_actab3 label::after{
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0.2em;
	right: 0;
	content: '＋';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.a-txt{
	display:block;
	padding:6px 0 10px 32px;
	border-bottom:dotted 2px #a2a2a2;
	text-align:justify;
	font-size:0.9em;
	line-height:2.0em;
}
.a-txt:last-child{
		border:none;
}
.q-txt{
	display:block;
	padding:4px 0 4px 20px;
	font-size:1.0em;
}
.q-txt::before{
	font-size: 1.4em;color: #389678;
    font-family: "Aldrich";
	font-weight:bold;
	padding-right: 0.5em;
	content: 'Q.';
	margin-left:-30px;
}
.a-txt::before{
	font-size: 1.3em;color:#389678;
	font-weight:bold;
	padding-right: 0.5em;
	content: 'A.';
	margin-left:-30px;
}
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.8em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
}
.cp_qa .cp_actab3 .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 2em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.3em;color:#a2a2a2;
	position: absolute;
	margin: 0.8em 0em 0 -0.6em;
	padding: 0;
	content: 'A.';
	font-weight:bold;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1.1em 2.0em 1em 1.5em;
	line-height:2.0em;
}
.cp_qa .cp_actab3 .cp_actab-content p {
	margin: 0.5em 0em;
}
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content, .cp_qa .cp_actab3 input:checked ~ .cp_actab-content{
	max-height: 200em;
	border-right:solid 1px #389678;
	border-left:solid 1px #389678;
	border-bottom:solid 1px #389678;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after, .cp_qa .cp_actab3 input[type=checkbox]:checked + label::after{
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
}