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

/*/////////////// セクション1 //////////////*/
.sec1 .container, .sec2 .container {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}

.sec1 img {
	width: 76%;
	display: block;
	margin-left: auto;
	margin-right: 0;
}

@media (min-width: 576px) {
	.sec1 img {
		width: 260px;
	}
}

/*/////////////// セクション2 //////////////*/
.sec2 .overview .row {
	padding-left: 3%;
	padding-right: 3%;
	color: #3F3F3F;
}

.sec2 .overview .col-md-3, .sec2 .overview .col-md-9 {
	padding: 0.8rem 0;
}

.sec2 .w-auto {
	width: auto;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

@media (min-width: 576px) {
	.sec2 .overview .row {
		padding-left: 2.5%;
		padding-right: 2.5%;
	}	
	.sec2 .overview .col-md-3, .sec2 .overview .col-md-9 {
		padding: 1.0rem 0;
	}
}

@media (max-width: 767px) {
	.sec2 .overview .col-md-3 {
		background-color: #F2F2F2;
	}
}

@media (min-width: 768px) {
	.sec2 .overview .col-md-4 {
		background-color: #FFF;
	}
	
	.sec2 .overview hr {
		opacity: 0.2;
	}	
}