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


/* FAQ 
-------------*/

.page.faq #page_catch::before{
	background: url("../../faq/images/faq.png") no-repeat right center / contain;
}

.page.faq #page_catch{
	margin-bottom: 2rem;
}


@media print, screen and (min-width: 1080px){
	
	.page.faq #page_catch{
		margin-bottom: 2rem;
		padding: 0 8% 0;
	}
	
	/*.page.faq .container{
		padding: 0 8% 0;
	}*/
}



.faq .faq_box{
	margin-bottom: 2rem;
	background: #fff;	
}

.faq .faq_box.last{
	margin-bottom: 0;
}

.faq .faq_box dt{
	display: block;
	color: #fff;
	padding:0.8rem 1.5rem 0.8rem 0.8rem;
	margin-bottom: 3.5rem;
	background: #01163b;
	border-bottom: 3px solid #7a0a0a;
	box-sizing: border-box;
}

.faq .faq_box.last dt{
	margin-bottom: 0;
}


.faq .faq_box dd{
	padding:0 1rem;
	line-height: 1.8;
}

.faq .faq_box dt::before{
	display: inline-block;
	content: "Q";
	font-size: 125%;
	/*color: #01163b;*/
	font-weight: bold;
	margin-right: 0.8rem;
}

.faq .faq_box dd::before{
	display: inline-block;
	content: "A";
	font-size: 125%;
	color: #7a0a0a;
	font-weight: bold;
	margin-right: 0.8rem;
}


/* アコーディオン */

.faq_box dd{
	display: none;
}

.faq_box dt{
	position: relative;
}

.faq_box dt::after{/* 閉じている時 */
	content: "＋"; display: inline-block;
	font-size: 120%; font-weight: bold;
	
	position: absolute;
	right: 0.5rem; top:50%;
	transform: translateY(-50%);
}
.faq_box dt.active::after{/* 開いている時 */
	content: "－";
}



.faq_box dd ul,
.faq_box dd ol{
	margin: 1rem 0;
}

.faq_box ul li{
	list-style: disc;
	margin-left: 1rem;
}

.faq_box ol li{
	list-style: decimal;
	margin-left: 1rem;
}

.connection_wrap{
	background: #fff;
}

.mokuji{
}

.mokuji dt{
	padding:1rem 2rem;
	background: #ebebeb;
    margin-top: 1rem;
    margin-bottom: 1rem;
	font-weight: bold;
	border-bottom: 1px solid #0b1e3e;
	border-left: 15px solid #0b1e3e;
}

.faq .mokuji dt::before{
	content: "FAQ"; display: inline-block;
	font-size: 85%; font-weight: 500;
	margin-right: 1rem;
}

.mokuji dd{
	padding: 1.5rem 0.5rem;
    border-bottom: 1px dashed #ccc;
    font-weight: bold;
	line-height: 1;
}

.mokuji dd::before{
	content: "▶"; display: inline-block;
    font-size: 0.5rem; margin-right: 1rem;
	vertical-align: middle;
}

	
.connection_wrap.ornament-cube{
	padding: 0;
}

.ornament-cube{
	padding-top: 2rem;
	padding-left: 2rem;
	margin-bottom: 2rem;
	box-sizing: border-box;
	position: relative;
}

.ornament-cube::before{
	content: ""; display: block;
	width: 5rem; height: 5rem;
	background: #0b1e3e;
	
	position: absolute;
	top: 0; left: 0;
	z-index: -1
}


@media print, screen and (min-width: 1080px){
	
	
	.ornament-cube::before{
		width: 15rem; height: 15rem;
	}
	
	.connection_wrap.ornament-cube{
		padding: 0 1rem 3rem 0;
	}

	/*.connection_wrap.ornament-cube::before{
		width: 2rem; height: 2rem;
		top: inherit; left: inherit;
		bottom: 0; right: 0;
		z-index: 1;
	}*/

	
	.faq .faq_box {
		/*padding: 0 5%;*/
    	margin-bottom: 4rem;
	}
	
	.mokuji dd{
		padding: 2.5rem 0.5rem;
	}
	
	
	.faq .faq_box dt{
		margin-bottom: 1rem;
	}

}


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

.page.general #main_img{
	background: url("../../faq/images/general/main.jpg") no-repeat center / cover;
}

/*　よくあるご質問 - 食品流通加工　*/

.page.logistic #main_img{
	background: url("../../faq/images/logistic/main.jpg") no-repeat bottom center / cover;
}

/*　よくあるご質問 - 専用加工室　*/

.page.processing #main_img{
	background: url("../../faq/images/processing/main.jpg") no-repeat bottom center / cover;
}