@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond&family=Noto+Serif+JP&display=swap');

/* ===================================================================

 file name  :  faq.css

=================================================================== */
.main{ padding: 30px 0 0;}

.list-tab{ display: flex; margin: 0 0 30px; padding: 0 15px; width: auto; flex-wrap: wrap;}
.list-tab > li{ width: 50%; border-right: 1px solid #e9e1d1; border-bottom: 1px solid #e9e1d1;}
.list-tab > li:nth-child(even){ border-right: none;}
.list-tab > li:last-child{ border-bottom: none;}
.list-tab span{ display: flex; padding: 1.25em 0; font-size: 10px; font-family: "Noto Serif JP", serif; justify-content: center; align-items: center;}
.list-tab > li.current span{ background: #e9e1d1;}

.tab-content{ display: none;}
.tab-content.current{ display: block;}

.dl-faq{ padding: 2em 15px 1em; width: 100%; border-top: 1px solid #e9e1d1; line-height: 1.75;}
.dl-faq > dt{ position: relative; padding: 0 0 0 1.5em; font-weight: bold; cursor: pointer;}
.dl-faq > dt:before{ position: absolute; top: 0; left: 0; color: #b28c39; content: "Q.";}
.dl-faq > dd{ padding: 1em 0;}