@charset "UTF-8";

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

 file name  :  faq.css

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

article{ position: relative; margin: 0 auto; padding: 205px 0 0; width: 1100px; line-height: 1;}
article header{ display: flex; height: auto; letter-spacing: .1em; font-family: "Noto Serif JP", serif; justify-content: space-between; align-items: center;}
article header .ttl{ display: flex; align-items: baseline;}
article header .ttl .en{ color: #b48e3a; letter-spacing: .12em; font-weight: 400; font-size: 28px;}
article header .ttl h1{ display: block; margin: 0 0 0 4em; color: #000; font-size: 14px;}

article .content{ padding: 0 0 120px; overflow: inherit;}
.list-tab{ position: relative; display: flex; margin: 0 calc(50% - 50vw); padding: 45px 0 0; border-bottom: 1px solid #e9e1d1; justify-content: center;}
.list-tab > li{ margin: 0 5px; padding: 15px 30px; border: 1px solid #e9e1d1; border-bottom: none; border-radius: 5px 5px 0 0; letter-spacing: .1em; font-size: 13px; font-family: "Noto Serif JP", serif; cursor: pointer;}
.list-tab > li.current{ background: #e9e1d1;}
.tab-content{ display: none;}
.tab-content.current{ display: block;}

.dl-faq{ margin: 0 auto; padding: 2em 0 1em; width: 100%; border-bottom: 1px solid #e9e1d1; font-size: 14px; line-height: 1.75;}
.dl-faq:first-of-type{ margin: 25px auto 0;}
.dl-faq > dt{ padding: 0 0 0 1em; font-weight: bold; cursor: pointer;}
.dl-faq > dt:before{ margin: 0 .5em 0 0; color: #b28c39; content: "Q.";}
.dl-faq > dd{ padding: 1em 1em 1em 2.5em;}