@charset "utf-8";
th,td{width:auto;vertical-align:middle;}
p{
	margin-bottom:13px;
}
h3{
	position:relative;
	font-size:1.9rem;
	color:#212121;
	border-top:1px solid #8E9194;
	margin:53px 0 13px;
	padding:19px 0 0;
}
h3::before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:50px;
	height:3px;
	background:#0440B9;
}
h3:first-child{
	margin-top:17px;
}
h4{
	position:relative;
	margin-top:0;
	font-size:1.7rem;
	border:none;
	margin:0 0 12px;
	padding:21px 0 0 16px;
}
h4::before{
	content:"";
	position:absolute;
	bottom:8px;
	left:0;
	width:8px;
	height:8px;
	background:#0440B9;
	transform:translateY(-50%);
}
h5{
	font-size:1.5rem;
	font-weight:bold;
	line-height:2.1rem;
	color:#1A4C7E;
	padding:0;
	margin:25px 0 21px;
}
h5::before{
	display:none;
}
.service_faq_area{
	max-width:1240px;
	padding:0 20px 120px;
	margin:auto;
}
.page_title_area{
	display:flex;
	justify-content:space-between;
	align-items:center;
	margin:0 auto 9px;
	max-width:1240px;
}
.page_title{
	margin:0;
}
.faq_toggle{
	position:relative;
	display:flex;
	align-items:center;
	padding: 0 18px;
	gap:10px;
	width:200px;
	height:51px;
	border:1px solid #BCC0C7;
	background:#fff;
	cursor:pointer;
	font-size:1.5rem;
	color:#212121;
	border-radius:4px;
	margin-right:20px;
	transition:border-color 0.3s ease;
}
.faq_toggle:hover{
	border-color:#212121;
}
/* .faq_toggle::after,.faq_toggle::before{
	content:"";
	position:absolute;
	right:28px;
	top:50%;
	width:13px;
	height:1px;
	background:#212121;
	transition:transform 0.3s ease;
	transform-origin:center;
}
.faq_toggle::after{
	transform:translateY(-50%);
}
.faq_toggle::before{
	transform:translateY(-50%) rotate(90deg);
}
.faq_item.open .faq_toggle::before{
	transform:translateY(-50%) rotate(180deg);
} */
 
