.select_area { display: none; }
.select_area.active { display: block; }

.menu_tab_area { padding: 5rem 0; background-color: #eff4f0; }

.menu_tab_list { filter: drop-shadow(0 2px 2px #dfdfdf); display: flex; }
.menu_tab_list li { width: 20%; font-size: 1.8rem; font-weight: 600; text-align: center; padding: 1em; background-color: #fff; border: 2px solid #cacdcb; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.menu_tab_list li:first-child { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.menu_tab_list li:last-child { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.menu_tab_list li:not(:last-child) { border-right: none; }
.menu_tab_list li.active { color: #fff; background-color: #10997c; }

.faq_list dt { font-size: 1.8rem; font-weight: 600; line-height: 1.4; margin-top: 3em; padding: 1em 1em 1em 6rem; background-color: #f4f5f4; position: relative; }
.faq_list dt::before { content: 'Q.'; color: #07a33e; position: absolute; left: 1.5em; }
.faq_list dt::after { content: ''; width: 100%; height: 1px; background-color: #c9c9c9; position: absolute; top: -4px; left: 0; }
.faq_list dd { font-size: 1.6rem; line-height: 1.8; padding: 1em 1em 1em 6rem; position: relative; }
.faq_list dd::before { content: 'A.'; color: #fb505d; font-weight: 600; position: absolute; left: 2em; }
.faq_list dd a { color: #07a33e; border-bottom: 1px solid #07a33e; }
.faq_list dd .box { padding: 1em; border: 1px solid #c9c9c9; }
.faq_list dd .img { max-width: 158px; margin: 0 auto; }

#faq_top { padding-bottom: 14rem; }
#faq_top .btn_area { margin-top: 6rem; text-align: center; }
#faq_top .mail_btn { display: inline-block; color: #fff; font-size: 2rem; font-weight: 600; padding: .8em 4em .8em 2em; background: #10997c url(/common/img/icon_arrow_cwr01.png) no-repeat center right 1em/1.5em; border-radius: 40px; }
#faq_top .mail_btn:hover { background-color: #347f69; }
#faq_top .mail_btn span { display: inline-block; padding-left: 2em; background: url(/common/img/icon_mail.png) no-repeat center left/1em; }

@media screen and (min-width: 768px) and (max-width: 1240px) { .menu_tab_list li { font-size: 1.4vw; }
  .faq_list dt { font-size: 1.4vw; }
  .faq_list dd { font-size: 1.29vw; }
  #faq_top .mail_btn { font-size: 1.6vw; } }
@media screen and (max-width: 767px) { .menu_tab_area { padding: 3rem 0; }
  .menu_tab_list { filter: drop-shadow(0 1px 1px #dfdfdf); flex-wrap: wrap; }
  .menu_tab_list li { width: 50%; font-size: 3.4vw; padding: 1em; border-width: 1px; }
  .menu_tab_list li:nth-child(even) { border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
  .menu_tab_list li:nth-child(odd) { border-left: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
  .menu_tab_list li:not(:last-child) { border-right: 1px solid #cacdcb; }
  .menu_tab_list li.wide { width: 100%; border-left: 1px solid #cacdcb; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
  .faq_list dt { font-size: 4vw; margin-top: 2em; padding: .8em .5em .8em 3rem; }
  .faq_list dt::before { left: .5em; }
  .faq_list dd { font-size: 3.4vw; padding: .8em .5em .8em 3rem; }
  .faq_list dd::before { left: .8em; }
  #faq_top { padding-bottom: 7rem; }
  #faq_top .btn_area { margin-top: 4rem; }
  #faq_top .mail_btn { font-size: 4.2vw; } }

/*# sourceMappingURL=faq.css.map */