@font-face {
	font-family: 'Le Havre Black';
	font-style: normal;
	font-weight: normal;
	src: local('Le Havre Black'), url('LeHavreBlack.woff') format('woff');
}
body {
	color: #fff;
}
.header_image {
	width: 100%;
	max-width: 880px;
	display: block;
}
.bgd_color, .bgd_color_light, .bgd_color_dark, .bgd_color_dark02 {
	padding-bottom: 60px;
}
.bgd_color_last {
	padding-bottom: 0;
	margin-top: -1px;
}
.page_title {
	text-align: center;
}
.page_subtitle {
	font-family:'Le Havre Black';
	font-size: 20px;
	text-transform: uppercase;
	letter-spacing: 2px;
  color: #fff;
}
.subtitle {
	text-align: center;
	padding: 2px 5px 7px;
	background-color: #455467;
}
.paragraph_arrow {
	height: 15px;
	float: left;
	margin-top: 5px;
}
.drop_cap {
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.6;
	font-family: "Open sans";
	margin-left: 20px;
}
.without_arrow {
	padding-top: 30px;
}
.img_wrap_right img, .img_wrap_left img, .img_full_col img, .img_wrap_right_4 img {
	width: 100%;
	margin-bottom: 20px;
}
.subtitle_up {
	margin-top: -51px;
}
.subtitle_up_1 {
	margin-top: -21px;
}
.subtitle_up_2_mobile {
    margin-top: -39px;
}
.subtitle_first {
	margin-top: 0;
}
.img_frame_image {
	width: 100%;
}
.img_wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
}
.img_title {
	text-align: center;
	padding: 10px 0 20px;
}
ul {
	list-style: none;
	padding: 0;
}
/* ol li, ul li {
	font-size: 14px;
	font-family: "Open sans";
	padding-bottom: 10px;
	line-height: 2.3;
} */
.drop_cap_first {
	padding-top: 60px;
}
.drop_cap a {
	color: #fff;
	text-decoration: underline;
}
.drop_cap a:hover {
	color: #455467;
}
.pagination {
	width: 100%;
}
.pagination li {
	float: left;
	width: 100%;
	margin-right: 5px;
	margin-bottom: 1em;
}
.pagination li a {
	background: #fff;
	display: inline-block;
	padding: 4px 12px;
	text-decoration: none;
	font-weight: 400;
	line-height: 1.5em;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;	
	width: 100%;
	text-align: center;
}
.disabled {
	pointer-events: none !important;
    cursor: default;
    color: Gray;
}
.copy_notice {
	text-align: center;
	padding-bottom: 30px;
}
.copy_notice a {
	color: #fff;
	text-decoration: underline;
}
.copy_notice a:hover {
	color: #4aa6bd;
}

.content_list {
	list-style-type: circle;
	padding-top: 20px;
}
.content_list_disc {
	list-style-type: disc;
}
.content_list_none {
	list-style-type: none;
}
.content_list_none .content_list li {
	line-height: 1;
    margin-left: 40px;
}
.content_list li{
	font-size: 20px;
	font-family: "Open sans";
	padding-bottom: 10px;
	line-height: 1.8;
	margin-left: 20px;
}
.content_list_disc .content_list li {
	line-height: 1;
	margin-left: 20px;
}
.line_height_small li {
	line-height: 1;
}
.list_item {
	font-size: 15px;
	padding-left: 0;
	display: block;
}
.content_line {
	border-bottom: 1px solid #445a6d;
	margin: 30px 0 30px 20px;
}
.content_line_short {
	border-bottom: 1px solid #445a6d;
	margin: 30px auto 10px;
	width: 50%;
	list-style: none;
}
.content_line_short_last {
	border-bottom: 1px solid #445a6d;
	margin: 30px auto 60px;
	width: 50%;
	list-style: none;
}
.part_title {
	text-transform: uppercase;
	font-family:'Le Havre Black';
	text-align: center;
	font-size: 16px;
	letter-spacing: 2px;
	padding-bottom: 10px;
	padding-top: 30px;
}


