@charset "UTF-8";

/* ------------------------------------------------
                    よくあるご質問
--------------------------------------------------- */

.qa{
	padding: 100px 0 60px;
}
.qa-wrap{
	width:86%;
	max-width: 1100px;
	margin: 50px auto 0
}

.qa-item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border:2px solid #ec7033;
	border-radius: 20px;
	padding: 40px
}
.qa-item:not(:first-child){
	margin-top: 30px;
}

.qa-item .qa-num{
	width: 115px;
	font-size:4.6rem;
	font-weight: 700;
	line-height: 1
}
.item-txt {
	width: calc(100% - 135px);
}

.qa-item .q-txt{
	font-size:2.6rem;
	font-weight: 700;
	line-height: 1.2;
	margin:0.5em  0 1em
}

.qa-item .a-txt{
	font-family: "Noto Serif JP", serif;
	font-size:2.0rem;
	font-weight: 500;
	position: relative;
}

.qa-item .a-txt a {
	color: #ec7033;
	text-decoration: underline;
}

@media (max-width: 1080px){
}

@media (max-width: 768px){
	
	.qa{
		padding: 10vw 0
	}
	.qa-wrap{
		width:100%;
		max-width: 1100px;
		margin: 5vw auto 0
	}

	.qa-item{
		display: flex;
		border:2px solid #ec7033;
		border-radius: 5vw;
		padding: 4vw;
		position: relative
	}
	.qa-item:not(:first-child){
		margin-top: 4vw;
	}

	.qa-item .qa-num{
		width: 14vw;
		font-size: 6vw;
	}
	.item-txt {
		width: calc(100% - 16vw);
	}

	.qa-item .q-txt{
		font-size:4.2vw;
		font-weight: 700;
		line-height: 1.2;
		margin:0.1em  0 1em;
	}

	.qa-item .a-txt{
		font-size:3.7vw;
	}

	.qa-item .a-txt::before{
		font-size: 6vw;
		position: absolute;
		top: 0;
		left: 0.8vw;
	}

}