@charset "utf-8";
/* Namari Landing Page v.1.1.0 Style Index - a free landing page by shapingrain.com

1. Default and Reset styles
- 1.1 Input Elements
2. Global elements
- 2.1 Header
- 2.2 Logo
- 2.3 Buttons
- 2.4 Navigation
- 2.5 Social Elements
- 2.6 Images
3. Fonts and Headings
4. Banner
- 4.1 SignUp Form
5. Content Elements
- 5.1 Icons
- 5.2 Parallax Elements
- 5.3 Divider
6. Landing Page Sections
- 6.1 Features
- 6.2 Testimonials
- 6.3 Gallery
- 6.4 Video
- 6.5 Clients
- 6.6 Pricing Table
7. Footer


/*------------------------------------------------------------------------------------------*/
/* 1. Defaults & Reset of specific styles across browsers */
/*------------------------------------------------------------------------------------------*/

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, blockquote, th, td {
	margin: 0;
	padding: 0;
	direction: ltr;
}

body {
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}

p {
	line-height: 25px;
}

.row img {
	height: auto;
	max-width: 100%;
}

a {
	text-decoration: none;
	line-height: inherit;
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}

iframe {
	border: 0 !important;
	width: 100%;
	height: 100%;
	min-height:300px;
}

.parallax-window {
	min-height: 400px;
	background: transparent;
}

figure {
	margin: 0;
}

/* Page Border */

.page-border {
	position: fixed;
	z-index: 999999;
	pointer-events: none;
}

.page-border .bottom-border, .page-border .left-border, .page-border .right-border, .page-border .top-border {
	background: #f3f3ef;
	position: fixed;
	z-index: 9999;
}

.page-border > .top-border, .page-border > .right-border, .page-border > .bottom-border, .page-border > .left-border {
	padding: 11px;
	background: #ccc;
}

.page-border .bottom-border, .page-border .top-border {
	width: 100%;
	padding: 10px;
	left: 0;
}

.page-border .left-border, .page-border .right-border {
	padding: 10px;
	height: 100%;
	top: 0;
}

.page-border .top-border {
	top: 0;
}

.page-border .right-border {
	right: 0;
}

.page-border .bottom-border {
	bottom: 0;
}

.page-border .left-border {
	left: 0;
}

#wrapper {
	margin:0 15px;
	padding: 15px 0;
	position: relative;
}


/* --------- 1.1 Input Elements ---------- */

input, textarea {
	border: 1px solid #e1e1e1;
	padding: 10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	border-radius: 3px;
}

input {
	height: 40px;
	margin: 3px 0;
	outline: none;
	line-height: normal;
	font-size: 14px;
}

input[type="submit"] {
	cursor: pointer;
	border-style: solid;
	border-width: 2px;
	padding-top: 0;
	padding-bottom: 0;
}

select {
	border: 1px solid #e1e1e1;
	height: 40px;
	padding: 5px;
}

input:focus, textarea:focus {
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}

*:focus {
	outline: none;
}

/*------------------------------------------------------------------------------------------*/
/* 2. Layout Elements */
/*------------------------------------------------------------------------------------------*/

section {
	clear: both;
	/* overflow: hidden; */
}

/* Rows and Columns */

.row {
	max-width: 1245px;
	margin: 0 auto;
	padding: 35px 0;
	/* position: relative; */
	width: 100%;
}


.no-padding-bottom .row, .no-padding-bottom div, .no-padding-bottom.row {
	padding-bottom: 0;
}

.no-padding-top.row, .no-padding-top div {
	padding-top: 0;
}

.big-padding-top {
	padding-top: 75px !important;
}

.big-padding-bottom {
	padding-bottom: 85px !important;
}

/* Targets all elements */

[class*='col-'] {
	float: left;
	padding: 20px;
}
@media(max-width:834px){
	[class*='col-'] {
			padding: 20px 5px;
	}
}

#clients .col-2-3 [class*='col-'] {
	padding: 0;
}

/* Clearfix */

.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/* Main Widths */

.col-1 {
	width: 100%;
}

.col-2 {
	width: 50%;
}

.col-3 {
	width: 33.33%;
}
@media(max-width:499px){ .col-3:last-child{ margin-bottom: 50px;}}

.col-4 {
	width: 25%;
}

.col-5 {
	width: 20%;
}

.col-6 {
	width: 16.6666666667%;
}

.col-7 {
	width: 14.2857142857%;
}

.col-8 {
	width: 12.5%;
}

.col-9 {
	width: 11.1111111111%;
}

.col-10 {
	width: 10%;
}

.col-11 {
	width: 9.09090909091%;
}

.col-12 {
	width: 8.33%;
}

.col-2-3 {
	width: 66.66%;
}

.col-3-4 {
	width: 75%;
}

.col-9-10 {
	width: 90%;
}

/* Golden Ratio */
.col-61 {
	width: 61.8%;
}

.col-38 {
	width: 38.2%;
}

/* views */
.spView {
	display: none !important;
}
@media only screen and (max-width:768px) {
	.spView {
			display: block !important;
	}
	.pcView {
			display: none !important;
	}
}

/* --------- 2.1 Header --------- */

/* #header {
	height: 71px !important;
	overflow: visible;
	z-index: 9999;
	width: 100%;
	position: absolute !important;
}

#header .row {
	padding: 0;
}

#header aside {
	text-align: right;
}

#header ul {
	text-align: center;
}

#header li {
	display: inline-block;
	list-style: none;
	margin: 0;
} */

/* --------- 2.2 Logo ---------- */

/* --------- 2.3 Buttons ---------- */

