@charset "utf-8";
/* CSS Document */

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


#sectionA {}
#sectionA > .wrap > .container {}
#sectionA > .wrap > .container > .item {border-bottom: solid max(.1rem, 1px) var(--color-border-gray);}
#sectionA > .wrap > .container > .item > .faq-question {
	display: flex;
	font-weight: bold;
	color: var(--color-DYFC-orange);
}
#sectionA > .wrap > .container > .item > .faq-question::before {
	content: "Q.";
	display: block;
	font-weight: bold;
}
#sectionA > .wrap > .container > .item > .faq-answer {
	display: flex;
}
#sectionA > .wrap > .container > .item > .faq-answer::before {
	content: "A.";
	display: block;
	font-weight: bold;
}
#sectionA > .wrap > .container > .item > .faq-link {}




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




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 767px) {/* // Mobile // */
/*============================================================================*/


#sectionA {
	margin-top: -3rem;
}
#sectionA > .wrap > .container > .item {
	padding-top: 4rem;
	padding-bottom: 4rem;
}
#sectionA > .wrap > .container > .item > .faq-question::before {min-width: 2.3rem;}
#sectionA > .wrap > .container > .item > .faq-answer {margin-top: 1.4rem;}
#sectionA > .wrap > .container > .item > .faq-answer::before {min-width: 2.3rem;}
#sectionA > .wrap > .container > .item > .faq-link {margin-top: 3rem;}




/*============================================================================*/
}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 768px) {/* // PC // */
/*============================================================================*/


#sectionA > .wrap > .container > .item {
	display: grid;
	grid-template-columns: 1fr 25rem;
	grid-template-rows: repeat(2, auto);
	grid-gap: 3rem 5rem;
	padding-top: 3rem;
	padding-bottom: 3rem;
}
#sectionA > .wrap > .container > .item > .faq-question {
	grid-area: 1 / 1 / 2 / 2;
	font-size: 2rem;
}
#sectionA > .wrap > .container > .item > .faq-question::before {min-width: 3rem;}
#sectionA > .wrap > .container > .item > .faq-answer {
	grid-area: 2 / 1 / 3 / 2;
	font-size: 2rem;
}
#sectionA > .wrap > .container > .item > .faq-answer::before {min-width: 3rem;}
#sectionA > .wrap > .container > .item > .faq-link {
	grid-area: 1 / 2 / 3 / 3;
	display: flex;
	align-items: center;
}




/*============================================================================*/
}




/* - - - - - - - - - - - - - - - - - - -
https://---/faq-css.css
ID = {A01B13F9-B3D3-440A-8942-A2AFC3179387}
- - - - - - - - - - - - - - - - - - - */