.con-faq .page-link, .con-faq .box-faq-list .box-faq { max-width: 1280px; margin-left: auto; margin-right: auto; width: calc(100% - 40px); }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-faq .page-link, .con-faq .box-faq-list .box-faq { max-width: none; width: 94%; } }
@media only screen and (max-width: 767px) { .con-faq .page-link, .con-faq .box-faq-list .box-faq { max-width: none; width: 89.7%; } }

/*Animate */
/* ----------------------------------------------------------- .con-faq
----------------------------------------------------------- */
.con-faq { background-color: #F8F8F8; padding: 100px 0 200px; }
@media only screen and (max-width: 767px) { .con-faq { padding: 40px 0 80px; } }
.con-faq .page-link { margin-bottom: 100px; }
@media only screen and (max-width: 767px) { .con-faq .page-link { margin-bottom: 60px; } }
.con-faq .page-link ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
@media only screen and (max-width: 767px) { .con-faq .page-link ul { -webkit-justify-content: space-between; justify-content: space-between; } }
.con-faq .page-link ul li { position: relative; }
@media only screen and (max-width: 767px) { .con-faq .page-link ul li { width: 47.1%; border-bottom: 1px solid rgba(51, 51, 51, 0.15); }
  .con-faq .page-link ul li:nth-child(n+3) a { padding-top: 10px; } }
.con-faq .page-link ul li:first-child { padding-right: 25px; }
@media only screen and (max-width: 767px) { .con-faq .page-link ul li:first-child { padding-right: 0; } }
.con-faq .page-link ul li:not(:first-child) { padding-left: 25px; padding-right: 25px; }
@media only screen and (max-width: 767px) { .con-faq .page-link ul li:not(:first-child) { padding-left: 0; padding-right: 0; } }
.con-faq .page-link ul li:not(:first-child):before { content: ""; background-color: rgba(51, 51, 51, 0.25); width: 1px; height: 12px; position: absolute; top: calc(50% - 8px); left: 0; }
@media only screen and (max-width: 767px) { .con-faq .page-link ul li:not(:first-child):before { display: none; } }
.con-faq .page-link ul li a { font-weight: bold; }
@media only screen and (max-width: 767px) { .con-faq .page-link ul li a { display: inline-block; padding-bottom: 10px; } }
.con-faq .box-faq-list { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 150px 0; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list { gap: 80px 0; } }
.con-faq .box-faq-list .box-faq .title-basic { margin-bottom: 50px; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .title-basic { margin-bottom: 30px; } }
.con-faq .box-faq-list .box-faq .faq-list { display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; gap: 20px 0; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .faq-list { gap: 10px 0; } }
.con-faq .box-faq-list .box-faq .faq-list .item { background-color: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
.con-faq .box-faq-list .box-faq .faq-list .item .question { position: relative; padding: 40px; padding-left: calc(70px + 1em); font-weight: bold; cursor: pointer; line-height: 1.714; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .faq-list .item .question { padding: 20px 13% 20px calc(27px + 1em); } }
.con-faq .box-faq-list .box-faq .faq-list .item .question span { font-family: "Lato", sans-serif; font-size: 2rem; line-height: 1; font-weight: bold; position: absolute; top: 42px; left: 40px; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .faq-list .item .question span { font-size: 1.6rem; top: 22px; left: 20px; } }
.con-faq .box-faq-list .box-faq .faq-list .item .question:before, .con-faq .box-faq-list .box-faq .faq-list .item .question:after { content: ""; background-color: #333; height: 1px; width: 18px; position: absolute; top: 49px; right: 49px; display: block; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .faq-list .item .question:before, .con-faq .box-faq-list .box-faq .faq-list .item .question:after { top: 33px; right: 18px; } }
.con-faq .box-faq-list .box-faq .faq-list .item .question:before { transform: rotate(90deg); }
.con-faq .box-faq-list .box-faq .faq-list .item .question.active:before { display: none; }
.con-faq .box-faq-list .box-faq .faq-list .item .answer { position: relative; padding: 0 40px 40px; margin-top: -10px; padding-left: calc(70px + 1em); display: none; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .faq-list .item .answer { padding: 0 13% 20px calc(27px + 1em); } }
.con-faq .box-faq-list .box-faq .faq-list .item .answer:before { content: "A"; font-family: "Lato", sans-serif; font-size: 2rem; line-height: 1; font-weight: bold; position: absolute; top: 0; left: 40px; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .faq-list .item .answer:before { font-size: 1.6rem; top: 4px; left: 20px; } }
.con-faq .box-faq-list .box-faq .faq-list .item .answer a { color: #E13F03; text-decoration: underline; }
.con-faq .box-faq-list .box-faq .faq-list .item .answer a[target="_blank"] { position: relative; margin-right: 4px; }
.con-faq .box-faq-list .box-faq .faq-list .item .answer a[target="_blank"]:after { content: "\e902"; font-family: "icomoon" !important; font-size: 1rem; transform: scale(0.8); display: inline-block; margin-left: 3px; position: relative; top: -1px; }
.con-faq .box-faq-list .box-faq .faq-list .item .answer .img { margin-top: 30px; }
@media only screen and (max-width: 767px) { .con-faq .box-faq-list .box-faq .faq-list .item .answer .img { margin-top: 17px; } }
.con-faq .box-faq-list .box-faq .faq-list .item .answer .img img { -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
