@charset "UTF-8";
@import url("base.css");

/* =========================================================
よくあるQ＆A
========================================================= */
#faq{ padding-bottom: 80px;}
#faq .faq_inner{ box-sizing: border-box; background: #fff; border-radius: 10px; padding: 30px;}

.faq_wrap dl{ box-sizing: border-box; border: 3px solid #f5f5f5; border-radius: 10px; padding: 15px; font-size: 15px;}
.faq_wrap dl:not(:last-of-type){ margin-bottom: 15px;}
.faq_wrap dt{ margin-bottom: 10px;}
.faq_wrap dt,.faq_wrap dd{ display: flex; flex-wrap: wrap; align-items: center; box-sizing: border-box;}

.faq_wrap dt p,
.faq_wrap dd p{ box-sizing: border-box; width: calc(100% - 46px); padding-left: 12px;}
.faq_wrap dt p{ font-size: 16px; font-weight: bold;}

.faq_wrap .ico{ display: block; width: 46px; height: 46px; line-height: 44px; border-radius: 23px; color: #fff; font-size: 28px; font-weight: bold; text-align: center;}

.faq_wrap h3{ height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center; font-weight: bold; border-radius: 20px 20px 20px 20px / 50% 50% 50% 50%; margin-bottom: 20px;}