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

#header_page {
	height: 450px;
	position: relative;
	top: 0;
	background-image: url("../img/bg_header.png");
	background-repeat: no-repeat;
	background-size: cover;
	width:100%;
}
@media screen and (max-width: 450px) {
	#header_page {
		height: 200px;
	}
}

.h3_plan {
	background: #E2271B;
}

#otoshiana {
	background: #FAFAFA;
	padding: 2em 0;
}

#otoshiana h4 {
	color:  #FFF;
	padding: 10px 2em;
	margin-bottom: 1em;
	margin-top: 2em;
	display: inline-block;
}
#otoshiana .color1 {
	background: #B2BF63;
}
#otoshiana .color2 {
	background: #D08F65;
}

.no {
	background: #3a1f0e;
	width: 1.2em;
	height: 1.2em;
	font-weight: 700;
	line-height: 1.1em;
	text-align: center;
	border-radius: 3px;
	margin-right: 3px;
	display: inline-block;
	color: #FFF;
}

.before {
	position: relative;
}
.before:after {
	content: "Before（施工前）";
	position: absolute;
	bottom: 10px;
	left: 10px;
	color: #FFF;
	font-weight: 700;
}

@media screen and (max-width: 780px) {
	#otoshiana h4 {
		width: 100%;
		text-align: center;
	}
}