/*Style*/

.button {
	font-size: 16px;
	margin: 15px 0;
	padding: 11px 16px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	transition: all .3s linear;
	display: inline-block;
	border-width: 1px;
	border-style: solid;
}

/* Play Button */

#video-section {
	position:relative;
}

.play-video {
	height:110px;
	position:absolute;
	top:50%;
	margin-top:-110px;
	width:100%;
}

.play-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 45px auto;
	width: 110px;
	height: 110px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
}

.play-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.play-icon:before {
	font-family: 'fontawesome';
	content: '\f144';
	speak: none;
	font-size: 74px;
	line-height: 110px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
	color:#fff;
}

.play-video .play-icon {
	background: rgba(255, 255, 255, 0.5);
	-webkit-transition: -webkit-transform ease-out 0.3s, background 0.4s;
	-moz-transition: -moz-transform ease-out 0.3s, background 0.4s;
	transition: transform ease-out 0.3s, background 0.4s;
}

.play-video .play-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.play-video .play-icon:hover {
	background: rgba(255, 255, 255, 0.05);
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.boxinfo {
	position: relative;
	margin: 2em 2em;
	padding: 1em;
	border: solid 2px #686868;
	max-width: 800px;
	margin: 3em auto;
	/* width: calc(100% - 4em); */
}



.boxinfo .box-titleA {
	display: inline-block;
	line-height: 1.5;
 color:#a32b2e;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #686868;
	width: 100%;
}

#contents .boxinfo .box-text{
	font-size:16px;
	margin: 12px 0 0;
	color:#000;
	line-height: 1.8;
	font-weight: bold;
	padding-top: 10PX;
}

@media only screen and (max-width:768px) {
	#contents .boxinfo .box-text{
		font-size:14px;
	}
}

.top_concept{
    max-width: 1200px;
    width:100%;
    margin:0 auto;
    text-align:center;
    background: rgb(230 230 230 / 0.6);
    padding: 2%;
}
.top_concept img{
	width:100%;
	max-width: 791px;
	margin: 0 auto;
	/* text-align: center; */
}
.top_concept p{
    text-align:center;
    font-size:16px;
}


.top_concept p{
    text-align:center;
    font-size:16px;
    font-weight: 600;
    line-height: 2;
}


/* --------- 2.6 Images ---------- */

/*Alignment*/

img {
	vertical-align: top;
}

.image-center {
	display: block;
	margin: 0 auto;
}

a img {
	border: none;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-backface-visibility: hidden;
}

a img:hover {
	opacity: 0.7;
}

/*------------------------------------------------------------------------------------------*/
/* 3. Fonts */
/*------------------------------------------------------------------------------------------*/

h1 {
	/* padding: 20px 0; */
}

h2 {
	padding: 14px 0;
}

h3 {
	padding: 10px 0;
}

h4 {
	padding: 7px 0;
}

h5 {
	padding: 7px 0;
}

h6 {
	padding: 7px 0;
}

/* Text Alignment */

.text-left {
	text-align: left;
}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

/* Section Headings */

.section-heading {
	padding: 0 0 15px 0;
}

.section-subtitle {
	font-size: 18px;
	padding-top: 0;
}

.section-heading h3 {
	font-size: 14px;
	font-weight: bold;
	color: #416000;
	letter-spacing: 2px;
	padding-bottom: 0;
}

/*------------------------------------------------------------------------------------------*/
/* 4. Banner */
/*------------------------------------------------------------------------------------------*/

#banner {
	background-size: cover;
}

#banner-content.row {
	padding-top: 170px;
	padding-bottom: 100px;
}

#banner h1 {
	padding-top: 5%;
}

#banner .section-heading:before {
	content: "";
	display: block;
	width: 30px;
	height: 5px;
	margin-top: 30px;
}



/*------------------------------------------------------------------------------------------*/
/* 5. Content Elements */
/*------------------------------------------------------------------------------------------*/

/* --------- 5.1 Icons ---------- */

/*Font Icon sizes*/

.fa-1x {
	font-size: 15px !important;
}

/*Icon Block*/

.icon-block {
	position: relative;
}

.icon-block h4 {
	font-weight: bold;
	padding-top: 0;
}

.icon-block .icon {
	position: absolute;
}

.icon-block p {
	margin-top: 0;
}

/* Icon Left*/

.icon-left .icon {
	left: 15;
}

.icon-left .icon-block-description {
	padding-left: 53px;
}

/* Icon Right */

.icon-right .icon {
	right: 15;
}

.icon-right .icon-block-description {
	padding-right: 53px;
}

/* Icon Above */

.icon-top {
	display: block;
}

.icon-top .icon {
	position: relative;
	display: block;
}

.icon-top .icon-block-description {
	padding-top: 25px;
}

/* --------- 5.2 Parallax Elements ---------- */

.banner-parallax-1, .banner-parallax-2, .banner-parallax-3 {
	min-height: 350px;
}

/* --------- 5.3 Divider ---------- */

.divider {
	position: relative;
	width: 40%;
	height: 20px;
	line-height: 20px;
	margin: 10px auto 5px auto;
	clear: both;
	text-align: center;
}

.divider-inner {
	position: absolute;
	height: 1px;
	width: 100%;
	top: 50%;
	margin-top: -1px;
	border-top: 1px solid;
	border-color: #e1e1e1;
}

.divider i {
	background: #fff;
	position: relative;
	top: -11px;
	padding: 0 5px 0 5px;
	color: #e1e1e1;
}

