.con_intro:after { content: ""; display: table; clear: both; }

.con_intro { padding-bottom: 35px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_intro { padding-bottom: 30px; } }
@media only screen and (max-width: 767px) { .con_intro { padding-bottom: 1em; } }
.con_intro .txt { text-align: center; line-height: 2.5; padding: 0 0 30px; font-size: 93%; letter-spacing: .15em; }
@media only screen and (max-width: 767px) { .con_intro .txt { padding: 0 2% 1em; } }
@media only screen and (max-width: 767px) { .con_intro .txt { text-align: left; } }
@media only screen and (min-width: 768px) { .con_intro .con_lnk ul li { width: 15.08%; margin: 0 0.52083% 10px; } }
@media print { .con_intro .con_lnk ul li { width: 15.08%; margin: 0 0.52083% 10px; } }
.ie8 .con_intro .con_lnk ul li { width: 15.08%; margin: 0 0.52083% 10px; }
@media only screen and (max-width: 767px) { .con_intro .con_lnk ul li { width: 48%; margin: 0 0.52083% 2em; } }

.con_faq { margin-bottom: 100px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq { margin-bottom: 50px; } }
@media only screen and (max-width: 767px) { .con_faq { margin-bottom: 30px; } }
.con_faq .box_faq { margin: 3em 0; letter-spacing: 3px; }
@media only screen and (max-width: 767px) { .con_faq .box_faq { margin: 2em 0; } }
.con_faq .box_faq:last-child { margin-bottom: 0; }
.con_faq .box_faq .title { font-size: 129%; background: #f5f2ee; text-align: center; font-weight: normal; padding: 1.2em; letter-spacing: 1em; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq .box_faq .title { font-size: 129%; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .title { font-size: 108%; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .title { padding: 1em; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .title { letter-spacing: 0.4em; } }
.con_faq .box_faq .box_list { margin-top: 2em; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list { margin-top: 1em; } }
.con_faq .box_faq .box_list li { border-bottom: 1px solid #e1e1e1; padding: 3em 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq .box_faq .box_list li { padding: 2em 0; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li { padding: 1em 0; } }
.con_faq .box_faq .box_list li p { padding-left: 3em; position: relative; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p { padding-left: 2.5em; } }
.con_faq .box_faq .box_list li p::before { position: absolute; left: 0; top: -0.5em; font-family: 'EB Garamond', serif; display: block; font-size: 243%; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p::before { top: -0.4em; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq .box_faq .box_list li p::before { font-size: 229%; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p::before { font-size: 143%; } }
.con_faq .box_faq .box_list li p.txt_question { font-size: 108%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq .box_faq .box_list li p.txt_question { font-size: 108%; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_question { font-size: 86%; } }
.con_faq .box_faq .box_list li p.txt_question::before { content: "Q"; }
.con_faq .box_faq .box_list li p.txt_answer { margin: 2em 0 0 2em; font-size: 93%; line-height: 2; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_answer { margin: 1em 0 0 1em; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_faq .box_faq .box_list li p.txt_answer { font-size: 93%; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_answer { font-size: 79%; } }
.con_faq .box_faq .box_list li p.txt_answer::before { content: "A"; }
.con_faq .box_faq .box_list li p.txt_answer .btn a { margin: 2em 0 0; }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_answer .btn a { margin: 1em 0 0; } }
@media only screen and (max-width: 767px) { .con_faq .box_faq .box_list li p.txt_question { position: relative; padding-right: 2.5em; }
  .con_faq .box_faq .box_list li p.txt_question::after { content: "\f107"; font-family: FontAwesome; position: absolute; top: 0; right: 0.3em; line-height: 1; font-size: 158%; }
  .con_faq .box_faq .box_list li p.active::after { content: "\f106"; }
  .con_faq .box_faq .box_list li p.txt_answer { display: none; } }