@charset "UTF-8";
/* ---------- ---------- ---------- ---------- ---------- */
.page-kampo .kampo-index-list, .faq-list {
		list-style: none;
		margin: 0;
		padding: 0;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.page-kampo .page-head .kv {
		background-image: url(../img/kv_kampo.jpg);
}

.page-kampo .section {
		margin-bottom: 100px;
}

.page-kampo .section:after {
		content: "";
		display: block;
		clear: both;
}

.page-kampo .section-title {
		float: left;
		margin-right: 20px;
}

.page-kampo .section-body {
		overflow: hidden;
		margin-right: 0;
		margin-left: auto;
		padding-top: 120px;
		max-width: 910px;
}

.page-kampo .color-a {
		color: #d8e059;
}

.page-kampo .color-b {
		color: #f5b893;
}

.page-kampo .kampo-index-list {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		margin-left: -40px;
		flex-wrap: wrap;
}

.page-kampo .kampo-index-list > * {
		box-sizing: border-box;
		margin-top: 40px;
		margin-left: 40px;
		width: calc(50% - 40px);
		max-width: calc(50% - 40px);
		flex-basis: calc(50% - 40px);
}

@media (max-width: 670px) {
		.page-kampo .kampo-index-list {
				display: block;
				margin-left: 0;
		}
		.page-kampo .kampo-index-list > * {
				margin-left: 0;
				width: auto;
				max-width: none;
				flex-basis: auto;
		}
}

.page-kampo .kampo-index-item a {
		position: relative;
		display: block;
		padding: 30px 20px 40px;
		border: 1.7px solid #c5ced3;
		border-radius: 5px;
		font-size: 13px;
		color: #6a6a6a;
		text-align: center;
}

.page-kampo .kampo-index-item a:after {
		content: "";
		position: absolute;
		bottom: 15px;
		left: 50%;
		display: block;
		margin-left: -12px;
		width: 24px;
		height: 12px;
		background: url(../img/icon_kampo_arrow.svg) no-repeat center;
		background-size: contain;
}

.page-kampo .kampo-index-title {
		font-size: 20px;
		font-weight: bold;
}

.page-kampo .section-kampoinfo .kampo-index-item a {
		border-style: dashed;
}

/* 民間薬と漢方薬 */
.kampo-difference .page-head .kv {
		background-image: url(../img/kv_kampo.jpg);
}

/* FAQ */
.kampo-faq .page-head .kv {
		background-image: url(../img/kv_kampo.jpg);
}
.kampo-faq .page-body .content {
		max-width: 670px;
}

.faq-item {
		margin-bottom: 80px;
}

.faq-question {
		position: relative;
		margin-bottom: 30px;
	/*	padding: 50px 20px 60px;*/
		padding: 10px;
		border: 1px solid #c1cbd1;
		font-size: 20px;
		font-weight: bold;
		color: #575757;
	/*	text-align: center;*/
}

.faq-question span {
	/*	display: block;*/
		clear: both;
		margin: 0 auto 10px;
		padding: 3px 15px;
		max-width: 200px;
		background: #c1cbd1;
		font-family: "Lato", sans-serif;
		font-size: 22px;
		font-weight: bold;
		color: #fff;
}
.faq-question h3 {
		display:inline;
}
.faq-question:after {
		content: "";
		position: absolute;
	/*	bottom: 30px;*/
		left: 50%;
		display: block;
		margin-left: -12px;
		width: 24px;
		height: 12px;
	/*	background: url(../img/icon_product_arrow.svg) no-repeat center;*/
		background-size: contain;
}

.faq-answer-head {
		margin-bottom: 20px;
		font-size: 19px;
		font-weight: bold;
		color: #575757;
}

.faq-answer-head span {
		padding: 3px;
		background: linear-gradient(rgba(255, 241, 162, 0) 0%, rgba(255, 241, 162, 0) 60%, #fff1a2 60%, #fff1a2) 100%;
}

/* 読み物・コラム */
.section-column .content {
		max-width: 900px;
}

.section-column .section-title {
		float: left;
		margin-right: 30px;
}

@media (max-width: 670px) {
		.section-column .section-title {
				margin-right: 0;
		}
}

.section-column .section-body {
		overflow: hidden;
		margin: 0 auto;
		padding-top: 120px;
		max-width: 700px;
}

.section-column .title-style3 {
		margin-top: 2em;
		margin-bottom: 1em;
}

.section-column p {
		margin: .5em 0;
}

.section-column u,
.section-column .underline {
		padding-bottom: 3px;
		border-bottom: 1px solid;
		font-weight: bold;
}

.section-column .underline-bold {
		padding: 3px;
		background: linear-gradient(rgba(255, 241, 162, 0) 0%, rgba(255, 241, 162, 0) 60%, #fff1a2 60%, #fff1a2) 100%;
}

/*# sourceMappingURL=kampo.css.map */