@charset "UTF-8";

/*faq*/
.faq_list{background: #f7fae9;background: -webkit-linear-gradient(left,  #f7fae9 0%,#fbf7e5 100%);
    background: linear-gradient(to right,  #f7fae9 0%,#fbf7e5 100%);}
.faq_menu{margin: 0 auto;padding: 20px 0 30px;}
.faq_menu ul{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.faq_menu ul li a{text-align: center;text-decoration: none;display: block;line-height: 59px;color: #596156;
    font-weight: bold;position: relative;    border-style: solid;

    border-image: linear-gradient(272deg, #2ca453 0%, #2ca453 59%, #86c255 100%) 1/0 0 3px 0;
    border-image-slice: 1;font-family: "YuGothic", "Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;
}
.faq_menu ul li a::after{content: "";display: block;width: 7px;height: 7px;position: absolute;right: 10px;top: 50%;
    border-top: 2px solid #333;border-right: 2px solid #333;transform: translateY(-50%)  rotate(135deg);
}

.faq_menu ul li a:hover,.faq_menu ul li a.active{color:#c2a400;font-weight: bold;}
.faq_menu ul li a:hover::after{border-color: #c2a400;}
.faq_menu ul li a.active::after{content: none;}

.faq_list .cont{display: none;background: #fff;}
.faq_list .cont:first-of-type{display: block;}
.faq_list ul li dl{border-bottom: 2px dotted #e4e4e4;padding: 5px 0;}
.faq_list ul li dl dt,.faq_list ul li dl dd{position: relative;padding-left: 60px;
    font-family: "YuGothic", "Hiragino Kaku Gothic ProN","Hiragino Sans",sans-serif;}
.faq_list ul li dl dt{padding-top: 10px;padding-bottom: 8px;color: #596156;}
.faq_list ul li dl i{font-size: 26px;font-family: 'Times New Roman', serif;position: absolute;left: 20px;}
.faq_list ul li dl dt i{top:0;color: #2ca453;}
.faq_list ul li dl dd i{top:10px;color: #c2a400;}
.faq_list ul li dl dt::before,.faq_list ul li dl dt::after{position: absolute;}
.faq_list ul li dl dt::before{content: "";display: block;width: 2px;height: 21px;background: #596156;}
.faq_list ul li dl dt::after{content: "";display: block;width: 20px;height: 2px;background: #596156;}
.faq_list ul li dl dt::before{right: 12px;top: 11px;}
.faq_list ul li dl dt::after{right: 3px;top: 20px;}
.faq_list ul li dl dt.selected::before{transform: rotate(90deg);}
.faq_list ul li dl dt.selected::after{display: none;}
.faq_list ul li dl dd{display: none;padding-top: 20px;padding-bottom: 10px;}

@media screen and (max-width: 360px) {
/*faq*/
.cont_faq .faq_menu ul li{width: 100%;padding: 5px 0;}
.cont_faq .faq_menu ul li a{padding: 6px 15px 6px 5px;}
}

@media screen and (max-width:767px) {
/*faq*/
.faq_menu ul{padding: 5px 10px 15px;}
.faq_menu ul li{width: 50%;padding: 5px 10px;}
.faq_menu ul li a{text-align: left;line-height: 1.5;font-size: 15px;
padding: 10px 15px 10px 5px;border-bottom-width: 2px;
}
.faq_menu ul li a::after{width: 5px;height: 5px;right: 5px;}
.l_main_cont .wrapper{padding-top: 20px;padding-bottom: 50px;}
.faq_list .cont{padding: 10px;}
.faq_list ul li dl dt, .faq_list ul li dl dd{padding-left: 40px;padding-right: 30px;}
.faq_list ul li dl dd{padding-top: 10px;}
.faq_list ul li dl dt i{left: 10px;}
.faq_list ul li dl dd i{font-size: 28px;left: 10px;top: 0;}
.faq_list ul li dl dt::before{width: 2px;height: 19px;right: 12px;top: 11px;}
.faq_list ul li dl dt::after{width: 18px;height: 2px;right: 4px;top: 19px;}
}

@media screen and (min-width:768px) {
/*faq*/
#faq .wrapper{padding-top: 60px;padding-bottom: 100px;}
.faq_list .cont{padding:10px 20px 20px;}
.faq_menu ul{margin: 0 -10px;}
.faq_menu ul li{padding: 10px 10px 20px;}
.faq_list ul li dl i{top: 0;}
.faq_list ul li dl dt:hover{cursor: pointer;}
.faq_list ul li dl dt i{font-size: 30px;}
.faq_list ul li dl dd i{font-size: 34px;}
.faq_menu ul li a{font-size: 20px;}
}

@media screen and (min-width:768px) and (max-width:1080px) {
    .faq_menu{padding-right: 20px;padding-left: 20px;}
    .faq_menu ul li{width: 33.3333%;}
}

@media only screen and (min-width:1081px) {
    .faq_menu{max-width: 980px;}
    .faq_menu ul li{width: 25%;}
}
@media only screen and (min-width:1200px) {
    .faq_menu{max-width: 1200px;}
    .faq_list .cont{padding: 40px 60px 50px;}
}