/*------------------------------------------------------------------------------------------*/
/* 6. Landing Page Sections */
/*------------------------------------------------------------------------------------------*/

/* --------- 6.1 Introduction ---------- */

.introduction img.featured {
	padding: 55px 0 0 0;
}

/* --------- 6.2 Features ---------- */

.features.row {
	padding-left: 5%;
	padding-right: 5%;
}

.features div:nth-child(4) {
	clear: both;
}

/* --------- 6.3 Testimonials ---------- */

.testimonial {
	padding: 15px;
}

blockquote {
	position: relative;
}

.testimonial img {
	max-height: 120px;
	border-radius: 250em;
}

.testimonial footer {
	padding-top: 12px;
}

/* Style Classic - Avatar above Testimonial */

.testimonial.classic img {
	display: inline-block;
	margin-bottom: 25px;
}

.testimonial.classic q {
	display: block;
}

.testimonial.classic footer:before {
	display: block;
	content: "";
	width: 30px;
	height: 4px;
	margin: 10px auto 15px auto;
}

/* Style Big */

.testimonial.bigtest {
	padding-top: 0;
}

.testimonial.bigtest q {
	font-size: 22px;
}

/* --------- 6.4 Gallery ---------- */

#gallery img {
	max-height: 300px;
}

#gallery [class*='col-'] {
	padding: 0;
}

#gallery a {
	display: inline-block;
	position: relative;
	overflow: hidden;
}

#gallery a:hover img {
	opacity: 0.15;
	-moz-backface-visibility: hidden;
}

#gallery a:before {
	font-size: 2.2em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	content: "+";
	width: 70px;
	height: 70px;
	border-radius: 100em;
	display: block;
	position: absolute;
	top: 55%;
	left: 50%;
	line-height: 72px;
	margin: -35px 0 0 -35px;
	opacity: 0;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
	vertical-align: middle;
}

#gallery a:hover:before {
	opacity: 1;
	top: 50%;
	left: 50%;
}

/**
* Featherlight – ultra slim jQuery lightbox
* Version 1.3.3 - http://noelboss.github.io/featherlight/
*
* Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
* MIT Licensed.
**/
@media all {
	.featherlight {
			display: none;

			/* dimensions: spanning the background from edge to edge */
			position: fixed;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			z-index: 2147483647; /* z-index needs to be >= elements on the site. */

			/* position: centering content */
			text-align: center;

			/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
			white-space: nowrap;

			/* styling */
			cursor: pointer;
			background: #333;
			/* IE8 "hack" for nested featherlights */
			background: rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
			background: rgba(0, 0, 0, 0.8);
	}

	.featherlight:before {
			/* position: trick to center content vertically */
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			margin-right: -0.25em;
	}

	.featherlight .featherlight-content {

			/* position: centering vertical and horizontal */
			text-align: left;
			vertical-align: middle;
			display: inline-block;

			/* dimensions: cut off images */
			overflow: auto;
			padding: 25px 0;
			border-bottom: 25px solid transparent;

			/* dimensions: handling small or empty content */
			min-width: 30%;

			/* dimensions: handling large content */
			margin-left: 5%;
			margin-right: 5%;
			max-height: 95%;

			/* styling */
			cursor: auto;

			/* reset white-space wrapping */
			white-space: normal;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
			/* make sure its visible */
			display: block;
	}

	.featherlight .featherlight-close-icon {
			/* position: centering vertical and horizontal */
			position: absolute;
			z-index: 9999;
			top: 25px;
			right: 25px;

			/* dimensions: 25px x 25px */
			line-height: 25px;
			width: 25px;

			/* styling */
			cursor: pointer;
			text-align: center;
			color: #fff;
			font-family: "fontawesome";
			font-size: 22px;
			opacity: 0.5;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
	}

	.featherlight .featherlight-close-icon:hover {
			opacity: 1;
	}

	.featherlight .featherlight-image {
			/* styling */
			max-height: 100%;
			max-width:100%;
	}

	.featherlight-iframe .featherlight-content {
			/* removed the border for image croping since iframe is edge to edge */
			border-bottom: 0;
			padding: 0;
	}

	.featherlight iframe {
			/* styling */
			border: none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight .featherlight-content {
			/* dimensions: maximize lightbox with for small screens */
			margin-left: 10px;
			margin-right: 10px;
			max-height: 98%;

			padding: 10px 10px 0;
			border-bottom: 10px solid transparent;
	}

}

/* Gallery Styling */
@media all {
	.featherlight-next,
	.featherlight-previous {
			font-family: "fontawesome";
			font-size: 22px;
			display: block;
			position: absolute;
			top: 25px;
			right: 0;
			bottom: 0;
			left: 80%;
			cursor: pointer;
			/* preventing text selection */
			-webkit-touch-callout: none;
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			/* IE9 hack, otherwise navigation doesn't appear */
			background: rgba(0, 0, 0, 0);
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
	}

	.featherlight-previous {
			left: 0;
			right: 80%;
	}

	.featherlight-next span,
	.featherlight-previous span {
			display: inline-block;
			opacity: 0.3;
			position: absolute;
			top: 50%;
			width: 100%;
			font-size: 80px;
			line-height: 80px;

			/* center vertically */
			margin-top: -40px;
			color: #fff;
			font-style: normal;
			font-weight: normal;
			-webkit-transition: all 0.3s ease-out;
			-moz-transition: all 0.3s ease-out;
			-o-transition: all 0.3s ease-out;
			transition: all 0.3s ease-out;
	}

	.featherlight-next span {
			text-align: right;
			left: auto;
			right: 7%;
	}

	.featherlight-previous span {
			text-align: left;
			left: 7%;
	}

	.featherlight-next:hover span,
	.featherlight-previous:hover span {
			display: inline-block;
			opacity: 1;
	}

	/* Hide navigation while loading */
	.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
			display: none;
	}
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px) {
	.featherlight-next:hover,
	.featherlight-previous:hover {
			background: none;
	}

	.featherlight-next span,
	.featherlight-previous span {
			display: block;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight-next,
	.featherlight-previous {
			top: 10px;
			right: 10px;
			left: 85%;
	}

	.featherlight-previous {
			left: 10px;
			right: 85%;
	}

	.featherlight-next span,
	.featherlight-previous span {
			margin-top: -30px;
			font-size: 40px;
	}
}

/* --------- 6.5 Video ---------- */

#video-box {
	color:#fff;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.video_container, .easyContainer {
	position: relative;
	padding-bottom: 56.25%; /* 16/9 ratio */
	margin: 0;
	padding-top: 0; /* IE6 workaround*/
	height: 0;
	overflow: hidden;
}

