@charset "UTF-8";
.mainimg { background: url(../img/faq/mainimg_sp.jpg) center center no-repeat; color: #333; margin: 0 0 35px; }

@media (max-width: 599px) { .mainimg { background-size: cover; } }

@media (min-width: 600px) { .mainimg { margin: 0 0 70px; background: url(../img/faq/mainimg_pc.jpg) center center; } }

.mainTtl { margin: 0 0 10px; color: #231815; font-size: 1.5rem; font-weight: 700; text-align: center; }

@media (min-width: 600px) { .mainTtl { margin: 0 0 10px; } }

.faqWrap { margin: 0 10px 80px; }

@media (min-width: 600px) { .faqWrap { width: 720px; margin: 0 auto 180px; } }

.faqWrap .ttl { margin: 0 0 20px; padding: 5px 18px; color: #fff; font-size: 1.5rem; }

.faqWrap .cat01 .ttl { background: #dc76a3; }

.faqWrap .cat02 .ttl { background: #beb1aa; }

.faqWrap .question { margin: 0 0 55px; }

.faqWrap .item { font-size: 1.2rem; position: relative; min-height: 40px; margin: 0 0 23px; }

.faqWrap .item::before { content: "Q"; display: inline-block; box-sizing: border-box; z-index: 1; width: 40px; height: 40px; margin: 0 5px 0 0; border-radius: 50%; background: #c9caca; color: #fff; font-size: 1.2rem; line-height: 40px; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 2rem; vertical-align: middle; }

.faqWrap .item a { vertical-align: middle; }

.faqWrap .ans { position: relative; margin: 5px 0 60px 20px; padding: 15px 25px; border: 1px solid #ed6d46; font-size: 1.2rem; line-height: 1.92; }

.faqWrap .ans::before { content: "A"; display: inline-block; box-sizing: border-box; position: absolute; top: -5px; left: -20px; z-index: 1; width: 40px; height: 40px; margin: 0 5px 0 0; border-radius: 50%; background: #ed6d47; color: #fff; font-size: 1.2rem; line-height: 40px; text-align: center; font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","Yu Mincho", YuMincho, serif; font-size: 2rem; vertical-align: middle; }

.faqWrap .ans p + p { margin: 0.8em 0 0; }

.faqWrap .ans a { color: #1d2088; }

.faqWrap a { color: #231815; text-decoration: underline; }

.faqWrap a:hover { text-decoration: none; }

.bnrArea { margin: 0 10px; }

.bnrArea p { text-align: center; }

.bnrArea p + p { margin: 20px 0 0; }

@media (min-width: 600px) { .bnrArea p + p { margin: 75px 0 0; } }