@charset "UTF-8";
/*

	なんでも相談コーナー

*/
/*------------------------------------------
	faqBox01
------------------------------------------*/
@media screen and (min-width: 768px) { .faqBox01 .inner { padding-top: 50px; padding-bottom: 0; } }

/*------------------------------------------
	faqBox02
------------------------------------------*/
.faqBox02 { padding: 40px 30px 0; background: #0058A2; }
@media screen and (max-width: 767px) { .faqBox02 { padding: 20px 10px 0; } }

/*	faqRecordBoxWrap
---------------------------*/
.faqRecordBoxWrap { max-width: 1750px; margin-bottom: 100px; }
@media screen and (max-width: 767px) { .faqRecordBoxWrap { margin-bottom: 50px; } }

.faqRecordBox { width: 32%; float: left; margin: 0 2% 30px 0; }
.faqRecordBox:nth-of-type(3n) { margin-right: 0; }
.faqRecordBox a { display: block; }
.faqRecordBox .imgBox { height: 380px; margin-bottom: 15px; }
.faqRecordBox .ttl { color: #fff; font-weight: bold; }
.faqRecordBox .sub { color: #fff; }
@media screen and (max-width: 767px) { .faqRecordBox { width: 100%; margin: 0 auto 30px !important; }
  .faqRecordBox:last-of-type { margin-bottom: 0 !important; }
  .faqRecordBox .imgBox { height: 280px; height: 45vw; }
  .faqRecordBox .ttl { font-size: 18px; } }

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