.video_container iframe, .video_container object, .video_container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
	width: 100% !important;
	height: 529px !important;
}

.videojs-background-wrap {
	overflow: hidden;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: -998;
}

#slvj-window {
	width: 100%;
	min-height: 100%;
	z-index: 9999999999;
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	left: 0;
}

#slvj-window,
#slvj-window * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#slvj-background-close {
	width: 100%;
	min-height: 100%;
	z-index: 31;
	position: fixed;
	top: 0;
	left: 0;
}

#slvj-back-lightbox {
	max-width: 940px;
	max-height: 529px;
	z-index: 32;
	text-align: center;
	margin: 0 auto;
}

.slvj-lightbox {
	width: 100%;
	height: 100%;
	margin: 0;
	z-index: 53;
}

#slvj-close-icon:before {
	font-family: "fontawesome";
	color: #fff;
	content: '\f00d';
	font-size: 22px;
	opacity: 0.5;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	z-index: 99999;
	height: 22px;
	width: 22px;
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
}

#slvj-close-icon:before:hover {
	opacity: 1;
	cursor: pointer;
}

/* --------- 6.6 Clients ---------- */

#clients a {
	display: block;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
}

#clients img {
	display: inline-block;
	padding: 15px 25px;
}

.client-overlay {
	background: rgba(0, 0, 0, 0.8);
	position: absolute;
	top;
	0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

#clients a:hover .client-overlay {
	opacity: 1;
}

.client-overlay span {
	position: absolute;
	top: 48%;
	left: 0;
	width: 100%;
	text-align: center;
	display: inline-block;
}

/* --------- 6.7 Pricing Table ---------- */

.pricing-block {
	display:flex;
	flex-wrap: wrap;
}



.pricing-block-content {
	background: #fff;
	padding: 0px 10px 25px;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.07);
	transition: all 0.2s ease-in-out 0s;
	/* position: relative; */
	border: 2px solid #676665;
	border-radius: 2px;
	flex: 0 0 31.3333%;
	margin: 1%;
}


@media(max-width:500px){

.pricing-block-content {
	flex: 0 0 90%;
	margin: 5%;
}

}


.pricing-block ul {
	list-style: none;
	margin: 5px 0 5px 0;
}

/* ---top:事業3列デバイス別フォントサイズ */
@media(max-width:1024px){.pricing-block ul {font-size:.8rem;}}
@media(max-width:834px){.pricing-block ul {font-size:.6rem;}}
@media(max-width:500px){.pricing-block ul {font-size:.8rem;}}

.pricing-block li {
	padding: 3px 0;
	border-bottom: 1px dotted #e1e1e1;
}

.pricing-block li:last-of-type {
	border:none;
}

.pricing-block h3 {
	font-size:17px;
	text-transform:uppercase;
	padding-bottom:0;
	color: #416000;
}


.pricing-block p {
	font-size: 16px;
	text-transform:uppercase;
	padding-bottom:0;
	line-height:1.5;
	text-align: left;
}

.pricing-block p span {
    border-bottom:1px dashed #ddd;
}



.pricing-sub {
	font-style: italic;
	color:#ccc;
	margin:0 0 25px 0;
}

/*Price*/

.pricing {
	/* background: #f5f5f5; */
	padding: 5px;
	position: relative;
}

.price {
	display: inline-block;
	font-size: 62px;
	font-weight: 700;
	position: relative;
}

.price span {
	position: absolute;
	top: 0;
	left: -20px;
	font-size: 22px;
}

.pricing  p {
	font-style:italic;
	color:#b4b4b4;
	line-height:auto;
	margin:0;
}



/*------------------------------------------------------------------------------------------*/
/* 7. Footer */
/*------------------------------------------------------------------------------------------*/

#landing-footer {
	clear: both;
}

#landing-footer .row {
	padding: 0;
}

#landing-footer p {
	margin: 0;
}

#landing-footer ul {
	list-style: none;
	text-align: right;
}

#landing-footer li {
	display: inline-block;
}

/* Scroll Up */

#scrollUp {
/*     bottom: 15px;
	right: 30px;
	width: 70px;
	height: 80px;
	margin-bottom: -10px;
	padding: 0 5px 20px 5px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	-webkit-transition: margin-bottom 150ms linear;
	-moz-transition: margin-bottom 150ms linear;
	-o-transition: margin-bottom 150ms linear;
	transition: margin-bottom 150ms linear; */
}

#scrollUp:hover {
	margin-bottom: 0;
}

