@charset "UTF-8";

body {
    font-family: "Helvetica Neue", Helvetica, "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #201813; }

/* nav */
	
nav img.logo-nav {
	position: absolute;
	top: 6px;
	left: 6px;
	display: inline; }

nav .navbar-brand {
	padding-left: 48px; }

.navbar {
  border-radius: 0; }

.navbar-default {
	background-color: #a4c0dc;
	border: #a4c0dc;
	color: #eef3f8; }

nav a, .navbar-default .navbar-nav li a {
	color: #eef3f8; }

nav a:hover,
nav a:active,
nav a:focus {
	text-decoration: none; }

/* hero */
	
.hero {
	min-height: 500px;
	background: #d5e2ef;
	background-size: cover;
	text-align: center;
	position: relative; }

.hero h1 {
    color: #201813;
	padding: 0 10px;
	line-height: 1.4em; }

.hero p {
	padding-left: 10px;
	padding-right 10px; }

.hero p.lead1 {
	padding: 0 10px;
	font-size: 1.2em;
	line-height: 1.4em; }

.hero .subtitle {
	color: #447cb4; }

.hero img.heroimg {
	margin: 0 auto;
	padding: 10px 0 40px; }

.row .btn-area,.row .btn {
	margin: 10px 0;
}

/* section */

.section-padding {
	padding: 80px 0; }

.section-default {
	background-color: #eef3f8; }
	
.section-feature {
	background-color: #febf7c; }

.video {
	padding: 0 30px; }

p.video_title {
	padding-top: 4px;
	padding-bottom: 10px;
	text-align: center; }

p.introlead {
	padding-bottom:0;
	line-height: 1.2em; }

h2.introtitle {
	margin-top: 0;
	margin-bottom: 20px; }

/* details */

#details ol li {
	padding: 10px 0; }

/* panel */

.panel {
	margin-top: 40px; }

.panel img {
	margin-right: 20px; }

.panel-default .panel-heading {
	background-color: #c9daea; }

.panel-default {
	border-color: #b1bdd2; }

/* footer */

footer {
	background-color: #24415e;
	color: #eef3f8;
	padding: 0 0 20px;
	text-align: center; }

footer a {
	color: #eef3f8;
	text-decoration: underline; }
	
footer a:hover,
footer a:active,
footer a:focus {
	color: #bcd1e6;
	text-decoration: none; }

footer a.topbtn {
	color: #eef3f8;
	text-decoration: none; }
	
footer a:hover.topbtn,
footer a:active.topbtn,
footer a:focus.topbtn {
	color: #bcd1e6;
	text-decoration: none; }

.copyright {
	text-align: center;
	font-size: 0.9em; }