@charset "utf-8";
/*=== freepage ===*/

/* FAQ */

@media screen and (max-width: 768px) { 
	.naviarea {
	width:100%;
	margin:0 auto;
}
	.subnavi li {}	
	.block_faq { max-width: 480px; }
	.list_faq { /* FAQリスト */
    min-width: 200px;
	}
	
	
}  /*-- end 480px to 768px --*/
	
@media screen and (min-width:768px) and ( max-width:1024px) {
	#faq-contents { 
	width:1024px;
	margin:0 auto;
	}
	br.sp { display: none; }
	.naviarea {
	width:800px;
	margin:0 auto;
}
	.subnavi li {}
	.block_main {max-width: 1024px;}
	.block_faq { max-width: 800px; }
	/* FAQリスト */
	/*.list_faq { 
    max-width: 800px;
	}*/
}  /*-- end 768px to 1024px --*/
	
@media screen and (min-width:800px) {
	#faq-contents { 
		width:1024px ;
	}
	br.sp { display: none; }
	.naviarea {
	width:800px;
	margin:0 auto;
}
	.subnavi li { width:25%;}
	.block_main { max-width: 1024px;}
 	.block_faq {
	max-width: 80%;
	margin:0 auto;}
	
	} /*-- end 1024px over --*/


/*== 共通 ==*/

/* 見出し */

/* h2.fs-c-documentColumn__heading {
	color: #a70303;
    border-color: #a70303;
    border-style: solid;
    border-width: 0 0 1px 5px;
    font-weight: 500;
    font-size: 1.8rem;
    padding: 8px;
    padding-left: 16px;
} */

#faq-contents h3 {
	margin-top: 2.0em ;
	margin-bottom: 0.8em ;
	}
/* width */
	.w25 { width:25%; }
	.w50 { width:50%; }

/* subnavi */	
		
.subnavi { 
	list-style-type: none;	
	display: flex ;
	flex-wrap: wrap;
	align-content:stretch;
	padding:0;
	margin : 0 0.5em 1em ;
	}


/* btn_item */	
.list-border {
	display: block;
	padding: 10px 20px;
	margin-left: 0.5em;
	margin-bottom: 0.5em;
	text-align: center ;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	border-radius: 4px;
	transition: .4s;
}
	
.red {
 border: 1px solid #a70303;
 color: #a70303;
	}

.gry {
 border: 1px solid #666666;
 color: #333;
	}

.list-border:hover {
  background-color:#a70303;
  border-color: #a70303;
  color: #FFF;
}
		

/* FAQ_list */
.list_faq a {
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #000;
}
/* Question */
.list_faq label {
    display: block;
    margin: 0.25em 0;
    padding : 0.5em 2em 0.5em 0.5em;
    color :#000000;
    background: rgba(216,216,216,1.00);
    cursor :pointer;
	
	font-size:1.2em;
	line-height: 1.4em;
	background-image: url(https://image.rakuten.co.jp/i-kappa/cabinet/plus.gif);
	background-size:16px 16px;
    background-repeat: no-repeat;
    background-position: 98% 50%;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

input {
    display: none;
}

.list_faq div { /* anserの外ボックス */
    margin: 0;
    padding: 0;
    background :rgba(248,248,248,1.00);
    list-style: none;
	/* border-bottom: 1px dotted #b2b2b2; */
}
/* Anser */
.list_faq div div { /* anserの内ボックス */
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}

.list_faq div div p { /* anserの内のテキスト */
	margin:0em ;
	padding:1em;
	line-height: 1.6;
	}
	
#q01:checked ~ #ans01 div,
#q02:checked ~ #ans02 div,
#q03:checked ~ #ans03 div,
#q04:checked ~ #ans04 div,
#q05:checked ~ #ans05 div,
#q06:checked ~ #ans06 div,
#q07:checked ~ #ans07 div,
#q08:checked ~ #ans08 div,
#q09:checked ~ #ans09 div,
#q10:checked ~ #ans10 div,
#q11:checked ~ #ans11 div,
#q12:checked ~ #ans12 div,
#q13:checked ~ #ans13 div,
#q14:checked ~ #ans14 div,
#q15:checked ~ #ans15 div,
#q16:checked ~ #ans16 div,
#q17:checked ~ #ans17 div,
#q18:checked ~ #ans18 div,
#q19:checked ~ #ans19 div,
#q20:checked ~ #ans20 div,
#q21:checked ~ #ans21 div,
#q22:checked ~ #ans22 div,
#q23:checked ~ #ans23 div,
#q24:checked ~ #ans24 div,
#q25:checked ~ #ans25 div,
#q26:checked ~ #ans26 div,
#q27:checked ~ #ans27 div,
#q28:checked ~ #ans28 div,
#q29:checked ~ #ans29 div,
#q30:checked ~ #ans30 div,
#q31:checked ~ #ans31 div,
#q32:checked ~ #ans32 div,
#q33:checked ~ #ans33 div {
height: auto;
opacity: 2;
}