@charset "utf-8";

@media only screen and (max-width: 640px) {

/*============================
#faqArea
============================*/
#faqArea { padding: 50px 0; background: none; }
#faqArea::before {}
#faqArea::after { content: ""; width: 100%; height: 100vh; position: fixed; left: 0; top: 0; background: url("../../imageFile/bg_faq.png") no-repeat center bottom; background-size: cover; z-index: -1; }	
#faqArea .subTitle { margin-top: 50px; font-size: 1.375em; text-align: center; }
#faqArea .subTitleEn { margin-top: 10px; font-size: 0.875em; text-align: center; }
#faqArea .content { margin-top: 50px; }
#faqArea .content ul {}
#faqArea .content ul li { margin-top: 20px; }
#faqArea .content ul li a { padding: 16px 40px; }
#faqArea .content ul li a::after { background-size: 10px auto; }
#faqArea .content ul li a span { left: 15px; }
#faqArea .content ul li a:hover {}
#faqArea .content ul li a:hover::after { }
#faqArea .button { text-align: center; margin-top: 20px; position: inherit; right: inherit; top: inherit; }
#faqArea .button a { width: 100%; }
	
#faqArea .detailContent { margin-top: 50px; padding: 10px 15px 15px; }
#faqArea .detailContent .question { padding: 15px 15px 15px 40px; font-size: 1.125em; }
#faqArea .detailContent .question span { top: 12px; }
#faqArea .detailContent .answer { margin-top: 0; padding-top: 20px; padding-left: 10px; }
#faqArea .detailContent .answer .title {}
#faqArea .detailContent .answer .text { margin-top: 5px; }
#faqArea .backButton { margin-top: 20px; }
#faqArea .backButton a.md_btn_main { width: 100%; }
	
/*============================
#contactArea
============================*/
#contactArea { padding: 50px 0; }
#contactArea .subTitle { font-size: 1.375em; }
#contactArea .subTitleEn { margin-top: 10px; font-size: 0.875em; }
#contactArea .lead { margin-top: 20px; text-align: left; }
#contactArea .button { margin-top: 0; padding: 0; }
#contactArea .button a { margin-top: 20px; width: 100%; height: 70px; line-height: 70px; }
#contactArea .button a:hover {}
#contactArea .button a .image { width: 70px; height: 70px; text-align: center; position: relative; }
#contactArea .button a .image::after {}
#contactArea .button a .image img {}
#contactArea .button a .title { margin-left: 15px; font-size: 1.125em; white-space: nowrap; }
#contactArea .button a .copy { margin-left: 15px; font-size: 0.875em; line-height: 1.25; }
#contactArea .button a.reserve {}
#contactArea .button a.reserve:hover {}
#contactArea .button a.reserve .image img { width: 32px; height: auto; }
#contactArea .button a.contact {}
#contactArea .button a.contact:hover { }
#contactArea .button a.contact .image img { width: 28px; height: auto; }
#contactArea .tel { margin-top: 30px; }
#contactArea .tel .number {}
#contactArea .tel .number a {}
#contactArea .tel .number a::after {}
#contactArea .tel .note {}

}