/*========================================================*/
/*-------QA模組列表樣式--------*/
/*========================================================*/




.qaBg{
}



	.qaBg .text_area{
		margin-bottom: 2.25rem; /*35px*/
		/* color: #fff; */
	}



		.qa_list_area {
			display: flex;
			flex-direction: column;
			color: var(--dark_color);
		}
		.qa_list_area:first-of-type {
		}
			.qa_list {
				/*font-size:18px;*/
				font-size: clamp(1rem, 0.9375vw, 1.125rem);  /*字體 最小值 16px、大小約 0.9375vw、最大值 18px*/
				line-height: 1.55;
				/* border-radius: 10px; */
				/* border-radius: clamp(0.375rem, 0.52vw, 0.625rem); */  /*最小值 6px、大小約 0.52vw 10px*/
				overflow: hidden;
				border-bottom: 1px solid var(--third_color);
			}
				.qL_tit {
					position:relative;
					cursor:pointer;
					/* padding: 17px 55px 15px 25px; */
					padding-top:clamp(0.625rem, 1.875vw, 2.25rem);     /*最小值 10px、大小約 1.875vw、最大值 36px*/
					padding-bottom:clamp(0.625rem, 1.875vw, 2.25rem);     /*最小值 10px、大小約 1.875vw、最大值 36px*/
					padding-right:clamp(2rem, 2.86vw, 3.4375rem);     /*最小值 32px、大小約 2.86vw、最大值 55px*/
					font-size: inherit;
					line-height: inherit;
					color: inherit;
				}
				.qL_tit.show {
					border-radius: 0;
				}
					
				.qL_text {
					position:relative;
					transition:0.3s ease all;
					opacity:0;
					height:0px;
					box-sizing:border-box;
					letter-spacing: 0.1px;
					line-height: inherit;
					/* font-size: 16px; */
					font-size: clamp(0.875rem, 0.8333vw, 1rem);  /*字體 最小值 14px、大小約 0.8333vw、最大值 16px*/
					padding: 0;
					color: var(--dark_color2);
				}
				.qL_text img {
					max-width:100%;
					height:auto;
				}	
				

				.qL_tit_button{
					position: absolute;
					width: 20px;
					aspect-ratio: 1 / 1;
					right: clamp(calc(32px - 19px), calc(2.86vw - 19px), calc(55px - 19px));     /*最小值 32px、大小約 2.86vw、最大值 55px*/
					top: 50%;
					transform: translateY(-50%);
				}
				/* .qL_tit_button:after , */
				.qL_tit_button::before {
					position: absolute;
					content:"";
					top: 50%;
					left: 50%;
					transform: translate(-50% , -50%) rotate(0deg);
					/* background-color: var(--fifth_color); */
					transition: all 0.3s ease;
					width: 100%;
					aspect-ratio: 1 / 1;
				}
				.qL_tit_button::after {
					/* width: 2px;
					height: 100%; */
					
				}
				.qL_tit_button::before {
					/* width: 100%;
					height: 2px; */
					background-image: url(../../../images/bottom_arrow_icon_bk.svg);
					background-repeat: no-repeat;
					background-size: cover;
					transform-origin: center;
				}
				.qL_tit.show .qL_tit_button:before{
					transform: translate(-50% , -50%) rotate(180deg);
				}
				.qL_tit.show .qL_tit_button:after {
				}
				.qL_tit.show .qL_tit_button:after{
					/* transform: translate(-50% , -50%) rotate(90deg); */
				}
		
						/*展開*/
						.qL_text.show {
							opacity:1;
							height:auto;
							border-top: 1px solid var(--third_color);
							padding-top:clamp(0.625rem, 1.875vw, 2.25rem);     /*最小值 10px、大小約 1.875vw、最大值 36px*/
							padding-bottom:clamp(0.625rem, 1.875vw, 2.25rem);     /*最小值 10px、大小約 1.875vw、最大值 36px*/
							padding-left: clamp(0.625rem, 1.0417vw, 1.25rem);     /*最小值 10px、大小約 1.0417vw、最大值 20px*/
						}
		
		
						
                        


@media (max-width: 990px){

	.qaBg{    
		/* display: flex;
		grid-template-columns: unset;
		flex-direction: column;
		gap: 25px 0;
		padding-top:88px; */
	}

		.qaBg .text_area {
			margin-bottom: 15px;
		}
		.qaBg .qa_list_area {
			gap: 15px 0;
		}	
}





@media(max-width:768px){


	

}

@media(max-width:375px){


	

}