#scrollUp:before {
/*     background: #ccc;
	font-family: "fontawesome";
	font-size: 2.4em;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	color: #fff;
	width: 45px;
	height: 45px;
	display: inline-block;
	line-height: 45px;
	content: "\f106";
	opacity: 1; */
}

/*Preloader*/

#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff; /* change if the mask should have another color then white */
	z-index: 99999; /* makes sure it stays on top */
}

#status {
	width: 110px;
	height: 110px;
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */
	background-position: center;
	margin: -55px 0 0 -55px; /* is width and height divided by two */
	text-align: center;
}

/*!
* Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
* Copyright 2015 Daniel Cardoso <@DanielCardoso>
* Licensed under MIT
*/
.la-ball-triangle-path,
.la-ball-triangle-path > div {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.la-ball-triangle-path {
	display: block;
	font-size: 0;
	color: #fff;
}

.la-ball-triangle-path.la-dark {
	color: #333;
}

.la-ball-triangle-path > div {
	display: inline-block;
	float: none;
	background-color: currentColor;
	border: 0 solid currentColor;
}

.la-ball-triangle-path {
	width: 32px;
	height: 32px;
}

.la-ball-triangle-path > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	border-radius: 100%;
}

.la-ball-triangle-path > div:nth-child(1) {
	-webkit-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
	-moz-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
	-o-animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
	animation: ball-triangle-path-ball-one 2s 0s ease-in-out infinite;
}

.la-ball-triangle-path > div:nth-child(2) {
	-webkit-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
	-moz-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
	-o-animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
	animation: ball-triangle-path-ball-two 2s 0s ease-in-out infinite;
}

.la-ball-triangle-path > div:nth-child(3) {
	-webkit-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
	-moz-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
	-o-animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
	animation: ball-triangle-path-ball-tree 2s 0s ease-in-out infinite;
}

.la-ball-triangle-path.la-sm {
	width: 16px;
	height: 16px;
}

.la-ball-triangle-path.la-sm > div {
	width: 4px;
	height: 4px;
}

.la-ball-triangle-path.la-2x {
	width: 64px;
	height: 64px;
}

.la-ball-triangle-path.la-2x > div {
	width: 20px;
	height: 20px;
}

.la-ball-triangle-path.la-3x {
	width: 96px;
	height: 96px;
}

.la-ball-triangle-path.la-3x > div {
	width: 30px;
	height: 30px;
}

/*
* Animations
*/
@-webkit-keyframes ball-triangle-path-ball-one {
	0% {
			-webkit-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-webkit-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-webkit-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-webkit-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
}

@-moz-keyframes ball-triangle-path-ball-one {
	0% {
			-moz-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-moz-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-moz-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-moz-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
}

@-o-keyframes ball-triangle-path-ball-one {
	0% {
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
}

@keyframes ball-triangle-path-ball-one {
	0% {
			-webkit-transform: translate(0, 220%);
			-moz-transform: translate(0, 220%);
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-webkit-transform: translate(110%, 0);
			-moz-transform: translate(110%, 0);
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-webkit-transform: translate(220%, 220%);
			-moz-transform: translate(220%, 220%);
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-webkit-transform: translate(0, 220%);
			-moz-transform: translate(0, 220%);
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
}

@-webkit-keyframes ball-triangle-path-ball-two {
	0% {
			-webkit-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-webkit-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-webkit-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-webkit-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
}

@-moz-keyframes ball-triangle-path-ball-two {
	0% {
			-moz-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-moz-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-moz-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-moz-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
}

@-o-keyframes ball-triangle-path-ball-two {
	0% {
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
}

@keyframes ball-triangle-path-ball-two {
	0% {
			-webkit-transform: translate(110%, 0);
			-moz-transform: translate(110%, 0);
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-webkit-transform: translate(220%, 220%);
			-moz-transform: translate(220%, 220%);
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-webkit-transform: translate(0, 220%);
			-moz-transform: translate(0, 220%);
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-webkit-transform: translate(110%, 0);
			-moz-transform: translate(110%, 0);
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
}

@-webkit-keyframes ball-triangle-path-ball-tree {
	0% {
			-webkit-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-webkit-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-webkit-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-webkit-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
}

@-moz-keyframes ball-triangle-path-ball-tree {
	0% {
			-moz-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-moz-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-moz-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-moz-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
}

@-o-keyframes ball-triangle-path-ball-tree {
	0% {
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
}

@keyframes ball-triangle-path-ball-tree {
	0% {
			-webkit-transform: translate(220%, 220%);
			-moz-transform: translate(220%, 220%);
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
	17% {
			opacity: .25;
	}
	33% {
			opacity: 1;
			-webkit-transform: translate(0, 220%);
			-moz-transform: translate(0, 220%);
			-o-transform: translate(0, 220%);
			transform: translate(0, 220%);
	}
	50% {
			opacity: .25;
	}
	66% {
			opacity: 1;
			-webkit-transform: translate(110%, 0);
			-moz-transform: translate(110%, 0);
			-o-transform: translate(110%, 0);
			transform: translate(110%, 0);
	}
	83% {
			opacity: .25;
	}
	100% {
			opacity: 1;
			-webkit-transform: translate(220%, 220%);
			-moz-transform: translate(220%, 220%);
			-o-transform: translate(220%, 220%);
			transform: translate(220%, 220%);
	}
}

/*------------------------------------------------------------------------------------------*/
/* Responsive Elements */
/*------------------------------------------------------------------------------------------*/

/* =Media Queries for Nav
===============================*/
@media all and (max-width: 1024px) {
	#nav-trigger {
			display: block;
	}

	nav#nav-main {
			display: none;
	}

	nav#nav-mobile {
			display: block;
	}

	nav#nav-mobile li {
			display: block;
	}

	#header aside {
			display: none;
	}
}

/* Landscape mobile & down
===============================*/
@media (max-width: 480px) {

	#wrapper {
			margin:0;
			padding:0;
	}

	.page-border, #scrollUp, #scrollUp:before {
			display:none;
	}

	.row {
			/* padding: 15px !important; */
	}

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38, .row {
			width: 100%;
	}

	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-2-3, .col-3-4, .col-9-10, .col-61, .col-38 {
			padding-right: 0;
			padding-left: 0;
	}

	/*-----------------Header Elements-----------------*/
	#header .row {
			padding: 0 15px !important;
	}

	#header.nav-solid [class*="col-"] {
			padding: 0;
	}

	/*Logo*/
	#logo h2 {
			padding: 0;
	}

	/* Social */
	#header aside {
			clear: both;
			padding: 0;
	}

	#header ul.social-icons {
			margin-top: 0;
	}

	#banner-content.row {
			padding-top: 85px !important;
	}

	/*-----------------Sections-----------------*/

	/* Call to Action*/
	.call-to-action {
			padding-bottom: 25px;
	}

	/* Video */
	.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
			height: 270px !important;
	}

	/* Footer */
	#landing-footer #copyright {
			float: left;
			width: 50%;
	}

	#landing-footer .social-icons {
			float: right;
			width: 50%;
	}

	/*-----------------Typography-----------------*/
	h1 {
			/* font-size: 38px; */
	}

	#banner h1 {
			font-size: 48px;
	}

	/* Hide Elements */
	a#scrollUp {
			display: none !important;
	}

}

