#wrap { padding-top: 4.8rem;}
.contents_ul { padding: 1.5rem 1.5rem 7rem;}
.contents_ul li { box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; border-radius: 1.5rem; margin-bottom: 1.5rem;}
.contents_ul li h3 { border: 1px solid transparent;font-size: 1.8rem; line-height: 1.3; font-weight: 600; display: flex; gap: 1rem; padding: 1.5rem; background: #fff;  border-radius: 1.5rem; position: relative; padding-right: 4rem; }
.contents_ul li.on h3 { border-radius: 1.5rem 1.5rem 0 0; border: 1px solid #4eb36f; background: #e9f5ec; color: #4eb36f;}
.contents_ul li h3:before { content:'Q.'; color: #4eb36f;}
.contents_ul li h3:after { content: ''; width: 2rem; height: 2rem; background:url(../img/icon_5.png) no-repeat center / contain; position: absolute; right: 1.5rem; top: 50%; transform: translateY(-50%);}
.contents_ul li.on h3:after { background:url(../img/icon_4.png) no-repeat center / contain; }
.contents_ul li .answer { overflow: hidden; max-height: 0; background: #fff; padding: 0 1.5rem; line-height: 1.3; border-radius: 0 0 1.5rem 1.5rem; font-size: 1.6rem; display: flex; gap: 1rem;}
.contents_ul li.on .answer { max-height: 1000px; padding: 1.5rem;}
.contents_ul li .answer:before { content:'A.'; color: #f95e1b;}