/* Clear default margins and paddings */

* {
    margin: 0;
    padding: 0;
}

/* Clear bootstrap responsiveness */

.container {
    /* width: 799px; */
    width: 690px;
    padding: 0;
	margin: 0;
	background-color: #f7f7f8;
}

.row {
	margin: 0;
    overflow: hidden;
    flex-wrap: nowrap;
}

.col-2,
.col-3,
.col-5,
.col-6,
.col-7 {
	padding: 0;
}

@media (min-width: 576px) {
    .container {
        max-width: 799px;
    }
}

/* General */

body {
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
}

header {
	background-color: #00a0e9;
	padding-left: 10px;
	color: white;
}

h1 {
	font-size: 2.5em;
	font-weight: 300;
}

h3 {
	font-weight: 300;
}

.box-shadow {
	-webkit-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.47);
	-moz-box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.47);
	box-shadow: 0px 0px 5px -1px rgba(0,0,0,0.47);
}

section {
	/* border-top: 24px solid #00a0e9; */
	background-color: #fff;
	margin: 40px 10px;
}

.skewed-div {
	height: 34px;
	/* border-top: 20px solid transparent; */
	border-left: 670px solid #00a0e9;;
	border-bottom: 20px solid transparent;	
}

.divider {
	width: 200px;
	height: 2px;
	background-color: #00a0e9;
	margin: 0 auto;
	margin-top: 40px;
}

.subheader {
	padding: 5px 10px;
	color: #333;
}

.subheader.white {
	background-color: #fff;
}

.subheader.blue {
	background-color: #00a0e9;
	color: #fff;
}

.position {
	position: absolute;
	bottom: 2px;
	font-style: italic;
	font-size: .8em;
}

.position.right {
	right: 10px;
}

.position.left {
	left: 10px
}

.profile-photo {
	height: 200px;
}

.header-profile-photo {
	width: 100%;
	height: auto;
}

.carousel-caption {
	background-color: rgba(0,0,0,0.5);
	left: 0;
	width: 100%;
	bottom: 0;
	padding: 10px 0;
}

.section-1 {
	padding-right: 10px;	
}

.guidelines {
	font-size: .85em;
}

.guidelines-header {
	font-size: 24px;
	font-weight: 400;
}

.section-image-caption {
	left: 15px;
	width: 100%;
}

.section-2, .section-3, .section-4, .section-5 {
	padding: 20px;
}

.training {
	font-size: .85em
}

.custom-padded-1 {
	padding-left: 71px;
}

.custom-padded-2 {
	padding-left: 79px;
}

.training-2 {
	margin: 40px 0;
}

.training-truck-image {
	position: absolute;
	left: 480px;
	top: 600px;
	width: 180px;
}

.training-truck-image-2 {
	position: absolute;
	left: 480px;
	top: 782px;
	width: 180px;	
}

.gallery img {
	filter: brightness(90%);
	transition: .2s;
	position: relative;
}

.gallery img:hover {
	transform: scale(1.25, 1.25);
	filter: brightness(105%);
	z-index: 10;
}

.section-3 p {
	font-size: .9em;
}

.section-3-image {
    width: 136px;
}

.section-4 p {
	font-size: .9em;
}

.section-4 .profile-photo {
	height: 208px;
}

.section-4-image {
    width: 138px;
}

.section-5 p {
	font-size: .85em;
}

.section-5-image {
    width: 138px;
}