@charset "UTF-8";
.c-feature {

}
.c-feature .container {
	margin: 0 auto;
}
.c-feature .container .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 2em auto;
	text-decoration: none;
	color: inherit;
}
.c-feature .container .row .image {
	margin: 0;
	width: 60%;
}
.c-feature .container .row .image img {
	display: block;
	width: 100%;
}
.c-feature .container .row .body {
	width: 35%;
}
.c-feature .container .row .body h1,
.c-feature .container .row .body h2,
.c-feature .container .row .body h3,
.c-feature .container .row .body h4,
.c-feature .container .row .body h5,
.c-feature .container .row .body h6 {
	margin: 0 0 .25em;
	font-size: 1.125em;
}
.c-feature .container .row .body .content {
	font-size: .9375em;
}
.c-feature .container .row .body .content p {
	margin: 0;
}
.c-feature .container .row .body .content p:nth-child(n + 1) {
	margin: .25em 0 0;
}
.c-feature .container .row .body .button {
	margin: .5em 0 0;
	padding: 0 0 1em;
	text-align: right;
}  
.c-feature .container .row .body .button a {
	position: relative;
	display: inline-block;
	padding: 0 1.25em 0 .5em;
	font-weight: bold;
	color: inherit;
	text-decoration: none;
}
.c-feature .container .row.odd .body { order: 1; }
.c-feature .container .row.odd .image { order: 2; }
.c-feature .container .row.even .body { order: 2; }
.c-feature .container .row.even .image { order: 1; }
@media (max-width: 769px) {
	.c-feature .container .row .column {
		width: 100% !important;
	}
	.c-feature .container .row.odd .body { order: 2; }
	.c-feature .container .row.odd .image { order: 1; margin: 0 0 .75em; }
	.c-feature .container .row.even .body { order: 2; }
	.c-feature .container .row.even .image { order: 1; margin: 0 0 .75em; }
	.c-feature .container .row .body .button a {
		font-size: .9375em;
	}
}
/*.c-feature.horizontal.column_**/
.c-feature.horizontal .container .wrap {
	display: flex;
	flex-wrap: wrap;
}
.c-feature.horizontal .container .wrap.left { justify-content: flex-start; }
.c-feature.horizontal .container .wrap.center { justify-content: center; }
.c-feature.horizontal .container .wrap .row {
	display: block;
	margin: 0;
}
.c-feature.horizontal.column-pc_1 .container .wrap .row { width: 100%; }
.c-feature.horizontal.column-pc_2 .container .wrap .row { margin-left: 1em; width: calc((100% - 1em) / 2); }
.c-feature.horizontal.column-pc_2 .container .wrap .row:nth-child(n + 3) { margin-top: 1em; }
.c-feature.horizontal.column-pc_2 .container .wrap .row:nth-child(odd) { margin-left: 0; }
.c-feature.horizontal.column-pc_3 .container .wrap .row { margin-left: 1em; width: calc((100% - 2em) / 3); }
.c-feature.horizontal.column-pc_3 .container .wrap .row:nth-child(n + 4) { margin-top: 1em; }
.c-feature.horizontal.column-pc_3 .container .wrap .row:nth-child(3n + 1) { margin-left: 0; }
.c-feature.horizontal.column-pc_4 .container .wrap .row { margin-left: 1em; width: calc((100% - 3em) / 4); }
.c-feature.horizontal.column-pc_4 .container .wrap .row:nth-child(n + 5) { margin-top: 1em; }
.c-feature.horizontal.column-pc_4 .container .wrap .row:nth-child(4n + 1) { margin-left: 0; }
.c-feature.horizontal.column-pc_5 .container .wrap .row { margin-left: 1em; width: calc((100% - 4em) / 5); }
.c-feature.horizontal.column-pc_5 .container .wrap .row:nth-child(n + 6) { margin-top: 1em; }
.c-feature.horizontal.column-pc_5 .container .wrap .row:nth-child(5n + 1) { margin-left: 0; }
.c-feature.horizontal.column-pc_6 .container .wrap .row { margin-left: 1em; width: calc((100% - 5em) / 6); }
.c-feature.horizontal.column-pc_6 .container .wrap .row:nth-child(n + 7) { margin-top: 1em; }
.c-feature.horizontal.column-pc_6 .container .wrap .row:nth-child(6n + 1) { margin-left: 0; }
.c-feature.horizontal .container .wrap .row .image {
	margin: 0 0 1em;
	width: 100%;
}
.c-feature.horizontal .container .wrap .row .body {
	width: 100%;
}
.c-feature.horizontal .container .wrap .row .body h1,
.c-feature.horizontal .container .wrap .row .body h2,
.c-feature.horizontal .container .wrap .row .body h3,
.c-feature.horizontal .container .wrap .row .body h4,
.c-feature.horizontal .container .wrap .row .body h5,
.c-feature.horizontal .container .wrap .row .body h6 {
	text-align: center;
}
@media (max-width: 769px) {
	.c-feature.horizontal.column-sp_1 .container .wrap .row { width: 100%; }
	.c-feature.horizontal.column-sp_1 .container .wrap .row:nth-child(n + 1) { margin-top: 1em; margin-left: 0; }
	.c-feature.horizontal.column-sp_2 .container .wrap .row { margin-left: .5em; width: calc((100% - .5em) / 2); }
	.c-feature.horizontal.column-sp_2 .container .wrap .row:nth-child(n + 3) { margin-top: 1em; }
	.c-feature.horizontal.column-sp_2 .container .wrap .row:nth-child(odd) { margin-left: 0; }  
	.c-feature.horizontal.column-sp_3 .container .wrap .row { width: calc(100% / 3); }
	.c-feature.horizontal.column-sp_4 .container .wrap .row { width: calc(100% / 4); }
	/*.column-sp_scroll*/
	.c-feature.horizontal.column-sp_scroll .container .wrap {
		display: block;
		overflow-x: scroll;
		white-space: nowrap;
		margin: 0;
		padding: 0 4% 0 0;
		width: 96vw;
		list-style-type: none;  
	}
	.c-feature.horizontal.column-sp_scroll .container .wrap .row {
		display: inline-block;
		width: 38%;
		white-space: normal;
		vertical-align: top;
	}
	.c-feature.horizontal.column-sp_scroll .container .wrap .row:nth-child(n + 2) {
		margin-top: 0;
		margin-left: .5em;
	}
}