#faq .other .headtx{margin-bottom: 5rem;}
#faq .inner{margin-bottom: 12rem;}
#faq .inner:last-of-type{margin-bottom: 0;}
.qabox {width: 100%; margin-bottom: 15px; border: none; border-radius: 10px; box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1); background-color: #fff;}
.qabox summary {display: flex; justify-content: space-between; align-items: center; position: relative; padding: 2rem 3rem 2rem 5rem; font-weight: 600; cursor: pointer;}
.qabox summary::before,.qabox p::before {position: absolute;left: 2rem; font-weight: 600;font-size: 1.8rem;}
.qabox summary::before {color: #75bbff; content: "Q";}
.qabox summary::after {transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; margin-left: 10px; border-bottom: 3px solid #333; border-right: 3px solid #333; content: ''; transition: transform .5s;}
.qabox[open] summary::after {transform: rotate(225deg);}
.qabox p {position: relative; transform: translateY(-10px); opacity: 0; margin: 0; padding: .3em 3em .5em; transition: transform .5s, opacity .5s;}
.qabox p:last-of-type{padding-bottom: 1.5em;}
.qabox[open] p {transform: none; opacity: 1;}
.qabox p:first-of-type::before {color: #ff8d8d; content: "A";}
.qabox p a{text-decoration: underline; color: #25548d;}

@media screen and (max-width: 480px){
#faq .other .headtx{margin-bottom: 0rem;}
#system .section h2 span{font-size: 2rem;}
#system .prbox .inner h3{line-height: 1.6;}
#system .prbox .inner h3 span::before, #system .prbox .inner h3 span::after{width: 10%;}
#system .prbox .inner h3 span::before{margin-right:.5rem;}
#system .prbox .inner h3 span::after{margin-left: .5rem;}
#system .prbox .inner li{padding: 1rem; width: 100%;}

}