
/*========================================================*/
/*-------常見問題區塊--------*/
/*========================================================*/
.wrap{
	max-width: 62.5rem;
}
.right{
	margin-top: 1.25rem;
}
.right_contentBg{
	padding-top: 0;
}
.qa_list_area {
	margin-top: 1.25rem;
	display: flex;
	flex-direction: column;
	gap: 23px 0;
}
.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;
	}
		.qL_tit {
			position:relative;
			cursor:pointer;

			/* padding: 17px 55px 15px 25px; */

			padding-top:clamp(0.625rem, 0.8854vw, 1.0625rem);     /*最小值 10px、大小約 0.8854vw、最大值 17px*/
			padding-bottom:clamp(0.625rem, 0.8854vw, 1.0625rem);  /*最小值 10px、大小約 0.8854vw、最大值 17px*/
			padding-right:clamp(2rem, 2.86vw, 3.4375rem);     /*最小值 32px、大小約 2.86vw、最大值 55px*/
			padding-left:clamp(0.9375rem, 1.3vw, 1.5625rem);       /*最小值 15px、大小約 1.3vw、最大值 25px*/

			background-color: var(--primary_color);
			font-size: inherit;
			line-height: inherit;
			color: #fff;
			/* border-radius: 0 0 10px 10px; */

			border-bottom-left-radius: clamp(0.375rem, 0.52vw, 0.625rem);  /*最小值 6px、大小約 0.52vw 10px*/
			border-bottom-right-radius:clamp(0.375rem, 0.52vw, 0.625rem);  /*最小值 6px、大小約 0.52vw 10px*/
		}
		.qL_tit.show {
			border-radius: 0;
		}
			
		.qL_text {
			position:relative;
			transition:0.3s ease all;
			opacity:0;
			height:0px;
			box-sizing:border-box;
			background-color: #f3f0eb;
			letter-spacing: 0.1px;
			line-height: inherit;
			/* font-size: 16px; */
			font-size: clamp(0.875rem, 0.8333vw, 1rem);  /*字體 最小值 14px、大小約 0.8333vw、最大值 16px*/
			/* padding: 0px 30px 0px 30px; */

			padding: 0;
			padding-right:clamp(1.1rem, 1.5625vw, 1.875rem);     /* 17.6px、大小約 1.5625vw、最大值 30px*/
			padding-left:clamp(1.1rem, 1.5625vw, 1.875rem);      /* 17.6px、大小約 1.5625vw、最大值 30px*/


			/* margin-bottom: 13px; */
			/* border-radius: 0px 0px 20px 20px; */
			border-bottom-left-radius: clamp(0.75rem, 1.0417vw, 1.25rem);  /*最小值 12px、大小約 1.0417vw、最大值 20px*/
			border-bottom-right-radius:clamp(0.75rem, 1.0417vw, 1.25rem);  /*最小值 12px、大小約 1.0417vw、最大值 20px*/
			color: var(--dark_color);
		}
		.qL_text img {
			max-width:100%;
			height:auto;
		}	
		

		.qL_tit_botton{
			position: absolute;
			width: 14px;
			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_botton:after ,
		.qL_tit_botton::before {
			position: absolute;
			content:"";														
			top: 50%;
			left: 50%;
			transform: translate(-50% , -50%);
			background-color: var(--second_color);
			transition: all 0.3s ease;
		}
		.qL_tit_botton::after {
			width: 2px;
			height: 100%;
			/* right: 41px; */
			/*right:clamp(24px, 2.13vw, 41px);*/     /*最小值 24px、大小約 2.13vw、最大值 41px*/
			transform-origin: center;
		}
		.qL_tit_botton::before {
			width: 100%;
			height: 2px;
			/* right: 35px; */
			/*right:clamp(20.5px, 1.8229vw, 35px);*/  /*最小值 20.5px、大小約 1.8229vw、最大值 41px*/	
		}
		.qL_tit.show .qL_tit_botton:after {
		}
		.qL_tit.show .qL_tit_botton:after{
			transform: translate(-50% , -50%) rotate(90deg);
		}

				/*展開*/
				.qL_text.show {
					opacity:1;
					height:auto;
					padding: clamp(1.1rem, 1.5625vw, 1.875rem);     /*最小值 17.6px、大小約 1.5625vw、最大值 30px*/
				}








@media (max-width: 990px){

.index_qa_area{    
display: flex;
grid-template-columns: unset;
flex-direction: column;
gap: 25px 0;
}

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

				

