/* BASE */
.border_color {border-color: lightgray;}
.accordion > li {border-bottom-width: 1px;border-bottom-style: solid;}
.accordion > li:first-child {border-top-width: 1px;border-top-style: solid;}
.accordion .accordion-head {position:relative;padding-top:1em;padding-bottom:1em;cursor:pointer;}
.accordion .accordion-content {display:none;padding-top:1em; padding-bottom:2em;}
/* BASE */

.faqs.ref02 .wrapper-page{padding-top: 0;padding-bottom: 0;}
.faqs.ref02 figure img {display: block; width: 100%;}
.faqs.ref02 .accordion-faqs{list-style: none;margin: 0;}
.faqs.ref02 .accordion-faqs + .accordion-faqs > li:first-child{border-top: 0;}
.faqs.ref02 .accordion-faqs > li > .accordion-head{padding-left: 15px; padding-right: 50px;}
.faqs.ref02 .accordion-faqs > li > .accordion-head::after{content: '';position: absolute;top: calc(50% - 5px);right: 18px;width: 10px;height: 10px;background: url('/sysimages/icon-accordion.png') left top/10px no-repeat;}
.faqs.ref02 .accordion-faqs > li.active > div::after{background-position: left bottom;}
.faqs.ref02 .accordion-faqs > li .accordion-content{padding: 15px 20px 30px 15px;}

@media screen and (max-width: 767px){
   .faqs.ref02 .accordion-faqs > li > .accordion-head{padding: 10px 26px 10px 10px;}
   .faqs.ref02 .accordion-faqs > li > .accordion-head::after{right: 10px;}
   .faqs.ref02 .accordion-faqs > li .accordion-content{padding: 0 20px 10px 10px;}
}