@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/*color*/
/*ベース文字色*/
/*背景色*/
/*アクセント色*/
/*線*/
/*線*/
/*線*/
/*線*/
/*線*/
/*font*/
/*layout*/
/*==================================== main_visual
====================================*/
#main_visual { background-image: url("../images/faq/main.jpg"); }

/*======================= FAQ
=========================*/
#faq .text { text-align: center; margin-bottom: 50px; }
#faq .text .button { margin-left: auto; margin-right: auto; margin-top: 50px; }
#faq .faq_list { max-width: 1000px; margin-left: auto; margin-right: auto; }
#faq .faq_list a:not(.notel) { color: #766d5e; text-decoration: none; }
#faq .faq_list a:not(.notel):hover { text-decoration: underline; }
#faq h4 { position: relative; height: 70px; line-height: 70px; padding: 0 20px; background-color: #eeeeee; cursor: pointer; font-size: 18px; margin-bottom: 1px; }
@media screen and (max-width: 480px) { #faq h4 { font-size: 16px; height: 50px; line-height: 50px; } }
#faq h4:after { content: ''; display: block; position: absolute; right: 20px; top: 50%; margin-top: -15px; width: 15px; height: 15px; border-right: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e; transform: rotate(45deg); transition: all 0.2s; }
@media screen and (max-width: 480px) { #faq h4:after { width: 10px; height: 10px; margin-top: -10px; } }
#faq h4.close:after { transform: rotate(-135deg); margin-top: -6px; }
@media screen and (max-width: 480px) { #faq h4.close:after { margin-top: -3px; } }
#faq dl { display: none; margin: 40px auto; padding-left: 20px; padding-right: 20px; overflow: visible !important; }
#faq dl dt, #faq dl dd { position: relative; padding-left: 50px; }
#faq dl dt span, #faq dl dd span { font-size: 30px; display: block; position: absolute; left: 0; top: -5px; line-height: 1.0; }
#faq dl dt { margin-bottom: 20px; }
#faq dl dt span { color: #000; }
#faq dl dd { margin-bottom: 30px; border-bottom: 1px solid #eeeeee; padding-bottom: 30px; padding-right: 20px; word-break: break-all; }
#faq dl dd:last-of-type { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
#faq dl dd span { color: #766d5e; }
#faq dl dd a { color: #766d5e; text-decoration: underline; }
#faq dl dd table { border-collapse: collapse; margin-top: 20px; margin-bottom: 20px; }
#faq dl dd table th, #faq dl dd table td { border: 1px solid #eeeeee; padding: 10px; }
@media screen and (max-width: 480px) { #faq dl dd table { font-size: 12px; } }

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