@charset "utf-8";
/* CSS Document */

/* parts */
.u-mobile{

}

.l-inner{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding-left: 25px;
	padding-right: 25px;
}

a{
	text-decoration: none;
	color: #404040;
}

/* faq top */
.faq__top{
	position: relative;
	width: 100%;
	height: 240px;
	background: center / cover no-repeat url("../image/faq/top-bg-sp.png");
	text-align: center;
}

.faq__title{
	font-size: 28px;
	font-weight: 700;
	line-height: 1.2;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}


/* faq contents */
.faq__contents{
	padding-top: 48px;
	padding-bottom: 48px;
	background: #FFFFFF;
}

.faq__items-wrapper{

}

.faq__items{
	
}


.faq__item{
}

.faq__item:not(:first-child){
	margin-top: 27px;
}

.faq__category{
	display: flex;
	height: 22px;
	align-items: center;
}

.category__img-wrapper{
	width: 22px;
	height: inherit;
}

.category__img-wrapper img{
	width: 100%;
}

.category__text{
	font-size: 18px;
	font-weight: 600;
	margin-left: 7px;
}

.faq__list{
	font-size: 16px;
	line-height: 1.25;
	margin-top: 15px;
}

.list__items{
	
}

.list__item a{
	color: #646369;
	transition: .2s all linear;
}
.list__item a:hover{
	opacity: .6;
}

.list__item:not(:first-child){
	margin-top: 14px;
}

.content__bottom{
	margin-top: 61px;
	text-align: center;
	line-height: 1.25;
	font-size: 16px;
}

.bottom__text a{
	color: #F28A0F;
}


/* 768~ */
@media screen and (min-width:768px){
	.u-mobile{
		display: none;
	}

	.l-inner{
		padding-left: 50px;
		padding-right: 50px;
	}

	.faq__contents{
		padding-top: 51px;
		padding-bottom: 48px;
	}

	.faq__top{
		height: 214px;
		background: center / cover no-repeat url("../image/faq/top-bg-pc.png");
	}

	.faq__title{
		font-size: 62px;
	}

	.faq__items{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
	.faq__item{
		width: 45%;
		max-width: 576px;
	}
	
	.faq__item:not(:first-child){
		margin-top: 0;
	}

	.faq__item:nth-child(n + 3){
		margin-top: 60px;
	}

	.faq__category{
		display: flex;
		height: 28px;
		align-items: center;
	}
	
	.category__img-wrapper{
		width: 28px;
		height: inherit;
	}

	.faq__list{
		margin-top: 10px;
	}
	
	.list__item:not(:first-child){
		margin-left: 0;
	}

	.content__bottom{
		margin-top: 61px;
		text-align: center;
		line-height: 1.25;
		font-size: 16px;
		display: flex;
		justify-content: center;
	}

	.bottom__text:nth-child(2) {
		margin-left: 5px;
	}
}

/* 1280~ */
@media screen and (min-width:1280px){
	.faq__item:nth-child(n + 3){
		margin-top: 0;
	}

	.faq__item{
		width: 30%;
		max-width: 459px;
	}

	.faq__item:nth-child(n + 4){
		margin-top: 40px;
	}
}

/* detail */
.detail{
	padding-top: 28px;
	padding-bottom: 28px;
	background: #FFFFFF;
}

.detail__inner{

}

.back__btn-wrapper{

}

.back__btn{
	padding-left: 12px;
	position: relative;
	font-size: 14px;
	transition: .2s all linear;
}
.back__btn:hover{
	opacity: .6;
}

.back__btn::before{
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 4px;
	height: 8px;
	background:center / cover no-repeat url("../image/faq/arrow.png")

}

.detail__contents{
	padding-top: 27px;
}

.detail__question{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.22;

}

.detail__answer{
	font-size: 16px;
	color: #646369;
	line-height: 1.25;
	letter-spacing: 0.024em;
	padding-top: 19px;
}

/* 768~ */
@media screen and (min-width:768px){
	.detail{
		padding-top: 43px;
		padding-bottom: 50px;
	}

	.detail__inner{
		width: 100%;
		max-width: 912px;
	}

	.detail__contents{
		padding-top: 17px;
	}
	
	.detail__question{
		font-size: 24px;
		font-weight: 700;
		line-height: 2;
		text-align: center;
	}
	
	.detail__answer{
		font-size: 16px;
		color: #646369;
		line-height: 1.5;
		letter-spacing: normal;
		padding-top: 8px;
	}

}