@charset "utf-8";

/* ----------------------------------------------------------------------------------------------------------
 #faq common
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#faq {
}
#faq a {
	text-decoration: underline;
}
#faq img {
	width: 100%;
}


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#faq {
}
#faq a {
	text-decoration: underline;
}
}/* PC End */



/* ----------------------------------------------------------------------------------------------------------
 #faq #kv
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#faq #kv {
}
#faq #mainArea {
	width: 100%;
} 
#faq .h2Bg {
	width: 100%;
}
#faq h2 {
	position: absolute;
	width: 100%;
	top: 19.83333vw;
	left: 0;
	z-index: 2;
	font-weight: 700;
	font-size: 9.33333vw;
	text-align: center;
	color: #fff;
	line-height: 1.24;
}
#faq h2 span {
	display: block;
	font-size: 4vw;
	font-weight: normal;
	letter-spacing: -0.06em;
}


/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#faq h2 {
	position: absolute;
	width: 100%;
	top: 182px;
	left: 0;
	z-index: 2;
	font-weight: 700;
	font-size: 80px;
	text-align: center;
	color: #fff;
	letter-spacing: 0.05em;
	line-height: 1.24;
}
#faq h2 span {
	display: block;
	font-size: 25px;
	font-weight: normal;
	letter-spacing: -0.06em;
}
}/* PC End */



/* ----------------------------------------------------------------------------------------------------------
 #faq faq TOP
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#faq #faqBox {
	width: 90vw;
	margin: 0 auto 12vw;
}
#faq .faqTopLead {
	text-align: center;
	font-size: 4vw;
	font-weight: 400;
	padding-bottom: 9.33333vw;
}
#faq .faqCategoryLead {
	text-align: center;
	font-size: 5vw;
	font-weight: 400;
	padding-bottom: 9.33333vw;
}
#faq .faqCategoryTitle {
	text-align: center;
	font-size: 4.2vw;
	font-weight: 400;
	padding-bottom: 9vw;
	position: relative;
}
#faq .faqCategoryTitle::after {
	position: absolute;
	content: "";
	width: 10vw;
	height: 1px;
	background-color: #000;
	bottom: 5vw;
	left: 50%;
	transform: translateX(-50%);
}
#faq #faqBox .faqTopLeadS {
	width: 98%;
	font-size: 4vw;
	padding: 10px;
	border: solid 1px #F00;
	margin-bottom: 9.33333vw;
	color: #F00;
}

#faq #faqBox ul#faqTopBtn {
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#faq #faqBox ul#faqTopBtn li {
	width: 48%;
}
#faq #faqBox ul#faqTopBtn li:last-child {
	margin: 0;
}
#faq #faqBox ul#faqTopBtn li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 14.5vw;
	border: 1px solid #000;
	text-align: center;
	font-size: 3.65vw;
	font-weight: 400;
	line-height: 1.4;
	color: #000;
	background: url("../../common/images/arrow.svg") 94% center / 1.06667vw 2.66667vw no-repeat;
	margin-bottom: 4vw;
	box-sizing: border-box;
	text-decoration: none;
}
#faq #faqBox .btmArea {
  padding: 7.666vw 0 0; 
	font-size: 4vw;
	font-weight: 400;
  text-align: center;
}
#faq #faqBox .btmArea a {
	display: block;
	width: 60vw;
	height: 16vw;
	border: 1px solid #000;
	text-align: center;
	line-height: 16vw;
	font-size: 4vw;
	font-weight: 400;
	color: #000;
	background: url("../../common/images/arrow.svg") 94% center / 1.06667vw 2.66667vw no-repeat;
	margin: 8vw auto 0;
	box-sizing: border-box;
	text-decoration: none;
}



/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#faq #faqBox {
	width: 860px;
	margin: 0 auto 80px;
}
#faq #faqBox .faqTopLead {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 90px;
}
#faq .faqCategoryLead {
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 64px;
}
#faq .faqCategoryTitle {
	font-size: 28px;
	font-weight: 700;
	padding-bottom: 60px;
}
#faq .faqCategoryTitle::after {
	height: 2px;
	background-color: #959595;
	width: 80px;
    bottom: 40px;
}
	
#faq #faqBox .faqTopLeadS {
	font-size: 20px;
	padding: 20px;
	border: solid 1px #F00;
	margin-bottom: 90px;
	color: #F00;
}
	
#faq #faqBox ul#faqTopBtn {
	width: 100%;
	margin: 0 auto;
	justify-content: flex-start;
}
#faq #faqBox ul#faqTopBtn li {
	width: 32%;
}
#faq #faqBox ul#faqTopBtn .faqTopBtnMargin {
	margin-right: 2%;
}
#faq #faqBox ul#faqTopBtn .faqTopBtnNoMargin {
	margin-right: 0;
}
#faq #faqBox ul#faqTopBtn li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 80px;
	font-size: 20px;
	line-height: 1.6;
	background: url("../../common/images/arrow.svg") 94% center / 16px 16px no-repeat;
	margin-bottom: 10px;
	padding: 42px 0;
	transition: all  0.3s ease;
}
#faq #faqBox .btmArea {
  padding: 80px 0 0; 
	font-size: 30px;
	font-weight: 700;
}
#faq #faqBox .btmArea a {
	width: 340px;
	height: 80px;
	line-height: 80px;
	font-size: 20px;
	background: url("../../common/images/arrow.svg") 95% center / 9px 20px no-repeat;
	margin: 40px auto 0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#faq #faqBox ul#faqTopBtn li a:hover,
#faq #faqBox .btmArea a:hover {
	opacity: 0.7;
}

}/* PC End */



