@charset "UTF-8";
/* CSS Document */
.lower header .menu2 ul > li.qa::before{
	width: 100%;
}
.qa .main_img{
	background: url("../img/qa/guide_main_vi.png");
	background-size: cover;
	background-position: center;
	min-height: 408px;
}

.lower main section.c_h1{
	padding-bottom: 80px;
	padding-top: 0px;
}
.lower main section.bg2{
	background: #E9F0F2;
}

.qa .anc_link2{
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	max-width: 940px;
	margin: 0 auto 80px;
}
.qa .anc_link2 a{
	display: flex;                 /* Flexで縦横中央揃え */
	flex-direction: column;        /* 縦並び */
	justify-content: center;       /* 縦方向中央揃え */
	align-items: center;           /* 横方向中央揃え */
	width: calc(100%/4);
	position: relative;
	padding: 0px 10px 30px;            /* 適度な余白（必要に応じ調整） */
	box-sizing: border-box;        /* パディング込みで幅計算 */
}
.qa .anc_link2 a::before{
	content: "";
	width: 24px;
	height: 24px;
	background: url("../img/common/arrow.svg");
	background-size: 100%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,0px)rotate(90deg);
	transition: 0.3s;
}
.qa .anc_link2 a:hover::before{
	background: url("../img/common/arrow6.svg");
	background-size: 100%;
}
.qa .anc_link2 a::after{
	content: "";
	width: 1px;
	height: 100%;
	background: #DCDCDC;
	position: absolute;
	top: 0;
	right: 0;
}
.qa .anc_link2 a:last-child::after{
	display: none;
}
.qa .anc_link2 a p{
	font-size: 1.8rem;
	line-height: 32px;
	letter-spacing: 0.72px;
	margin: 0;                     /* デフォルト余白をリセット */
	text-align: center;            /* 中央寄せ */
	color: #747474;
	transition: 0.3s;
}
.qa .anc_link2 a:hover p{
	color: #333;
}
.qa .anc_link2 a p span{
	font-size: 1.4rem;
	letter-spacing: 0.56px;
}

.qa_cnt{
	border-bottom: solid 1px #49B6D6; 
	padding-bottom: 40px;
	margin-bottom: 40px;
}
.qa_cnt:last-child{
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.qa_cnt .q{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap:20px;
	margin-bottom: 20px;
}
.qa_cnt .q .q_icon{
	max-width: 57px;
}
.qa_cnt .q .q_icon img{
	width: 100%;
}
.qa_cnt .q .q_txt p{
	font-size: 2rem;
	line-height: 36px;
	font-weight: 700;
	letter-spacing: 0.8px;
	color: #49B6D6;
}
.qa_cnt .cat{
	margin-left: 77px;
	display: flex;
	flex-wrap: wrap;
	gap:16px;
}
.qa_cnt .cat p{
	font-size: 1.2rem;
	line-height: 18px;
	font-weight: 500;
	color: #fff;
	padding: 2px 8px;
	background: #49B6D6;
	margin-bottom: 18px;
}
.qa_cnt .txt{
	margin-left: 77px;
}
.qa_cnt .txt a{
	display: inline-block;
	background: #333;
	padding: 5px 10px;
	margin-top: 22px;
	transition: 0.3s;
}
.qa_cnt .txt a:hover{
	background: #49B6D6;
}
.qa_cnt .txt a p{
	font-weight: 500;
	color: #fff;
	line-height: 24px;
}
.lower main section.bg2.line{
    border-bottom: solid 1px #465E65;
}
@media (max-width: 767px) {
	.qa .main_img{
		background: url(../img/qa/guide_main_vi_sp.png);
		background-size: cover;
        background-position: center;
        min-height: 340px;
	}
	.qa .anc_link2{
		max-width: 100%;
	}
	.qa .anc_link2 a{
		width: calc(100% / 2);
		margin-bottom: 20px;
	}
	.qa .anc_link2 a:nth-child(2)::after{
		display: none;
	}
	.qa_cnt .q .q_txt{
		width: 80%;
	}
}