/*==========================================================================

   mixin

===========================================================================*/
/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/
.g-header .gnav__item--brand a {
	background-color: rgba(255, 255, 255, .5);
}

.m-page-heading .c-btn {
	margin-top: 30px;
}

@media only screen and (max-width: 767px) {
	.m-page-heading .c-btn {
		margin-top: 20px;
	}
}

.l-flex-grid {
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
	.l-flex-grid {
		display: block;
		text-align: center;
	}
}

.l-flex-grid .c-btn {
	margin-right: 20px;
	margin-left: 20px;
}

/*--------------------------------------------------------------------------
   common
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   #sec-contents
---------------------------------------------------------------------------*/
.sec-contents {
	margin-top: 85px;
}

@media only screen and (max-width: 767px) {
	.sec-contents {
		margin-top: 50px;
	}
}

.sec-contents__img {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.sec-contents__img img {
		width: 100%;
		height: auto;
	}
}

.sec-contents__img figcaption {
	display: -ms-flexbox;
	display: flex;
	margin: 40px 0 0 1em;
	text-align: left;
	text-indent: -1em;
	font-size: 11px;
	line-height: 2;

	-ms-flex-align: center;
	align-items: center;
	-ms-flex-pack: center;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
	.sec-contents__img figcaption {
		margin-top: 30px;
		line-height: 1.9;
	}
}