/* ----------------------------------------------------------------------------------------------------------
 #faq faqList
---------------------------------------------------------------------------------------------------------- */

/* smartphone
------------------------------------------------------------*/
#faq #faqBox .faqList {
	margin-bottom: 4vw;
}
#faq #faqBox .faqList dl {
}
#faq #faqBox .faqList dd {
	cursor: pointer;
	width: 100%;
	min-height: 17.33333vw;
	box-sizing: border-box;
	border: 1px solid #000;
	display: table;
	background: url("../images/faq_q.svg") 1.33333vw center / 7.33333vw 7.33333vw no-repeat, url("../../common/images/arrow_toggle_off.svg") 95% center / 2.66667vw 1.2vw no-repeat;
}
#faq #faqBox .faqList dd.acdOpen {
	background: url("../images/faq_q.svg") 1.33333vw center / 7.33333vw 7.33333vw no-repeat, url("../../common/images/arrow_toggle.svg") 95% center / 2.66667vw 1.2vw no-repeat;
}
#faq #faqBox .faqList dd span {
	display: table-cell;
	vertical-align: middle;
	font-size: 4vw;
	line-height: 1.3;
	padding: 1.33333vw 9.33333vw 1.33333vw 10.66667vw;
}
#faq #faqBox .faqList dt {
	display: none;
	padding: 5.33333vw 4vw 4vw 10.66667vw;
	font-size: 4vw;
	background: url("../images/faq_a.svg") 1.33333vw 2.66667vw / 7.33333vw 7.33333vw no-repeat #f2f2f2;
}
#faq #faqBox a.backBtn {
	display: block;
	width: 100%;
	height: 16vw;
	border: 1px solid #000;
	text-align: center;
	line-height: 16vw;
	font-size: 4vw;
	font-weight: 400;
	color: #000;
	background: url("../../common/images/arrow.svg") 94% center / 1.06667vw 2.66667vw no-repeat;
	margin: 16vw auto 4vw;
	box-sizing: border-box;
	text-decoration: none;
}



/* PC
------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
#faq #faqBox .faqList {
	margin-bottom: 30px;
}
#faq #faqBox .faqList dl {
}
#faq #faqBox .faqList dd {
	cursor: pointer;
	width: 100%;
	min-height: 80px;
	box-sizing: border-box;
	border: 1px solid #000;
	display: table;
	background: url("../images/faq_q.svg") 10px center / 55px 55px no-repeat, url("../../common/images/arrow_toggle_off.svg") 810px center / 20px 9px no-repeat;
}
#faq #faqBox .faqList dd.acdOpen {
	background: url("../images/faq_q.svg") 10px center / 55px 55px no-repeat, url("../../common/images/arrow_toggle.svg") 810px center / 20px 9px no-repeat;
}
#faq #faqBox .faqList dd span {
	display: table-cell;
	vertical-align: middle;
	font-size: 25px;
	padding: 10px 70px 10px 80px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#faq #faqBox .faqList dd span:hover {
	opacity: 0.7;
}
#faq #faqBox .faqList dt {
	display: none;
	padding: 30px 30px 30px 80px;
	font-size: 20px;
	background: url("../images/faq_a.svg") 10px 10px / 55px 55px no-repeat #f2f2f2;
}
#faq #faqBox a.backBtn {
	display: block;
	width: 350px;
	height: 80px;
	border: 1px solid #000;
	text-align: center;
	line-height: 80px;
	font-size: 20px;
	font-weight: 400;
	color: #000;
	background: url("../../common/images/arrow.svg") 95% center / 9px 20px no-repeat;
	margin: 80px auto 40px;
	box-sizing: border-box;
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#faq #faqBox a.backBtn:hover {
	opacity: 0.7;
}

}/* PC End */