@charset "UTF-8";

/* qa
----------------------------------------------- */
.top-qa-items li { padding: 6vw 5vw; margin-bottom: 5vw; background: #fff; border: 1px solid #c9b5ad; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.top-qa-item-question {padding: 0 0 3.5vw 10vw;margin-bottom: 3.5vw;font-size: 4.4vw;font-family: var(--mincho);line-height: 1.4;border-bottom: 1px dashed #b4b4b4;position: relative;}
.top-qa-item-question:before { content: 'Q'; width: 8vw; height: 8vw; padding-top: 0.8vw; color: #fff; font-size: 4.21vw; font-family: var(--mincho); text-align: center; background: #baa199; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; left: 0; }
.top-qa-item-question p { padding-top: 0.5vw; margin-bottom: 0;}
.top-qa-item-answer {padding-left: 10vw;font-size: 3.6vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;position: relative;}
.top-qa-item-answer:before {content: 'A';width: 8vw;height: 8vw;padding-top: 0.3vw;color: #fff;font-size: 4.2vw;font-family: var(--mincho);text-align: center;text-indent: 0.5vw;background: #817a74;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;position: absolute;top: 0;left: 0;}
.top-qa-item-answer p:last-child{margin-bottom: 0;}

/* ============================================= 
pc
================================================*/
@media screen and (min-width: 736px) { 

/* qa
----------------------------------------------- */
.top-qa:before { content: ''; width: calc(50vw - 200px); height: 100%; background: url(../images/top-qa-bg-pc.jpg) no-repeat center; background-size: cover; z-index: -1; position: absolute; top: 0; left: 0; }
.top-qa-content { width: 960px; }
.top-qa-items { margin-bottom: 40px; }
.top-qa-items li { padding: 30px 20px; margin-bottom: 20px; }
.top-qa-item-question { padding: 0 0 20px 45px; margin-bottom: 20px; font-size: 20px; }
.top-qa-item-question:before { width: 34px; height: 34px; padding-top: 4px; font-size: 18px; top: 5px; }
.top-qa-item-answer { padding-left: 45px; font-size: 15px; }
.top-qa-item-answer:before { width: 34px; height: 34px; padding-top: 1px; font-size: 18px; text-indent: 1px; top: -2px; }
}