@charset "utf-8";

/* faq-block */

.faq-block {
	padding: 0 0 24px;
}
.faq-heading {
	margin: 20px 0 15px;
	padding: 7px 10px 5px 40px;
	background: url(/shokutaku/image/qa/subtitle_q.jpg) center no-repeat;
	background-size: 100% 100%;
	color: #F66;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}
.faq-subtext {
	background: url(/shokutaku/image/qa/subtitle_a.jpg) top 5% left no-repeat;
  padding: 5px 0 10px 40px;
	line-height: 130%;
}
.column-image-banner {
	margin: 40px 0 0;
}
.column-image-banner img {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
	body {
		font-size: 3.73vw;
	}
  .content-inner {
    padding: 0 2.67vw;
  }
	.header-subtext {
    margin: 5vw 0 6vw !important;
	}
  .column-image-banner {
    margin: 0 6vw 8vw;
  }
  .bnr-note {
    color: #0099ff;
  }
	.faq-block {
    padding: 0 0 6vw;
	}
	.faq-heading {
		position: relative;
		margin: 3vw 0 1.5vw;
    padding: 1vw 8vw;
		background: url(/shokutaku/image/qa/subtitle_q.jpg) no-repeat;
    background-size: contain;
    background-size: 100vw 6vw;
		font-size: 3.73vw;
		letter-spacing: -1px;
	}
	body .faq-heading:not(.open) + .faq-subtext {
		display: none;
	}
	.faq-heading.open + .faq-subtext {
		display: block;
	}
	.faq-heading:not(.open):before {
		position: absolute;
    top: 2vw;
		right: 3%;
    height: 2.4vw;
    width: 3.3vw;
    content: '';
		background: url(/shokutaku/image/qa/ico_accordion.png) top right no-repeat;
		background-size: 3.3vw 2.4vw
	}
	.faq-subtext {
		padding: 2vw 1vw 2vw 8vw;
    background-size: 6.4%;
	}
	.faq-heading.open::after {
    position: absolute;
    top: 2vw;
    right: 3%;
    height: 2.4vw;
    width: 3.3vw;
    content: '';
    background: url(/shokutaku/image/qa/ico_accordion_close.png) top right no-repeat;
		background-size: 3.3vw 2.4vw
	}
}