/* Mobile to Tablet Portrait
===============================*/
@media (min-width: 480px) and (max-width: 767px) {

	#wrapper {
			margin:0;
			padding:0;
	}

	.page-border, #scrollUp, #scrollUp:before {
			display:none;
	}


	.row {
			padding: 15px 0 !important;
	}

	.col-1, .col-2, .col-5, .col-7, .col-9, .col-11, .col-2-3, .col-3-4, .col-61, .col-38, .row {
			width: 100%;
	}

	.col-3, .col-4, .col-6, .col-8, .col-10, .col-12 {
			width: 50%;
	}

	/*-----------------Header Elements-----------------*/
	#header .row {
			padding: 0 !important;
	}

	#header aside {
			display: inline-block;
			position: absolute;
			top: 40px;
			right: 60px;
			padding-top:3px;
			padding-right: 5px;
	}

	#header.nav-solid aside {
			top: 20px;
	}

	#header aside ul {
			margin-top: 0 !important;
			padding-top: 6px;
	}

	#banner-content.row {
			padding-top: 85px !important;
	}

	/*Navigation*/
	nav#nav-mobile ul {
			margin-left: -40px;
			margin-right: -40px;
			padding-left: 20px;
			padding-right: 20px;
	}

	/*-----------------Sections-----------------*/

	/* Video */
	.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
			height: 370px !important;
	}

	/* Footer */
	#landing-footer #copyright {
			float: left;
			width: 50%;
	}

	#landing-footer .social-icons {
			float: right;
			width: 50%;
	}

}

/* Landscape Tablet to Desktop
===============================*/
@media (min-width: 768px) and (max-width: 1024px) {

	#wrapper {
			margin:0;
			padding:0;
	}

	.page-border {
			display:none;
	}

	.big-padding-top {
			padding-top: 45px !important;
	}

	/*-----------------Header Elements-----------------*/
	#header aside {
			display: inline-block;
			position: absolute;
			top: 40px;
			right: 60px;
			padding-top:3px;
			padding-right: 5px;
	}

	#header.nav-solid aside {
			top: 20px;
	}




	
	#header aside ul {
			margin-top: 0 !important;
			padding-top: 6px;
	}

	/*Navigation*/
	nav#nav-mobile ul {
			margin-left: -40px;
			margin-right: -40px;
			padding-left: 20px;
			padding-right: 20px;
	}

	/*-----------------Sections-----------------*/

	/* Video */
	.slvj-lightbox iframe, .slvj-lightbox object, .slvj-lightbox embed {
			height: 432px !important;
	}

}





/* Namari Landing Page Dynamic Style Index

1. Website Default Styling
2. Navigation
3. Primary and Secondary Colors
4. Banner
5. Typography
6. Buttons
7. Footer


/*------------------------------------------------------------------------------------------*/
/* 1. Website Default Styling */
/*------------------------------------------------------------------------------------------*/


body {
	background:#fff;
}


/* Default Link Color */

