@charset "utf-8";

#faq_wrap {margin:0 0 50px}
.faq_admin {display: inline-block; display:flex; justify-content: flex-end; }
.faq_admin .admin {;border:1px solid var(--ccc); padding:.5rem 1rem;}

#faq_wrap ol {margin:0;padding:0;list-style:none}
#faq_wrap li {border-bottom:1px solid var(--eee);background:var(--white);position:relative}
#faq_wrap li:first-child {border-top:2px solid var(--333);}
#faq_wrap li h3 {padding:0 2rem; position:relative; display:flex;align-items: center; height: 8rem; }
#faq_wrap li h3 a {display: flex; width: calc(100% - 6rem); height: 100%; align-items: center;  margin-left: 2rem;}
#faq_wrap li h3 .tit_btn {position:absolute;right:20px;top:30px;width:20px; height:20px; border:0;background:#fff;color:var(--555);font-size:1.2em}
#faq_wrap li h3 .tit_bg {display:inline-block;text-align:center;color:var(--333); width: 5rem; height: 5rem; border-radius: 100%; border: 2px solid currentcolor; position: relative;}
#faq_wrap li h3 .tit_bg::before {content:'Q'; font-size:1.1em;font-weight: 800;color:currentcolor; position: absolute;left:50%; top:50%;transform:translate(-50%, -50%);}
#faq_wrap li h3 p {text-indent: 0 !important; font-size: 2rem; font-weight:800;}

#faq_con .con_inner {display:flex;position: relative;  font-weight: 300;background-color: var(--main-color3); color:var(--333); border-top: 1px dashed #eee;padding: 3rem 2rem; }
#faq_con .con_inner .tit_bg {display:inline-block;position:relative;top:0%; text-align:center;color:var(--main-color1);width: 5rem; height: 5rem; border-radius:100%; border:2px solid currentcolor;}
#faq_con .con_inner .tit_bg::before {content:'A'; font-size:1.1em; font-weight: 800;color:currentcolor;   position: absolute;left:50%; top:50%;transform:translate(-50%, -50%);}
#faq_con .con_inner .cont {width: calc(100% - 6rem); margin-left: 2rem;}
#faq_con .con_inner .cont p {line-height: 130%; margin-bottom: .5rem;}
#faq_con .con_inner .closer_btn {position:absolute;right:20px; top: -51px; border:0;width:20px;height:20px;background:#fff;color:var(--main-color1);font-size:1.2em}
#faq_con .con_inner span {}
#faq_con .con_inner p {text-indent: 0 !important;  }


@media screen and (max-width:600px) { 
	#faq_wrap li h3 p {font-size: 1.12em;}
	#faq_wrap li h3 .tit_bg {width: 4rem; height: 4rem;}
	#faq_con .con_inner .tit_bg {width: 4rem; height: 4rem;}
}