body {
	background-color: #fff;
}

@media (min-width: 1200px) {
  .container {
    width: 970px;
  }
}

/*
 *
 */
h1 + img {
	margin-bottom: 20px;
}
section {
	margin-bottom: 40px;
}


/*
 *
 */
.header {
	background-image: url(../images/header_img.png);
	background-repeat: no-repeat;
	background-position: right top;
}
@media screen and (max-width: 767px) {
	.header {
		background: none;
	}
}

.brand-bar {
	height: 130px;
	padding-top: 20px;
	border-bottom: solid 2px #98a7d0;
	background: none;
}
.navbar {
	min-height: 0;
	border: none;
	margin-bottom: 0;
}

@media screen and (min-width: 768px) {
	.navbar-default {
		min-height: 0;
		height: 63px;
		border-bottom: 7px solid #dddddd;
		background-color: transparent;
	}
	.navbar-default .navbar-header {
		display: none;
	}
	.navbar-default .navbar-nav {
		margin: 0 auto;
		display: table;
		table-layout: fixed;
		float: none;
	}
	.navbar-default .navbar-nav > li {
		padding: 0;
		margin: 0;
		background-color: rgba(255,255,255,0.4);
	}

	.navbar-default .navbar-nav > li.active,
	.navbar-default .navbar-nav > li:hover,
	.navbar-default .navbar-nav > li:focus {
		border-bottom: 7px solid #efb1ab;
		margin-bottom: -7px;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #575757;
		background-color: transparent;
	}
	.navbar-default .navbar-nav > li > a {
		text-align: center;
		padding: 5px 0 7px;
		margin: 10px 0 10px;
		border-radius: 0;
		font-size: 18px;
		color: #575757;
		width: 190px;
		background-color: transparent;
		border-left: solid 1px #dddddd;
	}
	.navbar-default .navbar-nav > li:last-child > a {
		border-right: solid 1px #dddddd;
	}
}

@media screen and (max-width: 767px) {
	h1, .h1 {
		font-size: 30px;
	}

	.brand-bar {
		height: 120px;
		background: url(../images/header_img.png) 0 0 no-repeat;
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
	.navbar-default {
		margin-bottom: 0;
		min-height: 0;
		height: auto;
		border-bottom: none;
	}
	.navbar-default .navbar-header {
		display: block;
		border-bottom: solid 2px #98a7d0;
	}
	.brand-bar a img {
		display: block;
		margin-right: auto;
		margin-left: auto;
	}
}

/*
 *
 */
#footer-image {
	height: 0;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
	/* 120 / 1200 * 100 = 10 */
	padding-top: 10%;
	background: url(../images/footer_img_pc.png) 0 0 no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}
footer {
	border-top: solid 2px #dddddd;
	background-color: #f8f8f8;
}
footer .goto-top img {
	margin-top: 20px;
	margin-bottom: 24px;
}
footer .copyright {
	font-size: 14px;
	color: #575757;
	padding-top: 20px;
	padding-bottom: 30px;
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	#footer-image {
		height: 0;
		/* 表示画像の高さ ÷ 表示画像の幅 × 100 */
		/* 140 / 640 * 100 = 21.875 */
		padding-top: 21.875%;
		background: url(../images/footer_img_sp.png) 0 0 no-repeat;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-size: contain;
	}
}


/*
 *
 */
.btn-primary {
	background-color: #98a7d0;
	border-color: #98a7d0;
	border-radius:5px;
	color: #fff;
	font-size: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.btn-primary .glyphicon {
	font-size: 0.8em;
	color: #efb1ab;
}

/*
 *
 */
.table {
	border-color: #9e9e9e;
	font-size: 16px;
	color: #575757;
}
.table tbody th {
	background-color: #f5f6fa;
	vertical-align:top;
}

.description {
	line-height:180%;
}

.text-red {
    color: #efb1ab;
}