a, .la-ball-triangle-path {/* Namari Landing Page Dynamic Style Index

	1. Website Default Styling
	2. Navigation
	3. Primary and Secondary Colors
	4. Banner
	5. Typography
	6. Buttons
	7. Footer
	
	
	/*------------------------------------------------------------------------------------------*/
	/* 1. Website Default Styling */
	/*------------------------------------------------------------------------------------------*/
	
	
	body {
			background:#fff;
	}
	
	
	/* Default Link Color */
	
	a, .la-ball-triangle-path {
			color:#607D8B;
	}
	
	a:hover, #header.nav-solid nav a:hover {
			color:#607D8B;
	}
	
	/* Default Icon Color */
	
	.icon i {
			color:#607D8B;
	}
	
	/* Border Color */
	
	#banner .section-heading:before, .testimonial.classic footer:before {
			background: #607D8B;
	}
	
	.pricing-block-content:hover {
			border-color:#607D8B;
	}
	
	
	/*------------------------------------------------------------------------------------------*/
	/* 2. Navigation */
	/*------------------------------------------------------------------------------------------*/
	
	
	/* Transparent Navigation Color on a Banner */
	
	#header nav a, #header i {
			/* color:#111; */
	}
	
	
	/* Navigation Colors when the Navigation is sticky and solid */ 
	
	#header.nav-solid, #header.nav-solid a, #header.nav-solid i, #nav-mobile ul li a {
			color:#333;
	}
	
	
	/* Navigation Active State */
	
	#header.nav-solid .active {
			color: #607D8B;
			border-color: #607D8B;
	}    
	
	
	
	/*------------------------------------------------------------------------------------------*/
	/* 3. Primary and Secondary Colors */
	/*------------------------------------------------------------------------------------------*/
	
	
	/* Primary Background and Text Colors */
	
	.primary-color, .featured .pricing {
			/* background-color:#607D8B; */
	}
	
	.primary-color, .primary-color .section-title, .primary-color .section-subtitle, .featured .pricing, .featured .pricing p {
			color:#fff;    
	}
	
	.section-heading h2:after {
			background:#607D8B;
			content:"";
			display:block;
			width:30px;
			height:5px;
			margin-top:30px;
	}
	
	.text-center .section-heading h2:after {
			margin:30px auto 25px auto;
	}
	
	/* Primary Icon Colors */
	
	.primary-color .icon i, .primary-color i {
			color:#fff;
	}
	
	
	/* Secondary Background and Text Colors */
	
	.secondary-color {
			background-color:#f5f5f5;
			/* border-top: 1px; */
	}
	
	.secondary-images{
			background: url("../images/home/okumura_keikaku_bg.jpg") no-repeat center top;
			background-size:cover;
	}
	
	/*------------------------------------------------------------------------------------------*/
	/* 4. Banner */
	/*------------------------------------------------------------------------------------------*/
	
	
	/* Banner Background and Text Colors */
	
	#banner {
			background: url("../images/banner-images/banner-image-1.jpg") no-repeat center top;
			background-size:cover;
	}
	
	
	/*------------------------------------------------------------------------------------------*/
	/* 5. Typography */
	/*------------------------------------------------------------------------------------------*/
	
	
	body {
			/* font-family: 'Open Sans', sans-serif, Arial, Helvetica; */
			font-size:15px;
			font-weight:normal;
			color:#111;
	}
	
	/* Logo, if you are using Fonts as Logo and not image
	
	#logo h1 {
			font-family:;
			font-size:; 
			font-weight:;
			color:;
	}
	
	#logo h2 {
			font-family:;
			font-size:; 
			font-weight:;
			color:;
	}
	
	*/
	
	
	/* Banner Typography */
	
	#banner h1 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size:62px;
			line-height:60px;
			font-weight:800;
			color:#111;
	}
	
	#banner h2 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size:18px;
			font-weight:300;
			color:#111;
	}
	
	
	/* Section Title and Subtitle */
	
	.section-title {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 34px; 
			font-weight:700;
			color:#111;
	}
	
	.section-subtitle {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 16px;
			font-weight:300;
			color:#9c9c9c;
	}
	
	/* Testimonial */
	
	.testimonial q {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 17px; 
			font-weight:300;
	}
	
	.testimonial.classic q, .testimonial.classic footer {
			color:#111;
	}
	
	
	/* Standard Headings h1-h6 */
	
	h1 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 40px; 
			font-weight:300;
			color:#111;
	}
	
	h2 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 34px; 
			font-weight:300;
			color:#111;
	}
	
	h3 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 30px; 
			font-weight:700;
			color:#111;
	}
	
	h4 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 18px; 
			font-weight:400;
			color:#111;
	}
	
	h5 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 16px; 
			font-weight:400;
			color:#111;
	}
	
	h6 {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size: 14px; 
			font-weight:400;
			color:#111;
	}
	
	
	/*------------------------------------------------------------------------------------------*/
	/* 6. Buttons */
	/*------------------------------------------------------------------------------------------*/
	
	/* ----------Default Buttons---------- */
	
	
	/* Button Text */
	
	.button, input[type="submit"]  {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size:14px;
			font-weight:bold;
			color:#111;
	}
	
	
	/* Button Color */
	
	.button, input[type="submit"] {
			border-color:#111;
	}
	
	
	/* Button Hover Color */
	
	.button:hover,  input[type="submit"]:hover {
			border-color:#d2b356;
			color:#d2b356;
	}
	
	
	/* ----------Banner Buttons---------- */
	
	
	/* Button Text */
	
	#banner .button {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size:16px;
			color:#111;
	}
	
	
	/* Button Color */
	
	#banner .button {
			border-color:#111;
	}
	
	
	/* Button Hover Color */
	
	#banner .button:hover {
			color:#d2b356;
			border-color:#d2b356;
	}
	
	
	/*------------------------------------------------------------------------------------------*/
	/* 7. Footer */
	/*------------------------------------------------------------------------------------------*/
	
	#landing-footer, #landing-footer p, #landing-footer a {
			font-family: 'Open Sans', sans-serif, Arial, Helvetica;
			font-size:12px;
			font-weight:normal;
			color:#999;
	}
	
	/* Footer Icon Color */
	
	#landing-footer i {
			color:#999;
	}
	color:#607D8B;
}

a:hover, #header.nav-solid nav a:hover {
	color:#607D8B;
}

/* Default Icon Color */

.icon i {
	color:#607D8B;
}

/* Border Color */