.faq_toggle_mark {
	position: absolute;
	right: 18px;
	top: 50%;
	width: 14px;
	height: 14px;
	transform: translateY(-50%);
}
.faq_toggle_mark::before,.faq_toggle_mark::after {
	content: "";
	position: absolute;
	background: #212121;
	transition:transform 0.3s ease;
	transform-origin:center;
}
.faq_toggle_mark::before {
	left: 0;
	top: 50%;
	width: 14px;
	height: 1px;
	transform:translateY(-50%);
}
.faq_toggle_mark::after {
	left: 50%;
	top: 50%;
	width: 1px;
	height: 14px;
	transform: translate(-50%, -50%) rotate(0deg);
}
.faq_toggle:not(.is_close) .faq_toggle_mark::after {
	transform: translate(-50%, -50%) rotate(90deg);
}
.service_faq_area h2{
	margin:0 0 30px;
	font-size:3rem;
	font-weight:700;
}
.faq_all_btn{
	display:block;
	margin:0 0 25px auto;
	padding:0;
	border:none;
	background:none;
	color:#005bac;
	font-size:1.5rem;
	font-weight:700;
	cursor:pointer;
}
.faq_item{
	margin-bottom:15px;
	border:1px solid #BCC0C7;
	border-radius:4px;
	background:#fff;
	transition:border-color 0.3s ease;
}
.faq_item:hover{
	border-color:#212121;
}
.faq_question{
	margin:0;
	padding:0;
	border:none;
}
.faq_question::before{
	display:none;
}
.faq_btn{
	position:relative;
	display:flex;
	align-items:center;
	width:100%;
	min-height:68px;
	padding:20px 55px 18px 72px;
	background:#fff;
	color:#212121;
	font-size:2.1rem;
	font-weight:500;
	line-height:3rem;
	border-radius:4px;
	text-align:left;
	cursor:pointer;
	border:none;
}
.faq_btn_txt::before{
	content:"Q";
	position:absolute;
	left:30px;
	top:50%;
	transform:translateY(-50%);
	font-size:3rem;
	font-weight:400;
	line-height:1;
	font-family:var(--font_Roboto);
}
.faq_btn::after,.faq_btn::before{
	content:"";
	position:absolute;
	right:28px;
	top:50%;
	width:13px;
	height:1px;
	background:#212121;
	transition:transform 0.3s ease;
	transform-origin:center;
}
.faq_btn::after{
	transform:translateY(-50%);
}
.faq_btn::before{
	transform:translateY(-50%) rotate(90deg);
}
.faq_item.open .faq_btn::before{
	transform:translateY(-50%) rotate(180deg);
}
.open .faq_btn{
	background:#EFF3F6;
}
.faq_answer{
	display:none;
}
.faq_answer_box{
	padding:38px 80px 52px;
}
.faq_card_list{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:30px;
	margin:0;
	padding:0;
	list-style:none;
}
.faq_card_list li{
	list-style:none;
}
.faq_img{
	margin-bottom:16px;
	border:1px solid #E2E7EC;
}
.faq_center_img{
	max-width:700px;
	margin:18px auto 16px;
	border:1px solid #E2E7EC;
	text-align:center;
}
.faq_center_img:first-child{
	margin-top:0;
}
.faq_two_column{
	display:grid;
	grid-template-columns:1fr 500px;
	gap:40px;
	align-items:start;
	margin-bottom:12px;
}
.faq_table{
	width:100%;
	border-collapse:collapse;
	margin:4px 0 16px;
	font-size:1.5rem;
	line-height:1.8;
	border-spacing:0;
	table-layout:fixed;
}
.faq_table col:nth-child(1),.faq_table col:nth-child(2){
	width:120px;
}
.faq_table th,.faq_table td{
	border:1px solid #E2E7EC;
}
.faq_table th{
	padding:11px 20px;
}
.faq_table td{
	padding:12px 20px;
}
.faq_table th{
	background:#EFF3F6;
	color:#212121;
	font-weight:500;
	text-align:center;
}
.faq_table tbody td:nth-child(1),.faq_table tbody td:nth-child(2){
	text-align:center;
}
.faq_table_side th{
	width:20%;
}
.faq_table_side td{
	text-align:left !important;
	vertical-align:top;
}
tr:last-child th{
	border-bottom:1px solid #E2E7EC;
}
.red{
	color:#FF0000;
}

@media screen and (max-width:1024px){
.faq_answer_box{
	padding:38px 40px 52px;
}
.faq_two_column{
	grid-template-columns:1fr min(500px, 50%);
}
.faq_table_side th{
	width:30%;
}
}

@media screen and (max-width:767px){
.page_title_area{
	display:block;
}
.faq_toggle{
	height:47px;
	font-size:1.3rem;
	margin:10px auto 39px;
}
.faq_item{
	margin-bottom:10px;
}
.faq_btn{
	min-height:68px;
	padding:12px 50px 14px;
	font-size:1.6rem;
	line-height:2.4rem;
}
.faq_btn::after, .faq_btn::before{
	right:20px;
}
.faq_btn_txt::before{
	left:18px;
	top:48%;
	font-size:2.8rem;
}
.faq_answer_box{
	padding:12px 20px 22px;
}
.faq_card_list li{
	margin-bottom:0;
}
.service_faq_area{
	padding:0 20px 70px;
}
h3{
	font-size:1.7rem;
	margin:51px 0 9px;
	padding:17px 0 0;
	line-height:2.5rem;
}
h4{
	font-size:1.5rem;
	margin:0 0 8px;
}
h5{
	font-size:1.3rem;
	line-height:1.9rem;
}
.faq_q{
	padding:16px 45px 16px 18px;
	font-size:1.5rem;
}
.faq_q span{
	font-size:2.2rem;
}
.faq_q::after{
	right:18px;
}
.faq_a{
	padding:30px 20px 40px;
}
.faq_card_list,
.faq_two_column{
	grid-template-columns:1fr;
	gap:0;
}
.faq_table{
	min-width:700px;
	table-layout:auto;
}
.faq_table th,.faq_table td{
	width:auto;
	display:table-cell;
}
tr:last-child td{
	border-bottom:1px solid #E2E7EC;
}
.faq_center_img{
	margin:25px auto 35px;
}
}