@charset "utf-8";

#bo_cate {padding-bottom: 20px; border-bottom: 1px solid #000}
#bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_cate ul {zoom:1}
#bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo_cate li {display:inline-block; margin-right: 20px}
#bo_cate a {font-size: 22px; color:#ccc}
#bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {color: #000;}
#bo_cate #bo_cate_on {z-index:2; color: #000; font-weight: 700;}

#faq_wrap {}
#faq_wrap h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.faq_admin {text-align:right}
#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid #ececec;background:#fff;position:relative}
#faq_wrap li a {display: block; padding: 25px 0; line-height: 1.5; font-size: 1.25em}
#faq_wrap li:first-child {border-top:1px solid #ececec}
#faq_wrap li:last-child {border-color: #000}
#faq_wrap li h3 {position:relative; min-height:50px;line-height:30px;padding:0 20px;padding-left:40px;position:relative}
#faq_wrap li h3:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	transform: rotate(45deg);
	box-sizing: content-box;
	width: 8px;
	height: 8px;
	margin-top: -8px;
	border-right: 2px solid rgb(0, 0, 0);
	border-bottom: 2px solid rgb(0, 0, 0);
}
#faq_wrap li h3.faq_li_open:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	box-sizing: content-box;
	width: 8px;
	height: 8px;
	border-right: 2px solid var(--main-blue);
	border-bottom: 2px solid var(--main-blue);
	transform: rotate(225deg);
	margin-top: -3px;
	border-top-color: var(--main-blue);
	border-left-color: var(--main-blue);
}
#faq_wrap li h3 .tit_btn {position:absolute;right:20px;top:27px;border:0;width:24px;height:24px;background:#fff url('/theme/onyou/img/common/down-arrow.svg') no-repeat center center; background-size: 20px; display: none}
#faq_con .con_inner .closer_btn {position:absolute;right:20px;top:27px;border:0;width:24px;height:24px;background:#fff url('/theme/onyou/img/common/up-arrow.svg') no-repeat center center; background-size: 20px; display: none}


#faq_wrap li h3 .tit_bg {display:inline-block;position:absolute;top:25px;left:5px;text-align:center;color:#000;font-size:1.3em}
#faq_wrap li h3.faq_li_open a,
#faq_wrap li h3.faq_li_open .tit_bg {color:#6c8cc7}

#faq_con .con_inner {display:none;padding:0 40px 25px 40px; line-height: 1.5; color:#5d5d5d}
#faq_con .con_inner .tit_bg {display:inline-block;position:absolute;top:10px;left:10px;text-align:center;background:#777;color:#fff;border-radius:50%;width:30px;line-height:30px;height:30px}

#faq_sch {margin:0 0 50px}
#faq_sch form {display: flex; align-items: center;}
#faq_sch .sch_tit {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#faq_sch .frm_input { max-width:300px;height:50px;border-radius:0;border-radius:5px; background: var(--main-light)}
#faq_sch .btn_submit {padding:0 10px;height:50px;width:100px;font-size:1em;font-weight:bold;color:#fff;background:#000; border-radius: 5px; margin-left: 5px; flex-shrink: 0}

