@charset "UTF-8";

.qabox dl{margin-bottom:6vw;}
.qabox dt{background:#fff;padding: 3% 5% 3% 12%;font-size:120%;position:relative;line-height: 1.2;margin-bottom: 2vw;font-weight: bold;}
.qabox dt:before{content:"Q";position:absolute;left: 2%;top: 20%;width: 25px;height: 24px;background: #efeae1;text-align: center;padding-top: 3px;color:  var(--gold);font-family: "Cormorant Garamond";font-optical-sizing: auto;font-weight: 400;}
.qabox dl p{line-height: 1.8;}

.mark{background: var(--gold);color: #fff;font-weight: bold;padding: 2vw;}

.faq-tab{padding: 0;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;-webkit-align-items: center;-ms-flex-align: center;align-items: center;margin: 0 auto 10vw;}
.faq-tab li{width: 49%;margin: 0 0 2vw;}
.faq-tab a{ background:var(--gold);padding: 1vw;text-align: center; color: #fff;position: relative;}
.faq-tab a:after {content: "\f105";font-family: icon;color: #fff;position: absolute;right: 1vw;top:50%;-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.faq-tab a:hover { opacity: 0.8;}

/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
	
.qabox dl{margin-bottom: 40px;}
.qabox dt{padding: 16px 20px 16px 50px;margin-bottom: 10px;}
.qabox dt:before{font-size:20px;padding-top: 0;height: 26px;left: 15px;top: 14px;}
.mark{padding: 5px;}

.faq-tab{margin: 0 auto 40px;justify-content: center;-webkit-justify-content: center;}
.faq-tab li{width: 31%;margin: 0 5px 10px;}
.faq-tab a{padding: 8px;}
.faq-tab a:after{right:29px;}
}