@media (min-width: 750px) {
	.content .container {
		max-width: 770px;
	}
	.bgd_color, .bgd_color_light, .bgd_color_dark, .bgd_color_dark02 {
		padding-bottom: 60px;
	}
	.bgd_color_last {
		padding-bottom: 0;
		margin-top: -1px;
	}
	.page_subtitle {
		font-size: 32px;
		letter-spacing: 3px;
		width: 100%;
		display: block;
		margin-bottom: 14px;
	}
	.subtitle {
		margin: 40px auto 50px;
		padding: 7px 30px 7px;
		min-height: 78px;
	}
	.paragraph_arrow {
		height: 17px;
		margin-top: 8px;
	}
	.content_list_disc .content_list li {
		margin-left: 70px;
	}.content_list_none .content_list li {
		margin-left: 70px;
	}
	.drop_cap {
		line-height: 2.4;
		margin-left: 30px;
	}
	.box_last {
		margin-bottom: 80px;
	}
	.img_frame {
		margin: 30px auto 10px;
	}
	.img_wrap, .img_wrap_light {
		width: 90%;
		margin: 0 auto;
	}
	.image_bigger {
		width: 110% !important;
		margin-left: -5%;
	}
	.subtitle_up {
		margin: -59px auto 50px;
		padding-top: 28px;
	}
	.content_list li{
		margin-left: 90px;
	}
	.list_item {
		padding-left: 15px;
	}
	.out_container_image {
		max-width: 880px;
		margin: 0 auto;
		width: 100%;
	}
	.subtitle_up_1 {
		margin-top: -39px;
		padding-top: 28px;
		display: inline-block;
	}
	.subtitle_up_1_box {
		display: inline-box;
		display: -webkit-inline-box;	
		display: -moz-inline-box;	
		display: -o-inline-box;
		display: -khtml--inline-box;
	}
	.subtitle_up_2 {
		margin-top: -59px;
		padding-top: 28px;	
		display: inline-block;
	}
	.subtitle_up_2_box {
		display: inline-box;
		display: -webkit-inline-box;	
		display: -moz-inline-box;	
		display: -o-inline-box;
		display: -khtml--inline-box;
	}
	.subtitle_first {
		display: inline-box;
		display: -webkit-inline-box;	
		display: -moz-inline-box;	
		display: -o-inline-box;
		display: -khtml--inline-box;
	}
	.pagination li {
		width: auto;
		padding-left: 2em;
	}
	.img_wrap_right {
		margin: 0;
		float: right;
		width: 52%;
		text-align: right;
		margin-right: -50px;
		margin-top: -30px;
	}
	.img_wrap_left {
		margin: 0;
		float: left;
		width: 100%;
		text-align: left;
		margin-top: 30px;
		margin-left: -20px;
	}
	.img_wrap_right_top {
		margin-top: -90px;
	}
	.padding_bottom {
		padding-bottom: 20px;
	}
	.image_right_height {
		min-height: 140px;
	}
	.part_title {
		text-align: left;
		font-size: 19px;
		padding-bottom: 30px;
		margin-left: 30px;
	}
	.part_title_2 {
		padding-top: 20px;
		line-height: 2;
	}
	.part_border {
		float: left;
		width: 40px;
		height: 235px;
		margin-left: -40px;
		border-top: 3px solid;
		border-left: 3px solid;
		margin-top: 36px;
	}
	.part_border_2 {
		height: 120px;
	}
	.part_border_3 {
		height: 165px;
	}
	.part_border_4 {
		height: 200px;
	}
	.part_border_7 {
		height: 310px;
	}
	.part_border_9 {
		height: 360px;
	}

}

.blue_dark {
  background-color: #455467;
}
.blue_dark .header_image {
	margin: 0 auto 30px;
}
.blue_dark .conclusion .header_image {
	margin: 0 auto 0;
}
.blue_dark .img_wrap {
	background-color: #3e4b5c;
	border: 10px solid #415062;
}
.blue_dark .introduction_subtitle {
	font-family:'Le Havre Black';
	margin-top: 0;
	text-transform: uppercase;
	text-align: center;
	font-size: 32px;
	padding: 0 0 15px;
	letter-spacing: 4px;
}
.blue_dark .title_line {
	border-top: 1px solid #9db1c3;
	text-align: center;
	margin: 0 auto;
}
.blue_dark .line_arrow {
	width: 17px;
	padding: 0;
	vertical-align: top;
}
.blue_dark .bgd_color_light {
	background-color: #616d7e;
}
.blue_dark .subtitle {
	width: 100%;
	text-align: center;
	padding: 0px 5px 7px;
	background-color: #4aa6bd;
}
.blue_dark .subtitle_up_1 {
    margin-top: -23px;
}
.blue_dark .subtitle_conclusion {
    margin-top: 0;
}

