@charset "UTF-8";
.qa-list{max-width:1100px;margin:0 auto}
.qa-list dt,.qa-list dd{background-color:#fff;border:#D7D7D7 solid 1px;position:relative}
.qa-list dt{padding:15px 30px 15px 50px;font-weight:700;cursor:pointer}@media (min-width: 48em){.qa-list dt{padding:27px 30px 27px 70px}}
.qa-list dt:before{content:"Q";background-color:#b40914;display:flex;justify-content:center;align-items:center;font-family:Arial;font-size:1.8rem;font-weight:700;width:28px;height:28px;color:#fff;border-radius:50%;position:absolute;top:15px;left:10px}@media (min-width: 48em){.qa-list dt:before{font-size:2.1rem;width:35px;height:35px;top:22px;left:25px}}
.qa-list dt:after{content:"";display:inline-block;width:10px;height:10px;border-right:#176375 solid 2px;border-bottom:#176375 solid 2px;transform:rotate(45deg);position:absolute;top:50%;right:15px;margin-top:-6px}@media (min-width: 48em){.qa-list dt:after{right:25px}}
.qa-list dt.active:after{border:none;border-left:#176375 solid 2px;border-top:#176375 solid 2px;margin-top:-3px}
.qa-list dd{border-top:none;border-bottom:none;display:grid;grid-template-rows:0fr;transition:.3s all ease;padding:0 15px 0 10px}@media (min-width: 48em){.qa-list dd{padding:0 25px}}
.qa-list dd.active{border-bottom:#D7D7D7 solid 1px;grid-template-rows:1fr;padding:15px 15px 15px 10px}@media (min-width: 48em){.qa-list dd.active{padding:27px 25px}}
.qa-list dd.active>div{min-height:35px;padding:3px 0 0 40px}@media (min-width: 48em){.qa-list dd.active>div{padding:3px 0 0 48px}}
.qa-list dd>div{overflow:hidden;position:relative;padding:0 0 0 40px}@media (min-width: 48em){.qa-list dd>div{padding:0 0 0 48px}}
.qa-list dd>div:before{content:"A";background-color:gray;display:flex;justify-content:center;align-items:center;font-family:Arial;font-size:1.8rem;font-weight:700;width:28px;height:28px;color:#fff;border-radius:50%;position:absolute;top:0;left:0}@media (min-width: 48em){.qa-list dd>div:before{font-size:2.1rem;width:35px;height:35px}}
.qa-list dd>div a{text-decoration:underline}@media (min-width: 48em){.qa-list dd>div a{transition:color .3s}}@media (min-width: 48em){.qa-list dd>div a:hover{color:var(--c-primary)}}
.qa-list dd+dt{margin-top:15px}@media (min-width: 48em){.qa-list dd+dt{margin-top:20px}}