#banner .section-heading:before, .testimonial.classic footer:before {
	background: #607D8B;
}

.pricing-block-content:hover {
	border-color:#FFC107;
}


/*------------------------------------------------------------------------------------------*/
/* 2. Navigation */
/*------------------------------------------------------------------------------------------*/


/* Transparent Navigation Color on a Banner */

#header nav a, #header i {
	/* color:#111; */
}


/* Navigation Colors when the Navigation is sticky and solid */ 

#header.nav-solid, #header.nav-solid a, #header.nav-solid i, #nav-mobile ul li a {
	color:#333;
}


/* Navigation Active State */

#header.nav-solid .active {
	color: #607D8B;
	border-color: #607D8B;
}    



/*------------------------------------------------------------------------------------------*/
/* 3. Primary and Secondary Colors */
/*------------------------------------------------------------------------------------------*/


/* Primary Background and Text Colors */

.primary-color, .featured .pricing {
	/* background-color:#607D8B; */
}

.primary-color, .primary-color .section-title, .primary-color .section-subtitle, .featured .pricing, .featured .pricing p {
	color:#fff;    
}

.section-heading h2:after {
	background: #fedb3c;
	content:"";
	display:block;
	width:30px;
	height:5px;
	margin-top:30px;
}

.text-center .section-heading h2:after {
	margin:30px auto 25px auto;
}

/* Primary Icon Colors */

.primary-color .icon i, .primary-color i {
	color:#fff;
}


/* Secondary Background and Text Colors */

.secondary-color {
	background-color: rgb(255 255 255 / 0.6);
	/* border-top: 1px; */
	border-radius: 10px;
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 2%;
}


@media only screen and (max-width: 500px) {
	.secondary-color {
		border-radius: 0px;
	}
}


.secondary-images{
	/* background: url("../images/home/okumura_keikaku_bg.jpg") no-repeat center top; */
	background-size:cover;
	background-color: #FFC107;
}


/*------------------------------------------------------------------------------------------*/
/* 4. Banner */
/*------------------------------------------------------------------------------------------*/


/* Banner Background and Text Colors */

#banner {
	background: url("../images/banner-images/banner-image-1.jpg") no-repeat center top;
	background-size:cover;
}


/*------------------------------------------------------------------------------------------*/
/* 5. Typography */
/*------------------------------------------------------------------------------------------*/


body {
	/* font-family: 'Open Sans', sans-serif, Arial, Helvetica; */
	font-size:15px;
	font-weight:normal;
	color:#111;
}

/* Logo, if you are using Fonts as Logo and not image

#logo h1 {
	font-family:;
	font-size:; 
	font-weight:;
	color:;
}

#logo h2 {
	font-family:;
	font-size:; 
	font-weight:;
	color:;
}

*/


/* Banner Typography */

#banner h1 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size:62px;
	line-height:60px;
	font-weight:800;
	color:#111;
}

#banner h2 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size:18px;
	font-weight:300;
	color:#111;
}


/* Section Title and Subtitle */

.section-title {
	/* font-family: 'Open Sans', sans-serif, Arial, Helvetica; */
	font-size: 34px;
	font-weight:700;
	color:#111;
}
.section-txt {
	font-size: 25px;
	font-weight:700;
	color:#111;
}



@media(max-width:500px){

.section-title {
	font-size: 20px;
	margin-bottom: 0;
}
}

.section-subtitle {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 16px;
	font-weight:300;
	color:#9c9c9c;
}

/* Testimonial */

.testimonial q {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 17px; 
	font-weight:300;
}

.testimonial.classic q, .testimonial.classic footer {
	color:#111;
}


/* Standard Headings h1-h6 */

h1 {
	/* font-family: 'Open Sans', sans-serif, Arial, Helvetica; */
	font-size: 40px;
	font-weight:300;
	color:#111;
}

h2 {
	/* font-family: 'Open Sans', sans-serif, Arial, Helvetica; */
	font-size: 34px;
	font-weight:300;
	color:#111;
}

h3 {
	/* font-family: 'Open Sans', sans-serif, Arial, Helvetica; */
	font-size: 30px;
	font-weight:700;
	color:#111;
}

h4 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 18px; 
	font-weight:400;
	color:#111;
}

h5 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 16px; 
	font-weight:400;
	color:#111;
}

h6 {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size: 14px; 
	font-weight:400;
	color:#111;
}


/*------------------------------------------------------------------------------------------*/
/* 6. Buttons */
/*------------------------------------------------------------------------------------------*/

/* ----------Default Buttons---------- */


/* Button Text */

.button, input[type="submit"]  {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size:14px;
	/* font-weight:bold; */
	color:#111;
}


/* Button Color */

.button, input[type="submit"] {
	border-color:#111;
}


/* Button Hover Color */

.button:hover,  input[type="submit"]:hover {
	border-color:#d2b356;
	color:#d2b356;
}


/* ----------Banner Buttons---------- */


/* Button Text */

#banner .button {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size:16px;
	color:#111;
}


/* Button Color */

#banner .button {
	border-color:#111;
}


/* Button Hover Color */

#banner .button:hover {
	color:#d2b356;
	border-color:#d2b356;
}


/*------------------------------------------------------------------------------------------*/
/* 7. Footer */
/*------------------------------------------------------------------------------------------*/

#landing-footer, #landing-footer p, #landing-footer a {
	font-family: 'Open Sans', sans-serif, Arial, Helvetica;
	font-size:12px;
	font-weight:normal;
	color:#999;
}

/* Footer Icon Color */

#landing-footer i {
	color:#999;
}