@charset "UTF-8";

.list-faq-page{display: table; width: 100%; box-sizing: border-box; border-bottom: 1px solid #3ea3db;}
.list-faq-page dt:before ,.list-faq-page dd:before{display:block; border-radius:50%; text-align:center; color:#FFF; font-weight:bold; z-index: 2; position: absolute;}
.list-faq-page span{display: table-cell; vertical-align: middle; }
.list-faq-page dt{position:relative;  font-weight:bold; padding:15px 10px 5px 50px; }
.list-faq-page dt span{vertical-align: middle;}
.list-faq-page dt:before{content:"Q"; background:#ffe64c; color:#2b7198; vertical-align: middle;}
.list-faq-page dd{position:relative;  padding:15px 10px 15px 50px; margin:1px 0px; }
.list-faq-page dd:before{content:"A";  background:#009de5; border-radius:50%;}
@media (max-width: 768px) {
.list-faq-page{padding: 0 0 15px 0; margin:0 0 20px;}
.list-faq-page dt:before{width:21px; height:21px; font-size:12px; line-height:19px; top:0; left:0;}
.list-faq-page dd:before{width:21px; height:21px; font-size:12px; line-height:19px; top:0; left:0;}
.list-faq-page dt{padding: 0 0 20px 30px; font-size:12px;}
.list-faq-page dd{padding: 0 0 0 30px; font-size:12px; line-height:15px;}
}
@media (min-width: 769px) {
.list-faq-page{padding: 0 0 30px 0; margin:0 0 40px;}
.list-faq-page dt:before{width:42px; height:42px; font-size:24px; line-height:38px; top:0; left:0;}
.list-faq-page dd:before{width:42px; height:42px; font-size:24px; line-height:38px; top:0; left:0;}
.list-faq-page dt{padding: 0 0 20px 60px; font-size:24px;}
.list-faq-page dd{padding: 0 0 0 60px; font-size:16px; line-height:30px;}
}