@charset "UTF-8";
/*--------------------------------------------------------------
#categorie-top-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#categorie-top-area .bg-area {
		background: url("img/mainimage.jpg") top left no-repeat;
		background-size: cover;
	}
	
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	
	
}


/*--------------------------------------------------------------
.faq-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	.faq-area {
		width: auto;
		margin: 0 5%;
	}
	
	.mb {
		margin-bottom: 50px;
	}
	
	.faq-area .categry-title {
		text-align: center;
		margin-bottom: 20px;
	}
	
	.faq-area .categry-title h6 {
		position: relative;
		display: inline-block;
		margin-bottom: 1em;
		font-size: 22px;
		font-weight: 800;
	}
	
	.faq-area .categry-title h6:before {
		content: '';
		position: absolute;
		bottom: -15px;
		display: inline-block;
		width: 25px;
		height: 1px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: black;
	}
	
	/*アコーディオン全体*/
	.accordion-area{
		list-style: none;
	}

	.accordion-area li{
		margin: 10px 0;
	}

	.accordion-area section {
		border-bottom: 1px solid #707070;
	}

	.title {
		position: relative;
		cursor: pointer;
		font-size: 16px;
		font-weight: 700;
		padding: 20px 60px 20px 65px;
		transition: all .5s ease;
	}
	
	.title span {
		position: absolute;
		left: 10px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-family: "Rubik", sans-serif;
		font-size: 15px;
		font-weight: 500;
		color: #FFF;
		background: #A19E96;
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
	}

	.title::before,
	.title::after{
		position: absolute;
		content:'';
		width: 15px;
		height: 2px;
		background-color: #333;  
	}
	
	.title::before{
		top: 48%;
		right: 10px;
		transform: rotate(0deg);
	}
	
	.title::after{    
		top: 48%;
		right: 10px;
		transform: rotate(90deg);
	}

	.title.close::before{
		transform: rotate(45deg);
	}

	.title.close::after{
		transform: rotate(-45deg);
	}

	.box {
		display: none;
		background: #f3f3f3;
		margin: 0 10px 20px 10px;
		padding: 20px;
	}
	
}
	
@media screen and (min-width: 771px) {
	
	
	
}



@media screen and (min-width: 1161px) {
	
	.faq-area {
		width: 56.51vw;
		margin: 0 auto;
	}
	
	.mb {
		margin-bottom: 3.646vw;
	}
	
	.faq-area .categry-title {
		text-align: center;
		margin-bottom: 1.042vw;
	}
	
	.faq-area .categry-title h6 {
		position: relative;
		display: inline-block;
		margin-bottom: 1em;
		font-size: 1.562vw;
		font-weight: 800;
	}
	
	.faq-area .categry-title h6:before {
		content: '';
		position: absolute;
		bottom: -0.781vw;
		display: inline-block;
		width: 1.302vw;
		height: 1px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		background-color: black;
	}
	
	/*アコーディオン全体*/
	.accordion-area{
		list-style: none;
		margin: 0;
	}

	.accordion-area li{
		margin: 0.521vw 0;
	}

	.accordion-area section {
		border-bottom: 1px solid #707070;
	}

	.title {
		position: relative;
		cursor: pointer;
		font-size: 1.042vw;
		font-weight: 700;
		padding: 1.823vw 4.167vw 1.823vw 5.729vw;
		transition: all .5s ease;
	}
	
	.title span {
		position: absolute;
		left: 0.521vw;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-family: "Rubik", sans-serif;
		font-size: 1.562vw;
		font-weight: 500;
		color: #FFF;
		background: #A19E96;
		width: 3.646vw;
		height: 3.646vw;
		line-height: 3.646vw;
		text-align: center;
	}

	.title::before,
	.title::after{
		position: absolute;
		content:'';
		width: 0.781vw;
		height: 0.104vw;
		background-color: #333;  
	}
	
	.title::before{
		top: 48%;
		right: 1.302vw;
		transform: rotate(0deg);
	}
	
	.title::after{    
		top: 48%;
		right: 1.302vw;
		transform: rotate(90deg);
	}

	.title.close::before{
		transform: rotate(45deg);
	}

	.title.close::after{
		transform: rotate(-45deg);
	}

	.box {
		display: none;
		background: #f3f3f3;
		margin: 0 0.521vw 1.042vw 0.521vw;
		padding: 2.083vw 1.042vw 2.083vw 5.208vw;
	}
	
}