@media (min-width: 751px) {
	.blue_dark .introduction_subtitle {
		font-size: 36px;
		padding: 20px 0 40px;
	}
	.blue_dark .introducing_page_subtitle {
		margin-top: 10px;
	}
	.blue_dark .subtitle {
		width: 80%;
		margin: 40px auto 50px;
		padding: 7px 5px 7px;
		min-height: 78px;
	}
	.blue_dark .subtitle_up_2 {
		margin-top: -59px;
		padding-top: 28px;
		display: -webkit-inline-box;		
	}
	.blue_dark .subtitle_up_1 {
		margin-top: -23px;
	}
	.blue_dark .subtitle_up_1 {
		margin-top: -39px;
		padding-top: 20px;
	}
	.blue_dark .drop_cap {
		padding-bottom: 30px;
	}
	.blue_dark .conclusion .subtitle_up_1 {
		margin-top: -59px;
		padding-top: 28px;
		display: -webkit-inline-box;
		
	}
	.blue_dark .conclusion .subtitle {
		width: auto;
		padding-left: 15px;
		padding-right: 15px;
	}
}
.blue_light {
  background-color: #4aa6bd;
}
.blue_light .header_image {
	margin: 0 auto;
}
.blue_light .img_wrap {
	background-color: #4295aa;
	border: 10px solid #469eb3;
}
.blue_light .img_wrap_dark {
	background-color: #3b8699;
	border: 10px solid #3f8da1;
}
.blue_light .bgd_color_dark {
	background-color: #4295aa;
}
.blue_light .bgd_color_light {
	background-color: #65b3c7;
}
.blue_light .bgd_color_dark02 {
	background-color: #3b8699;
}
.blue_light .bgd_color_light .img_wrap {
	background-color: #5ba1b3;
	border: 10px solid #60aabd;
}
@media (min-width: 750px) {
	.blue_light .part_border_color_green {
		border-color: #1cbbb4;
	}
	.blue_light .part_border_color_blue {
		border-color: #6dcff6;
	}
}
.red {
  background-color: #ba5757;
}
.red .header_image {
	margin: 0 auto;
}
.red .img_wrap {
	background-color: #964646;
	border: 10px solid #9e4a4a;
}
.red .img_wrap_light {
	background-color: #a74e4e;
	border: 10px solid #b15353;
}
.red .img_wrap_dark {
	background-color: #873f3f;
	border: 10px solid #8e4242;
}
.red .bgd_color_dark {
	background-color: #a74e4e;
}
.red .bgd_color_light {
	background-color: #65b3c7;
}
.red .bgd_color_dark02 {
	background-color: #964646;
}
.red .bgd_color_light .img_wrap {
	background-color: #5ba1b3;
	border: 10px solid #60aabd;
}
@media (min-width: 750px) {
	.red .part_border_color_light {
		border-color: #898989;
	}
	.red .part_border_color_dark {
		border-color: #707070;
	}
}


.blue {
  background-color: #54819e;
}
.blue .header_image {
	margin: 0 auto;
}
.blue .img_wrap {
	background-color: #436880;
	border: 10px solid #476e87;
}
.blue .img_wrap_light {
	background-color: #4b748e;
	border: 10px solid #507a96;
}
.blue .img_wrap_dark {
	background-color: #3c5c71;
	border: 10px solid #406278;
}
.blue .bgd_color_dark {
	background-color: #4b748e;
}
.blue .bgd_color_dark02 {
	background-color: #43677e;
}
@media (min-width: 750px) {
	.blue .part_border_color_light {
		border-color: #26b5b3;
	}
	.blue .part_border_color_dark {
		border-color: #365c75;
	}
}


.green {
  background-color: #549e8d;
}
.green .header_image {
	margin: 0 auto;
}
.green .img_wrap {
	background-color: #4b8e7f;
	border: 10px solid #509686;
}
.green .img_wrap_dark {
	background-color: #438072;
	border: 10px solid #478778;
}
.green .img_wrap_dark2 {
	background-color: #40786c;
	border: 10px solid #437f72;
}
.green .bgd_color_dark {
	background-color: #4b8e7f;
}
.green .bgd_color_light {
	background-color: #65b3c7;
}
.green .bgd_color_dark02 {
	background-color: #478678;
}
.green .bgd_color_light .img_wrap {
	background-color: #5ba1b3;
	border: 10px solid #60aabd;
}
@media (min-width: 750px) {
	.green .part_border_color_light {
		border-color: #26b5b3;
	}
	.green .part_border_color_dark {
		border-color: #365c75;
	}
}