@charset "Shift_JIS";


.red {color:#C00; font-weight:bold;}
.frame {text-align:left; border:1px solid #ccc; padding:10px; margin:20px 0 20px 20px;}
.framered {text-align:left; border:1px solid #c00; padding:10px; margin:20px 0 20px 20px;}
.faq_head {line-height: 1.8; color: #FFFFFF; background-color:#353D5B; padding:13px 13px; margin-top:30px; font-weight:bold;}
.faq_menu {position:relative; overflow:hidden; width:100%; margin:0 auto; color:#333;}
.faq_menu input {position:absolute; z-index:-1; opacity:0;}
.faq_menu label {font-weight:bold; line-height:3; position:relative; display:block; padding: 0 30px 0 20px; cursor:pointer; margin: 0 0 1px 0; background:#F0F0F0;}
.faq_menu .faq_content {overflow:hidden; max-height:0; transition:max-height 0.3s; color:#333333;}
.faq_menu .faq_content p {margin:20px;}
.faq_menu input:checked ~ .faq_content {max-height: 200em;}
.faq_menu label::after {line-height:3;	position:absolute;	top:0;	right:0; display:block; width:3em; height:3em; transition: all 0.1s; text-align: center;}
.faq_menu input[type=checkbox] + label::after {	content: 'Бе';}
.faq_menu input[type=checkbox]:checked + label::after {	transform: rotate(180deg);}