body#faq main section .inner h2{text-align:center}body#faq main section .inner .faq-list dt{font-weight:bold;background:#37b2f7;color:#fff;padding:1.5rem 2.5rem 1.5rem 1rem;font-size:120%;cursor:pointer;transition:.3s}body#faq main section .inner .faq-list dt:after{content:"";position:absolute;top:50%;right:1.5rem;transform:translateY(-50%)}body#faq main section .inner .faq-list dt:hover{filter:brightness(1.2)}body#faq main section .inner .faq-list dt.active:after{transform:translateY(-50%) rotateZ(180deg)}body#faq main section .inner .faq-list dd{margin-bottom:1rem;overflow-anchor:none}body#faq main section .inner .faq-list dd div{line-height:1.75;padding:2rem 2rem 2rem 6rem}body#faq main section .inner .faq-list dd div:before{content:"";font-weight:bold;font-size:200%;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%);z-index:0;color:#37b2f7}body#faq main section .inner .faq-list dd div:after{content:"A";color:#fff;font-weight:bold;font-size:110%;position:absolute;top:50%;left:2.4rem;transform:translateY(-50%);z-index:1}@media screen and (max-width: 520px){body#faq main section .inner .faq-list dt{padding:1rem 3rem 1rem 1rem;font-size:110%;line-height:1.5}body#faq main section .inner .faq-list dt:after{right:1.2rem}body#faq main section .inner .faq-list dd{margin-bottom:2rem;overflow-anchor:none}body#faq main section .inner .faq-list dd div{padding:1.5rem}body#faq main section .inner .faq-list dd div:before{content:"A.";color:#37b2f7;font-weight:bold;font-size:120%;position:relative;top:.05em;left:auto;transform:none;margin-right:.8rem}body#faq main section .inner .faq-list dd div:after{display:none}}